@hmcts/ccd-case-ui-toolkit 6.16.0-query-details-ui-changes → 6.16.0-query-management-read-view-changes-v4

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

@@ -17747,6 +17747,12 @@ var RaiseQueryErrorMessage;
     RaiseQueryErrorMessage["RESPOND_QUERY_BODY"] = "Add a response before continue";
 })(RaiseQueryErrorMessage || (RaiseQueryErrorMessage = {}));
 
+var QueryItemResponseStatus;
+(function (QueryItemResponseStatus) {
+    QueryItemResponseStatus["NEW"] = "New";
+    QueryItemResponseStatus["RESPONDED"] = "Responded";
+})(QueryItemResponseStatus || (QueryItemResponseStatus = {}));
+
 var RespondToQueryErrorMessages;
 (function (RespondToQueryErrorMessages) {
     RespondToQueryErrorMessages["FULL_NAME"] = "Enter a full name";
@@ -17758,12 +17764,6 @@ var QualifyingQuestionsErrorMessage;
     QualifyingQuestionsErrorMessage["SELECT_AN_OPTION"] = "Select an option";
 })(QualifyingQuestionsErrorMessage || (QualifyingQuestionsErrorMessage = {}));
 
-var QueryItemResponseStatus;
-(function (QueryItemResponseStatus) {
-    QueryItemResponseStatus["NEW"] = "New";
-    QueryItemResponseStatus["RESPONDED"] = "Responded";
-})(QueryItemResponseStatus || (QueryItemResponseStatus = {}));
-
 function QualifyingQuestionOptionsComponent_ng_container_0_ng_container_7_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementContainerStart(0);
     i0.ɵɵelementStart(1, "p", 7);
@@ -18239,8 +18239,8 @@ QueryCheckYourAnswersComponent.ɵcmp = i0.ɵɵdefineComponent({ type: QueryCheck
             type: Output
         }] }); })();
 
-function QueryDetailsTableComponent_ng_container_0_tr_35_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "tr", 3);
+function QueryDetailsTableComponent_ng_container_0_tr_36_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "tr", 8);
     i0.ɵɵelementStart(1, "th", 4);
     i0.ɵɵtext(2);
     i0.ɵɵpipe(3, "rpxTranslate");
@@ -18257,8 +18257,8 @@ function QueryDetailsTableComponent_ng_container_0_tr_35_Template(rf, ctx) { if
     i0.ɵɵadvance(3);
     i0.ɵɵtextInterpolate(i0.ɵɵpipeBind2(6, 4, ctx_r1.queryItem.hearingDate, "dd MMM yyyy"));
 } }
-function QueryDetailsTableComponent_ng_container_0_ccd_query_attachments_read_41_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelement(0, "ccd-query-attachments-read", 8);
+function QueryDetailsTableComponent_ng_container_0_ccd_query_attachments_read_42_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "ccd-query-attachments-read", 9);
 } if (rf & 2) {
     const ctx_r2 = i0.ɵɵnextContext(2);
     i0.ɵɵproperty("attachments", ctx_r2.queryItem.attachments);
@@ -18275,16 +18275,16 @@ function QueryDetailsTableComponent_ng_container_0_Template(rf, ctx) { if (rf &
     i0.ɵɵelementEnd();
     i0.ɵɵelementStart(8, "td", 5);
     i0.ɵɵtext(9);
-    i0.ɵɵpipe(10, "date");
     i0.ɵɵelementEnd();
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(11, "tr", 3);
-    i0.ɵɵelementStart(12, "th", 4);
-    i0.ɵɵtext(13);
-    i0.ɵɵpipe(14, "rpxTranslate");
+    i0.ɵɵelementStart(10, "tr", 3);
+    i0.ɵɵelementStart(11, "th", 4);
+    i0.ɵɵtext(12);
+    i0.ɵɵpipe(13, "rpxTranslate");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(15, "td", 5);
-    i0.ɵɵtext(16);
+    i0.ɵɵelementStart(14, "td", 5);
+    i0.ɵɵtext(15);
+    i0.ɵɵpipe(16, "date");
     i0.ɵɵelementEnd();
     i0.ɵɵelementEnd();
     i0.ɵɵelementStart(17, "tr", 3);
@@ -18312,16 +18312,17 @@ function QueryDetailsTableComponent_ng_container_0_Template(rf, ctx) { if (rf &
     i0.ɵɵelementEnd();
     i0.ɵɵelementStart(33, "td", 5);
     i0.ɵɵtext(34);
+    i0.ɵɵpipe(35, "rpxTranslate");
     i0.ɵɵelementEnd();
     i0.ɵɵelementEnd();
-    i0.ɵɵtemplate(35, QueryDetailsTableComponent_ng_container_0_tr_35_Template, 7, 7, "tr", 6);
-    i0.ɵɵelementStart(36, "tr", 3);
-    i0.ɵɵelementStart(37, "th", 4);
-    i0.ɵɵtext(38);
-    i0.ɵɵpipe(39, "rpxTranslate");
+    i0.ɵɵtemplate(36, QueryDetailsTableComponent_ng_container_0_tr_36_Template, 7, 7, "tr", 6);
+    i0.ɵɵelementStart(37, "tr", 3);
+    i0.ɵɵelementStart(38, "th", 4);
+    i0.ɵɵtext(39);
+    i0.ɵɵpipe(40, "rpxTranslate");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(40, "td", 5);
-    i0.ɵɵtemplate(41, QueryDetailsTableComponent_ng_container_0_ccd_query_attachments_read_41_Template, 1, 1, "ccd-query-attachments-read", 7);
+    i0.ɵɵelementStart(41, "td", 5);
+    i0.ɵɵtemplate(42, QueryDetailsTableComponent_ng_container_0_ccd_query_attachments_read_42_Template, 1, 1, "ccd-query-attachments-read", 7);
     i0.ɵɵelementEnd();
     i0.ɵɵelementEnd();
     i0.ɵɵelementEnd();
@@ -18330,42 +18331,46 @@ function QueryDetailsTableComponent_ng_container_0_Template(rf, ctx) { if (rf &
 } if (rf & 2) {
     const ctx_r0 = i0.ɵɵnextContext();
     i0.ɵɵadvance(1);
-    i0.ɵɵattribute("aria-describedby", i0.ɵɵpipeBind1(2, 14, "Details of the query"));
+    i0.ɵɵattribute("aria-describedby", i0.ɵɵpipeBind1(2, 18, "Details of the query"));
     i0.ɵɵadvance(5);
-    i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(7, 16, "Submission date"));
-    i0.ɵɵadvance(3);
-    i0.ɵɵtextInterpolate(i0.ɵɵpipeBind2(10, 18, ctx_r0.queryItem.createdOn, "dd MMM yyyy"));
-    i0.ɵɵadvance(4);
-    i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(14, 21, "Submitted by"));
+    i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(7, 20, "Last submitted by"));
     i0.ɵɵadvance(3);
     i0.ɵɵtextInterpolate(ctx_r0.queryItem.lastSubmittedBy);
     i0.ɵɵadvance(3);
-    i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(20, 23, "Query subject"));
+    i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(13, 22, "Submission date"));
+    i0.ɵɵadvance(3);
+    i0.ɵɵtextInterpolate(i0.ɵɵpipeBind2(16, 24, ctx_r0.queryItem.createdOn, "dd MMM yyyy"));
+    i0.ɵɵadvance(4);
+    i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(20, 27, "Query subject"));
     i0.ɵɵadvance(3);
     i0.ɵɵtextInterpolate(ctx_r0.queryItem.subject);
     i0.ɵɵadvance(3);
-    i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(26, 25, "Query detail"));
+    i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(26, 29, "Query body"));
     i0.ɵɵadvance(3);
     i0.ɵɵtextInterpolate(ctx_r0.queryItem.body);
-    i0.ɵɵadvance(3);
-    i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(32, 27, "Is the query hearing related?"));
-    i0.ɵɵadvance(3);
-    i0.ɵɵtextInterpolate(ctx_r0.queryItem.isHearingRelated ? "Yes" : "No");
+    i0.ɵɵadvance(2);
+    i0.ɵɵclassProp("govuk-table__header--no-border", ctx_r0.queryItem.isHearingRelated);
     i0.ɵɵadvance(1);
+    i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(32, 31, "Is the query hearing related?"), " ");
+    i0.ɵɵadvance(2);
+    i0.ɵɵclassProp("govuk-table__cell--no-border", ctx_r0.queryItem.isHearingRelated);
+    i0.ɵɵadvance(1);
+    i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind3(35, 33, "Is the query hearing related?", null, ctx_r0.queryItem.isHearingRelated ? "Yes" : "No"), "");
+    i0.ɵɵadvance(2);
     i0.ɵɵproperty("ngIf", ctx_r0.queryItem.isHearingRelated);
     i0.ɵɵadvance(3);
-    i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(39, 29, "Attachments"));
+    i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(40, 37, "Attachments"));
     i0.ɵɵadvance(3);
     i0.ɵɵproperty("ngIf", ctx_r0.queryItem.attachments);
 } }
 class QueryDetailsTableComponent {
 }
 QueryDetailsTableComponent.ɵfac = function QueryDetailsTableComponent_Factory(t) { return new (t || QueryDetailsTableComponent)(); };
-QueryDetailsTableComponent.ɵcmp = i0.ɵɵdefineComponent({ type: QueryDetailsTableComponent, selectors: [["ccd-query-details-table"]], inputs: { queryItem: "queryItem" }, decls: 1, vars: 1, consts: [[4, "ngIf"], [1, "govuk-table", "query-details-table"], [1, "govuk-table__body"], [1, "govuk-table__row"], ["scope", "row", 1, "govuk-table__header"], [1, "govuk-table__cell"], ["class", "govuk-table__row", 4, "ngIf"], [3, "attachments", 4, "ngIf"], [3, "attachments"]], template: function QueryDetailsTableComponent_Template(rf, ctx) { if (rf & 1) {
-        i0.ɵɵtemplate(0, QueryDetailsTableComponent_ng_container_0_Template, 42, 31, "ng-container", 0);
+QueryDetailsTableComponent.ɵcmp = i0.ɵɵdefineComponent({ type: QueryDetailsTableComponent, selectors: [["ccd-query-details-table"]], inputs: { queryItem: "queryItem" }, decls: 1, vars: 1, consts: [[4, "ngIf"], [1, "govuk-table", "query-details-table"], [1, "govuk-table__body"], [1, "govuk-table__row"], ["scope", "row", 1, "govuk-table__header"], [1, "govuk-table__cell"], ["class", "govuk-table__row govuk-table__row--isHearingRelated", 4, "ngIf"], [3, "attachments", 4, "ngIf"], [1, "govuk-table__row", "govuk-table__row--isHearingRelated"], [3, "attachments"]], template: function QueryDetailsTableComponent_Template(rf, ctx) { if (rf & 1) {
+        i0.ɵɵtemplate(0, QueryDetailsTableComponent_ng_container_0_Template, 43, 39, "ng-container", 0);
     } if (rf & 2) {
         i0.ɵɵproperty("ngIf", ctx.queryItem);
-    } }, styles: [".query-details-table[_ngcontent-%COMP%]   .govuk-table__header[_ngcontent-%COMP%]{width:330px}"] });
+    } }, styles: [".query-details-table[_ngcontent-%COMP%]   .govuk-table__header[_ngcontent-%COMP%]{width:330px}.query-details-table[_ngcontent-%COMP%]   .collection-field-table[_ngcontent-%COMP%]   tr[_ngcontent-%COMP%] > td[_ngcontent-%COMP%]{border-bottom:none}.query-details-table[_ngcontent-%COMP%]   .govuk-table__cell--no-border[_ngcontent-%COMP%], .query-details-table[_ngcontent-%COMP%]   .govuk-table__header--no-border[_ngcontent-%COMP%]{border-bottom:0}"] });
 (function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(QueryDetailsTableComponent, [{
         type: Component,
         args: [{
@@ -18602,28 +18607,30 @@ var SortOrder;
 })(SortOrder || (SortOrder = {}));
 
 function QueryListComponent_ng_container_0_th_7_Template(rf, ctx) { if (rf & 1) {
-    const _r5 = i0.ɵɵgetCurrentView();
+    const _r6 = 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.ɵɵelementStart(1, "button", 9);
+    i0.ɵɵlistener("click", function QueryListComponent_ng_container_0_th_7_Template_button_click_1_listener() { i0.ɵɵrestoreView(_r6); const col_r3 = ctx.$implicit; const ctx_r5 = i0.ɵɵnextContext(2); return ctx_r5.sortTable(col_r3); });
+    i0.ɵɵtext(2);
+    i0.ɵɵpipe(3, "rpxTranslate");
     i0.ɵɵelementEnd();
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const col_r3 = ctx.$implicit;
+    const i_r4 = ctx.index;
     const ctx_r1 = i0.ɵɵnextContext(2);
+    i0.ɵɵattribute("aria-sort", ctx_r1.getAriaSortHeaderValue(col_r3));
     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);
+    i0.ɵɵattribute("data-index", i_r4);
+    i0.ɵɵadvance(1);
+    i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(3, 3, col_r3.displayName), " ");
 } }
 function QueryListComponent_ng_container_0_tr_9_Template(rf, ctx) { if (rf & 1) {
-    const _r8 = i0.ɵɵgetCurrentView();
+    const _r9 = i0.ɵɵgetCurrentView();
     i0.ɵɵelementStart(0, "tr", 4);
     i0.ɵɵelementStart(1, "td", 10);
     i0.ɵɵelementStart(2, "a", 11);
-    i0.ɵɵlistener("click", function QueryListComponent_ng_container_0_tr_9_Template_a_click_2_listener() { i0.ɵɵrestoreView(_r8); const message_r6 = ctx.$implicit; const ctx_r7 = i0.ɵɵnextContext(2); return ctx_r7.showDetails(message_r6); });
+    i0.ɵɵlistener("click", function QueryListComponent_ng_container_0_tr_9_Template_a_click_2_listener() { i0.ɵɵrestoreView(_r9); const message_r7 = ctx.$implicit; const ctx_r8 = i0.ɵɵnextContext(2); return ctx_r8.showDetails(message_r7); });
     i0.ɵɵtext(3);
     i0.ɵɵelementEnd();
     i0.ɵɵelementEnd();
@@ -18644,17 +18651,17 @@ function QueryListComponent_ng_container_0_tr_9_Template(rf, ctx) { if (rf & 1)
     i0.ɵɵelementEnd();
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    const message_r6 = ctx.$implicit;
+    const message_r7 = ctx.$implicit;
     i0.ɵɵadvance(3);
-    i0.ɵɵtextInterpolate(message_r6.subject);
+    i0.ɵɵtextInterpolate(message_r7.subject);
     i0.ɵɵadvance(2);
-    i0.ɵɵtextInterpolate(message_r6.lastSubmittedBy);
+    i0.ɵɵtextInterpolate(message_r7.lastSubmittedBy);
     i0.ɵɵadvance(2);
-    i0.ɵɵtextInterpolate(i0.ɵɵpipeBind2(8, 5, message_r6.lastSubmittedDate, "dd MMM YYYY"));
+    i0.ɵɵtextInterpolate(i0.ɵɵpipeBind2(8, 5, message_r7.lastSubmittedDate, "dd MMM YYYY"));
     i0.ɵɵadvance(3);
-    i0.ɵɵtextInterpolate(i0.ɵɵpipeBind2(11, 8, message_r6.lastResponseDate, "dd MMM YYYY"));
+    i0.ɵɵtextInterpolate(i0.ɵɵpipeBind2(11, 8, message_r7.lastResponseDate, "dd MMM YYYY"));
     i0.ɵɵadvance(3);
-    i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(14, 11, message_r6.responseStatus));
+    i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(14, 11, message_r7.responseStatus));
 } }
 function QueryListComponent_ng_container_0_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementContainerStart(0);
@@ -18666,7 +18673,7 @@ function QueryListComponent_ng_container_0_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementEnd();
     i0.ɵɵelementStart(5, "thead", 3);
     i0.ɵɵelementStart(6, "tr", 4);
-    i0.ɵɵtemplate(7, QueryListComponent_ng_container_0_th_7_Template, 4, 4, "th", 5);
+    i0.ɵɵtemplate(7, QueryListComponent_ng_container_0_th_7_Template, 4, 5, "th", 5);
     i0.ɵɵelementEnd();
     i0.ɵɵelementEnd();
     i0.ɵɵelementStart(8, "tbody", 6);
@@ -18687,7 +18694,7 @@ class QueryListComponent {
     constructor() {
         this.selectedQuery = new EventEmitter();
         this.displayedColumns = [
-            { name: 'subject', displayName: 'Queries', sortOrder: SortOrder.UNSORTED },
+            { name: 'subject', displayName: 'Query subject', 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 },
@@ -18714,13 +18721,16 @@ class QueryListComponent {
             }
         }
     }
-    sortWidget(col) {
+    getAriaSortHeaderValue(col) {
         switch (col.sortOrder) {
             case SortOrder.ASCENDING: {
-                return '▲';
+                return 'ascending';
+            }
+            case SortOrder.DESCENDING: {
+                return 'descending';
             }
             default: {
-                return '▼';
+                return 'none';
             }
         }
     }
@@ -18753,11 +18763,11 @@ class QueryListComponent {
     }
 }
 QueryListComponent.ɵfac = function QueryListComponent_Factory(t) { return new (t || QueryListComponent)(); };
-QueryListComponent.ɵcmp = i0.ɵɵdefineComponent({ type: QueryListComponent, selectors: [["ccd-query-list"]], inputs: { partyMessageGroup: "partyMessageGroup" }, outputs: { selectedQuery: "selectedQuery" }, 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)", 3, "click"], [1, "govuk-table__cell", "query-list__cell"]], template: function QueryListComponent_Template(rf, ctx) { if (rf & 1) {
+QueryListComponent.ɵcmp = i0.ɵɵdefineComponent({ type: QueryListComponent, selectors: [["ccd-query-list"]], inputs: { partyMessageGroup: "partyMessageGroup" }, outputs: { selectedQuery: "selectedQuery" }, 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", "class", "govuk-table__header", 4, "ngFor", "ngForOf"], [1, "govuk-table__body"], ["class", "govuk-table__row query-list__row", 4, "ngFor", "ngForOf"], ["scope", "col", 1, "govuk-table__header"], ["type", "button", "aria-sort", "none", "href", "javascript:void(0)", 3, "click"], [1, "govuk-table__cell", "query-list__cell", "query-list__cell--first"], ["href", "javascript:void(0)", 3, "click"], [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: [i5.NgIf, i5.NgForOf], pipes: [i1.RpxTranslatePipe, i5.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}"] });
+    } }, directives: [i5.NgIf, i5.NgForOf], pipes: [i1.RpxTranslatePipe, i5.DatePipe], styles: ["@charset \"UTF-8\";.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%}[aria-sort][_ngcontent-%COMP%]   button[_ngcontent-%COMP%], [aria-sort][_ngcontent-%COMP%]   button[_ngcontent-%COMP%]:hover, [aria-sort][_ngcontent-%COMP%]   button[_ngcontent-%COMP%]:hover:hover{background-color:transparent;border-width:0;box-shadow:0 0 0 0;color:#000;cursor:pointer;font-family:inherit;font-weight:inherit;padding:0 10px 0 0;position:relative;text-align:inherit;font-size:1em;margin:0}[aria-sort][_ngcontent-%COMP%]   button[_ngcontent-%COMP%]:focus, [aria-sort][_ngcontent-%COMP%]   button[_ngcontent-%COMP%]:hover:focus{background-color:#fd0;color:#000;box-shadow:0 -2px #fd0,0 4px #000;outline:none}[aria-sort][_ngcontent-%COMP%]:first-child   button[_ngcontent-%COMP%]{right:auto}[aria-sort][_ngcontent-%COMP%]   button[_ngcontent-%COMP%]:before{content:\" \u25BC\";position:absolute;right:-1px;top:9px;font-size:.5em}[aria-sort][_ngcontent-%COMP%]   button[_ngcontent-%COMP%]:after{content:\" \u25B2\";position:absolute;right:-1px;top:1px;font-size:.5em}[aria-sort=ascending][_ngcontent-%COMP%]   button[_ngcontent-%COMP%]:before, [aria-sort=descending][_ngcontent-%COMP%]   button[_ngcontent-%COMP%]:before{content:none}[aria-sort=ascending][_ngcontent-%COMP%]   button[_ngcontent-%COMP%]:after{content:\" \u25B2\";font-size:.8em;position:absolute;right:-5px;top:2px}[aria-sort=descending][_ngcontent-%COMP%]   button[_ngcontent-%COMP%]:after{content:\" \u25BC\";font-size:.8em;position:absolute;right:-5px;top:2px}"] });
 (function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(QueryListComponent, [{
         type: Component,
         args: [{