@shifl-inc/ui 0.6.0 → 0.7.0

package/dist/shifl-ui.js

@@ -1,4 +1,4 @@
-import { ref as b, computed as k, onMounted as de, onUnmounted as ge, watch as j, nextTick as He, defineComponent as De, createElementBlock as l, openBlock as o, withModifiers as q, createElementVNode as h, createCommentVNode as D, createTextVNode as re, toDisplayString as $, Fragment as R, renderList as V, normalizeClass as G, createBlock as Z, Teleport as ze, normalizeStyle as K, createVNode as Re, unref as E, resolveDynamicComponent as fe, createStaticVNode as Ft, provide as Kt, inject as Wt } from "vue";
+import { ref as b, computed as k, onMounted as de, onUnmounted as ge, watch as j, nextTick as Re, defineComponent as ze, createElementBlock as l, openBlock as o, withModifiers as q, createElementVNode as g, createCommentVNode as D, createTextVNode as se, toDisplayString as $, Fragment as x, renderList as V, normalizeClass as G, createBlock as Z, Teleport as He, normalizeStyle as K, createVNode as Ne, unref as E, resolveDynamicComponent as fe, createStaticVNode as Ft, provide as Kt, inject as Wt } from "vue";
 function Jt(a) {
   const r = (a.columns || []).map((_) => ({
     ..._,
@@ -26,36 +26,36 @@ function Jt(a) {
 }
 function qt(a) {
   const r = [...a], d = b([...a]);
-  function _(p) {
+  function _(h) {
     d.value = d.value.map(
-      (u) => u.key === p ? { ...u, visible: !u.visible } : u
+      (u) => u.key === h ? { ...u, visible: !u.visible } : u
     );
   }
-  function f(p) {
-    d.value = d.value.map((u) => ({ ...u, visible: p }));
+  function c(h) {
+    d.value = d.value.map((u) => ({ ...u, visible: h }));
   }
-  function v(p) {
+  function v(h) {
     const u = d.value.map(
-      (w) => w.key === p ? { ...w, freeze: !w.freeze } : w
+      (w) => w.key === h ? { ...w, freeze: !w.freeze } : w
     ), m = u.filter((w) => w.freeze), S = u.filter((w) => !w.freeze);
     d.value = [...m, ...S];
   }
-  function T(p, u) {
-    if (p === u || u < 0 || u >= d.value.length) return;
-    const m = d.value.findIndex((g) => !g.freeze), S = m === -1 ? d.value.length : m;
-    if (p < S || u < S) return;
-    const w = [...d.value], [c] = w.splice(p, 1);
-    w.splice(u, 0, c), d.value = w;
+  function T(h, u) {
+    if (h === u || u < 0 || u >= d.value.length) return;
+    const m = d.value.findIndex((p) => !p.freeze), S = m === -1 ? d.value.length : m;
+    if (h < S || u < S) return;
+    const w = [...d.value], [f] = w.splice(h, 1);
+    w.splice(u, 0, f), d.value = w;
   }
   function P() {
     d.value = [...r];
   }
-  const M = k(() => d.value.filter((p) => p.visible));
+  const M = k(() => d.value.filter((h) => h.visible));
   return {
     columns: d,
     visibleColumns: M,
     toggleColumnVisibility: _,
-    setAllVisible: f,
+    setAllVisible: c,
     toggleFreeze: v,
     moveColumn: T,
     resetColumns: P
@@ -63,19 +63,19 @@ function qt(a) {
 }
 function Ut(a) {
   const r = b(a);
-  function d(f) {
+  function d(c) {
     var v;
-    r.value = ((v = r.value) == null ? void 0 : v.key) === f && r.value.order === "asc" ? { key: f, order: "desc" } : { key: f, order: "asc" };
+    r.value = ((v = r.value) == null ? void 0 : v.key) === c && r.value.order === "asc" ? { key: c, order: "desc" } : { key: c, order: "asc" };
   }
-  function _(f) {
-    if (!r.value) return f;
+  function _(c) {
+    if (!r.value) return c;
     const { key: v, order: T } = r.value;
-    return [...f].sort((P, M) => {
-      const p = P[v], u = M[v];
-      if (p === u) return 0;
-      if (p == null) return 1;
+    return [...c].sort((P, M) => {
+      const h = P[v], u = M[v];
+      if (h === u) return 0;
+      if (h == null) return 1;
       if (u == null) return -1;
-      const m = String(p).localeCompare(String(u), void 0, {
+      const m = String(h).localeCompare(String(u), void 0, {
         numeric: !0
       });
       return T === "asc" ? m : -m;
@@ -89,9 +89,9 @@ function Ut(a) {
 }
 function Yt() {
   function a(r, d, _) {
-    const f = (_ || "").trim().toLowerCase();
-    return f ? r.filter((v) => (d && d.length ? d.map((P) => v[P]) : Object.values(v)).some(
-      (P) => String(P ?? "").toLowerCase().includes(f)
+    const c = (_ || "").trim().toLowerCase();
+    return c ? r.filter((v) => (d && d.length ? d.map((P) => v[P]) : Object.values(v)).some(
+      (P) => String(P ?? "").toLowerCase().includes(c)
     )) : r;
   }
   return {
@@ -105,13 +105,13 @@ function Qt() {
   });
   function r(v, T, P = 200) {
     const M = T.getBoundingClientRect();
-    let p = M.left;
-    p + P > window.innerWidth - 8 && (p = window.innerWidth - P + 8), a.value = {
+    let h = M.left;
+    h + P > window.innerWidth - 8 && (h = window.innerWidth - P + 8), a.value = {
       rowIndex: v,
       position: {
         top: M.bottom,
         // 4px below trigger
-        left: p
+        left: h
       }
     };
   }
@@ -124,13 +124,13 @@ function Qt() {
   function _(v) {
     return a.value.rowIndex === v;
   }
-  function f(v) {
+  function c(v) {
     v.key === "Escape" && a.value.rowIndex !== null && d();
   }
   return de(() => {
-    document.addEventListener("keydown", f);
+    document.addEventListener("keydown", c);
   }), ge(() => {
-    document.removeEventListener("keydown", f);
+    document.removeEventListener("keydown", c);
   }), {
     menuState: a,
     openMenu: r,
@@ -139,112 +139,112 @@ function Qt() {
   };
 }
 function Xt(a, r) {
-  const d = b(!1), _ = b(null), f = b([]), v = b(void 0);
+  const d = b(!1), _ = b(null), c = b([]), v = b(void 0);
   let T = null;
-  function P(c) {
-    const g = new URLSearchParams();
-    if (c.search && g.append("search", c.search), c.page !== void 0 && g.append("page", String(c.page)), c.perPage !== void 0 && g.append("per_page", String(c.perPage)), c.sort && (g.append("sort", c.sort.key), g.append("order", c.sort.order)), c.filters && c.filters.length > 0 && c.filters.forEach((C) => {
+  function P(f) {
+    const p = new URLSearchParams();
+    if (f.search && p.append("search", f.search), f.page !== void 0 && p.append("page", String(f.page)), f.perPage !== void 0 && p.append("per_page", String(f.perPage)), f.sort && (p.append("sort", f.sort.key), p.append("order", f.sort.order)), f.filters && f.filters.length > 0 && f.filters.forEach((C) => {
       if (C.value !== void 0 && C.value !== null && C.value !== "") {
         const L = `filters[${C.key}]`;
-        Array.isArray(C.value) ? C.value.forEach((A) => g.append(`${L}[]`, String(A))) : g.append(L, String(C.value));
+        Array.isArray(C.value) ? C.value.forEach((A) => p.append(`${L}[]`, String(A))) : p.append(L, String(C.value));
       }
-    }), c.tabName && g.append("tabName", c.tabName), r != null && r.additionalParams) {
-      const C = typeof r.additionalParams == "function" ? r.additionalParams(c) : r.additionalParams;
+    }), r != null && r.additionalParams) {
+      const C = typeof r.additionalParams == "function" ? r.additionalParams(f) : r.additionalParams;
       Object.entries(C).forEach(([L, A]) => {
-        A != null && A !== "" && (Array.isArray(A) ? A.forEach((N) => g.append(`${L}[]`, String(N))) : g.append(L, String(A)));
+        A != null && A !== "" && (Array.isArray(A) ? A.forEach((N) => p.append(`${L}[]`, String(N))) : p.append(L, String(A)));
       });
     }
-    return g;
+    return p;
   }
-  function M(c) {
-    var g, C, L;
-    return r != null && r.bodyBuilder ? r.bodyBuilder(c) : {
-      search: c.search,
-      page: c.page,
-      per_page: c.perPage,
-      sort: (g = c.sort) == null ? void 0 : g.key,
-      order: (C = c.sort) == null ? void 0 : C.order,
-      tabName: c.tabName,
-      filters: (L = c.filters) == null ? void 0 : L.reduce(
+  function M(f) {
+    var p, C, L;
+    return r != null && r.bodyBuilder ? r.bodyBuilder(f) : {
+      search: f.search,
+      page: f.page,
+      per_page: f.perPage,
+      sort: (p = f.sort) == null ? void 0 : p.key,
+      order: (C = f.sort) == null ? void 0 : C.order,
+      // tabName: context.tabName,
+      filters: (L = f.filters) == null ? void 0 : L.reduce(
         (A, N) => (N.value !== void 0 && N.value !== null && N.value !== "" && (A[N.key] = N.value), A),
         {}
       ),
-      ...typeof (r == null ? void 0 : r.additionalParams) == "function" ? r.additionalParams(c) : (r == null ? void 0 : r.additionalParams) || {}
+      ...typeof (r == null ? void 0 : r.additionalParams) == "function" ? r.additionalParams(f) : (r == null ? void 0 : r.additionalParams) || {}
     };
   }
-  function p() {
-    const c = {
+  function h() {
+    const f = {
       "Content-Type": "application/json",
       ...(r == null ? void 0 : r.headers) || {}
     };
     if (r != null && r.getAuthToken) {
-      const g = r.getAuthToken();
-      g && (c.Authorization = `Bearer ${g}`);
+      const p = r.getAuthToken();
+      p && (f.Authorization = `Bearer ${p}`);
     }
-    return c;
+    return f;
   }
-  function u(c) {
+  function u(f) {
     if (r != null && r.responseTransformer)
-      return r.responseTransformer(c);
-    const g = c;
+      return r.responseTransformer(f);
+    const p = f;
     return {
-      data: g.data || g.rows || [],
-      meta: g.meta
+      data: p.data || p.rows || [],
+      meta: p.meta
     };
   }
-  async function m(c) {
+  async function m(f) {
     if (!a) {
       _.value = new Error("API URL is required");
       return;
     }
     d.value = !0, _.value = null;
     try {
-      const g = (r == null ? void 0 : r.method) || "GET", C = p();
+      const p = (r == null ? void 0 : r.method) || "GET", C = h();
       let L = a, A;
-      if (g === "GET") {
-        const ee = r != null && r.paramsBuilder ? r.paramsBuilder(c) : P(c);
+      if (p === "GET") {
+        const ee = r != null && r.paramsBuilder ? r.paramsBuilder(f) : P(f);
         if (ee instanceof URLSearchParams) {
           const H = ee.toString();
           L = H ? `${a}?${H}` : a;
         } else {
           const H = new URLSearchParams();
           Object.entries(ee).forEach(([Y, I]) => {
-            I != null && I !== "" && (Array.isArray(I) ? I.forEach((ae) => H.append(`${Y}[]`, String(ae))) : H.append(Y, String(I)));
+            I != null && I !== "" && (Array.isArray(I) ? I.forEach((oe) => H.append(`${Y}[]`, String(oe))) : H.append(Y, String(I)));
           });
-          const ie = H.toString();
-          L = ie ? `${a}?${ie}` : a;
+          const ae = H.toString();
+          L = ae ? `${a}?${ae}` : a;
         }
       } else
-        A = M(c);
+        A = M(f);
       const N = await fetch(L, {
-        method: g,
+        method: p,
         headers: C,
         body: A ? JSON.stringify(A) : void 0
       });
       if (!N.ok)
         throw new Error(`API request failed: ${N.status} ${N.statusText}`);
-      const he = await N.json(), se = u(he);
-      f.value = se.data, v.value = se.meta;
-    } catch (g) {
-      _.value = g instanceof Error ? g : new Error("Unknown error occurred"), f.value = [], v.value = void 0;
+      const he = await N.json(), ie = u(he);
+      c.value = ie.data, v.value = ie.meta;
+    } catch (p) {
+      _.value = p instanceof Error ? p : new Error("Unknown error occurred"), c.value = [], v.value = void 0;
     } finally {
       d.value = !1;
     }
   }
-  function S(c, g = !1) {
+  function S(f, p = !1) {
     T && (clearTimeout(T), T = null);
     const C = (r == null ? void 0 : r.debounceMs) ?? 300;
-    g || !c.search ? m(c) : T = setTimeout(() => {
-      m(c);
+    p || !f.search ? m(f) : T = setTimeout(() => {
+      m(f);
     }, C);
   }
-  function w(c) {
-    S(c, !0);
+  function w(f) {
+    S(f, !0);
   }
   return {
     loading: k(() => d.value),
     error: k(() => _.value),
-    data: k(() => f.value),
+    data: k(() => c.value),
     paginationMeta: k(() => v.value),
     fetchData: m,
     fetchDataDebounced: S,
@@ -252,46 +252,46 @@ function Xt(a, r) {
   };
 }
 function en(a, r) {
-  var M, p;
-  const d = (r == null ? void 0 : r.search) || b(void 0), _ = (r == null ? void 0 : r.filters) || b(a.filters), f = (r == null ? void 0 : r.sort) || b(a.sort), v = (r == null ? void 0 : r.pagination) || b({
+  var M, h;
+  const d = (r == null ? void 0 : r.search) || b(void 0), _ = (r == null ? void 0 : r.filters) || b(a.filters), c = (r == null ? void 0 : r.sort) || b(a.sort), v = (r == null ? void 0 : r.pagination) || b({
     page: ((M = a.paginationMeta) == null ? void 0 : M.currentPage) || 1,
-    perPage: ((p = a.paginationMeta) == null ? void 0 : p.perPage) || 20
+    perPage: ((h = a.paginationMeta) == null ? void 0 : h.perPage) || 20
   }), T = (r == null ? void 0 : r.extraState) || b(void 0), P = (r == null ? void 0 : r.tabName) || b(void 0);
   if (a.apiConfig && a.searchMode === "server") {
     let u = function() {
-      var g, C;
+      var p, C;
       return {
         search: d.value,
         filters: _.value,
-        sort: f.value,
-        page: (g = v.value) == null ? void 0 : g.page,
+        sort: c.value,
+        page: (p = v.value) == null ? void 0 : p.page,
         perPage: (C = v.value) == null ? void 0 : C.perPage,
         extraState: T.value,
         tabName: P.value
       };
-    }, m = function(g) {
+    }, m = function(p) {
       var C, L, A, N;
-      return c ? g.search !== c.search || g.page !== c.page || g.perPage !== c.perPage || g.tabName !== c.tabName || ((C = g.sort) == null ? void 0 : C.key) !== ((L = c.sort) == null ? void 0 : L.key) || ((A = g.sort) == null ? void 0 : A.order) !== ((N = c.sort) == null ? void 0 : N.order) || JSON.stringify(g.filters) !== JSON.stringify(c.filters) || JSON.stringify(g.extraState) !== JSON.stringify(c.extraState) : !0;
+      return f ? p.search !== f.search || p.page !== f.page || p.perPage !== f.perPage || p.tabName !== f.tabName || ((C = p.sort) == null ? void 0 : C.key) !== ((L = f.sort) == null ? void 0 : L.key) || ((A = p.sort) == null ? void 0 : A.order) !== ((N = f.sort) == null ? void 0 : N.order) || JSON.stringify(p.filters) !== JSON.stringify(f.filters) || JSON.stringify(p.extraState) !== JSON.stringify(f.extraState) : !0;
     };
     const S = Xt(a.apiConfig.apiUrl, a.apiConfig);
-    let w = !1, c = null;
+    let w = !1, f = null;
     return j(
-      [d, _, f, v, T, P],
+      [d, _, c, v, T, P],
       () => {
         if (w)
           return;
-        const g = u();
-        if (!m(g))
+        const p = u();
+        if (!m(p))
           return;
-        c = g;
+        f = p;
         const C = d.value !== void 0;
-        S.fetchDataDebounced(g, !C);
+        S.fetchDataDebounced(p, !C);
       },
       { immediate: !0, deep: !0 }
-    ), j(S.paginationMeta, (g) => {
-      if (g && v.value) {
-        const C = g.perPage || v.value.perPage;
-        C !== v.value.perPage && (w = !0, v.value.perPage = C, He(() => {
+    ), j(S.paginationMeta, (p) => {
+      if (p && v.value) {
+        const C = p.perPage || v.value.perPage;
+        C !== v.value.perPage && (w = !0, v.value.perPage = C, Re(() => {
           w = !1;
         }));
       }
@@ -302,16 +302,16 @@ function en(a, r) {
       paginationMeta: S.paginationMeta,
       refresh: () => {
         var C, L;
-        const g = {
+        const p = {
           search: d.value,
           filters: _.value,
-          sort: f.value,
+          sort: c.value,
           page: (C = v.value) == null ? void 0 : C.page,
           perPage: (L = v.value) == null ? void 0 : L.perPage,
           extraState: T.value,
           tabName: P.value
         };
-        S.refresh(g);
+        S.refresh(p);
       }
     };
   }
@@ -324,7 +324,7 @@ function en(a, r) {
     }
   };
 }
-const tn = { class: "shifl-column-manager__header" }, nn = { class: "shifl-column-manager__title-wrapper" }, rn = { class: "shifl-column-manager__title" }, sn = { key: 0 }, an = { key: 1 }, on = { class: "shifl-column-manager__controls" }, ln = { class: "shifl-column-manager__controls-left" }, un = { class: "shifl-column-manager__content" }, cn = { class: "shifl-column-manager__list" }, fn = ["draggable", "onDragstart", "onDragover", "onDrop"], dn = ["aria-label", "disabled"], gn = ["checked", "disabled", "onChange"], hn = { class: "shifl-column-manager__label-text" }, pn = { class: "shifl-column-manager__footer" }, mn = /* @__PURE__ */ De({
+const tn = { class: "shifl-column-manager__header" }, nn = { class: "shifl-column-manager__title-wrapper" }, rn = { class: "shifl-column-manager__title" }, sn = { key: 0 }, an = { key: 1 }, on = { class: "shifl-column-manager__controls" }, ln = { class: "shifl-column-manager__controls-left" }, un = { class: "shifl-column-manager__content" }, cn = { class: "shifl-column-manager__list" }, fn = ["draggable", "onDragstart", "onDragover", "onDrop"], dn = ["aria-label", "disabled"], gn = ["checked", "disabled", "onChange"], hn = { class: "shifl-column-manager__label-text" }, pn = { class: "shifl-column-manager__footer" }, mn = /* @__PURE__ */ ze({
   __name: "GridColumnManager",
   props: {
     titlePrefix: {},
@@ -332,65 +332,65 @@ const tn = { class: "shifl-column-manager__header" }, nn = { class: "shifl-colum
   },
   emits: ["close", "toggle", "move", "toggleFreeze", "selectAll", "deselectAll", "restoreDefault"],
   setup(a, { emit: r }) {
-    const d = a, _ = k(() => d.columns), f = r, v = b(null);
-    function T(p) {
+    const d = a, _ = k(() => d.columns), c = r, v = b(null);
+    function T(h) {
       var u, m;
-      (u = d.columns[p]) != null && u.freeze || (m = d.columns[p]) != null && m.protected || (v.value = p);
+      (u = d.columns[h]) != null && u.freeze || (m = d.columns[h]) != null && m.protected || (v.value = h);
     }
-    function P(p) {
+    function P(h) {
     }
-    function M(p) {
-      v.value === null || v.value === p || (f("move", v.value, p), v.value = null);
+    function M(h) {
+      v.value === null || v.value === h || (c("move", v.value, h), v.value = null);
     }
-    return (p, u) => (o(), l("div", {
+    return (h, u) => (o(), l("div", {
       class: "shifl-column-manager__backdrop",
-      onClick: u[7] || (u[7] = q((m) => p.$emit("close"), ["self"]))
+      onClick: u[7] || (u[7] = q((m) => h.$emit("close"), ["self"]))
     }, [
-      h("div", {
+      g("div", {
         class: "shifl-column-manager__dialog",
         role: "dialog",
         "aria-modal": "true",
         onClick: u[6] || (u[6] = q(() => {
         }, ["stop"]))
       }, [
-        h("header", tn, [
-          h("div", nn, [
-            h("h2", rn, [
+        g("header", tn, [
+          g("div", nn, [
+            g("h2", rn, [
               a.titlePrefix ? (o(), l("span", sn, $(a.titlePrefix), 1)) : D("", !0),
               a.titlePrefix ? (o(), l("span", an, ">")) : D("", !0),
-              u[8] || (u[8] = re("Edit Columns ", -1))
+              u[8] || (u[8] = se("Edit Columns ", -1))
             ])
           ]),
-          h("button", {
+          g("button", {
             type: "button",
             class: "shifl-column-manager__close",
-            onClick: u[0] || (u[0] = (m) => p.$emit("close"))
+            onClick: u[0] || (u[0] = (m) => h.$emit("close"))
           }, [...u[9] || (u[9] = [
-            h("span", null, "✕", -1)
+            g("span", null, "✕", -1)
           ])])
         ]),
-        h("div", on, [
-          h("div", ln, [
-            h("button", {
+        g("div", on, [
+          g("div", ln, [
+            g("button", {
               type: "button",
               class: "shifl-column-manager__link-button",
-              onClick: u[1] || (u[1] = (m) => p.$emit("selectAll"))
+              onClick: u[1] || (u[1] = (m) => h.$emit("selectAll"))
             }, " Select All "),
-            h("button", {
+            g("button", {
               type: "button",
               class: "shifl-column-manager__link-button",
-              onClick: u[2] || (u[2] = (m) => p.$emit("deselectAll"))
+              onClick: u[2] || (u[2] = (m) => h.$emit("deselectAll"))
             }, " Deselect All ")
           ]),
-          h("button", {
+          g("button", {
             type: "button",
             class: "shifl-column-manager__link-button shifl-column-manager__link-button--primary",
-            onClick: u[3] || (u[3] = (m) => p.$emit("restoreDefault"))
+            onClick: u[3] || (u[3] = (m) => h.$emit("restoreDefault"))
           }, " Restore Default ")
         ]),
-        h("div", un, [
-          h("ul", cn, [
-            (o(!0), l(R, null, V(_.value, (m, S) => (o(), l("li", {
+        g("div", un, [
+          g("ul", cn, [
+            (o(!0), l(x, null, V(_.value, (m, S) => (o(), l("li", {
               key: m.key,
               class: G(["shifl-column-manager__item", {
                 "shifl-column-manager__item--disabled": m.freeze || m.protected
@@ -400,7 +400,7 @@ const tn = { class: "shifl-column-manager__header" }, nn = { class: "shifl-colum
               onDragover: q((w) => void 0, ["prevent"]),
               onDrop: q((w) => M(S), ["prevent"])
             }, [
-              h("button", {
+              g("button", {
                 type: "button",
                 class: G(["shifl-column-manager__drag-handle", {
                   "shifl-column-manager__drag-handle--disabled": m.freeze || m.protected
@@ -408,36 +408,36 @@ const tn = { class: "shifl-column-manager__header" }, nn = { class: "shifl-colum
                 "aria-label": `Move ${m.label}`,
                 disabled: m.freeze || m.protected
               }, [...u[10] || (u[10] = [
-                h("span", null, "⋮⋮", -1)
+                g("span", null, "⋮⋮", -1)
               ])], 10, dn),
-              h("label", {
+              g("label", {
                 class: G(["shifl-column-manager__checkbox-label", {
                   "shifl-column-manager__checkbox-label--disabled": m.freeze || m.protected
                 }])
               }, [
-                h("input", {
+                g("input", {
                   type: "checkbox",
                   class: "shifl-column-manager__checkbox",
                   checked: m.visible,
                   disabled: m.freeze || m.protected,
-                  onChange: (w) => p.$emit("toggle", m.key)
+                  onChange: (w) => h.$emit("toggle", m.key)
                 }, null, 40, gn),
-                u[11] || (u[11] = h("span", { class: "shifl-column-manager__checkbox-custom" }, null, -1)),
-                h("span", hn, $(m.label), 1)
+                u[11] || (u[11] = g("span", { class: "shifl-column-manager__checkbox-custom" }, null, -1)),
+                g("span", hn, $(m.label), 1)
               ], 2)
             ], 42, fn))), 128))
           ])
         ]),
-        h("footer", pn, [
-          h("button", {
+        g("footer", pn, [
+          g("button", {
             type: "button",
             class: "shifl-column-manager__button shifl-column-manager__button--primary",
-            onClick: u[4] || (u[4] = (m) => p.$emit("close"))
+            onClick: u[4] || (u[4] = (m) => h.$emit("close"))
           }, " Update "),
-          h("button", {
+          g("button", {
             type: "button",
             class: "shifl-column-manager__button shifl-column-manager__button--secondary",
-            onClick: u[5] || (u[5] = (m) => p.$emit("close"))
+            onClick: u[5] || (u[5] = (m) => h.$emit("close"))
           }, " Cancel ")
         ])
       ])
@@ -445,10 +445,10 @@ const tn = { class: "shifl-column-manager__header" }, nn = { class: "shifl-colum
   }
 }), U = (a, r) => {
   const d = a.__vccOpts || a;
-  for (const [_, f] of r)
-    d[_] = f;
+  for (const [_, c] of r)
+    d[_] = c;
   return d;
-}, vn = /* @__PURE__ */ U(mn, [["__scopeId", "data-v-40ca0ed0"]]), _n = { class: "shifl-grid__tooltip-content" }, yn = ["innerHTML"], bn = /* @__PURE__ */ De({
+}, vn = /* @__PURE__ */ U(mn, [["__scopeId", "data-v-40ca0ed0"]]), _n = { class: "shifl-grid__tooltip-content" }, yn = ["innerHTML"], bn = /* @__PURE__ */ ze({
   __name: "GridTooltip",
   props: {
     content: {},
@@ -457,33 +457,33 @@ const tn = { class: "shifl-column-manager__header" }, nn = { class: "shifl-colum
     isHtml: { type: Boolean }
   },
   setup(a) {
-    const r = a, d = b(null), _ = b({}), f = k(() => r.content.includes(`
-`)), v = k(() => f.value ? r.content.split(`
-`).filter((p) => p.trim().length > 0) : []), T = b("top"), P = b({});
+    const r = a, d = b(null), _ = b({}), c = k(() => r.content.includes(`
+`)), v = k(() => c.value ? r.content.split(`
+`).filter((h) => h.trim().length > 0) : []), T = b("top"), P = b({});
     function M() {
       if (!r.triggerElement || !d.value) return;
-      const p = r.triggerElement.getBoundingClientRect(), u = d.value.getBoundingClientRect(), m = window.innerWidth, S = window.innerHeight;
-      let w = p.bottom + 8, c = p.left + window.scrollX;
-      c + u.width > m - 16 && (c = m - u.width - 16), c < 16 && (c = 16), w + u.height > S - 16 ? (w = p.top - u.height - 8, T.value = "bottom") : T.value = "top", _.value = {
+      const h = r.triggerElement.getBoundingClientRect(), u = d.value.getBoundingClientRect(), m = window.innerWidth, S = window.innerHeight;
+      let w = h.bottom + 8, f = h.left + window.scrollX;
+      f + u.width > m - 16 && (f = m - u.width - 16), f < 16 && (f = 16), w + u.height > S - 16 ? (w = h.top - u.height - 8, T.value = "bottom") : T.value = "top", _.value = {
         position: "fixed",
         top: `${w}px`,
-        left: `${c}px`,
+        left: `${f}px`,
         zIndex: "10000"
       };
-      const g = p.left + p.width / 2 - c;
+      const p = h.left + h.width / 2 - f;
       P.value = {
-        left: `${g}px`
+        left: `${p}px`
       };
     }
     return j(
       () => r.visible,
-      async (p) => {
-        p && (await He(), M());
+      async (h) => {
+        h && (await Re(), M());
       }
     ), de(() => {
-      r.visible && He(() => M());
+      r.visible && Re(() => M());
     }), ge(() => {
-    }), (p, u) => (o(), Z(ze, { to: "body" }, [
+    }), (h, u) => (o(), Z(He, { to: "body" }, [
       a.visible ? (o(), l("div", {
         key: 0,
         ref_key: "tooltipRef",
@@ -491,19 +491,19 @@ const tn = { class: "shifl-column-manager__header" }, nn = { class: "shifl-colum
         class: "shifl-grid__tooltip",
         style: K(_.value)
       }, [
-        h("div", {
+        g("div", {
           class: G(["shifl-grid__tooltip-arrow", T.value]),
           style: K(P.value)
         }, null, 6),
-        h("div", _n, [
+        g("div", _n, [
           a.isHtml ? (o(), l("div", {
             key: 0,
             innerHTML: a.content
-          }, null, 8, yn)) : f.value ? (o(!0), l(R, { key: 1 }, V(v.value, (m, S) => (o(), l("div", {
+          }, null, 8, yn)) : c.value ? (o(!0), l(x, { key: 1 }, V(v.value, (m, S) => (o(), l("div", {
             key: S,
             class: "shifl-grid__tooltip-line"
-          }, $(m), 1))), 128)) : (o(), l(R, { key: 2 }, [
-            re($(a.content), 1)
+          }, $(m), 1))), 128)) : (o(), l(x, { key: 2 }, [
+            se($(a.content), 1)
           ], 64))
         ])
       ], 4)) : D("", !0)
@@ -519,7 +519,7 @@ const tn = { class: "shifl-column-manager__header" }, nn = { class: "shifl-colum
 };
 function wn(a, r) {
   return o(), l("svg", Mn, [...r[0] || (r[0] = [
-    h("path", {
+    g("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)
@@ -534,7 +534,7 @@ const Sn = /* @__PURE__ */ U(Cn, [["render", wn]]), Tn = {}, Pn = {
 };
 function $n(a, r) {
   return o(), l("svg", Pn, [...r[0] || (r[0] = [
-    h("path", {
+    g("path", {
       "fill-rule": "evenodd",
       "clip-rule": "evenodd",
       d: "M0 0.666667C0 0.298477 0.314186 2.98023e-08 0.701754 2.98023e-08H4.2807C4.66827 2.98023e-08 4.98246 0.298477 4.98246 0.666667C4.98246 1.03486 4.66827 1.33333 4.2807 1.33333H0.701754C0.314186 1.33333 0 1.03486 0 0.666667ZM10.0301 0.195262C10.3042 -0.0650874 10.7485 -0.0650874 11.0225 0.195262L13.1278 2.19526C13.4018 2.45561 13.4018 2.87772 13.1278 3.13807C12.8537 3.39842 12.4094 3.39842 12.1354 3.13807L11.2281 2.27614V8.66667C11.2281 9.03486 10.9139 9.33333 10.5263 9.33333C10.1387 9.33333 9.82456 9.03486 9.82456 8.66667V2.27614L8.91727 3.13807C8.64322 3.39842 8.19889 3.39842 7.92484 3.13807C7.65079 2.87772 7.65079 2.45561 7.92484 2.19526L10.0301 0.195262ZM0 4.66667C0 4.29848 0.314186 4 0.701754 4H5.61404C6.0016 4 6.31579 4.29848 6.31579 4.66667C6.31579 5.03486 6.0016 5.33333 5.61404 5.33333H0.701754C0.314186 5.33333 0 5.03486 0 4.66667ZM0 8.66667C0 8.29848 0.314186 8 0.701754 8H7.01754C7.40511 8 7.7193 8.29848 7.7193 8.66667C7.7193 9.03486 7.40511 9.33333 7.01754 9.33333H0.701754C0.314186 9.33333 0 9.03486 0 8.66667Z",
@@ -549,15 +549,15 @@ const Ln = /* @__PURE__ */ U(Tn, [["render", $n]]), An = {}, Nn = {
   fill: "none",
   xmlns: "http://www.w3.org/2000/svg"
 };
-function Rn(a, r) {
+function xn(a, r) {
   return o(), l("svg", Nn, [...r[0] || (r[0] = [
-    h("path", {
+    g("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 xn = /* @__PURE__ */ U(An, [["render", Rn]]), Hn = {}, zn = {
+const Rn = /* @__PURE__ */ U(An, [["render", xn]]), Hn = {}, zn = {
   width: "21",
   height: "13",
   viewBox: "0 0 21 13",
@@ -566,13 +566,13 @@ const xn = /* @__PURE__ */ U(An, [["render", Rn]]), Hn = {}, zn = {
 };
 function Dn(a, r) {
   return o(), l("svg", zn, [...r[0] || (r[0] = [
-    h("path", {
+    g("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 ot = /* @__PURE__ */ U(Hn, [["render", Dn]]), En = {}, Vn = {
+const lt = /* @__PURE__ */ U(Hn, [["render", Dn]]), En = {}, Vn = {
   width: "16",
   height: "16",
   viewBox: "0 0 16 16",
@@ -581,7 +581,7 @@ const ot = /* @__PURE__ */ U(Hn, [["render", Dn]]), En = {}, Vn = {
 };
 function Bn(a, r) {
   return o(), l("svg", Vn, [...r[0] || (r[0] = [
-    h("path", {
+    g("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)
@@ -626,7 +626,7 @@ const Gn = /* @__PURE__ */ U(En, [["render", Bn]]), In = { class: "shifl-grid re
 }, mr = { class: "shifl-grid__pagination-left" }, vr = { class: "shifl-grid__pagination-range" }, _r = { class: "shifl-grid__pagination-range-numbers" }, yr = { class: "shifl-grid__pagination-right" }, br = { class: "shifl-grid__pagination-rows" }, kr = ["value", "disabled"], Cr = { class: "shifl-grid__pagination-nav" }, Mr = ["disabled"], wr = { class: "shifl-grid__pagination-pages" }, Sr = ["disabled", "onClick"], Tr = {
   key: 1,
   class: "shifl-grid__pagination-ellipsis"
-}, Pr = ["disabled"], $r = ["onClick"], Lr = ["innerHTML"], Ar = /* @__PURE__ */ De({
+}, Pr = ["disabled"], $r = ["onClick"], Lr = ["innerHTML"], Ar = /* @__PURE__ */ ze({
   __name: "ShiflGrid",
   props: {
     config: {},
@@ -635,52 +635,52 @@ const Gn = /* @__PURE__ */ U(En, [["render", Bn]]), In = { class: "shifl-grid re
   },
   emits: ["action-click", "search-change", "pagination-change"],
   setup(a, { emit: r }) {
-    var nt, rt, st, it, at;
-    const d = a, _ = r, f = k(() => Jt(d.config)), v = b(d.search), T = b(f.value.filters), P = b(f.value.sort), M = b({
-      page: ((nt = f.value.paginationMeta) == null ? void 0 : nt.currentPage) || 1,
-      perPage: ((rt = f.value.paginationMeta) == null ? void 0 : rt.perPage) || 20
-    }), p = b(
-      typeof ((st = f.value.apiConfig) == null ? void 0 : st.additionalParams) == "function" || (at = (it = f.value.apiConfig) == null ? void 0 : it.additionalParams) == null ? void 0 : at.tabName
-    ), u = en(f.value, {
+    var rt, st, it, at, ot;
+    const d = a, _ = r, c = k(() => Jt(d.config)), v = b(d.search), T = b(c.value.filters), P = b(c.value.sort), M = b({
+      page: ((rt = c.value.paginationMeta) == null ? void 0 : rt.currentPage) || 1,
+      perPage: ((st = c.value.paginationMeta) == null ? void 0 : st.perPage) || 20
+    }), h = b(
+      typeof ((it = c.value.apiConfig) == null ? void 0 : it.additionalParams) == "function" || (ot = (at = c.value.apiConfig) == null ? void 0 : at.additionalParams) == null ? void 0 : ot.tabName
+    ), u = en(c.value, {
       search: v,
       filters: T,
       sort: P,
       pagination: M,
-      tabName: p
-    }), m = k(() => f.value.columns.filter((e) => !e.smartTrackingColumn)), {
+      tabName: h
+    }), m = k(() => c.value.columns.filter((e) => !e.smartTrackingColumn)), {
       columns: S,
       visibleColumns: w,
-      toggleColumnVisibility: c,
-      setAllVisible: g,
+      toggleColumnVisibility: f,
+      setAllVisible: p,
       toggleFreeze: C,
       moveColumn: L,
       resetColumns: A
-    } = qt(m.value), { sort: N, setSort: he, applySort: se } = Ut(f.value.sort), { applyGlobalFilter: ee } = Yt(), { menuState: H, openMenu: ie, closeMenu: Y } = Qt(), I = b(!1), ae = b({}), Ee = b(null), Ve = b(null), pe = b(null), me = b(!1), Be = b(""), ve = b(null), _e = b(!1), ct = b({});
+    } = qt(m.value), { sort: N, setSort: he, applySort: ie } = Ut(c.value.sort), { applyGlobalFilter: ee } = Yt(), { menuState: H, openMenu: ae, closeMenu: Y } = Qt(), I = b(!1), oe = b({}), De = b(null), Ee = b(null), pe = b(null), me = b(!1), Ve = b(""), ve = b(null), _e = b(!1), ft = b({});
     b({});
     const Q = b(
       {}
     );
     j(
-      () => f.value.filters,
+      () => c.value.filters,
       (e) => {
         T.value = e;
       },
       { deep: !0 }
     ), j(
-      () => f.value.paginationMeta,
+      () => c.value.paginationMeta,
       (e) => {
-        f.value.searchMode !== "server" && e && M.value && (M.value.page = e.currentPage || M.value.page, M.value.perPage = e.perPage || M.value.perPage);
+        c.value.searchMode !== "server" && e && M.value && (M.value.page = e.currentPage || M.value.page, M.value.perPage = e.perPage || M.value.perPage);
       },
       { deep: !0 }
     ), j(
-      () => f.value.columns,
+      () => c.value.columns,
       (e) => {
         const t = e.filter((n) => !n.smartTrackingColumn);
         S.value = [...t];
       },
       { deep: !0 }
     ), j(
-      () => f.value.sort,
+      () => c.value.sort,
       (e) => {
         e && (N.value = e, P.value = e);
       },
@@ -688,12 +688,12 @@ const Gn = /* @__PURE__ */ U(En, [["render", Bn]]), In = { class: "shifl-grid re
     ), j(
       () => {
         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 && h.value !== t.tabName && (h.value = t.tabName);
         }
       },
       { deep: !0 }
@@ -701,9 +701,9 @@ const Gn = /* @__PURE__ */ U(En, [["render", Bn]]), In = { class: "shifl-grid re
       () => d.search,
       (e, t) => {
         var n;
-        if (v.value = e, f.value.searchMode === "server")
+        if (v.value = e, c.value.searchMode === "server")
           _("search-change", e || "");
-        else if (f.value.searchMode === "client" && e !== t) {
+        else if (c.value.searchMode === "client" && e !== t) {
           const s = ((n = z.value) == null ? void 0 : n.perPage) || 20;
           M.value = { page: 1, perPage: s }, _("pagination-change", 1, s);
         }
@@ -716,15 +716,15 @@ const Gn = /* @__PURE__ */ U(En, [["render", Bn]]), In = { class: "shifl-grid re
       }
     );
     const ye = k(() => u.rows.value || []), be = k(() => {
-      if ((f.value.searchMode || "client") === "server")
+      if ((c.value.searchMode || "client") === "server")
         return ye.value;
       const t = d.search || "";
-      return ee(ye.value, f.value.search, t);
+      return ee(ye.value, c.value.search, t);
     }), ke = k(() => {
       var t;
-      return (f.value.searchMode || "client") === "client" ? be.value.length : ((t = u.paginationMeta.value) == null ? void 0 : t.total) || 0;
-    }), Ce = k(() => (f.value.searchMode || "client") === "server" ? be.value : se(be.value)), Ge = k(() => {
-      if ((f.value.searchMode || "client") === "server")
+      return (c.value.searchMode || "client") === "client" ? be.value.length : ((t = u.paginationMeta.value) == null ? void 0 : t.total) || 0;
+    }), Ce = k(() => (c.value.searchMode || "client") === "server" ? be.value : ie(be.value)), Be = k(() => {
+      if ((c.value.searchMode || "client") === "server")
         return Ce.value;
       const t = z.value;
       if (!t || !t.show)
@@ -733,27 +733,27 @@ const Gn = /* @__PURE__ */ U(En, [["render", Bn]]), In = { class: "shifl-grid re
       return Ce.value.slice(i, y);
     }), z = k(() => {
       var e;
-      return f.value.searchMode === "server" && u.paginationMeta.value ? {
+      return c.value.searchMode === "server" && u.paginationMeta.value ? {
         show: !0,
         // Default to showing pagination
         ...u.paginationMeta.value,
         currentPage: ((e = M.value) == null ? void 0 : e.page) || u.paginationMeta.value.currentPage || 1
-      } : f.value.paginationMeta;
-    }), W = k(() => d.loading !== void 0 ? d.loading : u.loading.value), ft = k(() => {
+      } : c.value.paginationMeta;
+    }), W = k(() => d.loading !== void 0 ? d.loading : u.loading.value), dt = k(() => {
       var e;
       return ((e = z.value) == null ? void 0 : e.perPage) === 100;
-    }), dt = k(() => {
+    }), gt = k(() => {
       var e;
       return ((e = z.value) == null ? void 0 : e.perPage) || 10;
-    }), Ie = k(() => {
+    }), Ge = k(() => {
       const e = z.value;
       if (!e || e.show === !1)
         return { from: 0, to: 0 };
       const t = ke.value, n = e.perPage || 20, s = 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 y = (s - 1) * n + 1, x = Math.min(s * n, t);
-      return t === 0 ? { from: 0, to: 0 } : { from: y, to: x };
+      const y = (s - 1) * n + 1, R = Math.min(s * n, t);
+      return t === 0 ? { from: 0, to: 0 } : { from: y, to: R };
     }), J = k(() => {
       var e;
       return ((e = z.value) == null ? void 0 : e.currentPage) || 1;
@@ -764,7 +764,7 @@ const Gn = /* @__PURE__ */ U(En, [["render", Bn]]), In = { class: "shifl-grid re
       if (t === 0) return 1;
       const n = e.perPage || 20, s = Math.ceil(t / n);
       return Math.max(1, s);
-    }), Oe = k(() => J.value <= 1), Ze = k(() => J.value >= Me.value), gt = k(() => {
+    }), Ie = k(() => J.value <= 1), Oe = k(() => J.value >= Me.value), ht = k(() => {
       const e = Me.value, t = J.value, n = [];
       if (e <= 7)
         for (let s = 1; s <= e; s++)
@@ -785,42 +785,42 @@ const Gn = /* @__PURE__ */ U(En, [["render", Bn]]), In = { class: "shifl-grid re
       }
       return n;
     });
-    function ht(e) {
+    function pt(e) {
       var n;
       if (e < 1 || e > Me.value || e === J.value || W.value) return;
       const t = ((n = z.value) == null ? void 0 : n.perPage) || 20;
       M.value = { page: e, perPage: t }, _("pagination-change", e, t);
     }
-    function pt() {
+    function mt() {
       var n;
-      if (Oe.value || W.value) return;
+      if (Ie.value || W.value) return;
       const e = ((n = z.value) == null ? void 0 : n.perPage) || 20, t = J.value - 1;
       M.value = { page: t, perPage: e }, _("pagination-change", t, e);
     }
-    function mt() {
+    function vt() {
       var n;
-      if (Ze.value || W.value) return;
+      if (Oe.value || W.value) return;
       const e = ((n = z.value) == null ? void 0 : n.perPage) || 20, t = J.value + 1;
       M.value = { page: t, perPage: e }, _("pagination-change", t, e);
     }
-    function vt(e) {
+    function _t(e) {
       var s;
       if (W.value) return;
       const t = e.target, n = parseInt(t.value, 10);
       n && n !== (((s = z.value) == null ? void 0 : s.perPage) || 20) && (M.value = { page: 1, perPage: n }, _("pagination-change", 1, n));
     }
-    const _t = k(() => {
-      const e = f.value.columns.find((n) => n.smartTrackingColumn);
+    const yt = k(() => {
+      const e = c.value.columns.find((n) => n.smartTrackingColumn);
       if (!(e != null && e.smartTrackingColumn)) return !1;
       const t = e.smartTrackingColumn.dataKey;
       return ye.value.some((n) => {
         const s = n[t];
         return s === !0 || s === 1 || s === "true" || s === "1";
       });
-    }), we = k(() => f.value.columns.find((e) => e.smartTrackingColumn)), X = k(() => {
+    }), we = k(() => c.value.columns.find((e) => e.smartTrackingColumn)), X = k(() => {
       var n;
       const e = w.value.filter((s) => !s.smartTrackingColumn);
-      if (_t.value && we.value) {
+      if (yt.value && we.value) {
         const s = {
           key: "_smart_tracking",
           label: "",
@@ -839,7 +839,7 @@ const Gn = /* @__PURE__ */ U(En, [["render", Bn]]), In = { class: "shifl-grid re
       }
       const t = e.find((s) => s.key === "ref");
       return t && (t.freeze = !0, t.protected = !0), e;
-    }), yt = k(() => {
+    }), bt = k(() => {
       let e = 0;
       const t = {};
       for (const n of X.value) {
@@ -848,40 +848,40 @@ const Gn = /* @__PURE__ */ U(En, [["render", Bn]]), In = { class: "shifl-grid re
         Number.isNaN(s) || (e += s);
       }
       return t;
-    }), je = b(0);
-    function bt(e) {
+    }), Ze = b(0);
+    function kt(e) {
       const t = e.target;
-      je.value = t.scrollLeft;
+      Ze.value = t.scrollLeft;
     }
-    function kt(e) {
+    function Ct(e) {
       const t = S.value.find((n) => n.key === e);
-      !(t != null && t.sortable) || ue(t) || Ne(t) || he(e);
+      !(t != null && t.sortable) || ue(t) || Ae(t) || he(e);
     }
     function Se(e, t) {
       if (e == null || e === "" || e === void 0)
-        return oe(t.blankStyle);
+        return te(t.blankStyle);
       const n = t.cellType;
       if (Array.isArray(n)) {
         const s = n.find((i) => typeof i == "string" && i !== "icon");
-        return s && typeof s == "string" ? Ye(e, s, t) : "";
+        return s && typeof s == "string" ? Ue(e, s, t) : "";
       }
       if (!n)
         return typeof e == "object" ? JSON.stringify(e) : String(e);
       switch (n) {
         case "number":
-          return Fe(e);
+          return je(e);
         case "currency":
-          return Ke(e);
+          return Fe(e);
         case "date":
-          return We(e);
+          return Ke(e);
         case "boolean":
-          return Je(e);
+          return We(e);
         case "text":
         default:
           return typeof e == "object" ? JSON.stringify(e) : String(e);
       }
     }
-    function oe(e) {
+    function te(e) {
       switch (e) {
         case "dash":
           return "--";
@@ -894,13 +894,13 @@ const Gn = /* @__PURE__ */ U(En, [["render", Bn]]), In = { class: "shifl-grid re
           return "";
       }
     }
-    function Fe(e) {
+    function je(e) {
       if (typeof e == "number")
         return e.toLocaleString();
       const t = Number(e);
       return Number.isNaN(t) ? String(e) : t.toLocaleString();
     }
-    function Ke(e) {
+    function Fe(e) {
       if (typeof e == "number")
         return new Intl.NumberFormat("en-US", {
           style: "currency",
@@ -912,7 +912,7 @@ const Gn = /* @__PURE__ */ U(En, [["render", Bn]]), In = { class: "shifl-grid re
         currency: "USD"
       }).format(t);
     }
-    function We(e) {
+    function Ke(e) {
       if (e instanceof Date)
         return e.toLocaleDateString();
       if (typeof e == "string") {
@@ -922,57 +922,57 @@ const Gn = /* @__PURE__ */ U(En, [["render", Bn]]), In = { class: "shifl-grid re
       }
       return String(e);
     }
-    function Je(e) {
+    function We(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 Ct(e) {
+    function Mt(e) {
       if (typeof e == "number")
         return Math.min(100, Math.max(0, e));
       const t = Number(e);
       return Number.isNaN(t) ? 0 : Math.min(100, Math.max(0, t));
     }
-    function qe(e) {
-      return typeof e == "string" && e.toLowerCase() === "ocean", ot;
+    function Je(e) {
+      return typeof e == "string" && e.toLowerCase() === "ocean", lt;
     }
-    function Mt(e) {
+    function wt(e) {
       const t = e.toLowerCase();
       return ["supplier", "suppliers", "po", "pos", "product_description"].includes(t);
     }
-    function Ue(e) {
+    function qe(e) {
       if (e.cellType === "badge") return !0;
       const t = e.key.toLowerCase();
       return t === "tag" || t === "tags";
     }
-    function wt(e) {
+    function St(e) {
       return e.cellType === "status" ? !0 : e.key.toLowerCase() === "status";
     }
-    function St(e) {
+    function Tt(e) {
       return e.cellType === "icon" ? !0 : e.key.toLowerCase() === "type";
     }
-    function Tt(e) {
+    function Pt(e) {
       return Array.isArray(e.cellType) && e.cellType.length > 0;
     }
-    function Pt(e) {
+    function $t(e) {
       return Array.isArray(e.cellType) ? e.cellType.filter((t) => typeof t == "string") : e.cellType && typeof e.cellType == "string" ? [e.cellType] : [];
     }
-    function Ye(e, t, n) {
+    function Ue(e, t, n) {
       if (e == null || e === "" || e === void 0)
-        return oe(n.blankStyle);
+        return te(n.blankStyle);
       switch (t) {
         case "number":
-          return Fe(e);
+          return je(e);
         case "currency":
-          return Ke(e);
+          return Fe(e);
         case "date":
-          return We(e);
+          return Ke(e);
         case "boolean":
-          return Je(e);
+          return We(e);
         case "text":
         default:
           return typeof e == "object" ? JSON.stringify(e) : String(e);
       }
     }
-    function $t(e) {
+    function Lt(e) {
       return {
         number: "shifl-grid__composite-number",
         currency: "shifl-grid__composite-currency",
@@ -981,27 +981,28 @@ const Gn = /* @__PURE__ */ U(En, [["render", Bn]]), In = { class: "shifl-grid re
         text: "shifl-grid__composite-text"
       }[e] || "shifl-grid__composite-text";
     }
-    function Lt(e, t) {
+    function At(e, t) {
       if (e == null || e === "")
-        return oe(t.blankStyle);
+        return te(t.blankStyle);
       if (Array.isArray(e)) {
-        if (e.length === 0) return "";
+        if (e.length === 0)
+          return te(t.blankStyle);
         const n = e.join(", ");
-        return Qe(n, 45);
+        return Ye(n, 45);
       }
-      return typeof e == "string" ? Qe(e, 45) : String(e);
+      return typeof e == "string" ? Ye(e, 45) : String(e);
     }
-    function Qe(e, t) {
+    function Ye(e, t) {
       return e.length <= t ? e : e.substring(0, t) + "...";
     }
     function Te(e) {
       const t = e.toLowerCase();
       return ["po", "pos", "supplier", "suppliers", "tag", "tags"].includes(t);
     }
-    function At(e, t) {
+    function Nt(e, t) {
       return e == null || Te(t) ? !1 : Array.isArray(e) ? e.length === 0 ? !1 : e.join(", ").length > 30 : typeof e == "string" ? e.length > 30 : !1;
     }
-    function Nt(e) {
+    function xt(e) {
       return e == null ? !1 : Array.isArray(e) ? e.length === 0 ? !1 : e.join(", ").length > 45 : typeof e == "string" ? e.length > 45 : !1;
     }
     function Rt(e) {
@@ -1022,24 +1023,24 @@ const Gn = /* @__PURE__ */ U(En, [["render", Bn]]), In = { class: "shifl-grid re
     }
     function Pe(e, t, n, s) {
       let i = "", y = !1;
-      const x = X.value.find((B) => B.key === e);
-      if (x && Ue(x)) {
-        const B = Xe(n);
-        B.length > 0 && (y = !0, i = B.map((F) => `<span class="shifl-grid__tooltip-badge" style="border-left-color: ${et(F)} !important">${F.name}</span>`).join(""));
+      const R = X.value.find((B) => B.key === e);
+      if (R && qe(R)) {
+        const B = Qe(n);
+        B.length > 0 && (y = !0, i = B.map((F) => `<span class="shifl-grid__tooltip-badge" style="border-left-color: ${tt(F)} !important">${F.name}</span>`).join(""));
       } else Array.isArray(n) ? n.length > 0 && (i = n.join(`
 `)) : n != null && (i = String(n));
-      Be.value = i, _e.value = y, ve.value = s, me.value = !0;
+      Ve.value = i, _e.value = y, ve.value = s, me.value = !0;
     }
     function $e() {
       me.value = !1, ve.value = null, _e.value = !1;
     }
-    function xt(e, t, n) {
-      n && (ct.value[`${e}-${t}`] = n);
+    function Ht(e, t, n) {
+      n && (ft.value[`${e}-${t}`] = n);
     }
     function le(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 Xe(e) {
+    function Qe(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
@@ -1048,46 +1049,46 @@ const Gn = /* @__PURE__ */ U(En, [["render", Bn]]), In = { class: "shifl-grid re
         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 Le(e, t, n) {
+    function Xe(e, t, n) {
       const s = le(e);
       if (s.length === 0) return [];
       const i = `${t}-${n}`;
       if (Q.value[i])
         return Q.value[i];
-      const y = 130, x = 8, B = 4;
+      const y = 130, R = 8, B = 4;
       let F = 0;
       const O = [];
-      for (const te of s) {
-        const ne = te.length * 8 + x + B;
-        if (F + ne > y && O.length > 0)
+      for (const ne of s) {
+        const re = ne.length * 8 + R + B;
+        if (F + re > y && O.length > 0)
           break;
-        O.push(te), F += ne;
+        O.push(ne), F += re;
       }
       return Q.value[i] = O, O;
     }
-    function Ht(e, t, n) {
-      const s = Xe(e);
+    function et(e, t, n) {
+      const s = Qe(e);
       if (s.length === 0) return [];
       const i = `${t}-${n}-objects`;
       if (Q.value[i])
         return Q.value[i];
-      const y = 130, x = 8, B = 4;
+      const y = 130, R = 8, B = 4;
       let F = 0;
       const O = [];
-      for (const te of s) {
-        const ne = te.name.length * 8 + x + B;
-        if (F + ne > y && O.length > 0)
+      for (const ne of s) {
+        const re = ne.name.length * 8 + R + B;
+        if (F + re > y && O.length > 0)
           break;
-        O.push(te), F += ne;
+        O.push(ne), F += re;
       }
       return Q.value[i] = O, O;
     }
     function zt(e, t, n) {
-      const s = le(e), i = Le(e, t, n);
+      const s = le(e), i = Xe(e, t, n);
       return s.length > i.length;
     }
     function Dt(e, t, n) {
-      const s = le(e), i = Le(e, t, n);
+      const s = le(e), i = Xe(e, t, n);
       return s.length - i.length;
     }
     function Et(e) {
@@ -1110,7 +1111,7 @@ const Gn = /* @__PURE__ */ U(En, [["render", Bn]]), In = { class: "shifl-grid re
           return i;
       return Vt(e);
     }
-    function et(e) {
+    function tt(e) {
       return e.color && e.color !== "" ? e.color : Et(e.name);
     }
     function Vt(e) {
@@ -1129,13 +1130,13 @@ const Gn = /* @__PURE__ */ U(En, [["render", Bn]]), In = { class: "shifl-grid re
       ];
       return n[Math.abs(t) % n.length];
     }
-    function Ae(e, t = !0) {
+    function Le(e, t = !0) {
       const s = { ...{
         width: e.width ?? "160px",
         minWidth: e.width ?? "160px"
-      } }, i = je.value > 0;
+      } }, i = Ze.value > 0;
       if (e.freeze) {
-        const y = yt.value[e.key] ?? 0;
+        const y = bt.value[e.key] ?? 0;
         s.position = "sticky", s.left = `${y}px`, s.background = "#ffffff", s.boxShadow = i ? "2px 0 6px rgba(0, 0, 0, 0.12)" : "none", s.zIndex = t ? 40 : 10;
       }
       return t && (s.position = "sticky", s.top = "0px"), s;
@@ -1144,7 +1145,7 @@ const Gn = /* @__PURE__ */ U(En, [["render", Bn]]), In = { class: "shifl-grid re
     function ue(e) {
       return !!e.actionColumn;
     }
-    function Ne(e) {
+    function Ae(e) {
       return !!e.smartTrackingColumn;
     }
     function Gt(e, t) {
@@ -1169,7 +1170,7 @@ const Gn = /* @__PURE__ */ U(En, [["render", Bn]]), In = { class: "shifl-grid re
         Y();
         return;
       }
-      Ve.value = n, pe.value = t, ie(e, i);
+      Ee.value = n, pe.value = t, ae(e, i);
     }
     function Ot(e, t) {
       return !(e != null && e.actionColumn) || !t ? [] : (typeof e.actionColumn.actions == "function" ? e.actionColumn.actions(t) : e.actionColumn.actions).filter((s) => s.show ? s.show(t) : !0);
@@ -1178,38 +1179,38 @@ const Gn = /* @__PURE__ */ U(En, [["render", Bn]]), In = { class: "shifl-grid re
       _("action-click", e.key, t, n), Y();
     }
     function jt(e, t) {
-      t && (ae.value[e] = t);
+      t && (oe.value[e] = t);
     }
-    function tt(e) {
+    function nt(e) {
       if (H.value.rowIndex === null) return;
-      const t = e.target, n = Ee.value, s = Object.values(ae.value), i = n == null ? void 0 : n.contains(t), y = s.some((x) => x.contains(t));
+      const t = e.target, n = De.value, s = Object.values(oe.value), i = n == null ? void 0 : n.contains(t), y = s.some((R) => R.contains(t));
       !i && !y && Y();
     }
     return de(() => {
-      document.addEventListener("click", tt);
+      document.addEventListener("click", nt);
     }), ge(() => {
-      document.removeEventListener("click", tt);
+      document.removeEventListener("click", nt);
     }), (e, t) => (o(), l("div", In, [
-      h("div", On, [
-        h("button", {
+      g("div", On, [
+        g("button", {
           type: "button",
           class: "shifl-grid__pill-button whitespace-nowrap",
           onClick: t[0] || (t[0] = (n) => I.value = !0)
         }, " Edit Column ")
       ]),
-      h("div", {
-        class: G(["shifl-grid__viewport", { "shifl-grid__viewport--scroll": ft.value }]),
-        onScroll: bt
+      g("div", {
+        class: G(["shifl-grid__viewport", { "shifl-grid__viewport--scroll": dt.value }]),
+        onScroll: kt
       }, [
-        h("table", Zn, [
-          h("thead", null, [
-            h("tr", null, [
-              (o(!0), l(R, null, V(X.value, (n) => {
+        g("table", Zn, [
+          g("thead", null, [
+            g("tr", null, [
+              (o(!0), l(x, null, V(X.value, (n) => {
                 var s;
                 return o(), l("th", {
                   key: n.key,
-                  style: K(Ae(n, !0)),
-                  onClick: () => kt(n.key),
+                  style: K(Le(n, !0)),
+                  onClick: () => Ct(n.key),
                   class: G([
                     "shifl-grid__header-cell",
                     `shifl-grid__header-align-${n != null && n.align ? n.align : "left"}`,
@@ -1220,39 +1221,39 @@ const Gn = /* @__PURE__ */ U(En, [["render", Bn]]), In = { class: "shifl-grid re
                     }
                   ])
                 }, [
-                  h("div", Fn, [
+                  g("div", Fn, [
                     n.label ? (o(), l("span", Kn, $(n.label), 1)) : D("", !0),
-                    ((s = E(N)) == null ? void 0 : s.key) === n.key && !ue(n) && !Ne(n) ? (o(), l("span", Wn, [
-                      E(N).order === "asc" ? (o(), Z(Ln, { key: 0 })) : (o(), Z(xn, { key: 1 }))
+                    ((s = E(N)) == null ? void 0 : s.key) === n.key && !ue(n) && !Ae(n) ? (o(), l("span", Wn, [
+                      E(N).order === "asc" ? (o(), Z(Ln, { key: 0 })) : (o(), Z(Rn, { key: 1 }))
                     ])) : D("", !0)
                   ])
                 ], 14, jn);
               }), 128))
             ])
           ]),
-          h("tbody", null, [
-            W.value ? (o(!0), l(R, { key: 0 }, V(dt.value, (n) => (o(), l("tr", {
+          g("tbody", null, [
+            W.value ? (o(!0), l(x, { key: 0 }, V(gt.value, (n) => (o(), l("tr", {
               key: `skeleton-${n}`,
               class: "shifl-grid__skeleton-row"
             }, [
-              (o(!0), l(R, null, V(X.value, (s) => (o(), l("td", {
+              (o(!0), l(x, null, V(X.value, (s) => (o(), l("td", {
                 key: s.key,
-                style: K(Ae(s, !1)),
+                style: K(Le(s, !1)),
                 class: G({ "shifl-grid__cell--sticky": s.freeze })
               }, [...t[6] || (t[6] = [
-                h("div", { class: "shifl-grid__skeleton-cell" }, null, -1)
+                g("div", { class: "shifl-grid__skeleton-cell" }, null, -1)
               ])], 6))), 128))
-            ]))), 128)) : (o(), l(R, { key: 1 }, [
-              Ge.value.length ? D("", !0) : (o(), l("tr", Jn, [
-                h("td", {
+            ]))), 128)) : (o(), l(x, { key: 1 }, [
+              Be.value.length ? D("", !0) : (o(), l("tr", Jn, [
+                g("td", {
                   colspan: X.value.length,
                   class: "text-center text-gray-500 py-6"
                 }, " No data ", 8, qn)
               ])),
-              (o(!0), l(R, null, V(Ge.value, (n, s) => (o(), l("tr", { key: s }, [
-                (o(!0), l(R, null, V(X.value, (i) => (o(), l("td", {
+              (o(!0), l(x, null, V(Be.value, (n, s) => (o(), l("tr", { key: s }, [
+                (o(!0), l(x, null, V(X.value, (i) => (o(), l("td", {
                   key: i.key,
-                  style: K(Ae(i, !1)),
+                  style: K(Le(i, !1)),
                   class: G([
                     { "shifl-grid__cell--sticky": i.freeze },
                     { "shifl-grid__cell--action": ue(i) },
@@ -1260,9 +1261,9 @@ const Gn = /* @__PURE__ */ U(En, [["render", Bn]]), In = { class: "shifl-grid re
                     { "shifl-grid__icon": i.cellType === "icon" }
                   ])
                 }, [
-                  Ne(i) ? (o(), l(R, { key: 0 }, [
+                  Ae(i) ? (o(), l(x, { key: 0 }, [
                     Gt(i, n) ? (o(), l("div", Un, [
-                      Re(Sn)
+                      Ne(Sn)
                     ])) : D("", !0)
                   ], 64)) : ue(i) ? (o(), l("button", {
                     key: 1,
@@ -1280,35 +1281,35 @@ const Gn = /* @__PURE__ */ U(En, [["render", Bn]]), In = { class: "shifl-grid re
                       key: 2,
                       class: "w-4 h-4"
                     })) : (o(), l("span", Qn, "⋯"))
-                  ], 8, Yn)) : Tt(i) ? (o(), l("div", er, [
-                    (o(!0), l(R, null, V(Pt(i), (y, x) => (o(), l(R, { key: x }, [
-                      y === "icon" ? (o(), Z(fe(qe(n[i.key])), {
+                  ], 8, Yn)) : Pt(i) ? (o(), l("div", er, [
+                    (o(!0), l(x, null, V($t(i), (y, R) => (o(), l(x, { key: R }, [
+                      y === "icon" ? (o(), Z(fe(Je(n[i.key])), {
                         key: 0,
                         class: "shifl-grid__type-icon"
                       })) : (o(), l("span", {
                         key: 1,
-                        class: G($t(y))
-                      }, $(Ye(n[i.key], y, i)), 3))
+                        class: G(Lt(y))
+                      }, $(Ue(n[i.key], y, i)), 3))
                     ], 64))), 128))
-                  ])) : St(i) ? (o(), l("div", tr, [
-                    (o(), Z(fe(qe(n[i.key])), { class: "shifl-grid__type-icon" })),
+                  ])) : Tt(i) ? (o(), l("div", tr, [
+                    (o(), Z(fe(Je(n[i.key])), { class: "shifl-grid__type-icon" })),
                     n.container_count != null ? (o(), l("span", nr, " (" + $(n.container_count) + ") ", 1)) : D("", !0)
-                  ])) : Ue(i) ? (o(), l(R, { key: 4 }, [
-                    n[i.key] == null || Le(n[i.key], i.key, s).length === 0 ? (o(), l("div", rr, $(oe(i.blankStyle)), 1)) : (o(), l("div", sr, [
-                      h("div", ir, [
-                        h("div", {
+                  ])) : qe(i) ? (o(), l(x, { key: 4 }, [
+                    n[i.key] == null || et(n[i.key], i.key, s).length === 0 ? (o(), l("div", rr, $(te(i.blankStyle)), 1)) : (o(), l("div", sr, [
+                      g("div", ir, [
+                        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"
                         }, [
-                          (o(!0), l(R, null, V(Ht(
+                          (o(!0), l(x, null, V(et(
                             n[i.key],
                             i.key,
                             s
-                          ), (y, x) => (o(), l("span", {
-                            key: x,
+                          ), (y, R) => (o(), l("span", {
+                            key: R,
                             class: "shifl-grid__chip shifl-grid__chip--tag",
-                            style: K({ borderLeftColor: et(y) })
+                            style: K({ borderLeftColor: tt(y) })
                           }, $(y.name), 5))), 128))
                         ], 512)
                       ]),
@@ -1325,18 +1326,18 @@ const Gn = /* @__PURE__ */ U(En, [["render", Bn]]), In = { class: "shifl-grid re
                         onMouseleave: $e
                       }, " +" + $(Dt(n[i.key], i.key, s)), 41, ar)) : D("", !0)
                     ]))
-                  ], 64)) : wt(i) ? (o(), l("div", or, [
-                    (o(!0), l(R, null, V(le(n[i.key]), (y, x) => (o(), l("span", {
-                      key: x,
+                  ], 64)) : St(i) ? (o(), l("div", or, [
+                    (o(!0), l(x, null, V(le(n[i.key]), (y, R) => (o(), l("span", {
+                      key: R,
                       class: "shifl-grid__chip shifl-grid__chip--status"
                     }, $(y), 1))), 128))
-                  ])) : i.truncate !== !1 && (i.truncate === !0 || Mt(i.key)) ? (o(), l("div", lr, [
-                    h("span", {
+                  ])) : i.truncate !== !1 && (i.truncate === !0 || wt(i.key)) ? (o(), l("div", lr, [
+                    g("span", {
                       class: "shifl-grid__truncated-text",
                       ref_for: !0,
-                      ref: (y) => xt(i.key, s, y)
-                    }, $(Lt(n[i.key], i)), 513),
-                    Te(i.key) && Nt(n[i.key]) ? (o(), l("button", {
+                      ref: (y) => Ht(i.key, s, y)
+                    }, $(At(n[i.key], i)), 513),
+                    Te(i.key) && xt(n[i.key]) ? (o(), l("button", {
                       key: 0,
                       type: "button",
                       class: "shifl-grid__counter-button",
@@ -1347,7 +1348,7 @@ const Gn = /* @__PURE__ */ U(En, [["render", Bn]]), In = { class: "shifl-grid re
                         y.currentTarget
                       ),
                       onMouseleave: $e
-                    }, " +" + $(Rt(n[i.key])), 41, ur)) : !Te(i.key) && At(n[i.key], i.key) ? (o(), l("button", {
+                    }, " +" + $(Rt(n[i.key])), 41, ur)) : !Te(i.key) && Nt(n[i.key], i.key) ? (o(), l("button", {
                       key: 1,
                       type: "button",
                       class: "shifl-grid__info-icon-button",
@@ -1359,7 +1360,7 @@ const Gn = /* @__PURE__ */ U(En, [["render", Bn]]), In = { class: "shifl-grid re
                       ),
                       onMouseleave: $e
                     }, [
-                      Re(Gn)
+                      Ne(Gn)
                     ], 40, cr)) : D("", !0)
                   ])) : i.cellType === "link" ? (o(), l("a", {
                     key: 7,
@@ -1368,15 +1369,15 @@ const Gn = /* @__PURE__ */ U(En, [["render", Bn]]), In = { class: "shifl-grid re
                     onClick: t[1] || (t[1] = q(() => {
                     }, ["stop"]))
                   }, $(Se(n[i.key], i)), 9, fr)) : i.cellType === "progress" ? (o(), l("div", dr, [
-                    h("div", gr, [
-                      h("div", {
+                    g("div", gr, [
+                      g("div", {
                         class: "shifl-grid__progress-fill",
-                        style: K({ width: `${Ct(n[i.key])}%` })
+                        style: K({ width: `${Mt(n[i.key])}%` })
                       }, null, 4)
                     ]),
-                    h("span", hr, $(Se(n[i.key], i)), 1)
-                  ])) : (o(), l(R, { key: 9 }, [
-                    re($(Se(n[i.key], i)), 1)
+                    g("span", hr, $(Se(n[i.key], i)), 1)
+                  ])) : (o(), l(x, { key: 9 }, [
+                    se($(Se(n[i.key], i)), 1)
                   ], 64))
                 ], 6))), 128))
               ]))), 128))
@@ -1385,59 +1386,59 @@ const Gn = /* @__PURE__ */ U(En, [["render", Bn]]), In = { class: "shifl-grid re
         ])
       ], 34),
       z.value && z.value.show !== !1 ? (o(), l("div", pr, [
-        h("div", mr, [
-          h("span", vr, [
-            t[7] || (t[7] = re(" Showing ", -1)),
-            h("span", _r, $(Ie.value.from) + "–" + $(Ie.value.to), 1),
-            re(" of " + $(ke.value), 1)
+        g("div", mr, [
+          g("span", vr, [
+            t[7] || (t[7] = se(" Showing ", -1)),
+            g("span", _r, $(Ge.value.from) + "–" + $(Ge.value.to), 1),
+            se(" of " + $(ke.value), 1)
           ])
         ]),
-        h("div", yr, [
-          h("div", br, [
-            t[9] || (t[9] = h("label", { class: "shifl-grid__pagination-label" }, "Row per page", -1)),
-            h("select", {
+        g("div", yr, [
+          g("div", br, [
+            t[9] || (t[9] = g("label", { class: "shifl-grid__pagination-label" }, "Row per page", -1)),
+            g("select", {
               value: z.value.perPage || 20,
               disabled: W.value,
-              onChange: vt,
+              onChange: _t,
               class: "shifl-grid__pagination-select"
             }, [...t[8] || (t[8] = [
               Ft('<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, kr)
           ]),
-          h("div", Cr, [
-            h("button", {
+          g("div", Cr, [
+            g("button", {
               type: "button",
               class: "shifl-grid__pagination-button",
-              disabled: Oe.value || d.loading,
-              onClick: pt,
+              disabled: Ie.value || d.loading,
+              onClick: mt,
               "aria-label": "Previous page"
             }, " ‹ ", 8, Mr),
-            h("div", wr, [
-              (o(!0), l(R, null, V(gt.value, (n) => (o(), l(R, { key: n }, [
+            g("div", wr, [
+              (o(!0), l(x, null, V(ht.value, (n) => (o(), l(x, { key: n }, [
                 n !== -1 ? (o(), l("button", {
                   key: 0,
                   type: "button",
                   class: G(["shifl-grid__pagination-page", { "shifl-grid__pagination-page--active": n === J.value }]),
                   disabled: W.value,
-                  onClick: (s) => ht(n)
+                  onClick: (s) => pt(n)
                 }, $(n), 11, Sr)) : (o(), l("span", Tr, "…"))
               ], 64))), 128))
             ]),
-            h("button", {
+            g("button", {
               type: "button",
               class: "shifl-grid__pagination-button",
-              disabled: Ze.value || d.loading,
-              onClick: mt,
+              disabled: Oe.value || d.loading,
+              onClick: vt,
               "aria-label": "Next page"
             }, " › ", 8, Pr)
           ])
         ])
       ])) : D("", !0),
-      (o(), Z(ze, { to: "body" }, [
+      (o(), Z(He, { to: "body" }, [
         E(H).rowIndex !== null && E(H).position ? (o(), l("div", {
           key: 0,
           ref_key: "actionMenuRef",
-          ref: Ee,
+          ref: De,
           class: "shifl-grid__action-menu",
           style: K(`
           position: fixed !important; 
@@ -1447,7 +1448,7 @@ const Gn = /* @__PURE__ */ U(En, [["render", Bn]]), In = { class: "shifl-grid re
           onClick: t[2] || (t[2] = q(() => {
           }, ["stop"]))
         }, [
-          (o(!0), l(R, null, V(Ot(Ve.value, pe.value), (n) => (o(), l("div", {
+          (o(!0), l(x, null, V(Ot(Ee.value, pe.value), (n) => (o(), l("div", {
             key: n.key,
             class: G(["shifl-grid__action-menu-item", { "shifl-grid__action-menu-item--danger": n.danger }]),
             onClick: () => Zt(n, pe.value, E(H).rowIndex)
@@ -1460,42 +1461,42 @@ const Gn = /* @__PURE__ */ U(En, [["render", Bn]]), In = { class: "shifl-grid re
               key: 1,
               class: "w-4 h-4"
             })) : D("", !0),
-            h("span", null, $(n.label), 1)
+            g("span", null, $(n.label), 1)
           ], 10, $r))), 128))
         ], 4)) : D("", !0)
       ])),
-      Re(kn, {
-        content: Be.value,
+      Ne(kn, {
+        content: Ve.value,
         visible: me.value,
         "trigger-element": ve.value,
         "is-html": _e.value
       }, null, 8, ["content", "visible", "trigger-element", "is-html"]),
-      (o(), Z(ze, { to: "body" }, [
+      (o(), Z(He, { to: "body" }, [
         I.value ? (o(), Z(vn, {
           key: 0,
           "title-prefix": a.config.name,
           columns: Bt.value,
           onClose: t[3] || (t[3] = (n) => I.value = !1),
-          onToggle: E(c),
+          onToggle: E(f),
           onToggleFreeze: E(C),
           onMove: E(L),
-          onSelectAll: t[4] || (t[4] = (n) => E(g)(!0)),
-          onDeselectAll: t[5] || (t[5] = (n) => E(g)(!1)),
+          onSelectAll: t[4] || (t[4] = (n) => E(p)(!0)),
+          onDeselectAll: t[5] || (t[5] = (n) => E(p)(!1)),
           onRestoreDefault: E(A)
         }, null, 8, ["title-prefix", "columns", "onToggle", "onToggleFreeze", "onMove", "onRestoreDefault"])) : D("", !0)
       ]))
     ]));
   }
-}), Rr = {
+}), xr = {
   install(a) {
     a.component("ShiflGrid", Ar);
   }
 };
-function xr() {
+function Rr() {
   const a = b(/* @__PURE__ */ new Set());
   function r(d) {
-    const _ = d.id ?? JSON.stringify(d), f = new Set(a.value);
-    f.has(_) ? f.delete(_) : f.add(_), a.value = f;
+    const _ = d.id ?? JSON.stringify(d), c = new Set(a.value);
+    c.has(_) ? c.delete(_) : c.add(_), a.value = c;
   }
   return {
     selectedKeys: a,
@@ -1507,7 +1508,7 @@ function Hr() {
     // placeholder
   };
 }
-const lt = Symbol("shifl-grid-theme"), ut = {
+const ut = Symbol("shifl-grid-theme"), ct = {
   surface: "var(--shifl-surface)",
   surfaceAlt: "var(--shifl-surface-alt)",
   border: "var(--shifl-border)",
@@ -1518,12 +1519,12 @@ const lt = Symbol("shifl-grid-theme"), ut = {
   focus: "var(--shifl-focus)"
 };
 function zr(a) {
-  const r = b({ ...ut, ...a });
-  return Kt(lt, r), r;
+  const r = b({ ...ct, ...a });
+  return Kt(ut, r), r;
 }
 function Dr() {
-  const a = Wt(lt);
-  return k(() => (a == null ? void 0 : a.value) ?? ut);
+  const a = Wt(ut);
+  return k(() => (a == null ? void 0 : a.value) ?? ct);
 }
 const xe = {
   sm: 640,
@@ -1561,7 +1562,7 @@ function Gr() {
 }
 export {
   Ar as ShiflGrid,
-  Rr as ShiflGridPlugin,
+  xr as ShiflGridPlugin,
   zr as provideGridTheme,
   Er as useBreakpoints,
   qt as useGridColumns,
@@ -1569,7 +1570,7 @@ export {
   Hr as useGridEditing,
   Yt as useGridFilter,
   Vr as useGridInfiniteScroll,
-  xr as useGridSelection,
+  Rr as useGridSelection,
   Ut as useGridSort,
   Dr as useGridTheme,
   Gr as useGridTour,