@illinois-grad/grad-vue 6.0.6 → 6.0.8

package/custom-elements.json

@@ -2951,9 +2951,18 @@
               "type": {
                 "text": "string"
               },
-              "optional": false,
+              "optional": true,
               "description": "Accessible label"
             },
+            {
+              "kind": "field",
+              "name": "externalLabel",
+              "type": {
+                "text": "string"
+              },
+              "optional": true,
+              "description": "ID of an externally provided label element"
+            },
             {
               "kind": "field",
               "name": "describedby",

package/dist/components/GToggle.vue.d.ts

@@ -18,7 +18,11 @@ declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<{
      * Accessible label
      * @demo Toggle
      */
-    label: string;
+    label?: string;
+    /**
+     * ID of an externally provided label element
+     */
+    externalLabel?: string;
     /**
      * ID of an element that describes the input
      */
@@ -42,7 +46,11 @@ declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<{
      * Accessible label
      * @demo Toggle
      */
-    label: string;
+    label?: string;
+    /**
+     * ID of an externally provided label element
+     */
+    externalLabel?: string;
     /**
      * ID of an element that describes the input
      */

package/dist/{grad-vue-HOjq8hB5.js → grad-vue-DfQuQs4s.js}

@@ -4915,17 +4915,19 @@ var xi = { class: "g-table-outer-wrap" }, Si = {
 			}, null, 8, ["errors", "id"])
 		], 2));
 	}
-}), Oo = { class: "g-toggle-wrapper" }, ko = { class: "g-toggle-control" }, Ao = ["for"], jo = [
+}), Oo = { class: "g-toggle-wrapper" }, ko = ["for"], Ao = [
 	"id",
 	"checked",
 	"disabled",
+	"aria-labelledby",
 	"aria-describedby",
 	"aria-invalid",
 	"aria-errormessage"
-], Mo = ["id"], No = /* @__PURE__ */ u({
+], jo = ["id"], Mo = /* @__PURE__ */ u({
 	__name: "GToggle",
 	props: /*@__PURE__*/ m({
 		label: {},
+		externalLabel: {},
 		describedby: {},
 		error: {},
 		disabled: { type: Boolean }
@@ -4956,10 +4958,11 @@ var xi = { class: "g-table-outer-wrap" }, Si = {
 			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()));
 		}
 		let p = z(), m = z();
-		return (t, n) => (w(), o("div", Oo, [s("div", ko, [s("label", {
+		return (t, n) => (w(), o("div", Oo, [s("div", { class: _(["g-toggle-control", { "g-external-label": e.externalLabel }]) }, [e.externalLabel ? a("", !0) : (w(), o("label", {
+			key: 0,
 			class: "g-label",
 			for: L(m)
-		}, [k(t.$slots, "label", {}, () => [c(N(e.label), 1)])], 8, Ao), s("div", { class: _(["g-toggle", { "g-has-error": e.error }]) }, [s("div", { class: _(["g-toggle-track", [r.value ? "g-right" : "g-left", { "g-disabled": e.disabled }]]) }, [s("span", {
+		}, [k(t.$slots, "label", {}, () => [c(N(e.label), 1)])], 8, ko)), s("div", { class: _(["g-toggle", { "g-has-error": e.error }]) }, [s("div", { class: _(["g-toggle-track", [r.value ? "g-right" : "g-left", { "g-disabled": e.disabled }]]) }, [s("span", {
 			class: _(["g-toggle-thumb", r.value ? "g-right" : "g-left"]),
 			"aria-hidden": "true"
 		}, null, 2), s("input", {
@@ -4967,23 +4970,24 @@ var xi = { class: "g-table-outer-wrap" }, Si = {
 			type: "checkbox",
 			checked: r.value,
 			disabled: e.disabled,
+			"aria-labelledby": e.externalLabel,
 			"aria-describedby": e.describedby,
 			"aria-invalid": e.error ? "true" : void 0,
 			"aria-errormessage": e.error ? L(p) + "-error" : void 0,
 			onChange: d,
 			onKeydown: f
-		}, null, 40, jo)], 2)], 2)]), e.error ? (w(), o("div", {
+		}, null, 40, Ao)], 2)], 2)], 2), e.error ? (w(), o("div", {
 			key: 0,
 			id: `${L(p)}-error`,
 			class: "g-form-error",
 			role: "alert",
 			"aria-atomic": "true"
-		}, N(e.error), 9, Mo)) : a("", !0)]));
+		}, N(e.error), 9, jo)) : a("", !0)]));
 	}
 });
 //#endregion
 //#region src/compose/useActiveLink.ts
-function Po(e, t, n) {
+function No(e, t, n) {
 	let r = [
 		0,
 		.25,
@@ -5020,7 +5024,7 @@ function Po(e, t, n) {
 }
 //#endregion
 //#region src/compose/useSidebar.ts
-function Fo(e = "(max-width: 800px)") {
+function Po(e = "(max-width: 800px)") {
 	let t = z(), n = D(!1), r = ue(e, { ssrWidth: 1e3 });
 	function i(e) {
 		if (!r.value || !n.value) return;
@@ -5051,41 +5055,41 @@ function Fo(e = "(max-width: 800px)") {
 }
 //#endregion
 //#region src/compose/usePaging.ts
-function Io(e) {
+function Fo(e) {
 	let t = /* @__PURE__ */ new Set();
 	return (e ?? []).filter((e) => !e?.key || t.has(e.key) || e.order !== 1 && e.order !== -1 ? !1 : (t.add(e.key), !0));
 }
-function Lo(e) {
-	return e == null ? [] : Io((typeof e == "string" ? e.split(",") : e).filter((e) => e !== null).map((e) => e.trim()).filter(Boolean).map((e) => ({
+function Io(e) {
+	return e == null ? [] : Fo((typeof e == "string" ? e.split(",") : e).filter((e) => e !== null).map((e) => e.trim()).filter(Boolean).map((e) => ({
 		key: e.replace(/^-/, ""),
 		order: e.startsWith("-") ? -1 : 1
 	})));
 }
-function Ro(e) {
-	let t = Io(e);
+function Lo(e) {
+	let t = Fo(e);
 	if (t.length !== 0) return t.map(({ key: e, order: t }) => `${t === -1 ? "-" : ""}${e}`);
 }
-function zo(e, t = []) {
-	let n = Io(e);
+function Ro(e, t = []) {
+	let n = Fo(e);
 	if (n.length === 0) return;
 	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 ? "-" : "";
 	return t.forEach((e) => {
 		i.has(e) || r.push(`${a}${e}`);
 	}), r.join(",");
 }
-function Bo(e) {
+function zo(e) {
 	return Array.isArray(e) ? [...e] : e;
 }
-function Vo(e, t) {
+function Bo(e, t) {
 	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;
 }
-function Ho(e, t) {
+function Vo(e, t) {
 	return e.length === t.length && e.every((e, n) => {
 		let r = t[n];
 		return e.key === r?.key && e.order === r?.order;
 	});
 }
-function Uo(e, t) {
+function Ho(e, t) {
 	if (typeof e == "string") return Number(e);
 	if (Array.isArray(e)) {
 		let n = e.find((e) => e !== null);
@@ -5093,35 +5097,35 @@ function Uo(e, t) {
 	}
 	return t;
 }
-function Wo(e = {}) {
+function Uo(e = {}) {
 	let t = e.defaultPageSize ?? 50, n = e.defaultPageOffset ?? 0, i = e.sortKey ?? "sort", a = e.pageSizeKey ?? "pageSize", o = e.pageOffsetKey ?? "pageOffset", s = M([]), c = D(t), l = D(n);
 	return e.route && e.router && (G(() => e.route?.query[i], (e) => {
-		let t = Lo(e);
-		Ho(s.value, t) || (s.value = t);
+		let t = Io(e);
+		Vo(s.value, t) || (s.value = t);
 	}, { immediate: !0 }), G(() => e.route?.query[a], (e) => {
-		let n = Uo(e, t);
+		let n = Ho(e, t);
 		c.value !== n && (c.value = n);
 	}, { immediate: !0 }), G(() => e.route?.query[o], (e) => {
-		let t = Uo(e, n);
+		let t = Ho(e, n);
 		l.value !== t && (l.value = t);
 	}, { immediate: !0 }), G([
 		s,
 		c,
 		l
 	], ([r, s, c]) => {
-		let l = { ...e.route.query }, u = Ro(r);
-		u === void 0 ? delete l[i] : l[i] = Bo(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);
+		let l = { ...e.route.query }, u = Lo(r);
+		u === void 0 ? delete l[i] : l[i] = zo(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);
 		let d = /* @__PURE__ */ new Set([...Object.keys(e.route.query), ...Object.keys(l)]), f = !1;
-		for (let t of d) if (!Vo(e.route.query[t], l[t])) {
+		for (let t of d) if (!Bo(e.route.query[t], l[t])) {
 			f = !0;
 			break;
 		}
 		f && e.router.replace({ query: l });
 	})), {
 		sort: r({
-			get: () => Io(s.value),
+			get: () => Fo(s.value),
 			set: (e) => {
-				s.value = Io(e);
+				s.value = Fo(e);
 			}
 		}),
 		pageSize: c,
@@ -5130,7 +5134,7 @@ function Wo(e = {}) {
 }
 //#endregion
 //#region src/compose/useTableChanges.ts
-function Go() {
+function Wo() {
 	let e = j(/* @__PURE__ */ new Map()), t = re(), n = (n) => {
 		let r = n.column.key, i = n.row.key, a = n.value, o = n.previousValue;
 		e.has(i) || e.set(i, j(/* @__PURE__ */ new Map()));
@@ -5234,7 +5238,7 @@ function Go() {
 }
 //#endregion
 //#region src/compose/usePersistentTableColumnState.ts
-function Ko(e, t) {
+function Go(e, t) {
 	if (!e || typeof e != "object" || Array.isArray(e)) return {};
 	let n = new Set(t.map(({ key: e }) => String(e))), r = {};
 	for (let [t, i] of Object.entries(e)) {
@@ -5244,13 +5248,13 @@ function Ko(e, t) {
 	}
 	return r;
 }
-function qo(e, t) {
+function Ko(e, t) {
 	let n = le(e, {});
 	return G(() => I(t).map(({ key: e }) => String(e)), () => {
-		n.value = Ko(n.value, I(t));
+		n.value = Go(n.value, I(t));
 	}, { immediate: !0 }), { columnState: n };
 }
 //#endregion
-export { _t as $, di as A, Mn as B, za as C, fi as D, Oa as E, Br as F, Sn as G, kn as H, kr as I, on as J, mn as K, pr as L, pi as M, bi as N, ui as O, yi as P, wt as Q, Qn as R, Va as S, Pa as T, Tn as U, An as V, Cn as W, Ft as X, Yt as Y, kt as Z, no as _, Lo as a, Ye as at, Ya as b, Fo as c, je as ct, Do as d, Se as dt, lt as et, xo as f, xe as ft, lo as g, uo as h, Io as i, Je as it, vi as j, _i as k, Po as l, ke as lt, vo as m, Go as n, rt as nt, Ro as o, Be as ot, bo as p, Q as pt, ln as q, zo as r, nt as rt, Wo as s, $ as st, qo as t, it as tt, No as u, Oe as ut, to as v, Fa as w, Ga as x, eo as y, Ln as z };
+export { _t as $, di as A, Mn as B, za as C, fi as D, Oa as E, Br as F, Sn as G, kn as H, kr as I, on as J, mn as K, pr as L, pi as M, bi as N, ui as O, yi as P, wt as Q, Qn as R, Va as S, Pa as T, Tn as U, An as V, Cn as W, Ft as X, Yt as Y, kt as Z, no as _, Io as a, Ye as at, Ya as b, Po as c, je as ct, Do as d, Se as dt, lt as et, xo as f, xe as ft, lo as g, uo as h, Fo as i, Je as it, vi as j, _i as k, No as l, ke as lt, vo as m, Wo as n, rt as nt, Lo as o, Be as ot, bo as p, Q as pt, ln as q, Ro as r, nt as rt, Uo as s, $ as st, Ko as t, it as tt, Mo as u, Oe as ut, to as v, Fa as w, Ga as x, eo as y, Ln as z };
 
-//# sourceMappingURL=grad-vue-HOjq8hB5.js.map
+//# sourceMappingURL=grad-vue-DfQuQs4s.js.map