@htmlbricks/hb-table 0.66.26 → 0.67.0

package/manifest.json

@@ -373,7 +373,7 @@
               "type": "string"
             },
             "is_loading": {
-              "description": "When true (or web attribute `\"yes\"` / `\"true\"`), tbody shows Bootstrap placeholder rows (count matches `size`, capped at 100) and the pagination area shows a placeholder bar instead of `hb-paginate`.",
+              "description": "When true (or web attribute `\"yes\"` / `\"true\"`), tbody shows Bulma skeleton rows (count matches `size`, capped at 100) and a single `skeleton-block` covers `hb-paginate` (still mounted, hidden).",
               "type": "boolean"
             },
             "page": {
@@ -824,7 +824,7 @@
       }
     }
   },
-  "description": "Bootstrap-striped data table driven by JSON `headers` and `rows` (`_id` required): column sort, header search (text, enum, date range), formatted values (nested keys, datetime via dayjs), copy-to-clipboard, row highlight and `selectrow` clicks. Global `actions` and per-row `_actions` can open confirm or schema dialogs (`hb-dialog` / `hb-dialogform`). Optional multi-select with `selectactions`, `add_item` slot, and `hb-paginate` for page size, sort sync, and server-style `externalfilter` / `total` workflows. Set `is_loading` to show Bootstrap placeholder rows and a pagination skeleton overlay while `hb-paginate` stays mounted for prop sync. i18n via `i18nlang`.",
+  "description": "Bulma-styled data table driven by JSON `headers` and `rows` (`_id` required): column sort, header search (text, enum, date range), formatted values (nested keys, datetime via dayjs), copy-to-clipboard, row highlight and `selectrow` clicks. Global `actions` and per-row `_actions` can open confirm or schema dialogs (`hb-dialog` / `hb-dialogform`). Optional multi-select with `selectactions`, `add_item` slot, and `hb-paginate` for page size, sort sync, and server-style `externalfilter` / `total` workflows. Set `is_loading` for Bulma skeleton placeholders in tbody and a single `skeleton-block` over pagination while `hb-paginate` stays mounted for prop sync. i18n via `i18nlang`.",
   "storybookArgs": {
     "size": {
       "control": {
@@ -1007,7 +1007,38 @@
     }
   },
   "styleSetup": {
-    "vars": [],
+    "vars": [
+      {
+        "name": "--hb-table-footer-margin-inline-end",
+        "valueType": "number",
+        "defaultValue": "1.25rem",
+        "description": "Margin on the inline-end side of the footer pagination block (`hb-paginate` and loading skeleton). Defaults to `--bulma-block-spacing`."
+      },
+      {
+        "name": "--hb-table-sk-pagination-height",
+        "valueType": "number",
+        "defaultValue": "2.5em",
+        "description": "Height of the pagination loading placeholder (`skeleton-block` over `hb-paginate`). Defaults to `--bulma-control-height`."
+      },
+      {
+        "name": "--hb-table-sk-pagination-min-width",
+        "valueType": "number",
+        "defaultValue": "min(28rem, 100%)",
+        "description": "Minimum width of the pagination area while `is_loading` (wider skeleton rectangle). Default caps at viewport via `min(..., 100%)`."
+      },
+      {
+        "name": "--hb-table-sk-pagination-offset-inline-end",
+        "valueType": "number",
+        "defaultValue": "0.65rem",
+        "description": "Added to `--hb-table-footer-margin-inline-end` while `is_loading` only, shifting the skeleton slightly inward from the host inline-end edge."
+      },
+      {
+        "name": "--hb-table-toolbar-settings-margin-inline-start",
+        "valueType": "number",
+        "defaultValue": "1.25rem",
+        "description": "Margin before the multi-select settings (gear) button in `part=\"table-actions\"`. Defaults to `--bulma-block-spacing`."
+      }
+    ],
     "parts": [
       {
         "name": "table",
@@ -3446,7 +3477,7 @@
     },
     {
       "name": "BasicTableLoadingPlaceholder",
-      "description": "With `is_loading` true, tbody shows placeholder rows (count follows `size`, max 100) and the pagination bar shows an inline skeleton overlay; `hb-paginate` stays mounted (hidden) so `page` / `pages` stay in sync.",
+      "description": "With `is_loading` true, tbody uses Bulma `skeleton-lines`, `checkbox.is-skeleton`, and `button.is-skeleton` (count follows `size`, max 100); the footer shows one `skeleton-block` over `hb-paginate` (height `--hb-table-sk-pagination-height`, min-width `--hb-table-sk-pagination-min-width`). `hb-paginate` stays mounted (hidden) so `page` / `pages` stay in sync.",
       "data": {
         "headers": [
           {
@@ -3475,7 +3506,131 @@
       }
     }
   ],
-  "iifeIntegrity": "sha384-0zzbqgwP9PQxI2xrff4XBLCiJQIf7nGrbKJzLb8/sodc+nkItvKuUABHZDPeSmsu",
+  "iifeIntegrity": "sha384-xaQfiK/mBpO5WxBk/Mj4eJsSJV0tctLIv5rkrL5npX+cuaK0KX7H1jiTRLZzwDKd",
+  "dependencies": [
+    {
+      "name": "hb-dialog",
+      "dependencies": []
+    },
+    {
+      "name": "hb-dialogform",
+      "dependencies": [
+        {
+          "name": "hb-dialog",
+          "dependencies": []
+        },
+        {
+          "name": "hb-form",
+          "dependencies": [
+            {
+              "name": "hb-input-area",
+              "dependencies": []
+            },
+            {
+              "name": "hb-input-array-objects",
+              "dependencies": [
+                {
+                  "name": "hb-form",
+                  "dependencies": []
+                },
+                {
+                  "name": "hb-table",
+                  "dependencies": []
+                }
+              ]
+            },
+            {
+              "name": "hb-input-array-tags",
+              "dependencies": []
+            },
+            {
+              "name": "hb-input-checkbox",
+              "dependencies": []
+            },
+            {
+              "name": "hb-input-color",
+              "dependencies": []
+            },
+            {
+              "name": "hb-input-coords",
+              "dependencies": [
+                {
+                  "name": "hb-input-number",
+                  "dependencies": []
+                },
+                {
+                  "name": "hb-map",
+                  "dependencies": []
+                }
+              ]
+            },
+            {
+              "name": "hb-input-date",
+              "dependencies": []
+            },
+            {
+              "name": "hb-input-datetime",
+              "dependencies": [
+                {
+                  "name": "hb-input-date",
+                  "dependencies": []
+                },
+                {
+                  "name": "hb-input-number",
+                  "dependencies": []
+                }
+              ]
+            },
+            {
+              "name": "hb-input-email",
+              "dependencies": []
+            },
+            {
+              "name": "hb-input-file",
+              "dependencies": []
+            },
+            {
+              "name": "hb-input-number",
+              "dependencies": []
+            },
+            {
+              "name": "hb-input-radio",
+              "dependencies": []
+            },
+            {
+              "name": "hb-input-range",
+              "dependencies": []
+            },
+            {
+              "name": "hb-input-select",
+              "dependencies": []
+            },
+            {
+              "name": "hb-input-text",
+              "dependencies": []
+            }
+          ]
+        }
+      ]
+    },
+    {
+      "name": "hb-paginate",
+      "dependencies": [
+        {
+          "name": "hb-input-number",
+          "dependencies": []
+        },
+        {
+          "name": "hb-input-select",
+          "dependencies": []
+        }
+      ]
+    },
+    {
+      "name": "hb-tooltip",
+      "dependencies": []
+    }
+  ],
   "screenshots": [],
   "licenses": [
     {
@@ -3495,5 +3650,5 @@
   "size": {},
   "iifePath": "main.iife.js",
   "repoName": "@htmlbricks/hb-table",
-  "version": "0.66.26"
+  "version": "0.67.0"
 }

package/package.json

@@ -1,8 +1,8 @@
 {
   "name": "@htmlbricks/hb-table",
-  "version": "0.66.26",
+  "version": "0.67.0",
   "contributors": [],
-  "description": "Bootstrap-striped data table driven by JSON `headers` and `rows` (`_id` required): column sort, header search (text, enum, date range), formatted values (nested keys, datetime via dayjs), copy-to-clipboard, row highlight and `selectrow` clicks. Global `actions` and per-row `_actions` can open confirm or schema dialogs (`hb-dialog` / `hb-dialogform`). Optional multi-select with `selectactions`, `add_item` slot, and `hb-paginate` for page size, sort sync, and server-style `externalfilter` / `total` workflows. Set `is_loading` to show Bootstrap placeholder rows and a pagination skeleton overlay while `hb-paginate` stays mounted for prop sync. i18n via `i18nlang`.",
+  "description": "Bulma-styled data table driven by JSON `headers` and `rows` (`_id` required): column sort, header search (text, enum, date range), formatted values (nested keys, datetime via dayjs), copy-to-clipboard, row highlight and `selectrow` clicks. Global `actions` and per-row `_actions` can open confirm or schema dialogs (`hb-dialog` / `hb-dialogform`). Optional multi-select with `selectactions`, `add_item` slot, and `hb-paginate` for page size, sort sync, and server-style `externalfilter` / `total` workflows. Set `is_loading` for Bulma skeleton placeholders in tbody and a single `skeleton-block` over pagination while `hb-paginate` stays mounted for prop sync. i18n via `i18nlang`.",
   "licenses": [
     {
       "type": "Apache-2.0",

package/types/webcomponent.type.d.json

@@ -40,7 +40,7 @@
           "type": "string"
         },
         "is_loading": {
-          "description": "When true (or web attribute `\"yes\"` / `\"true\"`), tbody shows Bootstrap placeholder rows (count matches `size`, capped at 100) and the pagination area shows a placeholder bar instead of `hb-paginate`.",
+          "description": "When true (or web attribute `\"yes\"` / `\"true\"`), tbody shows Bulma skeleton rows (count matches `size`, capped at 100) and a single `skeleton-block` covers `hb-paginate` (still mounted, hidden).",
           "type": "boolean"
         },
         "page": {

package/types/webcomponent.type.d.ts

@@ -87,8 +87,8 @@ export type Component = {
   /** Current sort direction */
   sort_direction?: string;
   /**
-   * When true (or web attribute `"yes"` / `"true"`), tbody shows Bootstrap placeholder rows
-   * (count matches `size`, capped at 100) and the pagination area shows a placeholder bar instead of `hb-paginate`.
+   * When true (or web attribute `"yes"` / `"true"`), tbody shows Bulma skeleton rows
+   * (count matches `size`, capped at 100) and a single `skeleton-block` covers `hb-paginate` (still mounted, hidden).
    */
   is_loading?: boolean;
 };