cat-qw-lib 2.2.13 → 2.2.15

package/fesm2022/cat-qw-lib.mjs

@@ -2938,6 +2938,7 @@ class TableSecondaryComponent {
     handleLoadRecords(event) {
         this.page = (event.first / event.rows) + 1;
         this.limit = event.rows;
+        this.isShowSkeleton = true;
         // Emit the pagination event to parent components
         this.onPage.emit(event);
         // If pathName is provided, use the default service method
@@ -2951,6 +2952,7 @@ class TableSecondaryComponent {
                     this.table = this.builder.buildTable(res.data);
                     this.metaData = res.metadata;
                     this.recordNumber = Math.min(this.metaData.currentPage * this.metaData.itemsPerPage, this.metaData.totalItems);
+                    this.isShowSkeleton = false; // Hide skeleton when data is loaded
                 },
                 /**
                  * Handles any error encountered while fetching the paginated list.
@@ -2958,6 +2960,7 @@ class TableSecondaryComponent {
                  */
                 error: (err) => {
                     console.error(ERROR.ERROR_FETCHING_DATA, err);
+                    this.isShowSkeleton = false; // Hide skeleton on error
                 }
             });
         }
@@ -6910,7 +6913,7 @@ class QueueContainerComponent extends BaseContainerComponent {
     searchText = SHARED.EMPTY;
     sortBy = SHARED.EMPTY;
     sortOrder = 1;
-    isShowSkeleton = true;
+    isShowSkeleton = false;
     resetSort = false;
     appliedFilters = {};
     placeholder = '';
@@ -6942,6 +6945,7 @@ class QueueContainerComponent extends BaseContainerComponent {
         this.baseQuery = baseQuery;
     }
     ngOnInit() {
+        this.isShowSkeleton = true;
         const storedQueueId = this.getStoredQueueId();
         this.initializeComponent(storedQueueId ?? undefined);
         this.setupSearchDebounce();
@@ -7131,6 +7135,7 @@ class QueueContainerComponent extends BaseContainerComponent {
     }
     getQueueRecordsData(page, limit) {
         this.loading = true;
+        this.isShowSkeleton = true;
         if (!this.selectedQueue?.apiConfig) {
             console.log("Queue data or apiConfig not available");
             return;