@htmlbricks/hb-table 0.66.11 → 0.66.13

package/manifest.json

@@ -372,6 +372,10 @@
             "id": {
               "type": "string"
             },
+            "is_loading": {
+              "description": "When true (or web attribute `\"yes\"` / `\"true\"`), tbody shows Bootstrap placeholder rows; count matches `size` (page size), capped at 100. The same value is forwarded to `hb-paginate`.",
+              "type": "boolean"
+            },
             "page": {
               "type": "number"
             },
@@ -820,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. i18n via `i18nlang`.",
+  "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 while data loads (row count follows `size`, max 100); the same flag is passed to `hb-paginate` for its loading placeholders. i18n via `i18nlang`.",
   "storybookArgs": {
     "size": {
       "control": {
@@ -995,6 +999,11 @@
     },
     "changePageSize": {
       "action": "changePageSizeEvent"
+    },
+    "is_loading": {
+      "control": {
+        "type": "boolean"
+      }
     }
   },
   "styleSetup": {
@@ -3434,9 +3443,39 @@
         "page_size_type": "select",
         "page_size_options": "5,10,25"
       }
+    },
+    {
+      "name": "BasicTableLoadingPlaceholder",
+      "description": "With `is_loading` true, tbody shows placeholder rows; count follows `size` (page size), max 100.",
+      "data": {
+        "headers": [
+          {
+            "label": "title",
+            "key": "title",
+            "search": true
+          },
+          {
+            "label": "description",
+            "key": "description"
+          },
+          {
+            "label": "nested",
+            "key": "testnested.nested"
+          },
+          {
+            "label": "data",
+            "key": "time",
+            "type": "datetime",
+            "format": "DD MMMM YYYY"
+          }
+        ],
+        "rows": [],
+        "size": 5,
+        "is_loading": true
+      }
     }
   ],
-  "iifeIntegrity": "sha384-QJJDujoe7s5quNakfwiajbWvgSPLf+QdSCeFhXrlPAKbbJl2ZlXwmPOLzlnyAGg9",
+  "iifeIntegrity": "sha384-uPsrjvaIPFBCsRDHCwGuWRXPAn7zGim89S9YCNIiMkcpG4GyeH7SKon04SALKUUL",
   "screenshots": [],
   "licenses": [
     {
@@ -3456,5 +3495,5 @@
   "size": {},
   "iifePath": "main.iife.js",
   "repoName": "@htmlbricks/hb-table",
-  "version": "0.66.11"
+  "version": "0.66.13"
 }

package/package.json

@@ -1,8 +1,8 @@
 {
   "name": "@htmlbricks/hb-table",
-  "version": "0.66.11",
+  "version": "0.66.13",
   "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. i18n via `i18nlang`.",
+  "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 while data loads (row count follows `size`, max 100); the same flag is passed to `hb-paginate` for its loading placeholders. i18n via `i18nlang`.",
   "licenses": [
     {
       "type": "Apache-2.0",

package/types/webcomponent.type.d.json

@@ -39,6 +39,10 @@
         "id": {
           "type": "string"
         },
+        "is_loading": {
+          "description": "When true (or web attribute `\"yes\"` / `\"true\"`), tbody shows Bootstrap placeholder rows; count matches `size` (page size), capped at 100. The same value is forwarded to `hb-paginate`.",
+          "type": "boolean"
+        },
         "page": {
           "type": "number"
         },

package/types/webcomponent.type.d.ts

@@ -86,6 +86,11 @@ export type Component = {
   sort_strict_direction?: boolean;
   /** Current sort direction */
   sort_direction?: string;
+  /**
+   * When true (or web attribute `"yes"` / `"true"`), tbody shows Bootstrap placeholder rows;
+   * count matches `size` (page size), capped at 100. The same value is forwarded to `hb-paginate`.
+   */
+  is_loading?: boolean;
 };
 
 export type Events = {