bank20baht-ui 0.1.7 → 0.1.8

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

@@ -21,11 +21,11 @@ export type CellRenderer = (value: unknown, row: Record<string, unknown>) => unk
  *   t.cursorMode = true; t.hasNext = true; t.hasPrev = false;
  *   t.addEventListener('baht-cursor-change', (e) => fetchPage(e.detail.direction));
  *
- * Set `column-picker` for a built-in "Columns" toggle — it walks `columns`
- * (or the first row's keys, same as the header does) and lets the user
- * show/hide them client-side, no host wiring required:
+ * A built-in "Columns" toggle is ON by default — it walks `columns` (or the
+ * first row's keys, same as the header does) and lets the user show/hide
+ * them client-side, no host wiring required. Set `t.columnPicker = false`
+ * (JS property — a boolean attribute can't express "off") to hide it:
  *
- *   t.columnPicker = true;
  *   t.addEventListener('baht-columns-change', (e) => console.log(e.detail.visibleColumns));
  *
  * `visibleColumns` still works standalone for a host-controlled subset (no
@@ -53,7 +53,7 @@ export declare class BahtTable extends BahtElement {
     renderers: Record<string, CellRenderer>;
     /** Subset + order of `columns` to render; empty/omitted = show all. */
     visibleColumns: string[];
-    /** Built-in "Columns" toggle — derives its options from `columns`/rows. */
+    /** Built-in "Columns" toggle — derives its options from `columns`/rows. Set `column-picker="false"` to hide it. */
     columnPicker: boolean;
     page: number;
     totalPages: number;

package/dist/custom-elements.json

@@ -8348,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));\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\nSet `column-picker` for a built-in \"Columns\" toggle — it walks `columns`\n(or the first row's keys, same as the header does) and lets the user\nshow/hide them client-side, no host wiring required:\n\n  t.columnPicker = true;\n  t.addEventListener('baht-columns-change', (e) => console.log(e.detail.visibleColumns));\n\n`visibleColumns` still works standalone for a host-controlled subset (no\nrefetch) — pass it explicitly and the built-in picker (if also enabled)\nstarts from that selection and keeps emitting updates for it.",
+          "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\nA built-in \"Columns\" toggle is ON by default — it walks `columns` (or the\nfirst row's keys, same as the header does) and lets the user show/hide\nthem client-side, no host wiring required. Set `t.columnPicker = false`\n(JS property — a boolean attribute can't express \"off\") to hide it:\n\n  t.addEventListener('baht-columns-change', (e) => console.log(e.detail.visibleColumns));\n\n`visibleColumns` still works standalone for a host-controlled subset (no\nrefetch) — pass it explicitly and the built-in picker (if also enabled)\nstarts from that selection and keeps emitting updates for it.",
           "name": "BahtTable",
           "members": [
             {
@@ -8477,8 +8477,8 @@
               "type": {
                 "text": "boolean"
               },
-              "default": "false",
-              "description": "Built-in \"Columns\" toggle — derives its options from `columns`/rows.",
+              "default": "true",
+              "description": "Built-in \"Columns\" toggle — derives its options from `columns`/rows. Set `column-picker=\"false\"` to hide it.",
               "attribute": "column-picker"
             },
             {
@@ -8788,8 +8788,8 @@
               "type": {
                 "text": "boolean"
               },
-              "default": "false",
-              "description": "Built-in \"Columns\" toggle — derives its options from `columns`/rows.",
+              "default": "true",
+              "description": "Built-in \"Columns\" toggle — derives its options from `columns`/rows. Set `column-picker=\"false\"` to hide it.",
               "fieldName": "columnPicker"
             },
             {

package/dist/index.js

@@ -313,7 +313,7 @@ var xe = Object.defineProperty, Pe = Object.getOwnPropertyDescriptor, f = (t, e,
 };
 let b = class extends c {
   constructor() {
-    super(...arguments), this.items = [], this.columns = {}, this.loading = !1, this.error = !1, this.errorMessage = "Couldn't load data. Try again.", this.emptyMessage = "No records yet.", this.showIndex = !0, this.indexOffset = 0, this.skeletonRows = 10, this.rowKey = "", this.clickable = !0, this.renderers = {}, this.visibleColumns = [], this.columnPicker = !1, this.page = 1, this.totalPages = 1, this.cursorMode = !1, this.hasNext = !1, this.hasPrev = !1, this.pickerOpen = !1, this.pickedColumns = null, this.onDocMousedown = (t) => {
+    super(...arguments), this.items = [], this.columns = {}, this.loading = !1, this.error = !1, this.errorMessage = "Couldn't load data. Try again.", this.emptyMessage = "No records yet.", this.showIndex = !0, this.indexOffset = 0, this.skeletonRows = 10, this.rowKey = "", this.clickable = !0, this.renderers = {}, this.visibleColumns = [], this.columnPicker = !0, this.page = 1, this.totalPages = 1, this.cursorMode = !1, this.hasNext = !1, this.hasPrev = !1, this.pickerOpen = !1, this.pickedColumns = null, this.onDocMousedown = (t) => {
       this.contains(t.target) || (this.pickerOpen = !1);
     };
   }

package/dist/vscode.html-custom-data.json

@@ -583,7 +583,7 @@
     },
     {
       "name": "baht-table",
-      "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\nSet `column-picker` for a built-in \"Columns\" toggle — it walks `columns`\n(or the first row's keys, same as the header does) and lets the user\nshow/hide them client-side, no host wiring required:\n\n  t.columnPicker = true;\n  t.addEventListener('baht-columns-change', (e) => console.log(e.detail.visibleColumns));\n\n`visibleColumns` still works standalone for a host-controlled subset (no\nrefetch) — pass it explicitly and the built-in picker (if also enabled)\nstarts from that selection and keeps emitting updates for it.\n---\n\n\n### **Events:**\n - **baht-columns-change**\n- **baht-row-click**",
+      "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\nA built-in \"Columns\" toggle is ON by default — it walks `columns` (or the\nfirst row's keys, same as the header does) and lets the user show/hide\nthem client-side, no host wiring required. Set `t.columnPicker = false`\n(JS property — a boolean attribute can't express \"off\") to hide it:\n\n  t.addEventListener('baht-columns-change', (e) => console.log(e.detail.visibleColumns));\n\n`visibleColumns` still works standalone for a host-controlled subset (no\nrefetch) — pass it explicitly and the built-in picker (if also enabled)\nstarts from that selection and keeps emitting updates for it.\n---\n\n\n### **Events:**\n - **baht-columns-change**\n- **baht-row-click**",
       "attributes": [
         { "name": "loading", "values": [] },
         { "name": "error", "values": [] },
@@ -608,7 +608,7 @@
         },
         {
           "name": "column-picker",
-          "description": "Built-in \"Columns\" toggle — derives its options from `columns`/rows.",
+          "description": "Built-in \"Columns\" toggle — derives its options from `columns`/rows. Set `column-picker=\"false\"` to hide it.",
           "values": []
         },
         { "name": "page", "values": [] },

package/dist/web-types.json

@@ -1,7 +1,7 @@
 {
   "$schema": "https://raw.githubusercontent.com/JetBrains/web-types/master/schema/web-types.json",
   "name": "bank20baht-ui",
-  "version": "0.1.7",
+  "version": "0.1.8",
   "description-markup": "markdown",
   "contributions": {
     "html": {
@@ -1452,7 +1452,7 @@
         },
         {
           "name": "baht-table",
-          "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\nSet `column-picker` for a built-in \"Columns\" toggle — it walks `columns`\n(or the first row's keys, same as the header does) and lets the user\nshow/hide them client-side, no host wiring required:\n\n  t.columnPicker = true;\n  t.addEventListener('baht-columns-change', (e) => console.log(e.detail.visibleColumns));\n\n`visibleColumns` still works standalone for a host-controlled subset (no\nrefetch) — pass it explicitly and the built-in picker (if also enabled)\nstarts from that selection and keeps emitting updates for it.\n---\n\n\n### **Events:**\n - **baht-columns-change**\n- **baht-row-click**",
+          "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\nA built-in \"Columns\" toggle is ON by default — it walks `columns` (or the\nfirst row's keys, same as the header does) and lets the user show/hide\nthem client-side, no host wiring required. Set `t.columnPicker = false`\n(JS property — a boolean attribute can't express \"off\") to hide it:\n\n  t.addEventListener('baht-columns-change', (e) => console.log(e.detail.visibleColumns));\n\n`visibleColumns` still works standalone for a host-controlled subset (no\nrefetch) — pass it explicitly and the built-in picker (if also enabled)\nstarts from that selection and keeps emitting updates for it.\n---\n\n\n### **Events:**\n - **baht-columns-change**\n- **baht-row-click**",
           "doc-url": "",
           "attributes": [
             {
@@ -1499,8 +1499,8 @@
             },
             {
               "name": "column-picker",
-              "description": "Built-in \"Columns\" toggle — derives its options from `columns`/rows.",
-              "value": { "type": "boolean", "default": "false" }
+              "description": "Built-in \"Columns\" toggle — derives its options from `columns`/rows. Set `column-picker=\"false\"` to hide it.",
+              "value": { "type": "boolean", "default": "true" }
             },
             { "name": "page", "value": { "type": "number", "default": "1" } },
             {
@@ -1570,7 +1570,7 @@
               },
               {
                 "name": "columnPicker",
-                "description": "Built-in \"Columns\" toggle — derives its options from `columns`/rows.",
+                "description": "Built-in \"Columns\" toggle — derives its options from `columns`/rows. Set `column-picker=\"false\"` to hide it.",
                 "type": "boolean"
               },
               { "name": "page", "type": "number" },

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "bank20baht-ui",
-  "version": "0.1.7",
+  "version": "0.1.8",
   "type": "module",
   "description": "JSON-driven form + workflow engine. Send JSON in, get an interactive form out.",
   "license": "MIT",