@illinois-grad/grad-vue 7.1.1 → 7.1.3
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/custom-elements.json +9 -0
- package/dist/components/GPopover.vue.d.ts +12 -1
- package/dist/{grad-vue-BqBZYXQU.js → grad-vue-BDbaNp12.js} +202 -168
- package/dist/grad-vue-BDbaNp12.js.map +1 -0
- package/dist/grad-vue-elements.css +29 -29
- package/dist/grad-vue-elements.js +167 -133
- package/dist/grad-vue-elements.js.map +1 -1
- package/dist/grad-vue.js +1 -1
- package/dist/plugin.js +1 -1
- package/package.json +1 -1
- package/dist/grad-vue-BqBZYXQU.js.map +0 -1
|
@@ -720,9 +720,14 @@ var tt = /* @__PURE__ */ u({
|
|
|
720
720
|
t.value = !0;
|
|
721
721
|
}), (e, n) => t.value ? D(e.$slots, "default", {}, void 0, void 0, 0) : D(e.$slots, "fallback", {}, void 0, void 0, 1);
|
|
722
722
|
}
|
|
723
|
-
}), nt = { class: "g-popover-wrap" }, rt = ["id"], it = [
|
|
723
|
+
}), nt = { class: "g-popover-wrap" }, rt = ["id"], it = [
|
|
724
|
+
"id",
|
|
725
|
+
"aria-labelledby",
|
|
726
|
+
"aria-label"
|
|
727
|
+
], at = /* @__PURE__ */ u({
|
|
724
728
|
__name: "GPopover",
|
|
725
729
|
props: {
|
|
730
|
+
ariaLabelledby: {},
|
|
726
731
|
minimal: {
|
|
727
732
|
type: Boolean,
|
|
728
733
|
default: !1
|
|
@@ -806,7 +811,11 @@ var tt = /* @__PURE__ */ u({
|
|
|
806
811
|
ref: b,
|
|
807
812
|
class: "g-popover-trigger",
|
|
808
813
|
id: `${F(O)}-trigger`
|
|
809
|
-
}, [D(r.$slots, "trigger", {
|
|
814
|
+
}, [D(r.$slots, "trigger", {
|
|
815
|
+
toggle: ne,
|
|
816
|
+
open: p.value,
|
|
817
|
+
popoverId: `${F(O)}-popover`
|
|
818
|
+
})], 8, rt)) : a("", !0), l(tt, null, {
|
|
810
819
|
default: U(() => [(S(), i(t, {
|
|
811
820
|
to: "#modal-root",
|
|
812
821
|
disabled: F(E)
|
|
@@ -818,6 +827,7 @@ var tt = /* @__PURE__ */ u({
|
|
|
818
827
|
key: 0,
|
|
819
828
|
ref_key: "popoverRef",
|
|
820
829
|
ref: x,
|
|
830
|
+
id: `${F(O)}-popover`,
|
|
821
831
|
class: g({
|
|
822
832
|
"g-popover": !0,
|
|
823
833
|
"g-popover-above": re.value,
|
|
@@ -827,8 +837,8 @@ var tt = /* @__PURE__ */ u({
|
|
|
827
837
|
}),
|
|
828
838
|
role: "dialog",
|
|
829
839
|
"aria-modal": "true",
|
|
830
|
-
"aria-labelledby": v.value ? `${F(O)}-trigger` : void 0,
|
|
831
|
-
"aria-label": v.value ? void 0 : "Popover",
|
|
840
|
+
"aria-labelledby": e.ariaLabelledby || (v.value ? `${F(O)}-trigger` : void 0),
|
|
841
|
+
"aria-label": e.ariaLabelledby || v.value ? void 0 : "Popover",
|
|
832
842
|
style: _({
|
|
833
843
|
top: W.value.top + "px",
|
|
834
844
|
left: W.value.left + "px",
|
|
@@ -1565,6 +1575,7 @@ var Pt = ["id"], Ft = {
|
|
|
1565
1575
|
}), Kt = ["aria-label"], qt = [
|
|
1566
1576
|
"placeholder",
|
|
1567
1577
|
"value",
|
|
1578
|
+
"aria-label",
|
|
1568
1579
|
"aria-expanded",
|
|
1569
1580
|
"aria-controls",
|
|
1570
1581
|
"aria-activedescendant"
|
|
@@ -1659,6 +1670,7 @@ var Pt = ["id"], Ft = {
|
|
|
1659
1670
|
onInput: b,
|
|
1660
1671
|
onKeydown: w,
|
|
1661
1672
|
role: "combobox",
|
|
1673
|
+
"aria-label": u.label,
|
|
1662
1674
|
"aria-expanded": A.value,
|
|
1663
1675
|
"aria-autocomplete": "list",
|
|
1664
1676
|
"aria-controls": `${F(N)}-list`,
|
|
@@ -1666,14 +1678,13 @@ var Pt = ["id"], Ft = {
|
|
|
1666
1678
|
}, null, 40, qt), s("button", {
|
|
1667
1679
|
type: "submit",
|
|
1668
1680
|
class: "g-search-submit",
|
|
1669
|
-
"aria-label": "Submit search",
|
|
1670
1681
|
onKeydown: w
|
|
1671
1682
|
}, [k.value ? (S(), i(Tt, {
|
|
1672
1683
|
key: 0,
|
|
1673
1684
|
size: "tiny"
|
|
1674
1685
|
})) : a("", !0), n[1] ||= s("svg", {
|
|
1675
1686
|
role: "img",
|
|
1676
|
-
"aria-label": "Search",
|
|
1687
|
+
"aria-label": "Submit Search",
|
|
1677
1688
|
xmlns: "http://www.w3.org/2000/svg",
|
|
1678
1689
|
viewBox: "0 0 51.26 51.26"
|
|
1679
1690
|
}, [s("path", {
|
|
@@ -3133,7 +3144,12 @@ var br = ["id", "for"], xr = {
|
|
|
3133
3144
|
}), qr = {
|
|
3134
3145
|
class: "g-pagination",
|
|
3135
3146
|
"aria-label": "Pagination"
|
|
3136
|
-
}, Jr = ["disabled"], Yr = ["disabled"], Xr = { class: "page-range" }, Zr = ["disabled"], Qr = ["disabled"], $r = { class: "g-pagination-page-size" }, ei = { class: "page-size-select-wrap" }, ti = ["id", "value"], ni = ["value"], ri = ["for"], ii = { class: "g-pagination-overflow" }, ai = ["onClick"], oi = { class: "g-pagination-overflow-popover" }, si = { class: "g-pagination-overflow-page-size" }, ci = ["for"], li = { class: "page-size-select-wrap" }, ui = ["id", "value"], di = ["value"], fi = { class: "g-pagination-overflow-actions" }, pi = ["disabled"], mi = ["disabled"], hi =
|
|
3147
|
+
}, Jr = ["disabled"], Yr = ["disabled"], Xr = { class: "page-range" }, Zr = ["disabled"], Qr = ["disabled"], $r = { class: "g-pagination-page-size" }, ei = { class: "page-size-select-wrap" }, ti = ["id", "value"], ni = ["value"], ri = ["for"], ii = { class: "g-pagination-overflow" }, ai = ["onClick"], oi = { class: "g-pagination-overflow-popover" }, si = { class: "g-pagination-overflow-page-size" }, ci = ["for"], li = { class: "page-size-select-wrap" }, ui = ["id", "value"], di = ["value"], fi = { class: "g-pagination-overflow-actions" }, pi = ["disabled"], mi = ["disabled"], hi = {
|
|
3148
|
+
class: "ilw-sr-only",
|
|
3149
|
+
role: "status",
|
|
3150
|
+
"aria-live": "polite",
|
|
3151
|
+
"aria-atomic": "true"
|
|
3152
|
+
}, gi = /* @__PURE__ */ u({
|
|
3137
3153
|
__name: "GTablePagination",
|
|
3138
3154
|
props: /*@__PURE__*/ p({
|
|
3139
3155
|
start: {},
|
|
@@ -3153,22 +3169,27 @@ var br = ["id", "for"], xr = {
|
|
|
3153
3169
|
25,
|
|
3154
3170
|
50,
|
|
3155
3171
|
100
|
|
3156
|
-
]), g = r(() => b.value === 1), _ = r(() => b.value === i.value), v = r(() => n.total === 0 ? 0 : p.value + 1), y = r(() => n.total === 0 ? 0 : Math.min(p.value + m.value, n.total)), b = r(() => Math.floor(p.value / m.value) + 1)
|
|
3157
|
-
|
|
3172
|
+
]), g = r(() => b.value === 1), _ = r(() => b.value === i.value), v = r(() => n.total === 0 ? 0 : p.value + 1), y = r(() => n.total === 0 ? 0 : Math.min(p.value + m.value, n.total)), b = r(() => Math.floor(p.value / m.value) + 1), x = r(() => {
|
|
3173
|
+
if (n.total === 0) return "No rows to display.";
|
|
3174
|
+
let e = "";
|
|
3175
|
+
return i.value === 1 ? e = " Only page." : g.value ? e = " First page." : _.value && (e = " Last page."), `Page ${b.value} of ${i.value}. Showing rows ${v.value} to ${y.value} of ${n.total}.${e}`;
|
|
3176
|
+
});
|
|
3177
|
+
function C(e) {
|
|
3158
3178
|
e < 1 || e > i.value || (a.value = (e - 1) * m.value);
|
|
3159
3179
|
}
|
|
3160
|
-
function
|
|
3180
|
+
function w(e) {
|
|
3161
3181
|
u.value = parseInt(e.target.value, 10), a.value = 0;
|
|
3162
3182
|
}
|
|
3163
3183
|
return (t, n) => (S(), o("nav", qr, [
|
|
3164
3184
|
s("button", {
|
|
3165
3185
|
class: "first-page g-pagination-button",
|
|
3166
3186
|
type: "button",
|
|
3187
|
+
"aria-label": "First Page",
|
|
3167
3188
|
disabled: g.value,
|
|
3168
|
-
onClick: n[0] ||= (e) =>
|
|
3189
|
+
onClick: n[0] ||= (e) => C(1)
|
|
3169
3190
|
}, [...n[6] ||= [s("svg", {
|
|
3170
|
-
|
|
3171
|
-
|
|
3191
|
+
"aria-hidden": "true",
|
|
3192
|
+
focusable: "false",
|
|
3172
3193
|
height: "2em",
|
|
3173
3194
|
xmlns: "http://www.w3.org/2000/svg",
|
|
3174
3195
|
width: "2em",
|
|
@@ -3190,11 +3211,12 @@ var br = ["id", "for"], xr = {
|
|
|
3190
3211
|
s("button", {
|
|
3191
3212
|
class: "prev-page g-pagination-button",
|
|
3192
3213
|
type: "button",
|
|
3214
|
+
"aria-label": "Previous Page",
|
|
3193
3215
|
disabled: g.value,
|
|
3194
|
-
onClick: n[1] ||= (e) =>
|
|
3216
|
+
onClick: n[1] ||= (e) => C(b.value - 1)
|
|
3195
3217
|
}, [...n[7] ||= [s("svg", {
|
|
3196
|
-
|
|
3197
|
-
|
|
3218
|
+
"aria-hidden": "true",
|
|
3219
|
+
focusable: "false",
|
|
3198
3220
|
xmlns: "http://www.w3.org/2000/svg",
|
|
3199
3221
|
width: "2em",
|
|
3200
3222
|
height: "2em",
|
|
@@ -3213,11 +3235,12 @@ var br = ["id", "for"], xr = {
|
|
|
3213
3235
|
s("button", {
|
|
3214
3236
|
class: "next-page g-pagination-button",
|
|
3215
3237
|
type: "button",
|
|
3238
|
+
"aria-label": "Next Page",
|
|
3216
3239
|
disabled: _.value,
|
|
3217
|
-
onClick: n[2] ||= (e) =>
|
|
3240
|
+
onClick: n[2] ||= (e) => C(b.value + 1)
|
|
3218
3241
|
}, [...n[8] ||= [s("svg", {
|
|
3219
|
-
|
|
3220
|
-
|
|
3242
|
+
"aria-hidden": "true",
|
|
3243
|
+
focusable: "false",
|
|
3221
3244
|
xmlns: "http://www.w3.org/2000/svg",
|
|
3222
3245
|
width: "2em",
|
|
3223
3246
|
height: "2em",
|
|
@@ -3235,11 +3258,12 @@ var br = ["id", "for"], xr = {
|
|
|
3235
3258
|
s("button", {
|
|
3236
3259
|
class: "last-page g-pagination-button",
|
|
3237
3260
|
type: "button",
|
|
3261
|
+
"aria-label": "Last Page",
|
|
3238
3262
|
disabled: _.value,
|
|
3239
|
-
onClick: n[3] ||= (e) =>
|
|
3263
|
+
onClick: n[3] ||= (e) => C(i.value)
|
|
3240
3264
|
}, [...n[9] ||= [s("svg", {
|
|
3241
|
-
|
|
3242
|
-
|
|
3265
|
+
"aria-hidden": "true",
|
|
3266
|
+
focusable: "false",
|
|
3243
3267
|
xmlns: "http://www.w3.org/2000/svg",
|
|
3244
3268
|
width: "2em",
|
|
3245
3269
|
height: "2em",
|
|
@@ -3262,7 +3286,7 @@ var br = ["id", "for"], xr = {
|
|
|
3262
3286
|
id: F(d),
|
|
3263
3287
|
class: "page-size-select",
|
|
3264
3288
|
value: m.value,
|
|
3265
|
-
onChange:
|
|
3289
|
+
onChange: w
|
|
3266
3290
|
}, [(S(!0), o(e, null, E(h.value, (e) => (S(), o("option", {
|
|
3267
3291
|
key: e,
|
|
3268
3292
|
value: e
|
|
@@ -3310,7 +3334,7 @@ var br = ["id", "for"], xr = {
|
|
|
3310
3334
|
id: F(f),
|
|
3311
3335
|
class: "page-size-select",
|
|
3312
3336
|
value: m.value,
|
|
3313
|
-
onChange:
|
|
3337
|
+
onChange: w
|
|
3314
3338
|
}, [(S(!0), o(e, null, E(h.value, (e) => (S(), o("option", {
|
|
3315
3339
|
key: `overflow-${e}`,
|
|
3316
3340
|
value: e
|
|
@@ -3330,7 +3354,7 @@ var br = ["id", "for"], xr = {
|
|
|
3330
3354
|
type: "button",
|
|
3331
3355
|
class: "g-pagination-overflow-action",
|
|
3332
3356
|
disabled: g.value,
|
|
3333
|
-
onClick: n[4] ||= (e) =>
|
|
3357
|
+
onClick: n[4] ||= (e) => C(1)
|
|
3334
3358
|
}, [...n[13] ||= [s("span", {
|
|
3335
3359
|
class: "g-pagination-overflow-action-icon",
|
|
3336
3360
|
"aria-hidden": "true"
|
|
@@ -3356,7 +3380,7 @@ var br = ["id", "for"], xr = {
|
|
|
3356
3380
|
type: "button",
|
|
3357
3381
|
class: "g-pagination-overflow-action",
|
|
3358
3382
|
disabled: _.value,
|
|
3359
|
-
onClick: n[5] ||= (e) =>
|
|
3383
|
+
onClick: n[5] ||= (e) => C(i.value)
|
|
3360
3384
|
}, [...n[14] ||= [s("span", {
|
|
3361
3385
|
class: "g-pagination-overflow-action-icon",
|
|
3362
3386
|
"aria-hidden": "true"
|
|
@@ -3381,40 +3405,41 @@ var br = ["id", "for"], xr = {
|
|
|
3381
3405
|
])], -1), c(" Last Page ", -1)]], 8, mi)])
|
|
3382
3406
|
])]),
|
|
3383
3407
|
_: 1
|
|
3384
|
-
})])
|
|
3408
|
+
})]),
|
|
3409
|
+
s("span", hi, j(x.value), 1)
|
|
3385
3410
|
]));
|
|
3386
3411
|
}
|
|
3387
3412
|
});
|
|
3388
3413
|
//#endregion
|
|
3389
3414
|
//#region src/compose/useFiltering.ts
|
|
3390
|
-
function
|
|
3415
|
+
function _i(e) {
|
|
3391
3416
|
if (!(Array.isArray(e) && e.length === 0) && e !== null && e !== !1 && e !== "") return e;
|
|
3392
3417
|
}
|
|
3393
|
-
function
|
|
3418
|
+
function vi(e) {
|
|
3394
3419
|
return Object.fromEntries(Object.entries(e).filter(([, e]) => e && (!Array.isArray(e) || e.length > 0)));
|
|
3395
3420
|
}
|
|
3396
|
-
function
|
|
3421
|
+
function yi(e) {
|
|
3397
3422
|
if (e != null) return Array.isArray(e) ? e.filter((e) => e != null) : [e];
|
|
3398
3423
|
}
|
|
3399
|
-
function
|
|
3424
|
+
function bi(e) {
|
|
3400
3425
|
if (e == null) return;
|
|
3401
3426
|
if (typeof e == "string") return e.includes(",") ? e.split(",") : [e];
|
|
3402
3427
|
let t = [];
|
|
3403
3428
|
for (let n of e) n !== null && t.push(n);
|
|
3404
3429
|
return t.length > 0 ? t : void 0;
|
|
3405
3430
|
}
|
|
3406
|
-
function
|
|
3431
|
+
function xi(e) {
|
|
3407
3432
|
return Array.isArray(e) ? [...e] : e;
|
|
3408
3433
|
}
|
|
3409
|
-
function
|
|
3434
|
+
function Si(e, t) {
|
|
3410
3435
|
return Array.isArray(e) || Array.isArray(t) ? !Array.isArray(e) || !Array.isArray(t) ? !1 : e.length === t.length && e.every((e, n) => e === t[n]) : e === t;
|
|
3411
3436
|
}
|
|
3412
|
-
function
|
|
3437
|
+
function Ci(e, t) {
|
|
3413
3438
|
let n = /* @__PURE__ */ new Set([...Object.keys(e), ...Object.keys(t)]);
|
|
3414
|
-
for (let r of n) if (!
|
|
3439
|
+
for (let r of n) if (!Si(e[r], t[r])) return !1;
|
|
3415
3440
|
return !0;
|
|
3416
3441
|
}
|
|
3417
|
-
function
|
|
3442
|
+
function wi(e) {
|
|
3418
3443
|
if (e != null && e !== "") {
|
|
3419
3444
|
if (Array.isArray(e)) {
|
|
3420
3445
|
let t = e.filter((e) => e != null && e !== "").map((e) => String(e));
|
|
@@ -3423,18 +3448,18 @@ function Ci(e) {
|
|
|
3423
3448
|
return String(e);
|
|
3424
3449
|
}
|
|
3425
3450
|
}
|
|
3426
|
-
function wi(e) {
|
|
3427
|
-
return Ci(e) !== void 0;
|
|
3428
|
-
}
|
|
3429
3451
|
function Ti(e) {
|
|
3452
|
+
return wi(e) !== void 0;
|
|
3453
|
+
}
|
|
3454
|
+
function Ei(e) {
|
|
3430
3455
|
let t = {};
|
|
3431
3456
|
for (let [n, r] of Object.entries(M(e))) {
|
|
3432
|
-
let e =
|
|
3457
|
+
let e = wi(r);
|
|
3433
3458
|
e !== void 0 && (t[n] = e);
|
|
3434
3459
|
}
|
|
3435
3460
|
return t;
|
|
3436
3461
|
}
|
|
3437
|
-
function
|
|
3462
|
+
function Di(e, t) {
|
|
3438
3463
|
let n = {}, r = t, i = n;
|
|
3439
3464
|
for (let t of e) {
|
|
3440
3465
|
if (!t.filter) continue;
|
|
@@ -3443,56 +3468,56 @@ function Ei(e, t) {
|
|
|
3443
3468
|
}
|
|
3444
3469
|
return n;
|
|
3445
3470
|
}
|
|
3446
|
-
function
|
|
3471
|
+
function Oi(e) {
|
|
3447
3472
|
let t = {};
|
|
3448
3473
|
for (let n of e) n.filter && (t[ur(n)] = n.filter.type === "multi-select" ? [] : void 0);
|
|
3449
3474
|
return t;
|
|
3450
3475
|
}
|
|
3451
|
-
function
|
|
3476
|
+
function ki(e, t, n = {}) {
|
|
3452
3477
|
let r = e, i = new Set(n.booleanArrayKeys ?? []), a = {};
|
|
3453
3478
|
for (let e of Object.keys(r)) {
|
|
3454
|
-
let n =
|
|
3455
|
-
a[e] = i.has(e) && n !== void 0 ?
|
|
3479
|
+
let n = Ai(t[e], Array.isArray(r[e]));
|
|
3480
|
+
a[e] = i.has(e) && n !== void 0 ? ji(n) : n;
|
|
3456
3481
|
}
|
|
3457
3482
|
return a;
|
|
3458
3483
|
}
|
|
3459
|
-
function
|
|
3460
|
-
if (e != null) return !t && typeof e == "string" ? e.includes(",") ? e.split(",") : e :
|
|
3484
|
+
function Ai(e, t) {
|
|
3485
|
+
if (e != null) return !t && typeof e == "string" ? e.includes(",") ? e.split(",") : e : bi(e);
|
|
3461
3486
|
}
|
|
3462
|
-
function
|
|
3487
|
+
function ji(e) {
|
|
3463
3488
|
return (Array.isArray(e) ? e : [e]).flatMap((e) => e === "true" ? [!0] : e === "false" ? [!1] : []);
|
|
3464
3489
|
}
|
|
3465
|
-
function
|
|
3490
|
+
function Mi(e) {
|
|
3466
3491
|
let t = {};
|
|
3467
3492
|
for (let [n, r] of Object.entries(M(e))) Array.isArray(r) ? r.length > 0 && (t[n] = r) : t[n] = r === !0 ? "true" : r || void 0;
|
|
3468
3493
|
return t;
|
|
3469
3494
|
}
|
|
3470
|
-
function
|
|
3495
|
+
function Ni(e) {
|
|
3471
3496
|
let t = {};
|
|
3472
3497
|
return Object.keys(e).forEach((n) => {
|
|
3473
3498
|
let r = e[n];
|
|
3474
3499
|
r != null && r !== "" && r !== !1 && (Array.isArray(r) ? r.length > 0 && (t[n] = r.map((e) => String(e))) : t[n] = String(r));
|
|
3475
3500
|
}), t;
|
|
3476
3501
|
}
|
|
3477
|
-
function
|
|
3502
|
+
function Pi(e, t) {
|
|
3478
3503
|
let n = e, r = Object.keys(e), i = T(((e) => {
|
|
3479
3504
|
let t = {};
|
|
3480
3505
|
for (let i of r) {
|
|
3481
3506
|
let r = e[i];
|
|
3482
|
-
r !== void 0 && (t[i] =
|
|
3507
|
+
r !== void 0 && (t[i] = Ai(r, Array.isArray(n[i])));
|
|
3483
3508
|
}
|
|
3484
3509
|
return t;
|
|
3485
|
-
})(t.route.query)), a =
|
|
3486
|
-
return V(() =>
|
|
3510
|
+
})(t.route.query)), a = Fi(e, { syncWith: i }), o = a.filters;
|
|
3511
|
+
return V(() => ki(e, t.route.query, t), (e) => {
|
|
3487
3512
|
let t = e;
|
|
3488
|
-
for (let e of r)
|
|
3513
|
+
for (let e of r) Si(o[e], t[e]) || (o[e] = t[e]);
|
|
3489
3514
|
}, { immediate: !0 }), V(i, (e) => {
|
|
3490
3515
|
let n = { ...t.route.query };
|
|
3491
|
-
for (let t of r) e[t] === void 0 ? delete n[t] : n[t] =
|
|
3492
|
-
|
|
3516
|
+
for (let t of r) e[t] === void 0 ? delete n[t] : n[t] = xi(e[t]);
|
|
3517
|
+
Ci(t.route.query, n) || t.router.replace({ query: n });
|
|
3493
3518
|
}), a;
|
|
3494
3519
|
}
|
|
3495
|
-
function
|
|
3520
|
+
function Fi(e, t = {}) {
|
|
3496
3521
|
let n = Object.keys(e), i = w({ ...e }), a = t.syncWith;
|
|
3497
3522
|
if (a) {
|
|
3498
3523
|
if (a.value) {
|
|
@@ -3503,12 +3528,12 @@ function Pi(e, t = {}) {
|
|
|
3503
3528
|
});
|
|
3504
3529
|
}
|
|
3505
3530
|
V(i, (e) => {
|
|
3506
|
-
a.value =
|
|
3531
|
+
a.value = Ei(e);
|
|
3507
3532
|
}, { deep: !0 });
|
|
3508
3533
|
}
|
|
3509
3534
|
return {
|
|
3510
3535
|
filters: i,
|
|
3511
|
-
isFiltered: r(() => n.some((e) =>
|
|
3536
|
+
isFiltered: r(() => n.some((e) => Ti(i[e]))),
|
|
3512
3537
|
clearFilters: () => {
|
|
3513
3538
|
Object.keys(i).forEach((e) => {
|
|
3514
3539
|
i[e] = void 0;
|
|
@@ -3516,96 +3541,96 @@ function Pi(e, t = {}) {
|
|
|
3516
3541
|
},
|
|
3517
3542
|
filteredColumns: r(() => {
|
|
3518
3543
|
let e = {};
|
|
3519
|
-
for (let t of n) e[t] =
|
|
3544
|
+
for (let t of n) e[t] = Ti(i[t]);
|
|
3520
3545
|
return e;
|
|
3521
3546
|
})
|
|
3522
3547
|
};
|
|
3523
3548
|
}
|
|
3524
3549
|
//#endregion
|
|
3525
3550
|
//#region src/components/GTable.vue?vue&type=script&setup=true&lang.ts
|
|
3526
|
-
var
|
|
3551
|
+
var Ii = { class: "g-table-outer-wrap" }, Li = {
|
|
3527
3552
|
key: 0,
|
|
3528
3553
|
class: "g-table-controls"
|
|
3529
|
-
},
|
|
3554
|
+
}, Ri = { class: "g-table-control-actions" }, zi = {
|
|
3530
3555
|
key: 0,
|
|
3531
3556
|
class: "g-sort-builder-wrap"
|
|
3532
|
-
},
|
|
3557
|
+
}, Bi = {
|
|
3533
3558
|
key: 0,
|
|
3534
3559
|
class: "g-sort-builder-count"
|
|
3535
|
-
},
|
|
3560
|
+
}, Vi = {
|
|
3536
3561
|
key: 0,
|
|
3537
3562
|
class: "g-sort-builder-list"
|
|
3538
|
-
},
|
|
3563
|
+
}, Hi = ["data-sort-row-key", "aria-label"], Ui = {
|
|
3539
3564
|
class: "g-sort-builder-rule-priority",
|
|
3540
3565
|
"aria-hidden": "true"
|
|
3541
|
-
},
|
|
3566
|
+
}, Wi = { class: "g-sort-builder-rule-label" }, Gi = ["aria-label", "onClick"], Ki = { class: "g-visually-hidden" }, qi = {
|
|
3542
3567
|
class: "sort-indicator",
|
|
3543
3568
|
"aria-hidden": "true"
|
|
3544
|
-
},
|
|
3569
|
+
}, Ji = ["aria-label", "onClick"], Yi = {
|
|
3545
3570
|
key: 1,
|
|
3546
3571
|
class: "g-sort-builder-empty"
|
|
3547
|
-
},
|
|
3572
|
+
}, Xi = {
|
|
3548
3573
|
key: 2,
|
|
3549
3574
|
class: "g-sort-builder-add"
|
|
3550
|
-
},
|
|
3575
|
+
}, Zi = { class: "g-sort-builder-add-list" }, Qi = { class: "g-sort-builder-add-name" }, $i = { class: "g-sort-builder-add-actions" }, ea = ["aria-label", "onClick"], ta = ["aria-label", "onClick"], na = {
|
|
3551
3576
|
class: "sort-indicator",
|
|
3552
3577
|
"aria-hidden": "true"
|
|
3553
|
-
},
|
|
3578
|
+
}, ra = {
|
|
3554
3579
|
xmlns: "http://www.w3.org/2000/svg",
|
|
3555
3580
|
viewBox: "0 0 640 640",
|
|
3556
3581
|
height: "1.25em",
|
|
3557
3582
|
style: { transform: "rotate(180deg)" }
|
|
3558
|
-
},
|
|
3583
|
+
}, ia = {
|
|
3559
3584
|
key: 1,
|
|
3560
3585
|
class: "g-column-visibility-wrap"
|
|
3561
|
-
},
|
|
3586
|
+
}, aa = {
|
|
3562
3587
|
xmlns: "http://www.w3.org/2000/svg",
|
|
3563
3588
|
viewBox: "0 0 640 640",
|
|
3564
3589
|
height: "1.5em",
|
|
3565
3590
|
style: { transform: "rotate(90deg)" },
|
|
3566
3591
|
"aria-hidden": "true"
|
|
3567
|
-
},
|
|
3592
|
+
}, oa = ["aria-labelledby"], sa = { class: "g-column-visibility-header" }, ca = ["id"], la = { class: "g-column-visibility-legend-action" }, ua = { class: "g-column-visibility-list" }, da = ["checked", "onChange"], fa = {
|
|
3568
3593
|
key: 2,
|
|
3569
3594
|
class: "g-table-custom-controls"
|
|
3570
|
-
},
|
|
3595
|
+
}, pa = { class: "g-clear-filters-wrap" }, ma = {
|
|
3571
3596
|
key: 0,
|
|
3572
3597
|
class: "pagination"
|
|
3573
|
-
},
|
|
3598
|
+
}, ha = { class: "g-table-controls-right" }, ga = { class: "g-result-count" }, _a = ["aria-label", "aria-rowcount"], va = { key: 0 }, ya = ["data-column-key"], ba = { class: "g-table-head" }, xa = { "aria-rowindex": "1" }, Sa = {
|
|
3574
3599
|
key: 0,
|
|
3575
3600
|
scope: "col",
|
|
3576
3601
|
class: "g-th g-th-checkbox"
|
|
3577
|
-
},
|
|
3602
|
+
}, Ca = [
|
|
3578
3603
|
"checked",
|
|
3579
3604
|
"indeterminate",
|
|
3580
3605
|
"aria-label"
|
|
3581
|
-
],
|
|
3606
|
+
], wa = ["id", "aria-sort"], Ta = { class: "th-inner" }, Ea = ["onClick"], Da = {
|
|
3582
3607
|
key: 0,
|
|
3583
3608
|
class: "sort-indicator",
|
|
3584
3609
|
"aria-hidden": "true"
|
|
3585
|
-
},
|
|
3610
|
+
}, Oa = {
|
|
3586
3611
|
key: 1,
|
|
3587
3612
|
class: "g-visually-hidden"
|
|
3588
|
-
},
|
|
3613
|
+
}, ka = {
|
|
3589
3614
|
key: 1,
|
|
3590
3615
|
class: "g-column-head"
|
|
3591
|
-
},
|
|
3616
|
+
}, Aa = ["onClick", "aria-label"], ja = {
|
|
3592
3617
|
key: 1,
|
|
3593
3618
|
class: "g-filter-search",
|
|
3594
3619
|
role: "search"
|
|
3595
|
-
},
|
|
3620
|
+
}, Ma = [
|
|
3596
3621
|
"value",
|
|
3597
3622
|
"onInput",
|
|
3598
3623
|
"placeholder",
|
|
3599
3624
|
"aria-label"
|
|
3600
|
-
],
|
|
3625
|
+
], Na = { key: 2 }, Pa = { class: "g-filter-toggle" }, Fa = [
|
|
3601
3626
|
"checked",
|
|
3602
3627
|
"onChange",
|
|
3603
3628
|
"id",
|
|
3604
3629
|
"aria-describedby"
|
|
3605
|
-
],
|
|
3630
|
+
], Ia = ["for"], La = ["id"], Ra = {
|
|
3606
3631
|
key: 4,
|
|
3607
3632
|
class: "g-multi-select"
|
|
3608
|
-
},
|
|
3633
|
+
}, za = [
|
|
3609
3634
|
"data-column-key",
|
|
3610
3635
|
"aria-label",
|
|
3611
3636
|
"aria-valuemax",
|
|
@@ -3613,10 +3638,10 @@ var Fi = { class: "g-table-outer-wrap" }, Ii = {
|
|
|
3613
3638
|
"aria-valuetext",
|
|
3614
3639
|
"onKeydown",
|
|
3615
3640
|
"onPointerdown"
|
|
3616
|
-
],
|
|
3641
|
+
], Ba = { key: 0 }, Va = { "aria-rowindex": "2" }, Ha = ["colspan"], Ua = {
|
|
3617
3642
|
key: 1,
|
|
3618
3643
|
class: "g-bulk-actions-toolbar"
|
|
3619
|
-
},
|
|
3644
|
+
}, Wa = { class: "g-selected-count" }, Ga = { class: "g-bulk-actions" }, Ka = /* @__PURE__ */ u({
|
|
3620
3645
|
__name: "GTable",
|
|
3621
3646
|
props: /*@__PURE__*/ p({
|
|
3622
3647
|
label: {},
|
|
@@ -3673,7 +3698,7 @@ var Fi = { class: "g-table-outer-wrap" }, Ii = {
|
|
|
3673
3698
|
"update:selectedRows"
|
|
3674
3699
|
]),
|
|
3675
3700
|
setup(t, { emit: n }) {
|
|
3676
|
-
let u = R(t, "sort"), f = R(t, "filter"), p = R(t, "columnState"), m = R(t, "selectedRows"), v = t, x = n, { isFiltered: C, clearFilters: w } = v.filtering ??
|
|
3701
|
+
let u = R(t, "sort"), f = R(t, "filter"), p = R(t, "columnState"), m = R(t, "selectedRows"), v = t, x = n, { isFiltered: C, clearFilters: w } = v.filtering ?? Fi({}), O = r(() => v.data.map((e) => e.key)), k = r(() => m.value.filter((e) => O.value.includes(e))), A = r(() => !v.bulkSelectionEnabled || v.data.length === 0 ? !1 : k.value.length === O.value.length), N = r(() => !v.bulkSelectionEnabled || v.data.length === 0 ? !1 : k.value.length > 0 && k.value.length < O.value.length), P = T(null);
|
|
3677
3702
|
function I() {
|
|
3678
3703
|
if (A.value) m.value = m.value.filter((e) => !O.value.includes(e));
|
|
3679
3704
|
else {
|
|
@@ -3948,10 +3973,10 @@ var Fi = { class: "g-table-outer-wrap" }, Ii = {
|
|
|
3948
3973
|
}), b(() => {
|
|
3949
3974
|
v.rowClickable && v.bulkSelectionEnabled && console.warn("GTable: rowClickable and bulkSelectionEnabled cannot be used together. rowClickable will be ignored.");
|
|
3950
3975
|
for (let e of v.columns) e.editable && e.display && console.warn(`GTable: Column "${String(e.key)}" has both 'editable' and 'display' configured. 'display' will be ignored.`);
|
|
3951
|
-
}), (n, r) => (S(), o("div",
|
|
3952
|
-
Xe.value ? (S(), o("div",
|
|
3953
|
-
s("div",
|
|
3954
|
-
ce.value ? (S(), o("div",
|
|
3976
|
+
}), (n, r) => (S(), o("div", Ii, [
|
|
3977
|
+
Xe.value ? (S(), o("div", Li, [
|
|
3978
|
+
s("div", Ri, [
|
|
3979
|
+
ce.value ? (S(), o("div", zi, [l(at, null, {
|
|
3955
3980
|
trigger: U(({ toggle: e }) => [l($, {
|
|
3956
3981
|
size: "small",
|
|
3957
3982
|
class: g(["g-sort-builder-trigger", { "g-sort-builder-trigger--active": Z.value.length > 0 }]),
|
|
@@ -3967,7 +3992,7 @@ var Fi = { class: "g-table-outer-wrap" }, Ii = {
|
|
|
3967
3992
|
}, [s("path", {
|
|
3968
3993
|
fill: "currentColor",
|
|
3969
3994
|
d: "M130.4 268.2C135.4 280.2 147 288 160 288L480 288C492.9 288 504.6 280.2 509.6 268.2C514.6 256.2 511.8 242.5 502.7 233.3L342.7 73.3C330.2 60.8 309.9 60.8 297.4 73.3L137.4 233.3C128.2 242.5 125.5 256.2 130.5 268.2zM130.4 371.7C125.4 383.7 128.2 397.4 137.3 406.6L297.3 566.6C309.8 579.1 330.1 579.1 342.6 566.6L502.6 406.6C511.8 397.4 514.5 383.7 509.5 371.7C504.5 359.7 492.9 352 480 352L160 352C147.1 352 135.4 359.8 130.4 371.8z"
|
|
3970
|
-
})], -1), Z.value.length ? (S(), o("span",
|
|
3995
|
+
})], -1), Z.value.length ? (S(), o("span", Bi, j(Z.value.length), 1)) : a("", !0)]),
|
|
3971
3996
|
_: 1
|
|
3972
3997
|
}, 8, ["class", "onClick"])]),
|
|
3973
3998
|
default: U(() => [s("fieldset", {
|
|
@@ -3979,21 +4004,21 @@ var Fi = { class: "g-table-outer-wrap" }, Ii = {
|
|
|
3979
4004
|
}, [
|
|
3980
4005
|
r[8] ||= s("legend", { class: "g-sort-builder-legend" }, " Sort order ", -1),
|
|
3981
4006
|
r[9] ||= s("p", { class: "g-sort-builder-help" }, " Click a column header to change the primary sort. Use Shift-click as a shortcut to add or update secondary sorts. ", -1),
|
|
3982
|
-
Z.value.length ? (S(), o("ol",
|
|
4007
|
+
Z.value.length ? (S(), o("ol", Vi, [(S(!0), o(e, null, E(Z.value, (e, t) => (S(), o("li", {
|
|
3983
4008
|
key: e.key,
|
|
3984
4009
|
class: "g-sort-builder-rule",
|
|
3985
4010
|
tabindex: "-1",
|
|
3986
4011
|
"data-sort-row-key": String(e.key),
|
|
3987
4012
|
"aria-label": `${de(e.key)} ${me(e.order)} sort, priority ${t + 1}`
|
|
3988
4013
|
}, [
|
|
3989
|
-
s("span",
|
|
3990
|
-
s("span",
|
|
4014
|
+
s("span", Ui, j(t + 1), 1),
|
|
4015
|
+
s("span", Wi, j(de(e.key)), 1),
|
|
3991
4016
|
s("button", {
|
|
3992
4017
|
type: "button",
|
|
3993
4018
|
class: "g-sort-builder-direction",
|
|
3994
4019
|
"aria-label": `Toggle ${de(e.key)} sort direction`,
|
|
3995
4020
|
onClick: (t) => ye(e.key)
|
|
3996
|
-
}, [s("span",
|
|
4021
|
+
}, [s("span", Ki, j(me(e.order)), 1), s("span", qi, [(S(), o("svg", {
|
|
3997
4022
|
xmlns: "http://www.w3.org/2000/svg",
|
|
3998
4023
|
viewBox: "0 0 640 640",
|
|
3999
4024
|
height: "1.25em",
|
|
@@ -4001,18 +4026,18 @@ var Fi = { class: "g-table-outer-wrap" }, Ii = {
|
|
|
4001
4026
|
}, [...r[2] ||= [s("path", {
|
|
4002
4027
|
fill: "currentColor",
|
|
4003
4028
|
d: "M300.3 199.2C312.9 188.9 331.4 189.7 343.1 201.4L471.1 329.4C480.3 338.6 483 352.3 478 364.3C473 376.3 461.4 384 448.5 384L192.5 384C179.6 384 167.9 376.2 162.9 364.2C157.9 352.2 160.7 338.5 169.9 329.4L297.9 201.4L300.3 199.2z"
|
|
4004
|
-
}, null, -1)]], 4))])], 8,
|
|
4029
|
+
}, null, -1)]], 4))])], 8, Gi),
|
|
4005
4030
|
s("button", {
|
|
4006
4031
|
type: "button",
|
|
4007
4032
|
class: "g-sort-builder-remove",
|
|
4008
4033
|
"aria-label": `Remove ${de(e.key)} sort`,
|
|
4009
4034
|
onClick: (t) => be(e.key)
|
|
4010
|
-
}, " Remove ", 8,
|
|
4011
|
-
], 8,
|
|
4012
|
-
Q.value.length ? (S(), o("div",
|
|
4035
|
+
}, " Remove ", 8, Ji)
|
|
4036
|
+
], 8, Hi))), 128))])) : (S(), o("p", Yi, " No active sort rules. ")),
|
|
4037
|
+
Q.value.length ? (S(), o("div", Xi, [r[6] ||= s("p", { class: "g-sort-builder-add-label" }, " Add sort column ", -1), s("ul", Zi, [(S(!0), o(e, null, E(Q.value, (e) => (S(), o("li", {
|
|
4013
4038
|
key: e.key,
|
|
4014
4039
|
class: "g-sort-builder-add-item"
|
|
4015
|
-
}, [s("span",
|
|
4040
|
+
}, [s("span", Qi, j(e.label), 1), s("div", $i, [s("button", {
|
|
4016
4041
|
type: "button",
|
|
4017
4042
|
class: "g-sort-builder-direction",
|
|
4018
4043
|
"aria-label": `Add ${e.label} ascending sort`,
|
|
@@ -4027,15 +4052,15 @@ var Fi = { class: "g-table-outer-wrap" }, Ii = {
|
|
|
4027
4052
|
}, [s("path", {
|
|
4028
4053
|
fill: "currentColor",
|
|
4029
4054
|
d: "M300.3 199.2C312.9 188.9 331.4 189.7 343.1 201.4L471.1 329.4C480.3 338.6 483 352.3 478 364.3C473 376.3 461.4 384 448.5 384L192.5 384C179.6 384 167.9 376.2 162.9 364.2C157.9 352.2 160.7 338.5 169.9 329.4L297.9 201.4L300.3 199.2z"
|
|
4030
|
-
})])], -1)]], 8,
|
|
4055
|
+
})])], -1)]], 8, ea), s("button", {
|
|
4031
4056
|
type: "button",
|
|
4032
4057
|
class: "g-sort-builder-direction",
|
|
4033
4058
|
"aria-label": `Add ${e.label} descending sort`,
|
|
4034
4059
|
onClick: (t) => ve(e.key, -1)
|
|
4035
|
-
}, [r[5] ||= s("span", { class: "g-visually-hidden" }, " Add descending sort ", -1), s("span",
|
|
4060
|
+
}, [r[5] ||= s("span", { class: "g-visually-hidden" }, " Add descending sort ", -1), s("span", na, [(S(), o("svg", ra, [...r[4] ||= [s("path", {
|
|
4036
4061
|
fill: "currentColor",
|
|
4037
4062
|
d: "M300.3 199.2C312.9 188.9 331.4 189.7 343.1 201.4L471.1 329.4C480.3 338.6 483 352.3 478 364.3C473 376.3 461.4 384 448.5 384L192.5 384C179.6 384 167.9 376.2 162.9 364.2C157.9 352.2 160.7 338.5 169.9 329.4L297.9 201.4L300.3 199.2z"
|
|
4038
|
-
}, null, -1)]]))])], 8,
|
|
4063
|
+
}, null, -1)]]))])], 8, ta)])]))), 128))])])) : a("", !0),
|
|
4039
4064
|
Z.value.length ? (S(), i($, {
|
|
4040
4065
|
key: 3,
|
|
4041
4066
|
outlined: "",
|
|
@@ -4049,14 +4074,14 @@ var Fi = { class: "g-table-outer-wrap" }, Ii = {
|
|
|
4049
4074
|
], 512)]),
|
|
4050
4075
|
_: 1
|
|
4051
4076
|
})])) : a("", !0),
|
|
4052
|
-
Ue.value ? (S(), o("div",
|
|
4077
|
+
Ue.value ? (S(), o("div", ia, [l(at, null, {
|
|
4053
4078
|
trigger: U(({ toggle: e }) => [l($, {
|
|
4054
4079
|
size: "small",
|
|
4055
4080
|
class: g(["g-column-visibility-trigger", { "g-column-visibility-trigger--active": He.value }]),
|
|
4056
4081
|
"aria-label": "Choose visible columns",
|
|
4057
4082
|
onClick: e
|
|
4058
4083
|
}, {
|
|
4059
|
-
default: U(() => [(S(), o("svg",
|
|
4084
|
+
default: U(() => [(S(), o("svg", aa, [...r[10] ||= [s("path", {
|
|
4060
4085
|
fill: "currentColor",
|
|
4061
4086
|
d: "M64 160C64 142.3 78.3 128 96 128L480 128C497.7 128 512 142.3 512 160C512 177.7 497.7 192 480 192L96 192C78.3 192 64 177.7 64 160zM128 320C128 302.3 142.3 288 160 288L544 288C561.7 288 576 302.3 576 320C576 337.7 561.7 352 544 352L160 352C142.3 352 128 337.7 128 320zM512 480C512 497.7 497.7 512 480 512L96 512C78.3 512 64 497.7 64 480C64 462.3 78.3 448 96 448L480 448C497.7 448 512 462.3 512 480z"
|
|
4062
4087
|
}, null, -1)]]))]),
|
|
@@ -4065,10 +4090,10 @@ var Fi = { class: "g-table-outer-wrap" }, Ii = {
|
|
|
4065
4090
|
default: U(() => [s("fieldset", {
|
|
4066
4091
|
class: "g-column-visibility-popover",
|
|
4067
4092
|
"aria-labelledby": `${F(G)}-column-visibility-heading`
|
|
4068
|
-
}, [s("div",
|
|
4093
|
+
}, [s("div", sa, [s("span", {
|
|
4069
4094
|
id: `${F(G)}-column-visibility-heading`,
|
|
4070
4095
|
class: "g-column-visibility-heading"
|
|
4071
|
-
}, " Shown columns ", 8,
|
|
4096
|
+
}, " Shown columns ", 8, ca), s("span", la, [l($, {
|
|
4072
4097
|
text: "",
|
|
4073
4098
|
size: "small",
|
|
4074
4099
|
class: g(["g-column-visibility-show-all", { "g-column-visibility-show-all--hidden": !He.value }]),
|
|
@@ -4076,18 +4101,18 @@ var Fi = { class: "g-table-outer-wrap" }, Ii = {
|
|
|
4076
4101
|
}, {
|
|
4077
4102
|
default: U(() => [...r[11] ||= [c(" Show All ", -1)]]),
|
|
4078
4103
|
_: 1
|
|
4079
|
-
}, 8, ["class"])])]), s("div",
|
|
4104
|
+
}, 8, ["class"])])]), s("div", ua, [(S(!0), o(e, null, E(t.columns, (e) => (S(), o("label", {
|
|
4080
4105
|
key: e.key,
|
|
4081
4106
|
class: "g-column-visibility-option"
|
|
4082
4107
|
}, [s("input", {
|
|
4083
4108
|
checked: Ke(e),
|
|
4084
4109
|
type: "checkbox",
|
|
4085
4110
|
onChange: (t) => qe(e, t.target.checked)
|
|
4086
|
-
}, null, 40,
|
|
4111
|
+
}, null, 40, da), s("span", null, j(e.label), 1)]))), 128))])], 8, oa)]),
|
|
4087
4112
|
_: 1
|
|
4088
4113
|
})])) : a("", !0),
|
|
4089
|
-
We.value ? (S(), o("div",
|
|
4090
|
-
s("div",
|
|
4114
|
+
We.value ? (S(), o("div", fa, [D(n.$slots, "controls")])) : a("", !0),
|
|
4115
|
+
s("div", pa, [F(C) ? (S(), i($, {
|
|
4091
4116
|
key: 0,
|
|
4092
4117
|
outlined: "",
|
|
4093
4118
|
size: "small",
|
|
@@ -4107,7 +4132,7 @@ var Fi = { class: "g-table-outer-wrap" }, Ii = {
|
|
|
4107
4132
|
_: 1
|
|
4108
4133
|
}, 8, ["onClick"])) : a("", !0)])
|
|
4109
4134
|
]),
|
|
4110
|
-
Ye.value ? (S(), o("div",
|
|
4135
|
+
Ye.value ? (S(), o("div", ma, [l(gi, {
|
|
4111
4136
|
start: t.startIndex,
|
|
4112
4137
|
"page-size": t.pageSize,
|
|
4113
4138
|
"page-sizes": t.pageSizes,
|
|
@@ -4120,7 +4145,7 @@ var Fi = { class: "g-table-outer-wrap" }, Ii = {
|
|
|
4120
4145
|
"page-sizes",
|
|
4121
4146
|
"total"
|
|
4122
4147
|
])])) : a("", !0),
|
|
4123
|
-
s("div",
|
|
4148
|
+
s("div", ha, [s("span", ga, j(Ge.value) + " results", 1), D(n.$slots, "right-controls")])
|
|
4124
4149
|
])) : a("", !0),
|
|
4125
4150
|
s("div", {
|
|
4126
4151
|
ref_key: "tableWrapRef",
|
|
@@ -4134,19 +4159,19 @@ var Fi = { class: "g-table-outer-wrap" }, Ii = {
|
|
|
4134
4159
|
"aria-label": t.label,
|
|
4135
4160
|
"aria-rowcount": Ge.value
|
|
4136
4161
|
}, [
|
|
4137
|
-
s("colgroup", null, [t.bulkSelectionEnabled ? (S(), o("col",
|
|
4162
|
+
s("colgroup", null, [t.bulkSelectionEnabled ? (S(), o("col", va)) : a("", !0), (S(!0), o(e, null, E(Be.value, (e) => (S(), o("col", {
|
|
4138
4163
|
key: e.key,
|
|
4139
4164
|
"data-column-key": String(e.key),
|
|
4140
4165
|
style: _(Ie(e))
|
|
4141
|
-
}, null, 12,
|
|
4142
|
-
s("thead",
|
|
4166
|
+
}, null, 12, ya))), 128))]),
|
|
4167
|
+
s("thead", ba, [s("tr", xa, [t.bulkSelectionEnabled ? (S(), o("th", Sa, [s("input", {
|
|
4143
4168
|
type: "checkbox",
|
|
4144
4169
|
checked: A.value,
|
|
4145
4170
|
indeterminate: N.value,
|
|
4146
4171
|
onChange: I,
|
|
4147
4172
|
"aria-label": A.value ? "Deselect all rows" : "Select all rows",
|
|
4148
4173
|
class: "g-bulk-select-checkbox"
|
|
4149
|
-
}, null, 40,
|
|
4174
|
+
}, null, 40, Ca)])) : a("", !0), (S(!0), o(e, null, E(Be.value, (e) => (S(), o("th", {
|
|
4150
4175
|
key: e.key,
|
|
4151
4176
|
id: `${F(G)}-th-${String(e.key)}`,
|
|
4152
4177
|
"aria-sort": fe(e.key),
|
|
@@ -4157,14 +4182,15 @@ var Fi = { class: "g-table-outer-wrap" }, Ii = {
|
|
|
4157
4182
|
{ filtered: et(e) }
|
|
4158
4183
|
]),
|
|
4159
4184
|
scope: "col"
|
|
4160
|
-
}, [s("div",
|
|
4185
|
+
}, [s("div", Ta, [e.sortable ? (S(), o("button", {
|
|
4161
4186
|
key: 0,
|
|
4162
4187
|
type: "button",
|
|
4163
4188
|
class: "g-column-head",
|
|
4164
4189
|
onClick: (t) => _e(e, t.shiftKey)
|
|
4165
4190
|
}, [
|
|
4166
|
-
|
|
4167
|
-
|
|
4191
|
+
r[14] ||= s("span", { class: "g-visually-hidden" }, "Sort by ", -1),
|
|
4192
|
+
c(" " + j(e.label) + " ", 1),
|
|
4193
|
+
le(e.key) === -1 ? a("", !0) : (S(), o("span", Da, [(S(), o("svg", {
|
|
4168
4194
|
xmlns: "http://www.w3.org/2000/svg",
|
|
4169
4195
|
viewBox: "0 0 640 640",
|
|
4170
4196
|
height: "1.5em",
|
|
@@ -4173,14 +4199,14 @@ var Fi = { class: "g-table-outer-wrap" }, Ii = {
|
|
|
4173
4199
|
fill: "currentColor",
|
|
4174
4200
|
d: "M300.3 199.2C312.9 188.9 331.4 189.7 343.1 201.4L471.1 329.4C480.3 338.6 483 352.3 478 364.3C473 376.3 461.4 384 448.5 384L192.5 384C179.6 384 167.9 376.2 162.9 364.2C157.9 352.2 160.7 338.5 169.9 329.4L297.9 201.4L300.3 199.2z"
|
|
4175
4201
|
}, null, -1)]], 4))])),
|
|
4176
|
-
le(e.key) === -1 ? a("", !0) : (S(), o("span",
|
|
4177
|
-
], 8,
|
|
4202
|
+
le(e.key) === -1 ? a("", !0) : (S(), o("span", Oa, j(pe(e.key)), 1))
|
|
4203
|
+
], 8, Ea)) : (S(), o("span", ka, j(e.label), 1)), e.filter ? (S(), i(at, { key: 2 }, {
|
|
4178
4204
|
trigger: U(({ toggle: t }) => [s("button", {
|
|
4179
4205
|
onClick: ne(t, ["stop"]),
|
|
4180
|
-
"aria-label": et(e) ?
|
|
4206
|
+
"aria-label": et(e) ? `Filter ${e.label} column (filtered)` : `Filter ${e.label} column`,
|
|
4181
4207
|
class: g(["g-filter-btn", { "g-active": et(e) }]),
|
|
4182
4208
|
type: "button"
|
|
4183
|
-
}, [...r[
|
|
4209
|
+
}, [...r[15] ||= [s("svg", {
|
|
4184
4210
|
xmlns: "http://www.w3.org/2000/svg",
|
|
4185
4211
|
viewBox: "0 0 640 640",
|
|
4186
4212
|
height: "1.5em",
|
|
@@ -4188,7 +4214,7 @@ var Fi = { class: "g-table-outer-wrap" }, Ii = {
|
|
|
4188
4214
|
}, [s("path", {
|
|
4189
4215
|
fill: "currentColor",
|
|
4190
4216
|
d: "M96 128C83.1 128 71.4 135.8 66.4 147.8C61.4 159.8 64.2 173.5 73.4 182.6L256 365.3L256 480C256 488.5 259.4 496.6 265.4 502.6L329.4 566.6C338.6 575.8 352.3 578.5 364.3 573.5C376.3 568.5 384 556.9 384 544L384 365.3L566.6 182.7C575.8 173.5 578.5 159.8 573.5 147.8C568.5 135.8 556.9 128 544 128L96 128z"
|
|
4191
|
-
})], -1)]], 10,
|
|
4217
|
+
})], -1)]], 10, Aa)]),
|
|
4192
4218
|
default: U(() => [e.filter.type === "select" ? (S(), i(Gt, {
|
|
4193
4219
|
key: 0,
|
|
4194
4220
|
"model-value": st(e),
|
|
@@ -4204,7 +4230,7 @@ var Fi = { class: "g-table-outer-wrap" }, Ii = {
|
|
|
4204
4230
|
"onUpdate:modelValue",
|
|
4205
4231
|
"options",
|
|
4206
4232
|
"search-description"
|
|
4207
|
-
])) : e.filter.type === "search" ? (S(), o("div",
|
|
4233
|
+
])) : e.filter.type === "search" ? (S(), o("div", ja, [r[16] ||= s("span", {
|
|
4208
4234
|
class: "g-filter-search-icon",
|
|
4209
4235
|
"aria-hidden": "true"
|
|
4210
4236
|
}, [s("svg", {
|
|
@@ -4221,20 +4247,20 @@ var Fi = { class: "g-table-outer-wrap" }, Ii = {
|
|
|
4221
4247
|
onInput: (t) => $e(e, t.target.value),
|
|
4222
4248
|
placeholder: e.filter.placeholder,
|
|
4223
4249
|
"aria-label": `Search ${e.label}`
|
|
4224
|
-
}, null, 40,
|
|
4250
|
+
}, null, 40, Ma)])) : e.filter.type === "toggle" ? (S(), o("div", Na, [s("div", Pa, [
|
|
4225
4251
|
s("input", {
|
|
4226
4252
|
type: "checkbox",
|
|
4227
4253
|
checked: Qe(e) === !0,
|
|
4228
4254
|
onChange: (t) => $e(e, t.target.checked),
|
|
4229
4255
|
id: `${F(G)}-filter-${String(e.key)}`,
|
|
4230
4256
|
"aria-describedby": e.filter.description ? `${F(G)}-filter-description-${String(e.key)}` : void 0
|
|
4231
|
-
}, null, 40,
|
|
4232
|
-
s("label", { for: `${F(G)}-filter-${String(e.key)}` }, j(e.filter.label), 9,
|
|
4257
|
+
}, null, 40, Fa),
|
|
4258
|
+
s("label", { for: `${F(G)}-filter-${String(e.key)}` }, j(e.filter.label), 9, Ia),
|
|
4233
4259
|
e.filter.description ? (S(), o("span", {
|
|
4234
4260
|
key: 0,
|
|
4235
4261
|
class: "g-filter-description",
|
|
4236
4262
|
id: `${F(G)}-filter-description-${String(e.key)}`
|
|
4237
|
-
}, j(e.filter.description), 9,
|
|
4263
|
+
}, j(e.filter.description), 9, La)) : a("", !0)
|
|
4238
4264
|
])])) : e.filter.type === "multi-select" && e.filter.searchable ? (S(), i(Fr, {
|
|
4239
4265
|
key: 3,
|
|
4240
4266
|
"model-value": lt(e),
|
|
@@ -4250,7 +4276,7 @@ var Fi = { class: "g-table-outer-wrap" }, Ii = {
|
|
|
4250
4276
|
"options",
|
|
4251
4277
|
"placeholder",
|
|
4252
4278
|
"search-description"
|
|
4253
|
-
])) : e.filter.type === "multi-select" ? (S(), o("div",
|
|
4279
|
+
])) : e.filter.type === "multi-select" ? (S(), o("div", Ra, [l(Kr, {
|
|
4254
4280
|
"model-value": lt(e),
|
|
4255
4281
|
"onUpdate:modelValue": (t) => ut(e, t),
|
|
4256
4282
|
options: ot(e),
|
|
@@ -4266,7 +4292,7 @@ var Fi = { class: "g-table-outer-wrap" }, Ii = {
|
|
|
4266
4292
|
size: "small",
|
|
4267
4293
|
onClick: (t) => $e(e, [])
|
|
4268
4294
|
}, {
|
|
4269
|
-
default: U(() => [...r[
|
|
4295
|
+
default: U(() => [...r[17] ||= [c(" Clear ", -1)]]),
|
|
4270
4296
|
_: 1
|
|
4271
4297
|
}, 8, ["onClick"])) : a("", !0)])) : a("", !0)]),
|
|
4272
4298
|
_: 2
|
|
@@ -4286,11 +4312,11 @@ var Fi = { class: "g-table-outer-wrap" }, Ii = {
|
|
|
4286
4312
|
onClick: r[0] ||= ne(() => {}, ["stop", "prevent"]),
|
|
4287
4313
|
onKeydown: (t) => Fe(t, e.key),
|
|
4288
4314
|
onPointerdown: (t) => Pe(t, e.key)
|
|
4289
|
-
}, null, 42,
|
|
4290
|
-
t.data.length === 0 ? (S(), o("tbody",
|
|
4315
|
+
}, null, 42, za)) : a("", !0)], 10, wa))), 128))])]),
|
|
4316
|
+
t.data.length === 0 ? (S(), o("tbody", Ba, [s("tr", Va, [s("td", {
|
|
4291
4317
|
class: "g-table-empty",
|
|
4292
4318
|
colspan: Be.value.length + +!!t.bulkSelectionEnabled
|
|
4293
|
-
}, [D(n.$slots, "empty")], 8,
|
|
4319
|
+
}, [D(n.$slots, "empty")], 8, Ha)])])) : (S(), i(lr, {
|
|
4294
4320
|
key: 1,
|
|
4295
4321
|
data: t.data,
|
|
4296
4322
|
columns: Be.value,
|
|
@@ -4319,8 +4345,8 @@ var Fi = { class: "g-table-outer-wrap" }, Ii = {
|
|
|
4319
4345
|
"table-id",
|
|
4320
4346
|
"change-tracker"
|
|
4321
4347
|
]))
|
|
4322
|
-
], 10,
|
|
4323
|
-
t.bulkSelectionEnabled && m.value.length > 0 ? (S(), o("div",
|
|
4348
|
+
], 10, _a)], 512),
|
|
4349
|
+
t.bulkSelectionEnabled && m.value.length > 0 ? (S(), o("div", Ua, [s("span", Wa, j(m.value.length) + " row" + j(m.value.length === 1 ? "" : "s") + " selected", 1), s("ul", Ga, [(S(!0), o(e, null, E(t.bulkActions, (e) => (S(), o("li", { key: e.id }, [l($, {
|
|
4324
4350
|
theme: e.theme || "accent",
|
|
4325
4351
|
onClick: (t) => V(e.id),
|
|
4326
4352
|
size: "small"
|
|
@@ -4330,7 +4356,7 @@ var Fi = { class: "g-table-outer-wrap" }, Ii = {
|
|
|
4330
4356
|
}, 1032, ["theme", "onClick"])]))), 128))])])) : a("", !0)
|
|
4331
4357
|
]));
|
|
4332
4358
|
}
|
|
4333
|
-
}),
|
|
4359
|
+
}), qa = ["id"], Ja = { class: "g-modal-inner" }, Ya = { class: "g-modal-header" }, Xa = ["id"], Za = ["id"], Qa = /* @__PURE__ */ u({
|
|
4334
4360
|
__name: "GModal",
|
|
4335
4361
|
props: {
|
|
4336
4362
|
label: {},
|
|
@@ -4374,12 +4400,12 @@ var Fi = { class: "g-table-outer-wrap" }, Ii = {
|
|
|
4374
4400
|
ref_key: "dialog",
|
|
4375
4401
|
ref: f,
|
|
4376
4402
|
style: { zIndex: F(x) }
|
|
4377
|
-
}), [s("div",
|
|
4403
|
+
}), [s("div", Ja, [s("div", Ya, [e.hiddenLabel ? a("", !0) : (S(), o("h2", {
|
|
4378
4404
|
key: 0,
|
|
4379
4405
|
id: "modal-label-" + F(h),
|
|
4380
4406
|
class: "g-modal-label",
|
|
4381
4407
|
tabindex: "-1"
|
|
4382
|
-
}, j(e.label), 9,
|
|
4408
|
+
}, j(e.label), 9, Xa)), s("button", {
|
|
4383
4409
|
class: "g-modal-close",
|
|
4384
4410
|
onClick: E,
|
|
4385
4411
|
"aria-label": "Close"
|
|
@@ -4394,36 +4420,36 @@ var Fi = { class: "g-table-outer-wrap" }, Ii = {
|
|
|
4394
4420
|
})], -1)]])]), s("div", {
|
|
4395
4421
|
id: "modal-description-" + F(h),
|
|
4396
4422
|
class: "g-modal-content"
|
|
4397
|
-
}, [D(r.$slots, "default")], 8,
|
|
4423
|
+
}, [D(r.$slots, "default")], 8, Za)])], 16, qa)]),
|
|
4398
4424
|
_: 3
|
|
4399
4425
|
})]));
|
|
4400
4426
|
}
|
|
4401
|
-
}),
|
|
4427
|
+
}), $a = /* @__PURE__ */ u({
|
|
4402
4428
|
__name: "GDetailList",
|
|
4403
4429
|
props: { variant: { default: "grid" } },
|
|
4404
4430
|
setup(e) {
|
|
4405
4431
|
let t = e;
|
|
4406
4432
|
return (e, n) => (S(), o("dl", { class: g(["g-detail-list", `g-detail-list--${t.variant}`]) }, [D(e.$slots, "default")], 2));
|
|
4407
4433
|
}
|
|
4408
|
-
}),
|
|
4434
|
+
}), eo = { class: "g-detail-list-item" }, to = { class: "g-detail-list-item__label" }, no = { class: "g-detail-list-item__value" }, ro = /* @__PURE__ */ u({
|
|
4409
4435
|
__name: "GDetailListItem",
|
|
4410
4436
|
props: { label: {} },
|
|
4411
4437
|
setup(e) {
|
|
4412
|
-
return (t, n) => (S(), o("div",
|
|
4438
|
+
return (t, n) => (S(), o("div", eo, [s("dt", to, [D(t.$slots, "label", {}, () => [c(j(e.label), 1)])]), s("dd", no, [D(t.$slots, "default")])]));
|
|
4413
4439
|
}
|
|
4414
|
-
}),
|
|
4440
|
+
}), io = {
|
|
4415
4441
|
key: 0,
|
|
4416
4442
|
class: "g-scroll-lock-overlay"
|
|
4417
|
-
},
|
|
4443
|
+
}, ao = /* @__PURE__ */ u({
|
|
4418
4444
|
__name: "GOverlay",
|
|
4419
4445
|
setup(e) {
|
|
4420
4446
|
let { hasScrollLock: t } = Ge();
|
|
4421
4447
|
return (e, r) => (S(), i(n, { name: "g-fade" }, {
|
|
4422
|
-
default: U(() => [F(t) ? (S(), o("div",
|
|
4448
|
+
default: U(() => [F(t) ? (S(), o("div", io)) : a("", !0)]),
|
|
4423
4449
|
_: 1
|
|
4424
4450
|
}));
|
|
4425
4451
|
}
|
|
4426
|
-
}),
|
|
4452
|
+
}), oo = { class: "popover-content" }, so = { class: "year-dropdown" }, co = { class: "month-selector" }, lo = /* @__PURE__ */ u({
|
|
4427
4453
|
__name: "GTermSelectorControl",
|
|
4428
4454
|
props: /*@__PURE__*/ p({
|
|
4429
4455
|
termYears: { default: () => ["2026"] },
|
|
@@ -4444,7 +4470,7 @@ var Fi = { class: "g-table-outer-wrap" }, Ii = {
|
|
|
4444
4470
|
emits: ["update:modelValue"],
|
|
4445
4471
|
setup(e) {
|
|
4446
4472
|
let t = R(e, "modelValue");
|
|
4447
|
-
return (n, r) => (S(), o("div",
|
|
4473
|
+
return (n, r) => (S(), o("div", oo, [s("div", so, [l(Gt, {
|
|
4448
4474
|
modelValue: t.value.year,
|
|
4449
4475
|
"onUpdate:modelValue": r[0] ||= (e) => t.value.year = e,
|
|
4450
4476
|
options: e.termYears,
|
|
@@ -4453,7 +4479,7 @@ var Fi = { class: "g-table-outer-wrap" }, Ii = {
|
|
|
4453
4479
|
"modelValue",
|
|
4454
4480
|
"options",
|
|
4455
4481
|
"label"
|
|
4456
|
-
])]), s("div",
|
|
4482
|
+
])]), s("div", co, [l(bt, {
|
|
4457
4483
|
modelValue: t.value.name,
|
|
4458
4484
|
"onUpdate:modelValue": r[1] ||= (e) => t.value.name = e,
|
|
4459
4485
|
options: e.termNames,
|
|
@@ -4465,10 +4491,7 @@ var Fi = { class: "g-table-outer-wrap" }, Ii = {
|
|
|
4465
4491
|
"label"
|
|
4466
4492
|
])])]));
|
|
4467
4493
|
}
|
|
4468
|
-
}),
|
|
4469
|
-
class: "g-popover-title",
|
|
4470
|
-
tabindex: "-1"
|
|
4471
|
-
}, po = /* @__PURE__ */ u({
|
|
4494
|
+
}), uo = { class: "g-term-selector" }, fo = { class: "g-term-label" }, po = /* @__PURE__ */ u({
|
|
4472
4495
|
__name: "GTermSelector",
|
|
4473
4496
|
props: /*@__PURE__*/ p({
|
|
4474
4497
|
heading: { default: "Period Selection" },
|
|
@@ -4489,32 +4512,43 @@ var Fi = { class: "g-table-outer-wrap" }, Ii = {
|
|
|
4489
4512
|
}),
|
|
4490
4513
|
emits: ["update:modelValue"],
|
|
4491
4514
|
setup(e) {
|
|
4492
|
-
let t = R(e, "modelValue")
|
|
4493
|
-
return (
|
|
4494
|
-
trigger: U(({ toggle: e }) => [l($, {
|
|
4515
|
+
let t = R(e, "modelValue"), n = `${L()}-heading`;
|
|
4516
|
+
return (r, i) => (S(), o("div", uo, [l(at, { "aria-labelledby": n }, {
|
|
4517
|
+
trigger: U(({ toggle: e, open: n, popoverId: r }) => [l($, {
|
|
4495
4518
|
class: "g-term-selector-button",
|
|
4496
4519
|
theme: "none",
|
|
4497
4520
|
outlined: "",
|
|
4521
|
+
"aria-haspopup": "dialog",
|
|
4522
|
+
"aria-expanded": n,
|
|
4523
|
+
"aria-controls": n ? r : void 0,
|
|
4498
4524
|
onClick: e
|
|
4499
4525
|
}, {
|
|
4500
4526
|
default: U(() => [
|
|
4501
|
-
|
|
4527
|
+
i[1] ||= s("span", { class: "g-calendar-icon" }, [s("svg", {
|
|
4502
4528
|
role: "none",
|
|
4503
4529
|
xmlns: "http://www.w3.org/2000/svg",
|
|
4504
4530
|
viewBox: "0 0 640 640"
|
|
4505
4531
|
}, [s("path", { d: "M224 64C206.3 64 192 78.3 192 96L192 128L160 128C124.7 128 96 156.7 96 192L96 240L544 240L544 192C544 156.7 515.3 128 480 128L448 128L448 96C448 78.3 433.7 64 416 64C398.3 64 384 78.3 384 96L384 128L256 128L256 96C256 78.3 241.7 64 224 64zM96 288L96 480C96 515.3 124.7 544 160 544L480 544C515.3 544 544 515.3 544 480L544 288L96 288z" })])], -1),
|
|
4506
|
-
s("span",
|
|
4507
|
-
|
|
4532
|
+
s("span", fo, j(t.value?.name) + " " + j(t.value?.year), 1),
|
|
4533
|
+
i[2] ||= s("span", { class: "g-caret" }, [s("svg", {
|
|
4508
4534
|
role: "none",
|
|
4509
4535
|
xmlns: "http://www.w3.org/2000/svg",
|
|
4510
4536
|
viewBox: "0 0 640 640"
|
|
4511
4537
|
}, [s("path", { d: "M300.3 440.8C312.9 451 331.4 450.3 343.1 438.6L471.1 310.6C480.3 301.4 483 287.7 478 275.7C473 263.7 461.4 256 448.5 256L192.5 256C179.6 256 167.9 263.8 162.9 275.8C157.9 287.8 160.7 301.5 169.9 310.6L297.9 438.6L300.3 440.8z" })])], -1)
|
|
4512
4538
|
]),
|
|
4513
4539
|
_: 1
|
|
4514
|
-
}, 8, [
|
|
4515
|
-
|
|
4540
|
+
}, 8, [
|
|
4541
|
+
"aria-expanded",
|
|
4542
|
+
"aria-controls",
|
|
4543
|
+
"onClick"
|
|
4544
|
+
])]),
|
|
4545
|
+
default: U(() => [s("h2", {
|
|
4546
|
+
id: n,
|
|
4547
|
+
class: "g-popover-title",
|
|
4548
|
+
tabindex: "-1"
|
|
4549
|
+
}, j(e.heading), 1), l(lo, m(r.$props, {
|
|
4516
4550
|
modelValue: t.value,
|
|
4517
|
-
"onUpdate:modelValue":
|
|
4551
|
+
"onUpdate:modelValue": i[0] ||= (e) => t.value = e
|
|
4518
4552
|
}), null, 16, ["modelValue"])]),
|
|
4519
4553
|
_: 1
|
|
4520
4554
|
})]));
|
|
@@ -4543,7 +4577,7 @@ var Fi = { class: "g-table-outer-wrap" }, Ii = {
|
|
|
4543
4577
|
trigger: U(({ toggle: e }) => [s("button", {
|
|
4544
4578
|
class: "g-user-menu__avatar",
|
|
4545
4579
|
style: _({ backgroundColor: t.color }),
|
|
4546
|
-
"aria-label": t.
|
|
4580
|
+
"aria-label": t.label + ": " + t.initials,
|
|
4547
4581
|
"aria-expanded": r.value,
|
|
4548
4582
|
"aria-haspopup": "menu",
|
|
4549
4583
|
onClick: e
|
|
@@ -5434,6 +5468,6 @@ function ls(e, t) {
|
|
|
5434
5468
|
}, { immediate: !0 }), { columnState: n };
|
|
5435
5469
|
}
|
|
5436
5470
|
//#endregion
|
|
5437
|
-
export { jt as $,
|
|
5471
|
+
export { jt as $, Mi as A, lr as B, ro as C, yi as D, Ka as E, bi as F, Tn as G, Nn as H, Fi as I, vn as J, xn as K, Pi as L, vi as M, ki as N, Di as O, Ni as P, Gt as Q, Kr as R, ao as S, Qa as T, On as U, Jn as V, En as W, an as X, un as Y, tn as Z, bo as _, $o as a, $e as at, po as b, Zo as c, Ge as ct, Wo as d, Ee as dt, Tt as et, Ro as f, we as ft, Do as g, $ as gt, Oo as h, ge as ht, Qo as i, et as it, Oi as j, _i as k, Xo as l, Ie as lt, Fo as m, _e as mt, ss as n, pt as nt, es as o, Qe as ot, Lo as p, Ce as pt, yn as q, ts as r, at as rt, os as s, We as st, ls as t, bt as tt, Yo as u, De as ut, yo as v, $a as w, lo as x, vo as y, Fr as z };
|
|
5438
5472
|
|
|
5439
|
-
//# sourceMappingURL=grad-vue-
|
|
5473
|
+
//# sourceMappingURL=grad-vue-BDbaNp12.js.map
|