@svgrid/enterprise 3.1.8 → 3.1.9

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

@@ -6599,6 +6599,13 @@ export const GENERATED_UI_SURFACE = {
                 "description": "Kanban board mode. When set, the grid renders its rows as cards in horizontal lanes (bucketed by `board.groupBy`) instead of a table. See .",
                 "group": "common"
             },
+            {
+                "key": "gallery",
+                "label": "Gallery",
+                "type": "json",
+                "description": "Gallery mode. When set, the grid renders its rows as cards (a cover image, a title, a few fields) instead of a table. See .",
+                "group": "common"
+            },
             {
                 "key": "scheduler",
                 "label": "Scheduler",
@@ -6648,6 +6655,55 @@ export const GENERATED_UI_SURFACE = {
                 "description": "Floating bar that appears over the grid while rows are selected, showing the count and the actions that apply to the whole selection - the pattern an issue tracker uses for bulk edit. `true` gives the count and a Clear button. An array is the shorthand for `{ actions }`. Pass to also set `position` (`'bottom'` default, or `'top'`), `maxVisible` and `hideClear`. Omitted / `false` is off. Default **off**. This is chrome that floats over your content, not a gesture: it overlaps a row, and what belongs on it is specific to the app. **The prop and its types are free; the bar itself is an Enterprise feature.** Install `@svgrid/enterprise` and call `enableSelectionBar()` (or `installEnterprise`, which does it for you) to render it - without that the grid shows a short upsell note in its place, the same way the scheduler and board views do.",
                 "group": "common"
             },
+            {
+                "key": "rowAdder",
+                "label": "Row Adder",
+                "type": "boolean",
+                "description": "A \"+ Add row\" line under the last row. Clicking it (or Enter on it) appends a row, scrolls to it and starts editing its first editable cell. `true` uses the defaults; pass for the label and the new row's values. **The prop and its types are free; the row adder is drawn by the Enterprise `@svgrid/enterprise/fields` module** (`enableFields()`). Without it the prop does nothing.",
+                "group": "common"
+            },
+            {
+                "key": "rowColor",
+                "label": "Row Color",
+                "type": "json",
+                "description": "Color rows by a status: by a select field (each row takes its option's `color`) or by rules (first match wins). The color shows on the row header by default (a 3px stripe at the start of the row-number cell); `target` moves it to a stripe in the first cell or a tint across the row. The row header also gets the status as its title, so the color is never the only signal. Computed for rendered rows only. **The prop and its types are free; the colors are drawn by the Enterprise `@svgrid/enterprise/fields` module** (`enableFields()`).",
+                "group": "common"
+            },
+            {
+                "key": "columnAdder",
+                "label": "Column Adder",
+                "type": "boolean",
+                "description": "A \"+\" header cell after the last column that opens the field editor: a name, a field type and that type's properties. Creating adds the column and fires `onColumnAdd`; the grid never stores a schema, the app does. `{ types }` limits the types offered. **Drawn by the Enterprise `@svgrid/enterprise/fields` module.**",
+                "group": "common"
+            },
+            {
+                "key": "fieldMenu",
+                "label": "Field Menu",
+                "type": "boolean",
+                "description": "Field actions in each column's menu: Edit field, Insert left / right, Duplicate, Delete, Hide. Edit can change the type; values are converted where they can be and the editor says how many cells would be cleared. **Drawn by the Enterprise `@svgrid/enterprise/fields` module.**",
+                "group": "common"
+            },
+            {
+                "key": "expandRows",
+                "label": "Expand Rows",
+                "type": "boolean",
+                "description": "The row-number cell becomes the row's handle: on hover it shows a checkbox that selects the row and an expand button that opens the row as a record, every field with its label and its editor. With `showRowNumbers`. **Drawn by the Enterprise `@svgrid/enterprise/fields` module.**",
+                "group": "common"
+            },
+            {
+                "key": "pinSplitter",
+                "label": "Pin Splitter",
+                "type": "boolean",
+                "description": "A divider at the edge of the left-pinned columns: drag it right to pin the columns it passes, left to unpin them. It snaps to column edges and keeps the columns where they are on screen; with the keyboard, focus it and use the arrow keys. Its words come from `localization.text` (`pinSplitterLabel`, `pinSplitterHint`, `pinSplitterNone`, `pinSplitterOne`, `pinSplitterMany`). Loaded only when set.",
+                "group": "common"
+            },
+            {
+                "key": "primaryField",
+                "label": "Primary Field",
+                "type": "string",
+                "description": "The table's primary field (a column id or field): always the first column and pinned, never hidden or deleted, and the name of a record (the expanded record's title, a gallery card's title). **Kept by the Enterprise `@svgrid/enterprise/fields` module.**",
+                "group": "common"
+            },
             {
                 "key": "features",
                 "label": "Features",
@@ -7412,7 +7468,7 @@ export const GENERATED_UI_SURFACE = {
                 "key": "rowDragManaged",
                 "label": "Row Drag Managed",
                 "type": "boolean",
-                "description": "Enables managed row dragging. When `true`, every row becomes a drag source (grab cursor + a grip in the row-number cell) and a drop indicator paints between rows during a drag. On drop the grid mutates its own internal data - reordering within the grid, or moving the row across grids that share the same . Defaults to `false`.",
+                "description": "Enables managed row dragging. When `true`, a row is dragged by its row-number cell (a grip shows while it is hovered), or by any cell when row numbers are off, and a drop indicator paints between rows during a drag. On drop the grid mutates its own internal data - reordering within the grid, or moving the row across grids that share the same . Defaults to `false`.",
                 "group": "common"
             },
             {
@@ -7444,6 +7500,42 @@ export const GENERATED_UI_SURFACE = {
                 "prop": "onPivotModeChange",
                 "description": "Fired when the in-grid Pivot toggle flips `pivotMode`."
             },
+            {
+                "key": "rowAdd",
+                "label": "Row Add",
+                "prop": "onRowAdd",
+                "description": "Fires after the row adder appended a row, with that row. Persist it here."
+            },
+            {
+                "key": "columnAdd",
+                "label": "Column Add",
+                "prop": "onColumnAdd",
+                "description": "A field was added (column adder, Insert, Duplicate). `columns` is the whole column list after the change, as declared (store it as your `columns`); `data` is set when values were written too."
+            },
+            {
+                "key": "columnChange",
+                "label": "Column Change",
+                "prop": "onColumnChange",
+                "description": "A field was edited. `columns` as in `onColumnAdd`; `data` is set when a type change converted its values."
+            },
+            {
+                "key": "columnRemove",
+                "label": "Column Remove",
+                "prop": "onColumnRemove",
+                "description": "A field was deleted from the column menu (its values stay in the rows). `columns` as in `onColumnAdd`."
+            },
+            {
+                "key": "rowsDelete",
+                "label": "Rows Delete",
+                "prop": "onRowsDelete",
+                "description": "Rows were deleted from the selection bar's Delete (`deleteRows`): the rows and their ids, and the data without them, to store."
+            },
+            {
+                "key": "rowColorChange",
+                "label": "Row Color Change",
+                "prop": "onRowColorChange",
+                "description": "The rows were set to be colored by another field, or no longer colored, from a single select's column menu (\"Color rows by this field\" with `fieldMenu`). Store it and pass it back as `rowColor`."
+            },
             {
                 "key": "expandedChange",
                 "label": "Expanded Change",

package/dist/upgrade-prompt.d.ts

@@ -1,5 +1,5 @@
 /** Human-readable labels for the Enterprise surfaces that gate behind a license. */
-export type EnterpriseFeatureLabel = 'Export' | 'Import' | 'Print' | 'AI assistant' | 'Pivot' | 'Server-side row model' | 'Spreadsheet' | 'Studio';
+export type EnterpriseFeatureLabel = 'Export' | 'Import' | 'Print' | 'AI assistant' | 'Pivot' | 'Server-side row model' | 'Spreadsheet' | 'SvGrid Base' | 'Studio';
 /**
  * Show the contextual upgrade prompt for `feature`. No-ops if one has already
  * been shown this session, a card is already up, or we're on the server. Safe

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.8";
+export declare const SVGRID_VERSION = "3.1.9";
 /**
  * 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.8";
  *
  * `version.test.ts` asserts this matches packages/grid/package.json.
  */
-export declare const GRID_VERSION = "3.0.11";
+export declare const GRID_VERSION = "3.0.12";

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.8';
+export const SVGRID_VERSION = '3.1.9';
 /**
  * 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.8';
  *
  * `version.test.ts` asserts this matches packages/grid/package.json.
  */
-export const GRID_VERSION = '3.0.11';
+export const GRID_VERSION = '3.0.12';

package/dist/wc/GridFooter-f5K0aLe_.js

@@ -0,0 +1,145 @@
+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, dt as p, et as m, it as h, j as g, m as _, mt as v, n as y, nt as b, st as x, tt as S, ut as C } from "./client-DQIzjDBG.js";
+import { s as w } from "./SvGrid.helpers-B2GEKrxS.js";
+import "./sv-sheet-element.js";
+//#region ../grid/dist/GridFooter.svelte
+var T = 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>"), A = c("<span class=\"sv-grid-status-item\"><span class=\"sv-grid-status-label\"> </span> </span>"), j = c("<div class=\"sv-grid-status-bar\" role=\"status\" aria-live=\"polite\"></div>"), ee = 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>"), te = 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) {
+	p(c, !0);
+	let N = y(c, "pager", 3, !0), P = y(c, "showStatus", 3, !0), ne = y(c, "top", 3, !1), F = f(null), I = f(!1);
+	async function re() {
+		if (!(t(F) || t(I))) {
+			h(I, !0);
+			try {
+				h(F, (await import("./SvGridDropdown-45WsObLL.js")).default, !0);
+			} finally {
+				h(I, !1);
+			}
+		}
+	}
+	let L = x(() => c.ctrl.paginationEnabled), R = x(() => c.ctrl.statusBarEnabled), z = x(() => c.ctrl.statusBarAggregates), B = x(() => c.ctrl.statusBarStats), ie = x(() => c.ctrl.changePage), ae = x(() => c.ctrl.goToPage), oe = x(() => c.ctrl.setPageSize), V = x(() => c.ctrl.messages);
+	var H = M(), U = S(H), W = (e) => {
+		let n = x(() => t(B));
+		var a = j();
+		o(a, 20, () => t(z), (e) => e, (e, a) => {
+			var o = i(), c = S(o), l = (e) => {
+				var i = T(), a = m(i), o = m(a, !0);
+				v(a);
+				var c = b(a, 1, !0);
+				v(i), d((e) => {
+					s(o, t(V).statCount), s(c, e);
+				}, [() => w(t(n).count)]), r(e, i);
+			}, u = (e) => {
+				var i = E(), a = b(m(i), 1, !0);
+				v(i), d((e) => s(a, e), [() => w(t(n).numericCount)]), r(e, i);
+			}, f = (e) => {
+				var i = D(), a = m(i), o = m(a, !0);
+				v(a);
+				var c = b(a, 1, !0);
+				v(i), d((e) => {
+					s(o, t(V).statSum), s(c, e);
+				}, [() => w(t(n).sum)]), r(e, i);
+			}, p = (e) => {
+				var i = O(), a = m(i), o = m(a, !0);
+				v(a);
+				var c = b(a, 1, !0);
+				v(i), d((e) => {
+					s(o, t(V).statAvg), s(c, e);
+				}, [() => w(t(n).avg)]), r(e, i);
+			}, h = (e) => {
+				var i = k(), a = m(i), o = m(a, !0);
+				v(a);
+				var c = b(a, 1, !0);
+				v(i), d((e) => {
+					s(o, t(V).statMin), s(c, e);
+				}, [() => w(t(n).min)]), r(e, i);
+			}, _ = (e) => {
+				var i = A(), a = m(i), o = m(a, !0);
+				v(a);
+				var c = b(a, 1, !0);
+				v(i), d((e) => {
+					s(o, t(V).statMax), s(c, e);
+				}, [() => w(t(n).max)]), r(e, i);
+			};
+			g(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(h, 4) : t(n).numericCount > 0 && a === "max" && e(_, 5);
+			}), r(e, o);
+		}), v(a), r(e, a);
+	};
+	g(U, (e) => {
+		P() && t(R) && t(B) && e(W);
+	});
+	var G = b(U, 2), K = (n) => {
+		let o = x(() => c.ctrl.paginationTotalRows), f = x(() => c.ctrl.paginationPageSize), p = x(() => Math.max(1, Math.ceil(t(o) / t(f)))), h = x(() => Math.min(c.ctrl.paginationPageIndex + 1, t(p))), y = x(() => t(o) === 0 ? 0 : (t(h) - 1) * t(f) + 1), C = x(() => Math.min(t(o), t(h) * t(f))), w = x(() => t(h) <= 1), T = x(() => t(h) >= t(p)), E = x(() => c.pageSizeOptions && c.pageSizeOptions.length ? c.pageSizeOptions : [
+			10,
+			25,
+			50,
+			100
+		]);
+		var D = te();
+		let O;
+		var k = m(D), A = m(k), j = m(A, !0);
+		v(A);
+		var M = b(A, 2), N = m(M), P = (n) => {
+			var a = i(), o = S(a);
+			{
+				let n = x(() => t(E).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(oe)(Number(e))
+					});
+				});
+			}
+			r(n, a);
+		}, I = (e) => {
+			var n = ee(), i = m(n), o = m(i), l = m(o, !0);
+			v(o);
+			var p = b(o, 2), h = m(p);
+			a(h, () => c.icon, () => "page-size-caret"), v(p), v(i), v(n), d(() => s(l, t(f))), u("click", i, re), r(e, n);
+		};
+		g(N, (e) => {
+			t(F) ? e(P) : e(I, -1);
+		}), v(M), v(k);
+		var L = b(k, 2), R = m(L), z = m(R, !0);
+		v(R);
+		var B = b(R, 2), H = m(B, !0);
+		v(B);
+		var U = b(B, 2), W = m(U, !0);
+		v(U), v(L);
+		var G = b(L, 2), K = m(G), se = m(K);
+		a(se, () => c.icon, () => "page-first"), v(K);
+		var q = b(K, 2), ce = m(q);
+		a(ce, () => c.icon, () => "page-prev"), v(q);
+		var J = b(q, 2), Y = m(J), X = b(Y), le = m(X, !0);
+		v(X);
+		var Z = b(X), ue = b(Z), de = m(ue, !0);
+		v(ue), v(J);
+		var Q = b(J, 2), fe = m(Q);
+		a(fe, () => c.icon, () => "page-next"), v(Q);
+		var $ = b(Q, 2), pe = m($);
+		a(pe, () => c.icon, () => "page-last"), v($), v(G), v(D), d((e, n, r, i, a) => {
+			O = l(D, 1, "sv-grid-pagination", null, O, { "sv-grid-pagination-top": ne() }), s(j, t(V).pageSize), s(z, e), s(H, n), s(W, r), K.disabled = t(w), _(K, "aria-label", t(V).firstPage), q.disabled = t(w), _(q, "aria-label", t(V).prevPage), s(Y, `${t(V).page ?? ""} `), s(le, i), s(Z, ` ${t(V).of ?? ""} `), s(de, a), Q.disabled = t(T), _(Q, "aria-label", t(V).nextPage), $.disabled = t(T), _($, "aria-label", t(V).lastPage);
+		}, [
+			() => t(y).toLocaleString(),
+			() => t(C).toLocaleString(),
+			() => t(o).toLocaleString(),
+			() => t(h).toLocaleString(),
+			() => t(p).toLocaleString()
+		]), u("click", K, () => t(ae)(0)), u("click", q, () => t(ie)(-1)), u("click", Q, () => t(ie)(1)), u("click", $, () => t(ae)(t(p) - 1)), r(n, D);
+	};
+	g(G, (e) => {
+		N() && t(L) && e(K);
+	}), r(n, H), C();
+}
+n(["click"]);
+//#endregion
+export { N as default };