@illinois-grad/grad-vue 7.2.0 → 7.2.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/{grad-vue-Cx1uTli6.js → grad-vue-DLfX6V2j.js} +15 -74
- package/dist/{grad-vue-Cx1uTli6.js.map → grad-vue-DLfX6V2j.js.map} +1 -1
- package/dist/grad-vue-elements.css +29 -29
- package/dist/grad-vue-elements.js +26 -120
- package/dist/grad-vue-elements.js.map +1 -1
- package/dist/grad-vue.js +1 -2
- package/dist/plugin.js +1 -1
- package/package.json +4 -4
|
@@ -231,11 +231,7 @@ var N, ke = /* @__PURE__ */ new WeakSet(), Ae = class {
|
|
|
231
231
|
}
|
|
232
232
|
}, je = 0, Me, Ne;
|
|
233
233
|
function Pe(e, t = !1) {
|
|
234
|
-
|
|
235
|
-
e.next = Ne, Ne = e;
|
|
236
|
-
return;
|
|
237
|
-
}
|
|
238
|
-
e.next = Me, Me = e;
|
|
234
|
+
e.flags |= 8, t ? (e.next = Ne, Ne = e) : (e.next = Me, Me = e);
|
|
239
235
|
}
|
|
240
236
|
function Fe() {
|
|
241
237
|
je++;
|
|
@@ -2468,29 +2464,15 @@ function fa(e, i) {
|
|
|
2468
2464
|
}
|
|
2469
2465
|
}, fe = (e, t, n, r, i = null) => {
|
|
2470
2466
|
let { el: a, type: c, transition: l, children: u, shapeFlag: d } = e;
|
|
2471
|
-
if (d & 6)
|
|
2472
|
-
|
|
2473
|
-
|
|
2474
|
-
|
|
2475
|
-
if (d & 128) {
|
|
2476
|
-
e.suspense.move(t, n, r);
|
|
2477
|
-
return;
|
|
2478
|
-
}
|
|
2479
|
-
if (d & 64) {
|
|
2480
|
-
c.move(e, t, n, be);
|
|
2481
|
-
return;
|
|
2482
|
-
}
|
|
2483
|
-
if (c === W) {
|
|
2467
|
+
if (d & 6) fe(e.component.subTree, t, n, r);
|
|
2468
|
+
else if (d & 128) e.suspense.move(t, n, r);
|
|
2469
|
+
else if (d & 64) c.move(e, t, n, be);
|
|
2470
|
+
else if (c === W) {
|
|
2484
2471
|
o(a, t, n);
|
|
2485
2472
|
for (let e = 0; e < u.length; e++) fe(u[e], t, n, r);
|
|
2486
2473
|
o(e.anchor, t, n);
|
|
2487
|
-
|
|
2488
|
-
|
|
2489
|
-
if (c === Ta) {
|
|
2490
|
-
S(e, t, n);
|
|
2491
|
-
return;
|
|
2492
|
-
}
|
|
2493
|
-
if (r !== 2 && d & 1 && l) {
|
|
2474
|
+
} else if (c === Ta) S(e, t, n);
|
|
2475
|
+
else if (r !== 2 && d & 1 && l) {
|
|
2494
2476
|
if (r === 0) l.persisted && !a[hr] ? o(a, t, n) : (l.beforeEnter(a), o(a, t, n), ua(() => l.enter(a), i));
|
|
2495
2477
|
else {
|
|
2496
2478
|
let { leave: r, delayLeave: i, afterLeave: c } = l, u = () => {
|
|
@@ -3848,9 +3830,7 @@ function Cc(e, t = {}) {
|
|
|
3848
3830
|
let t = e.includes("not all"), n = e.match(/\(\s*min-width:\s*(-?\d+(?:\.\d*)?[a-z]+\s*)\)/), i = e.match(/\(\s*max-width:\s*(-?\d+(?:\.\d*)?[a-z]+\s*)\)/), a = !!(n || i);
|
|
3849
3831
|
return n && a && (a = r >= rc(n[1])), i && a && (a = r <= rc(i[1])), t ? !a : a;
|
|
3850
3832
|
});
|
|
3851
|
-
|
|
3852
|
-
}
|
|
3853
|
-
i.value && (o.value = n.matchMedia(nn(e)), s.value = o.value.matches);
|
|
3833
|
+
} else i.value && (o.value = n.matchMedia(nn(e)), s.value = o.value.matches);
|
|
3854
3834
|
}), hc(o, "change", (e) => {
|
|
3855
3835
|
s.value = e.matches;
|
|
3856
3836
|
}, { passive: !0 }), Q(() => s.value);
|
|
@@ -4040,11 +4020,8 @@ function Pc(e, t, n, r = {}) {
|
|
|
4040
4020
|
}
|
|
4041
4021
|
function T(e) {
|
|
4042
4022
|
if (!(e && e.storageArea !== n)) {
|
|
4043
|
-
if (e && e.key == null)
|
|
4044
|
-
|
|
4045
|
-
return;
|
|
4046
|
-
}
|
|
4047
|
-
if (!(e && e.key !== h.value)) {
|
|
4023
|
+
if (e && e.key == null) m.value = g;
|
|
4024
|
+
else if (!(e && e.key !== h.value)) {
|
|
4048
4025
|
y();
|
|
4049
4026
|
try {
|
|
4050
4027
|
let t = v.write(m.value);
|
|
@@ -4528,13 +4505,7 @@ var Ml = {
|
|
|
4528
4505
|
return e.posTabIndexesFound;
|
|
4529
4506
|
}) && a.containerGroups.length > 1) throw Error("At least one node with a positive tabindex was found in one of your focus-trap's multiple containers. Positive tabindexes are only supported in single-container focus-traps.");
|
|
4530
4507
|
}, p = function(e) {
|
|
4531
|
-
|
|
4532
|
-
if (!e || !e.focus) {
|
|
4533
|
-
p(d());
|
|
4534
|
-
return;
|
|
4535
|
-
}
|
|
4536
|
-
e.focus({ preventScroll: !!i.preventScroll }), a.mostRecentlyFocusedNode = e, Nl(e) && e.select();
|
|
4537
|
-
}
|
|
4508
|
+
e !== !1 && e !== u(document) && (!e || !e.focus ? p(d()) : (e.focus({ preventScroll: !!i.preventScroll }), a.mostRecentlyFocusedNode = e, Nl(e) && e.select()));
|
|
4538
4509
|
}, m = function(e) {
|
|
4539
4510
|
var t = l("setReturnFocus", { params: [e] });
|
|
4540
4511
|
return t || t !== !1 && e;
|
|
@@ -4567,13 +4538,7 @@ var Ml = {
|
|
|
4567
4538
|
} else s = l("fallbackFocus");
|
|
4568
4539
|
return s;
|
|
4569
4540
|
}, g = function(e) {
|
|
4570
|
-
|
|
4571
|
-
if (zl(i.clickOutsideDeactivates, e)) {
|
|
4572
|
-
o.deactivate({ returnFocus: i.returnFocusOnDeactivate });
|
|
4573
|
-
return;
|
|
4574
|
-
}
|
|
4575
|
-
zl(i.allowOutsideClick, e) || e.preventDefault();
|
|
4576
|
-
}
|
|
4541
|
+
c(Bl(e), e) >= 0 || (zl(i.clickOutsideDeactivates, e) ? o.deactivate({ returnFocus: i.returnFocusOnDeactivate }) : zl(i.allowOutsideClick, e) || e.preventDefault());
|
|
4577
4542
|
}, _ = function(e) {
|
|
4578
4543
|
var t = Bl(e), n = c(t, e) >= 0;
|
|
4579
4544
|
if (n || t instanceof Document) n && (a.mostRecentlyFocusedNode = t);
|
|
@@ -4998,11 +4963,7 @@ var Zl = { class: "g-btn--icon" }, Ql = { class: "g-btn--label" }, $l = /*@__PUR
|
|
|
4998
4963
|
}
|
|
4999
4964
|
]);
|
|
5000
4965
|
function s(e) {
|
|
5001
|
-
|
|
5002
|
-
e.preventDefault(), e.stopPropagation();
|
|
5003
|
-
return;
|
|
5004
|
-
}
|
|
5005
|
-
i("click", e);
|
|
4966
|
+
n.disabled ? (e.preventDefault(), e.stopPropagation()) : i("click", e);
|
|
5006
4967
|
}
|
|
5007
4968
|
return (t, i) => (G(), q(ni(n.component ? n.component : "button"), Ha(I(a), {
|
|
5008
4969
|
to: n.to,
|
|
@@ -5420,25 +5381,13 @@ var du = /* @__PURE__ */ z({
|
|
|
5420
5381
|
s.value !== e && (s.value = e, a("update:modelValue", e));
|
|
5421
5382
|
}
|
|
5422
5383
|
function d() {
|
|
5423
|
-
|
|
5424
|
-
u(!0);
|
|
5425
|
-
return;
|
|
5426
|
-
}
|
|
5427
|
-
i?.open && (i.open.value = !0);
|
|
5384
|
+
o.value ? u(!0) : i?.open && (i.open.value = !0);
|
|
5428
5385
|
}
|
|
5429
5386
|
function f() {
|
|
5430
|
-
|
|
5431
|
-
u(!1);
|
|
5432
|
-
return;
|
|
5433
|
-
}
|
|
5434
|
-
i?.open && (i.open.value = !1);
|
|
5387
|
+
o.value ? u(!1) : i?.open && (i.open.value = !1);
|
|
5435
5388
|
}
|
|
5436
5389
|
function p() {
|
|
5437
|
-
|
|
5438
|
-
u(!s.value);
|
|
5439
|
-
return;
|
|
5440
|
-
}
|
|
5441
|
-
i?.toggle();
|
|
5390
|
+
a("toggle"), o.value ? u(!s.value) : i?.toggle();
|
|
5442
5391
|
}
|
|
5443
5392
|
function m(e) {
|
|
5444
5393
|
e.key === "Escape" && f();
|
|
@@ -5558,9 +5507,7 @@ var du = /* @__PURE__ */ z({
|
|
|
5558
5507
|
if (e) {
|
|
5559
5508
|
if (t < 0) return;
|
|
5560
5509
|
await jn(), r.value?.show(), await r.value?.focusItem(t);
|
|
5561
|
-
|
|
5562
|
-
}
|
|
5563
|
-
r.value?.hide(), !(t < 0) && (await jn(), a(t));
|
|
5510
|
+
} else r.value?.hide(), !(t < 0) && (await jn(), a(t));
|
|
5564
5511
|
}
|
|
5565
5512
|
}), (i, a) => (G(), K("header", { class: j(["g-app-header", { "g-app-header--no-app-controls": !i.$slots["app-controls"] }]) }, [
|
|
5566
5513
|
a[1] ||= J("div", { class: "g-app-header__background" }, [J("div", { class: "g-app-header__background-pattern" }), J("div", { class: "g-app-header__background-gradient" })], -1),
|
|
@@ -7105,11 +7052,7 @@ var Kd = ["id", "for"], qd = {
|
|
|
7105
7052
|
u.value = !1, d.value = !1;
|
|
7106
7053
|
}
|
|
7107
7054
|
function S() {
|
|
7108
|
-
|
|
7109
|
-
x();
|
|
7110
|
-
return;
|
|
7111
|
-
}
|
|
7112
|
-
b();
|
|
7055
|
+
u.value || d.value ? x() : b();
|
|
7113
7056
|
}
|
|
7114
7057
|
function C(e) {
|
|
7115
7058
|
g !== e && (w(), g = e, g && (g.addEventListener("mouseenter", T), g.addEventListener("mouseleave", E), g.addEventListener("focusin", ee), g.addEventListener("focusout", D), g.addEventListener("keydown", te)));
|
|
@@ -7141,13 +7084,9 @@ var Kd = ["id", "for"], qd = {
|
|
|
7141
7084
|
}, { immediate: !0 }), R(() => r.text, (e) => {
|
|
7142
7085
|
l.value && (l.value.textContent = e);
|
|
7143
7086
|
}), R(() => u.value || d.value, (e) => {
|
|
7144
|
-
|
|
7145
|
-
v(), l.value && g && Zu(g, l.value), p ||= (window.addEventListener("scroll", y, { capture: !0 }), !0);
|
|
7146
|
-
return;
|
|
7147
|
-
}
|
|
7148
|
-
p &&= (window.removeEventListener("scroll", y, { capture: !0 }), !1), l.value && (Qu(l.value), m && clearTimeout(m), m = window.setTimeout(() => {
|
|
7087
|
+
e ? (v(), l.value && g && Zu(g, l.value), p ||= (window.addEventListener("scroll", y, { capture: !0 }), !0)) : (p &&= (window.removeEventListener("scroll", y, { capture: !0 }), !1), l.value && (Qu(l.value), m && clearTimeout(m), m = window.setTimeout(() => {
|
|
7149
7088
|
i("tooltip-hide");
|
|
7150
|
-
}, 150));
|
|
7089
|
+
}, 150)));
|
|
7151
7090
|
}), Jr(() => {
|
|
7152
7091
|
p && window.removeEventListener("scroll", y, { capture: !0 }), f && f.disconnect(), l.value &&= (l.value.remove(), null), m && clearTimeout(m), o.value && g && g.removeAttribute("aria-describedby"), w();
|
|
7153
7092
|
}), t({
|
|
@@ -7522,11 +7461,7 @@ var Kd = ["id", "for"], qd = {
|
|
|
7522
7461
|
}
|
|
7523
7462
|
function ee(e) {
|
|
7524
7463
|
let t = e.relatedTarget;
|
|
7525
|
-
|
|
7526
|
-
d.value = !1;
|
|
7527
|
-
return;
|
|
7528
|
-
}
|
|
7529
|
-
t && s.value && s.value.contains(t) || (n.searchable && (b.value = ""), w());
|
|
7464
|
+
d.value ? d.value = !1 : t && s.value && s.value.contains(t) || (n.searchable && (b.value = ""), w());
|
|
7530
7465
|
}
|
|
7531
7466
|
function D(e) {
|
|
7532
7467
|
let t = x.value[e];
|
|
@@ -7545,11 +7480,8 @@ var Kd = ["id", "for"], qd = {
|
|
|
7545
7480
|
"ArrowUp",
|
|
7546
7481
|
"Enter",
|
|
7547
7482
|
" "
|
|
7548
|
-
].includes(e.key))
|
|
7549
|
-
|
|
7550
|
-
return;
|
|
7551
|
-
}
|
|
7552
|
-
switch (e.key) {
|
|
7483
|
+
].includes(e.key)) e.preventDefault(), C();
|
|
7484
|
+
else switch (e.key) {
|
|
7553
7485
|
case "ArrowDown":
|
|
7554
7486
|
e.preventDefault(), l.value ? (u.value = Math.min(t, u.value + 1), v()) : C();
|
|
7555
7487
|
break;
|
|
@@ -7833,21 +7765,7 @@ function Kf(e, t) {
|
|
|
7833
7765
|
return !e.value || !i ? !1 : e.value.getClientRects().length > 0 && i.getClientRects().length > 0 && i.clientHeight > 0;
|
|
7834
7766
|
}
|
|
7835
7767
|
function m() {
|
|
7836
|
-
|
|
7837
|
-
f();
|
|
7838
|
-
return;
|
|
7839
|
-
}
|
|
7840
|
-
if (n.value <= 0) {
|
|
7841
|
-
f();
|
|
7842
|
-
return;
|
|
7843
|
-
}
|
|
7844
|
-
if (p()) {
|
|
7845
|
-
if (i.scrollHeight - i.clientHeight <= 0) {
|
|
7846
|
-
f(), d();
|
|
7847
|
-
return;
|
|
7848
|
-
}
|
|
7849
|
-
i.scrollTop = n.value, s = i.scrollTop > 0, s && (f(), d());
|
|
7850
|
-
}
|
|
7768
|
+
!n || !i || s || n.value <= 0 ? f() : p() && (i.scrollHeight - i.clientHeight <= 0 ? (f(), d()) : (i.scrollTop = n.value, s = i.scrollTop > 0, s && (f(), d())));
|
|
7851
7769
|
}
|
|
7852
7770
|
function h(e) {
|
|
7853
7771
|
if (typeof MutationObserver > "u") return;
|
|
@@ -7866,21 +7784,9 @@ function Kf(e, t) {
|
|
|
7866
7784
|
}), t = t.parentElement;
|
|
7867
7785
|
}
|
|
7868
7786
|
return Gr(() => {
|
|
7869
|
-
|
|
7870
|
-
f();
|
|
7871
|
-
return;
|
|
7872
|
-
}
|
|
7873
|
-
if (!n) {
|
|
7874
|
-
f();
|
|
7875
|
-
return;
|
|
7876
|
-
}
|
|
7877
|
-
if (i = l(e.value), !i) {
|
|
7878
|
-
f();
|
|
7879
|
-
return;
|
|
7880
|
-
}
|
|
7881
|
-
m(), typeof ResizeObserver < "u" && (a = new ResizeObserver(() => {
|
|
7787
|
+
e.value && n ? (i = l(e.value), i ? (m(), typeof ResizeObserver < "u" && (a = new ResizeObserver(() => {
|
|
7882
7788
|
m();
|
|
7883
|
-
}), a.observe(e.value), a.observe(i)), h(e.value), i.addEventListener("scroll", u);
|
|
7789
|
+
}), a.observe(e.value), a.observe(i)), h(e.value), i.addEventListener("scroll", u)) : f()) : f();
|
|
7884
7790
|
}), Yr(() => {
|
|
7885
7791
|
d(), i &&= (i.removeEventListener("scroll", u), null), s = !1;
|
|
7886
7792
|
}), { isPendingScrollRestore: r };
|