@htmlbricks/hb-paginate 0.66.12 → 0.66.14

package/manifest.json

@@ -150,6 +150,10 @@
               },
               "type": "object"
             },
+            "is_loading": {
+              "description": "When true (or attribute `\"yes\"` / `\"true\"`), shows Bootstrap placeholders instead of interactive controls.",
+              "type": "boolean"
+            },
             "page": {
               "type": "number"
             },
@@ -169,7 +173,7 @@
       }
     }
   },
-  "description": "Pagination bar with first/prev/next/last and nearby page buttons, optional “showing X–Y of total” text, configurable page-size input or select, and optional sort field and direction controls with i18n labels.",
+  "description": "Pagination bar with first/prev/next/last and nearby page buttons, optional “showing X–Y of total” text, configurable page-size input or select, and optional sort field and direction controls with i18n labels. Set `is_loading` to show Bootstrap placeholders instead of controls (e.g. cascaded from `hb-table`).",
   "storybookArgs": {
     "page": {
       "control": {
@@ -195,6 +199,11 @@
         "it"
       ]
     },
+    "is_loading": {
+      "control": {
+        "type": "boolean"
+      }
+    },
     "pageChange": {
       "action": "pageChange"
     },
@@ -497,9 +506,36 @@
           "sort_direction": "asc"
         }
       }
+    },
+    {
+      "name": "loadingPlaceholder",
+      "description": "Bootstrap placeholders for the bar and page controls (`is_loading` true; `hb-table` passes this while loading).",
+      "data": {
+        "page": 0,
+        "pages": 4,
+        "is_loading": true,
+        "info": {
+          "total": 100,
+          "size": 25,
+          "page_size_type": "select",
+          "page_size_options": "10,25,50,100",
+          "sort_fields": [
+            {
+              "value": "title",
+              "label": "Title"
+            },
+            {
+              "value": "date",
+              "label": "Date"
+            }
+          ],
+          "sort_by": "title",
+          "sort_direction": "asc"
+        }
+      }
     }
   ],
-  "iifeIntegrity": "sha384-AvWUWkuxVunHVfIKABYbsfrSY50bV6+9PxJwxWmjnN7JLWYdmgdW3xzUynZDFCIM",
+  "iifeIntegrity": "sha384-imS9yJIF3EM1JmRtlvVNsl9SmycbcOzxI2Q1pF9Ozv2QnsbQJhzV+maq3dHJDsr3",
   "screenshots": [],
   "licenses": [
     {
@@ -519,5 +555,5 @@
   "size": {},
   "iifePath": "main.iife.js",
   "repoName": "@htmlbricks/hb-paginate",
-  "version": "0.66.12"
+  "version": "0.66.14"
 }

package/package.json

@@ -1,8 +1,8 @@
 {
   "name": "@htmlbricks/hb-paginate",
-  "version": "0.66.12",
+  "version": "0.66.14",
   "contributors": [],
-  "description": "Pagination bar with first/prev/next/last and nearby page buttons, optional “showing X–Y of total” text, configurable page-size input or select, and optional sort field and direction controls with i18n labels.",
+  "description": "Pagination bar with first/prev/next/last and nearby page buttons, optional “showing X–Y of total” text, configurable page-size input or select, and optional sort field and direction controls with i18n labels. Set `is_loading` to show Bootstrap placeholders instead of controls (e.g. cascaded from `hb-table`).",
   "licenses": [
     {
       "type": "Apache-2.0",

package/types/webcomponent.type.d.json

@@ -87,6 +87,10 @@
           },
           "type": "object"
         },
+        "is_loading": {
+          "description": "When true (or attribute `\"yes\"` / `\"true\"`), shows Bootstrap placeholders instead of interactive controls.",
+          "type": "boolean"
+        },
         "page": {
           "type": "number"
         },

package/types/webcomponent.type.d.ts

@@ -28,6 +28,10 @@ export type Component = {
     sort_default_label?: string;
   };
   i18nlang?: string;
+  /**
+   * When true (or attribute `"yes"` / `"true"`), shows Bootstrap placeholders instead of interactive controls.
+   */
+  is_loading?: boolean;
 };
 
 export type Events = {