@shifl-inc/ui 0.8.0 → 0.9.0

package/dist/shifl-ui.js

@@ -1,10 +1,10 @@
-import { ref as _, computed as k, onMounted as ye, onUnmounted as be, watch as F, nextTick as Ie, defineComponent as Ze, createElementBlock as l, openBlock as a, withModifiers as K, createElementVNode as d, createCommentVNode as R, createTextVNode as ie, toDisplayString as L, Fragment as H, renderList as B, normalizeClass as Z, createBlock as I, Teleport as _e, normalizeStyle as j, createVNode as me, unref as V, resolveDynamicComponent as ve, createStaticVNode as en, provide as tn, inject as nn } from "vue";
-function rn(o) {
-  const s = (o.columns || []).map((b) => ({
-    ...b,
-    freeze: b.freeze ?? !1,
-    visible: b.visible ?? !0,
-    protected: b.protected ?? !1
+import { ref as _, computed as k, onMounted as ye, onUnmounted as be, watch as F, nextTick as Ie, defineComponent as Ze, createElementBlock as l, openBlock as a, withModifiers as K, createElementVNode as d, createCommentVNode as R, createTextVNode as ie, toDisplayString as L, Fragment as H, renderList as B, normalizeClass as Z, createBlock as I, Teleport as _e, normalizeStyle as j, createVNode as me, unref as V, resolveDynamicComponent as ve, createStaticVNode as tn, provide as nn, inject as rn } from "vue";
+function sn(o) {
+  const s = (o.columns || []).map((y) => ({
+    ...y,
+    freeze: y.freeze ?? !1,
+    visible: y.visible ?? !0,
+    protected: y.protected ?? !1
   })), g = o.apiConfig ? "server" : o.searchMode || "client";
   return {
     ...o,
@@ -24,28 +24,28 @@ function rn(o) {
     } : void 0
   };
 }
-function sn(o) {
+function on(o) {
   const s = [...o], g = _([...o]);
-  function b(p) {
+  function y(p) {
     g.value = g.value.map(
-      (c) => c.key === p ? { ...c, visible: !c.visible } : c
+      (f) => f.key === p ? { ...f, visible: !f.visible } : f
     );
   }
-  function f(p) {
-    g.value = g.value.map((c) => ({ ...c, visible: p }));
+  function c(p) {
+    g.value = g.value.map((f) => ({ ...f, visible: p }));
   }
-  function y(p) {
-    const c = g.value.map(
+  function b(p) {
+    const f = g.value.map(
       (M) => M.key === p ? { ...M, freeze: !M.freeze } : M
-    ), m = c.filter((M) => M.freeze), T = c.filter((M) => !M.freeze);
+    ), m = f.filter((M) => M.freeze), T = f.filter((M) => !M.freeze);
     g.value = [...m, ...T];
   }
-  function P(p, c) {
-    if (p === c || c < 0 || c >= g.value.length) return;
+  function P(p, f) {
+    if (p === f || f < 0 || f >= g.value.length) return;
     const m = g.value.findIndex((h) => !h.freeze), T = m === -1 ? g.value.length : m;
-    if (p < T || c < T) return;
+    if (p < T || f < T) return;
     const M = [...g.value], [u] = M.splice(p, 1);
-    M.splice(c, 0, u), g.value = M;
+    M.splice(f, 0, u), g.value = M;
   }
   function S() {
     g.value = [...s];
@@ -54,28 +54,28 @@ function sn(o) {
   return {
     columns: g,
     visibleColumns: w,
-    toggleColumnVisibility: b,
-    setAllVisible: f,
-    toggleFreeze: y,
+    toggleColumnVisibility: y,
+    setAllVisible: c,
+    toggleFreeze: b,
     moveColumn: P,
     resetColumns: S
   };
 }
-function on(o) {
+function an(o) {
   const s = _(o);
-  function g(f) {
-    var y;
-    s.value = ((y = s.value) == null ? void 0 : y.key) === f && s.value.order === "asc" ? { key: f, order: "desc" } : { key: f, order: "asc" };
+  function g(c) {
+    var b;
+    s.value = ((b = s.value) == null ? void 0 : b.key) === c && s.value.order === "asc" ? { key: c, order: "desc" } : { key: c, order: "asc" };
   }
-  function b(f) {
-    if (!s.value) return f;
-    const { key: y, order: P } = s.value;
-    return [...f].sort((S, w) => {
-      const p = S[y], c = w[y];
-      if (p === c) return 0;
+  function y(c) {
+    if (!s.value) return c;
+    const { key: b, order: P } = s.value;
+    return [...c].sort((S, w) => {
+      const p = S[b], f = w[b];
+      if (p === f) return 0;
       if (p == null) return 1;
-      if (c == null) return -1;
-      const m = String(p).localeCompare(String(c), void 0, {
+      if (f == null) return -1;
+      const m = String(p).localeCompare(String(f), void 0, {
         numeric: !0
       });
       return P === "asc" ? m : -m;
@@ -84,30 +84,30 @@ function on(o) {
   return {
     sort: s,
     setSort: g,
-    applySort: b
+    applySort: y
   };
 }
-function an() {
-  function o(s, g, b) {
-    const f = (b || "").trim().toLowerCase();
-    return f ? s.filter((y) => (g && g.length ? g.map((S) => y[S]) : Object.values(y)).some(
-      (S) => String(S ?? "").toLowerCase().includes(f)
+function ln() {
+  function o(s, g, y) {
+    const c = (y || "").trim().toLowerCase();
+    return c ? s.filter((b) => (g && g.length ? g.map((S) => b[S]) : Object.values(b)).some(
+      (S) => String(S ?? "").toLowerCase().includes(c)
     )) : s;
   }
   return {
     applyGlobalFilter: o
   };
 }
-function ln() {
+function un() {
   const o = _({
     rowIndex: null,
     position: null
   });
-  function s(y, P, S = 200) {
+  function s(b, P, S = 200) {
     const w = P.getBoundingClientRect();
     let p = w.left;
     p + S > window.innerWidth - 8 && (p = window.innerWidth - S + 8), o.value = {
-      rowIndex: y,
+      rowIndex: b,
       position: {
         top: w.bottom,
         // 4px below trigger
@@ -121,25 +121,25 @@ function ln() {
       position: null
     };
   }
-  function b(y) {
-    return o.value.rowIndex === y;
+  function y(b) {
+    return o.value.rowIndex === b;
   }
-  function f(y) {
-    y.key === "Escape" && o.value.rowIndex !== null && g();
+  function c(b) {
+    b.key === "Escape" && o.value.rowIndex !== null && g();
   }
   return ye(() => {
-    document.addEventListener("keydown", f);
+    document.addEventListener("keydown", c);
   }), be(() => {
-    document.removeEventListener("keydown", f);
+    document.removeEventListener("keydown", c);
   }), {
     menuState: o,
     openMenu: s,
     closeMenu: g,
-    isMenuOpen: b
+    isMenuOpen: y
   };
 }
-function un(o, s) {
-  const g = _(!1), b = _(null), f = _([]), y = _(void 0);
+function cn(o, s) {
+  const g = _(!1), y = _(null), c = _([]), b = _(void 0);
   let P = null;
   function S(u) {
     const h = new URLSearchParams();
@@ -189,7 +189,7 @@ function un(o, s) {
     }
     return u;
   }
-  function c(u) {
+  function f(u) {
     if (s != null && s.responseTransformer)
       return s.responseTransformer(u);
     const h = u;
@@ -200,10 +200,10 @@ function un(o, s) {
   }
   async function m(u) {
     if (!o) {
-      b.value = new Error("API URL is required");
+      y.value = new Error("API URL is required");
       return;
     }
-    g.value = !0, b.value = null;
+    g.value = !0, y.value = null;
     try {
       const h = (s == null ? void 0 : s.method) || "GET", C = p();
       let A = o, N;
@@ -214,8 +214,8 @@ function un(o, s) {
           A = z ? `${o}?${z}` : o;
         } else {
           const z = new URLSearchParams();
-          Object.entries(te).forEach(([Q, O]) => {
-            O != null && O !== "" && (Array.isArray(O) ? O.forEach((le) => z.append(`${Q}[]`, String(le))) : z.append(Q, String(O)));
+          Object.entries(te).forEach(([Q, G]) => {
+            G != null && G !== "" && (Array.isArray(G) ? G.forEach((le) => z.append(`${Q}[]`, String(le))) : z.append(Q, String(G)));
           });
           const ae = z.toString();
           A = ae ? `${o}?${ae}` : o;
@@ -229,10 +229,10 @@ function un(o, s) {
       });
       if (!x.ok)
         throw new Error(`API request failed: ${x.status} ${x.statusText}`);
-      const ke = await x.json(), oe = c(ke);
-      f.value = oe.data, y.value = oe.meta;
+      const ke = await x.json(), oe = f(ke);
+      c.value = oe.data, b.value = oe.meta;
     } catch (h) {
-      b.value = h instanceof Error ? h : new Error("Unknown error occurred"), f.value = [], y.value = void 0;
+      y.value = h instanceof Error ? h : new Error("Unknown error occurred"), c.value = [], b.value = void 0;
     } finally {
       g.value = !1;
     }
@@ -249,29 +249,29 @@ function un(o, s) {
   }
   return {
     loading: k(() => g.value),
-    error: k(() => b.value),
-    data: k(() => f.value),
-    paginationMeta: k(() => y.value),
+    error: k(() => y.value),
+    data: k(() => c.value),
+    paginationMeta: k(() => b.value),
     fetchData: m,
     fetchDataDebounced: T,
     refresh: M
   };
 }
-function cn(o, s) {
+function fn(o, s) {
   var w, p;
-  const g = (s == null ? void 0 : s.search) || _(void 0), b = (s == null ? void 0 : s.filters) || _(o.filters), f = (s == null ? void 0 : s.sort) || _(o.sort), y = (s == null ? void 0 : s.pagination) || _({
+  const g = (s == null ? void 0 : s.search) || _(void 0), y = (s == null ? void 0 : s.filters) || _(o.filters), c = (s == null ? void 0 : s.sort) || _(o.sort), b = (s == null ? void 0 : s.pagination) || _({
     page: ((w = o.paginationMeta) == null ? void 0 : w.currentPage) || 1,
     perPage: ((p = o.paginationMeta) == null ? void 0 : p.perPage) || 20
   }), P = (s == null ? void 0 : s.extraState) || _(void 0), S = (s == null ? void 0 : s.tabName) || _(void 0);
   if (o.apiConfig && o.searchMode === "server") {
-    let c = function() {
+    let f = function() {
       var h, C;
       return {
         search: g.value,
-        filters: b.value,
-        sort: f.value,
-        page: (h = y.value) == null ? void 0 : h.page,
-        perPage: (C = y.value) == null ? void 0 : C.perPage,
+        filters: y.value,
+        sort: c.value,
+        page: (h = b.value) == null ? void 0 : h.page,
+        perPage: (C = b.value) == null ? void 0 : C.perPage,
         extraState: P.value,
         tabName: S.value
       };
@@ -279,14 +279,14 @@ function cn(o, s) {
       var C, A, N, x;
       return u ? h.search !== u.search || h.page !== u.page || h.perPage !== u.perPage || h.tabName !== u.tabName || ((C = h.sort) == null ? void 0 : C.key) !== ((A = u.sort) == null ? void 0 : A.key) || ((N = h.sort) == null ? void 0 : N.order) !== ((x = u.sort) == null ? void 0 : x.order) || JSON.stringify(h.filters) !== JSON.stringify(u.filters) || JSON.stringify(h.extraState) !== JSON.stringify(u.extraState) : !0;
     };
-    const T = un(o.apiConfig.apiUrl, o.apiConfig);
+    const T = cn(o.apiConfig.apiUrl, o.apiConfig);
     let M = !1, u = null;
     return F(
-      [g, b, f, y, P, S],
+      [g, y, c, b, P, S],
       () => {
         if (M)
           return;
-        const h = c();
+        const h = f();
         if (!m(h))
           return;
         u = h;
@@ -295,9 +295,9 @@ function cn(o, s) {
       },
       { immediate: !0, deep: !0 }
     ), F(T.paginationMeta, (h) => {
-      if (h && y.value) {
-        const C = h.perPage || y.value.perPage;
-        C !== y.value.perPage && (M = !0, y.value.perPage = C, Ie(() => {
+      if (h && b.value) {
+        const C = h.perPage || b.value.perPage;
+        C !== b.value.perPage && (M = !0, b.value.perPage = C, Ie(() => {
           M = !1;
         }));
       }
@@ -310,10 +310,10 @@ function cn(o, s) {
         var C, A;
         const h = {
           search: g.value,
-          filters: b.value,
-          sort: f.value,
-          page: (C = y.value) == null ? void 0 : C.page,
-          perPage: (A = y.value) == null ? void 0 : A.perPage,
+          filters: y.value,
+          sort: c.value,
+          page: (C = b.value) == null ? void 0 : C.page,
+          perPage: (A = b.value) == null ? void 0 : A.perPage,
           extraState: P.value,
           tabName: S.value
         };
@@ -330,7 +330,7 @@ function cn(o, s) {
     }
   };
 }
-const fn = { class: "shifl-column-manager__header" }, dn = { class: "shifl-column-manager__title-wrapper" }, gn = { class: "shifl-column-manager__title" }, hn = { key: 0 }, pn = { key: 1 }, mn = { class: "shifl-column-manager__controls" }, vn = { class: "shifl-column-manager__controls-left" }, _n = { class: "shifl-column-manager__content" }, yn = { class: "shifl-column-manager__list" }, bn = ["draggable", "onDragstart", "onDragover", "onDrop"], kn = ["aria-label", "disabled"], Cn = ["checked", "disabled", "onChange"], wn = { class: "shifl-column-manager__label-text" }, Mn = { class: "shifl-column-manager__footer" }, Tn = /* @__PURE__ */ Ze({
+const dn = { class: "shifl-column-manager__header" }, gn = { class: "shifl-column-manager__title-wrapper" }, hn = { class: "shifl-column-manager__title" }, pn = { key: 0 }, mn = { key: 1 }, vn = { class: "shifl-column-manager__controls" }, _n = { class: "shifl-column-manager__controls-left" }, yn = { class: "shifl-column-manager__content" }, bn = { class: "shifl-column-manager__list" }, kn = ["draggable", "onDragstart", "onDragover", "onDrop"], Cn = ["aria-label", "disabled"], wn = ["checked", "disabled", "onChange"], Mn = { class: "shifl-column-manager__label-text" }, Tn = { class: "shifl-column-manager__footer" }, Sn = /* @__PURE__ */ Ze({
   __name: "GridColumnManager",
   props: {
     titlePrefix: {},
@@ -338,65 +338,65 @@ const fn = { class: "shifl-column-manager__header" }, dn = { class: "shifl-colum
   },
   emits: ["close", "toggle", "move", "toggleFreeze", "selectAll", "deselectAll", "restoreDefault"],
   setup(o, { emit: s }) {
-    const g = o, b = k(() => g.columns), f = s, y = _(null);
+    const g = o, y = k(() => g.columns), c = s, b = _(null);
     function P(p) {
-      var c, m;
-      (c = g.columns[p]) != null && c.freeze || (m = g.columns[p]) != null && m.protected || (y.value = p);
+      var f, m;
+      (f = g.columns[p]) != null && f.freeze || (m = g.columns[p]) != null && m.protected || (b.value = p);
     }
     function S(p) {
     }
     function w(p) {
-      y.value === null || y.value === p || (f("move", y.value, p), y.value = null);
+      b.value === null || b.value === p || (c("move", b.value, p), b.value = null);
     }
-    return (p, c) => (a(), l("div", {
+    return (p, f) => (a(), l("div", {
       class: "shifl-column-manager__backdrop",
-      onClick: c[7] || (c[7] = K((m) => p.$emit("close"), ["self"]))
+      onClick: f[7] || (f[7] = K((m) => p.$emit("close"), ["self"]))
     }, [
       d("div", {
         class: "shifl-column-manager__dialog",
         role: "dialog",
         "aria-modal": "true",
-        onClick: c[6] || (c[6] = K(() => {
+        onClick: f[6] || (f[6] = K(() => {
         }, ["stop"]))
       }, [
-        d("header", fn, [
-          d("div", dn, [
-            d("h2", gn, [
-              o.titlePrefix ? (a(), l("span", hn, L(o.titlePrefix), 1)) : R("", !0),
-              o.titlePrefix ? (a(), l("span", pn, ">")) : R("", !0),
-              c[8] || (c[8] = ie("Edit Columns ", -1))
+        d("header", dn, [
+          d("div", gn, [
+            d("h2", hn, [
+              o.titlePrefix ? (a(), l("span", pn, L(o.titlePrefix), 1)) : R("", !0),
+              o.titlePrefix ? (a(), l("span", mn, ">")) : R("", !0),
+              f[8] || (f[8] = ie("Edit Columns ", -1))
             ])
           ]),
           d("button", {
             type: "button",
             class: "shifl-column-manager__close",
-            onClick: c[0] || (c[0] = (m) => p.$emit("close"))
-          }, [...c[9] || (c[9] = [
+            onClick: f[0] || (f[0] = (m) => p.$emit("close"))
+          }, [...f[9] || (f[9] = [
             d("span", null, "✕", -1)
           ])])
         ]),
-        d("div", mn, [
-          d("div", vn, [
+        d("div", vn, [
+          d("div", _n, [
             d("button", {
               type: "button",
               class: "shifl-column-manager__link-button",
-              onClick: c[1] || (c[1] = (m) => p.$emit("selectAll"))
+              onClick: f[1] || (f[1] = (m) => p.$emit("selectAll"))
             }, " Select All "),
             d("button", {
               type: "button",
               class: "shifl-column-manager__link-button",
-              onClick: c[2] || (c[2] = (m) => p.$emit("deselectAll"))
+              onClick: f[2] || (f[2] = (m) => p.$emit("deselectAll"))
             }, " Deselect All ")
           ]),
           d("button", {
             type: "button",
             class: "shifl-column-manager__link-button shifl-column-manager__link-button--primary",
-            onClick: c[3] || (c[3] = (m) => p.$emit("restoreDefault"))
+            onClick: f[3] || (f[3] = (m) => p.$emit("restoreDefault"))
           }, " Restore Default ")
         ]),
-        d("div", _n, [
-          d("ul", yn, [
-            (a(!0), l(H, null, B(b.value, (m, T) => (a(), l("li", {
+        d("div", yn, [
+          d("ul", bn, [
+            (a(!0), l(H, null, B(y.value, (m, T) => (a(), l("li", {
               key: m.key,
               class: Z(["shifl-column-manager__item", {
                 "shifl-column-manager__item--disabled": m.freeze || m.protected
@@ -413,9 +413,9 @@ const fn = { class: "shifl-column-manager__header" }, dn = { class: "shifl-colum
                 }]),
                 "aria-label": `Move ${m.label}`,
                 disabled: m.freeze || m.protected
-              }, [...c[10] || (c[10] = [
+              }, [...f[10] || (f[10] = [
                 d("span", null, "⋮⋮", -1)
-              ])], 10, kn),
+              ])], 10, Cn),
               d("label", {
                 class: Z(["shifl-column-manager__checkbox-label", {
                   "shifl-column-manager__checkbox-label--disabled": m.freeze || m.protected
@@ -427,23 +427,23 @@ const fn = { class: "shifl-column-manager__header" }, dn = { class: "shifl-colum
                   checked: m.visible,
                   disabled: m.freeze || m.protected,
                   onChange: (M) => p.$emit("toggle", m.key)
-                }, null, 40, Cn),
-                c[11] || (c[11] = d("span", { class: "shifl-column-manager__checkbox-custom" }, null, -1)),
-                d("span", wn, L(m.label), 1)
+                }, null, 40, wn),
+                f[11] || (f[11] = d("span", { class: "shifl-column-manager__checkbox-custom" }, null, -1)),
+                d("span", Mn, L(m.label), 1)
               ], 2)
-            ], 42, bn))), 128))
+            ], 42, kn))), 128))
           ])
         ]),
-        d("footer", Mn, [
+        d("footer", Tn, [
           d("button", {
             type: "button",
             class: "shifl-column-manager__button shifl-column-manager__button--primary",
-            onClick: c[4] || (c[4] = (m) => p.$emit("close"))
+            onClick: f[4] || (f[4] = (m) => p.$emit("close"))
           }, " Update "),
           d("button", {
             type: "button",
             class: "shifl-column-manager__button shifl-column-manager__button--secondary",
-            onClick: c[5] || (c[5] = (m) => p.$emit("close"))
+            onClick: f[5] || (f[5] = (m) => p.$emit("close"))
           }, " Cancel ")
         ])
       ])
@@ -451,10 +451,10 @@ const fn = { class: "shifl-column-manager__header" }, dn = { class: "shifl-colum
   }
 }), J = (o, s) => {
   const g = o.__vccOpts || o;
-  for (const [b, f] of s)
-    g[b] = f;
+  for (const [y, c] of s)
+    g[y] = c;
   return g;
-}, Sn = /* @__PURE__ */ J(Tn, [["__scopeId", "data-v-40ca0ed0"]]), Pn = { class: "shifl-grid__tooltip-content" }, $n = ["innerHTML"], Ln = /* @__PURE__ */ Ze({
+}, Pn = /* @__PURE__ */ J(Sn, [["__scopeId", "data-v-40ca0ed0"]]), $n = { class: "shifl-grid__tooltip-content" }, Ln = ["innerHTML"], Nn = /* @__PURE__ */ Ze({
   __name: "GridTooltip",
   props: {
     content: {},
@@ -463,14 +463,14 @@ const fn = { class: "shifl-column-manager__header" }, dn = { class: "shifl-colum
     isHtml: { type: Boolean }
   },
   setup(o) {
-    const s = o, g = _(null), b = _({}), f = k(() => s.content.includes(`
-`)), y = k(() => f.value ? s.content.split(`
+    const s = o, g = _(null), y = _({}), c = k(() => s.content.includes(`
+`)), b = k(() => c.value ? s.content.split(`
 `).filter((p) => p.trim().length > 0) : []), P = _("top"), S = _({});
     function w() {
       if (!s.triggerElement || !g.value) return;
-      const p = s.triggerElement.getBoundingClientRect(), c = g.value.getBoundingClientRect(), m = window.innerWidth, T = window.innerHeight;
+      const p = s.triggerElement.getBoundingClientRect(), f = g.value.getBoundingClientRect(), m = window.innerWidth, T = window.innerHeight;
       let M = p.bottom + 8, u = p.left + window.scrollX;
-      u + c.width > m - 16 && (u = m - c.width - 16), u < 16 && (u = 16), M + c.height > T - 16 ? (M = p.top - c.height - 8, P.value = "bottom") : P.value = "top", b.value = {
+      u + f.width > m - 16 && (u = m - f.width - 16), u < 16 && (u = 16), M + f.height > T - 16 ? (M = p.top - f.height - 8, P.value = "bottom") : P.value = "top", y.value = {
         position: "fixed",
         top: `${M}px`,
         left: `${u}px`,
@@ -489,23 +489,23 @@ const fn = { class: "shifl-column-manager__header" }, dn = { class: "shifl-colum
     ), ye(() => {
       s.visible && Ie(() => w());
     }), be(() => {
-    }), (p, c) => (a(), I(_e, { to: "body" }, [
+    }), (p, f) => (a(), I(_e, { to: "body" }, [
       o.visible ? (a(), l("div", {
         key: 0,
         ref_key: "tooltipRef",
         ref: g,
         class: "shifl-grid__tooltip",
-        style: j(b.value)
+        style: j(y.value)
       }, [
         d("div", {
           class: Z(["shifl-grid__tooltip-arrow", P.value]),
           style: j(S.value)
         }, null, 6),
-        d("div", Pn, [
+        d("div", $n, [
           o.isHtml ? (a(), l("div", {
             key: 0,
             innerHTML: o.content
-          }, null, 8, $n)) : f.value ? (a(!0), l(H, { key: 1 }, B(y.value, (m, T) => (a(), l("div", {
+          }, null, 8, Ln)) : c.value ? (a(!0), l(H, { key: 1 }, B(b.value, (m, T) => (a(), l("div", {
             key: T,
             class: "shifl-grid__tooltip-line"
           }, L(m), 1))), 128)) : (a(), l(H, { key: 2 }, [
@@ -515,7 +515,7 @@ const fn = { class: "shifl-column-manager__header" }, dn = { class: "shifl-colum
       ], 4)) : R("", !0)
     ]));
   }
-}), Nn = /* @__PURE__ */ J(Ln, [["__scopeId", "data-v-239005f1"]]), An = {}, xn = {
+}), An = /* @__PURE__ */ J(Nn, [["__scopeId", "data-v-239005f1"]]), xn = {}, Hn = {
   width: "14",
   height: "15",
   viewBox: "0 0 14 15",
@@ -523,23 +523,23 @@ const fn = { class: "shifl-column-manager__header" }, dn = { class: "shifl-colum
   xmlns: "http://www.w3.org/2000/svg",
   class: "shifl-smart-tracking-icon"
 };
-function Hn(o, s) {
-  return a(), l("svg", xn, [...s[0] || (s[0] = [
+function En(o, s) {
+  return a(), l("svg", Hn, [...s[0] || (s[0] = [
     d("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 En = /* @__PURE__ */ J(An, [["render", Hn]]), Rn = {}, zn = {
+const Rn = /* @__PURE__ */ J(xn, [["render", En]]), zn = {}, Dn = {
   width: "14",
   height: "10",
   viewBox: "0 0 14 10",
   fill: "none",
   xmlns: "http://www.w3.org/2000/svg"
 };
-function Dn(o, s) {
-  return a(), l("svg", zn, [...s[0] || (s[0] = [
+function Vn(o, s) {
+  return a(), l("svg", Dn, [...s[0] || (s[0] = [
     d("path", {
       "fill-rule": "evenodd",
       "clip-rule": "evenodd",
@@ -548,106 +548,106 @@ function Dn(o, s) {
     }, null, -1)
   ])]);
 }
-const Vn = /* @__PURE__ */ J(Rn, [["render", Dn]]), Bn = {}, In = {
+const Bn = /* @__PURE__ */ J(zn, [["render", Vn]]), In = {}, Zn = {
   width: "14",
   height: "10",
   viewBox: "0 0 14 10",
   fill: "none",
   xmlns: "http://www.w3.org/2000/svg"
 };
-function Zn(o, s) {
-  return a(), l("svg", In, [...s[0] || (s[0] = [
+function Gn(o, s) {
+  return a(), l("svg", Zn, [...s[0] || (s[0] = [
     d("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 On = /* @__PURE__ */ J(Bn, [["render", Zn]]), Gn = {}, jn = {
+const On = /* @__PURE__ */ J(In, [["render", Gn]]), jn = {}, Fn = {
   width: "21",
   height: "13",
   viewBox: "0 0 21 13",
   fill: "none",
   xmlns: "http://www.w3.org/2000/svg"
 };
-function Fn(o, s) {
-  return a(), l("svg", jn, [...s[0] || (s[0] = [
+function Wn(o, s) {
+  return a(), l("svg", Fn, [...s[0] || (s[0] = [
     d("path", {
       d: "M19.6426 4.61523C19.9311 4.61524 20.1317 4.90139 20.0342 5.17285L17.499 12.2246C17.4395 12.3899 17.2821 12.5 17.1064 12.5H1.5459C1.35628 12.5 1.19044 12.3719 1.14258 12.1885L0.0136719 7.83887C-0.0548101 7.575 0.14438 7.31738 0.416992 7.31738H12.6016L14.71 4.61523H19.6426ZM3.51465 8.82324C3.11322 8.82324 2.78728 9.15265 2.78711 9.55859C2.78711 9.96468 3.11312 10.2939 3.51465 10.2939C3.9161 10.2938 4.24121 9.96462 4.24121 9.55859C4.24104 9.15271 3.91599 8.82334 3.51465 8.82324ZM7.87695 8.82324C7.47553 8.82324 7.14958 9.15265 7.14941 9.55859C7.14941 9.96468 7.47542 10.2939 7.87695 10.2939C8.27846 10.2939 8.60352 9.96466 8.60352 9.55859C8.60335 9.15267 8.27835 8.82327 7.87695 8.82324ZM12.2393 8.82324C11.8378 8.82324 11.5119 9.15265 11.5117 9.55859C11.5117 9.96468 11.8377 10.2939 12.2393 10.2939C12.6407 10.2938 12.9658 9.96458 12.9658 9.55859C12.9657 9.15275 12.6405 8.82341 12.2393 8.82324ZM10.3291 3.67676C10.5591 3.67679 10.7459 3.86283 10.7461 4.09277V5.46582C10.746 5.69585 10.5591 5.88278 10.3291 5.88281H1.75C1.51993 5.88281 1.33309 5.69587 1.33301 5.46582V4.09277C1.3332 3.86282 1.52 3.67676 1.75 3.67676H10.3291ZM8.91406 0C9.14418 0 9.33105 0.186874 9.33105 0.416992V1.78906C9.33105 2.01918 9.14418 2.20605 8.91406 2.20605H3.2041C2.97398 2.20605 2.78711 2.01918 2.78711 1.78906V0.416992C2.78711 0.186874 2.97398 1.52829e-06 3.2041 0H8.91406Z",
       fill: "#9CA5B4"
     }, null, -1)
   ])]);
 }
-const ht = /* @__PURE__ */ J(Gn, [["render", Fn]]), Wn = {}, Kn = {
+const ht = /* @__PURE__ */ J(jn, [["render", Wn]]), Kn = {}, Jn = {
   width: "16",
   height: "16",
   viewBox: "0 0 16 16",
   fill: "none",
   xmlns: "http://www.w3.org/2000/svg"
 };
-function Jn(o, s) {
-  return a(), l("svg", Kn, [...s[0] || (s[0] = [
+function qn(o, s) {
+  return a(), l("svg", Jn, [...s[0] || (s[0] = [
     d("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 qn = /* @__PURE__ */ J(Wn, [["render", Jn]]), Un = {}, Yn = {
+const Un = /* @__PURE__ */ J(Kn, [["render", qn]]), Yn = {}, Qn = {
   width: "16",
   height: "16",
   viewBox: "0 0 24 24",
   fill: "none",
   xmlns: "http://www.w3.org/2000/svg"
 };
-function Qn(o, s) {
-  return a(), l("svg", Yn, [...s[0] || (s[0] = [
+function Xn(o, s) {
+  return a(), l("svg", Qn, [...s[0] || (s[0] = [
     d("path", {
       d: "M6.00044 6.12787L6 15.75C6 17.7382 7.5473 19.3651 9.50344 19.492L9.75 19.5L16.3716 19.5011C16.0624 20.3744 15.2293 21 14.25 21H9C6.51472 21 4.5 18.9853 4.5 16.5V8.25C4.5 7.27017 5.12631 6.43663 6.00044 6.12787ZM17.25 3C18.4926 3 19.5 4.00736 19.5 5.25V15.75C19.5 16.9926 18.4926 18 17.25 18H9.75C8.50736 18 7.5 16.9926 7.5 15.75V5.25C7.5 4.00736 8.50736 3 9.75 3H17.25ZM17.25 4.5H9.75C9.33579 4.5 9 4.83579 9 5.25V15.75C9 16.1642 9.33579 16.5 9.75 16.5H17.25C17.6642 16.5 18 16.1642 18 15.75V5.25C18 4.83579 17.6642 4.5 17.25 4.5Z",
       fill: "#1A6D9E"
     }, null, -1)
   ])]);
 }
-const Xn = /* @__PURE__ */ J(Un, [["render", Qn]]), er = { class: "shifl-grid relative" }, tr = { class: "shifl-grid__controls" }, nr = { class: "shifl-grid__table" }, rr = ["onClick"], sr = { class: "shifl-grid__header-content" }, ir = {
+const er = /* @__PURE__ */ J(Yn, [["render", Xn]]), tr = { class: "shifl-grid relative" }, nr = { class: "shifl-grid__controls" }, rr = { class: "shifl-grid__table" }, sr = ["onClick"], ir = { class: "shifl-grid__header-content" }, or = {
   key: 0,
   class: "shifl-grid__header-label"
-}, or = {
+}, ar = {
   key: 1,
   class: "shifl-grid__sort-icon"
-}, ar = { key: 0 }, lr = ["colspan"], ur = {
+}, lr = { key: 0 }, ur = ["colspan"], cr = {
   key: 0,
   class: "shifl-grid__smart-tracking-icon"
-}, cr = ["onClick"], fr = { key: 0 }, dr = ["innerHTML"], gr = {
+}, fr = ["onClick"], dr = { key: 0 }, gr = ["innerHTML"], hr = {
   key: 2,
   class: "shifl-grid__composite-cell"
-}, hr = {
+}, pr = {
   key: 3,
   class: "shifl-grid__type-cell"
-}, pr = {
+}, mr = {
   key: 0,
   class: "shifl-grid__container-badge"
-}, mr = {
+}, vr = {
   key: 0,
   class: "shifl-grid__cell-blank"
-}, vr = {
+}, _r = {
   key: 1,
   class: "shifl-grid__tags-cell"
-}, _r = { class: "shifl-grid__tags-wrapper" }, yr = ["onMouseenter"], br = {
+}, yr = { class: "shifl-grid__tags-wrapper" }, br = ["onMouseenter"], kr = {
   key: 5,
   class: "shifl-grid__chips-container"
-}, kr = {
+}, Cr = {
   key: 6,
   class: "shifl-grid__truncated-cell"
-}, Cr = ["onMouseenter"], wr = ["onMouseenter"], Mr = ["href"], Tr = {
+}, wr = ["onMouseenter"], Mr = ["onMouseenter"], Tr = ["href"], Sr = {
   key: 8,
   class: "shifl-grid__progress-cell"
-}, Sr = { class: "shifl-grid__progress-bar" }, Pr = { class: "shifl-grid__progress-text" }, $r = ["onMouseenter"], Lr = { class: "shifl-grid__reference-value" }, Nr = ["onClick"], Ar = {
+}, Pr = { class: "shifl-grid__progress-bar" }, $r = { class: "shifl-grid__progress-text" }, Lr = ["onMouseenter"], Nr = { class: "shifl-grid__reference-value" }, Ar = ["onClick"], xr = {
   key: 0,
   class: "shifl-grid__pagination"
-}, xr = { class: "shifl-grid__pagination-left" }, Hr = { class: "shifl-grid__pagination-range" }, Er = { class: "shifl-grid__pagination-range-numbers" }, Rr = { class: "shifl-grid__pagination-right" }, zr = { class: "shifl-grid__pagination-rows" }, Dr = ["value", "disabled"], Vr = { class: "shifl-grid__pagination-nav" }, Br = ["disabled"], Ir = { class: "shifl-grid__pagination-pages" }, Zr = ["disabled", "onClick"], Or = {
+}, Hr = { class: "shifl-grid__pagination-left" }, Er = { class: "shifl-grid__pagination-range" }, Rr = { class: "shifl-grid__pagination-range-numbers" }, zr = { class: "shifl-grid__pagination-right" }, Dr = { class: "shifl-grid__pagination-rows" }, Vr = ["value", "disabled"], Br = { class: "shifl-grid__pagination-nav" }, Ir = ["disabled"], Zr = { class: "shifl-grid__pagination-pages" }, Gr = ["disabled", "onClick"], Or = {
   key: 1,
   class: "shifl-grid__pagination-ellipsis"
-}, Gr = ["disabled"], jr = ["onClick"], Fr = ["innerHTML"], Wr = { class: "shifl-grid__copy-tooltip-content" }, Kr = /* @__PURE__ */ Ze({
+}, jr = ["disabled"], Fr = ["onClick"], Wr = ["innerHTML"], Kr = { class: "shifl-grid__copy-tooltip-content" }, Jr = /* @__PURE__ */ Ze({
   __name: "ShiflGrid",
   props: {
     config: {},
@@ -657,18 +657,18 @@ const Xn = /* @__PURE__ */ J(Un, [["render", Qn]]), er = { class: "shifl-grid re
   emits: ["action-click", "search-change", "pagination-change"],
   setup(o, { emit: s }) {
     var ut, ct, ft, dt, gt;
-    const g = o, b = s, f = k(() => rn(g.config)), y = _(g.search), P = _(f.value.filters), S = _(f.value.sort), w = _({
-      page: ((ut = f.value.paginationMeta) == null ? void 0 : ut.currentPage) || 1,
-      perPage: ((ct = f.value.paginationMeta) == null ? void 0 : ct.perPage) || 20
+    const g = o, y = s, c = k(() => sn(g.config)), b = _(g.search), P = _(c.value.filters), S = _(c.value.sort), w = _({
+      page: ((ut = c.value.paginationMeta) == null ? void 0 : ut.currentPage) || 1,
+      perPage: ((ct = c.value.paginationMeta) == null ? void 0 : ct.perPage) || 20
     }), p = _(
-      typeof ((ft = f.value.apiConfig) == null ? void 0 : ft.additionalParams) == "function" || (gt = (dt = f.value.apiConfig) == null ? void 0 : dt.additionalParams) == null ? void 0 : gt.tabName
-    ), c = cn(f.value, {
-      search: y,
+      typeof ((ft = c.value.apiConfig) == null ? void 0 : ft.additionalParams) == "function" || (gt = (dt = c.value.apiConfig) == null ? void 0 : dt.additionalParams) == null ? void 0 : gt.tabName
+    ), f = fn(c.value, {
+      search: b,
       filters: P,
       sort: S,
       pagination: w,
       tabName: p
-    }), m = k(() => f.value.columns.filter((e) => !e.smartTrackingColumn)), {
+    }), m = k(() => c.value.columns.filter((e) => !e.smartTrackingColumn)), {
       columns: T,
       visibleColumns: M,
       toggleColumnVisibility: u,
@@ -676,7 +676,7 @@ const Xn = /* @__PURE__ */ J(Un, [["render", Qn]]), er = { class: "shifl-grid re
       toggleFreeze: C,
       moveColumn: A,
       resetColumns: N
-    } = sn(m.value), { sort: x, setSort: ke, applySort: oe } = on(f.value.sort), { applyGlobalFilter: te } = an(), { menuState: z, openMenu: ae, closeMenu: Q } = ln(), O = _(!1), le = _({}), Oe = _(null), Ge = _(null), Ce = _(null), we = _(!1), je = _(""), Me = _(null), Te = _(!1), vt = _({});
+    } = on(m.value), { sort: x, setSort: ke, applySort: oe } = an(c.value.sort), { applyGlobalFilter: te } = ln(), { menuState: z, openMenu: ae, closeMenu: Q } = un(), G = _(!1), le = _({}), Ge = _(null), Oe = _(null), Ce = _(null), we = _(!1), je = _(""), Me = _(null), Te = _(!1), vt = _({});
     _({});
     const X = _(
       {}
@@ -688,20 +688,20 @@ const Xn = /* @__PURE__ */ J(Un, [["render", Qn]]), er = { class: "shifl-grid re
       $ + t > i && ($ = e.left - t - v), $ < 0 && ($ = 10), E + n > r && (E = r - n - 10), E < 0 && (E = 10), Se.value = { top: E, left: $ };
     }
     F(
-      () => f.value.paginationMeta,
+      () => c.value.paginationMeta,
       (e) => {
-        f.value.searchMode !== "server" && e && w.value && (w.value.page = e.currentPage || w.value.page, w.value.perPage = e.perPage || w.value.perPage);
+        c.value.searchMode !== "server" && e && w.value && (w.value.page = e.currentPage || w.value.page, w.value.perPage = e.perPage || w.value.perPage);
       },
       { deep: !0 }
     ), F(
-      () => f.value.columns,
+      () => c.value.columns,
       (e) => {
         const t = e.filter((n) => !n.smartTrackingColumn);
         T.value = [...t];
       },
       { deep: !0 }
     ), F(
-      () => f.value.sort,
+      () => c.value.sort,
       (e) => {
         e && (x.value = e, S.value = e);
       },
@@ -709,24 +709,30 @@ const Xn = /* @__PURE__ */ J(Un, [["render", Qn]]), er = { class: "shifl-grid re
     ), F(
       () => {
         var e;
-        return (e = f.value.apiConfig) == null ? void 0 : e.additionalParams;
+        return (e = c.value.apiConfig) == null ? void 0 : e.additionalParams;
       },
       (e) => {
         if (e && typeof e != "function") {
           const t = e;
-          t.tabName !== void 0 && p.value !== t.tabName && (p.value = t.tabName);
+          t.tabName !== void 0 && p.value !== t.tabName && (_t(), p.value = t.tabName);
         }
       },
       { deep: !0 }
-    ), F(
+    );
+    function _t() {
+      var t;
+      const e = ((t = c.value.paginationMeta) == null ? void 0 : t.perPage) || 20;
+      w.value = { page: 1, perPage: e }, b.value = void 0, S.value = c.value.sort, P.value = c.value.filters, y("search-change", ""), y("pagination-change", 1, e);
+    }
+    F(
       () => g.search,
       (e, t) => {
         var n;
-        if (y.value = e, f.value.searchMode === "server")
-          b("search-change", e || "");
-        else if (f.value.searchMode === "client" && e !== t) {
+        if (b.value = e, c.value.searchMode === "server")
+          y("search-change", e || "");
+        else if (c.value.searchMode === "client" && e !== t) {
           const i = ((n = D.value) == null ? void 0 : n.perPage) || 20;
-          w.value = { page: 1, perPage: i }, b("pagination-change", 1, i);
+          w.value = { page: 1, perPage: i }, y("pagination-change", 1, i);
         }
       },
       { immediate: !0 }
@@ -736,16 +742,16 @@ const Xn = /* @__PURE__ */ J(Un, [["render", Qn]]), er = { class: "shifl-grid re
         S.value = e;
       }
     );
-    const Pe = k(() => c.rows.value || []), $e = k(() => {
-      if ((f.value.searchMode || "client") === "server")
+    const Pe = k(() => f.rows.value || []), $e = k(() => {
+      if ((c.value.searchMode || "client") === "server")
         return Pe.value;
       const t = g.search || "";
-      return te(Pe.value, f.value.search, t);
+      return te(Pe.value, c.value.search, t);
     }), Le = k(() => {
       var t;
-      return (f.value.searchMode || "client") === "client" ? $e.value.length : ((t = c.paginationMeta.value) == null ? void 0 : t.total) || 0;
-    }), Ne = k(() => (f.value.searchMode || "client") === "server" ? $e.value : oe($e.value)), Fe = k(() => {
-      if ((f.value.searchMode || "client") === "server")
+      return (c.value.searchMode || "client") === "client" ? $e.value.length : ((t = f.paginationMeta.value) == null ? void 0 : t.total) || 0;
+    }), Ne = k(() => (c.value.searchMode || "client") === "server" ? $e.value : oe($e.value)), Fe = k(() => {
+      if ((c.value.searchMode || "client") === "server")
         return Ne.value;
       const t = D.value;
       if (!t || !t.show)
@@ -754,16 +760,16 @@ const Xn = /* @__PURE__ */ J(Un, [["render", Qn]]), er = { class: "shifl-grid re
       return Ne.value.slice(r, v);
     }), D = k(() => {
       var e;
-      return f.value.searchMode === "server" && c.paginationMeta.value ? {
+      return c.value.searchMode === "server" && f.paginationMeta.value ? {
         show: !0,
         // Default to showing pagination
-        ...c.paginationMeta.value,
-        currentPage: ((e = w.value) == null ? void 0 : e.page) || c.paginationMeta.value.currentPage || 1
-      } : f.value.paginationMeta;
-    }), U = k(() => g.loading !== void 0 ? g.loading : c.loading.value), _t = k(() => {
+        ...f.paginationMeta.value,
+        currentPage: ((e = w.value) == null ? void 0 : e.page) || f.paginationMeta.value.currentPage || 1
+      } : c.value.paginationMeta;
+    }), U = k(() => g.loading !== void 0 ? g.loading : f.loading.value), yt = k(() => {
       var e;
       return ((e = D.value) == null ? void 0 : e.perPage) === 100;
-    }), yt = k(() => {
+    }), bt = k(() => {
       var e;
       return ((e = D.value) == null ? void 0 : e.perPage) || 10;
     }), We = k(() => {
@@ -771,7 +777,7 @@ const Xn = /* @__PURE__ */ J(Un, [["render", Qn]]), er = { class: "shifl-grid re
       if (!e || e.show === !1)
         return { from: 0, to: 0 };
       const t = Le.value, n = e.perPage || 20, i = e.currentPage || 1;
-      if ((f.value.searchMode || "client") === "server" && e.from !== void 0 && e.to !== void 0)
+      if ((c.value.searchMode || "client") === "server" && e.from !== void 0 && e.to !== void 0)
         return { from: e.from, to: e.to };
       const v = (i - 1) * n + 1, $ = Math.min(i * n, t);
       return t === 0 ? { from: 0, to: 0 } : { from: v, to: $ };
@@ -785,7 +791,7 @@ const Xn = /* @__PURE__ */ J(Un, [["render", Qn]]), er = { class: "shifl-grid re
       if (t === 0) return 1;
       const n = e.perPage || 20, i = Math.ceil(t / n);
       return Math.max(1, i);
-    }), Ke = k(() => Y.value <= 1), Je = k(() => Y.value >= Ae.value), bt = k(() => {
+    }), Ke = k(() => Y.value <= 1), Je = k(() => Y.value >= Ae.value), kt = k(() => {
       const e = Ae.value, t = Y.value, n = [];
       if (e <= 7)
         for (let i = 1; i <= e; i++)
@@ -806,42 +812,42 @@ const Xn = /* @__PURE__ */ J(Un, [["render", Qn]]), er = { class: "shifl-grid re
       }
       return n;
     });
-    function kt(e) {
+    function Ct(e) {
       var n;
       if (e < 1 || e > Ae.value || e === Y.value || U.value) return;
       const t = ((n = D.value) == null ? void 0 : n.perPage) || 20;
-      w.value = { page: e, perPage: t }, b("pagination-change", e, t);
+      w.value = { page: e, perPage: t }, y("pagination-change", e, t);
     }
-    function Ct() {
+    function wt() {
       var n;
       if (Ke.value || U.value) return;
       const e = ((n = D.value) == null ? void 0 : n.perPage) || 20, t = Y.value - 1;
-      w.value = { page: t, perPage: e }, b("pagination-change", t, e);
+      w.value = { page: t, perPage: e }, y("pagination-change", t, e);
     }
-    function wt() {
+    function Mt() {
       var n;
       if (Je.value || U.value) return;
       const e = ((n = D.value) == null ? void 0 : n.perPage) || 20, t = Y.value + 1;
-      w.value = { page: t, perPage: e }, b("pagination-change", t, e);
+      w.value = { page: t, perPage: e }, y("pagination-change", t, e);
     }
-    function Mt(e) {
+    function Tt(e) {
       var i;
       if (U.value) return;
       const t = e.target, n = parseInt(t.value, 10);
-      n && n !== (((i = D.value) == null ? void 0 : i.perPage) || 20) && (w.value = { page: 1, perPage: n }, b("pagination-change", 1, n));
+      n && n !== (((i = D.value) == null ? void 0 : i.perPage) || 20) && (w.value = { page: 1, perPage: n }, y("pagination-change", 1, n));
     }
-    const Tt = k(() => {
-      const e = f.value.columns.find((n) => n.smartTrackingColumn);
+    const St = k(() => {
+      const e = c.value.columns.find((n) => n.smartTrackingColumn);
       if (!(e != null && e.smartTrackingColumn)) return !1;
       const t = e.smartTrackingColumn.dataKey;
       return Pe.value.some((n) => {
         const i = n[t];
         return i === !0 || i === 1 || i === "true" || i === "1";
       });
-    }), xe = k(() => f.value.columns.find((e) => e.smartTrackingColumn)), ee = k(() => {
+    }), xe = k(() => c.value.columns.find((e) => e.smartTrackingColumn)), ee = k(() => {
       var n;
       const e = M.value.filter((i) => !i.smartTrackingColumn);
-      if (Tt.value && xe.value) {
+      if (St.value && xe.value) {
         const i = {
           key: "_smart_tracking",
           label: "",
@@ -860,7 +866,7 @@ const Xn = /* @__PURE__ */ J(Un, [["render", Qn]]), er = { class: "shifl-grid re
       }
       const t = e.find((i) => i.key === "ref");
       return t && (t.freeze = !0, t.protected = !0), e;
-    }), St = k(() => {
+    }), Pt = k(() => {
       let e = 0;
       const t = {};
       for (const n of ee.value) {
@@ -870,11 +876,11 @@ const Xn = /* @__PURE__ */ J(Un, [["render", Qn]]), er = { class: "shifl-grid re
       }
       return t;
     }), qe = _(0);
-    function Pt(e) {
+    function $t(e) {
       const t = e.target;
       qe.value = t.scrollLeft;
     }
-    function $t(e) {
+    function Lt(e) {
       const t = T.value.find((n) => n.key === e);
       !(t != null && t.sortable) || he(t) || Ve(t) || ke(e);
     }
@@ -946,7 +952,7 @@ const Xn = /* @__PURE__ */ J(Un, [["render", Qn]]), er = { class: "shifl-grid re
     function Xe(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 Lt(e) {
+    function Nt(e) {
       if (typeof e == "number")
         return Math.min(100, Math.max(0, e));
       const t = Number(e);
@@ -955,7 +961,7 @@ const Xn = /* @__PURE__ */ J(Un, [["render", Qn]]), er = { class: "shifl-grid re
     function et(e) {
       return typeof e == "string" && e.toLowerCase() === "ocean", ht;
     }
-    function Nt(e) {
+    function At(e) {
       const t = e.toLowerCase();
       return ["supplier", "suppliers", "po", "pos", "product_description"].includes(t);
     }
@@ -964,16 +970,16 @@ const Xn = /* @__PURE__ */ J(Un, [["render", Qn]]), er = { class: "shifl-grid re
       const t = e.key.toLowerCase();
       return t === "tag" || t === "tags";
     }
-    function At(e) {
+    function xt(e) {
       return e.cellType === "status" ? !0 : e.key.toLowerCase() === "status";
     }
-    function xt(e) {
+    function Ht(e) {
       return e.cellType === "icon" ? !0 : e.key.toLowerCase() === "type";
     }
-    function Ht(e) {
+    function Et(e) {
       return Array.isArray(e.cellType) && e.cellType.length > 0;
     }
-    function Et(e) {
+    function Rt(e) {
       return Array.isArray(e.cellType) ? e.cellType.filter((t) => typeof t == "string") : e.cellType && typeof e.cellType == "string" ? [e.cellType] : [];
     }
     function nt(e, t, n) {
@@ -993,7 +999,7 @@ const Xn = /* @__PURE__ */ J(Un, [["render", Qn]]), er = { class: "shifl-grid re
           return typeof e == "object" ? JSON.stringify(e) : String(e);
       }
     }
-    function Rt(e) {
+    function zt(e) {
       return {
         number: "shifl-grid__composite-number",
         currency: "shifl-grid__composite-currency",
@@ -1002,7 +1008,7 @@ const Xn = /* @__PURE__ */ J(Un, [["render", Qn]]), er = { class: "shifl-grid re
         text: "shifl-grid__composite-text"
       }[e] || "shifl-grid__composite-text";
     }
-    function zt(e, t) {
+    function Dt(e, t) {
       if (e == null || e === "")
         return ne(t.blankStyle);
       if (Array.isArray(e)) {
@@ -1020,13 +1026,13 @@ const Xn = /* @__PURE__ */ J(Un, [["render", Qn]]), er = { class: "shifl-grid re
       const t = e.toLowerCase();
       return ["po", "pos", "supplier", "suppliers", "tag", "tags"].includes(t);
     }
-    function Dt(e, t) {
+    function Vt(e, t) {
       return e == null || He(t) ? !1 : Array.isArray(e) ? e.length === 0 ? !1 : e.join(", ").length > 30 : typeof e == "string" ? e.length > 30 : !1;
     }
-    function Vt(e) {
+    function Bt(e) {
       return e == null ? !1 : Array.isArray(e) ? e.length === 0 ? !1 : e.join(", ").length > 45 : typeof e == "string" ? e.length > 45 : !1;
     }
-    function Bt(e) {
+    function It(e) {
       if (e == null) return 0;
       if (Array.isArray(e)) {
         if (e.length === 0 || e.join(", ").length <= 45) return 0;
@@ -1055,13 +1061,13 @@ const Xn = /* @__PURE__ */ J(Un, [["render", Qn]]), er = { class: "shifl-grid re
     function Re() {
       we.value = !1, Me.value = null, Te.value = !1;
     }
-    function It(e, t) {
+    function Zt(e, t) {
       ce.value = "Copy To Clipboard", fe.value = t, ue.value = !0, q();
     }
     function ze() {
       ue.value = !1, fe.value = null;
     }
-    async function Zt(e) {
+    async function Gt(e) {
       try {
         await navigator.clipboard.writeText(e), ce.value = "Copied!", setTimeout(() => {
           ze();
@@ -1097,14 +1103,14 @@ const Xn = /* @__PURE__ */ J(Un, [["render", Qn]]), er = { class: "shifl-grid re
         return X.value[r];
       const v = 130, $ = 8, E = 4;
       let W = 0;
-      const G = [];
+      const O = [];
       for (const re of i) {
         const se = re.length * 8 + $ + E;
-        if (W + se > v && G.length > 0)
+        if (W + se > v && O.length > 0)
           break;
-        G.push(re), W += se;
+        O.push(re), W += se;
       }
-      return X.value[r] = G, G;
+      return X.value[r] = O, O;
     }
     function ot(e, t, n) {
       const i = st(e);
@@ -1114,24 +1120,24 @@ const Xn = /* @__PURE__ */ J(Un, [["render", Qn]]), er = { class: "shifl-grid re
         return X.value[r];
       const v = 130, $ = 8, E = 4;
       let W = 0;
-      const G = [];
+      const O = [];
       for (const re of i) {
         const se = re.name.length * 8 + $ + E;
-        if (W + se > v && G.length > 0)
+        if (W + se > v && O.length > 0)
           break;
-        G.push(re), W += se;
+        O.push(re), W += se;
       }
-      return X.value[r] = G, G;
+      return X.value[r] = O, O;
     }
-    function Gt(e, t, n) {
+    function jt(e, t, n) {
       const i = ge(e), r = it(e, t, n);
       return i.length > r.length;
     }
-    function jt(e, t, n) {
+    function Ft(e, t, n) {
       const i = ge(e), r = it(e, t, n);
       return i.length - r.length;
     }
-    function Ft(e) {
+    function Wt(e) {
       const t = e.toLowerCase(), n = {
         "high priority": "var(--shifl-color-error-r70)",
         express: "var(--shifl-color-primary-b80)",
@@ -1149,12 +1155,12 @@ const Xn = /* @__PURE__ */ J(Un, [["render", Qn]]), er = { class: "shifl-grid re
       for (const [i, r] of Object.entries(n))
         if (t.includes(i) || i.includes(t))
           return r;
-      return Wt(e);
+      return Kt(e);
     }
     function at(e) {
-      return e.color && e.color !== "" ? e.color : Ft(e.name);
+      return e.color && e.color !== "" ? e.color : Wt(e.name);
     }
-    function Wt(e) {
+    function Kt(e) {
       let t = 0;
       for (let i = 0; i < e.length; i++)
         t = e.charCodeAt(i) + ((t << 5) - t);
@@ -1176,22 +1182,22 @@ const Xn = /* @__PURE__ */ J(Un, [["render", Qn]]), er = { class: "shifl-grid re
         minWidth: e.width ?? "160px"
       } }, r = qe.value > 0;
       if (e.freeze) {
-        const v = St.value[e.key] ?? 0;
+        const v = Pt.value[e.key] ?? 0;
         i.position = "sticky", i.left = `${v}px`, i.background = "#ffffff", i.boxShadow = r ? "2px 0 6px rgba(0, 0, 0, 0.12)" : "none", i.zIndex = t ? 40 : 10;
       }
       return t && (i.position = "sticky", i.top = "0px"), i;
     }
-    const Kt = k(() => T.value.filter((e) => !e.smartTrackingColumn));
+    const Jt = k(() => T.value.filter((e) => !e.smartTrackingColumn));
     function he(e) {
       return !!e.actionColumn;
     }
     function Ve(e) {
       return !!e.smartTrackingColumn;
     }
-    function Jt(e) {
+    function qt(e) {
       return e.key === "ref";
     }
-    function qt(e, t) {
+    function Ut(e, t) {
       if (!e.smartTrackingColumn) return !1;
       const n = e.smartTrackingColumn.dataKey, i = t[n];
       if (i === !0 || i === 1) return !0;
@@ -1206,46 +1212,46 @@ const Xn = /* @__PURE__ */ J(Un, [["render", Qn]]), er = { class: "shifl-grid re
       const n = e.actionColumn.icon;
       return n ? typeof n == "function" ? n(t) : n : null;
     }
-    function Ut(e, t, n, i) {
+    function Yt(e, t, n, i) {
       if (!n.actionColumn) return;
       const r = i.currentTarget;
       if (z.value.rowIndex === e) {
         Q();
         return;
       }
-      Ge.value = n, Ce.value = t, ae(e, r);
+      Oe.value = n, Ce.value = t, ae(e, r);
     }
-    function Yt(e, t) {
+    function Qt(e, t) {
       return !(e != null && e.actionColumn) || !t ? [] : (typeof e.actionColumn.actions == "function" ? e.actionColumn.actions(t) : e.actionColumn.actions).filter((i) => i.show ? i.show(t) : !0);
     }
-    function Qt(e, t, n) {
-      b("action-click", e.key, t, n), Q();
+    function Xt(e, t, n) {
+      y("action-click", e.key, t, n), Q();
     }
-    function Xt(e, t) {
+    function en(e, t) {
       t && (le.value[e] = t);
     }
     function lt(e) {
       if (z.value.rowIndex === null) return;
-      const t = e.target, n = Oe.value, i = Object.values(le.value), r = n == null ? void 0 : n.contains(t), v = i.some(($) => $.contains(t));
+      const t = e.target, n = Ge.value, i = Object.values(le.value), r = n == null ? void 0 : n.contains(t), v = i.some(($) => $.contains(t));
       !r && !v && Q();
     }
     return ye(() => {
       document.addEventListener("click", lt), document.addEventListener("scroll", q), window.addEventListener("scroll", q), window.addEventListener("resize", q);
     }), be(() => {
       document.removeEventListener("click", lt), document.removeEventListener("scroll", q), window.removeEventListener("scroll", q), window.removeEventListener("resize", q);
-    }), (e, t) => (a(), l("div", er, [
-      d("div", tr, [
+    }), (e, t) => (a(), l("div", tr, [
+      d("div", nr, [
         d("button", {
           type: "button",
           class: "shifl-grid__pill-button whitespace-nowrap",
-          onClick: t[0] || (t[0] = (n) => O.value = !0)
+          onClick: t[0] || (t[0] = (n) => G.value = !0)
         }, " Edit Column ")
       ]),
       d("div", {
-        class: Z(["shifl-grid__viewport", { "shifl-grid__viewport--scroll": _t.value }]),
-        onScroll: Pt
+        class: Z(["shifl-grid__viewport", { "shifl-grid__viewport--scroll": yt.value }]),
+        onScroll: $t
       }, [
-        d("table", nr, [
+        d("table", rr, [
           d("thead", null, [
             d("tr", null, [
               (a(!0), l(H, null, B(ee.value, (n) => {
@@ -1253,7 +1259,7 @@ const Xn = /* @__PURE__ */ J(Un, [["render", Qn]]), er = { class: "shifl-grid re
                 return a(), l("th", {
                   key: n.key,
                   style: j(De(n, !0)),
-                  onClick: () => $t(n.key),
+                  onClick: () => Lt(n.key),
                   class: Z([
                     "shifl-grid__header-cell",
                     `shifl-grid__header-align-${n != null && n.align ? n.align : "left"}`,
@@ -1264,18 +1270,18 @@ const Xn = /* @__PURE__ */ J(Un, [["render", Qn]]), er = { class: "shifl-grid re
                     }
                   ])
                 }, [
-                  d("div", sr, [
-                    n.label ? (a(), l("span", ir, L(n.label), 1)) : R("", !0),
-                    ((i = V(x)) == null ? void 0 : i.key) === n.key && !he(n) && !Ve(n) ? (a(), l("span", or, [
-                      V(x).order === "asc" ? (a(), I(Vn, { key: 0 })) : (a(), I(On, { key: 1 }))
+                  d("div", ir, [
+                    n.label ? (a(), l("span", or, L(n.label), 1)) : R("", !0),
+                    ((i = V(x)) == null ? void 0 : i.key) === n.key && !he(n) && !Ve(n) ? (a(), l("span", ar, [
+                      V(x).order === "asc" ? (a(), I(Bn, { key: 0 })) : (a(), I(On, { key: 1 }))
                     ])) : R("", !0)
                   ])
-                ], 14, rr);
+                ], 14, sr);
               }), 128))
             ])
           ]),
           d("tbody", null, [
-            U.value ? (a(!0), l(H, { key: 0 }, B(yt.value, (n) => (a(), l("tr", {
+            U.value ? (a(!0), l(H, { key: 0 }, B(bt.value, (n) => (a(), l("tr", {
               key: `skeleton-${n}`,
               class: "shifl-grid__skeleton-row"
             }, [
@@ -1287,11 +1293,11 @@ const Xn = /* @__PURE__ */ J(Un, [["render", Qn]]), er = { class: "shifl-grid re
                 d("div", { class: "shifl-grid__skeleton-cell" }, null, -1)
               ])], 6))), 128))
             ]))), 128)) : (a(), l(H, { key: 1 }, [
-              Fe.value.length ? R("", !0) : (a(), l("tr", ar, [
+              Fe.value.length ? R("", !0) : (a(), l("tr", lr, [
                 d("td", {
                   colspan: ee.value.length,
                   class: "text-center text-gray-500 py-6"
-                }, " No data ", 8, lr)
+                }, " No data ", 8, ur)
               ])),
               (a(!0), l(H, null, B(Fe.value, (n, i) => (a(), l("tr", { key: i }, [
                 (a(!0), l(H, null, B(ee.value, (r) => (a(), l("td", {
@@ -1305,41 +1311,41 @@ const Xn = /* @__PURE__ */ J(Un, [["render", Qn]]), er = { class: "shifl-grid re
                   ])
                 }, [
                   Ve(r) ? (a(), l(H, { key: 0 }, [
-                    qt(r, n) ? (a(), l("div", ur, [
-                      me(En)
+                    Ut(r, n) ? (a(), l("div", cr, [
+                      me(Rn)
                     ])) : R("", !0)
                   ], 64)) : he(r) ? (a(), l("button", {
                     key: 1,
                     type: "button",
                     class: "shifl-grid__action-icon",
                     ref_for: !0,
-                    ref: (v) => Xt(i, v),
-                    onClick: K((v) => Ut(i, n, r, v), ["stop"])
+                    ref: (v) => en(i, v),
+                    onClick: K((v) => Yt(i, n, r, v), ["stop"])
                   }, [
                     pe(r, n) ? typeof pe(r, n) == "string" ? (a(), l("span", {
                       key: 1,
                       innerHTML: pe(r, n),
                       class: "w-4 h-4 inline-block"
-                    }, null, 8, dr)) : (a(), I(ve(pe(r, n)), {
+                    }, null, 8, gr)) : (a(), I(ve(pe(r, n)), {
                       key: 2,
                       class: "w-4 h-4"
-                    })) : (a(), l("span", fr, "⋯"))
-                  ], 8, cr)) : Ht(r) ? (a(), l("div", gr, [
-                    (a(!0), l(H, null, B(Et(r), (v, $) => (a(), l(H, { key: $ }, [
+                    })) : (a(), l("span", dr, "⋯"))
+                  ], 8, fr)) : Et(r) ? (a(), l("div", hr, [
+                    (a(!0), l(H, null, B(Rt(r), (v, $) => (a(), l(H, { key: $ }, [
                       v === "icon" ? (a(), I(ve(et(n[r.key])), {
                         key: 0,
                         class: "shifl-grid__type-icon"
                       })) : (a(), l("span", {
                         key: 1,
-                        class: Z(Rt(v))
+                        class: Z(zt(v))
                       }, L(nt(n[r.key], v, r)), 3))
                     ], 64))), 128))
-                  ])) : xt(r) ? (a(), l("div", hr, [
+                  ])) : Ht(r) ? (a(), l("div", pr, [
                     (a(), I(ve(et(n[r.key])), { class: "shifl-grid__type-icon" })),
-                    n.container_count != null ? (a(), l("span", pr, " (" + L(n.container_count) + ") ", 1)) : R("", !0)
+                    n.container_count != null ? (a(), l("span", mr, " (" + L(n.container_count) + ") ", 1)) : R("", !0)
                   ])) : tt(r) ? (a(), l(H, { key: 4 }, [
-                    n[r.key] == null || ot(n[r.key], r.key, i).length === 0 ? (a(), l("div", mr, L(ne(r.blankStyle)), 1)) : (a(), l("div", vr, [
-                      d("div", _r, [
+                    n[r.key] == null || ot(n[r.key], r.key, i).length === 0 ? (a(), l("div", vr, L(ne(r.blankStyle)), 1)) : (a(), l("div", _r, [
+                      d("div", yr, [
                         d("div", {
                           ref_for: !0,
                           ref: "(el) => setTagsRef(col.key, rowIndex, el as HTMLElement)",
@@ -1356,7 +1362,7 @@ const Xn = /* @__PURE__ */ J(Un, [["render", Qn]]), er = { class: "shifl-grid re
                           }, L(v.name), 5))), 128))
                         ], 512)
                       ]),
-                      Gt(n[r.key], r.key, i) ? (a(), l("button", {
+                      jt(n[r.key], r.key, i) ? (a(), l("button", {
                         key: 0,
                         type: "button",
                         class: "shifl-grid__counter-button",
@@ -1367,20 +1373,20 @@ const Xn = /* @__PURE__ */ J(Un, [["render", Qn]]), er = { class: "shifl-grid re
                           v.currentTarget
                         ),
                         onMouseleave: Re
-                      }, " +" + L(jt(n[r.key], r.key, i)), 41, yr)) : R("", !0)
+                      }, " +" + L(Ft(n[r.key], r.key, i)), 41, br)) : R("", !0)
                     ]))
-                  ], 64)) : At(r) ? (a(), l("div", br, [
+                  ], 64)) : xt(r) ? (a(), l("div", kr, [
                     (a(!0), l(H, null, B(ge(n[r.key]), (v, $) => (a(), l("span", {
                       key: $,
                       class: "shifl-grid__chip shifl-grid__chip--status"
                     }, L(v), 1))), 128))
-                  ])) : r.truncate !== !1 && (r.truncate === !0 || Nt(r.key)) ? (a(), l("div", kr, [
+                  ])) : r.truncate !== !1 && (r.truncate === !0 || At(r.key)) ? (a(), l("div", Cr, [
                     d("span", {
                       class: "shifl-grid__truncated-text",
                       ref_for: !0,
                       ref: (v) => Ot(r.key, i, v)
-                    }, L(zt(n[r.key], r)), 513),
-                    He(r.key) && Vt(n[r.key]) ? (a(), l("button", {
+                    }, L(Dt(n[r.key], r)), 513),
+                    He(r.key) && Bt(n[r.key]) ? (a(), l("button", {
                       key: 0,
                       type: "button",
                       class: "shifl-grid__counter-button",
@@ -1391,7 +1397,7 @@ const Xn = /* @__PURE__ */ J(Un, [["render", Qn]]), er = { class: "shifl-grid re
                         v.currentTarget
                       ),
                       onMouseleave: Re
-                    }, " +" + L(Bt(n[r.key])), 41, Cr)) : !He(r.key) && Dt(n[r.key], r.key) ? (a(), l("button", {
+                    }, " +" + L(It(n[r.key])), 41, wr)) : !He(r.key) && Vt(n[r.key], r.key) ? (a(), l("button", {
                       key: 1,
                       type: "button",
                       class: "shifl-grid__info-icon-button",
@@ -1403,38 +1409,38 @@ const Xn = /* @__PURE__ */ J(Un, [["render", Qn]]), er = { class: "shifl-grid re
                       ),
                       onMouseleave: Re
                     }, [
-                      me(qn)
-                    ], 40, wr)) : R("", !0)
+                      me(Un)
+                    ], 40, Mr)) : R("", !0)
                   ])) : r.cellType === "link" ? (a(), l("a", {
                     key: 7,
                     href: String(n[r.key] || ""),
                     class: "shifl-grid__link-cell",
                     onClick: t[1] || (t[1] = K(() => {
                     }, ["stop"]))
-                  }, L(de(n[r.key], r)), 9, Mr)) : r.cellType === "progress" ? (a(), l("div", Tr, [
-                    d("div", Sr, [
+                  }, L(de(n[r.key], r)), 9, Tr)) : r.cellType === "progress" ? (a(), l("div", Sr, [
+                    d("div", Pr, [
                       d("div", {
                         class: "shifl-grid__progress-fill",
-                        style: j({ width: `${Lt(n[r.key])}%` })
+                        style: j({ width: `${Nt(n[r.key])}%` })
                       }, null, 4)
                     ]),
-                    d("span", Pr, L(de(n[r.key], r)), 1)
-                  ])) : Jt(r) ? (a(), l("div", {
+                    d("span", $r, L(de(n[r.key], r)), 1)
+                  ])) : qt(r) ? (a(), l("div", {
                     key: 9,
                     class: "shifl-grid__reference-cell",
-                    onMouseenter: (v) => It(String(n[r.key] || ""), v.currentTarget),
+                    onMouseenter: (v) => Zt(String(n[r.key] || ""), v.currentTarget),
                     onMouseleave: ze
                   }, [
-                    d("span", Lr, L(de(n[r.key], r)), 1),
+                    d("span", Nr, L(de(n[r.key], r)), 1),
                     n[r.key] ? (a(), l("button", {
                       key: 0,
                       class: "shifl-grid__copy-icon",
-                      onClick: K(() => Zt(String(n[r.key] || "")), ["stop"]),
+                      onClick: K(() => Gt(String(n[r.key] || "")), ["stop"]),
                       type: "button"
                     }, [
-                      me(Xn)
-                    ], 8, Nr)) : R("", !0)
-                  ], 40, $r)) : (a(), l(H, { key: 10 }, [
+                      me(er)
+                    ], 8, Ar)) : R("", !0)
+                  ], 40, Lr)) : (a(), l(H, { key: 10 }, [
                     ie(L(de(n[r.key], r)), 1)
                   ], 64))
                 ], 6))), 128))
@@ -1443,52 +1449,52 @@ const Xn = /* @__PURE__ */ J(Un, [["render", Qn]]), er = { class: "shifl-grid re
           ])
         ])
       ], 34),
-      D.value && D.value.show !== !1 ? (a(), l("div", Ar, [
-        d("div", xr, [
-          d("span", Hr, [
+      D.value && D.value.show !== !1 ? (a(), l("div", xr, [
+        d("div", Hr, [
+          d("span", Er, [
             t[7] || (t[7] = ie(" Showing ", -1)),
-            d("span", Er, L(We.value.from) + "–" + L(We.value.to), 1),
+            d("span", Rr, L(We.value.from) + "–" + L(We.value.to), 1),
             ie(" of " + L(Le.value), 1)
           ])
         ]),
-        d("div", Rr, [
-          d("div", zr, [
+        d("div", zr, [
+          d("div", Dr, [
             t[9] || (t[9] = d("label", { class: "shifl-grid__pagination-label" }, "Row per page", -1)),
             d("select", {
               value: D.value.perPage || 20,
               disabled: U.value,
-              onChange: Mt,
+              onChange: Tt,
               class: "shifl-grid__pagination-select"
             }, [...t[8] || (t[8] = [
-              en('<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, Dr)
+              tn('<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, Vr)
           ]),
-          d("div", Vr, [
+          d("div", Br, [
             d("button", {
               type: "button",
               class: "shifl-grid__pagination-button",
               disabled: Ke.value || g.loading,
-              onClick: Ct,
+              onClick: wt,
               "aria-label": "Previous page"
-            }, " ‹ ", 8, Br),
-            d("div", Ir, [
-              (a(!0), l(H, null, B(bt.value, (n) => (a(), l(H, { key: n }, [
+            }, " ‹ ", 8, Ir),
+            d("div", Zr, [
+              (a(!0), l(H, null, B(kt.value, (n) => (a(), l(H, { key: n }, [
                 n !== -1 ? (a(), l("button", {
                   key: 0,
                   type: "button",
                   class: Z(["shifl-grid__pagination-page", { "shifl-grid__pagination-page--active": n === Y.value }]),
                   disabled: U.value,
-                  onClick: (i) => kt(n)
-                }, L(n), 11, Zr)) : (a(), l("span", Or, "…"))
+                  onClick: (i) => Ct(n)
+                }, L(n), 11, Gr)) : (a(), l("span", Or, "…"))
               ], 64))), 128))
             ]),
             d("button", {
               type: "button",
               class: "shifl-grid__pagination-button",
               disabled: Je.value || g.loading,
-              onClick: wt,
+              onClick: Mt,
               "aria-label": "Next page"
-            }, " › ", 8, Gr)
+            }, " › ", 8, jr)
           ])
         ])
       ])) : R("", !0),
@@ -1496,7 +1502,7 @@ const Xn = /* @__PURE__ */ J(Un, [["render", Qn]]), er = { class: "shifl-grid re
         V(z).rowIndex !== null && V(z).position ? (a(), l("div", {
           key: 0,
           ref_key: "actionMenuRef",
-          ref: Oe,
+          ref: Ge,
           class: "shifl-grid__action-menu",
           style: j(`
           position: fixed !important; 
@@ -1506,24 +1512,24 @@ const Xn = /* @__PURE__ */ J(Un, [["render", Qn]]), er = { class: "shifl-grid re
           onClick: t[2] || (t[2] = K(() => {
           }, ["stop"]))
         }, [
-          (a(!0), l(H, null, B(Yt(Ge.value, Ce.value), (n) => (a(), l("div", {
+          (a(!0), l(H, null, B(Qt(Oe.value, Ce.value), (n) => (a(), l("div", {
             key: n.key,
             class: Z(["shifl-grid__action-menu-item", { "shifl-grid__action-menu-item--danger": n.danger }]),
-            onClick: () => Qt(n, Ce.value, V(z).rowIndex)
+            onClick: () => Xt(n, Ce.value, V(z).rowIndex)
           }, [
             n.icon && typeof n.icon == "string" ? (a(), l("span", {
               key: 0,
               innerHTML: n.icon,
               class: "w-4 h-4 inline-block"
-            }, null, 8, Fr)) : n.icon ? (a(), I(ve(typeof n.icon == "function" ? n.icon() : n.icon), {
+            }, null, 8, Wr)) : n.icon ? (a(), I(ve(typeof n.icon == "function" ? n.icon() : n.icon), {
               key: 1,
               class: "w-4 h-4"
             })) : R("", !0),
             d("span", null, L(n.label), 1)
-          ], 10, jr))), 128))
+          ], 10, Fr))), 128))
         ], 4)) : R("", !0)
       ])),
-      me(Nn, {
+      me(An, {
         content: je.value,
         visible: we.value,
         "trigger-element": Me.value,
@@ -1541,15 +1547,15 @@ const Xn = /* @__PURE__ */ J(Un, [["render", Qn]]), er = { class: "shifl-grid re
           })
         }, [
           t[10] || (t[10] = d("div", { class: "shifl-grid__copy-tooltip-arrow" }, null, -1)),
-          d("div", Wr, L(ce.value), 1)
+          d("div", Kr, L(ce.value), 1)
         ], 4)) : R("", !0)
       ])),
       (a(), I(_e, { to: "body" }, [
-        O.value ? (a(), I(Sn, {
+        G.value ? (a(), I(Pn, {
           key: 0,
           "title-prefix": o.config.name,
-          columns: Kt.value,
-          onClose: t[3] || (t[3] = (n) => O.value = !1),
+          columns: Jt.value,
+          onClose: t[3] || (t[3] = (n) => G.value = !1),
           onToggle: V(u),
           onToggleFreeze: V(C),
           onMove: V(A),
@@ -1560,23 +1566,23 @@ const Xn = /* @__PURE__ */ J(Un, [["render", Qn]]), er = { class: "shifl-grid re
       ]))
     ]));
   }
-}), qr = {
+}), Ur = {
   install(o) {
-    o.component("ShiflGrid", Kr);
+    o.component("ShiflGrid", Jr);
   }
 };
-function Ur() {
+function Yr() {
   const o = _(/* @__PURE__ */ new Set());
   function s(g) {
-    const b = g.id ?? JSON.stringify(g), f = new Set(o.value);
-    f.has(b) ? f.delete(b) : f.add(b), o.value = f;
+    const y = g.id ?? JSON.stringify(g), c = new Set(o.value);
+    c.has(y) ? c.delete(y) : c.add(y), o.value = c;
   }
   return {
     selectedKeys: o,
     toggleRow: s
   };
 }
-function Yr() {
+function Qr() {
   return {
     // placeholder
   };
@@ -1591,19 +1597,19 @@ const pt = Symbol("shifl-grid-theme"), mt = {
   accentStrong: "var(--shifl-accent-strong)",
   focus: "var(--shifl-focus)"
 };
-function Qr(o) {
+function Xr(o) {
   const s = _({ ...mt, ...o });
-  return tn(pt, s), s;
+  return nn(pt, s), s;
 }
-function Xr() {
-  const o = nn(pt);
+function es() {
+  const o = rn(pt);
   return k(() => (o == null ? void 0 : o.value) ?? mt);
 }
 const Be = {
   sm: 640,
   lg: 1024
 };
-function es() {
+function ts() {
   const o = _(typeof window < "u" ? window.innerWidth : 0);
   function s() {
     o.value = window.innerWidth;
@@ -1618,34 +1624,34 @@ function es() {
     isTablet: k(() => o.value >= Be.sm && o.value < Be.lg)
   };
 }
-function ts() {
+function ns() {
   return {
     // placeholder
   };
 }
-function ns() {
+function rs() {
   return {
     // placeholder
   };
 }
-function rs() {
+function ss() {
   return {
     // placeholder
   };
 }
 export {
-  Kr as ShiflGrid,
-  qr as ShiflGridPlugin,
-  Qr as provideGridTheme,
-  es as useBreakpoints,
-  sn as useGridColumns,
-  cn as useGridData,
-  Yr as useGridEditing,
-  an as useGridFilter,
-  ts as useGridInfiniteScroll,
-  Ur as useGridSelection,
-  on as useGridSort,
-  Xr as useGridTheme,
-  rs as useGridTour,
-  ns as useVirtualScroll
+  Jr as ShiflGrid,
+  Ur as ShiflGridPlugin,
+  Xr as provideGridTheme,
+  ts as useBreakpoints,
+  on as useGridColumns,
+  fn as useGridData,
+  Qr as useGridEditing,
+  ln as useGridFilter,
+  ns as useGridInfiniteScroll,
+  Yr as useGridSelection,
+  an as useGridSort,
+  es as useGridTheme,
+  ss as useGridTour,
+  rs as useVirtualScroll
 };