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