@shifl-inc/ui 0.9.11 → 0.9.12

package/dist/shifl-ui.js

@@ -1,4 +1,4 @@
-import { ref as x, computed as S, watch as de, onMounted as Ve, onUnmounted as Ee, nextTick as we, defineComponent as me, openBlock as o, createElementBlock as g, createElementVNode as m, createStaticVNode as Kt, withModifiers as Se, toDisplayString as W, createCommentVNode as Z, createBlock as ue, createTextVNode as Re, normalizeClass as le, Fragment as oe, renderList as he, createVNode as ge, Teleport as Vt, normalizeStyle as Ne, unref as $e, resolveDynamicComponent as je, withDirectives as Yt, vModelText as Gt, provide as Ra, inject as Na } from "vue";
+import { ref as x, computed as S, watch as de, onMounted as Ve, onUnmounted as Ee, nextTick as we, defineComponent as me, openBlock as o, createElementBlock as g, createElementVNode as m, createStaticVNode as Yt, withModifiers as Se, toDisplayString as W, createCommentVNode as Z, createBlock as ue, createTextVNode as Re, normalizeClass as le, Fragment as oe, renderList as he, createVNode as ge, Teleport as Vt, normalizeStyle as Ne, unref as $e, resolveDynamicComponent as je, withDirectives as Gt, vModelText as Jt, provide as Ra, inject as Na } from "vue";
 function Ha(n) {
   const r = (n.columns || []).map((l) => ({
     ...l,
@@ -796,7 +796,7 @@ const Ja = {
 };
 function tl(n, r) {
   return o(), g("svg", el, [...r[0] || (r[0] = [
-    Kt('<path d="M5.33333 4.00016C6.06971 4.00016 6.66667 3.40321 6.66667 2.66683C6.66667 1.93045 6.06971 1.3335 5.33333 1.3335C4.59695 1.3335 4 1.93045 4 2.66683C4 3.40321 4.59695 4.00016 5.33333 4.00016Z" fill="#9CA5B4"></path><path d="M5.33333 9.33317C6.06971 9.33317 6.66667 8.73622 6.66667 7.99984C6.66667 7.26346 6.06971 6.6665 5.33333 6.6665C4.59695 6.6665 4 7.26346 4 7.99984C4 8.73622 4.59695 9.33317 5.33333 9.33317Z" fill="#9CA5B4"></path><path d="M5.33333 14.6667C6.06971 14.6667 6.66667 14.0697 6.66667 13.3333C6.66667 12.597 6.06971 12 5.33333 12C4.59695 12 4 12.597 4 13.3333C4 14.0697 4.59695 14.6667 5.33333 14.6667Z" fill="#9CA5B4"></path><path d="M10.6668 4.00016C11.4032 4.00016 12.0002 3.40321 12.0002 2.66683C12.0002 1.93045 11.4032 1.3335 10.6668 1.3335C9.93045 1.3335 9.3335 1.93045 9.3335 2.66683C9.3335 3.40321 9.93045 4.00016 10.6668 4.00016Z" fill="#9CA5B4"></path><path d="M10.6668 9.33317C11.4032 9.33317 12.0002 8.73622 12.0002 7.99984C12.0002 7.26346 11.4032 6.6665 10.6668 6.6665C9.93045 6.6665 9.3335 7.26346 9.3335 7.99984C9.3335 8.73622 9.93045 9.33317 10.6668 9.33317Z" fill="#9CA5B4"></path><path d="M10.6668 14.6667C11.4032 14.6667 12.0002 14.0697 12.0002 13.3333C12.0002 12.597 11.4032 12 10.6668 12C9.93045 12 9.3335 12.597 9.3335 13.3333C9.3335 14.0697 9.93045 14.6667 10.6668 14.6667Z" fill="#9CA5B4"></path>', 6)
+    Yt('<path d="M5.33333 4.00016C6.06971 4.00016 6.66667 3.40321 6.66667 2.66683C6.66667 1.93045 6.06971 1.3335 5.33333 1.3335C4.59695 1.3335 4 1.93045 4 2.66683C4 3.40321 4.59695 4.00016 5.33333 4.00016Z" fill="#9CA5B4"></path><path d="M5.33333 9.33317C6.06971 9.33317 6.66667 8.73622 6.66667 7.99984C6.66667 7.26346 6.06971 6.6665 5.33333 6.6665C4.59695 6.6665 4 7.26346 4 7.99984C4 8.73622 4.59695 9.33317 5.33333 9.33317Z" fill="#9CA5B4"></path><path d="M5.33333 14.6667C6.06971 14.6667 6.66667 14.0697 6.66667 13.3333C6.66667 12.597 6.06971 12 5.33333 12C4.59695 12 4 12.597 4 13.3333C4 14.0697 4.59695 14.6667 5.33333 14.6667Z" fill="#9CA5B4"></path><path d="M10.6668 4.00016C11.4032 4.00016 12.0002 3.40321 12.0002 2.66683C12.0002 1.93045 11.4032 1.3335 10.6668 1.3335C9.93045 1.3335 9.3335 1.93045 9.3335 2.66683C9.3335 3.40321 9.93045 4.00016 10.6668 4.00016Z" fill="#9CA5B4"></path><path d="M10.6668 9.33317C11.4032 9.33317 12.0002 8.73622 12.0002 7.99984C12.0002 7.26346 11.4032 6.6665 10.6668 6.6665C9.93045 6.6665 9.3335 7.26346 9.3335 7.99984C9.3335 8.73622 9.93045 9.33317 10.6668 9.33317Z" fill="#9CA5B4"></path><path d="M10.6668 14.6667C11.4032 14.6667 12.0002 14.0697 12.0002 13.3333C12.0002 12.597 11.4032 12 10.6668 12C9.93045 12 9.3335 12.597 9.3335 13.3333C9.3335 14.0697 9.93045 14.6667 10.6668 14.6667Z" fill="#9CA5B4"></path>', 6)
   ])]);
 }
 const nl = /* @__PURE__ */ ye(Xa, [["render", tl]]), al = { class: "shifl-column-manager__header" }, ll = { class: "shifl-column-manager__title-wrapper" }, rl = { class: "shifl-column-manager__title" }, il = { key: 0 }, ol = {
@@ -1448,15 +1448,15 @@ function kr(n, r) {
     return null;
   }
 }
-function qt(n) {
+function Wt(n) {
   const r = /* @__PURE__ */ new Date();
   return n.toDateString() === r.toDateString();
 }
-function Wt(n) {
+function Kt(n) {
   const r = n.getDay();
   return r === 0 || r === 6;
 }
-function _e(n, r) {
+function Ce(n, r) {
   return n.toDateString() === r.toDateString();
 }
 function Fn(n, r = 0) {
@@ -1481,16 +1481,16 @@ function Pn(n, r = 0) {
       selected: !1,
       disabled: !1,
       highlighted: !1,
-      today: qt(p),
-      weekend: Wt(p),
+      today: Wt(p),
+      weekend: Kt(p),
       inRange: !1,
       rangePosition: null,
       // Legacy properties
       isCurrentMonth: _,
-      isToday: qt(p),
+      isToday: Wt(p),
       isSelected: !1,
       isDisabled: !1,
-      isWeekend: Wt(p),
+      isWeekend: Kt(p),
       isInRange: !1
     };
     y.push(v), p.setDate(p.getDate() + 1);
@@ -1500,10 +1500,10 @@ function Pn(n, r = 0) {
 function Mr(n, r, i, l, c) {
   if (r && n < r || i && n > i) return !0;
   if (c && c.length > 0)
-    return !c.some((f) => _e(n, f));
+    return !c.some((f) => Ce(n, f));
   if (l) {
     if (Array.isArray(l))
-      return l.some((f) => _e(n, f));
+      return l.some((f) => Ce(n, f));
     if (typeof l == "function")
       return l(n);
   }
@@ -1585,7 +1585,7 @@ const $r = {
   viewBox: "0 0 9 6",
   fill: "none",
   xmlns: "http://www.w3.org/2000/svg"
-}, Pr = ["fill"], lt = /* @__PURE__ */ me({
+}, Pr = ["fill"], rt = /* @__PURE__ */ me({
   __name: "ChevronDownIcon",
   props: {
     color: { default: "#69758C" }
@@ -1695,12 +1695,12 @@ const $r = {
         i.disabledDates,
         i.allowedDates
       ),
-      today: qt(h.date),
-      weekend: Wt(h.date),
+      today: Wt(h.date),
+      weekend: Kt(h.date),
       inRange: w(h.date)
     })));
     function R(h) {
-      return i.selectedDate && _e(h, i.selectedDate) ? !0 : i.selectedDates ? i.selectedDates.some((T) => _e(h, T)) : !!(i.selectedRange && (i.selectedRange.start && _e(h, i.selectedRange.start) || i.selectedRange.end && _e(h, i.selectedRange.end)));
+      return i.selectedDate && Ce(h, i.selectedDate) ? !0 : i.selectedDates ? i.selectedDates.some((T) => Ce(h, T)) : !!(i.selectedRange && (i.selectedRange.start && Ce(h, i.selectedRange.start) || i.selectedRange.end && Ce(h, i.selectedRange.end)));
     }
     function w(h) {
       var T, ee;
@@ -1708,11 +1708,11 @@ const $r = {
     }
     function k(h) {
       var T;
-      return (T = i.selectedRange) != null && T.start ? _e(h, i.selectedRange.start) : !1;
+      return (T = i.selectedRange) != null && T.start ? Ce(h, i.selectedRange.start) : !1;
     }
     function B(h) {
       var T;
-      return (T = i.selectedRange) != null && T.end ? _e(h, i.selectedRange.end) : !1;
+      return (T = i.selectedRange) != null && T.end ? Ce(h, i.selectedRange.end) : !1;
     }
     function z(h) {
       var ee, Q;
@@ -1726,7 +1726,7 @@ const $r = {
         "datepicker-calendar__day--disabled": h.disabled,
         "datepicker-calendar__day--other-month": !h.current,
         "datepicker-calendar__day--in-hover-range": De(h.date),
-        "datepicker-calendar__day--hover-end": !((ee = i.selectedRange) != null && ee.end) && !!((Q = i.selectedRange) != null && Q.start) && !!i.hoverDate && _e(h.date, i.hoverDate) && !_e(h.date, i.selectedRange.start)
+        "datepicker-calendar__day--hover-end": !((ee = i.selectedRange) != null && ee.end) && !!((Q = i.selectedRange) != null && Q.start) && !!i.hoverDate && Ce(h.date, i.hoverDate) && !Ce(h.date, i.selectedRange.start)
       };
     }
     function J() {
@@ -1754,8 +1754,8 @@ const $r = {
           ".datepicker-calendar__dropdown-menu"
         );
         if (T && ee) {
-          const Q = T.offsetTop, K = ee.clientHeight, Ce = Q - K / 2 + T.clientHeight / 2;
-          ee.scrollTop = Ce;
+          const Q = T.offsetTop, K = ee.clientHeight, be = Q - K / 2 + T.clientHeight / 2;
+          ee.scrollTop = be;
         }
       });
     }
@@ -1829,7 +1829,7 @@ const $r = {
       return h.today && (Q += ", Today"), h.selected && (Q += ", Selected"), h.disabled && (Q += ", Disabled"), h.current || (Q += ", Other month"), Q;
     }
     function V(h) {
-      const ee = O.value.findIndex((Q) => _e(Q.date, h.date)) + 1;
+      const ee = O.value.findIndex((Q) => Ce(Q.date, h.date)) + 1;
       if (ee < O.value.length) {
         const Q = O.value[ee], K = document.querySelector(
           `button[data-date="${Q.date.toISOString()}"]`
@@ -1838,7 +1838,7 @@ const $r = {
       }
     }
     function A(h) {
-      const ee = O.value.findIndex((Q) => _e(Q.date, h.date)) - 1;
+      const ee = O.value.findIndex((Q) => Ce(Q.date, h.date)) - 1;
       if (ee >= 0) {
         const Q = O.value[ee], K = document.querySelector(
           `button[data-date="${Q.date.toISOString()}"]`
@@ -1849,7 +1849,7 @@ const $r = {
     function M(h) {
       const T = new Date(h.date);
       T.setDate(T.getDate() + 7);
-      const ee = O.value.find((Q) => _e(Q.date, T));
+      const ee = O.value.find((Q) => Ce(Q.date, T));
       if (ee) {
         const Q = document.querySelector(
           `button[data-date="${ee.date.toISOString()}"]`
@@ -1860,7 +1860,7 @@ const $r = {
     function H(h) {
       const T = new Date(h.date);
       T.setDate(T.getDate() - 7);
-      const ee = O.value.find((Q) => _e(Q.date, T));
+      const ee = O.value.find((Q) => Ce(Q.date, T));
       if (ee) {
         const Q = document.querySelector(
           `button[data-date="${ee.date.toISOString()}"]`
@@ -1912,7 +1912,7 @@ const $r = {
       var Q, K;
       if (!((Q = i.selectedRange) != null && Q.start) || (K = i.selectedRange) != null && K.end || !i.hoverDate) return !1;
       const T = i.selectedRange.start, ee = i.hoverDate;
-      return _e(h, T) || _e(h, ee) ? !1 : ee >= T ? h > T && h < ee : h < T && h > ee;
+      return Ce(h, T) || Ce(h, ee) ? !1 : ee >= T ? h > T && h < ee : h < T && h > ee;
     }
     return de(
       () => i.month,
@@ -1943,17 +1943,17 @@ const $r = {
                   key: 0,
                   color: "#253041",
                   class: "datepicker-calendar__dropdown-icon"
-                })) : (o(), ue(lt, {
+                })) : (o(), ue(rt, {
                   key: 1,
                   color: "#253041",
                   class: "datepicker-calendar__dropdown-icon"
                 }))
               ], 8, Br),
               y.value ? (o(), g("div", zr, [
-                (o(!0), g(oe, null, he(v.value, (K, Ce) => (o(), g("div", {
+                (o(!0), g(oe, null, he(v.value, (K, be) => (o(), g("div", {
                   key: K,
-                  class: le(["datepicker-calendar__dropdown-item", { "is-selected": Ce === d.value }]),
-                  onClick: (qe) => X(Ce, qe)
+                  class: le(["datepicker-calendar__dropdown-item", { "is-selected": be === d.value }]),
+                  onClick: (qe) => X(be, qe)
                 }, W(K), 11, Zr))), 128))
               ])) : Z("", !0)
             ], 2),
@@ -1971,7 +1971,7 @@ const $r = {
                   key: 0,
                   color: "#253041",
                   class: "datepicker-calendar__dropdown-icon"
-                })) : (o(), ue(lt, {
+                })) : (o(), ue(rt, {
                   key: 1,
                   color: "#253041",
                   class: "datepicker-calendar__dropdown-icon"
@@ -1982,7 +1982,7 @@ const $r = {
                   key: K,
                   class: le(["datepicker-calendar__dropdown-item", { "is-selected": K === C.value }]),
                   "data-year": K,
-                  onClick: (Ce) => L(K, Ce)
+                  onClick: (be) => L(K, be)
                 }, W(K), 11, Kr))), 128))
               ])) : Z("", !0)
             ], 2)
@@ -2038,10 +2038,10 @@ const $r = {
               key: K.date.toISOString(),
               type: "button",
               class: le(["datepicker-calendar__day", z(K)]),
-              onClick: (Ce) => ie(K),
-              onKeydown: (Ce) => E(Ce, K),
-              onMouseenter: (Ce) => l("hover-date", K.date),
-              onMouseleave: T[2] || (T[2] = (Ce) => l("hover-date", null)),
+              onClick: (be) => ie(K),
+              onKeydown: (be) => E(be, K),
+              onMouseenter: (be) => l("hover-date", K.date),
+              onMouseleave: T[2] || (T[2] = (be) => l("hover-date", null)),
               disabled: K.disabled || n.disabled,
               "aria-label": te(K),
               "aria-selected": K.selected,
@@ -2155,7 +2155,7 @@ const $r = {
       else if (v.value.end)
         v.value = { start: b, end: null };
       else {
-        if (v.value.start && _e(b, v.value.start))
+        if (v.value.start && Ce(b, v.value.start))
           return;
         v.value.start && b >= v.value.start ? v.value = { ...v.value, end: b } : v.value = { start: b, end: v.value.start }, ($ = l.config) != null && $.autoApply && v.value.start && v.value.end && (y.value = Me(v.value.start, ((j = l.config) == null ? void 0 : j.format) || "MM/dd/yyyy", O.value) + " - " + Me(v.value.end, ((ce = l.config) == null ? void 0 : ce.format) || "MM/dd/yyyy", O.value)), (pe = l.config) != null && pe.autoApply ? X() : !B.value && v.value.start && v.value.end && E();
       }
@@ -2248,12 +2248,12 @@ const $r = {
         return (b = f.value) == null ? void 0 : b.blur();
       }
     }), (b, $) => {
-      var j, ce, pe, De, h, T, ee, Q, K, Ce, qe, mt, yt, _t, rt, it, ot, st, We, Ke, ut, Ye, Ge, Ct, Le, He, Be, Ie, Je, Ae, bt, Ue, Qe, ze, Xe, xe;
+      var j, ce, pe, De, h, T, ee, Q, K, be, qe, mt, yt, _t, it, ot, st, ut, We, Ke, ct, Ye, Ge, Ct, Le, He, Be, Ie, Je, Ae, bt, Ue, Qe, ze, Xe, xe;
       return o(), g("div", {
         class: le(["datepicker", R.value])
       }, [
         (j = n.config) != null && j.filterMode ? Z("", !0) : (o(), g("div", ri, [
-          Yt(m("input", {
+          Gt(m("input", {
             ref_key: "inputRef",
             ref: f,
             "onUpdate:modelValue": $[0] || ($[0] = (ve) => y.value = ve),
@@ -2264,7 +2264,7 @@ const $r = {
             readonly: (De = n.config) == null ? void 0 : De.readonly,
             required: (T = (h = n.config) == null ? void 0 : h.input) == null ? void 0 : T.required,
             autocomplete: (Q = (ee = n.config) == null ? void 0 : ee.input) == null ? void 0 : Q.autocomplete,
-            inputmode: (Ce = (K = n.config) == null ? void 0 : K.input) == null ? void 0 : Ce.inputmode,
+            inputmode: (be = (K = n.config) == null ? void 0 : K.input) == null ? void 0 : be.inputmode,
             name: (mt = (qe = n.config) == null ? void 0 : qe.input) == null ? void 0 : mt.name,
             id: (_t = (yt = n.config) == null ? void 0 : yt.input) == null ? void 0 : _t.id,
             onFocus: V,
@@ -2273,18 +2273,18 @@ const $r = {
             onKeydown: H,
             onClick: te
           }, null, 42, ii), [
-            [Gt, y.value]
+            [Jt, y.value]
           ]),
-          (rt = n.config) != null && rt.showCalendarIcon ? (o(), g("button", {
+          (it = n.config) != null && it.showCalendarIcon ? (o(), g("button", {
             key: 0,
             type: "button",
             class: "datepicker__toggle",
             onClick: re,
-            disabled: (it = n.config) == null ? void 0 : it.disabled
+            disabled: (ot = n.config) == null ? void 0 : ot.disabled
           }, [...$[3] || ($[3] = [
-            Kt('<svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" data-v-69a7fb78><rect x="3" y="4" width="18" height="18" rx="2" ry="2" stroke-width="2" data-v-69a7fb78></rect><line x1="16" y1="2" x2="16" y2="6" stroke-width="2" data-v-69a7fb78></line><line x1="8" y1="2" x2="8" y2="6" stroke-width="2" data-v-69a7fb78></line><line x1="3" y1="10" x2="21" y2="10" stroke-width="2" data-v-69a7fb78></line></svg>', 1)
+            Yt('<svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" data-v-69a7fb78><rect x="3" y="4" width="18" height="18" rx="2" ry="2" stroke-width="2" data-v-69a7fb78></rect><line x1="16" y1="2" x2="16" y2="6" stroke-width="2" data-v-69a7fb78></line><line x1="8" y1="2" x2="8" y2="6" stroke-width="2" data-v-69a7fb78></line><line x1="3" y1="10" x2="21" y2="10" stroke-width="2" data-v-69a7fb78></line></svg>', 1)
           ])], 8, oi)) : Z("", !0),
-          (ot = n.config) != null && ot.clearable && y.value && !((st = n.config) != null && st.readonly) ? (o(), g("button", {
+          (st = n.config) != null && st.clearable && y.value && !((ut = n.config) != null && ut.readonly) ? (o(), g("button", {
             key: 1,
             type: "button",
             class: "datepicker__clear",
@@ -2322,28 +2322,28 @@ const $r = {
           ref: d
         }, [
           m("div", ui, [
-            (ut = n.config) != null && ut.range ? (o(), g("div", ci, [
+            (ct = n.config) != null && ct.range ? (o(), g("div", ci, [
               (o(!0), g(oe, null, he(J.value, (ve, et) => {
-                var kt, ct, Fe, tt, dt, ft, wt;
+                var kt, dt, Fe, tt, ft, gt, wt;
                 return o(), ue(Sn, {
                   key: et,
                   month: new Date(ve.year, ve.month, 1),
                   "selected-range": v.value,
                   "min-date": (kt = n.config) == null ? void 0 : kt.minDate,
-                  "max-date": (ct = n.config) == null ? void 0 : ct.maxDate,
+                  "max-date": (dt = n.config) == null ? void 0 : dt.maxDate,
                   "disabled-dates": (Fe = n.config) == null ? void 0 : Fe.disabledDates,
                   "allowed-dates": (tt = n.config) == null ? void 0 : tt.allowedDates,
-                  disabled: (dt = n.config) == null ? void 0 : dt.disabled,
-                  "week-start": (ft = n.config) == null ? void 0 : ft.weekStart,
+                  disabled: (ft = n.config) == null ? void 0 : ft.disabled,
+                  "week-start": (gt = n.config) == null ? void 0 : gt.weekStart,
                   locale: O.value,
                   "show-navigation": et === J.value.length - 1,
                   "calendar-index": et,
                   "total-calendars": J.value.length,
                   "hide-offset-dates": (wt = n.config) == null ? void 0 : wt.hideOffsetDates,
-                  "onUpdate:month": (gt) => q(et, gt),
+                  "onUpdate:month": (pt) => q(et, pt),
                   onSelectDate: ae,
                   "hover-date": I.value,
-                  onHoverDate: $[2] || ($[2] = (gt) => I.value = gt)
+                  onHoverDate: $[2] || ($[2] = (pt) => I.value = pt)
                 }, null, 8, ["month", "selected-range", "min-date", "max-date", "disabled-dates", "allowed-dates", "disabled", "week-start", "locale", "show-navigation", "calendar-index", "total-calendars", "hide-offset-dates", "onUpdate:month", "hover-date"]);
               }), 128))
             ])) : (o(), ue(Sn, {
@@ -2586,7 +2586,7 @@ const $r = {
       }, [
         m("span", vi, W(R()), 1),
         w() ? (o(), g("span", hi, W(w()), 1)) : Z("", !0),
-        ge(lt, {
+        ge(rt, {
           class: le(["chevron-icon", { "is-open": f.value }])
         }, null, 8, ["class"]),
         D.value ? (o(), ue(Lt, {
@@ -2806,7 +2806,7 @@ const ki = { class: "grid__select-filter" }, wi = { class: "grid__filter-trigger
                 z.value > 0 ? (o(), g("span", xi, "+" + W(z.value), 1)) : Z("", !0)
               ])) : Z("", !0)
             ]),
-            ge(lt, { class: "grid__filter-trigger-arrow" }),
+            ge(rt, { class: "grid__filter-trigger-arrow" }),
             J.value ? (o(), g("button", {
               key: 0,
               type: "button",
@@ -2820,14 +2820,14 @@ const ki = { class: "grid__select-filter" }, wi = { class: "grid__filter-trigger
           p.value ? (o(), g("div", $i, [
             n.searchable && (((V = n.config.options) == null ? void 0 : V.length) ?? 0) > 0 ? (o(), g("div", Vi, [
               ge(An, { class: "grid-select__search-icon" }),
-              Yt(m("input", {
+              Gt(m("input", {
                 type: "text",
                 "onUpdate:modelValue": te[0] || (te[0] = (A) => F.value = A),
                 placeholder: `Search ${n.config.label}`,
                 class: "grid-select__search-input",
                 onInput: I
               }, null, 40, Ti), [
-                [Gt, F.value]
+                [Jt, F.value]
               ])
             ])) : Z("", !0),
             m("div", Li, [
@@ -3047,7 +3047,7 @@ const ki = { class: "grid__select-filter" }, wi = { class: "grid__filter-trigger
             m("span", zi, W(B()), 1),
             z() ? (o(), g("span", Zi, W(z()), 1)) : Z("", !0),
             J() ? (o(), g("span", ji, W(J()), 1)) : Z("", !0),
-            ge(lt),
+            ge(rt),
             v.value ? (o(), g("button", {
               key: 2,
               type: "button",
@@ -3119,7 +3119,7 @@ const ki = { class: "grid__select-filter" }, wi = { class: "grid__filter-trigger
           onClick: p
         }, [
           w[0] || (w[0] = m("span", null, "More Filters", -1)),
-          ge(lt, { class: "filter-dropdown-arrow" })
+          ge(rt, { class: "filter-dropdown-arrow" })
         ]),
         f.value ? (o(), g("div", Yi, [
           m("div", Gi, [
@@ -3152,7 +3152,7 @@ const ki = { class: "grid__select-filter" }, wi = { class: "grid__filter-trigger
       }, " Clear Filters ")) : Z("", !0)
     ], 64));
   }
-}), eo = /* @__PURE__ */ ye(Xi, [["__scopeId", "data-v-01103585"]]), to = { class: "shifl-grid relative" }, no = { class: "shifl-grid__controls" }, ao = { class: "shifl-grid__controls-left" }, lo = {
+}), eo = /* @__PURE__ */ ye(Xi, [["__scopeId", "data-v-e7f96091"]]), to = { class: "shifl-grid relative" }, no = { class: "shifl-grid__controls" }, ao = { class: "shifl-grid__controls-left" }, lo = {
   key: 0,
   class: "shifl-grid__search-container"
 }, ro = { class: "shifl-grid__search-input-wrapper" }, io = { class: "shifl-grid__controls-right" }, oo = ["disabled"], so = ["disabled"], uo = { class: "shifl-grid__table" }, co = ["onClick"], fo = { class: "shifl-grid__header-content" }, go = {
@@ -3362,7 +3362,16 @@ const ki = { class: "grid__select-filter" }, wi = { class: "grid__filter-trigger
           });
           return;
         }
-        console.log(e ? "Entered new view mode - keeping current columns unchanged until confirmation" : "Exited new view mode");
+        if (e) {
+          console.log("Entered new view mode - keeping current columns unchanged until confirmation");
+          const t = {};
+          Object.keys(_e.value).forEach((s) => {
+            t[s] = null;
+          }), at.value.forEach((s) => {
+            t[s] = null;
+          }), _e.value = t, Pt();
+        } else
+          console.log("Exited new view mode");
       },
       { immediate: !0 }
     ), Ve(() => {
@@ -3381,9 +3390,11 @@ const ki = { class: "grid__select-filter" }, wi = { class: "grid__filter-trigger
         u && (u.visible = t.visible !== !1, u.order = t.order || s + 1);
       }), z.value.sort((t, s) => (t.order || 0) - (s.order || 0)));
       const a = {};
-      pt.value.forEach((t) => {
+      Object.keys(_e.value).forEach((t) => {
         a[t] = null;
-      }), be.value = a, Jt(), e.filters && (Array.isArray(e.filters) ? e.filters.forEach((t) => {
+      }), at.value.forEach((t) => {
+        a[t] = null;
+      }), _e.value = a, Pt(), e.filters && (Array.isArray(e.filters) ? e.filters.forEach((t) => {
         t.field && t.value !== void 0 ? Mt(t.field, t.value) : t.field && t.operation === "orBetween" && (t.from || t.to) && Mt(t.field, {
           start: t.from,
           end: t.to
@@ -3424,7 +3435,7 @@ const ki = { class: "grid__select-filter" }, wi = { class: "grid__filter-trigger
         filterType: se.filterType,
         align: se.align ?? "left"
       })), a = {};
-      Object.entries(be.value).forEach(([se, ke]) => {
+      Object.entries(_e.value).forEach(([se, ke]) => {
         ke != null && ke !== "" && !(Array.isArray(ke) && ke.length === 0) && !(typeof ke == "object" && Object.keys(ke).length === 0) && (a[se] = ke);
       });
       const t = {
@@ -3468,7 +3479,7 @@ const ki = { class: "grid__select-filter" }, wi = { class: "grid__filter-trigger
         JSON.parse(JSON.stringify(e.view_config))
       ), f("view:save", e), Y.value = i($.value);
     }
-    function Ce(e) {
+    function be(e) {
       I(e);
     }
     function qe(e, a) {
@@ -3481,7 +3492,7 @@ const ki = { class: "grid__select-filter" }, wi = { class: "grid__filter-trigger
       E.value = !1, C.value ? (f("view:apply", $.value), Y.value = i($.value), console.log("Applied new view configuration")) : pe.value === "default" ? (f("view:apply", $.value), b.value = !0) : (Y.value = i($.value), console.log("Applied column changes to saved view (unsaved modifications)"));
     }, _t = () => {
       E.value = !1, te.value = !1, c.openColumnManager !== void 0 && f("view:reset");
-    }, rt = x({}), it = x({}), ot = x(null), st = x(null), We = x(null), Ke = x(!1), ut = x(""), Ye = x(null), Ge = x(!1), Ct = x({});
+    }, it = x({}), ot = x({}), st = x(null), ut = x(null), We = x(null), Ke = x(!1), ct = x(""), Ye = x(null), Ge = x(!1), Ct = x({});
     x({});
     const Le = x(
       {}
@@ -3607,7 +3618,7 @@ const ki = { class: "grid__select-filter" }, wi = { class: "grid__filter-trigger
     }), kt = S(() => {
       var e;
       return ((e = ve.value) == null ? void 0 : e.perPage) || 10;
-    }), ct = S(() => {
+    }), dt = S(() => {
       const e = ve.value;
       if (!e || e.show === !1)
         return { from: 0, to: 0 };
@@ -3626,7 +3637,7 @@ const ki = { class: "grid__select-filter" }, wi = { class: "grid__filter-trigger
       if (a === 0) return 1;
       const t = e.perPage || 20, s = Math.ceil(a / t);
       return Math.max(1, s);
-    }), dt = S(() => Fe.value <= 1), ft = S(() => Fe.value >= tt.value), wt = S(() => {
+    }), ft = S(() => Fe.value <= 1), gt = S(() => Fe.value >= tt.value), wt = S(() => {
       const e = tt.value, a = Fe.value, t = [];
       if (e <= 7)
         for (let s = 1; s <= e; s++)
@@ -3647,7 +3658,7 @@ const ki = { class: "grid__select-filter" }, wi = { class: "grid__filter-trigger
       }
       return t;
     });
-    function gt(e) {
+    function pt(e) {
       var t;
       if (e < 1 || e > tt.value || e === Fe.value || w.value) return;
       const a = ((t = ve.value) == null ? void 0 : t.perPage) || 20;
@@ -3655,13 +3666,13 @@ const ki = { class: "grid__select-filter" }, wi = { class: "grid__filter-trigger
     }
     function Hn() {
       var t;
-      if (dt.value || w.value) return;
+      if (ft.value || w.value) return;
       const e = ((t = ve.value) == null ? void 0 : t.perPage) || 20, a = Fe.value - 1;
       F.value = { page: a, perPage: e }, f("pagination-change", a, e);
     }
     function Bn() {
       var t;
-      if (ft.value || w.value) return;
+      if (gt.value || w.value) return;
       const e = ((t = ve.value) == null ? void 0 : t.perPage) || 20, a = Fe.value + 1;
       F.value = { page: a, perPage: e }, f("pagination-change", a, e);
     }
@@ -3760,7 +3771,7 @@ const ki = { class: "grid__select-filter" }, wi = { class: "grid__filter-trigger
       updateFilterValue: Un,
       confirmFilterValue: Qn,
       clearFilter: Xn,
-      clearAllFilters: Jt,
+      clearAllFilters: Pt,
       applyFilters: ea
     } = za(Gn.value, {
       onFiltersChange: (e) => {
@@ -3768,16 +3779,16 @@ const ki = { class: "grid__select-filter" }, wi = { class: "grid__filter-trigger
       },
       onPaginationReset: Jn,
       debounceTime: 300
-    }), pt = S(() => {
+    }), at = S(() => {
       var a;
       const e = d.value.filterConfig;
       return ((a = e == null ? void 0 : e.filters) == null ? void 0 : a.default) || [];
-    }), be = x({}), ta = S(() => Object.keys(be.value).map((e) => {
+    }), _e = x({}), ta = S(() => Object.keys(_e.value).map((e) => {
       const a = Ft.value.find((t) => t.key === e);
-      return a ? { config: a, value: be.value[e] } : null;
+      return a ? { config: a, value: _e.value[e] } : null;
     }).filter(Boolean)), Ut = S(() => Ft.value.filter(
-      (e) => !pt.value.includes(e.key)
-    )), Qt = S(() => Object.values(be.value).some((e) => {
+      (e) => !at.value.includes(e.key)
+    )), Qt = S(() => Object.values(_e.value).some((e) => {
       if (e == null || e === "" || e === !1 || Array.isArray(e) && e.length === 0) return !1;
       if (typeof e == "object" && e !== null) {
         const a = e;
@@ -3785,36 +3796,36 @@ const ki = { class: "grid__select-filter" }, wi = { class: "grid__filter-trigger
           return !1;
       }
       return !0;
-    })), na = S(() => Object.keys(be.value));
+    })), na = S(() => Object.keys(_e.value));
     function Mt(e, a) {
-      be.value[e] = a, Un(e, a);
+      _e.value[e] = a, Un(e, a);
     }
     function aa(e) {
-      be.value[e.key] = null, H.value && H.value.closeDropdown(), we(() => {
-        const a = rt.value[e.key];
+      _e.value[e.key] = null, H.value && H.value.closeDropdown(), we(() => {
+        const a = it.value[e.key];
         a && typeof a == "object" && a !== null && "openFilter" in a && typeof a.openFilter == "function" && a.openFilter();
       });
     }
     function la(e) {
-      delete be.value[e];
+      delete _e.value[e];
     }
     function ra(e) {
       console.log("Updated default filters:", e);
     }
     function ia(e, a) {
-      be.value[e] = a, Qn(e, a);
+      _e.value[e] = a, Qn(e, a);
     }
     function oa(e) {
       e.forEach((t) => {
-        be.value[t] !== void 0 && (be.value[t] = null);
+        _e.value[t] !== void 0 && (_e.value[t] = null);
       });
       const a = {};
-      pt.value.forEach((t) => {
+      at.value.forEach((t) => {
         a[t] = null;
-      }), be.value = a, Jt();
+      }), _e.value = a, Pt();
     }
     function sa(e) {
-      be.value[e] = null, Xn(e);
+      _e.value[e] = null, Xn(e);
     }
     function ua(e) {
       var u;
@@ -3832,11 +3843,11 @@ const ki = { class: "grid__select-filter" }, wi = { class: "grid__filter-trigger
     const en = S(() => {
       const e = !!c.search && c.search.trim().length > 0, a = !!p.value && p.value.trim().length > 0;
       return e || a;
-    }), Pt = x(null);
+    }), Et = x(null);
     de(
       () => !xe.value.length && en.value && d.value.emptyState,
       (e) => {
-        e && Pt.value && (Pt.value.scrollLeft = 0);
+        e && Et.value && (Et.value.scrollLeft = 0);
       }
     );
     const tn = x(0);
@@ -3848,7 +3859,7 @@ const ki = { class: "grid__select-filter" }, wi = { class: "grid__filter-trigger
       const a = z.value.find((t) => t.key === e);
       !(a != null && a.sortable) || vt(a) || xt(a) || X(e);
     }
-    function Et(e, a) {
+    function Ot(e, a) {
       if (e == null || e === "" || e === void 0)
         return Ze(a.blankStyle);
       const t = a.cellType;
@@ -3963,12 +3974,12 @@ const ki = { class: "grid__select-filter" }, wi = { class: "grid__filter-trigger
     function sn(e, a) {
       return e.length <= a ? e : e.substring(0, a) + "...";
     }
-    function Ot(e) {
+    function Rt(e) {
       const a = e.toLowerCase();
       return ["po", "pos", "supplier", "suppliers", "tag", "tags"].includes(a);
     }
     function _a(e, a) {
-      return e == null || Ot(a) ? !1 : Array.isArray(e) ? e.length === 0 ? !1 : e.join(", ").length > 30 : typeof e == "string" ? e.length > 30 : !1;
+      return e == null || Rt(a) ? !1 : Array.isArray(e) ? e.length === 0 ? !1 : e.join(", ").length > 30 : typeof e == "string" ? e.length > 30 : !1;
     }
     function Ca(e) {
       return e == null ? !1 : Array.isArray(e) ? e.length === 0 ? !1 : e.join(", ").length > 45 : typeof e == "string" ? e.length > 45 : !1;
@@ -3989,7 +4000,7 @@ const ki = { class: "grid__select-filter" }, wi = { class: "grid__filter-trigger
       }
       return typeof e == "string" && e.length > 45 ? 1 : 0;
     }
-    function Rt(e, a, t, s) {
+    function Nt(e, a, t, s) {
       let u = "", N = !1;
       const ne = nt.value.find((fe) => fe.key === e);
       if (ne && rn(ne)) {
@@ -3997,27 +4008,27 @@ const ki = { class: "grid__select-filter" }, wi = { class: "grid__filter-trigger
         fe.length > 0 && (N = !0, u = fe.map((se) => `<span class="shifl-grid__tooltip-badge" style="border-left-color: ${fn(se)} !important">${se.name}</span>`).join(""));
       } else Array.isArray(t) ? t.length > 0 && (u = t.join(`
 `)) : t != null && (u = String(t));
-      ut.value = u, Ge.value = N, Ye.value = s, Ke.value = !0;
+      ct.value = u, Ge.value = N, Ye.value = s, Ke.value = !0;
     }
-    function Nt() {
+    function Ht() {
       Ke.value = !1, Ye.value = null, Ge.value = !1;
     }
     function ka(e, a) {
       Be.value = "Copy To Clipboard", Ie.value = a, He.value = !0, Ae();
     }
-    function Ht() {
+    function Bt() {
       He.value = !1, Ie.value = null;
     }
     async function wa(e) {
       try {
         await navigator.clipboard.writeText(e), Be.value = "Copied!", setTimeout(() => {
-          Ht();
+          Bt();
         }, 2e3);
       } catch (a) {
         console.error("Failed to copy text: ", a);
         const t = document.createElement("textarea");
         t.value = e, document.body.appendChild(t), t.select(), document.execCommand("copy"), document.body.removeChild(t), Be.value = "Copied!", setTimeout(() => {
-          Ht();
+          Bt();
         }, 2e3);
       }
     }
@@ -4045,11 +4056,11 @@ const ki = { class: "grid__select-filter" }, wi = { class: "grid__filter-trigger
       const N = 130, ne = 8, fe = 4;
       let se = 0;
       const ke = [];
-      for (const at of s) {
-        const Oe = at.length * 8 + ne + fe;
+      for (const lt of s) {
+        const Oe = lt.length * 8 + ne + fe;
         if (se + Oe > N && ke.length > 0)
           break;
-        ke.push(at), se += Oe;
+        ke.push(lt), se += Oe;
       }
       return Le.value[u] = ke, ke;
     }
@@ -4060,17 +4071,17 @@ const ki = { class: "grid__select-filter" }, wi = { class: "grid__filter-trigger
       if (Le.value[ne])
         return Le.value[ne];
       const fe = 130, se = 8, ke = 4;
-      let at = 0;
+      let lt = 0;
       const Oe = [];
-      for (const zt of u) {
-        const Zt = zt.name.length * 8 + se + ke;
+      for (const Zt of u) {
+        const jt = Zt.name.length * 8 + se + ke;
         if (Oe.length === 0) {
-          Oe.push(zt), at += Zt;
+          Oe.push(Zt), lt += jt;
           continue;
         }
-        if (at + Zt > fe)
+        if (lt + jt > fe)
           break;
-        Oe.push(zt), at += Zt;
+        Oe.push(Zt), lt += jt;
       }
       return Le.value[ne] = Oe, Oe;
     }
@@ -4121,7 +4132,7 @@ const ki = { class: "grid__select-filter" }, wi = { class: "grid__filter-trigger
       ];
       return t[Math.abs(a) % t.length];
     }
-    function Bt(e, a = !0) {
+    function It(e, a = !0) {
       const s = { ...{
         width: e.width ?? "160px",
         minWidth: e.width ?? "160px"
@@ -4164,7 +4175,7 @@ const ki = { class: "grid__select-filter" }, wi = { class: "grid__filter-trigger
         ie();
         return;
       }
-      st.value = t, We.value = a, re(e, u);
+      ut.value = t, We.value = a, re(e, u);
     }
     function Fa(e, a) {
       return !(e != null && e.actionColumn) || !a ? [] : (typeof e.actionColumn.actions == "function" ? e.actionColumn.actions(a) : e.actionColumn.actions || []).filter((s) => s.show ? s.show(a) : !0);
@@ -4180,7 +4191,7 @@ const ki = { class: "grid__select-filter" }, wi = { class: "grid__filter-trigger
       var t;
       return (t = e.actionColumn) != null && t.buttonText ? typeof e.actionColumn.buttonText == "function" ? e.actionColumn.buttonText(a) : e.actionColumn.buttonText : "Actions";
     }
-    function It(e, a, t) {
+    function zt(e, a, t) {
       var s;
       (s = e.actionColumn) != null && s.onAction ? e.actionColumn.onAction(a, t) : f("action-click", "default", a, t);
     }
@@ -4188,20 +4199,20 @@ const ki = { class: "grid__select-filter" }, wi = { class: "grid__filter-trigger
       ["BUTTON", "A", "INPUT", "SELECT", "TEXTAREA", "SVG", "PATH"].includes(a.target.tagName) || f("row-click", e);
     };
     function Oa(e, a) {
-      a && (it.value[e] = a);
+      a && (ot.value[e] = a);
     }
     function pn(e) {
       if (P.value.rowIndex === null) return;
-      const a = e.target, t = ot.value, s = Object.values(it.value), u = t == null ? void 0 : t.contains(a), N = s.some((ne) => ne.contains(a));
+      const a = e.target, t = st.value, s = Object.values(ot.value), u = t == null ? void 0 : t.contains(a), N = s.some((ne) => ne.contains(a));
       !u && !N && ie();
     }
     return Ve(() => {
       document.addEventListener("click", pn), document.addEventListener("scroll", Ae), window.addEventListener("scroll", Ae), window.addEventListener("resize", Ae);
     }), de(
-      pt,
+      at,
       (e) => {
         e.forEach((a) => {
-          a in be.value || (be.value[a] = null);
+          a in _e.value || (_e.value[a] = null);
         });
       },
       { immediate: !0 }
@@ -4216,7 +4227,7 @@ const ki = { class: "grid__select-filter" }, wi = { class: "grid__filter-trigger
                 class: "shifl-grid__search-icon",
                 color: "#253041"
               }),
-              Yt(m("input", {
+              Gt(m("input", {
                 "onUpdate:modelValue": a[0] || (a[0] = (t) => p.value = t),
                 type: "text",
                 placeholder: "Search",
@@ -4225,7 +4236,7 @@ const ki = { class: "grid__select-filter" }, wi = { class: "grid__filter-trigger
                 onFocus: a[1] || (a[1] = (t) => _.value = !0),
                 onBlur: a[2] || (a[2] = (t) => _.value = !1)
               }, null, 544), [
-                [Gt, p.value]
+                [Jt, p.value]
               ]),
               p.value ? (o(), g("button", {
                 key: 0,
@@ -4248,7 +4259,7 @@ const ki = { class: "grid__select-filter" }, wi = { class: "grid__filter-trigger
                 ref_for: !0,
                 ref: (u) => {
                   var N;
-                  return rt.value[((N = t == null ? void 0 : t.config) == null ? void 0 : N.key) || ""] = u;
+                  return it.value[((N = t == null ? void 0 : t.config) == null ? void 0 : N.key) || ""] = u;
                 },
                 config: t == null ? void 0 : t.config,
                 "model-value": t == null ? void 0 : t.value,
@@ -4269,7 +4280,7 @@ const ki = { class: "grid__select-filter" }, wi = { class: "grid__filter-trigger
               ref: H,
               "available-filters": Ut.value,
               "active-filter-keys": na.value,
-              "default-filter-keys": pt.value,
+              "default-filter-keys": at.value,
               "has-active-filters-with-value": Qt.value,
               onAddFilter: aa,
               onRemoveFilter: la,
@@ -4312,7 +4323,7 @@ const ki = { class: "grid__select-filter" }, wi = { class: "grid__filter-trigger
       ]),
       m("div", {
         ref_key: "gridViewport",
-        ref: Pt,
+        ref: Et,
         class: le(["shifl-grid__viewport", {
           "shifl-grid__viewport--scroll": et.value,
           "shifl-grid__viewport--empty": !xe.value.length
@@ -4326,7 +4337,7 @@ const ki = { class: "grid__select-filter" }, wi = { class: "grid__filter-trigger
                 var s;
                 return o(), g("th", {
                   key: t.key,
-                  style: Ne(Bt(t, !0)),
+                  style: Ne(It(t, !0)),
                   onClick: () => da(t.key),
                   class: le([
                     "shifl-grid__header-cell",
@@ -4358,7 +4369,7 @@ const ki = { class: "grid__select-filter" }, wi = { class: "grid__filter-trigger
             }, [
               (o(!0), g(oe, null, he(nt.value, (s) => (o(), g("td", {
                 key: s.key,
-                style: Ne(Bt(s, !1)),
+                style: Ne(It(s, !1)),
                 class: le({ "shifl-grid__cell--sticky": s.freeze })
               }, [...a[9] || (a[9] = [
                 m("div", { class: "shifl-grid__skeleton-cell" }, null, -1)
@@ -4369,7 +4380,7 @@ const ki = { class: "grid__select-filter" }, wi = { class: "grid__filter-trigger
             }, [
               (o(!0), g(oe, null, he(nt.value, (u) => (o(), g("td", {
                 key: u.key,
-                style: Ne(Bt(u, !1)),
+                style: Ne(It(u, !1)),
                 class: le([
                   { "shifl-grid__cell--sticky": u.freeze },
                   { "shifl-grid__cell--action": vt(u) },
@@ -4403,13 +4414,13 @@ const ki = { class: "grid__select-filter" }, wi = { class: "grid__filter-trigger
                     m("button", {
                       type: "button",
                       class: "shifl-grid__action-button",
-                      onClick: Se(() => It(u, t, s), ["stop"])
+                      onClick: Se(() => zt(u, t, s), ["stop"])
                     }, W(gn(u, t)), 9, wo)
                   ])) : $t(u) === "icon" ? (o(), g("div", Mo, [
                     m("button", {
                       type: "button",
                       class: "shifl-grid__action-icon",
-                      onClick: Se(() => It(u, t, s), ["stop"])
+                      onClick: Se(() => zt(u, t, s), ["stop"])
                     }, [
                       typeof Pe(u, t) == "string" ? (o(), g("span", {
                         key: 0,
@@ -4424,7 +4435,7 @@ const ki = { class: "grid__select-filter" }, wi = { class: "grid__filter-trigger
                     m("button", {
                       type: "button",
                       class: "shifl-grid__action-button-icon",
-                      onClick: Se(() => It(u, t, s), ["stop"])
+                      onClick: Se(() => zt(u, t, s), ["stop"])
                     }, [
                       typeof Pe(u, t) == "string" ? (o(), g("span", {
                         key: 0,
@@ -4477,13 +4488,13 @@ const ki = { class: "grid__select-filter" }, wi = { class: "grid__filter-trigger
                       key: 0,
                       type: "button",
                       class: "shifl-grid__counter-button",
-                      onMouseenter: (N) => Rt(
+                      onMouseenter: (N) => Nt(
                         u.key,
                         s,
                         t[u.key],
                         N.currentTarget
                       ),
-                      onMouseleave: Nt
+                      onMouseleave: Ht
                     }, " +" + W(Da(t[u.key], u.key, s)), 41, Ho)) : Z("", !0)
                   ]))
                 ], 64)) : ga(u) ? (o(), g("div", Bo, [
@@ -4497,28 +4508,28 @@ const ki = { class: "grid__select-filter" }, wi = { class: "grid__filter-trigger
                     ref_for: !0,
                     ref: (N) => Ma(u.key, s, N)
                   }, W(ya(t[u.key], u)), 513),
-                  Ot(u.key) && Ca(t[u.key]) ? (o(), g("button", {
+                  Rt(u.key) && Ca(t[u.key]) ? (o(), g("button", {
                     key: 0,
                     type: "button",
                     class: "shifl-grid__counter-button",
-                    onMouseenter: (N) => Rt(
+                    onMouseenter: (N) => Nt(
                       u.key,
                       s,
                       t[u.key],
                       N.currentTarget
                     ),
-                    onMouseleave: Nt
-                  }, " +" + W(ba(t[u.key])), 41, zo)) : !Ot(u.key) && _a(t[u.key], u.key) ? (o(), g("button", {
+                    onMouseleave: Ht
+                  }, " +" + W(ba(t[u.key])), 41, zo)) : !Rt(u.key) && _a(t[u.key], u.key) ? (o(), g("button", {
                     key: 1,
                     type: "button",
                     class: "shifl-grid__info-icon-button",
-                    onMouseenter: (N) => Rt(
+                    onMouseenter: (N) => Nt(
                       u.key,
                       s,
                       t[u.key],
                       N.currentTarget
                     ),
-                    onMouseleave: Nt
+                    onMouseleave: Ht
                   }, [
                     ge(Zl)
                   ], 40, Zo)) : Z("", !0)
@@ -4528,13 +4539,13 @@ const ki = { class: "grid__select-filter" }, wi = { class: "grid__filter-trigger
                   class: "shifl-grid__link-cell",
                   onClick: a[4] || (a[4] = Se(() => {
                   }, ["stop"]))
-                }, W(Et(t[u.key], u)), 9, jo)) : Ta(u) ? (o(), g("div", {
+                }, W(Ot(t[u.key], u)), 9, jo)) : Ta(u) ? (o(), g("div", {
                   key: 8,
                   class: "shifl-grid__reference-cell",
                   onMouseenter: (N) => ka(String(t[u.key] || ""), N.currentTarget),
-                  onMouseleave: Ht
+                  onMouseleave: Bt
                 }, [
-                  m("span", Wo, W(Et(t[u.key], u)), 1),
+                  m("span", Wo, W(Ot(t[u.key], u)), 1),
                   t[u.key] ? (o(), g("button", {
                     key: 0,
                     class: "shifl-grid__copy-icon",
@@ -4544,7 +4555,7 @@ const ki = { class: "grid__select-filter" }, wi = { class: "grid__filter-trigger
                     ge(Kl)
                   ], 8, Ko)) : Z("", !0)
                 ], 40, qo)) : (o(), g(oe, { key: 9 }, [
-                  Re(W(Et(t[u.key], u)), 1)
+                  Re(W(Ot(t[u.key], u)), 1)
                 ], 64))
               ], 6))), 128))
             ], 8, ho))), 128))
@@ -4564,7 +4575,7 @@ const ki = { class: "grid__select-filter" }, wi = { class: "grid__filter-trigger
         m("div", Qo, [
           m("span", Xo, [
             a[10] || (a[10] = Re(" Showing ", -1)),
-            m("span", es, W(ct.value.from) + "–" + W(ct.value.to), 1),
+            m("span", es, W(dt.value.from) + "–" + W(dt.value.to), 1),
             Re(" of " + W(ze.value), 1)
           ])
         ]),
@@ -4577,14 +4588,14 @@ const ki = { class: "grid__select-filter" }, wi = { class: "grid__filter-trigger
               onChange: In,
               class: "shifl-grid__pagination-select"
             }, [...a[11] || (a[11] = [
-              Kt('<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)
+              Yt('<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, as)
           ]),
           m("div", ls, [
             m("button", {
               type: "button",
               class: "shifl-grid__pagination-button",
-              disabled: dt.value || c.loading,
+              disabled: ft.value || c.loading,
               onClick: Hn,
               "aria-label": "Previous page"
             }, " ‹ ", 8, rs),
@@ -4595,14 +4606,14 @@ const ki = { class: "grid__select-filter" }, wi = { class: "grid__filter-trigger
                   type: "button",
                   class: le(["shifl-grid__pagination-page", { "shifl-grid__pagination-page--active": t === Fe.value }]),
                   disabled: w.value,
-                  onClick: (s) => gt(t)
+                  onClick: (s) => pt(t)
                 }, W(t), 11, os)) : (o(), g("span", ss, "…"))
               ], 64))), 128))
             ]),
             m("button", {
               type: "button",
               class: "shifl-grid__pagination-button",
-              disabled: ft.value || c.loading,
+              disabled: gt.value || c.loading,
               onClick: Bn,
               "aria-label": "Next page"
             }, " › ", 8, us)
@@ -4613,7 +4624,7 @@ const ki = { class: "grid__select-filter" }, wi = { class: "grid__filter-trigger
         $e(P).rowIndex !== null && $e(P).position ? (o(), g("div", {
           key: 0,
           ref_key: "actionMenuRef",
-          ref: ot,
+          ref: st,
           class: "shifl-grid__action-menu",
           style: Ne(`
           position: fixed !important; 
@@ -4623,7 +4634,7 @@ const ki = { class: "grid__select-filter" }, wi = { class: "grid__filter-trigger
           onClick: a[5] || (a[5] = Se(() => {
           }, ["stop"]))
         }, [
-          (o(!0), g(oe, null, he(Fa(st.value, We.value), (t) => (o(), g("div", {
+          (o(!0), g(oe, null, he(Fa(ut.value, We.value), (t) => (o(), g("div", {
             key: t.key,
             class: le(["shifl-grid__action-menu-item", { "shifl-grid__action-menu-item--danger": t.danger }]),
             onClick: () => Pa(t, We.value, $e(P).rowIndex)
@@ -4641,7 +4652,7 @@ const ki = { class: "grid__select-filter" }, wi = { class: "grid__filter-trigger
         ], 4)) : Z("", !0)
       ])),
       ge(Ml, {
-        content: ut.value,
+        content: ct.value,
         visible: Ke.value,
         "trigger-element": Ye.value,
         "is-html": Ge.value
@@ -4671,7 +4682,7 @@ const ki = { class: "grid__select-filter" }, wi = { class: "grid__filter-trigger
           "default-columns": B.value,
           onApply: yt,
           onClose: _t,
-          onToggle: Ce,
+          onToggle: be,
           onToggleFreeze: $e(U),
           onMove: qe,
           onReset: mt
@@ -4718,7 +4729,7 @@ function Cs() {
   const n = Na(Rn);
   return S(() => (n == null ? void 0 : n.value) ?? Nn);
 }
-const jt = {
+const qt = {
   sm: 640,
   lg: 1024
 };
@@ -4733,8 +4744,8 @@ function bs() {
     window.removeEventListener("resize", r);
   }), {
     width: n,
-    isMobile: S(() => n.value < jt.sm),
-    isTablet: S(() => n.value >= jt.sm && n.value < jt.lg)
+    isMobile: S(() => n.value < qt.sm),
+    isTablet: S(() => n.value >= qt.sm && n.value < qt.lg)
   };
 }
 function ks() {