@hmcts/ccd-case-ui-toolkit 7.1.48-spinner-issue-fix → 7.1.49

package/esm2022/lib/shared/components/pagination/pagination.component.mjs

@@ -16,7 +16,7 @@ function PaginationComponent_ul_4_li_2_a_1_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
     const ctx_r3 = i0.ɵɵnextContext(3);
-    i0.ɵɵattribute("aria-label", i0.ɵɵpipeBind1(1, 3, ctx_r3.previousLabel + " " + ctx_r3.screenReaderPageLabel));
+    i0.ɵɵattribute("aria-label", i0.ɵɵpipeBind1(1, 3, "Previous page"));
     i0.ɵɵadvance(2);
     i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(3, 5, ctx_r3.previousLabel), " ");
     i0.ɵɵadvance(3);
@@ -24,22 +24,24 @@ function PaginationComponent_ul_4_li_2_a_1_Template(rf, ctx) { if (rf & 1) {
 } }
 function PaginationComponent_ul_4_li_2_span_2_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "span");
-    i0.ɵɵtext(1);
-    i0.ɵɵpipe(2, "rpxTranslate");
-    i0.ɵɵelementStart(3, "span", 13);
-    i0.ɵɵtext(4);
-    i0.ɵɵpipe(5, "rpxTranslate");
+    i0.ɵɵpipe(1, "rpxTranslate");
+    i0.ɵɵtext(2);
+    i0.ɵɵpipe(3, "rpxTranslate");
+    i0.ɵɵelementStart(4, "span", 13);
+    i0.ɵɵtext(5);
+    i0.ɵɵpipe(6, "rpxTranslate");
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
     const ctx_r3 = i0.ɵɵnextContext(3);
-    i0.ɵɵadvance();
-    i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(2, 2, ctx_r3.previousLabel), " ");
+    i0.ɵɵattribute("aria-label", i0.ɵɵpipeBind1(1, 3, "Previous page"));
+    i0.ɵɵadvance(2);
+    i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(3, 5, ctx_r3.previousLabel), " ");
     i0.ɵɵadvance(3);
-    i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(5, 4, ctx_r3.screenReaderPageLabel));
+    i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(6, 7, ctx_r3.screenReaderPageLabel));
 } }
 function PaginationComponent_ul_4_li_2_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "li", 9);
-    i0.ɵɵtemplate(1, PaginationComponent_ul_4_li_2_a_1_Template, 7, 9, "a", 10)(2, PaginationComponent_ul_4_li_2_span_2_Template, 6, 6, "span", 11);
+    i0.ɵɵtemplate(1, PaginationComponent_ul_4_li_2_a_1_Template, 7, 9, "a", 10)(2, PaginationComponent_ul_4_li_2_span_2_Template, 7, 9, "span", 11);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     i0.ɵɵnextContext(2);
@@ -53,22 +55,26 @@ function PaginationComponent_ul_4_li_2_Template(rf, ctx) { if (rf & 1) {
 function PaginationComponent_ul_4_li_5_a_1_Template(rf, ctx) { if (rf & 1) {
     const _r5 = i0.ɵɵgetCurrentView();
     i0.ɵɵelementStart(0, "a", 12);
+    i0.ɵɵpipe(1, "rpxTranslate");
+    i0.ɵɵpipe(2, "rpxTranslate");
+    i0.ɵɵpipe(3, "number");
     i0.ɵɵlistener("keyup.enter", function PaginationComponent_ul_4_li_5_a_1_Template_a_keyup_enter_0_listener() { i0.ɵɵrestoreView(_r5); const page_r6 = i0.ɵɵnextContext().$implicit; i0.ɵɵnextContext(2); const p_r3 = i0.ɵɵreference(1); return i0.ɵɵresetView(p_r3.setCurrent(page_r6.value)); })("click", function PaginationComponent_ul_4_li_5_a_1_Template_a_click_0_listener() { i0.ɵɵrestoreView(_r5); const page_r6 = i0.ɵɵnextContext().$implicit; i0.ɵɵnextContext(2); const p_r3 = i0.ɵɵreference(1); return i0.ɵɵresetView(p_r3.setCurrent(page_r6.value)); });
-    i0.ɵɵelementStart(1, "span", 13);
-    i0.ɵɵtext(2);
-    i0.ɵɵpipe(3, "rpxTranslate");
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(4, "span");
+    i0.ɵɵelementStart(4, "span", 13);
     i0.ɵɵtext(5);
-    i0.ɵɵpipe(6, "number");
+    i0.ɵɵpipe(6, "rpxTranslate");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(7, "span");
+    i0.ɵɵtext(8);
+    i0.ɵɵpipe(9, "number");
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
     const page_r6 = i0.ɵɵnextContext().$implicit;
     const ctx_r3 = i0.ɵɵnextContext(2);
-    i0.ɵɵadvance(2);
-    i0.ɵɵtextInterpolate1("", i0.ɵɵpipeBind1(3, 2, ctx_r3.screenReaderPageLabel), " ");
+    i0.ɵɵattribute("aria-label", page_r6.label === "..." ? i0.ɵɵpipeBind1(1, 3, "Change pagination range") : i0.ɵɵpipeBind1(2, 5, "Page ") + i0.ɵɵpipeBind2(3, 7, page_r6.label, ""));
+    i0.ɵɵadvance(5);
+    i0.ɵɵtextInterpolate1("", i0.ɵɵpipeBind1(6, 10, ctx_r3.screenReaderPageLabel), " ");
     i0.ɵɵadvance(3);
-    i0.ɵɵtextInterpolate(page_r6.label === "..." ? page_r6.label : i0.ɵɵpipeBind2(6, 4, page_r6.label, ""));
+    i0.ɵɵtextInterpolate(page_r6.label === "..." ? page_r6.label : i0.ɵɵpipeBind2(9, 12, page_r6.label, ""));
 } }
 function PaginationComponent_ul_4_li_5_ng_container_2_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementContainerStart(0);
@@ -91,7 +97,7 @@ function PaginationComponent_ul_4_li_5_ng_container_2_Template(rf, ctx) { if (rf
 } }
 function PaginationComponent_ul_4_li_5_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "li");
-    i0.ɵɵtemplate(1, PaginationComponent_ul_4_li_5_a_1_Template, 7, 7, "a", 10)(2, PaginationComponent_ul_4_li_5_ng_container_2_Template, 7, 7, "ng-container", 11);
+    i0.ɵɵtemplate(1, PaginationComponent_ul_4_li_5_a_1_Template, 10, 15, "a", 10)(2, PaginationComponent_ul_4_li_5_ng_container_2_Template, 7, 7, "ng-container", 11);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const page_r6 = ctx.$implicit;
@@ -116,7 +122,7 @@ function PaginationComponent_ul_4_li_6_a_1_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
     const ctx_r3 = i0.ɵɵnextContext(3);
-    i0.ɵɵattribute("aria-label", i0.ɵɵpipeBind1(1, 3, ctx_r3.nextLabel + " " + ctx_r3.screenReaderPageLabel));
+    i0.ɵɵattribute("aria-label", i0.ɵɵpipeBind1(1, 3, "Next page"));
     i0.ɵɵadvance(2);
     i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(3, 5, ctx_r3.nextLabel), " ");
     i0.ɵɵadvance(3);
@@ -228,7 +234,7 @@ export class PaginationComponent {
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(PaginationComponent, [{
         type: Component,
-        args: [{ selector: 'ccd-pagination', template: "<pagination-template #p=\"paginationApi\" [id]=\"id\" [maxSize]=\"maxSize\" (pageChange)=\"pageChange.emit($event)\"\n  (pageBoundsCorrection)=\"pageBoundsCorrection.emit($event)\">\n  <nav role=\"navigation\" [attr.aria-label]=\"'Pagination' | rpxTranslate\">\n    <ul class=\"ngx-pagination\" [attr.aria-label]=\"screenReaderPaginationLabel | rpxTranslate\"\n      [class.responsive]=\"responsive\" *ngIf=\"!(autoHide && p.pages.length <= 1)\">\n      <li class=\"pagination-previous\" [class.disabled]=\"p.isFirstPage()\" *ngIf=\"directionLinks\">\n        <a tabindex=\"0\" *ngIf=\"1 < p.getCurrent()\" (keyup.enter)=\"p.previous()\" (click)=\"p.previous()\"\n          [attr.aria-label]=\"previousLabel + ' ' + screenReaderPageLabel | rpxTranslate\">\n          {{ previousLabel | rpxTranslate }} <span class=\"show-for-sr\">{{ screenReaderPageLabel | rpxTranslate }}</span>\n        </a>\n        <span *ngIf=\"p.isFirstPage()\">\n          {{ previousLabel | rpxTranslate }} <span class=\"show-for-sr\">{{ screenReaderPageLabel | rpxTranslate }}</span>\n        </span>\n      </li>\n      <li class=\"small-screen\">\n        {{ p.getCurrent() }} / {{ p.getLastPage() }}\n      </li>\n      <li [class.current]=\"p.getCurrent() === page.value\" [class.ellipsis]=\"page.label === '...'\"\n        *ngFor=\"let page of p.pages\">\n        <a tabindex=\"0\" (keyup.enter)=\"p.setCurrent(page.value)\" (click)=\"p.setCurrent(page.value)\"\n          *ngIf=\"p.getCurrent() !== page.value\">\n          <span class=\"show-for-sr\">{{ screenReaderPageLabel | rpxTranslate }} </span>\n          <span>{{ (page.label === '...') ? page.label : (page.label | number:'') }}</span>\n        </a>\n        <ng-container *ngIf=\"p.getCurrent() === page.value\">\n          <span class=\"show-for-sr\">{{ screenReaderCurrentLabel | rpxTranslate }} </span>\n          <span>{{ (page.label === '...') ? page.label : (page.label | number:'') }}</span>\n        </ng-container>\n      </li>\n      <li class=\"pagination-next\" [class.disabled]=\"p.isLastPage()\" *ngIf=\"directionLinks\">\n        <a tabindex=\"0\" *ngIf=\"!p.isLastPage()\" (keyup.enter)=\"p.next()\" (click)=\"p.next()\"\n          [attr.aria-label]=\"nextLabel + ' ' + screenReaderPageLabel | rpxTranslate\">\n          {{ nextLabel | rpxTranslate }} <span class=\"show-for-sr\">{{ screenReaderPageLabel | rpxTranslate }}</span>\n        </a>\n        <span *ngIf=\"p.isLastPage()\">\n          {{ nextLabel | rpxTranslate }} <span class=\"show-for-sr\">{{ screenReaderPageLabel | rpxTranslate }}</span>\n        </span>\n      </li>\n    </ul>\n  </nav>\n</pagination-template>\n", styles: [".ngx-pagination{margin-left:0;margin-bottom:1rem;padding-top:25px;text-decoration:none;text-align:left;font-size:16px}.ngx-pagination:before,.ngx-pagination:after{content:\" \";display:table}.ngx-pagination:after{clear:both}.ngx-pagination li{-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;margin-right:.0625rem;border-radius:0}.ngx-pagination li{display:inline-block}.ngx-pagination a,.ngx-pagination button{display:block;padding:.1875rem .625rem;border-radius:0;color:#005da6}.ngx-pagination a:hover,.ngx-pagination button:hover{background:#e6e6e6}.ngx-pagination .current{padding:.1875rem .625rem;background:#fff;color:#4c2c92;cursor:default;font-weight:900}.ngx-pagination .disabled{display:none}.ngx-pagination .disabled:hover{background:transparent}.ngx-pagination a,.ngx-pagination button{cursor:pointer}.ngx-pagination .pagination-previous a:before,.ngx-pagination .pagination-previous.disabled:before{margin-right:.5rem;display:inline-block;height:10px;width:10px;border-style:solid;color:#0a0a0a;background:transparent;-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg);content:\"\";border-width:3px 0 0 3px}.ngx-pagination .pagination-next a:after,.ngx-pagination .pagination-next.disabled:after{margin-left:.5rem;display:inline-block;height:10px;width:10px;border-style:solid;color:#0a0a0a;background:transparent;-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg);content:\"\";border-width:0 3px 3px 0}.ngx-pagination .show-for-sr{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.ngx-pagination .small-screen{display:none}@media screen and (max-width: 601px){.ngx-pagination.responsive .small-screen{display:inline-block}.ngx-pagination.responsive li:not(.small-screen):not(.pagination-previous):not(.pagination-next){display:none}}\n"] }]
+        args: [{ selector: 'ccd-pagination', template: "<pagination-template #p=\"paginationApi\" [id]=\"id\" [maxSize]=\"maxSize\" (pageChange)=\"pageChange.emit($event)\"\n  (pageBoundsCorrection)=\"pageBoundsCorrection.emit($event)\">\n  <nav role=\"navigation\" [attr.aria-label]=\"'Pagination' | rpxTranslate\">\n    <ul class=\"ngx-pagination\" [attr.aria-label]=\"screenReaderPaginationLabel | rpxTranslate\"\n      [class.responsive]=\"responsive\" *ngIf=\"!(autoHide && p.pages.length <= 1)\">\n      <li class=\"pagination-previous\" [class.disabled]=\"p.isFirstPage()\" *ngIf=\"directionLinks\">\n        <a tabindex=\"0\" *ngIf=\"1 < p.getCurrent()\" (keyup.enter)=\"p.previous()\" (click)=\"p.previous()\"\n          [attr.aria-label]=\"'Previous page' | rpxTranslate\">\n          {{ previousLabel | rpxTranslate }} <span class=\"show-for-sr\">{{ screenReaderPageLabel | rpxTranslate }}</span>\n        </a>\n        <span *ngIf=\"p.isFirstPage()\" [attr.aria-label]=\"'Previous page' | rpxTranslate\">\n          {{ previousLabel | rpxTranslate }} <span class=\"show-for-sr\">{{ screenReaderPageLabel | rpxTranslate }}</span>\n        </span>\n      </li>\n      <li class=\"small-screen\">\n        {{ p.getCurrent() }} / {{ p.getLastPage() }}\n      </li>\n      <li [class.current]=\"p.getCurrent() === page.value\" [class.ellipsis]=\"page.label === '...'\"\n        *ngFor=\"let page of p.pages\">\n        <a tabindex=\"0\" (keyup.enter)=\"p.setCurrent(page.value)\" (click)=\"p.setCurrent(page.value)\"\n          *ngIf=\"p.getCurrent() !== page.value\" [attr.aria-label]=\"(page.label === '...') ? ('Change pagination range' | rpxTranslate) : ('Page ' | rpxTranslate) + (page.label | number:'')\">\n          <span class=\"show-for-sr\">{{ screenReaderPageLabel | rpxTranslate }} </span>\n          <span>{{ (page.label === '...') ? page.label : (page.label | number:'') }}</span>\n        </a>\n        <ng-container *ngIf=\"p.getCurrent() === page.value\">\n          <span class=\"show-for-sr\">{{ screenReaderCurrentLabel | rpxTranslate }} </span>\n          <span>{{ (page.label === '...') ? page.label : (page.label | number:'') }}</span>\n        </ng-container>\n      </li>\n      <li class=\"pagination-next\" [class.disabled]=\"p.isLastPage()\" *ngIf=\"directionLinks\">\n        <a tabindex=\"0\" *ngIf=\"!p.isLastPage()\" (keyup.enter)=\"p.next()\" (click)=\"p.next()\"\n          [attr.aria-label]=\"'Next page' | rpxTranslate\">\n          {{ nextLabel | rpxTranslate }} <span class=\"show-for-sr\">{{ screenReaderPageLabel | rpxTranslate }}</span>\n        </a>\n        <span *ngIf=\"p.isLastPage()\">\n          {{ nextLabel | rpxTranslate }} <span class=\"show-for-sr\">{{ screenReaderPageLabel | rpxTranslate }}</span>\n        </span>\n      </li>\n    </ul>\n  </nav>\n</pagination-template>\n", styles: [".ngx-pagination{margin-left:0;margin-bottom:1rem;padding-top:25px;text-decoration:none;text-align:left;font-size:16px}.ngx-pagination:before,.ngx-pagination:after{content:\" \";display:table}.ngx-pagination:after{clear:both}.ngx-pagination li{-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;margin-right:.0625rem;border-radius:0}.ngx-pagination li{display:inline-block}.ngx-pagination a,.ngx-pagination button{display:block;padding:.1875rem .625rem;border-radius:0;color:#005da6}.ngx-pagination a:hover,.ngx-pagination button:hover{background:#e6e6e6}.ngx-pagination .current{padding:.1875rem .625rem;background:#fff;color:#4c2c92;cursor:default;font-weight:900}.ngx-pagination .disabled{display:none}.ngx-pagination .disabled:hover{background:transparent}.ngx-pagination a,.ngx-pagination button{cursor:pointer}.ngx-pagination .pagination-previous a:before,.ngx-pagination .pagination-previous.disabled:before{margin-right:.5rem;display:inline-block;height:10px;width:10px;border-style:solid;color:#0a0a0a;background:transparent;-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg);content:\"\";border-width:3px 0 0 3px}.ngx-pagination .pagination-next a:after,.ngx-pagination .pagination-next.disabled:after{margin-left:.5rem;display:inline-block;height:10px;width:10px;border-style:solid;color:#0a0a0a;background:transparent;-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg);content:\"\";border-width:0 3px 3px 0}.ngx-pagination .show-for-sr{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.ngx-pagination .small-screen{display:none}@media screen and (max-width: 601px){.ngx-pagination.responsive .small-screen{display:inline-block}.ngx-pagination.responsive li:not(.small-screen):not(.pagination-previous):not(.pagination-next){display:none}}\n"] }]
     }], null, { visibilityLabel: [{
             type: Input
         }], id: [{
@@ -257,4 +263,4 @@ export class PaginationComponent {
             type: Input
         }] }); })();
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(PaginationComponent, { className: "PaginationComponent", filePath: "lib/shared/components/pagination/pagination.component.ts", lineNumber: 12 }); })();
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicGFnaW5hdGlvbi5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9jY2QtY2FzZS11aS10b29sa2l0L3NyYy9saWIvc2hhcmVkL2NvbXBvbmVudHMvcGFnaW5hdGlvbi9wYWdpbmF0aW9uLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2NjZC1jYXNlLXVpLXRvb2xraXQvc3JjL2xpYi9zaGFyZWQvY29tcG9uZW50cy9wYWdpbmF0aW9uL3BhZ2luYXRpb24uY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxZQUFZLEVBQUUsS0FBSyxFQUFFLE1BQU0sRUFBRSxNQUFNLGVBQWUsQ0FBQzs7Ozs7OztJQ00vRCw2QkFDaUY7O0lBRFQsQUFBN0IsZ05BQWUsZUFBWSxLQUFDLHVMQUFVLGVBQVksS0FBQztJQUU1RixZQUFtQzs7SUFBQSxnQ0FBMEI7SUFBQSxZQUEwQzs7SUFDekcsQUFEeUcsaUJBQU8sRUFDNUc7Ozs7SUFERixlQUFtQztJQUFuQywyRUFBbUM7SUFBMEIsZUFBMEM7SUFBMUMsd0VBQTBDOzs7SUFFekcsNEJBQThCO0lBQzVCLFlBQW1DOztJQUFBLGdDQUEwQjtJQUFBLFlBQTBDOztJQUN6RyxBQUR5RyxpQkFBTyxFQUN6Rzs7O0lBREwsY0FBbUM7SUFBbkMsMkVBQW1DO0lBQTBCLGVBQTBDO0lBQTFDLHdFQUEwQzs7O0lBTjNHLDZCQUEwRjtJQUt4RixBQUpBLDJFQUNpRixvRUFHbkQ7SUFHaEMsaUJBQUs7Ozs7SUFSMkIsOENBQWtDO0lBQy9DLGNBQXdCO0lBQXhCLDRDQUF3QjtJQUlsQyxjQUFxQjtJQUFyQix5Q0FBcUI7Ozs7SUFTNUIsNkJBQ3dDO0lBRGlCLEFBQXpDLDhQQUFlLDhCQUF3QixLQUFDLHFPQUFVLDhCQUF3QixLQUFDO0lBRXpGLGdDQUEwQjtJQUFBLFlB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QUMsV0FBVyxDQUFDO0lBQzFCLENBQUM7SUFFRCxJQUFXLFVBQVUsQ0FBQyxLQUFjO1FBQ2xDLElBQUksQ0FBQyxXQUFXLEdBQUcsZUFBZSxDQUFDLEtBQUssQ0FBQyxDQUFDO0lBQzVDLENBQUM7NkVBMUNVLG1CQUFtQjs2REFBbkIsbUJBQW1COztZQ1hoQyxpREFDNkQ7WUFBM0QsQUFEb0UsbUtBQWMsMkJBQXVCLEtBQUMsMEtBQ2xGLHFDQUFpQyxLQUFDO1lBQzFELDhCQUF1RTs7WUFDckUsbUVBQzZFO1lBb0NqRixBQURFLGlCQUFNLEVBQ2M7OztZQXhDNEIsQUFBViwyQkFBUyx3QkFBb0I7WUFFNUMsZUFBK0M7O1lBRWpDLGVBQXdDO1lBQXhDLGdFQUF3Qzs7O2lGRE9sRSxtQkFBbUI7Y0FML0IsU0FBUzsyQkFDRSxnQkFBZ0I7Z0JBTW5CLGVBQWU7a0JBRHJCLEtBQUs7WUFFVSxFQUFFO2tCQUFqQixLQUFLO1lBQ1UsT0FBTztrQkFBdEIsS0FBSztZQUNVLGFBQWE7a0JBQTVCLEtBQUs7WUFDVSxTQUFTO2tCQUF4QixLQUFLO1lBQ1UsMkJBQTJCO2tCQUExQyxLQUFLO1lBQ1UscUJBQXFCO2tCQUFwQyxLQUFLO1lBQ1Usd0JBQXdCO2tCQUF2QyxLQUFLO1lBQ1csVUFBVTtrQkFBMUIsTUFBTTtZQUNVLG9CQUFvQjtrQkFBcEMsTUFBTTtZQU9JLGNBQWM7a0JBRHhCLEtBQUs7WUFVSyxRQUFRO2tCQURsQixLQUFLO1lBVUssVUFBVTtrQkFEcEIsS0FBSzs7a0ZBbkNLLG1CQUFtQiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgRXZlbnRFbWl0dGVyLCBJbnB1dCwgT3V0cHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbmZ1bmN0aW9uIGNvZXJjZVRvQm9vbGVhbihpbnB1dDogc3RyaW5nIHwgYm9vbGVhbik6IGJvb2xlYW4ge1xuICByZXR1cm4gISFpbnB1dCAmJiBpbnB1dCAhPT0gJ2ZhbHNlJztcbn1cblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnY2NkLXBhZ2luYXRpb24nLFxuICB0ZW1wbGF0ZVVybDogJy4vcGFnaW5hdGlvbi5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL3BhZ2luYXRpb24uY29tcG9uZW50LnNjc3MnXVxufSlcbmV4cG9ydCBjbGFzcyBQYWdpbmF0aW9uQ29tcG9uZW50IHtcbiAgQElucHV0KClcbiAgcHVibGljIHZpc2liaWxpdHlMYWJlbDogc3RyaW5nO1xuICBASW5wdXQoKSBwdWJsaWMgaWQ6IHN0cmluZztcbiAgQElucHV0KCkgcHVibGljIG1heFNpemUgPSA3O1xuICBASW5wdXQoKSBwdWJsaWMgcHJldmlvdXNMYWJlbCA9ICdQcmV2aW91cyc7XG4gIEBJbnB1dCgpIHB1YmxpYyBuZXh0TGFiZWwgPSAnTmV4dCc7XG4gIEBJbnB1dCgpIHB1YmxpYyBzY3JlZW5SZWFkZXJQYWdpbmF0aW9uTGFiZWwgPSAnUGFnaW5hdGlvbic7XG4gIEBJbnB1dCgpIHB1YmxpYyBzY3JlZW5SZWFkZXJQYWdlTGFiZWwgPSAncGFnZSc7XG4gIEBJbnB1dCgpIHB1YmxpYyBzY3JlZW5SZWFkZXJDdXJyZW50TGFiZWwgPSBgWW91J3JlIG9uIHBhZ2VgO1xuICBAT3V0cHV0KCkgcHVibGljIHBhZ2VDaGFuZ2U6IEV2ZW50RW1pdHRlcjxudW1iZXI+ID0gbmV3IEV2ZW50RW1pdHRlcjxudW1iZXI+KCk7XG4gIEBPdXRwdXQoKSBwdWJsaWMgcGFnZUJvdW5kc0NvcnJlY3Rpb246IEV2ZW50RW1pdHRlcjxudW1iZXI+ID0gbmV3IEV2ZW50RW1pdHRlcjxudW1iZXI+KCk7XG5cbiAgcHJpdmF0ZSBwRGlyZWN0aW9uTGlua3MgPSB0cnVlO1xuICBwcml2YXRlIHBBdXRvSGlkZSA9IGZhbHNlO1xuICBwcml2YXRlIHBSZXNwb25zaXZlID0gZmFsc2U7XG5cbiAgQElucHV0KClcbiAgcHVibGljIGdldCBkaXJlY3Rpb25MaW5rcygpOiBib29sZWFuIHtcbiAgICByZXR1cm4gdGhpcy5wRGlyZWN0aW9uTGlua3M7XG4gIH1cblxuICBwdWJsaWMgc2V0IGRpcmVjdGlvbkxpbmtzKHZhbHVlOiBib29sZWFuKSB7XG4gICAgdGhpcy5wRGlyZWN0aW9uTGlua3MgPSBjb2VyY2VUb0Jvb2xlYW4odmFsdWUpO1xuICB9XG5cbiAgQElucHV0KClcbiAgcHVibGljIGdldCBhdXRvSGlkZSgpOiBib29sZWFuIHtcbiAgICByZXR1cm4gdGhpcy5wQXV0b0hpZGU7XG4gIH1cblxuICBwdWJsaWMgc2V0IGF1dG9IaWRlKHZhbHVlOiBib29sZWFuKSB7XG4gICAgdGhpcy5wQXV0b0hpZGUgPSBjb2VyY2VUb0Jvb2xlYW4odmFsdWUpO1xuICB9XG5cbiAgQElucHV0KClcbiAgcHVibGljIGdldCByZXNwb25zaXZlKCk6IGJvb2xlYW4ge1xuICAgIHJldHVybiB0aGlzLnBSZXNwb25zaXZlO1xuICB9XG5cbiAgcHVibGljIHNldCByZXNwb25zaXZlKHZhbHVlOiBib29sZWFuKSB7XG4gICAgdGhpcy5wUmVzcG9uc2l2ZSA9IGNvZXJjZVRvQm9vbGVhbih2YWx1ZSk7XG4gIH1cbn1cbiIsIjxwYWdpbmF0aW9uLXRlbXBsYXRlICNwPVwicGFnaW5hdGlvbkFwaVwiIFtpZF09XCJpZFwiIFttYXhTaXplXT1cIm1heFNpemVcIiAocGFnZUNoYW5nZSk9XCJwYWdlQ2hhbmdlLmVtaXQoJGV2ZW50KVwiXG4gIChwYWdlQm91bmRzQ29ycmVjdGlvbik9XCJwYWdlQm91bmRzQ29ycmVjdGlvbi5lbWl0KCRldmVudClcIj5cbiAgPG5hdiByb2xlPVwibmF2aWdhdGlvblwiIFthdHRyLmFyaWEtbGFiZWxdPVwiJ1BhZ2luYXRpb24nIHwgcnB4VHJhbnNsYXRlXCI+XG4gICAgPHVsIGNsYXNzPVwibmd4LXBhZ2luYXRpb25cIiBbYXR0ci5hcmlhLWxhYmVsXT1cInNjcmVlblJlYWRlclBhZ2luYXRpb25MYWJlbCB8IHJweFRyYW5zbGF0ZVwiXG4gICAgICBbY2xhc3MucmVzcG9uc2l2ZV09XCJyZXNwb25zaXZlXCIgKm5nSWY9XCIhKGF1dG9IaWRlICYmIHAucGFnZXMubGVuZ3RoIDw9IDEpXCI+XG4gICAgICA8bGkgY2xhc3M9XCJwYWdpbmF0aW9uLXByZXZpb3VzXCIgW2NsYXNzLmRpc2FibGVkXT1cInAuaXNGaXJzdFBhZ2UoKVwiICpuZ0lmPVwiZGlyZWN0aW9uTGlua3NcIj5cbiAgICAgICAgPGEgdGFiaW5kZXg9XCIwXCIgKm5nSWY9XCIxIDwgcC5nZXRDdXJyZW50KClcIiAoa2V5dXAuZW50ZXIpPVwicC5wcmV2aW91cygpXCIgKGNsaWNrKT1cInAucHJldmlvdXMoKVwiXG4gICAgICAgICAgW2F0dHIuYXJpYS1sYWJlbF09XCJwcmV2aW91c0xhYmVsICsgJyAnICsgc2NyZWVuUmVhZGVyUGFnZUxhYmVsIHwgcnB4VHJhbnNsYXRlXCI+XG4gICAgICAgICAge3sgcHJldmlvdXNMYWJlbCB8IHJweFRyYW5zbGF0ZSB9fSA8c3BhbiBjbGFzcz1cInNob3ctZm9yLXNyXCI+e3sgc2NyZWVuUmVhZGVyUGFnZUxhYmVsIHwgcnB4VHJhbnNsYXRlIH19PC9zcGFuPlxuICAgICAgICA8L2E+XG4gICAgICAgIDxzcGFuICpuZ0lmPVwicC5pc0ZpcnN0UGFnZSgpXCI+XG4gICAgICAgICAge3sgcHJldmlvdXNMYWJlbCB8IHJweFRyYW5zbGF0ZSB9fSA8c3BhbiBjbGFzcz1cInNob3ctZm9yLXNyXCI+e3sgc2NyZWVuUmVhZGVyUGFnZUxhYmVsIHwgcnB4VHJhbnNsYXRlIH19PC9zcGFuPlxuICAgICAgICA8L3NwYW4+XG4gICAgICA8L2xpPlxuICAgICAgPGxpIGNsYXNzPVwic21hbGwtc2NyZWVuXCI+XG4gICAgICAgIHt7IHAuZ2V0Q3VycmVudCgpIH19IC8ge3sgcC5nZXRMYXN0UGFnZSgpIH19XG4gICAgICA8L2xpPlxuICAgICAgPGxpIFtjbGFzcy5jdXJyZW50XT1cInAuZ2V0Q3VycmVudCgpID09PSBwYWdlLnZhbHVlXCIgW2NsYXNzLmVsbGlwc2lzXT1cInBhZ2UubGFiZWwgPT09ICcuLi4nXCJcbiAgICAgICAgKm5nRm9yPVwibGV0IHBhZ2Ugb2YgcC5wYWdlc1wiPlxuICAgICAgICA8YSB0YWJpbmRleD1cIjBcIiAoa2V5dXAuZW50ZXIpPVwicC5zZXRDdXJyZW50KHBhZ2UudmFsdWUpXCIgKGNsaWNrKT1cInAuc2V0Q3VycmVudChwYWdlLnZhbHVlKVwiXG4gICAgICAgICAgKm5nSWY9XCJwLmdldEN1cnJlbnQoKSAhPT0gcGFnZS52YWx1ZVwiPlxuICAgICAgICAgIDxzcGFuIGNsYXNzPVwic2hvdy1mb3Itc3JcIj57eyBzY3JlZW5SZWFkZXJQYWdlTGFiZWwgfCBycHhUcmFuc2xhdGUgfX0gPC9zcGFuPlxuICAgICAgICAgIDxzcGFuPnt7IChwYWdlLmxhYmVsID09PSAnLi4uJykgPyBwYWdlLmxhYmVsIDogKHBhZ2UubGFiZWwgfCBudW1iZXI6JycpIH19PC9zcGFuPlxuICAgICAgICA8L2E+XG4gICAgICAgIDxuZy1jb250YWluZXIgKm5nSWY9XCJwLmdldEN1cnJlbnQoKSA9PT0gcGFnZS52YWx1ZVwiPlxuICAgICAgICAgIDxzcGFuIGNsYXNzPVwic2hvdy1mb3Itc3JcIj57eyBzY3JlZW5SZWFkZXJDdXJyZW50TGFiZWwgfCBycHhUcmFuc2xhdGUgfX0gPC9zcGFuPlxuICAgICAgICAgIDxzcGFuPnt7IChwYWdlLmxhYmVsID09PSAnLi4uJykgPyBwYWdlLmxhYmVsIDogKHBhZ2UubGFiZWwgfCBudW1iZXI6JycpIH19PC9zcGFuPlxuICAgICAgICA8L25nLWNvbnRhaW5lcj5cbiAgICAgIDwvbGk+XG4gICAgICA8bGkgY2xhc3M9XCJwYWdpbmF0aW9uLW5leHRcIiBbY2xhc3MuZGlzYWJsZWRdPVwicC5pc0xhc3RQYWdlKClcIiAqbmdJZj1cImRpcmVjdGlvbkxpbmtzXCI+XG4gICAgICAgIDxhIHRhYmluZGV4PVwiMFwiICpuZ0lmPVwiIXAuaXNMYXN0UGFnZSgpXCIgKGtleXVwLmVudGVyKT1cInAubmV4dCgpXCIgKGNsaWNrKT1cInAubmV4dCgpXCJcbiAgICAgICAgICBbYXR0ci5hcmlhLWxhYmVsXT1cIm5leHRMYWJlbCArICcgJyArIHNjcmVlblJlYWRlclBhZ2VMYWJlbCB8IHJweFRyYW5zbGF0ZVwiPlxuICAgICAgICAgIHt7IG5leHRMYWJlbCB8IHJweFRyYW5zbGF0ZSB9fSA8c3BhbiBjbGFzcz1cInNob3ctZm9yLXNyXCI+e3sgc2NyZWVuUmVhZGVyUGFnZUxhYmVsIHwgcnB4VHJhbnNsYXRlIH19PC9zcGFuPlxuICAgICAgICA8L2E+XG4gICAgICAgIDxzcGFuICpuZ0lmPVwicC5pc0xhc3RQYWdlKClcIj5cbiAgICAgICAgICB7eyBuZXh0TGFiZWwgfCBycHhUcmFuc2xhdGUgfX0gPHNwYW4gY2xhc3M9XCJzaG93LWZvci1zclwiPnt7IHNjcmVlblJlYWRlclBhZ2VMYWJlbCB8IHJweFRyYW5zbGF0ZSB9fTwvc3Bhbj5cbiAgICAgICAgPC9zcGFuPlxuICAgICAgPC9saT5cbiAgICA8L3VsPlxuICA8L25hdj5cbjwvcGFnaW5hdGlvbi10ZW1wbGF0ZT5cbiJdfQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicGFnaW5hdGlvbi5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9jY2QtY2FzZS11aS10b29sa2l0L3NyYy9saWIvc2hhcmVkL2NvbXBvbmVudHMvcGFnaW5hdGlvbi9wYWdpbmF0aW9uLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2NjZC1jYXNlLXVpLXRvb2xraXQvc3JjL2xpYi9zaGFyZWQvY29tcG9uZW50cy9wYWdpbmF0aW9uL3BhZ2luYXRpb24uY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxZQUFZLEVBQUUsS0FBSyxFQUFFLE1BQU0sRUFBRSxNQUFNLGVBQWUsQ0FBQzs7Ozs7OztJQ00vRCw2QkFDcUQ7O0lBRG1CLEFBQTdCLGdOQUFlLGVBQVksS0FBQyx1TEFBVSxlQUFZLEtBQUM7SUFFNUYsWUFBbUM7O0lBQUEsZ0NBQTBCO0lBQUEsWUFBMEM7O0lBQ3pHLEFBRHlHLGlCQUFPLEVBQzVHOzs7O0lBREYsZUFBbUM7SUFBbkMsMkVBQW1DO0lBQTBCLGVBQTBDO0lBQTFDLHdFQUEwQzs7O0lBRXpHLDRCQUFpRjs7SUFDL0UsWUFBbUM7O0lBQUEsZ0NBQTBCO0lBQUEsWUFBMEM7O0lBQ3pHLEFBRHlHLGlCQUFPLEVBQ3pHOzs7O0lBREwsZUFBbUM7SUFBbkMsMkVBQW1DO0lBQTBCLGVBQTBDO0lBQTFDLHdFQUEwQzs7O0lBTjNHLDZCQUEwRjtJQUt4RixBQUpBLDJFQUNxRCxvRUFHNEI7SUFHbkYsaUJBQUs7Ozs7SUFSMkIsOENBQWtDO0lBQy9DLGNBQXdCO0lBQXhCLDRDQUF3QjtJQUlsQyxjQUFxQjtJQUFyQix5Q0FBcUI7Ozs7SUFTNUIsNkJBQ3NMOzs7O0lBRDdILEFBQXpDLDhQQUFlLDhCQUF3QixLQUFDLHFPQUFVLDhCQUF3QixLQUFDO0lBRXpGLGdDQUEwQjtJ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TyxJQUFJLENBQUMsV0FBVyxDQUFDO0lBQzFCLENBQUM7SUFFRCxJQUFXLFVBQVUsQ0FBQyxLQUFjO1FBQ2xDLElBQUksQ0FBQyxXQUFXLEdBQUcsZUFBZSxDQUFDLEtBQUssQ0FBQyxDQUFDO0lBQzVDLENBQUM7NkVBMUNVLG1CQUFtQjs2REFBbkIsbUJBQW1COztZQ1hoQyxpREFDNkQ7WUFBM0QsQUFEb0UsbUtBQWMsMkJBQXVCLEtBQUMsMEtBQ2xGLHFDQUFpQyxLQUFDO1lBQzFELDhCQUF1RTs7WUFDckUsbUVBQzZFO1lBb0NqRixBQURFLGlCQUFNLEVBQ2M7OztZQXhDNEIsQUFBViwyQkFBUyx3QkFBb0I7WUFFNUMsZUFBK0M7O1lBRWpDLGVBQXdDO1lBQXhDLGdFQUF3Qzs7O2lGRE9sRSxtQkFBbUI7Y0FML0IsU0FBUzsyQkFDRSxnQkFBZ0I7Z0JBTW5CLGVBQWU7a0JBRHJCLEtBQUs7WUFFVSxFQUFFO2tCQUFqQixLQUFLO1lBQ1UsT0FBTztrQkFBdEIsS0FBSztZQUNVLGFBQWE7a0JBQTVCLEtBQUs7WUFDVSxTQUFTO2tCQUF4QixLQUFLO1lBQ1UsMkJBQTJCO2tCQUExQyxLQUFLO1lBQ1UscUJBQXFCO2tCQUFwQyxLQUFLO1lBQ1Usd0JBQXdCO2tCQUF2QyxLQUFLO1lBQ1csVUFBVTtrQkFBMUIsTUFBTTtZQUNVLG9CQUFvQjtrQkFBcEMsTUFBTTtZQU9JLGNBQWM7a0JBRHhCLEtBQUs7WUFVSyxRQUFRO2tCQURsQixLQUFLO1lBVUssVUFBVTtrQkFEcEIsS0FBSzs7a0ZBbkNLLG1CQUFtQiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgRXZlbnRFbWl0dGVyLCBJbnB1dCwgT3V0cHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbmZ1bmN0aW9uIGNvZXJjZVRvQm9vbGVhbihpbnB1dDogc3RyaW5nIHwgYm9vbGVhbik6IGJvb2xlYW4ge1xuICByZXR1cm4gISFpbnB1dCAmJiBpbnB1dCAhPT0gJ2ZhbHNlJztcbn1cblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnY2NkLXBhZ2luYXRpb24nLFxuICB0ZW1wbGF0ZVVybDogJy4vcGFnaW5hdGlvbi5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL3BhZ2luYXRpb24uY29tcG9uZW50LnNjc3MnXVxufSlcbmV4cG9ydCBjbGFzcyBQYWdpbmF0aW9uQ29tcG9uZW50IHtcbiAgQElucHV0KClcbiAgcHVibGljIHZpc2liaWxpdHlMYWJlbDogc3RyaW5nO1xuICBASW5wdXQoKSBwdWJsaWMgaWQ6IHN0cmluZztcbiAgQElucHV0KCkgcHVibGljIG1heFNpemUgPSA3O1xuICBASW5wdXQoKSBwdWJsaWMgcHJldmlvdXNMYWJlbCA9ICdQcmV2aW91cyc7XG4gIEBJbnB1dCgpIHB1YmxpYyBuZXh0TGFiZWwgPSAnTmV4dCc7XG4gIEBJbnB1dCgpIHB1YmxpYyBzY3JlZW5SZWFkZXJQYWdpbmF0aW9uTGFiZWwgPSAnUGFnaW5hdGlvbic7XG4gIEBJbnB1dCgpIHB1YmxpYyBzY3JlZW5SZWFkZXJQYWdlTGFiZWwgPSAncGFnZSc7XG4gIEBJbnB1dCgpIHB1YmxpYyBzY3JlZW5SZWFkZXJDdXJyZW50TGFiZWwgPSBgWW91J3JlIG9uIHBhZ2VgO1xuICBAT3V0cHV0KCkgcHVibGljIHBhZ2VDaGFuZ2U6IEV2ZW50RW1pdHRlcjxudW1iZXI+ID0gbmV3IEV2ZW50RW1pdHRlcjxudW1iZXI+KCk7XG4gIEBPdXRwdXQoKSBwdWJsaWMgcGFnZUJvdW5kc0NvcnJlY3Rpb246IEV2ZW50RW1pdHRlcjxudW1iZXI+ID0gbmV3IEV2ZW50RW1pdHRlcjxudW1iZXI+KCk7XG5cbiAgcHJpdmF0ZSBwRGlyZWN0aW9uTGlua3MgPSB0cnVlO1xuICBwcml2YXRlIHBBdXRvSGlkZSA9IGZhbHNlO1xuICBwcml2YXRlIHBSZXNwb25zaXZlID0gZmFsc2U7XG5cbiAgQElucHV0KClcbiAgcHVibGljIGdldCBkaXJlY3Rpb25MaW5rcygpOiBib29sZWFuIHtcbiAgICByZXR1cm4gdGhpcy5wRGlyZWN0aW9uTGlua3M7XG4gIH1cblxuICBwdWJsaWMgc2V0IGRpcmVjdGlvbkxpbmtzKHZhbHVlOiBib29sZWFuKSB7XG4gICAgdGhpcy5wRGlyZWN0aW9uTGlua3MgPSBjb2VyY2VUb0Jvb2xlYW4odmFsdWUpO1xuICB9XG5cbiAgQElucHV0KClcbiAgcHVibGljIGdldCBhdXRvSGlkZSgpOiBib29sZWFuIHtcbiAgICByZXR1cm4gdGhpcy5wQXV0b0hpZGU7XG4gIH1cblxuICBwdWJsaWMgc2V0IGF1dG9IaWRlKHZhbHVlOiBib29sZWFuKSB7XG4gICAgdGhpcy5wQXV0b0hpZGUgPSBjb2VyY2VUb0Jvb2xlYW4odmFsdWUpO1xuICB9XG5cbiAgQElucHV0KClcbiAgcHVibGljIGdldCByZXNwb25zaXZlKCk6IGJvb2xlYW4ge1xuICAgIHJldHVybiB0aGlzLnBSZXNwb25zaXZlO1xuICB9XG5cbiAgcHVibGljIHNldCByZXNwb25zaXZlKHZhbHVlOiBib29sZWFuKSB7XG4gICAgdGhpcy5wUmVzcG9uc2l2ZSA9IGNvZXJjZVRvQm9vbGVhbih2YWx1ZSk7XG4gIH1cbn1cbiIsIjxwYWdpbmF0aW9uLXRlbXBsYXRlICNwPVwicGFnaW5hdGlvbkFwaVwiIFtpZF09XCJpZFwiIFttYXhTaXplXT1cIm1heFNpemVcIiAocGFnZUNoYW5nZSk9XCJwYWdlQ2hhbmdlLmVtaXQoJGV2ZW50KVwiXG4gIChwYWdlQm91bmRzQ29ycmVjdGlvbik9XCJwYWdlQm91bmRzQ29ycmVjdGlvbi5lbWl0KCRldmVudClcIj5cbiAgPG5hdiByb2xlPVwibmF2aWdhdGlvblwiIFthdHRyLmFyaWEtbGFiZWxdPVwiJ1BhZ2luYXRpb24nIHwgcnB4VHJhbnNsYXRlXCI+XG4gICAgPHVsIGNsYXNzPVwibmd4LXBhZ2luYXRpb25cIiBbYXR0ci5hcmlhLWxhYmVsXT1cInNjcmVlblJlYWRlclBhZ2luYXRpb25MYWJlbCB8IHJweFRyYW5zbGF0ZVwiXG4gICAgICBbY2xhc3MucmVzcG9uc2l2ZV09XCJyZXNwb25zaXZlXCIgKm5nSWY9XCIhKGF1dG9IaWRlICYmIHAucGFnZXMubGVuZ3RoIDw9IDEpXCI+XG4gICAgICA8bGkgY2xhc3M9XCJwYWdpbmF0aW9uLXByZXZpb3VzXCIgW2NsYXNzLmRpc2FibGVkXT1cInAuaXNGaXJzdFBhZ2UoKVwiICpuZ0lmPVwiZGlyZWN0aW9uTGlua3NcIj5cbiAgICAgICAgPGEgdGFiaW5kZXg9XCIwXCIgKm5nSWY9XCIxIDwgcC5nZXRDdXJyZW50KClcIiAoa2V5dXAuZW50ZXIpPVwicC5wcmV2aW91cygpXCIgKGNsaWNrKT1cInAucHJldmlvdXMoKVwiXG4gICAgICAgICAgW2F0dHIuYXJpYS1sYWJlbF09XCInUHJldmlvdXMgcGFnZScgfCBycHhUcmFuc2xhdGVcIj5cbiAgICAgICAgICB7eyBwcmV2aW91c0xhYmVsIHwgcnB4VHJhbnNsYXRlIH19IDxzcGFuIGNsYXNzPVwic2hvdy1mb3Itc3JcIj57eyBzY3JlZW5SZWFkZXJQYWdlTGFiZWwgfCBycHhUcmFuc2xhdGUgfX08L3NwYW4+XG4gICAgICAgIDwvYT5cbiAgICAgICAgPHNwYW4gKm5nSWY9XCJwLmlzRmlyc3RQYWdlKClcIiBbYXR0ci5hcmlhLWxhYmVsXT1cIidQcmV2aW91cyBwYWdlJyB8IHJweFRyYW5zbGF0ZVwiPlxuICAgICAgICAgIHt7IHByZXZpb3VzTGFiZWwgfCBycHhUcmFuc2xhdGUgfX0gPHNwYW4gY2xhc3M9XCJzaG93LWZvci1zclwiPnt7IHNjcmVlblJlYWRlclBhZ2VMYWJlbCB8IHJweFRyYW5zbGF0ZSB9fTwvc3Bhbj5cbiAgICAgICAgPC9zcGFuPlxuICAgICAgPC9saT5cbiAgICAgIDxsaSBjbGFzcz1cInNtYWxsLXNjcmVlblwiPlxuICAgICAgICB7eyBwLmdldEN1cnJlbnQoKSB9fSAvIHt7IHAuZ2V0TGFzdFBhZ2UoKSB9fVxuICAgICAgPC9saT5cbiAgICAgIDxsaSBbY2xhc3MuY3VycmVudF09XCJwLmdldEN1cnJlbnQoKSA9PT0gcGFnZS52YWx1ZVwiIFtjbGFzcy5lbGxpcHNpc109XCJwYWdlLmxhYmVsID09PSAnLi4uJ1wiXG4gICAgICAgICpuZ0Zvcj1cImxldCBwYWdlIG9mIHAucGFnZXNcIj5cbiAgICAgICAgPGEgdGFiaW5kZXg9XCIwXCIgKGtleXVwLmVudGVyKT1cInAuc2V0Q3VycmVudChwYWdlLnZhbHVlKVwiIChjbGljayk9XCJwLnNldEN1cnJlbnQocGFnZS52YWx1ZSlcIlxuICAgICAgICAgICpuZ0lmPVwicC5nZXRDdXJyZW50KCkgIT09IHBhZ2UudmFsdWVcIiBbYXR0ci5hcmlhLWxhYmVsXT1cIihwYWdlLmxhYmVsID09PSAnLi4uJykgPyAoJ0NoYW5nZSBwYWdpbmF0aW9uIHJhbmdlJyB8IHJweFRyYW5zbGF0ZSkgOiAoJ1BhZ2UgJyB8IHJweFRyYW5zbGF0ZSkgKyAocGFnZS5sYWJlbCB8IG51bWJlcjonJylcIj5cbiAgICAgICAgICA8c3BhbiBjbGFzcz1cInNob3ctZm9yLXNyXCI+e3sgc2NyZWVuUmVhZGVyUGFnZUxhYmVsIHwgcnB4VHJhbnNsYXRlIH19IDwvc3Bhbj5cbiAgICAgICAgICA8c3Bhbj57eyAocGFnZS5sYWJlbCA9PT0gJy4uLicpID8gcGFnZS5sYWJlbCA6IChwYWdlLmxhYmVsIHwgbnVtYmVyOicnKSB9fTwvc3Bhbj5cbiAgICAgICAgPC9hPlxuICAgICAgICA8bmctY29udGFpbmVyICpuZ0lmPVwicC5nZXRDdXJyZW50KCkgPT09IHBhZ2UudmFsdWVcIj5cbiAgICAgICAgICA8c3BhbiBjbGFzcz1cInNob3ctZm9yLXNyXCI+e3sgc2NyZWVuUmVhZGVyQ3VycmVudExhYmVsIHwgcnB4VHJhbnNsYXRlIH19IDwvc3Bhbj5cbiAgICAgICAgICA8c3Bhbj57eyAocGFnZS5sYWJlbCA9PT0gJy4uLicpID8gcGFnZS5sYWJlbCA6IChwYWdlLmxhYmVsIHwgbnVtYmVyOicnKSB9fTwvc3Bhbj5cbiAgICAgICAgPC9uZy1jb250YWluZXI+XG4gICAgICA8L2xpPlxuICAgICAgPGxpIGNsYXNzPVwicGFnaW5hdGlvbi1uZXh0XCIgW2NsYXNzLmRpc2FibGVkXT1cInAuaXNMYXN0UGFnZSgpXCIgKm5nSWY9XCJkaXJlY3Rpb25MaW5rc1wiPlxuICAgICAgICA8YSB0YWJpbmRleD1cIjBcIiAqbmdJZj1cIiFwLmlzTGFzdFBhZ2UoKVwiIChrZXl1cC5lbnRlcik9XCJwLm5leHQoKVwiIChjbGljayk9XCJwLm5leHQoKVwiXG4gICAgICAgICAgW2F0dHIuYXJpYS1sYWJlbF09XCInTmV4dCBwYWdlJyB8IHJweFRyYW5zbGF0ZVwiPlxuICAgICAgICAgIHt7IG5leHRMYWJlbCB8IHJweFRyYW5zbGF0ZSB9fSA8c3BhbiBjbGFzcz1cInNob3ctZm9yLXNyXCI+e3sgc2NyZWVuUmVhZGVyUGFnZUxhYmVsIHwgcnB4VHJhbnNsYXRlIH19PC9zcGFuPlxuICAgICAgICA8L2E+XG4gICAgICAgIDxzcGFuICpuZ0lmPVwicC5pc0xhc3RQYWdlKClcIj5cbiAgICAgICAgICB7eyBuZXh0TGFiZWwgfCBycHhUcmFuc2xhdGUgfX0gPHNwYW4gY2xhc3M9XCJzaG93LWZvci1zclwiPnt7IHNjcmVlblJlYWRlclBhZ2VMYWJlbCB8IHJweFRyYW5zbGF0ZSB9fTwvc3Bhbj5cbiAgICAgICAgPC9zcGFuPlxuICAgICAgPC9saT5cbiAgICA8L3VsPlxuICA8L25hdj5cbjwvcGFnaW5hdGlvbi10ZW1wbGF0ZT5cbiJdfQ==

package/fesm2022/hmcts-ccd-case-ui-toolkit.mjs

@@ -10344,7 +10344,7 @@ function CaseEditPageComponent_ng_template_4_Template(rf, ctx) { if (rf & 1) {
 function CaseEditPageComponent_div_6_div_4_Template(rf, ctx) { if (rf & 1) {
     const _r3 = i0.ɵɵgetCurrentView();
     i0.ɵɵelementStart(0, "div", 19)(1, "ul", 20)(2, "li")(3, "a", 21);
-    i0.ɵɵlistener("click", function CaseEditPageComponent_div_6_div_4_Template_a_click_3_listener() { const validationError_r4 = i0.ɵɵrestoreView(_r3).$implicit; const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.navigateToErrorElement(validationError_r4.id)); });
+    i0.ɵɵlistener("click", function CaseEditPageComponent_div_6_div_4_Template_a_click_3_listener() { const validationError_r4 = i0.ɵɵrestoreView(_r3).$implicit; const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.navigateToErrorElement(validationError_r4.id)); })("keyup.enter", function CaseEditPageComponent_div_6_div_4_Template_a_keyup_enter_3_listener() { const validationError_r4 = i0.ɵɵrestoreView(_r3).$implicit; const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.navigateToErrorElement(validationError_r4.id)); });
     i0.ɵɵtext(4);
     i0.ɵɵpipe(5, "rpxTranslate");
     i0.ɵɵpipe(6, "rpxTranslate");
@@ -11021,7 +11021,7 @@ class CaseEditPageComponent {
         });
     }
     static ɵfac = function CaseEditPageComponent_Factory(t) { return new (t || CaseEditPageComponent)(i0.ɵɵdirectiveInject(CaseEditComponent), i0.ɵɵdirectiveInject(i1$1.ActivatedRoute), i0.ɵɵdirectiveInject(FormValueService), i0.ɵɵdirectiveInject(FormErrorService), i0.ɵɵdirectiveInject(i0.ChangeDetectorRef), i0.ɵɵdirectiveInject(PageValidationService), i0.ɵɵdirectiveInject(i1$3.MatLegacyDialog), i0.ɵɵdirectiveInject(CaseFieldService), i0.ɵɵdirectiveInject(CaseEditDataService), i0.ɵɵdirectiveInject(LoadingService), i0.ɵɵdirectiveInject(ValidPageListCaseFieldsService), i0.ɵɵdirectiveInject(AddressesService)); };
-    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: CaseEditPageComponent, selectors: [["ccd-case-edit-page"]], decls: 12, vars: 11, consts: [["titleBlock", ""], ["idBlock", ""], [4, "ngIf"], [4, "ngIf", "ngIfThen", "ngIfElse"], ["class", "govuk-error-summary", "aria-labelledby", "error-summary-title", "role", "alert", "tabindex", "-1", "data-module", "govuk-error-summary", 4, "ngIf"], [3, "error"], [3, "callbackErrorsContext", "triggerTextContinue", "triggerTextIgnore", "callbackErrorsSubject"], [1, "width-50"], ["class", "form", 3, "formGroup", "submit", 4, "ngIf"], [3, "eventCompletionParams", "eventCanBeCompleted", 4, "ngIf"], ["class", "govuk-heading-l", 4, "ngIf"], [1, "govuk-heading-l"], [1, "govuk-caption-l"], [3, "content"], ["class", "heading-h2", 4, "ngIf"], [1, "heading-h2"], ["aria-labelledby", "error-summary-title", "role", "alert", "tabindex", "-1", "data-module", "govuk-error-summary", 1, "govuk-error-summary"], ["id", "error-summary-title", 1, "govuk-error-summary__title"], ["class", "govuk-error-summary__body", 4, "ngFor", "ngForOf"], [1, "govuk-error-summary__body"], [1, "govuk-list", "govuk-error-summary__list"], [1, "validation-error", 3, "click"], [1, "form", 3, "submit", "formGroup"], ["id", "fieldset-case-data"], [2, "display", "none"], ["id", "caseEditForm", 3, "fields", "formGroup", "caseFields", "pageChangeSubject", "valuesChanged", 4, "ngIf"], ["class", "grid-row", 4, "ngIf"], [1, "form-group", "form-group-related"], ["type", "button", 1, "button", "button-secondary", 3, "click", "disabled"], ["type", "submit", 1, "button", 3, "disabled"], [1, "cancel"], ["href", "javascript:void(0)", 3, "click"], ["id", "caseEditForm", 3, "valuesChanged", "fields", "formGroup", "caseFields", "pageChangeSubject"], [1, "grid-row"], [1, "column-two-thirds", "rightBorderSeparator"], ["id", "caseEditForm1", 3, "fields", "formGroup", "caseFields"], [1, "column-one-third"], ["id", "caseEditForm2", 3, "fields", "formGroup", "caseFields"], [3, "eventCanBeCompleted", "eventCompletionParams"]], template: function CaseEditPageComponent_Template(rf, ctx) { if (rf & 1) {
+    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: CaseEditPageComponent, selectors: [["ccd-case-edit-page"]], decls: 12, vars: 11, consts: [["titleBlock", ""], ["idBlock", ""], [4, "ngIf"], [4, "ngIf", "ngIfThen", "ngIfElse"], ["class", "govuk-error-summary", "aria-labelledby", "error-summary-title", "role", "alert", "tabindex", "-1", "data-module", "govuk-error-summary", 4, "ngIf"], [3, "error"], [3, "callbackErrorsContext", "triggerTextContinue", "triggerTextIgnore", "callbackErrorsSubject"], [1, "width-50"], ["class", "form", 3, "formGroup", "submit", 4, "ngIf"], [3, "eventCompletionParams", "eventCanBeCompleted", 4, "ngIf"], ["class", "govuk-heading-l", 4, "ngIf"], [1, "govuk-heading-l"], [1, "govuk-caption-l"], [3, "content"], ["class", "heading-h2", 4, "ngIf"], [1, "heading-h2"], ["aria-labelledby", "error-summary-title", "role", "alert", "tabindex", "-1", "data-module", "govuk-error-summary", 1, "govuk-error-summary"], ["id", "error-summary-title", 1, "govuk-error-summary__title"], ["class", "govuk-error-summary__body", 4, "ngFor", "ngForOf"], [1, "govuk-error-summary__body"], [1, "govuk-list", "govuk-error-summary__list"], ["tabindex", "0", 1, "validation-error", 3, "click", "keyup.enter"], [1, "form", 3, "submit", "formGroup"], ["id", "fieldset-case-data"], [2, "display", "none"], ["id", "caseEditForm", 3, "fields", "formGroup", "caseFields", "pageChangeSubject", "valuesChanged", 4, "ngIf"], ["class", "grid-row", 4, "ngIf"], [1, "form-group", "form-group-related"], ["type", "button", 1, "button", "button-secondary", 3, "click", "disabled"], ["type", "submit", 1, "button", 3, "disabled"], [1, "cancel"], ["href", "javascript:void(0)", 3, "click"], ["id", "caseEditForm", 3, "valuesChanged", "fields", "formGroup", "caseFields", "pageChangeSubject"], [1, "grid-row"], [1, "column-two-thirds", "rightBorderSeparator"], ["id", "caseEditForm1", 3, "fields", "formGroup", "caseFields"], [1, "column-one-third"], ["id", "caseEditForm2", 3, "fields", "formGroup", "caseFields"], [3, "eventCanBeCompleted", "eventCompletionParams"]], template: function CaseEditPageComponent_Template(rf, ctx) { if (rf & 1) {
             const _r1 = i0.ɵɵgetCurrentView();
             i0.ɵɵtemplate(0, CaseEditPageComponent_ng_container_0_Template, 3, 2, "ng-container", 2)(1, CaseEditPageComponent_div_1_Template, 1, 0, "div", 3)(2, CaseEditPageComponent_ng_template_2_Template, 2, 5, "ng-template", null, 0, i0.ɵɵtemplateRefExtractor)(4, CaseEditPageComponent_ng_template_4_Template, 1, 1, "ng-template", null, 1, i0.ɵɵtemplateRefExtractor)(6, CaseEditPageComponent_div_6_Template, 5, 4, "div", 4);
             i0.ɵɵelement(7, "ccd-case-edit-generic-errors", 5);
@@ -11052,7 +11052,7 @@ class CaseEditPageComponent {
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(CaseEditPageComponent, [{
         type: Component,
-        args: [{ selector: 'ccd-case-edit-page', template: "<ng-container *ngIf=\"currentPage\">\n  <h1 *ngIf=\"!currentPage.label\" class=\"govuk-heading-l\">{{eventTrigger.name | rpxTranslate}}</h1>\n  <ng-container *ngIf=\"currentPage.label\">\n    <span class=\"govuk-caption-l\">{{ eventTrigger.name | rpxTranslate}}</span>\n    <h1 class=\"govuk-heading-l\">{{currentPage.label | rpxTranslate}}</h1>\n  </ng-container>\n</ng-container>\n\n<!--Case ID or Title -->\n<div *ngIf=\"getCaseTitle(); then titleBlock; else idBlock\"></div>\n<ng-template #titleBlock>\n  <ccd-markdown [content]=\"getCaseTitle() | ccdCaseTitle: caseFields : editForm.controls['data']\"></ccd-markdown>\n</ng-template>\n<ng-template #idBlock>\n  <h2 *ngIf=\"getCaseId()\" class=\"heading-h2\">#{{ getCaseId() | ccdCaseReference }}</h2>\n</ng-template>\n\n<!-- Error message summary -->\n<div *ngIf=\"validationErrors.length > 0\" class=\"govuk-error-summary\" aria-labelledby=\"error-summary-title\" role=\"alert\" tabindex=\"-1\" data-module=\"govuk-error-summary\">\n  <h2 class=\"govuk-error-summary__title\" id=\"error-summary-title\">\n    {{'There is a problem' | rpxTranslate}}\n  </h2>\n  <div *ngFor=\"let validationError of validationErrors\" class=\"govuk-error-summary__body\">\n    <ul class=\"govuk-list govuk-error-summary__list\">\n      <li>\n        <a (click)=\"navigateToErrorElement(validationError.id)\" class=\"validation-error\">\n          {{ validationError.message | rpxTranslate: getRpxTranslatePipeArgs(validationError.label | rpxTranslate): null }}\n        </a>\n      </li>\n    </ul>\n  </div>\n</div>\n\n<ccd-case-edit-generic-errors [error]=\"caseEdit.error\"></ccd-case-edit-generic-errors>\n\n<ccd-callback-errors\n  [triggerTextContinue]=\"triggerTextStart\"\n  [triggerTextIgnore]=\"triggerTextIgnoreWarnings\"\n  [callbackErrorsSubject]=\"caseEdit.callbackErrorsSubject\"\n  (callbackErrorsContext)=\"callbackErrorsNotify($event)\">\n</ccd-callback-errors>\n<div class=\"width-50\">\n  <form *ngIf=\"currentPage\" class=\"form\" [formGroup]=\"editForm\" (submit)=\"submit()\">\n    <fieldset id=\"fieldset-case-data\">\n      <legend style=\"display: none;\"></legend>\n      <!-- single column -->\n      <ccd-case-edit-form id='caseEditForm' *ngIf=\"!currentPage.isMultiColumn()\" [fields]=\"currentPage.getCol1Fields()\"\n                          [formGroup]=\"editForm.controls['data']\" [caseFields]=\"caseFields\"\n                          [pageChangeSubject]=\"pageChangeSubject\"\n                          (valuesChanged)=\"applyValuesChanged($event)\"></ccd-case-edit-form>\n      <!-- two columns -->\n      <div *ngIf=\"currentPage.isMultiColumn()\" class=\"grid-row\">\n        <div class=\"column-two-thirds rightBorderSeparator\">\n          <ccd-case-edit-form id='caseEditForm1' [fields]=\"currentPage.getCol1Fields()\"\n                              [formGroup]=\"editForm.controls['data']\" [caseFields]=\"caseFields\"></ccd-case-edit-form>\n        </div>\n        <div class=\"column-one-third\">\n          <ccd-case-edit-form id='caseEditForm2' [fields]=\"currentPage.getCol2Fields()\"\n                              [formGroup]=\"editForm.controls['data']\" [caseFields]=\"caseFields\"></ccd-case-edit-form>\n        </div>\n      </div>\n    </fieldset>\n\n    <div class=\"form-group form-group-related\">\n      <button class=\"button button-secondary\" type=\"button\" [disabled]=\"!(hasPreviousPage$ | async)\" (click)=\"toPreviousPage()\">\n        {{'Previous' | rpxTranslate}}\n      </button>\n      <button class=\"button\" type=\"submit\" [disabled]=\"submitting()\">{{triggerText | rpxTranslate}}</button>\n    </div>\n\n    <p class=\"cancel\"><a (click)=\"cancel()\" href=\"javascript:void(0)\">{{getCancelText() | rpxTranslate}}</a></p>\n  </form>\n</div>\n\n<ccd-case-event-completion *ngIf=\"caseEdit.isEventCompletionChecksRequired\"\n  [eventCompletionParams]=\"caseEdit.eventCompletionParams\"\n  (eventCanBeCompleted)=\"onEventCanBeCompleted($event)\">\n</ccd-case-event-completion>\n", styles: [".rightBorderSeparator{border-right-width:4px;border-right-color:#ffcc02;border-right-style:solid}.validation-error{cursor:pointer;text-decoration:underline;color:#d4351c}\n"] }]
+        args: [{ selector: 'ccd-case-edit-page', template: "<ng-container *ngIf=\"currentPage\">\n  <h1 *ngIf=\"!currentPage.label\" class=\"govuk-heading-l\">{{eventTrigger.name | rpxTranslate}}</h1>\n  <ng-container *ngIf=\"currentPage.label\">\n    <span class=\"govuk-caption-l\">{{ eventTrigger.name | rpxTranslate}}</span>\n    <h1 class=\"govuk-heading-l\">{{currentPage.label | rpxTranslate}}</h1>\n  </ng-container>\n</ng-container>\n\n<!--Case ID or Title -->\n<div *ngIf=\"getCaseTitle(); then titleBlock; else idBlock\"></div>\n<ng-template #titleBlock>\n  <ccd-markdown [content]=\"getCaseTitle() | ccdCaseTitle: caseFields : editForm.controls['data']\"></ccd-markdown>\n</ng-template>\n<ng-template #idBlock>\n  <h2 *ngIf=\"getCaseId()\" class=\"heading-h2\">#{{ getCaseId() | ccdCaseReference }}</h2>\n</ng-template>\n\n<!-- Error message summary -->\n<div *ngIf=\"validationErrors.length > 0\" class=\"govuk-error-summary\" aria-labelledby=\"error-summary-title\" role=\"alert\" tabindex=\"-1\" data-module=\"govuk-error-summary\">\n  <h2 class=\"govuk-error-summary__title\" id=\"error-summary-title\">\n    {{'There is a problem' | rpxTranslate}}\n  </h2>\n  <div *ngFor=\"let validationError of validationErrors\" class=\"govuk-error-summary__body\">\n    <ul class=\"govuk-list govuk-error-summary__list\">\n      <li>\n        <a (click)=\"navigateToErrorElement(validationError.id)\" (keyup.enter)=\"navigateToErrorElement(validationError.id)\" tabindex=\"0\" class=\"validation-error\">\n          {{ validationError.message | rpxTranslate: getRpxTranslatePipeArgs(validationError.label | rpxTranslate): null }}\n        </a>\n      </li>\n    </ul>\n  </div>\n</div>\n\n<ccd-case-edit-generic-errors [error]=\"caseEdit.error\"></ccd-case-edit-generic-errors>\n\n<ccd-callback-errors\n  [triggerTextContinue]=\"triggerTextStart\"\n  [triggerTextIgnore]=\"triggerTextIgnoreWarnings\"\n  [callbackErrorsSubject]=\"caseEdit.callbackErrorsSubject\"\n  (callbackErrorsContext)=\"callbackErrorsNotify($event)\">\n</ccd-callback-errors>\n<div class=\"width-50\">\n  <form *ngIf=\"currentPage\" class=\"form\" [formGroup]=\"editForm\" (submit)=\"submit()\">\n    <fieldset id=\"fieldset-case-data\">\n      <legend style=\"display: none;\"></legend>\n      <!-- single column -->\n      <ccd-case-edit-form id='caseEditForm' *ngIf=\"!currentPage.isMultiColumn()\" [fields]=\"currentPage.getCol1Fields()\"\n                          [formGroup]=\"editForm.controls['data']\" [caseFields]=\"caseFields\"\n                          [pageChangeSubject]=\"pageChangeSubject\"\n                          (valuesChanged)=\"applyValuesChanged($event)\"></ccd-case-edit-form>\n      <!-- two columns -->\n      <div *ngIf=\"currentPage.isMultiColumn()\" class=\"grid-row\">\n        <div class=\"column-two-thirds rightBorderSeparator\">\n          <ccd-case-edit-form id='caseEditForm1' [fields]=\"currentPage.getCol1Fields()\"\n                              [formGroup]=\"editForm.controls['data']\" [caseFields]=\"caseFields\"></ccd-case-edit-form>\n        </div>\n        <div class=\"column-one-third\">\n          <ccd-case-edit-form id='caseEditForm2' [fields]=\"currentPage.getCol2Fields()\"\n                              [formGroup]=\"editForm.controls['data']\" [caseFields]=\"caseFields\"></ccd-case-edit-form>\n        </div>\n      </div>\n    </fieldset>\n\n    <div class=\"form-group form-group-related\">\n      <button class=\"button button-secondary\" type=\"button\" [disabled]=\"!(hasPreviousPage$ | async)\" (click)=\"toPreviousPage()\">\n        {{'Previous' | rpxTranslate}}\n      </button>\n      <button class=\"button\" type=\"submit\" [disabled]=\"submitting()\">{{triggerText | rpxTranslate}}</button>\n    </div>\n\n    <p class=\"cancel\"><a (click)=\"cancel()\" href=\"javascript:void(0)\">{{getCancelText() | rpxTranslate}}</a></p>\n  </form>\n</div>\n\n<ccd-case-event-completion *ngIf=\"caseEdit.isEventCompletionChecksRequired\"\n  [eventCompletionParams]=\"caseEdit.eventCompletionParams\"\n  (eventCanBeCompleted)=\"onEventCanBeCompleted($event)\">\n</ccd-case-event-completion>\n", styles: [".rightBorderSeparator{border-right-width:4px;border-right-color:#ffcc02;border-right-style:solid}.validation-error{cursor:pointer;text-decoration:underline;color:#d4351c}\n"] }]
     }], () => [{ type: CaseEditComponent }, { type: i1$1.ActivatedRoute }, { type: FormValueService }, { type: FormErrorService }, { type: i0.ChangeDetectorRef }, { type: PageValidationService }, { type: i1$3.MatLegacyDialog }, { type: CaseFieldService }, { type: CaseEditDataService }, { type: LoadingService }, { type: ValidPageListCaseFieldsService }, { type: AddressesService }], null); })();
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(CaseEditPageComponent, { className: "CaseEditPageComponent", filePath: "lib/shared/components/case-editor/case-edit-page/case-edit-page.component.ts", lineNumber: 31 }); })();
 
@@ -30589,7 +30589,7 @@ function PaginationComponent_ul_4_li_2_a_1_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
     const ctx_r3 = i0.ɵɵnextContext(3);
-    i0.ɵɵattribute("aria-label", i0.ɵɵpipeBind1(1, 3, ctx_r3.previousLabel + " " + ctx_r3.screenReaderPageLabel));
+    i0.ɵɵattribute("aria-label", i0.ɵɵpipeBind1(1, 3, "Previous page"));
     i0.ɵɵadvance(2);
     i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(3, 5, ctx_r3.previousLabel), " ");
     i0.ɵɵadvance(3);
@@ -30597,22 +30597,24 @@ function PaginationComponent_ul_4_li_2_a_1_Template(rf, ctx) { if (rf & 1) {
 } }
 function PaginationComponent_ul_4_li_2_span_2_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "span");
-    i0.ɵɵtext(1);
-    i0.ɵɵpipe(2, "rpxTranslate");
-    i0.ɵɵelementStart(3, "span", 13);
-    i0.ɵɵtext(4);
-    i0.ɵɵpipe(5, "rpxTranslate");
+    i0.ɵɵpipe(1, "rpxTranslate");
+    i0.ɵɵtext(2);
+    i0.ɵɵpipe(3, "rpxTranslate");
+    i0.ɵɵelementStart(4, "span", 13);
+    i0.ɵɵtext(5);
+    i0.ɵɵpipe(6, "rpxTranslate");
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
     const ctx_r3 = i0.ɵɵnextContext(3);
-    i0.ɵɵadvance();
-    i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(2, 2, ctx_r3.previousLabel), " ");
+    i0.ɵɵattribute("aria-label", i0.ɵɵpipeBind1(1, 3, "Previous page"));
+    i0.ɵɵadvance(2);
+    i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(3, 5, ctx_r3.previousLabel), " ");
     i0.ɵɵadvance(3);
-    i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(5, 4, ctx_r3.screenReaderPageLabel));
+    i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(6, 7, ctx_r3.screenReaderPageLabel));
 } }
 function PaginationComponent_ul_4_li_2_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "li", 9);
-    i0.ɵɵtemplate(1, PaginationComponent_ul_4_li_2_a_1_Template, 7, 9, "a", 10)(2, PaginationComponent_ul_4_li_2_span_2_Template, 6, 6, "span", 11);
+    i0.ɵɵtemplate(1, PaginationComponent_ul_4_li_2_a_1_Template, 7, 9, "a", 10)(2, PaginationComponent_ul_4_li_2_span_2_Template, 7, 9, "span", 11);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     i0.ɵɵnextContext(2);
@@ -30626,22 +30628,26 @@ function PaginationComponent_ul_4_li_2_Template(rf, ctx) { if (rf & 1) {
 function PaginationComponent_ul_4_li_5_a_1_Template(rf, ctx) { if (rf & 1) {
     const _r5 = i0.ɵɵgetCurrentView();
     i0.ɵɵelementStart(0, "a", 12);
+    i0.ɵɵpipe(1, "rpxTranslate");
+    i0.ɵɵpipe(2, "rpxTranslate");
+    i0.ɵɵpipe(3, "number");
     i0.ɵɵlistener("keyup.enter", function PaginationComponent_ul_4_li_5_a_1_Template_a_keyup_enter_0_listener() { i0.ɵɵrestoreView(_r5); const page_r6 = i0.ɵɵnextContext().$implicit; i0.ɵɵnextContext(2); const p_r3 = i0.ɵɵreference(1); return i0.ɵɵresetView(p_r3.setCurrent(page_r6.value)); })("click", function PaginationComponent_ul_4_li_5_a_1_Template_a_click_0_listener() { i0.ɵɵrestoreView(_r5); const page_r6 = i0.ɵɵnextContext().$implicit; i0.ɵɵnextContext(2); const p_r3 = i0.ɵɵreference(1); return i0.ɵɵresetView(p_r3.setCurrent(page_r6.value)); });
-    i0.ɵɵelementStart(1, "span", 13);
-    i0.ɵɵtext(2);
-    i0.ɵɵpipe(3, "rpxTranslate");
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(4, "span");
+    i0.ɵɵelementStart(4, "span", 13);
     i0.ɵɵtext(5);
-    i0.ɵɵpipe(6, "number");
+    i0.ɵɵpipe(6, "rpxTranslate");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(7, "span");
+    i0.ɵɵtext(8);
+    i0.ɵɵpipe(9, "number");
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
     const page_r6 = i0.ɵɵnextContext().$implicit;
     const ctx_r3 = i0.ɵɵnextContext(2);
-    i0.ɵɵadvance(2);
-    i0.ɵɵtextInterpolate1("", i0.ɵɵpipeBind1(3, 2, ctx_r3.screenReaderPageLabel), " ");
+    i0.ɵɵattribute("aria-label", page_r6.label === "..." ? i0.ɵɵpipeBind1(1, 3, "Change pagination range") : i0.ɵɵpipeBind1(2, 5, "Page ") + i0.ɵɵpipeBind2(3, 7, page_r6.label, ""));
+    i0.ɵɵadvance(5);
+    i0.ɵɵtextInterpolate1("", i0.ɵɵpipeBind1(6, 10, ctx_r3.screenReaderPageLabel), " ");
     i0.ɵɵadvance(3);
-    i0.ɵɵtextInterpolate(page_r6.label === "..." ? page_r6.label : i0.ɵɵpipeBind2(6, 4, page_r6.label, ""));
+    i0.ɵɵtextInterpolate(page_r6.label === "..." ? page_r6.label : i0.ɵɵpipeBind2(9, 12, page_r6.label, ""));
 } }
 function PaginationComponent_ul_4_li_5_ng_container_2_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementContainerStart(0);
@@ -30664,7 +30670,7 @@ function PaginationComponent_ul_4_li_5_ng_container_2_Template(rf, ctx) { if (rf
 } }
 function PaginationComponent_ul_4_li_5_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "li");
-    i0.ɵɵtemplate(1, PaginationComponent_ul_4_li_5_a_1_Template, 7, 7, "a", 10)(2, PaginationComponent_ul_4_li_5_ng_container_2_Template, 7, 7, "ng-container", 11);
+    i0.ɵɵtemplate(1, PaginationComponent_ul_4_li_5_a_1_Template, 10, 15, "a", 10)(2, PaginationComponent_ul_4_li_5_ng_container_2_Template, 7, 7, "ng-container", 11);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const page_r6 = ctx.$implicit;
@@ -30689,7 +30695,7 @@ function PaginationComponent_ul_4_li_6_a_1_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
     const ctx_r3 = i0.ɵɵnextContext(3);
-    i0.ɵɵattribute("aria-label", i0.ɵɵpipeBind1(1, 3, ctx_r3.nextLabel + " " + ctx_r3.screenReaderPageLabel));
+    i0.ɵɵattribute("aria-label", i0.ɵɵpipeBind1(1, 3, "Next page"));
     i0.ɵɵadvance(2);
     i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(3, 5, ctx_r3.nextLabel), " ");
     i0.ɵɵadvance(3);
@@ -30801,7 +30807,7 @@ class PaginationComponent {
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(PaginationComponent, [{
         type: Component,
-        args: [{ selector: 'ccd-pagination', template: "<pagination-template #p=\"paginationApi\" [id]=\"id\" [maxSize]=\"maxSize\" (pageChange)=\"pageChange.emit($event)\"\n  (pageBoundsCorrection)=\"pageBoundsCorrection.emit($event)\">\n  <nav role=\"navigation\" [attr.aria-label]=\"'Pagination' | rpxTranslate\">\n    <ul class=\"ngx-pagination\" [attr.aria-label]=\"screenReaderPaginationLabel | rpxTranslate\"\n      [class.responsive]=\"responsive\" *ngIf=\"!(autoHide && p.pages.length <= 1)\">\n      <li class=\"pagination-previous\" [class.disabled]=\"p.isFirstPage()\" *ngIf=\"directionLinks\">\n        <a tabindex=\"0\" *ngIf=\"1 < p.getCurrent()\" (keyup.enter)=\"p.previous()\" (click)=\"p.previous()\"\n          [attr.aria-label]=\"previousLabel + ' ' + screenReaderPageLabel | rpxTranslate\">\n          {{ previousLabel | rpxTranslate }} <span class=\"show-for-sr\">{{ screenReaderPageLabel | rpxTranslate }}</span>\n        </a>\n        <span *ngIf=\"p.isFirstPage()\">\n          {{ previousLabel | rpxTranslate }} <span class=\"show-for-sr\">{{ screenReaderPageLabel | rpxTranslate }}</span>\n        </span>\n      </li>\n      <li class=\"small-screen\">\n        {{ p.getCurrent() }} / {{ p.getLastPage() }}\n      </li>\n      <li [class.current]=\"p.getCurrent() === page.value\" [class.ellipsis]=\"page.label === '...'\"\n        *ngFor=\"let page of p.pages\">\n        <a tabindex=\"0\" (keyup.enter)=\"p.setCurrent(page.value)\" (click)=\"p.setCurrent(page.value)\"\n          *ngIf=\"p.getCurrent() !== page.value\">\n          <span class=\"show-for-sr\">{{ screenReaderPageLabel | rpxTranslate }} </span>\n          <span>{{ (page.label === '...') ? page.label : (page.label | number:'') }}</span>\n        </a>\n        <ng-container *ngIf=\"p.getCurrent() === page.value\">\n          <span class=\"show-for-sr\">{{ screenReaderCurrentLabel | rpxTranslate }} </span>\n          <span>{{ (page.label === '...') ? page.label : (page.label | number:'') }}</span>\n        </ng-container>\n      </li>\n      <li class=\"pagination-next\" [class.disabled]=\"p.isLastPage()\" *ngIf=\"directionLinks\">\n        <a tabindex=\"0\" *ngIf=\"!p.isLastPage()\" (keyup.enter)=\"p.next()\" (click)=\"p.next()\"\n          [attr.aria-label]=\"nextLabel + ' ' + screenReaderPageLabel | rpxTranslate\">\n          {{ nextLabel | rpxTranslate }} <span class=\"show-for-sr\">{{ screenReaderPageLabel | rpxTranslate }}</span>\n        </a>\n        <span *ngIf=\"p.isLastPage()\">\n          {{ nextLabel | rpxTranslate }} <span class=\"show-for-sr\">{{ screenReaderPageLabel | rpxTranslate }}</span>\n        </span>\n      </li>\n    </ul>\n  </nav>\n</pagination-template>\n", styles: [".ngx-pagination{margin-left:0;margin-bottom:1rem;padding-top:25px;text-decoration:none;text-align:left;font-size:16px}.ngx-pagination:before,.ngx-pagination:after{content:\" \";display:table}.ngx-pagination:after{clear:both}.ngx-pagination li{-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;margin-right:.0625rem;border-radius:0}.ngx-pagination li{display:inline-block}.ngx-pagination a,.ngx-pagination button{display:block;padding:.1875rem .625rem;border-radius:0;color:#005da6}.ngx-pagination a:hover,.ngx-pagination button:hover{background:#e6e6e6}.ngx-pagination .current{padding:.1875rem .625rem;background:#fff;color:#4c2c92;cursor:default;font-weight:900}.ngx-pagination .disabled{display:none}.ngx-pagination .disabled:hover{background:transparent}.ngx-pagination a,.ngx-pagination button{cursor:pointer}.ngx-pagination .pagination-previous a:before,.ngx-pagination .pagination-previous.disabled:before{margin-right:.5rem;display:inline-block;height:10px;width:10px;border-style:solid;color:#0a0a0a;background:transparent;-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg);content:\"\";border-width:3px 0 0 3px}.ngx-pagination .pagination-next a:after,.ngx-pagination .pagination-next.disabled:after{margin-left:.5rem;display:inline-block;height:10px;width:10px;border-style:solid;color:#0a0a0a;background:transparent;-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg);content:\"\";border-width:0 3px 3px 0}.ngx-pagination .show-for-sr{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.ngx-pagination .small-screen{display:none}@media screen and (max-width: 601px){.ngx-pagination.responsive .small-screen{display:inline-block}.ngx-pagination.responsive li:not(.small-screen):not(.pagination-previous):not(.pagination-next){display:none}}\n"] }]
+        args: [{ selector: 'ccd-pagination', template: "<pagination-template #p=\"paginationApi\" [id]=\"id\" [maxSize]=\"maxSize\" (pageChange)=\"pageChange.emit($event)\"\n  (pageBoundsCorrection)=\"pageBoundsCorrection.emit($event)\">\n  <nav role=\"navigation\" [attr.aria-label]=\"'Pagination' | rpxTranslate\">\n    <ul class=\"ngx-pagination\" [attr.aria-label]=\"screenReaderPaginationLabel | rpxTranslate\"\n      [class.responsive]=\"responsive\" *ngIf=\"!(autoHide && p.pages.length <= 1)\">\n      <li class=\"pagination-previous\" [class.disabled]=\"p.isFirstPage()\" *ngIf=\"directionLinks\">\n        <a tabindex=\"0\" *ngIf=\"1 < p.getCurrent()\" (keyup.enter)=\"p.previous()\" (click)=\"p.previous()\"\n          [attr.aria-label]=\"'Previous page' | rpxTranslate\">\n          {{ previousLabel | rpxTranslate }} <span class=\"show-for-sr\">{{ screenReaderPageLabel | rpxTranslate }}</span>\n        </a>\n        <span *ngIf=\"p.isFirstPage()\" [attr.aria-label]=\"'Previous page' | rpxTranslate\">\n          {{ previousLabel | rpxTranslate }} <span class=\"show-for-sr\">{{ screenReaderPageLabel | rpxTranslate }}</span>\n        </span>\n      </li>\n      <li class=\"small-screen\">\n        {{ p.getCurrent() }} / {{ p.getLastPage() }}\n      </li>\n      <li [class.current]=\"p.getCurrent() === page.value\" [class.ellipsis]=\"page.label === '...'\"\n        *ngFor=\"let page of p.pages\">\n        <a tabindex=\"0\" (keyup.enter)=\"p.setCurrent(page.value)\" (click)=\"p.setCurrent(page.value)\"\n          *ngIf=\"p.getCurrent() !== page.value\" [attr.aria-label]=\"(page.label === '...') ? ('Change pagination range' | rpxTranslate) : ('Page ' | rpxTranslate) + (page.label | number:'')\">\n          <span class=\"show-for-sr\">{{ screenReaderPageLabel | rpxTranslate }} </span>\n          <span>{{ (page.label === '...') ? page.label : (page.label | number:'') }}</span>\n        </a>\n        <ng-container *ngIf=\"p.getCurrent() === page.value\">\n          <span class=\"show-for-sr\">{{ screenReaderCurrentLabel | rpxTranslate }} </span>\n          <span>{{ (page.label === '...') ? page.label : (page.label | number:'') }}</span>\n        </ng-container>\n      </li>\n      <li class=\"pagination-next\" [class.disabled]=\"p.isLastPage()\" *ngIf=\"directionLinks\">\n        <a tabindex=\"0\" *ngIf=\"!p.isLastPage()\" (keyup.enter)=\"p.next()\" (click)=\"p.next()\"\n          [attr.aria-label]=\"'Next page' | rpxTranslate\">\n          {{ nextLabel | rpxTranslate }} <span class=\"show-for-sr\">{{ screenReaderPageLabel | rpxTranslate }}</span>\n        </a>\n        <span *ngIf=\"p.isLastPage()\">\n          {{ nextLabel | rpxTranslate }} <span class=\"show-for-sr\">{{ screenReaderPageLabel | rpxTranslate }}</span>\n        </span>\n      </li>\n    </ul>\n  </nav>\n</pagination-template>\n", styles: [".ngx-pagination{margin-left:0;margin-bottom:1rem;padding-top:25px;text-decoration:none;text-align:left;font-size:16px}.ngx-pagination:before,.ngx-pagination:after{content:\" \";display:table}.ngx-pagination:after{clear:both}.ngx-pagination li{-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;margin-right:.0625rem;border-radius:0}.ngx-pagination li{display:inline-block}.ngx-pagination a,.ngx-pagination button{display:block;padding:.1875rem .625rem;border-radius:0;color:#005da6}.ngx-pagination a:hover,.ngx-pagination button:hover{background:#e6e6e6}.ngx-pagination .current{padding:.1875rem .625rem;background:#fff;color:#4c2c92;cursor:default;font-weight:900}.ngx-pagination .disabled{display:none}.ngx-pagination .disabled:hover{background:transparent}.ngx-pagination a,.ngx-pagination button{cursor:pointer}.ngx-pagination .pagination-previous a:before,.ngx-pagination .pagination-previous.disabled:before{margin-right:.5rem;display:inline-block;height:10px;width:10px;border-style:solid;color:#0a0a0a;background:transparent;-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg);content:\"\";border-width:3px 0 0 3px}.ngx-pagination .pagination-next a:after,.ngx-pagination .pagination-next.disabled:after{margin-left:.5rem;display:inline-block;height:10px;width:10px;border-style:solid;color:#0a0a0a;background:transparent;-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg);content:\"\";border-width:0 3px 3px 0}.ngx-pagination .show-for-sr{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.ngx-pagination .small-screen{display:none}@media screen and (max-width: 601px){.ngx-pagination.responsive .small-screen{display:inline-block}.ngx-pagination.responsive li:not(.small-screen):not(.pagination-previous):not(.pagination-next){display:none}}\n"] }]
     }], null, { visibilityLabel: [{
             type: Input
         }], id: [{
@@ -33240,14 +33246,14 @@ function CaseFullAccessViewComponent_div_9_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵproperty("notificationBannerConfig", ctx_r1.notificationBannerConfig);
 } }
 function CaseFullAccessViewComponent_ng_container_12_mat_tab_3_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelement(0, "mat-tab", 26);
+    i0.ɵɵelement(0, "mat-tab", 27);
     i0.ɵɵpipe(1, "rpxTranslate");
 } if (rf & 2) {
     const tab_r6 = ctx.$implicit;
     i0.ɵɵproperty("id", tab_r6.id)("label", i0.ɵɵpipeBind1(1, 2, tab_r6.label));
 } }
-function CaseFullAccessViewComponent_ng_container_12_mat_tab_4_ng_template_2_ng_container_3_tr_4_th_1_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "th", 36)(1, "div", 37);
+function CaseFullAccessViewComponent_ng_container_12_mat_tab_4_ng_template_3_ng_container_3_tr_4_th_1_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "th", 38)(1, "div", 39);
     i0.ɵɵtext(2);
     i0.ɵɵpipe(3, "rpxTranslate");
     i0.ɵɵelementEnd()();
@@ -33256,11 +33262,11 @@ function CaseFullAccessViewComponent_ng_container_12_mat_tab_4_ng_template_2_ng_
     i0.ɵɵadvance(2);
     i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(3, 1, field_r7.label), "");
 } }
-function CaseFullAccessViewComponent_ng_container_12_mat_tab_4_ng_template_2_ng_container_3_tr_4_Template(rf, ctx) { if (rf & 1) {
+function CaseFullAccessViewComponent_ng_container_12_mat_tab_4_ng_template_3_ng_container_3_tr_4_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "tr");
-    i0.ɵɵtemplate(1, CaseFullAccessViewComponent_ng_container_12_mat_tab_4_ng_template_2_ng_container_3_tr_4_th_1_Template, 4, 3, "th", 32);
-    i0.ɵɵelementStart(2, "td", 33)(3, "span", 34);
-    i0.ɵɵelement(4, "ccd-field-read", 35);
+    i0.ɵɵtemplate(1, CaseFullAccessViewComponent_ng_container_12_mat_tab_4_ng_template_3_ng_container_3_tr_4_th_1_Template, 4, 3, "th", 34);
+    i0.ɵɵelementStart(2, "td", 35)(3, "span", 36);
+    i0.ɵɵelement(4, "ccd-field-read", 37);
     i0.ɵɵelementEnd()()();
 } if (rf & 2) {
     const field_r7 = i0.ɵɵnextContext().$implicit;
@@ -33272,9 +33278,9 @@ function CaseFullAccessViewComponent_ng_container_12_mat_tab_4_ng_template_2_ng_
     i0.ɵɵadvance(2);
     i0.ɵɵproperty("topLevelFormGroup", ctx_r1.formGroup == null ? null : ctx_r1.formGroup.controls["data"])("caseField", field_r7)("caseReference", ctx_r1.caseDetails.case_id)("markdownUseHrefAsRouterLink", ctx_r1.markdownUseHrefAsRouterLink);
 } }
-function CaseFullAccessViewComponent_ng_container_12_mat_tab_4_ng_template_2_ng_container_3_tr_5_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "tr", 38)(1, "th", 33)(2, "span", 34);
-    i0.ɵɵelement(3, "ccd-field-read", 35);
+function CaseFullAccessViewComponent_ng_container_12_mat_tab_4_ng_template_3_ng_container_3_tr_5_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "tr", 40)(1, "th", 35)(2, "span", 36);
+    i0.ɵɵelement(3, "ccd-field-read", 37);
     i0.ɵɵelementEnd()()();
 } if (rf & 2) {
     const field_r7 = i0.ɵɵnextContext().$implicit;
@@ -33284,12 +33290,12 @@ function CaseFullAccessViewComponent_ng_container_12_mat_tab_4_ng_template_2_ng_
     i0.ɵɵadvance(2);
     i0.ɵɵproperty("topLevelFormGroup", ctx_r1.formGroup.controls["data"])("caseField", field_r7)("caseReference", ctx_r1.caseDetails.case_id)("markdownUseHrefAsRouterLink", ctx_r1.markdownUseHrefAsRouterLink);
 } }
-function CaseFullAccessViewComponent_ng_container_12_mat_tab_4_ng_template_2_ng_container_3_Template(rf, ctx) { if (rf & 1) {
+function CaseFullAccessViewComponent_ng_container_12_mat_tab_4_ng_template_3_ng_container_3_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementContainerStart(0);
-    i0.ɵɵelementStart(1, "div", 28);
-    i0.ɵɵelementContainerStart(2, 29);
+    i0.ɵɵelementStart(1, "div", 30);
+    i0.ɵɵelementContainerStart(2, 31);
     i0.ɵɵpipe(3, "ccdIsCompound");
-    i0.ɵɵtemplate(4, CaseFullAccessViewComponent_ng_container_12_mat_tab_4_ng_template_2_ng_container_3_tr_4_Template, 5, 6, "tr", 30)(5, CaseFullAccessViewComponent_ng_container_12_mat_tab_4_ng_template_2_ng_container_3_tr_5_Template, 4, 5, "tr", 31);
+    i0.ɵɵtemplate(4, CaseFullAccessViewComponent_ng_container_12_mat_tab_4_ng_template_3_ng_container_3_tr_4_Template, 5, 6, "tr", 32)(5, CaseFullAccessViewComponent_ng_container_12_mat_tab_4_ng_template_3_ng_container_3_tr_5_Template, 4, 5, "tr", 33);
     i0.ɵɵelementContainerEnd();
     i0.ɵɵelementEnd();
     i0.ɵɵelementContainerEnd();
@@ -33305,11 +33311,11 @@ function CaseFullAccessViewComponent_ng_container_12_mat_tab_4_ng_template_2_ng_
     i0.ɵɵadvance();
     i0.ɵɵproperty("ngSwitchCase", false);
 } }
-function CaseFullAccessViewComponent_ng_container_12_mat_tab_4_ng_template_2_Template(rf, ctx) { if (rf & 1) {
+function CaseFullAccessViewComponent_ng_container_12_mat_tab_4_ng_template_3_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "table");
     i0.ɵɵpipe(1, "rpxTranslate");
     i0.ɵɵelementStart(2, "tbody");
-    i0.ɵɵtemplate(3, CaseFullAccessViewComponent_ng_container_12_mat_tab_4_ng_template_2_ng_container_3_Template, 6, 8, "ng-container", 19);
+    i0.ɵɵtemplate(3, CaseFullAccessViewComponent_ng_container_12_mat_tab_4_ng_template_3_ng_container_3_Template, 6, 8, "ng-container", 19);
     i0.ɵɵpipe(4, "ccdTabFields");
     i0.ɵɵpipe(5, "ccdReadFieldsFilter");
     i0.ɵɵelementEnd()();
@@ -33322,20 +33328,22 @@ function CaseFullAccessViewComponent_ng_container_12_mat_tab_4_ng_template_2_Tem
     i0.ɵɵproperty("ngForOf", i0.ɵɵpipeBindV(5, 8, i0.ɵɵpureFunction2(14, _c1$3, i0.ɵɵpipeBind1(4, 6, tab_r8), ctx_r1.formGroup == null ? null : ctx_r1.formGroup.controls["data"])));
 } }
 function CaseFullAccessViewComponent_ng_container_12_mat_tab_4_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "mat-tab", 26);
+    i0.ɵɵelementStart(0, "mat-tab", 28);
     i0.ɵɵpipe(1, "rpxTranslate");
-    i0.ɵɵtemplate(2, CaseFullAccessViewComponent_ng_container_12_mat_tab_4_ng_template_2_Template, 6, 17, "ng-template", 27);
+    i0.ɵɵpipe(2, "rpxTranslate");
+    i0.ɵɵtemplate(3, CaseFullAccessViewComponent_ng_container_12_mat_tab_4_ng_template_3_Template, 6, 17, "ng-template", 29);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const tab_r8 = ctx.$implicit;
-    i0.ɵɵproperty("id", tab_r8.id)("label", i0.ɵɵpipeBind1(1, 2, tab_r8.label));
+    const curIdx_r9 = ctx.index;
+    i0.ɵɵproperty("id", tab_r8.id)("label", i0.ɵɵpipeBind1(1, 3, tab_r8.label))("aria-label", curIdx_r9 === 0 ? tab_r8.label + ", Please use left and right arrow keys to navigate case tabs" : i0.ɵɵpipeBind1(2, 5, ""));
 } }
 function CaseFullAccessViewComponent_ng_container_12_mat_tab_5_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelement(0, "mat-tab", 26);
+    i0.ɵɵelement(0, "mat-tab", 27);
     i0.ɵɵpipe(1, "rpxTranslate");
 } if (rf & 2) {
-    const tab_r9 = ctx.$implicit;
-    i0.ɵɵproperty("id", tab_r9.id)("label", i0.ɵɵpipeBind1(1, 2, tab_r9.label));
+    const tab_r10 = ctx.$implicit;
+    i0.ɵɵproperty("id", tab_r10.id)("label", i0.ɵɵpipeBind1(1, 2, tab_r10.label));
 } }
 function CaseFullAccessViewComponent_ng_container_12_router_outlet_6_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelement(0, "router-outlet");
@@ -33345,7 +33353,7 @@ function CaseFullAccessViewComponent_ng_container_12_Template(rf, ctx) { if (rf
     i0.ɵɵelementContainerStart(0);
     i0.ɵɵelementStart(1, "mat-tab-group", 24, 0);
     i0.ɵɵlistener("selectedIndexChange", function CaseFullAccessViewComponent_ng_container_12_Template_mat_tab_group_selectedIndexChange_1_listener($event) { i0.ɵɵrestoreView(_r5); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.tabChanged($event)); });
-    i0.ɵɵtemplate(3, CaseFullAccessViewComponent_ng_container_12_mat_tab_3_Template, 2, 4, "mat-tab", 25)(4, CaseFullAccessViewComponent_ng_container_12_mat_tab_4_Template, 3, 4, "mat-tab", 25)(5, CaseFullAccessViewComponent_ng_container_12_mat_tab_5_Template, 2, 4, "mat-tab", 25);
+    i0.ɵɵtemplate(3, CaseFullAccessViewComponent_ng_container_12_mat_tab_3_Template, 2, 4, "mat-tab", 25)(4, CaseFullAccessViewComponent_ng_container_12_mat_tab_4_Template, 4, 7, "mat-tab", 26)(5, CaseFullAccessViewComponent_ng_container_12_mat_tab_5_Template, 2, 4, "mat-tab", 25);
     i0.ɵɵelementEnd();
     i0.ɵɵtemplate(6, CaseFullAccessViewComponent_ng_container_12_router_outlet_6_Template, 1, 0, "router-outlet", 11);
     i0.ɵɵelementContainerEnd();
@@ -33529,7 +33537,6 @@ class CaseFullAccessViewComponent {
         // we may need to take care of different triggers in the future
         if (trigger.id === CaseViewEventIds.QueryManagementRaiseQuery) {
             await this.router.navigate([`/query-management/query/${this.caseDetails.case_id}`]);
-            this.loadingService.unregister(spinner);
         }
         else if (trigger.id === CaseViewEventIds.DELETE) {
             const dialogRef = this.dialog.open(DeleteOrCancelDialogComponent, this.dialogConfig);
@@ -33778,7 +33785,7 @@ class CaseFullAccessViewComponent {
         } if (rf & 2) {
             let _t;
             i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.tabGroup = _t.first);
-        } }, inputs: { hasPrint: "hasPrint", hasEventSelector: "hasEventSelector", caseDetails: "caseDetails", prependedTabs: "prependedTabs", appendedTabs: "appendedTabs" }, features: [i0.ɵɵNgOnChangesFeature], decls: 13, vars: 12, consts: [["tabGroup", ""], ["class", "error-summary", "role", "group", "aria-labelledby", "edit-case-event_error-summary-heading", "tabindex", "-1", 4, "ngIf"], [3, "callbackErrorsContext", "triggerTextContinue", "triggerTextIgnore", "callbackErrorsSubject"], [3, "caseId", "displayMode"], [1, "grid-row"], [1, "column-one-half"], [3, "caseDetails"], ["class", "case-viewer-controls", 4, "ngIf"], ["class", "column-one-half", 4, "ngIf"], ["class", "grid-row", 4, "ngIf"], [1, "column-full"], [4, "ngIf"], ["role", "group", "aria-labelledby", "edit-case-event_error-summary-heading", "tabindex", "-1", 1, "error-summary"], ["id", "edit-case-event_error-summary-heading", 1, "heading-h1", "error-summary-heading"], ["id", "edit-case-event_error-summary-body", 1, "govuk-error-summary__body"], ["href", "get-help", "target", "_blank"], ["id", "edit-case-event_error-summary-heading", 1, "heading-h2", "error-summary-heading"], ["class", "error-summary-list", 4, "ngIf"], [1, "error-summary-list"], [4, "ngFor", "ngForOf"], [1, "case-viewer-controls"], ["id", "case-viewer-control-print", "routerLink", "print", 1, "button", "button-secondary"], [3, "onTriggerChange", "onTriggerSubmit", "isDisabled", "triggers", "triggerText", "eventId"], [3, "linkClicked", "notificationBannerConfig"], ["animationDuration", "0ms", 3, "selectedIndexChange", "disableRipple", "selectedIndex"], [3, "id", "label", 4, "ngFor", "ngForOf"], [3, "id", "label"], ["matTabContent", ""], ["ccdLabelSubstitutor", "", 3, "caseField", "contextFields", "hidden"], [3, "ngSwitch"], [4, "ngSwitchCase"], ["class", "compound-field", 4, "ngSwitchCase"], ["id", "case-viewer-field-label", 4, "ngIf"], ["scope", "col", 3, "id"], [1, "text-16"], [3, "topLevelFormGroup", "caseField", "caseReference", "markdownUseHrefAsRouterLink"], ["id", "case-viewer-field-label"], [1, "case-viewer-label", "text-16"], [1, "compound-field"]], template: function CaseFullAccessViewComponent_Template(rf, ctx) { if (rf & 1) {
+        } }, inputs: { hasPrint: "hasPrint", hasEventSelector: "hasEventSelector", caseDetails: "caseDetails", prependedTabs: "prependedTabs", appendedTabs: "appendedTabs" }, features: [i0.ɵɵNgOnChangesFeature], decls: 13, vars: 12, consts: [["tabGroup", ""], ["class", "error-summary", "role", "group", "aria-labelledby", "edit-case-event_error-summary-heading", "tabindex", "-1", 4, "ngIf"], [3, "callbackErrorsContext", "triggerTextContinue", "triggerTextIgnore", "callbackErrorsSubject"], [3, "caseId", "displayMode"], [1, "grid-row"], [1, "column-one-half"], [3, "caseDetails"], ["class", "case-viewer-controls", 4, "ngIf"], ["class", "column-one-half", 4, "ngIf"], ["class", "grid-row", 4, "ngIf"], [1, "column-full"], [4, "ngIf"], ["role", "group", "aria-labelledby", "edit-case-event_error-summary-heading", "tabindex", "-1", 1, "error-summary"], ["id", "edit-case-event_error-summary-heading", 1, "heading-h1", "error-summary-heading"], ["id", "edit-case-event_error-summary-body", 1, "govuk-error-summary__body"], ["href", "get-help", "target", "_blank"], ["id", "edit-case-event_error-summary-heading", 1, "heading-h2", "error-summary-heading"], ["class", "error-summary-list", 4, "ngIf"], [1, "error-summary-list"], [4, "ngFor", "ngForOf"], [1, "case-viewer-controls"], ["id", "case-viewer-control-print", "routerLink", "print", 1, "button", "button-secondary"], [3, "onTriggerChange", "onTriggerSubmit", "isDisabled", "triggers", "triggerText", "eventId"], [3, "linkClicked", "notificationBannerConfig"], ["animationDuration", "0ms", 3, "selectedIndexChange", "disableRipple", "selectedIndex"], [3, "id", "label", 4, "ngFor", "ngForOf"], [3, "id", "label", "aria-label", 4, "ngFor", "ngForOf"], [3, "id", "label"], [3, "id", "label", "aria-label"], ["matTabContent", ""], ["ccdLabelSubstitutor", "", 3, "caseField", "contextFields", "hidden"], [3, "ngSwitch"], [4, "ngSwitchCase"], ["class", "compound-field", 4, "ngSwitchCase"], ["id", "case-viewer-field-label", 4, "ngIf"], ["scope", "col", 3, "id"], [1, "text-16"], [3, "topLevelFormGroup", "caseField", "caseReference", "markdownUseHrefAsRouterLink"], ["id", "case-viewer-field-label"], [1, "case-viewer-label", "text-16"], [1, "compound-field"]], template: function CaseFullAccessViewComponent_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵtemplate(0, CaseFullAccessViewComponent_div_0_Template, 14, 12, "div", 1)(1, CaseFullAccessViewComponent_div_1_Template, 8, 7, "div", 1);
             i0.ɵɵelementStart(2, "ccd-callback-errors", 2);
             i0.ɵɵlistener("callbackErrorsContext", function CaseFullAccessViewComponent_Template_ccd_callback_errors_callbackErrorsContext_2_listener($event) { return ctx.callbackErrorsNotify($event); });
@@ -33816,7 +33823,7 @@ class CaseFullAccessViewComponent {
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(CaseFullAccessViewComponent, [{
         type: Component,
-        args: [{ selector: 'ccd-case-full-access-view', template: "<!-- Generic error heading and error message to be displayed only if there are no specific callback errors or warnings, or no error details -->\n<div *ngIf=\"error && !(error.callbackErrors || error.callbackWarnings || error.details)\" class=\"error-summary\"\n     role=\"group\" aria-labelledby=\"edit-case-event_error-summary-heading\" tabindex=\"-1\">\n  <h1 class=\"heading-h1 error-summary-heading\" id=\"edit-case-event_error-summary-heading\">\n    {{'Something went wrong' | rpxTranslate}}\n  </h1>\n  <div class=\"govuk-error-summary__body\" id=\"edit-case-event_error-summary-body\">\n    <p>{{\"We're working to fix the problem. Try again shortly.\" | rpxTranslate}}</p>\n    <p>\n      <a href=\"get-help\" target=\"_blank\">\n        {{\"Contact us\" | rpxTranslate}}</a> {{\"if you're still having problems.\" | rpxTranslate}}\n    </p>\n  </div>\n</div>\n<!-- Callback error heading and error message to be displayed if there are specific error details -->\n<div *ngIf=\"error && error.details\" class=\"error-summary\" role=\"group\"\n     aria-labelledby=\"edit-case-event_error-summary-heading\" tabindex=\"-1\">\n  <h2 class=\"heading-h2 error-summary-heading\" id=\"edit-case-event_error-summary-heading\">\n    {{'The callback data failed validation' | rpxTranslate}}\n  </h2>\n  <p>{{error.message | rpxTranslate}}</p>\n  <ul *ngIf=\"error.details?.field_errors\" class=\"error-summary-list\">\n    <li *ngFor=\"let fieldError of error.details.field_errors\">\n      {{fieldError.message | rpxTranslate}}\n    </li>\n  </ul>\n</div>\n<ccd-callback-errors\n  [triggerTextContinue]=\"triggerTextStart\"\n  [triggerTextIgnore]=\"triggerTextIgnoreWarnings\"\n  [callbackErrorsSubject]=\"callbackErrorsSubject\"\n  (callbackErrorsContext)=\"callbackErrorsNotify($event)\">\n</ccd-callback-errors>\n<ccd-activity [caseId]=\"caseDetails.case_id\" [displayMode]=\"BANNER\"></ccd-activity>\n<div class=\"grid-row\">\n  <div class=\"column-one-half\">\n    <ccd-case-header [caseDetails]=\"caseDetails\"></ccd-case-header>\n    <div class=\"case-viewer-controls\" *ngIf=\"hasPrint && !isDraft() && isPrintEnabled()\">\n      <a id=\"case-viewer-control-print\" routerLink=\"print\" class=\"button button-secondary\">{{'Print' | rpxTranslate}}</a>\n    </div>\n  </div>\n  <div *ngIf=\"hasEventSelector\" class=\"column-one-half\">\n    <ccd-event-trigger [isDisabled]=\"isTriggerButtonDisabled()\" [triggers]=\"caseDetails.triggers\"\n                       [triggerText]=\"triggerText\"\n                       [eventId]=\"eventId\"\n                       (onTriggerChange)=\"clearErrorsAndWarnings()\"\n                       (onTriggerSubmit)=\"applyTrigger($event)\"></ccd-event-trigger>\n  </div>\n</div>\n<div class=\"grid-row\" *ngIf=\"activeCaseFlags && !caseFlagsExternalUser\">\n  <div class=\"column-full\">\n    <ccd-notification-banner [notificationBannerConfig]=\"notificationBannerConfig\" (linkClicked)=\"onLinkClicked($event)\">\n    </ccd-notification-banner>\n  </div>\n</div>\n<div class=\"grid-row\">\n  <div class=\"column-full\">\n    <ng-container *ngIf=\"hasTabsPresent()\">\n      <mat-tab-group #tabGroup animationDuration=\"0ms\" (selectedIndexChange)=\"tabChanged($event)\" [disableRipple]=\"true\"\n        [selectedIndex]=\"selectedTabIndex\">\n        <mat-tab *ngFor=\"let tab of prependedTabs\" [id]=\"tab.id\" [label]=\"tab.label | rpxTranslate\">\n        </mat-tab>\n        <mat-tab *ngFor=\"let tab of sortedTabs; let curIdx=index\" [id]=\"tab.id\" [label]=\"tab.label | rpxTranslate\">\n          <ng-template matTabContent>\n            <table [class]=\"tab.id\" [attr.aria-label]=\"'case viewer table' | rpxTranslate\">\n              <tbody>\n              <ng-container *ngFor=\"let field of tab | ccdTabFields | ccdReadFieldsFilter:false :undefined :true : formGroup?.controls['data']\">\n                <div ccdLabelSubstitutor [caseField]=\"field\" [contextFields]=\"caseFields\" [hidden]=\"field.hidden\">\n                  <ng-container [ngSwitch]=\"!(field | ccdIsCompound)\">\n                    <tr *ngSwitchCase=\"true\">\n                      <th id=\"case-viewer-field-label\" *ngIf=\"!isFieldToHaveNoLabel(field)\">\n                        <div class=\"case-viewer-label text-16\">\n                          {{field.label | rpxTranslate}}</div>\n                      </th>\n                      <td [id]=\"'case-viewer-field-read--' + field.id\" scope=\"col\">\n                        <span class=\"text-16\">\n                          <ccd-field-read [topLevelFormGroup]=\"formGroup?.controls['data']\"\n                                          [caseField]=\"field\" [caseReference]=\"caseDetails.case_id\"\n                                          [markdownUseHrefAsRouterLink]=\"markdownUseHrefAsRouterLink\">\n                          </ccd-field-read>\n                        </span>\n                      </td>\n                    </tr>\n                    <tr *ngSwitchCase=\"false\" class=\"compound-field\">\n                      <th [id]=\"'case-viewer-field-read--' + field.id\" scope=\"col\">\n                        <span class=\"text-16\">\n                          <ccd-field-read [topLevelFormGroup]=\"formGroup.controls['data']\"\n                                          [caseField]=\"field\" [caseReference]=\"caseDetails.case_id\"\n                                          [markdownUseHrefAsRouterLink]=\"markdownUseHrefAsRouterLink\">\n                          </ccd-field-read>\n                        </span>\n                      </th>\n                    </tr>\n                  </ng-container>\n                </div>\n              </ng-container>\n              </tbody>\n            </table>\n          </ng-template>\n        </mat-tab>\n        <mat-tab *ngFor=\"let tab of appendedTabs\" [id]=\"tab.id\" [label]=\"tab.label | rpxTranslate\">\n        </mat-tab>\n      </mat-tab-group>\n      <router-outlet *ngIf=\"(prependedTabs && prependedTabs.length) || (appendedTabs && appendedTabs.length)\"></router-outlet>\n    </ng-container>\n  </div>\n</div>\n", styles: ["th{width:1%;white-space:nowrap;vertical-align:top}.compound-field th{padding:0}.case-viewer-controls{margin-top:47px;margin-bottom:20px}ccd-case-header{float:left;margin-right:10px}ccd-event-trigger{float:right}.case-viewer-label{min-width:300px;white-space:normal}.markdown h3{margin-bottom:0}.hide-table-capion{position:absolute;visibility:hidden}\n"] }]
+        args: [{ selector: 'ccd-case-full-access-view', template: "<!-- Generic error heading and error message to be displayed only if there are no specific callback errors or warnings, or no error details -->\n<div *ngIf=\"error && !(error.callbackErrors || error.callbackWarnings || error.details)\" class=\"error-summary\"\n     role=\"group\" aria-labelledby=\"edit-case-event_error-summary-heading\" tabindex=\"-1\">\n  <h1 class=\"heading-h1 error-summary-heading\" id=\"edit-case-event_error-summary-heading\">\n    {{'Something went wrong' | rpxTranslate}}\n  </h1>\n  <div class=\"govuk-error-summary__body\" id=\"edit-case-event_error-summary-body\">\n    <p>{{\"We're working to fix the problem. Try again shortly.\" | rpxTranslate}}</p>\n    <p>\n      <a href=\"get-help\" target=\"_blank\">\n        {{\"Contact us\" | rpxTranslate}}</a> {{\"if you're still having problems.\" | rpxTranslate}}\n    </p>\n  </div>\n</div>\n<!-- Callback error heading and error message to be displayed if there are specific error details -->\n<div *ngIf=\"error && error.details\" class=\"error-summary\" role=\"group\"\n     aria-labelledby=\"edit-case-event_error-summary-heading\" tabindex=\"-1\">\n  <h2 class=\"heading-h2 error-summary-heading\" id=\"edit-case-event_error-summary-heading\">\n    {{'The callback data failed validation' | rpxTranslate}}\n  </h2>\n  <p>{{error.message | rpxTranslate}}</p>\n  <ul *ngIf=\"error.details?.field_errors\" class=\"error-summary-list\">\n    <li *ngFor=\"let fieldError of error.details.field_errors\">\n      {{fieldError.message | rpxTranslate}}\n    </li>\n  </ul>\n</div>\n<ccd-callback-errors\n  [triggerTextContinue]=\"triggerTextStart\"\n  [triggerTextIgnore]=\"triggerTextIgnoreWarnings\"\n  [callbackErrorsSubject]=\"callbackErrorsSubject\"\n  (callbackErrorsContext)=\"callbackErrorsNotify($event)\">\n</ccd-callback-errors>\n<ccd-activity [caseId]=\"caseDetails.case_id\" [displayMode]=\"BANNER\"></ccd-activity>\n<div class=\"grid-row\">\n  <div class=\"column-one-half\">\n    <ccd-case-header [caseDetails]=\"caseDetails\"></ccd-case-header>\n    <div class=\"case-viewer-controls\" *ngIf=\"hasPrint && !isDraft() && isPrintEnabled()\">\n      <a id=\"case-viewer-control-print\" routerLink=\"print\" class=\"button button-secondary\">{{'Print' | rpxTranslate}}</a>\n    </div>\n  </div>\n  <div *ngIf=\"hasEventSelector\" class=\"column-one-half\">\n    <ccd-event-trigger [isDisabled]=\"isTriggerButtonDisabled()\" [triggers]=\"caseDetails.triggers\"\n                       [triggerText]=\"triggerText\"\n                       [eventId]=\"eventId\"\n                       (onTriggerChange)=\"clearErrorsAndWarnings()\"\n                       (onTriggerSubmit)=\"applyTrigger($event)\"></ccd-event-trigger>\n  </div>\n</div>\n<div class=\"grid-row\" *ngIf=\"activeCaseFlags && !caseFlagsExternalUser\">\n  <div class=\"column-full\">\n    <ccd-notification-banner [notificationBannerConfig]=\"notificationBannerConfig\" (linkClicked)=\"onLinkClicked($event)\">\n    </ccd-notification-banner>\n  </div>\n</div>\n<div class=\"grid-row\">\n  <div class=\"column-full\">\n    <ng-container *ngIf=\"hasTabsPresent()\">\n      <mat-tab-group #tabGroup animationDuration=\"0ms\" (selectedIndexChange)=\"tabChanged($event)\" [disableRipple]=\"true\"\n        [selectedIndex]=\"selectedTabIndex\">\n        <mat-tab *ngFor=\"let tab of prependedTabs\" [id]=\"tab.id\" [label]=\"tab.label | rpxTranslate\">\n        </mat-tab>\n        <mat-tab *ngFor=\"let tab of sortedTabs; let curIdx=index\" [id]=\"tab.id\" [label]=\"tab.label | rpxTranslate\" [aria-label]=\"curIdx === 0 ? tab.label + ', Please use left and right arrow keys to navigate case tabs' : '' | rpxTranslate\">\n          <ng-template matTabContent>\n            <table [class]=\"tab.id\" [attr.aria-label]=\"'case viewer table' | rpxTranslate\">\n              <tbody>\n              <ng-container *ngFor=\"let field of tab | ccdTabFields | ccdReadFieldsFilter:false :undefined :true : formGroup?.controls['data']\">\n                <div ccdLabelSubstitutor [caseField]=\"field\" [contextFields]=\"caseFields\" [hidden]=\"field.hidden\">\n                  <ng-container [ngSwitch]=\"!(field | ccdIsCompound)\">\n                    <tr *ngSwitchCase=\"true\">\n                      <th id=\"case-viewer-field-label\" *ngIf=\"!isFieldToHaveNoLabel(field)\">\n                        <div class=\"case-viewer-label text-16\">\n                          {{field.label | rpxTranslate}}</div>\n                      </th>\n                      <td [id]=\"'case-viewer-field-read--' + field.id\" scope=\"col\">\n                        <span class=\"text-16\">\n                          <ccd-field-read [topLevelFormGroup]=\"formGroup?.controls['data']\"\n                                          [caseField]=\"field\" [caseReference]=\"caseDetails.case_id\"\n                                          [markdownUseHrefAsRouterLink]=\"markdownUseHrefAsRouterLink\">\n                          </ccd-field-read>\n                        </span>\n                      </td>\n                    </tr>\n                    <tr *ngSwitchCase=\"false\" class=\"compound-field\">\n                      <th [id]=\"'case-viewer-field-read--' + field.id\" scope=\"col\">\n                        <span class=\"text-16\">\n                          <ccd-field-read [topLevelFormGroup]=\"formGroup.controls['data']\"\n                                          [caseField]=\"field\" [caseReference]=\"caseDetails.case_id\"\n                                          [markdownUseHrefAsRouterLink]=\"markdownUseHrefAsRouterLink\">\n                          </ccd-field-read>\n                        </span>\n                      </th>\n                    </tr>\n                  </ng-container>\n                </div>\n              </ng-container>\n              </tbody>\n            </table>\n          </ng-template>\n        </mat-tab>\n        <mat-tab *ngFor=\"let tab of appendedTabs\" [id]=\"tab.id\" [label]=\"tab.label | rpxTranslate\">\n        </mat-tab>\n      </mat-tab-group>\n      <router-outlet *ngIf=\"(prependedTabs && prependedTabs.length) || (appendedTabs && appendedTabs.length)\"></router-outlet>\n    </ng-container>\n  </div>\n</div>\n", styles: ["th{width:1%;white-space:nowrap;vertical-align:top}.compound-field th{padding:0}.case-viewer-controls{margin-top:47px;margin-bottom:20px}ccd-case-header{float:left;margin-right:10px}ccd-event-trigger{float:right}.case-viewer-label{min-width:300px;white-space:normal}.markdown h3{margin-bottom:0}.hide-table-capion{position:absolute;visibility:hidden}\n"] }]
     }], () => [{ type: i0.NgZone }, { type: i1$1.ActivatedRoute }, { type: i1$1.Router }, { type: NavigationNotifierService }, { type: OrderService }, { type: ActivityPollingService }, { type: i1$3.MatLegacyDialog }, { type: AlertService }, { type: DraftService }, { type: ErrorNotifierService }, { type: ConvertHrefToRouterService }, { type: i5.Location }, { type: i0.ChangeDetectorRef }, { type: SessionStorageService }, { type: i1.RpxTranslatePipe }, { type: LoadingService }], { hasPrint: [{
             type: Input
         }], hasEventSelector: [{
@@ -34145,7 +34152,7 @@ function ErrorMessageComponent_ng_container_0_Template(rf, ctx) { if (rf & 1) {
 class ErrorMessageComponent {
     error;
     static ɵfac = function ErrorMessageComponent_Factory(t) { return new (t || ErrorMessageComponent)(); };
-    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: ErrorMessageComponent, selectors: [["exui-error-message"]], inputs: { error: "error" }, decls: 1, vars: 1, consts: [[4, "ngIf"], ["aria-labelledby", "error-summary-title", "role", "alert", "tabindex", "-1", "data-module", "govuk-error-summary", 1, "govuk-error-summary"], ["id", "error-summary-title", 1, "govuk-error-summary__title"], [1, "govuk-error-summary__body"], [1, "govuk-list", "govuk-error-summary__list"], ["routerLink", ".", 3, "fragment"]], template: function ErrorMessageComponent_Template(rf, ctx) { if (rf & 1) {
+    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: ErrorMessageComponent, selectors: [["exui-error-message"]], inputs: { error: "error" }, decls: 1, vars: 1, consts: [[4, "ngIf"], ["aria-labelledby", "error-summary-title", "role", "alert", "tabindex", "-1", "data-module", "govuk-error-summary", 1, "govuk-error-summary"], ["id", "error-summary-title", 1, "govuk-error-summary__title"], [1, "govuk-error-summary__body"], [1, "govuk-list", "govuk-error-summary__list"], ["routerLink", ".", "tabindex", "0", 3, "fragment"]], template: function ErrorMessageComponent_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵtemplate(0, ErrorMessageComponent_ng_container_0_Template, 11, 7, "ng-container", 0);
         } if (rf & 2) {
             i0.ɵɵproperty("ngIf", ctx.error);
@@ -34153,7 +34160,7 @@ class ErrorMessageComponent {
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(ErrorMessageComponent, [{
         type: Component,
-        args: [{ selector: 'exui-error-message', template: "<!-- Cloned from rpx-xui-webapp src/app/components/error-message/error-message.component.html -->\n<ng-container *ngIf=\"error\">\n  <div class=\"govuk-error-summary\" aria-labelledby=\"error-summary-title\" role=\"alert\" tabindex=\"-1\" data-module=\"govuk-error-summary\">\n    <h2 class=\"govuk-error-summary__title\" id=\"error-summary-title\">{{error.title | rpxTranslate}}</h2>\n    <div class=\"govuk-error-summary__body\">\n      <ul class=\"govuk-list govuk-error-summary__list\">\n        <li>\n          <a routerLink=\".\" [fragment]=\"error.fieldId\">{{error.description | rpxTranslate}}</a>\n        </li>\n      </ul>\n    </div>\n  </div>\n</ng-container>\n" }]
+        args: [{ selector: 'exui-error-message', template: "<!-- Cloned from rpx-xui-webapp src/app/components/error-message/error-message.component.html -->\n<ng-container *ngIf=\"error\">\n  <div class=\"govuk-error-summary\" aria-labelledby=\"error-summary-title\" role=\"alert\" tabindex=\"-1\" data-module=\"govuk-error-summary\">\n    <h2 class=\"govuk-error-summary__title\" id=\"error-summary-title\">{{error.title | rpxTranslate}}</h2>\n    <div class=\"govuk-error-summary__body\">\n      <ul class=\"govuk-list govuk-error-summary__list\">\n        <li>\n          <a routerLink=\".\" tabindex=\"0\" [fragment]=\"error.fieldId\">{{error.description | rpxTranslate}}</a>\n        </li>\n      </ul>\n    </div>\n  </div>\n</ng-container>\n" }]
     }], null, { error: [{
             type: Input
         }] }); })();