@illinois-grad/grad-vue 3.0.9 → 3.0.11
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 +10 -1
- package/dist/components/GSidebar.vue.d.ts +13 -0
- package/dist/components/GTreeMenu.vue.d.ts +3 -7
- package/dist/compose/useScrollRestore.d.ts +4 -3
- package/dist/grad-vue-elements.css +28 -28
- package/dist/grad-vue-elements.js +237 -238
- package/dist/grad-vue-elements.js.map +1 -1
- package/dist/{grad-vue-D1bBU4zO.js → grad-vue-sy7R1DvD.js} +293 -297
- package/dist/grad-vue-sy7R1DvD.js.map +1 -0
- package/dist/grad-vue.css +1 -1
- package/dist/grad-vue.js +2 -2
- package/dist/plugin.js +2 -2
- package/package.json +1 -1
- package/dist/grad-vue-D1bBU4zO.js.map +0 -1
|
@@ -7438,7 +7438,93 @@ var Vd = ["id", "for"], Hd = {
|
|
|
7438
7438
|
id: "error-message-" + P(a)
|
|
7439
7439
|
}, null, 8, ["errors", "id"])], 2)], 10, Nf));
|
|
7440
7440
|
}
|
|
7441
|
-
}), [["styles", [""]]])
|
|
7441
|
+
}), [["styles", [""]]]);
|
|
7442
|
+
//#endregion
|
|
7443
|
+
//#region src/compose/useScrollRestore.ts
|
|
7444
|
+
function Bf(e, t) {
|
|
7445
|
+
let n = t ? Gc(`${t}:scroll`, 0, { writeDefaults: !1 }) : null, r = /* @__PURE__ */ N(!!(n?.value && n.value > 0)), i = null, a = null, o = null, s = !1;
|
|
7446
|
+
function c(e) {
|
|
7447
|
+
let t = window.getComputedStyle(e);
|
|
7448
|
+
return t.overflowY === "auto" || t.overflowY === "scroll";
|
|
7449
|
+
}
|
|
7450
|
+
function l(e) {
|
|
7451
|
+
if (typeof window > "u") return null;
|
|
7452
|
+
if (c(e)) return e;
|
|
7453
|
+
let t = e.parentElement;
|
|
7454
|
+
for (; t && t !== document.documentElement && t !== document.body;) {
|
|
7455
|
+
if (c(t)) return t;
|
|
7456
|
+
t = t.parentElement;
|
|
7457
|
+
}
|
|
7458
|
+
return null;
|
|
7459
|
+
}
|
|
7460
|
+
function u() {
|
|
7461
|
+
n && i && (n.value = i.scrollTop);
|
|
7462
|
+
}
|
|
7463
|
+
function d() {
|
|
7464
|
+
a &&= (a.disconnect(), null), o &&= (o.disconnect(), null);
|
|
7465
|
+
}
|
|
7466
|
+
function f() {
|
|
7467
|
+
r.value = !1;
|
|
7468
|
+
}
|
|
7469
|
+
function p() {
|
|
7470
|
+
return !e.value || !i ? !1 : e.value.getClientRects().length > 0 && i.getClientRects().length > 0 && i.clientHeight > 0;
|
|
7471
|
+
}
|
|
7472
|
+
function m() {
|
|
7473
|
+
if (!n || !i || s) {
|
|
7474
|
+
f();
|
|
7475
|
+
return;
|
|
7476
|
+
}
|
|
7477
|
+
if (n.value <= 0) {
|
|
7478
|
+
f();
|
|
7479
|
+
return;
|
|
7480
|
+
}
|
|
7481
|
+
if (p()) {
|
|
7482
|
+
if (i.scrollHeight - i.clientHeight <= 0) {
|
|
7483
|
+
f(), d();
|
|
7484
|
+
return;
|
|
7485
|
+
}
|
|
7486
|
+
i.scrollTop = n.value, s = i.scrollTop > 0, s && (f(), d());
|
|
7487
|
+
}
|
|
7488
|
+
}
|
|
7489
|
+
function h(e) {
|
|
7490
|
+
if (typeof MutationObserver > "u") return;
|
|
7491
|
+
o = new MutationObserver(() => {
|
|
7492
|
+
m();
|
|
7493
|
+
});
|
|
7494
|
+
let t = e;
|
|
7495
|
+
for (; t;) o.observe(t, {
|
|
7496
|
+
attributes: !0,
|
|
7497
|
+
attributeFilter: [
|
|
7498
|
+
"class",
|
|
7499
|
+
"style",
|
|
7500
|
+
"hidden",
|
|
7501
|
+
"open"
|
|
7502
|
+
]
|
|
7503
|
+
}), t = t.parentElement;
|
|
7504
|
+
}
|
|
7505
|
+
return Gr(() => {
|
|
7506
|
+
if (!e.value) {
|
|
7507
|
+
f();
|
|
7508
|
+
return;
|
|
7509
|
+
}
|
|
7510
|
+
if (!n) {
|
|
7511
|
+
f();
|
|
7512
|
+
return;
|
|
7513
|
+
}
|
|
7514
|
+
if (i = l(e.value), !i) {
|
|
7515
|
+
f();
|
|
7516
|
+
return;
|
|
7517
|
+
}
|
|
7518
|
+
m(), typeof ResizeObserver < "u" && (a = new ResizeObserver(() => {
|
|
7519
|
+
m();
|
|
7520
|
+
}), a.observe(e.value), a.observe(i)), h(e.value), i.addEventListener("scroll", u);
|
|
7521
|
+
}), Yr(() => {
|
|
7522
|
+
d(), i &&= (i.removeEventListener("scroll", u), null), s = !1;
|
|
7523
|
+
}), { isPendingScrollRestore: r };
|
|
7524
|
+
}
|
|
7525
|
+
//#endregion
|
|
7526
|
+
//#region src/components/GSidebar.vue?vue&type=script&setup=true&lang.ts
|
|
7527
|
+
var Vf = ["id"], Hf = /*#__PURE__*/ $(/* @__PURE__ */ R({
|
|
7442
7528
|
__name: "GSidebar",
|
|
7443
7529
|
props: {
|
|
7444
7530
|
backgroundColor: {
|
|
@@ -7469,20 +7555,22 @@ var Vd = ["id", "for"], Hd = {
|
|
|
7469
7555
|
default: "default",
|
|
7470
7556
|
type: String
|
|
7471
7557
|
},
|
|
7472
|
-
mediaQuery: { type: String }
|
|
7558
|
+
mediaQuery: { type: String },
|
|
7559
|
+
storageKey: { type: String }
|
|
7473
7560
|
},
|
|
7474
7561
|
setup(e) {
|
|
7475
|
-
let t = e, n = qn("sidebar", () => void 0, !0) ?? (Ql() ? wd(t.sidebarKey, /* @__PURE__ */ fn(t, "mediaQuery")) : void 0), r = Q(() => t.backgroundImage ? t.backgroundImage : t.theme === "light" ? "none" : "url('https://gradcdn.blob.core.windows.net/public/sidebar-bg2.jpg')"), i = Q(() => t.backgroundColor ? t.backgroundColor : t.theme === "light" ? "#f9f9f9" : "#030913"), a = Q(() => t.topOffsetVar ? `var(${t.topOffsetVar})` : t.topOffset ? t.topOffset : "var(--g-toolbar-height)"), o = z();
|
|
7476
|
-
function
|
|
7562
|
+
let t = e, n = qn("sidebar", () => void 0, !0) ?? (Ql() ? wd(t.sidebarKey, /* @__PURE__ */ fn(t, "mediaQuery")) : void 0), r = Q(() => t.backgroundImage ? t.backgroundImage : t.theme === "light" ? "none" : "url('https://gradcdn.blob.core.windows.net/public/sidebar-bg2.jpg')"), i = Q(() => t.backgroundColor ? t.backgroundColor : t.theme === "light" ? "#f9f9f9" : "#030913"), a = Q(() => t.topOffsetVar ? `var(${t.topOffsetVar})` : t.topOffset ? t.topOffset : "var(--g-toolbar-height)"), o = z(), { isPendingScrollRestore: s } = Bf(jr("sidebar-ref"), t.storageKey);
|
|
7563
|
+
function c(e) {
|
|
7477
7564
|
e.key === "Escape" && n?.isCollapsible?.value && n?.open?.value && (n.open.value = !1, document.getElementById(`${n.id}-hamburger`)?.focus());
|
|
7478
7565
|
}
|
|
7479
|
-
return (t,
|
|
7566
|
+
return (t, l) => (G(), K("div", {
|
|
7480
7567
|
ref: "sidebar-ref",
|
|
7481
7568
|
id: `${P(n)?.id ?? P(o)}-sidebar`,
|
|
7482
7569
|
class: k(["g-sidebar", [`g-sidebar__${e.theme}`, {
|
|
7483
7570
|
"g-sidebar--collapsible": P(n)?.isCollapsible?.value,
|
|
7484
7571
|
"g-sidebar--closed": !P(n)?.open?.value && P(n)?.isCollapsible?.value,
|
|
7485
|
-
"g-sidebar--open": P(n)?.open?.value && P(n)?.isCollapsible?.value
|
|
7572
|
+
"g-sidebar--open": P(n)?.open?.value && P(n)?.isCollapsible?.value,
|
|
7573
|
+
"g-sidebar--restore-pending": P(s)
|
|
7486
7574
|
}]]),
|
|
7487
7575
|
style: de({
|
|
7488
7576
|
backgroundImage: r.value,
|
|
@@ -7491,14 +7579,14 @@ var Vd = ["id", "for"], Hd = {
|
|
|
7491
7579
|
"--g-sidebar-width": e.width ?? "300px",
|
|
7492
7580
|
width: "var(--g-sidebar-width)"
|
|
7493
7581
|
}),
|
|
7494
|
-
onKeydown:
|
|
7495
|
-
}, [V(t.$slots, "default")], 46,
|
|
7582
|
+
onKeydown: c
|
|
7583
|
+
}, [V(t.$slots, "default")], 46, Vf));
|
|
7496
7584
|
}
|
|
7497
|
-
}), [["styles", [""]]]),
|
|
7585
|
+
}), [["styles", [""]]]), Uf = ["id"], Wf = { class: "g-sidebar-menu__list" }, Gf = [
|
|
7498
7586
|
"href",
|
|
7499
7587
|
"aria-current",
|
|
7500
7588
|
"onClick"
|
|
7501
|
-
],
|
|
7589
|
+
], Kf = /*#__PURE__*/ $(/* @__PURE__ */ R({
|
|
7502
7590
|
__name: "GSidebarMenu",
|
|
7503
7591
|
props: /*@__PURE__*/ H({
|
|
7504
7592
|
heading: { type: String },
|
|
@@ -7552,13 +7640,13 @@ var Vd = ["id", "for"], Hd = {
|
|
|
7552
7640
|
key: 0,
|
|
7553
7641
|
id: P(c),
|
|
7554
7642
|
class: "g-sidebar-menu__title"
|
|
7555
|
-
}, A(e.heading), 9,
|
|
7643
|
+
}, A(e.heading), 9, Uf)) : Z("", !0),
|
|
7556
7644
|
a[0] ||= J("div", { class: "g-sidebar-menu__divider" }, null, -1),
|
|
7557
7645
|
J("div", {
|
|
7558
7646
|
class: "g-sidebar-menu__content",
|
|
7559
7647
|
ref_key: "content",
|
|
7560
7648
|
ref: i
|
|
7561
|
-
}, [J("ul",
|
|
7649
|
+
}, [J("ul", Wf, [(G(!0), K(W, null, B(e.items, (e) => (G(), K("li", {
|
|
7562
7650
|
key: e.href || e.to,
|
|
7563
7651
|
class: "g-sidebar-menu__item",
|
|
7564
7652
|
ref_for: !0,
|
|
@@ -7576,10 +7664,10 @@ var Vd = ["id", "for"], Hd = {
|
|
|
7576
7664
|
href: e.href || e.to || "#",
|
|
7577
7665
|
"aria-current": r.value === (e.href || "") ? "location" : void 0,
|
|
7578
7666
|
onClick: (t) => s(t, e)
|
|
7579
|
-
}, A(e.label), 11,
|
|
7667
|
+
}, A(e.label), 11, Gf))]))), 128))])], 512)
|
|
7580
7668
|
], 16));
|
|
7581
7669
|
}
|
|
7582
|
-
}), [["styles", [""]]]),
|
|
7670
|
+
}), [["styles", [""]]]), qf = /*#__PURE__*/ $(/* @__PURE__ */ R({
|
|
7583
7671
|
__name: "GSubmitButton",
|
|
7584
7672
|
props: {
|
|
7585
7673
|
disabled: {
|
|
@@ -7611,44 +7699,44 @@ var Vd = ["id", "for"], Hd = {
|
|
|
7611
7699
|
_: 3
|
|
7612
7700
|
}, 8, ["disabled", "variant"]));
|
|
7613
7701
|
}
|
|
7614
|
-
}), [["styles", [""]]]),
|
|
7702
|
+
}), [["styles", [""]]]), Jf = {
|
|
7615
7703
|
ref: "tableBodyRef",
|
|
7616
7704
|
class: "efficient-table-body"
|
|
7617
|
-
},
|
|
7705
|
+
}, Yf = ["aria-rowindex"], Xf = {
|
|
7618
7706
|
key: 0,
|
|
7619
7707
|
class: "table-group-checkbox"
|
|
7620
|
-
},
|
|
7708
|
+
}, Zf = ["colspan"], Qf = [
|
|
7621
7709
|
"aria-rowindex",
|
|
7622
7710
|
"onMousedown",
|
|
7623
7711
|
"onClick"
|
|
7624
|
-
],
|
|
7712
|
+
], $f = [
|
|
7625
7713
|
"checked",
|
|
7626
7714
|
"onClick",
|
|
7627
7715
|
"aria-label",
|
|
7628
7716
|
"name"
|
|
7629
|
-
],
|
|
7717
|
+
], ep = ["id"], tp = {
|
|
7630
7718
|
key: 0,
|
|
7631
7719
|
class: "editable-cell"
|
|
7632
|
-
},
|
|
7720
|
+
}, np = {
|
|
7633
7721
|
key: 0,
|
|
7634
7722
|
class: "cell-prefix"
|
|
7635
|
-
},
|
|
7723
|
+
}, rp = [
|
|
7636
7724
|
"value",
|
|
7637
7725
|
"onChange",
|
|
7638
7726
|
"aria-labelledby",
|
|
7639
7727
|
"aria-invalid",
|
|
7640
7728
|
"name"
|
|
7641
|
-
],
|
|
7729
|
+
], ip = ["value"], ap = [
|
|
7642
7730
|
"value",
|
|
7643
7731
|
"onInput",
|
|
7644
7732
|
"aria-labelledby",
|
|
7645
7733
|
"aria-invalid",
|
|
7646
7734
|
"aria-errormessage",
|
|
7647
7735
|
"name"
|
|
7648
|
-
],
|
|
7736
|
+
], op = {
|
|
7649
7737
|
key: 3,
|
|
7650
7738
|
class: "cell-suffix"
|
|
7651
|
-
},
|
|
7739
|
+
}, sp = ["id"], cp = /*#__PURE__*/ $(/* @__PURE__ */ R({
|
|
7652
7740
|
__name: "GTableBody",
|
|
7653
7741
|
props: {
|
|
7654
7742
|
data: { type: Array },
|
|
@@ -7717,13 +7805,13 @@ var Vd = ["id", "for"], Hd = {
|
|
|
7717
7805
|
function m(e, t) {
|
|
7718
7806
|
if (n.changeTracker) return n.changeTracker.getError(e.key, t.key);
|
|
7719
7807
|
}
|
|
7720
|
-
return (t, n) => (G(), K("tbody",
|
|
7808
|
+
return (t, n) => (G(), K("tbody", Jf, [(G(!0), K(W, null, B(e.data, (t, r) => (G(), K(W, { key: t.key }, [e.groupBy && (r === 0 || t[e.groupBy] !== e.data[r - 1][e.groupBy]) ? (G(), K("tr", {
|
|
7721
7809
|
key: 0,
|
|
7722
7810
|
"aria-rowindex": e.startIndex + r + 2
|
|
7723
|
-
}, [e.bulkSelectionEnabled ? (G(), K("td",
|
|
7811
|
+
}, [e.bulkSelectionEnabled ? (G(), K("td", Xf)) : Z("", !0), J("td", {
|
|
7724
7812
|
colspan: e.columns.length,
|
|
7725
7813
|
class: "table-group-row"
|
|
7726
|
-
}, [e.groupRender ? (G(), q(ni(e.groupRender(t[e.groupBy], t)), { key: 0 })) : (G(), K(W, { key: 1 }, [X(A(t[e.groupBy]), 1)], 64))], 8,
|
|
7814
|
+
}, [e.groupRender ? (G(), q(ni(e.groupRender(t[e.groupBy], t)), { key: 0 })) : (G(), K(W, { key: 1 }, [X(A(t[e.groupBy]), 1)], 64))], 8, Zf)], 8, Yf)) : Z("", !0), J("tr", {
|
|
7727
7815
|
class: k([
|
|
7728
7816
|
"efficient-table-row",
|
|
7729
7817
|
{
|
|
@@ -7746,7 +7834,7 @@ var Vd = ["id", "for"], Hd = {
|
|
|
7746
7834
|
"aria-label": `Select row ${t.key}`,
|
|
7747
7835
|
name: `row-${t.key}-checkbox`,
|
|
7748
7836
|
class: "g-bulk-select-checkbox"
|
|
7749
|
-
}, null, 8,
|
|
7837
|
+
}, null, 8, $f)])) : Z("", !0), (G(!0), K(W, null, B(e.columns, (n) => (G(), K("td", {
|
|
7750
7838
|
key: n.key,
|
|
7751
7839
|
id: d(n) ? `${e.tableId}-td-${t.key}-${String(n.key)}` : void 0,
|
|
7752
7840
|
class: k([
|
|
@@ -7755,8 +7843,8 @@ var Vd = ["id", "for"], Hd = {
|
|
|
7755
7843
|
p(t, n) ? "g-cell-error" : "",
|
|
7756
7844
|
typeof n.tdClass == "function" ? n.tdClass(t) : n.tdClass
|
|
7757
7845
|
])
|
|
7758
|
-
}, [n.editable ? (G(), K("div",
|
|
7759
|
-
n.editable.prefix ? (G(), K("span",
|
|
7846
|
+
}, [n.editable ? (G(), K("div", tp, [
|
|
7847
|
+
n.editable.prefix ? (G(), K("span", np, A(n.editable.prefix), 1)) : Z("", !0),
|
|
7760
7848
|
n.editable.type === "select" ? (G(), K("select", {
|
|
7761
7849
|
key: 1,
|
|
7762
7850
|
value: t[n.key],
|
|
@@ -7768,7 +7856,7 @@ var Vd = ["id", "for"], Hd = {
|
|
|
7768
7856
|
}, [(G(!0), K(W, null, B(n.editable.options, (e) => (G(), K("option", {
|
|
7769
7857
|
key: e.value,
|
|
7770
7858
|
value: e.value
|
|
7771
|
-
}, A(e.label), 9,
|
|
7859
|
+
}, A(e.label), 9, ip))), 128))], 40, rp)) : (G(), K("input", Va({
|
|
7772
7860
|
key: 2,
|
|
7773
7861
|
value: t[n.key]
|
|
7774
7862
|
}, { ref_for: !0 }, n.editable.inputAttributes, {
|
|
@@ -7782,29 +7870,29 @@ var Vd = ["id", "for"], Hd = {
|
|
|
7782
7870
|
paddingLeft: n.editable.prefix ? "1.5rem" : void 0,
|
|
7783
7871
|
paddingRight: n.editable.suffix ? "2rem" : void 0
|
|
7784
7872
|
}
|
|
7785
|
-
}), null, 16,
|
|
7786
|
-
n.editable.suffix ? (G(), K("span",
|
|
7873
|
+
}), null, 16, ap)),
|
|
7874
|
+
n.editable.suffix ? (G(), K("span", op, A(n.editable.suffix), 1)) : Z("", !0)
|
|
7787
7875
|
])) : n.display ? (G(), q(ni(n.display(t)), { key: 1 })) : (G(), K(W, { key: 2 }, [X(A(t[n.key]), 1)], 64)), p(t, n) ? (G(), K("div", {
|
|
7788
7876
|
key: 3,
|
|
7789
7877
|
role: "alert",
|
|
7790
7878
|
class: "g-cell-error-message",
|
|
7791
7879
|
id: `${e.tableId}-error-${t.key}-${String(n.key)}`
|
|
7792
|
-
}, A(m(t, n)), 9,
|
|
7880
|
+
}, A(m(t, n)), 9, sp)) : Z("", !0)], 10, ep))), 128))], 42, Qf)], 64))), 128))], 512));
|
|
7793
7881
|
}
|
|
7794
7882
|
}), [["styles", [""]]]);
|
|
7795
7883
|
//#endregion
|
|
7796
7884
|
//#region src/compose/useFiltering.ts
|
|
7797
|
-
function
|
|
7885
|
+
function lp(e) {
|
|
7798
7886
|
if (!(Array.isArray(e) && e.length === 0) && !(e === null || e === !1 || e === "")) return e;
|
|
7799
7887
|
}
|
|
7800
|
-
function
|
|
7888
|
+
function up(e) {
|
|
7801
7889
|
let t = {};
|
|
7802
7890
|
return Object.keys(e).forEach((n) => {
|
|
7803
7891
|
let r = e[n];
|
|
7804
7892
|
r != null && r !== "" && r !== !1 && (Array.isArray(r) ? r.length > 0 && (t[n] = r.map((e) => String(e))) : t[n] = String(r));
|
|
7805
7893
|
}), t;
|
|
7806
7894
|
}
|
|
7807
|
-
function
|
|
7895
|
+
function dp(e, t = {}) {
|
|
7808
7896
|
let n = /* @__PURE__ */ Ht(Object.fromEntries(Object.entries(e).map(([e, t]) => [e, t]))), r = t.syncWith;
|
|
7809
7897
|
if (r) {
|
|
7810
7898
|
if (r.value) {
|
|
@@ -7817,13 +7905,13 @@ function up(e, t = {}) {
|
|
|
7817
7905
|
});
|
|
7818
7906
|
}
|
|
7819
7907
|
L(n, (e) => {
|
|
7820
|
-
r.value =
|
|
7908
|
+
r.value = up(e);
|
|
7821
7909
|
}, { deep: !0 });
|
|
7822
7910
|
}
|
|
7823
7911
|
return {
|
|
7824
7912
|
filters: n,
|
|
7825
7913
|
isFiltered: Q(() => {
|
|
7826
|
-
for (let t of Object.keys(e)) if (
|
|
7914
|
+
for (let t of Object.keys(e)) if (lp(n[t])) return !0;
|
|
7827
7915
|
return !1;
|
|
7828
7916
|
}),
|
|
7829
7917
|
clearFilters: () => {
|
|
@@ -7833,48 +7921,48 @@ function up(e, t = {}) {
|
|
|
7833
7921
|
},
|
|
7834
7922
|
filteredColumns: Q(() => {
|
|
7835
7923
|
let t = {};
|
|
7836
|
-
for (let r of Object.keys(e)) t[r] = !!
|
|
7924
|
+
for (let r of Object.keys(e)) t[r] = !!lp(n[r]);
|
|
7837
7925
|
return t;
|
|
7838
7926
|
})
|
|
7839
7927
|
};
|
|
7840
7928
|
}
|
|
7841
7929
|
//#endregion
|
|
7842
7930
|
//#region src/components/GTable.vue?vue&type=script&setup=true&lang.ts
|
|
7843
|
-
var
|
|
7931
|
+
var fp = { class: "g-table-outer-wrap" }, pp = {
|
|
7844
7932
|
key: 0,
|
|
7845
7933
|
class: "g-table-controls"
|
|
7846
|
-
},
|
|
7934
|
+
}, mp = { class: "g-clear-filters-wrap" }, hp = {
|
|
7847
7935
|
key: 0,
|
|
7848
7936
|
class: "pagination"
|
|
7849
|
-
},
|
|
7937
|
+
}, gp = { class: "g-result-count" }, _p = ["aria-label", "aria-rowcount"], vp = { class: "g-table-head" }, yp = { "aria-rowindex": "1" }, bp = {
|
|
7850
7938
|
key: 0,
|
|
7851
7939
|
scope: "col",
|
|
7852
7940
|
class: "g-th g-th-checkbox"
|
|
7853
|
-
},
|
|
7941
|
+
}, xp = [
|
|
7854
7942
|
"checked",
|
|
7855
7943
|
"indeterminate",
|
|
7856
7944
|
"aria-label"
|
|
7857
|
-
],
|
|
7945
|
+
], Sp = ["id", "aria-sort"], Cp = { class: "th-inner" }, wp = ["onClick"], Tp = {
|
|
7858
7946
|
key: 0,
|
|
7859
7947
|
class: "sort-indicator"
|
|
7860
|
-
},
|
|
7948
|
+
}, Ep = ["aria-label"], Dp = {
|
|
7861
7949
|
key: 1,
|
|
7862
7950
|
class: "g-column-head"
|
|
7863
|
-
},
|
|
7951
|
+
}, Op = ["onClick", "aria-label"], kp = { key: 1 }, Ap = { class: "g-filter-toggle" }, jp = [
|
|
7864
7952
|
"onUpdate:modelValue",
|
|
7865
7953
|
"id",
|
|
7866
7954
|
"aria-describedby"
|
|
7867
|
-
],
|
|
7955
|
+
], Mp = ["for"], Np = ["id"], Pp = {
|
|
7868
7956
|
key: 3,
|
|
7869
7957
|
class: "g-multi-select"
|
|
7870
|
-
},
|
|
7958
|
+
}, Fp = [
|
|
7871
7959
|
"onUpdate:modelValue",
|
|
7872
7960
|
"id",
|
|
7873
7961
|
"value"
|
|
7874
|
-
],
|
|
7962
|
+
], Ip = ["for"], Lp = {
|
|
7875
7963
|
key: 1,
|
|
7876
7964
|
class: "g-bulk-actions-toolbar"
|
|
7877
|
-
},
|
|
7965
|
+
}, Rp = { class: "g-selected-count" }, zp = { class: "g-bulk-actions" }, Bp = /*#__PURE__*/ $(/* @__PURE__ */ R({
|
|
7878
7966
|
__name: "GTable",
|
|
7879
7967
|
props: /*@__PURE__*/ H({
|
|
7880
7968
|
label: { type: String },
|
|
@@ -7926,7 +8014,7 @@ var dp = { class: "g-table-outer-wrap" }, fp = {
|
|
|
7926
8014
|
e.sortable && (n.value === e.key ? r.value === 1 ? r.value = -1 : r.value === -1 && (n.value = void 0, r.value = 1) : (n.value = e.key, r.value = 1));
|
|
7927
8015
|
}
|
|
7928
8016
|
let l = o.filtering;
|
|
7929
|
-
l ||=
|
|
8017
|
+
l ||= dp({});
|
|
7930
8018
|
let { filters: u, filteredColumns: d, isFiltered: f, clearFilters: p } = l, m = Q(() => o.data.map((e) => e.key)), h = Q(() => a.value.filter((e) => m.value.includes(e))), g = Q(() => !o.bulkSelectionEnabled || o.data.length === 0 ? !1 : h.value.length === m.value.length), _ = Q(() => !o.bulkSelectionEnabled || o.data.length === 0 ? !1 : h.value.length > 0 && h.value.length < m.value.length), v = /* @__PURE__ */ N(null);
|
|
7931
8019
|
function y() {
|
|
7932
8020
|
if (g.value) a.value = a.value.filter((e) => !m.value.includes(e));
|
|
@@ -7972,9 +8060,9 @@ var dp = { class: "g-table-outer-wrap" }, fp = {
|
|
|
7972
8060
|
let e = i.value[t.key];
|
|
7973
8061
|
i.value[t.key] = e ? [e] : [];
|
|
7974
8062
|
}
|
|
7975
|
-
}, { immediate: !0 }), (t, s) => (G(), K("div",
|
|
7976
|
-
ee.value ? (G(), K("div",
|
|
7977
|
-
J("div",
|
|
8063
|
+
}, { immediate: !0 }), (t, s) => (G(), K("div", fp, [
|
|
8064
|
+
ee.value ? (G(), K("div", pp, [
|
|
8065
|
+
J("div", mp, [P(f) ? (G(), q(ru, {
|
|
7978
8066
|
key: 0,
|
|
7979
8067
|
outlined: "",
|
|
7980
8068
|
size: "small",
|
|
@@ -7992,22 +8080,22 @@ var dp = { class: "g-table-outer-wrap" }, fp = {
|
|
|
7992
8080
|
})], -1), J("span", { class: "g-clear-filters-text" }, " Clear Filters ", -1)]]),
|
|
7993
8081
|
_: 1
|
|
7994
8082
|
}, 8, ["onClick"])) : Z("", !0)]),
|
|
7995
|
-
E.value ? (G(), K("div",
|
|
7996
|
-
J("span",
|
|
8083
|
+
E.value ? (G(), K("div", hp, [V(t.$slots, "pagination")])) : Z("", !0),
|
|
8084
|
+
J("span", gp, A(o.resultCount || e.data.length) + " results", 1)
|
|
7997
8085
|
])) : Z("", !0),
|
|
7998
8086
|
J("table", {
|
|
7999
8087
|
class: "g-table",
|
|
8000
8088
|
ref: "tableRef",
|
|
8001
8089
|
"aria-label": e.label,
|
|
8002
8090
|
"aria-rowcount": o.resultCount || e.data.length
|
|
8003
|
-
}, [J("thead",
|
|
8091
|
+
}, [J("thead", vp, [J("tr", yp, [e.bulkSelectionEnabled ? (G(), K("th", bp, [J("input", {
|
|
8004
8092
|
type: "checkbox",
|
|
8005
8093
|
checked: g.value,
|
|
8006
8094
|
indeterminate: _.value,
|
|
8007
8095
|
onChange: y,
|
|
8008
8096
|
"aria-label": g.value ? "Deselect all rows" : "Select all rows",
|
|
8009
8097
|
class: "g-bulk-select-checkbox"
|
|
8010
|
-
}, null, 40,
|
|
8098
|
+
}, null, 40, xp)])) : Z("", !0), (G(!0), K(W, null, B(e.columns, (e) => (G(), K("th", {
|
|
8011
8099
|
key: e.key,
|
|
8012
8100
|
id: `${P(w)}-th-${String(e.key)}`,
|
|
8013
8101
|
"aria-sort": n.value === e.key ? r.value === 1 ? "ascending" : "descending" : "none",
|
|
@@ -8017,12 +8105,12 @@ var dp = { class: "g-table-outer-wrap" }, fp = {
|
|
|
8017
8105
|
{ filtered: P(d)[e.key] }
|
|
8018
8106
|
]),
|
|
8019
8107
|
scope: "col"
|
|
8020
|
-
}, [J("div",
|
|
8108
|
+
}, [J("div", Cp, [e.sortable ? (G(), K("button", {
|
|
8021
8109
|
key: 0,
|
|
8022
8110
|
type: "button",
|
|
8023
8111
|
class: "g-column-head",
|
|
8024
8112
|
onClick: (t) => c(e)
|
|
8025
|
-
}, [X(A(e.label) + " ", 1), n.value === e.key ? (G(), K("span",
|
|
8113
|
+
}, [X(A(e.label) + " ", 1), n.value === e.key ? (G(), K("span", Tp, [(G(), K("svg", {
|
|
8026
8114
|
xmlns: "http://www.w3.org/2000/svg",
|
|
8027
8115
|
viewBox: "0 0 640 640",
|
|
8028
8116
|
height: "1.5em",
|
|
@@ -8032,7 +8120,7 @@ var dp = { class: "g-table-outer-wrap" }, fp = {
|
|
|
8032
8120
|
}, [...s[1] ||= [J("path", {
|
|
8033
8121
|
fill: "currentColor",
|
|
8034
8122
|
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"
|
|
8035
|
-
}, null, -1)]], 12,
|
|
8123
|
+
}, null, -1)]], 12, Ep))])) : Z("", !0)], 8, wp)) : (G(), K("span", Dp, A(e.label), 1)), e.filter ? (G(), q(of, { key: 2 }, {
|
|
8036
8124
|
trigger: I(({ toggle: t }) => [J("button", {
|
|
8037
8125
|
onClick: As(t, ["stop"]),
|
|
8038
8126
|
"aria-label": P(d)[e.key] ? "Column Filtered" : "Filter Column",
|
|
@@ -8046,7 +8134,7 @@ var dp = { class: "g-table-outer-wrap" }, fp = {
|
|
|
8046
8134
|
}, [J("path", {
|
|
8047
8135
|
fill: "currentColor",
|
|
8048
8136
|
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"
|
|
8049
|
-
})], -1)]], 10,
|
|
8137
|
+
})], -1)]], 10, Op)]),
|
|
8050
8138
|
default: I(() => [e.filter.type === "select" ? (G(), q(Mf, {
|
|
8051
8139
|
key: 0,
|
|
8052
8140
|
modelValue: i.value[e.key],
|
|
@@ -8060,19 +8148,19 @@ var dp = { class: "g-table-outer-wrap" }, fp = {
|
|
|
8060
8148
|
"modelValue",
|
|
8061
8149
|
"onUpdate:modelValue",
|
|
8062
8150
|
"options"
|
|
8063
|
-
])) : e.filter.type === "toggle" ? (G(), K("div",
|
|
8151
|
+
])) : e.filter.type === "toggle" ? (G(), K("div", kp, [J("div", Ap, [
|
|
8064
8152
|
Wn(J("input", {
|
|
8065
8153
|
type: "checkbox",
|
|
8066
8154
|
"onUpdate:modelValue": (t) => i.value[e.key] = t,
|
|
8067
8155
|
id: `${P(w)}-filter-${String(e.key)}`,
|
|
8068
8156
|
"aria-describedby": e.filter.description ? `${P(w)}-filter-description-${String(e.key)}` : void 0
|
|
8069
|
-
}, null, 8,
|
|
8070
|
-
J("label", { for: `${P(w)}-filter-${String(e.key)}` }, A(e.filter.label), 9,
|
|
8157
|
+
}, null, 8, jp), [[ws, i.value[e.key]]]),
|
|
8158
|
+
J("label", { for: `${P(w)}-filter-${String(e.key)}` }, A(e.filter.label), 9, Mp),
|
|
8071
8159
|
e.filter.description ? (G(), K("span", {
|
|
8072
8160
|
key: 0,
|
|
8073
8161
|
class: "g-filter-description",
|
|
8074
8162
|
id: `${P(w)}-filter-description-${String(e.key)}`
|
|
8075
|
-
}, A(e.filter.description), 9,
|
|
8163
|
+
}, A(e.filter.description), 9, Np)) : Z("", !0)
|
|
8076
8164
|
])])) : e.filter.type === "multi-select" && e.filter.searchable ? (G(), q($d, {
|
|
8077
8165
|
key: 2,
|
|
8078
8166
|
modelValue: i.value[e.key],
|
|
@@ -8086,7 +8174,7 @@ var dp = { class: "g-table-outer-wrap" }, fp = {
|
|
|
8086
8174
|
"onUpdate:modelValue",
|
|
8087
8175
|
"options",
|
|
8088
8176
|
"placeholder"
|
|
8089
|
-
])) : e.filter.type === "multi-select" ? (G(), K("fieldset",
|
|
8177
|
+
])) : e.filter.type === "multi-select" ? (G(), K("fieldset", Pp, [
|
|
8090
8178
|
s[4] ||= J("legend", { class: "g-multi-select-legend" }, " Include values ", -1),
|
|
8091
8179
|
(G(!0), K(W, null, B(e.filter.options, (t) => (G(), K("div", { key: t.value }, [Wn(J("input", {
|
|
8092
8180
|
type: "checkbox",
|
|
@@ -8094,7 +8182,7 @@ var dp = { class: "g-table-outer-wrap" }, fp = {
|
|
|
8094
8182
|
id: `filter-${String(e.key)}-${t.value}`,
|
|
8095
8183
|
value: t.value,
|
|
8096
8184
|
name: "filter-multiselect"
|
|
8097
|
-
}, null, 8,
|
|
8185
|
+
}, null, 8, Fp), [[ws, i.value[e.key]]]), J("label", { for: `filter-${String(e.key)}-${t.value}` }, A(t.label), 9, Ip)]))), 128)),
|
|
8098
8186
|
i.value[e.key] && i.value[e.key].length ? (G(), q(ru, {
|
|
8099
8187
|
key: 0,
|
|
8100
8188
|
class: "clear-multiselect-btn",
|
|
@@ -8107,7 +8195,7 @@ var dp = { class: "g-table-outer-wrap" }, fp = {
|
|
|
8107
8195
|
}, 8, ["onClick"])) : Z("", !0)
|
|
8108
8196
|
])) : Z("", !0)]),
|
|
8109
8197
|
_: 2
|
|
8110
|
-
}, 1024)) : Z("", !0)])], 10,
|
|
8198
|
+
}, 1024)) : Z("", !0)])], 10, Sp))), 128))])]), Y(cp, {
|
|
8111
8199
|
data: e.data,
|
|
8112
8200
|
columns: e.columns,
|
|
8113
8201
|
"group-by": e.groupBy,
|
|
@@ -8134,8 +8222,8 @@ var dp = { class: "g-table-outer-wrap" }, fp = {
|
|
|
8134
8222
|
"selected-rows",
|
|
8135
8223
|
"table-id",
|
|
8136
8224
|
"change-tracker"
|
|
8137
|
-
])], 8,
|
|
8138
|
-
e.bulkSelectionEnabled && a.value.length > 0 ? (G(), K("div",
|
|
8225
|
+
])], 8, _p),
|
|
8226
|
+
e.bulkSelectionEnabled && a.value.length > 0 ? (G(), K("div", Lp, [J("span", Rp, A(a.value.length) + " row" + A(a.value.length === 1 ? "" : "s") + " selected", 1), J("ul", zp, [(G(!0), K(W, null, B(e.bulkActions, (e) => (G(), K("li", { key: e.id }, [Y(ru, {
|
|
8139
8227
|
theme: e.theme || "accent",
|
|
8140
8228
|
onClick: (t) => S(e.id),
|
|
8141
8229
|
size: "small"
|
|
@@ -8145,10 +8233,10 @@ var dp = { class: "g-table-outer-wrap" }, fp = {
|
|
|
8145
8233
|
}, 1032, ["theme", "onClick"])]))), 128))])])) : Z("", !0)
|
|
8146
8234
|
]));
|
|
8147
8235
|
}
|
|
8148
|
-
}), [["styles", [""]]]),
|
|
8236
|
+
}), [["styles", [""]]]), Vp = {
|
|
8149
8237
|
class: "g-pagination",
|
|
8150
8238
|
"aria-label": "Pagination"
|
|
8151
|
-
},
|
|
8239
|
+
}, Hp = ["disabled"], Up = ["disabled"], Wp = { class: "page-range" }, Gp = ["disabled"], Kp = ["disabled"], qp = ["value"], Jp = ["value"], Yp = /*#__PURE__*/ $(/* @__PURE__ */ R({
|
|
8152
8240
|
__name: "GTablePagination",
|
|
8153
8241
|
props: /*@__PURE__*/ H({
|
|
8154
8242
|
start: { type: Number },
|
|
@@ -8170,7 +8258,7 @@ var dp = { class: "g-table-outer-wrap" }, fp = {
|
|
|
8170
8258
|
function d(e) {
|
|
8171
8259
|
i.value = parseInt(e.target.value, 10);
|
|
8172
8260
|
}
|
|
8173
|
-
return (e, r) => (G(), K("nav",
|
|
8261
|
+
return (e, r) => (G(), K("nav", Vp, [
|
|
8174
8262
|
J("button", {
|
|
8175
8263
|
class: "first-page g-pagination-button",
|
|
8176
8264
|
disabled: l.value === 1,
|
|
@@ -8195,7 +8283,7 @@ var dp = { class: "g-table-outer-wrap" }, fp = {
|
|
|
8195
8283
|
}),
|
|
8196
8284
|
J("path", { d: "M11 7l-5 5l5 5" }),
|
|
8197
8285
|
J("path", { d: "M17 7l-5 5l5 5" })
|
|
8198
|
-
], -1)]], 8,
|
|
8286
|
+
], -1)]], 8, Hp),
|
|
8199
8287
|
J("button", {
|
|
8200
8288
|
class: "prev-page g-pagination-button",
|
|
8201
8289
|
disabled: l.value === 1,
|
|
@@ -8216,8 +8304,8 @@ var dp = { class: "g-table-outer-wrap" }, fp = {
|
|
|
8216
8304
|
stroke: "none",
|
|
8217
8305
|
d: "M0 0h24v24H0z",
|
|
8218
8306
|
fill: "none"
|
|
8219
|
-
}), J("path", { d: "M15 6l-6 6l6 6" })], -1)]], 8,
|
|
8220
|
-
J("span",
|
|
8307
|
+
}), J("path", { d: "M15 6l-6 6l6 6" })], -1)]], 8, Up),
|
|
8308
|
+
J("span", Wp, A(s.value) + " to " + A(c.value), 1),
|
|
8221
8309
|
J("button", {
|
|
8222
8310
|
class: "next-page g-pagination-button",
|
|
8223
8311
|
disabled: l.value === n.value,
|
|
@@ -8238,7 +8326,7 @@ var dp = { class: "g-table-outer-wrap" }, fp = {
|
|
|
8238
8326
|
stroke: "none",
|
|
8239
8327
|
d: "M0 0h24v24H0z",
|
|
8240
8328
|
fill: "none"
|
|
8241
|
-
}), J("path", { d: "M9 6l6 6l-6 6" })], -1)]], 8,
|
|
8329
|
+
}), J("path", { d: "M9 6l6 6l-6 6" })], -1)]], 8, Gp),
|
|
8242
8330
|
J("button", {
|
|
8243
8331
|
class: "last-page g-pagination-button",
|
|
8244
8332
|
disabled: l.value === n.value,
|
|
@@ -8263,7 +8351,7 @@ var dp = { class: "g-table-outer-wrap" }, fp = {
|
|
|
8263
8351
|
}),
|
|
8264
8352
|
J("path", { d: "M7 7l5 5l-5 5" }),
|
|
8265
8353
|
J("path", { d: "M13 7l5 5l-5 5" })
|
|
8266
|
-
], -1)]], 8,
|
|
8354
|
+
], -1)]], 8, Kp),
|
|
8267
8355
|
J("select", {
|
|
8268
8356
|
id: "page-size-select",
|
|
8269
8357
|
class: "page-size-select",
|
|
@@ -8277,14 +8365,14 @@ var dp = { class: "g-table-outer-wrap" }, fp = {
|
|
|
8277
8365
|
], (e) => (G(), K("option", {
|
|
8278
8366
|
key: e,
|
|
8279
8367
|
value: e
|
|
8280
|
-
}, A(e), 9,
|
|
8368
|
+
}, A(e), 9, Jp))), 128))], 40, qp),
|
|
8281
8369
|
r[8] ||= J("label", {
|
|
8282
8370
|
class: "page-size-label",
|
|
8283
8371
|
for: "page-size-select"
|
|
8284
8372
|
}, "per page", -1)
|
|
8285
8373
|
]));
|
|
8286
8374
|
}
|
|
8287
|
-
}), [["styles", [""]]]),
|
|
8375
|
+
}), [["styles", [""]]]), Xp = { class: "popover-content" }, Zp = { class: "year-dropdown" }, Qp = { class: "month-selector" }, $p = /*#__PURE__*/ $(/* @__PURE__ */ R({
|
|
8288
8376
|
__name: "GTermSelectorControl",
|
|
8289
8377
|
props: /*@__PURE__*/ H({
|
|
8290
8378
|
termYears: {
|
|
@@ -8317,7 +8405,7 @@ var dp = { class: "g-table-outer-wrap" }, fp = {
|
|
|
8317
8405
|
emits: ["update:modelValue"],
|
|
8318
8406
|
setup(e) {
|
|
8319
8407
|
let t = U(e, "modelValue");
|
|
8320
|
-
return (n, r) => (G(), K("div",
|
|
8408
|
+
return (n, r) => (G(), K("div", Xp, [J("div", Zp, [Y(Mf, {
|
|
8321
8409
|
modelValue: t.value.year,
|
|
8322
8410
|
"onUpdate:modelValue": r[0] ||= (e) => t.value.year = e,
|
|
8323
8411
|
options: e.termYears,
|
|
@@ -8326,7 +8414,7 @@ var dp = { class: "g-table-outer-wrap" }, fp = {
|
|
|
8326
8414
|
"modelValue",
|
|
8327
8415
|
"options",
|
|
8328
8416
|
"label"
|
|
8329
|
-
])]), J("div",
|
|
8417
|
+
])]), J("div", Qp, [Y(zf, {
|
|
8330
8418
|
modelValue: t.value.name,
|
|
8331
8419
|
"onUpdate:modelValue": r[1] ||= (e) => t.value.name = e,
|
|
8332
8420
|
options: e.termNames,
|
|
@@ -8338,10 +8426,10 @@ var dp = { class: "g-table-outer-wrap" }, fp = {
|
|
|
8338
8426
|
"label"
|
|
8339
8427
|
])])]));
|
|
8340
8428
|
}
|
|
8341
|
-
}), [["styles", [""]]]),
|
|
8429
|
+
}), [["styles", [""]]]), em = { class: "g-term-selector" }, tm = { class: "g-term-label" }, nm = {
|
|
8342
8430
|
class: "g-popover-title",
|
|
8343
8431
|
tabindex: "-1"
|
|
8344
|
-
},
|
|
8432
|
+
}, rm = /*#__PURE__*/ $(/* @__PURE__ */ R({
|
|
8345
8433
|
__name: "GTermSelector",
|
|
8346
8434
|
props: /*@__PURE__*/ H({
|
|
8347
8435
|
heading: {
|
|
@@ -8372,7 +8460,7 @@ var dp = { class: "g-table-outer-wrap" }, fp = {
|
|
|
8372
8460
|
emits: ["update:modelValue"],
|
|
8373
8461
|
setup(e) {
|
|
8374
8462
|
let t = U(e, "modelValue");
|
|
8375
|
-
return (n, r) => (G(), K("div",
|
|
8463
|
+
return (n, r) => (G(), K("div", em, [Y(of, null, {
|
|
8376
8464
|
trigger: I(({ toggle: e }) => [Y(ru, {
|
|
8377
8465
|
class: "g-term-selector-button",
|
|
8378
8466
|
theme: "none",
|
|
@@ -8385,7 +8473,7 @@ var dp = { class: "g-table-outer-wrap" }, fp = {
|
|
|
8385
8473
|
xmlns: "http://www.w3.org/2000/svg",
|
|
8386
8474
|
viewBox: "0 0 640 640"
|
|
8387
8475
|
}, [J("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),
|
|
8388
|
-
J("span",
|
|
8476
|
+
J("span", tm, A(t.value?.name) + " " + A(t.value?.year), 1),
|
|
8389
8477
|
r[1] ||= J("span", { class: "g-caret" }, [J("svg", {
|
|
8390
8478
|
role: "none presentation",
|
|
8391
8479
|
xmlns: "http://www.w3.org/2000/svg",
|
|
@@ -8394,15 +8482,15 @@ var dp = { class: "g-table-outer-wrap" }, fp = {
|
|
|
8394
8482
|
]),
|
|
8395
8483
|
_: 1
|
|
8396
8484
|
}, 8, ["onClick"])]),
|
|
8397
|
-
default: I(() => [J("h2",
|
|
8485
|
+
default: I(() => [J("h2", nm, A(e.heading), 1), Y($p, ge(Ia(n.$props)), null, 16)]),
|
|
8398
8486
|
_: 1
|
|
8399
8487
|
})]));
|
|
8400
8488
|
}
|
|
8401
|
-
}), [["styles", [""]]]),
|
|
8489
|
+
}), [["styles", [""]]]), im = ["for"], am = {
|
|
8402
8490
|
key: 0,
|
|
8403
8491
|
class: "g-textarea-required",
|
|
8404
8492
|
"aria-hidden": "true"
|
|
8405
|
-
},
|
|
8493
|
+
}, om = ["id"], sm = [
|
|
8406
8494
|
"value",
|
|
8407
8495
|
"placeholder",
|
|
8408
8496
|
"disabled",
|
|
@@ -8411,11 +8499,11 @@ var dp = { class: "g-table-outer-wrap" }, fp = {
|
|
|
8411
8499
|
"rows",
|
|
8412
8500
|
"maxlength",
|
|
8413
8501
|
"aria-invalid"
|
|
8414
|
-
],
|
|
8502
|
+
], cm = {
|
|
8415
8503
|
key: 2,
|
|
8416
8504
|
class: "g-textarea-char-count",
|
|
8417
8505
|
"aria-live": "polite"
|
|
8418
|
-
},
|
|
8506
|
+
}, lm = /*#__PURE__*/ $(/* @__PURE__ */ R({
|
|
8419
8507
|
inheritAttrs: !1,
|
|
8420
8508
|
__name: "GTextarea",
|
|
8421
8509
|
props: /*@__PURE__*/ H({
|
|
@@ -8512,12 +8600,12 @@ var dp = { class: "g-table-outer-wrap" }, fp = {
|
|
|
8512
8600
|
key: 0,
|
|
8513
8601
|
for: c.value,
|
|
8514
8602
|
class: "g-textarea-label"
|
|
8515
|
-
}, [X(A(n.label), 1), n.required ? (G(), K("span",
|
|
8603
|
+
}, [X(A(n.label), 1), n.required ? (G(), K("span", am, " *")) : Z("", !0)], 8, im)) : Z("", !0),
|
|
8516
8604
|
t.$slots.instructions || e.instructions ? (G(), K("div", {
|
|
8517
8605
|
key: 1,
|
|
8518
8606
|
id: "instructions-" + P(i),
|
|
8519
8607
|
class: "g-textarea-instructions"
|
|
8520
|
-
}, [V(t.$slots, "instructions", {}, () => [X(A(e.instructions), 1)])], 8,
|
|
8608
|
+
}, [V(t.$slots, "instructions", {}, () => [X(A(e.instructions), 1)])], 8, om)) : Z("", !0),
|
|
8521
8609
|
J("textarea", Va({
|
|
8522
8610
|
ref: "textareaEl",
|
|
8523
8611
|
value: r.value ?? "",
|
|
@@ -8538,36 +8626,36 @@ var dp = { class: "g-table-outer-wrap" }, fp = {
|
|
|
8538
8626
|
onInput: h,
|
|
8539
8627
|
onBlur: g,
|
|
8540
8628
|
onPaste: _
|
|
8541
|
-
}), null, 16,
|
|
8542
|
-
n.maxlength === void 0 ? Z("", !0) : (G(), K("div",
|
|
8629
|
+
}), null, 16, sm),
|
|
8630
|
+
n.maxlength === void 0 ? Z("", !0) : (G(), K("div", cm, A((r.value ?? "").length) + " / " + A(n.maxlength), 1)),
|
|
8543
8631
|
Y(Su, {
|
|
8544
8632
|
errors: P(l),
|
|
8545
8633
|
id: "error-message-" + P(i)
|
|
8546
8634
|
}, null, 8, ["errors", "id"])
|
|
8547
8635
|
], 2));
|
|
8548
8636
|
}
|
|
8549
|
-
}), [["styles", [""]]]),
|
|
8637
|
+
}), [["styles", [""]]]), um = { class: "g-three-way-toggle-wrapper" }, dm = { class: "g-three-way-toggle-control" }, fm = ["id"], pm = [
|
|
8550
8638
|
"aria-labelledby",
|
|
8551
8639
|
"aria-describedby",
|
|
8552
8640
|
"disabled",
|
|
8553
8641
|
"aria-invalid",
|
|
8554
8642
|
"aria-errormessage"
|
|
8555
|
-
],
|
|
8643
|
+
], mm = { key: 0 }, hm = { key: 1 }, gm = { key: 2 }, _m = ["for"], vm = [
|
|
8556
8644
|
"id",
|
|
8557
8645
|
"name",
|
|
8558
8646
|
"checked",
|
|
8559
8647
|
"disabled"
|
|
8560
|
-
],
|
|
8648
|
+
], ym = ["for"], bm = [
|
|
8561
8649
|
"id",
|
|
8562
8650
|
"name",
|
|
8563
8651
|
"checked",
|
|
8564
8652
|
"disabled"
|
|
8565
|
-
],
|
|
8653
|
+
], xm = ["for"], Sm = [
|
|
8566
8654
|
"id",
|
|
8567
8655
|
"name",
|
|
8568
8656
|
"checked",
|
|
8569
8657
|
"disabled"
|
|
8570
|
-
],
|
|
8658
|
+
], Cm = ["id"], wm = /*#__PURE__*/ $(/* @__PURE__ */ R({
|
|
8571
8659
|
__name: "GThreeWayToggle",
|
|
8572
8660
|
props: /*@__PURE__*/ H({
|
|
8573
8661
|
label: { type: String },
|
|
@@ -8601,10 +8689,10 @@ var dp = { class: "g-table-outer-wrap" }, fp = {
|
|
|
8601
8689
|
function m(e) {
|
|
8602
8690
|
n.disabled || (e.key === "n" || e.key === "N" ? (a(!1), e.preventDefault()) : (e.key === "y" || e.key === "Y") && (a(!0), e.preventDefault()));
|
|
8603
8691
|
}
|
|
8604
|
-
return (t, n) => (G(), K("div",
|
|
8692
|
+
return (t, n) => (G(), K("div", um, [J("div", dm, [J("span", {
|
|
8605
8693
|
class: "g-label",
|
|
8606
8694
|
id: P(c)
|
|
8607
|
-
}, [V(t.$slots, "label", {}, () => [X(A(e.label), 1)])], 8,
|
|
8695
|
+
}, [V(t.$slots, "label", {}, () => [X(A(e.label), 1)])], 8, fm), J("fieldset", {
|
|
8608
8696
|
class: k(["g-three-way-toggle", { "g-has-error": e.error }]),
|
|
8609
8697
|
role: "radiogroup",
|
|
8610
8698
|
"aria-labelledby": P(c),
|
|
@@ -8616,7 +8704,7 @@ var dp = { class: "g-table-outer-wrap" }, fp = {
|
|
|
8616
8704
|
J("span", {
|
|
8617
8705
|
class: k(["g-toggle-thumb", p.value]),
|
|
8618
8706
|
"aria-hidden": "true"
|
|
8619
|
-
}, [r.value === !1 ? (G(), K("span",
|
|
8707
|
+
}, [r.value === !1 ? (G(), K("span", mm, "NO")) : r.value === !0 ? (G(), K("span", hm, "YES")) : (G(), K("span", gm))], 2),
|
|
8620
8708
|
J("label", {
|
|
8621
8709
|
for: P(u),
|
|
8622
8710
|
class: "g-toggle-option g-left",
|
|
@@ -8630,7 +8718,7 @@ var dp = { class: "g-table-outer-wrap" }, fp = {
|
|
|
8630
8718
|
value: "false",
|
|
8631
8719
|
disabled: e.disabled,
|
|
8632
8720
|
onChange: n[0] ||= (e) => o(!1)
|
|
8633
|
-
}, null, 40,
|
|
8721
|
+
}, null, 40, vm), n[5] ||= J("span", { class: "ilw-sr-only" }, "No", -1)], 40, _m),
|
|
8634
8722
|
J("label", {
|
|
8635
8723
|
for: P(d),
|
|
8636
8724
|
class: "g-toggle-option g-center",
|
|
@@ -8642,7 +8730,7 @@ var dp = { class: "g-table-outer-wrap" }, fp = {
|
|
|
8642
8730
|
checked: r.value === null,
|
|
8643
8731
|
disabled: e.disabled,
|
|
8644
8732
|
onChange: n[2] ||= (e) => o(null)
|
|
8645
|
-
}, null, 40,
|
|
8733
|
+
}, null, 40, bm), n[6] ||= J("span", { class: "ilw-sr-only" }, "Unset", -1)], 40, ym),
|
|
8646
8734
|
J("label", {
|
|
8647
8735
|
for: P(f),
|
|
8648
8736
|
class: "g-toggle-option g-right",
|
|
@@ -8656,98 +8744,16 @@ var dp = { class: "g-table-outer-wrap" }, fp = {
|
|
|
8656
8744
|
checked: r.value === !0,
|
|
8657
8745
|
disabled: e.disabled,
|
|
8658
8746
|
onChange: n[3] ||= (e) => o(!0)
|
|
8659
|
-
}, null, 40,
|
|
8660
|
-
], 2)], 10,
|
|
8747
|
+
}, null, 40, Sm), n[7] ||= J("span", { class: "ilw-sr-only" }, "Yes", -1)], 40, xm)
|
|
8748
|
+
], 2)], 10, pm)]), e.error ? (G(), K("div", {
|
|
8661
8749
|
key: 0,
|
|
8662
8750
|
id: `${P(c)}-error`,
|
|
8663
8751
|
class: "g-form-error",
|
|
8664
8752
|
role: "alert",
|
|
8665
8753
|
"aria-atomic": "true"
|
|
8666
|
-
}, A(e.error), 9,
|
|
8754
|
+
}, A(e.error), 9, Cm)) : Z("", !0)]));
|
|
8667
8755
|
}
|
|
8668
|
-
}), [["styles", [""]]])
|
|
8669
|
-
//#endregion
|
|
8670
|
-
//#region src/compose/useScrollRestore.ts
|
|
8671
|
-
function wm(e, t) {
|
|
8672
|
-
let n = t ? Gc(`${t}:scroll`, 0, { writeDefaults: !1 }) : null, r = /* @__PURE__ */ N(!!(n?.value && n.value > 0)), i = null, a = null, o = null, s = !1;
|
|
8673
|
-
function c(e) {
|
|
8674
|
-
if (typeof window > "u") return null;
|
|
8675
|
-
let t = e.parentElement;
|
|
8676
|
-
for (; t && t !== document.documentElement && t !== document.body;) {
|
|
8677
|
-
let e = window.getComputedStyle(t);
|
|
8678
|
-
if (e.overflowY === "auto" || e.overflowY === "scroll") return t;
|
|
8679
|
-
t = t.parentElement;
|
|
8680
|
-
}
|
|
8681
|
-
return null;
|
|
8682
|
-
}
|
|
8683
|
-
function l() {
|
|
8684
|
-
n && i && (n.value = i.scrollTop);
|
|
8685
|
-
}
|
|
8686
|
-
function u() {
|
|
8687
|
-
a &&= (a.disconnect(), null), o &&= (o.disconnect(), null);
|
|
8688
|
-
}
|
|
8689
|
-
function d() {
|
|
8690
|
-
r.value = !1;
|
|
8691
|
-
}
|
|
8692
|
-
function f() {
|
|
8693
|
-
return !e.value || !i ? !1 : e.value.getClientRects().length > 0 && i.getClientRects().length > 0 && i.clientHeight > 0;
|
|
8694
|
-
}
|
|
8695
|
-
function p() {
|
|
8696
|
-
if (!n || !i || s) {
|
|
8697
|
-
d();
|
|
8698
|
-
return;
|
|
8699
|
-
}
|
|
8700
|
-
if (n.value <= 0) {
|
|
8701
|
-
d();
|
|
8702
|
-
return;
|
|
8703
|
-
}
|
|
8704
|
-
if (f()) {
|
|
8705
|
-
if (i.scrollHeight - i.clientHeight <= 0) {
|
|
8706
|
-
d(), u();
|
|
8707
|
-
return;
|
|
8708
|
-
}
|
|
8709
|
-
i.scrollTop = n.value, s = i.scrollTop > 0, s && (d(), u());
|
|
8710
|
-
}
|
|
8711
|
-
}
|
|
8712
|
-
function m(e) {
|
|
8713
|
-
if (typeof MutationObserver > "u") return;
|
|
8714
|
-
o = new MutationObserver(() => {
|
|
8715
|
-
p();
|
|
8716
|
-
});
|
|
8717
|
-
let t = e;
|
|
8718
|
-
for (; t;) o.observe(t, {
|
|
8719
|
-
attributes: !0,
|
|
8720
|
-
attributeFilter: [
|
|
8721
|
-
"class",
|
|
8722
|
-
"style",
|
|
8723
|
-
"hidden",
|
|
8724
|
-
"open"
|
|
8725
|
-
]
|
|
8726
|
-
}), t = t.parentElement;
|
|
8727
|
-
}
|
|
8728
|
-
return Gr(() => {
|
|
8729
|
-
if (!e.value) {
|
|
8730
|
-
d();
|
|
8731
|
-
return;
|
|
8732
|
-
}
|
|
8733
|
-
if (!n) {
|
|
8734
|
-
d();
|
|
8735
|
-
return;
|
|
8736
|
-
}
|
|
8737
|
-
if (i = c(e.value), !i) {
|
|
8738
|
-
d();
|
|
8739
|
-
return;
|
|
8740
|
-
}
|
|
8741
|
-
p(), r.value && (typeof ResizeObserver < "u" && (a = new ResizeObserver(() => {
|
|
8742
|
-
p();
|
|
8743
|
-
}), a.observe(e.value), a.observe(i)), m(e.value)), i.addEventListener("scroll", l);
|
|
8744
|
-
}), Yr(() => {
|
|
8745
|
-
u(), i &&= (i.removeEventListener("scroll", l), null), s = !1;
|
|
8746
|
-
}), { isPendingScrollRestore: r };
|
|
8747
|
-
}
|
|
8748
|
-
//#endregion
|
|
8749
|
-
//#region src/components/GTreeMenu.vue?vue&type=script&setup=true&lang.ts
|
|
8750
|
-
var Tm = { class: "g-tree-menu__divider" }, Em = {
|
|
8756
|
+
}), [["styles", [""]]]), Tm = { class: "g-tree-menu__divider" }, Em = {
|
|
8751
8757
|
key: 0,
|
|
8752
8758
|
class: "g-tree-menu__divider-line"
|
|
8753
8759
|
}, Dm = {
|
|
@@ -8782,31 +8788,31 @@ var Tm = { class: "g-tree-menu__divider" }, Em = {
|
|
|
8782
8788
|
setup(e) {
|
|
8783
8789
|
let t = e, n = z();
|
|
8784
8790
|
Kn("g-tree-menu-list-type", t.listType), Kn("g-tree-menu-expanded-storage", t.storageKey ? Gc(t.storageKey, {}) : null);
|
|
8785
|
-
let
|
|
8786
|
-
Kn("g-tree-menu-expandable-items",
|
|
8787
|
-
let
|
|
8791
|
+
let r = /* @__PURE__ */ Ht(/* @__PURE__ */ new Map());
|
|
8792
|
+
Kn("g-tree-menu-expandable-items", r);
|
|
8793
|
+
let i = /* @__PURE__ */ N({
|
|
8788
8794
|
expanded: !0,
|
|
8789
8795
|
version: 0
|
|
8790
8796
|
});
|
|
8791
|
-
Kn("g-tree-menu-expand-all-signal",
|
|
8792
|
-
let
|
|
8793
|
-
if (
|
|
8794
|
-
for (let e of
|
|
8797
|
+
Kn("g-tree-menu-expand-all-signal", i);
|
|
8798
|
+
let a = Q(() => {
|
|
8799
|
+
if (r.size === 0) return !1;
|
|
8800
|
+
for (let e of r.values()) if (!e) return !1;
|
|
8795
8801
|
return !0;
|
|
8796
8802
|
});
|
|
8797
|
-
function
|
|
8798
|
-
|
|
8799
|
-
expanded: !
|
|
8800
|
-
version:
|
|
8803
|
+
function o() {
|
|
8804
|
+
i.value = {
|
|
8805
|
+
expanded: !a.value,
|
|
8806
|
+
version: i.value.version + 1
|
|
8801
8807
|
};
|
|
8802
8808
|
}
|
|
8803
|
-
function
|
|
8809
|
+
function s(e) {
|
|
8804
8810
|
return e.querySelector("a, button, [tabindex='0']") || e;
|
|
8805
8811
|
}
|
|
8806
|
-
function
|
|
8812
|
+
function c(e) {
|
|
8807
8813
|
return Array.from(e.querySelectorAll("[data-tree-primary]"));
|
|
8808
8814
|
}
|
|
8809
|
-
function
|
|
8815
|
+
function l(e) {
|
|
8810
8816
|
let t = e.currentTarget, n = document.activeElement;
|
|
8811
8817
|
if (!t.contains(n) || ![
|
|
8812
8818
|
"ArrowUp",
|
|
@@ -8816,16 +8822,16 @@ var Tm = { class: "g-tree-menu__divider" }, Em = {
|
|
|
8816
8822
|
"Home",
|
|
8817
8823
|
"End"
|
|
8818
8824
|
].includes(e.key)) return;
|
|
8819
|
-
let r = n.closest(".g-tree-menu__item"), i = r?.querySelector("[data-tree-primary]") ?? null, a =
|
|
8825
|
+
let r = n.closest(".g-tree-menu__item"), i = r?.querySelector("[data-tree-primary]") ?? null, a = c(t), o = i ? a.indexOf(i) : -1;
|
|
8820
8826
|
switch (e.key) {
|
|
8821
8827
|
case "ArrowDown": {
|
|
8822
8828
|
let e = a[o + 1];
|
|
8823
|
-
e &&
|
|
8829
|
+
e && s(e).focus();
|
|
8824
8830
|
break;
|
|
8825
8831
|
}
|
|
8826
8832
|
case "ArrowUp": {
|
|
8827
8833
|
let e = a[o - 1];
|
|
8828
|
-
e &&
|
|
8834
|
+
e && s(e).focus();
|
|
8829
8835
|
break;
|
|
8830
8836
|
}
|
|
8831
8837
|
case "ArrowRight":
|
|
@@ -8835,42 +8841,35 @@ var Tm = { class: "g-tree-menu__divider" }, Em = {
|
|
|
8835
8841
|
e && e.click();
|
|
8836
8842
|
} else {
|
|
8837
8843
|
let e = a[o + 1];
|
|
8838
|
-
e &&
|
|
8844
|
+
e && s(e).focus();
|
|
8839
8845
|
}
|
|
8840
8846
|
break;
|
|
8841
8847
|
case "ArrowLeft":
|
|
8842
8848
|
if (!r) break;
|
|
8843
8849
|
if (r.querySelector("[aria-expanded='true']") !== null) {
|
|
8844
8850
|
let e = r.querySelector(".g-tree-menu__toggle-btn");
|
|
8845
|
-
e && e.click(), i && F(() =>
|
|
8851
|
+
e && e.click(), i && F(() => s(i).focus());
|
|
8846
8852
|
} else {
|
|
8847
8853
|
let e = r.parentElement?.closest(".g-tree-menu__item");
|
|
8848
8854
|
if (e) {
|
|
8849
8855
|
let t = e.querySelector("[data-tree-primary]");
|
|
8850
|
-
t &&
|
|
8856
|
+
t && s(t).focus();
|
|
8851
8857
|
}
|
|
8852
8858
|
}
|
|
8853
8859
|
break;
|
|
8854
8860
|
case "Home":
|
|
8855
|
-
a.length > 0 &&
|
|
8861
|
+
a.length > 0 && s(a[0]).focus();
|
|
8856
8862
|
break;
|
|
8857
8863
|
case "End":
|
|
8858
|
-
a.length > 0 &&
|
|
8864
|
+
a.length > 0 && s(a[a.length - 1]).focus();
|
|
8859
8865
|
break;
|
|
8860
8866
|
}
|
|
8861
8867
|
e.preventDefault();
|
|
8862
8868
|
}
|
|
8863
|
-
return (
|
|
8864
|
-
ref: "nav-el",
|
|
8865
|
-
class: ["g-tree-menu", [
|
|
8866
|
-
`g-tree-menu--${t.theme}`,
|
|
8867
|
-
{ "g-tree-menu--restore-pending": P(r) },
|
|
8868
|
-
{ "g-tree-menu--small-heading": e.smallHeading }
|
|
8869
|
-
]]
|
|
8870
|
-
}, {
|
|
8869
|
+
return (r, i) => (G(), K("nav", Va({ class: ["g-tree-menu", [`g-tree-menu--${t.theme}`, { "g-tree-menu--small-heading": e.smallHeading }]] }, {
|
|
8871
8870
|
"aria-labelledby": e.heading ? P(n) : void 0,
|
|
8872
8871
|
"aria-label": e.heading ? void 0 : "Tree Menu"
|
|
8873
|
-
}, { onKeydown:
|
|
8872
|
+
}, { onKeydown: l }), [
|
|
8874
8873
|
e.heading ? (G(), q(ni(e.headingLevel), {
|
|
8875
8874
|
key: 0,
|
|
8876
8875
|
id: P(n),
|
|
@@ -8881,9 +8880,9 @@ var Tm = { class: "g-tree-menu__divider" }, Em = {
|
|
|
8881
8880
|
}, 8, ["id"])) : Z("", !0),
|
|
8882
8881
|
J("div", Tm, [e.smallHeading ? Z("", !0) : (G(), K("div", Em)), e.showExpandAll ? (G(), K("div", Dm, [J("button", {
|
|
8883
8882
|
class: "g-tree-menu__expand-all-btn",
|
|
8884
|
-
onClick:
|
|
8883
|
+
onClick: o
|
|
8885
8884
|
}, [(G(), K("svg", {
|
|
8886
|
-
class: k(["g-tree-menu__expand-all-icon", { "g-tree-menu__expand-all-icon--collapse":
|
|
8885
|
+
class: k(["g-tree-menu__expand-all-icon", { "g-tree-menu__expand-all-icon--collapse": a.value }]),
|
|
8887
8886
|
role: "none",
|
|
8888
8887
|
viewBox: "0 0 24 24",
|
|
8889
8888
|
fill: "none",
|
|
@@ -8891,8 +8890,8 @@ var Tm = { class: "g-tree-menu__divider" }, Em = {
|
|
|
8891
8890
|
"stroke-width": "2.5",
|
|
8892
8891
|
"stroke-linecap": "round",
|
|
8893
8892
|
"stroke-linejoin": "round"
|
|
8894
|
-
}, [...
|
|
8895
|
-
J("div", Om, [V(
|
|
8893
|
+
}, [...i[0] ||= [J("polyline", { points: "7 8 12 13 17 8" }, null, -1), J("polyline", { points: "7 13 12 18 17 13" }, null, -1)]], 2)), X(" " + A(a.value ? "Collapse all" : "Expand all"), 1)])])) : Z("", !0)]),
|
|
8894
|
+
J("div", Om, [V(r.$slots, "default")])
|
|
8896
8895
|
], 16));
|
|
8897
8896
|
}
|
|
8898
8897
|
}), [["styles", [""]]]), Am = /*#__PURE__*/ $(/* @__PURE__ */ R({
|
|
@@ -9106,17 +9105,17 @@ var Hm = {
|
|
|
9106
9105
|
["g-search", Sf],
|
|
9107
9106
|
["g-select", Mf],
|
|
9108
9107
|
["g-select-button", zf],
|
|
9109
|
-
["g-sidebar",
|
|
9110
|
-
["g-sidebar-menu",
|
|
9111
|
-
["g-submit-button",
|
|
9112
|
-
["g-table",
|
|
9113
|
-
["g-table-body",
|
|
9114
|
-
["g-table-pagination",
|
|
9115
|
-
["g-term-selector",
|
|
9116
|
-
["g-term-selector-control",
|
|
9108
|
+
["g-sidebar", Hf],
|
|
9109
|
+
["g-sidebar-menu", Kf],
|
|
9110
|
+
["g-submit-button", qf],
|
|
9111
|
+
["g-table", Bp],
|
|
9112
|
+
["g-table-body", cp],
|
|
9113
|
+
["g-table-pagination", Yp],
|
|
9114
|
+
["g-term-selector", rm],
|
|
9115
|
+
["g-term-selector-control", $p],
|
|
9117
9116
|
["g-text-input", Zu],
|
|
9118
|
-
["g-textarea",
|
|
9119
|
-
["g-three-way-toggle",
|
|
9117
|
+
["g-textarea", lm],
|
|
9118
|
+
["g-three-way-toggle", wm],
|
|
9120
9119
|
["g-tree-menu", km],
|
|
9121
9120
|
["g-tree-menu-list", Am],
|
|
9122
9121
|
["g-tree-menu-item", Fm],
|