@illinois-grad/grad-vue 4.0.4 → 5.0.0

package/custom-elements.json

@@ -2092,7 +2092,7 @@
                 "text": "number"
               },
               "optional": true,
-              "description": "Result count for all of the possible results (not just the current page) This is shown in the toolbar."
+              "description": "Result count for all of the possible results (not just the current page) This is shown in the toolbar and used by built-in pagination."
             },
             {
               "kind": "field",
@@ -2148,6 +2148,25 @@
               "optional": false,
               "description": "The starting index for this page This is used for the ARIA rowindex attribute, and is VERY important to not get wrong."
             },
+            {
+              "kind": "field",
+              "name": "pageSize",
+              "type": {
+                "text": "number"
+              },
+              "optional": true,
+              "description": "Current page size for the built-in pagination controls."
+            },
+            {
+              "kind": "field",
+              "name": "pageSizes",
+              "type": {
+                "text": "number[]"
+              },
+              "optional": true,
+              "description": "Available page sizes for the built-in pagination controls.",
+              "default": "() => [10, 25, 50, 100]"
+            },
             {
               "kind": "field",
               "name": "bulkSelectionEnabled",
@@ -2179,12 +2198,12 @@
             },
             {
               "kind": "field",
-              "name": "showPagination",
+              "name": "pagination",
               "type": {
                 "text": "boolean"
               },
               "optional": true,
-              "description": "Explicitly show the pagination bar even if the slot is empty",
+              "description": "Enable the built-in pagination controls.",
               "default": "false"
             },
             {
@@ -2238,6 +2257,18 @@
               "type": {
                 "text": "CustomEvent"
               }
+            },
+            {
+              "name": "update:startIndex",
+              "type": {
+                "text": "CustomEvent"
+              }
+            },
+            {
+              "name": "update:pageSize",
+              "type": {
+                "text": "CustomEvent"
+              }
             }
           ]
         }
@@ -2364,36 +2395,6 @@
         }
       ]
     },
-    {
-      "kind": "javascript-module",
-      "path": "dist/web-components.js",
-      "declarations": [
-        {
-          "kind": "custom-element",
-          "name": "GTablePaginationElement",
-          "tagName": "g-table-pagination",
-          "members": [
-            {
-              "kind": "field",
-              "name": "start",
-              "type": {
-                "text": "number"
-              },
-              "optional": true
-            },
-            {
-              "kind": "field",
-              "name": "pageSize",
-              "type": {
-                "text": "number"
-              },
-              "optional": true
-            }
-          ],
-          "events": []
-        }
-      ]
-    },
     {
       "kind": "javascript-module",
       "path": "dist/web-components.js",

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

@@ -1,7 +1,7 @@
-import { TableColumn, TableRow, TableSort } from "./table/TableColumn.ts";
-import { VNode } from "vue";
-import { UseFilteringReturn } from "../compose/useFiltering.ts";
-import { CellChangePayload, UseTableChangesReturn } from "../compose/useTableChanges.ts";
+import type { TableColumn, TableRow, TableSort } from "./table/TableColumn.ts";
+import type { VNode } from "vue";
+import type { UseFilteringReturn } from "../compose/useFiltering.ts";
+import type { CellChangePayload, UseTableChangesReturn } from "../compose/useTableChanges.ts";
 export interface BulkAction {
     /**
      * Action identifier
@@ -43,6 +43,8 @@ export interface BulkAction {
  * with the link `href` from the first link in the row.
  *
  * Grouping can be enabled by passing a column key to `groupBy`.
+ *
+ * The controls bar can be extended with the `controls` slot.
  */
 declare const _default: typeof __VLS_export;
 export default _default;
@@ -71,7 +73,7 @@ declare const __VLS_export: <T extends TableRow, C extends TableColumn<T>>(__VLS
         /**
          * Result count for all of the possible results (not just the current page)
          *
-         * This is shown in the toolbar.
+         * This is shown in the toolbar and used by built-in pagination.
          */
         resultCount?: number;
         /**
@@ -107,6 +109,14 @@ declare const __VLS_export: <T extends TableRow, C extends TableColumn<T>>(__VLS
          * to not get wrong.
          */
         startIndex: number;
+        /**
+         * Current page size for the built-in pagination controls.
+         */
+        pageSize?: number;
+        /**
+         * Available page sizes for the built-in pagination controls.
+         */
+        pageSizes?: number[];
         /**
          * Enable bulk selection with checkboxes
          * @demo
@@ -122,10 +132,10 @@ declare const __VLS_export: <T extends TableRow, C extends TableColumn<T>>(__VLS
          */
         changeTracker?: UseTableChangesReturn<T>;
         /**
-         * Explicitly show the pagination bar even if the slot is empty
+         * Enable the built-in pagination controls.
          * @demo
          */
-        showPagination?: boolean;
+        pagination?: boolean;
     } & {
         sorts?: TableSort<T>[];
         filter?: Partial<Record<keyof T, any>>;
@@ -134,10 +144,12 @@ 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:filter"?: ((value: Partial<Record<keyof T, any>>) => any) | undefined;
         "onUpdate:columnVisibility"?: ((value: Partial<Record<Extract<keyof T, string>, boolean>>) => any) | undefined;
         "onUpdate:selectedRows"?: ((value: string[]) => any) | undefined;
+        "onUpdate:startIndex"?: ((value: number) => any) | undefined;
         "onBulk-action"?: ((actionId: string, selectedKeys: string[]) => any) | undefined;
     }> & (typeof globalThis extends {
         __VLS_PROPS_FALLBACK: infer P;
@@ -145,12 +157,14 @@ declare const __VLS_export: <T extends TableRow, C extends TableColumn<T>>(__VLS
     expose: (exposed: {}) => void;
     attrs: any;
     slots: {
-        pagination?: (props: {}) => any;
+        controls?: () => any;
     };
     emit: {
         (e: "row-click", link: string): void;
         (e: "bulk-action", actionId: string, selectedKeys: string[]): void;
         (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:columnVisibility", value: Partial<Record<Extract<keyof T, string>, boolean>>) => void) & ((event: "update:selectedRows", value: string[]) => void));
 }>) => import("vue").VNode & {
     __ctx?: NonNullable<Awaited<typeof __VLS_setup>>;