@onereach/ui-components 25.3.4 → 25.3.5-beta.5813.0

package/dist/esm/{OrDataGrid-BYojYWqx.mjs → OrDataGrid-DB59ZWE9.mjs}

@@ -1,8 +1,8 @@
 import { O as X } from "./OrCheckbox-WPBzlvaV.mjs";
-import { O as Y } from "./OrPagination-pcDCKc9g.mjs";
-import { O as Z } from "./OrSearch-CRFuNmg2.mjs";
-import { O as _ } from "./OrSkeletonArea.vue_vue_type_script_lang-jgRhbZ0X.mjs";
-import { defineComponent as G, ref as D, computed as n, openBlock as a, createElementBlock as f, normalizeClass as u, renderSlot as s, createCommentVNode as g, resolveComponent as d, normalizeStyle as N, Fragment as H, createBlock as m, watch as x, createElementVNode as ee, createVNode as M, mergeProps as te, withCtx as p, createSlots as K, normalizeProps as oe, guardReactiveProps as ae, renderList as P, createTextVNode as Q, toDisplayString as W } from "vue";
+import { O as Z } from "./OrPagination-pcDCKc9g.mjs";
+import { O as _ } from "./OrSearch-CRFuNmg2.mjs";
+import { O as x } from "./OrSkeletonArea.vue_vue_type_script_lang-jgRhbZ0X.mjs";
+import { defineComponent as G, ref as D, computed as n, openBlock as a, createElementBlock as f, normalizeClass as u, renderSlot as s, createCommentVNode as g, resolveComponent as d, normalizeStyle as N, Fragment as H, createBlock as m, watch as ee, createElementVNode as Y, createVNode as M, mergeProps as te, withCtx as p, createSlots as K, normalizeProps as oe, guardReactiveProps as ae, renderList as P, createTextVNode as Q, toDisplayString as W } from "vue";
 import { _ as T } from "./_plugin-vue_export-helper-CHgC5LLL.mjs";
 import { O as re } from "./OrDatePicker-B_N24Q-T.mjs";
 import { O as ne } from "./OrDateTimePicker-CNt_o1Js.mjs";
@@ -31,10 +31,10 @@ const ge = [
   // Theme
   "theme-border-disabled border-t-1",
   "dark:theme-border-disabled-dark"
-], be = [
+], ve = [
   // Typography
   "typography-body-2-semibold"
-], ve = G({
+], be = G({
   name: "OrDataGridFooter",
   expose: [
     "root"
@@ -44,7 +44,7 @@ const ge = [
       "or-data-grid-footer-v3",
       ...ge
     ]), r = n(() => [
-      ...be
+      ...ve
     ]);
     return {
       root: e,
@@ -56,7 +56,7 @@ const ge = [
   key: 1,
   class: /* @__PURE__ */ u(["grow"])
 };
-function ye(e, t, r, c, b, v) {
+function ye(e, t, r, c, v, b) {
   return a(), f("div", {
     ref: "root",
     class: u(e.rootStyles)
@@ -72,7 +72,7 @@ function ye(e, t, r, c, b, v) {
     s(e.$slots, "paging")
   ], 2);
 }
-const ke = /* @__PURE__ */ T(ve, [["render", ye]]), Oe = [
+const ke = /* @__PURE__ */ T(be, [["render", ye]]), Oe = [
   // Layout
   "layout-row items-start",
   // Interactivity
@@ -104,7 +104,7 @@ const ke = /* @__PURE__ */ T(ve, [["render", ye]]), Oe = [
   key: 1,
   class: /* @__PURE__ */ u(["grow"])
 };
-function Ge(e, t, r, c, b, v) {
+function Ge(e, t, r, c, v, b) {
   return a(), f("div", {
     ref: "root",
     class: u(e.rootStyles)
@@ -196,7 +196,7 @@ const Te = /* @__PURE__ */ T(De, [["render", Ge]]), Se = [
         ...Se,
         ...($ = e.column) != null && $.stickiness ? [`sticky-${e.column.stickiness}`] : []
       ];
-    }), b = n(() => {
+    }), v = n(() => {
       if (e.column)
         switch (e.column.stickiness) {
           case "start":
@@ -222,7 +222,7 @@ const Te = /* @__PURE__ */ T(De, [["render", Ge]]), Se = [
       return {
         justifyContent: "center"
       };
-    }), v = n(() => [
+    }), b = n(() => [
       ...Ce
     ]), k = n({
       get: () => e.modelValue,
@@ -236,14 +236,14 @@ const Te = /* @__PURE__ */ T(De, [["render", Ge]]), Se = [
     return {
       root: r,
       rootStyles: c,
-      rootInlineStyles: b,
-      contentStyles: v,
+      rootInlineStyles: v,
+      contentStyles: b,
       model: k,
       control: O
     };
   }
 });
-function Me(e, t, r, c, b, v) {
+function Me(e, t, r, c, v, b) {
   const k = d("OrInput"), O = d("OrRating"), $ = d("OrSelect"), i = d("OrCheckbox"), w = d("OrSwitch"), S = d("OrDatePicker"), C = d("OrTimePicker"), V = d("OrDateTimePicker"), I = d("OrTagInput");
   return a(), f("div", {
     ref: "root",
@@ -392,7 +392,7 @@ const Ie = [
     };
   }
 }), Pe = ["selected"];
-function je(e, t, r, c, b, v) {
+function je(e, t, r, c, v, b) {
   return a(), f("div", {
     ref: "root",
     class: u(e.rootStyles),
@@ -420,7 +420,7 @@ const Ee = /* @__PURE__ */ T(He, [["render", je]]), Ue = [
     };
   }
 });
-function qe(e, t, r, c, b, v) {
+function qe(e, t, r, c, v, b) {
   return a(), f("div", {
     ref: "root",
     class: u(e.rootStyles)
@@ -454,7 +454,7 @@ const Le = /* @__PURE__ */ T(Ne, [["render", qe]]), Be = [
     };
   }
 });
-function Ae(e, t, r, c, b, v) {
+function Ae(e, t, r, c, v, b) {
   return a(), f("div", {
     ref: "root",
     class: u(e.rootStyles)
@@ -511,7 +511,7 @@ const Je = /* @__PURE__ */ T(ze, [["render", Ae]]), Ke = [
     };
   }
 });
-function Xe(e, t, r, c, b, v) {
+function Xe(e, t, r, c, v, b) {
   return a(), f("div", {
     ref: "root",
     class: u(e.rootStyles)
@@ -538,7 +538,7 @@ const Ye = /* @__PURE__ */ T(We, [["render", Xe]]), Ze = [
     };
   }
 });
-function xe(e, t, r, c, b, v) {
+function xe(e, t, r, c, v, b) {
   return a(), f("div", {
     ref: "root",
     class: u(e.rootStyles)
@@ -597,7 +597,7 @@ const et = /* @__PURE__ */ T(_e, [["render", xe]]), tt = [
     const r = D(), c = n(() => {
       var i, w, S;
       return !!((i = e.features) != null && i.sorting) && !!((w = e.column) != null && w.name) && ((S = e.column) == null ? void 0 : S.sorting) !== !1;
-    }), b = n(() => {
+    }), v = n(() => {
       var i;
       return [
         "or-data-grid-table-header-cell-v3",
@@ -605,7 +605,7 @@ const et = /* @__PURE__ */ T(_e, [["render", xe]]), tt = [
         ...(i = e.column) != null && i.stickiness ? [`sticky-${e.column.stickiness}`] : [],
         ...c.value ? ["interactivity-click"] : []
       ];
-    }), v = n(() => {
+    }), b = n(() => {
       if (e.column)
         switch (e.column.stickiness) {
           case "start":
@@ -659,7 +659,7 @@ const et = /* @__PURE__ */ T(_e, [["render", xe]]), tt = [
         }
     }
     const { width: $ } = fe(r, void 0, { box: "border-box" });
-    return x([
+    return ee([
       r,
       $,
       () => {
@@ -675,8 +675,8 @@ const et = /* @__PURE__ */ T(_e, [["render", xe]]), tt = [
       S && S !== i && t.emit("remove:scrollOffset", S), t.emit("update:scrollOffset", i, w, e.column);
     }), {
       root: r,
-      rootStyles: b,
-      rootInlineStyles: v,
+      rootStyles: v,
+      rootInlineStyles: b,
       isSortable: c,
       model: k,
       toggleSorting: O
@@ -685,7 +685,7 @@ const et = /* @__PURE__ */ T(_e, [["render", xe]]), tt = [
 }), at = {
   class: /* @__PURE__ */ u(["truncate"])
 };
-function rt(e, t, r, c, b, v) {
+function rt(e, t, r, c, v, b) {
   const k = d("OrIcon");
   return a(), f("div", {
     ref: "root",
@@ -693,7 +693,7 @@ function rt(e, t, r, c, b, v) {
     style: N(e.rootInlineStyles),
     onClick: t[0] || (t[0] = (O) => e.toggleSorting())
   }, [
-    ee("div", at, [
+    Y("div", at, [
       s(e.$slots, "default")
     ]),
     e.model ? (a(), m(k, {
@@ -750,7 +750,7 @@ const nt = /* @__PURE__ */ T(ot, [["render", rt]]), lt = [
     };
   }
 });
-function dt(e, t, r, c, b, v) {
+function dt(e, t, r, c, v, b) {
   return a(), f("div", {
     ref: "root",
     class: u(e.rootStyles)
@@ -777,7 +777,7 @@ const ut = /* @__PURE__ */ T(it, [["render", dt]]), ct = [
     };
   }
 });
-function ft(e, t, r, c, b, v) {
+function ft(e, t, r, c, v, b) {
   return a(), f("div", {
     ref: "root",
     class: u(e.rootStyles)
@@ -799,7 +799,7 @@ const pt = /* @__PURE__ */ T(mt, [["render", ft]]), gt = [
   "dark:theme-foreground-default-dark",
   "theme-background-default",
   "dark:theme-background-default-dark"
-], bt = {
+], vt = {
   [y.Standard]: [
     // Box
     "min-h-[calc(theme(spacing.2xl)+theme(spacing.xs))]"
@@ -812,7 +812,7 @@ const pt = /* @__PURE__ */ T(mt, [["render", ft]]), gt = [
     // Box
     "min-h-[calc(theme(spacing.xl)+theme(spacing.xs))]"
   ]
-}, vt = G({
+}, bt = G({
   name: "OrDataGridTablePlaceholder",
   props: {
     variant: {
@@ -827,7 +827,7 @@ const pt = /* @__PURE__ */ T(mt, [["render", ft]]), gt = [
     const t = D(), r = n(() => [
       "or-data-grid-table-placeholder-v3",
       ...gt,
-      ...bt[e.variant]
+      ...vt[e.variant]
     ]);
     return {
       root: t,
@@ -835,7 +835,7 @@ const pt = /* @__PURE__ */ T(mt, [["render", ft]]), gt = [
     };
   }
 });
-function ht(e, t, r, c, b, v) {
+function ht(e, t, r, c, v, b) {
   return a(), f("div", {
     ref: "root",
     class: u(e.rootStyles)
@@ -843,7 +843,7 @@ function ht(e, t, r, c, b, v) {
     s(e.$slots, "default")
   ], 2);
 }
-const yt = /* @__PURE__ */ T(vt, [["render", ht]]), kt = [
+const yt = /* @__PURE__ */ T(bt, [["render", ht]]), kt = [
   // Layout
   "grid content-start",
   // Overflow
@@ -870,8 +870,8 @@ const yt = /* @__PURE__ */ T(vt, [["render", ht]]), kt = [
       "or-data-grid-table-v3",
       ...kt
     ]), c = n(() => {
-      const b = e.columns.map((v) => v.width ?? "auto");
-      return e.features.selecting ? { gridTemplateColumns: `0fr ${b.join(" ")}` } : { gridTemplateColumns: b.join(" ") };
+      const v = e.columns.map((b) => b.width ?? "auto");
+      return e.features.selecting ? { gridTemplateColumns: `0fr ${v.join(" ")}` } : { gridTemplateColumns: v.join(" ") };
     });
     return {
       root: t,
@@ -880,7 +880,7 @@ const yt = /* @__PURE__ */ T(vt, [["render", ht]]), kt = [
     };
   }
 });
-function $t(e, t, r, c, b, v) {
+function $t(e, t, r, c, v, b) {
   return a(), f("div", {
     ref: "root",
     class: u(e.rootStyles),
@@ -912,7 +912,7 @@ const Dt = /* @__PURE__ */ T(Ot, [["render", $t]]), wt = [
     };
   }
 });
-function Tt(e, t, r, c, b, v) {
+function Tt(e, t, r, c, v, b) {
   return a(), f("div", {
     ref: "root",
     class: u(e.rootStyles)
@@ -965,7 +965,7 @@ const St = /* @__PURE__ */ T(Gt, [["render", Tt]]), Ct = [
     };
   }
 });
-function Rt(e, t, r, c, b, v) {
+function Rt(e, t, r, c, v, b) {
   const k = d("OrNotification");
   return a(), f("div", {
     class: u(e.rootStyles)
@@ -1030,7 +1030,7 @@ const It = /* @__PURE__ */ T(Mt, [["render", Rt]]), Ft = [
     };
   }
 });
-function jt(e, t, r, c, b, v) {
+function jt(e, t, r, c, v, b) {
   return a(), f("div", {
     ref: "root",
     class: u(e.rootStyles)
@@ -1040,7 +1040,8 @@ function jt(e, t, r, c, b, v) {
 }
 const Et = /* @__PURE__ */ T(Pt, [["render", jt]]), Ut = [
   // Layout
-  "layout-column"
+  "layout-column",
+  "justify-between"
 ], Nt = G({
   name: "OrDataGrid",
   components: {
@@ -1061,9 +1062,9 @@ const Et = /* @__PURE__ */ T(Pt, [["render", jt]]), Ut = [
     OrDataGridTablePlaceholder: yt,
     OrDataGridToolbar: St,
     OrDataGridNotification: It,
-    OrPagination: Y,
-    OrSearch: Z,
-    OrSkeletonText: _
+    OrPagination: Z,
+    OrSearch: _,
+    OrSkeletonText: x
   },
   model: {
     prop: "modelValue",
@@ -1117,10 +1118,10 @@ const Et = /* @__PURE__ */ T(Pt, [["render", jt]]), Ut = [
     "root"
   ],
   setup(e, t) {
-    const r = D(), c = D(), b = n(() => [
+    const r = D(), c = D(), v = n(() => [
       "or-data-grid-v3",
       ...Ut
-    ]), v = n(() => ({
+    ]), b = n(() => ({
       scrollPaddingInlineStart: `${[...C.value.values()].reduce((o, l) => o + l, 0)}px`,
       scrollPaddingInlineEnd: `${[...V.value.values()].reduce((o, l) => o + l, 0)}px`
     })), k = n({
@@ -1263,9 +1264,9 @@ const Et = /* @__PURE__ */ T(Pt, [["render", jt]]), Ut = [
     }
     return {
       root: r,
-      rootStyles: b,
+      rootStyles: v,
       pagination: c,
-      tableInlineStyles: v,
+      tableInlineStyles: b,
       selectingIndicator: k,
       showSelectingCouter: I,
       selectingDisabled: h,
@@ -1289,259 +1290,261 @@ const Et = /* @__PURE__ */ T(Pt, [["render", jt]]), Ut = [
       }
     };
   }
-});
-function qt(e, t, r, c, b, v) {
+}), qt = { class: "layout-column overflow-hidden" };
+function Lt(e, t, r, c, v, b) {
   const k = d("OrSearch"), O = d("OrDataGridHeader"), $ = d("OrDataGridToolbar"), i = d("OrCheckbox"), w = d("OrDataGridTableHeaderCell"), S = d("OrDataGridTableHeaderRow"), C = d("OrDataGridTableHeader"), V = d("OrDataGridNotification"), I = d("OrDataGridTableExtraRow"), h = d("OrSkeletonText"), F = d("OrDataGridTableContentCell"), j = d("OrDataGridTableContentRow"), E = d("OrDataGridTablePlaceholder"), q = d("OrDataGridTableContent"), L = d("OrDataGridTable"), B = d("OrDataGridTableFooterCell"), z = d("OrDataGridTableFooterRow"), A = d("OrDataGridTableFooter"), U = d("OrPagination"), J = d("OrDataGridFooter");
   return a(), f("div", {
     ref: "root",
     class: u(e.rootStyles)
   }, [
-    e.$slots.title || e.features.searching || e.$slots.search ? (a(), m(O, {
-      key: 0,
-      class: u(["shrink-0"])
-    }, K({ _: 2 }, [
-      e.$slots.title ? {
-        name: "title",
-        fn: p(() => [
-          s(e.$slots, "title")
-        ]),
-        key: "0"
-      } : void 0,
-      e.features.searching ? {
-        name: "searching",
-        fn: p(() => [
-          s(e.$slots, "search", oe(ae({ updateSearchingModel: e.updateSearchingModel, searchingModel: e.searchingModel })), () => [
-            M(k, {
-              modelValue: e.searchingModel,
-              "onUpdate:modelValue": t[0] || (t[0] = (o) => e.searchingModel = o)
-            }, null, 8, ["modelValue"])
-          ])
-        ]),
-        key: "1"
-      } : void 0
-    ]), 1024)) : g("", !0),
-    e.$slots.toolbar ? (a(), m($, {
-      key: 1,
-      class: u(["shrink-0"])
-    }, {
-      default: p(() => [
-        s(e.$slots, "toolbar")
-      ]),
-      _: 3
-    })) : g("", !0),
-    M(L, {
-      class: u(["grow", { "grid-rows-[auto_1fr]": e.items.length === 0 }]),
-      style: N(e.tableInlineStyles),
-      columns: e.columns,
-      features: e.features
-    }, {
-      default: p(() => [
-        M(C, null, {
-          default: p(() => [
-            M(S, { variant: e.variant }, {
-              default: p(() => [
-                e.features.selecting ? (a(), m(w, {
-                  key: 0,
-                  column: { stickiness: "start" },
-                  class: "!py-xs !px-xs md:!py-none md:!px-sm+",
-                  "onUpdate:scrollOffset": e.updateScrollOffset,
-                  "onRemove:scrollOffset": e.removeScrollOffset
-                }, {
-                  default: p(() => [
-                    M(i, {
-                      modelValue: e.selectingIndicator,
-                      "onUpdate:modelValue": t[1] || (t[1] = (o) => e.selectingIndicator = o),
-                      indeterminate: !e.selectingIndicator && e.selectingModel.length > 0,
-                      disabled: e.selectingDisabled
-                    }, null, 8, ["modelValue", "indeterminate", "disabled"])
-                  ]),
-                  _: 1
-                }, 8, ["onUpdate:scrollOffset", "onRemove:scrollOffset"])) : g("", !0),
-                (a(!0), f(H, null, P(e.columns, (o) => (a(), m(w, {
-                  key: o.name,
-                  modelValue: e.sortingModel,
-                  "onUpdate:modelValue": t[2] || (t[2] = (l) => e.sortingModel = l),
-                  column: o,
-                  features: e.features,
-                  "onUpdate:scrollOffset": e.updateScrollOffset,
-                  "onRemove:scrollOffset": e.removeScrollOffset
-                }, {
-                  default: p(() => [
-                    Q(W(o.label), 1)
-                  ]),
-                  _: 2
-                }, 1032, ["modelValue", "column", "features", "onUpdate:scrollOffset", "onRemove:scrollOffset"]))), 128))
-              ]),
-              _: 1
-            }, 8, ["variant"])
+    Y("div", qt, [
+      e.$slots.title || e.features.searching || e.$slots.search ? (a(), m(O, {
+        key: 0,
+        class: u(["shrink-0"])
+      }, K({ _: 2 }, [
+        e.$slots.title ? {
+          name: "title",
+          fn: p(() => [
+            s(e.$slots, "title")
           ]),
-          _: 1
-        }),
-        e.notification ? (a(), m(V, {
-          key: 0,
-          notification: e.notification,
-          variant: e.variant,
-          onCloseNotification: t[3] || (t[3] = (o) => e.$emit("close-notification"))
-        }, K({ _: 2 }, [
-          e.$slots.notification ? {
-            name: "notification",
-            fn: p(() => [
-              s(e.$slots, "notification")
+          key: "0"
+        } : void 0,
+        e.features.searching ? {
+          name: "searching",
+          fn: p(() => [
+            s(e.$slots, "search", oe(ae({ updateSearchingModel: e.updateSearchingModel, searchingModel: e.searchingModel })), () => [
+              M(k, {
+                modelValue: e.searchingModel,
+                "onUpdate:modelValue": t[0] || (t[0] = (o) => e.searchingModel = o)
+              }, null, 8, ["modelValue"])
+            ])
+          ]),
+          key: "1"
+        } : void 0
+      ]), 1024)) : g("", !0),
+      e.$slots.toolbar ? (a(), m($, {
+        key: 1,
+        class: u(["shrink-0"])
+      }, {
+        default: p(() => [
+          s(e.$slots, "toolbar")
+        ]),
+        _: 3
+      })) : g("", !0),
+      M(L, {
+        class: u(["grow", { "grid-rows-[auto_1fr]": e.items.length === 0 }]),
+        style: N(e.tableInlineStyles),
+        columns: e.columns,
+        features: e.features
+      }, {
+        default: p(() => [
+          M(C, null, {
+            default: p(() => [
+              M(S, { variant: e.variant }, {
+                default: p(() => [
+                  e.features.selecting ? (a(), m(w, {
+                    key: 0,
+                    column: { stickiness: "start" },
+                    class: "!py-xs !px-xs md:!py-none md:!px-sm+",
+                    "onUpdate:scrollOffset": e.updateScrollOffset,
+                    "onRemove:scrollOffset": e.removeScrollOffset
+                  }, {
+                    default: p(() => [
+                      M(i, {
+                        modelValue: e.selectingIndicator,
+                        "onUpdate:modelValue": t[1] || (t[1] = (o) => e.selectingIndicator = o),
+                        indeterminate: !e.selectingIndicator && e.selectingModel.length > 0,
+                        disabled: e.selectingDisabled
+                      }, null, 8, ["modelValue", "indeterminate", "disabled"])
+                    ]),
+                    _: 1
+                  }, 8, ["onUpdate:scrollOffset", "onRemove:scrollOffset"])) : g("", !0),
+                  (a(!0), f(H, null, P(e.columns, (o) => (a(), m(w, {
+                    key: o.name,
+                    modelValue: e.sortingModel,
+                    "onUpdate:modelValue": t[2] || (t[2] = (l) => e.sortingModel = l),
+                    column: o,
+                    features: e.features,
+                    "onUpdate:scrollOffset": e.updateScrollOffset,
+                    "onRemove:scrollOffset": e.removeScrollOffset
+                  }, {
+                    default: p(() => [
+                      Q(W(o.label), 1)
+                    ]),
+                    _: 2
+                  }, 1032, ["modelValue", "column", "features", "onUpdate:scrollOffset", "onRemove:scrollOffset"]))), 128))
+                ]),
+                _: 1
+              }, 8, ["variant"])
             ]),
-            key: "0"
-          } : void 0
-        ]), 1032, ["notification", "variant"])) : g("", !0),
-        M(q, null, {
-          default: p(() => [
-            e.$slots["before-rows"] ? (a(), m(I, {
-              key: 0,
-              variant: e.variant,
-              class: "border-b-1"
-            }, {
-              default: p(() => [
-                s(e.$slots, "before-rows")
+            _: 1
+          }),
+          e.notification ? (a(), m(V, {
+            key: 0,
+            notification: e.notification,
+            variant: e.variant,
+            onCloseNotification: t[3] || (t[3] = (o) => e.$emit("close-notification"))
+          }, K({ _: 2 }, [
+            e.$slots.notification ? {
+              name: "notification",
+              fn: p(() => [
+                s(e.$slots, "notification")
               ]),
-              _: 3
-            }, 8, ["variant"])) : g("", !0),
-            e.loading ? (a(!0), f(H, { key: 1 }, P(e.skeletonsLength, (o) => (a(), m(j, {
-              key: o,
-              variant: e.variant,
-              interactive: e.interactiveRows
-            }, {
-              default: p(() => [
-                e.features.selecting ? (a(), m(F, {
-                  key: 0,
-                  column: { stickiness: "start" },
-                  override: !0
-                }, {
-                  default: p(() => [
-                    M(h)
-                  ]),
-                  _: 1
-                })) : g("", !0),
-                (a(!0), f(H, null, P(e.columns, (l) => (a(), m(F, {
-                  key: l.name,
-                  column: l,
-                  features: e.features,
-                  override: !0
-                }, {
-                  default: p(() => [
-                    s(e.$slots, "column-loading", { column: l }, () => [
+              key: "0"
+            } : void 0
+          ]), 1032, ["notification", "variant"])) : g("", !0),
+          M(q, null, {
+            default: p(() => [
+              e.$slots["before-rows"] ? (a(), m(I, {
+                key: 0,
+                variant: e.variant,
+                class: "border-b-1"
+              }, {
+                default: p(() => [
+                  s(e.$slots, "before-rows")
+                ]),
+                _: 3
+              }, 8, ["variant"])) : g("", !0),
+              e.loading ? (a(!0), f(H, { key: 1 }, P(e.skeletonsLength, (o) => (a(), m(j, {
+                key: o,
+                variant: e.variant,
+                interactive: e.interactiveRows
+              }, {
+                default: p(() => [
+                  e.features.selecting ? (a(), m(F, {
+                    key: 0,
+                    column: { stickiness: "start" },
+                    override: !0
+                  }, {
+                    default: p(() => [
                       M(h)
-                    ])
-                  ]),
-                  _: 2
-                }, 1032, ["column", "features"]))), 128))
-              ]),
-              _: 2
-            }, 1032, ["variant", "interactive"]))), 128)) : e.items.length > 0 ? (a(!0), f(H, { key: 2 }, P(e.items, (o) => (a(), m(j, {
-              key: o.id,
-              variant: e.variant,
-              selected: e.selectingModel.includes(o.id),
-              interactive: e.interactiveRows,
-              onMouseenter: () => e.handleMouseEnterRow(o),
-              onMouseleave: () => e.handleMouseLeaveRow(o),
-              onClick: () => e.handleRowClick(o)
-            }, {
-              default: p(() => [
-                e.features.selecting ? (a(), m(F, {
-                  key: 0,
-                  column: { stickiness: "start" },
-                  "force-state": "none",
-                  class: "!py-xs !px-xs md:!py-none md:!px-sm+",
-                  onMouseenter: () => e.handleMouseEnterCell(o, "selecting", e.selectingModel.includes(o.id)),
-                  onMouseleave: () => e.handleMouseLeaveCell(o, "selecting", e.selectingModel.includes(o.id))
-                }, {
-                  default: p(() => [
-                    M(i, {
-                      modelValue: e.selectingModel,
-                      "onUpdate:modelValue": t[4] || (t[4] = (l) => e.selectingModel = l),
-                      value: o.id,
-                      disabled: e.selectingDisabled
-                    }, null, 8, ["modelValue", "value", "disabled"])
-                  ]),
-                  _: 2
-                }, 1032, ["onMouseenter", "onMouseleave"])) : g("", !0),
-                (a(!0), f(H, null, P(e.columns, (l) => (a(), m(F, {
-                  key: l.name,
-                  "model-value": o[l.name],
-                  column: l,
-                  features: e.features,
-                  onInput: (R) => e.onInput(o, l.name, R),
-                  onFocusin: t[5] || (t[5] = (R) => e.scrollTo(R)),
-                  onMouseenter: () => e.handleMouseEnterCell(o, l.name, o[l.name]),
-                  onMouseleave: () => e.handleMouseLeaveCell(o, l.name, o[l.name])
-                }, {
-                  default: p(() => [
-                    s(e.$slots, l.name, {
-                      column: l,
-                      item: o
-                    }, () => [
-                      Q(W(o[l.name]), 1)
-                    ])
-                  ]),
-                  _: 2
-                }, 1032, ["model-value", "column", "features", "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) ? (a(), m(E, {
-              key: 3,
-              class: u(["col-span-full"]),
-              variant: e.variant
-            }, {
-              default: p(() => [
-                s(e.$slots, "noSearchResults", {
-                  filter: e.filteringModel,
-                  search: e.searchingModel
-                })
-              ]),
-              _: 3
-            }, 8, ["variant"])) : e.$slots.empty ? (a(), m(E, {
-              key: 4,
-              class: u(["col-span-full"]),
-              variant: e.variant
-            }, {
-              default: p(() => [
-                s(e.$slots, "empty")
-              ]),
-              _: 3
-            }, 8, ["variant"])) : g("", !0),
-            e.$slots["after-rows"] ? (a(), m(I, {
-              key: 5,
-              variant: e.variant
-            }, {
-              default: p(() => [
-                s(e.$slots, "after-rows")
-              ]),
-              _: 3
-            }, 8, ["variant"])) : g("", !0)
-          ]),
-          _: 3
-        })
-      ]),
-      _: 3
-    }, 8, ["class", "style", "columns", "features"]),
-    e.$slots["extra-row"] ? (a(), m(A, { key: 2 }, {
-      default: p(() => [
-        M(z, {
-          class: u(["shrink-0"]),
-          variant: e.variant
-        }, {
-          default: p(() => [
-            M(B, null, {
-              default: p(() => [
-                s(e.$slots, "extra-row")
-              ]),
-              _: 3
-            })
-          ]),
-          _: 3
-        }, 8, ["variant"])
-      ]),
-      _: 3
-    })) : g("", !0),
+                    ]),
+                    _: 1
+                  })) : g("", !0),
+                  (a(!0), f(H, null, P(e.columns, (l) => (a(), m(F, {
+                    key: l.name,
+                    column: l,
+                    features: e.features,
+                    override: !0
+                  }, {
+                    default: p(() => [
+                      s(e.$slots, "column-loading", { column: l }, () => [
+                        M(h)
+                      ])
+                    ]),
+                    _: 2
+                  }, 1032, ["column", "features"]))), 128))
+                ]),
+                _: 2
+              }, 1032, ["variant", "interactive"]))), 128)) : e.items.length > 0 ? (a(!0), f(H, { key: 2 }, P(e.items, (o) => (a(), m(j, {
+                key: o.id,
+                variant: e.variant,
+                selected: e.selectingModel.includes(o.id),
+                interactive: e.interactiveRows,
+                onMouseenter: () => e.handleMouseEnterRow(o),
+                onMouseleave: () => e.handleMouseLeaveRow(o),
+                onClick: () => e.handleRowClick(o)
+              }, {
+                default: p(() => [
+                  e.features.selecting ? (a(), m(F, {
+                    key: 0,
+                    column: { stickiness: "start" },
+                    "force-state": "none",
+                    class: "!py-xs !px-xs md:!py-none md:!px-sm+",
+                    onMouseenter: () => e.handleMouseEnterCell(o, "selecting", e.selectingModel.includes(o.id)),
+                    onMouseleave: () => e.handleMouseLeaveCell(o, "selecting", e.selectingModel.includes(o.id))
+                  }, {
+                    default: p(() => [
+                      M(i, {
+                        modelValue: e.selectingModel,
+                        "onUpdate:modelValue": t[4] || (t[4] = (l) => e.selectingModel = l),
+                        value: o.id,
+                        disabled: e.selectingDisabled
+                      }, null, 8, ["modelValue", "value", "disabled"])
+                    ]),
+                    _: 2
+                  }, 1032, ["onMouseenter", "onMouseleave"])) : g("", !0),
+                  (a(!0), f(H, null, P(e.columns, (l) => (a(), m(F, {
+                    key: l.name,
+                    "model-value": o[l.name],
+                    column: l,
+                    features: e.features,
+                    onInput: (R) => e.onInput(o, l.name, R),
+                    onFocusin: t[5] || (t[5] = (R) => e.scrollTo(R)),
+                    onMouseenter: () => e.handleMouseEnterCell(o, l.name, o[l.name]),
+                    onMouseleave: () => e.handleMouseLeaveCell(o, l.name, o[l.name])
+                  }, {
+                    default: p(() => [
+                      s(e.$slots, l.name, {
+                        column: l,
+                        item: o
+                      }, () => [
+                        Q(W(o[l.name]), 1)
+                      ])
+                    ]),
+                    _: 2
+                  }, 1032, ["model-value", "column", "features", "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) ? (a(), m(E, {
+                key: 3,
+                class: u(["col-span-full"]),
+                variant: e.variant
+              }, {
+                default: p(() => [
+                  s(e.$slots, "noSearchResults", {
+                    filter: e.filteringModel,
+                    search: e.searchingModel
+                  })
+                ]),
+                _: 3
+              }, 8, ["variant"])) : e.$slots.empty ? (a(), m(E, {
+                key: 4,
+                class: u(["col-span-full"]),
+                variant: e.variant
+              }, {
+                default: p(() => [
+                  s(e.$slots, "empty")
+                ]),
+                _: 3
+              }, 8, ["variant"])) : g("", !0),
+              e.$slots["after-rows"] ? (a(), m(I, {
+                key: 5,
+                variant: e.variant
+              }, {
+                default: p(() => [
+                  s(e.$slots, "after-rows")
+                ]),
+                _: 3
+              }, 8, ["variant"])) : g("", !0)
+            ]),
+            _: 3
+          })
+        ]),
+        _: 3
+      }, 8, ["class", "style", "columns", "features"]),
+      e.$slots["extra-row"] ? (a(), m(A, { key: 2 }, {
+        default: p(() => [
+          M(z, {
+            class: u(["shrink-0"]),
+            variant: e.variant
+          }, {
+            default: p(() => [
+              M(B, null, {
+                default: p(() => [
+                  s(e.$slots, "extra-row")
+                ]),
+                _: 3
+              })
+            ]),
+            _: 3
+          }, 8, ["variant"])
+        ]),
+        _: 3
+      })) : g("", !0)
+    ]),
     e.$slots.actions || e.showSelectingCouter || e.features.paging ? (a(), m(J, {
-      key: 3,
+      key: 0,
       class: u(["shrink-0"])
     }, K({ _: 2 }, [
       e.features.selecting && e.selectingModel.length > 0 ? {
@@ -1574,10 +1577,10 @@ function qt(e, t, r, c, b, v) {
     ]), 1024)) : g("", !0)
   ], 2);
 }
-const lo = /* @__PURE__ */ T(Nt, [["render", qt]]);
+const so = /* @__PURE__ */ T(Nt, [["render", Lt]]);
 export {
   y as D,
-  lo as O,
+  so as O,
   ke as a,
   Te as b,
   Re as c,
@@ -1595,4 +1598,4 @@ export {
   It as o,
   Et as p
 };
-//# sourceMappingURL=OrDataGrid-BYojYWqx.mjs.map
+//# sourceMappingURL=OrDataGrid-DB59ZWE9.mjs.map