@svgrid/enterprise 3.1.21 → 3.1.23

package/dist/review/pending-filter.d.ts

@@ -0,0 +1,26 @@
+/**
+ * "Only rows with changes": a condition kind of the expression language
+ * (`registerPredicateKind`) that matches rows with a pending or conflicting
+ * proposal, ANDed onto the user's own advanced filter and taken back off
+ * without touching the rest of it.
+ *
+ * The advanced filter hands its predicate the grid's rows, whose `id` is the
+ * grid's row id, which is what proposals are keyed by.
+ */
+import type { GridPredicateExpr } from '@svgrid/grid';
+export declare const PENDING_KIND = "reviewPending";
+type Source = {
+    hasPendingRow(rowId: string): boolean;
+};
+/** Make a review's rows filterable; returns the token its filter node names. */
+export declare function trackPendingSource(token: string, source: Source): void;
+/** The user's expression without any of our nodes; null when nothing is left. */
+export declare function stripPending(expr: GridPredicateExpr | null): GridPredicateExpr | null;
+/**
+ * The user's expression with our node ANDed on. `nonce` changes the node, so
+ * the grid filters again after proposals were decided.
+ */
+export declare function withPending(expr: GridPredicateExpr | null, token: string, nonce: number): GridPredicateExpr;
+/** Whether an expression holds our node. */
+export declare function hasPending(expr: GridPredicateExpr | null): boolean;
+export {};

package/dist/review/pending-filter.js

@@ -0,0 +1,71 @@
+import { enableAdvancedFilter } from '../advanced-filter-enable.js';
+import { registerPredicateKind } from '../expressions/kinds.js';
+export const PENDING_KIND = 'reviewPending';
+// Weak: the review holds its source; once the review is gone, so is the entry's target.
+const sources = new Map();
+let registered = false;
+function register() {
+    if (registered)
+        return;
+    registered = true;
+    registerPredicateKind(PENDING_KIND, {
+        compile: (payload) => {
+            const token = payload?.token ?? '';
+            const source = sources.get(token)?.deref();
+            if (!source) {
+                sources.delete(token);
+                return null;
+            }
+            return (row) => {
+                const id = row?.id;
+                return id != null && source.hasPendingRow(String(id));
+            };
+        },
+        describe: () => 'Has a proposed change',
+    });
+}
+/** Make a review's rows filterable; returns the token its filter node names. */
+export function trackPendingSource(token, source) {
+    register();
+    enableAdvancedFilter();
+    sources.set(token, new WeakRef(source));
+}
+/** The user's expression without any of our nodes; null when nothing is left. */
+export function stripPending(expr) {
+    if (!expr)
+        return null;
+    if (expr.kind === 'ext' && expr.type === PENDING_KIND)
+        return null;
+    if (expr.kind === 'and' || expr.kind === 'or') {
+        const parts = expr.parts.map(stripPending).filter((p) => p !== null);
+        if (!parts.length)
+            return null;
+        return parts.length === 1 && expr.kind === 'and' ? parts[0] : { ...expr, parts };
+    }
+    if (expr.kind === 'not') {
+        const inner = stripPending(expr.expr);
+        return inner ? { kind: 'not', expr: inner } : null;
+    }
+    return expr;
+}
+/**
+ * The user's expression with our node ANDed on. `nonce` changes the node, so
+ * the grid filters again after proposals were decided.
+ */
+export function withPending(expr, token, nonce) {
+    const node = { kind: 'ext', type: PENDING_KIND, payload: { token, nonce } };
+    const rest = stripPending(expr);
+    return rest ? { kind: 'and', parts: [rest, node] } : node;
+}
+/** Whether an expression holds our node. */
+export function hasPending(expr) {
+    if (!expr)
+        return false;
+    if (expr.kind === 'ext')
+        return expr.type === PENDING_KIND;
+    if (expr.kind === 'and' || expr.kind === 'or')
+        return expr.parts.some(hasPending);
+    if (expr.kind === 'not')
+        return hasPending(expr.expr);
+    return false;
+}

package/dist/review/rich-cells.d.ts

@@ -0,0 +1 @@
+export declare function registerRichCellMarks(): void;

package/dist/review/rich-cells.js

@@ -0,0 +1,36 @@
+/**
+ * The proposed value beside a cell the in-cell wrapper (`ghost.ts`) cannot
+ * take: a select, a rating, a person, a checkbox, a field type with a cell of
+ * its own. The grid's `cellDecor` slot draws a mark after the cell's own
+ * content, so the cell stays as it is and "-> Closed" follows it.
+ *
+ * Registered once, by the first review: `cellDecor` takes every cell off the
+ * grid's plain-text fast path, which an app without a review should not pay.
+ */
+import { getGridExtension, registerGridExtension } from '@svgrid/grid';
+import { cellProposalFor } from './card-marks.svelte.js';
+import { canGhost } from './ghost.js';
+import RichCellMark from './RichCellMark.svelte';
+let registered = false;
+export function registerRichCellMarks() {
+    if (registered)
+        return;
+    registered = true;
+    const before = getGridExtension()?.cellDecor;
+    registerGridExtension({
+        cellDecor: (ctrl, row, column) => {
+            const own = before?.(ctrl, row, column);
+            if (own)
+                return own;
+            const def = column?.columnDef;
+            if (!def?.field || !row || row.original === undefined)
+                return null;
+            // Cheap lookups first: this runs for every cell of every grid.
+            const p = cellProposalFor(ctrl?.props?.getRowId, row.original, String(row.id), def.field);
+            if (!p)
+                return null;
+            // The wrapper draws the proposal in cells it can wrap.
+            return canGhost(def, row.original?.[def.field]) ? null : RichCellMark;
+        },
+    });
+}

package/dist/review/types.d.ts

@@ -0,0 +1,83 @@
+/**
+ * Change review types. A proposal is a write nobody typed (an AI result, an
+ * agent edit, an import, a sync) held apart from the data until a person
+ * accepts it. Pure types, so the clustering and the adapters stay free of
+ * Svelte and testable on their own.
+ */
+/** What produced a proposal. `id` keeps two runs of the same kind apart. */
+export type ProposalSource = {
+    kind: 'agent' | 'ai' | 'import' | 'bulk' | 'sync' | 'rule' | 'user';
+    id: string;
+    label: string;
+};
+export type ProposalStatus = 'pending' | 'accepted' | 'rejected' | 'stale' | 'conflict';
+export type Proposal = {
+    id: string;
+    /** Only `update` in this release; inserts and deletes come later. */
+    op: 'update';
+    /** The grid's row id (its `getRowId`), never a row index. */
+    rowId: string;
+    /** The field on the row object the value is written to. */
+    field: string;
+    /** The value when the proposal was made, which is what staleness compares with. */
+    before: unknown;
+    after: unknown;
+    source: ProposalSource;
+    /** Why, in the producer's words (an AI rationale, an import file name). */
+    reason?: string;
+    /** 0..1, when the producer has one. */
+    confidence?: number;
+    createdAt: number;
+    status: ProposalStatus;
+    /** Why a proposal is stale, skipped or in conflict, for the panel. */
+    note?: string;
+    decidedBy?: string;
+    decidedAt?: number;
+};
+/** What a producer hands over: a proposal without the fields the review fills in. */
+export type ProposalInput = Omit<Proposal, 'id' | 'op' | 'source' | 'createdAt' | 'status' | 'note' | 'decidedBy' | 'decidedAt'> & {
+    id?: string;
+    confidence?: number;
+};
+/** One batch from one producer. */
+export type ChangeSet = {
+    id: string;
+    title: string;
+    source: ProposalSource;
+    createdAt: number;
+    proposals: Proposal[];
+};
+/**
+ * How a group's members relate. The first four are rule groups: every member
+ * is proven to follow the rule. The rest are judgment groups, where a person
+ * has to look.
+ */
+export type GroupKind = 'whitespace' | 'case' | 'format' | 'scale' | 'same-mapping' | 'fill-empty' | 'constant-target' | 'unpatterned';
+export type ProposalGroup = {
+    /** Stable while the group's members do not change: source, field, kind and param. */
+    key: string;
+    kind: GroupKind;
+    /** True for the four rule kinds. */
+    rule: boolean;
+    /** What the members share, in the detector's terms ('upper', '100', a value...). */
+    param: string;
+    label: string;
+    field: string;
+    sourceId: string;
+    ids: string[];
+    count: number;
+    /** Lowest and mean confidence over the members that have one; undefined when none do. */
+    minConfidence?: number;
+    avgConfidence?: number;
+    /** Up to five ids to look at first: the least confident, then spread across the group. */
+    sample: string[];
+    /**
+     * For `constant-target` and `same-mapping`: the five most common `before`
+     * values and how many of each, then one `other` entry for the rest.
+     */
+    beforeDistribution?: Array<{
+        value: unknown;
+        count: number;
+        other?: true;
+    }>;
+};

package/dist/review/types.js

@@ -0,0 +1,7 @@
+/**
+ * Change review types. A proposal is a write nobody typed (an AI result, an
+ * agent edit, an import, a sync) held apart from the data until a person
+ * accepts it. Pure types, so the clustering and the adapters stay free of
+ * Svelte and testable on their own.
+ */
+export {};

package/dist/row-count.d.ts

@@ -0,0 +1,28 @@
+/**
+ * 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 { type RowData, type SvGridApi, type TableFeatures } from '@svgrid/grid';
+/**
+ * Draw the row count in every grid whose `statusBar` sets `rows: true`.
+ * Idempotent; also invoked by {@link installEnterprise}.
+ */
+export declare function enableRowCount(): void;
+/**
+ * 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 declare function getRowCounts<TFeatures extends TableFeatures, TData extends RowData>(api: SvGridApi<TFeatures, TData>): {
+    total: number;
+    filtered: number;
+};
+export { default as SvGridRowCount } from './SvGridRowCount.svelte';

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/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' | 'SvGrid Base' | 'Studio';
+export type EnterpriseFeatureLabel = 'Export' | 'Import' | 'Print' | 'AI assistant' | 'Pivot' | 'Server-side row model' | 'Spreadsheet' | 'SvGrid Base' | 'Studio' | 'Change review';
 /**
  * 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.21";
+export declare const SVGRID_VERSION = "3.1.23";
 /**
  * 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.22";

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.23';
 /**
  * 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.22';

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 };