@svgrid/enterprise 3.1.21 → 3.1.22

package/dist/row-count.js

@@ -0,0 +1,39 @@
+/**
+ * Row count - "250 rows", or "12 of 250 rows" while filters hide some, at the
+ * start of the grid's status bar, and the same two numbers from code.
+ *
+ * ```ts
+ * import { enableRowCount, getRowCounts } from '@svgrid/enterprise'
+ * enableRowCount()
+ * // <SvGrid {data} {columns} statusBar={{ rows: true, aggregates: [] }} />
+ * const { total, filtered } = getRowCounts(api)
+ * ```
+ */
+import { registerGridExtension } from '@svgrid/grid';
+import { hasValidLicense } from './license.js';
+import { emitUnlicensedNudge } from './watermark.js';
+import SvGridRowCount from './SvGridRowCount.svelte';
+let enabled = false;
+/**
+ * Draw the row count in every grid whose `statusBar` sets `rows: true`.
+ * Idempotent; also invoked by {@link installEnterprise}.
+ */
+export function enableRowCount() {
+    if (enabled)
+        return;
+    enabled = true;
+    registerGridExtension({ statusBarRows: () => SvGridRowCount });
+    if (!hasValidLicense())
+        emitUnlicensedNudge();
+}
+/**
+ * How many rows the grid holds (`total`) and how many pass the current
+ * filters (`filtered`), for an "X of Y" of your own. Pagination changes
+ * neither. With grouping on, `filtered` counts the group rows too. Under
+ * `externalPagination` both come from the `rowCount` you pass.
+ */
+export function getRowCounts(api) {
+    const filtered = api.getPageInfo().total;
+    return { total: api.getOption('externalPagination') ? filtered : api.getData().length, filtered };
+}
+export { default as SvGridRowCount } from './SvGridRowCount.svelte';

package/dist/sort-blanks.d.ts

@@ -0,0 +1,8 @@
+/** How the non-blank values compare: as the grid compares that data type. */
+export type BlanksSortType = 'auto' | 'number' | 'date';
+type ColumnComparator = (a: unknown, b: unknown, desc: boolean) => number;
+/** Sort blank cells last in both directions. Pass as a column's `sortComparator`. */
+export declare function blanksLast(type?: BlanksSortType): ColumnComparator;
+/** Sort blank cells first in both directions. Pass as a column's `sortComparator`. */
+export declare function blanksFirst(type?: BlanksSortType): ColumnComparator;
+export {};

package/dist/sort-blanks.js

@@ -0,0 +1,47 @@
+/**
+ * Blanks at one end - column comparators that hold blank cells (null,
+ * undefined, '') at the bottom or the top whichever way the column sorts. The
+ * grid's own order puts blanks first ascending and last descending, so rows
+ * with no due date jump to the top when the dates run up.
+ *
+ * ```ts
+ * import { blanksLast } from '@svgrid/enterprise'
+ * const columns = [
+ *   { field: 'due', header: 'Due', cellDataType: 'dateString', sortComparator: blanksLast('date') },
+ * ]
+ * ```
+ *
+ * The values themselves sort as the grid sorts them (`sortFns`). The grid's
+ * `sortComparator` hands the direction over; a column with `sortValue` keeps
+ * using that instead.
+ */
+import { sortFns } from '@svgrid/grid/core';
+import { hasValidLicense } from './license.js';
+import { emitUnlicensedNudge } from './watermark.js';
+const isBlank = (v) => v == null || v === '';
+function holdBlanks(end, type) {
+    if (!hasValidLicense())
+        emitUnlicensedNudge();
+    const compare = sortFns[type];
+    return (a, b, desc) => {
+        const aBlank = isBlank(a);
+        const bBlank = isBlank(b);
+        if (aBlank || bBlank) {
+            if (aBlank === bBlank)
+                return 0;
+            // The grid reverses the result for a descending sort; answer for blanks
+            // before that happens, so they stay put.
+            const side = aBlank ? end : -end;
+            return desc ? -side : side;
+        }
+        return compare(a, b);
+    };
+}
+/** Sort blank cells last in both directions. Pass as a column's `sortComparator`. */
+export function blanksLast(type = 'auto') {
+    return holdBlanks(1, type);
+}
+/** Sort blank cells first in both directions. Pass as a column's `sortComparator`. */
+export function blanksFirst(type = 'auto') {
+    return holdBlanks(-1, type);
+}

package/dist/studio/ui-components.generated.js

@@ -7172,7 +7172,7 @@ export const GENERATED_UI_SURFACE = {
                 "key": "statusBar",
                 "label": "Status Bar",
                 "type": "boolean",
-                "description": "Excel-style status bar under the grid showing live aggregates of the selected cell range (count, numeric count, sum, average, min, max). `true` shows the default set; pass `{ aggregates: [...] }` to choose which. Requires `enableCellSelection`.",
+                "description": "Excel-style status bar under the grid showing live aggregates of the selected cell range (count, numeric count, sum, average, min, max). `true` shows the default set; pass `{ aggregates: [...] }` to choose which. The aggregates need `enableCellSelection`. `rows: true` adds a row count that is always shown, \"250 rows\" or \"12 of 250 rows\" while filters hide some, once `@svgrid/enterprise`'s `enableRowCount()` has run. `{ rows: true, aggregates: [] }` shows the count alone.",
                 "group": "common"
             },
             {

package/dist/version.d.ts

@@ -10,7 +10,7 @@
  *
  * `version.test.ts` asserts this matches `package.json`, so the two cannot drift.
  */
-export declare const SVGRID_VERSION = "3.1.21";
+export declare const SVGRID_VERSION = "3.1.22";
 /**
  * The version of `@svgrid/grid`, which releases on its own line: enterprise is
  * on 3.1.x while the grid is on 3.0.x.
@@ -23,4 +23,4 @@ export declare const SVGRID_VERSION = "3.1.21";
  *
  * `version.test.ts` asserts this matches packages/grid/package.json.
  */
-export declare const GRID_VERSION = "3.0.20";
+export declare const GRID_VERSION = "3.0.21";

package/dist/version.js

@@ -10,7 +10,7 @@
  *
  * `version.test.ts` asserts this matches `package.json`, so the two cannot drift.
  */
-export const SVGRID_VERSION = '3.1.21';
+export const SVGRID_VERSION = '3.1.22';
 /**
  * The version of `@svgrid/grid`, which releases on its own line: enterprise is
  * on 3.1.x while the grid is on 3.0.x.
@@ -23,4 +23,4 @@ export const SVGRID_VERSION = '3.1.21';
  *
  * `version.test.ts` asserts this matches packages/grid/package.json.
  */
-export const GRID_VERSION = '3.0.20';
+export const GRID_VERSION = '3.0.21';

package/dist/wc/GridFooter-CKC4L36O.js

@@ -0,0 +1,162 @@
+import { D as e, G as t, H as n, I as r, L as i, M as a, O as o, P as s, R as c, S as l, U as u, Y as d, at as f, ct as p, dt as m, ft as h, ht as g, j as _, m as v, n as y, nt as b, ot as x, rt as S, tt as C } from "./client-GWAV79ON.js";
+import { s as w } from "./SvGrid.helpers-tk7gWxcT.js";
+import { r as T } from "./grid-extension.svelte-CDf5EUyz.js";
+import "./sv-sheet-element.js";
+//#region ../grid/dist/GridFooter.svelte
+var ee = c("<span class=\"sv-grid-status-item\"><span class=\"sv-grid-status-label\"> </span> </span>"), E = c("<span class=\"sv-grid-status-item\"><span class=\"sv-grid-status-label\">Numeric</span> </span>"), D = c("<span class=\"sv-grid-status-item\"><span class=\"sv-grid-status-label\"> </span> </span>"), O = c("<span class=\"sv-grid-status-item\"><span class=\"sv-grid-status-label\"> </span> </span>"), k = c("<span class=\"sv-grid-status-item\"><span class=\"sv-grid-status-label\"> </span> </span>"), te = c("<span class=\"sv-grid-status-item\"><span class=\"sv-grid-status-label\"> </span> </span>"), A = c("<span class=\"sv-grid-status-aggregates\" role=\"status\" aria-live=\"polite\"></span>"), j = c("<div class=\"sv-grid-status-bar\"><!> <!></div>"), ne = c("<div class=\"sv-grid-dropdown\"><button type=\"button\" class=\"sv-grid-dropdown-trigger\" aria-haspopup=\"listbox\" aria-expanded=\"false\"><span class=\"sv-grid-dropdown-label\"> </span> <span class=\"sv-grid-dropdown-caret\" aria-hidden=\"true\"><!></span></button></div>"), re = c("<div role=\"navigation\" aria-label=\"Pagination\"><div class=\"sv-grid-pagination-pagesize\"><span> </span> <div class=\"sv-grid-pagination-pagesize-dd\"><!></div></div> <span class=\"sv-grid-pagination-range\"><strong> </strong> to <strong> </strong> of <strong> </strong></span> <div class=\"sv-grid-pagination-nav\"><button type=\"button\" class=\"sv-grid-pagination-btn\"><!></button> <button type=\"button\" class=\"sv-grid-pagination-btn\"><!></button> <span class=\"sv-grid-pagination-label\"> <strong> </strong> <strong> </strong></span> <button type=\"button\" class=\"sv-grid-pagination-btn\"><!></button> <button type=\"button\" class=\"sv-grid-pagination-btn\"><!></button></div></div>"), M = c("<!> <!>", 1);
+function N(n, c) {
+	h(c, !0);
+	let N = y(c, "pager", 3, !0), P = y(c, "showStatus", 3, !0), ie = y(c, "top", 3, !1), F = x(null), I = x(!1);
+	async function ae() {
+		if (!(t(F) || t(I))) {
+			f(I, !0);
+			try {
+				f(F, (await import("./SvGridDropdown-BVnpNU_I.js")).default, !0);
+			} finally {
+				f(I, !1);
+			}
+		}
+	}
+	let L = p(() => c.ctrl.paginationEnabled), R = p(() => c.ctrl.statusBarEnabled), oe = p(() => c.ctrl.statusBarAggregates), z = p(() => typeof c.ctrl.props.statusBar == "object" && c.ctrl.props.statusBar.rows ? T()?.statusBarRows?.(c.ctrl) ?? null : null), B = p(() => c.ctrl.statusBarStats), V = p(() => c.ctrl.changePage), H = p(() => c.ctrl.goToPage), se = p(() => c.ctrl.setPageSize), U = p(() => c.ctrl.messages);
+	var W = M(), G = b(W), K = (n) => {
+		var a = j(), l = C(a), u = (n) => {
+			var a = i(), o = b(a);
+			e(o, () => t(z), (e, t) => {
+				t(e, { get ctrl() {
+					return c.ctrl;
+				} });
+			}), r(n, a);
+		};
+		_(l, (e) => {
+			t(z) && e(u);
+		});
+		var f = S(l, 2), m = (e) => {
+			let n = p(() => t(B));
+			var a = A();
+			o(a, 20, () => t(oe), (e) => e, (e, a) => {
+				var o = i(), c = b(o), l = (e) => {
+					var i = ee(), a = C(i), o = C(a, !0);
+					g(a);
+					var c = S(a, 1, !0);
+					g(i), d((e) => {
+						s(o, t(U).statCount), s(c, e);
+					}, [() => w(t(n).count)]), r(e, i);
+				}, u = (e) => {
+					var i = E(), a = S(C(i), 1, !0);
+					g(i), d((e) => s(a, e), [() => w(t(n).numericCount)]), r(e, i);
+				}, f = (e) => {
+					var i = D(), a = C(i), o = C(a, !0);
+					g(a);
+					var c = S(a, 1, !0);
+					g(i), d((e) => {
+						s(o, t(U).statSum), s(c, e);
+					}, [() => w(t(n).sum)]), r(e, i);
+				}, p = (e) => {
+					var i = O(), a = C(i), o = C(a, !0);
+					g(a);
+					var c = S(a, 1, !0);
+					g(i), d((e) => {
+						s(o, t(U).statAvg), s(c, e);
+					}, [() => w(t(n).avg)]), r(e, i);
+				}, m = (e) => {
+					var i = k(), a = C(i), o = C(a, !0);
+					g(a);
+					var c = S(a, 1, !0);
+					g(i), d((e) => {
+						s(o, t(U).statMin), s(c, e);
+					}, [() => w(t(n).min)]), r(e, i);
+				}, h = (e) => {
+					var i = te(), a = C(i), o = C(a, !0);
+					g(a);
+					var c = S(a, 1, !0);
+					g(i), d((e) => {
+						s(o, t(U).statMax), s(c, e);
+					}, [() => w(t(n).max)]), r(e, i);
+				};
+				_(c, (e) => {
+					a === "count" ? e(l) : a === "numericCount" ? e(u, 1) : t(n).numericCount > 0 && a === "sum" ? e(f, 2) : t(n).numericCount > 0 && a === "avg" ? e(p, 3) : t(n).numericCount > 0 && a === "min" ? e(m, 4) : t(n).numericCount > 0 && a === "max" && e(h, 5);
+				}), r(e, o);
+			}), g(a), r(e, a);
+		};
+		_(f, (e) => {
+			t(B) && e(m);
+		}), g(a), r(n, a);
+	};
+	_(G, (e) => {
+		P() && t(R) && (t(B) || t(z)) && e(K);
+	});
+	var q = S(G, 2), J = (n) => {
+		let o = p(() => c.ctrl.paginationTotalRows), f = p(() => c.ctrl.paginationPageSize), m = p(() => Math.max(1, Math.ceil(t(o) / t(f)))), h = p(() => Math.min(c.ctrl.paginationPageIndex + 1, t(m))), y = p(() => t(o) === 0 ? 0 : (t(h) - 1) * t(f) + 1), x = p(() => Math.min(t(o), t(h) * t(f))), w = p(() => t(h) <= 1), T = p(() => t(h) >= t(m)), ee = p(() => c.pageSizeOptions && c.pageSizeOptions.length ? c.pageSizeOptions : [
+			10,
+			25,
+			50,
+			100
+		]);
+		var E = re();
+		let D;
+		var O = C(E), k = C(O), te = C(k, !0);
+		g(k);
+		var A = S(k, 2), j = C(A), M = (n) => {
+			var a = i(), o = b(a);
+			{
+				let n = p(() => t(ee).map((e) => ({
+					value: e,
+					label: String(e)
+				})));
+				e(o, () => t(F), (e, r) => {
+					r(e, {
+						get options() {
+							return t(n);
+						},
+						get value() {
+							return t(f);
+						},
+						autoOpen: !0,
+						onChange: (e) => t(se)(Number(e))
+					});
+				});
+			}
+			r(n, a);
+		}, N = (e) => {
+			var n = ne(), i = C(n), o = C(i), l = C(o, !0);
+			g(o);
+			var p = S(o, 2), m = C(p);
+			a(m, () => c.icon, () => "page-size-caret"), g(p), g(i), g(n), d(() => s(l, t(f))), u("click", i, ae), r(e, n);
+		};
+		_(j, (e) => {
+			t(F) ? e(M) : e(N, -1);
+		}), g(A), g(O);
+		var P = S(O, 2), I = C(P), L = C(I, !0);
+		g(I);
+		var R = S(I, 2), oe = C(R, !0);
+		g(R);
+		var z = S(R, 2), B = C(z, !0);
+		g(z), g(P);
+		var W = S(P, 2), G = C(W), K = C(G);
+		a(K, () => c.icon, () => "page-first"), g(G);
+		var q = S(G, 2), J = C(q);
+		a(J, () => c.icon, () => "page-prev"), g(q);
+		var Y = S(q, 2), X = C(Y), Z = S(X), ce = C(Z, !0);
+		g(Z);
+		var le = S(Z), ue = S(le), de = C(ue, !0);
+		g(ue), g(Y);
+		var Q = S(Y, 2), fe = C(Q);
+		a(fe, () => c.icon, () => "page-next"), g(Q);
+		var $ = S(Q, 2), pe = C($);
+		a(pe, () => c.icon, () => "page-last"), g($), g(W), g(E), d((e, n, r, i, a) => {
+			D = l(E, 1, "sv-grid-pagination", null, D, { "sv-grid-pagination-top": ie() }), s(te, t(U).pageSize), s(L, e), s(oe, n), s(B, r), G.disabled = t(w), v(G, "aria-label", t(U).firstPage), q.disabled = t(w), v(q, "aria-label", t(U).prevPage), s(X, `${t(U).page ?? ""} `), s(ce, i), s(le, ` ${t(U).of ?? ""} `), s(de, a), Q.disabled = t(T), v(Q, "aria-label", t(U).nextPage), $.disabled = t(T), v($, "aria-label", t(U).lastPage);
+		}, [
+			() => t(y).toLocaleString(),
+			() => t(x).toLocaleString(),
+			() => t(o).toLocaleString(),
+			() => t(h).toLocaleString(),
+			() => t(m).toLocaleString()
+		]), u("click", G, () => t(H)(0)), u("click", q, () => t(V)(-1)), u("click", Q, () => t(V)(1)), u("click", $, () => t(H)(t(m) - 1)), r(n, E);
+	};
+	_(q, (e) => {
+		N() && t(L) && e(J);
+	}), r(n, W), m();
+}
+n(["click"]);
+//#endregion
+export { N as default };