@onereach/ui-components 23.4.1-beta.5661.0 → 23.4.2-beta.5663.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -2,15 +2,15 @@ import { O as X } from "./OrCheckbox-CARHvboD.mjs";
2
2
  import { O as Y } from "./OrPagination-BFUGGyGy.mjs";
3
3
  import { O as Z } from "./OrSearch-YPg77z38.mjs";
4
4
  import { O as _ } from "./OrSkeletonArea.vue_vue_type_script_lang-jgRhbZ0X.mjs";
5
- import { defineComponent as w, ref as $, computed as n, openBlock as a, createElementBlock as f, normalizeClass as u, renderSlot as s, createCommentVNode as g, resolveComponent as d, normalizeStyle as N, Fragment as H, createBlock as m, watch as x, createElementVNode as ee, createVNode as V, mergeProps as te, withCtx as p, createSlots as K, normalizeProps as oe, guardReactiveProps as ae, renderList as P, createTextVNode as Q, toDisplayString as W } from "vue";
6
- import { _ as G } from "./_plugin-vue_export-helper-CHgC5LLL.mjs";
5
+ import { defineComponent as G, ref as D, computed as n, openBlock as a, createElementBlock as f, normalizeClass as u, renderSlot as s, createCommentVNode as g, resolveComponent as d, normalizeStyle as N, Fragment as H, createBlock as m, watch as x, createElementVNode as ee, createVNode as M, mergeProps as te, withCtx as p, createSlots as K, normalizeProps as oe, guardReactiveProps as ae, renderList as P, createTextVNode as Q, toDisplayString as W } from "vue";
6
+ import { _ as T } from "./_plugin-vue_export-helper-CHgC5LLL.mjs";
7
7
  import { O as re } from "./OrDatePicker-B099hQpm.mjs";
8
8
  import { O as ne } from "./OrDateTimePicker-CGIojTPp.mjs";
9
9
  import "./OrDateTimePicker.vue_vue_type_script_lang-WqJrqWZ3.mjs";
10
10
  import "@onereach/ui-components-common/types";
11
11
  import { O as le } from "./OrInput-DZf6KJXJ.mjs";
12
12
  import { O as se } from "./OrRating-BhuvRBRy.mjs";
13
- import { O as ie } from "./OrSelect-jPsu8Yeh.mjs";
13
+ import { O as ie } from "./OrSelect-DaffSPgp.mjs";
14
14
  import { O as de } from "./OrSwitch-BBd-YlXk.mjs";
15
15
  import { O as ue } from "./OrTagInput-B5TArhY_.mjs";
16
16
  import { O as ce } from "./OrTimePicker-Du1sJ1Mh.mjs";
@@ -34,13 +34,13 @@ const ge = [
34
34
  ], be = [
35
35
  // Typography
36
36
  "typography-body-2-semibold"
37
- ], ve = w({
37
+ ], ve = G({
38
38
  name: "OrDataGridFooter",
39
39
  expose: [
40
40
  "root"
41
41
  ],
42
42
  setup() {
43
- const e = $(), t = n(() => [
43
+ const e = D(), t = n(() => [
44
44
  "or-data-grid-footer-v3",
45
45
  ...ge
46
46
  ]), r = n(() => [
@@ -56,7 +56,7 @@ const ge = [
56
56
  key: 1,
57
57
  class: /* @__PURE__ */ u(["grow"])
58
58
  };
59
- function ye(e, t, r, c, b, h) {
59
+ function ye(e, t, r, c, b, v) {
60
60
  return a(), f("div", {
61
61
  ref: "root",
62
62
  class: u(e.rootStyles)
@@ -72,7 +72,7 @@ function ye(e, t, r, c, b, h) {
72
72
  s(e.$slots, "paging")
73
73
  ], 2);
74
74
  }
75
- const ke = /* @__PURE__ */ G(ve, [["render", ye]]), Oe = [
75
+ const ke = /* @__PURE__ */ T(ve, [["render", ye]]), Oe = [
76
76
  // Layout
77
77
  "layout-row items-start",
78
78
  // Interactivity
@@ -82,13 +82,13 @@ const ke = /* @__PURE__ */ G(ve, [["render", ye]]), Oe = [
82
82
  ], $e = [
83
83
  // Typography
84
84
  "typography-headline-2"
85
- ], De = w({
85
+ ], De = G({
86
86
  name: "OrDataGridHeader",
87
87
  expose: [
88
88
  "root"
89
89
  ],
90
90
  setup() {
91
- const e = $(), t = n(() => [
91
+ const e = D(), t = n(() => [
92
92
  "or-data-grid-header-v3",
93
93
  ...Oe
94
94
  ]), r = n(() => [
@@ -104,7 +104,7 @@ const ke = /* @__PURE__ */ G(ve, [["render", ye]]), Oe = [
104
104
  key: 1,
105
105
  class: /* @__PURE__ */ u(["grow"])
106
106
  };
107
- function Ge(e, t, r, c, b, h) {
107
+ function Ge(e, t, r, c, b, v) {
108
108
  return a(), f("div", {
109
109
  ref: "root",
110
110
  class: u(e.rootStyles)
@@ -119,7 +119,7 @@ function Ge(e, t, r, c, b, h) {
119
119
  s(e.$slots, "searching")
120
120
  ], 2);
121
121
  }
122
- const Te = /* @__PURE__ */ G(De, [["render", Ge]]), Se = [
122
+ const Te = /* @__PURE__ */ T(De, [["render", Ge]]), Se = [
123
123
  // Layout
124
124
  "layout-row",
125
125
  // Spacing
@@ -142,7 +142,12 @@ const Te = /* @__PURE__ */ G(De, [["render", Ge]]), Se = [
142
142
  // Theme (.sticky-end)
143
143
  "[&.sticky-end]:border-s-disabled",
144
144
  "dark:[&.sticky-end]:border-s-disabled-dark"
145
- ], Ce = w({
145
+ ], Ce = [
146
+ // interactivity
147
+ "interactivity-select",
148
+ // Typography
149
+ "truncate"
150
+ ], Ve = G({
146
151
  name: "OrDataGridTableContentCell",
147
152
  components: {
148
153
  OrCheckbox: X,
@@ -184,12 +189,12 @@ const Te = /* @__PURE__ */ G(De, [["render", Ge]]), Se = [
184
189
  "root"
185
190
  ],
186
191
  setup(e, t) {
187
- const r = $(), c = n(() => {
188
- var v;
192
+ const r = D(), c = n(() => {
193
+ var $;
189
194
  return [
190
195
  "or-data-grid-table-content-cell-v3",
191
196
  ...Se,
192
- ...(v = e.column) != null && v.stickiness ? [`sticky-${e.column.stickiness}`] : []
197
+ ...($ = e.column) != null && $.stickiness ? [`sticky-${e.column.stickiness}`] : []
193
198
  ];
194
199
  }), b = n(() => {
195
200
  if (e.column)
@@ -217,58 +222,58 @@ const Te = /* @__PURE__ */ G(De, [["render", Ge]]), Se = [
217
222
  return {
218
223
  justifyContent: "center"
219
224
  };
220
- }), h = n({
225
+ }), v = n(() => [
226
+ ...Ce
227
+ ]), k = n({
221
228
  get: () => e.modelValue,
222
- set: (v) => {
223
- t.emit("input", v);
229
+ set: ($) => {
230
+ t.emit("input", $);
224
231
  }
225
232
  }), O = n(() => {
226
- var v;
227
- return (v = e.column) == null ? void 0 : v.control;
233
+ var $;
234
+ return ($ = e.column) == null ? void 0 : $.control;
228
235
  });
229
236
  return {
230
237
  root: r,
231
238
  rootStyles: c,
232
239
  rootInlineStyles: b,
233
- model: h,
240
+ contentStyles: v,
241
+ model: k,
234
242
  control: O
235
243
  };
236
244
  }
237
- }), Ve = {
238
- key: 2,
239
- class: /* @__PURE__ */ u(["truncate"])
240
- };
241
- function Me(e, t, r, c, b, h) {
242
- const O = d("OrInput"), v = d("OrRating"), M = d("OrSelect"), i = d("OrCheckbox"), D = d("OrSwitch"), T = d("OrDatePicker"), S = d("OrTimePicker"), C = d("OrDateTimePicker"), I = d("OrTagInput");
245
+ });
246
+ function Me(e, t, r, c, b, v) {
247
+ const k = d("OrInput"), O = d("OrRating"), $ = d("OrSelect"), i = d("OrCheckbox"), w = d("OrSwitch"), S = d("OrDatePicker"), C = d("OrTimePicker"), V = d("OrDateTimePicker"), I = d("OrTagInput");
243
248
  return a(), f("div", {
244
249
  ref: "root",
245
250
  class: u(e.rootStyles),
246
251
  style: N(e.rootInlineStyles)
247
252
  }, [
248
253
  e.override ? s(e.$slots, "default", { key: 0 }) : e.control ? (a(), f(H, { key: 1 }, [
249
- e.control.type === "text" ? (a(), m(O, {
254
+ e.control.type === "text" ? (a(), m(k, {
250
255
  key: 0,
251
256
  modelValue: e.model,
252
- "onUpdate:modelValue": t[0] || (t[0] = (y) => e.model = y),
257
+ "onUpdate:modelValue": t[0] || (t[0] = (h) => e.model = h),
253
258
  type: "text",
254
259
  variant: "embedded"
255
260
  }, null, 8, ["modelValue"])) : g("", !0),
256
- e.control.type === "number" ? (a(), m(O, {
261
+ e.control.type === "number" ? (a(), m(k, {
257
262
  key: 1,
258
263
  modelValue: e.model,
259
- "onUpdate:modelValue": t[1] || (t[1] = (y) => e.model = y),
264
+ "onUpdate:modelValue": t[1] || (t[1] = (h) => e.model = h),
260
265
  type: "number",
261
266
  variant: "embedded"
262
267
  }, null, 8, ["modelValue"])) : g("", !0),
263
- e.control.type === "rating" ? (a(), m(v, {
268
+ e.control.type === "rating" ? (a(), m(O, {
264
269
  key: 2,
265
270
  modelValue: e.model,
266
- "onUpdate:modelValue": t[2] || (t[2] = (y) => e.model = y)
271
+ "onUpdate:modelValue": t[2] || (t[2] = (h) => e.model = h)
267
272
  }, null, 8, ["modelValue"])) : g("", !0),
268
- e.control.type === "select" ? (a(), m(M, {
273
+ e.control.type === "select" ? (a(), m($, {
269
274
  key: 3,
270
275
  modelValue: e.model,
271
- "onUpdate:modelValue": t[3] || (t[3] = (y) => e.model = y),
276
+ "onUpdate:modelValue": t[3] || (t[3] = (h) => e.model = h),
272
277
  options: e.control.options,
273
278
  variant: "embedded",
274
279
  anchor: e.root
@@ -276,47 +281,50 @@ function Me(e, t, r, c, b, h) {
276
281
  e.control.type === "checkbox" ? (a(), m(i, {
277
282
  key: 4,
278
283
  modelValue: e.model,
279
- "onUpdate:modelValue": t[4] || (t[4] = (y) => e.model = y)
284
+ "onUpdate:modelValue": t[4] || (t[4] = (h) => e.model = h)
280
285
  }, null, 8, ["modelValue"])) : g("", !0),
281
- e.control.type === "switch" ? (a(), m(D, {
286
+ e.control.type === "switch" ? (a(), m(w, {
282
287
  key: 5,
283
288
  modelValue: e.model,
284
- "onUpdate:modelValue": t[5] || (t[5] = (y) => e.model = y)
289
+ "onUpdate:modelValue": t[5] || (t[5] = (h) => e.model = h)
285
290
  }, null, 8, ["modelValue"])) : g("", !0),
286
- e.control.type === "date" ? (a(), m(T, {
291
+ e.control.type === "date" ? (a(), m(S, {
287
292
  key: 6,
288
293
  modelValue: e.model,
289
- "onUpdate:modelValue": t[6] || (t[6] = (y) => e.model = y),
294
+ "onUpdate:modelValue": t[6] || (t[6] = (h) => e.model = h),
290
295
  variant: "embedded",
291
296
  anchor: e.root
292
297
  }, null, 8, ["modelValue", "anchor"])) : g("", !0),
293
- e.control.type === "time" ? (a(), m(S, {
298
+ e.control.type === "time" ? (a(), m(C, {
294
299
  key: 7,
295
300
  modelValue: e.model,
296
- "onUpdate:modelValue": t[7] || (t[7] = (y) => e.model = y),
301
+ "onUpdate:modelValue": t[7] || (t[7] = (h) => e.model = h),
297
302
  variant: "embedded",
298
303
  anchor: e.root
299
304
  }, null, 8, ["modelValue", "anchor"])) : g("", !0),
300
- e.control.type === "datetime" ? (a(), m(C, {
305
+ e.control.type === "datetime" ? (a(), m(V, {
301
306
  key: 8,
302
307
  modelValue: e.model,
303
- "onUpdate:modelValue": t[8] || (t[8] = (y) => e.model = y),
308
+ "onUpdate:modelValue": t[8] || (t[8] = (h) => e.model = h),
304
309
  variant: "embedded",
305
310
  anchor: e.root
306
311
  }, null, 8, ["modelValue", "anchor"])) : g("", !0),
307
312
  e.control.type === "tags" ? (a(), m(I, {
308
313
  key: 9,
309
314
  modelValue: e.model,
310
- "onUpdate:modelValue": t[9] || (t[9] = (y) => e.model = y),
315
+ "onUpdate:modelValue": t[9] || (t[9] = (h) => e.model = h),
311
316
  variant: "embedded"
312
317
  }, null, 8, ["modelValue"])) : g("", !0)
313
- ], 64)) : (a(), f("div", Ve, [
318
+ ], 64)) : (a(), f("div", {
319
+ key: 2,
320
+ class: u(e.contentStyles)
321
+ }, [
314
322
  s(e.$slots, "default")
315
- ]))
323
+ ], 2))
316
324
  ], 6);
317
325
  }
318
- const Re = /* @__PURE__ */ G(Ce, [["render", Me]]);
319
- var k = /* @__PURE__ */ ((e) => (e.Standard = "standard", e.Comfortable = "comfortable", e.Compact = "compact", e))(k || {});
326
+ const Re = /* @__PURE__ */ T(Ve, [["render", Me]]);
327
+ var y = /* @__PURE__ */ ((e) => (e.Standard = "standard", e.Comfortable = "comfortable", e.Compact = "compact", e))(y || {});
320
328
  const Ie = [
321
329
  // Layout
322
330
  "grid grid-cols-[subgrid] col-span-full",
@@ -340,19 +348,19 @@ const Ie = [
340
348
  "children:hover:selected:theme-background-surface-3",
341
349
  "dark:children:hover:selected:theme-background-surface-3-dark"
342
350
  ], Fe = {
343
- [k.Standard]: [
351
+ [y.Standard]: [
344
352
  // Box
345
353
  "h-[calc(theme(spacing.2xl)+theme(spacing.xs))]"
346
354
  ],
347
- [k.Comfortable]: [
355
+ [y.Comfortable]: [
348
356
  // Box
349
357
  "h-[calc(theme(spacing.3xl)+theme(spacing.xs))]"
350
358
  ],
351
- [k.Compact]: [
359
+ [y.Compact]: [
352
360
  // Box
353
361
  "h-[calc(theme(spacing.xl)+theme(spacing.xs))]"
354
362
  ]
355
- }, He = w({
363
+ }, He = G({
356
364
  name: "OrDataGridTableContentRow",
357
365
  props: {
358
366
  variant: {
@@ -372,7 +380,7 @@ const Ie = [
372
380
  "root"
373
381
  ],
374
382
  setup(e) {
375
- const t = $(), r = n(() => [
383
+ const t = D(), r = n(() => [
376
384
  "or-data-grid-table-content-row-v3",
377
385
  ...Ie,
378
386
  ...Fe[e.variant],
@@ -384,7 +392,7 @@ const Ie = [
384
392
  };
385
393
  }
386
394
  }), Pe = ["selected"];
387
- function je(e, t, r, c, b, h) {
395
+ function je(e, t, r, c, b, v) {
388
396
  return a(), f("div", {
389
397
  ref: "root",
390
398
  class: u(e.rootStyles),
@@ -393,16 +401,16 @@ function je(e, t, r, c, b, h) {
393
401
  s(e.$slots, "default")
394
402
  ], 10, Pe);
395
403
  }
396
- const Ee = /* @__PURE__ */ G(He, [["render", je]]), Ue = [
404
+ const Ee = /* @__PURE__ */ T(He, [["render", je]]), Ue = [
397
405
  // Layout
398
406
  "contents"
399
- ], Ne = w({
407
+ ], Ne = G({
400
408
  name: "OrDataGridTableContent",
401
409
  expose: [
402
410
  "root"
403
411
  ],
404
412
  setup() {
405
- const e = $(), t = n(() => [
413
+ const e = D(), t = n(() => [
406
414
  "or-data-grid-table-content-v3",
407
415
  ...Ue
408
416
  ]);
@@ -412,7 +420,7 @@ const Ee = /* @__PURE__ */ G(He, [["render", je]]), Ue = [
412
420
  };
413
421
  }
414
422
  });
415
- function qe(e, t, r, c, b, h) {
423
+ function qe(e, t, r, c, b, v) {
416
424
  return a(), f("div", {
417
425
  ref: "root",
418
426
  class: u(e.rootStyles)
@@ -420,7 +428,7 @@ function qe(e, t, r, c, b, h) {
420
428
  s(e.$slots, "default")
421
429
  ], 2);
422
430
  }
423
- const Le = /* @__PURE__ */ G(Ne, [["render", qe]]), Be = [
431
+ const Le = /* @__PURE__ */ T(Ne, [["render", qe]]), Be = [
424
432
  // Layout
425
433
  "layout-row",
426
434
  // Spacing
@@ -430,13 +438,13 @@ const Le = /* @__PURE__ */ G(Ne, [["render", qe]]), Be = [
430
438
  // Theme
431
439
  "theme-border-transparent border-1",
432
440
  "dark:theme-border-transparent-dark"
433
- ], ze = w({
441
+ ], ze = G({
434
442
  name: "OrDataGridTableFooterCell",
435
443
  expose: [
436
444
  "root"
437
445
  ],
438
446
  setup() {
439
- const e = $(), t = n(() => [
447
+ const e = D(), t = n(() => [
440
448
  "or-data-grid-table-footer-cell-v3",
441
449
  ...Be
442
450
  ]);
@@ -446,7 +454,7 @@ const Le = /* @__PURE__ */ G(Ne, [["render", qe]]), Be = [
446
454
  };
447
455
  }
448
456
  });
449
- function Ae(e, t, r, c, b, h) {
457
+ function Ae(e, t, r, c, b, v) {
450
458
  return a(), f("div", {
451
459
  ref: "root",
452
460
  class: u(e.rootStyles)
@@ -454,7 +462,7 @@ function Ae(e, t, r, c, b, h) {
454
462
  s(e.$slots, "default")
455
463
  ], 2);
456
464
  }
457
- const Je = /* @__PURE__ */ G(ze, [["render", Ae]]), Ke = [
465
+ const Je = /* @__PURE__ */ T(ze, [["render", Ae]]), Ke = [
458
466
  // Layout
459
467
  "grid grid-cols-1",
460
468
  // Typography
@@ -468,19 +476,19 @@ const Je = /* @__PURE__ */ G(ze, [["render", Ae]]), Ke = [
468
476
  "children:theme-background-default",
469
477
  "dark:children:theme-background-default-dark"
470
478
  ], Qe = {
471
- [k.Standard]: [
479
+ [y.Standard]: [
472
480
  // Box
473
481
  "h-[calc(theme(spacing.2xl)+theme(spacing.xs))]"
474
482
  ],
475
- [k.Comfortable]: [
483
+ [y.Comfortable]: [
476
484
  // Box
477
485
  "h-[calc(theme(spacing.3xl)+theme(spacing.xs))]"
478
486
  ],
479
- [k.Compact]: [
487
+ [y.Compact]: [
480
488
  // Box
481
489
  "h-[calc(theme(spacing.xl)+theme(spacing.xs))]"
482
490
  ]
483
- }, We = w({
491
+ }, We = G({
484
492
  name: "OrDataGridTableFooterRow",
485
493
  props: {
486
494
  variant: {
@@ -492,7 +500,7 @@ const Je = /* @__PURE__ */ G(ze, [["render", Ae]]), Ke = [
492
500
  "root"
493
501
  ],
494
502
  setup(e) {
495
- const t = $(), r = n(() => [
503
+ const t = D(), r = n(() => [
496
504
  "or-data-grid-table-footer-row-v3",
497
505
  ...Ke,
498
506
  ...Qe[e.variant]
@@ -503,7 +511,7 @@ const Je = /* @__PURE__ */ G(ze, [["render", Ae]]), Ke = [
503
511
  };
504
512
  }
505
513
  });
506
- function Xe(e, t, r, c, b, h) {
514
+ function Xe(e, t, r, c, b, v) {
507
515
  return a(), f("div", {
508
516
  ref: "root",
509
517
  class: u(e.rootStyles)
@@ -511,16 +519,16 @@ function Xe(e, t, r, c, b, h) {
511
519
  s(e.$slots, "default")
512
520
  ], 2);
513
521
  }
514
- const Ye = /* @__PURE__ */ G(We, [["render", Xe]]), Ze = [
522
+ const Ye = /* @__PURE__ */ T(We, [["render", Xe]]), Ze = [
515
523
  // Layout
516
524
  "contents"
517
- ], _e = w({
525
+ ], _e = G({
518
526
  name: "OrDataGridTableFooter",
519
527
  expose: [
520
528
  "root"
521
529
  ],
522
530
  setup() {
523
- const e = $(), t = n(() => [
531
+ const e = D(), t = n(() => [
524
532
  "or-data-grid-table-footer-v3",
525
533
  ...Ze
526
534
  ]);
@@ -530,7 +538,7 @@ const Ye = /* @__PURE__ */ G(We, [["render", Xe]]), Ze = [
530
538
  };
531
539
  }
532
540
  });
533
- function xe(e, t, r, c, b, h) {
541
+ function xe(e, t, r, c, b, v) {
534
542
  return a(), f("div", {
535
543
  ref: "root",
536
544
  class: u(e.rootStyles)
@@ -538,7 +546,7 @@ function xe(e, t, r, c, b, h) {
538
546
  s(e.$slots, "default")
539
547
  ], 2);
540
548
  }
541
- const et = /* @__PURE__ */ G(_e, [["render", xe]]), tt = [
549
+ const et = /* @__PURE__ */ T(_e, [["render", xe]]), tt = [
542
550
  // Layout
543
551
  "layout-row",
544
552
  // Spacing
@@ -554,7 +562,7 @@ const et = /* @__PURE__ */ G(_e, [["render", xe]]), tt = [
554
562
  // Theme (.sticky-end)
555
563
  "[&.sticky-end]:border-s-disabled",
556
564
  "dark:[&.sticky-end]:border-s-disabled-dark"
557
- ], ot = w({
565
+ ], ot = G({
558
566
  name: "OrDataGridTableHeaderCell",
559
567
  components: {
560
568
  OrIcon: me
@@ -586,9 +594,9 @@ const et = /* @__PURE__ */ G(_e, [["render", xe]]), tt = [
586
594
  "root"
587
595
  ],
588
596
  setup(e, t) {
589
- const r = $(), c = n(() => {
590
- var i, D, T;
591
- return !!((i = e.features) != null && i.sorting) && !!((D = e.column) != null && D.name) && ((T = e.column) == null ? void 0 : T.sorting) !== !1;
597
+ const r = D(), c = n(() => {
598
+ var i, w, S;
599
+ return !!((i = e.features) != null && i.sorting) && !!((w = e.column) != null && w.name) && ((S = e.column) == null ? void 0 : S.sorting) !== !1;
592
600
  }), b = n(() => {
593
601
  var i;
594
602
  return [
@@ -597,7 +605,7 @@ const et = /* @__PURE__ */ G(_e, [["render", xe]]), tt = [
597
605
  ...(i = e.column) != null && i.stickiness ? [`sticky-${e.column.stickiness}`] : [],
598
606
  ...c.value ? ["interactivity-click"] : []
599
607
  ];
600
- }), h = n(() => {
608
+ }), v = n(() => {
601
609
  if (e.column)
602
610
  switch (e.column.stickiness) {
603
611
  case "start":
@@ -623,78 +631,78 @@ const et = /* @__PURE__ */ G(_e, [["render", xe]]), tt = [
623
631
  return {
624
632
  justifyContent: "center"
625
633
  };
626
- }), O = n({
634
+ }), k = n({
627
635
  get: () => {
628
- var i, D;
636
+ var i, w;
629
637
  if (c.value)
630
- return ((i = e.modelValue) == null ? void 0 : i.column) === ((D = e.column) == null ? void 0 : D.name) ? e.modelValue : void 0;
638
+ return ((i = e.modelValue) == null ? void 0 : i.column) === ((w = e.column) == null ? void 0 : w.name) ? e.modelValue : void 0;
631
639
  },
632
640
  set: (i) => {
633
641
  t.emit("update:modelValue", i);
634
642
  }
635
643
  });
636
- function v() {
644
+ function O() {
637
645
  var i;
638
646
  if (c.value)
639
- if (O.value)
640
- O.value = {
641
- ...O.value,
642
- direction: O.value.direction === "asc" ? "desc" : "asc"
647
+ if (k.value)
648
+ k.value = {
649
+ ...k.value,
650
+ direction: k.value.direction === "asc" ? "desc" : "asc"
643
651
  };
644
652
  else {
645
653
  if (!e.column)
646
654
  throw new Error("[OrDataGridTableHeaderCell]: `column` must be specified.");
647
- O.value = {
655
+ k.value = {
648
656
  column: ((i = e.column) == null ? void 0 : i.name) || "_check",
649
657
  direction: "asc"
650
658
  };
651
659
  }
652
660
  }
653
- const { width: M } = fe(r, void 0, { box: "border-box" });
661
+ const { width: $ } = fe(r, void 0, { box: "border-box" });
654
662
  return x([
655
663
  r,
656
- M,
664
+ $,
657
665
  () => {
658
666
  var i;
659
667
  return (i = e.column) == null ? void 0 : i.stickiness;
660
668
  }
661
669
  ], ([
662
670
  i,
663
- D
671
+ w
664
672
  ], [
665
- T
673
+ S
666
674
  ]) => {
667
- T && T !== i && t.emit("remove:scrollOffset", T), t.emit("update:scrollOffset", i, D, e.column);
675
+ S && S !== i && t.emit("remove:scrollOffset", S), t.emit("update:scrollOffset", i, w, e.column);
668
676
  }), {
669
677
  root: r,
670
678
  rootStyles: b,
671
- rootInlineStyles: h,
679
+ rootInlineStyles: v,
672
680
  isSortable: c,
673
- model: O,
674
- toggleSorting: v
681
+ model: k,
682
+ toggleSorting: O
675
683
  };
676
684
  }
677
685
  }), at = {
678
686
  class: /* @__PURE__ */ u(["truncate"])
679
687
  };
680
- function rt(e, t, r, c, b, h) {
681
- const O = d("OrIcon");
688
+ function rt(e, t, r, c, b, v) {
689
+ const k = d("OrIcon");
682
690
  return a(), f("div", {
683
691
  ref: "root",
684
692
  class: u(e.rootStyles),
685
693
  style: N(e.rootInlineStyles),
686
- onClick: t[0] || (t[0] = (v) => e.toggleSorting())
694
+ onClick: t[0] || (t[0] = (O) => e.toggleSorting())
687
695
  }, [
688
696
  ee("div", at, [
689
697
  s(e.$slots, "default")
690
698
  ]),
691
- e.model ? (a(), m(O, {
699
+ e.model ? (a(), m(k, {
692
700
  key: 0,
693
701
  icon: e.model.direction === "asc" ? "arrow_upward" : "arrow_downward"
694
702
  }, null, 8, ["icon"])) : g("", !0)
695
703
  ], 6);
696
704
  }
697
- const nt = /* @__PURE__ */ G(ot, [["render", rt]]), lt = [
705
+ const nt = /* @__PURE__ */ T(ot, [["render", rt]]), lt = [
698
706
  // Position
699
707
  "sticky top-0 z-10",
700
708
  // Layout
@@ -707,19 +715,19 @@ const nt = /* @__PURE__ */ G(ot, [["render", rt]]), lt = [
707
715
  "children:theme-background-surface-variant-1",
708
716
  "dark:children:theme-background-surface-variant-1-dark"
709
717
  ], st = {
710
- [k.Standard]: [
718
+ [y.Standard]: [
711
719
  // Box
712
720
  "h-[calc(theme(spacing.2xl)+theme(spacing.xs))]"
713
721
  ],
714
- [k.Comfortable]: [
722
+ [y.Comfortable]: [
715
723
  // Box
716
724
  "h-[calc(theme(spacing.3xl)+theme(spacing.xs))]"
717
725
  ],
718
- [k.Compact]: [
726
+ [y.Compact]: [
719
727
  // Box
720
728
  "h-[calc(theme(spacing.xl)+theme(spacing.xs))]"
721
729
  ]
722
- }, it = w({
730
+ }, it = G({
723
731
  name: "OrDataGridTableHeaderRow",
724
732
  props: {
725
733
  variant: {
@@ -731,7 +739,7 @@ const nt = /* @__PURE__ */ G(ot, [["render", rt]]), lt = [
731
739
  "root"
732
740
  ],
733
741
  setup(e) {
734
- const t = $(), r = n(() => [
742
+ const t = D(), r = n(() => [
735
743
  "or-data-grid-table-header-row-v3",
736
744
  ...lt,
737
745
  ...st[e.variant]
@@ -742,7 +750,7 @@ const nt = /* @__PURE__ */ G(ot, [["render", rt]]), lt = [
742
750
  };
743
751
  }
744
752
  });
745
- function dt(e, t, r, c, b, h) {
753
+ function dt(e, t, r, c, b, v) {
746
754
  return a(), f("div", {
747
755
  ref: "root",
748
756
  class: u(e.rootStyles)
@@ -750,16 +758,16 @@ function dt(e, t, r, c, b, h) {
750
758
  s(e.$slots, "default")
751
759
  ], 2);
752
760
  }
753
- const ut = /* @__PURE__ */ G(it, [["render", dt]]), ct = [
761
+ const ut = /* @__PURE__ */ T(it, [["render", dt]]), ct = [
754
762
  // Layout
755
763
  "contents"
756
- ], mt = w({
764
+ ], mt = G({
757
765
  name: "OrDataGridTableHeader",
758
766
  expose: [
759
767
  "root"
760
768
  ],
761
769
  setup() {
762
- const e = $(), t = n(() => [
770
+ const e = D(), t = n(() => [
763
771
  "or-data-grid-table-header-v3",
764
772
  ...ct
765
773
  ]);
@@ -769,7 +777,7 @@ const ut = /* @__PURE__ */ G(it, [["render", dt]]), ct = [
769
777
  };
770
778
  }
771
779
  });
772
- function ft(e, t, r, c, b, h) {
780
+ function ft(e, t, r, c, b, v) {
773
781
  return a(), f("div", {
774
782
  ref: "root",
775
783
  class: u(e.rootStyles)
@@ -777,7 +785,7 @@ function ft(e, t, r, c, b, h) {
777
785
  s(e.$slots, "default")
778
786
  ], 2);
779
787
  }
780
- const pt = /* @__PURE__ */ G(mt, [["render", ft]]), gt = [
788
+ const pt = /* @__PURE__ */ T(mt, [["render", ft]]), gt = [
781
789
  // Layout
782
790
  "layout-row justify-center",
783
791
  // Spacing
@@ -792,19 +800,19 @@ const pt = /* @__PURE__ */ G(mt, [["render", ft]]), gt = [
792
800
  "theme-background-default",
793
801
  "dark:theme-background-default-dark"
794
802
  ], bt = {
795
- [k.Standard]: [
803
+ [y.Standard]: [
796
804
  // Box
797
805
  "min-h-[calc(theme(spacing.2xl)+theme(spacing.xs))]"
798
806
  ],
799
- [k.Comfortable]: [
807
+ [y.Comfortable]: [
800
808
  // Box
801
809
  "min-h-[calc(theme(spacing.3xl)+theme(spacing.xs))]"
802
810
  ],
803
- [k.Compact]: [
811
+ [y.Compact]: [
804
812
  // Box
805
813
  "min-h-[calc(theme(spacing.xl)+theme(spacing.xs))]"
806
814
  ]
807
- }, vt = w({
815
+ }, vt = G({
808
816
  name: "OrDataGridTablePlaceholder",
809
817
  props: {
810
818
  variant: {
@@ -816,7 +824,7 @@ const pt = /* @__PURE__ */ G(mt, [["render", ft]]), gt = [
816
824
  "root"
817
825
  ],
818
826
  setup(e) {
819
- const t = $(), r = n(() => [
827
+ const t = D(), r = n(() => [
820
828
  "or-data-grid-table-placeholder-v3",
821
829
  ...gt,
822
830
  ...bt[e.variant]
@@ -827,7 +835,7 @@ const pt = /* @__PURE__ */ G(mt, [["render", ft]]), gt = [
827
835
  };
828
836
  }
829
837
  });
830
- function ht(e, t, r, c, b, h) {
838
+ function ht(e, t, r, c, b, v) {
831
839
  return a(), f("div", {
832
840
  ref: "root",
833
841
  class: u(e.rootStyles)
@@ -835,14 +843,14 @@ function ht(e, t, r, c, b, h) {
835
843
  s(e.$slots, "default")
836
844
  ], 2);
837
845
  }
838
- const yt = /* @__PURE__ */ G(vt, [["render", ht]]), kt = [
846
+ const yt = /* @__PURE__ */ T(vt, [["render", ht]]), kt = [
839
847
  // Layout
840
848
  "grid content-start",
841
849
  // Overflow
842
850
  "overflow-auto",
843
851
  // Interactivity
844
852
  "interactivity-default"
845
- ], Ot = w({
853
+ ], Ot = G({
846
854
  name: "OrDataGridTable",
847
855
  props: {
848
856
  columns: {
@@ -858,11 +866,11 @@ const yt = /* @__PURE__ */ G(vt, [["render", ht]]), kt = [
858
866
  "root"
859
867
  ],
860
868
  setup(e) {
861
- const t = $(), r = n(() => [
869
+ const t = D(), r = n(() => [
862
870
  "or-data-grid-table-v3",
863
871
  ...kt
864
872
  ]), c = n(() => {
865
- const b = e.columns.map((h) => h.width ?? "auto");
873
+ const b = e.columns.map((v) => v.width ?? "auto");
866
874
  return e.features.selecting ? { gridTemplateColumns: `0fr ${b.join(" ")}` } : { gridTemplateColumns: b.join(" ") };
867
875
  });
868
876
  return {
@@ -872,7 +880,7 @@ const yt = /* @__PURE__ */ G(vt, [["render", ht]]), kt = [
872
880
  };
873
881
  }
874
882
  });
875
- function $t(e, t, r, c, b, h) {
883
+ function $t(e, t, r, c, b, v) {
876
884
  return a(), f("div", {
877
885
  ref: "root",
878
886
  class: u(e.rootStyles),
@@ -881,20 +889,20 @@ function $t(e, t, r, c, b, h) {
881
889
  s(e.$slots, "default")
882
890
  ], 6);
883
891
  }
884
- const Dt = /* @__PURE__ */ G(Ot, [["render", $t]]), wt = [
892
+ const Dt = /* @__PURE__ */ T(Ot, [["render", $t]]), wt = [
885
893
  // Layout
886
894
  "layout-row",
887
895
  // Box
888
896
  "h-2xl",
889
897
  // Spacing
890
898
  "gap-xl"
891
- ], Gt = w({
899
+ ], Gt = G({
892
900
  name: "OrDataGridToolbar",
893
901
  expose: [
894
902
  "root"
895
903
  ],
896
904
  setup() {
897
- const e = $(), t = n(() => [
905
+ const e = D(), t = n(() => [
898
906
  "or-data-grid-toolbar-v3",
899
907
  ...wt
900
908
  ]);
@@ -904,7 +912,7 @@ const Dt = /* @__PURE__ */ G(Ot, [["render", $t]]), wt = [
904
912
  };
905
913
  }
906
914
  });
907
- function Tt(e, t, r, c, b, h) {
915
+ function Tt(e, t, r, c, b, v) {
908
916
  return a(), f("div", {
909
917
  ref: "root",
910
918
  class: u(e.rootStyles)
@@ -912,25 +920,25 @@ function Tt(e, t, r, c, b, h) {
912
920
  s(e.$slots, "default")
913
921
  ], 2);
914
922
  }
915
- const St = /* @__PURE__ */ G(Gt, [["render", Tt]]), Ct = [
923
+ const St = /* @__PURE__ */ T(Gt, [["render", Tt]]), Ct = [
916
924
  // Position
917
925
  "grid sticky z-10",
918
926
  // Layout
919
927
  "col-span-full"
920
928
  ], Vt = {
921
- [k.Standard]: [
929
+ [y.Standard]: [
922
930
  // Position
923
931
  "top-[calc(theme(spacing.2xl)+theme(spacing.xs))]"
924
932
  ],
925
- [k.Comfortable]: [
933
+ [y.Comfortable]: [
926
934
  // Position
927
935
  "top-[calc(theme(spacing.3xl)+theme(spacing.xs))]"
928
936
  ],
929
- [k.Compact]: [
937
+ [y.Compact]: [
930
938
  // Position
931
939
  "top-[calc(theme(spacing.xl)+theme(spacing.xs))]"
932
940
  ]
933
- }, Mt = w({
941
+ }, Mt = G({
934
942
  components: {
935
943
  OrNotification: pe
936
944
  },
@@ -957,14 +965,14 @@ const St = /* @__PURE__ */ G(Gt, [["render", Tt]]), Ct = [
957
965
  };
958
966
  }
959
967
  });
960
- function Rt(e, t, r, c, b, h) {
961
- const O = d("OrNotification");
968
+ function Rt(e, t, r, c, b, v) {
969
+ const k = d("OrNotification");
962
970
  return a(), f("div", {
963
971
  class: u(e.rootStyles)
964
972
  }, [
965
- V(O, te(e.notification, {
973
+ M(k, te(e.notification, {
966
974
  class: "rounded-0 shadow-none",
967
- onClose: t[0] || (t[0] = (v) => e.$emit("close-notification"))
975
+ onClose: t[0] || (t[0] = (O) => e.$emit("close-notification"))
968
976
  }), {
969
977
  default: p(() => [
970
978
  e.$slots.notification ? s(e.$slots, "notification", { key: 0 }) : g("", !0)
@@ -973,7 +981,7 @@ function Rt(e, t, r, c, b, h) {
973
981
  }, 16)
974
982
  ], 2);
975
983
  }
976
- const It = /* @__PURE__ */ G(Mt, [["render", Rt]]), Ft = [
984
+ const It = /* @__PURE__ */ T(Mt, [["render", Rt]]), Ft = [
977
985
  // Layout
978
986
  "grid col-span-full grid-cols-[subgrid]",
979
987
  // Typography
@@ -987,19 +995,19 @@ const It = /* @__PURE__ */ G(Mt, [["render", Rt]]), Ft = [
987
995
  "children:theme-background-default",
988
996
  "dark:children:theme-background-default-dark"
989
997
  ], Ht = {
990
- [k.Standard]: [
998
+ [y.Standard]: [
991
999
  // Box
992
1000
  "h-[calc(theme(spacing.2xl)+theme(spacing.xs))]"
993
1001
  ],
994
- [k.Comfortable]: [
1002
+ [y.Comfortable]: [
995
1003
  // Box
996
1004
  "h-[calc(theme(spacing.3xl)+theme(spacing.xs))]"
997
1005
  ],
998
- [k.Compact]: [
1006
+ [y.Compact]: [
999
1007
  // Box
1000
1008
  "h-[calc(theme(spacing.xl)+theme(spacing.xs))]"
1001
1009
  ]
1002
- }, Pt = w({
1010
+ }, Pt = G({
1003
1011
  name: "OrDataGridTableExtraRow",
1004
1012
  props: {
1005
1013
  variant: {
@@ -1011,7 +1019,7 @@ const It = /* @__PURE__ */ G(Mt, [["render", Rt]]), Ft = [
1011
1019
  "root"
1012
1020
  ],
1013
1021
  setup(e) {
1014
- const t = $(), r = n(() => [
1022
+ const t = D(), r = n(() => [
1015
1023
  "or-data-grid-table-extra-row-v3",
1016
1024
  ...Ft,
1017
1025
  ...Ht[e.variant]
@@ -1022,7 +1030,7 @@ const It = /* @__PURE__ */ G(Mt, [["render", Rt]]), Ft = [
1022
1030
  };
1023
1031
  }
1024
1032
  });
1025
- function jt(e, t, r, c, b, h) {
1033
+ function jt(e, t, r, c, b, v) {
1026
1034
  return a(), f("div", {
1027
1035
  ref: "root",
1028
1036
  class: u(e.rootStyles)
@@ -1030,10 +1038,10 @@ function jt(e, t, r, c, b, h) {
1030
1038
  s(e.$slots, "default")
1031
1039
  ], 2);
1032
1040
  }
1033
- const Et = /* @__PURE__ */ G(Pt, [["render", jt]]), Ut = [
1041
+ const Et = /* @__PURE__ */ T(Pt, [["render", jt]]), Ut = [
1034
1042
  // Layout
1035
1043
  "layout-column"
1036
- ], Nt = w({
1044
+ ], Nt = G({
1037
1045
  name: "OrDataGrid",
1038
1046
  components: {
1039
1047
  OrCheckbox: X,
@@ -1076,7 +1084,7 @@ const Et = /* @__PURE__ */ G(Pt, [["render", jt]]), Ut = [
1076
1084
  },
1077
1085
  variant: {
1078
1086
  type: String,
1079
- default: () => k.Standard
1087
+ default: () => y.Standard
1080
1088
  },
1081
1089
  features: {
1082
1090
  type: Object,
@@ -1109,23 +1117,23 @@ const Et = /* @__PURE__ */ G(Pt, [["render", jt]]), Ut = [
1109
1117
  "root"
1110
1118
  ],
1111
1119
  setup(e, t) {
1112
- const r = $(), c = $(), b = n(() => [
1120
+ const r = D(), c = D(), b = n(() => [
1113
1121
  "or-data-grid-v3",
1114
1122
  ...Ut
1115
- ]), h = n(() => ({
1116
- scrollPaddingInlineStart: `${[...S.value.values()].reduce((o, l) => o + l, 0)}px`,
1117
- scrollPaddingInlineEnd: `${[...C.value.values()].reduce((o, l) => o + l, 0)}px`
1118
- })), O = n({
1119
- get: () => !!e.items.length && e.items.every((o) => v.value.includes(o.id)),
1123
+ ]), v = n(() => ({
1124
+ scrollPaddingInlineStart: `${[...C.value.values()].reduce((o, l) => o + l, 0)}px`,
1125
+ scrollPaddingInlineEnd: `${[...V.value.values()].reduce((o, l) => o + l, 0)}px`
1126
+ })), k = n({
1127
+ get: () => !!e.items.length && e.items.every((o) => O.value.includes(o.id)),
1120
1128
  set: (o) => {
1121
- o ? v.value = [
1129
+ o ? O.value = [
1122
1130
  .../* @__PURE__ */ new Set([
1123
- ...v.value,
1131
+ ...O.value,
1124
1132
  ...e.items.map((l) => l.id)
1125
1133
  ])
1126
- ] : v.value = [];
1134
+ ] : O.value = [];
1127
1135
  }
1128
- }), v = n({
1136
+ }), O = n({
1129
1137
  get: () => {
1130
1138
  var o;
1131
1139
  return ((o = e.modelValue) == null ? void 0 : o.selecting) ?? [];
@@ -1133,25 +1141,25 @@ const Et = /* @__PURE__ */ G(Pt, [["render", jt]]), Ut = [
1133
1141
  set: (o) => {
1134
1142
  t.emit("update:modelValue", {
1135
1143
  selecting: o,
1136
- filtering: M.value,
1144
+ filtering: $.value,
1137
1145
  searching: i.value,
1138
- sorting: D.value,
1139
- paging: T.value
1146
+ sorting: w.value,
1147
+ paging: S.value
1140
1148
  });
1141
1149
  }
1142
- }), M = n({
1150
+ }), $ = n({
1143
1151
  get: () => {
1144
1152
  var o;
1145
1153
  return (o = e.modelValue) == null ? void 0 : o.filtering;
1146
1154
  },
1147
1155
  set: (o) => {
1148
1156
  t.emit("update:modelValue", {
1149
- selecting: v.value,
1157
+ selecting: O.value,
1150
1158
  filtering: o,
1151
1159
  searching: i.value,
1152
- sorting: D.value,
1160
+ sorting: w.value,
1153
1161
  paging: {
1154
- ...T.value,
1162
+ ...S.value,
1155
1163
  offset: 0
1156
1164
  }
1157
1165
  });
@@ -1163,48 +1171,48 @@ const Et = /* @__PURE__ */ G(Pt, [["render", jt]]), Ut = [
1163
1171
  },
1164
1172
  set: (o) => {
1165
1173
  t.emit("update:modelValue", {
1166
- selecting: v.value,
1167
- filtering: M.value,
1174
+ selecting: O.value,
1175
+ filtering: $.value,
1168
1176
  searching: o,
1169
- sorting: D.value,
1177
+ sorting: w.value,
1170
1178
  paging: {
1171
- ...T.value,
1179
+ ...S.value,
1172
1180
  offset: 0
1173
1181
  }
1174
1182
  });
1175
1183
  }
1176
- }), D = n({
1184
+ }), w = n({
1177
1185
  get: () => {
1178
1186
  var o;
1179
1187
  return (o = e.modelValue) == null ? void 0 : o.sorting;
1180
1188
  },
1181
1189
  set: (o) => {
1182
1190
  t.emit("update:modelValue", {
1183
- selecting: v.value,
1184
- filtering: M.value,
1191
+ selecting: O.value,
1192
+ filtering: $.value,
1185
1193
  searching: i.value,
1186
1194
  sorting: o,
1187
1195
  paging: {
1188
- ...T.value,
1196
+ ...S.value,
1189
1197
  offset: 0
1190
1198
  }
1191
1199
  });
1192
1200
  }
1193
- }), T = n({
1201
+ }), S = n({
1194
1202
  get: () => {
1195
1203
  var o;
1196
1204
  return (o = e.modelValue) == null ? void 0 : o.paging;
1197
1205
  },
1198
1206
  set: (o) => {
1199
1207
  t.emit("update:modelValue", {
1200
- selecting: v.value,
1201
- filtering: M.value,
1208
+ selecting: O.value,
1209
+ filtering: $.value,
1202
1210
  searching: i.value,
1203
- sorting: D.value,
1211
+ sorting: w.value,
1204
1212
  paging: o
1205
1213
  });
1206
1214
  }
1207
- }), S = $(/* @__PURE__ */ new Map()), C = $(/* @__PURE__ */ new Map()), I = n(() => e.features.selecting && (typeof e.features.selecting == "object" ? e.features.selecting.showCounter !== !1 : !0)), y = n(() => e.items.length === 0 || e.loading || typeof e.features.selecting == "object" && e.features.selecting.disabled), F = n(() => {
1215
+ }), C = D(/* @__PURE__ */ new Map()), V = D(/* @__PURE__ */ new Map()), I = n(() => e.features.selecting && (typeof e.features.selecting == "object" ? e.features.selecting.showCounter !== !1 : !0)), h = n(() => e.items.length === 0 || e.loading || typeof e.features.selecting == "object" && e.features.selecting.disabled), F = n(() => {
1208
1216
  var o;
1209
1217
  return ((o = c.value) == null ? void 0 : o.currentLimit) || 10;
1210
1218
  });
@@ -1214,10 +1222,10 @@ const Et = /* @__PURE__ */ G(Pt, [["render", jt]]), Ut = [
1214
1222
  function E(o, l, R) {
1215
1223
  switch (R.stickiness) {
1216
1224
  case "start":
1217
- S.value.set(o, l), S.value = new Map(S.value), C.value.delete(o), C.value = new Map(C.value);
1225
+ C.value.set(o, l), C.value = new Map(C.value), V.value.delete(o), V.value = new Map(V.value);
1218
1226
  break;
1219
1227
  case "end":
1220
- S.value.delete(o), S.value = new Map(S.value), C.value.set(o, l), C.value = new Map(C.value);
1228
+ C.value.delete(o), C.value = new Map(C.value), V.value.set(o, l), V.value = new Map(V.value);
1221
1229
  break;
1222
1230
  default:
1223
1231
  U(o);
@@ -1248,7 +1256,7 @@ const Et = /* @__PURE__ */ G(Pt, [["render", jt]]), Ut = [
1248
1256
  e.interactiveRows && t.emit("click:row", o);
1249
1257
  }
1250
1258
  function U(o) {
1251
- S.value.delete(o), S.value = new Map(S.value), C.value.delete(o), C.value = new Map(C.value);
1259
+ C.value.delete(o), C.value = new Map(C.value), V.value.delete(o), V.value = new Map(V.value);
1252
1260
  }
1253
1261
  function J(o) {
1254
1262
  o.currentTarget.scrollIntoView({ block: "nearest" });
@@ -1257,21 +1265,21 @@ const Et = /* @__PURE__ */ G(Pt, [["render", jt]]), Ut = [
1257
1265
  root: r,
1258
1266
  rootStyles: b,
1259
1267
  pagination: c,
1260
- tableInlineStyles: h,
1261
- selectingIndicator: O,
1268
+ tableInlineStyles: v,
1269
+ selectingIndicator: k,
1262
1270
  showSelectingCouter: I,
1263
- selectingDisabled: y,
1271
+ selectingDisabled: h,
1264
1272
  skeletonsLength: F,
1265
1273
  handleMouseEnterRow: q,
1266
1274
  handleMouseLeaveRow: L,
1267
1275
  handleMouseEnterCell: B,
1268
1276
  handleMouseLeaveCell: z,
1269
1277
  handleRowClick: A,
1270
- selectingModel: v,
1271
- filteringModel: M,
1278
+ selectingModel: O,
1279
+ filteringModel: $,
1272
1280
  searchingModel: i,
1273
- sortingModel: D,
1274
- pagingModel: T,
1281
+ sortingModel: w,
1282
+ pagingModel: S,
1275
1283
  updateScrollOffset: E,
1276
1284
  removeScrollOffset: U,
1277
1285
  updateSearchingModel: j,
@@ -1282,13 +1290,13 @@ const Et = /* @__PURE__ */ G(Pt, [["render", jt]]), Ut = [
1282
1290
  };
1283
1291
  }
1284
1292
  });
1285
- function qt(e, t, r, c, b, h) {
1286
- const O = d("OrSearch"), v = d("OrDataGridHeader"), M = d("OrDataGridToolbar"), i = d("OrCheckbox"), D = d("OrDataGridTableHeaderCell"), T = d("OrDataGridTableHeaderRow"), S = d("OrDataGridTableHeader"), C = d("OrDataGridNotification"), I = d("OrDataGridTableExtraRow"), y = d("OrSkeletonText"), F = d("OrDataGridTableContentCell"), j = d("OrDataGridTableContentRow"), E = d("OrDataGridTablePlaceholder"), q = d("OrDataGridTableContent"), L = d("OrDataGridTable"), B = d("OrDataGridTableFooterCell"), z = d("OrDataGridTableFooterRow"), A = d("OrDataGridTableFooter"), U = d("OrPagination"), J = d("OrDataGridFooter");
1293
+ function qt(e, t, r, c, b, v) {
1294
+ const k = d("OrSearch"), O = d("OrDataGridHeader"), $ = d("OrDataGridToolbar"), i = d("OrCheckbox"), w = d("OrDataGridTableHeaderCell"), S = d("OrDataGridTableHeaderRow"), C = d("OrDataGridTableHeader"), V = d("OrDataGridNotification"), I = d("OrDataGridTableExtraRow"), h = d("OrSkeletonText"), F = d("OrDataGridTableContentCell"), j = d("OrDataGridTableContentRow"), E = d("OrDataGridTablePlaceholder"), q = d("OrDataGridTableContent"), L = d("OrDataGridTable"), B = d("OrDataGridTableFooterCell"), z = d("OrDataGridTableFooterRow"), A = d("OrDataGridTableFooter"), U = d("OrPagination"), J = d("OrDataGridFooter");
1287
1295
  return a(), f("div", {
1288
1296
  ref: "root",
1289
1297
  class: u(e.rootStyles)
1290
1298
  }, [
1291
- e.$slots.title || e.features.searching || e.$slots.search ? (a(), m(v, {
1299
+ e.$slots.title || e.features.searching || e.$slots.search ? (a(), m(O, {
1292
1300
  key: 0,
1293
1301
  class: u(["shrink-0"])
1294
1302
  }, K({ _: 2 }, [
@@ -1303,7 +1311,7 @@ function qt(e, t, r, c, b, h) {
1303
1311
  name: "searching",
1304
1312
  fn: p(() => [
1305
1313
  s(e.$slots, "search", oe(ae({ updateSearchingModel: e.updateSearchingModel, searchingModel: e.searchingModel })), () => [
1306
- V(O, {
1314
+ M(k, {
1307
1315
  modelValue: e.searchingModel,
1308
1316
  "onUpdate:modelValue": t[0] || (t[0] = (o) => e.searchingModel = o)
1309
1317
  }, null, 8, ["modelValue"])
@@ -1312,7 +1320,7 @@ function qt(e, t, r, c, b, h) {
1312
1320
  key: "1"
1313
1321
  } : void 0
1314
1322
  ]), 1024)) : g("", !0),
1315
- e.$slots.toolbar ? (a(), m(M, {
1323
+ e.$slots.toolbar ? (a(), m($, {
1316
1324
  key: 1,
1317
1325
  class: u(["shrink-0"])
1318
1326
  }, {
@@ -1321,18 +1329,18 @@ function qt(e, t, r, c, b, h) {
1321
1329
  ]),
1322
1330
  _: 3
1323
1331
  })) : g("", !0),
1324
- V(L, {
1332
+ M(L, {
1325
1333
  class: u(["grow", { "grid-rows-[auto_1fr]": e.items.length === 0 }]),
1326
1334
  style: N(e.tableInlineStyles),
1327
1335
  columns: e.columns,
1328
1336
  features: e.features
1329
1337
  }, {
1330
1338
  default: p(() => [
1331
- V(S, null, {
1339
+ M(C, null, {
1332
1340
  default: p(() => [
1333
- V(T, { variant: e.variant }, {
1341
+ M(S, { variant: e.variant }, {
1334
1342
  default: p(() => [
1335
- e.features.selecting ? (a(), m(D, {
1343
+ e.features.selecting ? (a(), m(w, {
1336
1344
  key: 0,
1337
1345
  column: { stickiness: "start" },
1338
1346
  class: "!py-xs !px-xs md:!py-none md:!px-sm+",
@@ -1340,7 +1348,7 @@ function qt(e, t, r, c, b, h) {
1340
1348
  "onRemove:scrollOffset": e.removeScrollOffset
1341
1349
  }, {
1342
1350
  default: p(() => [
1343
- V(i, {
1351
+ M(i, {
1344
1352
  modelValue: e.selectingIndicator,
1345
1353
  "onUpdate:modelValue": t[1] || (t[1] = (o) => e.selectingIndicator = o),
1346
1354
  indeterminate: !e.selectingIndicator && e.selectingModel.length > 0,
@@ -1349,7 +1357,7 @@ function qt(e, t, r, c, b, h) {
1349
1357
  ]),
1350
1358
  _: 1
1351
1359
  }, 8, ["onUpdate:scrollOffset", "onRemove:scrollOffset"])) : g("", !0),
1352
- (a(!0), f(H, null, P(e.columns, (o) => (a(), m(D, {
1360
+ (a(!0), f(H, null, P(e.columns, (o) => (a(), m(w, {
1353
1361
  key: o.name,
1354
1362
  modelValue: e.sortingModel,
1355
1363
  "onUpdate:modelValue": t[2] || (t[2] = (l) => e.sortingModel = l),
@@ -1369,7 +1377,7 @@ function qt(e, t, r, c, b, h) {
1369
1377
  ]),
1370
1378
  _: 1
1371
1379
  }),
1372
- e.notification ? (a(), m(C, {
1380
+ e.notification ? (a(), m(V, {
1373
1381
  key: 0,
1374
1382
  notification: e.notification,
1375
1383
  variant: e.variant,
@@ -1383,7 +1391,7 @@ function qt(e, t, r, c, b, h) {
1383
1391
  key: "0"
1384
1392
  } : void 0
1385
1393
  ]), 1032, ["notification", "variant"])) : g("", !0),
1386
- V(q, null, {
1394
+ M(q, null, {
1387
1395
  default: p(() => [
1388
1396
  e.$slots["before-rows"] ? (a(), m(I, {
1389
1397
  key: 0,
@@ -1407,7 +1415,7 @@ function qt(e, t, r, c, b, h) {
1407
1415
  override: !0
1408
1416
  }, {
1409
1417
  default: p(() => [
1410
- V(y)
1418
+ M(h)
1411
1419
  ]),
1412
1420
  _: 1
1413
1421
  })) : g("", !0),
@@ -1419,7 +1427,7 @@ function qt(e, t, r, c, b, h) {
1419
1427
  }, {
1420
1428
  default: p(() => [
1421
1429
  s(e.$slots, "column-loading", { column: l }, () => [
1422
- V(y)
1430
+ M(h)
1423
1431
  ])
1424
1432
  ]),
1425
1433
  _: 2
@@ -1445,7 +1453,7 @@ function qt(e, t, r, c, b, h) {
1445
1453
  onMouseleave: () => e.handleMouseLeaveCell(o, "selecting", e.selectingModel.includes(o.id))
1446
1454
  }, {
1447
1455
  default: p(() => [
1448
- V(i, {
1456
+ M(i, {
1449
1457
  modelValue: e.selectingModel,
1450
1458
  "onUpdate:modelValue": t[4] || (t[4] = (l) => e.selectingModel = l),
1451
1459
  value: o.id,
@@ -1515,12 +1523,12 @@ function qt(e, t, r, c, b, h) {
1515
1523
  }, 8, ["class", "style", "columns", "features"]),
1516
1524
  e.$slots["extra-row"] ? (a(), m(A, { key: 2 }, {
1517
1525
  default: p(() => [
1518
- V(z, {
1526
+ M(z, {
1519
1527
  class: u(["shrink-0"]),
1520
1528
  variant: e.variant
1521
1529
  }, {
1522
1530
  default: p(() => [
1523
- V(B, null, {
1531
+ M(B, null, {
1524
1532
  default: p(() => [
1525
1533
  s(e.$slots, "extra-row")
1526
1534
  ]),
@@ -1553,7 +1561,7 @@ function qt(e, t, r, c, b, h) {
1553
1561
  e.features.paging ? {
1554
1562
  name: "paging",
1555
1563
  fn: p(() => [
1556
- V(U, {
1564
+ M(U, {
1557
1565
  ref: "pagination",
1558
1566
  modelValue: e.pagingModel,
1559
1567
  "onUpdate:modelValue": t[6] || (t[6] = (o) => e.pagingModel = o),
@@ -1566,9 +1574,9 @@ function qt(e, t, r, c, b, h) {
1566
1574
  ]), 1024)) : g("", !0)
1567
1575
  ], 2);
1568
1576
  }
1569
- const lo = /* @__PURE__ */ G(Nt, [["render", qt]]);
1577
+ const lo = /* @__PURE__ */ T(Nt, [["render", qt]]);
1570
1578
  export {
1571
- k as D,
1579
+ y as D,
1572
1580
  lo as O,
1573
1581
  ke as a,
1574
1582
  Te as b,
@@ -1587,4 +1595,4 @@ export {
1587
1595
  It as o,
1588
1596
  Et as p
1589
1597
  };
1590
- //# sourceMappingURL=OrDataGrid-M7gWVa8n.mjs.map
1598
+ //# sourceMappingURL=OrDataGrid-XkJ70AaM.mjs.map