@onereach/ui-components 26.4.1-beta.5887.0 → 26.4.1-beta.5888.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -2,10 +2,10 @@ import { O as se } from "./OrCheckbox-WPBzlvaV.mjs";
2
2
  import { O as ue } from "./OrPagination-BXzDa-Su.mjs";
3
3
  import { O as me } from "./OrSearch-CRFuNmg2.mjs";
4
4
  import { O as fe } from "./OrSkeletonArea.vue_vue_type_script_lang-jgRhbZ0X.mjs";
5
- import { defineComponent as M, ref as S, computed as n, openBlock as o, createElementBlock as h, normalizeClass as f, renderSlot as d, createCommentVNode as k, resolveComponent as g, normalizeStyle as A, createBlock as y, watch as le, createElementVNode as ge, withModifiers as ne, createVNode as W, mergeProps as he, withCtx as v, onMounted as pe, createSlots as _, normalizeProps as ke, guardReactiveProps as be, Fragment as Q, renderList as Y, createTextVNode as x, toDisplayString as ee } from "vue";
5
+ import { defineComponent as M, ref as S, computed as n, openBlock as r, createElementBlock as p, normalizeClass as f, renderSlot as c, createCommentVNode as y, resolveComponent as g, normalizeStyle as A, createBlock as O, watch as le, createElementVNode as ge, withModifiers as ne, createVNode as N, mergeProps as he, withCtx as b, onMounted as pe, createSlots as _, normalizeProps as ve, guardReactiveProps as ye, Fragment as Q, renderList as Y, createTextVNode as x, toDisplayString as ee } from "vue";
6
6
  import { _ as R } from "./_plugin-vue_export-helper-CHgC5LLL.mjs";
7
- import { O as ve } from "./OrDatePicker-D-Do0tSf.mjs";
8
- import { O as ye } from "./OrDateTimePicker-myqJkQxy.mjs";
7
+ import { O as ke } from "./OrDatePicker-D-Do0tSf.mjs";
8
+ import { O as be } from "./OrDateTimePicker-myqJkQxy.mjs";
9
9
  import "./OrDateTimePicker.vue_vue_type_script_lang-xnGNoSUB.mjs";
10
10
  import "@onereach/ui-components-common/types";
11
11
  import { O as Oe } from "./OrInput-nExtCSw8.mjs";
@@ -52,27 +52,27 @@ const Me = [
52
52
  statusStyles: s
53
53
  };
54
54
  }
55
- }), ze = {
55
+ }), He = {
56
56
  key: 1,
57
57
  class: /* @__PURE__ */ f(["grow"])
58
58
  };
59
- function He(e, t, s, b, p, i) {
60
- return o(), h("div", {
59
+ function Ee(e, t, s, k, h, d) {
60
+ return r(), p("div", {
61
61
  ref: "root",
62
62
  class: f(e.rootStyles)
63
63
  }, [
64
- e.$slots.status ? (o(), h("div", {
64
+ e.$slots.status ? (r(), p("div", {
65
65
  key: 0,
66
66
  class: f(e.statusStyles)
67
67
  }, [
68
- d(e.$slots, "status")
69
- ], 2)) : k("", !0),
70
- d(e.$slots, "actions"),
71
- e.$slots.paging ? (o(), h("div", ze)) : k("", !0),
72
- d(e.$slots, "paging")
68
+ c(e.$slots, "status")
69
+ ], 2)) : y("", !0),
70
+ c(e.$slots, "actions"),
71
+ e.$slots.paging ? (r(), p("div", He)) : y("", !0),
72
+ c(e.$slots, "paging")
73
73
  ], 2);
74
74
  }
75
- const Ee = /* @__PURE__ */ R(Ie, [["render", He]]), We = [
75
+ const We = /* @__PURE__ */ R(Ie, [["render", Ee]]), ze = [
76
76
  // Layout
77
77
  "layout-row items-start gap-md",
78
78
  // Interactivity
@@ -90,7 +90,7 @@ const Ee = /* @__PURE__ */ R(Ie, [["render", He]]), We = [
90
90
  setup() {
91
91
  const e = S(), t = n(() => [
92
92
  "or-data-grid-header-v3",
93
- ...We
93
+ ...ze
94
94
  ]), s = n(() => [
95
95
  ...Fe
96
96
  ]);
@@ -104,24 +104,24 @@ const Ee = /* @__PURE__ */ R(Ie, [["render", He]]), We = [
104
104
  key: 1,
105
105
  class: /* @__PURE__ */ f(["grow"])
106
106
  };
107
- function Ue(e, t, s, b, p, i) {
108
- return o(), h("div", {
107
+ function Ue(e, t, s, k, h, d) {
108
+ return r(), p("div", {
109
109
  ref: "root",
110
110
  class: f(e.rootStyles)
111
111
  }, [
112
- e.$slots.title ? (o(), h("div", {
112
+ e.$slots.title ? (r(), p("div", {
113
113
  key: 0,
114
114
  class: f(e.titleStyles)
115
115
  }, [
116
- d(e.$slots, "title")
117
- ], 2)) : k("", !0),
118
- e.$slots.searching || e.$slots.extraActions ? (o(), h("div", Pe)) : k("", !0),
119
- d(e.$slots, "searching"),
120
- e.$slots.extraActions ? d(e.$slots, "extraActions", { key: 2 }) : k("", !0)
116
+ c(e.$slots, "title")
117
+ ], 2)) : y("", !0),
118
+ e.$slots.searching || e.$slots.extraActions ? (r(), p("div", Pe)) : y("", !0),
119
+ c(e.$slots, "searching"),
120
+ e.$slots.extraActions ? c(e.$slots, "extraActions", { key: 2 }) : y("", !0)
121
121
  ], 2);
122
122
  }
123
123
  const je = /* @__PURE__ */ R(Ne, [["render", Ue]]);
124
- var O = /* @__PURE__ */ ((e) => (e.Standard = "standard", e.Comfortable = "comfortable", e.Compact = "compact", e.Dynamic = "dynamic", e))(O || {});
124
+ var $ = /* @__PURE__ */ ((e) => (e.Standard = "standard", e.Comfortable = "comfortable", e.Compact = "compact", e.Dynamic = "dynamic", e))($ || {});
125
125
  const K = "52px", Z = "42px", Le = [
126
126
  // Layout
127
127
  "layout-row items-center",
@@ -130,11 +130,8 @@ const K = "52px", Z = "42px", Le = [
130
130
  "py-xs",
131
131
  "gap-xs",
132
132
  // Theme
133
- "theme-border-disabled border-b-1 border-e-1 border-solid",
133
+ "theme-border-disabled border-b-1 border-solid",
134
134
  "dark:theme-border-disabled-dark",
135
- // Border (conditional override for last row/column)
136
- "group-last:border-b-0",
137
- "last:border-e-0",
138
135
  "theme-outline-transparent outline-2 -outline-offset-1",
139
136
  "dark:theme-outline-transparent-dark",
140
137
  // Theme (focus)
@@ -145,20 +142,22 @@ const K = "52px", Z = "42px", Le = [
145
142
  // Theme (Stacking)
146
143
  "relative",
147
144
  // Theme (.sticky-start)
148
- "[&.sticky-start]:theme-background-default [&.sticky-start]:border-e-disabled [&.sticky-start]:border-solid",
149
- "dark:[&.sticky-start]:theme-background-default-dark dark:[&.sticky-start]:border-e-disabled-dark",
145
+ "[&.sticky-start]:theme-background-default",
146
+ "dark:[&.sticky-start]:theme-background-default-dark",
150
147
  "hover:[&.sticky-start]:theme-background-surface-1 dark:hover:[&.sticky-start]:theme-background-surface-1-dark",
151
148
  "selected:[&.sticky-start]:theme-background-surface-2 dark:selected:[&.sticky-start]:theme-background-surface-2-dark",
152
149
  "hover:selected:[&.sticky-start]:theme-background-surface-3 dark:hover:selected:[&.sticky-start]:theme-background-surface-3-dark",
153
150
  // Theme (.sticky-end)
154
- "[&.sticky-end]:theme-background-default [&.sticky-end]:border-s-disabled [&.sticky-end]:border-solid",
155
- "dark:[&.sticky-end]:theme-background-default-dark dark:[&.sticky-end]:border-s-disabled-dark",
151
+ "[&.sticky-end]:theme-background-default",
152
+ "dark:[&.sticky-end]:theme-background-default-dark",
156
153
  "hover:[&.sticky-end]:theme-background-surface-1 dark:hover:[&.sticky-end]:theme-background-surface-1-dark",
157
154
  "selected:[&.sticky-end]:theme-background-surface-2 dark:selected:[&.sticky-end]:theme-background-surface-2-dark",
158
155
  "hover:selected:[&.sticky-end]:theme-background-surface-3 dark:hover:selected:[&.sticky-end]:theme-background-surface-3-dark",
159
156
  // Theme (.resizable)
160
- "[&.resizable]:border-e-disabled [&.resizable]:border-solid",
161
- "dark:[&.resizable]:border-e-disabled-dark"
157
+ "relative",
158
+ // Border (conditional override for last row/column)
159
+ "group-last:border-b-0",
160
+ "last:border-r-0"
162
161
  ], Ae = [
163
162
  // interactivity
164
163
  "interactivity-select",
@@ -168,8 +167,8 @@ const K = "52px", Z = "42px", Le = [
168
167
  name: "OrDataGridTableContentCell",
169
168
  components: {
170
169
  OrCheckbox: se,
171
- OrDatePicker: ve,
172
- OrDateTimePicker: ye,
170
+ OrDatePicker: ke,
171
+ OrDateTimePicker: be,
173
172
  OrInput: Oe,
174
173
  OrRating: $e,
175
174
  OrSelect: we,
@@ -197,7 +196,7 @@ const K = "52px", Z = "42px", Le = [
197
196
  },
198
197
  variant: {
199
198
  type: String,
200
- default: O.Standard
199
+ default: $.Standard
201
200
  },
202
201
  override: {
203
202
  type: Boolean,
@@ -215,157 +214,160 @@ const K = "52px", Z = "42px", Le = [
215
214
  "root"
216
215
  ],
217
216
  setup(e, t) {
218
- const s = S(), b = n(() => {
219
- var c, w, I, G;
217
+ const s = S(), k = n(() => {
218
+ var u, D, I, G, F, z, o, i, v;
220
219
  return [
221
220
  "or-data-grid-table-content-cell-v3",
222
221
  ...Le,
223
- ...(c = e.column) != null && c.stickiness ? ["overflow-hidden", `sticky-${e.column.stickiness}`] : [],
224
- ...(w = e.features) != null && w.resizing && ((I = e.column) != null && I.name) && ((G = e.column) == null ? void 0 : G.resizing) !== !1 ? ["resizable"] : []
222
+ ...(u = e.column) != null && u.stickiness ? ["overflow-hidden", `sticky-${e.column.stickiness}`] : [],
223
+ ...(D = e.features) != null && D.resizing && ((I = e.column) != null && I.name) && ((G = e.column) == null ? void 0 : G.resizing) !== !1 ? ["resizable"] : [],
224
+ ...((F = e.column) == null ? void 0 : F.stickiness) === "start" ? ["border-r-1"] : [],
225
+ ...((z = e.column) == null ? void 0 : z.stickiness) === "end" ? ["border-l-1"] : [],
226
+ ...(o = e.features) != null && o.resizing && ((i = e.column) != null && i.name) && ((v = e.column) == null ? void 0 : v.resizing) !== !1 ? ["border-r-1"] : []
225
227
  ];
226
- }), p = n(() => {
227
- var w;
228
- const c = {
229
- justifyContent: ((w = e.column) == null ? void 0 : w.alignment) || (e.column ? void 0 : "center")
228
+ }), h = n(() => {
229
+ var D;
230
+ const u = {
231
+ justifyContent: ((D = e.column) == null ? void 0 : D.alignment) || (e.column ? void 0 : "center")
230
232
  };
231
233
  if (e.column)
232
234
  switch (e.column.stickiness) {
233
235
  case "start":
234
- Object.assign(c, {
236
+ Object.assign(u, {
235
237
  position: "sticky",
236
238
  insetInlineStart: `${e.stickyOffset}px`,
237
239
  zIndex: "30"
238
240
  });
239
241
  break;
240
242
  case "end":
241
- Object.assign(c, {
243
+ Object.assign(u, {
242
244
  position: "sticky",
243
245
  insetInlineEnd: `${e.stickyOffset}px`,
244
246
  zIndex: "30"
245
247
  });
246
248
  break;
247
249
  }
248
- return c;
249
- }), i = n(() => {
250
- var G, N, F, r, u;
251
- const c = ((G = e.column) == null ? void 0 : G.wrapping) ?? (e.variant === O.Dynamic && !((N = e.column) != null && N.control)), w = ((r = (F = e.column) == null ? void 0 : F.control) == null ? void 0 : r.type) === "tags", I = (u = e.column) == null ? void 0 : u.fitContent;
250
+ return u;
251
+ }), d = n(() => {
252
+ var G, F, z, o, i;
253
+ const u = ((G = e.column) == null ? void 0 : G.wrapping) ?? (e.variant === $.Dynamic && !((F = e.column) != null && F.control)), D = ((o = (z = e.column) == null ? void 0 : z.control) == null ? void 0 : o.type) === "tags", I = (i = e.column) == null ? void 0 : i.fitContent;
252
254
  return [
253
255
  "layout-row items-center w-full min-w-0",
254
- ...w ? ["overflow-hidden"] : [],
255
- ...Ae.filter((D) => D !== "truncate"),
256
- ...c ? ["whitespace-pre-wrap break-words"] : I ? ["overflow-hidden"] : ["truncate"]
256
+ ...D ? ["overflow-hidden"] : [],
257
+ ...Ae.filter((v) => v !== "truncate"),
258
+ ...u ? ["whitespace-pre-wrap break-words"] : I ? ["overflow-hidden"] : ["truncate"]
257
259
  ];
258
260
  }), T = n(() => {
259
- var c, w;
261
+ var u, D;
260
262
  return {
261
- minWidth: e.column && e.column.minWidth || (((c = e.column) == null ? void 0 : c.name) === "_check" ? Z : K),
263
+ minWidth: e.column && e.column.minWidth || (((u = e.column) == null ? void 0 : u.name) === "_check" ? Z : K),
262
264
  maxWidth: e.column && e.column.maxWidth,
263
- justifyContent: ((w = e.column) == null ? void 0 : w.alignment) || (e.column ? void 0 : "center")
265
+ justifyContent: ((D = e.column) == null ? void 0 : D.alignment) || (e.column ? void 0 : "center")
264
266
  };
265
- }), E = n({
267
+ }), W = n({
266
268
  get: () => e.modelValue,
267
- set: (c) => {
268
- t.emit("input", c);
269
+ set: (u) => {
270
+ t.emit("input", u);
269
271
  }
270
272
  }), C = n(() => {
271
- var c;
272
- return (c = e.column) == null ? void 0 : c.control;
273
+ var u;
274
+ return (u = e.column) == null ? void 0 : u.control;
273
275
  });
274
276
  return {
275
277
  root: s,
276
- rootStyles: b,
277
- rootInlineStyles: p,
278
- contentStyles: i,
278
+ rootStyles: k,
279
+ rootInlineStyles: h,
280
+ contentStyles: d,
279
281
  contentInlineStyles: T,
280
- model: E,
282
+ model: W,
281
283
  control: C,
282
284
  DATA_GRID_DEFAULT_MIN_WIDTH: K
283
285
  };
284
286
  }
285
287
  });
286
- function Be(e, t, s, b, p, i) {
287
- const T = g("OrInput"), E = g("OrRating"), C = g("OrSelect"), c = g("OrCheckbox"), w = g("OrSwitch"), I = g("OrDatePicker"), G = g("OrTimePicker"), N = g("OrDateTimePicker"), F = g("OrTagInput");
288
- return o(), h("div", {
288
+ function Be(e, t, s, k, h, d) {
289
+ const T = g("OrInput"), W = g("OrRating"), C = g("OrSelect"), u = g("OrCheckbox"), D = g("OrSwitch"), I = g("OrDatePicker"), G = g("OrTimePicker"), F = g("OrDateTimePicker"), z = g("OrTagInput");
290
+ return r(), p("div", {
289
291
  ref: "root",
290
292
  class: f(e.rootStyles),
291
293
  style: A(e.rootInlineStyles)
292
294
  }, [
293
- e.override ? d(e.$slots, "default", { key: 0 }) : e.control ? (o(), h("div", {
295
+ e.override ? c(e.$slots, "default", { key: 0 }) : e.control ? (r(), p("div", {
294
296
  key: 1,
295
297
  class: f(e.contentStyles),
296
298
  style: A(e.contentInlineStyles)
297
299
  }, [
298
- e.control.type === "text" ? (o(), y(T, {
300
+ e.control.type === "text" ? (r(), O(T, {
299
301
  key: 0,
300
302
  modelValue: e.model,
301
- "onUpdate:modelValue": t[0] || (t[0] = (r) => e.model = r),
303
+ "onUpdate:modelValue": t[0] || (t[0] = (o) => e.model = o),
302
304
  type: "text",
303
305
  variant: "embedded"
304
- }, null, 8, ["modelValue"])) : k("", !0),
305
- e.control.type === "number" ? (o(), y(T, {
306
+ }, null, 8, ["modelValue"])) : y("", !0),
307
+ e.control.type === "number" ? (r(), O(T, {
306
308
  key: 1,
307
309
  modelValue: e.model,
308
- "onUpdate:modelValue": t[1] || (t[1] = (r) => e.model = r),
310
+ "onUpdate:modelValue": t[1] || (t[1] = (o) => e.model = o),
309
311
  type: "number",
310
312
  variant: "embedded"
311
- }, null, 8, ["modelValue"])) : k("", !0),
312
- e.control.type === "rating" ? (o(), y(E, {
313
+ }, null, 8, ["modelValue"])) : y("", !0),
314
+ e.control.type === "rating" ? (r(), O(W, {
313
315
  key: 2,
314
316
  modelValue: e.model,
315
- "onUpdate:modelValue": t[2] || (t[2] = (r) => e.model = r)
316
- }, null, 8, ["modelValue"])) : k("", !0),
317
- e.control.type === "select" ? (o(), y(C, {
317
+ "onUpdate:modelValue": t[2] || (t[2] = (o) => e.model = o)
318
+ }, null, 8, ["modelValue"])) : y("", !0),
319
+ e.control.type === "select" ? (r(), O(C, {
318
320
  key: 3,
319
321
  modelValue: e.model,
320
- "onUpdate:modelValue": t[3] || (t[3] = (r) => e.model = r),
322
+ "onUpdate:modelValue": t[3] || (t[3] = (o) => e.model = o),
321
323
  options: e.control.options,
322
324
  variant: "embedded",
323
325
  anchor: e.root
324
- }, null, 8, ["modelValue", "options", "anchor"])) : k("", !0),
325
- e.control.type === "checkbox" ? (o(), y(c, {
326
+ }, null, 8, ["modelValue", "options", "anchor"])) : y("", !0),
327
+ e.control.type === "checkbox" ? (r(), O(u, {
326
328
  key: 4,
327
329
  modelValue: e.model,
328
- "onUpdate:modelValue": t[4] || (t[4] = (r) => e.model = r)
329
- }, null, 8, ["modelValue"])) : k("", !0),
330
- e.control.type === "switch" ? (o(), y(w, {
330
+ "onUpdate:modelValue": t[4] || (t[4] = (o) => e.model = o)
331
+ }, null, 8, ["modelValue"])) : y("", !0),
332
+ e.control.type === "switch" ? (r(), O(D, {
331
333
  key: 5,
332
334
  modelValue: e.model,
333
- "onUpdate:modelValue": t[5] || (t[5] = (r) => e.model = r)
334
- }, null, 8, ["modelValue"])) : k("", !0),
335
- e.control.type === "date" ? (o(), y(I, {
335
+ "onUpdate:modelValue": t[5] || (t[5] = (o) => e.model = o)
336
+ }, null, 8, ["modelValue"])) : y("", !0),
337
+ e.control.type === "date" ? (r(), O(I, {
336
338
  key: 6,
337
339
  modelValue: e.model,
338
- "onUpdate:modelValue": t[6] || (t[6] = (r) => e.model = r),
340
+ "onUpdate:modelValue": t[6] || (t[6] = (o) => e.model = o),
339
341
  variant: "embedded",
340
342
  anchor: e.root
341
- }, null, 8, ["modelValue", "anchor"])) : k("", !0),
342
- e.control.type === "time" ? (o(), y(G, {
343
+ }, null, 8, ["modelValue", "anchor"])) : y("", !0),
344
+ e.control.type === "time" ? (r(), O(G, {
343
345
  key: 7,
344
346
  modelValue: e.model,
345
- "onUpdate:modelValue": t[7] || (t[7] = (r) => e.model = r),
347
+ "onUpdate:modelValue": t[7] || (t[7] = (o) => e.model = o),
346
348
  variant: "embedded",
347
349
  anchor: e.root
348
- }, null, 8, ["modelValue", "anchor"])) : k("", !0),
349
- e.control.type === "datetime" ? (o(), y(N, {
350
+ }, null, 8, ["modelValue", "anchor"])) : y("", !0),
351
+ e.control.type === "datetime" ? (r(), O(F, {
350
352
  key: 8,
351
353
  modelValue: e.model,
352
- "onUpdate:modelValue": t[8] || (t[8] = (r) => e.model = r),
354
+ "onUpdate:modelValue": t[8] || (t[8] = (o) => e.model = o),
353
355
  variant: "embedded",
354
356
  anchor: e.root
355
- }, null, 8, ["modelValue", "anchor"])) : k("", !0),
356
- e.control.type === "tags" ? (o(), y(F, {
357
+ }, null, 8, ["modelValue", "anchor"])) : y("", !0),
358
+ e.control.type === "tags" ? (r(), O(z, {
357
359
  key: 9,
358
360
  modelValue: e.model,
359
- "onUpdate:modelValue": t[9] || (t[9] = (r) => e.model = r),
361
+ "onUpdate:modelValue": t[9] || (t[9] = (o) => e.model = o),
360
362
  variant: "embedded",
361
363
  class: f(["grow min-w-0"])
362
- }, null, 8, ["modelValue"])) : k("", !0)
363
- ], 6)) : (o(), h("div", {
364
+ }, null, 8, ["modelValue"])) : y("", !0)
365
+ ], 6)) : (r(), p("div", {
364
366
  key: 2,
365
367
  class: f(e.contentStyles),
366
368
  style: A(e.contentInlineStyles)
367
369
  }, [
368
- d(e.$slots, "default")
370
+ c(e.$slots, "default")
369
371
  ], 6))
370
372
  ], 6);
371
373
  }
@@ -391,19 +393,19 @@ const Ke = /* @__PURE__ */ R(qe, [["render", Be]]), Xe = [
391
393
  "children:hover:selected:theme-background-surface-3",
392
394
  "dark:children:hover:selected:theme-background-surface-3-dark"
393
395
  ], Je = {
394
- [O.Standard]: [
396
+ [$.Standard]: [
395
397
  // Box
396
398
  "min-h-[calc(theme(spacing.2xl)+theme(spacing.xs))]"
397
399
  ],
398
- [O.Comfortable]: [
400
+ [$.Comfortable]: [
399
401
  // Box
400
402
  "min-h-[calc(theme(spacing.3xl)+theme(spacing.xs))]"
401
403
  ],
402
- [O.Compact]: [
404
+ [$.Compact]: [
403
405
  // Box
404
406
  "min-h-[calc(theme(spacing.xl)+theme(spacing.xs))]"
405
407
  ],
406
- [O.Dynamic]: [
408
+ [$.Dynamic]: [
407
409
  // Box
408
410
  "min-h-[calc(theme(spacing.2xl)+theme(spacing.xs))]"
409
411
  ]
@@ -439,13 +441,13 @@ const Ke = /* @__PURE__ */ R(qe, [["render", Be]]), Xe = [
439
441
  };
440
442
  }
441
443
  }), Ye = ["selected"];
442
- function Ze(e, t, s, b, p, i) {
443
- return o(), h("div", {
444
+ function Ze(e, t, s, k, h, d) {
445
+ return r(), p("div", {
444
446
  ref: "root",
445
447
  class: f(e.rootStyles),
446
448
  selected: e.selected
447
449
  }, [
448
- d(e.$slots, "default")
450
+ c(e.$slots, "default")
449
451
  ], 10, Ye);
450
452
  }
451
453
  const _e = /* @__PURE__ */ R(Qe, [["render", Ze]]), xe = [
@@ -467,15 +469,15 @@ const _e = /* @__PURE__ */ R(Qe, [["render", Ze]]), xe = [
467
469
  };
468
470
  }
469
471
  });
470
- function tt(e, t, s, b, p, i) {
471
- return o(), h("div", {
472
+ function tt(e, t, s, k, h, d) {
473
+ return r(), p("div", {
472
474
  ref: "root",
473
475
  class: f(e.rootStyles)
474
476
  }, [
475
- d(e.$slots, "default")
477
+ c(e.$slots, "default")
476
478
  ], 2);
477
479
  }
478
- const at = /* @__PURE__ */ R(et, [["render", tt]]), rt = [
480
+ const at = /* @__PURE__ */ R(et, [["render", tt]]), ot = [
479
481
  // Layout
480
482
  "layout-row",
481
483
  // Spacing
@@ -485,7 +487,7 @@ const at = /* @__PURE__ */ R(et, [["render", tt]]), rt = [
485
487
  // Theme
486
488
  "theme-border-transparent border-1",
487
489
  "dark:theme-border-transparent-dark"
488
- ], ot = M({
490
+ ], rt = M({
489
491
  name: "OrDataGridTableFooterCell",
490
492
  expose: [
491
493
  "root"
@@ -493,7 +495,7 @@ const at = /* @__PURE__ */ R(et, [["render", tt]]), rt = [
493
495
  setup() {
494
496
  const e = S(), t = n(() => [
495
497
  "or-data-grid-table-footer-cell-v3",
496
- ...rt
498
+ ...ot
497
499
  ]);
498
500
  return {
499
501
  root: e,
@@ -501,15 +503,15 @@ const at = /* @__PURE__ */ R(et, [["render", tt]]), rt = [
501
503
  };
502
504
  }
503
505
  });
504
- function nt(e, t, s, b, p, i) {
505
- return o(), h("div", {
506
+ function nt(e, t, s, k, h, d) {
507
+ return r(), p("div", {
506
508
  ref: "root",
507
509
  class: f(e.rootStyles)
508
510
  }, [
509
- d(e.$slots, "default")
511
+ c(e.$slots, "default")
510
512
  ], 2);
511
513
  }
512
- const st = /* @__PURE__ */ R(ot, [["render", nt]]), lt = [
514
+ const st = /* @__PURE__ */ R(rt, [["render", nt]]), lt = [
513
515
  // Layout
514
516
  "grid grid-cols-1",
515
517
  // Typography
@@ -523,19 +525,19 @@ const st = /* @__PURE__ */ R(ot, [["render", nt]]), lt = [
523
525
  "children:theme-background-default",
524
526
  "dark:children:theme-background-default-dark"
525
527
  ], it = {
526
- [O.Standard]: [
528
+ [$.Standard]: [
527
529
  // Box
528
530
  "min-h-[calc(theme(spacing.2xl)+theme(spacing.xs))]"
529
531
  ],
530
- [O.Comfortable]: [
532
+ [$.Comfortable]: [
531
533
  // Box
532
534
  "min-h-[calc(theme(spacing.3xl)+theme(spacing.xs))]"
533
535
  ],
534
- [O.Compact]: [
536
+ [$.Compact]: [
535
537
  // Box
536
538
  "min-h-[calc(theme(spacing.xl)+theme(spacing.xs))]"
537
539
  ],
538
- [O.Dynamic]: [
540
+ [$.Dynamic]: [
539
541
  // Box
540
542
  "min-h-[calc(theme(spacing.2xl)+theme(spacing.xs))]"
541
543
  ]
@@ -562,12 +564,12 @@ const st = /* @__PURE__ */ R(ot, [["render", nt]]), lt = [
562
564
  };
563
565
  }
564
566
  });
565
- function ct(e, t, s, b, p, i) {
566
- return o(), h("div", {
567
+ function ct(e, t, s, k, h, d) {
568
+ return r(), p("div", {
567
569
  ref: "root",
568
570
  class: f(e.rootStyles)
569
571
  }, [
570
- d(e.$slots, "default")
572
+ c(e.$slots, "default")
571
573
  ], 2);
572
574
  }
573
575
  const ut = /* @__PURE__ */ R(dt, [["render", ct]]), mt = [
@@ -589,12 +591,12 @@ const ut = /* @__PURE__ */ R(dt, [["render", ct]]), mt = [
589
591
  };
590
592
  }
591
593
  });
592
- function gt(e, t, s, b, p, i) {
593
- return o(), h("div", {
594
+ function gt(e, t, s, k, h, d) {
595
+ return r(), p("div", {
594
596
  ref: "root",
595
597
  class: f(e.rootStyles)
596
598
  }, [
597
- d(e.$slots, "default")
599
+ c(e.$slots, "default")
598
600
  ], 2);
599
601
  }
600
602
  const ht = /* @__PURE__ */ R(ft, [["render", gt]]), pt = [
@@ -605,24 +607,23 @@ const ht = /* @__PURE__ */ R(ft, [["render", gt]]), pt = [
605
607
  "py-xs",
606
608
  "gap-xs",
607
609
  // Theme
608
- "theme-border-disabled border-b-1 border-e-1 border-solid",
610
+ "theme-border-disabled border-b-1 border-solid",
609
611
  "dark:theme-border-disabled-dark",
610
- // Border (conditional override for last column)
611
- "last:border-e-0",
612
612
  "theme-outline-transparent outline-2 -outline-offset-1",
613
613
  "dark:theme-outline-transparent-dark",
614
614
  // Theme (Stacking)
615
615
  "relative hover:z-[2]",
616
616
  // Theme (.sticky-start)
617
- "[&.sticky-start]:theme-background-surface-variant-1 [&.sticky-start]:border-e-disabled [&.sticky-start]:border-solid",
618
- "dark:[&.sticky-start]:theme-background-surface-variant-1-dark dark:[&.sticky-start]:border-e-disabled-dark",
617
+ "[&.sticky-start]:theme-background-surface-variant-1",
618
+ "dark:[&.sticky-start]:theme-background-surface-variant-1-dark",
619
619
  // Theme (.sticky-end)
620
- "[&.sticky-end]:theme-background-surface-variant-1 [&.sticky-end]:border-s-disabled [&.sticky-end]:border-solid",
621
- "dark:[&.sticky-end]:theme-background-surface-variant-1-dark dark:[&.sticky-end]:border-s-disabled-dark",
620
+ "[&.sticky-end]:theme-background-surface-variant-1",
621
+ "dark:[&.sticky-end]:theme-background-surface-variant-1-dark",
622
622
  // Theme (.resizable)
623
- "[&.resizable]:border-e-disabled [&.resizable]:border-solid",
624
- "dark:[&.resizable]:border-e-disabled-dark"
625
- ], kt = [
623
+ "relative",
624
+ // Border (conditional override for last column)
625
+ "last:border-r-0"
626
+ ], vt = [
626
627
  // Position
627
628
  "absolute top-0 bottom-0 end-0 z-50",
628
629
  // Box
@@ -633,7 +634,7 @@ const ht = /* @__PURE__ */ R(ft, [["render", gt]]), pt = [
633
634
  "dark:hover:theme-background-primary-dark",
634
635
  "active:theme-background-primary",
635
636
  "dark:active:theme-background-primary-dark"
636
- ], bt = M({
637
+ ], yt = M({
637
638
  name: "OrDataGridTableHeaderCell",
638
639
  components: {
639
640
  OrIcon: Ce
@@ -674,99 +675,102 @@ const ht = /* @__PURE__ */ R(ft, [["render", gt]]), pt = [
674
675
  "root"
675
676
  ],
676
677
  setup(e, t) {
677
- const s = S(), b = n(() => {
678
- var r, u, D;
679
- return !!((r = e.features) != null && r.sorting) && !!((u = e.column) != null && u.name) && ((D = e.column) == null ? void 0 : D.sorting) !== !1;
680
- }), p = n(() => {
681
- var r, u, D;
682
- return !!((r = e.features) != null && r.resizing) && !!((u = e.column) != null && u.name) && ((D = e.column) == null ? void 0 : D.resizing) !== !1;
683
- }), i = n(() => {
684
- var r;
678
+ const s = S(), k = n(() => {
679
+ var o, i, v;
680
+ return !!((o = e.features) != null && o.sorting) && !!((i = e.column) != null && i.name) && ((v = e.column) == null ? void 0 : v.sorting) !== !1;
681
+ }), h = n(() => {
682
+ var o, i, v;
683
+ return !!((o = e.features) != null && o.resizing) && !!((i = e.column) != null && i.name) && ((v = e.column) == null ? void 0 : v.resizing) !== !1;
684
+ }), d = n(() => {
685
+ var o, i, v;
685
686
  return [
686
687
  "or-data-grid-table-header-cell-v3",
687
688
  "relative",
688
689
  ...pt,
689
- ...(r = e.column) != null && r.stickiness ? ["overflow-hidden", `sticky-${e.column.stickiness}`] : [],
690
- ...p.value ? ["resizable"] : [],
691
- ...b.value ? ["interactivity-click"] : []
690
+ ...(o = e.column) != null && o.stickiness ? ["overflow-hidden", `sticky-${e.column.stickiness}`] : [],
691
+ ...h.value ? ["resizable"] : [],
692
+ ...k.value ? ["interactivity-click"] : [],
693
+ ...((i = e.column) == null ? void 0 : i.stickiness) === "start" ? ["border-r-1"] : [],
694
+ ...((v = e.column) == null ? void 0 : v.stickiness) === "end" ? ["border-l-1"] : [],
695
+ ...h.value ? ["border-r-1"] : []
692
696
  ];
693
697
  }), T = n(() => [
694
698
  "or-data-grid-table-header-cell-resize-handle-v3",
695
- ...kt
696
- ]), E = n(() => {
697
- var r, u, D;
699
+ ...vt
700
+ ]), W = n(() => {
701
+ var o, i, v;
698
702
  return {
699
- minWidth: ((r = e.column) == null ? void 0 : r.minWidth) || (((u = e.column) == null ? void 0 : u.name) === "_check" ? Z : K),
700
- maxWidth: (D = e.column) == null ? void 0 : D.maxWidth,
703
+ minWidth: ((o = e.column) == null ? void 0 : o.minWidth) || (((i = e.column) == null ? void 0 : i.name) === "_check" ? Z : K),
704
+ maxWidth: (v = e.column) == null ? void 0 : v.maxWidth,
701
705
  overflow: "hidden"
702
706
  };
703
707
  }), C = n(() => {
704
- var u;
705
- const r = {
706
- justifyContent: ((u = e.column) == null ? void 0 : u.alignment) || (e.column ? void 0 : "center")
708
+ var i;
709
+ const o = {
710
+ justifyContent: ((i = e.column) == null ? void 0 : i.alignment) || (e.column ? void 0 : "center")
707
711
  };
708
712
  if (e.column)
709
713
  switch (e.column.stickiness) {
710
714
  case "start":
711
- Object.assign(r, {
715
+ Object.assign(o, {
712
716
  position: "sticky",
713
717
  insetInlineStart: `${e.stickyOffset}px`,
714
718
  zIndex: "120"
715
719
  });
716
720
  break;
717
721
  case "end":
718
- Object.assign(r, {
722
+ Object.assign(o, {
719
723
  position: "sticky",
720
724
  insetInlineEnd: `${e.stickyOffset}px`,
721
725
  zIndex: "120"
722
726
  });
723
727
  break;
724
728
  }
725
- return r;
726
- }), c = n({
729
+ return o;
730
+ }), u = n({
727
731
  get: () => {
728
- var r, u;
729
- if (b.value)
730
- return ((r = e.modelValue) == null ? void 0 : r.column) === ((u = e.column) == null ? void 0 : u.name) ? e.modelValue : void 0;
732
+ var o, i;
733
+ if (k.value)
734
+ return ((o = e.modelValue) == null ? void 0 : o.column) === ((i = e.column) == null ? void 0 : i.name) ? e.modelValue : void 0;
731
735
  },
732
- set: (r) => {
733
- t.emit("update:modelValue", r);
736
+ set: (o) => {
737
+ t.emit("update:modelValue", o);
734
738
  }
735
- }), w = n(() => {
736
- var r;
739
+ }), D = n(() => {
740
+ var o;
737
741
  return [
738
742
  "layout-row items-center w-full min-w-0",
739
- ...((r = e.column) == null ? void 0 : r.alignment) === "end" ? ["flex-row-reverse"] : []
743
+ ...((o = e.column) == null ? void 0 : o.alignment) === "end" ? ["flex-row-reverse"] : []
740
744
  ];
741
745
  }), I = n(() => {
742
- var r, u;
746
+ var o, i;
743
747
  return {
744
- justifyContent: ((r = e.column) == null ? void 0 : r.alignment) === "end" || (u = e.column) == null ? void 0 : u.alignment
748
+ justifyContent: ((o = e.column) == null ? void 0 : o.alignment) === "end" || (i = e.column) == null ? void 0 : i.alignment
745
749
  };
746
750
  });
747
751
  function G() {
748
- var r;
749
- if (b.value)
750
- if (c.value)
751
- c.value = {
752
- ...c.value,
753
- direction: c.value.direction === "asc" ? "desc" : "asc"
752
+ var o;
753
+ if (k.value)
754
+ if (u.value)
755
+ u.value = {
756
+ ...u.value,
757
+ direction: u.value.direction === "asc" ? "desc" : "asc"
754
758
  };
755
759
  else {
756
760
  if (!e.column)
757
761
  throw new Error("[OrDataGridTableHeaderCell]: `column` must be specified.");
758
- c.value = {
759
- column: ((r = e.column) == null ? void 0 : r.name) || "_check",
762
+ u.value = {
763
+ column: ((o = e.column) == null ? void 0 : o.name) || "_check",
760
764
  direction: "asc"
761
765
  };
762
766
  }
763
767
  }
764
- function N(r) {
768
+ function F(o) {
765
769
  var q;
766
- const u = r.pageX, D = ((q = s.value) == null ? void 0 : q.offsetWidth) || 0, V = (X) => {
770
+ const i = o.pageX, v = ((q = s.value) == null ? void 0 : q.offsetWidth) || 0, V = (X) => {
767
771
  var B, l, m;
768
- const J = X.pageX - u;
769
- let U = Math.max(0, D + J);
772
+ const J = X.pageX - i;
773
+ let U = Math.max(0, v + J);
770
774
  const L = ((B = e.column) == null ? void 0 : B.minWidth) || (((l = e.column) == null ? void 0 : l.name) === "_check" ? Z : K);
771
775
  if (L && (L.endsWith("px") || !isNaN(Number(L)))) {
772
776
  const j = parseInt(L, 10);
@@ -777,52 +781,52 @@ const ht = /* @__PURE__ */ R(ft, [["render", gt]]), pt = [
777
781
  U = Math.min(U, j);
778
782
  }
779
783
  t.emit("update:column-width", U);
780
- }, z = () => {
781
- document.removeEventListener("mousemove", V), document.removeEventListener("mouseup", z);
784
+ }, H = () => {
785
+ document.removeEventListener("mousemove", V), document.removeEventListener("mouseup", H);
782
786
  };
783
- document.addEventListener("mousemove", V), document.addEventListener("mouseup", z);
787
+ document.addEventListener("mousemove", V), document.addEventListener("mouseup", H);
784
788
  }
785
- const { width: F } = Ge(s, void 0, { box: "border-box" });
789
+ const { width: z } = Ge(s, void 0, { box: "border-box" });
786
790
  return le([
787
791
  s,
788
- F,
792
+ z,
789
793
  () => {
790
- var r;
791
- return (r = e.column) == null ? void 0 : r.stickiness;
794
+ var o;
795
+ return (o = e.column) == null ? void 0 : o.stickiness;
792
796
  }
793
797
  ], ([
794
- r,
795
- u
798
+ o,
799
+ i
796
800
  ], [
797
- D
801
+ v
798
802
  ]) => {
799
- D && D !== r && t.emit("remove:scrollOffset", D), t.emit("update:scrollOffset", r, u, e.column);
803
+ v && v !== o && t.emit("remove:scrollOffset", v), t.emit("update:scrollOffset", o, i, e.column);
800
804
  }), {
801
805
  root: s,
802
- rootStyles: i,
806
+ rootStyles: d,
803
807
  rootInlineStyles: C,
804
- headerContentStyles: w,
808
+ headerContentStyles: D,
805
809
  headerContentInlineStyles: I,
806
- wrapInlineStyle: E,
810
+ wrapInlineStyle: W,
807
811
  resizeHandleStyles: T,
808
- isSortable: b,
809
- isResizable: p,
810
- model: c,
812
+ isSortable: k,
813
+ isResizable: h,
814
+ model: u,
811
815
  toggleSorting: G,
812
- onResizeStart: N,
816
+ onResizeStart: F,
813
817
  DATA_GRID_DEFAULT_MIN_WIDTH: K
814
818
  };
815
819
  }
816
820
  });
817
- function vt(e, t, s, b, p, i) {
821
+ function kt(e, t, s, k, h, d) {
818
822
  const T = g("OrIcon");
819
- return o(), h("div", {
823
+ return r(), p("div", {
820
824
  ref: "root",
821
825
  class: f(e.rootStyles),
822
826
  style: A(e.rootInlineStyles),
823
- onClick: t[2] || (t[2] = (E) => e.toggleSorting())
827
+ onClick: t[2] || (t[2] = (W) => e.toggleSorting())
824
828
  }, [
825
- e.override ? d(e.$slots, "default", { key: 0 }) : (o(), h("div", {
829
+ e.override ? c(e.$slots, "default", { key: 0 }) : (r(), p("div", {
826
830
  key: 1,
827
831
  class: f(e.headerContentStyles),
828
832
  style: A(e.headerContentInlineStyles)
@@ -831,23 +835,23 @@ function vt(e, t, s, b, p, i) {
831
835
  class: f(["truncate"]),
832
836
  style: A(e.wrapInlineStyle)
833
837
  }, [
834
- d(e.$slots, "default")
838
+ c(e.$slots, "default")
835
839
  ], 4),
836
- e.model ? (o(), y(T, {
840
+ e.model ? (r(), O(T, {
837
841
  key: 0,
838
842
  icon: e.model.direction === "asc" ? "arrow_upward" : "arrow_downward"
839
- }, null, 8, ["icon"])) : k("", !0)
843
+ }, null, 8, ["icon"])) : y("", !0)
840
844
  ], 6)),
841
- e.isResizable ? (o(), h("div", {
845
+ e.isResizable ? (r(), p("div", {
842
846
  key: 2,
843
847
  class: f(e.resizeHandleStyles),
844
- onMousedown: t[0] || (t[0] = ne((...E) => e.onResizeStart && e.onResizeStart(...E), ["stop", "prevent"])),
848
+ onMousedown: t[0] || (t[0] = ne((...W) => e.onResizeStart && e.onResizeStart(...W), ["stop", "prevent"])),
845
849
  onClick: t[1] || (t[1] = ne(() => {
846
850
  }, ["stop"]))
847
- }, null, 34)) : k("", !0)
851
+ }, null, 34)) : y("", !0)
848
852
  ], 6);
849
853
  }
850
- const yt = /* @__PURE__ */ R(bt, [["render", vt]]), Ot = [
854
+ const bt = /* @__PURE__ */ R(yt, [["render", kt]]), Ot = [
851
855
  // Position
852
856
  "sticky top-0 z-[110]",
853
857
  // Layout
@@ -860,19 +864,19 @@ const yt = /* @__PURE__ */ R(bt, [["render", vt]]), Ot = [
860
864
  "children:theme-background-surface-variant-1",
861
865
  "dark:children:theme-background-surface-variant-1-dark"
862
866
  ], $t = {
863
- [O.Standard]: [
867
+ [$.Standard]: [
864
868
  // Box
865
869
  "min-h-[calc(theme(spacing.2xl)+theme(spacing.xs))]"
866
870
  ],
867
- [O.Comfortable]: [
871
+ [$.Comfortable]: [
868
872
  // Box
869
873
  "min-h-[calc(theme(spacing.3xl)+theme(spacing.xs))]"
870
874
  ],
871
- [O.Compact]: [
875
+ [$.Compact]: [
872
876
  // Box
873
877
  "min-h-[calc(theme(spacing.xl)+theme(spacing.xs))]"
874
878
  ],
875
- [O.Dynamic]: [
879
+ [$.Dynamic]: [
876
880
  // Box
877
881
  "min-h-[calc(theme(spacing.2xl)+theme(spacing.xs))]"
878
882
  ]
@@ -899,12 +903,12 @@ const yt = /* @__PURE__ */ R(bt, [["render", vt]]), Ot = [
899
903
  };
900
904
  }
901
905
  });
902
- function Dt(e, t, s, b, p, i) {
903
- return o(), h("div", {
906
+ function Dt(e, t, s, k, h, d) {
907
+ return r(), p("div", {
904
908
  ref: "root",
905
909
  class: f(e.rootStyles)
906
910
  }, [
907
- d(e.$slots, "default")
911
+ c(e.$slots, "default")
908
912
  ], 2);
909
913
  }
910
914
  const St = /* @__PURE__ */ R(wt, [["render", Dt]]), Tt = [
@@ -926,12 +930,12 @@ const St = /* @__PURE__ */ R(wt, [["render", Dt]]), Tt = [
926
930
  };
927
931
  }
928
932
  });
929
- function Gt(e, t, s, b, p, i) {
930
- return o(), h("div", {
933
+ function Gt(e, t, s, k, h, d) {
934
+ return r(), p("div", {
931
935
  ref: "root",
932
936
  class: f(e.rootStyles)
933
937
  }, [
934
- d(e.$slots, "default")
938
+ c(e.$slots, "default")
935
939
  ], 2);
936
940
  }
937
941
  const Vt = /* @__PURE__ */ R(Ct, [["render", Gt]]), Mt = [
@@ -949,19 +953,19 @@ const Vt = /* @__PURE__ */ R(Ct, [["render", Gt]]), Mt = [
949
953
  "theme-background-default",
950
954
  "dark:theme-background-default-dark"
951
955
  ], Rt = {
952
- [O.Standard]: [
956
+ [$.Standard]: [
953
957
  // Box
954
958
  "min-h-[calc(theme(spacing.2xl)+theme(spacing.xs))]"
955
959
  ],
956
- [O.Comfortable]: [
960
+ [$.Comfortable]: [
957
961
  // Box
958
962
  "min-h-[calc(theme(spacing.3xl)+theme(spacing.xs))]"
959
963
  ],
960
- [O.Compact]: [
964
+ [$.Compact]: [
961
965
  // Box
962
966
  "min-h-[calc(theme(spacing.xl)+theme(spacing.xs))]"
963
967
  ],
964
- [O.Dynamic]: [
968
+ [$.Dynamic]: [
965
969
  // Box
966
970
  "min-h-[calc(theme(spacing.2xl)+theme(spacing.xs))]"
967
971
  ]
@@ -988,15 +992,15 @@ const Vt = /* @__PURE__ */ R(Ct, [["render", Gt]]), Mt = [
988
992
  };
989
993
  }
990
994
  });
991
- function zt(e, t, s, b, p, i) {
992
- return o(), h("div", {
995
+ function Ht(e, t, s, k, h, d) {
996
+ return r(), p("div", {
993
997
  ref: "root",
994
998
  class: f(e.rootStyles)
995
999
  }, [
996
- d(e.$slots, "default")
1000
+ c(e.$slots, "default")
997
1001
  ], 2);
998
1002
  }
999
- const Ht = /* @__PURE__ */ R(It, [["render", zt]]), Et = [
1003
+ const Et = /* @__PURE__ */ R(It, [["render", Ht]]), Wt = [
1000
1004
  // Layout
1001
1005
  "grid content-start",
1002
1006
  "w-full min-w-0 min-h-0",
@@ -1004,7 +1008,7 @@ const Ht = /* @__PURE__ */ R(It, [["render", zt]]), Et = [
1004
1008
  "overflow-auto",
1005
1009
  // Interactivity
1006
1010
  "interactivity-default"
1007
- ], Wt = M({
1011
+ ], zt = M({
1008
1012
  name: "OrDataGridTable",
1009
1013
  props: {
1010
1014
  columns: {
@@ -1022,33 +1026,33 @@ const Ht = /* @__PURE__ */ R(It, [["render", zt]]), Et = [
1022
1026
  setup(e) {
1023
1027
  const t = S(), s = n(() => [
1024
1028
  "or-data-grid-table-v3",
1025
- ...Et
1026
- ]), b = n(() => {
1027
- const p = e.columns.map((i) => {
1028
- if (i.width && (i.width.includes("minmax") || i.width.includes("calc")))
1029
- return i.width;
1030
- const T = i.width ?? "1fr", E = i.minWidth || (i.width ? K : i.fitContent || i.stickiness ? "max-content" : "120px"), C = i.maxWidth || (i.width ? T === "max-content" ? "max-content" : T : i.fitContent || i.minWidth || i.stickiness ? "max-content" : "1fr");
1031
- return i.fitContent ? "max-content" : T.endsWith("px") ? T : `minmax(${E}, ${C})`;
1029
+ ...Wt
1030
+ ]), k = n(() => {
1031
+ const h = e.columns.map((d) => {
1032
+ if (d.width && (d.width.includes("minmax") || d.width.includes("calc")))
1033
+ return d.width;
1034
+ const T = d.width ?? "1fr", W = d.minWidth || (d.width ? K : d.fitContent || d.stickiness ? "max-content" : "120px"), C = d.maxWidth || (d.width ? T === "max-content" ? "max-content" : T : d.fitContent || d.minWidth || d.stickiness ? "max-content" : "1fr");
1035
+ return d.fitContent ? "max-content" : T.endsWith("px") ? T : `minmax(${W}, ${C})`;
1032
1036
  });
1033
- return e.features.selecting ? { gridTemplateColumns: `${Z} ${p.join(" ")}` } : { gridTemplateColumns: p.join(" ") };
1037
+ return e.features.selecting ? { gridTemplateColumns: `${Z} ${h.join(" ")}` } : { gridTemplateColumns: h.join(" ") };
1034
1038
  });
1035
1039
  return {
1036
1040
  root: t,
1037
1041
  rootStyles: s,
1038
- rootInlineStyles: b
1042
+ rootInlineStyles: k
1039
1043
  };
1040
1044
  }
1041
1045
  });
1042
- function Ft(e, t, s, b, p, i) {
1043
- return o(), h("div", {
1046
+ function Ft(e, t, s, k, h, d) {
1047
+ return r(), p("div", {
1044
1048
  ref: "root",
1045
1049
  class: f(e.rootStyles),
1046
1050
  style: A(e.rootInlineStyles)
1047
1051
  }, [
1048
- d(e.$slots, "default")
1052
+ c(e.$slots, "default")
1049
1053
  ], 6);
1050
1054
  }
1051
- const Nt = /* @__PURE__ */ R(Wt, [["render", Ft]]), Pt = [
1055
+ const Nt = /* @__PURE__ */ R(zt, [["render", Ft]]), Pt = [
1052
1056
  // Layout
1053
1057
  "layout-row",
1054
1058
  // Box
@@ -1071,12 +1075,12 @@ const Nt = /* @__PURE__ */ R(Wt, [["render", Ft]]), Pt = [
1071
1075
  };
1072
1076
  }
1073
1077
  });
1074
- function jt(e, t, s, b, p, i) {
1075
- return o(), h("div", {
1078
+ function jt(e, t, s, k, h, d) {
1079
+ return r(), p("div", {
1076
1080
  ref: "root",
1077
1081
  class: f(e.rootStyles)
1078
1082
  }, [
1079
- d(e.$slots, "default")
1083
+ c(e.$slots, "default")
1080
1084
  ], 2);
1081
1085
  }
1082
1086
  const Lt = /* @__PURE__ */ R(Ut, [["render", jt]]), At = [
@@ -1085,19 +1089,19 @@ const Lt = /* @__PURE__ */ R(Ut, [["render", jt]]), At = [
1085
1089
  // Layout
1086
1090
  "col-span-full"
1087
1091
  ], qt = {
1088
- [O.Standard]: [
1092
+ [$.Standard]: [
1089
1093
  // Position
1090
1094
  "top-[calc(theme(spacing.2xl)+theme(spacing.xs))]"
1091
1095
  ],
1092
- [O.Comfortable]: [
1096
+ [$.Comfortable]: [
1093
1097
  // Position
1094
1098
  "top-[calc(theme(spacing.3xl)+theme(spacing.xs))]"
1095
1099
  ],
1096
- [O.Compact]: [
1100
+ [$.Compact]: [
1097
1101
  // Position
1098
1102
  "top-[calc(theme(spacing.xl)+theme(spacing.xs))]"
1099
1103
  ],
1100
- [O.Dynamic]: [
1104
+ [$.Dynamic]: [
1101
1105
  // Position
1102
1106
  "top-[calc(theme(spacing.2xl)+theme(spacing.xs))]"
1103
1107
  ]
@@ -1128,17 +1132,17 @@ const Lt = /* @__PURE__ */ R(Ut, [["render", jt]]), At = [
1128
1132
  };
1129
1133
  }
1130
1134
  });
1131
- function Kt(e, t, s, b, p, i) {
1135
+ function Kt(e, t, s, k, h, d) {
1132
1136
  const T = g("OrNotification");
1133
- return o(), h("div", {
1137
+ return r(), p("div", {
1134
1138
  class: f(e.rootStyles)
1135
1139
  }, [
1136
- W(T, he(e.notification, {
1140
+ N(T, he(e.notification, {
1137
1141
  class: "rounded-0 shadow-none",
1138
- onClose: t[0] || (t[0] = (E) => e.$emit("close-notification"))
1142
+ onClose: t[0] || (t[0] = (W) => e.$emit("close-notification"))
1139
1143
  }), {
1140
- default: v(() => [
1141
- e.$slots.notification ? d(e.$slots, "notification", { key: 0 }) : k("", !0)
1144
+ default: b(() => [
1145
+ e.$slots.notification ? c(e.$slots, "notification", { key: 0 }) : y("", !0)
1142
1146
  ]),
1143
1147
  _: 3
1144
1148
  }, 16)
@@ -1158,19 +1162,19 @@ const Xt = /* @__PURE__ */ R(Bt, [["render", Kt]]), Jt = [
1158
1162
  "children:theme-background-default",
1159
1163
  "dark:children:theme-background-default-dark"
1160
1164
  ], Qt = {
1161
- [O.Standard]: [
1165
+ [$.Standard]: [
1162
1166
  // Box
1163
1167
  "min-h-[calc(theme(spacing.2xl)+theme(spacing.xs))]"
1164
1168
  ],
1165
- [O.Comfortable]: [
1169
+ [$.Comfortable]: [
1166
1170
  // Box
1167
1171
  "min-h-[calc(theme(spacing.3xl)+theme(spacing.xs))]"
1168
1172
  ],
1169
- [O.Compact]: [
1173
+ [$.Compact]: [
1170
1174
  // Box
1171
1175
  "min-h-[calc(theme(spacing.xl)+theme(spacing.xs))]"
1172
1176
  ],
1173
- [O.Dynamic]: [
1177
+ [$.Dynamic]: [
1174
1178
  // Box
1175
1179
  "min-h-[calc(theme(spacing.2xl)+theme(spacing.xs))]"
1176
1180
  ]
@@ -1197,12 +1201,12 @@ const Xt = /* @__PURE__ */ R(Bt, [["render", Kt]]), Jt = [
1197
1201
  };
1198
1202
  }
1199
1203
  });
1200
- function Zt(e, t, s, b, p, i) {
1201
- return o(), h("div", {
1204
+ function Zt(e, t, s, k, h, d) {
1205
+ return r(), p("div", {
1202
1206
  ref: "root",
1203
1207
  class: f(e.rootStyles)
1204
1208
  }, [
1205
- d(e.$slots, "default")
1209
+ c(e.$slots, "default")
1206
1210
  ], 2);
1207
1211
  }
1208
1212
  const _t = /* @__PURE__ */ R(Yt, [["render", Zt]]), xt = [
@@ -1212,7 +1216,7 @@ const _t = /* @__PURE__ */ R(Yt, [["render", Zt]]), xt = [
1212
1216
  name: "OrDataGrid",
1213
1217
  components: {
1214
1218
  OrCheckbox: se,
1215
- OrDataGridFooter: Ee,
1219
+ OrDataGridFooter: We,
1216
1220
  OrDataGridHeader: je,
1217
1221
  OrDataGridTable: Nt,
1218
1222
  OrDataGridTableContent: at,
@@ -1223,9 +1227,9 @@ const _t = /* @__PURE__ */ R(Yt, [["render", Zt]]), xt = [
1223
1227
  OrDataGridTableFooterRow: ut,
1224
1228
  OrDataGridTableExtraRow: _t,
1225
1229
  OrDataGridTableHeader: Vt,
1226
- OrDataGridTableHeaderCell: yt,
1230
+ OrDataGridTableHeaderCell: bt,
1227
1231
  OrDataGridTableHeaderRow: St,
1228
- OrDataGridTablePlaceholder: Ht,
1232
+ OrDataGridTablePlaceholder: Et,
1229
1233
  OrDataGridToolbar: Lt,
1230
1234
  OrDataGridNotification: Xt,
1231
1235
  OrPagination: ue,
@@ -1251,7 +1255,7 @@ const _t = /* @__PURE__ */ R(Yt, [["render", Zt]]), xt = [
1251
1255
  },
1252
1256
  variant: {
1253
1257
  type: String,
1254
- default: () => O.Standard
1258
+ default: () => $.Standard
1255
1259
  },
1256
1260
  features: {
1257
1261
  type: Object,
@@ -1284,19 +1288,19 @@ const _t = /* @__PURE__ */ R(Yt, [["render", Zt]]), xt = [
1284
1288
  "root"
1285
1289
  ],
1286
1290
  setup(e, t) {
1287
- const s = S(), b = S(), p = S(), i = n(() => [
1291
+ const s = S(), k = S(), h = S(), d = n(() => [
1288
1292
  "or-data-grid-v3",
1289
1293
  ...xt
1290
1294
  ]), T = n(() => ({
1291
- scrollPaddingInlineStart: `${[...V.value.values()].reduce((a, $) => a + $, 0)}px`,
1292
- scrollPaddingInlineEnd: `${[...z.value.values()].reduce((a, $) => a + $, 0)}px`
1293
- })), E = n({
1295
+ scrollPaddingInlineStart: `${[...V.value.values()].reduce((a, w) => a + w, 0)}px`,
1296
+ scrollPaddingInlineEnd: `${[...H.value.values()].reduce((a, w) => a + w, 0)}px`
1297
+ })), W = n({
1294
1298
  get: () => !!e.items.length && e.items.every((a) => C.value.includes(a.id)),
1295
1299
  set: (a) => {
1296
1300
  a ? C.value = [
1297
1301
  .../* @__PURE__ */ new Set([
1298
1302
  ...C.value,
1299
- ...e.items.map(($) => $.id)
1303
+ ...e.items.map((w) => w.id)
1300
1304
  ])
1301
1305
  ] : C.value = [];
1302
1306
  }
@@ -1308,13 +1312,13 @@ const _t = /* @__PURE__ */ R(Yt, [["render", Zt]]), xt = [
1308
1312
  set: (a) => {
1309
1313
  t.emit("update:modelValue", {
1310
1314
  selecting: a,
1311
- filtering: c.value,
1312
- searching: w.value,
1315
+ filtering: u.value,
1316
+ searching: D.value,
1313
1317
  sorting: I.value,
1314
1318
  paging: G.value
1315
1319
  });
1316
1320
  }
1317
- }), c = n({
1321
+ }), u = n({
1318
1322
  get: () => {
1319
1323
  var a;
1320
1324
  return (a = e.modelValue) == null ? void 0 : a.filtering;
@@ -1323,7 +1327,7 @@ const _t = /* @__PURE__ */ R(Yt, [["render", Zt]]), xt = [
1323
1327
  t.emit("update:modelValue", {
1324
1328
  selecting: C.value,
1325
1329
  filtering: a,
1326
- searching: w.value,
1330
+ searching: D.value,
1327
1331
  sorting: I.value,
1328
1332
  paging: {
1329
1333
  ...G.value,
@@ -1331,7 +1335,7 @@ const _t = /* @__PURE__ */ R(Yt, [["render", Zt]]), xt = [
1331
1335
  }
1332
1336
  });
1333
1337
  }
1334
- }), w = n({
1338
+ }), D = n({
1335
1339
  get: () => {
1336
1340
  var a;
1337
1341
  return (a = e.modelValue) == null ? void 0 : a.searching;
@@ -1339,7 +1343,7 @@ const _t = /* @__PURE__ */ R(Yt, [["render", Zt]]), xt = [
1339
1343
  set: (a) => {
1340
1344
  t.emit("update:modelValue", {
1341
1345
  selecting: C.value,
1342
- filtering: c.value,
1346
+ filtering: u.value,
1343
1347
  searching: a,
1344
1348
  sorting: I.value,
1345
1349
  paging: {
@@ -1356,8 +1360,8 @@ const _t = /* @__PURE__ */ R(Yt, [["render", Zt]]), xt = [
1356
1360
  set: (a) => {
1357
1361
  t.emit("update:modelValue", {
1358
1362
  selecting: C.value,
1359
- filtering: c.value,
1360
- searching: w.value,
1363
+ filtering: u.value,
1364
+ searching: D.value,
1361
1365
  sorting: a,
1362
1366
  paging: {
1363
1367
  ...G.value,
@@ -1373,8 +1377,8 @@ const _t = /* @__PURE__ */ R(Yt, [["render", Zt]]), xt = [
1373
1377
  set: (a) => {
1374
1378
  t.emit("update:modelValue", {
1375
1379
  selecting: C.value,
1376
- filtering: c.value,
1377
- searching: w.value,
1380
+ filtering: u.value,
1381
+ searching: D.value,
1378
1382
  sorting: I.value,
1379
1383
  paging: a
1380
1384
  });
@@ -1385,51 +1389,51 @@ const _t = /* @__PURE__ */ R(Yt, [["render", Zt]]), xt = [
1385
1389
  return (a = G.value) == null ? void 0 : a.offset;
1386
1390
  }, () => {
1387
1391
  var a;
1388
- (a = p.value) != null && a.root && p.value.root.scrollTo({
1392
+ (a = h.value) != null && a.root && h.value.root.scrollTo({
1389
1393
  top: 0,
1390
1394
  behavior: "smooth"
1391
1395
  });
1392
1396
  });
1393
- const N = n(() => e.features.selecting && (typeof e.features.selecting == "object" ? e.features.selecting.showCounter !== !1 : !0)), F = n(() => e.items.length === 0 || e.loading || typeof e.features.selecting == "object" && e.features.selecting.disabled), r = n(() => {
1397
+ const F = n(() => e.features.selecting && (typeof e.features.selecting == "object" ? e.features.selecting.showCounter !== !1 : !0)), z = n(() => e.items.length === 0 || e.loading || typeof e.features.selecting == "object" && e.features.selecting.disabled), o = n(() => {
1394
1398
  var a;
1395
- return ((a = b.value) == null ? void 0 : a.currentLimit) || 10;
1396
- }), u = S({}), D = n(() => e.columns.map((a) => ({
1399
+ return ((a = k.value) == null ? void 0 : a.currentLimit) || 10;
1400
+ }), i = S({}), v = n(() => e.columns.map((a) => ({
1397
1401
  ...a,
1398
- width: u.value[a.name] || a.width
1399
- }))), V = S(/* @__PURE__ */ new Map()), z = S(/* @__PURE__ */ new Map()), q = n(() => {
1400
- const a = /* @__PURE__ */ new Map(), $ = /* @__PURE__ */ new Map(), H = [], ae = [];
1401
- e.features.selecting && H.push({
1402
+ width: i.value[a.name] || a.width
1403
+ }))), V = S(/* @__PURE__ */ new Map()), H = S(/* @__PURE__ */ new Map()), q = n(() => {
1404
+ const a = /* @__PURE__ */ new Map(), w = /* @__PURE__ */ new Map(), E = [], ae = [];
1405
+ e.features.selecting && E.push({
1402
1406
  name: "_check",
1403
1407
  stickiness: "start",
1404
1408
  alignment: "center"
1405
- }), D.value.forEach((P) => {
1406
- P.stickiness === "start" ? H.push(P) : P.stickiness === "end" && ae.push(P);
1407
- });
1408
- let re = 0;
1409
- H.forEach((P) => {
1410
- a.set(P.name, re), re += V.value.get(P.name) || 0;
1409
+ }), v.value.forEach((P) => {
1410
+ P.stickiness === "start" ? E.push(P) : P.stickiness === "end" && ae.push(P);
1411
1411
  });
1412
1412
  let oe = 0;
1413
+ E.forEach((P) => {
1414
+ a.set(P.name, oe), oe += V.value.get(P.name) || 0;
1415
+ });
1416
+ let re = 0;
1413
1417
  return [...ae].reverse().forEach((P) => {
1414
- $.set(P.name, oe), oe += z.value.get(P.name) || 0;
1418
+ w.set(P.name, re), re += H.value.get(P.name) || 0;
1415
1419
  }), {
1416
1420
  start: a,
1417
- end: $
1421
+ end: w
1418
1422
  };
1419
1423
  });
1420
1424
  function X(a) {
1421
- w.value = a;
1425
+ D.value = a;
1422
1426
  }
1423
- function J(a, $, H) {
1424
- switch (H.stickiness) {
1427
+ function J(a, w, E) {
1428
+ switch (E.stickiness) {
1425
1429
  case "start":
1426
- V.value.set(H.name, $), V.value = new Map(V.value), z.value.delete(H.name), z.value = new Map(z.value);
1430
+ V.value.set(E.name, w), V.value = new Map(V.value), H.value.delete(E.name), H.value = new Map(H.value);
1427
1431
  break;
1428
1432
  case "end":
1429
- V.value.delete(H.name), V.value = new Map(V.value), z.value.set(H.name, $), z.value = new Map(z.value);
1433
+ V.value.delete(E.name), V.value = new Map(V.value), H.value.set(E.name, w), H.value = new Map(H.value);
1430
1434
  break;
1431
1435
  default:
1432
- te(H.name);
1436
+ te(E.name);
1433
1437
  break;
1434
1438
  }
1435
1439
  }
@@ -1439,34 +1443,34 @@ const _t = /* @__PURE__ */ R(Yt, [["render", Zt]]), xt = [
1439
1443
  function L(a) {
1440
1444
  e.interactiveRows && t.emit("blur:row", a);
1441
1445
  }
1442
- function B(a, $, H) {
1446
+ function B(a, w, E) {
1443
1447
  e.interactiveRows && t.emit("hover:cell", {
1444
1448
  item: a,
1445
- columnName: $,
1446
- value: H
1449
+ columnName: w,
1450
+ value: E
1447
1451
  });
1448
1452
  }
1449
- function l(a, $, H) {
1453
+ function l(a, w, E) {
1450
1454
  e.interactiveRows && t.emit("blur:cell", {
1451
1455
  item: a,
1452
- columnName: $,
1453
- value: H
1456
+ columnName: w,
1457
+ value: E
1454
1458
  });
1455
1459
  }
1456
1460
  function m(a) {
1457
1461
  e.interactiveRows && t.emit("click:row", a);
1458
1462
  }
1459
- function j(a, $) {
1460
- u.value = {
1461
- ...u.value,
1462
- [a.name]: `${$}px`
1463
+ function j(a, w) {
1464
+ i.value = {
1465
+ ...i.value,
1466
+ [a.name]: `${w}px`
1463
1467
  }, e.features.storageKey && ie();
1464
1468
  }
1465
1469
  function ie() {
1466
1470
  if (typeof window > "u" || !e.features.storageKey) return;
1467
1471
  const a = {};
1468
- D.value.forEach(($) => {
1469
- $.name && $.width && (a[$.name] = $.width);
1472
+ v.value.forEach((w) => {
1473
+ w.name && w.width && (a[w.name] = w.width);
1470
1474
  }), localStorage.setItem(`or-data-grid-v3-widths-${e.features.storageKey}`, JSON.stringify(a));
1471
1475
  }
1472
1476
  function de() {
@@ -1474,8 +1478,8 @@ const _t = /* @__PURE__ */ R(Yt, [["render", Zt]]), xt = [
1474
1478
  try {
1475
1479
  const a = localStorage.getItem(`or-data-grid-v3-widths-${e.features.storageKey}`);
1476
1480
  if (a) {
1477
- const $ = JSON.parse(a);
1478
- u.value = $;
1481
+ const w = JSON.parse(a);
1482
+ i.value = w;
1479
1483
  }
1480
1484
  } catch (a) {
1481
1485
  console.error("[OrDataGrid]: Failed to load column widths from localStorage", a);
@@ -1485,21 +1489,21 @@ const _t = /* @__PURE__ */ R(Yt, [["render", Zt]]), xt = [
1485
1489
  de();
1486
1490
  });
1487
1491
  function te(a) {
1488
- V.value.delete(a), V.value = new Map(V.value), z.value.delete(a), z.value = new Map(z.value);
1492
+ V.value.delete(a), V.value = new Map(V.value), H.value.delete(a), H.value = new Map(H.value);
1489
1493
  }
1490
1494
  function ce(a) {
1491
1495
  a.currentTarget.scrollIntoView({ block: "nearest" });
1492
1496
  }
1493
1497
  return {
1494
1498
  root: s,
1495
- rootStyles: i,
1496
- pagination: b,
1499
+ rootStyles: d,
1500
+ pagination: k,
1497
1501
  tableInlineStyles: T,
1498
- selectingIndicator: E,
1499
- showSelectingCouter: N,
1500
- selectingDisabled: F,
1501
- skeletonsLength: r,
1502
- actualColumns: D,
1502
+ selectingIndicator: W,
1503
+ showSelectingCouter: F,
1504
+ selectingDisabled: z,
1505
+ skeletonsLength: o,
1506
+ actualColumns: v,
1503
1507
  handleMouseEnterRow: U,
1504
1508
  handleMouseLeaveRow: L,
1505
1509
  handleMouseEnterCell: B,
@@ -1507,8 +1511,8 @@ const _t = /* @__PURE__ */ R(Yt, [["render", Zt]]), xt = [
1507
1511
  handleRowClick: m,
1508
1512
  updateColumnWidth: j,
1509
1513
  selectingModel: C,
1510
- filteringModel: c,
1511
- searchingModel: w,
1514
+ filteringModel: u,
1515
+ searchingModel: D,
1512
1516
  sortingModel: I,
1513
1517
  pagingModel: G,
1514
1518
  stickyOffsets: q,
@@ -1517,40 +1521,40 @@ const _t = /* @__PURE__ */ R(Yt, [["render", Zt]]), xt = [
1517
1521
  updateSearchingModel: X,
1518
1522
  scrollToTop: () => {
1519
1523
  var a;
1520
- (a = p.value) != null && a.root && p.value.root.scrollTo({
1524
+ (a = h.value) != null && a.root && h.value.root.scrollTo({
1521
1525
  top: 0,
1522
1526
  behavior: "smooth"
1523
1527
  });
1524
1528
  },
1525
1529
  scrollTo: ce,
1526
- onInput: (a, $, H) => {
1527
- a[$] = H, t.emit("update:item", a);
1530
+ onInput: (a, w, E) => {
1531
+ a[w] = E, t.emit("update:item", a);
1528
1532
  }
1529
1533
  };
1530
1534
  }
1531
1535
  });
1532
- function ta(e, t, s, b, p, i) {
1533
- const T = g("OrSearch"), E = g("OrDataGridHeader"), C = g("OrDataGridToolbar"), c = g("OrCheckbox"), w = g("OrDataGridTableHeaderCell"), I = g("OrDataGridTableHeaderRow"), G = g("OrDataGridTableHeader"), N = g("OrDataGridNotification"), F = g("OrDataGridTableExtraRow"), r = g("OrSkeletonText"), u = g("OrDataGridTableContentCell"), D = g("OrDataGridTableContentRow"), V = g("OrDataGridTablePlaceholder"), z = g("OrDataGridTableContent"), q = g("OrDataGridTable"), X = g("OrDataGridTableFooterCell"), J = g("OrDataGridTableFooterRow"), U = g("OrDataGridTableFooter"), L = g("OrPagination"), B = g("OrDataGridFooter");
1534
- return o(), h("div", {
1536
+ function ta(e, t, s, k, h, d) {
1537
+ const T = g("OrSearch"), W = g("OrDataGridHeader"), C = g("OrDataGridToolbar"), u = g("OrCheckbox"), D = g("OrDataGridTableHeaderCell"), I = g("OrDataGridTableHeaderRow"), G = g("OrDataGridTableHeader"), F = g("OrDataGridNotification"), z = g("OrDataGridTableExtraRow"), o = g("OrSkeletonText"), i = g("OrDataGridTableContentCell"), v = g("OrDataGridTableContentRow"), V = g("OrDataGridTablePlaceholder"), H = g("OrDataGridTableContent"), q = g("OrDataGridTable"), X = g("OrDataGridTableFooterCell"), J = g("OrDataGridTableFooterRow"), U = g("OrDataGridTableFooter"), L = g("OrPagination"), B = g("OrDataGridFooter");
1538
+ return r(), p("div", {
1535
1539
  ref: "root",
1536
1540
  class: f(e.rootStyles)
1537
1541
  }, [
1538
- e.$slots.title || e.features.searching || e.$slots.search || e.$slots.extraActions ? (o(), y(E, {
1542
+ e.$slots.title || e.features.searching || e.$slots.search || e.$slots.extraActions ? (r(), O(W, {
1539
1543
  key: 0,
1540
1544
  class: f(["shrink-0"])
1541
1545
  }, _({ _: 2 }, [
1542
1546
  e.$slots.title ? {
1543
1547
  name: "title",
1544
- fn: v(() => [
1545
- d(e.$slots, "title")
1548
+ fn: b(() => [
1549
+ c(e.$slots, "title")
1546
1550
  ]),
1547
1551
  key: "0"
1548
1552
  } : void 0,
1549
1553
  e.features.searching ? {
1550
1554
  name: "searching",
1551
- fn: v(() => [
1552
- d(e.$slots, "search", ke(be({ updateSearchingModel: e.updateSearchingModel, searchingModel: e.searchingModel })), () => [
1553
- W(T, {
1555
+ fn: b(() => [
1556
+ c(e.$slots, "search", ve(ye({ updateSearchingModel: e.updateSearchingModel, searchingModel: e.searchingModel })), () => [
1557
+ N(T, {
1554
1558
  modelValue: e.searchingModel,
1555
1559
  "onUpdate:modelValue": t[0] || (t[0] = (l) => e.searchingModel = l)
1556
1560
  }, null, 8, ["modelValue"])
@@ -1560,34 +1564,34 @@ function ta(e, t, s, b, p, i) {
1560
1564
  } : void 0,
1561
1565
  e.$slots.extraActions ? {
1562
1566
  name: "extraActions",
1563
- fn: v(() => [
1564
- d(e.$slots, "extraActions")
1567
+ fn: b(() => [
1568
+ c(e.$slots, "extraActions")
1565
1569
  ]),
1566
1570
  key: "2"
1567
1571
  } : void 0
1568
- ]), 1024)) : k("", !0),
1569
- e.$slots.toolbar ? (o(), y(C, {
1572
+ ]), 1024)) : y("", !0),
1573
+ e.$slots.toolbar ? (r(), O(C, {
1570
1574
  key: 1,
1571
1575
  class: f(["shrink-0"])
1572
1576
  }, {
1573
- default: v(() => [
1574
- d(e.$slots, "toolbar")
1577
+ default: b(() => [
1578
+ c(e.$slots, "toolbar")
1575
1579
  ]),
1576
1580
  _: 3
1577
- })) : k("", !0),
1578
- W(q, {
1581
+ })) : y("", !0),
1582
+ N(q, {
1579
1583
  ref: "table",
1580
1584
  class: f(["grow", { "grid-rows-[auto_1fr]": e.items.length === 0 }]),
1581
1585
  style: A(e.tableInlineStyles),
1582
1586
  columns: e.actualColumns,
1583
1587
  features: e.features
1584
1588
  }, {
1585
- default: v(() => [
1586
- W(G, null, {
1587
- default: v(() => [
1588
- W(I, { variant: e.variant }, {
1589
- default: v(() => [
1590
- e.features.selecting ? (o(), y(w, {
1589
+ default: b(() => [
1590
+ N(G, null, {
1591
+ default: b(() => [
1592
+ N(I, { variant: e.variant }, {
1593
+ default: b(() => [
1594
+ e.features.selecting ? (r(), O(D, {
1591
1595
  key: 0,
1592
1596
  column: { name: "_check", stickiness: "start", alignment: "center" },
1593
1597
  "sticky-offset": e.stickyOffsets.start.get("_check"),
@@ -1596,8 +1600,8 @@ function ta(e, t, s, b, p, i) {
1596
1600
  "onUpdate:scrollOffset": e.updateScrollOffset,
1597
1601
  "onRemove:scrollOffset": e.removeScrollOffset
1598
1602
  }, {
1599
- default: v(() => [
1600
- W(c, {
1603
+ default: b(() => [
1604
+ N(u, {
1601
1605
  modelValue: e.selectingIndicator,
1602
1606
  "onUpdate:modelValue": t[1] || (t[1] = (l) => e.selectingIndicator = l),
1603
1607
  indeterminate: !e.selectingIndicator && e.selectingModel.length > 0,
@@ -1605,8 +1609,8 @@ function ta(e, t, s, b, p, i) {
1605
1609
  }, null, 8, ["modelValue", "indeterminate", "disabled"])
1606
1610
  ]),
1607
1611
  _: 1
1608
- }, 8, ["sticky-offset", "onUpdate:scrollOffset", "onRemove:scrollOffset"])) : k("", !0),
1609
- (o(!0), h(Q, null, Y(e.actualColumns, (l) => (o(), y(w, {
1612
+ }, 8, ["sticky-offset", "onUpdate:scrollOffset", "onRemove:scrollOffset"])) : y("", !0),
1613
+ (r(!0), p(Q, null, Y(e.actualColumns, (l) => (r(), O(D, {
1610
1614
  key: l.name,
1611
1615
  modelValue: e.sortingModel,
1612
1616
  "onUpdate:modelValue": t[2] || (t[2] = (m) => e.sortingModel = m),
@@ -1617,7 +1621,7 @@ function ta(e, t, s, b, p, i) {
1617
1621
  "onRemove:scrollOffset": e.removeScrollOffset,
1618
1622
  "onUpdate:columnWidth": (m) => e.updateColumnWidth(l, m)
1619
1623
  }, {
1620
- default: v(() => [
1624
+ default: b(() => [
1621
1625
  x(ee(l.label), 1)
1622
1626
  ]),
1623
1627
  _: 2
@@ -1628,7 +1632,7 @@ function ta(e, t, s, b, p, i) {
1628
1632
  ]),
1629
1633
  _: 1
1630
1634
  }),
1631
- e.notification ? (o(), y(N, {
1635
+ e.notification ? (r(), O(F, {
1632
1636
  key: 0,
1633
1637
  notification: e.notification,
1634
1638
  variant: e.variant,
@@ -1636,31 +1640,31 @@ function ta(e, t, s, b, p, i) {
1636
1640
  }, _({ _: 2 }, [
1637
1641
  e.$slots.notification ? {
1638
1642
  name: "notification",
1639
- fn: v(() => [
1640
- d(e.$slots, "notification")
1643
+ fn: b(() => [
1644
+ c(e.$slots, "notification")
1641
1645
  ]),
1642
1646
  key: "0"
1643
1647
  } : void 0
1644
- ]), 1032, ["notification", "variant"])) : k("", !0),
1645
- W(z, null, {
1646
- default: v(() => [
1647
- e.$slots["before-rows"] ? (o(), y(F, {
1648
+ ]), 1032, ["notification", "variant"])) : y("", !0),
1649
+ N(H, null, {
1650
+ default: b(() => [
1651
+ e.$slots["before-rows"] ? (r(), O(z, {
1648
1652
  key: 0,
1649
1653
  variant: e.variant,
1650
1654
  class: "border-b-1"
1651
1655
  }, {
1652
- default: v(() => [
1653
- d(e.$slots, "before-rows")
1656
+ default: b(() => [
1657
+ c(e.$slots, "before-rows")
1654
1658
  ]),
1655
1659
  _: 3
1656
- }, 8, ["variant"])) : k("", !0),
1657
- e.loading ? (o(!0), h(Q, { key: 1 }, Y(e.skeletonsLength, (l) => (o(), y(D, {
1660
+ }, 8, ["variant"])) : y("", !0),
1661
+ e.loading ? (r(!0), p(Q, { key: 1 }, Y(e.skeletonsLength, (l) => (r(), O(v, {
1658
1662
  key: l,
1659
1663
  variant: e.variant,
1660
1664
  interactive: e.interactiveRows
1661
1665
  }, {
1662
- default: v(() => [
1663
- e.features.selecting ? (o(), y(u, {
1666
+ default: b(() => [
1667
+ e.features.selecting ? (r(), O(i, {
1664
1668
  key: 0,
1665
1669
  column: { name: "_check", stickiness: "start", alignment: "center" },
1666
1670
  "sticky-offset": e.stickyOffsets.start.get("_check"),
@@ -1668,12 +1672,12 @@ function ta(e, t, s, b, p, i) {
1668
1672
  override: !0,
1669
1673
  class: "!px-none"
1670
1674
  }, {
1671
- default: v(() => [
1672
- W(r)
1675
+ default: b(() => [
1676
+ N(o)
1673
1677
  ]),
1674
1678
  _: 1
1675
- }, 8, ["sticky-offset", "variant"])) : k("", !0),
1676
- (o(!0), h(Q, null, Y(e.actualColumns, (m) => (o(), y(u, {
1679
+ }, 8, ["sticky-offset", "variant"])) : y("", !0),
1680
+ (r(!0), p(Q, null, Y(e.actualColumns, (m) => (r(), O(i, {
1677
1681
  key: m.name,
1678
1682
  column: m,
1679
1683
  features: e.features,
@@ -1681,16 +1685,16 @@ function ta(e, t, s, b, p, i) {
1681
1685
  variant: e.variant,
1682
1686
  override: !0
1683
1687
  }, {
1684
- default: v(() => [
1685
- d(e.$slots, "column-loading", { column: m }, () => [
1686
- W(r)
1688
+ default: b(() => [
1689
+ c(e.$slots, "column-loading", { column: m }, () => [
1690
+ N(o)
1687
1691
  ])
1688
1692
  ]),
1689
1693
  _: 2
1690
1694
  }, 1032, ["column", "features", "sticky-offset", "variant"]))), 128))
1691
1695
  ]),
1692
1696
  _: 2
1693
- }, 1032, ["variant", "interactive"]))), 128)) : e.items.length > 0 ? (o(!0), h(Q, { key: 2 }, Y(e.items, (l) => (o(), y(D, {
1697
+ }, 1032, ["variant", "interactive"]))), 128)) : e.items.length > 0 ? (r(!0), p(Q, { key: 2 }, Y(e.items, (l) => (r(), O(v, {
1694
1698
  key: l.id,
1695
1699
  variant: e.variant,
1696
1700
  selected: e.selectingModel.includes(l.id),
@@ -1699,8 +1703,8 @@ function ta(e, t, s, b, p, i) {
1699
1703
  onMouseleave: () => e.handleMouseLeaveRow(l),
1700
1704
  onClick: () => e.handleRowClick(l)
1701
1705
  }, {
1702
- default: v(() => [
1703
- e.features.selecting ? (o(), y(u, {
1706
+ default: b(() => [
1707
+ e.features.selecting ? (r(), O(i, {
1704
1708
  key: 0,
1705
1709
  column: { name: "_check", stickiness: "start", alignment: "center" },
1706
1710
  "sticky-offset": e.stickyOffsets.start.get("_check"),
@@ -1711,8 +1715,8 @@ function ta(e, t, s, b, p, i) {
1711
1715
  onMouseenter: () => e.handleMouseEnterCell(l, "selecting", e.selectingModel.includes(l.id)),
1712
1716
  onMouseleave: () => e.handleMouseLeaveCell(l, "selecting", e.selectingModel.includes(l.id))
1713
1717
  }, {
1714
- default: v(() => [
1715
- W(c, {
1718
+ default: b(() => [
1719
+ N(u, {
1716
1720
  modelValue: e.selectingModel,
1717
1721
  "onUpdate:modelValue": t[4] || (t[4] = (m) => e.selectingModel = m),
1718
1722
  value: l.id,
@@ -1720,8 +1724,8 @@ function ta(e, t, s, b, p, i) {
1720
1724
  }, null, 8, ["modelValue", "value", "disabled"])
1721
1725
  ]),
1722
1726
  _: 2
1723
- }, 1032, ["sticky-offset", "variant", "onMouseenter", "onMouseleave"])) : k("", !0),
1724
- (o(!0), h(Q, null, Y(e.actualColumns, (m) => (o(), y(u, {
1727
+ }, 1032, ["sticky-offset", "variant", "onMouseenter", "onMouseleave"])) : y("", !0),
1728
+ (r(!0), p(Q, null, Y(e.actualColumns, (m) => (r(), O(i, {
1725
1729
  key: m.name,
1726
1730
  "model-value": l[m.name],
1727
1731
  column: m,
@@ -1733,8 +1737,8 @@ function ta(e, t, s, b, p, i) {
1733
1737
  onMouseenter: () => e.handleMouseEnterCell(l, m.name, l[m.name]),
1734
1738
  onMouseleave: () => e.handleMouseLeaveCell(l, m.name, l[m.name])
1735
1739
  }, {
1736
- default: v(() => [
1737
- d(e.$slots, m.name, {
1740
+ default: b(() => [
1741
+ c(e.$slots, m.name, {
1738
1742
  column: m,
1739
1743
  item: l
1740
1744
  }, () => [
@@ -1745,53 +1749,53 @@ function ta(e, t, s, b, p, i) {
1745
1749
  }, 1032, ["model-value", "column", "features", "sticky-offset", "variant", "onInput", "onMouseenter", "onMouseleave"]))), 128))
1746
1750
  ]),
1747
1751
  _: 2
1748
- }, 1032, ["variant", "selected", "interactive", "onMouseenter", "onMouseleave", "onClick"]))), 128)) : e.$slots.noSearchResults && (e.features.filtering && e.filteringModel || e.features.searching && e.searchingModel) ? (o(), y(V, {
1752
+ }, 1032, ["variant", "selected", "interactive", "onMouseenter", "onMouseleave", "onClick"]))), 128)) : e.$slots.noSearchResults && (e.features.filtering && e.filteringModel || e.features.searching && e.searchingModel) ? (r(), O(V, {
1749
1753
  key: 3,
1750
1754
  class: f(["col-span-full"]),
1751
1755
  variant: e.variant
1752
1756
  }, {
1753
- default: v(() => [
1754
- d(e.$slots, "noSearchResults", {
1757
+ default: b(() => [
1758
+ c(e.$slots, "noSearchResults", {
1755
1759
  filter: e.filteringModel,
1756
1760
  search: e.searchingModel
1757
1761
  })
1758
1762
  ]),
1759
1763
  _: 3
1760
- }, 8, ["variant"])) : e.$slots.empty ? (o(), y(V, {
1764
+ }, 8, ["variant"])) : e.$slots.empty ? (r(), O(V, {
1761
1765
  key: 4,
1762
1766
  class: f(["col-span-full"]),
1763
1767
  variant: e.variant
1764
1768
  }, {
1765
- default: v(() => [
1766
- d(e.$slots, "empty")
1769
+ default: b(() => [
1770
+ c(e.$slots, "empty")
1767
1771
  ]),
1768
1772
  _: 3
1769
- }, 8, ["variant"])) : k("", !0),
1770
- e.$slots["after-rows"] ? (o(), y(F, {
1773
+ }, 8, ["variant"])) : y("", !0),
1774
+ e.$slots["after-rows"] ? (r(), O(z, {
1771
1775
  key: 5,
1772
1776
  variant: e.variant
1773
1777
  }, {
1774
- default: v(() => [
1775
- d(e.$slots, "after-rows")
1778
+ default: b(() => [
1779
+ c(e.$slots, "after-rows")
1776
1780
  ]),
1777
1781
  _: 3
1778
- }, 8, ["variant"])) : k("", !0)
1782
+ }, 8, ["variant"])) : y("", !0)
1779
1783
  ]),
1780
1784
  _: 3
1781
1785
  })
1782
1786
  ]),
1783
1787
  _: 3
1784
1788
  }, 8, ["class", "style", "columns", "features"]),
1785
- e.$slots["extra-row"] ? (o(), y(U, { key: 2 }, {
1786
- default: v(() => [
1787
- W(J, {
1789
+ e.$slots["extra-row"] ? (r(), O(U, { key: 2 }, {
1790
+ default: b(() => [
1791
+ N(J, {
1788
1792
  class: f(["shrink-0"]),
1789
1793
  variant: e.variant
1790
1794
  }, {
1791
- default: v(() => [
1792
- W(X, null, {
1793
- default: v(() => [
1794
- d(e.$slots, "extra-row")
1795
+ default: b(() => [
1796
+ N(X, null, {
1797
+ default: b(() => [
1798
+ c(e.$slots, "extra-row")
1795
1799
  ]),
1796
1800
  _: 3
1797
1801
  })
@@ -1800,29 +1804,29 @@ function ta(e, t, s, b, p, i) {
1800
1804
  }, 8, ["variant"])
1801
1805
  ]),
1802
1806
  _: 3
1803
- })) : k("", !0),
1804
- e.$slots.actions || e.showSelectingCouter || e.features.paging ? (o(), y(B, {
1807
+ })) : y("", !0),
1808
+ e.$slots.actions || e.showSelectingCouter || e.features.paging ? (r(), O(B, {
1805
1809
  key: 3,
1806
1810
  class: f(["shrink-0"])
1807
1811
  }, _({ _: 2 }, [
1808
1812
  e.features.selecting && e.selectingModel.length > 0 ? {
1809
1813
  name: "status",
1810
- fn: v(() => [
1814
+ fn: b(() => [
1811
1815
  x(ee(e.selectingModel.length) + " row(s) selected ", 1)
1812
1816
  ]),
1813
1817
  key: "0"
1814
1818
  } : void 0,
1815
1819
  e.$slots.actions ? {
1816
1820
  name: "actions",
1817
- fn: v(() => [
1818
- d(e.$slots, "actions")
1821
+ fn: b(() => [
1822
+ c(e.$slots, "actions")
1819
1823
  ]),
1820
1824
  key: "1"
1821
1825
  } : void 0,
1822
1826
  e.features.paging ? {
1823
1827
  name: "paging",
1824
- fn: v(() => [
1825
- W(L, {
1828
+ fn: b(() => [
1829
+ N(L, {
1826
1830
  ref: "pagination",
1827
1831
  modelValue: e.pagingModel,
1828
1832
  "onUpdate:modelValue": t[6] || (t[6] = (l) => e.pagingModel = l),
@@ -1832,16 +1836,16 @@ function ta(e, t, s, b, p, i) {
1832
1836
  ]),
1833
1837
  key: "2"
1834
1838
  } : void 0
1835
- ]), 1024)) : k("", !0)
1839
+ ]), 1024)) : y("", !0)
1836
1840
  ], 2);
1837
1841
  }
1838
1842
  const Oa = /* @__PURE__ */ R(ea, [["render", ta]]);
1839
1843
  export {
1840
- O as D,
1844
+ $ as D,
1841
1845
  Oa as O,
1842
1846
  K as a,
1843
1847
  Z as b,
1844
- Ee as c,
1848
+ We as c,
1845
1849
  je as d,
1846
1850
  Ke as e,
1847
1851
  _e as f,
@@ -1849,13 +1853,13 @@ export {
1849
1853
  st as h,
1850
1854
  ut as i,
1851
1855
  ht as j,
1852
- yt as k,
1856
+ bt as k,
1853
1857
  St as l,
1854
1858
  Vt as m,
1855
- Ht as n,
1859
+ Et as n,
1856
1860
  Nt as o,
1857
1861
  Lt as p,
1858
1862
  Xt as q,
1859
1863
  _t as r
1860
1864
  };
1861
- //# sourceMappingURL=OrDataGrid-CSiAvIZi.mjs.map
1865
+ //# sourceMappingURL=OrDataGrid-Pa3hElOa.mjs.map