cat-qw-lib 2.1.25 → 2.1.27

package/fesm2022/cat-qw-lib.mjs

@@ -2301,27 +2301,50 @@ var columnStyles$1 = {
 	tableStyles: tableStyles
 };
 
+/**
+ *
+ */
 class QueueFilterDropdownService {
     filter = {
-        riskRating: null,
-        applicationType: null,
-        purchaseType: null,
-        taskStatus: null,
+        riskRating: [],
+        applicationType: [],
+        purchaseType: [],
+        taskStatus: [],
         financeMin: null,
         financeMax: null,
         pendingDays: null
     };
     setRiskRating(rating) {
-        this.filter.riskRating = this.filter.riskRating === rating ? null : rating;
+        const arr = this.filter.riskRating;
+        const idx = arr.indexOf(rating);
+        if (idx > -1)
+            arr.splice(idx, 1);
+        else
+            arr.push(rating);
     }
     setApplicationType(type) {
-        this.filter.applicationType = this.filter.applicationType === type ? null : type;
+        const arr = this.filter.applicationType;
+        const idx = arr.indexOf(type);
+        if (idx > -1)
+            arr.splice(idx, 1);
+        else
+            arr.push(type);
     }
     setPurchaseType(type) {
-        this.filter.purchaseType = this.filter.purchaseType === type ? null : type;
+        const arr = this.filter.purchaseType;
+        const idx = arr.indexOf(type);
+        if (idx > -1)
+            arr.splice(idx, 1);
+        else
+            arr.push(type);
     }
     setTaskStatus(status) {
-        this.filter.taskStatus = this.filter.taskStatus === status ? null : status;
+        const arr = this.filter.taskStatus;
+        const idx = arr.indexOf(status);
+        if (idx > -1)
+            arr.splice(idx, 1);
+        else
+            arr.push(status);
     }
     setFinanceMin(min) {
         this.filter.financeMin = min;
@@ -2333,23 +2356,56 @@ class QueueFilterDropdownService {
         this.filter.pendingDays = days;
     }
     setAllFilters(filters) {
-        this.filter = { ...filters };
+        this.filter = {
+            riskRating: [...(filters.riskRating || [])],
+            applicationType: [...(filters.applicationType || [])],
+            purchaseType: [...(filters.purchaseType || [])],
+            taskStatus: [...(filters.taskStatus || [])],
+            financeMin: filters.financeMin,
+            financeMax: filters.financeMax,
+            pendingDays: filters.pendingDays
+        };
     }
     getFilters() {
-        return { ...this.filter };
+        return {
+            riskRating: [...this.filter.riskRating],
+            applicationType: [...this.filter.applicationType],
+            purchaseType: [...this.filter.purchaseType],
+            taskStatus: [...this.filter.taskStatus],
+            financeMin: this.filter.financeMin,
+            financeMax: this.filter.financeMax,
+            pendingDays: this.filter.pendingDays
+        };
     }
     hasFilters() {
-        return Object.values(this.filter).some(value => value !== null);
+        return (this.filter.riskRating.length > 0 ||
+            this.filter.applicationType.length > 0 ||
+            this.filter.purchaseType.length > 0 ||
+            this.filter.taskStatus.length > 0 ||
+            this.filter.financeMin !== null ||
+            this.filter.financeMax !== null ||
+            this.filter.pendingDays !== null);
     }
     getFilterCount() {
-        return Object.values(this.filter).filter(value => value !== null).length;
+        let count = 0;
+        count += this.filter.riskRating.length;
+        count += this.filter.applicationType.length;
+        count += this.filter.purchaseType.length;
+        count += this.filter.taskStatus.length;
+        if (this.filter.financeMin !== null)
+            count++;
+        if (this.filter.financeMax !== null)
+            count++;
+        if (this.filter.pendingDays !== null)
+            count++;
+        return count;
     }
     clearAll() {
         this.filter = {
-            riskRating: null,
-            applicationType: null,
-            purchaseType: null,
-            taskStatus: null,
+            riskRating: [],
+            applicationType: [],
+            purchaseType: [],
+            taskStatus: [],
             financeMin: null,
             financeMax: null,
             pendingDays: null
@@ -2365,32 +2421,30 @@ class QueueFilterDropdownService {
         }
         const filterParams = {};
         // Map filter properties to API parameters
-        if (filters.riskRating) {
-            filterParams['risk'] = filters.riskRating; // risk=Low/Medium/High
+        if (filters.riskRating && filters.riskRating.length > 0) {
+            filterParams['risk'] = filters.riskRating.join(',');
         }
-        if (filters.applicationType) {
-            filterParams['lendingType'] = filters.applicationType; // lendingType=HPP/BTL
+        if (filters.applicationType && filters.applicationType.length > 0) {
+            filterParams['lendingType'] = filters.applicationType.join(',');
         }
-        if (filters.purchaseType) {
-            filterParams['purchaseType'] = filters.purchaseType; // purchaseType=Purchase/Refinance
+        if (filters.purchaseType && filters.purchaseType.length > 0) {
+            filterParams['purchaseType'] = filters.purchaseType.join(',');
         }
         // Add mapping for taskStatus UI values to API values
         const taskStatusMap = {
-            'Not Started': 'notStarted',
-            'In-progress': 'inProgress',
-            'Completed': 'completed'
+            'Not Started': 'notStarted', 'In-progress': 'inProgress', 'Completed': 'completed'
         };
-        if (filters.taskStatus) {
-            filterParams['taskStatus'] = taskStatusMap[filters.taskStatus] || filters.taskStatus;
+        if (filters.taskStatus && filters.taskStatus.length > 0) {
+            filterParams['taskStatus'] = filters.taskStatus.map(status => taskStatusMap[status] || status).join(',');
         }
         if (filters.financeMin !== null && filters.financeMin !== undefined) {
-            filterParams['minFinanace'] = filters.financeMin.toString(); // minFinanace=50000
+            filterParams['minFinanace'] = filters.financeMin.toString();
         }
         if (filters.financeMax !== null && filters.financeMax !== undefined) {
-            filterParams['maxFinanace'] = filters.financeMax.toString(); // maxFinanace=50000
+            filterParams['maxFinanace'] = filters.financeMax.toString();
         }
         if (filters.pendingDays !== null && filters.pendingDays !== undefined) {
-            filterParams['pendingDays'] = filters.pendingDays.toString(); // pendingDays=120
+            filterParams['pendingDays'] = filters.pendingDays.toString();
         }
         return new URLSearchParams(filterParams).toString();
     }
@@ -6375,6 +6429,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.5", ngImpor
                 type: Output
             }] } });
 
+/**
+ *
+ */
 class QueueFilterDropdownComponent {
     filterService;
     showDropdown = false;
@@ -6481,11 +6538,11 @@ class QueueFilterDropdownComponent {
         }
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.5", ngImport: i0, type: QueueFilterDropdownComponent, deps: [{ token: QueueFilterDropdownService }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.5", type: QueueFilterDropdownComponent, isStandalone: false, selector: "lib-queue-filter-dropdown", inputs: { appliedFilters: "appliedFilters" }, outputs: { filterApplied: "filterApplied", filtersCleared: "filtersCleared" }, host: { listeners: { "document:click": "onDocumentClick($event)" } }, viewQueries: [{ propertyName: "dropdownPanel", first: true, predicate: ["dropdownPanel"], descendants: true }], usesOnChanges: true, ngImport: i0, template: "<div class=\"queue-filter-dropdown-wrapper\">\r\n  <p-button\r\n    class=\"filter-btn-wrapper\"\r\n    (onClick)=\"onFilterBtnClick()\">\r\n    <div class=\"flex align-items-center\">\r\n    <i class=\"ri-filter-3-line mr-2 mt-1\"></i>\r\n    <p class=\"filter-count mb-0 mr-2\">{{ filterCount }}</p>\r\n    <p class=\"mb-0\">Filter(s) Applied</p>\r\n    <i class=\"pi pi-angle-down ml-2 mt-1\"></i>\r\n    </div>\r\n  </p-button>\r\n\r\n  <div class=\"filter-dropdown-panel\" *ngIf=\"showDropdown\" #dropdownPanel>\r\n    <h3 class=\"filter-title\">Queue Filters</h3>\r\n    <div class=\"filter-section\">\r\n      <p class=\"filter-label m-0 mb-2\">Risk Rating</p>\r\n      <div class=\"filter-options\">\r\n          <p-button class=\"filter-option-btn-wrapper\" [class.selected]=\"filterService.getFilters().riskRating === 'Low'\" (onClick)=\"setRiskRating('Low')\">\r\n            <div class=\"flex align-items-center\">\r\n            <p class=\"mb-0\">Low</p>\r\n            </div>\r\n          </p-button>\r\n\r\n          <p-button class=\"filter-option-btn-wrapper\" [class.selected]=\"filterService.getFilters().riskRating === 'Medium'\" (onClick)=\"setRiskRating('Medium')\">\r\n            <div class=\"flex align-items-center\">\r\n            <p class=\"mb-0\">Medium</p>\r\n            </div>\r\n          </p-button>\r\n\r\n           <p-button class=\"filter-option-btn-wrapper\" [class.selected]=\"filterService.getFilters().riskRating === 'High'\" (onClick)=\"setRiskRating('High')\">\r\n            <div class=\"flex align-items-center\">\r\n            <p class=\"mb-0\">High</p>\r\n            </div>\r\n          </p-button>\r\n      </div>\r\n    </div>\r\n    <div class=\"filter-section\">\r\n      <p class=\"filter-label m-0 mb-2\">Application Type</p>\r\n      <div class=\"filter-options\">\r\n        <p-button class=\"filter-option-btn-wrapper\" [class.selected]=\"filterService.getFilters().applicationType === 'BTL'\" (onClick)=\"setApplicationType('BTL')\">\r\n          <div class=\"flex align-items-center\">\r\n          <p class=\"mb-0\">BTL</p>\r\n          </div>\r\n        </p-button>\r\n\r\n        <p-button class=\"filter-option-btn-wrapper\" [class.selected]=\"filterService.getFilters().applicationType === 'HPP'\" (onClick)=\"setApplicationType('HPP')\">\r\n          <div class=\"flex align-items-center\">\r\n          <p class=\"mb-0\">HPP</p>\r\n          </div>\r\n        </p-button>\r\n      </div>\r\n    </div>\r\n    <div class=\"filter-section\">\r\n      <p class=\"filter-label m-0 mb-2\">Purchase Type</p>\r\n      <div class=\"filter-options\">\r\n        <p-button class=\"filter-option-btn-wrapper\" [class.selected]=\"filterService.getFilters().purchaseType === 'Purchase'\" (onClick)=\"setPurchaseType('Purchase')\">\r\n          <div class=\"flex align-items-center\">\r\n          <p class=\"mb-0\">Purchase</p>\r\n          </div>\r\n        </p-button>\r\n\r\n        <p-button class=\"filter-option-btn-wrapper\" [class.selected]=\"filterService.getFilters().purchaseType === 'Refinance'\" (onClick)=\"setPurchaseType('Refinance')\">\r\n          <div class=\"flex align-items-center\">\r\n          <p class=\"mb-0\">Refinance</p>\r\n          </div>\r\n        </p-button>\r\n      </div>\r\n    </div>\r\n    <div class=\"filter-section\">\r\n      <p class=\"filter-label m-0 mb-2\">Task Status</p>\r\n      <div class=\"filter-options\">\r\n        <p-button class=\"filter-option-btn-wrapper task-status-btn-wrapper\" [class.selected]=\"filterService.getFilters().taskStatus === 'Not Started'\" (onClick)=\"setTaskStatus('Not Started')\">\r\n          <div class=\"flex align-items-center\">\r\n          <p class=\"mb-0\">Not Started</p>\r\n          </div>\r\n        </p-button>\r\n\r\n        <p-button class=\"filter-option-btn-wrapper task-status-btn-wrapper\" [class.selected]=\"filterService.getFilters().taskStatus === 'In-progress'\" (onClick)=\"setTaskStatus('In-progress')\">\r\n          <div class=\"flex align-items-center\">\r\n          <p class=\"mb-0\">In-progress</p>\r\n          </div>\r\n        </p-button>\r\n\r\n        <p-button class=\"filter-option-btn-wrapper task-status-btn-wrapper\" [class.selected]=\"filterService.getFilters().taskStatus === 'Completed'\" (onClick)=\"setTaskStatus('Completed')\">\r\n          <div class=\"flex align-items-center\">\r\n          <p class=\"mb-0\">Completed</p>\r\n          </div>\r\n        </p-button>\r\n      </div>\r\n    </div>\r\n    <div class=\"filter-section\">\r\n      <p class=\"filter-label m-0 mb-2\">Finance Amount</p>\r\n      <div class=\"filter-options two-inputs\">\r\n        <input type=\"number\" placeholder=\"Min\" [ngModel]=\"filterService.getFilters().financeMin\" (ngModelChange)=\"setFinanceMin($event)\" min=\"0\" />\r\n        <input type=\"number\" placeholder=\"Max\" [ngModel]=\"filterService.getFilters().financeMax\" (ngModelChange)=\"setFinanceMax($event)\" min=\"0\" />\r\n      </div>\r\n    </div>\r\n    <div class=\"filter-section\">\r\n      <p class=\"filter-label m-0 mb-2\">Pending Days</p>\r\n      <div class=\"filter-options one-input\">\r\n        <input type=\"number\" placeholder=\"No. of days\" [ngModel]=\"filterService.getFilters().pendingDays\" (ngModelChange)=\"setPendingDays($event)\" min=\"0\" />\r\n      </div>\r\n    </div>\r\n    <div class=\"filter-actions\">\r\n      <p-button class=\"clear-btn-wrapper\" (onClick)=\"clearAll()\">\r\n        <div class=\"flex align-items-center btn-text-wrapper\">\r\n          <p class=\"mb-0 mr-2\">Clear All</p>\r\n          <i class=\"pi pi-times\"></i>\r\n        </div>\r\n    </p-button>\r\n\r\n    <p-button\r\n    class=\"apply-btn-wrapper\"\r\n    (onClick)=\"applyFilters()\">\r\n    <div class=\"flex align-items-center\">\r\n      <p class=\"mb-0\">Apply Filters</p>\r\n    </div>\r\n    </p-button>\r\n    </div>\r\n  </div>\r\n</div>\r\n", styles: [".queue-filter-dropdown-wrapper{position:relative;display:inline-block}.filter-dropdown-panel{position:absolute;top:100%;left:50%;transform:translate(-50%);min-width:390px;background:#fff;border:1.5px solid #d1d5db;border-radius:16px;box-shadow:0 8px 32px #101e362e;padding:1.5rem 1.25rem 1rem;z-index:1000}.filter-title{font-weight:600;font-size:16px;margin-bottom:1.25rem}.filter-section{margin-bottom:1.2rem}.filter-label{font-size:1rem;font-weight:500;margin-bottom:.5rem}.filter-options{display:flex;gap:.7rem;flex-wrap:wrap}.filter-options input[type=number],.filter-options input[type=text],.filter-options input[type=date]{width:110px;padding:.45rem .8rem;border:1.5px solid #e0e4ea;border-radius:8px;font-size:1rem;color:#3b4256;background:#fff;transition:border .2s}.filter-options input[type=number]:focus,.filter-options input[type=text]:focus,.filter-options input[type=date]:focus{border:1.5px solid #2563eb;outline:none}.filter-actions{display:flex;justify-content:space-between;align-items:center;margin-top:1.7rem}::ng-deep .apply-btn-wrapper .p-button{border:none;padding:8px 16px;border-radius:8px;box-shadow:none}::ng-deep .clear-btn-wrapper .p-button{border:none;color:var(--primary-color);background-color:var(--surface-0);padding:0;border-radius:8px;box-shadow:none}::ng-deep .filter-btn-wrapper .p-button{border:1px solid #e0e4ea!important;border-radius:8px!important;border:none;color:var(--text-color);background-color:var(--surface-0);padding:8px 16px;border-radius:8px;box-shadow:none;height:44px}::ng-deep .filter-option-btn-wrapper .p-button{border:1px solid #e0e4ea!important;border-radius:8px!important;border:none;color:var(--text-color);background-color:#f7fafd;padding:4px 18px;border-radius:8px;box-shadow:none}::ng-deep .filter-option-btn-wrapper.selected .p-button{border-radius:8px!important;border:none;color:var(--primary-color);background-color:#e8f0fe;padding:4px 18px;box-shadow:none;border:1.5px solid var(--primary-color)!important}::ng-deep .task-status-btn-wrapper{padding:4px 16px!important}::ng-deep .task-status-btn-wrapper.selected{padding:4px 16px!important}.filter-options input[type=date]{font-family:inherit;color:#3b4256}.filter-options.two-inputs input[type=number]{width:48.5%}.filter-options.one-input input[type=number]{width:100%}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i3$1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i3$1.NumberValueAccessor, selector: "input[type=number][formControlName],input[type=number][formControl],input[type=number][ngModel]" }, { kind: "directive", type: i3$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3$1.MinValidator, selector: "input[type=number][min][formControlName],input[type=number][min][formControl],input[type=number][min][ngModel]", inputs: ["min"] }, { kind: "directive", type: i3$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i3$3.Button, selector: "p-button", inputs: ["type", "iconPos", "icon", "badge", "label", "disabled", "loading", "loadingIcon", "raised", "rounded", "text", "plain", "severity", "outlined", "link", "tabindex", "size", "style", "styleClass", "badgeClass", "ariaLabel", "autofocus"], outputs: ["onClick", "onFocus", "onBlur"] }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.5", type: QueueFilterDropdownComponent, isStandalone: false, selector: "lib-queue-filter-dropdown", inputs: { appliedFilters: "appliedFilters" }, outputs: { filterApplied: "filterApplied", filtersCleared: "filtersCleared" }, host: { listeners: { "document:click": "onDocumentClick($event)" } }, viewQueries: [{ propertyName: "dropdownPanel", first: true, predicate: ["dropdownPanel"], descendants: true }], usesOnChanges: true, ngImport: i0, template: "<div class=\"queue-filter-dropdown-wrapper\">\r\n  <p-button\r\n    class=\"filter-btn-wrapper\"\r\n    (onClick)=\"onFilterBtnClick()\">\r\n    <div class=\"flex align-items-center\">\r\n    <i class=\"ri-filter-3-line mr-2 mt-1\"></i>\r\n    <p class=\"filter-count mb-0 mr-2\">{{ filterCount }}</p>\r\n    <p class=\"mb-0\">Filter(s) Applied</p>\r\n    <i class=\"pi pi-angle-down ml-2 mt-1\"></i>\r\n    </div>\r\n  </p-button>\r\n\r\n  <div class=\"filter-dropdown-panel\" *ngIf=\"showDropdown\" #dropdownPanel>\r\n    <h3 class=\"filter-title\">Queue Filters</h3>\r\n    <div class=\"filter-section\">\r\n      <p class=\"filter-label m-0 mb-2\">Risk Rating</p>\r\n      <div class=\"filter-options\">\r\n          <p-button class=\"filter-option-btn-wrapper\" [class.selected]=\"filterService.getFilters().riskRating.includes('Low')\" (onClick)=\"setRiskRating('Low')\">\r\n            <div class=\"flex align-items-center\">\r\n            <p class=\"mb-0\">Low</p>\r\n            </div>\r\n          </p-button>\r\n\r\n          <p-button class=\"filter-option-btn-wrapper\" [class.selected]=\"filterService.getFilters().riskRating.includes('Medium')\" (onClick)=\"setRiskRating('Medium')\">\r\n            <div class=\"flex align-items-center\">\r\n            <p class=\"mb-0\">Medium</p>\r\n            </div>\r\n          </p-button>\r\n\r\n           <p-button class=\"filter-option-btn-wrapper\" [class.selected]=\"filterService.getFilters().riskRating.includes('High')\" (onClick)=\"setRiskRating('High')\">\r\n            <div class=\"flex align-items-center\">\r\n            <p class=\"mb-0\">High</p>\r\n            </div>\r\n          </p-button>\r\n      </div>\r\n    </div>\r\n    <div class=\"filter-section\">\r\n      <p class=\"filter-label m-0 mb-2\">Application Type</p>\r\n      <div class=\"filter-options\">\r\n        <p-button class=\"filter-option-btn-wrapper\" [class.selected]=\"filterService.getFilters().applicationType.includes('BTL')\" (onClick)=\"setApplicationType('BTL')\">\r\n          <div class=\"flex align-items-center\">\r\n          <p class=\"mb-0\">BTL</p>\r\n          </div>\r\n        </p-button>\r\n\r\n        <p-button class=\"filter-option-btn-wrapper\" [class.selected]=\"filterService.getFilters().applicationType.includes('HPP')\" (onClick)=\"setApplicationType('HPP')\">\r\n          <div class=\"flex align-items-center\">\r\n          <p class=\"mb-0\">HPP</p>\r\n          </div>\r\n        </p-button>\r\n      </div>\r\n    </div>\r\n    <div class=\"filter-section\">\r\n      <p class=\"filter-label m-0 mb-2\">Purchase Type</p>\r\n      <div class=\"filter-options\">\r\n        <p-button class=\"filter-option-btn-wrapper\" [class.selected]=\"filterService.getFilters().purchaseType.includes('Purchase')\" (onClick)=\"setPurchaseType('Purchase')\">\r\n          <div class=\"flex align-items-center\">\r\n          <p class=\"mb-0\">Purchase</p>\r\n          </div>\r\n        </p-button>\r\n\r\n        <p-button class=\"filter-option-btn-wrapper\" [class.selected]=\"filterService.getFilters().purchaseType.includes('Refinance')\" (onClick)=\"setPurchaseType('Refinance')\">\r\n          <div class=\"flex align-items-center\">\r\n          <p class=\"mb-0\">Refinance</p>\r\n          </div>\r\n        </p-button>\r\n      </div>\r\n    </div>\r\n    <div class=\"filter-section\">\r\n      <p class=\"filter-label m-0 mb-2\">Task Status</p>\r\n      <div class=\"filter-options\">\r\n        <p-button class=\"filter-option-btn-wrapper task-status-btn-wrapper\" [class.selected]=\"filterService.getFilters().taskStatus.includes('Not Started')\" (onClick)=\"setTaskStatus('Not Started')\">\r\n          <div class=\"flex align-items-center\">\r\n          <p class=\"mb-0\">Not Started</p>\r\n          </div>\r\n        </p-button>\r\n\r\n        <p-button class=\"filter-option-btn-wrapper task-status-btn-wrapper\" [class.selected]=\"filterService.getFilters().taskStatus.includes('In-progress')\" (onClick)=\"setTaskStatus('In-progress')\">\r\n          <div class=\"flex align-items-center\">\r\n          <p class=\"mb-0\">In-progress</p>\r\n          </div>\r\n        </p-button>\r\n\r\n        <p-button class=\"filter-option-btn-wrapper task-status-btn-wrapper\" [class.selected]=\"filterService.getFilters().taskStatus.includes('Completed')\" (onClick)=\"setTaskStatus('Completed')\">\r\n          <div class=\"flex align-items-center\">\r\n          <p class=\"mb-0\">Completed</p>\r\n          </div>\r\n        </p-button>\r\n      </div>\r\n    </div>\r\n    <div class=\"filter-section\">\r\n      <p class=\"filter-label m-0 mb-2\">Finance Amount</p>\r\n      <div class=\"filter-options two-inputs\">\r\n        <input type=\"number\" placeholder=\"Min\" [ngModel]=\"filterService.getFilters().financeMin\" (ngModelChange)=\"setFinanceMin($event)\" min=\"0\" />\r\n        <input type=\"number\" placeholder=\"Max\" [ngModel]=\"filterService.getFilters().financeMax\" (ngModelChange)=\"setFinanceMax($event)\" min=\"0\" />\r\n      </div>\r\n    </div>\r\n    <div class=\"filter-section\">\r\n      <p class=\"filter-label m-0 mb-2\">Pending Days</p>\r\n      <div class=\"filter-options one-input\">\r\n        <input type=\"number\" placeholder=\"No. of days\" [ngModel]=\"filterService.getFilters().pendingDays\" (ngModelChange)=\"setPendingDays($event)\" min=\"0\" />\r\n      </div>\r\n    </div>\r\n    <div class=\"filter-actions\">\r\n      <p-button class=\"clear-btn-wrapper\" (onClick)=\"clearAll()\">\r\n        <div class=\"flex align-items-center btn-text-wrapper\">\r\n          <p class=\"mb-0 mr-2\">Clear All</p>\r\n          <i class=\"pi pi-times\"></i>\r\n        </div>\r\n    </p-button>\r\n\r\n    <p-button\r\n    class=\"apply-btn-wrapper\"\r\n    (onClick)=\"applyFilters()\">\r\n    <div class=\"flex align-items-center\">\r\n      <p class=\"mb-0\">Apply Filters</p>\r\n    </div>\r\n    </p-button>\r\n    </div>\r\n  </div>\r\n</div>\r\n", styles: [".queue-filter-dropdown-wrapper{position:relative;display:inline-block}.filter-dropdown-panel{position:absolute;top:100%;left:50%;transform:translate(-50%);min-width:390px;background:#fff;border:1.5px solid #d1d5db;border-radius:16px;box-shadow:0 8px 32px #101e362e;padding:1.5rem 1.25rem 1rem;z-index:1000}.filter-title{font-weight:600;font-size:16px;margin-bottom:1.25rem}.filter-section{margin-bottom:1.2rem}.filter-label{font-size:1rem;font-weight:500;margin-bottom:.5rem}.filter-options{display:flex;gap:.7rem;flex-wrap:wrap}.filter-options input[type=number],.filter-options input[type=text],.filter-options input[type=date]{width:110px;padding:.45rem .8rem;border:1.5px solid #e0e4ea;border-radius:8px;font-size:1rem;color:#3b4256;background:#fff;transition:border .2s}.filter-options input[type=number]:focus,.filter-options input[type=text]:focus,.filter-options input[type=date]:focus{border:1.5px solid #2563eb;outline:none}.filter-actions{display:flex;justify-content:space-between;align-items:center;margin-top:1.7rem}::ng-deep .apply-btn-wrapper .p-button{border:none;padding:8px 16px;border-radius:8px;box-shadow:none}::ng-deep .clear-btn-wrapper .p-button{border:none;color:var(--primary-color);background-color:var(--surface-0);padding:0;border-radius:8px;box-shadow:none}::ng-deep .filter-btn-wrapper .p-button{border:1px solid #e0e4ea!important;border-radius:8px!important;border:none;color:var(--text-color);background-color:var(--surface-0);padding:8px 16px;border-radius:8px;box-shadow:none;height:44px}::ng-deep .filter-option-btn-wrapper .p-button{border:1px solid #e0e4ea!important;border-radius:8px!important;border:none;color:var(--text-color);background-color:#f7fafd;padding:4px 18px;border-radius:8px;box-shadow:none}::ng-deep .filter-option-btn-wrapper.selected .p-button{border-radius:8px!important;border:none;color:var(--primary-color);background-color:#e8f0fe;padding:4px 18px;box-shadow:none;border:1.5px solid var(--primary-color)!important}::ng-deep .task-status-btn-wrapper{padding:4px 16px!important}::ng-deep .task-status-btn-wrapper.selected{padding:4px 16px!important}.filter-options input[type=date]{font-family:inherit;color:#3b4256}.filter-options.two-inputs input[type=number]{width:48.5%}.filter-options.one-input input[type=number]{width:100%}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i3$1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i3$1.NumberValueAccessor, selector: "input[type=number][formControlName],input[type=number][formControl],input[type=number][ngModel]" }, { kind: "directive", type: i3$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3$1.MinValidator, selector: "input[type=number][min][formControlName],input[type=number][min][formControl],input[type=number][min][ngModel]", inputs: ["min"] }, { kind: "directive", type: i3$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i3$3.Button, selector: "p-button", inputs: ["type", "iconPos", "icon", "badge", "label", "disabled", "loading", "loadingIcon", "raised", "rounded", "text", "plain", "severity", "outlined", "link", "tabindex", "size", "style", "styleClass", "badgeClass", "ariaLabel", "autofocus"], outputs: ["onClick", "onFocus", "onBlur"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.5", ngImport: i0, type: QueueFilterDropdownComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'lib-queue-filter-dropdown', standalone: false, template: "<div class=\"queue-filter-dropdown-wrapper\">\r\n  <p-button\r\n    class=\"filter-btn-wrapper\"\r\n    (onClick)=\"onFilterBtnClick()\">\r\n    <div class=\"flex align-items-center\">\r\n    <i class=\"ri-filter-3-line mr-2 mt-1\"></i>\r\n    <p class=\"filter-count mb-0 mr-2\">{{ filterCount }}</p>\r\n    <p class=\"mb-0\">Filter(s) Applied</p>\r\n    <i class=\"pi pi-angle-down ml-2 mt-1\"></i>\r\n    </div>\r\n  </p-button>\r\n\r\n  <div class=\"filter-dropdown-panel\" *ngIf=\"showDropdown\" #dropdownPanel>\r\n    <h3 class=\"filter-title\">Queue Filters</h3>\r\n    <div class=\"filter-section\">\r\n      <p class=\"filter-label m-0 mb-2\">Risk Rating</p>\r\n      <div class=\"filter-options\">\r\n          <p-button class=\"filter-option-btn-wrapper\" [class.selected]=\"filterService.getFilters().riskRating === 'Low'\" (onClick)=\"setRiskRating('Low')\">\r\n            <div class=\"flex align-items-center\">\r\n            <p class=\"mb-0\">Low</p>\r\n            </div>\r\n          </p-button>\r\n\r\n          <p-button class=\"filter-option-btn-wrapper\" [class.selected]=\"filterService.getFilters().riskRating === 'Medium'\" (onClick)=\"setRiskRating('Medium')\">\r\n            <div class=\"flex align-items-center\">\r\n            <p class=\"mb-0\">Medium</p>\r\n            </div>\r\n          </p-button>\r\n\r\n           <p-button class=\"filter-option-btn-wrapper\" [class.selected]=\"filterService.getFilters().riskRating === 'High'\" (onClick)=\"setRiskRating('High')\">\r\n            <div class=\"flex align-items-center\">\r\n            <p class=\"mb-0\">High</p>\r\n            </div>\r\n          </p-button>\r\n      </div>\r\n    </div>\r\n    <div class=\"filter-section\">\r\n      <p class=\"filter-label m-0 mb-2\">Application Type</p>\r\n      <div class=\"filter-options\">\r\n        <p-button class=\"filter-option-btn-wrapper\" [class.selected]=\"filterService.getFilters().applicationType === 'BTL'\" (onClick)=\"setApplicationType('BTL')\">\r\n          <div class=\"flex align-items-center\">\r\n          <p class=\"mb-0\">BTL</p>\r\n          </div>\r\n        </p-button>\r\n\r\n        <p-button class=\"filter-option-btn-wrapper\" [class.selected]=\"filterService.getFilters().applicationType === 'HPP'\" (onClick)=\"setApplicationType('HPP')\">\r\n          <div class=\"flex align-items-center\">\r\n          <p class=\"mb-0\">HPP</p>\r\n          </div>\r\n        </p-button>\r\n      </div>\r\n    </div>\r\n    <div class=\"filter-section\">\r\n      <p class=\"filter-label m-0 mb-2\">Purchase Type</p>\r\n      <div class=\"filter-options\">\r\n        <p-button class=\"filter-option-btn-wrapper\" [class.selected]=\"filterService.getFilters().purchaseType === 'Purchase'\" (onClick)=\"setPurchaseType('Purchase')\">\r\n          <div class=\"flex align-items-center\">\r\n          <p class=\"mb-0\">Purchase</p>\r\n          </div>\r\n        </p-button>\r\n\r\n        <p-button class=\"filter-option-btn-wrapper\" [class.selected]=\"filterService.getFilters().purchaseType === 'Refinance'\" (onClick)=\"setPurchaseType('Refinance')\">\r\n          <div class=\"flex align-items-center\">\r\n          <p class=\"mb-0\">Refinance</p>\r\n          </div>\r\n        </p-button>\r\n      </div>\r\n    </div>\r\n    <div class=\"filter-section\">\r\n      <p class=\"filter-label m-0 mb-2\">Task Status</p>\r\n      <div class=\"filter-options\">\r\n        <p-button class=\"filter-option-btn-wrapper task-status-btn-wrapper\" [class.selected]=\"filterService.getFilters().taskStatus === 'Not Started'\" (onClick)=\"setTaskStatus('Not Started')\">\r\n          <div class=\"flex align-items-center\">\r\n          <p class=\"mb-0\">Not Started</p>\r\n          </div>\r\n        </p-button>\r\n\r\n        <p-button class=\"filter-option-btn-wrapper task-status-btn-wrapper\" [class.selected]=\"filterService.getFilters().taskStatus === 'In-progress'\" (onClick)=\"setTaskStatus('In-progress')\">\r\n          <div class=\"flex align-items-center\">\r\n          <p class=\"mb-0\">In-progress</p>\r\n          </div>\r\n        </p-button>\r\n\r\n        <p-button class=\"filter-option-btn-wrapper task-status-btn-wrapper\" [class.selected]=\"filterService.getFilters().taskStatus === 'Completed'\" (onClick)=\"setTaskStatus('Completed')\">\r\n          <div class=\"flex align-items-center\">\r\n          <p class=\"mb-0\">Completed</p>\r\n          </div>\r\n        </p-button>\r\n      </div>\r\n    </div>\r\n    <div class=\"filter-section\">\r\n      <p class=\"filter-label m-0 mb-2\">Finance Amount</p>\r\n      <div class=\"filter-options two-inputs\">\r\n        <input type=\"number\" placeholder=\"Min\" [ngModel]=\"filterService.getFilters().financeMin\" (ngModelChange)=\"setFinanceMin($event)\" min=\"0\" />\r\n        <input type=\"number\" placeholder=\"Max\" [ngModel]=\"filterService.getFilters().financeMax\" (ngModelChange)=\"setFinanceMax($event)\" min=\"0\" />\r\n      </div>\r\n    </div>\r\n    <div class=\"filter-section\">\r\n      <p class=\"filter-label m-0 mb-2\">Pending Days</p>\r\n      <div class=\"filter-options one-input\">\r\n        <input type=\"number\" placeholder=\"No. of days\" [ngModel]=\"filterService.getFilters().pendingDays\" (ngModelChange)=\"setPendingDays($event)\" min=\"0\" />\r\n      </div>\r\n    </div>\r\n    <div class=\"filter-actions\">\r\n      <p-button class=\"clear-btn-wrapper\" (onClick)=\"clearAll()\">\r\n        <div class=\"flex align-items-center btn-text-wrapper\">\r\n          <p class=\"mb-0 mr-2\">Clear All</p>\r\n          <i class=\"pi pi-times\"></i>\r\n        </div>\r\n    </p-button>\r\n\r\n    <p-button\r\n    class=\"apply-btn-wrapper\"\r\n    (onClick)=\"applyFilters()\">\r\n    <div class=\"flex align-items-center\">\r\n      <p class=\"mb-0\">Apply Filters</p>\r\n    </div>\r\n    </p-button>\r\n    </div>\r\n  </div>\r\n</div>\r\n", styles: [".queue-filter-dropdown-wrapper{position:relative;display:inline-block}.filter-dropdown-panel{position:absolute;top:100%;left:50%;transform:translate(-50%);min-width:390px;background:#fff;border:1.5px solid #d1d5db;border-radius:16px;box-shadow:0 8px 32px #101e362e;padding:1.5rem 1.25rem 1rem;z-index:1000}.filter-title{font-weight:600;font-size:16px;margin-bottom:1.25rem}.filter-section{margin-bottom:1.2rem}.filter-label{font-size:1rem;font-weight:500;margin-bottom:.5rem}.filter-options{display:flex;gap:.7rem;flex-wrap:wrap}.filter-options input[type=number],.filter-options input[type=text],.filter-options input[type=date]{width:110px;padding:.45rem .8rem;border:1.5px solid #e0e4ea;border-radius:8px;font-size:1rem;color:#3b4256;background:#fff;transition:border .2s}.filter-options input[type=number]:focus,.filter-options input[type=text]:focus,.filter-options input[type=date]:focus{border:1.5px solid #2563eb;outline:none}.filter-actions{display:flex;justify-content:space-between;align-items:center;margin-top:1.7rem}::ng-deep .apply-btn-wrapper .p-button{border:none;padding:8px 16px;border-radius:8px;box-shadow:none}::ng-deep .clear-btn-wrapper .p-button{border:none;color:var(--primary-color);background-color:var(--surface-0);padding:0;border-radius:8px;box-shadow:none}::ng-deep .filter-btn-wrapper .p-button{border:1px solid #e0e4ea!important;border-radius:8px!important;border:none;color:var(--text-color);background-color:var(--surface-0);padding:8px 16px;border-radius:8px;box-shadow:none;height:44px}::ng-deep .filter-option-btn-wrapper .p-button{border:1px solid #e0e4ea!important;border-radius:8px!important;border:none;color:var(--text-color);background-color:#f7fafd;padding:4px 18px;border-radius:8px;box-shadow:none}::ng-deep .filter-option-btn-wrapper.selected .p-button{border-radius:8px!important;border:none;color:var(--primary-color);background-color:#e8f0fe;padding:4px 18px;box-shadow:none;border:1.5px solid var(--primary-color)!important}::ng-deep .task-status-btn-wrapper{padding:4px 16px!important}::ng-deep .task-status-btn-wrapper.selected{padding:4px 16px!important}.filter-options input[type=date]{font-family:inherit;color:#3b4256}.filter-options.two-inputs input[type=number]{width:48.5%}.filter-options.one-input input[type=number]{width:100%}\n"] }]
+            args: [{ selector: 'lib-queue-filter-dropdown', standalone: false, template: "<div class=\"queue-filter-dropdown-wrapper\">\r\n  <p-button\r\n    class=\"filter-btn-wrapper\"\r\n    (onClick)=\"onFilterBtnClick()\">\r\n    <div class=\"flex align-items-center\">\r\n    <i class=\"ri-filter-3-line mr-2 mt-1\"></i>\r\n    <p class=\"filter-count mb-0 mr-2\">{{ filterCount }}</p>\r\n    <p class=\"mb-0\">Filter(s) Applied</p>\r\n    <i class=\"pi pi-angle-down ml-2 mt-1\"></i>\r\n    </div>\r\n  </p-button>\r\n\r\n  <div class=\"filter-dropdown-panel\" *ngIf=\"showDropdown\" #dropdownPanel>\r\n    <h3 class=\"filter-title\">Queue Filters</h3>\r\n    <div class=\"filter-section\">\r\n      <p class=\"filter-label m-0 mb-2\">Risk Rating</p>\r\n      <div class=\"filter-options\">\r\n          <p-button class=\"filter-option-btn-wrapper\" [class.selected]=\"filterService.getFilters().riskRating.includes('Low')\" (onClick)=\"setRiskRating('Low')\">\r\n            <div class=\"flex align-items-center\">\r\n            <p class=\"mb-0\">Low</p>\r\n            </div>\r\n          </p-button>\r\n\r\n          <p-button class=\"filter-option-btn-wrapper\" [class.selected]=\"filterService.getFilters().riskRating.includes('Medium')\" (onClick)=\"setRiskRating('Medium')\">\r\n            <div class=\"flex align-items-center\">\r\n            <p class=\"mb-0\">Medium</p>\r\n            </div>\r\n          </p-button>\r\n\r\n           <p-button class=\"filter-option-btn-wrapper\" [class.selected]=\"filterService.getFilters().riskRating.includes('High')\" (onClick)=\"setRiskRating('High')\">\r\n            <div class=\"flex align-items-center\">\r\n            <p class=\"mb-0\">High</p>\r\n            </div>\r\n          </p-button>\r\n      </div>\r\n    </div>\r\n    <div class=\"filter-section\">\r\n      <p class=\"filter-label m-0 mb-2\">Application Type</p>\r\n      <div class=\"filter-options\">\r\n        <p-button class=\"filter-option-btn-wrapper\" [class.selected]=\"filterService.getFilters().applicationType.includes('BTL')\" (onClick)=\"setApplicationType('BTL')\">\r\n          <div class=\"flex align-items-center\">\r\n          <p class=\"mb-0\">BTL</p>\r\n          </div>\r\n        </p-button>\r\n\r\n        <p-button class=\"filter-option-btn-wrapper\" [class.selected]=\"filterService.getFilters().applicationType.includes('HPP')\" (onClick)=\"setApplicationType('HPP')\">\r\n          <div class=\"flex align-items-center\">\r\n          <p class=\"mb-0\">HPP</p>\r\n          </div>\r\n        </p-button>\r\n      </div>\r\n    </div>\r\n    <div class=\"filter-section\">\r\n      <p class=\"filter-label m-0 mb-2\">Purchase Type</p>\r\n      <div class=\"filter-options\">\r\n        <p-button class=\"filter-option-btn-wrapper\" [class.selected]=\"filterService.getFilters().purchaseType.includes('Purchase')\" (onClick)=\"setPurchaseType('Purchase')\">\r\n          <div class=\"flex align-items-center\">\r\n          <p class=\"mb-0\">Purchase</p>\r\n          </div>\r\n        </p-button>\r\n\r\n        <p-button class=\"filter-option-btn-wrapper\" [class.selected]=\"filterService.getFilters().purchaseType.includes('Refinance')\" (onClick)=\"setPurchaseType('Refinance')\">\r\n          <div class=\"flex align-items-center\">\r\n          <p class=\"mb-0\">Refinance</p>\r\n          </div>\r\n        </p-button>\r\n      </div>\r\n    </div>\r\n    <div class=\"filter-section\">\r\n      <p class=\"filter-label m-0 mb-2\">Task Status</p>\r\n      <div class=\"filter-options\">\r\n        <p-button class=\"filter-option-btn-wrapper task-status-btn-wrapper\" [class.selected]=\"filterService.getFilters().taskStatus.includes('Not Started')\" (onClick)=\"setTaskStatus('Not Started')\">\r\n          <div class=\"flex align-items-center\">\r\n          <p class=\"mb-0\">Not Started</p>\r\n          </div>\r\n        </p-button>\r\n\r\n        <p-button class=\"filter-option-btn-wrapper task-status-btn-wrapper\" [class.selected]=\"filterService.getFilters().taskStatus.includes('In-progress')\" (onClick)=\"setTaskStatus('In-progress')\">\r\n          <div class=\"flex align-items-center\">\r\n          <p class=\"mb-0\">In-progress</p>\r\n          </div>\r\n        </p-button>\r\n\r\n        <p-button class=\"filter-option-btn-wrapper task-status-btn-wrapper\" [class.selected]=\"filterService.getFilters().taskStatus.includes('Completed')\" (onClick)=\"setTaskStatus('Completed')\">\r\n          <div class=\"flex align-items-center\">\r\n          <p class=\"mb-0\">Completed</p>\r\n          </div>\r\n        </p-button>\r\n      </div>\r\n    </div>\r\n    <div class=\"filter-section\">\r\n      <p class=\"filter-label m-0 mb-2\">Finance Amount</p>\r\n      <div class=\"filter-options two-inputs\">\r\n        <input type=\"number\" placeholder=\"Min\" [ngModel]=\"filterService.getFilters().financeMin\" (ngModelChange)=\"setFinanceMin($event)\" min=\"0\" />\r\n        <input type=\"number\" placeholder=\"Max\" [ngModel]=\"filterService.getFilters().financeMax\" (ngModelChange)=\"setFinanceMax($event)\" min=\"0\" />\r\n      </div>\r\n    </div>\r\n    <div class=\"filter-section\">\r\n      <p class=\"filter-label m-0 mb-2\">Pending Days</p>\r\n      <div class=\"filter-options one-input\">\r\n        <input type=\"number\" placeholder=\"No. of days\" [ngModel]=\"filterService.getFilters().pendingDays\" (ngModelChange)=\"setPendingDays($event)\" min=\"0\" />\r\n      </div>\r\n    </div>\r\n    <div class=\"filter-actions\">\r\n      <p-button class=\"clear-btn-wrapper\" (onClick)=\"clearAll()\">\r\n        <div class=\"flex align-items-center btn-text-wrapper\">\r\n          <p class=\"mb-0 mr-2\">Clear All</p>\r\n          <i class=\"pi pi-times\"></i>\r\n        </div>\r\n    </p-button>\r\n\r\n    <p-button\r\n    class=\"apply-btn-wrapper\"\r\n    (onClick)=\"applyFilters()\">\r\n    <div class=\"flex align-items-center\">\r\n      <p class=\"mb-0\">Apply Filters</p>\r\n    </div>\r\n    </p-button>\r\n    </div>\r\n  </div>\r\n</div>\r\n", styles: [".queue-filter-dropdown-wrapper{position:relative;display:inline-block}.filter-dropdown-panel{position:absolute;top:100%;left:50%;transform:translate(-50%);min-width:390px;background:#fff;border:1.5px solid #d1d5db;border-radius:16px;box-shadow:0 8px 32px #101e362e;padding:1.5rem 1.25rem 1rem;z-index:1000}.filter-title{font-weight:600;font-size:16px;margin-bottom:1.25rem}.filter-section{margin-bottom:1.2rem}.filter-label{font-size:1rem;font-weight:500;margin-bottom:.5rem}.filter-options{display:flex;gap:.7rem;flex-wrap:wrap}.filter-options input[type=number],.filter-options input[type=text],.filter-options input[type=date]{width:110px;padding:.45rem .8rem;border:1.5px solid #e0e4ea;border-radius:8px;font-size:1rem;color:#3b4256;background:#fff;transition:border .2s}.filter-options input[type=number]:focus,.filter-options input[type=text]:focus,.filter-options input[type=date]:focus{border:1.5px solid #2563eb;outline:none}.filter-actions{display:flex;justify-content:space-between;align-items:center;margin-top:1.7rem}::ng-deep .apply-btn-wrapper .p-button{border:none;padding:8px 16px;border-radius:8px;box-shadow:none}::ng-deep .clear-btn-wrapper .p-button{border:none;color:var(--primary-color);background-color:var(--surface-0);padding:0;border-radius:8px;box-shadow:none}::ng-deep .filter-btn-wrapper .p-button{border:1px solid #e0e4ea!important;border-radius:8px!important;border:none;color:var(--text-color);background-color:var(--surface-0);padding:8px 16px;border-radius:8px;box-shadow:none;height:44px}::ng-deep .filter-option-btn-wrapper .p-button{border:1px solid #e0e4ea!important;border-radius:8px!important;border:none;color:var(--text-color);background-color:#f7fafd;padding:4px 18px;border-radius:8px;box-shadow:none}::ng-deep .filter-option-btn-wrapper.selected .p-button{border-radius:8px!important;border:none;color:var(--primary-color);background-color:#e8f0fe;padding:4px 18px;box-shadow:none;border:1.5px solid var(--primary-color)!important}::ng-deep .task-status-btn-wrapper{padding:4px 16px!important}::ng-deep .task-status-btn-wrapper.selected{padding:4px 16px!important}.filter-options input[type=date]{font-family:inherit;color:#3b4256}.filter-options.two-inputs input[type=number]{width:48.5%}.filter-options.one-input input[type=number]{width:100%}\n"] }]
         }], ctorParameters: () => [{ type: QueueFilterDropdownService }], propDecorators: { dropdownPanel: [{
                 type: ViewChild,
                 args: ['dropdownPanel', { static: false }]