@shifl-inc/ui 0.9.3 → 0.9.4

package/dist/shifl-ui.js

@@ -1,4 +1,4 @@
-import { ref as b, computed as C, onMounted as we, onUnmounted as Me, watch as W, nextTick as Ze, defineComponent as ce, createElementBlock as d, openBlock as a, withModifiers as J, createElementVNode as g, createCommentVNode as R, createTextVNode as se, toDisplayString as P, Fragment as H, renderList as j, normalizeClass as I, createBlock as B, Teleport as Ce, normalizeStyle as F, unref as V, resolveDynamicComponent as ue, createVNode as te, createStaticVNode as fn, provide as gn, inject as pn } from "vue";
+import { ref as b, computed as C, onMounted as we, onUnmounted as Me, watch as W, nextTick as Ze, defineComponent as ce, createElementBlock as d, openBlock as a, withModifiers as J, createElementVNode as g, createCommentVNode as H, createTextVNode as se, toDisplayString as P, Fragment as R, renderList as j, normalizeClass as I, createBlock as B, Teleport as Ce, normalizeStyle as F, unref as V, resolveDynamicComponent as ue, createVNode as ee, createStaticVNode as fn, provide as gn, inject as pn } from "vue";
 function hn(i) {
   const r = (i.columns || []).map((h) => ({
     ...h,
@@ -214,8 +214,8 @@ function bn(i, r) {
           E = z ? `${i}?${z}` : i;
         } else {
           const z = new URLSearchParams();
-          Object.entries(ie).forEach(([ne, O]) => {
-            O != null && O !== "" && (Array.isArray(O) ? O.forEach((ge) => z.append(`${ne}[]`, String(ge))) : z.append(ne, String(O)));
+          Object.entries(ie).forEach(([te, O]) => {
+            O != null && O !== "" && (Array.isArray(O) ? O.forEach((ge) => z.append(`${te}[]`, String(ge))) : z.append(te, String(O)));
           });
           const fe = z.toString();
           E = fe ? `${i}?${fe}` : i;
@@ -349,13 +349,13 @@ function Cn(i) {
   }), m.join(`
 `);
 }
-function yt(i, r, f) {
+function _t(i, r, f) {
   const h = new Blob([i], { type: f }), l = window.URL.createObjectURL(h), m = document.createElement("a");
   m.href = l, m.download = r, document.body.appendChild(m), m.click(), document.body.removeChild(m), window.URL.revokeObjectURL(l);
 }
-function ht(i, r) {
+function pt(i, r) {
   const f = Cn(i), h = r.endsWith(".csv") ? r : `${r}.csv`;
-  yt(f, h, "text/csv;charset=utf-8;");
+  _t(f, h, "text/csv;charset=utf-8;");
 }
 function wn(i, r) {
   const { rows: f, columns: h } = i, l = h.filter((k) => k.visible && k.key !== "_actions").sort((k, w) => (k.order || 0) - (w.order || 0));
@@ -402,7 +402,7 @@ function wn(i, r) {
     <thead>
       <tr>
 `, l.forEach((k) => {
-    m += `        <th>${mt(k.label || k.key)}</th>
+    m += `        <th>${ht(k.label || k.key)}</th>
 `;
   }), m += `
       </tr>
@@ -418,7 +418,7 @@ function wn(i, r) {
       ).join(", ") : typeof u == "object" && u !== null ? c = "name" in u ? String(u.name) : JSON.stringify(u) : c = String(u);
       const _ = c.replace(/\r?\n/g, `
 `);
-      m += `        <td>${mt(_)}</td>
+      m += `        <td>${ht(_)}</td>
 `;
     }), m += `      </tr>
 `;
@@ -428,9 +428,9 @@ function wn(i, r) {
 </body>
 </html>`;
   const T = r.endsWith(".xlsx") ? r : `${r}.xlsx`;
-  yt(m, T, "application/vnd.ms-excel");
+  _t(m, T, "application/vnd.ms-excel");
 }
-function mt(i) {
+function ht(i) {
   const r = document.createElement("div");
   return r.textContent = i, r.innerHTML;
 }
@@ -442,14 +442,14 @@ function Mn(i) {
   }
   switch (r) {
     case "csv":
-      ht(h, f);
+      pt(h, f);
       break;
     case "excel":
     case "xlsx":
       wn(h, f);
       break;
     default:
-      ht(h, f);
+      pt(h, f);
       break;
   }
 }
@@ -461,7 +461,7 @@ function Tn(i, r, f, h) {
     filters: h
   };
 }
-function vt(i) {
+function mt(i) {
   const r = [];
   return (!i.exportFileName || i.exportFileName.trim() === "") && r.push("Export file name is required"), i.exportType ? ["csv", "excel", "xlsx"].includes(i.exportType) || r.push("Invalid export type. Must be csv, excel, or xlsx") : r.push("Export type is required"), i.source ? ["client", "server"].includes(i.source) || r.push("Invalid export source. Must be client or server") : r.push("Export source is required"), {
     isValid: r.length === 0,
@@ -500,8 +500,8 @@ const Sn = { class: "shifl-column-manager__header" }, xn = { class: "shifl-colum
         g("header", Sn, [
           g("div", xn, [
             g("h2", $n, [
-              i.titlePrefix ? (a(), d("span", Pn, P(i.titlePrefix), 1)) : R("", !0),
-              i.titlePrefix ? (a(), d("span", Ln, ">")) : R("", !0),
+              i.titlePrefix ? (a(), d("span", Pn, P(i.titlePrefix), 1)) : H("", !0),
+              i.titlePrefix ? (a(), d("span", Ln, ">")) : H("", !0),
               c[8] || (c[8] = se("Edit Columns ", -1))
             ])
           ]),
@@ -534,7 +534,7 @@ const Sn = { class: "shifl-column-manager__header" }, xn = { class: "shifl-colum
         ]),
         g("div", An, [
           g("ul", Hn, [
-            (a(!0), d(H, null, j(h.value, (_, M) => (a(), d("li", {
+            (a(!0), d(R, null, j(h.value, (_, M) => (a(), d("li", {
               key: _.key,
               class: I(["shifl-column-manager__item", {
                 "shifl-column-manager__item--disabled": _.freeze || _.protected
@@ -643,14 +643,14 @@ const Sn = { class: "shifl-column-manager__header" }, xn = { class: "shifl-colum
           i.isHtml ? (a(), d("div", {
             key: 0,
             innerHTML: i.content
-          }, null, 8, Zn)) : l.value ? (a(!0), d(H, { key: 1 }, j(m.value, (_, M) => (a(), d("div", {
+          }, null, 8, Zn)) : l.value ? (a(!0), d(R, { key: 1 }, j(m.value, (_, M) => (a(), d("div", {
             key: M,
             class: "shifl-grid__tooltip-line"
-          }, P(_), 1))), 128)) : (a(), d(H, { key: 2 }, [
+          }, P(_), 1))), 128)) : (a(), d(R, { key: 2 }, [
             se(P(i.content), 1)
           ], 64))
         ])
-      ], 4)) : R("", !0)
+      ], 4)) : H("", !0)
     ]));
   }
 }), Fn = /* @__PURE__ */ G(Gn, [["__scopeId", "data-v-239005f1"]]), Wn = {}, Un = {
@@ -694,7 +694,7 @@ function Qn(i, r, f, h, l, m) {
     }, null, 8, Xn)
   ]);
 }
-const _t = /* @__PURE__ */ G(qn, [["render", Qn]]), er = {}, tr = {
+const vt = /* @__PURE__ */ G(qn, [["render", Qn]]), er = {}, tr = {
   width: "14",
   height: "10",
   viewBox: "0 0 14 10",
@@ -724,7 +724,7 @@ function or(i, r) {
     }, null, -1)
   ])]);
 }
-const bt = /* @__PURE__ */ G(sr, [["render", or]]), ar = {}, lr = {
+const yt = /* @__PURE__ */ G(sr, [["render", or]]), ar = {}, lr = {
   width: "16",
   height: "16",
   viewBox: "0 0 16 16",
@@ -822,12 +822,12 @@ const Cr = /* @__PURE__ */ G(yr, [["render", kr]]), wr = {
   },
   setup(i) {
     const h = {
-      OceanIcon: bt
+      OceanIcon: yt
       // add other icons here...
     }[i.iconName] ?? null;
     return (l, m) => (a(), d("div", Sr, [
       g("div", xr, [
-        V(h) ? (a(), B(ue(V(h)), { key: 0 })) : R("", !0)
+        V(h) ? (a(), B(ue(V(h)), { key: 0 })) : H("", !0)
       ]),
       g("p", $r, P(i.title), 1),
       g("p", Pr, P(i.description), 1)
@@ -842,49 +842,55 @@ const Cr = /* @__PURE__ */ G(yr, [["render", kr]]), wr = {
 }, jr = {
   key: 2,
   class: "shifl-grid__sort-icon shifl-grid__sort-icon--hover"
-}, Br = { key: 0 }, Ir = ["colspan"], Or = { key: 1 }, Zr = ["colspan"], Gr = ["onClick"], Fr = {
+}, Br = ["onClick"], Ir = {
   key: 0,
   class: "shifl-grid__smart-tracking-icon"
-}, Wr = {
+}, Or = {
   key: 1,
   class: "shifl-grid__action-icon-wrapper"
-}, Ur = ["onClick"], Kr = { key: 0 }, Jr = ["innerHTML"], qr = {
+}, Zr = ["onClick"], Gr = { key: 0 }, Fr = ["innerHTML"], Wr = {
   key: 2,
   class: "shifl-grid__composite-cell"
-}, Yr = {
+}, Ur = {
   key: 1,
   class: "shifl-grid__cell-blank"
-}, Xr = {
+}, Kr = {
   key: 3,
   class: "shifl-grid__type-cell"
-}, Qr = {
+}, Jr = {
   key: 1,
   class: "shifl-grid__cell-blank"
-}, es = {
+}, qr = {
   key: 2,
   class: "shifl-grid__container-badge"
-}, ts = {
+}, Yr = {
   key: 0,
   class: "shifl-grid__cell-blank"
-}, ns = {
+}, Xr = {
   key: 1,
   class: "shifl-grid__tags-cell"
-}, rs = { class: "shifl-grid__tags-wrapper" }, ss = ["onMouseenter"], is = {
+}, Qr = { class: "shifl-grid__tags-wrapper" }, es = ["onMouseenter"], ts = {
   key: 5,
   class: "shifl-grid__chips-container"
-}, os = {
+}, ns = {
   key: 6,
   class: "shifl-grid__truncated-cell"
-}, as = ["onMouseenter"], ls = ["onMouseenter"], us = ["href"], cs = {
+}, rs = ["onMouseenter"], ss = ["onMouseenter"], is = ["href"], os = {
   key: 8,
   class: "shifl-grid__progress-cell"
-}, ds = { class: "shifl-grid__progress-bar" }, fs = { class: "shifl-grid__progress-text" }, gs = ["onMouseenter"], ps = { class: "shifl-grid__reference-value" }, hs = ["onClick"], ms = {
+}, as = { class: "shifl-grid__progress-bar" }, ls = { class: "shifl-grid__progress-text" }, us = ["onMouseenter"], cs = { class: "shifl-grid__reference-value" }, ds = ["onClick"], fs = { key: 0 }, gs = {
+  key: 0,
+  class: "shifl-grid__empty-state-wrapper"
+}, ps = {
+  key: 1,
+  class: "text-center text-gray-500 py-6 shifl-grid__empty-state-wrapper empty--rows"
+}, hs = {
   key: 0,
   class: "shifl-grid__pagination"
-}, vs = { class: "shifl-grid__pagination-left" }, _s = { class: "shifl-grid__pagination-range" }, ys = { class: "shifl-grid__pagination-range-numbers" }, bs = { class: "shifl-grid__pagination-right" }, ks = { class: "shifl-grid__pagination-rows" }, Cs = ["value", "disabled"], ws = { class: "shifl-grid__pagination-nav" }, Ms = ["disabled"], Ts = { class: "shifl-grid__pagination-pages" }, Ss = ["disabled", "onClick"], xs = {
+}, ms = { class: "shifl-grid__pagination-left" }, vs = { class: "shifl-grid__pagination-range" }, _s = { class: "shifl-grid__pagination-range-numbers" }, ys = { class: "shifl-grid__pagination-right" }, bs = { class: "shifl-grid__pagination-rows" }, ks = ["value", "disabled"], Cs = { class: "shifl-grid__pagination-nav" }, ws = ["disabled"], Ms = { class: "shifl-grid__pagination-pages" }, Ts = ["disabled", "onClick"], Ss = {
   key: 1,
   class: "shifl-grid__pagination-ellipsis"
-}, $s = ["disabled"], Ps = ["onClick"], Ls = ["innerHTML"], Ns = { class: "shifl-grid__copy-tooltip-content" }, Es = /* @__PURE__ */ ce({
+}, xs = ["disabled"], $s = ["onClick"], Ps = ["innerHTML"], Ls = { class: "shifl-grid__copy-tooltip-content" }, Ns = /* @__PURE__ */ ce({
   __name: "ShiflGrid",
   props: {
     config: {},
@@ -893,12 +899,12 @@ const Cr = /* @__PURE__ */ G(yr, [["render", kr]]), wr = {
   },
   emits: ["action-click", "search-change", "pagination-change", "row-click"],
   setup(i, { emit: r }) {
-    var ct, dt, ft, gt, pt;
+    var ut, ct, dt, ft, gt;
     const f = i, h = r, l = C(() => hn(f.config)), m = b(f.search), T = b(l.value.filters), k = b(l.value.sort), w = b({
-      page: ((ct = l.value.paginationMeta) == null ? void 0 : ct.currentPage) || 1,
-      perPage: ((dt = l.value.paginationMeta) == null ? void 0 : dt.perPage) || 20
+      page: ((ut = l.value.paginationMeta) == null ? void 0 : ut.currentPage) || 1,
+      perPage: ((ct = l.value.paginationMeta) == null ? void 0 : ct.perPage) || 20
     }), u = b(
-      typeof ((ft = l.value.apiConfig) == null ? void 0 : ft.additionalParams) == "function" || (pt = (gt = l.value.apiConfig) == null ? void 0 : gt.additionalParams) == null ? void 0 : pt.tabName
+      typeof ((dt = l.value.apiConfig) == null ? void 0 : dt.additionalParams) == "function" || (gt = (ft = l.value.apiConfig) == null ? void 0 : ft.additionalParams) == null ? void 0 : gt.tabName
     ), c = kn(l.value, {
       search: m,
       filters: T,
@@ -913,9 +919,9 @@ const Cr = /* @__PURE__ */ G(yr, [["render", kr]]), wr = {
       toggleFreeze: S,
       moveColumn: E,
       resetColumns: L
-    } = mn(_.value), { sort: N, setSort: Te, applySort: de } = vn(l.value.sort), { applyGlobalFilter: ie } = _n(), { menuState: z, openMenu: fe, closeMenu: ne } = yn(), O = b(!1), ge = b({}), Ge = b(null), Fe = b(null), Se = b(null), xe = b(!1), We = b(""), $e = b(null), Pe = b(!1), wt = b({});
+    } = mn(_.value), { sort: N, setSort: Te, applySort: de } = vn(l.value.sort), { applyGlobalFilter: ie } = _n(), { menuState: z, openMenu: fe, closeMenu: te } = yn(), O = b(!1), ge = b({}), Ge = b(null), Fe = b(null), Se = b(null), xe = b(!1), We = b(""), $e = b(null), Pe = b(!1), Ct = b({});
     b({});
-    const re = b(
+    const ne = b(
       {}
     ), pe = b(!1), he = b("Copy To Clipboard"), me = b(null), Le = b({ top: 0, left: 0 });
     function q() {
@@ -951,12 +957,12 @@ const Cr = /* @__PURE__ */ G(yr, [["render", kr]]), wr = {
       (e) => {
         if (e && typeof e != "function") {
           const t = e;
-          t.tabName !== void 0 && u.value !== t.tabName && (Mt(), u.value = t.tabName);
+          t.tabName !== void 0 && u.value !== t.tabName && (wt(), u.value = t.tabName);
         }
       },
       { deep: !0 }
     );
-    function Mt() {
+    function wt() {
       var t;
       const e = ((t = l.value.paginationMeta) == null ? void 0 : t.perPage) || 20;
       w.value = { page: 1, perPage: e }, m.value = void 0, k.value = l.value.sort, T.value = l.value.filters, h("search-change", ""), h("pagination-change", 1, e);
@@ -1003,10 +1009,10 @@ const Cr = /* @__PURE__ */ G(yr, [["render", kr]]), wr = {
         ...c.paginationMeta.value,
         currentPage: ((e = w.value) == null ? void 0 : e.page) || c.paginationMeta.value.currentPage || 1
       } : l.value.paginationMeta;
-    }), X = C(() => f.loading !== void 0 ? f.loading : c.loading.value), Tt = C(() => {
+    }), U = C(() => f.loading !== void 0 ? f.loading : c.loading.value), Mt = C(() => {
       var e;
       return ((e = D.value) == null ? void 0 : e.perPage) === 100;
-    }), St = C(() => {
+    }), Tt = C(() => {
       var e;
       return ((e = D.value) == null ? void 0 : e.perPage) || 10;
     }), Ue = C(() => {
@@ -1018,7 +1024,7 @@ const Cr = /* @__PURE__ */ G(yr, [["render", kr]]), wr = {
         return { from: e.from, to: e.to };
       const y = (o - 1) * n + 1, $ = Math.min(o * n, t);
       return t === 0 ? { from: 0, to: 0 } : { from: y, to: $ };
-    }), Q = C(() => {
+    }), X = C(() => {
       var e;
       return ((e = D.value) == null ? void 0 : e.currentPage) || 1;
     }), Re = C(() => {
@@ -1028,8 +1034,8 @@ const Cr = /* @__PURE__ */ G(yr, [["render", kr]]), wr = {
       if (t === 0) return 1;
       const n = e.perPage || 20, o = Math.ceil(t / n);
       return Math.max(1, o);
-    }), Ke = C(() => Q.value <= 1), Je = C(() => Q.value >= Re.value), xt = C(() => {
-      const e = Re.value, t = Q.value, n = [];
+    }), Ke = C(() => X.value <= 1), Je = C(() => X.value >= Re.value), St = C(() => {
+      const e = Re.value, t = X.value, n = [];
       if (e <= 7)
         for (let o = 1; o <= e; o++)
           n.push(o);
@@ -1049,31 +1055,31 @@ const Cr = /* @__PURE__ */ G(yr, [["render", kr]]), wr = {
       }
       return n;
     });
-    function $t(e) {
+    function xt(e) {
       var n;
-      if (e < 1 || e > Re.value || e === Q.value || X.value) return;
+      if (e < 1 || e > Re.value || e === X.value || U.value) return;
       const t = ((n = D.value) == null ? void 0 : n.perPage) || 20;
       w.value = { page: e, perPage: t }, h("pagination-change", e, t);
     }
-    function Pt() {
+    function $t() {
       var n;
-      if (Ke.value || X.value) return;
-      const e = ((n = D.value) == null ? void 0 : n.perPage) || 20, t = Q.value - 1;
+      if (Ke.value || U.value) return;
+      const e = ((n = D.value) == null ? void 0 : n.perPage) || 20, t = X.value - 1;
       w.value = { page: t, perPage: e }, h("pagination-change", t, e);
     }
-    function Lt() {
+    function Pt() {
       var n;
-      if (Je.value || X.value) return;
-      const e = ((n = D.value) == null ? void 0 : n.perPage) || 20, t = Q.value + 1;
+      if (Je.value || U.value) return;
+      const e = ((n = D.value) == null ? void 0 : n.perPage) || 20, t = X.value + 1;
       w.value = { page: t, perPage: e }, h("pagination-change", t, e);
     }
-    function Nt(e) {
+    function Lt(e) {
       var o;
-      if (X.value) return;
+      if (U.value) return;
       const t = e.target, n = parseInt(t.value, 10);
       n && n !== (((o = D.value) == null ? void 0 : o.perPage) || 20) && (w.value = { page: 1, perPage: n }, h("pagination-change", 1, n));
     }
-    const Et = C(() => {
+    const Nt = C(() => {
       const e = l.value.columns.find((n) => n.smartTrackingColumn);
       if (!(e != null && e.smartTrackingColumn)) return !1;
       const t = e.smartTrackingColumn.dataKey;
@@ -1081,10 +1087,10 @@ const Cr = /* @__PURE__ */ G(yr, [["render", kr]]), wr = {
         const o = n[t];
         return o === !0 || o === 1 || o === "true" || o === "1";
       });
-    }), Ve = C(() => l.value.columns.find((e) => e.smartTrackingColumn)), U = C(() => {
+    }), Ve = C(() => l.value.columns.find((e) => e.smartTrackingColumn)), re = C(() => {
       var n;
       const e = x.value.filter((o) => !o.smartTrackingColumn);
-      if (Et.value && Ve.value) {
+      if (Nt.value && Ve.value) {
         const o = {
           key: "_smart_tracking",
           label: "",
@@ -1103,33 +1109,33 @@ const Cr = /* @__PURE__ */ G(yr, [["render", kr]]), wr = {
       }
       const t = e.find((o) => o.key === "ref");
       return t && (t.freeze = !0, t.protected = !0), e;
-    }), At = C(() => {
+    }), Et = C(() => {
       let e = 0;
       const t = {};
-      for (const n of U.value) {
+      for (const n of re.value) {
         n.freeze && (t[n.key] = e);
         const o = parseInt(n.width ?? "160", 10);
         Number.isNaN(o) || (e += o);
       }
       return t;
-    }), Ht = C(() => {
+    }), At = C(() => {
       const e = l.value.exportConfig;
       return (e == null ? void 0 : e.show) === !0;
-    }), Rt = C(() => {
+    }), Ht = C(() => {
       const e = l.value.exportConfig;
-      return !(e != null && e.show) || !Y.value || Y.value.length === 0 ? !0 : !vt(e).isValid;
+      return !(e != null && e.show) || !Y.value || Y.value.length === 0 ? !0 : !mt(e).isValid;
     });
-    function Vt() {
+    function Rt() {
       const e = l.value.exportConfig;
       if (!e) return;
-      const t = vt(e);
+      const t = mt(e);
       if (!t.isValid) {
         console.error("Export configuration is invalid:", t.errors);
         return;
       }
       const n = Tn(
         Y.value,
-        U.value,
+        re.value,
         N.value,
         T.value
       );
@@ -1139,10 +1145,10 @@ const Cr = /* @__PURE__ */ G(yr, [["render", kr]]), wr = {
         data: n
       }) : e.source === "server" && console.log("Server-side export not yet implemented");
     }
-    const qe = C(() => !!f.search && f.search.trim().length > 0), Ye = b(0);
+    const Vt = C(() => !!f.search && f.search.trim().length > 0), qe = b(0);
     function zt(e) {
       const t = e.target;
-      Ye.value = t.scrollLeft;
+      qe.value = t.scrollLeft;
     }
     function Dt(e) {
       const t = M.value.find((n) => n.key === e);
@@ -1150,29 +1156,29 @@ const Cr = /* @__PURE__ */ G(yr, [["render", kr]]), wr = {
     }
     function ve(e, t) {
       if (e == null || e === "" || e === void 0)
-        return ee(t.blankStyle);
+        return Q(t.blankStyle);
       const n = t.cellType;
       if (Array.isArray(n)) {
         const o = n.find((s) => typeof s == "string" && s !== "icon");
-        return o && typeof o == "string" ? rt(e, o, t) : "";
+        return o && typeof o == "string" ? nt(e, o, t) : "";
       }
       if (!n)
         return typeof e == "object" ? JSON.stringify(e) : String(e);
       switch (n) {
         case "number":
-          return Xe(e);
+          return Ye(e);
         case "currency":
-          return Qe(e);
+          return Xe(e);
         case "date":
-          return et(e);
+          return Qe(e);
         case "boolean":
-          return tt(e);
+          return et(e);
         case "text":
         default:
           return typeof e == "object" ? JSON.stringify(e) : String(e);
       }
     }
-    function ee(e) {
+    function Q(e) {
       switch (e) {
         case "dash":
           return "--";
@@ -1185,13 +1191,13 @@ const Cr = /* @__PURE__ */ G(yr, [["render", kr]]), wr = {
           return "";
       }
     }
-    function Xe(e) {
+    function Ye(e) {
       if (typeof e == "number")
         return e.toLocaleString();
       const t = Number(e);
       return Number.isNaN(t) ? String(e) : t.toLocaleString();
     }
-    function Qe(e) {
+    function Xe(e) {
       if (typeof e == "number")
         return new Intl.NumberFormat("en-US", {
           style: "currency",
@@ -1203,7 +1209,7 @@ const Cr = /* @__PURE__ */ G(yr, [["render", kr]]), wr = {
         currency: "USD"
       }).format(t);
     }
-    function et(e) {
+    function Qe(e) {
       if (e instanceof Date)
         return e.toLocaleDateString();
       if (typeof e == "string") {
@@ -1213,7 +1219,7 @@ const Cr = /* @__PURE__ */ G(yr, [["render", kr]]), wr = {
       }
       return String(e);
     }
-    function tt(e) {
+    function et(e) {
       return typeof e == "boolean" ? e ? "Yes" : "No" : e === 1 || e === "1" || e === "true" || e === "True" ? "Yes" : e === 0 || e === "0" || e === "false" || e === "False" ? "No" : String(e);
     }
     function jt(e) {
@@ -1223,13 +1229,13 @@ const Cr = /* @__PURE__ */ G(yr, [["render", kr]]), wr = {
       return Number.isNaN(t) ? 0 : Math.min(100, Math.max(0, t));
     }
     function _e(e) {
-      return typeof e == "boolean" ? e ? _r : Cr : typeof e == "string" && e.toLowerCase() === "ocean" ? bt : null;
+      return typeof e == "boolean" ? e ? _r : Cr : typeof e == "string" && e.toLowerCase() === "ocean" ? yt : null;
     }
     function Bt(e) {
       const t = e.toLowerCase();
       return ["supplier", "suppliers", "po", "pos", "product_description"].includes(t);
     }
-    function nt(e) {
+    function tt(e) {
       if (e.cellType === "badge") return !0;
       const t = e.key.toLowerCase();
       return t === "tag" || t === "tags";
@@ -1246,18 +1252,18 @@ const Cr = /* @__PURE__ */ G(yr, [["render", kr]]), wr = {
     function Gt(e) {
       return Array.isArray(e.cellType) ? e.cellType.filter((t) => typeof t == "string") : e.cellType && typeof e.cellType == "string" ? [e.cellType] : [];
     }
-    function rt(e, t, n) {
+    function nt(e, t, n) {
       if (e == null || e === "" || e === void 0)
-        return ee(n.blankStyle);
+        return Q(n.blankStyle);
       switch (t) {
         case "number":
-          return Xe(e);
+          return Ye(e);
         case "currency":
-          return Qe(e);
+          return Xe(e);
         case "date":
-          return et(e);
+          return Qe(e);
         case "boolean":
-          return tt(e);
+          return et(e);
         case "text":
         default:
           return typeof e == "object" ? JSON.stringify(e) : String(e);
@@ -1274,16 +1280,16 @@ const Cr = /* @__PURE__ */ G(yr, [["render", kr]]), wr = {
     }
     function Wt(e, t) {
       if (e == null || e === "")
-        return ee(t.blankStyle);
+        return Q(t.blankStyle);
       if (Array.isArray(e)) {
         if (e.length === 0)
-          return ee(t.blankStyle);
+          return Q(t.blankStyle);
         const n = e.join(", ");
-        return st(n, 45);
+        return rt(n, 45);
       }
-      return typeof e == "string" ? st(e, 45) : String(e);
+      return typeof e == "string" ? rt(e, 45) : String(e);
     }
-    function st(e, t) {
+    function rt(e, t) {
       return e.length <= t ? e : e.substring(0, t) + "...";
     }
     function ze(e) {
@@ -1314,10 +1320,10 @@ const Cr = /* @__PURE__ */ G(yr, [["render", kr]]), wr = {
     }
     function De(e, t, n, o) {
       let s = "", y = !1;
-      const $ = U.value.find((A) => A.key === e);
-      if ($ && nt($)) {
-        const A = it(n);
-        A.length > 0 && (y = !0, s = A.map((K) => `<span class="shifl-grid__tooltip-badge" style="border-left-color: ${lt(K)} !important">${K.name}</span>`).join(""));
+      const $ = re.value.find((A) => A.key === e);
+      if ($ && tt($)) {
+        const A = st(n);
+        A.length > 0 && (y = !0, s = A.map((K) => `<span class="shifl-grid__tooltip-badge" style="border-left-color: ${at(K)} !important">${K.name}</span>`).join(""));
       } else Array.isArray(n) ? n.length > 0 && (s = n.join(`
 `)) : n != null && (s = String(n));
       We.value = s, Pe.value = y, $e.value = o, xe.value = !0;
@@ -1345,12 +1351,12 @@ const Cr = /* @__PURE__ */ G(yr, [["render", kr]]), wr = {
       }
     }
     function Xt(e, t, n) {
-      n && (wt.value[`${e}-${t}`] = n);
+      n && (Ct.value[`${e}-${t}`] = n);
     }
     function ye(e) {
       return e == null ? [] : Array.isArray(e) ? e.map((t) => typeof t == "object" && t !== null && "name" in t ? String(t.name) : String(t)).filter((t) => t.length > 0) : typeof e == "string" ? e.split(",").map((t) => t.trim()).filter((t) => t.length > 0) : [String(e)];
     }
-    function it(e) {
+    function st(e) {
       return e == null ? [] : Array.isArray(e) ? e.map((t) => typeof t == "object" && t !== null && "name" in t ? {
         name: String(t.name),
         color: "color" in t ? String(t.color) : void 0
@@ -1359,12 +1365,12 @@ const Cr = /* @__PURE__ */ G(yr, [["render", kr]]), wr = {
         color: void 0
       }).filter((t) => t.name.length > 0) : typeof e == "string" ? e.split(",").map((t) => t.trim()).filter((t) => t.length > 0).map((t) => ({ name: t, color: void 0 })) : [{ name: String(e), color: void 0 }];
     }
-    function ot(e, t, n) {
+    function it(e, t, n) {
       const o = ye(e);
       if (o.length === 0) return [];
       const s = `${t}-${n}`;
-      if (re.value[s])
-        return re.value[s];
+      if (ne.value[s])
+        return ne.value[s];
       const y = 130, $ = 8, A = 4;
       let K = 0;
       const Z = [];
@@ -1374,14 +1380,14 @@ const Cr = /* @__PURE__ */ G(yr, [["render", kr]]), wr = {
           break;
         Z.push(ae), K += le;
       }
-      return re.value[s] = Z, Z;
+      return ne.value[s] = Z, Z;
     }
-    function at(e, t, n) {
-      const o = it(e);
+    function ot(e, t, n) {
+      const o = st(e);
       if (o.length === 0) return [];
       const s = `${t}-${n}-objects`;
-      if (re.value[s])
-        return re.value[s];
+      if (ne.value[s])
+        return ne.value[s];
       const y = 130, $ = 8, A = 4;
       let K = 0;
       const Z = [];
@@ -1391,14 +1397,14 @@ const Cr = /* @__PURE__ */ G(yr, [["render", kr]]), wr = {
           break;
         Z.push(ae), K += le;
       }
-      return re.value[s] = Z, Z;
+      return ne.value[s] = Z, Z;
     }
     function Qt(e, t, n) {
-      const o = ye(e), s = ot(e, t, n);
+      const o = ye(e), s = it(e, t, n);
       return o.length > s.length;
     }
     function en(e, t, n) {
-      const o = ye(e), s = ot(e, t, n);
+      const o = ye(e), s = it(e, t, n);
       return o.length - s.length;
     }
     function tn(e) {
@@ -1421,7 +1427,7 @@ const Cr = /* @__PURE__ */ G(yr, [["render", kr]]), wr = {
           return s;
       return nn(e);
     }
-    function lt(e) {
+    function at(e) {
       return e.color && e.color !== "" ? e.color : tn(e.name);
     }
     function nn(e) {
@@ -1444,9 +1450,9 @@ const Cr = /* @__PURE__ */ G(yr, [["render", kr]]), wr = {
       const o = { ...{
         width: e.width ?? "160px",
         minWidth: e.width ?? "160px"
-      } }, s = Ye.value > 0, y = M.value.filter((A) => A.freeze), $ = y[y.length - 1];
+      } }, s = qe.value > 0, y = M.value.filter((A) => A.freeze), $ = y[y.length - 1];
       if (e.freeze) {
-        const A = At.value[e.key] ?? 0;
+        const A = Et.value[e.key] ?? 0;
         o.position = "sticky", o.left = `${A}px`, o.background = "#ffffff", o.zIndex = t ? 40 : 10, e.key === ($ == null ? void 0 : $.key) && s ? o.boxShadow = "2px 0px 4px -2px #121b2b0d, 2px 0px 2px 0px #121b2b0d" : o.boxShadow = "none";
       }
       return t && (o.position = "sticky", o.top = "0px"), o;
@@ -1480,7 +1486,7 @@ const Cr = /* @__PURE__ */ G(yr, [["render", kr]]), wr = {
       if (!n.actionColumn) return;
       const s = o.currentTarget;
       if (z.value.rowIndex === e) {
-        ne();
+        te();
         return;
       }
       Fe.value = n, Se.value = t, fe(e, s);
@@ -1489,7 +1495,7 @@ const Cr = /* @__PURE__ */ G(yr, [["render", kr]]), wr = {
       return !(e != null && e.actionColumn) || !t ? [] : (typeof e.actionColumn.actions == "function" ? e.actionColumn.actions(t) : e.actionColumn.actions).filter((o) => o.show ? o.show(t) : !0);
     }
     function un(e, t, n) {
-      h("action-click", e.key, t, n), ne();
+      h("action-click", e.key, t, n), te();
     }
     const cn = (e, t) => {
       ["BUTTON", "A", "INPUT", "SELECT", "TEXTAREA", "SVG", "PATH"].includes(t.target.tagName) || h("row-click", e);
@@ -1497,15 +1503,15 @@ const Cr = /* @__PURE__ */ G(yr, [["render", kr]]), wr = {
     function dn(e, t) {
       t && (ge.value[e] = t);
     }
-    function ut(e) {
+    function lt(e) {
       if (z.value.rowIndex === null) return;
       const t = e.target, n = Ge.value, o = Object.values(ge.value), s = n == null ? void 0 : n.contains(t), y = o.some(($) => $.contains(t));
-      !s && !y && ne();
+      !s && !y && te();
     }
     return we(() => {
-      document.addEventListener("click", ut), document.addEventListener("scroll", q), window.addEventListener("scroll", q), window.addEventListener("resize", q);
+      document.addEventListener("click", lt), document.addEventListener("scroll", q), window.addEventListener("scroll", q), window.addEventListener("resize", q);
     }), Me(() => {
-      document.removeEventListener("click", ut), document.removeEventListener("scroll", q), window.removeEventListener("scroll", q), window.removeEventListener("resize", q);
+      document.removeEventListener("click", lt), document.removeEventListener("scroll", q), window.removeEventListener("scroll", q), window.removeEventListener("resize", q);
     }), (e, t) => (a(), d("div", Nr, [
       g("div", Er, [
         g("button", {
@@ -1513,29 +1519,29 @@ const Cr = /* @__PURE__ */ G(yr, [["render", kr]]), wr = {
           class: "shifl-grid__pill-button whitespace-nowrap",
           onClick: t[0] || (t[0] = (n) => O.value = !0)
         }, " Edit Column "),
-        Ht.value ? (a(), d("button", {
+        At.value ? (a(), d("button", {
           key: 0,
           type: "button",
           class: "shifl-grid__pill-button whitespace-nowrap flex items-center gap-2",
-          disabled: Rt.value,
-          onClick: Vt,
+          disabled: Ht.value,
+          onClick: Rt,
           title: "Export Data"
         }, [
-          te(Tr),
+          ee(Tr),
           t[6] || (t[6] = se(" Export ", -1))
-        ], 8, Ar)) : R("", !0)
+        ], 8, Ar)) : H("", !0)
       ]),
       g("div", {
         class: I(["shifl-grid__viewport", {
-          "shifl-grid__viewport--scroll": Tt.value,
-          "shifl-grid__viewport--empty": !Y.value.length && qe.value && l.value.emptyState
+          "shifl-grid__viewport--scroll": Mt.value,
+          "shifl-grid__viewport--empty": !Y.value.length
         }]),
         onScroll: zt
       }, [
         g("table", Hr, [
           g("thead", null, [
             g("tr", null, [
-              (a(!0), d(H, null, j(U.value, (n) => {
+              (a(!0), d(R, null, j(re.value, (n) => {
                 var o;
                 return a(), d("th", {
                   key: n.key,
@@ -1553,142 +1559,100 @@ const Cr = /* @__PURE__ */ G(yr, [["render", kr]]), wr = {
                   ])
                 }, [
                   g("div", Vr, [
-                    n.label ? (a(), d("span", zr, P(n.label), 1)) : R("", !0),
+                    n.label ? (a(), d("span", zr, P(n.label), 1)) : H("", !0),
                     ((o = V(N)) == null ? void 0 : o.key) === n.key && V(N).order ? (a(), d("span", Dr, [
-                      V(N).order === "asc" ? (a(), B(_t, { key: 0 })) : (a(), B(rr, { key: 1 }))
+                      V(N).order === "asc" ? (a(), B(vt, { key: 0 })) : (a(), B(rr, { key: 1 }))
                     ])) : n.sortable && !oe(n) && !be(n) ? (a(), d("span", jr, [
-                      te(_t, { color: "#69758C" })
-                    ])) : R("", !0)
+                      ee(vt, { color: "#69758C" })
+                    ])) : H("", !0)
                   ])
                 ], 14, Rr);
               }), 128))
             ])
           ]),
           g("tbody", null, [
-            X.value ? (a(!0), d(H, { key: 0 }, j(St.value, (n) => (a(), d("tr", {
+            U.value ? (a(!0), d(R, { key: 0 }, j(Tt.value, (n) => (a(), d("tr", {
               key: `skeleton-${n}`,
               class: "shifl-grid__skeleton-row"
             }, [
-              (a(!0), d(H, null, j(U.value, (o) => (a(), d("td", {
+              (a(!0), d(R, null, j(re.value, (o) => (a(), d("td", {
                 key: o.key,
                 style: F(Ie(o, !1)),
                 class: I({ "shifl-grid__cell--sticky": o.freeze })
               }, [...t[7] || (t[7] = [
                 g("div", { class: "shifl-grid__skeleton-cell" }, null, -1)
               ])], 6))), 128))
-            ]))), 128)) : (a(), d(H, { key: 1 }, [
-              !Y.value.length && qe.value && l.value.emptyState ? (a(), d("tr", Br, [
-                g("td", {
-                  colspan: U.value.length,
-                  style: { height: "200px !important", "border-right": "none !important" }
-                }, [
-                  te(Lr, {
-                    "icon-name": l.value.emptyState.iconName,
-                    title: l.value.emptyState.title,
-                    description: l.value.emptyState.description
-                  }, null, 8, ["icon-name", "title", "description"])
-                ], 8, Ir)
-              ])) : Y.value.length ? R("", !0) : (a(), d("tr", Or, [
-                g("td", {
-                  colspan: U.value.length,
-                  class: "text-center text-gray-500 py-6"
-                }, " No data ", 8, Zr)
-              ])),
-              (a(!0), d(H, null, j(Y.value, (n, o) => (a(), d("tr", {
-                key: o,
-                onClick: (s) => cn(n, s)
+            ]))), 128)) : (a(!0), d(R, { key: 1 }, j(Y.value, (n, o) => (a(), d("tr", {
+              key: o,
+              onClick: (s) => cn(n, s)
+            }, [
+              (a(!0), d(R, null, j(re.value, (s) => (a(), d("td", {
+                key: s.key,
+                style: F(Ie(s, !1)),
+                class: I([
+                  { "shifl-grid__cell--sticky": s.freeze },
+                  { "shifl-grid__cell--action": oe(s) },
+                  `shifl-grid__cell-align-${s != null && s.align ? s.align : "left"}`,
+                  { "shifl-grid__icon": s.cellType === "icon" }
+                ])
               }, [
-                (a(!0), d(H, null, j(U.value, (s) => (a(), d("td", {
-                  key: s.key,
-                  style: F(Ie(s, !1)),
-                  class: I([
-                    { "shifl-grid__cell--sticky": s.freeze },
-                    { "shifl-grid__cell--action": oe(s) },
-                    `shifl-grid__cell-align-${s != null && s.align ? s.align : "left"}`,
-                    { "shifl-grid__icon": s.cellType === "icon" }
-                  ])
-                }, [
-                  be(s) ? (a(), d(H, { key: 0 }, [
-                    on(s, n) ? (a(), d("div", Fr, [
-                      te(Jn)
-                    ])) : R("", !0)
-                  ], 64)) : oe(s) ? (a(), d("div", Wr, [
-                    g("button", {
-                      type: "button",
-                      class: "shifl-grid__action-icon",
-                      ref_for: !0,
-                      ref: (y) => dn(o, y),
-                      onClick: J((y) => an(o, n, s, y), ["stop"])
-                    }, [
-                      ke(s, n) ? typeof ke(s, n) == "string" ? (a(), d("span", {
-                        key: 1,
-                        innerHTML: ke(s, n),
-                        class: "w-4 h-4 inline-block"
-                      }, null, 8, Jr)) : (a(), B(ue(ke(s, n)), {
-                        key: 2,
-                        class: "w-4 h-4"
-                      })) : (a(), d("span", Kr, "⋯"))
-                    ], 8, Ur)
-                  ])) : Zt(s) ? (a(), d("div", qr, [
-                    (a(!0), d(H, null, j(Gt(s), (y, $) => (a(), d(H, { key: $ }, [
-                      y === "icon" && _e(n[s.key]) ? (a(), B(ue(_e(n[s.key])), {
-                        key: 0,
-                        class: "shifl-grid__type-icon"
-                      })) : y === "icon" ? (a(), d("span", Yr, P(ee(s.blankStyle)), 1)) : (a(), d("span", {
-                        key: 2,
-                        class: I(Ft(y))
-                      }, P(rt(n[s.key], y, s)), 3))
-                    ], 64))), 128))
-                  ])) : Ot(s) ? (a(), d("div", Xr, [
-                    _e(n[s.key]) ? (a(), B(ue(_e(n[s.key])), {
+                be(s) ? (a(), d(R, { key: 0 }, [
+                  on(s, n) ? (a(), d("div", Ir, [
+                    ee(Jn)
+                  ])) : H("", !0)
+                ], 64)) : oe(s) ? (a(), d("div", Or, [
+                  g("button", {
+                    type: "button",
+                    class: "shifl-grid__action-icon",
+                    ref_for: !0,
+                    ref: (y) => dn(o, y),
+                    onClick: J((y) => an(o, n, s, y), ["stop"])
+                  }, [
+                    ke(s, n) ? typeof ke(s, n) == "string" ? (a(), d("span", {
+                      key: 1,
+                      innerHTML: ke(s, n),
+                      class: "w-4 h-4 inline-block"
+                    }, null, 8, Fr)) : (a(), B(ue(ke(s, n)), {
+                      key: 2,
+                      class: "w-4 h-4"
+                    })) : (a(), d("span", Gr, "⋯"))
+                  ], 8, Zr)
+                ])) : Zt(s) ? (a(), d("div", Wr, [
+                  (a(!0), d(R, null, j(Gt(s), (y, $) => (a(), d(R, { key: $ }, [
+                    y === "icon" && _e(n[s.key]) ? (a(), B(ue(_e(n[s.key])), {
                       key: 0,
                       class: "shifl-grid__type-icon"
-                    })) : (a(), d("span", Qr, P(ee(s.blankStyle)), 1)),
-                    n.container_count != null ? (a(), d("span", es, " (" + P(n.container_count) + ") ", 1)) : R("", !0)
-                  ])) : nt(s) ? (a(), d(H, { key: 4 }, [
-                    n[s.key] == null || at(n[s.key], s.key, o).length === 0 ? (a(), d("div", ts, P(ee(s.blankStyle)), 1)) : (a(), d("div", ns, [
-                      g("div", rs, [
-                        g("div", {
-                          ref_for: !0,
-                          ref: "(el) => setTagsRef(col.key, rowIndex, el as HTMLElement)",
-                          class: "shifl-grid__chips-container shifl-grid__chips-container--single-line"
-                        }, [
-                          (a(!0), d(H, null, j(at(
-                            n[s.key],
-                            s.key,
-                            o
-                          ), (y, $) => (a(), d("span", {
-                            key: $,
-                            class: "shifl-grid__chip shifl-grid__chip--tag",
-                            style: F({ borderLeftColor: lt(y) })
-                          }, P(y.name), 5))), 128))
-                        ], 512)
-                      ]),
-                      Qt(n[s.key], s.key, o) ? (a(), d("button", {
-                        key: 0,
-                        type: "button",
-                        class: "shifl-grid__counter-button",
-                        onMouseenter: (y) => De(
-                          s.key,
-                          o,
+                    })) : y === "icon" ? (a(), d("span", Ur, P(Q(s.blankStyle)), 1)) : (a(), d("span", {
+                      key: 2,
+                      class: I(Ft(y))
+                    }, P(nt(n[s.key], y, s)), 3))
+                  ], 64))), 128))
+                ])) : Ot(s) ? (a(), d("div", Kr, [
+                  _e(n[s.key]) ? (a(), B(ue(_e(n[s.key])), {
+                    key: 0,
+                    class: "shifl-grid__type-icon"
+                  })) : (a(), d("span", Jr, P(Q(s.blankStyle)), 1)),
+                  n.container_count != null ? (a(), d("span", qr, " (" + P(n.container_count) + ") ", 1)) : H("", !0)
+                ])) : tt(s) ? (a(), d(R, { key: 4 }, [
+                  n[s.key] == null || ot(n[s.key], s.key, o).length === 0 ? (a(), d("div", Yr, P(Q(s.blankStyle)), 1)) : (a(), d("div", Xr, [
+                    g("div", Qr, [
+                      g("div", {
+                        ref_for: !0,
+                        ref: "(el) => setTagsRef(col.key, rowIndex, el as HTMLElement)",
+                        class: "shifl-grid__chips-container shifl-grid__chips-container--single-line"
+                      }, [
+                        (a(!0), d(R, null, j(ot(
                           n[s.key],
-                          y.currentTarget
-                        ),
-                        onMouseleave: je
-                      }, " +" + P(en(n[s.key], s.key, o)), 41, ss)) : R("", !0)
-                    ]))
-                  ], 64)) : It(s) ? (a(), d("div", is, [
-                    (a(!0), d(H, null, j(ye(n[s.key]), (y, $) => (a(), d("span", {
-                      key: $,
-                      class: "shifl-grid__chip shifl-grid__chip--status"
-                    }, P(y), 1))), 128))
-                  ])) : s.truncate !== !1 && (s.truncate === !0 || Bt(s.key)) ? (a(), d("div", os, [
-                    g("span", {
-                      class: "shifl-grid__truncated-text",
-                      ref_for: !0,
-                      ref: (y) => Xt(s.key, o, y)
-                    }, P(Wt(n[s.key], s)), 513),
-                    ze(s.key) && Kt(n[s.key]) ? (a(), d("button", {
+                          s.key,
+                          o
+                        ), (y, $) => (a(), d("span", {
+                          key: $,
+                          class: "shifl-grid__chip shifl-grid__chip--tag",
+                          style: F({ borderLeftColor: at(y) })
+                        }, P(y.name), 5))), 128))
+                      ], 512)
+                    ]),
+                    Qt(n[s.key], s.key, o) ? (a(), d("button", {
                       key: 0,
                       type: "button",
                       class: "shifl-grid__counter-button",
@@ -1699,107 +1663,139 @@ const Cr = /* @__PURE__ */ G(yr, [["render", kr]]), wr = {
                         y.currentTarget
                       ),
                       onMouseleave: je
-                    }, " +" + P(Jt(n[s.key])), 41, as)) : !ze(s.key) && Ut(n[s.key], s.key) ? (a(), d("button", {
-                      key: 1,
-                      type: "button",
-                      class: "shifl-grid__info-icon-button",
-                      onMouseenter: (y) => De(
-                        s.key,
-                        o,
-                        n[s.key],
-                        y.currentTarget
-                      ),
-                      onMouseleave: je
-                    }, [
-                      te(cr)
-                    ], 40, ls)) : R("", !0)
-                  ])) : s.cellType === "link" ? (a(), d("a", {
-                    key: 7,
-                    href: String(n[s.key] || ""),
-                    class: "shifl-grid__link-cell",
-                    onClick: t[1] || (t[1] = J(() => {
-                    }, ["stop"]))
-                  }, P(ve(n[s.key], s)), 9, us)) : s.cellType === "progress" ? (a(), d("div", cs, [
-                    g("div", ds, [
-                      g("div", {
-                        class: "shifl-grid__progress-fill",
-                        style: F({ width: `${jt(n[s.key])}%` })
-                      }, null, 4)
-                    ]),
-                    g("span", fs, P(ve(n[s.key], s)), 1)
-                  ])) : sn(s) ? (a(), d("div", {
-                    key: 9,
-                    class: "shifl-grid__reference-cell",
-                    onMouseenter: (y) => qt(String(n[s.key] || ""), y.currentTarget),
-                    onMouseleave: Be
+                    }, " +" + P(en(n[s.key], s.key, o)), 41, es)) : H("", !0)
+                  ]))
+                ], 64)) : It(s) ? (a(), d("div", ts, [
+                  (a(!0), d(R, null, j(ye(n[s.key]), (y, $) => (a(), d("span", {
+                    key: $,
+                    class: "shifl-grid__chip shifl-grid__chip--status"
+                  }, P(y), 1))), 128))
+                ])) : s.truncate !== !1 && (s.truncate === !0 || Bt(s.key)) ? (a(), d("div", ns, [
+                  g("span", {
+                    class: "shifl-grid__truncated-text",
+                    ref_for: !0,
+                    ref: (y) => Xt(s.key, o, y)
+                  }, P(Wt(n[s.key], s)), 513),
+                  ze(s.key) && Kt(n[s.key]) ? (a(), d("button", {
+                    key: 0,
+                    type: "button",
+                    class: "shifl-grid__counter-button",
+                    onMouseenter: (y) => De(
+                      s.key,
+                      o,
+                      n[s.key],
+                      y.currentTarget
+                    ),
+                    onMouseleave: je
+                  }, " +" + P(Jt(n[s.key])), 41, rs)) : !ze(s.key) && Ut(n[s.key], s.key) ? (a(), d("button", {
+                    key: 1,
+                    type: "button",
+                    class: "shifl-grid__info-icon-button",
+                    onMouseenter: (y) => De(
+                      s.key,
+                      o,
+                      n[s.key],
+                      y.currentTarget
+                    ),
+                    onMouseleave: je
                   }, [
-                    g("span", ps, P(ve(n[s.key], s)), 1),
-                    n[s.key] ? (a(), d("button", {
-                      key: 0,
-                      class: "shifl-grid__copy-icon",
-                      onClick: J(() => Yt(String(n[s.key] || "")), ["stop"]),
-                      type: "button"
-                    }, [
-                      te(pr)
-                    ], 8, hs)) : R("", !0)
-                  ], 40, gs)) : (a(), d(H, { key: 10 }, [
-                    se(P(ve(n[s.key], s)), 1)
-                  ], 64))
-                ], 6))), 128))
-              ], 8, Gr))), 128))
-            ], 64))
+                    ee(cr)
+                  ], 40, ss)) : H("", !0)
+                ])) : s.cellType === "link" ? (a(), d("a", {
+                  key: 7,
+                  href: String(n[s.key] || ""),
+                  class: "shifl-grid__link-cell",
+                  onClick: t[1] || (t[1] = J(() => {
+                  }, ["stop"]))
+                }, P(ve(n[s.key], s)), 9, is)) : s.cellType === "progress" ? (a(), d("div", os, [
+                  g("div", as, [
+                    g("div", {
+                      class: "shifl-grid__progress-fill",
+                      style: F({ width: `${jt(n[s.key])}%` })
+                    }, null, 4)
+                  ]),
+                  g("span", ls, P(ve(n[s.key], s)), 1)
+                ])) : sn(s) ? (a(), d("div", {
+                  key: 9,
+                  class: "shifl-grid__reference-cell",
+                  onMouseenter: (y) => qt(String(n[s.key] || ""), y.currentTarget),
+                  onMouseleave: Be
+                }, [
+                  g("span", cs, P(ve(n[s.key], s)), 1),
+                  n[s.key] ? (a(), d("button", {
+                    key: 0,
+                    class: "shifl-grid__copy-icon",
+                    onClick: J(() => Yt(String(n[s.key] || "")), ["stop"]),
+                    type: "button"
+                  }, [
+                    ee(pr)
+                  ], 8, ds)) : H("", !0)
+                ], 40, us)) : (a(), d(R, { key: 10 }, [
+                  se(P(ve(n[s.key], s)), 1)
+                ], 64))
+              ], 6))), 128))
+            ], 8, Br))), 128))
           ])
-        ])
+        ]),
+        U.value ? H("", !0) : (a(), d("div", fs, [
+          !Y.value.length && Vt.value && l.value.emptyState ? (a(), d("div", gs, [
+            ee(Lr, {
+              "icon-name": l.value.emptyState.iconName,
+              title: l.value.emptyState.title,
+              description: l.value.emptyState.description
+            }, null, 8, ["icon-name", "title", "description"])
+          ])) : Y.value.length ? H("", !0) : (a(), d("div", ps, " No data available "))
+        ]))
       ], 34),
-      D.value && D.value.show !== !1 ? (a(), d("div", ms, [
-        g("div", vs, [
-          g("span", _s, [
+      D.value && D.value.show !== !1 ? (a(), d("div", hs, [
+        g("div", ms, [
+          g("span", vs, [
             t[8] || (t[8] = se(" Showing ", -1)),
-            g("span", ys, P(Ue.value.from) + "–" + P(Ue.value.to), 1),
+            g("span", _s, P(Ue.value.from) + "–" + P(Ue.value.to), 1),
             se(" of " + P(Ae.value), 1)
           ])
         ]),
-        g("div", bs, [
-          g("div", ks, [
+        g("div", ys, [
+          g("div", bs, [
             t[10] || (t[10] = g("label", { class: "shifl-grid__pagination-label" }, "Row per page", -1)),
             g("select", {
               value: D.value.perPage || 20,
-              disabled: X.value,
-              onChange: Nt,
+              disabled: U.value,
+              onChange: Lt,
               class: "shifl-grid__pagination-select"
             }, [...t[9] || (t[9] = [
               fn('<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, Cs)
+            ])], 40, ks)
           ]),
-          g("div", ws, [
+          g("div", Cs, [
             g("button", {
               type: "button",
               class: "shifl-grid__pagination-button",
               disabled: Ke.value || f.loading,
-              onClick: Pt,
+              onClick: $t,
               "aria-label": "Previous page"
-            }, " ‹ ", 8, Ms),
-            g("div", Ts, [
-              (a(!0), d(H, null, j(xt.value, (n) => (a(), d(H, { key: n }, [
+            }, " ‹ ", 8, ws),
+            g("div", Ms, [
+              (a(!0), d(R, null, j(St.value, (n) => (a(), d(R, { key: n }, [
                 n !== -1 ? (a(), d("button", {
                   key: 0,
                   type: "button",
-                  class: I(["shifl-grid__pagination-page", { "shifl-grid__pagination-page--active": n === Q.value }]),
-                  disabled: X.value,
-                  onClick: (o) => $t(n)
-                }, P(n), 11, Ss)) : (a(), d("span", xs, "…"))
+                  class: I(["shifl-grid__pagination-page", { "shifl-grid__pagination-page--active": n === X.value }]),
+                  disabled: U.value,
+                  onClick: (o) => xt(n)
+                }, P(n), 11, Ts)) : (a(), d("span", Ss, "…"))
               ], 64))), 128))
             ]),
             g("button", {
               type: "button",
               class: "shifl-grid__pagination-button",
               disabled: Je.value || f.loading,
-              onClick: Lt,
+              onClick: Pt,
               "aria-label": "Next page"
-            }, " › ", 8, $s)
+            }, " › ", 8, xs)
           ])
         ])
-      ])) : R("", !0),
+      ])) : H("", !0),
       (a(), B(Ce, { to: "body" }, [
         V(z).rowIndex !== null && V(z).position ? (a(), d("div", {
           key: 0,
@@ -1814,7 +1810,7 @@ const Cr = /* @__PURE__ */ G(yr, [["render", kr]]), wr = {
           onClick: t[2] || (t[2] = J(() => {
           }, ["stop"]))
         }, [
-          (a(!0), d(H, null, j(ln(Fe.value, Se.value), (n) => (a(), d("div", {
+          (a(!0), d(R, null, j(ln(Fe.value, Se.value), (n) => (a(), d("div", {
             key: n.key,
             class: I(["shifl-grid__action-menu-item", { "shifl-grid__action-menu-item--danger": n.danger }]),
             onClick: () => un(n, Se.value, V(z).rowIndex)
@@ -1823,15 +1819,15 @@ const Cr = /* @__PURE__ */ G(yr, [["render", kr]]), wr = {
               key: 0,
               innerHTML: n.icon,
               class: "w-4 h-4 inline-block"
-            }, null, 8, Ls)) : n.icon ? (a(), B(ue(typeof n.icon == "function" ? n.icon() : n.icon), {
+            }, null, 8, Ps)) : n.icon ? (a(), B(ue(typeof n.icon == "function" ? n.icon() : n.icon), {
               key: 1,
               class: "w-4 h-4"
-            })) : R("", !0),
+            })) : H("", !0),
             g("span", null, P(n.label), 1)
-          ], 10, Ps))), 128))
-        ], 4)) : R("", !0)
+          ], 10, $s))), 128))
+        ], 4)) : H("", !0)
       ])),
-      te(Fn, {
+      ee(Fn, {
         content: We.value,
         visible: xe.value,
         "trigger-element": $e.value,
@@ -1849,8 +1845,8 @@ const Cr = /* @__PURE__ */ G(yr, [["render", kr]]), wr = {
           })
         }, [
           t[11] || (t[11] = g("div", { class: "shifl-grid__copy-tooltip-arrow" }, null, -1)),
-          g("div", Ns, P(he.value), 1)
-        ], 4)) : R("", !0)
+          g("div", Ls, P(he.value), 1)
+        ], 4)) : H("", !0)
       ])),
       (a(), B(Ce, { to: "body" }, [
         O.value ? (a(), B(In, {
@@ -1864,16 +1860,16 @@ const Cr = /* @__PURE__ */ G(yr, [["render", kr]]), wr = {
           onSelectAll: t[4] || (t[4] = (n) => V(v)(!0)),
           onDeselectAll: t[5] || (t[5] = (n) => V(v)(!1)),
           onRestoreDefault: V(L)
-        }, null, 8, ["title-prefix", "columns", "onToggle", "onToggleFreeze", "onMove", "onRestoreDefault"])) : R("", !0)
+        }, null, 8, ["title-prefix", "columns", "onToggle", "onToggleFreeze", "onMove", "onRestoreDefault"])) : H("", !0)
       ]))
     ]));
   }
-}), Hs = {
+}), As = {
   install(i) {
-    i.component("ShiflGrid", Es);
+    i.component("ShiflGrid", Ns);
   }
 };
-function Rs() {
+function Hs() {
   const i = b(/* @__PURE__ */ new Set());
   function r(f) {
     const h = f.id ?? JSON.stringify(f), l = new Set(i.value);
@@ -1884,12 +1880,12 @@ function Rs() {
     toggleRow: r
   };
 }
-function Vs() {
+function Rs() {
   return {
     // placeholder
   };
 }
-const kt = Symbol("shifl-grid-theme"), Ct = {
+const bt = Symbol("shifl-grid-theme"), kt = {
   surface: "var(--shifl-surface)",
   surfaceAlt: "var(--shifl-surface-alt)",
   border: "var(--shifl-border)",
@@ -1899,19 +1895,19 @@ const kt = Symbol("shifl-grid-theme"), Ct = {
   accentStrong: "var(--shifl-accent-strong)",
   focus: "var(--shifl-focus)"
 };
-function zs(i) {
-  const r = b({ ...Ct, ...i });
-  return gn(kt, r), r;
+function Vs(i) {
+  const r = b({ ...kt, ...i });
+  return gn(bt, r), r;
 }
-function Ds() {
-  const i = pn(kt);
-  return C(() => (i == null ? void 0 : i.value) ?? Ct);
+function zs() {
+  const i = pn(bt);
+  return C(() => (i == null ? void 0 : i.value) ?? kt);
 }
 const Oe = {
   sm: 640,
   lg: 1024
 };
-function js() {
+function Ds() {
   const i = b(typeof window < "u" ? window.innerWidth : 0);
   function r() {
     i.value = window.innerWidth;
@@ -1926,34 +1922,34 @@ function js() {
     isTablet: C(() => i.value >= Oe.sm && i.value < Oe.lg)
   };
 }
-function Bs() {
+function js() {
   return {
     // placeholder
   };
 }
-function Is() {
+function Bs() {
   return {
     // placeholder
   };
 }
-function Os() {
+function Is() {
   return {
     // placeholder
   };
 }
 export {
-  Es as ShiflGrid,
-  Hs as ShiflGridPlugin,
-  zs as provideGridTheme,
-  js as useBreakpoints,
+  Ns as ShiflGrid,
+  As as ShiflGridPlugin,
+  Vs as provideGridTheme,
+  Ds as useBreakpoints,
   mn as useGridColumns,
   kn as useGridData,
-  Vs as useGridEditing,
+  Rs as useGridEditing,
   _n as useGridFilter,
-  Bs as useGridInfiniteScroll,
-  Rs as useGridSelection,
+  js as useGridInfiniteScroll,
+  Hs as useGridSelection,
   vn as useGridSort,
-  Ds as useGridTheme,
-  Os as useGridTour,
-  Is as useVirtualScroll
+  zs as useGridTheme,
+  Is as useGridTour,
+  Bs as useVirtualScroll
 };