@illinois-grad/grad-vue 5.0.4 → 6.0.1

package/custom-elements.json

@@ -2218,7 +2218,7 @@
             },
             {
               "kind": "field",
-              "name": "sorts",
+              "name": "sort",
               "type": {
                 "text": "TableSort<TableRow>[]"
               },

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

@@ -141,7 +141,7 @@ declare const __VLS_export: <T extends TableRow, C extends TableColumn<T>>(__VLS
          */
         resizableColumns?: boolean;
     } & {
-        sorts?: TableSort<T>[];
+        sort?: TableSort<T>[];
         filter?: Partial<Record<keyof T, any>>;
         columnState?: TableColumnState<T>;
         selectedRows?: string[];
@@ -149,7 +149,7 @@ declare const __VLS_export: <T extends TableRow, C extends TableColumn<T>>(__VLS
         "onRow-click"?: ((link: string) => any) | undefined;
         "onCell-change"?: ((payload: CellChangePayload<T, Extract<keyof T, string>>) => any) | undefined;
         "onUpdate:pageSize"?: ((value: number) => any) | undefined;
-        "onUpdate:sorts"?: ((value: TableSort<T, Extract<keyof T, string>>[]) => any) | undefined;
+        "onUpdate:sort"?: ((value: TableSort<T, Extract<keyof T, string>>[]) => any) | undefined;
         "onUpdate:filter"?: ((value: Partial<Record<keyof T, any>>) => any) | undefined;
         "onUpdate:columnState"?: ((value: Partial<Record<Extract<keyof T, string>, import("./table/TableColumn.ts").TableColumnStateValue>>) => any) | undefined;
         "onUpdate:selectedRows"?: ((value: string[]) => any) | undefined;
@@ -170,7 +170,7 @@ declare const __VLS_export: <T extends TableRow, C extends TableColumn<T>>(__VLS
         (e: "cell-change", payload: CellChangePayload<T>): void;
         (e: "update:startIndex", value: number): void;
         (e: "update:pageSize", value: number): void;
-    } & (((event: "update:sorts", value: TableSort<T, Extract<keyof T, string>>[]) => void) & ((event: "update:filter", value: Partial<Record<keyof T, any>>) => void) & ((event: "update:columnState", value: Partial<Record<Extract<keyof T, string>, import("./table/TableColumn.ts").TableColumnStateValue>>) => void) & ((event: "update:selectedRows", value: string[]) => void));
+    } & (((event: "update:sort", value: TableSort<T, Extract<keyof T, string>>[]) => void) & ((event: "update:filter", value: Partial<Record<keyof T, any>>) => void) & ((event: "update:columnState", value: Partial<Record<Extract<keyof T, string>, import("./table/TableColumn.ts").TableColumnStateValue>>) => void) & ((event: "update:selectedRows", value: string[]) => void));
 }>) => import("vue").VNode & {
     __ctx?: NonNullable<Awaited<typeof __VLS_setup>>;
 };

package/dist/compose/usePaging.d.ts

@@ -16,14 +16,14 @@ export interface UsePagingOptions {
             query: FilterLocationQuery;
         }) => unknown;
     };
-    sortsKey?: string;
+    sortKey?: string;
     pageSizeKey?: string;
     pageOffsetKey?: string;
     defaultPageSize?: number;
     defaultPageOffset?: number;
 }
 export interface UsePagingReturn<K extends SortKey = SortKey> {
-    sorts: Ref<PagingSort<K>[]>;
+    sort: Ref<PagingSort<K>[]>;
     pageSize: Ref<number>;
     pageOffset: Ref<number>;
 }

package/dist/{grad-vue-ChdGX6W9.js → grad-vue-Bsk9dI_O.js}

@@ -3302,8 +3302,8 @@ var fi = { class: "g-table-outer-wrap" }, pi = {
 			default: !1
 		}
 	}, {
-		sorts: { default: () => [] },
-		sortsModifiers: {},
+		sort: { default: () => [] },
+		sortModifiers: {},
 		filter: { default: () => ({}) },
 		filterModifiers: {},
 		columnState: { default: () => ({}) },
@@ -3318,13 +3318,13 @@ var fi = { class: "g-table-outer-wrap" }, pi = {
 		"update:startIndex",
 		"update:pageSize"
 	], [
-		"update:sorts",
+		"update:sort",
 		"update:filter",
 		"update:columnState",
 		"update:selectedRows"
 	]),
 	setup(t, { emit: n }) {
-		let u = B(t, "sorts"), f = B(t, "filter"), p = B(t, "columnState"), m = B(t, "selectedRows"), h = t, v = n, b = h.filtering;
+		let u = B(t, "sort"), f = B(t, "filter"), p = B(t, "columnState"), m = B(t, "selectedRows"), h = t, v = n, b = h.filtering;
 		b ||= di({});
 		let { filters: C, filteredColumns: T, isFiltered: E, clearFilters: A } = b, j = r(() => h.data.map((e) => e.key)), M = r(() => m.value.filter((e) => j.value.includes(e))), F = r(() => !h.bulkSelectionEnabled || h.data.length === 0 ? !1 : M.value.length === j.value.length), I = r(() => !h.bulkSelectionEnabled || h.data.length === 0 ? !1 : M.value.length > 0 && M.value.length < j.value.length), R = D(null);
 		function H() {
@@ -4752,17 +4752,24 @@ function So(e, t, n) {
 		.5,
 		.75,
 		1
-	], i = `${-t}px 0px 0px 0px`, a = /* @__PURE__ */ new Map(), o = D(Array.from(Y(e)?.children || []));
-	ue(e, () => {
-		o.value = Array.from(Y(e)?.children || []);
-	}, { childList: !0 });
-	let { stop: s } = ce(o, (e) => {
+	], i = `${-t}px 0px 0px 0px`, a = /* @__PURE__ */ new Map(), o = D(Array.from(Y(e)?.children || [])), s = () => {
+		let t = Array.from(Y(e)?.children || []), n = new Set(t);
+		for (let e of a.keys()) n.has(e) || a.delete(e);
+		o.value = t;
+	};
+	G(() => Y(e), () => {
+		s();
+	}, {
+		immediate: !0,
+		flush: "post"
+	}), ue(e, s, { childList: !0 });
+	let { stop: c } = ce(o, (e) => {
 		let t = o.value[o.value.length - 1];
 		for (let n of e) a.set(n.target, n.isIntersecting ? Math.ceil(100 * n.intersectionRatio) / 100 : 0), n.target === t && n.intersectionRatio === 1 && a.set(n.target, Infinity);
 		let r = null, i = 0;
 		for (let e of a.keys()) {
 			let t = a.get(e) || 0;
-			t <= i || (e.getBoundingClientRect(), r = e, i = t);
+			t <= i || (r = e, i = t);
 		}
 		n.value = r instanceof HTMLElement ? r.id : "";
 	}, {
@@ -4771,7 +4778,7 @@ function So(e, t, n) {
 		rootMargin: i,
 		immediate: !0
 	});
-	return { stop: s };
+	return { stop: c };
 }
 //#endregion
 //#region src/compose/useSidebar.ts
@@ -4849,7 +4856,7 @@ function jo(e, t) {
 	return t;
 }
 function Mo(e = {}) {
-	let t = e.defaultPageSize ?? 50, n = e.defaultPageOffset ?? 0, i = e.sortsKey ?? "sorts", a = e.pageSizeKey ?? "pageSize", o = e.pageOffsetKey ?? "pageOffset", s = M([]), c = D(t), l = D(n);
+	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 = To(e);
 		Ao(s.value, t) || (s.value = t);
@@ -4873,7 +4880,7 @@ function Mo(e = {}) {
 		}
 		f && e.router.replace({ query: l });
 	})), {
-		sorts: r({
+		sort: r({
 			get: () => wo(s.value),
 			set: (e) => {
 				s.value = wo(e);
@@ -4990,4 +4997,4 @@ function No() {
 //#endregion
 export { tt as $, li as A, xn as B, Oa as C, ti as D, ri as E, br as F, un as G, gn as H, ir as I, Mt as J, nn as K, Un as L, di as M, ui as N, ci as O, jr as P, ot as Q, On as R, ka as S, ya as T, mn as U, bn as V, pn as W, xt as X, Et as Y, mt as Z, Ja as _, Eo as a, $ as at, Fa as b, So as c, De as ct, mo as d, Q as dt, et, fo as f, Ya as g, Xa as h, To as i, ze as it, ii as j, ni as k, xo as l, xe as lt, ro as m, Do as n, qe as nt, Mo as o, Ae as ot, io as p, Kt as q, wo as r, Je as rt, Co as s, Oe as st, No as t, $e as tt, ho as u, be as ut, Ua as v, Ta as w, Na as x, za as y, Cn as z };
 
-//# sourceMappingURL=grad-vue-ChdGX6W9.js.map
+//# sourceMappingURL=grad-vue-Bsk9dI_O.js.map