bank20baht-ui 0.1.4 → 0.1.6

package/dist/components/primitives/baht-pagination.d.ts

@@ -6,15 +6,25 @@ import { BahtElement } from '../base.js';
  *
  *   <baht-pagination page="4" total-pages="20"></baht-pagination>
  *   <baht-pagination variant="compact" page="1" total-pages="3"></baht-pagination>
+ *
+ * `variant="cursor"` drops page numbers entirely — the host doesn't know a
+ * total, only whether another page exists in either direction:
+ *
+ *   <baht-pagination variant="cursor" has-next has-prev></baht-pagination>
+ *   el.addEventListener('baht-cursor-change', (e) => fetchPage(e.detail.direction));
  */
 export declare class BahtPagination extends BahtElement {
     page: number;
     totalPages: number;
-    /** 'numbered' = 1 … 4 5 6 … 20 · 'compact' = « Page 4 of 20 » */
-    variant: 'numbered' | 'compact';
+    /** 'numbered' = 1 … 4 5 6 … 20 · 'compact' = « Page 4 of 20 · 'cursor' = « Prev / Next » */
+    variant: 'numbered' | 'compact' | 'cursor';
     /** Numbered pages shown on each side of the current page. */
     siblings: number;
+    /** cursor variant only — whether a next/previous page is available. */
+    hasNext: boolean;
+    hasPrev: boolean;
     private go;
+    private goCursor;
     /** Visible page numbers with `null` marking an ellipsis gap. */
     private get pageItems();
     protected render(): TemplateResult;

package/dist/components/primitives/baht-table.d.ts

@@ -13,6 +13,20 @@ export type CellRenderer = (value: unknown, row: Record<string, unknown>) => unk
  *   t.loading = false; t.page = 1; t.totalPages = 12;
  *   t.addEventListener('baht-page-change', (e) => fetchPage(e.detail.page));
  *   t.addEventListener('baht-row-click', (e) => open(e.detail.id));
+ *
+ * Set `cursor-mode` for cursor-based APIs (no total count) — the footer
+ * becomes a Prev/Next pair gated by `has-next`/`has-prev`, and the host
+ * listens for `baht-cursor-change` instead of `baht-page-change`:
+ *
+ *   t.cursorMode = true; t.hasNext = true; t.hasPrev = false;
+ *   t.addEventListener('baht-cursor-change', (e) => fetchPage(e.detail.direction));
+ *
+ * `visibleColumns` picks + orders a subset of `columns` client-side (no
+ * refetch) — pair it with <baht-multiselect> as the chooser UI:
+ *
+ *   picker.field = { key: 'cols', options: Object.entries(t.columns).map(([key, label]) => ({ key, label })) };
+ *   picker.value = t.visibleColumns;           // omit/empty = show all columns
+ *   picker.addEventListener('baht-input', (e) => t.visibleColumns = e.detail.value);
  */
 export declare class BahtTable extends BahtElement {
     /** Rows of the CURRENT page. */
@@ -33,8 +47,14 @@ export declare class BahtTable extends BahtElement {
     clickable: boolean;
     /** Custom cell renderers by column key (functions — a property, never JSON). */
     renderers: Record<string, CellRenderer>;
+    /** Subset + order of `columns` to render; empty/omitted = show all. */
+    visibleColumns: string[];
     page: number;
     totalPages: number;
+    /** Switch the footer to Prev/Next (cursor-based API, no total count). */
+    cursorMode: boolean;
+    hasNext: boolean;
+    hasPrev: boolean;
     private get columnKeys();
     private labelFor;
     private emitRow;

package/dist/custom-elements.json

@@ -5731,7 +5731,7 @@
       "declarations": [
         {
           "kind": "class",
-          "description": "Server-side pagination control: it never slices data — it only reports the\npage the user asked for via `baht-page-change`; the host fetches that page.\n\n  <baht-pagination page=\"4\" total-pages=\"20\"></baht-pagination>\n  <baht-pagination variant=\"compact\" page=\"1\" total-pages=\"3\"></baht-pagination>",
+          "description": "Server-side pagination control: it never slices data — it only reports the\npage the user asked for via `baht-page-change`; the host fetches that page.\n\n  <baht-pagination page=\"4\" total-pages=\"20\"></baht-pagination>\n  <baht-pagination variant=\"compact\" page=\"1\" total-pages=\"3\"></baht-pagination>\n\n`variant=\"cursor\"` drops page numbers entirely — the host doesn't know a\ntotal, only whether another page exists in either direction:\n\n  <baht-pagination variant=\"cursor\" has-next has-prev></baht-pagination>\n  el.addEventListener('baht-cursor-change', (e) => fetchPage(e.detail.direction));",
           "name": "BahtPagination",
           "members": [
             {
@@ -5756,10 +5756,10 @@
               "kind": "field",
               "name": "variant",
               "type": {
-                "text": "'numbered' | 'compact'"
+                "text": "'numbered' | 'compact' | 'cursor'"
               },
               "default": "'numbered'",
-              "description": "'numbered' = 1 … 4 5 6 … 20 · 'compact' = « Page 4 of 20 »",
+              "description": "'numbered' = 1 … 4 5 6 … 20 · 'compact' = « Page 4 of 20 · 'cursor' = « Prev / Next »",
               "attribute": "variant"
             },
             {
@@ -5772,6 +5772,25 @@
               "description": "Numbered pages shown on each side of the current page.",
               "attribute": "siblings"
             },
+            {
+              "kind": "field",
+              "name": "hasNext",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "cursor variant only — whether a next/previous page is available.",
+              "attribute": "has-next"
+            },
+            {
+              "kind": "field",
+              "name": "hasPrev",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "attribute": "has-prev"
+            },
             {
               "kind": "method",
               "name": "go",
@@ -5790,6 +5809,24 @@
                 }
               ]
             },
+            {
+              "kind": "method",
+              "name": "goCursor",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "direction",
+                  "type": {
+                    "text": "'next' | 'prev'"
+                  }
+                }
+              ]
+            },
             {
               "kind": "field",
               "name": "pageItems",
@@ -5807,6 +5844,12 @@
               "type": {
                 "text": "CustomEvent"
               }
+            },
+            {
+              "name": "baht-cursor-change",
+              "type": {
+                "text": "CustomEvent"
+              }
             }
           ],
           "attributes": [
@@ -5829,10 +5872,10 @@
             {
               "name": "variant",
               "type": {
-                "text": "'numbered' | 'compact'"
+                "text": "'numbered' | 'compact' | 'cursor'"
               },
               "default": "'numbered'",
-              "description": "'numbered' = 1 … 4 5 6 … 20 · 'compact' = « Page 4 of 20 »",
+              "description": "'numbered' = 1 … 4 5 6 … 20 · 'compact' = « Page 4 of 20 · 'cursor' = « Prev / Next »",
               "fieldName": "variant"
             },
             {
@@ -5843,6 +5886,23 @@
               "default": "1",
               "description": "Numbered pages shown on each side of the current page.",
               "fieldName": "siblings"
+            },
+            {
+              "name": "has-next",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "cursor variant only — whether a next/previous page is available.",
+              "fieldName": "hasNext"
+            },
+            {
+              "name": "has-prev",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "fieldName": "hasPrev"
             }
           ],
           "superclass": {
@@ -8288,7 +8348,7 @@
       "declarations": [
         {
           "kind": "class",
-          "description": "Server-side data table. `items` is ONE page of rows — the component never\nslices or fetches; on `baht-page-change` the host fetches the next page and\nre-feeds `items`/`page`. While that fetch runs, set `loading` to show\nskeleton rows.\n\n  const t = document.querySelector('baht-table');\n  t.columns = { name: 'Name', created_at: 'Created' };\n  t.items = pageRows;                 // current page only\n  t.loading = false; t.page = 1; t.totalPages = 12;\n  t.addEventListener('baht-page-change', (e) => fetchPage(e.detail.page));\n  t.addEventListener('baht-row-click', (e) => open(e.detail.id));",
+          "description": "Server-side data table. `items` is ONE page of rows — the component never\nslices or fetches; on `baht-page-change` the host fetches the next page and\nre-feeds `items`/`page`. While that fetch runs, set `loading` to show\nskeleton rows.\n\n  const t = document.querySelector('baht-table');\n  t.columns = { name: 'Name', created_at: 'Created' };\n  t.items = pageRows;                 // current page only\n  t.loading = false; t.page = 1; t.totalPages = 12;\n  t.addEventListener('baht-page-change', (e) => fetchPage(e.detail.page));\n  t.addEventListener('baht-row-click', (e) => open(e.detail.id));\n\nSet `cursor-mode` for cursor-based APIs (no total count) — the footer\nbecomes a Prev/Next pair gated by `has-next`/`has-prev`, and the host\nlistens for `baht-cursor-change` instead of `baht-page-change`:\n\n  t.cursorMode = true; t.hasNext = true; t.hasPrev = false;\n  t.addEventListener('baht-cursor-change', (e) => fetchPage(e.detail.direction));\n\n`visibleColumns` picks + orders a subset of `columns` client-side (no\nrefetch) — pair it with <baht-multiselect> as the chooser UI:\n\n  picker.field = { key: 'cols', options: Object.entries(t.columns).map(([key, label]) => ({ key, label })) };\n  picker.value = t.visibleColumns;           // omit/empty = show all columns\n  picker.addEventListener('baht-input', (e) => t.visibleColumns = e.detail.value);",
           "name": "BahtTable",
           "members": [
             {
@@ -8402,6 +8462,15 @@
               "default": "{}",
               "description": "Custom cell renderers by column key (functions — a property, never JSON)."
             },
+            {
+              "kind": "field",
+              "name": "visibleColumns",
+              "type": {
+                "text": "string[]"
+              },
+              "default": "[]",
+              "description": "Subset + order of `columns` to render; empty/omitted = show all."
+            },
             {
               "kind": "field",
               "name": "page",
@@ -8420,6 +8489,34 @@
               "default": "1",
               "attribute": "total-pages"
             },
+            {
+              "kind": "field",
+              "name": "cursorMode",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Switch the footer to Prev/Next (cursor-based API, no total count).",
+              "attribute": "cursor-mode"
+            },
+            {
+              "kind": "field",
+              "name": "hasNext",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "attribute": "has-next"
+            },
+            {
+              "kind": "field",
+              "name": "hasPrev",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "attribute": "has-prev"
+            },
             {
               "kind": "field",
               "name": "columnKeys",
@@ -8613,6 +8710,31 @@
               },
               "default": "1",
               "fieldName": "totalPages"
+            },
+            {
+              "name": "cursor-mode",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Switch the footer to Prev/Next (cursor-based API, no total count).",
+              "fieldName": "cursorMode"
+            },
+            {
+              "name": "has-next",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "fieldName": "hasNext"
+            },
+            {
+              "name": "has-prev",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "fieldName": "hasPrev"
             }
           ],
           "superclass": {