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