@hmcts/ccd-case-ui-toolkit 6.16.0-query-management-query-list-v4 → 6.16.0-query-management-sorting

package/esm2015/lib/shared/components/palette/query-management/components/query-list/query-list.component.js

@@ -1,42 +1,60 @@
 import { Component, Input } from '@angular/core';
+import { SortOrder } from '../../../complex/sort-order';
 import { QueryListData } from '../../domain';
 import * as i0 from "@angular/core";
 import * as i1 from "@angular/common";
 import * as i2 from "rpx-xui-translation";
-function QueryListComponent_ng_container_0_tr_23_Template(rf, ctx) { if (rf & 1) {
+function QueryListComponent_ng_container_0_th_7_Template(rf, ctx) { if (rf & 1) {
+    const _r5 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "th", 8);
+    i0.ɵɵtext(1);
+    i0.ɵɵpipe(2, "rpxTranslate");
+    i0.ɵɵelementStart(3, "a", 9);
+    i0.ɵɵlistener("click", function QueryListComponent_ng_container_0_th_7_Template_a_click_3_listener() { i0.ɵɵrestoreView(_r5); const col_r3 = ctx.$implicit; const ctx_r4 = i0.ɵɵnextContext(2); return ctx_r4.sortTable(col_r3); });
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const col_r3 = ctx.$implicit;
+    const ctx_r1 = i0.ɵɵnextContext(2);
+    i0.ɵɵadvance(1);
+    i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(2, 2, col_r3.displayName), " ");
+    i0.ɵɵadvance(2);
+    i0.ɵɵproperty("innerHTML", ctx_r1.sortWidget(col_r3), i0.ɵɵsanitizeHtml);
+} }
+function QueryListComponent_ng_container_0_tr_9_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "tr", 4);
-    i0.ɵɵelementStart(1, "td", 8);
-    i0.ɵɵelementStart(2, "a", 9);
+    i0.ɵɵelementStart(1, "td", 10);
+    i0.ɵɵelementStart(2, "a", 11);
     i0.ɵɵtext(3);
     i0.ɵɵelementEnd();
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(4, "td", 10);
+    i0.ɵɵelementStart(4, "td", 12);
     i0.ɵɵtext(5);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(6, "td", 10);
+    i0.ɵɵelementStart(6, "td", 12);
     i0.ɵɵtext(7);
     i0.ɵɵpipe(8, "date");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(9, "td", 10);
+    i0.ɵɵelementStart(9, "td", 12);
     i0.ɵɵtext(10);
     i0.ɵɵpipe(11, "date");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(12, "td", 10);
+    i0.ɵɵelementStart(12, "td", 12);
     i0.ɵɵtext(13);
     i0.ɵɵelementEnd();
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    const message_r2 = ctx.$implicit;
+    const message_r6 = ctx.$implicit;
     i0.ɵɵadvance(3);
-    i0.ɵɵtextInterpolate(message_r2.subject);
+    i0.ɵɵtextInterpolate(message_r6.subject);
     i0.ɵɵadvance(2);
-    i0.ɵɵtextInterpolate(message_r2.lastSubmittedBy);
+    i0.ɵɵtextInterpolate(message_r6.lastSubmittedBy);
     i0.ɵɵadvance(2);
-    i0.ɵɵtextInterpolate(i0.ɵɵpipeBind2(8, 5, message_r2.lastSubmittedDate, "dd MMM YYYY"));
+    i0.ɵɵtextInterpolate(i0.ɵɵpipeBind2(8, 5, message_r6.lastSubmittedDate, "dd MMM YYYY"));
     i0.ɵɵadvance(3);
-    i0.ɵɵtextInterpolate(i0.ɵɵpipeBind2(11, 8, message_r2.lastResponseDate, "dd MMM YYYY"));
+    i0.ɵɵtextInterpolate(i0.ɵɵpipeBind2(11, 8, message_r6.lastResponseDate, "dd MMM YYYY"));
     i0.ɵɵadvance(3);
-    i0.ɵɵtextInterpolate(message_r2.lastResponseBy);
+    i0.ɵɵtextInterpolate(message_r6.lastResponseBy);
 } }
 function QueryListComponent_ng_container_0_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementContainerStart(0);
@@ -48,30 +66,11 @@ function QueryListComponent_ng_container_0_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementEnd();
     i0.ɵɵelementStart(5, "thead", 3);
     i0.ɵɵelementStart(6, "tr", 4);
-    i0.ɵɵelementStart(7, "th", 5);
-    i0.ɵɵtext(8);
-    i0.ɵɵpipe(9, "rpxTranslate");
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(10, "th", 5);
-    i0.ɵɵtext(11);
-    i0.ɵɵpipe(12, "rpxTranslate");
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(13, "th", 5);
-    i0.ɵɵtext(14);
-    i0.ɵɵpipe(15, "rpxTranslate");
+    i0.ɵɵtemplate(7, QueryListComponent_ng_container_0_th_7_Template, 4, 4, "th", 5);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(16, "th", 5);
-    i0.ɵɵtext(17);
-    i0.ɵɵpipe(18, "rpxTranslate");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(19, "th", 5);
-    i0.ɵɵtext(20);
-    i0.ɵɵpipe(21, "rpxTranslate");
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(22, "tbody", 6);
-    i0.ɵɵtemplate(23, QueryListComponent_ng_container_0_tr_23_Template, 14, 11, "tr", 7);
+    i0.ɵɵelementStart(8, "tbody", 6);
+    i0.ɵɵtemplate(9, QueryListComponent_ng_container_0_tr_9_Template, 14, 11, "tr", 7);
     i0.ɵɵelementEnd();
     i0.ɵɵelementEnd();
     i0.ɵɵelementContainerEnd();
@@ -79,20 +78,21 @@ function QueryListComponent_ng_container_0_Template(rf, ctx) { if (rf & 1) {
     const ctx_r0 = i0.ɵɵnextContext();
     i0.ɵɵadvance(4);
     i0.ɵɵtextInterpolate(ctx_r0.queryListData.partyName);
-    i0.ɵɵadvance(4);
-    i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(9, 7, "Queries"));
-    i0.ɵɵadvance(3);
-    i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(12, 9, "Last submitted by"));
-    i0.ɵɵadvance(3);
-    i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(15, 11, "Last submission date"));
-    i0.ɵɵadvance(3);
-    i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(18, 13, "Last response date"));
-    i0.ɵɵadvance(3);
-    i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(21, 15, "Response by"));
     i0.ɵɵadvance(3);
+    i0.ɵɵproperty("ngForOf", ctx_r0.displayedColumns);
+    i0.ɵɵadvance(2);
     i0.ɵɵproperty("ngForOf", ctx_r0.queryListData.partyMessages);
 } }
 export class QueryListComponent {
+    constructor() {
+        this.displayedColumns = [
+            { name: 'subject', displayName: 'Queries', sortOrder: SortOrder.UNSORTED },
+            { name: 'lastSubmittedBy', displayName: 'Last submitted by', sortOrder: SortOrder.UNSORTED },
+            { name: 'lastSubmittedDate', displayName: 'Last submission date', sortOrder: SortOrder.UNSORTED },
+            { name: 'lastResponseDate', displayName: 'Last response date', sortOrder: SortOrder.UNSORTED },
+            { name: 'lastResponseBy', displayName: 'Response by', sortOrder: SortOrder.UNSORTED }
+        ];
+    }
     ngOnChanges(simpleChanges) {
         var _a;
         const currentPartyMessageGroup = (_a = simpleChanges.partyMessageGroup) === null || _a === void 0 ? void 0 : _a.currentValue;
@@ -100,13 +100,74 @@ export class QueryListComponent {
             this.queryListData = new QueryListData(currentPartyMessageGroup);
         }
     }
+    sortTable(col) {
+        switch (col.displayName) {
+            case 'Queries': {
+                this.sort(col);
+                break;
+            }
+            case 'Last submitted by': {
+                this.sort(col);
+                break;
+            }
+            case 'Last submission date': {
+                this.sortDate(col);
+                break;
+            }
+            case 'Last response date': {
+                this.sortDate(col);
+                break;
+            }
+            case 'Response by': {
+                this.sort(col);
+                break;
+            }
+        }
+    }
+    sortWidget(col) {
+        switch (col.sortOrder) {
+            case SortOrder.DESCENDING: {
+                return '▲';
+            }
+            case SortOrder.ASCENDING: {
+                return '▼';
+            }
+            default: {
+                return '⬧';
+            }
+        }
+    }
+    sort(col) {
+        if (col.sortOrder && col.sortOrder === SortOrder.DESCENDING) {
+            this.queryListData.partyMessages.sort((a, b) => (a[col.name] < b[col.name]) ? 1 : -1);
+            this.displayedColumns.forEach((c) => c.sortOrder = SortOrder.UNSORTED);
+            col.sortOrder = SortOrder.ASCENDING;
+        }
+        else {
+            this.queryListData.partyMessages.sort((a, b) => (a[col.name] > b[col.name]) ? 1 : -1);
+            this.displayedColumns.forEach((c) => c.sortOrder = SortOrder.UNSORTED);
+            col.sortOrder = SortOrder.DESCENDING;
+        }
+    }
+    sortDate(col) {
+        if (col.sortOrder && col.sortOrder === SortOrder.DESCENDING) {
+            this.queryListData.partyMessages.sort((a, b) => b[col.name] - a[col.name]);
+            this.displayedColumns.forEach((c) => c.sortOrder = SortOrder.UNSORTED);
+            col.sortOrder = SortOrder.ASCENDING;
+        }
+        else {
+            this.queryListData.partyMessages.sort((a, b) => a[col.name] - b[col.name]);
+            this.displayedColumns.forEach((c) => c.sortOrder = SortOrder.UNSORTED);
+            col.sortOrder = SortOrder.DESCENDING;
+        }
+    }
 }
 QueryListComponent.ɵfac = function QueryListComponent_Factory(t) { return new (t || QueryListComponent)(); };
-QueryListComponent.ɵcmp = i0.ɵɵdefineComponent({ type: QueryListComponent, selectors: [["ccd-query-list"]], inputs: { partyMessageGroup: "partyMessageGroup" }, features: [i0.ɵɵNgOnChangesFeature], decls: 1, vars: 1, consts: [[4, "ngIf"], [1, "govuk-table", "query-list__table"], [1, "govuk-table__cell", "query-list__caption", "query-list__row"], [1, "govuk-table__head"], [1, "govuk-table__row", "query-list__row"], ["scope", "col", 1, "govuk-table__header"], [1, "govuk-table__body"], ["class", "govuk-table__row query-list__row", 4, "ngFor", "ngForOf"], [1, "govuk-table__cell", "query-list__cell", "query-list__cell--first"], ["href", "javascript:void(0)"], [1, "govuk-table__cell", "query-list__cell"]], template: function QueryListComponent_Template(rf, ctx) { if (rf & 1) {
-        i0.ɵɵtemplate(0, QueryListComponent_ng_container_0_Template, 24, 17, "ng-container", 0);
+QueryListComponent.ɵcmp = i0.ɵɵdefineComponent({ type: QueryListComponent, selectors: [["ccd-query-list"]], inputs: { partyMessageGroup: "partyMessageGroup" }, features: [i0.ɵɵNgOnChangesFeature], decls: 1, vars: 1, consts: [[4, "ngIf"], [1, "govuk-table", "query-list__table"], [1, "govuk-table__cell", "query-list__caption", "query-list__row"], [1, "govuk-table__head"], [1, "govuk-table__row", "query-list__row"], ["class", "govuk-table__header", 4, "ngFor", "ngForOf"], [1, "govuk-table__body"], ["class", "govuk-table__row query-list__row", 4, "ngFor", "ngForOf"], [1, "govuk-table__header"], ["href", "javascript:void(0)", 1, "sort-widget", 3, "innerHTML", "click"], [1, "govuk-table__cell", "query-list__cell", "query-list__cell--first"], ["href", "javascript:void(0)"], [1, "govuk-table__cell", "query-list__cell"]], template: function QueryListComponent_Template(rf, ctx) { if (rf & 1) {
+        i0.ɵɵtemplate(0, QueryListComponent_ng_container_0_Template, 10, 3, "ng-container", 0);
     } if (rf & 2) {
         i0.ɵɵproperty("ngIf", ctx.queryListData);
-    } }, directives: [i1.NgIf, i1.NgForOf], pipes: [i2.RpxTranslatePipe, i1.DatePipe], styles: [".query-list__caption[_ngcontent-%COMP%], .query-list__table[_ngcontent-%COMP%]{border:1px solid #b1b4b6}.query-list__caption[_ngcontent-%COMP%]{background:#f3f2f1;border-bottom:0;font-weight:700}.query-list__row[_ngcontent-%COMP%] > [_ngcontent-%COMP%]:first-child{padding-left:10px}.query-list__row[_ngcontent-%COMP%] > [_ngcontent-%COMP%]:last-child{padding-right:10px}.query-list__cell--first[_ngcontent-%COMP%]{width:33%}"] });
+    } }, directives: [i1.NgIf, i1.NgForOf], pipes: [i2.RpxTranslatePipe, i1.DatePipe], styles: [".query-list__caption[_ngcontent-%COMP%], .query-list__table[_ngcontent-%COMP%]{border:1px solid #b1b4b6}.query-list__caption[_ngcontent-%COMP%]{background:#f3f2f1;border-bottom:0;font-weight:700}.query-list__row[_ngcontent-%COMP%] > [_ngcontent-%COMP%]:first-child{padding-left:10px}.query-list__row[_ngcontent-%COMP%] > [_ngcontent-%COMP%]:last-child{padding-right:10px}.query-list__cell--first[_ngcontent-%COMP%]{width:33%}.sort-widget[_ngcontent-%COMP%]{cursor:pointer;text-decoration:none;color:#000}"] });
 (function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(QueryListComponent, [{
         type: Component,
         args: [{
@@ -117,4 +178,4 @@ QueryListComponent.ɵcmp = i0.ɵɵdefineComponent({ type: QueryListComponent, se
     }], null, { partyMessageGroup: [{
             type: Input
         }] }); })();
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicXVlcnktbGlzdC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9jY2QtY2FzZS11aS10b29sa2l0L3NyYy9saWIvc2hhcmVkL2NvbXBvbmVudHMvcGFsZXR0ZS9xdWVyeS1tYW5hZ2VtZW50L2NvbXBvbmVudHMvcXVlcnktbGlzdC9xdWVyeS1saXN0LmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2NjZC1jYXNlLXVpLXRvb2xraXQvc3JjL2xpYi9zaGFyZWQvY29tcG9uZW50cy9wYWxldHRlL3F1ZXJ5LW1hbmFnZW1lbnQvY29tcG9uZW50cy9xdWVyeS1saXN0L3F1ZXJ5LWxpc3QuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQTRCLE1BQU0sZUFBZSxDQUFDO0FBQzNFLE9BQU8sRUFBc0IsYUFBYSxFQUFFLE1BQU0sY0FBYyxDQUFDOzs7OztJQ2M3RCw2QkFFQztJQUNDLDZCQUF1RTtJQUNyRSw0QkFBNkI7SUFBQSxZQUFxQjtJQUFBLGlCQUFJO0lBQ3hELGlCQUFLO0lBQ0wsOEJBQStDO0lBQUEsWUFBNkI7SUFBQSxpQkFBSztJQUNqRiw4QkFBK0M7SUFBQSxZQUFxRDs7SUFBQSxpQkFBSztJQUN6Ryw4QkFBK0M7SUFBQSxhQUFvRDs7SUFBQSxpQkFBSztJQUN4RywrQkFBK0M7SUFBQSxhQUE0QjtJQUFBLGlCQUFLO0lBQ2xGLGlCQUFLOzs7SUFONEIsZUFBcUI7SUFBckIsd0NBQXFCO0lBRUwsZUFBNkI7SUFBN0IsZ0RBQTZCO0lBQzdCLGVBQXFEO0lBQXJELHVGQUFxRDtJQUNyRCxlQUFvRDtJQUFwRCx1RkFBb0Q7SUFDcEQsZUFBNEI7SUFBNUIsK0NBQTRCOzs7SUF4QmpGLDZCQUFvQztJQUNsQyxnQ0FBNkM7SUFDM0Msa0NBQXVFO0lBQ3JFLDJCQUFLO0lBQUEsWUFBNkI7SUFBQSxpQkFBTTtJQUMxQyxpQkFBVTtJQUNWLGdDQUFpQztJQUNqQyw2QkFBNkM7SUFDM0MsNkJBQTRDO0lBQUEsWUFBOEI7O0lBQUEsaUJBQUs7SUFDL0UsOEJBQTRDO0lBQUEsYUFBd0M7O0lBQUEsaUJBQUs7SUFDekYsOEJBQTRDO0lBQUEsYUFBMkM7O0lBQUEsaUJBQUs7SUFDNUYsOEJBQTRDO0lBQUEsYUFBeUM7O0lBQUEsaUJBQUs7SUFDMUYsOEJBQTRDO0lBQUEsYUFBa0M7O0lBQUEsaUJBQUs7SUFDckYsaUJBQUs7SUFDTCxpQkFBUTtJQUNSLGlDQUFpQztJQUNqQyxvRkFVSztJQUNMLGlCQUFRO0lBQ1YsaUJBQVE7SUFDViwwQkFBZTs7O0lBekJKLGVBQTZCO0lBQTdCLG9EQUE2QjtJQUlVLGVBQThCO0lBQTlCLHFEQUE4QjtJQUM5QixlQUF3QztJQUF4QyxnRUFBd0M7SUFDeEMsZUFBMkM7SUFBM0Msb0VBQTJDO0lBQzNDLGVBQXlDO0lBQXpDLGtFQUF5QztJQUN6QyxlQUFrQztJQUFsQywyREFBa0M7SUFLeEQsZUFBOEI7SUFBOUIsNERBQThCOztBRFIxRCxNQUFNLE9BQU8sa0JBQWtCO0lBSXRCLFdBQVcsQ0FBQyxhQUE0Qjs7UUFDN0MsTUFBTSx3QkFBd0IsR0FBRyxNQUFBLGFBQWEsQ0FBQyxpQkFBaUIsMENBQUUsWUFBa0MsQ0FBQztRQUNyRyxJQUFJLHdCQUF3QixFQUFFO1lBQzVCLElBQUksQ0FBQyxhQUFhLEdBQUcsSUFBSSxhQUFhLENBQUMsd0JBQXdCLENBQUMsQ0FBQztTQUNsRTtJQUNILENBQUM7O29GQVRVLGtCQUFrQjt1REFBbEIsa0JBQWtCO1FDUi9CLHVGQTRCZTs7UUE1QkEsd0NBQW1COzt1RkRRckIsa0JBQWtCO2NBTDlCLFNBQVM7ZUFBQztnQkFDVCxRQUFRLEVBQUUsZ0JBQWdCO2dCQUMxQixXQUFXLEVBQUUsNkJBQTZCO2dCQUMxQyxTQUFTLEVBQUUsQ0FBQyw2QkFBNkIsQ0FBQzthQUMzQztnQkFFaUIsaUJBQWlCO2tCQUFoQyxLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBJbnB1dCwgT25DaGFuZ2VzLCBTaW1wbGVDaGFuZ2VzIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBQYXJ0eU1lc3NhZ2VzR3JvdXAsIFF1ZXJ5TGlzdERhdGEgfSBmcm9tICcuLi8uLi9kb21haW4nO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdjY2QtcXVlcnktbGlzdCcsXG4gIHRlbXBsYXRlVXJsOiAnLi9xdWVyeS1saXN0LmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vcXVlcnktbGlzdC5jb21wb25lbnQuc2NzcyddXG59KVxuZXhwb3J0IGNsYXNzIFF1ZXJ5TGlzdENvbXBvbmVudCBpbXBsZW1lbnRzIE9uQ2hhbmdlcyB7XG4gIEBJbnB1dCgpIHB1YmxpYyBwYXJ0eU1lc3NhZ2VHcm91cDogUGFydHlNZXNzYWdlc0dyb3VwO1xuICBwdWJsaWMgcXVlcnlMaXN0RGF0YTogUXVlcnlMaXN0RGF0YSB8IHVuZGVmaW5lZDtcblxuICBwdWJsaWMgbmdPbkNoYW5nZXMoc2ltcGxlQ2hhbmdlczogU2ltcGxlQ2hhbmdlcykge1xuICAgIGNvbnN0IGN1cnJlbnRQYXJ0eU1lc3NhZ2VHcm91cCA9IHNpbXBsZUNoYW5nZXMucGFydHlNZXNzYWdlR3JvdXA/LmN1cnJlbnRWYWx1ZSBhcyBQYXJ0eU1lc3NhZ2VzR3JvdXA7XG4gICAgaWYgKGN1cnJlbnRQYXJ0eU1lc3NhZ2VHcm91cCkge1xuICAgICAgdGhpcy5xdWVyeUxpc3REYXRhID0gbmV3IFF1ZXJ5TGlzdERhdGEoY3VycmVudFBhcnR5TWVzc2FnZUdyb3VwKTtcbiAgICB9XG4gIH1cbn1cbiIsIjxuZy1jb250YWluZXIgKm5nSWY9XCJxdWVyeUxpc3REYXRhXCI+XG4gIDx0YWJsZSBjbGFzcz1cImdvdnVrLXRhYmxlIHF1ZXJ5LWxpc3RfX3RhYmxlXCI+XG4gICAgPGNhcHRpb24gY2xhc3M9XCJnb3Z1ay10YWJsZV9fY2VsbCBxdWVyeS1saXN0X19jYXB0aW9uIHF1ZXJ5LWxpc3RfX3Jvd1wiPlxuICAgICAgPGRpdj57eyBxdWVyeUxpc3REYXRhLnBhcnR5TmFtZSB9fTwvZGl2PlxuICAgIDwvY2FwdGlvbj5cbiAgICA8dGhlYWQgY2xhc3M9XCJnb3Z1ay10YWJsZV9faGVhZFwiPlxuICAgIDx0ciBjbGFzcz1cImdvdnVrLXRhYmxlX19yb3cgcXVlcnktbGlzdF9fcm93XCI+XG4gICAgICA8dGggc2NvcGU9XCJjb2xcIiBjbGFzcz1cImdvdnVrLXRhYmxlX19oZWFkZXJcIj57eyAnUXVlcmllcycgfCBycHhUcmFuc2xhdGUgfX08L3RoPlxuICAgICAgPHRoIHNjb3BlPVwiY29sXCIgY2xhc3M9XCJnb3Z1ay10YWJsZV9faGVhZGVyXCI+e3sgJ0xhc3Qgc3VibWl0dGVkIGJ5JyB8IHJweFRyYW5zbGF0ZSB9fTwvdGg+XG4gICAgICA8dGggc2NvcGU9XCJjb2xcIiBjbGFzcz1cImdvdnVrLXRhYmxlX19oZWFkZXJcIj57eyAnTGFzdCBzdWJtaXNzaW9uIGRhdGUnIHwgcnB4VHJhbnNsYXRlIH19PC90aD5cbiAgICAgIDx0aCBzY29wZT1cImNvbFwiIGNsYXNzPVwiZ292dWstdGFibGVfX2hlYWRlclwiPnt7ICdMYXN0IHJlc3BvbnNlIGRhdGUnIHwgcnB4VHJhbnNsYXRlIH19PC90aD5cbiAgICAgIDx0aCBzY29wZT1cImNvbFwiIGNsYXNzPVwiZ292dWstdGFibGVfX2hlYWRlclwiPnt7ICdSZXNwb25zZSBieScgfCBycHhUcmFuc2xhdGUgfX08L3RoPlxuICAgIDwvdHI+XG4gICAgPC90aGVhZD5cbiAgICA8dGJvZHkgY2xhc3M9XCJnb3Z1ay10YWJsZV9fYm9keVwiPlxuICAgIDx0ciBjbGFzcz1cImdvdnVrLXRhYmxlX19yb3cgcXVlcnktbGlzdF9fcm93XCJcbiAgICAgICAgKm5nRm9yPVwibGV0IG1lc3NhZ2Ugb2YgcXVlcnlMaXN0RGF0YS5wYXJ0eU1lc3NhZ2VzXCJcbiAgICA+XG4gICAgICA8dGQgY2xhc3M9XCJnb3Z1ay10YWJsZV9fY2VsbCBxdWVyeS1saXN0X19jZWxsIHF1ZXJ5LWxpc3RfX2NlbGwtLWZpcnN0XCI+XG4gICAgICAgIDxhIGhyZWY9XCJqYXZhc2NyaXB0OnZvaWQoMClcIj57eyBtZXNzYWdlLnN1YmplY3QgfX08L2E+XG4gICAgICA8L3RkPlxuICAgICAgPHRkIGNsYXNzPVwiZ292dWstdGFibGVfX2NlbGwgcXVlcnktbGlzdF9fY2VsbFwiPnt7IG1lc3NhZ2UubGFzdFN1Ym1pdHRlZEJ5IH19PC90ZD5cbiAgICAgIDx0ZCBjbGFzcz1cImdvdnVrLXRhYmxlX19jZWxsIHF1ZXJ5LWxpc3RfX2NlbGxcIj57eyBtZXNzYWdlLmxhc3RTdWJtaXR0ZWREYXRlIHwgZGF0ZTogJ2RkIE1NTSBZWVlZJyB9fTwvdGQ+XG4gICAgICA8dGQgY2xhc3M9XCJnb3Z1ay10YWJsZV9fY2VsbCBxdWVyeS1saXN0X19jZWxsXCI+e3sgbWVzc2FnZS5sYXN0UmVzcG9uc2VEYXRlIHwgZGF0ZTogJ2RkIE1NTSBZWVlZJyB9fTwvdGQ+XG4gICAgICA8dGQgY2xhc3M9XCJnb3Z1ay10YWJsZV9fY2VsbCBxdWVyeS1saXN0X19jZWxsXCI+e3sgbWVzc2FnZS5sYXN0UmVzcG9uc2VCeSB9fTwvdGQ+XG4gICAgPC90cj5cbiAgICA8L3Rib2R5PlxuICA8L3RhYmxlPlxuPC9uZy1jb250YWluZXI+XG4iXX0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicXVlcnktbGlzdC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9jY2QtY2FzZS11aS10b29sa2l0L3NyYy9saWIvc2hhcmVkL2NvbXBvbmVudHMvcGFsZXR0ZS9xdWVyeS1tYW5hZ2VtZW50L2NvbXBvbmVudHMvcXVlcnktbGlzdC9xdWVyeS1saXN0LmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2NjZC1jYXNlLXVpLXRvb2xraXQvc3JjL2xpYi9zaGFyZWQvY29tcG9uZW50cy9wYWxldHRlL3F1ZXJ5LW1hbmFnZW1lbnQvY29tcG9uZW50cy9xdWVyeS1saXN0L3F1ZXJ5LWxpc3QuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQTRCLE1BQU0sZUFBZSxDQUFDO0FBQzNFLE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSw2QkFBNkIsQ0FBQztBQUN4RCxPQUFPLEVBQXNCLGFBQWEsRUFBVSxNQUFNLGNBQWMsQ0FBQzs7Ozs7O0lDS25FLDZCQUFxRTtJQUNuRSxZQUNBOztJQUFBLDRCQUF3RztJQUFyRyxtT0FBd0I7SUFBNkUsaUJBQUk7SUFDOUcsaUJBQUs7Ozs7SUFGSCxlQUNBO0lBREEseUVBQ0E7SUFBZ0QsZUFBNkI7SUFBN0Isd0VBQTZCOzs7SUFLakYsNkJBRUM7SUFDQyw4QkFBdUU7SUFDckUsNkJBQTZCO0lBQUEsWUFBcUI7SUFBQSxpQkFBSTtJQUN4RCxpQkFBSztJQUNMLDhCQUErQztJQUFBLFlBQTZCO0lBQUEsaUJBQUs7SUFDakYsOEJBQStDO0lBQUEsWUFBcUQ7O0lBQUEsaUJBQUs7SUFDekcsOEJBQStDO0lBQUEsYUFBb0Q7O0lBQUEsaUJBQUs7SUFDeEcsK0JBQStDO0lBQUEsYUFBNEI7SUFBQSxpQkFBSztJQUNsRixpQkFBSzs7O0lBTjRCLGVBQXFCO0lBQXJCLHdDQUFxQjtJQUVMLGVBQTZCO0lBQTdCLGdEQUE2QjtJQUM3QixlQUFxRDtJQUFyRCx1RkFBcUQ7SUFDckQsZUFBb0Q7SUFBcEQsdUZBQW9EO0lBQ3BELGVBQTRCO0lBQTVCLCtDQUE0Qjs7O0lBdkJqRiw2QkFBb0M7SUFDbEMsZ0NBQTZDO0lBQzNDLGtDQUF1RTtJQUNyRSwyQkFBSztJQUFBLFlBQTZCO0lBQUEsaUJBQU07SUFDMUMsaUJBQVU7SUFDVixnQ0FBaUM7SUFDakMsNkJBQTZDO0lBQzNDLGdGQUdLO0lBQ1AsaUJBQUs7SUFDTCxpQkFBUTtJQUNSLGdDQUFpQztJQUNqQyxrRkFVSztJQUNMLGlCQUFRO0lBQ1YsaUJBQVE7SUFDViwwQkFBZTs7O0lBeEJKLGVBQTZCO0lBQTdCLG9EQUE2QjtJQUljLGVBQW1CO0lBQW5CLGlEQUFtQjtJQVE3QyxlQUE4QjtJQUE5Qiw0REFBOEI7O0FETjFELE1BQU0sT0FBTyxrQkFBa0I7SUFML0I7UUFRUyxxQkFBZ0IsR0FBYTtZQUNsQyxFQUFFLElBQUksRUFBRSxTQUFTLEVBQUUsV0FBVyxFQUFFLFNBQVMsRUFBRSxTQUFTLEVBQUUsU0FBUyxDQUFDLFFBQVEsRUFBRTtZQUMxRSxFQUFFLElBQUksRUFBRSxpQkFBaUIsRUFBRSxXQUFXLEVBQUUsbUJBQW1CLEVBQUUsU0FBUyxFQUFFLFNBQVMsQ0FBQyxRQUFRLEVBQUU7WUFDNUYsRUFBRSxJQUFJLEVBQUUsbUJBQW1CLEVBQUUsV0FBVyxFQUFFLHNCQUFzQixFQUFFLFNBQVMsRUFBRSxTQUFTLENBQUMsUUFBUSxFQUFFO1lBQ2pHLEVBQUUsSUFBSSxFQUFFLGtCQUFrQixFQUFFLFdBQVcsRUFBRSxvQkFBb0IsRUFBRSxTQUFTLEVBQUUsU0FBUyxDQUFDLFFBQVEsRUFBRTtZQUM5RixFQUFFLElBQUksRUFBRSxnQkFBZ0IsRUFBRSxXQUFXLEVBQUUsYUFBYSxFQUFFLFNBQVMsRUFBRSxTQUFTLENBQUMsUUFBUSxFQUFFO1NBQ3RGLENBQUM7S0F1RUg7SUFyRVEsV0FBVyxDQUFDLGFBQTRCOztRQUM3QyxNQUFNLHdCQUF3QixHQUFHLE1BQUEsYUFBYSxDQUFDLGlCQUFpQiwwQ0FBRSxZQUFrQyxDQUFDO1FBQ3JHLElBQUksd0JBQXdCLEVBQUU7WUFDNUIsSUFBSSxDQUFDLGFBQWEsR0FBRyxJQUFJLGFBQWEsQ0FBQyx3QkFBd0IsQ0FBQyxDQUFDO1NBQ2xFO0lBQ0gsQ0FBQztJQUVNLFNBQVMsQ0FBQyxHQUFXO1FBQzFCLFFBQVEsR0FBRyxDQUFDLFdBQVcsRUFBRTtZQUN2QixLQUFLLFNBQVMsQ0FBQyxDQUFDO2dCQUNkLElBQUksQ0FBQyxJQUFJLENBQUMsR0FBRyxDQUFDLENBQUM7Z0JBQ2YsTUFBTTthQUNQO1lBQ0QsS0FBSyxtQkFBbUIsQ0FBQyxDQUFDO2dCQUN4QixJQUFJLENBQUMsSUFBSSxDQUFDLEdBQUcsQ0FBQyxDQUFDO2dCQUNmLE1BQU07YUFDUDtZQUNELEtBQUssc0JBQXNCLENBQUMsQ0FBQztnQkFDM0IsSUFBSSxDQUFDLFFBQVEsQ0FBQyxHQUFHLENBQUMsQ0FBQztnQkFDbkIsTUFBTTthQUNQO1lBQ0QsS0FBSyxvQkFBb0IsQ0FBQyxDQUFDO2dCQUN6QixJQUFJLENBQUMsUUFBUSxDQUFDLEdBQUcsQ0FBQyxDQUFDO2dCQUNuQixNQUFNO2FBQ1A7WUFDRCxLQUFLLGFBQWEsQ0FBQyxDQUFDO2dCQUNsQixJQUFJLENBQUMsSUFBSSxDQUFDLEdBQUcsQ0FBQyxDQUFDO2dCQUNmLE1BQU07YUFDUDtTQUNGO0lBQ0gsQ0FBQztJQUVNLFVBQVUsQ0FBQyxHQUFXO1FBQzNCLFFBQVEsR0FBRyxDQUFDLFNBQVMsRUFBRTtZQUNyQixLQUFLLFNBQVMsQ0FBQyxVQUFVLENBQUMsQ0FBQztnQkFDekIsT0FBTyxTQUFTLENBQUM7YUFDbEI7WUFDRCxLQUFLLFNBQVMsQ0FBQyxTQUFTLENBQUMsQ0FBQztnQkFDeEIsT0FBTyxTQUFTLENBQUM7YUFDbEI7WUFDRCxPQUFPLENBQUMsQ0FBQztnQkFDUCxPQUFPLFVBQVUsQ0FBQzthQUNuQjtTQUNGO0lBQ0gsQ0FBQztJQUVPLElBQUksQ0FBQyxHQUFXO1FBQ3RCLElBQUksR0FBRyxDQUFDLFNBQVMsSUFBSSxHQUFHLENBQUMsU0FBUyxLQUFLLFNBQVMsQ0FBQyxVQUFVLEVBQUU7WUFDM0QsSUFBSSxDQUFDLGFBQWEsQ0FBQyxhQUFhLENBQUMsSUFBSSxDQUFDLENBQUMsQ0FBQyxFQUFFLENBQUMsRUFBRSxFQUFFLENBQUMsQ0FBQyxDQUFDLENBQUMsR0FBRyxDQUFDLElBQUksQ0FBQyxHQUFHLENBQUMsQ0FBQyxHQUFHLENBQUMsSUFBSSxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDO1lBQ3RGLElBQUksQ0FBQyxnQkFBZ0IsQ0FBQyxPQUFPLENBQUMsQ0FBQyxDQUFDLEVBQUUsRUFBRSxDQUFDLENBQUMsQ0FBQyxTQUFTLEdBQUcsU0FBUyxDQUFDLFFBQVEsQ0FBQyxDQUFDO1lBQ3ZFLEdBQUcsQ0FBQyxTQUFTLEdBQUcsU0FBUyxDQUFDLFNBQVMsQ0FBQztTQUNyQzthQUFNO1lBQ0wsSUFBSSxDQUFDLGFBQWEsQ0FBQyxhQUFhLENBQUMsSUFBSSxDQUFDLENBQUMsQ0FBQyxFQUFFLENBQUMsRUFBRSxFQUFFLENBQUMsQ0FBQyxDQUFDLENBQUMsR0FBRyxDQUFDLElBQUksQ0FBQyxHQUFHLENBQUMsQ0FBQyxHQUFHLENBQUMsSUFBSSxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDO1lBQ3RGLElBQUksQ0FBQyxnQkFBZ0IsQ0FBQyxPQUFPLENBQUMsQ0FBQyxDQUFDLEVBQUUsRUFBRSxDQUFDLENBQUMsQ0FBQyxTQUFTLEdBQUcsU0FBUyxDQUFDLFFBQVEsQ0FBQyxDQUFDO1lBQ3ZFLEdBQUcsQ0FBQyxTQUFTLEdBQUcsU0FBUyxDQUFDLFVBQVUsQ0FBQztTQUN0QztJQUNILENBQUM7SUFFTyxRQUFRLENBQUMsR0FBVztRQUMxQixJQUFJLEdBQUcsQ0FBQyxTQUFTLElBQUksR0FBRyxDQUFDLFNBQVMsS0FBSyxTQUFTLENBQUMsVUFBVSxFQUFFO1lBQzNELElBQUksQ0FBQyxhQUFhLENBQUMsYUFBYSxDQUFDLElBQUksQ0FBQyxDQUFDLENBQUMsRUFBRSxDQUFDLEVBQUUsRUFBRSxDQUFDLENBQUMsQ0FBQyxHQUFHLENBQUMsSUFBSSxDQUFDLEdBQUcsQ0FBQyxDQUFDLEdBQUcsQ0FBQyxJQUFJLENBQUMsQ0FBQyxDQUFDO1lBQzNFLElBQUksQ0FBQyxnQkFBZ0IsQ0FBQyxPQUFPLENBQUMsQ0FBQyxDQUFDLEVBQUUsRUFBRSxDQUFDLENBQUMsQ0FBQyxTQUFTLEdBQUcsU0FBUyxDQUFDLFFBQVEsQ0FBQyxDQUFDO1lBQ3ZFLEdBQUcsQ0FBQyxTQUFTLEdBQUcsU0FBUyxDQUFDLFNBQVMsQ0FBQztTQUNyQzthQUFNO1lBQ0wsSUFBSSxDQUFDLGFBQWEsQ0FBQyxhQUFhLENBQUMsSUFBSSxDQUFDLENBQUMsQ0FBQyxFQUFFLENBQUMsRUFBRSxFQUFFLENBQUMsQ0FBQyxDQUFDLEdBQUcsQ0FBQyxJQUFJLENBQUMsR0FBRyxDQUFDLENBQUMsR0FBRyxDQUFDLElBQUksQ0FBQyxDQUFDLENBQUM7WUFDM0UsSUFBSSxDQUFDLGdCQUFnQixDQUFDLE9BQU8sQ0FBQyxDQUFDLENBQUMsRUFBRSxFQUFFLENBQUMsQ0FBQyxDQUFDLFNBQVMsR0FBRyxTQUFTLENBQUMsUUFBUSxDQUFDLENBQUM7WUFDdkUsR0FBRyxDQUFDLFNBQVMsR0FBRyxTQUFTLENBQUMsVUFBVSxDQUFDO1NBQ3RDO0lBQ0gsQ0FBQzs7b0ZBL0VVLGtCQUFrQjt1REFBbEIsa0JBQWtCO1FDVC9CLHNGQTJCZTs7UUEzQkEsd0NBQW1COzt1RkRTckIsa0JBQWtCO2NBTDlCLFNBQVM7ZUFBQztnQkFDVCxRQUFRLEVBQUUsZ0JBQWdCO2dCQUMxQixXQUFXLEVBQUUsNkJBQTZCO2dCQUMxQyxTQUFTLEVBQUUsQ0FBQyw2QkFBNkIsQ0FBQzthQUMzQztnQkFFaUIsaUJBQWlCO2tCQUFoQyxLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBJbnB1dCwgT25DaGFuZ2VzLCBTaW1wbGVDaGFuZ2VzIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBTb3J0T3JkZXIgfSBmcm9tICcuLi8uLi8uLi9jb21wbGV4L3NvcnQtb3JkZXInO1xuaW1wb3J0IHsgUGFydHlNZXNzYWdlc0dyb3VwLCBRdWVyeUxpc3REYXRhLCBjb2x1bW4gfSBmcm9tICcuLi8uLi9kb21haW4nO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdjY2QtcXVlcnktbGlzdCcsXG4gIHRlbXBsYXRlVXJsOiAnLi9xdWVyeS1saXN0LmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vcXVlcnktbGlzdC5jb21wb25lbnQuc2NzcyddXG59KVxuZXhwb3J0IGNsYXNzIFF1ZXJ5TGlzdENvbXBvbmVudCBpbXBsZW1lbnRzIE9uQ2hhbmdlcyB7XG4gIEBJbnB1dCgpIHB1YmxpYyBwYXJ0eU1lc3NhZ2VHcm91cDogUGFydHlNZXNzYWdlc0dyb3VwO1xuICBwdWJsaWMgcXVlcnlMaXN0RGF0YTogUXVlcnlMaXN0RGF0YSB8IHVuZGVmaW5lZDtcbiAgcHVibGljIGRpc3BsYXllZENvbHVtbnM6IGNvbHVtbltdID0gW1xuICAgIHsgbmFtZTogJ3N1YmplY3QnLCBkaXNwbGF5TmFtZTogJ1F1ZXJpZXMnLCBzb3J0T3JkZXI6IFNvcnRPcmRlci5VTlNPUlRFRCB9LFxuICAgIHsgbmFtZTogJ2xhc3RTdWJtaXR0ZWRCeScsIGRpc3BsYXlOYW1lOiAnTGFzdCBzdWJtaXR0ZWQgYnknLCBzb3J0T3JkZXI6IFNvcnRPcmRlci5VTlNPUlRFRCB9LFxuICAgIHsgbmFtZTogJ2xhc3RTdWJtaXR0ZWREYXRlJywgZGlzcGxheU5hbWU6ICdMYXN0IHN1Ym1pc3Npb24gZGF0ZScsIHNvcnRPcmRlcjogU29ydE9yZGVyLlVOU09SVEVEIH0sXG4gICAgeyBuYW1lOiAnbGFzdFJlc3BvbnNlRGF0ZScsIGRpc3BsYXlOYW1lOiAnTGFzdCByZXNwb25zZSBkYXRlJywgc29ydE9yZGVyOiBTb3J0T3JkZXIuVU5TT1JURUQgfSxcbiAgICB7IG5hbWU6ICdsYXN0UmVzcG9uc2VCeScsIGRpc3BsYXlOYW1lOiAnUmVzcG9uc2UgYnknLCBzb3J0T3JkZXI6IFNvcnRPcmRlci5VTlNPUlRFRCB9XG4gIF07XG5cbiAgcHVibGljIG5nT25DaGFuZ2VzKHNpbXBsZUNoYW5nZXM6IFNpbXBsZUNoYW5nZXMpIHtcbiAgICBjb25zdCBjdXJyZW50UGFydHlNZXNzYWdlR3JvdXAgPSBzaW1wbGVDaGFuZ2VzLnBhcnR5TWVzc2FnZUdyb3VwPy5jdXJyZW50VmFsdWUgYXMgUGFydHlNZXNzYWdlc0dyb3VwO1xuICAgIGlmIChjdXJyZW50UGFydHlNZXNzYWdlR3JvdXApIHtcbiAgICAgIHRoaXMucXVlcnlMaXN0RGF0YSA9IG5ldyBRdWVyeUxpc3REYXRhKGN1cnJlbnRQYXJ0eU1lc3NhZ2VHcm91cCk7XG4gICAgfVxuICB9XG5cbiAgcHVibGljIHNvcnRUYWJsZShjb2w6IGNvbHVtbikge1xuICAgIHN3aXRjaCAoY29sLmRpc3BsYXlOYW1lKSB7XG4gICAgICBjYXNlICdRdWVyaWVzJzoge1xuICAgICAgICB0aGlzLnNvcnQoY29sKTtcbiAgICAgICAgYnJlYWs7XG4gICAgICB9XG4gICAgICBjYXNlICdMYXN0IHN1Ym1pdHRlZCBieSc6IHtcbiAgICAgICAgdGhpcy5zb3J0KGNvbCk7XG4gICAgICAgIGJyZWFrO1xuICAgICAgfVxuICAgICAgY2FzZSAnTGFzdCBzdWJtaXNzaW9uIGRhdGUnOiB7XG4gICAgICAgIHRoaXMuc29ydERhdGUoY29sKTtcbiAgICAgICAgYnJlYWs7XG4gICAgICB9XG4gICAgICBjYXNlICdMYXN0IHJlc3BvbnNlIGRhdGUnOiB7XG4gICAgICAgIHRoaXMuc29ydERhdGUoY29sKTtcbiAgICAgICAgYnJlYWs7XG4gICAgICB9XG4gICAgICBjYXNlICdSZXNwb25zZSBieSc6IHtcbiAgICAgICAgdGhpcy5zb3J0KGNvbCk7XG4gICAgICAgIGJyZWFrO1xuICAgICAgfVxuICAgIH1cbiAgfVxuXG4gIHB1YmxpYyBzb3J0V2lkZ2V0KGNvbDogY29sdW1uKTogc3RyaW5nIHtcbiAgICBzd2l0Y2ggKGNvbC5zb3J0T3JkZXIpIHtcbiAgICAgIGNhc2UgU29ydE9yZGVyLkRFU0NFTkRJTkc6IHtcbiAgICAgICAgcmV0dXJuICcmIzk2NTA7JztcbiAgICAgIH1cbiAgICAgIGNhc2UgU29ydE9yZGVyLkFTQ0VORElORzoge1xuICAgICAgICByZXR1cm4gJyYjOTY2MDsnO1xuICAgICAgfVxuICAgICAgZGVmYXVsdDoge1xuICAgICAgICByZXR1cm4gJyYjMTEwNDc7JztcbiAgICAgIH1cbiAgICB9XG4gIH1cblxuICBwcml2YXRlIHNvcnQoY29sOiBjb2x1bW4pIHtcbiAgICBpZiAoY29sLnNvcnRPcmRlciAmJiBjb2wuc29ydE9yZGVyID09PSBTb3J0T3JkZXIuREVTQ0VORElORykge1xuICAgICAgdGhpcy5xdWVyeUxpc3REYXRhLnBhcnR5TWVzc2FnZXMuc29ydCgoYSwgYikgPT4gKGFbY29sLm5hbWVdIDwgYltjb2wubmFtZV0pID8gMSA6IC0xKTtcbiAgICAgIHRoaXMuZGlzcGxheWVkQ29sdW1ucy5mb3JFYWNoKChjKSA9PiBjLnNvcnRPcmRlciA9IFNvcnRPcmRlci5VTlNPUlRFRCk7XG4gICAgICBjb2wuc29ydE9yZGVyID0gU29ydE9yZGVyLkFTQ0VORElORztcbiAgICB9IGVsc2Uge1xuICAgICAgdGhpcy5xdWVyeUxpc3REYXRhLnBhcnR5TWVzc2FnZXMuc29ydCgoYSwgYikgPT4gKGFbY29sLm5hbWVdID4gYltjb2wubmFtZV0pID8gMSA6IC0xKTtcbiAgICAgIHRoaXMuZGlzcGxheWVkQ29sdW1ucy5mb3JFYWNoKChjKSA9PiBjLnNvcnRPcmRlciA9IFNvcnRPcmRlci5VTlNPUlRFRCk7XG4gICAgICBjb2wuc29ydE9yZGVyID0gU29ydE9yZGVyLkRFU0NFTkRJTkc7XG4gICAgfVxuICB9XG5cbiAgcHJpdmF0ZSBzb3J0RGF0ZShjb2w6IGNvbHVtbikge1xuICAgIGlmIChjb2wuc29ydE9yZGVyICYmIGNvbC5zb3J0T3JkZXIgPT09IFNvcnRPcmRlci5ERVNDRU5ESU5HKSB7XG4gICAgICB0aGlzLnF1ZXJ5TGlzdERhdGEucGFydHlNZXNzYWdlcy5zb3J0KChhLCBiKSA9PiBiW2NvbC5uYW1lXSAtIGFbY29sLm5hbWVdKTtcbiAgICAgIHRoaXMuZGlzcGxheWVkQ29sdW1ucy5mb3JFYWNoKChjKSA9PiBjLnNvcnRPcmRlciA9IFNvcnRPcmRlci5VTlNPUlRFRCk7XG4gICAgICBjb2wuc29ydE9yZGVyID0gU29ydE9yZGVyLkFTQ0VORElORztcbiAgICB9IGVsc2Uge1xuICAgICAgdGhpcy5xdWVyeUxpc3REYXRhLnBhcnR5TWVzc2FnZXMuc29ydCgoYSwgYikgPT4gYVtjb2wubmFtZV0gLSBiW2NvbC5uYW1lXSk7XG4gICAgICB0aGlzLmRpc3BsYXllZENvbHVtbnMuZm9yRWFjaCgoYykgPT4gYy5zb3J0T3JkZXIgPSBTb3J0T3JkZXIuVU5TT1JURUQpO1xuICAgICAgY29sLnNvcnRPcmRlciA9IFNvcnRPcmRlci5ERVNDRU5ESU5HO1xuICAgIH1cbiAgfVxufVxuIiwiPG5nLWNvbnRhaW5lciAqbmdJZj1cInF1ZXJ5TGlzdERhdGFcIj5cbiAgPHRhYmxlIGNsYXNzPVwiZ292dWstdGFibGUgcXVlcnktbGlzdF9fdGFibGVcIj5cbiAgICA8Y2FwdGlvbiBjbGFzcz1cImdvdnVrLXRhYmxlX19jZWxsIHF1ZXJ5LWxpc3RfX2NhcHRpb24gcXVlcnktbGlzdF9fcm93XCI+XG4gICAgICA8ZGl2Pnt7IHF1ZXJ5TGlzdERhdGEucGFydHlOYW1lIH19PC9kaXY+XG4gICAgPC9jYXB0aW9uPlxuICAgIDx0aGVhZCBjbGFzcz1cImdvdnVrLXRhYmxlX19oZWFkXCI+XG4gICAgPHRyIGNsYXNzPVwiZ292dWstdGFibGVfX3JvdyBxdWVyeS1saXN0X19yb3dcIj5cbiAgICAgIDx0aCBjbGFzcz1cImdvdnVrLXRhYmxlX19oZWFkZXJcIiAqbmdGb3I9XCJsZXQgY29sIG9mIGRpc3BsYXllZENvbHVtbnNcIj5cbiAgICAgICAge3sgY29sLmRpc3BsYXlOYW1lIHwgcnB4VHJhbnNsYXRlIH19XG4gICAgICAgIDxhIChjbGljayk9XCJzb3J0VGFibGUoY29sKVwiIGNsYXNzPVwic29ydC13aWRnZXRcIiBbaW5uZXJIVE1MXT1cInNvcnRXaWRnZXQoY29sKVwiIGhyZWY9XCJqYXZhc2NyaXB0OnZvaWQoMClcIj48L2E+XG4gICAgICA8L3RoPlxuICAgIDwvdHI+XG4gICAgPC90aGVhZD5cbiAgICA8dGJvZHkgY2xhc3M9XCJnb3Z1ay10YWJsZV9fYm9keVwiPlxuICAgIDx0ciBjbGFzcz1cImdvdnVrLXRhYmxlX19yb3cgcXVlcnktbGlzdF9fcm93XCJcbiAgICAgICAgKm5nRm9yPVwibGV0IG1lc3NhZ2Ugb2YgcXVlcnlMaXN0RGF0YS5wYXJ0eU1lc3NhZ2VzXCJcbiAgICA+XG4gICAgICA8dGQgY2xhc3M9XCJnb3Z1ay10YWJsZV9fY2VsbCBxdWVyeS1saXN0X19jZWxsIHF1ZXJ5LWxpc3RfX2NlbGwtLWZpcnN0XCI+XG4gICAgICAgIDxhIGhyZWY9XCJqYXZhc2NyaXB0OnZvaWQoMClcIj57eyBtZXNzYWdlLnN1YmplY3QgfX08L2E+XG4gICAgICA8L3RkPlxuICAgICAgPHRkIGNsYXNzPVwiZ292dWstdGFibGVfX2NlbGwgcXVlcnktbGlzdF9fY2VsbFwiPnt7IG1lc3NhZ2UubGFzdFN1Ym1pdHRlZEJ5IH19PC90ZD5cbiAgICAgIDx0ZCBjbGFzcz1cImdvdnVrLXRhYmxlX19jZWxsIHF1ZXJ5LWxpc3RfX2NlbGxcIj57eyBtZXNzYWdlLmxhc3RTdWJtaXR0ZWREYXRlIHwgZGF0ZTogJ2RkIE1NTSBZWVlZJyB9fTwvdGQ+XG4gICAgICA8dGQgY2xhc3M9XCJnb3Z1ay10YWJsZV9fY2VsbCBxdWVyeS1saXN0X19jZWxsXCI+e3sgbWVzc2FnZS5sYXN0UmVzcG9uc2VEYXRlIHwgZGF0ZTogJ2RkIE1NTSBZWVlZJyB9fTwvdGQ+XG4gICAgICA8dGQgY2xhc3M9XCJnb3Z1ay10YWJsZV9fY2VsbCBxdWVyeS1saXN0X19jZWxsXCI+e3sgbWVzc2FnZS5sYXN0UmVzcG9uc2VCeSB9fTwvdGQ+XG4gICAgPC90cj5cbiAgICA8L3Rib2R5PlxuICA8L3RhYmxlPlxuPC9uZy1jb250YWluZXI+XG4iXX0=

package/esm2015/lib/shared/components/palette/query-management/domain/column/column.model.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29sdW1uLm1vZGVsLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvY2NkLWNhc2UtdWktdG9vbGtpdC9zcmMvbGliL3NoYXJlZC9jb21wb25lbnRzL3BhbGV0dGUvcXVlcnktbWFuYWdlbWVudC9kb21haW4vY29sdW1uL2NvbHVtbi5tb2RlbC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgU29ydE9yZGVyIH0gZnJvbSAnLi4vLi4vLi4vY29tcGxleC9zb3J0LW9yZGVyJztcblxuZXhwb3J0IGludGVyZmFjZSBjb2x1bW4ge1xuICAgIG5hbWU6IHN0cmluZztcbiAgICBkaXNwbGF5TmFtZTogc3RyaW5nO1xuICAgIHNvcnRPcmRlcjogU29ydE9yZGVyO1xuICB9Il19

package/esm2015/lib/shared/components/palette/query-management/domain/index.js

@@ -3,4 +3,5 @@ export * from './party-messages/party-messages-group.model';
 export * from './query-list/query-list-data/query-list-data.model';
 export * from './query-list/query-list-item/query-list-item.model';
 export * from './query-list/query-list-response-status.enum';
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9jY2QtY2FzZS11aS10b29sa2l0L3NyYy9saWIvc2hhcmVkL2NvbXBvbmVudHMvcGFsZXR0ZS9xdWVyeS1tYW5hZ2VtZW50L2RvbWFpbi9pbmRleC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxjQUFjLHNDQUFzQyxDQUFDO0FBQ3JELGNBQWMsNkNBQTZDLENBQUM7QUFFNUQsY0FBYyxvREFBb0QsQ0FBQztBQUNuRSxjQUFjLG9EQUFvRCxDQUFDO0FBQ25FLGNBQWMsOENBQThDLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyJleHBvcnQgKiBmcm9tICcuL3BhcnR5LW1lc3NhZ2VzL3BhcnR5LW1lc3NhZ2UubW9kZWwnO1xuZXhwb3J0ICogZnJvbSAnLi9wYXJ0eS1tZXNzYWdlcy9wYXJ0eS1tZXNzYWdlcy1ncm91cC5tb2RlbCc7XG5cbmV4cG9ydCAqIGZyb20gJy4vcXVlcnktbGlzdC9xdWVyeS1saXN0LWRhdGEvcXVlcnktbGlzdC1kYXRhLm1vZGVsJztcbmV4cG9ydCAqIGZyb20gJy4vcXVlcnktbGlzdC9xdWVyeS1saXN0LWl0ZW0vcXVlcnktbGlzdC1pdGVtLm1vZGVsJztcbmV4cG9ydCAqIGZyb20gJy4vcXVlcnktbGlzdC9xdWVyeS1saXN0LXJlc3BvbnNlLXN0YXR1cy5lbnVtJztcbiJdfQ==
+export * from './column/column.model';
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9jY2QtY2FzZS11aS10b29sa2l0L3NyYy9saWIvc2hhcmVkL2NvbXBvbmVudHMvcGFsZXR0ZS9xdWVyeS1tYW5hZ2VtZW50L2RvbWFpbi9pbmRleC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxjQUFjLHNDQUFzQyxDQUFDO0FBQ3JELGNBQWMsNkNBQTZDLENBQUM7QUFFNUQsY0FBYyxvREFBb0QsQ0FBQztBQUNuRSxjQUFjLG9EQUFvRCxDQUFDO0FBQ25FLGNBQWMsOENBQThDLENBQUM7QUFFN0QsY0FBYyx1QkFBdUIsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbImV4cG9ydCAqIGZyb20gJy4vcGFydHktbWVzc2FnZXMvcGFydHktbWVzc2FnZS5tb2RlbCc7XG5leHBvcnQgKiBmcm9tICcuL3BhcnR5LW1lc3NhZ2VzL3BhcnR5LW1lc3NhZ2VzLWdyb3VwLm1vZGVsJztcblxuZXhwb3J0ICogZnJvbSAnLi9xdWVyeS1saXN0L3F1ZXJ5LWxpc3QtZGF0YS9xdWVyeS1saXN0LWRhdGEubW9kZWwnO1xuZXhwb3J0ICogZnJvbSAnLi9xdWVyeS1saXN0L3F1ZXJ5LWxpc3QtaXRlbS9xdWVyeS1saXN0LWl0ZW0ubW9kZWwnO1xuZXhwb3J0ICogZnJvbSAnLi9xdWVyeS1saXN0L3F1ZXJ5LWxpc3QtcmVzcG9uc2Utc3RhdHVzLmVudW0nO1xuXG5leHBvcnQgKiBmcm9tICcuL2NvbHVtbi9jb2x1bW4ubW9kZWwnO1xuIl19

package/fesm2015/hmcts-ccd-case-ui-toolkit.js

@@ -17023,6 +17023,13 @@ QueryDetailComponent.ɵcmp = i0.ɵɵdefineComponent({ type: QueryDetailComponent
             }]
     }], function () { return []; }, null); })();
 
+var SortOrder;
+(function (SortOrder) {
+    SortOrder[SortOrder["ASCENDING"] = 0] = "ASCENDING";
+    SortOrder[SortOrder["DESCENDING"] = 1] = "DESCENDING";
+    SortOrder[SortOrder["UNSORTED"] = 2] = "UNSORTED";
+})(SortOrder || (SortOrder = {}));
+
 class QueryListItem {
     constructor() {
         this.children = [];
@@ -17081,40 +17088,57 @@ var QueryListResponseStatus;
     QueryListResponseStatus["RESPONDED"] = "Responded";
 })(QueryListResponseStatus || (QueryListResponseStatus = {}));
 
-function QueryListComponent_ng_container_0_tr_23_Template(rf, ctx) { if (rf & 1) {
+function QueryListComponent_ng_container_0_th_7_Template(rf, ctx) { if (rf & 1) {
+    const _r5 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "th", 8);
+    i0.ɵɵtext(1);
+    i0.ɵɵpipe(2, "rpxTranslate");
+    i0.ɵɵelementStart(3, "a", 9);
+    i0.ɵɵlistener("click", function QueryListComponent_ng_container_0_th_7_Template_a_click_3_listener() { i0.ɵɵrestoreView(_r5); const col_r3 = ctx.$implicit; const ctx_r4 = i0.ɵɵnextContext(2); return ctx_r4.sortTable(col_r3); });
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const col_r3 = ctx.$implicit;
+    const ctx_r1 = i0.ɵɵnextContext(2);
+    i0.ɵɵadvance(1);
+    i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(2, 2, col_r3.displayName), " ");
+    i0.ɵɵadvance(2);
+    i0.ɵɵproperty("innerHTML", ctx_r1.sortWidget(col_r3), i0.ɵɵsanitizeHtml);
+} }
+function QueryListComponent_ng_container_0_tr_9_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "tr", 4);
-    i0.ɵɵelementStart(1, "td", 8);
-    i0.ɵɵelementStart(2, "a", 9);
+    i0.ɵɵelementStart(1, "td", 10);
+    i0.ɵɵelementStart(2, "a", 11);
     i0.ɵɵtext(3);
     i0.ɵɵelementEnd();
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(4, "td", 10);
+    i0.ɵɵelementStart(4, "td", 12);
     i0.ɵɵtext(5);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(6, "td", 10);
+    i0.ɵɵelementStart(6, "td", 12);
     i0.ɵɵtext(7);
     i0.ɵɵpipe(8, "date");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(9, "td", 10);
+    i0.ɵɵelementStart(9, "td", 12);
     i0.ɵɵtext(10);
     i0.ɵɵpipe(11, "date");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(12, "td", 10);
+    i0.ɵɵelementStart(12, "td", 12);
     i0.ɵɵtext(13);
     i0.ɵɵelementEnd();
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    const message_r2 = ctx.$implicit;
+    const message_r6 = ctx.$implicit;
     i0.ɵɵadvance(3);
-    i0.ɵɵtextInterpolate(message_r2.subject);
+    i0.ɵɵtextInterpolate(message_r6.subject);
     i0.ɵɵadvance(2);
-    i0.ɵɵtextInterpolate(message_r2.lastSubmittedBy);
+    i0.ɵɵtextInterpolate(message_r6.lastSubmittedBy);
     i0.ɵɵadvance(2);
-    i0.ɵɵtextInterpolate(i0.ɵɵpipeBind2(8, 5, message_r2.lastSubmittedDate, "dd MMM YYYY"));
+    i0.ɵɵtextInterpolate(i0.ɵɵpipeBind2(8, 5, message_r6.lastSubmittedDate, "dd MMM YYYY"));
     i0.ɵɵadvance(3);
-    i0.ɵɵtextInterpolate(i0.ɵɵpipeBind2(11, 8, message_r2.lastResponseDate, "dd MMM YYYY"));
+    i0.ɵɵtextInterpolate(i0.ɵɵpipeBind2(11, 8, message_r6.lastResponseDate, "dd MMM YYYY"));
     i0.ɵɵadvance(3);
-    i0.ɵɵtextInterpolate(message_r2.lastResponseBy);
+    i0.ɵɵtextInterpolate(message_r6.lastResponseBy);
 } }
 function QueryListComponent_ng_container_0_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementContainerStart(0);
@@ -17126,30 +17150,11 @@ function QueryListComponent_ng_container_0_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementEnd();
     i0.ɵɵelementStart(5, "thead", 3);
     i0.ɵɵelementStart(6, "tr", 4);
-    i0.ɵɵelementStart(7, "th", 5);
-    i0.ɵɵtext(8);
-    i0.ɵɵpipe(9, "rpxTranslate");
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(10, "th", 5);
-    i0.ɵɵtext(11);
-    i0.ɵɵpipe(12, "rpxTranslate");
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(13, "th", 5);
-    i0.ɵɵtext(14);
-    i0.ɵɵpipe(15, "rpxTranslate");
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(16, "th", 5);
-    i0.ɵɵtext(17);
-    i0.ɵɵpipe(18, "rpxTranslate");
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(19, "th", 5);
-    i0.ɵɵtext(20);
-    i0.ɵɵpipe(21, "rpxTranslate");
-    i0.ɵɵelementEnd();
+    i0.ɵɵtemplate(7, QueryListComponent_ng_container_0_th_7_Template, 4, 4, "th", 5);
     i0.ɵɵelementEnd();
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(22, "tbody", 6);
-    i0.ɵɵtemplate(23, QueryListComponent_ng_container_0_tr_23_Template, 14, 11, "tr", 7);
+    i0.ɵɵelementStart(8, "tbody", 6);
+    i0.ɵɵtemplate(9, QueryListComponent_ng_container_0_tr_9_Template, 14, 11, "tr", 7);
     i0.ɵɵelementEnd();
     i0.ɵɵelementEnd();
     i0.ɵɵelementContainerEnd();
@@ -17157,20 +17162,21 @@ function QueryListComponent_ng_container_0_Template(rf, ctx) { if (rf & 1) {
     const ctx_r0 = i0.ɵɵnextContext();
     i0.ɵɵadvance(4);
     i0.ɵɵtextInterpolate(ctx_r0.queryListData.partyName);
-    i0.ɵɵadvance(4);
-    i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(9, 7, "Queries"));
-    i0.ɵɵadvance(3);
-    i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(12, 9, "Last submitted by"));
-    i0.ɵɵadvance(3);
-    i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(15, 11, "Last submission date"));
-    i0.ɵɵadvance(3);
-    i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(18, 13, "Last response date"));
-    i0.ɵɵadvance(3);
-    i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(21, 15, "Response by"));
     i0.ɵɵadvance(3);
+    i0.ɵɵproperty("ngForOf", ctx_r0.displayedColumns);
+    i0.ɵɵadvance(2);
     i0.ɵɵproperty("ngForOf", ctx_r0.queryListData.partyMessages);
 } }
 class QueryListComponent {
+    constructor() {
+        this.displayedColumns = [
+            { name: 'subject', displayName: 'Queries', sortOrder: SortOrder.UNSORTED },
+            { name: 'lastSubmittedBy', displayName: 'Last submitted by', sortOrder: SortOrder.UNSORTED },
+            { name: 'lastSubmittedDate', displayName: 'Last submission date', sortOrder: SortOrder.UNSORTED },
+            { name: 'lastResponseDate', displayName: 'Last response date', sortOrder: SortOrder.UNSORTED },
+            { name: 'lastResponseBy', displayName: 'Response by', sortOrder: SortOrder.UNSORTED }
+        ];
+    }
     ngOnChanges(simpleChanges) {
         var _a;
         const currentPartyMessageGroup = (_a = simpleChanges.partyMessageGroup) === null || _a === void 0 ? void 0 : _a.currentValue;
@@ -17178,13 +17184,74 @@ class QueryListComponent {
             this.queryListData = new QueryListData(currentPartyMessageGroup);
         }
     }
+    sortTable(col) {
+        switch (col.displayName) {
+            case 'Queries': {
+                this.sort(col);
+                break;
+            }
+            case 'Last submitted by': {
+                this.sort(col);
+                break;
+            }
+            case 'Last submission date': {
+                this.sortDate(col);
+                break;
+            }
+            case 'Last response date': {
+                this.sortDate(col);
+                break;
+            }
+            case 'Response by': {
+                this.sort(col);
+                break;
+            }
+        }
+    }
+    sortWidget(col) {
+        switch (col.sortOrder) {
+            case SortOrder.DESCENDING: {
+                return '▲';
+            }
+            case SortOrder.ASCENDING: {
+                return '▼';
+            }
+            default: {
+                return '⬧';
+            }
+        }
+    }
+    sort(col) {
+        if (col.sortOrder && col.sortOrder === SortOrder.DESCENDING) {
+            this.queryListData.partyMessages.sort((a, b) => (a[col.name] < b[col.name]) ? 1 : -1);
+            this.displayedColumns.forEach((c) => c.sortOrder = SortOrder.UNSORTED);
+            col.sortOrder = SortOrder.ASCENDING;
+        }
+        else {
+            this.queryListData.partyMessages.sort((a, b) => (a[col.name] > b[col.name]) ? 1 : -1);
+            this.displayedColumns.forEach((c) => c.sortOrder = SortOrder.UNSORTED);
+            col.sortOrder = SortOrder.DESCENDING;
+        }
+    }
+    sortDate(col) {
+        if (col.sortOrder && col.sortOrder === SortOrder.DESCENDING) {
+            this.queryListData.partyMessages.sort((a, b) => b[col.name] - a[col.name]);
+            this.displayedColumns.forEach((c) => c.sortOrder = SortOrder.UNSORTED);
+            col.sortOrder = SortOrder.ASCENDING;
+        }
+        else {
+            this.queryListData.partyMessages.sort((a, b) => a[col.name] - b[col.name]);
+            this.displayedColumns.forEach((c) => c.sortOrder = SortOrder.UNSORTED);
+            col.sortOrder = SortOrder.DESCENDING;
+        }
+    }
 }
 QueryListComponent.ɵfac = function QueryListComponent_Factory(t) { return new (t || QueryListComponent)(); };
-QueryListComponent.ɵcmp = i0.ɵɵdefineComponent({ type: QueryListComponent, selectors: [["ccd-query-list"]], inputs: { partyMessageGroup: "partyMessageGroup" }, features: [i0.ɵɵNgOnChangesFeature], decls: 1, vars: 1, consts: [[4, "ngIf"], [1, "govuk-table", "query-list__table"], [1, "govuk-table__cell", "query-list__caption", "query-list__row"], [1, "govuk-table__head"], [1, "govuk-table__row", "query-list__row"], ["scope", "col", 1, "govuk-table__header"], [1, "govuk-table__body"], ["class", "govuk-table__row query-list__row", 4, "ngFor", "ngForOf"], [1, "govuk-table__cell", "query-list__cell", "query-list__cell--first"], ["href", "javascript:void(0)"], [1, "govuk-table__cell", "query-list__cell"]], template: function QueryListComponent_Template(rf, ctx) { if (rf & 1) {
-        i0.ɵɵtemplate(0, QueryListComponent_ng_container_0_Template, 24, 17, "ng-container", 0);
+QueryListComponent.ɵcmp = i0.ɵɵdefineComponent({ type: QueryListComponent, selectors: [["ccd-query-list"]], inputs: { partyMessageGroup: "partyMessageGroup" }, features: [i0.ɵɵNgOnChangesFeature], decls: 1, vars: 1, consts: [[4, "ngIf"], [1, "govuk-table", "query-list__table"], [1, "govuk-table__cell", "query-list__caption", "query-list__row"], [1, "govuk-table__head"], [1, "govuk-table__row", "query-list__row"], ["class", "govuk-table__header", 4, "ngFor", "ngForOf"], [1, "govuk-table__body"], ["class", "govuk-table__row query-list__row", 4, "ngFor", "ngForOf"], [1, "govuk-table__header"], ["href", "javascript:void(0)", 1, "sort-widget", 3, "innerHTML", "click"], [1, "govuk-table__cell", "query-list__cell", "query-list__cell--first"], ["href", "javascript:void(0)"], [1, "govuk-table__cell", "query-list__cell"]], template: function QueryListComponent_Template(rf, ctx) { if (rf & 1) {
+        i0.ɵɵtemplate(0, QueryListComponent_ng_container_0_Template, 10, 3, "ng-container", 0);
     } if (rf & 2) {
         i0.ɵɵproperty("ngIf", ctx.queryListData);
-    } }, directives: [i1.NgIf, i1.NgForOf], pipes: [i2$1.RpxTranslatePipe, i1.DatePipe], styles: [".query-list__caption[_ngcontent-%COMP%], .query-list__table[_ngcontent-%COMP%]{border:1px solid #b1b4b6}.query-list__caption[_ngcontent-%COMP%]{background:#f3f2f1;border-bottom:0;font-weight:700}.query-list__row[_ngcontent-%COMP%] > [_ngcontent-%COMP%]:first-child{padding-left:10px}.query-list__row[_ngcontent-%COMP%] > [_ngcontent-%COMP%]:last-child{padding-right:10px}.query-list__cell--first[_ngcontent-%COMP%]{width:33%}"] });
+    } }, directives: [i1.NgIf, i1.NgForOf], pipes: [i2$1.RpxTranslatePipe, i1.DatePipe], styles: [".query-list__caption[_ngcontent-%COMP%], .query-list__table[_ngcontent-%COMP%]{border:1px solid #b1b4b6}.query-list__caption[_ngcontent-%COMP%]{background:#f3f2f1;border-bottom:0;font-weight:700}.query-list__row[_ngcontent-%COMP%] > [_ngcontent-%COMP%]:first-child{padding-left:10px}.query-list__row[_ngcontent-%COMP%] > [_ngcontent-%COMP%]:last-child{padding-right:10px}.query-list__cell--first[_ngcontent-%COMP%]{width:33%}.sort-widget[_ngcontent-%COMP%]{cursor:pointer;text-decoration:none;color:#000}"] });
 (function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(QueryListComponent, [{
         type: Component,
         args: [{
@@ -20446,13 +20513,6 @@ const ɵReadComplexFieldTableComponent_BaseFactory = /*@__PURE__*/ i0.ɵɵgetInh
             type: Input
         }] }); })();
 
-var SortOrder;
-(function (SortOrder) {
-    SortOrder[SortOrder["ASCENDING"] = 0] = "ASCENDING";
-    SortOrder[SortOrder["DESCENDING"] = 1] = "DESCENDING";
-    SortOrder[SortOrder["UNSORTED"] = 2] = "UNSORTED";
-})(SortOrder || (SortOrder = {}));
-
 function ReadComplexFieldCollectionTableComponent_th_9_Template(rf, ctx) { if (rf & 1) {
     const _r4 = i0.ɵɵgetCurrentView();
     i0.ɵɵelementStart(0, "th", 6);