cat-qw-lib 2.6.47 → 2.6.49

package/fesm2022/cat-qw-lib.mjs

@@ -33,7 +33,7 @@ import * as i7 from 'primeng/messages';
 import { MessagesModule } from 'primeng/messages';
 import * as i4$2 from 'primeng/tooltip';
 import { TooltipModule } from 'primeng/tooltip';
-import { tap, map as map$1, catchError, debounceTime as debounceTime$1, distinctUntilChanged as distinctUntilChanged$1, switchMap } from 'rxjs/operators';
+import { tap, map as map$1, catchError, debounceTime as debounceTime$1, distinctUntilChanged as distinctUntilChanged$1, switchMap, finalize } from 'rxjs/operators';
 import * as i1$1 from '@angular/common/http';
 import { HttpClientModule, HttpHeaders } from '@angular/common/http';
 import * as i3$4 from '@angular/router';
@@ -2650,7 +2650,7 @@ class QueueFilterDropdownService extends BaseService {
      */
     getUnderwritersList(searchKey = SHARED.EMPTY) {
         const url = `${this.apiUrl}${ROUTES.GET_ALL_UNDERWRITER_TEAMLEAD}${SHARED.QUESTION_MARK}searchKey${SHARED.EQUALS}${encodeURIComponent(searchKey)}`;
-        return this.http.get(url, { headers: { 'Authorization': 'Bearer ' + '4e5f3a06-d5ca-4ed4-a9bd-7462046e8b70' } }).pipe(map$1((response) => {
+        return this.http.get(url, { headers: { 'Authorization': 'Bearer ' + '1b0ab0db-ac66-46f7-bba2-d87390aa253b' } }).pipe(map$1((response) => {
             // Transform API response to match component's expected format
             const underwriters = Array.isArray(response) ? response : (response?.data || []);
             return underwriters.map((uw) => ({
@@ -7114,7 +7114,7 @@ class QueueService extends BaseService {
             }
         }
         // Use POST method with body containing underwriterIds and unassigned
-        return this.http.post(url, body, { headers: { 'Authorization': 'Bearer ' + '4e5f3a06-d5ca-4ed4-a9bd-7462046e8b70' } }).pipe(tap$1((response) => {
+        return this.http.post(url, body, { headers: { 'Authorization': 'Bearer ' + '1b0ab0db-ac66-46f7-bba2-d87390aa253b' } }).pipe(tap$1((response) => {
             if (useCache) {
                 this.recordCache.set(cacheKey, { data: response, timestamp: Date.now() });
             }
@@ -7132,7 +7132,7 @@ class QueueService extends BaseService {
      * @returns {Observable<any>} Observable emitting the fetched queue entities
      */
     getAllQueue() {
-        const headers = new HttpHeaders().set('Authorization', 'Bearer 4e5f3a06-d5ca-4ed4-a9bd-7462046e8b70');
+        const headers = new HttpHeaders().set('Authorization', 'Bearer 1b0ab0db-ac66-46f7-bba2-d87390aa253b');
         return this.http.get(this.apiUrl + this._pathName, { headers }).pipe(tap$1((entities) => { this.queueStore.set(entities); }));
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.5", ngImport: i0, type: QueueService, deps: [{ token: QueueStore$1 }, { token: i1$1.HttpClient }, { token: AppConfigService }, { token: ListService }], target: i0.ɵɵFactoryTarget.Injectable });
@@ -8018,7 +8018,8 @@ class QueueContainerComponent extends BaseContainerComponent {
     selectedQueue;
     currentSearchTerm = '';
     selectedRows = [];
-    loading = false;
+    /** Only while loading the queue list (sidebar); never tied to record pagination. */
+    queueListLoading = false;
     error = null;
     filteredQueueData = [];
     selectedStatus = 'active';
@@ -8124,7 +8125,8 @@ class QueueContainerComponent extends BaseContainerComponent {
         const { page, limit } = this.queueBusinessService.calculatePagination(event);
         // Force refresh on explicit paginator navigation so returning to page 1
         // (often already cached from initial load) still triggers an API call.
-        this.getQueueRecordsData(page, limit, true);
+        // Show table skeleton while loading the next page (left nav stays visible).
+        this.getQueueRecordsData(page, limit, true, false);
     }
     onFilterApplied(record) {
         this.queryString = this.queueBusinessService.buildQueryString(record);
@@ -8200,18 +8202,19 @@ class QueueContainerComponent extends BaseContainerComponent {
         });
     }
     getAllQueueList(preferredQueueId) {
-        this.loading = true;
+        this.queueListLoading = true;
         this.error = null;
         this.queueService.getAllQueue().subscribe({
             next: (res) => {
                 this.queueList = Array.isArray(res) ? res : (res.data || res);
                 this.baseStore.setQueueList(this.queueList);
                 this.filterQueues(preferredQueueId);
-                this.loading = false;
+                this.queueListLoading = false;
             },
             error: (err) => {
                 this.error = ERROR.UNABLE_TO_FETCH_QUEUE_LIST;
-                this.loading = false;
+                this.queueListLoading = false;
+                this.isShowSkeleton = false;
                 console.error(ERROR.UNABLE_TO_FETCH_QUEUE_LIST, err);
             }
         });
@@ -8232,6 +8235,7 @@ class QueueContainerComponent extends BaseContainerComponent {
         }
         else {
             console.warn(ERROR.NO_QUEUE_FOUND_WITH_ID);
+            this.isShowSkeleton = false;
         }
     }
     resetSorting() {
@@ -8254,32 +8258,49 @@ class QueueContainerComponent extends BaseContainerComponent {
                 this.handleQueueData(this.selectedQueueId);
             }
         }
+        else {
+            this.selectedQueueId = null;
+            this.selectedQueue = undefined;
+            this.isShowSkeleton = false;
+        }
     }
-    getQueueRecordsData(page, limit, forceRefresh = false) {
-        this.isShowSkeleton = true;
+    getQueueRecordsData(page, limit, forceRefresh = false, softTransition = false) {
         if (!this.selectedQueue?.apiConfig) {
-            console.log("Queue data or apiConfig not available");
+            console.warn('Queue data or apiConfig not available');
+            this.isShowSkeleton = false;
+            if (!this.table) {
+                this.table = this.tableBuilder.buildSecondaryTable([], undefined, undefined, undefined, {
+                    isReferredQueue: this.isReferredQueue(this.selectedQueue)
+                });
+            }
+            this.metaData = {
+                totalItems: 0,
+                currentPage: page || this.currentPage,
+                itemsPerPage: limit || this.currentLimit,
+                totalPages: 0
+            };
             return;
         }
         const targetPage = page || this.currentPage;
         const targetLimit = limit || this.currentLimit;
-        // Immediately clear current rows so we never show stale data while loading a new queue/search/page.
-        // (The skeleton / loading state can render while the new request is in-flight.)
-        this.loading = true;
-        if (this.table) {
-            this.table = { ...this.table, records: [] };
-        }
-        else {
-            this.table = this.tableBuilder.buildSecondaryTable([], undefined, undefined, undefined, {
-                isReferredQueue: this.isReferredQueue(this.selectedQueue)
-            });
+        if (!softTransition) {
+            // Full refresh: skeleton + empty table (new queue, search, filters, sort, initial load).
+            this.isShowSkeleton = true;
+            if (this.table) {
+                this.table = { ...this.table, records: [] };
+            }
+            else {
+                this.table = this.tableBuilder.buildSecondaryTable([], undefined, undefined, undefined, {
+                    isReferredQueue: this.isReferredQueue(this.selectedQueue)
+                });
+            }
+            this.metaData = {
+                totalItems: 0,
+                currentPage: targetPage,
+                itemsPerPage: targetLimit,
+                totalPages: 0
+            };
         }
-        this.metaData = {
-            totalItems: 0,
-            currentPage: targetPage,
-            itemsPerPage: targetLimit,
-            totalPages: 0
-        };
         // Capture snapshot so we can ignore stale responses when user changes queue/search/page before this request completes
         const requestSnapshot = {
             queueId: this.selectedQueueId,
@@ -8300,16 +8321,20 @@ class QueueContainerComponent extends BaseContainerComponent {
             });
             filterQueryString = existingParams.toString();
         }
-        this.queueService.getPaginatedQueueRecords(this.selectedQueue.apiConfig, this.currentSearchTerm, targetPage, targetLimit, filterQueryString, this.sortBy, this.getSortOrderString(this.sortOrder), !forceRefresh).subscribe({
+        this.queueService.getPaginatedQueueRecords(this.selectedQueue.apiConfig, this.currentSearchTerm, targetPage, targetLimit, filterQueryString, this.sortBy, this.getSortOrderString(this.sortOrder), !forceRefresh).pipe(finalize(() => {
+            if (this.latestRequestSnapshot === requestSnapshot) {
+                this.isShowSkeleton = false;
+            }
+        })).subscribe({
             next: (res) => {
                 // Ignore response if a newer request was already sent (e.g. user cleared and typed a new search)
                 if (this.latestRequestSnapshot !== requestSnapshot) {
                     return;
                 }
-                const apiData = res?.data || res?.paginatedResults || res || [];
+                const raw = res?.data ?? res?.paginatedResults ?? res;
+                const apiData = Array.isArray(raw) ? raw : [];
                 if (apiData && apiData.length > 0) {
                     this.isShowSkeleton = false;
-                    this.loading = false;
                     this.table = this.tableBuilder.buildSecondaryTable(apiData, undefined, undefined, undefined, {
                         isReferredQueue: this.isReferredQueue(this.selectedQueue)
                     });
@@ -8317,14 +8342,12 @@ class QueueContainerComponent extends BaseContainerComponent {
                 else if (this.table) {
                     this.table = { ...this.table, records: [] };
                     this.isShowSkeleton = false;
-                    this.loading = false;
                 }
                 else {
                     this.table = this.tableBuilder.buildSecondaryTable([], undefined, undefined, undefined, {
                         isReferredQueue: this.isReferredQueue(this.selectedQueue)
                     });
                     this.isShowSkeleton = false;
-                    this.loading = false;
                 }
                 this.currentPage = targetPage;
                 this.currentLimit = targetLimit;
@@ -8335,23 +8358,24 @@ class QueueContainerComponent extends BaseContainerComponent {
                 if (this.latestRequestSnapshot !== requestSnapshot) {
                     return;
                 }
-                this.loading = false;
                 this.isShowSkeleton = false;
                 console.error("Error fetching data:", error);
-                if (this.table) {
-                    this.table = { ...this.table, records: [] };
-                }
-                else {
-                    this.table = this.tableBuilder.buildSecondaryTable([], undefined, undefined, undefined, {
-                        isReferredQueue: this.isReferredQueue(this.selectedQueue)
-                    });
+                if (!softTransition) {
+                    if (this.table) {
+                        this.table = { ...this.table, records: [] };
+                    }
+                    else {
+                        this.table = this.tableBuilder.buildSecondaryTable([], undefined, undefined, undefined, {
+                            isReferredQueue: this.isReferredQueue(this.selectedQueue)
+                        });
+                    }
+                    this.metaData = {
+                        totalItems: 0,
+                        currentPage: targetPage,
+                        itemsPerPage: targetLimit,
+                        totalPages: 0
+                    };
                 }
-                this.metaData = {
-                    totalItems: 0,
-                    currentPage: targetPage,
-                    itemsPerPage: targetLimit,
-                    totalPages: 0
-                };
             }
         });
     }
@@ -8411,11 +8435,11 @@ class QueueContainerComponent extends BaseContainerComponent {
         }
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.5", ngImport: i0, type: QueueContainerComponent, deps: [{ token: QueueStore$1 }, { token: QueueService }, { token: BaseStore }, { token: QueueBusinessService }, { token: QueueRecordTableBuilderService }, { token: QueueFilterDropdownService }, { token: BaseQuery }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.5", type: QueueContainerComponent, isStandalone: false, selector: "lib-queue-container", inputs: { placeholder: "placeholder", selectedRowsInput: "selectedRowsInput" }, outputs: { assignmentComplete: "assignmentComplete", userAssigned: "userAssigned", selectedRowsData: "selectedRowsData", assignmentDataReady: "assignmentDataReady", rowClick: "rowClick", selectionChange: "selectionChange", isAllRowSelected: "isAllRowSelected", excludedApplicationIds: "excludedApplicationIds" }, viewQueries: [{ propertyName: "filterDropdown", first: true, predicate: ["filterDropdown"], descendants: true }], usesInheritance: true, ngImport: i0, template: "<div class=\"container grid m-0 h-full\">\r\n    <div class=\"col-12 xl:col-2 md:col-12 py-0 pl-0 h-full\">\r\n      <lib-skeleton *ngIf=\"loading\" [isAllowCard]=\"true\" [count]=\"5\" [width]=\"'100%'\" [height]=\"'4.5rem'\"></lib-skeleton>\r\n      @if(!loading){\r\n      <div class=\"queue-list-container-wrapper p-0\">\r\n        <app-queue-list\r\n        [queueData]=\"filteredQueueData\"\r\n        [selectedQueueId]=\"selectedQueueId\"\r\n        [selectedStatus]=\"selectedStatus\"\r\n        [userRole]=\"userRole\"\r\n        [showQueueDataForm]=\"true\"\r\n        (queueSelected)=\"onQueueSelected($event)\"\r\n        (statusChanged)=\"onStatusChanged($event)\"\r\n        (insertQueueRequested)=\"onInsertQueueRequested()\"\r\n        ></app-queue-list>\r\n      </div>\r\n      }\r\n    </div>\r\n    <div class=\"col-12 xl:col-10 md:col-12 py-0 pr-0 h-full\">\r\n      @if(selectedQueue){\r\n      <div class=\"queue-application-container-wrapper h-full\">\r\n      <div class=\"grid m-0 justify-content-between align-items-center mb-3\">\r\n          <div class=\"col-8 p-0 flex align-items-center\">\r\n            <div class=\"col-7 p-0 mr-3\">\r\n              <queue-search \r\n                [placeholder]=\"placeholder\"\r\n                [searchText]=\"searchText\"\r\n                (searchInputChanged)=\"onSearchInputChanged($event)\"\r\n                (searchRequested)=\"onSearchRequested($event)\"\r\n                (searchCleared)=\"onSearchCleared()\">\r\n              </queue-search>\r\n            </div>\r\n            <div>\r\n              <lib-queue-filter-dropdown \r\n                #filterDropdown\r\n                [appliedFilters]=\"appliedFilters\"\r\n                (filterApplied)=\"onFilterDropdownApplied($event)\"\r\n                (filtersCleared)=\"onFiltersCleared()\">\r\n              </lib-queue-filter-dropdown>\r\n            </div>\r\n            <div *ngIf=\"hasActiveFilters\">\r\n              <button \r\n                class=\"clear-filters-btn\"\r\n                type=\"button\"\r\n                (click)=\"onClearAllFilters()\">\r\n                Clear <i class=\"pi pi-times ml-2\"></i>\r\n              </button>\r\n            </div>\r\n          </div>\r\n          \r\n          <div class=\"flex align-items-center gap-3 col-3 py-0 pl-0 justify-content-end\">\r\n            <ng-content select=\"[user-dropdown]\"></ng-content>\r\n          </div>\r\n      </div>\r\n\r\n      <div class=\"animation-duration-500 associated-list queue-table-container-wrapper custom-scroll mb-0 p-0\">\r\n \r\n        <app-queue-record-table\r\n          [table]=\"table\"\r\n          [metaData]=\"metaData\"\r\n          [loading]=\"loading\"\r\n          [selectedRows]=\"selectedRows\"\r\n          [resetSort]=\"resetSort\"\r\n          [isShowSkeleton]=\"isShowSkeleton\"\r\n          [selectedQueue]=\"selectedQueue\"\r\n          (selectionChange)=\"onTableSelectionChange($event)\"\r\n          (selectedRowsData)=\"onTableSelectionChange($event)\"\r\n          (assignmentDataReady)=\"onAssignmentDataReady($event)\"\r\n          (rowClick)=\"onTableRowClick($event)\"\r\n          (paginationChanged)=\"onPaginationChanged($event)\"\r\n          (filterApplied)=\"onFilterApplied($event)\"\r\n          (sortApplied)=\"onSortApplied($event)\">\r\n        </app-queue-record-table>\r\n      </div>\r\n      </div>\r\n      }\r\n    </div>\r\n\r\n  </div>", styles: [":host{display:block;height:100%;padding-top:14px}.queue-table-container-wrapper{height:calc(100% - 58px)}.queue-list-container-wrapper{background-color:transparent}.queue-application-container-wrapper{background-color:#fff;border-radius:15px;padding:20px}.clear-filters-btn{background:none;border:1px solid #e5e7eb;color:#64748b;font-size:.85rem;font-weight:500;cursor:pointer;margin-left:.5rem;display:inline-flex;align-items:center;padding:6px 12px;border-radius:8px;transition:all .2s ease}.clear-filters-btn:hover{background:#f8fafc;border-color:#cbd5e1;color:#ef4444}.clear-filters-btn i{font-size:.75rem}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: SkeletonComponent, selector: "lib-skeleton", inputs: ["count", "columns", "width", "height", "isAllowCard"] }, { kind: "component", type: QueueSearchComponent, selector: "queue-search", inputs: ["searchText", "placeholder", "debounceTime"], outputs: ["searchInputChanged", "searchRequested", "searchCleared"] }, { kind: "component", type: QueueListComponent, selector: "app-queue-list", inputs: ["queueData", "selectedQueueId", "selectedStatus", "userRole", "showQueueDataForm"], outputs: ["queueSelected", "statusChanged", "insertQueueRequested"] }, { kind: "component", type: QueueRecordTableComponent, selector: "app-queue-record-table", inputs: ["table", "metaData", "loading", "selectedRows", "resetSort", "isShowSkeleton", "selectedQueue"], outputs: ["selectionChange", "selectedRowsData", "assignmentDataReady", "rowClick", "paginationChanged", "filterApplied", "sortApplied"] }, { kind: "component", type: QueueFilterDropdownComponent, selector: "lib-queue-filter-dropdown", inputs: ["appliedFilters"], outputs: ["filterApplied", "filtersCleared"] }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.5", type: QueueContainerComponent, isStandalone: false, selector: "lib-queue-container", inputs: { placeholder: "placeholder", selectedRowsInput: "selectedRowsInput" }, outputs: { assignmentComplete: "assignmentComplete", userAssigned: "userAssigned", selectedRowsData: "selectedRowsData", assignmentDataReady: "assignmentDataReady", rowClick: "rowClick", selectionChange: "selectionChange", isAllRowSelected: "isAllRowSelected", excludedApplicationIds: "excludedApplicationIds" }, viewQueries: [{ propertyName: "filterDropdown", first: true, predicate: ["filterDropdown"], descendants: true }], usesInheritance: true, ngImport: i0, template: "<div class=\"container grid m-0 h-full\">\r\n    <div class=\"col-12 xl:col-2 md:col-12 py-0 pl-0 h-full\">\r\n      <lib-skeleton *ngIf=\"queueListLoading\" [isAllowCard]=\"true\" [count]=\"5\" [width]=\"'100%'\" [height]=\"'4.5rem'\"></lib-skeleton>\r\n      @if(!queueListLoading){\r\n      <div class=\"queue-list-container-wrapper p-0\">\r\n        <app-queue-list\r\n        [queueData]=\"filteredQueueData\"\r\n        [selectedQueueId]=\"selectedQueueId\"\r\n        [selectedStatus]=\"selectedStatus\"\r\n        [userRole]=\"userRole\"\r\n        [showQueueDataForm]=\"true\"\r\n        (queueSelected)=\"onQueueSelected($event)\"\r\n        (statusChanged)=\"onStatusChanged($event)\"\r\n        (insertQueueRequested)=\"onInsertQueueRequested()\"\r\n        ></app-queue-list>\r\n      </div>\r\n      }\r\n    </div>\r\n    <div class=\"col-12 xl:col-10 md:col-12 py-0 pr-0 h-full\">\r\n      @if(selectedQueue){\r\n      <div class=\"queue-application-container-wrapper h-full\">\r\n      <div class=\"grid m-0 justify-content-between align-items-center mb-3\">\r\n          <div class=\"col-8 p-0 flex align-items-center\">\r\n            <div class=\"col-7 p-0 mr-3\">\r\n              <queue-search \r\n                [placeholder]=\"placeholder\"\r\n                [searchText]=\"searchText\"\r\n                (searchInputChanged)=\"onSearchInputChanged($event)\"\r\n                (searchRequested)=\"onSearchRequested($event)\"\r\n                (searchCleared)=\"onSearchCleared()\">\r\n              </queue-search>\r\n            </div>\r\n            <div>\r\n              <lib-queue-filter-dropdown \r\n                #filterDropdown\r\n                [appliedFilters]=\"appliedFilters\"\r\n                (filterApplied)=\"onFilterDropdownApplied($event)\"\r\n                (filtersCleared)=\"onFiltersCleared()\">\r\n              </lib-queue-filter-dropdown>\r\n            </div>\r\n            <div *ngIf=\"hasActiveFilters\">\r\n              <button \r\n                class=\"clear-filters-btn\"\r\n                type=\"button\"\r\n                (click)=\"onClearAllFilters()\">\r\n                Clear <i class=\"pi pi-times ml-2\"></i>\r\n              </button>\r\n            </div>\r\n          </div>\r\n          \r\n          <div class=\"flex align-items-center gap-3 col-3 py-0 pl-0 justify-content-end\">\r\n            <ng-content select=\"[user-dropdown]\"></ng-content>\r\n          </div>\r\n      </div>\r\n\r\n      <div class=\"animation-duration-500 associated-list queue-table-container-wrapper custom-scroll mb-0 p-0\">\r\n \r\n        <app-queue-record-table\r\n          [table]=\"table\"\r\n          [metaData]=\"metaData\"\r\n          [selectedRows]=\"selectedRows\"\r\n          [resetSort]=\"resetSort\"\r\n          [isShowSkeleton]=\"isShowSkeleton\"\r\n          [selectedQueue]=\"selectedQueue\"\r\n          (selectionChange)=\"onTableSelectionChange($event)\"\r\n          (selectedRowsData)=\"onTableSelectionChange($event)\"\r\n          (assignmentDataReady)=\"onAssignmentDataReady($event)\"\r\n          (rowClick)=\"onTableRowClick($event)\"\r\n          (paginationChanged)=\"onPaginationChanged($event)\"\r\n          (filterApplied)=\"onFilterApplied($event)\"\r\n          (sortApplied)=\"onSortApplied($event)\">\r\n        </app-queue-record-table>\r\n      </div>\r\n      </div>\r\n      }\r\n    </div>\r\n\r\n  </div>", styles: [":host{display:block;height:100%;padding-top:14px}.queue-table-container-wrapper{height:calc(100% - 58px)}.queue-list-container-wrapper{background-color:transparent}.queue-application-container-wrapper{background-color:#fff;border-radius:15px;padding:20px}.clear-filters-btn{background:none;border:1px solid #e5e7eb;color:#64748b;font-size:.85rem;font-weight:500;cursor:pointer;margin-left:.5rem;display:inline-flex;align-items:center;padding:6px 12px;border-radius:8px;transition:all .2s ease}.clear-filters-btn:hover{background:#f8fafc;border-color:#cbd5e1;color:#ef4444}.clear-filters-btn i{font-size:.75rem}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: SkeletonComponent, selector: "lib-skeleton", inputs: ["count", "columns", "width", "height", "isAllowCard"] }, { kind: "component", type: QueueSearchComponent, selector: "queue-search", inputs: ["searchText", "placeholder", "debounceTime"], outputs: ["searchInputChanged", "searchRequested", "searchCleared"] }, { kind: "component", type: QueueListComponent, selector: "app-queue-list", inputs: ["queueData", "selectedQueueId", "selectedStatus", "userRole", "showQueueDataForm"], outputs: ["queueSelected", "statusChanged", "insertQueueRequested"] }, { kind: "component", type: QueueRecordTableComponent, selector: "app-queue-record-table", inputs: ["table", "metaData", "loading", "selectedRows", "resetSort", "isShowSkeleton", "selectedQueue"], outputs: ["selectionChange", "selectedRowsData", "assignmentDataReady", "rowClick", "paginationChanged", "filterApplied", "sortApplied"] }, { kind: "component", type: QueueFilterDropdownComponent, selector: "lib-queue-filter-dropdown", inputs: ["appliedFilters"], outputs: ["filterApplied", "filtersCleared"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.5", ngImport: i0, type: QueueContainerComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'lib-queue-container', standalone: false, template: "<div class=\"container grid m-0 h-full\">\r\n    <div class=\"col-12 xl:col-2 md:col-12 py-0 pl-0 h-full\">\r\n      <lib-skeleton *ngIf=\"loading\" [isAllowCard]=\"true\" [count]=\"5\" [width]=\"'100%'\" [height]=\"'4.5rem'\"></lib-skeleton>\r\n      @if(!loading){\r\n      <div class=\"queue-list-container-wrapper p-0\">\r\n        <app-queue-list\r\n        [queueData]=\"filteredQueueData\"\r\n        [selectedQueueId]=\"selectedQueueId\"\r\n        [selectedStatus]=\"selectedStatus\"\r\n        [userRole]=\"userRole\"\r\n        [showQueueDataForm]=\"true\"\r\n        (queueSelected)=\"onQueueSelected($event)\"\r\n        (statusChanged)=\"onStatusChanged($event)\"\r\n        (insertQueueRequested)=\"onInsertQueueRequested()\"\r\n        ></app-queue-list>\r\n      </div>\r\n      }\r\n    </div>\r\n    <div class=\"col-12 xl:col-10 md:col-12 py-0 pr-0 h-full\">\r\n      @if(selectedQueue){\r\n      <div class=\"queue-application-container-wrapper h-full\">\r\n      <div class=\"grid m-0 justify-content-between align-items-center mb-3\">\r\n          <div class=\"col-8 p-0 flex align-items-center\">\r\n            <div class=\"col-7 p-0 mr-3\">\r\n              <queue-search \r\n                [placeholder]=\"placeholder\"\r\n                [searchText]=\"searchText\"\r\n                (searchInputChanged)=\"onSearchInputChanged($event)\"\r\n                (searchRequested)=\"onSearchRequested($event)\"\r\n                (searchCleared)=\"onSearchCleared()\">\r\n              </queue-search>\r\n            </div>\r\n            <div>\r\n              <lib-queue-filter-dropdown \r\n                #filterDropdown\r\n                [appliedFilters]=\"appliedFilters\"\r\n                (filterApplied)=\"onFilterDropdownApplied($event)\"\r\n                (filtersCleared)=\"onFiltersCleared()\">\r\n              </lib-queue-filter-dropdown>\r\n            </div>\r\n            <div *ngIf=\"hasActiveFilters\">\r\n              <button \r\n                class=\"clear-filters-btn\"\r\n                type=\"button\"\r\n                (click)=\"onClearAllFilters()\">\r\n                Clear <i class=\"pi pi-times ml-2\"></i>\r\n              </button>\r\n            </div>\r\n          </div>\r\n          \r\n          <div class=\"flex align-items-center gap-3 col-3 py-0 pl-0 justify-content-end\">\r\n            <ng-content select=\"[user-dropdown]\"></ng-content>\r\n          </div>\r\n      </div>\r\n\r\n      <div class=\"animation-duration-500 associated-list queue-table-container-wrapper custom-scroll mb-0 p-0\">\r\n \r\n        <app-queue-record-table\r\n          [table]=\"table\"\r\n          [metaData]=\"metaData\"\r\n          [loading]=\"loading\"\r\n          [selectedRows]=\"selectedRows\"\r\n          [resetSort]=\"resetSort\"\r\n          [isShowSkeleton]=\"isShowSkeleton\"\r\n          [selectedQueue]=\"selectedQueue\"\r\n          (selectionChange)=\"onTableSelectionChange($event)\"\r\n          (selectedRowsData)=\"onTableSelectionChange($event)\"\r\n          (assignmentDataReady)=\"onAssignmentDataReady($event)\"\r\n          (rowClick)=\"onTableRowClick($event)\"\r\n          (paginationChanged)=\"onPaginationChanged($event)\"\r\n          (filterApplied)=\"onFilterApplied($event)\"\r\n          (sortApplied)=\"onSortApplied($event)\">\r\n        </app-queue-record-table>\r\n      </div>\r\n      </div>\r\n      }\r\n    </div>\r\n\r\n  </div>", styles: [":host{display:block;height:100%;padding-top:14px}.queue-table-container-wrapper{height:calc(100% - 58px)}.queue-list-container-wrapper{background-color:transparent}.queue-application-container-wrapper{background-color:#fff;border-radius:15px;padding:20px}.clear-filters-btn{background:none;border:1px solid #e5e7eb;color:#64748b;font-size:.85rem;font-weight:500;cursor:pointer;margin-left:.5rem;display:inline-flex;align-items:center;padding:6px 12px;border-radius:8px;transition:all .2s ease}.clear-filters-btn:hover{background:#f8fafc;border-color:#cbd5e1;color:#ef4444}.clear-filters-btn i{font-size:.75rem}\n"] }]
+            args: [{ selector: 'lib-queue-container', standalone: false, template: "<div class=\"container grid m-0 h-full\">\r\n    <div class=\"col-12 xl:col-2 md:col-12 py-0 pl-0 h-full\">\r\n      <lib-skeleton *ngIf=\"queueListLoading\" [isAllowCard]=\"true\" [count]=\"5\" [width]=\"'100%'\" [height]=\"'4.5rem'\"></lib-skeleton>\r\n      @if(!queueListLoading){\r\n      <div class=\"queue-list-container-wrapper p-0\">\r\n        <app-queue-list\r\n        [queueData]=\"filteredQueueData\"\r\n        [selectedQueueId]=\"selectedQueueId\"\r\n        [selectedStatus]=\"selectedStatus\"\r\n        [userRole]=\"userRole\"\r\n        [showQueueDataForm]=\"true\"\r\n        (queueSelected)=\"onQueueSelected($event)\"\r\n        (statusChanged)=\"onStatusChanged($event)\"\r\n        (insertQueueRequested)=\"onInsertQueueRequested()\"\r\n        ></app-queue-list>\r\n      </div>\r\n      }\r\n    </div>\r\n    <div class=\"col-12 xl:col-10 md:col-12 py-0 pr-0 h-full\">\r\n      @if(selectedQueue){\r\n      <div class=\"queue-application-container-wrapper h-full\">\r\n      <div class=\"grid m-0 justify-content-between align-items-center mb-3\">\r\n          <div class=\"col-8 p-0 flex align-items-center\">\r\n            <div class=\"col-7 p-0 mr-3\">\r\n              <queue-search \r\n                [placeholder]=\"placeholder\"\r\n                [searchText]=\"searchText\"\r\n                (searchInputChanged)=\"onSearchInputChanged($event)\"\r\n                (searchRequested)=\"onSearchRequested($event)\"\r\n                (searchCleared)=\"onSearchCleared()\">\r\n              </queue-search>\r\n            </div>\r\n            <div>\r\n              <lib-queue-filter-dropdown \r\n                #filterDropdown\r\n                [appliedFilters]=\"appliedFilters\"\r\n                (filterApplied)=\"onFilterDropdownApplied($event)\"\r\n                (filtersCleared)=\"onFiltersCleared()\">\r\n              </lib-queue-filter-dropdown>\r\n            </div>\r\n            <div *ngIf=\"hasActiveFilters\">\r\n              <button \r\n                class=\"clear-filters-btn\"\r\n                type=\"button\"\r\n                (click)=\"onClearAllFilters()\">\r\n                Clear <i class=\"pi pi-times ml-2\"></i>\r\n              </button>\r\n            </div>\r\n          </div>\r\n          \r\n          <div class=\"flex align-items-center gap-3 col-3 py-0 pl-0 justify-content-end\">\r\n            <ng-content select=\"[user-dropdown]\"></ng-content>\r\n          </div>\r\n      </div>\r\n\r\n      <div class=\"animation-duration-500 associated-list queue-table-container-wrapper custom-scroll mb-0 p-0\">\r\n \r\n        <app-queue-record-table\r\n          [table]=\"table\"\r\n          [metaData]=\"metaData\"\r\n          [selectedRows]=\"selectedRows\"\r\n          [resetSort]=\"resetSort\"\r\n          [isShowSkeleton]=\"isShowSkeleton\"\r\n          [selectedQueue]=\"selectedQueue\"\r\n          (selectionChange)=\"onTableSelectionChange($event)\"\r\n          (selectedRowsData)=\"onTableSelectionChange($event)\"\r\n          (assignmentDataReady)=\"onAssignmentDataReady($event)\"\r\n          (rowClick)=\"onTableRowClick($event)\"\r\n          (paginationChanged)=\"onPaginationChanged($event)\"\r\n          (filterApplied)=\"onFilterApplied($event)\"\r\n          (sortApplied)=\"onSortApplied($event)\">\r\n        </app-queue-record-table>\r\n      </div>\r\n      </div>\r\n      }\r\n    </div>\r\n\r\n  </div>", styles: [":host{display:block;height:100%;padding-top:14px}.queue-table-container-wrapper{height:calc(100% - 58px)}.queue-list-container-wrapper{background-color:transparent}.queue-application-container-wrapper{background-color:#fff;border-radius:15px;padding:20px}.clear-filters-btn{background:none;border:1px solid #e5e7eb;color:#64748b;font-size:.85rem;font-weight:500;cursor:pointer;margin-left:.5rem;display:inline-flex;align-items:center;padding:6px 12px;border-radius:8px;transition:all .2s ease}.clear-filters-btn:hover{background:#f8fafc;border-color:#cbd5e1;color:#ef4444}.clear-filters-btn i{font-size:.75rem}\n"] }]
         }], ctorParameters: () => [{ type: QueueStore$1 }, { type: QueueService }, { type: BaseStore }, { type: QueueBusinessService }, { type: QueueRecordTableBuilderService }, { type: QueueFilterDropdownService }, { type: BaseQuery }], propDecorators: { placeholder: [{
                 type: Input
             }], filterDropdown: [{