@onereach/ui-components 26.4.1-beta.5876.0 → 26.4.1-beta.5878.0

package/dist/esm/{OrDataGrid-B7h2wGXD.mjs → OrDataGrid-C_RY7OZe.mjs}

@@ -1,8 +1,8 @@
 import { O as ee } from "./OrCheckbox-WPBzlvaV.mjs";
-import { O as oe } from "./OrPagination-BXzDa-Su.mjs";
-import { O as re } from "./OrSearch-CRFuNmg2.mjs";
+import { O as re } from "./OrPagination-BXzDa-Su.mjs";
+import { O as oe } from "./OrSearch-CRFuNmg2.mjs";
 import { O as ne } from "./OrSkeletonArea.vue_vue_type_script_lang-jgRhbZ0X.mjs";
-import { defineComponent as G, ref as S, computed as l, openBlock as o, createElementBlock as p, normalizeClass as m, renderSlot as i, createCommentVNode as g, resolveComponent as c, normalizeStyle as K, Fragment as q, createBlock as y, watch as te, createElementVNode as le, withModifiers as x, createVNode as H, mergeProps as se, withCtx as b, onMounted as ie, createSlots as Y, normalizeProps as de, guardReactiveProps as ue, renderList as Q, createTextVNode as Z, toDisplayString as _ } from "vue";
+import { defineComponent as G, ref as D, computed as l, openBlock as r, createElementBlock as p, normalizeClass as f, renderSlot as i, createCommentVNode as g, resolveComponent as m, normalizeStyle as K, Fragment as q, createBlock as y, watch as te, createElementVNode as le, withModifiers as x, createVNode as H, mergeProps as se, withCtx as b, onMounted as ie, createSlots as Y, normalizeProps as de, guardReactiveProps as ue, renderList as Q, createTextVNode as Z, toDisplayString as _ } from "vue";
 import { _ as C } from "./_plugin-vue_export-helper-CHgC5LLL.mjs";
 import { O as ce } from "./OrDatePicker-D-Do0tSf.mjs";
 import { O as me } from "./OrDateTimePicker-myqJkQxy.mjs";
@@ -40,7 +40,7 @@ const $e = [
     "root"
   ],
   setup() {
-    const e = S(), t = l(() => [
+    const e = D(), t = l(() => [
       "or-data-grid-footer-v3",
       ...$e
     ]), n = l(() => [
@@ -54,21 +54,21 @@ const $e = [
   }
 }), Se = {
   key: 1,
-  class: /* @__PURE__ */ m(["grow"])
+  class: /* @__PURE__ */ f(["grow"])
 };
-function Te(e, t, n, h, v, f) {
-  return o(), p("div", {
+function Te(e, t, n, h, v, u) {
+  return r(), p("div", {
     ref: "root",
-    class: m(e.rootStyles)
+    class: f(e.rootStyles)
   }, [
-    e.$slots.status ? (o(), p("div", {
+    e.$slots.status ? (r(), p("div", {
       key: 0,
-      class: m(e.statusStyles)
+      class: f(e.statusStyles)
     }, [
       i(e.$slots, "status")
     ], 2)) : g("", !0),
     i(e.$slots, "actions"),
-    e.$slots.paging ? (o(), p("div", Se)) : g("", !0),
+    e.$slots.paging ? (r(), p("div", Se)) : g("", !0),
     i(e.$slots, "paging")
   ], 2);
 }
@@ -88,7 +88,7 @@ const Ge = /* @__PURE__ */ C(De, [["render", Te]]), Ce = [
     "root"
   ],
   setup() {
-    const e = S(), t = l(() => [
+    const e = D(), t = l(() => [
       "or-data-grid-header-v3",
       ...Ce
     ]), n = l(() => [
@@ -102,20 +102,20 @@ const Ge = /* @__PURE__ */ C(De, [["render", Te]]), Ce = [
   }
 }), Re = {
   key: 1,
-  class: /* @__PURE__ */ m(["grow"])
+  class: /* @__PURE__ */ f(["grow"])
 };
-function Ie(e, t, n, h, v, f) {
-  return o(), p("div", {
+function Ie(e, t, n, h, v, u) {
+  return r(), p("div", {
     ref: "root",
-    class: m(e.rootStyles)
+    class: f(e.rootStyles)
   }, [
-    e.$slots.title ? (o(), p("div", {
+    e.$slots.title ? (r(), p("div", {
       key: 0,
-      class: m(e.titleStyles)
+      class: f(e.titleStyles)
     }, [
       i(e.$slots, "title")
     ], 2)) : g("", !0),
-    e.$slots.searching || e.$slots.extraActions ? (o(), p("div", Re)) : g("", !0),
+    e.$slots.searching || e.$slots.extraActions ? (r(), p("div", Re)) : g("", !0),
     i(e.$slots, "searching"),
     e.$slots.extraActions ? i(e.$slots, "extraActions", { key: 2 }) : g("", !0)
   ], 2);
@@ -203,7 +203,7 @@ const B = "52px", Fe = [
     "root"
   ],
   setup(e, t) {
-    const n = S(), h = l(() => {
+    const n = D(), h = l(() => {
       var O;
       return [
         "or-data-grid-table-content-cell-v3",
@@ -236,7 +236,7 @@ const B = "52px", Fe = [
       return {
         justifyContent: "center"
       };
-    }), f = l(() => {
+    }), u = l(() => {
       var V, R;
       const O = ((V = e.column) == null ? void 0 : V.wrapping) ?? (e.variant === k.Dynamic && !((R = e.column) != null && R.control));
       return [
@@ -251,7 +251,7 @@ const B = "52px", Fe = [
       set: (O) => {
         t.emit("input", O);
       }
-    }), D = l(() => {
+    }), S = l(() => {
       var O;
       return (O = e.column) == null ? void 0 : O.control;
     });
@@ -259,42 +259,42 @@ const B = "52px", Fe = [
       root: n,
       rootStyles: h,
       rootInlineStyles: v,
-      contentStyles: f,
+      contentStyles: u,
       contentInlineStyles: T,
       model: M,
-      control: D,
+      control: S,
       DATA_GRID_DEFAULT_MIN_WIDTH: B
     };
   }
 });
-function Pe(e, t, n, h, v, f) {
-  const T = c("OrInput"), M = c("OrRating"), D = c("OrSelect"), O = c("OrCheckbox"), V = c("OrSwitch"), R = c("OrDatePicker"), I = c("OrTimePicker"), r = c("OrDateTimePicker"), u = c("OrTagInput");
-  return o(), p("div", {
+function Pe(e, t, n, h, v, u) {
+  const T = m("OrInput"), M = m("OrRating"), S = m("OrSelect"), O = m("OrCheckbox"), V = m("OrSwitch"), R = m("OrDatePicker"), I = m("OrTimePicker"), o = m("OrDateTimePicker"), c = m("OrTagInput");
+  return r(), p("div", {
     ref: "root",
-    class: m(e.rootStyles),
+    class: f(e.rootStyles),
     style: K(e.rootInlineStyles)
   }, [
-    e.override ? i(e.$slots, "default", { key: 0 }) : e.control ? (o(), p(q, { key: 1 }, [
-      e.control.type === "text" ? (o(), y(T, {
+    e.override ? i(e.$slots, "default", { key: 0 }) : e.control ? (r(), p(q, { key: 1 }, [
+      e.control.type === "text" ? (r(), y(T, {
         key: 0,
         modelValue: e.model,
         "onUpdate:modelValue": t[0] || (t[0] = (d) => e.model = d),
         type: "text",
         variant: "embedded"
       }, null, 8, ["modelValue"])) : g("", !0),
-      e.control.type === "number" ? (o(), y(T, {
+      e.control.type === "number" ? (r(), y(T, {
         key: 1,
         modelValue: e.model,
         "onUpdate:modelValue": t[1] || (t[1] = (d) => e.model = d),
         type: "number",
         variant: "embedded"
       }, null, 8, ["modelValue"])) : g("", !0),
-      e.control.type === "rating" ? (o(), y(M, {
+      e.control.type === "rating" ? (r(), y(M, {
         key: 2,
         modelValue: e.model,
         "onUpdate:modelValue": t[2] || (t[2] = (d) => e.model = d)
       }, null, 8, ["modelValue"])) : g("", !0),
-      e.control.type === "select" ? (o(), y(D, {
+      e.control.type === "select" ? (r(), y(S, {
         key: 3,
         modelValue: e.model,
         "onUpdate:modelValue": t[3] || (t[3] = (d) => e.model = d),
@@ -302,46 +302,46 @@ function Pe(e, t, n, h, v, f) {
         variant: "embedded",
         anchor: e.root
       }, null, 8, ["modelValue", "options", "anchor"])) : g("", !0),
-      e.control.type === "checkbox" ? (o(), y(O, {
+      e.control.type === "checkbox" ? (r(), y(O, {
         key: 4,
         modelValue: e.model,
         "onUpdate:modelValue": t[4] || (t[4] = (d) => e.model = d)
       }, null, 8, ["modelValue"])) : g("", !0),
-      e.control.type === "switch" ? (o(), y(V, {
+      e.control.type === "switch" ? (r(), y(V, {
         key: 5,
         modelValue: e.model,
         "onUpdate:modelValue": t[5] || (t[5] = (d) => e.model = d)
       }, null, 8, ["modelValue"])) : g("", !0),
-      e.control.type === "date" ? (o(), y(R, {
+      e.control.type === "date" ? (r(), y(R, {
         key: 6,
         modelValue: e.model,
         "onUpdate:modelValue": t[6] || (t[6] = (d) => e.model = d),
         variant: "embedded",
         anchor: e.root
       }, null, 8, ["modelValue", "anchor"])) : g("", !0),
-      e.control.type === "time" ? (o(), y(I, {
+      e.control.type === "time" ? (r(), y(I, {
         key: 7,
         modelValue: e.model,
         "onUpdate:modelValue": t[7] || (t[7] = (d) => e.model = d),
         variant: "embedded",
         anchor: e.root
       }, null, 8, ["modelValue", "anchor"])) : g("", !0),
-      e.control.type === "datetime" ? (o(), y(r, {
+      e.control.type === "datetime" ? (r(), y(o, {
         key: 8,
         modelValue: e.model,
         "onUpdate:modelValue": t[8] || (t[8] = (d) => e.model = d),
         variant: "embedded",
         anchor: e.root
       }, null, 8, ["modelValue", "anchor"])) : g("", !0),
-      e.control.type === "tags" ? (o(), y(u, {
+      e.control.type === "tags" ? (r(), y(c, {
         key: 9,
         modelValue: e.model,
         "onUpdate:modelValue": t[9] || (t[9] = (d) => e.model = d),
         variant: "embedded"
       }, null, 8, ["modelValue"])) : g("", !0)
-    ], 64)) : (o(), p("div", {
+    ], 64)) : (r(), p("div", {
       key: 2,
-      class: m(e.contentStyles),
+      class: f(e.contentStyles),
       style: K(e.contentInlineStyles)
     }, [
       i(e.$slots, "default")
@@ -407,7 +407,7 @@ const ze = /* @__PURE__ */ C(Ee, [["render", Pe]]), je = [
     "root"
   ],
   setup(e) {
-    const t = S(), n = l(() => [
+    const t = D(), n = l(() => [
       "or-data-grid-table-content-row-v3",
       ...je,
       ...Ne[e.variant],
@@ -419,10 +419,10 @@ const ze = /* @__PURE__ */ C(Ee, [["render", Pe]]), je = [
     };
   }
 }), Le = ["selected"];
-function Ae(e, t, n, h, v, f) {
-  return o(), p("div", {
+function Ae(e, t, n, h, v, u) {
+  return r(), p("div", {
     ref: "root",
-    class: m(e.rootStyles),
+    class: f(e.rootStyles),
     selected: e.selected
   }, [
     i(e.$slots, "default")
@@ -437,7 +437,7 @@ const qe = /* @__PURE__ */ C(Ue, [["render", Ae]]), Be = [
     "root"
   ],
   setup() {
-    const e = S(), t = l(() => [
+    const e = D(), t = l(() => [
       "or-data-grid-table-content-v3",
       ...Be
     ]);
@@ -447,10 +447,10 @@ const qe = /* @__PURE__ */ C(Ue, [["render", Ae]]), Be = [
     };
   }
 });
-function Xe(e, t, n, h, v, f) {
-  return o(), p("div", {
+function Xe(e, t, n, h, v, u) {
+  return r(), p("div", {
     ref: "root",
-    class: m(e.rootStyles)
+    class: f(e.rootStyles)
   }, [
     i(e.$slots, "default")
   ], 2);
@@ -471,7 +471,7 @@ const Je = /* @__PURE__ */ C(Ke, [["render", Xe]]), Qe = [
     "root"
   ],
   setup() {
-    const e = S(), t = l(() => [
+    const e = D(), t = l(() => [
       "or-data-grid-table-footer-cell-v3",
       ...Qe
     ]);
@@ -481,10 +481,10 @@ const Je = /* @__PURE__ */ C(Ke, [["render", Xe]]), Qe = [
     };
   }
 });
-function Ze(e, t, n, h, v, f) {
-  return o(), p("div", {
+function Ze(e, t, n, h, v, u) {
+  return r(), p("div", {
     ref: "root",
-    class: m(e.rootStyles)
+    class: f(e.rootStyles)
   }, [
     i(e.$slots, "default")
   ], 2);
@@ -531,7 +531,7 @@ const _e = /* @__PURE__ */ C(Ye, [["render", Ze]]), xe = [
     "root"
   ],
   setup(e) {
-    const t = S(), n = l(() => [
+    const t = D(), n = l(() => [
       "or-data-grid-table-footer-row-v3",
       ...xe,
       ...et[e.variant]
@@ -542,15 +542,15 @@ const _e = /* @__PURE__ */ C(Ye, [["render", Ze]]), xe = [
     };
   }
 });
-function at(e, t, n, h, v, f) {
-  return o(), p("div", {
+function at(e, t, n, h, v, u) {
+  return r(), p("div", {
     ref: "root",
-    class: m(e.rootStyles)
+    class: f(e.rootStyles)
   }, [
     i(e.$slots, "default")
   ], 2);
 }
-const ot = /* @__PURE__ */ C(tt, [["render", at]]), rt = [
+const rt = /* @__PURE__ */ C(tt, [["render", at]]), ot = [
   // Layout
   "contents"
 ], nt = G({
@@ -559,9 +559,9 @@ const ot = /* @__PURE__ */ C(tt, [["render", at]]), rt = [
     "root"
   ],
   setup() {
-    const e = S(), t = l(() => [
+    const e = D(), t = l(() => [
       "or-data-grid-table-footer-v3",
-      ...rt
+      ...ot
     ]);
     return {
       root: e,
@@ -569,10 +569,10 @@ const ot = /* @__PURE__ */ C(tt, [["render", at]]), rt = [
     };
   }
 });
-function lt(e, t, n, h, v, f) {
-  return o(), p("div", {
+function lt(e, t, n, h, v, u) {
+  return r(), p("div", {
     ref: "root",
-    class: m(e.rootStyles)
+    class: f(e.rootStyles)
   }, [
     i(e.$slots, "default")
   ], 2);
@@ -641,31 +641,31 @@ const st = /* @__PURE__ */ C(nt, [["render", lt]]), it = [
     "root"
   ],
   setup(e, t) {
-    const n = S(), h = l(() => {
-      var r, u, d;
-      return !!((r = e.features) != null && r.sorting) && !!((u = e.column) != null && u.name) && ((d = e.column) == null ? void 0 : d.sorting) !== !1;
+    const n = D(), h = l(() => {
+      var o, c, d;
+      return !!((o = e.features) != null && o.sorting) && !!((c = e.column) != null && c.name) && ((d = e.column) == null ? void 0 : d.sorting) !== !1;
     }), v = l(() => {
-      var r, u;
-      return !!((r = e.features) != null && r.resizing) && !!((u = e.column) != null && u.name);
-    }), f = l(() => {
-      var r;
+      var o, c;
+      return !!((o = e.features) != null && o.resizing) && !!((c = e.column) != null && c.name);
+    }), u = l(() => {
+      var o;
       return [
         "or-data-grid-table-header-cell-v3",
         "relative",
         ...it,
-        ...(r = e.column) != null && r.stickiness ? [`sticky-${e.column.stickiness}`] : [],
+        ...(o = e.column) != null && o.stickiness ? [`sticky-${e.column.stickiness}`] : [],
         ...h.value ? ["interactivity-click"] : []
       ];
     }), T = l(() => [
       "or-data-grid-table-header-cell-resize-handle-v3",
       ...dt
     ]), M = l(() => {
-      var r, u;
+      var o, c;
       return {
-        minWidth: ((r = e.column) == null ? void 0 : r.minWidth) || B,
-        maxWidth: (u = e.column) == null ? void 0 : u.maxWidth
+        minWidth: ((o = e.column) == null ? void 0 : o.minWidth) || B,
+        maxWidth: (c = e.column) == null ? void 0 : c.maxWidth
       };
-    }), D = l(() => {
+    }), S = l(() => {
       if (e.column)
         switch (e.column.stickiness) {
           case "start":
@@ -693,16 +693,16 @@ const st = /* @__PURE__ */ C(nt, [["render", lt]]), it = [
       };
     }), O = l({
       get: () => {
-        var r, u;
+        var o, c;
         if (h.value)
-          return ((r = e.modelValue) == null ? void 0 : r.column) === ((u = e.column) == null ? void 0 : u.name) ? e.modelValue : void 0;
+          return ((o = e.modelValue) == null ? void 0 : o.column) === ((c = e.column) == null ? void 0 : c.name) ? e.modelValue : void 0;
       },
-      set: (r) => {
-        t.emit("update:modelValue", r);
+      set: (o) => {
+        t.emit("update:modelValue", o);
       }
     });
     function V() {
-      var r;
+      var o;
       if (h.value)
         if (O.value)
           O.value = {
@@ -713,16 +713,16 @@ const st = /* @__PURE__ */ C(nt, [["render", lt]]), it = [
           if (!e.column)
             throw new Error("[OrDataGridTableHeaderCell]: `column` must be specified.");
           O.value = {
-            column: ((r = e.column) == null ? void 0 : r.name) || "_check",
+            column: ((o = e.column) == null ? void 0 : o.name) || "_check",
             direction: "asc"
           };
         }
     }
-    function R(r) {
+    function R(o) {
       var j;
-      const u = r.pageX, d = ((j = n.value) == null ? void 0 : j.offsetWidth) || 0, W = (X) => {
+      const c = o.pageX, d = ((j = n.value) == null ? void 0 : j.offsetWidth) || 0, W = (X) => {
         var U, L;
-        const J = X.pageX - u;
+        const J = X.pageX - c;
         let E = Math.max(0, d + J);
         const P = ((U = e.column) == null ? void 0 : U.minWidth) || B;
         if (P && (P.endsWith("px") || !isNaN(Number(P)))) {
@@ -744,20 +744,20 @@ const st = /* @__PURE__ */ C(nt, [["render", lt]]), it = [
       n,
       I,
       () => {
-        var r;
-        return (r = e.column) == null ? void 0 : r.stickiness;
+        var o;
+        return (o = e.column) == null ? void 0 : o.stickiness;
       }
     ], ([
-      r,
-      u
+      o,
+      c
     ], [
       d
     ]) => {
-      d && d !== r && t.emit("remove:scrollOffset", d), t.emit("update:scrollOffset", r, u, e.column);
+      d && d !== o && t.emit("remove:scrollOffset", d), t.emit("update:scrollOffset", o, c, e.column);
     }), {
       root: n,
-      rootStyles: f,
-      rootInlineStyles: D,
+      rootStyles: u,
+      rootInlineStyles: S,
       wrapInlineStyle: M,
       resizeHandleStyles: T,
       isSortable: h,
@@ -769,27 +769,27 @@ const st = /* @__PURE__ */ C(nt, [["render", lt]]), it = [
     };
   }
 });
-function ct(e, t, n, h, v, f) {
-  const T = c("OrIcon");
-  return o(), p("div", {
+function ct(e, t, n, h, v, u) {
+  const T = m("OrIcon");
+  return r(), p("div", {
     ref: "root",
-    class: m(e.rootStyles),
+    class: f(e.rootStyles),
     style: K(e.rootInlineStyles),
     onClick: t[2] || (t[2] = (M) => e.toggleSorting())
   }, [
     le("div", {
-      class: m(["truncate"]),
+      class: f(["truncate"]),
       style: K(e.wrapInlineStyle)
     }, [
       i(e.$slots, "default")
     ], 4),
-    e.model ? (o(), y(T, {
+    e.model ? (r(), y(T, {
       key: 0,
       icon: e.model.direction === "asc" ? "arrow_upward" : "arrow_downward"
     }, null, 8, ["icon"])) : g("", !0),
-    e.isResizable ? (o(), p("div", {
+    e.isResizable ? (r(), p("div", {
       key: 1,
-      class: m(e.resizeHandleStyles),
+      class: f(e.resizeHandleStyles),
       onMousedown: t[0] || (t[0] = x((...M) => e.onResizeStart && e.onResizeStart(...M), ["stop", "prevent"])),
       onClick: t[1] || (t[1] = x(() => {
       }, ["stop"]))
@@ -837,7 +837,7 @@ const mt = /* @__PURE__ */ C(ut, [["render", ct]]), ft = [
     "root"
   ],
   setup(e) {
-    const t = S(), n = l(() => [
+    const t = D(), n = l(() => [
       "or-data-grid-table-header-row-v3",
       ...ft,
       ...gt[e.variant]
@@ -848,10 +848,10 @@ const mt = /* @__PURE__ */ C(ut, [["render", ct]]), ft = [
     };
   }
 });
-function ht(e, t, n, h, v, f) {
-  return o(), p("div", {
+function ht(e, t, n, h, v, u) {
+  return r(), p("div", {
     ref: "root",
-    class: m(e.rootStyles)
+    class: f(e.rootStyles)
   }, [
     i(e.$slots, "default")
   ], 2);
@@ -865,7 +865,7 @@ const vt = /* @__PURE__ */ C(pt, [["render", ht]]), bt = [
     "root"
   ],
   setup() {
-    const e = S(), t = l(() => [
+    const e = D(), t = l(() => [
       "or-data-grid-table-header-v3",
       ...bt
     ]);
@@ -875,10 +875,10 @@ const vt = /* @__PURE__ */ C(pt, [["render", ht]]), bt = [
     };
   }
 });
-function kt(e, t, n, h, v, f) {
-  return o(), p("div", {
+function kt(e, t, n, h, v, u) {
+  return r(), p("div", {
     ref: "root",
-    class: m(e.rootStyles)
+    class: f(e.rootStyles)
   }, [
     i(e.$slots, "default")
   ], 2);
@@ -926,7 +926,7 @@ const Ot = /* @__PURE__ */ C(yt, [["render", kt]]), $t = [
     "root"
   ],
   setup(e) {
-    const t = S(), n = l(() => [
+    const t = D(), n = l(() => [
       "or-data-grid-table-placeholder-v3",
       ...$t,
       ...wt[e.variant]
@@ -937,10 +937,10 @@ const Ot = /* @__PURE__ */ C(yt, [["render", kt]]), $t = [
     };
   }
 });
-function St(e, t, n, h, v, f) {
-  return o(), p("div", {
+function St(e, t, n, h, v, u) {
+  return r(), p("div", {
     ref: "root",
-    class: m(e.rootStyles)
+    class: f(e.rootStyles)
   }, [
     i(e.$slots, "default")
   ], 2);
@@ -948,6 +948,7 @@ function St(e, t, n, h, v, f) {
 const Tt = /* @__PURE__ */ C(Dt, [["render", St]]), Gt = [
   // Layout
   "grid content-start",
+  "w-full min-w-0",
   // Overflow
   "overflow-auto",
   // Interactivity
@@ -968,18 +969,18 @@ const Tt = /* @__PURE__ */ C(Dt, [["render", St]]), Gt = [
     "root"
   ],
   setup(e) {
-    const t = S(), n = l(() => [
+    const t = D(), n = l(() => [
       "or-data-grid-table-v3",
       ...Gt
     ]), h = l(() => {
-      const v = e.columns.map((f) => {
-        if (f.width && (f.width.includes("minmax") || f.width.includes("calc")))
-          return f.width;
-        const T = f.width ?? "1fr", M = f.minWidth || B;
-        let D = f.maxWidth || T;
-        return T.endsWith("px") && (D = T), `minmax(${M}, ${D})`;
+      const v = e.columns.map((u) => {
+        if (u.width && (u.width.includes("minmax") || u.width.includes("calc")))
+          return u.width;
+        const T = u.width ?? "1fr", M = u.minWidth || (u.width ? B : "120px");
+        let S = u.maxWidth || T;
+        return T.endsWith("px") ? T : `minmax(${M}, ${S})`;
       });
-      return e.features.selecting ? { gridTemplateColumns: `auto ${v.join(" ")}` } : { gridTemplateColumns: v.join(" ") };
+      return e.features.selecting ? { gridTemplateColumns: `min-content ${v.join(" ")}` } : { gridTemplateColumns: v.join(" ") };
     });
     return {
       root: t,
@@ -988,10 +989,10 @@ const Tt = /* @__PURE__ */ C(Dt, [["render", St]]), Gt = [
     };
   }
 });
-function Vt(e, t, n, h, v, f) {
-  return o(), p("div", {
+function Vt(e, t, n, h, v, u) {
+  return r(), p("div", {
     ref: "root",
-    class: m(e.rootStyles),
+    class: f(e.rootStyles),
     style: K(e.rootInlineStyles)
   }, [
     i(e.$slots, "default")
@@ -1010,7 +1011,7 @@ const Mt = /* @__PURE__ */ C(Ct, [["render", Vt]]), Rt = [
     "root"
   ],
   setup() {
-    const e = S(), t = l(() => [
+    const e = D(), t = l(() => [
       "or-data-grid-toolbar-v3",
       ...Rt
     ]);
@@ -1020,10 +1021,10 @@ const Mt = /* @__PURE__ */ C(Ct, [["render", Vt]]), Rt = [
     };
   }
 });
-function Ht(e, t, n, h, v, f) {
-  return o(), p("div", {
+function Ht(e, t, n, h, v, u) {
+  return r(), p("div", {
     ref: "root",
-    class: m(e.rootStyles)
+    class: f(e.rootStyles)
   }, [
     i(e.$slots, "default")
   ], 2);
@@ -1077,10 +1078,10 @@ const Ft = /* @__PURE__ */ C(It, [["render", Ht]]), Wt = [
     };
   }
 });
-function zt(e, t, n, h, v, f) {
-  const T = c("OrNotification");
-  return o(), p("div", {
-    class: m(e.rootStyles)
+function zt(e, t, n, h, v, u) {
+  const T = m("OrNotification");
+  return r(), p("div", {
+    class: f(e.rootStyles)
   }, [
     H(T, se(e.notification, {
       class: "rounded-0 shadow-none",
@@ -1135,7 +1136,7 @@ const jt = /* @__PURE__ */ C(Pt, [["render", zt]]), Nt = [
     "root"
   ],
   setup(e) {
-    const t = S(), n = l(() => [
+    const t = D(), n = l(() => [
       "or-data-grid-table-extra-row-v3",
       ...Nt,
       ...Ut[e.variant]
@@ -1146,10 +1147,10 @@ const jt = /* @__PURE__ */ C(Pt, [["render", zt]]), Nt = [
     };
   }
 });
-function At(e, t, n, h, v, f) {
-  return o(), p("div", {
+function At(e, t, n, h, v, u) {
+  return r(), p("div", {
     ref: "root",
-    class: m(e.rootStyles)
+    class: f(e.rootStyles)
   }, [
     i(e.$slots, "default")
   ], 2);
@@ -1169,7 +1170,7 @@ const qt = /* @__PURE__ */ C(Lt, [["render", At]]), Bt = [
     OrDataGridTableContentRow: qe,
     OrDataGridTableFooter: st,
     OrDataGridTableFooterCell: _e,
-    OrDataGridTableFooterRow: ot,
+    OrDataGridTableFooterRow: rt,
     OrDataGridTableExtraRow: qt,
     OrDataGridTableHeader: Ot,
     OrDataGridTableHeaderCell: mt,
@@ -1177,8 +1178,8 @@ const qt = /* @__PURE__ */ C(Lt, [["render", At]]), Bt = [
     OrDataGridTablePlaceholder: Tt,
     OrDataGridToolbar: Ft,
     OrDataGridNotification: jt,
-    OrPagination: oe,
-    OrSearch: re,
+    OrPagination: re,
+    OrSearch: oe,
     OrSkeletonText: ne
   },
   model: {
@@ -1233,23 +1234,23 @@ const qt = /* @__PURE__ */ C(Lt, [["render", At]]), Bt = [
     "root"
   ],
   setup(e, t) {
-    const n = S(), h = S(), v = S(), f = l(() => [
+    const n = D(), h = D(), v = D(), u = l(() => [
       "or-data-grid-v3",
       ...Bt
     ]), T = l(() => ({
-      scrollPaddingInlineStart: `${[...r.value.values()].reduce((a, $) => a + $, 0)}px`,
-      scrollPaddingInlineEnd: `${[...u.value.values()].reduce((a, $) => a + $, 0)}px`
+      scrollPaddingInlineStart: `${[...o.value.values()].reduce((a, $) => a + $, 0)}px`,
+      scrollPaddingInlineEnd: `${[...c.value.values()].reduce((a, $) => a + $, 0)}px`
     })), M = l({
-      get: () => !!e.items.length && e.items.every((a) => D.value.includes(a.id)),
+      get: () => !!e.items.length && e.items.every((a) => S.value.includes(a.id)),
       set: (a) => {
-        a ? D.value = [
+        a ? S.value = [
           .../* @__PURE__ */ new Set([
-            ...D.value,
+            ...S.value,
             ...e.items.map(($) => $.id)
           ])
-        ] : D.value = [];
+        ] : S.value = [];
       }
-    }), D = l({
+    }), S = l({
       get: () => {
         var a;
         return ((a = e.modelValue) == null ? void 0 : a.selecting) ?? [];
@@ -1270,7 +1271,7 @@ const qt = /* @__PURE__ */ C(Lt, [["render", At]]), Bt = [
       },
       set: (a) => {
         t.emit("update:modelValue", {
-          selecting: D.value,
+          selecting: S.value,
           filtering: a,
           searching: V.value,
           sorting: R.value,
@@ -1287,7 +1288,7 @@ const qt = /* @__PURE__ */ C(Lt, [["render", At]]), Bt = [
       },
       set: (a) => {
         t.emit("update:modelValue", {
-          selecting: D.value,
+          selecting: S.value,
           filtering: O.value,
           searching: a,
           sorting: R.value,
@@ -1304,7 +1305,7 @@ const qt = /* @__PURE__ */ C(Lt, [["render", At]]), Bt = [
       },
       set: (a) => {
         t.emit("update:modelValue", {
-          selecting: D.value,
+          selecting: S.value,
           filtering: O.value,
           searching: V.value,
           sorting: a,
@@ -1321,7 +1322,7 @@ const qt = /* @__PURE__ */ C(Lt, [["render", At]]), Bt = [
       },
       set: (a) => {
         t.emit("update:modelValue", {
-          selecting: D.value,
+          selecting: S.value,
           filtering: O.value,
           searching: V.value,
           sorting: R.value,
@@ -1339,7 +1340,7 @@ const qt = /* @__PURE__ */ C(Lt, [["render", At]]), Bt = [
         behavior: "smooth"
       });
     });
-    const r = S(/* @__PURE__ */ new Map()), u = S(/* @__PURE__ */ new Map()), d = l(() => e.features.selecting && (typeof e.features.selecting == "object" ? e.features.selecting.showCounter !== !1 : !0)), W = l(() => e.items.length === 0 || e.loading || typeof e.features.selecting == "object" && e.features.selecting.disabled), z = l(() => {
+    const o = D(/* @__PURE__ */ new Map()), c = D(/* @__PURE__ */ new Map()), d = l(() => e.features.selecting && (typeof e.features.selecting == "object" ? e.features.selecting.showCounter !== !1 : !0)), W = l(() => e.items.length === 0 || e.loading || typeof e.features.selecting == "object" && e.features.selecting.disabled), z = l(() => {
       var a;
       return ((a = h.value) == null ? void 0 : a.currentLimit) || 10;
     });
@@ -1349,10 +1350,10 @@ const qt = /* @__PURE__ */ C(Lt, [["render", At]]), Bt = [
     function X(a, $, F) {
       switch (F.stickiness) {
         case "start":
-          r.value.set(a, $), r.value = new Map(r.value), u.value.delete(a), u.value = new Map(u.value);
+          o.value.set(a, $), o.value = new Map(o.value), c.value.delete(a), c.value = new Map(c.value);
           break;
         case "end":
-          r.value.delete(a), r.value = new Map(r.value), u.value.set(a, $), u.value = new Map(u.value);
+          o.value.delete(a), o.value = new Map(o.value), c.value.set(a, $), c.value = new Map(c.value);
           break;
         default:
           A(a);
@@ -1410,14 +1411,14 @@ const qt = /* @__PURE__ */ C(Lt, [["render", At]]), Bt = [
       w();
     });
     function A(a) {
-      r.value.delete(a), r.value = new Map(r.value), u.value.delete(a), u.value = new Map(u.value);
+      o.value.delete(a), o.value = new Map(o.value), c.value.delete(a), c.value = new Map(c.value);
     }
     function ae(a) {
       a.currentTarget.scrollIntoView({ block: "nearest" });
     }
     return {
       root: n,
-      rootStyles: f,
+      rootStyles: u,
       pagination: h,
       tableInlineStyles: T,
       selectingIndicator: M,
@@ -1430,7 +1431,7 @@ const qt = /* @__PURE__ */ C(Lt, [["render", At]]), Bt = [
       handleMouseLeaveCell: U,
       handleRowClick: L,
       updateColumnWidth: N,
-      selectingModel: D,
+      selectingModel: S,
       filteringModel: O,
       searchingModel: V,
       sortingModel: R,
@@ -1452,15 +1453,15 @@ const qt = /* @__PURE__ */ C(Lt, [["render", At]]), Bt = [
     };
   }
 });
-function Xt(e, t, n, h, v, f) {
-  const T = c("OrSearch"), M = c("OrDataGridHeader"), D = c("OrDataGridToolbar"), O = c("OrCheckbox"), V = c("OrDataGridTableHeaderCell"), R = c("OrDataGridTableHeaderRow"), I = c("OrDataGridTableHeader"), r = c("OrDataGridNotification"), u = c("OrDataGridTableExtraRow"), d = c("OrSkeletonText"), W = c("OrDataGridTableContentCell"), z = c("OrDataGridTableContentRow"), j = c("OrDataGridTablePlaceholder"), X = c("OrDataGridTableContent"), J = c("OrDataGridTable"), E = c("OrDataGridTableFooterCell"), P = c("OrDataGridTableFooterRow"), U = c("OrDataGridTableFooter"), L = c("OrPagination"), N = c("OrDataGridFooter");
-  return o(), p("div", {
+function Xt(e, t, n, h, v, u) {
+  const T = m("OrSearch"), M = m("OrDataGridHeader"), S = m("OrDataGridToolbar"), O = m("OrCheckbox"), V = m("OrDataGridTableHeaderCell"), R = m("OrDataGridTableHeaderRow"), I = m("OrDataGridTableHeader"), o = m("OrDataGridNotification"), c = m("OrDataGridTableExtraRow"), d = m("OrSkeletonText"), W = m("OrDataGridTableContentCell"), z = m("OrDataGridTableContentRow"), j = m("OrDataGridTablePlaceholder"), X = m("OrDataGridTableContent"), J = m("OrDataGridTable"), E = m("OrDataGridTableFooterCell"), P = m("OrDataGridTableFooterRow"), U = m("OrDataGridTableFooter"), L = m("OrPagination"), N = m("OrDataGridFooter");
+  return r(), p("div", {
     ref: "root",
-    class: m(e.rootStyles)
+    class: f(e.rootStyles)
   }, [
-    e.$slots.title || e.features.searching || e.$slots.search || e.$slots.extraActions ? (o(), y(M, {
+    e.$slots.title || e.features.searching || e.$slots.search || e.$slots.extraActions ? (r(), y(M, {
       key: 0,
-      class: m(["shrink-0"])
+      class: f(["shrink-0"])
     }, Y({ _: 2 }, [
       e.$slots.title ? {
         name: "title",
@@ -1489,9 +1490,9 @@ function Xt(e, t, n, h, v, f) {
         key: "2"
       } : void 0
     ]), 1024)) : g("", !0),
-    e.$slots.toolbar ? (o(), y(D, {
+    e.$slots.toolbar ? (r(), y(S, {
       key: 1,
-      class: m(["shrink-0"])
+      class: f(["shrink-0"])
     }, {
       default: b(() => [
         i(e.$slots, "toolbar")
@@ -1500,7 +1501,7 @@ function Xt(e, t, n, h, v, f) {
     })) : g("", !0),
     H(J, {
       ref: "table",
-      class: m(["grow", { "grid-rows-[auto_1fr]": e.items.length === 0 }]),
+      class: f(["grow", { "grid-rows-[auto_1fr]": e.items.length === 0 }]),
       style: K(e.tableInlineStyles),
       columns: e.columns,
       features: e.features
@@ -1510,7 +1511,7 @@ function Xt(e, t, n, h, v, f) {
           default: b(() => [
             H(R, { variant: e.variant }, {
               default: b(() => [
-                e.features.selecting ? (o(), y(V, {
+                e.features.selecting ? (r(), y(V, {
                   key: 0,
                   column: { stickiness: "start" },
                   class: "md:!py-none",
@@ -1527,7 +1528,7 @@ function Xt(e, t, n, h, v, f) {
                   ]),
                   _: 1
                 }, 8, ["onUpdate:scrollOffset", "onRemove:scrollOffset"])) : g("", !0),
-                (o(!0), p(q, null, Q(e.columns, (s) => (o(), y(V, {
+                (r(!0), p(q, null, Q(e.columns, (s) => (r(), y(V, {
                   key: s.name,
                   modelValue: e.sortingModel,
                   "onUpdate:modelValue": t[2] || (t[2] = (w) => e.sortingModel = w),
@@ -1548,7 +1549,7 @@ function Xt(e, t, n, h, v, f) {
           ]),
           _: 1
         }),
-        e.notification ? (o(), y(r, {
+        e.notification ? (r(), y(o, {
           key: 0,
           notification: e.notification,
           variant: e.variant,
@@ -1564,7 +1565,7 @@ function Xt(e, t, n, h, v, f) {
         ]), 1032, ["notification", "variant"])) : g("", !0),
         H(X, null, {
           default: b(() => [
-            e.$slots["before-rows"] ? (o(), y(u, {
+            e.$slots["before-rows"] ? (r(), y(c, {
               key: 0,
               variant: e.variant,
               class: "border-b-1"
@@ -1574,13 +1575,13 @@ function Xt(e, t, n, h, v, f) {
               ]),
               _: 3
             }, 8, ["variant"])) : g("", !0),
-            e.loading ? (o(!0), p(q, { key: 1 }, Q(e.skeletonsLength, (s) => (o(), y(z, {
+            e.loading ? (r(!0), p(q, { key: 1 }, Q(e.skeletonsLength, (s) => (r(), y(z, {
               key: s,
               variant: e.variant,
               interactive: e.interactiveRows
             }, {
               default: b(() => [
-                e.features.selecting ? (o(), y(W, {
+                e.features.selecting ? (r(), y(W, {
                   key: 0,
                   column: { stickiness: "start" },
                   variant: e.variant,
@@ -1591,7 +1592,7 @@ function Xt(e, t, n, h, v, f) {
                   ]),
                   _: 1
                 }, 8, ["variant"])) : g("", !0),
-                (o(!0), p(q, null, Q(e.columns, (w) => (o(), y(W, {
+                (r(!0), p(q, null, Q(e.columns, (w) => (r(), y(W, {
                   key: w.name,
                   column: w,
                   features: e.features,
@@ -1607,7 +1608,7 @@ function Xt(e, t, n, h, v, f) {
                 }, 1032, ["column", "features", "variant"]))), 128))
               ]),
               _: 2
-            }, 1032, ["variant", "interactive"]))), 128)) : e.items.length > 0 ? (o(!0), p(q, { key: 2 }, Q(e.items, (s) => (o(), y(z, {
+            }, 1032, ["variant", "interactive"]))), 128)) : e.items.length > 0 ? (r(!0), p(q, { key: 2 }, Q(e.items, (s) => (r(), y(z, {
               key: s.id,
               variant: e.variant,
               selected: e.selectingModel.includes(s.id),
@@ -1617,7 +1618,7 @@ function Xt(e, t, n, h, v, f) {
               onClick: () => e.handleRowClick(s)
             }, {
               default: b(() => [
-                e.features.selecting ? (o(), y(W, {
+                e.features.selecting ? (r(), y(W, {
                   key: 0,
                   column: { stickiness: "start" },
                   variant: e.variant,
@@ -1637,7 +1638,7 @@ function Xt(e, t, n, h, v, f) {
                   ]),
                   _: 2
                 }, 1032, ["variant", "onMouseenter", "onMouseleave"])) : g("", !0),
-                (o(!0), p(q, null, Q(e.columns, (w) => (o(), y(W, {
+                (r(!0), p(q, null, Q(e.columns, (w) => (r(), y(W, {
                   key: w.name,
                   "model-value": s[w.name],
                   column: w,
@@ -1660,9 +1661,9 @@ function Xt(e, t, n, h, v, f) {
                 }, 1032, ["model-value", "column", "features", "variant", "onInput", "onMouseenter", "onMouseleave"]))), 128))
               ]),
               _: 2
-            }, 1032, ["variant", "selected", "interactive", "onMouseenter", "onMouseleave", "onClick"]))), 128)) : e.$slots.noSearchResults && (e.features.filtering && e.filteringModel || e.features.searching && e.searchingModel) ? (o(), y(j, {
+            }, 1032, ["variant", "selected", "interactive", "onMouseenter", "onMouseleave", "onClick"]))), 128)) : e.$slots.noSearchResults && (e.features.filtering && e.filteringModel || e.features.searching && e.searchingModel) ? (r(), y(j, {
               key: 3,
-              class: m(["col-span-full"]),
+              class: f(["col-span-full"]),
               variant: e.variant
             }, {
               default: b(() => [
@@ -1672,9 +1673,9 @@ function Xt(e, t, n, h, v, f) {
                 })
               ]),
               _: 3
-            }, 8, ["variant"])) : e.$slots.empty ? (o(), y(j, {
+            }, 8, ["variant"])) : e.$slots.empty ? (r(), y(j, {
               key: 4,
-              class: m(["col-span-full"]),
+              class: f(["col-span-full"]),
               variant: e.variant
             }, {
               default: b(() => [
@@ -1682,7 +1683,7 @@ function Xt(e, t, n, h, v, f) {
               ]),
               _: 3
             }, 8, ["variant"])) : g("", !0),
-            e.$slots["after-rows"] ? (o(), y(u, {
+            e.$slots["after-rows"] ? (r(), y(c, {
               key: 5,
               variant: e.variant
             }, {
@@ -1697,10 +1698,10 @@ function Xt(e, t, n, h, v, f) {
       ]),
       _: 3
     }, 8, ["class", "style", "columns", "features"]),
-    e.$slots["extra-row"] ? (o(), y(U, { key: 2 }, {
+    e.$slots["extra-row"] ? (r(), y(U, { key: 2 }, {
       default: b(() => [
         H(P, {
-          class: m(["shrink-0"]),
+          class: f(["shrink-0"]),
           variant: e.variant
         }, {
           default: b(() => [
@@ -1716,9 +1717,9 @@ function Xt(e, t, n, h, v, f) {
       ]),
       _: 3
     })) : g("", !0),
-    e.$slots.actions || e.showSelectingCouter || e.features.paging ? (o(), y(N, {
+    e.$slots.actions || e.showSelectingCouter || e.features.paging ? (r(), y(N, {
       key: 3,
-      class: m(["shrink-0"])
+      class: f(["shrink-0"])
     }, Y({ _: 2 }, [
       e.features.selecting && e.selectingModel.length > 0 ? {
         name: "status",
@@ -1761,7 +1762,7 @@ export {
   qe as e,
   Je as f,
   _e as g,
-  ot as h,
+  rt as h,
   st as i,
   mt as j,
   vt as k,
@@ -1772,4 +1773,4 @@ export {
   jt as p,
   qt as q
 };
-//# sourceMappingURL=OrDataGrid-B7h2wGXD.mjs.map
+//# sourceMappingURL=OrDataGrid-C_RY7OZe.mjs.map