@svgrid/enterprise 3.1.16 → 3.1.18

package/dist/studio/init-flow.js

@@ -234,7 +234,7 @@ async function gatherFromDatabase(flags, prompts, db) {
     if (schemas.length === 0)
         throw new UserError('None of the picked tables could be read.');
     prompts.say(`  Read ${schemas.length} ${schemas.length === 1 ? 'table' : 'tables'}.`);
-    return { schemas, sources, seed: {}, kind: 'sql' };
+    return { schemas, sources, seed: {}, kind: 'sql', ...(isFileDialect(dialect) ? { sqliteFile: url } : {}) };
 }
 /**
  * Supabase reads over its own REST API, so this needs no driver and no
@@ -389,6 +389,27 @@ async function askTheme(flags, prompts) {
 }
 /** Prefix a path with the output folder (`.` writes into the current one). */
 const inDir = (outDir, path) => (!outDir || outDir === '.' ? '' : outDir.replace(/[\\/]+$/, '') + '/') + path;
+/**
+ * A file path given relative to where init ran, re-expressed relative to the
+ * app folder, which is where the app runs (`npm run dev` in `outDir`). Absolute
+ * paths pass through. An absolute or `..` out dir has no relative answer without
+ * the cwd, so the path is made absolute when the runtime has one.
+ */
+export function fileFromApp(file, outDir) {
+    // `file:./x.db` is relative like `./x.db`; `file:/x.db` and `file:///x.db` are not.
+    const fileUrl = /^file:(?![\\/])(.+)$/.exec(file);
+    if (fileUrl)
+        return `file:${fileFromApp(fileUrl[1], outDir)}`;
+    if (!outDir || outDir === '.' || file === ':memory:' || /^([a-zA-Z]:[\\/]|[\\/]|file:)/.test(file))
+        return file;
+    const rel = file.replace(/^\.[\\/]/, '');
+    const segments = outDir.split(/[\\/]+/).filter((s) => s && s !== '.');
+    if (/^([a-zA-Z]:[\\/]|[\\/])/.test(outDir) || segments.includes('..')) {
+        const cwd = globalThis.process?.cwd?.();
+        return cwd ? `${cwd.replace(/\\/g, '/').replace(/\/+$/, '')}/${rel.replace(/\\/g, '/')}` : file;
+    }
+    return '../'.repeat(segments.length) + rel;
+}
 /** Which marker files are present in `outDir` right now. */
 async function markersIn(outDir, io) {
     const found = new Set();
@@ -477,7 +498,7 @@ export async function runStudioInit(flags, prompts, db, io, fetchText = null) {
     // On the model, not only on this emit: studio.config.json is written from the
     // same object below, so the designer reopens it as the same SvelteKit major.
     const project = flags.kit === 3 ? setKitVersion(built, 3) : built;
-    const files = emitStudioAppBundle(project);
+    const files = emitStudioAppBundle(project, data.sqliteFile ? { databaseUrl: fileFromApp(data.sqliteFile, outDir) } : {});
     const written = await writeAll(files, outDir, io);
     // The design itself, so `svgrid-studio designer` reopens exactly this app.
     const configPath = inDir(outDir, 'studio.config.json');

package/dist/studio/introspect-db.d.ts

@@ -9,11 +9,25 @@
  * better-sqlite3, the Supabase client, ...). Nothing here imports a driver, so
  * it's testable and adds no dependencies.
  */
-import type { EntityFieldType, EntitySchema } from '../schema.js';
+import type { EntityField, EntityFieldType, EntitySchema } from '../schema.js';
 export type SqlDialectName = 'postgres' | 'supabase' | 'mysql' | 'mssql' | 'sqlite';
 export type DbExecute = (sql: string, params: unknown[]) => Promise<Array<Record<string, unknown>>>;
 /** Best-effort SQL type -> entity field type. The designer can refine edge cases. */
 export declare function mapSqlType(raw: string): EntityFieldType;
+/**
+ * A Base table's insertion-order column, `BASE_ORDER_COLUMN` in
+ * fields/base-sql.ts (not imported: that module pulls in a .svelte registry,
+ * and this one runs in the Node bundle). `base-sql.dom.test.ts` keeps the two
+ * equal.
+ */
+export declare const BASE_ORDER_COLUMN_NAME = "svgrid_order";
+/**
+ * A Base table's order column stays in the schema (base-connect finds it there
+ * and reads in its order) but is never shown or written by a generated app.
+ */
+export declare function hideBaseOrderColumn<F extends Pick<EntityField, 'required' | 'readonly' | 'hidden'> & {
+    field: unknown;
+}>(field: F): F;
 export type IntrospectDbOptions = {
     dialect: SqlDialectName;
     table: string;

package/dist/studio/introspect-db.js

@@ -28,20 +28,42 @@ export function mapSqlType(raw) {
         return 'json';
     return 'text';
 }
-function fieldFrom(name, rawType, pk, notNull) {
+/**
+ * A Base table's insertion-order column, `BASE_ORDER_COLUMN` in
+ * fields/base-sql.ts (not imported: that module pulls in a .svelte registry,
+ * and this one runs in the Node bundle). `base-sql.dom.test.ts` keeps the two
+ * equal.
+ */
+export const BASE_ORDER_COLUMN_NAME = 'svgrid_order';
+function fieldFrom(name, rawType, pk, notNull, generated = false) {
     const field = { field: name, type: mapSqlType(rawType) };
     if (pk) {
         field.primaryKey = true;
         field.readonly = true;
     }
+    else if (generated) {
+        // Identity and generated columns: the database fills them and rejects a
+        // written value, so a form must neither require nor send one.
+        field.readonly = true;
+    }
     else if (notNull) {
         field.required = true;
     }
     return field;
 }
-/** Map catalog rows (aliased name/type/nullable/pk) from information_schema dialects. */
+/**
+ * A Base table's order column stays in the schema (base-connect finds it there
+ * and reads in its order) but is never shown or written by a generated app.
+ */
+export function hideBaseOrderColumn(field) {
+    if (field.field !== BASE_ORDER_COLUMN_NAME)
+        return field;
+    const { required: _required, ...rest } = field;
+    return { ...rest, readonly: true, hidden: true };
+}
+/** Map catalog rows (aliased name/type/nullable/pk/generated) from information_schema dialects. */
 function infoSchemaFields(rows) {
-    return rows.map((r) => fieldFrom(String(r.name), String(r.type ?? ''), truthy(r.pk), !truthy(r.nullable)));
+    return rows.map((r) => hideBaseOrderColumn(fieldFrom(String(r.name), String(r.type ?? ''), truthy(r.pk), !truthy(r.nullable), truthy(r.generated))));
 }
 /** Map SQLite `PRAGMA table_info` rows (name/type/notnull/pk-as-index). */
 function sqliteFields(rows) {
@@ -61,7 +83,8 @@ const POSTGRES = {
     columns: (table) => ({
         sql: `SELECT c.column_name AS name, c.data_type AS type,
        CASE WHEN c.is_nullable = 'YES' THEN 1 ELSE 0 END AS nullable,
-       CASE WHEN pk.column_name IS NOT NULL THEN 1 ELSE 0 END AS pk
+       CASE WHEN pk.column_name IS NOT NULL THEN 1 ELSE 0 END AS pk,
+       CASE WHEN (c.is_identity = 'YES' AND c.identity_generation = 'ALWAYS') OR c.is_generated = 'ALWAYS' THEN 1 ELSE 0 END AS generated
 FROM information_schema.columns c
 LEFT JOIN (
   SELECT kcu.column_name
@@ -96,7 +119,8 @@ const MYSQL = {
     columns: (table) => ({
         sql: `SELECT COLUMN_NAME AS name, DATA_TYPE AS type,
        CASE WHEN IS_NULLABLE = 'YES' THEN 1 ELSE 0 END AS nullable,
-       CASE WHEN COLUMN_KEY = 'PRI' THEN 1 ELSE 0 END AS pk
+       CASE WHEN COLUMN_KEY = 'PRI' THEN 1 ELSE 0 END AS pk,
+       CASE WHEN EXTRA LIKE '%GENERATED%' THEN 1 ELSE 0 END AS generated
 FROM information_schema.columns
 WHERE TABLE_NAME = ? AND TABLE_SCHEMA = DATABASE()
 ORDER BY ORDINAL_POSITION`,

package/dist/sveltekit/sql-source.d.ts

@@ -49,5 +49,29 @@ export type SqlDataSourceConfig<TData extends RowData> = {
      * Names outside this list never reach SQL.
      */
     aggregators?: ReadonlyArray<string>;
+    /**
+     * How rows come back when the request has no sort, e.g. creation order:
+     * `[{ field: 'createdAt' }]`. Default: a field on a `created_at` or
+     * `inserted_at` column when the schema has one, else the primary key. The
+     * primary key is appended to every leaf order as a tie-breaker, so paging
+     * is deterministic.
+     */
+    defaultOrder?: ReadonlyArray<{
+        field: string;
+        desc?: boolean;
+    }>;
 };
+/**
+ * The order rows come back in while nothing is sorted: `defaultOrder` when
+ * given (each field checked against the schema), else a field on a
+ * `created_at` / `inserted_at` column, else none. The SQL and Supabase
+ * sources then add the primary key as the tie-breaker.
+ */
+export declare function unsortedOrder<TData extends RowData>(schema: EntitySchema<TData>, defaultOrder: ReadonlyArray<{
+    field: string;
+    desc?: boolean;
+}> | undefined, columnOf?: (field: string) => string): Array<{
+    field: string;
+    desc: boolean;
+}>;
 export declare function createSqlDataSource<TData extends RowData>(config: SqlDataSourceConfig<TData>): WritableDataSource<TData> & AggregateSource;

package/dist/sveltekit/sql-source.js

@@ -3,6 +3,26 @@ import { nudgeEnterpriseFor } from '../license.js';
 import { planQuery } from './query-plan.js';
 import { planToSql } from './sql.js';
 const SQL_AGG = { sum: 'SUM', avg: 'AVG', min: 'MIN', max: 'MAX' };
+/** Columns that hold when a row was made, by the usual conventions (Supabase, Rails, Ecto). */
+const CREATION_COLUMNS = new Set(['created_at', 'inserted_at']);
+/**
+ * The order rows come back in while nothing is sorted: `defaultOrder` when
+ * given (each field checked against the schema), else a field on a
+ * `created_at` / `inserted_at` column, else none. The SQL and Supabase
+ * sources then add the primary key as the tie-breaker.
+ */
+export function unsortedOrder(schema, defaultOrder, columnOf = (f) => f) {
+    const known = new Set(schema.fields.map((f) => String(f.field)));
+    if (defaultOrder) {
+        for (const o of defaultOrder) {
+            if (!known.has(o.field))
+                throw new Error(`defaultOrder field "${o.field}" is not in the schema`);
+        }
+        return defaultOrder.map((o) => ({ field: o.field, desc: !!o.desc }));
+    }
+    const creation = schema.fields.find((f) => CREATION_COLUMNS.has(columnOf(String(f.field)).toLowerCase()));
+    return creation ? [{ field: String(creation.field), desc: false }] : [];
+}
 function quoter(dialect) {
     const q = dialect.quote ?? '"';
     return (name) => `${q}${name.replace(new RegExp(q, 'g'), q + q)}${q}`;
@@ -40,6 +60,19 @@ export function createSqlDataSource(config) {
         : '*';
     const planDialect = hasRenames ? { ...dialect, column: columnOf } : dialect;
     const RET = returning ? ` RETURNING ${projection}` : '';
+    // Without an ORDER BY, Postgres returns an updated row last and LIMIT /
+    // OFFSET pages in no fixed order. Unsorted rows go in creation order where
+    // that is known (a text key such as a UUID orders 1, 10, 2 and at random),
+    // and the key breaks ties under any order.
+    const key = schema.fields.some((f) => f.field === idField) ? idField : null;
+    const unsorted = unsortedOrder(schema, config.defaultOrder, columnOf);
+    const orderText = (sort) => {
+        const order = sort.length ? sort : unsorted;
+        const parts = order.map((o) => `${col(o.field)} ${o.desc ? 'DESC' : 'ASC'}`);
+        if (key && !order.some((o) => o.field === key))
+            parts.push(`${col(key)} ASC`);
+        return parts.length ? `ORDER BY ${parts.join(', ')}` : '';
+    };
     return {
         async getRows(request) {
             const plan = planQuery(schema, request, planOptions);
@@ -63,7 +96,7 @@ export function createSqlDataSource(config) {
             }
             const rowsSql = plan.groupBy
                 ? squish(`SELECT ${select} FROM ${t} ${sql.whereText} ${sql.groupByText} ${sql.orderByText} LIMIT ${sql.limit} OFFSET ${sql.offset}`)
-                : squish(`SELECT ${projection} FROM ${t} ${sql.whereText} ${sql.orderByText} LIMIT ${sql.limit} OFFSET ${sql.offset}`);
+                : squish(`SELECT ${projection} FROM ${t} ${sql.whereText} ${orderText(plan.orderBy)} LIMIT ${sql.limit} OFFSET ${sql.offset}`);
             const countSql = squish(`SELECT ${sql.countText} AS count FROM ${t} ${sql.whereText}`);
             const rows = await execute(rowsSql, sql.params);
             const countRows = await execute(countSql, sql.params);

package/dist/sveltekit/sql.js

@@ -14,6 +14,10 @@ export function planToSql(plan, dialect = {}) {
             throw new Error(`planToSql: "${fn}" is not an aggregate function name`);
         return fn.toUpperCase();
     };
+    // LIMIT and OFFSET are pasted in raw too, and come from the request body
+    // (`pageSize`, `startRow`), so only a non-negative integer gets through.
+    const limit = sqlCount(plan.limit, 'limit');
+    const offset = sqlCount(plan.offset, 'offset');
     /**
      * Render predicates + search into one WHERE body, binding into `into`.
      * Placeholder numbering follows that array, so a second call with a fresh
@@ -166,8 +170,8 @@ export function planToSql(plan, dialect = {}) {
         orderBy,
         orderByText: orderBy ? `ORDER BY ${orderBy}` : '',
         params,
-        limit: plan.limit,
-        offset: plan.offset,
+        limit,
+        offset,
         select,
         groupBy,
         groupByText: groupBy ? `GROUP BY ${groupBy}` : '',
@@ -179,6 +183,14 @@ export function planToSql(plan, dialect = {}) {
         pivotSelect,
     };
 }
+/** A row count for LIMIT / OFFSET: a non-negative safe integer, or a digit string of one. */
+function sqlCount(value, what) {
+    const n = typeof value === 'string' && /^\d+$/.test(value) ? Number(value) : value;
+    if (typeof n !== 'number' || !Number.isSafeInteger(n) || n < 0) {
+        throw new Error(`planToSql: ${what} must be a non-negative integer, got ${String(JSON.stringify(value)).slice(0, 40)}`);
+    }
+    return n;
+}
 function predicateSql(pred, ctx) {
     const { id, bind, like } = ctx;
     const col = id(pred.field);

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.16";
+export declare const SVGRID_VERSION = "3.1.18";
 /**
  * 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.16";
  *
  * `version.test.ts` asserts this matches packages/grid/package.json.
  */
-export declare const GRID_VERSION = "3.0.17";
+export declare const GRID_VERSION = "3.0.19";

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.16';
+export const SVGRID_VERSION = '3.1.18';
 /**
  * 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.16';
  *
  * `version.test.ts` asserts this matches packages/grid/package.json.
  */
-export const GRID_VERSION = '3.0.17';
+export const GRID_VERSION = '3.0.19';

package/dist/wc/GridFooter-BgoA77TJ.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, 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 "./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) {
+	h(c, !0);
+	let N = y(c, "pager", 3, !0), P = y(c, "showStatus", 3, !0), ne = y(c, "top", 3, !1), F = x(null), I = x(!1);
+	async function re() {
+		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), z = p(() => c.ctrl.statusBarAggregates), B = p(() => c.ctrl.statusBarStats), V = p(() => c.ctrl.changePage), ie = p(() => c.ctrl.goToPage), ae = p(() => c.ctrl.setPageSize), H = p(() => c.ctrl.messages);
+	var U = M(), W = b(U), G = (e) => {
+		let n = p(() => t(B));
+		var a = j();
+		o(a, 20, () => t(z), (e) => e, (e, a) => {
+			var o = i(), c = b(o), l = (e) => {
+				var i = T(), a = C(i), o = C(a, !0);
+				g(a);
+				var c = S(a, 1, !0);
+				g(i), d((e) => {
+					s(o, t(H).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(H).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(H).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(H).statMin), s(c, e);
+				}, [() => w(t(n).min)]), r(e, i);
+			}, h = (e) => {
+				var i = A(), a = C(i), o = C(a, !0);
+				g(a);
+				var c = S(a, 1, !0);
+				g(i), d((e) => {
+					s(o, t(H).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);
+	};
+	_(W, (e) => {
+		P() && t(R) && t(B) && e(G);
+	});
+	var K = S(W, 2), q = (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)), E = p(() => c.pageSizeOptions && c.pageSizeOptions.length ? c.pageSizeOptions : [
+			10,
+			25,
+			50,
+			100
+		]);
+		var D = te();
+		let O;
+		var k = C(D), A = C(k), j = C(A, !0);
+		g(A);
+		var M = S(A, 2), N = C(M), P = (n) => {
+			var a = i(), o = b(a);
+			{
+				let n = p(() => 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(ae)(Number(e))
+					});
+				});
+			}
+			r(n, a);
+		}, I = (e) => {
+			var n = ee(), 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, re), r(e, n);
+		};
+		_(N, (e) => {
+			t(F) ? e(P) : e(I, -1);
+		}), g(M), g(k);
+		var L = S(k, 2), R = C(L), z = C(R, !0);
+		g(R);
+		var B = S(R, 2), U = C(B, !0);
+		g(B);
+		var W = S(B, 2), G = C(W, !0);
+		g(W), g(L);
+		var K = S(L, 2), q = C(K), oe = C(q);
+		a(oe, () => c.icon, () => "page-first"), g(q);
+		var J = S(q, 2), se = C(J);
+		a(se, () => c.icon, () => "page-prev"), g(J);
+		var Y = S(J, 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(K), g(D), d((e, n, r, i, a) => {
+			O = l(D, 1, "sv-grid-pagination", null, O, { "sv-grid-pagination-top": ne() }), s(j, t(H).pageSize), s(z, e), s(U, n), s(G, r), q.disabled = t(w), v(q, "aria-label", t(H).firstPage), J.disabled = t(w), v(J, "aria-label", t(H).prevPage), s(X, `${t(H).page ?? ""} `), s(ce, i), s(le, ` ${t(H).of ?? ""} `), s(de, a), Q.disabled = t(T), v(Q, "aria-label", t(H).nextPage), $.disabled = t(T), v($, "aria-label", t(H).lastPage);
+		}, [
+			() => t(y).toLocaleString(),
+			() => t(x).toLocaleString(),
+			() => t(o).toLocaleString(),
+			() => t(h).toLocaleString(),
+			() => t(m).toLocaleString()
+		]), u("click", q, () => t(ie)(0)), u("click", J, () => t(V)(-1)), u("click", Q, () => t(V)(1)), u("click", $, () => t(ie)(t(m) - 1)), r(n, D);
+	};
+	_(K, (e) => {
+		N() && t(L) && e(q);
+	}), r(n, U), m();
+}
+n(["click"]);
+//#endregion
+export { N as default };