@illinois-grad/grad-vue 7.1.0 → 7.1.2
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/GButton.vue.d.ts +2 -2
- package/dist/components/GModal.vue.d.ts +1 -1
- package/dist/components/GPopover.vue.d.ts +12 -1
- package/dist/components/GProgress.vue.d.ts +1 -1
- package/dist/components/GSelectButton.vue.d.ts +1 -1
- package/dist/components/GSidebar.vue.d.ts +1 -1
- package/dist/components/GSidebarMenu.vue.d.ts +1 -1
- package/dist/components/GTreeMenu.vue.d.ts +2 -2
- package/dist/components/tree-menu/GTreeMenuList.vue.d.ts +1 -1
- package/dist/{grad-vue-BqBZYXQU.js → grad-vue-D3cnBp2w.js} +120 -100
- package/dist/grad-vue-D3cnBp2w.js.map +1 -0
- package/dist/grad-vue-elements.css +30 -30
- package/dist/grad-vue-elements.js +107 -87
- 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 +4 -4
- 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", {
|
|
@@ -4163,7 +4174,8 @@ var Fi = { class: "g-table-outer-wrap" }, Ii = {
|
|
|
4163
4174
|
class: "g-column-head",
|
|
4164
4175
|
onClick: (t) => _e(e, t.shiftKey)
|
|
4165
4176
|
}, [
|
|
4166
|
-
|
|
4177
|
+
r[14] ||= s("span", { class: "g-visually-hidden" }, "Sort by ", -1),
|
|
4178
|
+
c(" " + j(e.label) + " ", 1),
|
|
4167
4179
|
le(e.key) === -1 ? a("", !0) : (S(), o("span", Ea, [(S(), o("svg", {
|
|
4168
4180
|
xmlns: "http://www.w3.org/2000/svg",
|
|
4169
4181
|
viewBox: "0 0 640 640",
|
|
@@ -4177,10 +4189,10 @@ var Fi = { class: "g-table-outer-wrap" }, Ii = {
|
|
|
4177
4189
|
], 8, Ta)) : (S(), o("span", Oa, j(e.label), 1)), e.filter ? (S(), i(at, { key: 2 }, {
|
|
4178
4190
|
trigger: U(({ toggle: t }) => [s("button", {
|
|
4179
4191
|
onClick: ne(t, ["stop"]),
|
|
4180
|
-
"aria-label": et(e) ?
|
|
4192
|
+
"aria-label": et(e) ? `Filter ${e.label} column (filtered)` : `Filter ${e.label} column`,
|
|
4181
4193
|
class: g(["g-filter-btn", { "g-active": et(e) }]),
|
|
4182
4194
|
type: "button"
|
|
4183
|
-
}, [...r[
|
|
4195
|
+
}, [...r[15] ||= [s("svg", {
|
|
4184
4196
|
xmlns: "http://www.w3.org/2000/svg",
|
|
4185
4197
|
viewBox: "0 0 640 640",
|
|
4186
4198
|
height: "1.5em",
|
|
@@ -4204,7 +4216,7 @@ var Fi = { class: "g-table-outer-wrap" }, Ii = {
|
|
|
4204
4216
|
"onUpdate:modelValue",
|
|
4205
4217
|
"options",
|
|
4206
4218
|
"search-description"
|
|
4207
|
-
])) : e.filter.type === "search" ? (S(), o("div", Aa, [r[
|
|
4219
|
+
])) : e.filter.type === "search" ? (S(), o("div", Aa, [r[16] ||= s("span", {
|
|
4208
4220
|
class: "g-filter-search-icon",
|
|
4209
4221
|
"aria-hidden": "true"
|
|
4210
4222
|
}, [s("svg", {
|
|
@@ -4266,7 +4278,7 @@ var Fi = { class: "g-table-outer-wrap" }, Ii = {
|
|
|
4266
4278
|
size: "small",
|
|
4267
4279
|
onClick: (t) => $e(e, [])
|
|
4268
4280
|
}, {
|
|
4269
|
-
default: U(() => [...r[
|
|
4281
|
+
default: U(() => [...r[17] ||= [c(" Clear ", -1)]]),
|
|
4270
4282
|
_: 1
|
|
4271
4283
|
}, 8, ["onClick"])) : a("", !0)])) : a("", !0)]),
|
|
4272
4284
|
_: 2
|
|
@@ -4465,10 +4477,7 @@ var Fi = { class: "g-table-outer-wrap" }, Ii = {
|
|
|
4465
4477
|
"label"
|
|
4466
4478
|
])])]));
|
|
4467
4479
|
}
|
|
4468
|
-
}), lo = { class: "g-term-selector" }, uo = { class: "g-term-label" }, fo = {
|
|
4469
|
-
class: "g-popover-title",
|
|
4470
|
-
tabindex: "-1"
|
|
4471
|
-
}, po = /* @__PURE__ */ u({
|
|
4480
|
+
}), lo = { class: "g-term-selector" }, uo = { class: "g-term-label" }, fo = /* @__PURE__ */ u({
|
|
4472
4481
|
__name: "GTermSelector",
|
|
4473
4482
|
props: /*@__PURE__*/ p({
|
|
4474
4483
|
heading: { default: "Period Selection" },
|
|
@@ -4489,41 +4498,52 @@ var Fi = { class: "g-table-outer-wrap" }, Ii = {
|
|
|
4489
4498
|
}),
|
|
4490
4499
|
emits: ["update:modelValue"],
|
|
4491
4500
|
setup(e) {
|
|
4492
|
-
let t = R(e, "modelValue")
|
|
4493
|
-
return (
|
|
4494
|
-
trigger: U(({ toggle: e }) => [l($, {
|
|
4501
|
+
let t = R(e, "modelValue"), n = `${L()}-heading`;
|
|
4502
|
+
return (r, i) => (S(), o("div", lo, [l(at, { "aria-labelledby": n }, {
|
|
4503
|
+
trigger: U(({ toggle: e, open: n, popoverId: r }) => [l($, {
|
|
4495
4504
|
class: "g-term-selector-button",
|
|
4496
4505
|
theme: "none",
|
|
4497
4506
|
outlined: "",
|
|
4507
|
+
"aria-haspopup": "dialog",
|
|
4508
|
+
"aria-expanded": n,
|
|
4509
|
+
"aria-controls": n ? r : void 0,
|
|
4498
4510
|
onClick: e
|
|
4499
4511
|
}, {
|
|
4500
4512
|
default: U(() => [
|
|
4501
|
-
|
|
4513
|
+
i[1] ||= s("span", { class: "g-calendar-icon" }, [s("svg", {
|
|
4502
4514
|
role: "none",
|
|
4503
4515
|
xmlns: "http://www.w3.org/2000/svg",
|
|
4504
4516
|
viewBox: "0 0 640 640"
|
|
4505
4517
|
}, [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
4518
|
s("span", uo, j(t.value?.name) + " " + j(t.value?.year), 1),
|
|
4507
|
-
|
|
4519
|
+
i[2] ||= s("span", { class: "g-caret" }, [s("svg", {
|
|
4508
4520
|
role: "none",
|
|
4509
4521
|
xmlns: "http://www.w3.org/2000/svg",
|
|
4510
4522
|
viewBox: "0 0 640 640"
|
|
4511
4523
|
}, [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
4524
|
]),
|
|
4513
4525
|
_: 1
|
|
4514
|
-
}, 8, [
|
|
4515
|
-
|
|
4526
|
+
}, 8, [
|
|
4527
|
+
"aria-expanded",
|
|
4528
|
+
"aria-controls",
|
|
4529
|
+
"onClick"
|
|
4530
|
+
])]),
|
|
4531
|
+
default: U(() => [s("h2", {
|
|
4532
|
+
id: n,
|
|
4533
|
+
class: "g-popover-title",
|
|
4534
|
+
tabindex: "-1"
|
|
4535
|
+
}, j(e.heading), 1), l(co, m(r.$props, {
|
|
4516
4536
|
modelValue: t.value,
|
|
4517
|
-
"onUpdate:modelValue":
|
|
4537
|
+
"onUpdate:modelValue": i[0] ||= (e) => t.value = e
|
|
4518
4538
|
}), null, 16, ["modelValue"])]),
|
|
4519
4539
|
_: 1
|
|
4520
4540
|
})]));
|
|
4521
4541
|
}
|
|
4522
|
-
}),
|
|
4542
|
+
}), po = { class: "g-user-menu" }, mo = [
|
|
4523
4543
|
"aria-label",
|
|
4524
4544
|
"aria-expanded",
|
|
4525
4545
|
"onClick"
|
|
4526
|
-
],
|
|
4546
|
+
], ho = { class: "g-user-menu__popover" }, go = { class: "g-user-menu__list" }, _o = /* @__PURE__ */ u({
|
|
4527
4547
|
__name: "GUserMenu",
|
|
4528
4548
|
props: {
|
|
4529
4549
|
initials: {},
|
|
@@ -4535,7 +4555,7 @@ var Fi = { class: "g-table-outer-wrap" }, Ii = {
|
|
|
4535
4555
|
let n = `${L()}-email`, r = T(!1), a = B("emailHeading");
|
|
4536
4556
|
d()?.appContext?.components?.RouterLink;
|
|
4537
4557
|
let c = z();
|
|
4538
|
-
return (u, d) => (S(), o("div",
|
|
4558
|
+
return (u, d) => (S(), o("div", po, [l(at, {
|
|
4539
4559
|
modelValue: r.value,
|
|
4540
4560
|
"onUpdate:modelValue": d[0] ||= (e) => r.value = e,
|
|
4541
4561
|
minimal: ""
|
|
@@ -4543,12 +4563,12 @@ var Fi = { class: "g-table-outer-wrap" }, Ii = {
|
|
|
4543
4563
|
trigger: U(({ toggle: e }) => [s("button", {
|
|
4544
4564
|
class: "g-user-menu__avatar",
|
|
4545
4565
|
style: _({ backgroundColor: t.color }),
|
|
4546
|
-
"aria-label": t.
|
|
4566
|
+
"aria-label": t.label + ": " + t.initials,
|
|
4547
4567
|
"aria-expanded": r.value,
|
|
4548
4568
|
"aria-haspopup": "menu",
|
|
4549
4569
|
onClick: e
|
|
4550
|
-
}, j(t.initials), 13,
|
|
4551
|
-
default: U(() => [s("div",
|
|
4570
|
+
}, j(t.initials), 13, mo)]),
|
|
4571
|
+
default: U(() => [s("div", ho, [s("h2", {
|
|
4552
4572
|
id: n,
|
|
4553
4573
|
ref_key: "emailHeading",
|
|
4554
4574
|
ref: a,
|
|
@@ -4557,11 +4577,11 @@ var Fi = { class: "g-table-outer-wrap" }, Ii = {
|
|
|
4557
4577
|
}, j(t.email), 513), s("nav", {
|
|
4558
4578
|
class: "g-user-menu__nav",
|
|
4559
4579
|
"aria-labelledby": n
|
|
4560
|
-
}, [s("ul",
|
|
4580
|
+
}, [s("ul", go, [(S(!0), o(e, null, E(c.default(), (e, t) => (S(), o("li", { key: t }, [(S(), i(O(e)))]))), 128))])])])]),
|
|
4561
4581
|
_: 1
|
|
4562
4582
|
}, 8, ["modelValue"])]));
|
|
4563
4583
|
}
|
|
4564
|
-
}),
|
|
4584
|
+
}), vo = /* @__PURE__ */ u({
|
|
4565
4585
|
__name: "GCurrencyInput",
|
|
4566
4586
|
props: /*@__PURE__*/ p({
|
|
4567
4587
|
label: { default: void 0 },
|
|
@@ -4612,7 +4632,7 @@ var Fi = { class: "g-table-outer-wrap" }, Ii = {
|
|
|
4612
4632
|
"form-key"
|
|
4613
4633
|
]));
|
|
4614
4634
|
}
|
|
4615
|
-
}),
|
|
4635
|
+
}), yo = /* @__PURE__ */ u({
|
|
4616
4636
|
__name: "GEmailInput",
|
|
4617
4637
|
props: /*@__PURE__*/ p({
|
|
4618
4638
|
label: { default: void 0 },
|
|
@@ -4657,13 +4677,13 @@ var Fi = { class: "g-table-outer-wrap" }, Ii = {
|
|
|
4657
4677
|
"instructions"
|
|
4658
4678
|
]));
|
|
4659
4679
|
}
|
|
4660
|
-
}),
|
|
4680
|
+
}), bo = ["for"], xo = {
|
|
4661
4681
|
key: 0,
|
|
4662
4682
|
class: "g-file-input-required"
|
|
4663
|
-
},
|
|
4683
|
+
}, So = {
|
|
4664
4684
|
key: 0,
|
|
4665
4685
|
class: "g-file-input-box-header"
|
|
4666
|
-
},
|
|
4686
|
+
}, Co = ["id"], wo = [
|
|
4667
4687
|
"id",
|
|
4668
4688
|
"disabled",
|
|
4669
4689
|
"required",
|
|
@@ -4672,11 +4692,11 @@ var Fi = { class: "g-table-outer-wrap" }, Ii = {
|
|
|
4672
4692
|
"aria-invalid",
|
|
4673
4693
|
"aria-describedby",
|
|
4674
4694
|
"aria-errormessage"
|
|
4675
|
-
],
|
|
4695
|
+
], To = {
|
|
4676
4696
|
key: 1,
|
|
4677
4697
|
class: "g-file-input-pills",
|
|
4678
4698
|
"aria-label": "Selected files"
|
|
4679
|
-
},
|
|
4699
|
+
}, Eo = /* @__PURE__ */ u({
|
|
4680
4700
|
inheritAttrs: !1,
|
|
4681
4701
|
__name: "GFileInput",
|
|
4682
4702
|
props: /*@__PURE__*/ p({
|
|
@@ -4733,12 +4753,12 @@ var Fi = { class: "g-table-outer-wrap" }, Ii = {
|
|
|
4733
4753
|
key: 0,
|
|
4734
4754
|
for: F(d),
|
|
4735
4755
|
class: "g-file-input-label"
|
|
4736
|
-
}, [c(j(t.label) + " ", 1), t.required ? (S(), o("span",
|
|
4756
|
+
}, [c(j(t.label) + " ", 1), t.required ? (S(), o("span", xo, "*")) : a("", !0)], 8, bo)) : a("", !0),
|
|
4737
4757
|
s("div", { class: g(["g-file-input-box", { "g-file-input-box--disabled": t.disabled }]) }, [
|
|
4738
|
-
t.instructions ? (S(), o("div",
|
|
4758
|
+
t.instructions ? (S(), o("div", So, [s("span", {
|
|
4739
4759
|
id: "instructions-" + F(d),
|
|
4740
4760
|
class: "g-file-input-instructions"
|
|
4741
|
-
}, j(t.instructions), 9,
|
|
4761
|
+
}, j(t.instructions), 9, Co)])) : a("", !0),
|
|
4742
4762
|
s("input", {
|
|
4743
4763
|
id: F(d),
|
|
4744
4764
|
type: "file",
|
|
@@ -4751,8 +4771,8 @@ var Fi = { class: "g-table-outer-wrap" }, Ii = {
|
|
|
4751
4771
|
"aria-describedby": t.instructions ? "instructions-" + F(d) : void 0,
|
|
4752
4772
|
"aria-errormessage": y.value ? "error-message-" + F(d) : void 0,
|
|
4753
4773
|
onChange: _
|
|
4754
|
-
}, null, 40,
|
|
4755
|
-
t.multiple && b.value.length > 0 ? (S(), o("ul",
|
|
4774
|
+
}, null, 40, wo),
|
|
4775
|
+
t.multiple && b.value.length > 0 ? (S(), o("ul", To, [(S(!0), o(e, null, E(b.value, (e) => (S(), o("li", {
|
|
4756
4776
|
key: e,
|
|
4757
4777
|
class: "g-file-input-pill"
|
|
4758
4778
|
}, [r[0] ||= s("svg", {
|
|
@@ -4768,7 +4788,7 @@ var Fi = { class: "g-table-outer-wrap" }, Ii = {
|
|
|
4768
4788
|
}, null, 8, ["errors", "id"])
|
|
4769
4789
|
], 2));
|
|
4770
4790
|
}
|
|
4771
|
-
}),
|
|
4791
|
+
}), Do = /* @__PURE__ */ u({
|
|
4772
4792
|
__name: "GDateInput",
|
|
4773
4793
|
props: /*@__PURE__*/ p({
|
|
4774
4794
|
label: { default: void 0 },
|
|
@@ -4816,21 +4836,21 @@ var Fi = { class: "g-table-outer-wrap" }, Ii = {
|
|
|
4816
4836
|
"form-key"
|
|
4817
4837
|
]));
|
|
4818
4838
|
}
|
|
4819
|
-
}),
|
|
4839
|
+
}), Oo = { class: "g-date-range-input" }, ko = {
|
|
4820
4840
|
key: 0,
|
|
4821
4841
|
class: "g-date-range-input__label"
|
|
4822
|
-
},
|
|
4842
|
+
}, Ao = {
|
|
4823
4843
|
key: 0,
|
|
4824
4844
|
class: "g-date-range-input__required",
|
|
4825
4845
|
"aria-hidden": "true"
|
|
4826
|
-
},
|
|
4846
|
+
}, jo = {
|
|
4827
4847
|
key: 1,
|
|
4828
4848
|
class: "g-date-range-input__instructions"
|
|
4829
|
-
},
|
|
4849
|
+
}, Mo = { class: "g-date-range-input__fields" }, No = {
|
|
4830
4850
|
key: 2,
|
|
4831
4851
|
class: "g-date-range-input__errors",
|
|
4832
4852
|
role: "alert"
|
|
4833
|
-
},
|
|
4853
|
+
}, Po = /* @__PURE__ */ u({
|
|
4834
4854
|
__name: "GDateRangeInput",
|
|
4835
4855
|
props: /*@__PURE__*/ p({
|
|
4836
4856
|
label: { default: void 0 },
|
|
@@ -4870,10 +4890,10 @@ var Fi = { class: "g-table-outer-wrap" }, Ii = {
|
|
|
4870
4890
|
};
|
|
4871
4891
|
}), V(r, (e) => {
|
|
4872
4892
|
e.start !== i.value && (i.value = e.start), e.end !== u.value && (u.value = e.end);
|
|
4873
|
-
}, { deep: !0 }), (t, r) => (S(), o("div",
|
|
4874
|
-
n.label ? (S(), o("div",
|
|
4875
|
-
n.instructions ? (S(), o("div",
|
|
4876
|
-
s("div",
|
|
4893
|
+
}, { deep: !0 }), (t, r) => (S(), o("div", Oo, [
|
|
4894
|
+
n.label ? (S(), o("div", ko, [c(j(n.label), 1), n.required ? (S(), o("span", Ao, " *")) : a("", !0)])) : a("", !0),
|
|
4895
|
+
n.instructions ? (S(), o("div", jo, j(n.instructions), 1)) : a("", !0),
|
|
4896
|
+
s("div", Mo, [l(Do, {
|
|
4877
4897
|
modelValue: i.value,
|
|
4878
4898
|
"onUpdate:modelValue": r[0] ||= (e) => i.value = e,
|
|
4879
4899
|
label: n.startLabel,
|
|
@@ -4885,7 +4905,7 @@ var Fi = { class: "g-table-outer-wrap" }, Ii = {
|
|
|
4885
4905
|
"label",
|
|
4886
4906
|
"disabled",
|
|
4887
4907
|
"required"
|
|
4888
|
-
]), l(
|
|
4908
|
+
]), l(Do, {
|
|
4889
4909
|
modelValue: u.value,
|
|
4890
4910
|
"onUpdate:modelValue": r[1] ||= (e) => u.value = e,
|
|
4891
4911
|
label: n.endLabel,
|
|
@@ -4898,13 +4918,13 @@ var Fi = { class: "g-table-outer-wrap" }, Ii = {
|
|
|
4898
4918
|
"disabled",
|
|
4899
4919
|
"required"
|
|
4900
4920
|
])]),
|
|
4901
|
-
F(d).length > 0 ? (S(), o("div",
|
|
4921
|
+
F(d).length > 0 ? (S(), o("div", No, [(S(!0), o(e, null, E(F(d), (e, t) => (S(), o("div", {
|
|
4902
4922
|
key: t,
|
|
4903
4923
|
class: "g-date-range-input__error"
|
|
4904
4924
|
}, j(e), 1))), 128))])) : a("", !0)
|
|
4905
4925
|
]));
|
|
4906
4926
|
}
|
|
4907
|
-
}),
|
|
4927
|
+
}), Fo = ["action", "method"], Io = /* @__PURE__ */ u({
|
|
4908
4928
|
__name: "GForm",
|
|
4909
4929
|
props: /*@__PURE__*/ p({
|
|
4910
4930
|
action: { default: void 0 },
|
|
@@ -4944,9 +4964,9 @@ var Fi = { class: "g-table-outer-wrap" }, Ii = {
|
|
|
4944
4964
|
hasErrors: F(s).hasErrors.value,
|
|
4945
4965
|
values: F(s).values.value,
|
|
4946
4966
|
errors: F(s).errors.value
|
|
4947
|
-
})], 40,
|
|
4967
|
+
})], 40, Fo));
|
|
4948
4968
|
}
|
|
4949
|
-
}),
|
|
4969
|
+
}), Lo = /* @__PURE__ */ u({
|
|
4950
4970
|
__name: "GSubmitButton",
|
|
4951
4971
|
props: {
|
|
4952
4972
|
disabled: {
|
|
@@ -4969,11 +4989,11 @@ var Fi = { class: "g-table-outer-wrap" }, Ii = {
|
|
|
4969
4989
|
_: 3
|
|
4970
4990
|
}, 8, ["disabled", "variant"]));
|
|
4971
4991
|
}
|
|
4972
|
-
}),
|
|
4992
|
+
}), Ro = ["for"], zo = {
|
|
4973
4993
|
key: 0,
|
|
4974
4994
|
class: "g-textarea-required",
|
|
4975
4995
|
"aria-hidden": "true"
|
|
4976
|
-
},
|
|
4996
|
+
}, Bo = ["id"], Vo = [
|
|
4977
4997
|
"value",
|
|
4978
4998
|
"placeholder",
|
|
4979
4999
|
"disabled",
|
|
@@ -4982,11 +5002,11 @@ var Fi = { class: "g-table-outer-wrap" }, Ii = {
|
|
|
4982
5002
|
"rows",
|
|
4983
5003
|
"maxlength",
|
|
4984
5004
|
"aria-invalid"
|
|
4985
|
-
],
|
|
5005
|
+
], Ho = {
|
|
4986
5006
|
key: 2,
|
|
4987
5007
|
class: "g-textarea-char-count",
|
|
4988
5008
|
"aria-live": "polite"
|
|
4989
|
-
},
|
|
5009
|
+
}, Uo = /* @__PURE__ */ u({
|
|
4990
5010
|
inheritAttrs: !1,
|
|
4991
5011
|
__name: "GTextarea",
|
|
4992
5012
|
props: /*@__PURE__*/ p({
|
|
@@ -5060,12 +5080,12 @@ var Fi = { class: "g-table-outer-wrap" }, Ii = {
|
|
|
5060
5080
|
key: 0,
|
|
5061
5081
|
for: _.value,
|
|
5062
5082
|
class: "g-textarea-label"
|
|
5063
|
-
}, [c(j(n.label), 1), n.required ? (S(), o("span",
|
|
5083
|
+
}, [c(j(n.label), 1), n.required ? (S(), o("span", zo, " *")) : a("", !0)], 8, Ro)) : a("", !0),
|
|
5064
5084
|
t.$slots.instructions || e.instructions ? (S(), o("div", {
|
|
5065
5085
|
key: 1,
|
|
5066
5086
|
id: "instructions-" + F(u),
|
|
5067
5087
|
class: "g-textarea-instructions"
|
|
5068
|
-
}, [D(t.$slots, "instructions", {}, () => [c(j(e.instructions), 1)])], 8,
|
|
5088
|
+
}, [D(t.$slots, "instructions", {}, () => [c(j(e.instructions), 1)])], 8, Bo)) : a("", !0),
|
|
5069
5089
|
s("textarea", m({
|
|
5070
5090
|
ref: "textareaEl",
|
|
5071
5091
|
value: i.value ?? "",
|
|
@@ -5086,15 +5106,15 @@ var Fi = { class: "g-table-outer-wrap" }, Ii = {
|
|
|
5086
5106
|
onInput: T,
|
|
5087
5107
|
onBlur: E,
|
|
5088
5108
|
onPaste: O
|
|
5089
|
-
}), null, 16,
|
|
5090
|
-
n.maxlength === void 0 ? a("", !0) : (S(), o("div",
|
|
5109
|
+
}), null, 16, Vo),
|
|
5110
|
+
n.maxlength === void 0 ? a("", !0) : (S(), o("div", Ho, j((i.value ?? "").length) + " / " + j(n.maxlength), 1)),
|
|
5091
5111
|
l(ke, {
|
|
5092
5112
|
errors: F(v),
|
|
5093
5113
|
id: "error-message-" + F(u)
|
|
5094
5114
|
}, null, 8, ["errors", "id"])
|
|
5095
5115
|
], 2));
|
|
5096
5116
|
}
|
|
5097
|
-
}),
|
|
5117
|
+
}), Wo = { class: "g-toggle-wrapper" }, Go = ["for"], Ko = [
|
|
5098
5118
|
"id",
|
|
5099
5119
|
"checked",
|
|
5100
5120
|
"disabled",
|
|
@@ -5102,7 +5122,7 @@ var Fi = { class: "g-table-outer-wrap" }, Ii = {
|
|
|
5102
5122
|
"aria-describedby",
|
|
5103
5123
|
"aria-invalid",
|
|
5104
5124
|
"aria-errormessage"
|
|
5105
|
-
],
|
|
5125
|
+
], qo = ["id"], Jo = /* @__PURE__ */ u({
|
|
5106
5126
|
__name: "GToggle",
|
|
5107
5127
|
props: /*@__PURE__*/ p({
|
|
5108
5128
|
label: {},
|
|
@@ -5137,11 +5157,11 @@ var Fi = { class: "g-table-outer-wrap" }, Ii = {
|
|
|
5137
5157
|
n.disabled || (e.key === "n" || e.key === "N" || e.key === "ArrowLeft" ? (l(!1), e.preventDefault()) : (e.key === "y" || e.key === "Y" || e.key === "ArrowRight") && (l(!0), e.preventDefault()));
|
|
5138
5158
|
}
|
|
5139
5159
|
let p = L(), m = L();
|
|
5140
|
-
return (t, n) => (S(), o("div",
|
|
5160
|
+
return (t, n) => (S(), o("div", Wo, [s("div", { class: g(["g-toggle-control", { "g-external-label": e.externalLabel }]) }, [e.externalLabel ? a("", !0) : (S(), o("label", {
|
|
5141
5161
|
key: 0,
|
|
5142
5162
|
class: "g-label",
|
|
5143
5163
|
for: F(m)
|
|
5144
|
-
}, [D(t.$slots, "label", {}, () => [c(j(e.label), 1)])], 8,
|
|
5164
|
+
}, [D(t.$slots, "label", {}, () => [c(j(e.label), 1)])], 8, Go)), s("div", { class: g(["g-toggle", { "g-has-error": e.error }]) }, [s("div", { class: g(["g-toggle-track", [r.value ? "g-right" : "g-left", { "g-disabled": e.disabled }]]) }, [s("span", {
|
|
5145
5165
|
class: g(["g-toggle-thumb", r.value ? "g-right" : "g-left"]),
|
|
5146
5166
|
"aria-hidden": "true"
|
|
5147
5167
|
}, null, 2), s("input", {
|
|
@@ -5155,18 +5175,18 @@ var Fi = { class: "g-table-outer-wrap" }, Ii = {
|
|
|
5155
5175
|
"aria-errormessage": e.error ? F(p) + "-error" : void 0,
|
|
5156
5176
|
onChange: d,
|
|
5157
5177
|
onKeydown: f
|
|
5158
|
-
}, null, 40,
|
|
5178
|
+
}, null, 40, Ko)], 2)], 2)], 2), e.error ? (S(), o("div", {
|
|
5159
5179
|
key: 0,
|
|
5160
5180
|
id: `${F(p)}-error`,
|
|
5161
5181
|
class: "g-form-error",
|
|
5162
5182
|
role: "alert",
|
|
5163
5183
|
"aria-atomic": "true"
|
|
5164
|
-
}, j(e.error), 9,
|
|
5184
|
+
}, j(e.error), 9, qo)) : a("", !0)]));
|
|
5165
5185
|
}
|
|
5166
5186
|
});
|
|
5167
5187
|
//#endregion
|
|
5168
5188
|
//#region src/compose/useActiveLink.ts
|
|
5169
|
-
function
|
|
5189
|
+
function Yo(e, t, n) {
|
|
5170
5190
|
let r = [
|
|
5171
5191
|
0,
|
|
5172
5192
|
.25,
|
|
@@ -5203,7 +5223,7 @@ function Xo(e, t, n) {
|
|
|
5203
5223
|
}
|
|
5204
5224
|
//#endregion
|
|
5205
5225
|
//#region src/compose/useSidebar.ts
|
|
5206
|
-
function
|
|
5226
|
+
function Xo(e = "(max-width: 800px)") {
|
|
5207
5227
|
let t = L(), n = T(!1), r = X(e, { ssrWidth: 1e3 });
|
|
5208
5228
|
function i(e) {
|
|
5209
5229
|
if (!r.value || !n.value) return;
|
|
@@ -5234,41 +5254,41 @@ function Zo(e = "(max-width: 800px)") {
|
|
|
5234
5254
|
}
|
|
5235
5255
|
//#endregion
|
|
5236
5256
|
//#region src/compose/usePaging.ts
|
|
5237
|
-
function
|
|
5257
|
+
function Zo(e) {
|
|
5238
5258
|
let t = /* @__PURE__ */ new Set();
|
|
5239
5259
|
return (e ?? []).filter((e) => !e?.key || t.has(e.key) || e.order !== 1 && e.order !== -1 ? !1 : (t.add(e.key), !0));
|
|
5240
5260
|
}
|
|
5241
|
-
function
|
|
5242
|
-
return e == null ? [] :
|
|
5261
|
+
function Qo(e) {
|
|
5262
|
+
return e == null ? [] : Zo((typeof e == "string" ? e.split(",") : e).filter((e) => e !== null).map((e) => e.trim()).filter(Boolean).map((e) => ({
|
|
5243
5263
|
key: e.replace(/^-/, ""),
|
|
5244
5264
|
order: e.startsWith("-") ? -1 : 1
|
|
5245
5265
|
})));
|
|
5246
5266
|
}
|
|
5247
|
-
function
|
|
5248
|
-
let t =
|
|
5267
|
+
function $o(e) {
|
|
5268
|
+
let t = Zo(e);
|
|
5249
5269
|
if (t.length !== 0) return t.map(({ key: e, order: t }) => `${t === -1 ? "-" : ""}${e}`);
|
|
5250
5270
|
}
|
|
5251
|
-
function
|
|
5252
|
-
let n =
|
|
5271
|
+
function es(e, t = []) {
|
|
5272
|
+
let n = Zo(e);
|
|
5253
5273
|
if (n.length === 0) return;
|
|
5254
5274
|
let r = n.map(({ key: e, order: t }) => `${t === -1 ? "-" : ""}${e}`), i = new Set(n.map(({ key: e }) => String(e))), a = n.length === 1 && n[0].order === -1 ? "-" : "";
|
|
5255
5275
|
return t.forEach((e) => {
|
|
5256
5276
|
i.has(e) || r.push(`${a}${e}`);
|
|
5257
5277
|
}), r.join(",");
|
|
5258
5278
|
}
|
|
5259
|
-
function
|
|
5279
|
+
function ts(e) {
|
|
5260
5280
|
return Array.isArray(e) ? [...e] : e;
|
|
5261
5281
|
}
|
|
5262
|
-
function
|
|
5282
|
+
function ns(e, t) {
|
|
5263
5283
|
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;
|
|
5264
5284
|
}
|
|
5265
|
-
function
|
|
5285
|
+
function rs(e, t) {
|
|
5266
5286
|
return e.length === t.length && e.every((e, n) => {
|
|
5267
5287
|
let r = t[n];
|
|
5268
5288
|
return e.key === r?.key && e.order === r?.order;
|
|
5269
5289
|
});
|
|
5270
5290
|
}
|
|
5271
|
-
function
|
|
5291
|
+
function is(e, t) {
|
|
5272
5292
|
if (typeof e == "string") return Number(e);
|
|
5273
5293
|
if (Array.isArray(e)) {
|
|
5274
5294
|
let n = e.find((e) => e !== null);
|
|
@@ -5276,35 +5296,35 @@ function as(e, t) {
|
|
|
5276
5296
|
}
|
|
5277
5297
|
return t;
|
|
5278
5298
|
}
|
|
5279
|
-
function
|
|
5299
|
+
function as(e = {}) {
|
|
5280
5300
|
let t = e.defaultPageSize ?? 50, n = e.defaultPageOffset ?? 0, i = e.sortKey ?? "sort", a = e.pageSizeKey ?? "pageSize", o = e.pageOffsetKey ?? "pageOffset", s = A([]), c = T(t), l = T(n);
|
|
5281
5301
|
return e.route && e.router && (V(() => e.route?.query[i], (e) => {
|
|
5282
|
-
let t =
|
|
5283
|
-
|
|
5302
|
+
let t = Qo(e);
|
|
5303
|
+
rs(s.value, t) || (s.value = t);
|
|
5284
5304
|
}, { immediate: !0 }), V(() => e.route?.query[a], (e) => {
|
|
5285
|
-
let n =
|
|
5305
|
+
let n = is(e, t);
|
|
5286
5306
|
c.value !== n && (c.value = n);
|
|
5287
5307
|
}, { immediate: !0 }), V(() => e.route?.query[o], (e) => {
|
|
5288
|
-
let t =
|
|
5308
|
+
let t = is(e, n);
|
|
5289
5309
|
l.value !== t && (l.value = t);
|
|
5290
5310
|
}, { immediate: !0 }), V([
|
|
5291
5311
|
s,
|
|
5292
5312
|
c,
|
|
5293
5313
|
l
|
|
5294
5314
|
], ([r, s, c]) => {
|
|
5295
|
-
let l = { ...e.route.query }, u =
|
|
5296
|
-
u === void 0 ? delete l[i] : l[i] =
|
|
5315
|
+
let l = { ...e.route.query }, u = $o(r);
|
|
5316
|
+
u === void 0 ? delete l[i] : l[i] = ts(u), s === t || s === void 0 ? delete l[a] : l[a] = String(s), c === n || c === void 0 ? delete l[o] : l[o] = String(c);
|
|
5297
5317
|
let d = /* @__PURE__ */ new Set([...Object.keys(e.route.query), ...Object.keys(l)]), f = !1;
|
|
5298
|
-
for (let t of d) if (!
|
|
5318
|
+
for (let t of d) if (!ns(e.route.query[t], l[t])) {
|
|
5299
5319
|
f = !0;
|
|
5300
5320
|
break;
|
|
5301
5321
|
}
|
|
5302
5322
|
f && e.router.replace({ query: l });
|
|
5303
5323
|
})), {
|
|
5304
5324
|
sort: r({
|
|
5305
|
-
get: () =>
|
|
5325
|
+
get: () => Zo(s.value),
|
|
5306
5326
|
set: (e) => {
|
|
5307
|
-
s.value =
|
|
5327
|
+
s.value = Zo(e);
|
|
5308
5328
|
}
|
|
5309
5329
|
}),
|
|
5310
5330
|
pageSize: c,
|
|
@@ -5313,7 +5333,7 @@ function os(e = {}) {
|
|
|
5313
5333
|
}
|
|
5314
5334
|
//#endregion
|
|
5315
5335
|
//#region src/compose/useTableChanges.ts
|
|
5316
|
-
function
|
|
5336
|
+
function os() {
|
|
5317
5337
|
let e = k(/* @__PURE__ */ new Map()), t = W(), n = (n) => {
|
|
5318
5338
|
let r = n.column.key, i = n.row.key, a = n.value, o = n.previousValue;
|
|
5319
5339
|
e.has(i) || e.set(i, k(/* @__PURE__ */ new Map()));
|
|
@@ -5417,7 +5437,7 @@ function ss() {
|
|
|
5417
5437
|
}
|
|
5418
5438
|
//#endregion
|
|
5419
5439
|
//#region src/compose/usePersistentTableColumnState.ts
|
|
5420
|
-
function
|
|
5440
|
+
function ss(e, t) {
|
|
5421
5441
|
if (!e || typeof e != "object" || Array.isArray(e)) return {};
|
|
5422
5442
|
let n = new Set(t.map(({ key: e }) => String(e))), r = {};
|
|
5423
5443
|
for (let [t, i] of Object.entries(e)) {
|
|
@@ -5427,13 +5447,13 @@ function cs(e, t) {
|
|
|
5427
5447
|
}
|
|
5428
5448
|
return r;
|
|
5429
5449
|
}
|
|
5430
|
-
function
|
|
5450
|
+
function cs(e, t) {
|
|
5431
5451
|
let n = Y(e, {});
|
|
5432
5452
|
return V(() => P(t).map(({ key: e }) => String(e)), () => {
|
|
5433
|
-
n.value =
|
|
5453
|
+
n.value = ss(n.value, P(t));
|
|
5434
5454
|
}, { immediate: !0 }), { columnState: n };
|
|
5435
5455
|
}
|
|
5436
5456
|
//#endregion
|
|
5437
|
-
export { jt as $, ji as A, lr as B, no as C, vi as D, Ga as E, yi as F, Tn as G, Nn as H, Pi as I, vn as J, xn as K, Ni as L, _i as M, Oi as N, Ei as O, Mi as P, Gt as Q, Kr as R, io as S, Za as T, On as U, Jn as V, En as W, an as X, un as Y, tn as Z,
|
|
5457
|
+
export { jt as $, ji as A, lr as B, no as C, vi as D, Ga as E, yi as F, Tn as G, Nn as H, Pi as I, vn as J, xn as K, Ni as L, _i as M, Oi as N, Ei as O, Mi as P, Gt as Q, Kr as R, io as S, Za as T, On as U, Jn as V, En as W, an as X, un as Y, tn as Z, yo as _, Qo as a, $e as at, fo as b, Xo as c, Ge as ct, Uo as d, Ee as dt, Tt as et, Lo as f, we as ft, Eo as g, $ as gt, Do as h, ge as ht, Zo as i, et as it, Di as j, gi as k, Yo as l, Ie as lt, Po as m, _e as mt, os as n, pt as nt, $o as o, Qe as ot, Io as p, Ce as pt, yn as q, es as r, at as rt, as as s, We as st, cs as t, bt as tt, Jo as u, De as ut, vo as v, Qa as w, co as x, _o as y, Fr as z };
|
|
5438
5458
|
|
|
5439
|
-
//# sourceMappingURL=grad-vue-
|
|
5459
|
+
//# sourceMappingURL=grad-vue-D3cnBp2w.js.map
|