cat-qw-lib 2.6.3 → 2.6.6

package/fesm2022/cat-qw-lib.mjs

@@ -2324,11 +2324,9 @@ var columnStyles = {
 		line2NgClass: "text-gray-700 text-sm"
 	},
 	referredDate: {
-		isShowSortIcon: true,
-		line1IsChip: true,
-		line1ChipVariant: "rowData['referredDate']?.chipVariant || ''",
-		line1NgClass: "",
-		line2NgClass: "text-gray-700 text-sm"
+		containerNgClass: "rowData['referredDate'] && rowData['referredDate'] !== '' ? 'queue-chip queue-chip--neutral' : ''",
+		textNgClass: "",
+		isShowSortIcon: true
 	},
 	appId: {
 		isShowSortIcon: true
@@ -6971,13 +6969,20 @@ class QueueRecordTableBuilderService extends TableBuilder {
                     const daysValue = extractDays(value);
                     const taskText = extractTask(value);
                     const isReferredDate = field === SHARED.REFERRED_DATE;
-                    const chipVariant = isReferredDate ? CHIP_VARIANTS.NEUTRAL : this.deriveChipVariantFromDays(daysValue);
-                    cellValue = {
-                        addressLine1: daysValue !== null ? `${daysValue} days` : SHARED.EMPTY,
-                        postCode: taskText,
-                        days: daysValue,
-                        chipVariant
-                    };
+                    if (isReferredDate) {
+                        // Single-line format for referredDate (like Age column)
+                        cellValue = daysValue !== null ? `${daysValue} days` : SHARED.EMPTY;
+                    }
+                    else {
+                        // Two-line format for SLA with color-coded chip
+                        const chipVariant = this.deriveChipVariantFromDays(daysValue);
+                        cellValue = {
+                            addressLine1: daysValue !== null ? `${daysValue} days` : SHARED.EMPTY,
+                            postCode: taskText,
+                            days: daysValue,
+                            chipVariant
+                        };
+                    }
                 }
                 else if (field === SHARED.VALUATION_STATUS) {
                     // Enrich valuation status with icon and color configuration