npm - cat-qw-lib - Versions diffs - 2.6.88-uw → 2.6.89-uw - Mend

cat-qw-lib 2.6.88-uw → 2.6.89-uw

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (151) hide show

package/fesm2022/cat-qw-lib.mjs CHANGED Viewed

@@ -2747,36 +2747,6 @@ class QueueBusinessService {
                 return [...queues];
         }
     }
-    /** Normalizes queueCategory input; defaults to vehicle (HPA). */
-    normalizeQueueCategory(category) {
-        const normalized = (category ?? 'vehicle').trim().toLowerCase();
-        return normalized === 'handset' ? 'handset' : 'vehicle';
-    }
-    /** API applicationType query value from queueCategory (Handset | Vehicle). */
-    getApplicationTypeForApi(category) {
-        return this.normalizeQueueCategory(category) === 'handset' ? 'Handset' : 'Vehicle';
-    }
-    /**
-     * Keeps queues whose lookupDetails include the requested category value.
-     * Queues without lookupDetails are included for backward compatibility.
-     */
-    filterQueuesByCategory(queues, category) {
-        if (!queues?.length)
-            return [];
-        const normalized = this.normalizeQueueCategory(category);
-        return queues.filter(queue => {
-            const details = queue?.lookupDetails;
-            if (!Array.isArray(details) || details.length === 0) {
-                return true;
-            }
-            return details.some((lookup) => (lookup?.value ?? '').toLowerCase() === normalized);
-        });
-    }
-    appendApplicationListParams(queryString, category) {
-        const params = new URLSearchParams(queryString || '');
-        params.set('applicationType', this.getApplicationTypeForApi(category));
-        return params.toString();
-    }
     /**
      * The rest follow in their original order.
      */
@@ -2815,17 +2785,12 @@ class QueueBusinessService {
         return searchSubject.pipe(debounceTime(delay), distinctUntilChanged(), takeUntil(this.destroy$));
     }
     buildQueryString(record) {
-        const queryParams = {};
-        if (record?.type) {
-            queryParams['type'] = record.type;
-        }
-        if (record?.status) {
-            queryParams['applicationStatus'] = record.status;
-        }
-        if (record?.applicationStatus) {
-            queryParams['applicationStatus'] = record.applicationStatus;
-        }
-        return new URLSearchParams(queryParams).toString();
+        const queryParams = {
+            type: record.type ?? SHARED.EMPTY,
+            status: record.status ?? SHARED.EMPTY
+        };
+        const filteredQueryParams = Object.fromEntries(Object.entries(queryParams).filter(([_, value]) => value));
+        return new URLSearchParams(filteredQueryParams).toString();
     }
     calculatePagination(event) {
         // PrimeNG Paginator emits { first, rows, page } where page is 0-based.
@@ -7671,7 +7636,6 @@ class QueueItemComponent {
     selectedStatus = 'active';
     userRole = false;
     showQueueDataForm = true;
-    queueCategory = 'vehicle';
     queueSelected = new EventEmitter();
     statusChanged = new EventEmitter();
     insertQueueRequested = new EventEmitter();
@@ -7716,11 +7680,11 @@ class QueueItemComponent {
         return 'pi-list';
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.5", ngImport: i0, type: QueueItemComponent, deps: [{ token: QueueStore$1 }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.5", type: QueueItemComponent, isStandalone: false, selector: "app-queue-item", inputs: { filteredQueueData: "filteredQueueData", selectedQueueId: "selectedQueueId", selectedStatus: "selectedStatus", userRole: "userRole", showQueueDataForm: "showQueueDataForm", queueCategory: "queueCategory" }, outputs: { queueSelected: "queueSelected", statusChanged: "statusChanged", insertQueueRequested: "insertQueueRequested" }, ngImport: i0, template: "<div class=\"queue-nav-wrapper\">\r\n    <h4 class=\"queue-title m-0 mb-3\">{{ queueCategory === 'vehicle' ? 'HPA Queue' : 'Handset Queue' }}</h4>\r\n    <div class=\"queue-items-list\">\r\n        @for(queue of filteredQueueData; let i = $index; track queue){\r\n            <div class=\"queue-nav-item\"\r\n                 [ngClass]=\"{'queue-nav-item--active': isQueueSelected(queue._id), 'queue-nav-item--inactive': !isQueueActive(queue)}\"\r\n                 (click)=\"onQueueClick(queue._id)\">\r\n                <div class=\"queue-nav-item__inner\">\r\n                    <i class=\"pi queue-nav-item__icon\"\r\n                       [ngClass]=\"getQueueIcon(queue.name)\"></i>\r\n                    <span class=\"queue-nav-item__label\" [pTooltip]=\"queue.name\" tooltipPosition=\"top\"\r\n                          [ngClass]=\"{'queue-nav-item__label--active': isQueueSelected(queue._id)}\">{{queue.name}}</span>\r\n                </div>\r\n                @if(queue.itemCount !== null){\r\n                <span class=\"queue-nav-item__badge\"\r\n                      [ngClass]=\"{'queue-nav-item__badge--active': isQueueSelected(queue._id)}\">{{queue.itemCount}}</span>\r\n                }\r\n            </div>\r\n        }\r\n    </div>\r\n</div>\r\n", styles: [".queue-nav-wrapper{background:#fff;border-radius:15px;padding:20px;width:100%}.queue-title{font-family:Open Sans,sans-serif;font-weight:600;font-size:18px;line-height:1.2em;color:#1f2937}.queue-items-list{display:flex;flex-direction:column;gap:8px}.queue-nav-item{display:flex;flex-direction:row;justify-content:space-between;align-items:center;gap:8px;padding:10px 12px;border-radius:8px;background:transparent;cursor:pointer;transition:background .2s cubic-bezier(.4,0,.2,1),border-color .2s cubic-bezier(.4,0,.2,1),box-shadow .2s cubic-bezier(.4,0,.2,1),transform .2s cubic-bezier(.4,0,.2,1);border:1px solid transparent}.queue-nav-item:hover{background:#0066ff0f;border-color:#0066ff1f;box-shadow:0 2px 8px #0066ff14;transform:translate(2px)}.queue-nav-item:hover .queue-nav-item__icon{color:#0f8bfd}.queue-nav-item:hover .queue-nav-item__label{color:#06f}.queue-nav-item:active{transform:translate(1px);box-shadow:0 1px 4px #0066ff1a}.queue-nav-item--active{background:#0066ff1a;border-color:#06f3;box-shadow:0 2px 8px #0066ff1a}.queue-nav-item--active:hover{background:#0066ff24;border-color:#0066ff40;box-shadow:0 3px 12px #0066ff1f}.queue-nav-item--active .queue-nav-item__icon{color:#0f8bfd}.queue-nav-item--inactive{opacity:.5}.queue-nav-item--inactive:hover{opacity:.7}.queue-nav-item__inner{display:flex;flex-direction:row;align-items:center;gap:8px;min-width:0;flex:1}.queue-nav-item__icon{width:18px;height:18px;display:flex;align-items:center;justify-content:center;font-size:14px;color:#9ea0b3;flex-shrink:0;transition:color .2s cubic-bezier(.4,0,.2,1)}.queue-nav-item__label{font-family:Open Sans,sans-serif;font-weight:600;font-size:12px;line-height:1.4em;color:#1f2937;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:color .2s cubic-bezier(.4,0,.2,1)}.queue-nav-item__label--active{color:#06f}.queue-nav-item__badge{display:inline-flex;align-items:center;justify-content:center;min-width:24px;padding:2px 8px;border-radius:100px;background:#e5e7eb;font-family:Open Sans,sans-serif;font-weight:700;font-size:11px;line-height:1.4em;color:#7d879b;flex-shrink:0;transition:background .2s cubic-bezier(.4,0,.2,1),border-color .2s cubic-bezier(.4,0,.2,1),box-shadow .2s cubic-bezier(.4,0,.2,1),transform .2s cubic-bezier(.4,0,.2,1)}.queue-nav-item__badge--active{background:#0f8bfd;color:#fff}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i4$2.Tooltip, selector: "[pTooltip]", inputs: ["tooltipPosition", "tooltipEvent", "appendTo", "positionStyle", "tooltipStyleClass", "tooltipZIndex", "escape", "showDelay", "hideDelay", "life", "positionTop", "positionLeft", "autoHide", "fitContent", "hideOnEscape", "pTooltip", "tooltipDisabled", "tooltipOptions"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.5", type: QueueItemComponent, isStandalone: false, selector: "app-queue-item", inputs: { filteredQueueData: "filteredQueueData", selectedQueueId: "selectedQueueId", selectedStatus: "selectedStatus", userRole: "userRole", showQueueDataForm: "showQueueDataForm" }, outputs: { queueSelected: "queueSelected", statusChanged: "statusChanged", insertQueueRequested: "insertQueueRequested" }, ngImport: i0, template: "<div class=\"queue-nav-wrapper\">\r\n    <h4 class=\"queue-title m-0 mb-3\">Queues</h4>\r\n    <div class=\"queue-items-list\">\r\n        @for(queue of filteredQueueData; let i = $index; track queue){\r\n            <div class=\"queue-nav-item\"\r\n                 [ngClass]=\"{'queue-nav-item--active': isQueueSelected(queue._id), 'queue-nav-item--inactive': !isQueueActive(queue)}\"\r\n                 (click)=\"onQueueClick(queue._id)\">\r\n                <div class=\"queue-nav-item__inner\">\r\n                    <i class=\"pi queue-nav-item__icon\"\r\n                       [ngClass]=\"getQueueIcon(queue.name)\"></i>\r\n                    <span class=\"queue-nav-item__label\" [pTooltip]=\"queue.name\" tooltipPosition=\"top\"\r\n                          [ngClass]=\"{'queue-nav-item__label--active': isQueueSelected(queue._id)}\">{{queue.name}}</span>\r\n                </div>\r\n                @if(queue.itemCount !== null){\r\n                <span class=\"queue-nav-item__badge\"\r\n                      [ngClass]=\"{'queue-nav-item__badge--active': isQueueSelected(queue._id)}\">{{queue.itemCount}}</span>\r\n                }\r\n            </div>\r\n        }\r\n    </div>\r\n</div>\r\n", styles: [".queue-nav-wrapper{background:#fff;border-radius:15px;padding:20px;width:100%}.queue-title{font-family:Open Sans,sans-serif;font-weight:600;font-size:18px;line-height:1.2em;color:#1f2937}.queue-items-list{display:flex;flex-direction:column;gap:8px}.queue-nav-item{display:flex;flex-direction:row;justify-content:space-between;align-items:center;gap:8px;padding:10px 12px;border-radius:8px;background:transparent;cursor:pointer;transition:background .2s cubic-bezier(.4,0,.2,1),border-color .2s cubic-bezier(.4,0,.2,1),box-shadow .2s cubic-bezier(.4,0,.2,1),transform .2s cubic-bezier(.4,0,.2,1);border:1px solid transparent}.queue-nav-item:hover{background:#0066ff0f;border-color:#0066ff1f;box-shadow:0 2px 8px #0066ff14;transform:translate(2px)}.queue-nav-item:hover .queue-nav-item__icon{color:#0f8bfd}.queue-nav-item:hover .queue-nav-item__label{color:#06f}.queue-nav-item:active{transform:translate(1px);box-shadow:0 1px 4px #0066ff1a}.queue-nav-item--active{background:#0066ff1a;border-color:#06f3;box-shadow:0 2px 8px #0066ff1a}.queue-nav-item--active:hover{background:#0066ff24;border-color:#0066ff40;box-shadow:0 3px 12px #0066ff1f}.queue-nav-item--active .queue-nav-item__icon{color:#0f8bfd}.queue-nav-item--inactive{opacity:.5}.queue-nav-item--inactive:hover{opacity:.7}.queue-nav-item__inner{display:flex;flex-direction:row;align-items:center;gap:8px;min-width:0;flex:1}.queue-nav-item__icon{width:18px;height:18px;display:flex;align-items:center;justify-content:center;font-size:14px;color:#9ea0b3;flex-shrink:0;transition:color .2s cubic-bezier(.4,0,.2,1)}.queue-nav-item__label{font-family:Open Sans,sans-serif;font-weight:600;font-size:12px;line-height:1.4em;color:#1f2937;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:color .2s cubic-bezier(.4,0,.2,1)}.queue-nav-item__label--active{color:#06f}.queue-nav-item__badge{display:inline-flex;align-items:center;justify-content:center;min-width:24px;padding:2px 8px;border-radius:100px;background:#e5e7eb;font-family:Open Sans,sans-serif;font-weight:700;font-size:11px;line-height:1.4em;color:#7d879b;flex-shrink:0;transition:background .2s cubic-bezier(.4,0,.2,1),border-color .2s cubic-bezier(.4,0,.2,1),box-shadow .2s cubic-bezier(.4,0,.2,1),transform .2s cubic-bezier(.4,0,.2,1)}.queue-nav-item__badge--active{background:#0f8bfd;color:#fff}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i4$2.Tooltip, selector: "[pTooltip]", inputs: ["tooltipPosition", "tooltipEvent", "appendTo", "positionStyle", "tooltipStyleClass", "tooltipZIndex", "escape", "showDelay", "hideDelay", "life", "positionTop", "positionLeft", "autoHide", "fitContent", "hideOnEscape", "pTooltip", "tooltipDisabled", "tooltipOptions"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.5", ngImport: i0, type: QueueItemComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'app-queue-item', standalone: false, changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"queue-nav-wrapper\">\r\n    <h4 class=\"queue-title m-0 mb-3\">{{ queueCategory === 'vehicle' ? 'HPA Queue' : 'Handset Queue' }}</h4>\r\n    <div class=\"queue-items-list\">\r\n        @for(queue of filteredQueueData; let i = $index; track queue){\r\n            <div class=\"queue-nav-item\"\r\n                 [ngClass]=\"{'queue-nav-item--active': isQueueSelected(queue._id), 'queue-nav-item--inactive': !isQueueActive(queue)}\"\r\n                 (click)=\"onQueueClick(queue._id)\">\r\n                <div class=\"queue-nav-item__inner\">\r\n                    <i class=\"pi queue-nav-item__icon\"\r\n                       [ngClass]=\"getQueueIcon(queue.name)\"></i>\r\n                    <span class=\"queue-nav-item__label\" [pTooltip]=\"queue.name\" tooltipPosition=\"top\"\r\n                          [ngClass]=\"{'queue-nav-item__label--active': isQueueSelected(queue._id)}\">{{queue.name}}</span>\r\n                </div>\r\n                @if(queue.itemCount !== null){\r\n                <span class=\"queue-nav-item__badge\"\r\n                      [ngClass]=\"{'queue-nav-item__badge--active': isQueueSelected(queue._id)}\">{{queue.itemCount}}</span>\r\n                }\r\n            </div>\r\n        }\r\n    </div>\r\n</div>\r\n", styles: [".queue-nav-wrapper{background:#fff;border-radius:15px;padding:20px;width:100%}.queue-title{font-family:Open Sans,sans-serif;font-weight:600;font-size:18px;line-height:1.2em;color:#1f2937}.queue-items-list{display:flex;flex-direction:column;gap:8px}.queue-nav-item{display:flex;flex-direction:row;justify-content:space-between;align-items:center;gap:8px;padding:10px 12px;border-radius:8px;background:transparent;cursor:pointer;transition:background .2s cubic-bezier(.4,0,.2,1),border-color .2s cubic-bezier(.4,0,.2,1),box-shadow .2s cubic-bezier(.4,0,.2,1),transform .2s cubic-bezier(.4,0,.2,1);border:1px solid transparent}.queue-nav-item:hover{background:#0066ff0f;border-color:#0066ff1f;box-shadow:0 2px 8px #0066ff14;transform:translate(2px)}.queue-nav-item:hover .queue-nav-item__icon{color:#0f8bfd}.queue-nav-item:hover .queue-nav-item__label{color:#06f}.queue-nav-item:active{transform:translate(1px);box-shadow:0 1px 4px #0066ff1a}.queue-nav-item--active{background:#0066ff1a;border-color:#06f3;box-shadow:0 2px 8px #0066ff1a}.queue-nav-item--active:hover{background:#0066ff24;border-color:#0066ff40;box-shadow:0 3px 12px #0066ff1f}.queue-nav-item--active .queue-nav-item__icon{color:#0f8bfd}.queue-nav-item--inactive{opacity:.5}.queue-nav-item--inactive:hover{opacity:.7}.queue-nav-item__inner{display:flex;flex-direction:row;align-items:center;gap:8px;min-width:0;flex:1}.queue-nav-item__icon{width:18px;height:18px;display:flex;align-items:center;justify-content:center;font-size:14px;color:#9ea0b3;flex-shrink:0;transition:color .2s cubic-bezier(.4,0,.2,1)}.queue-nav-item__label{font-family:Open Sans,sans-serif;font-weight:600;font-size:12px;line-height:1.4em;color:#1f2937;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:color .2s cubic-bezier(.4,0,.2,1)}.queue-nav-item__label--active{color:#06f}.queue-nav-item__badge{display:inline-flex;align-items:center;justify-content:center;min-width:24px;padding:2px 8px;border-radius:100px;background:#e5e7eb;font-family:Open Sans,sans-serif;font-weight:700;font-size:11px;line-height:1.4em;color:#7d879b;flex-shrink:0;transition:background .2s cubic-bezier(.4,0,.2,1),border-color .2s cubic-bezier(.4,0,.2,1),box-shadow .2s cubic-bezier(.4,0,.2,1),transform .2s cubic-bezier(.4,0,.2,1)}.queue-nav-item__badge--active{background:#0f8bfd;color:#fff}\n"] }]
+            args: [{ selector: 'app-queue-item', standalone: false, changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"queue-nav-wrapper\">\r\n    <h4 class=\"queue-title m-0 mb-3\">Queues</h4>\r\n    <div class=\"queue-items-list\">\r\n        @for(queue of filteredQueueData; let i = $index; track queue){\r\n            <div class=\"queue-nav-item\"\r\n                 [ngClass]=\"{'queue-nav-item--active': isQueueSelected(queue._id), 'queue-nav-item--inactive': !isQueueActive(queue)}\"\r\n                 (click)=\"onQueueClick(queue._id)\">\r\n                <div class=\"queue-nav-item__inner\">\r\n                    <i class=\"pi queue-nav-item__icon\"\r\n                       [ngClass]=\"getQueueIcon(queue.name)\"></i>\r\n                    <span class=\"queue-nav-item__label\" [pTooltip]=\"queue.name\" tooltipPosition=\"top\"\r\n                          [ngClass]=\"{'queue-nav-item__label--active': isQueueSelected(queue._id)}\">{{queue.name}}</span>\r\n                </div>\r\n                @if(queue.itemCount !== null){\r\n                <span class=\"queue-nav-item__badge\"\r\n                      [ngClass]=\"{'queue-nav-item__badge--active': isQueueSelected(queue._id)}\">{{queue.itemCount}}</span>\r\n                }\r\n            </div>\r\n        }\r\n    </div>\r\n</div>\r\n", styles: [".queue-nav-wrapper{background:#fff;border-radius:15px;padding:20px;width:100%}.queue-title{font-family:Open Sans,sans-serif;font-weight:600;font-size:18px;line-height:1.2em;color:#1f2937}.queue-items-list{display:flex;flex-direction:column;gap:8px}.queue-nav-item{display:flex;flex-direction:row;justify-content:space-between;align-items:center;gap:8px;padding:10px 12px;border-radius:8px;background:transparent;cursor:pointer;transition:background .2s cubic-bezier(.4,0,.2,1),border-color .2s cubic-bezier(.4,0,.2,1),box-shadow .2s cubic-bezier(.4,0,.2,1),transform .2s cubic-bezier(.4,0,.2,1);border:1px solid transparent}.queue-nav-item:hover{background:#0066ff0f;border-color:#0066ff1f;box-shadow:0 2px 8px #0066ff14;transform:translate(2px)}.queue-nav-item:hover .queue-nav-item__icon{color:#0f8bfd}.queue-nav-item:hover .queue-nav-item__label{color:#06f}.queue-nav-item:active{transform:translate(1px);box-shadow:0 1px 4px #0066ff1a}.queue-nav-item--active{background:#0066ff1a;border-color:#06f3;box-shadow:0 2px 8px #0066ff1a}.queue-nav-item--active:hover{background:#0066ff24;border-color:#0066ff40;box-shadow:0 3px 12px #0066ff1f}.queue-nav-item--active .queue-nav-item__icon{color:#0f8bfd}.queue-nav-item--inactive{opacity:.5}.queue-nav-item--inactive:hover{opacity:.7}.queue-nav-item__inner{display:flex;flex-direction:row;align-items:center;gap:8px;min-width:0;flex:1}.queue-nav-item__icon{width:18px;height:18px;display:flex;align-items:center;justify-content:center;font-size:14px;color:#9ea0b3;flex-shrink:0;transition:color .2s cubic-bezier(.4,0,.2,1)}.queue-nav-item__label{font-family:Open Sans,sans-serif;font-weight:600;font-size:12px;line-height:1.4em;color:#1f2937;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:color .2s cubic-bezier(.4,0,.2,1)}.queue-nav-item__label--active{color:#06f}.queue-nav-item__badge{display:inline-flex;align-items:center;justify-content:center;min-width:24px;padding:2px 8px;border-radius:100px;background:#e5e7eb;font-family:Open Sans,sans-serif;font-weight:700;font-size:11px;line-height:1.4em;color:#7d879b;flex-shrink:0;transition:background .2s cubic-bezier(.4,0,.2,1),border-color .2s cubic-bezier(.4,0,.2,1),box-shadow .2s cubic-bezier(.4,0,.2,1),transform .2s cubic-bezier(.4,0,.2,1)}.queue-nav-item__badge--active{background:#0f8bfd;color:#fff}\n"] }]
         }], ctorParameters: () => [{ type: QueueStore$1 }], propDecorators: { filteredQueueData: [{
                 type: Input
             }], selectedQueueId: [{
@@ -7731,8 +7695,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.5", ngImpor
                 type: Input
             }], showQueueDataForm: [{
                 type: Input
-            }], queueCategory: [{
-                type: Input
             }], queueSelected: [{
                 type: Output
             }], statusChanged: [{
@@ -7747,7 +7709,6 @@ class QueueListComponent {
     selectedStatus = 'active';
     userRole = false;
     showQueueDataForm = true;
-    queueCategory = 'vehicle';
     queueSelected = new EventEmitter();
     statusChanged = new EventEmitter();
     insertQueueRequested = new EventEmitter();
@@ -7761,11 +7722,11 @@ class QueueListComponent {
         this.insertQueueRequested.emit();
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.5", ngImport: i0, type: QueueListComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.5", type: QueueListComponent, isStandalone: false, selector: "app-queue-list", inputs: { queueData: "queueData", selectedQueueId: "selectedQueueId", selectedStatus: "selectedStatus", userRole: "userRole", showQueueDataForm: "showQueueDataForm", queueCategory: "queueCategory" }, outputs: { queueSelected: "queueSelected", statusChanged: "statusChanged", insertQueueRequested: "insertQueueRequested" }, ngImport: i0, template: "<app-queue-item\r\n  [filteredQueueData]=\"queueData\"\r\n  [selectedQueueId]=\"selectedQueueId\"\r\n  [selectedStatus]=\"selectedStatus\"\r\n  [userRole]=\"userRole\"\r\n  [showQueueDataForm]=\"showQueueDataForm\"\r\n  [queueCategory]=\"queueCategory\"\r\n  (queueSelected)=\"onQueueSelected($event)\"\r\n  (statusChanged)=\"onStatusChanged($event)\"\r\n  (insertQueueRequested)=\"onInsertQueue()\"\r\n></app-queue-item>\r\n", styles: [""], dependencies: [{ kind: "component", type: QueueItemComponent, selector: "app-queue-item", inputs: ["filteredQueueData", "selectedQueueId", "selectedStatus", "userRole", "showQueueDataForm", "queueCategory"], outputs: ["queueSelected", "statusChanged", "insertQueueRequested"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.5", type: QueueListComponent, isStandalone: false, selector: "app-queue-list", inputs: { queueData: "queueData", selectedQueueId: "selectedQueueId", selectedStatus: "selectedStatus", userRole: "userRole", showQueueDataForm: "showQueueDataForm" }, outputs: { queueSelected: "queueSelected", statusChanged: "statusChanged", insertQueueRequested: "insertQueueRequested" }, ngImport: i0, template: "<app-queue-item\r\n  [filteredQueueData]=\"queueData\"\r\n  [selectedQueueId]=\"selectedQueueId\"\r\n  [selectedStatus]=\"selectedStatus\"\r\n  [userRole]=\"userRole\"\r\n  [showQueueDataForm]=\"showQueueDataForm\"\r\n  (queueSelected)=\"onQueueSelected($event)\"\r\n  (statusChanged)=\"onStatusChanged($event)\"\r\n  (insertQueueRequested)=\"onInsertQueue()\"\r\n></app-queue-item>\r\n", styles: [""], dependencies: [{ kind: "component", type: QueueItemComponent, selector: "app-queue-item", inputs: ["filteredQueueData", "selectedQueueId", "selectedStatus", "userRole", "showQueueDataForm"], outputs: ["queueSelected", "statusChanged", "insertQueueRequested"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.5", ngImport: i0, type: QueueListComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'app-queue-list', standalone: false, changeDetection: ChangeDetectionStrategy.OnPush, template: "<app-queue-item\r\n  [filteredQueueData]=\"queueData\"\r\n  [selectedQueueId]=\"selectedQueueId\"\r\n  [selectedStatus]=\"selectedStatus\"\r\n  [userRole]=\"userRole\"\r\n  [showQueueDataForm]=\"showQueueDataForm\"\r\n  [queueCategory]=\"queueCategory\"\r\n  (queueSelected)=\"onQueueSelected($event)\"\r\n  (statusChanged)=\"onStatusChanged($event)\"\r\n  (insertQueueRequested)=\"onInsertQueue()\"\r\n></app-queue-item>\r\n" }]
+            args: [{ selector: 'app-queue-list', standalone: false, changeDetection: ChangeDetectionStrategy.OnPush, template: "<app-queue-item\r\n  [filteredQueueData]=\"queueData\"\r\n  [selectedQueueId]=\"selectedQueueId\"\r\n  [selectedStatus]=\"selectedStatus\"\r\n  [userRole]=\"userRole\"\r\n  [showQueueDataForm]=\"showQueueDataForm\"\r\n  (queueSelected)=\"onQueueSelected($event)\"\r\n  (statusChanged)=\"onStatusChanged($event)\"\r\n  (insertQueueRequested)=\"onInsertQueue()\"\r\n></app-queue-item>\r\n" }]
         }], propDecorators: { queueData: [{
                 type: Input
             }], selectedQueueId: [{
@@ -7776,8 +7737,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.5", ngImpor
                 type: Input
             }], showQueueDataForm: [{
                 type: Input
-            }], queueCategory: [{
-                type: Input
             }], queueSelected: [{
                 type: Output
             }], statusChanged: [{
@@ -8119,7 +8078,6 @@ class QueueContainerComponent extends BaseContainerComponent {
     resetSort = false;
     appliedFilters = {};
     placeholder = '';
-    queueCategory = 'vehicle';
     /** Snapshot of the latest request; used to ignore stale responses. */
     latestRequestSnapshot = null;
     filterDropdown;
@@ -8173,18 +8131,6 @@ class QueueContainerComponent extends BaseContainerComponent {
             }
         });
     }
-    ngOnChanges(changes) {
-        if (changes['queueCategory'] && !changes['queueCategory'].firstChange) {
-            const preferredQueueId = this.selectedQueueId ?? this.getStoredQueueId() ?? undefined;
-            this.resetPage();
-            if (this.queueList?.length) {
-                this.filterQueues(preferredQueueId);
-            }
-            else {
-                this.getAllQueueList(preferredQueueId);
-            }
-        }
-    }
     ngOnDestroy() {
         this.destroy$.next();
         this.destroy$.complete();
@@ -8337,7 +8283,6 @@ class QueueContainerComponent extends BaseContainerComponent {
     }
     filterQueues(preferredQueueId) {
         this.filteredQueueData = this.queueBusinessService.filterQueuesByStatus(this.queueList, this.selectedStatus);
-        this.filteredQueueData = this.queueBusinessService.filterQueuesByCategory(this.filteredQueueData, this.queueCategory);
         this.filteredQueueData = this.queueBusinessService.orderQueuesByPriority(this.filteredQueueData);
         let queueIdToSelect = preferredQueueId;
         if (queueIdToSelect && this.filteredQueueData.some(q => q._id == queueIdToSelect)) {
@@ -8395,17 +8340,15 @@ class QueueContainerComponent extends BaseContainerComponent {
             };
         }
         // Capture snapshot so we can ignore stale responses when user changes queue/search/page before this request completes
-        const applicationType = this.queueBusinessService.getApplicationTypeForApi(this.queueCategory);
         const requestSnapshot = {
             queueId: this.selectedQueueId,
             searchTerm: this.currentSearchTerm,
             page: targetPage,
-            limit: targetLimit,
-            applicationType
+            limit: targetLimit
         };
         this.latestRequestSnapshot = requestSnapshot;
-        // Build filter query string (applicationType from queueCategory; applicationStatus from table/query filters)
-        let filterQueryString = this.queueBusinessService.appendApplicationListParams(this.queryString, this.queueCategory);
+        // Build filter query string
+        let filterQueryString = this.queryString;
         if (this.appliedFilters && Object.keys(this.appliedFilters).length > 0) {
             const filterQuery = this.queueFilterDropdownService.buildFilterQueryString(this.appliedFilters);
             // Combine existing query string with filter parameters
@@ -8528,15 +8471,13 @@ 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", queueCategory: "queueCategory", 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, usesOnChanges: 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        [queueCategory]=\"queueCategory\"\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", "queueCategory"], 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: [".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=\"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        [queueCategory]=\"queueCategory\"\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"] }]
+            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: [".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
-            }], queueCategory: [{
-                type: Input
             }], filterDropdown: [{
                 type: ViewChild,
                 args: ['filterDropdown']