@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.
- package/dist/esm/{OrDataGrid-M7gWVa8n.mjs → OrDataGrid-XkJ70AaM.mjs} +217 -209
- package/dist/esm/OrDataGrid-XkJ70AaM.mjs.map +1 -0
- package/dist/esm/{OrSelect-jPsu8Yeh.mjs → OrSelect-DaffSPgp.mjs} +59 -59
- package/dist/esm/OrSelect-DaffSPgp.mjs.map +1 -0
- package/dist/esm/components/index.mjs +2 -2
- package/dist/esm/components/or-data-grid-v3/index.mjs +1 -1
- package/dist/esm/components/or-select-v3/index.mjs +1 -1
- package/dist/esm/index.mjs +2 -2
- package/dist/types/components/or-data-grid-v3/partials/or-data-grid-table-content-cell/OrDataGridTableContentCell.vue.d.ts +1 -0
- package/dist/types/components/or-data-grid-v3/partials/or-data-grid-table-content-cell/styles.d.ts +1 -0
- package/dist/types/components/or-select-v3/OrSelect.vue.d.ts +1 -1
- package/package.json +3 -3
- package/dist/esm/OrDataGrid-M7gWVa8n.mjs.map +0 -1
- package/dist/esm/OrSelect-jPsu8Yeh.mjs.map +0 -1
|
@@ -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
|
|
6
|
-
import { _ as
|
|
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-
|
|
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 =
|
|
37
|
+
], ve = G({
|
|
38
38
|
name: "OrDataGridFooter",
|
|
39
39
|
expose: [
|
|
40
40
|
"root"
|
|
41
41
|
],
|
|
42
42
|
setup() {
|
|
43
|
-
const e =
|
|
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,
|
|
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__ */
|
|
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 =
|
|
85
|
+
], De = G({
|
|
86
86
|
name: "OrDataGridHeader",
|
|
87
87
|
expose: [
|
|
88
88
|
"root"
|
|
89
89
|
],
|
|
90
90
|
setup() {
|
|
91
|
-
const e =
|
|
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,
|
|
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__ */
|
|
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 =
|
|
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 =
|
|
188
|
-
var
|
|
192
|
+
const r = D(), c = n(() => {
|
|
193
|
+
var $;
|
|
189
194
|
return [
|
|
190
195
|
"or-data-grid-table-content-cell-v3",
|
|
191
196
|
...Se,
|
|
192
|
-
...(
|
|
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
|
-
}),
|
|
225
|
+
}), v = n(() => [
|
|
226
|
+
...Ce
|
|
227
|
+
]), k = n({
|
|
221
228
|
get: () => e.modelValue,
|
|
222
|
-
set: (
|
|
223
|
-
t.emit("input",
|
|
229
|
+
set: ($) => {
|
|
230
|
+
t.emit("input", $);
|
|
224
231
|
}
|
|
225
232
|
}), O = n(() => {
|
|
226
|
-
var
|
|
227
|
-
return (
|
|
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
|
-
|
|
240
|
+
contentStyles: v,
|
|
241
|
+
model: k,
|
|
234
242
|
control: O
|
|
235
243
|
};
|
|
236
244
|
}
|
|
237
|
-
})
|
|
238
|
-
|
|
239
|
-
|
|
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(
|
|
254
|
+
e.control.type === "text" ? (a(), m(k, {
|
|
250
255
|
key: 0,
|
|
251
256
|
modelValue: e.model,
|
|
252
|
-
"onUpdate:modelValue": t[0] || (t[0] = (
|
|
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(
|
|
261
|
+
e.control.type === "number" ? (a(), m(k, {
|
|
257
262
|
key: 1,
|
|
258
263
|
modelValue: e.model,
|
|
259
|
-
"onUpdate:modelValue": t[1] || (t[1] = (
|
|
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(
|
|
268
|
+
e.control.type === "rating" ? (a(), m(O, {
|
|
264
269
|
key: 2,
|
|
265
270
|
modelValue: e.model,
|
|
266
|
-
"onUpdate:modelValue": t[2] || (t[2] = (
|
|
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(
|
|
273
|
+
e.control.type === "select" ? (a(), m($, {
|
|
269
274
|
key: 3,
|
|
270
275
|
modelValue: e.model,
|
|
271
|
-
"onUpdate:modelValue": t[3] || (t[3] = (
|
|
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] = (
|
|
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(
|
|
286
|
+
e.control.type === "switch" ? (a(), m(w, {
|
|
282
287
|
key: 5,
|
|
283
288
|
modelValue: e.model,
|
|
284
|
-
"onUpdate:modelValue": t[5] || (t[5] = (
|
|
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(
|
|
291
|
+
e.control.type === "date" ? (a(), m(S, {
|
|
287
292
|
key: 6,
|
|
288
293
|
modelValue: e.model,
|
|
289
|
-
"onUpdate:modelValue": t[6] || (t[6] = (
|
|
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(
|
|
298
|
+
e.control.type === "time" ? (a(), m(C, {
|
|
294
299
|
key: 7,
|
|
295
300
|
modelValue: e.model,
|
|
296
|
-
"onUpdate:modelValue": t[7] || (t[7] = (
|
|
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(
|
|
305
|
+
e.control.type === "datetime" ? (a(), m(V, {
|
|
301
306
|
key: 8,
|
|
302
307
|
modelValue: e.model,
|
|
303
|
-
"onUpdate:modelValue": t[8] || (t[8] = (
|
|
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] = (
|
|
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",
|
|
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__ */
|
|
319
|
-
var
|
|
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
|
-
[
|
|
351
|
+
[y.Standard]: [
|
|
344
352
|
// Box
|
|
345
353
|
"h-[calc(theme(spacing.2xl)+theme(spacing.xs))]"
|
|
346
354
|
],
|
|
347
|
-
[
|
|
355
|
+
[y.Comfortable]: [
|
|
348
356
|
// Box
|
|
349
357
|
"h-[calc(theme(spacing.3xl)+theme(spacing.xs))]"
|
|
350
358
|
],
|
|
351
|
-
[
|
|
359
|
+
[y.Compact]: [
|
|
352
360
|
// Box
|
|
353
361
|
"h-[calc(theme(spacing.xl)+theme(spacing.xs))]"
|
|
354
362
|
]
|
|
355
|
-
}, He =
|
|
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 =
|
|
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,
|
|
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__ */
|
|
404
|
+
const Ee = /* @__PURE__ */ T(He, [["render", je]]), Ue = [
|
|
397
405
|
// Layout
|
|
398
406
|
"contents"
|
|
399
|
-
], Ne =
|
|
407
|
+
], Ne = G({
|
|
400
408
|
name: "OrDataGridTableContent",
|
|
401
409
|
expose: [
|
|
402
410
|
"root"
|
|
403
411
|
],
|
|
404
412
|
setup() {
|
|
405
|
-
const e =
|
|
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,
|
|
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__ */
|
|
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 =
|
|
441
|
+
], ze = G({
|
|
434
442
|
name: "OrDataGridTableFooterCell",
|
|
435
443
|
expose: [
|
|
436
444
|
"root"
|
|
437
445
|
],
|
|
438
446
|
setup() {
|
|
439
|
-
const e =
|
|
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,
|
|
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__ */
|
|
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
|
-
[
|
|
479
|
+
[y.Standard]: [
|
|
472
480
|
// Box
|
|
473
481
|
"h-[calc(theme(spacing.2xl)+theme(spacing.xs))]"
|
|
474
482
|
],
|
|
475
|
-
[
|
|
483
|
+
[y.Comfortable]: [
|
|
476
484
|
// Box
|
|
477
485
|
"h-[calc(theme(spacing.3xl)+theme(spacing.xs))]"
|
|
478
486
|
],
|
|
479
|
-
[
|
|
487
|
+
[y.Compact]: [
|
|
480
488
|
// Box
|
|
481
489
|
"h-[calc(theme(spacing.xl)+theme(spacing.xs))]"
|
|
482
490
|
]
|
|
483
|
-
}, We =
|
|
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 =
|
|
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,
|
|
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__ */
|
|
522
|
+
const Ye = /* @__PURE__ */ T(We, [["render", Xe]]), Ze = [
|
|
515
523
|
// Layout
|
|
516
524
|
"contents"
|
|
517
|
-
], _e =
|
|
525
|
+
], _e = G({
|
|
518
526
|
name: "OrDataGridTableFooter",
|
|
519
527
|
expose: [
|
|
520
528
|
"root"
|
|
521
529
|
],
|
|
522
530
|
setup() {
|
|
523
|
-
const e =
|
|
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,
|
|
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__ */
|
|
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 =
|
|
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 =
|
|
590
|
-
var i,
|
|
591
|
-
return !!((i = e.features) != null && i.sorting) && !!((
|
|
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
|
-
}),
|
|
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
|
-
}),
|
|
634
|
+
}), k = n({
|
|
627
635
|
get: () => {
|
|
628
|
-
var i,
|
|
636
|
+
var i, w;
|
|
629
637
|
if (c.value)
|
|
630
|
-
return ((i = e.modelValue) == null ? void 0 : i.column) === ((
|
|
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
|
|
644
|
+
function O() {
|
|
637
645
|
var i;
|
|
638
646
|
if (c.value)
|
|
639
|
-
if (
|
|
640
|
-
|
|
641
|
-
...
|
|
642
|
-
direction:
|
|
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
|
-
|
|
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:
|
|
661
|
+
const { width: $ } = fe(r, void 0, { box: "border-box" });
|
|
654
662
|
return x([
|
|
655
663
|
r,
|
|
656
|
-
|
|
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
|
-
|
|
671
|
+
w
|
|
664
672
|
], [
|
|
665
|
-
|
|
673
|
+
S
|
|
666
674
|
]) => {
|
|
667
|
-
|
|
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:
|
|
679
|
+
rootInlineStyles: v,
|
|
672
680
|
isSortable: c,
|
|
673
|
-
model:
|
|
674
|
-
toggleSorting:
|
|
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,
|
|
681
|
-
const
|
|
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] = (
|
|
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(
|
|
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__ */
|
|
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
|
-
[
|
|
718
|
+
[y.Standard]: [
|
|
711
719
|
// Box
|
|
712
720
|
"h-[calc(theme(spacing.2xl)+theme(spacing.xs))]"
|
|
713
721
|
],
|
|
714
|
-
[
|
|
722
|
+
[y.Comfortable]: [
|
|
715
723
|
// Box
|
|
716
724
|
"h-[calc(theme(spacing.3xl)+theme(spacing.xs))]"
|
|
717
725
|
],
|
|
718
|
-
[
|
|
726
|
+
[y.Compact]: [
|
|
719
727
|
// Box
|
|
720
728
|
"h-[calc(theme(spacing.xl)+theme(spacing.xs))]"
|
|
721
729
|
]
|
|
722
|
-
}, it =
|
|
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 =
|
|
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,
|
|
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__ */
|
|
761
|
+
const ut = /* @__PURE__ */ T(it, [["render", dt]]), ct = [
|
|
754
762
|
// Layout
|
|
755
763
|
"contents"
|
|
756
|
-
], mt =
|
|
764
|
+
], mt = G({
|
|
757
765
|
name: "OrDataGridTableHeader",
|
|
758
766
|
expose: [
|
|
759
767
|
"root"
|
|
760
768
|
],
|
|
761
769
|
setup() {
|
|
762
|
-
const e =
|
|
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,
|
|
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__ */
|
|
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
|
-
[
|
|
803
|
+
[y.Standard]: [
|
|
796
804
|
// Box
|
|
797
805
|
"min-h-[calc(theme(spacing.2xl)+theme(spacing.xs))]"
|
|
798
806
|
],
|
|
799
|
-
[
|
|
807
|
+
[y.Comfortable]: [
|
|
800
808
|
// Box
|
|
801
809
|
"min-h-[calc(theme(spacing.3xl)+theme(spacing.xs))]"
|
|
802
810
|
],
|
|
803
|
-
[
|
|
811
|
+
[y.Compact]: [
|
|
804
812
|
// Box
|
|
805
813
|
"min-h-[calc(theme(spacing.xl)+theme(spacing.xs))]"
|
|
806
814
|
]
|
|
807
|
-
}, vt =
|
|
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 =
|
|
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,
|
|
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__ */
|
|
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 =
|
|
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 =
|
|
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((
|
|
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,
|
|
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__ */
|
|
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 =
|
|
899
|
+
], Gt = G({
|
|
892
900
|
name: "OrDataGridToolbar",
|
|
893
901
|
expose: [
|
|
894
902
|
"root"
|
|
895
903
|
],
|
|
896
904
|
setup() {
|
|
897
|
-
const e =
|
|
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,
|
|
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__ */
|
|
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
|
-
[
|
|
929
|
+
[y.Standard]: [
|
|
922
930
|
// Position
|
|
923
931
|
"top-[calc(theme(spacing.2xl)+theme(spacing.xs))]"
|
|
924
932
|
],
|
|
925
|
-
[
|
|
933
|
+
[y.Comfortable]: [
|
|
926
934
|
// Position
|
|
927
935
|
"top-[calc(theme(spacing.3xl)+theme(spacing.xs))]"
|
|
928
936
|
],
|
|
929
|
-
[
|
|
937
|
+
[y.Compact]: [
|
|
930
938
|
// Position
|
|
931
939
|
"top-[calc(theme(spacing.xl)+theme(spacing.xs))]"
|
|
932
940
|
]
|
|
933
|
-
}, Mt =
|
|
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,
|
|
961
|
-
const
|
|
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
|
-
|
|
973
|
+
M(k, te(e.notification, {
|
|
966
974
|
class: "rounded-0 shadow-none",
|
|
967
|
-
onClose: t[0] || (t[0] = (
|
|
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__ */
|
|
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
|
-
[
|
|
998
|
+
[y.Standard]: [
|
|
991
999
|
// Box
|
|
992
1000
|
"h-[calc(theme(spacing.2xl)+theme(spacing.xs))]"
|
|
993
1001
|
],
|
|
994
|
-
[
|
|
1002
|
+
[y.Comfortable]: [
|
|
995
1003
|
// Box
|
|
996
1004
|
"h-[calc(theme(spacing.3xl)+theme(spacing.xs))]"
|
|
997
1005
|
],
|
|
998
|
-
[
|
|
1006
|
+
[y.Compact]: [
|
|
999
1007
|
// Box
|
|
1000
1008
|
"h-[calc(theme(spacing.xl)+theme(spacing.xs))]"
|
|
1001
1009
|
]
|
|
1002
|
-
}, Pt =
|
|
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 =
|
|
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,
|
|
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__ */
|
|
1041
|
+
const Et = /* @__PURE__ */ T(Pt, [["render", jt]]), Ut = [
|
|
1034
1042
|
// Layout
|
|
1035
1043
|
"layout-column"
|
|
1036
|
-
], Nt =
|
|
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: () =>
|
|
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 =
|
|
1120
|
+
const r = D(), c = D(), b = n(() => [
|
|
1113
1121
|
"or-data-grid-v3",
|
|
1114
1122
|
...Ut
|
|
1115
|
-
]),
|
|
1116
|
-
scrollPaddingInlineStart: `${[...
|
|
1117
|
-
scrollPaddingInlineEnd: `${[...
|
|
1118
|
-
})),
|
|
1119
|
-
get: () => !!e.items.length && e.items.every((o) =>
|
|
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 ?
|
|
1129
|
+
o ? O.value = [
|
|
1122
1130
|
.../* @__PURE__ */ new Set([
|
|
1123
|
-
...
|
|
1131
|
+
...O.value,
|
|
1124
1132
|
...e.items.map((l) => l.id)
|
|
1125
1133
|
])
|
|
1126
|
-
] :
|
|
1134
|
+
] : O.value = [];
|
|
1127
1135
|
}
|
|
1128
|
-
}),
|
|
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:
|
|
1144
|
+
filtering: $.value,
|
|
1137
1145
|
searching: i.value,
|
|
1138
|
-
sorting:
|
|
1139
|
-
paging:
|
|
1146
|
+
sorting: w.value,
|
|
1147
|
+
paging: S.value
|
|
1140
1148
|
});
|
|
1141
1149
|
}
|
|
1142
|
-
}),
|
|
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:
|
|
1157
|
+
selecting: O.value,
|
|
1150
1158
|
filtering: o,
|
|
1151
1159
|
searching: i.value,
|
|
1152
|
-
sorting:
|
|
1160
|
+
sorting: w.value,
|
|
1153
1161
|
paging: {
|
|
1154
|
-
...
|
|
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:
|
|
1167
|
-
filtering:
|
|
1174
|
+
selecting: O.value,
|
|
1175
|
+
filtering: $.value,
|
|
1168
1176
|
searching: o,
|
|
1169
|
-
sorting:
|
|
1177
|
+
sorting: w.value,
|
|
1170
1178
|
paging: {
|
|
1171
|
-
...
|
|
1179
|
+
...S.value,
|
|
1172
1180
|
offset: 0
|
|
1173
1181
|
}
|
|
1174
1182
|
});
|
|
1175
1183
|
}
|
|
1176
|
-
}),
|
|
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:
|
|
1184
|
-
filtering:
|
|
1191
|
+
selecting: O.value,
|
|
1192
|
+
filtering: $.value,
|
|
1185
1193
|
searching: i.value,
|
|
1186
1194
|
sorting: o,
|
|
1187
1195
|
paging: {
|
|
1188
|
-
...
|
|
1196
|
+
...S.value,
|
|
1189
1197
|
offset: 0
|
|
1190
1198
|
}
|
|
1191
1199
|
});
|
|
1192
1200
|
}
|
|
1193
|
-
}),
|
|
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:
|
|
1201
|
-
filtering:
|
|
1208
|
+
selecting: O.value,
|
|
1209
|
+
filtering: $.value,
|
|
1202
1210
|
searching: i.value,
|
|
1203
|
-
sorting:
|
|
1211
|
+
sorting: w.value,
|
|
1204
1212
|
paging: o
|
|
1205
1213
|
});
|
|
1206
1214
|
}
|
|
1207
|
-
}),
|
|
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
|
-
|
|
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
|
-
|
|
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
|
-
|
|
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:
|
|
1261
|
-
selectingIndicator:
|
|
1268
|
+
tableInlineStyles: v,
|
|
1269
|
+
selectingIndicator: k,
|
|
1262
1270
|
showSelectingCouter: I,
|
|
1263
|
-
selectingDisabled:
|
|
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:
|
|
1271
|
-
filteringModel:
|
|
1278
|
+
selectingModel: O,
|
|
1279
|
+
filteringModel: $,
|
|
1272
1280
|
searchingModel: i,
|
|
1273
|
-
sortingModel:
|
|
1274
|
-
pagingModel:
|
|
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,
|
|
1286
|
-
const
|
|
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(
|
|
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
|
-
|
|
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(
|
|
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
|
-
|
|
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
|
-
|
|
1339
|
+
M(C, null, {
|
|
1332
1340
|
default: p(() => [
|
|
1333
|
-
|
|
1341
|
+
M(S, { variant: e.variant }, {
|
|
1334
1342
|
default: p(() => [
|
|
1335
|
-
e.features.selecting ? (a(), m(
|
|
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
|
-
|
|
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(
|
|
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(
|
|
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
|
-
|
|
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
|
-
|
|
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
|
-
|
|
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
|
-
|
|
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
|
-
|
|
1526
|
+
M(z, {
|
|
1519
1527
|
class: u(["shrink-0"]),
|
|
1520
1528
|
variant: e.variant
|
|
1521
1529
|
}, {
|
|
1522
1530
|
default: p(() => [
|
|
1523
|
-
|
|
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
|
-
|
|
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__ */
|
|
1577
|
+
const lo = /* @__PURE__ */ T(Nt, [["render", qt]]);
|
|
1570
1578
|
export {
|
|
1571
|
-
|
|
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-
|
|
1598
|
+
//# sourceMappingURL=OrDataGrid-XkJ70AaM.mjs.map
|