@hmcts/ccd-case-ui-toolkit 7.1.51-ongoing-accessibility-v1.2 → 7.1.51-ongoing-accessibility-v1.3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -50,11 +50,11 @@ export class DeleteOrCancelDialogComponent {
50
50
  i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(15, 8, "Delete draft"));
51
51
  i0.ɵɵadvance(3);
52
52
  i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(18, 10, "Cancel"));
53
- } }, dependencies: [i2.RpxTranslatePipe], styles: [".x[_ngcontent-%COMP%]{margin:0;padding:9px 9px 0 0;font-size:24px;font-weight:700;font-style:normal;font-stretch:normal;cursor:pointer;color:#6e7071}.dialog-header[_ngcontent-%COMP%]{text-align:right}.dialog-title[_ngcontent-%COMP%], .dialog-info[_ngcontent-%COMP%]{margin:0 0 21px 25px}.action-button[_ngcontent-%COMP%]{margin:0 15px 0 25px}"] });
53
+ } }, dependencies: [i2.RpxTranslatePipe], styles: [".x[_ngcontent-%COMP%]{margin:0;padding:9px 9px 0 0;font-size:24px;font-weight:700;font-style:normal;font-stretch:normal;cursor:pointer;color:#6e7071}@media (prefers-color-scheme: dark){.dialog-title[_ngcontent-%COMP%], .dialog-info[_ngcontent-%COMP%]{color:#000}}.dialog-header[_ngcontent-%COMP%]{text-align:right}.dialog-title[_ngcontent-%COMP%], .dialog-info[_ngcontent-%COMP%]{margin:0 0 21px 25px}.action-button[_ngcontent-%COMP%]{margin:0 15px 0 25px}"] });
54
54
  }
55
55
  (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(DeleteOrCancelDialogComponent, [{
56
56
  type: Component,
57
- args: [{ selector: 'ccd-delete-or-cancel-dialog', template: "<div>\n <div class=\"dialog-header\">\n <h2 (click)=\"cancel()\" class=\"heading-h2 x\">X</h2>\n </div>\n <div>\n <h2 class=\"heading-h2 dialog-title\">{{'Are you sure you want to delete this draft?' | rpxTranslate}}</h2>\n </div>\n <div class=\"dialog-info\">\n <span class=\"text-info\">{{'You are about to delete this draft. Are you sure you want to proceed?' | rpxTranslate}}</span>\n </div>\n <div>\n <button type=\"button\" title=\"Delete\" class=\"button action-button\" (click)=\"delete()\">{{'Delete draft' | rpxTranslate}}</button>\n <button type=\"button\" title=\"Cancel\" class=\"button button-secondary\" (click)=\"cancel()\">{{'Cancel' | rpxTranslate}}</button>\n </div>\n</div>\n", styles: [".x{margin:0;padding:9px 9px 0 0;font-size:24px;font-weight:700;font-style:normal;font-stretch:normal;cursor:pointer;color:#6e7071}.dialog-header{text-align:right}.dialog-title,.dialog-info{margin:0 0 21px 25px}.action-button{margin:0 15px 0 25px}\n"] }]
57
+ args: [{ selector: 'ccd-delete-or-cancel-dialog', template: "<div>\n <div class=\"dialog-header\">\n <h2 (click)=\"cancel()\" class=\"heading-h2 x\">X</h2>\n </div>\n <div>\n <h2 class=\"heading-h2 dialog-title\">{{'Are you sure you want to delete this draft?' | rpxTranslate}}</h2>\n </div>\n <div class=\"dialog-info\">\n <span class=\"text-info\">{{'You are about to delete this draft. Are you sure you want to proceed?' | rpxTranslate}}</span>\n </div>\n <div>\n <button type=\"button\" title=\"Delete\" class=\"button action-button\" (click)=\"delete()\">{{'Delete draft' | rpxTranslate}}</button>\n <button type=\"button\" title=\"Cancel\" class=\"button button-secondary\" (click)=\"cancel()\">{{'Cancel' | rpxTranslate}}</button>\n </div>\n</div>\n", styles: [".x{margin:0;padding:9px 9px 0 0;font-size:24px;font-weight:700;font-style:normal;font-stretch:normal;cursor:pointer;color:#6e7071}@media (prefers-color-scheme: dark){.dialog-title,.dialog-info{color:#000}}.dialog-header{text-align:right}.dialog-title,.dialog-info{margin:0 0 21px 25px}.action-button{margin:0 15px 0 25px}\n"] }]
58
58
  }], () => [{ type: i1.MatLegacyDialogRef }], null); })();
59
59
  (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(DeleteOrCancelDialogComponent, { className: "DeleteOrCancelDialogComponent", filePath: "lib/shared/components/dialogs/delete-or-cancel-dialog/delete-or-cancel-dialog.component.ts", lineNumber: 9 }); })();
60
60
  //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGVsZXRlLW9yLWNhbmNlbC1kaWFsb2cuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvY2NkLWNhc2UtdWktdG9vbGtpdC9zcmMvbGliL3NoYXJlZC9jb21wb25lbnRzL2RpYWxvZ3MvZGVsZXRlLW9yLWNhbmNlbC1kaWFsb2cvZGVsZXRlLW9yLWNhbmNlbC1kaWFsb2cuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvY2NkLWNhc2UtdWktdG9vbGtpdC9zcmMvbGliL3NoYXJlZC9jb21wb25lbnRzL2RpYWxvZ3MvZGVsZXRlLW9yLWNhbmNlbC1kaWFsb2cvZGVsZXRlLW9yLWNhbmNlbC1kaWFsb2cuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUMxQyxPQUFPLEVBQUUsa0JBQWtCLElBQUksWUFBWSxFQUFFLE1BQU0saUNBQWlDLENBQUM7Ozs7QUFPckYsTUFBTSxPQUFPLDZCQUE2QjtJQUlYO0lBRnRCLE1BQU0sQ0FBUztJQUV0QixZQUE2QixZQUF5RDtRQUF6RCxpQkFBWSxHQUFaLFlBQVksQ0FBNkM7SUFBRyxDQUFDO0lBRW5GLE1BQU07UUFDWCxJQUFJLENBQUMsTUFBTSxHQUFHLFFBQVEsQ0FBQztRQUN2QixJQUFJLENBQUMsWUFBWSxDQUFDLEtBQUssQ0FBQyxJQUFJLENBQUMsTUFBTSxDQUFDLENBQUM7SUFDdkMsQ0FBQztJQUNNLE1BQU07UUFDWCxJQUFJLENBQUMsTUFBTSxHQUFHLFFBQVEsQ0FBQztRQUN2QixJQUFJLENBQUMsWUFBWSxDQUFDLEtBQUssQ0FBQyxJQUFJLENBQUMsTUFBTSxDQUFDLENBQUM7SUFDdkMsQ0FBQzt1RkFiVSw2QkFBNkI7NkRBQTdCLDZCQUE2QjtZQ05wQyxBQURGLEFBREosMkJBQUssYUFDMEIsWUFDbUI7WUFBeEMsc0dBQVMsWUFBUSxJQUFDO1lBQXNCLGlCQUFDO1lBQy9DLEFBRCtDLGlCQUFLLEVBQzlDO1lBRUosQUFERiwyQkFBSyxZQUNpQztZQUFBLFlBQWdFOztZQUN0RyxBQURzRyxpQkFBSyxFQUNyRztZQUVKLEFBREYsOEJBQXlCLGNBQ0M7WUFBQSxhQUEwRjs7WUFDcEgsQUFEb0gsaUJBQU8sRUFDckg7WUFFSixBQURGLDRCQUFLLGlCQUNrRjtZQUFuQiwyR0FBUyxZQUFRLElBQUM7WUFBQyxhQUFpQzs7WUFBQSxpQkFBUztZQUMvSCxrQ0FBd0Y7WUFBbkIsMkdBQVMsWUFBUSxJQUFDO1lBQUMsYUFBMkI7O1lBRXpILEFBREksQUFEcUgsaUJBQVMsRUFDeEgsRUFDSjs7WUFUb0MsZUFBZ0U7WUFBaEUseUZBQWdFO1lBRzVFLGVBQTBGO1lBQTFGLG9IQUEwRjtZQUc3QixlQUFpQztZQUFqQywyREFBaUM7WUFDOUIsZUFBMkI7WUFBM0Isc0RBQTJCOzs7aUZESjVHLDZCQUE2QjtjQUx6QyxTQUFTOzJCQUNFLDZCQUE2Qjs7a0ZBSTVCLDZCQUE2QiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgTWF0TGVnYWN5RGlhbG9nUmVmIGFzIE1hdERpYWxvZ1JlZiB9IGZyb20gJ0Bhbmd1bGFyL21hdGVyaWFsL2xlZ2FjeS1kaWFsb2cnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdjY2QtZGVsZXRlLW9yLWNhbmNlbC1kaWFsb2cnLFxuICB0ZW1wbGF0ZVVybDogJy4vZGVsZXRlLW9yLWNhbmNlbC1kaWFsb2cuY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi4vYWN0aW9uLWRpYWxvZy5jb21wb25lbnQuc2NzcyddXG59KVxuZXhwb3J0IGNsYXNzIERlbGV0ZU9yQ2FuY2VsRGlhbG9nQ29tcG9uZW50IHtcblxuICBwdWJsaWMgcmVzdWx0OiBzdHJpbmc7XG5cbiAgY29uc3RydWN0b3IocHJpdmF0ZSByZWFkb25seSBtYXREaWFsb2dSZWY6IE1hdERpYWxvZ1JlZjxEZWxldGVPckNhbmNlbERpYWxvZ0NvbXBvbmVudD4pIHt9XG5cbiAgcHVibGljIGRlbGV0ZSgpIHtcbiAgICB0aGlzLnJlc3VsdCA9ICdEZWxldGUnO1xuICAgIHRoaXMubWF0RGlhbG9nUmVmLmNsb3NlKHRoaXMucmVzdWx0KTtcbiAgfVxuICBwdWJsaWMgY2FuY2VsKCkge1xuICAgIHRoaXMucmVzdWx0ID0gJ0NhbmNlbCc7XG4gICAgdGhpcy5tYXREaWFsb2dSZWYuY2xvc2UodGhpcy5yZXN1bHQpO1xuICB9XG59XG4iLCI8ZGl2PlxuICAgIDxkaXYgY2xhc3M9XCJkaWFsb2ctaGVhZGVyXCI+XG4gICAgICA8aDIgKGNsaWNrKT1cImNhbmNlbCgpXCIgY2xhc3M9XCJoZWFkaW5nLWgyIHhcIj5YPC9oMj5cbiAgICA8L2Rpdj5cbiAgICA8ZGl2PlxuICAgICAgPGgyIGNsYXNzPVwiaGVhZGluZy1oMiBkaWFsb2ctdGl0bGVcIj57eydBcmUgeW91IHN1cmUgeW91IHdhbnQgdG8gZGVsZXRlIHRoaXMgZHJhZnQ/JyB8IHJweFRyYW5zbGF0ZX19PC9oMj5cbiAgICA8L2Rpdj5cbiAgICA8ZGl2IGNsYXNzPVwiZGlhbG9nLWluZm9cIj5cbiAgICAgIDxzcGFuIGNsYXNzPVwidGV4dC1pbmZvXCI+e3snWW91IGFyZSBhYm91dCB0byBkZWxldGUgdGhpcyBkcmFmdC4gQXJlIHlvdSBzdXJlIHlvdSB3YW50IHRvIHByb2NlZWQ/JyB8IHJweFRyYW5zbGF0ZX19PC9zcGFuPlxuICAgIDwvZGl2PlxuICAgIDxkaXY+XG4gICAgICA8YnV0dG9uIHR5cGU9XCJidXR0b25cIiB0aXRsZT1cIkRlbGV0ZVwiIGNsYXNzPVwiYnV0dG9uIGFjdGlvbi1idXR0b25cIiAoY2xpY2spPVwiZGVsZXRlKClcIj57eydEZWxldGUgZHJhZnQnIHwgcnB4VHJhbnNsYXRlfX08L2J1dHRvbj5cbiAgICAgIDxidXR0b24gdHlwZT1cImJ1dHRvblwiIHRpdGxlPVwiQ2FuY2VsXCIgY2xhc3M9XCJidXR0b24gYnV0dG9uLXNlY29uZGFyeVwiIChjbGljayk9XCJjYW5jZWwoKVwiPnt7J0NhbmNlbCcgfCBycHhUcmFuc2xhdGV9fTwvYnV0dG9uPlxuICAgIDwvZGl2PlxuPC9kaXY+XG4iXX0=
@@ -52,11 +52,11 @@ export class DocumentDialogComponent {
52
52
  i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(15, 8, "Replace file"));
53
53
  i0.ɵɵadvance(3);
54
54
  i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(18, 10, "Cancel"));
55
- } }, dependencies: [i2.RpxTranslatePipe], styles: [".x[_ngcontent-%COMP%]{margin:0;padding:9px 9px 0 0;font-size:24px;font-weight:700;font-style:normal;font-stretch:normal;cursor:pointer;color:#6e7071}.dialog-header[_ngcontent-%COMP%]{text-align:right}.dialog-title[_ngcontent-%COMP%], .dialog-info[_ngcontent-%COMP%]{margin:0 0 21px 25px}.action-button[_ngcontent-%COMP%]{margin:0 15px 0 25px}"] });
55
+ } }, dependencies: [i2.RpxTranslatePipe], styles: [".x[_ngcontent-%COMP%]{margin:0;padding:9px 9px 0 0;font-size:24px;font-weight:700;font-style:normal;font-stretch:normal;cursor:pointer;color:#6e7071}@media (prefers-color-scheme: dark){.dialog-title[_ngcontent-%COMP%], .dialog-info[_ngcontent-%COMP%]{color:#000}}.dialog-header[_ngcontent-%COMP%]{text-align:right}.dialog-title[_ngcontent-%COMP%], .dialog-info[_ngcontent-%COMP%]{margin:0 0 21px 25px}.action-button[_ngcontent-%COMP%]{margin:0 15px 0 25px}"] });
56
56
  }
57
57
  (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(DocumentDialogComponent, [{
58
58
  type: Component,
59
- args: [{ selector: 'ccd-document-dialog', template: "<div>\n <div class=\"dialog-header\">\n <h2 (click)=\"cancel()\" class=\"heading-h2 x\">X</h2>\n </div>\n <div>\n <h2 class=\"heading-h2 dialog-title\">{{'Are you sure you want to replace the existing file?' | rpxTranslate}}</h2>\n </div>\n <div class=\"dialog-info\">\n <span class=\"text-info\">{{'You are about to delete the original file uploaded. Are you sure you want to proceed?' | rpxTranslate}}</span>\n </div>\n <div>\n <button type=\"button\" title=\"Replace\" class=\"button action-button\" (click)=\"replace()\">{{'Replace file' | rpxTranslate}}</button>\n <button type=\"button\" title=\"Cancel\" class=\"button button-secondary\" (click)=\"cancel()\">{{'Cancel' | rpxTranslate}}</button>\n </div>\n</div>\n", styles: [".x{margin:0;padding:9px 9px 0 0;font-size:24px;font-weight:700;font-style:normal;font-stretch:normal;cursor:pointer;color:#6e7071}.dialog-header{text-align:right}.dialog-title,.dialog-info{margin:0 0 21px 25px}.action-button{margin:0 15px 0 25px}\n"] }]
59
+ args: [{ selector: 'ccd-document-dialog', template: "<div>\n <div class=\"dialog-header\">\n <h2 (click)=\"cancel()\" class=\"heading-h2 x\">X</h2>\n </div>\n <div>\n <h2 class=\"heading-h2 dialog-title\">{{'Are you sure you want to replace the existing file?' | rpxTranslate}}</h2>\n </div>\n <div class=\"dialog-info\">\n <span class=\"text-info\">{{'You are about to delete the original file uploaded. Are you sure you want to proceed?' | rpxTranslate}}</span>\n </div>\n <div>\n <button type=\"button\" title=\"Replace\" class=\"button action-button\" (click)=\"replace()\">{{'Replace file' | rpxTranslate}}</button>\n <button type=\"button\" title=\"Cancel\" class=\"button button-secondary\" (click)=\"cancel()\">{{'Cancel' | rpxTranslate}}</button>\n </div>\n</div>\n", styles: [".x{margin:0;padding:9px 9px 0 0;font-size:24px;font-weight:700;font-style:normal;font-stretch:normal;cursor:pointer;color:#6e7071}@media (prefers-color-scheme: dark){.dialog-title,.dialog-info{color:#000}}.dialog-header{text-align:right}.dialog-title,.dialog-info{margin:0 0 21px 25px}.action-button{margin:0 15px 0 25px}\n"] }]
60
60
  }], () => [{ type: i1.MatLegacyDialogRef }], null); })();
61
61
  (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(DocumentDialogComponent, { className: "DocumentDialogComponent", filePath: "lib/shared/components/dialogs/document-dialog/document-dialog.component.ts", lineNumber: 9 }); })();
62
62
  //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZG9jdW1lbnQtZGlhbG9nLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2NjZC1jYXNlLXVpLXRvb2xraXQvc3JjL2xpYi9zaGFyZWQvY29tcG9uZW50cy9kaWFsb2dzL2RvY3VtZW50LWRpYWxvZy9kb2N1bWVudC1kaWFsb2cuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvY2NkLWNhc2UtdWktdG9vbGtpdC9zcmMvbGliL3NoYXJlZC9jb21wb25lbnRzL2RpYWxvZ3MvZG9jdW1lbnQtZGlhbG9nL2RvY3VtZW50LWRpYWxvZy5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFVLE1BQU0sZUFBZSxDQUFDO0FBQ2xELE9BQU8sRUFBRSxrQkFBa0IsSUFBSSxZQUFZLEVBQUUsTUFBTSxpQ0FBaUMsQ0FBQzs7OztBQU9yRixNQUFNLE9BQU8sdUJBQXVCO0lBSUw7SUFGdEIsTUFBTSxDQUFTO0lBRXRCLFlBQTZCLFlBQW1EO1FBQW5ELGlCQUFZLEdBQVosWUFBWSxDQUF1QztJQUFHLENBQUM7SUFFN0UsUUFBUTtJQUNmLENBQUM7SUFFTSxPQUFPO1FBQ1osSUFBSSxDQUFDLE1BQU0sR0FBRyxTQUFTLENBQUM7UUFDeEIsSUFBSSxDQUFDLFlBQVksQ0FBQyxLQUFLLENBQUMsSUFBSSxDQUFDLE1BQU0sQ0FBQyxDQUFDO0lBQ3ZDLENBQUM7SUFDTSxNQUFNO1FBQ1gsSUFBSSxDQUFDLE1BQU0sR0FBRyxRQUFRLENBQUM7UUFDdkIsSUFBSSxDQUFDLFlBQVksQ0FBQyxLQUFLLENBQUMsSUFBSSxDQUFDLE1BQU0sQ0FBQyxDQUFDO0lBQ3ZDLENBQUM7aUZBaEJVLHVCQUF1Qjs2REFBdkIsdUJBQXVCO1lDTmhDLEFBREYsQUFERiwyQkFBSyxhQUN3QixZQUNtQjtZQUF4QyxnR0FBUyxZQUFRLElBQUM7WUFBc0IsaUJBQUM7WUFDL0MsQUFEK0MsaUJBQUssRUFDOUM7WUFFSixBQURGLDJCQUFLLFlBQ2lDO1lBQUEsWUFBd0U7O1lBQzlHLEFBRDhHLGlCQUFLLEVBQzdHO1lBRUosQUFERiw4QkFBeUIsY0FDQztZQUFBLGFBQTBHOztZQUNwSSxBQURvSSxpQkFBTyxFQUNySTtZQUVKLEFBREYsNEJBQUssaUJBQ29GO1lBQXBCLHFHQUFTLGFBQVMsSUFBQztZQUFDLGFBQWlDOztZQUFBLGlCQUFTO1lBQ2pJLGtDQUF3RjtZQUFuQixxR0FBUyxZQUFRLElBQUM7WUFBQyxhQUEyQjs7WUFFdkgsQUFERSxBQURxSCxpQkFBUyxFQUN4SCxFQUNGOztZQVRrQyxlQUF3RTtZQUF4RSxpR0FBd0U7WUFHcEYsZUFBMEc7WUFBMUcsb0lBQTBHO1lBRzNDLGVBQWlDO1lBQWpDLDJEQUFpQztZQUNoQyxlQUEyQjtZQUEzQixzREFBMkI7OztpRkRKMUcsdUJBQXVCO2NBTG5DLFNBQVM7MkJBQ0UscUJBQXFCOztrRkFJcEIsdUJBQXVCIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBPbkluaXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IE1hdExlZ2FjeURpYWxvZ1JlZiBhcyBNYXREaWFsb2dSZWYgfSBmcm9tICdAYW5ndWxhci9tYXRlcmlhbC9sZWdhY3ktZGlhbG9nJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnY2NkLWRvY3VtZW50LWRpYWxvZycsXG4gIHRlbXBsYXRlVXJsOiAnLi9kb2N1bWVudC1kaWFsb2cuY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi4vYWN0aW9uLWRpYWxvZy5jb21wb25lbnQuc2NzcyddXG59KVxuZXhwb3J0IGNsYXNzIERvY3VtZW50RGlhbG9nQ29tcG9uZW50IGltcGxlbWVudHMgT25Jbml0IHtcblxuICBwdWJsaWMgcmVzdWx0OiBzdHJpbmc7XG5cbiAgY29uc3RydWN0b3IocHJpdmF0ZSByZWFkb25seSBtYXREaWFsb2dSZWY6IE1hdERpYWxvZ1JlZjxEb2N1bWVudERpYWxvZ0NvbXBvbmVudD4pIHt9XG5cbiAgcHVibGljIG5nT25Jbml0KCkge1xuICB9XG5cbiAgcHVibGljIHJlcGxhY2UoKSB7XG4gICAgdGhpcy5yZXN1bHQgPSAnUmVwbGFjZSc7XG4gICAgdGhpcy5tYXREaWFsb2dSZWYuY2xvc2UodGhpcy5yZXN1bHQpO1xuICB9XG4gIHB1YmxpYyBjYW5jZWwoKSB7XG4gICAgdGhpcy5yZXN1bHQgPSAnQ2FuY2VsJztcbiAgICB0aGlzLm1hdERpYWxvZ1JlZi5jbG9zZSh0aGlzLnJlc3VsdCk7XG4gIH1cbn1cbiIsIjxkaXY+XG4gIDxkaXYgY2xhc3M9XCJkaWFsb2ctaGVhZGVyXCI+XG4gICAgPGgyIChjbGljayk9XCJjYW5jZWwoKVwiIGNsYXNzPVwiaGVhZGluZy1oMiB4XCI+WDwvaDI+XG4gIDwvZGl2PlxuICA8ZGl2PlxuICAgIDxoMiBjbGFzcz1cImhlYWRpbmctaDIgZGlhbG9nLXRpdGxlXCI+e3snQXJlIHlvdSBzdXJlIHlvdSB3YW50IHRvIHJlcGxhY2UgdGhlIGV4aXN0aW5nIGZpbGU/JyB8IHJweFRyYW5zbGF0ZX19PC9oMj5cbiAgPC9kaXY+XG4gIDxkaXYgY2xhc3M9XCJkaWFsb2ctaW5mb1wiPlxuICAgIDxzcGFuIGNsYXNzPVwidGV4dC1pbmZvXCI+e3snWW91IGFyZSBhYm91dCB0byBkZWxldGUgdGhlIG9yaWdpbmFsIGZpbGUgdXBsb2FkZWQuIEFyZSB5b3Ugc3VyZSB5b3Ugd2FudCB0byBwcm9jZWVkPycgfCBycHhUcmFuc2xhdGV9fTwvc3Bhbj5cbiAgPC9kaXY+XG4gIDxkaXY+XG4gICAgPGJ1dHRvbiB0eXBlPVwiYnV0dG9uXCIgdGl0bGU9XCJSZXBsYWNlXCIgY2xhc3M9XCJidXR0b24gYWN0aW9uLWJ1dHRvblwiIChjbGljayk9XCJyZXBsYWNlKClcIj57eydSZXBsYWNlIGZpbGUnIHwgcnB4VHJhbnNsYXRlfX08L2J1dHRvbj5cbiAgICA8YnV0dG9uIHR5cGU9XCJidXR0b25cIiB0aXRsZT1cIkNhbmNlbFwiIGNsYXNzPVwiYnV0dG9uIGJ1dHRvbi1zZWNvbmRhcnlcIiAoY2xpY2spPVwiY2FuY2VsKClcIj57eydDYW5jZWwnIHwgcnB4VHJhbnNsYXRlfX08L2J1dHRvbj5cbiAgPC9kaXY+XG48L2Rpdj5cbiJdfQ==
@@ -50,11 +50,11 @@ export class RemoveDialogComponent {
50
50
  i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(15, 8, "Remove"));
51
51
  i0.ɵɵadvance(3);
52
52
  i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(18, 10, "Cancel"));
53
- } }, dependencies: [i2.RpxTranslatePipe], styles: [".x[_ngcontent-%COMP%]{margin:0;padding:9px 9px 0 0;font-size:24px;font-weight:700;font-style:normal;font-stretch:normal;cursor:pointer;color:#6e7071}.dialog-header[_ngcontent-%COMP%]{text-align:right}.dialog-title[_ngcontent-%COMP%], .dialog-info[_ngcontent-%COMP%]{margin:0 0 21px 25px}.action-button[_ngcontent-%COMP%]{margin:0 15px 0 25px}"] });
53
+ } }, dependencies: [i2.RpxTranslatePipe], styles: [".x[_ngcontent-%COMP%]{margin:0;padding:9px 9px 0 0;font-size:24px;font-weight:700;font-style:normal;font-stretch:normal;cursor:pointer;color:#6e7071}@media (prefers-color-scheme: dark){.dialog-title[_ngcontent-%COMP%], .dialog-info[_ngcontent-%COMP%]{color:#000}}.dialog-header[_ngcontent-%COMP%]{text-align:right}.dialog-title[_ngcontent-%COMP%], .dialog-info[_ngcontent-%COMP%]{margin:0 0 21px 25px}.action-button[_ngcontent-%COMP%]{margin:0 15px 0 25px}"] });
54
54
  }
55
55
  (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(RemoveDialogComponent, [{
56
56
  type: Component,
57
- args: [{ selector: 'ccd-remove-dialog', template: "<div>\n <div class=\"dialog-header\">\n <h2 (click)=\"cancel()\" class=\"heading-h2 x\">X</h2>\n </div>\n <div>\n <h2 class=\"heading-h2 dialog-title\">{{'Are you sure you want to remove the item?' | rpxTranslate}}</h2>\n </div>\n <div class=\"dialog-info\">\n <span class=\"text-info\">\n {{'You are about to permanently remove an item, are you sure you want to remove this item?' | rpxTranslate}}\n </span>\n </div>\n <div>\n <button type=\"button\" title=\"Remove\" class=\"button action-button\" (click)=\"remove()\">{{'Remove' | rpxTranslate}}</button>\n <button type=\"button\" title=\"Cancel\" class=\"button button-secondary\" (click)=\"cancel()\">{{'Cancel' | rpxTranslate}}</button>\n </div>\n</div>\n", styles: [".x{margin:0;padding:9px 9px 0 0;font-size:24px;font-weight:700;font-style:normal;font-stretch:normal;cursor:pointer;color:#6e7071}.dialog-header{text-align:right}.dialog-title,.dialog-info{margin:0 0 21px 25px}.action-button{margin:0 15px 0 25px}\n"] }]
57
+ args: [{ selector: 'ccd-remove-dialog', template: "<div>\n <div class=\"dialog-header\">\n <h2 (click)=\"cancel()\" class=\"heading-h2 x\">X</h2>\n </div>\n <div>\n <h2 class=\"heading-h2 dialog-title\">{{'Are you sure you want to remove the item?' | rpxTranslate}}</h2>\n </div>\n <div class=\"dialog-info\">\n <span class=\"text-info\">\n {{'You are about to permanently remove an item, are you sure you want to remove this item?' | rpxTranslate}}\n </span>\n </div>\n <div>\n <button type=\"button\" title=\"Remove\" class=\"button action-button\" (click)=\"remove()\">{{'Remove' | rpxTranslate}}</button>\n <button type=\"button\" title=\"Cancel\" class=\"button button-secondary\" (click)=\"cancel()\">{{'Cancel' | rpxTranslate}}</button>\n </div>\n</div>\n", styles: [".x{margin:0;padding:9px 9px 0 0;font-size:24px;font-weight:700;font-style:normal;font-stretch:normal;cursor:pointer;color:#6e7071}@media (prefers-color-scheme: dark){.dialog-title,.dialog-info{color:#000}}.dialog-header{text-align:right}.dialog-title,.dialog-info{margin:0 0 21px 25px}.action-button{margin:0 15px 0 25px}\n"] }]
58
58
  }], () => [{ type: i1.MatLegacyDialogRef }], null); })();
59
59
  (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(RemoveDialogComponent, { className: "RemoveDialogComponent", filePath: "lib/shared/components/dialogs/remove-dialog/remove-dialog.component.ts", lineNumber: 9 }); })();
60
60
  //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicmVtb3ZlLWRpYWxvZy5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9jY2QtY2FzZS11aS10b29sa2l0L3NyYy9saWIvc2hhcmVkL2NvbXBvbmVudHMvZGlhbG9ncy9yZW1vdmUtZGlhbG9nL3JlbW92ZS1kaWFsb2cuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvY2NkLWNhc2UtdWktdG9vbGtpdC9zcmMvbGliL3NoYXJlZC9jb21wb25lbnRzL2RpYWxvZ3MvcmVtb3ZlLWRpYWxvZy9yZW1vdmUtZGlhbG9nLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDMUMsT0FBTyxFQUFFLGtCQUFrQixJQUFJLFlBQVksRUFBRSxNQUFNLGlDQUFpQyxDQUFDOzs7O0FBT3JGLE1BQU0sT0FBTyxxQkFBcUI7SUFJSDtJQUZ0QixNQUFNLENBQVM7SUFFdEIsWUFBNkIsWUFBaUQ7UUFBakQsaUJBQVksR0FBWixZQUFZLENBQXFDO0lBQUcsQ0FBQztJQUUzRSxNQUFNO1FBQ1gsSUFBSSxDQUFDLE1BQU0sR0FBRyxRQUFRLENBQUM7UUFDdkIsSUFBSSxDQUFDLFlBQVksQ0FBQyxLQUFLLENBQUMsSUFBSSxDQUFDLE1BQU0sQ0FBQyxDQUFDO0lBQ3ZDLENBQUM7SUFDTSxNQUFNO1FBQ1gsSUFBSSxDQUFDLE1BQU0sR0FBRyxRQUFRLENBQUM7UUFDdkIsSUFBSSxDQUFDLFlBQVksQ0FBQyxLQUFLLENBQUMsSUFBSSxDQUFDLE1BQU0sQ0FBQyxDQUFDO0lBQ3ZDLENBQUM7K0VBYlUscUJBQXFCOzZEQUFyQixxQkFBcUI7WUNOOUIsQUFERixBQURGLDJCQUFLLGFBQ3dCLFlBQ21CO1lBQXhDLDhGQUFTLFlBQVEsSUFBQztZQUFzQixpQkFBQztZQUMvQyxBQUQrQyxpQkFBSyxFQUM5QztZQUVKLEFBREYsMkJBQUssWUFDaUM7WUFBQSxZQUE4RDs7WUFDcEcsQUFEb0csaUJBQUssRUFDbkc7WUFFSixBQURGLDhCQUF5QixjQUNDO1lBQ3RCLGFBQ0Y7O1lBQ0YsQUFERSxpQkFBTyxFQUNIO1lBRUosQUFERiw0QkFBSyxpQkFDa0Y7WUFBbkIsbUdBQVMsWUFBUSxJQUFDO1lBQUMsYUFBMkI7O1lBQUEsaUJBQVM7WUFDekgsa0NBQXdGO1lBQW5CLG1HQUFTLFlBQVEsSUFBQztZQUFDLGFBQTJCOztZQUV2SCxBQURFLEFBRHFILGlCQUFTLEVBQ3hILEVBQ0Y7O1lBWGtDLGVBQThEO1lBQTlELHVGQUE4RDtZQUloRyxlQUNGO1lBREUsaUpBQ0Y7WUFHcUYsZUFBMkI7WUFBM0IscURBQTJCO1lBQ3hCLGVBQTJCO1lBQTNCLHNEQUEyQjs7O2lGRE4xRyxxQkFBcUI7Y0FMakMsU0FBUzsyQkFDRSxtQkFBbUI7O2tGQUlsQixxQkFBcUIiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IE1hdExlZ2FjeURpYWxvZ1JlZiBhcyBNYXREaWFsb2dSZWYgfSBmcm9tICdAYW5ndWxhci9tYXRlcmlhbC9sZWdhY3ktZGlhbG9nJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnY2NkLXJlbW92ZS1kaWFsb2cnLFxuICB0ZW1wbGF0ZVVybDogJy4vcmVtb3ZlLWRpYWxvZy5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuLi9hY3Rpb24tZGlhbG9nLmNvbXBvbmVudC5zY3NzJ11cbn0pXG5leHBvcnQgY2xhc3MgUmVtb3ZlRGlhbG9nQ29tcG9uZW50IHtcblxuICBwdWJsaWMgcmVzdWx0OiBzdHJpbmc7XG5cbiAgY29uc3RydWN0b3IocHJpdmF0ZSByZWFkb25seSBtYXREaWFsb2dSZWY6IE1hdERpYWxvZ1JlZjxSZW1vdmVEaWFsb2dDb21wb25lbnQ+KSB7fVxuXG4gIHB1YmxpYyByZW1vdmUoKSB7XG4gICAgdGhpcy5yZXN1bHQgPSAnUmVtb3ZlJztcbiAgICB0aGlzLm1hdERpYWxvZ1JlZi5jbG9zZSh0aGlzLnJlc3VsdCk7XG4gIH1cbiAgcHVibGljIGNhbmNlbCgpIHtcbiAgICB0aGlzLnJlc3VsdCA9ICdDYW5jZWwnO1xuICAgIHRoaXMubWF0RGlhbG9nUmVmLmNsb3NlKHRoaXMucmVzdWx0KTtcbiAgfVxufVxuIiwiPGRpdj5cbiAgPGRpdiBjbGFzcz1cImRpYWxvZy1oZWFkZXJcIj5cbiAgICA8aDIgKGNsaWNrKT1cImNhbmNlbCgpXCIgY2xhc3M9XCJoZWFkaW5nLWgyIHhcIj5YPC9oMj5cbiAgPC9kaXY+XG4gIDxkaXY+XG4gICAgPGgyIGNsYXNzPVwiaGVhZGluZy1oMiBkaWFsb2ctdGl0bGVcIj57eydBcmUgeW91IHN1cmUgeW91IHdhbnQgdG8gcmVtb3ZlIHRoZSBpdGVtPycgfCBycHhUcmFuc2xhdGV9fTwvaDI+XG4gIDwvZGl2PlxuICA8ZGl2IGNsYXNzPVwiZGlhbG9nLWluZm9cIj5cbiAgICA8c3BhbiBjbGFzcz1cInRleHQtaW5mb1wiPlxuICAgICAge3snWW91IGFyZSBhYm91dCB0byBwZXJtYW5lbnRseSByZW1vdmUgYW4gaXRlbSwgYXJlIHlvdSBzdXJlIHlvdSB3YW50IHRvIHJlbW92ZSB0aGlzIGl0ZW0/JyB8IHJweFRyYW5zbGF0ZX19XG4gICAgPC9zcGFuPlxuICA8L2Rpdj5cbiAgPGRpdj5cbiAgICA8YnV0dG9uIHR5cGU9XCJidXR0b25cIiB0aXRsZT1cIlJlbW92ZVwiIGNsYXNzPVwiYnV0dG9uIGFjdGlvbi1idXR0b25cIiAoY2xpY2spPVwicmVtb3ZlKClcIj57eydSZW1vdmUnIHwgcnB4VHJhbnNsYXRlfX08L2J1dHRvbj5cbiAgICA8YnV0dG9uIHR5cGU9XCJidXR0b25cIiB0aXRsZT1cIkNhbmNlbFwiIGNsYXNzPVwiYnV0dG9uIGJ1dHRvbi1zZWNvbmRhcnlcIiAoY2xpY2spPVwiY2FuY2VsKClcIj57eydDYW5jZWwnIHwgcnB4VHJhbnNsYXRlfX08L2J1dHRvbj5cbiAgPC9kaXY+XG48L2Rpdj5cbiJdfQ==
@@ -54,11 +54,11 @@ export class SaveOrDiscardDialogComponent {
54
54
  i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(15, 8, "Save"));
55
55
  i0.ɵɵadvance(3);
56
56
  i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(18, 10, "Discard"));
57
- } }, dependencies: [i2.RpxTranslatePipe], styles: [".x[_ngcontent-%COMP%]{margin:0;padding:9px 9px 0 0;font-size:24px;font-weight:700;font-style:normal;font-stretch:normal;cursor:pointer;color:#6e7071}.dialog-header[_ngcontent-%COMP%]{text-align:right}.dialog-title[_ngcontent-%COMP%], .dialog-info[_ngcontent-%COMP%]{margin:0 0 21px 25px}.action-button[_ngcontent-%COMP%]{margin:0 15px 0 25px}"] });
57
+ } }, dependencies: [i2.RpxTranslatePipe], styles: [".x[_ngcontent-%COMP%]{margin:0;padding:9px 9px 0 0;font-size:24px;font-weight:700;font-style:normal;font-stretch:normal;cursor:pointer;color:#6e7071}@media (prefers-color-scheme: dark){.dialog-title[_ngcontent-%COMP%], .dialog-info[_ngcontent-%COMP%]{color:#000}}.dialog-header[_ngcontent-%COMP%]{text-align:right}.dialog-title[_ngcontent-%COMP%], .dialog-info[_ngcontent-%COMP%]{margin:0 0 21px 25px}.action-button[_ngcontent-%COMP%]{margin:0 15px 0 25px}"] });
58
58
  }
59
59
  (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(SaveOrDiscardDialogComponent, [{
60
60
  type: Component,
61
- args: [{ selector: 'ccd-save-or-discard-dialog', template: "<div>\n <div class=\"dialog-header\">\n <h2 (click)=\"cancel()\" class=\"heading-h2 x\">X</h2>\n </div>\n <div>\n <h2 class=\"heading-h2 dialog-title\">{{'Would you like to save changes to this page?' | rpxTranslate}}</h2>\n </div>\n <div class=\"dialog-info\">\n <span class=\"text-info\">{{'You will be taken back to your case list.' | rpxTranslate}}</span>\n </div>\n <div>\n <button type=\"button\" title=\"Save\" class=\"button action-button\" (click)=\"save()\">{{'Save' | rpxTranslate}}</button>\n <button type=\"button\" title=\"Discard\" class=\"button button-secondary\" (click)=\"discard()\">{{'Discard' | rpxTranslate}}</button>\n </div>\n</div>\n", styles: [".x{margin:0;padding:9px 9px 0 0;font-size:24px;font-weight:700;font-style:normal;font-stretch:normal;cursor:pointer;color:#6e7071}.dialog-header{text-align:right}.dialog-title,.dialog-info{margin:0 0 21px 25px}.action-button{margin:0 15px 0 25px}\n"] }]
61
+ args: [{ selector: 'ccd-save-or-discard-dialog', template: "<div>\n <div class=\"dialog-header\">\n <h2 (click)=\"cancel()\" class=\"heading-h2 x\">X</h2>\n </div>\n <div>\n <h2 class=\"heading-h2 dialog-title\">{{'Would you like to save changes to this page?' | rpxTranslate}}</h2>\n </div>\n <div class=\"dialog-info\">\n <span class=\"text-info\">{{'You will be taken back to your case list.' | rpxTranslate}}</span>\n </div>\n <div>\n <button type=\"button\" title=\"Save\" class=\"button action-button\" (click)=\"save()\">{{'Save' | rpxTranslate}}</button>\n <button type=\"button\" title=\"Discard\" class=\"button button-secondary\" (click)=\"discard()\">{{'Discard' | rpxTranslate}}</button>\n </div>\n</div>\n", styles: [".x{margin:0;padding:9px 9px 0 0;font-size:24px;font-weight:700;font-style:normal;font-stretch:normal;cursor:pointer;color:#6e7071}@media (prefers-color-scheme: dark){.dialog-title,.dialog-info{color:#000}}.dialog-header{text-align:right}.dialog-title,.dialog-info{margin:0 0 21px 25px}.action-button{margin:0 15px 0 25px}\n"] }]
62
62
  }], () => [{ type: i1.MatLegacyDialogRef }], null); })();
63
63
  (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(SaveOrDiscardDialogComponent, { className: "SaveOrDiscardDialogComponent", filePath: "lib/shared/components/dialogs/save-or-discard-dialog/save-or-discard-dialog.component.ts", lineNumber: 9 }); })();
64
64
  //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2F2ZS1vci1kaXNjYXJkLWRpYWxvZy5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9jY2QtY2FzZS11aS10b29sa2l0L3NyYy9saWIvc2hhcmVkL2NvbXBvbmVudHMvZGlhbG9ncy9zYXZlLW9yLWRpc2NhcmQtZGlhbG9nL3NhdmUtb3ItZGlzY2FyZC1kaWFsb2cuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvY2NkLWNhc2UtdWktdG9vbGtpdC9zcmMvbGliL3NoYXJlZC9jb21wb25lbnRzL2RpYWxvZ3Mvc2F2ZS1vci1kaXNjYXJkLWRpYWxvZy9zYXZlLW9yLWRpc2NhcmQtZGlhbG9nLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDMUMsT0FBTyxFQUFFLGtCQUFrQixJQUFJLFlBQVksRUFBRSxNQUFNLGlDQUFpQyxDQUFDOzs7O0FBT3JGLE1BQU0sT0FBTyw0QkFBNEI7SUFJVjtJQUZ0QixNQUFNLENBQVM7SUFFdEIsWUFBNkIsWUFBd0Q7UUFBeEQsaUJBQVksR0FBWixZQUFZLENBQTRDO0lBQUcsQ0FBQztJQUVsRixNQUFNO1FBQ1gsSUFBSSxDQUFDLE1BQU0sR0FBRyxRQUFRLENBQUM7UUFDdkIsSUFBSSxDQUFDLFlBQVksQ0FBQyxLQUFLLENBQUMsSUFBSSxDQUFDLE1BQU0sQ0FBQyxDQUFDO0lBQ3ZDLENBQUM7SUFDTSxJQUFJO1FBQ1QsSUFBSSxDQUFDLE1BQU0sR0FBRyxNQUFNLENBQUM7UUFDckIsSUFBSSxDQUFDLFlBQVksQ0FBQyxLQUFLLENBQUMsSUFBSSxDQUFDLE1BQU0sQ0FBQyxDQUFDO0lBQ3ZDLENBQUM7SUFDTSxPQUFPO1FBQ1osSUFBSSxDQUFDLE1BQU0sR0FBRyxTQUFTLENBQUM7UUFDeEIsSUFBSSxDQUFDLFlBQVksQ0FBQyxLQUFLLENBQUMsSUFBSSxDQUFDLE1BQU0sQ0FBQyxDQUFDO0lBQ3ZDLENBQUM7c0ZBakJVLDRCQUE0Qjs2REFBNUIsNEJBQTRCO1lDTnJDLEFBREYsQUFERiwyQkFBSyxhQUN3QixZQUNtQjtZQUF4QyxxR0FBUyxZQUFRLElBQUM7WUFBc0IsaUJBQUM7WUFDL0MsQUFEK0MsaUJBQUssRUFDOUM7WUFFSixBQURGLDJCQUFLLFlBQ2lDO1lBQUEsWUFBaUU7O1lBQ3ZHLEFBRHVHLGlCQUFLLEVBQ3RHO1lBRUosQUFERiw4QkFBeUIsY0FDQztZQUFBLGFBQThEOztZQUN4RixBQUR3RixpQkFBTyxFQUN6RjtZQUVKLEFBREYsNEJBQUssaUJBQzhFO1lBQWpCLDBHQUFTLFVBQU0sSUFBQztZQUFDLGFBQXlCOztZQUFBLGlCQUFTO1lBQ25ILGtDQUEwRjtZQUFwQiwwR0FBUyxhQUFTLElBQUM7WUFBQyxhQUE0Qjs7WUFFMUgsQUFERSxBQUR3SCxpQkFBUyxFQUMzSCxFQUNGOztZQVRrQyxlQUFpRTtZQUFqRSwwRkFBaUU7WUFHN0UsZUFBOEQ7WUFBOUQsd0ZBQThEO1lBR0wsZUFBeUI7WUFBekIsbURBQXlCO1lBQ2hCLGVBQTRCO1lBQTVCLHVEQUE0Qjs7O2lGREo3Ryw0QkFBNEI7Y0FMeEMsU0FBUzsyQkFDRSw0QkFBNEI7O2tGQUkzQiw0QkFBNEIiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IE1hdExlZ2FjeURpYWxvZ1JlZiBhcyBNYXREaWFsb2dSZWYgfSBmcm9tICdAYW5ndWxhci9tYXRlcmlhbC9sZWdhY3ktZGlhbG9nJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnY2NkLXNhdmUtb3ItZGlzY2FyZC1kaWFsb2cnLFxuICB0ZW1wbGF0ZVVybDogJy4vc2F2ZS1vci1kaXNjYXJkLWRpYWxvZy5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuLi9hY3Rpb24tZGlhbG9nLmNvbXBvbmVudC5zY3NzJ11cbn0pXG5leHBvcnQgY2xhc3MgU2F2ZU9yRGlzY2FyZERpYWxvZ0NvbXBvbmVudCB7XG5cbiAgcHVibGljIHJlc3VsdDogc3RyaW5nO1xuXG4gIGNvbnN0cnVjdG9yKHByaXZhdGUgcmVhZG9ubHkgbWF0RGlhbG9nUmVmOiBNYXREaWFsb2dSZWY8U2F2ZU9yRGlzY2FyZERpYWxvZ0NvbXBvbmVudD4pIHt9XG5cbiAgcHVibGljIGNhbmNlbCgpIHtcbiAgICB0aGlzLnJlc3VsdCA9ICdDYW5jZWwnO1xuICAgIHRoaXMubWF0RGlhbG9nUmVmLmNsb3NlKHRoaXMucmVzdWx0KTtcbiAgfVxuICBwdWJsaWMgc2F2ZSgpIHtcbiAgICB0aGlzLnJlc3VsdCA9ICdTYXZlJztcbiAgICB0aGlzLm1hdERpYWxvZ1JlZi5jbG9zZSh0aGlzLnJlc3VsdCk7XG4gIH1cbiAgcHVibGljIGRpc2NhcmQoKSB7XG4gICAgdGhpcy5yZXN1bHQgPSAnRGlzY2FyZCc7XG4gICAgdGhpcy5tYXREaWFsb2dSZWYuY2xvc2UodGhpcy5yZXN1bHQpO1xuICB9XG59XG4iLCI8ZGl2PlxuICA8ZGl2IGNsYXNzPVwiZGlhbG9nLWhlYWRlclwiPlxuICAgIDxoMiAoY2xpY2spPVwiY2FuY2VsKClcIiBjbGFzcz1cImhlYWRpbmctaDIgeFwiPlg8L2gyPlxuICA8L2Rpdj5cbiAgPGRpdj5cbiAgICA8aDIgY2xhc3M9XCJoZWFkaW5nLWgyIGRpYWxvZy10aXRsZVwiPnt7J1dvdWxkIHlvdSBsaWtlIHRvIHNhdmUgY2hhbmdlcyB0byB0aGlzIHBhZ2U/JyB8IHJweFRyYW5zbGF0ZX19PC9oMj5cbiAgPC9kaXY+XG4gIDxkaXYgY2xhc3M9XCJkaWFsb2ctaW5mb1wiPlxuICAgIDxzcGFuIGNsYXNzPVwidGV4dC1pbmZvXCI+e3snWW91IHdpbGwgYmUgdGFrZW4gYmFjayB0byB5b3VyIGNhc2UgbGlzdC4nIHwgcnB4VHJhbnNsYXRlfX08L3NwYW4+XG4gIDwvZGl2PlxuICA8ZGl2PlxuICAgIDxidXR0b24gdHlwZT1cImJ1dHRvblwiIHRpdGxlPVwiU2F2ZVwiIGNsYXNzPVwiYnV0dG9uIGFjdGlvbi1idXR0b25cIiAoY2xpY2spPVwic2F2ZSgpXCI+e3snU2F2ZScgfCBycHhUcmFuc2xhdGV9fTwvYnV0dG9uPlxuICAgIDxidXR0b24gdHlwZT1cImJ1dHRvblwiIHRpdGxlPVwiRGlzY2FyZFwiIGNsYXNzPVwiYnV0dG9uIGJ1dHRvbi1zZWNvbmRhcnlcIiAoY2xpY2spPVwiZGlzY2FyZCgpXCI+e3snRGlzY2FyZCcgfCBycHhUcmFuc2xhdGV9fTwvYnV0dG9uPlxuICA8L2Rpdj5cbjwvZGl2PlxuIl19
@@ -54,6 +54,13 @@ export class CaseFileViewOverlayMenuComponent {
54
54
  menuItems;
55
55
  isOpen = false;
56
56
  isOpenChange = new EventEmitter();
57
+ setOpen() {
58
+ this.isOpen = !this.isOpen;
59
+ if (this.isOpen) {
60
+ const firstFocusableElement = document.querySelector('.overlay-menu > li:first-child');
61
+ firstFocusableElement.focus();
62
+ }
63
+ }
57
64
  closeOverlay() {
58
65
  const isOpen = false;
59
66
  this.isOpen = isOpen;
@@ -68,7 +75,7 @@ export class CaseFileViewOverlayMenuComponent {
68
75
  const _r1 = i0.ɵɵgetCurrentView();
69
76
  i0.ɵɵprojectionDef(_c0);
70
77
  i0.ɵɵelementStart(0, "div")(1, "button", 1, 0);
71
- i0.ɵɵlistener("click", function CaseFileViewOverlayMenuComponent_Template_button_click_1_listener($event) { i0.ɵɵrestoreView(_r1); $event.stopPropagation(); return i0.ɵɵresetView(ctx.isOpen = !ctx.isOpen); });
78
+ i0.ɵɵlistener("click", function CaseFileViewOverlayMenuComponent_Template_button_click_1_listener($event) { i0.ɵɵrestoreView(_r1); $event.stopPropagation(); return i0.ɵɵresetView(ctx.setOpen()); });
72
79
  i0.ɵɵprojection(3);
73
80
  i0.ɵɵelementEnd();
74
81
  i0.ɵɵtemplate(4, CaseFileViewOverlayMenuComponent_ng_template_4_Template, 3, 2, "ng-template", 2);
@@ -82,7 +89,7 @@ export class CaseFileViewOverlayMenuComponent {
82
89
  }
83
90
  (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(CaseFileViewOverlayMenuComponent, [{
84
91
  type: Component,
85
- args: [{ selector: 'ccd-case-file-view-overlay-menu', template: "<div>\n <button type=\"button\" class=\"overlay-toggle\"\n (click)=\"$event.stopPropagation(); isOpen = !isOpen\"\n cdkOverlayOrigin #trigger=\"cdkOverlayOrigin\">\n <ng-content select=\"[trigger]\"></ng-content>\n </button>\n\n <ng-template\n cdkConnectedOverlay\n [cdkConnectedOverlayOrigin]=\"trigger\"\n [cdkConnectedOverlayOpen]=\"isOpen\"\n [cdkConnectedOverlayHasBackdrop]=\"true\"\n [cdkConnectedOverlayBackdropClass]=\"'cdk-overlay-transparent-backdrop'\"\n (backdropClick)=\"closeOverlay()\"\n >\n <div class=\"overlay-menu\">\n <ng-container *ngIf=\"title\">\n <div class=\"overlay-menu__title\">{{title}}</div>\n </ng-container>\n\n <menu *ngFor=\"let item of menuItems\">\n <li class=\"overlay-menu__item\" (click)=\"item.actionFn(); closeOverlay();\" (keyup)=\"$event.key === 'Enter' ? actionAndClose(item.actionFn()) : null\">\n <img *ngIf=\"item.iconSrc\" [src]=\"item.iconSrc\" class=\"overlay-menu__itemIcon\" alt=\"{{title}} icon'\" />\n <span class=\"overlay-menu__actionText\">{{item.actionText}}</span>\n </li>\n </menu>\n </div>\n </ng-template>\n</div>\n", styles: [".overlay-toggle{display:block;background:none;border:0;padding:0 6px;margin-right:-4px;cursor:pointer}.overlay-menu{background-color:#fafafa;border:1px solid grey;margin-top:8px;font-size:1rem}.overlay-menu__title,.overlay-menu__item{padding:10px;border-bottom:1px solid grey}.overlay-menu__title:last-child,.overlay-menu__item:last-child{border:none}.overlay-menu__title{padding-left:6px;padding-right:6px}.overlay-menu__item{display:flex;align-items:center;cursor:pointer;font-size:.875em}.overlay-menu__item:hover{background-color:#fff2cc}.overlay-menu__itemIcon{height:1.25em;width:1.25em;margin-right:6px}\n"] }]
92
+ args: [{ selector: 'ccd-case-file-view-overlay-menu', template: "<div>\n <button type=\"button\" class=\"overlay-toggle\"\n (click)=\"$event.stopPropagation(); setOpen()\"\n cdkOverlayOrigin #trigger=\"cdkOverlayOrigin\">\n <ng-content select=\"[trigger]\"></ng-content>\n </button>\n\n <ng-template\n cdkConnectedOverlay\n [cdkConnectedOverlayOrigin]=\"trigger\"\n [cdkConnectedOverlayOpen]=\"isOpen\"\n [cdkConnectedOverlayHasBackdrop]=\"true\"\n [cdkConnectedOverlayBackdropClass]=\"'cdk-overlay-transparent-backdrop'\"\n (backdropClick)=\"closeOverlay()\"\n >\n <div class=\"overlay-menu\">\n <ng-container *ngIf=\"title\">\n <div class=\"overlay-menu__title\">{{title}}</div>\n </ng-container>\n\n <menu *ngFor=\"let item of menuItems\">\n <li class=\"overlay-menu__item\" (click)=\"item.actionFn(); closeOverlay();\" (keyup)=\"$event.key === 'Enter' ? actionAndClose(item.actionFn()) : null\">\n <img *ngIf=\"item.iconSrc\" [src]=\"item.iconSrc\" class=\"overlay-menu__itemIcon\" alt=\"{{title}} icon'\" />\n <span class=\"overlay-menu__actionText\">{{item.actionText}}</span>\n </li>\n </menu>\n </div>\n </ng-template>\n</div>\n", styles: [".overlay-toggle{display:block;background:none;border:0;padding:0 6px;margin-right:-4px;cursor:pointer}.overlay-menu{background-color:#fafafa;border:1px solid grey;margin-top:8px;font-size:1rem}.overlay-menu__title,.overlay-menu__item{padding:10px;border-bottom:1px solid grey}.overlay-menu__title:last-child,.overlay-menu__item:last-child{border:none}.overlay-menu__title{padding-left:6px;padding-right:6px}.overlay-menu__item{display:flex;align-items:center;cursor:pointer;font-size:.875em}.overlay-menu__item:hover{background-color:#fff2cc}.overlay-menu__itemIcon{height:1.25em;width:1.25em;margin-right:6px}\n"] }]
86
93
  }], null, { title: [{
87
94
  type: Input
88
95
  }], menuItems: [{
@@ -93,4 +100,4 @@ export class CaseFileViewOverlayMenuComponent {
93
100
  type: Output
94
101
  }] }); })();
95
102
  (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(CaseFileViewOverlayMenuComponent, { className: "CaseFileViewOverlayMenuComponent", filePath: "lib/shared/components/palette/case-file-view/components/shared/case-file-view-overlay-menu/case-file-view-overlay-menu.component.ts", lineNumber: 9 }); })();
96
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2FzZS1maWxlLXZpZXctb3ZlcmxheS1tZW51LmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2NjZC1jYXNlLXVpLXRvb2xraXQvc3JjL2xpYi9zaGFyZWQvY29tcG9uZW50cy9wYWxldHRlL2Nhc2UtZmlsZS12aWV3L2NvbXBvbmVudHMvc2hhcmVkL2Nhc2UtZmlsZS12aWV3LW92ZXJsYXktbWVudS9jYXNlLWZpbGUtdmlldy1vdmVybGF5LW1lbnUuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvY2NkLWNhc2UtdWktdG9vbGtpdC9zcmMvbGliL3NoYXJlZC9jb21wb25lbnRzL3BhbGV0dGUvY2FzZS1maWxlLXZpZXcvY29tcG9uZW50cy9zaGFyZWQvY2FzZS1maWxlLXZpZXctb3ZlcmxheS1tZW51L2Nhc2UtZmlsZS12aWV3LW92ZXJsYXktbWVudS5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLFlBQVksRUFBRSxLQUFLLEVBQUUsTUFBTSxFQUFFLE1BQU0sZUFBZSxDQUFDOzs7Ozs7O0lDZ0JqRSw2QkFBNEI7SUFDMUIsOEJBQWlDO0lBQUEsWUFBUztJQUFBLGlCQUFNOzs7O0lBQWYsZUFBUztJQUFULGtDQUFTOzs7SUFLeEMsMEJBQXNHOzs7O0lBQXhCLDREQUFxQjtJQUF6RSx1REFBb0I7Ozs7SUFEaEQsQUFERiw0QkFBcUMsWUFDaUg7SUFBMUUsQUFBM0MsNE1BQVMsa0JBQWUsd0JBQUUscUJBQWMsS0FBRSwwT0FBeUIsT0FBTyxHQUFHLHNCQUFlLGtCQUFlLENBQUMsR0FBRyxJQUFJLEtBQUM7SUFDakosc0dBQXNHO0lBQ3RHLCtCQUF1QztJQUFBLFlBQW1CO0lBRTlELEFBREUsQUFENEQsaUJBQU8sRUFDOUQsRUFDQTs7O0lBSEcsZUFBa0I7SUFBbEIsc0NBQWtCO0lBQ2UsZUFBbUI7SUFBbkIsd0NBQW1COzs7SUFSaEUsOEJBQTBCO0lBS3hCLEFBSkEsaUhBQTRCLG9GQUlTO0lBTXZDLGlCQUFNOzs7SUFWVyxjQUFXO0lBQVgsbUNBQVc7SUFJSCxjQUFZO0lBQVosMENBQVk7O0FEWnpDLE1BQU0sT0FBTyxnQ0FBZ0M7SUFDM0IsS0FBSyxHQUFXLEVBQUUsQ0FBQztJQUNuQixTQUFTLENBQWdDO0lBRXpDLE1BQU0sR0FBRyxLQUFLLENBQUM7SUFDZCxZQUFZLEdBQUcsSUFBSSxZQUFZLEVBQVcsQ0FBQztJQUVyRCxZQUFZO1FBQ2pCLE1BQU0sTUFBTSxHQUFHLEtBQUssQ0FBQztRQUVyQixJQUFJLENBQUMsTUFBTSxHQUFHLE1BQU0sQ0FBQztRQUNyQixJQUFJLENBQUMsWUFBWSxDQUFDLElBQUksQ0FBQyxNQUFNLENBQUMsQ0FBQztJQUNqQyxDQUFDO0lBRU0sY0FBYyxDQUFDLElBQVM7UUFDN0IsSUFBSSxFQUFFLENBQUM7UUFDUCxJQUFJLENBQUMsWUFBWSxFQUFFLENBQUM7SUFDdEIsQ0FBQzswRkFqQlUsZ0NBQWdDOzZEQUFoQyxnQ0FBZ0M7OztZQ1AzQyxBQURGLDJCQUFLLG1CQUdrRDtZQUQ3QyxtSUFBUyx3QkFBd0IscURBQW1CO1lBRTFELGtCQUE0QztZQUM5QyxpQkFBUztZQUVULGlHQU9DO1lBREMsd0tBQWlCLGtCQUFjLEtBQUM7WUFlcEMsaUJBQU07OztZQW5CRixlQUFxQztZQUdyQyxBQURBLEFBREEsQUFEQSxzREFBcUMsdUNBQ0gsd0NBQ0ssd0VBQ2dDOzs7aUZESjlELGdDQUFnQztjQUw1QyxTQUFTOzJCQUNFLGlDQUFpQztnQkFLM0IsS0FBSztrQkFBcEIsS0FBSztZQUNVLFNBQVM7a0JBQXhCLEtBQUs7WUFFVSxNQUFNO2tCQUFyQixLQUFLO1lBQ1csWUFBWTtrQkFBNUIsTUFBTTs7a0ZBTEksZ0NBQWdDIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBFdmVudEVtaXR0ZXIsIElucHV0LCBPdXRwdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IENhc2VGaWxlVmlld092ZXJsYXlNZW51SXRlbSB9IGZyb20gJy4vY2FzZS1maWxlLXZpZXctb3ZlcmxheS1tZW51LWl0ZW0ubW9kZWwnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdjY2QtY2FzZS1maWxlLXZpZXctb3ZlcmxheS1tZW51JyxcbiAgdGVtcGxhdGVVcmw6ICcuL2Nhc2UtZmlsZS12aWV3LW92ZXJsYXktbWVudS5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL2Nhc2UtZmlsZS12aWV3LW92ZXJsYXktbWVudS5jb21wb25lbnQuc2NzcyddXG59KVxuZXhwb3J0IGNsYXNzIENhc2VGaWxlVmlld092ZXJsYXlNZW51Q29tcG9uZW50IHtcbiAgQElucHV0KCkgcHVibGljIHRpdGxlOiBzdHJpbmcgPSAnJztcbiAgQElucHV0KCkgcHVibGljIG1lbnVJdGVtczogQ2FzZUZpbGVWaWV3T3ZlcmxheU1lbnVJdGVtW107XG5cbiAgQElucHV0KCkgcHVibGljIGlzT3BlbiA9IGZhbHNlO1xuICBAT3V0cHV0KCkgcHVibGljIGlzT3BlbkNoYW5nZSA9IG5ldyBFdmVudEVtaXR0ZXI8Ym9vbGVhbj4oKTtcblxuICBwdWJsaWMgY2xvc2VPdmVybGF5KCk6IHZvaWQge1xuICAgIGNvbnN0IGlzT3BlbiA9IGZhbHNlO1xuXG4gICAgdGhpcy5pc09wZW4gPSBpc09wZW47XG4gICAgdGhpcy5pc09wZW5DaGFuZ2UuZW1pdChpc09wZW4pO1xuICB9XG5cbiAgcHVibGljIGFjdGlvbkFuZENsb3NlKGZ1bmM6IGFueSk6IHZvaWQge1xuICAgIGZ1bmMoKTtcbiAgICB0aGlzLmNsb3NlT3ZlcmxheSgpO1xuICB9XG59XG4iLCI8ZGl2PlxuICA8YnV0dG9uIHR5cGU9XCJidXR0b25cIiBjbGFzcz1cIm92ZXJsYXktdG9nZ2xlXCJcbiAgICAgICAgICAoY2xpY2spPVwiJGV2ZW50LnN0b3BQcm9wYWdhdGlvbigpOyBpc09wZW4gPSAhaXNPcGVuXCJcbiAgICAgICAgICBjZGtPdmVybGF5T3JpZ2luICN0cmlnZ2VyPVwiY2RrT3ZlcmxheU9yaWdpblwiPlxuICAgIDxuZy1jb250ZW50IHNlbGVjdD1cIlt0cmlnZ2VyXVwiPjwvbmctY29udGVudD5cbiAgPC9idXR0b24+XG5cbiAgPG5nLXRlbXBsYXRlXG4gICAgY2RrQ29ubmVjdGVkT3ZlcmxheVxuICAgIFtjZGtDb25uZWN0ZWRPdmVybGF5T3JpZ2luXT1cInRyaWdnZXJcIlxuICAgIFtjZGtDb25uZWN0ZWRPdmVybGF5T3Blbl09XCJpc09wZW5cIlxuICAgIFtjZGtDb25uZWN0ZWRPdmVybGF5SGFzQmFja2Ryb3BdPVwidHJ1ZVwiXG4gICAgW2Nka0Nvbm5lY3RlZE92ZXJsYXlCYWNrZHJvcENsYXNzXT1cIidjZGstb3ZlcmxheS10cmFuc3BhcmVudC1iYWNrZHJvcCdcIlxuICAgIChiYWNrZHJvcENsaWNrKT1cImNsb3NlT3ZlcmxheSgpXCJcbiAgPlxuICAgIDxkaXYgY2xhc3M9XCJvdmVybGF5LW1lbnVcIj5cbiAgICAgIDxuZy1jb250YWluZXIgKm5nSWY9XCJ0aXRsZVwiPlxuICAgICAgICA8ZGl2IGNsYXNzPVwib3ZlcmxheS1tZW51X190aXRsZVwiPnt7dGl0bGV9fTwvZGl2PlxuICAgICAgPC9uZy1jb250YWluZXI+XG5cbiAgICAgIDxtZW51ICpuZ0Zvcj1cImxldCBpdGVtIG9mIG1lbnVJdGVtc1wiPlxuICAgICAgICA8bGkgY2xhc3M9XCJvdmVybGF5LW1lbnVfX2l0ZW1cIiAoY2xpY2spPVwiaXRlbS5hY3Rpb25GbigpOyBjbG9zZU92ZXJsYXkoKTtcIiAoa2V5dXApPVwiJGV2ZW50LmtleSA9PT0gJ0VudGVyJyA/IGFjdGlvbkFuZENsb3NlKGl0ZW0uYWN0aW9uRm4oKSkgOiBudWxsXCI+XG4gICAgICAgICAgPGltZyAqbmdJZj1cIml0ZW0uaWNvblNyY1wiIFtzcmNdPVwiaXRlbS5pY29uU3JjXCIgY2xhc3M9XCJvdmVybGF5LW1lbnVfX2l0ZW1JY29uXCIgYWx0PVwie3t0aXRsZX19IGljb24nXCIgLz5cbiAgICAgICAgICA8c3BhbiBjbGFzcz1cIm92ZXJsYXktbWVudV9fYWN0aW9uVGV4dFwiPnt7aXRlbS5hY3Rpb25UZXh0fX08L3NwYW4+XG4gICAgICAgIDwvbGk+XG4gICAgICA8L21lbnU+XG4gICAgPC9kaXY+XG4gIDwvbmctdGVtcGxhdGU+XG48L2Rpdj5cbiJdfQ==
103
+ //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2FzZS1maWxlLXZpZXctb3ZlcmxheS1tZW51LmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2NjZC1jYXNlLXVpLXRvb2xraXQvc3JjL2xpYi9zaGFyZWQvY29tcG9uZW50cy9wYWxldHRlL2Nhc2UtZmlsZS12aWV3L2NvbXBvbmVudHMvc2hhcmVkL2Nhc2UtZmlsZS12aWV3LW92ZXJsYXktbWVudS9jYXNlLWZpbGUtdmlldy1vdmVybGF5LW1lbnUuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvY2NkLWNhc2UtdWktdG9vbGtpdC9zcmMvbGliL3NoYXJlZC9jb21wb25lbnRzL3BhbGV0dGUvY2FzZS1maWxlLXZpZXcvY29tcG9uZW50cy9zaGFyZWQvY2FzZS1maWxlLXZpZXctb3ZlcmxheS1tZW51L2Nhc2UtZmlsZS12aWV3LW92ZXJsYXktbWVudS5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLFlBQVksRUFBRSxLQUFLLEVBQUUsTUFBTSxFQUFFLE1BQU0sZUFBZSxDQUFDOzs7Ozs7O0lDZ0JqRSw2QkFBNEI7SUFDMUIsOEJBQWlDO0lBQUEsWUFBUztJQUFBLGlCQUFNOzs7O0lBQWYsZUFBUztJQUFULGtDQUFTOzs7SUFLeEMsMEJBQXNHOzs7O0lBQXhCLDREQUFxQjtJQUF6RSx1REFBb0I7Ozs7SUFEaEQsQUFERiw0QkFBcUMsWUFDaUg7SUFBMUUsQUFBM0MsNE1BQVMsa0JBQWUsd0JBQUUscUJBQWMsS0FBRSwwT0FBeUIsT0FBTyxHQUFHLHNCQUFlLGtCQUFlLENBQUMsR0FBRyxJQUFJLEtBQUM7SUFDakosc0dBQXNHO0lBQ3RHLCtCQUF1QztJQUFBLFlBQW1CO0lBRTlELEFBREUsQUFENEQsaUJBQU8sRUFDOUQsRUFDQTs7O0lBSEcsZUFBa0I7SUFBbEIsc0NBQWtCO0lBQ2UsZUFBbUI7SUFBbkIsd0NBQW1COzs7SUFSaEUsOEJBQTBCO0lBS3hCLEFBSkEsaUhBQTRCLG9GQUlTO0lBTXZDLGlCQUFNOzs7SUFWVyxjQUFXO0lBQVgsbUNBQVc7SUFJSCxjQUFZO0lBQVosMENBQVk7O0FEWnpDLE1BQU0sT0FBTyxnQ0FBZ0M7SUFDM0IsS0FBSyxHQUFXLEVBQUUsQ0FBQztJQUNuQixTQUFTLENBQWdDO0lBRXpDLE1BQU0sR0FBRyxLQUFLLENBQUM7SUFDZCxZQUFZLEdBQUcsSUFBSSxZQUFZLEVBQVcsQ0FBQztJQUVyRCxPQUFPO1FBQ1osSUFBSSxDQUFDLE1BQU0sR0FBRyxDQUFDLElBQUksQ0FBQyxNQUFNLENBQUM7UUFDM0IsSUFBRyxJQUFJLENBQUMsTUFBTSxFQUFFLENBQUM7WUFDaEIsTUFBTSxxQkFBcUIsR0FBRyxRQUFRLENBQUMsYUFBYSxDQUFDLGdDQUFnQyxDQUFnQixDQUFDO1lBQ3RHLHFCQUFxQixDQUFDLEtBQUssRUFBRSxDQUFDO1FBQy9CLENBQUM7SUFDSCxDQUFDO0lBRU0sWUFBWTtRQUNqQixNQUFNLE1BQU0sR0FBRyxLQUFLLENBQUM7UUFFckIsSUFBSSxDQUFDLE1BQU0sR0FBRyxNQUFNLENBQUM7UUFDckIsSUFBSSxDQUFDLFlBQVksQ0FBQyxJQUFJLENBQUMsTUFBTSxDQUFDLENBQUM7SUFDakMsQ0FBQztJQUVNLGNBQWMsQ0FBQyxJQUFTO1FBQzdCLElBQUksRUFBRSxDQUFDO1FBQ1AsSUFBSSxDQUFDLFlBQVksRUFBRSxDQUFDO0lBQ3RCLENBQUM7MEZBekJVLGdDQUFnQzs2REFBaEMsZ0NBQWdDOzs7WUNQM0MsQUFERiwyQkFBSyxtQkFHa0Q7WUFEN0MsbUlBQVMsd0JBQXdCLHdCQUFFLGFBQVMsS0FBQztZQUVuRCxrQkFBNEM7WUFDOUMsaUJBQVM7WUFFVCxpR0FPQztZQURDLHdLQUFpQixrQkFBYyxLQUFDO1lBZXBDLGlCQUFNOzs7WUFuQkYsZUFBcUM7WUFHckMsQUFEQSxBQURBLEFBREEsc0RBQXFDLHVDQUNILHdDQUNLLHdFQUNnQzs7O2lGREo5RCxnQ0FBZ0M7Y0FMNUMsU0FBUzsyQkFDRSxpQ0FBaUM7Z0JBSzNCLEtBQUs7a0JBQXBCLEtBQUs7WUFDVSxTQUFTO2tCQUF4QixLQUFLO1lBRVUsTUFBTTtrQkFBckIsS0FBSztZQUNXLFlBQVk7a0JBQTVCLE1BQU07O2tGQUxJLGdDQUFnQyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgRXZlbnRFbWl0dGVyLCBJbnB1dCwgT3V0cHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBDYXNlRmlsZVZpZXdPdmVybGF5TWVudUl0ZW0gfSBmcm9tICcuL2Nhc2UtZmlsZS12aWV3LW92ZXJsYXktbWVudS1pdGVtLm1vZGVsJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnY2NkLWNhc2UtZmlsZS12aWV3LW92ZXJsYXktbWVudScsXG4gIHRlbXBsYXRlVXJsOiAnLi9jYXNlLWZpbGUtdmlldy1vdmVybGF5LW1lbnUuY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi9jYXNlLWZpbGUtdmlldy1vdmVybGF5LW1lbnUuY29tcG9uZW50LnNjc3MnXVxufSlcbmV4cG9ydCBjbGFzcyBDYXNlRmlsZVZpZXdPdmVybGF5TWVudUNvbXBvbmVudCB7XG4gIEBJbnB1dCgpIHB1YmxpYyB0aXRsZTogc3RyaW5nID0gJyc7XG4gIEBJbnB1dCgpIHB1YmxpYyBtZW51SXRlbXM6IENhc2VGaWxlVmlld092ZXJsYXlNZW51SXRlbVtdO1xuXG4gIEBJbnB1dCgpIHB1YmxpYyBpc09wZW4gPSBmYWxzZTtcbiAgQE91dHB1dCgpIHB1YmxpYyBpc09wZW5DaGFuZ2UgPSBuZXcgRXZlbnRFbWl0dGVyPGJvb2xlYW4+KCk7XG5cbiAgcHVibGljIHNldE9wZW4oKSB7XG4gICAgdGhpcy5pc09wZW4gPSAhdGhpcy5pc09wZW47XG4gICAgaWYodGhpcy5pc09wZW4pIHtcbiAgICAgY29uc3QgZmlyc3RGb2N1c2FibGVFbGVtZW50ID0gZG9jdW1lbnQucXVlcnlTZWxlY3RvcignLm92ZXJsYXktbWVudSA+IGxpOmZpcnN0LWNoaWxkJykgYXMgSFRNTEVsZW1lbnQ7XG4gICAgIGZpcnN0Rm9jdXNhYmxlRWxlbWVudC5mb2N1cygpO1xuICAgIH1cbiAgfVxuXG4gIHB1YmxpYyBjbG9zZU92ZXJsYXkoKTogdm9pZCB7XG4gICAgY29uc3QgaXNPcGVuID0gZmFsc2U7XG5cbiAgICB0aGlzLmlzT3BlbiA9IGlzT3BlbjtcbiAgICB0aGlzLmlzT3BlbkNoYW5nZS5lbWl0KGlzT3Blbik7XG4gIH1cblxuICBwdWJsaWMgYWN0aW9uQW5kQ2xvc2UoZnVuYzogYW55KTogdm9pZCB7XG4gICAgZnVuYygpO1xuICAgIHRoaXMuY2xvc2VPdmVybGF5KCk7XG4gIH1cbn1cbiIsIjxkaXY+XG4gIDxidXR0b24gdHlwZT1cImJ1dHRvblwiIGNsYXNzPVwib3ZlcmxheS10b2dnbGVcIlxuICAgICAgICAgIChjbGljayk9XCIkZXZlbnQuc3RvcFByb3BhZ2F0aW9uKCk7IHNldE9wZW4oKVwiXG4gICAgICAgICAgY2RrT3ZlcmxheU9yaWdpbiAjdHJpZ2dlcj1cImNka092ZXJsYXlPcmlnaW5cIj5cbiAgICA8bmctY29udGVudCBzZWxlY3Q9XCJbdHJpZ2dlcl1cIj48L25nLWNvbnRlbnQ+XG4gIDwvYnV0dG9uPlxuXG4gIDxuZy10ZW1wbGF0ZVxuICAgIGNka0Nvbm5lY3RlZE92ZXJsYXlcbiAgICBbY2RrQ29ubmVjdGVkT3ZlcmxheU9yaWdpbl09XCJ0cmlnZ2VyXCJcbiAgICBbY2RrQ29ubmVjdGVkT3ZlcmxheU9wZW5dPVwiaXNPcGVuXCJcbiAgICBbY2RrQ29ubmVjdGVkT3ZlcmxheUhhc0JhY2tkcm9wXT1cInRydWVcIlxuICAgIFtjZGtDb25uZWN0ZWRPdmVybGF5QmFja2Ryb3BDbGFzc109XCInY2RrLW92ZXJsYXktdHJhbnNwYXJlbnQtYmFja2Ryb3AnXCJcbiAgICAoYmFja2Ryb3BDbGljayk9XCJjbG9zZU92ZXJsYXkoKVwiXG4gID5cbiAgICA8ZGl2IGNsYXNzPVwib3ZlcmxheS1tZW51XCI+XG4gICAgICA8bmctY29udGFpbmVyICpuZ0lmPVwidGl0bGVcIj5cbiAgICAgICAgPGRpdiBjbGFzcz1cIm92ZXJsYXktbWVudV9fdGl0bGVcIj57e3RpdGxlfX08L2Rpdj5cbiAgICAgIDwvbmctY29udGFpbmVyPlxuXG4gICAgICA8bWVudSAqbmdGb3I9XCJsZXQgaXRlbSBvZiBtZW51SXRlbXNcIj5cbiAgICAgICAgPGxpIGNsYXNzPVwib3ZlcmxheS1tZW51X19pdGVtXCIgKGNsaWNrKT1cIml0ZW0uYWN0aW9uRm4oKTsgY2xvc2VPdmVybGF5KCk7XCIgKGtleXVwKT1cIiRldmVudC5rZXkgPT09ICdFbnRlcicgPyBhY3Rpb25BbmRDbG9zZShpdGVtLmFjdGlvbkZuKCkpIDogbnVsbFwiPlxuICAgICAgICAgIDxpbWcgKm5nSWY9XCJpdGVtLmljb25TcmNcIiBbc3JjXT1cIml0ZW0uaWNvblNyY1wiIGNsYXNzPVwib3ZlcmxheS1tZW51X19pdGVtSWNvblwiIGFsdD1cInt7dGl0bGV9fSBpY29uJ1wiIC8+XG4gICAgICAgICAgPHNwYW4gY2xhc3M9XCJvdmVybGF5LW1lbnVfX2FjdGlvblRleHRcIj57e2l0ZW0uYWN0aW9uVGV4dH19PC9zcGFuPlxuICAgICAgICA8L2xpPlxuICAgICAgPC9tZW51PlxuICAgIDwvZGl2PlxuICA8L25nLXRlbXBsYXRlPlxuPC9kaXY+XG4iXX0=
@@ -10369,11 +10369,11 @@ class SaveOrDiscardDialogComponent {
10369
10369
  i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(15, 8, "Save"));
10370
10370
  i0.ɵɵadvance(3);
10371
10371
  i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(18, 10, "Discard"));
10372
- } }, dependencies: [i1.RpxTranslatePipe], styles: [".x[_ngcontent-%COMP%]{margin:0;padding:9px 9px 0 0;font-size:24px;font-weight:700;font-style:normal;font-stretch:normal;cursor:pointer;color:#6e7071}.dialog-header[_ngcontent-%COMP%]{text-align:right}.dialog-title[_ngcontent-%COMP%], .dialog-info[_ngcontent-%COMP%]{margin:0 0 21px 25px}.action-button[_ngcontent-%COMP%]{margin:0 15px 0 25px}"] });
10372
+ } }, dependencies: [i1.RpxTranslatePipe], styles: [".x[_ngcontent-%COMP%]{margin:0;padding:9px 9px 0 0;font-size:24px;font-weight:700;font-style:normal;font-stretch:normal;cursor:pointer;color:#6e7071}@media (prefers-color-scheme: dark){.dialog-title[_ngcontent-%COMP%], .dialog-info[_ngcontent-%COMP%]{color:#000}}.dialog-header[_ngcontent-%COMP%]{text-align:right}.dialog-title[_ngcontent-%COMP%], .dialog-info[_ngcontent-%COMP%]{margin:0 0 21px 25px}.action-button[_ngcontent-%COMP%]{margin:0 15px 0 25px}"] });
10373
10373
  }
10374
10374
  (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(SaveOrDiscardDialogComponent, [{
10375
10375
  type: Component,
10376
- args: [{ selector: 'ccd-save-or-discard-dialog', template: "<div>\n <div class=\"dialog-header\">\n <h2 (click)=\"cancel()\" class=\"heading-h2 x\">X</h2>\n </div>\n <div>\n <h2 class=\"heading-h2 dialog-title\">{{'Would you like to save changes to this page?' | rpxTranslate}}</h2>\n </div>\n <div class=\"dialog-info\">\n <span class=\"text-info\">{{'You will be taken back to your case list.' | rpxTranslate}}</span>\n </div>\n <div>\n <button type=\"button\" title=\"Save\" class=\"button action-button\" (click)=\"save()\">{{'Save' | rpxTranslate}}</button>\n <button type=\"button\" title=\"Discard\" class=\"button button-secondary\" (click)=\"discard()\">{{'Discard' | rpxTranslate}}</button>\n </div>\n</div>\n", styles: [".x{margin:0;padding:9px 9px 0 0;font-size:24px;font-weight:700;font-style:normal;font-stretch:normal;cursor:pointer;color:#6e7071}.dialog-header{text-align:right}.dialog-title,.dialog-info{margin:0 0 21px 25px}.action-button{margin:0 15px 0 25px}\n"] }]
10376
+ args: [{ selector: 'ccd-save-or-discard-dialog', template: "<div>\n <div class=\"dialog-header\">\n <h2 (click)=\"cancel()\" class=\"heading-h2 x\">X</h2>\n </div>\n <div>\n <h2 class=\"heading-h2 dialog-title\">{{'Would you like to save changes to this page?' | rpxTranslate}}</h2>\n </div>\n <div class=\"dialog-info\">\n <span class=\"text-info\">{{'You will be taken back to your case list.' | rpxTranslate}}</span>\n </div>\n <div>\n <button type=\"button\" title=\"Save\" class=\"button action-button\" (click)=\"save()\">{{'Save' | rpxTranslate}}</button>\n <button type=\"button\" title=\"Discard\" class=\"button button-secondary\" (click)=\"discard()\">{{'Discard' | rpxTranslate}}</button>\n </div>\n</div>\n", styles: [".x{margin:0;padding:9px 9px 0 0;font-size:24px;font-weight:700;font-style:normal;font-stretch:normal;cursor:pointer;color:#6e7071}@media (prefers-color-scheme: dark){.dialog-title,.dialog-info{color:#000}}.dialog-header{text-align:right}.dialog-title,.dialog-info{margin:0 0 21px 25px}.action-button{margin:0 15px 0 25px}\n"] }]
10377
10377
  }], () => [{ type: i1$3.MatLegacyDialogRef }], null); })();
10378
10378
  (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(SaveOrDiscardDialogComponent, { className: "SaveOrDiscardDialogComponent", filePath: "lib/shared/components/dialogs/save-or-discard-dialog/save-or-discard-dialog.component.ts", lineNumber: 9 }); })();
10379
10379
 
@@ -14264,11 +14264,11 @@ class RemoveDialogComponent {
14264
14264
  i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(15, 8, "Remove"));
14265
14265
  i0.ɵɵadvance(3);
14266
14266
  i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(18, 10, "Cancel"));
14267
- } }, dependencies: [i1.RpxTranslatePipe], styles: [".x[_ngcontent-%COMP%]{margin:0;padding:9px 9px 0 0;font-size:24px;font-weight:700;font-style:normal;font-stretch:normal;cursor:pointer;color:#6e7071}.dialog-header[_ngcontent-%COMP%]{text-align:right}.dialog-title[_ngcontent-%COMP%], .dialog-info[_ngcontent-%COMP%]{margin:0 0 21px 25px}.action-button[_ngcontent-%COMP%]{margin:0 15px 0 25px}"] });
14267
+ } }, dependencies: [i1.RpxTranslatePipe], styles: [".x[_ngcontent-%COMP%]{margin:0;padding:9px 9px 0 0;font-size:24px;font-weight:700;font-style:normal;font-stretch:normal;cursor:pointer;color:#6e7071}@media (prefers-color-scheme: dark){.dialog-title[_ngcontent-%COMP%], .dialog-info[_ngcontent-%COMP%]{color:#000}}.dialog-header[_ngcontent-%COMP%]{text-align:right}.dialog-title[_ngcontent-%COMP%], .dialog-info[_ngcontent-%COMP%]{margin:0 0 21px 25px}.action-button[_ngcontent-%COMP%]{margin:0 15px 0 25px}"] });
14268
14268
  }
14269
14269
  (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(RemoveDialogComponent, [{
14270
14270
  type: Component,
14271
- args: [{ selector: 'ccd-remove-dialog', template: "<div>\n <div class=\"dialog-header\">\n <h2 (click)=\"cancel()\" class=\"heading-h2 x\">X</h2>\n </div>\n <div>\n <h2 class=\"heading-h2 dialog-title\">{{'Are you sure you want to remove the item?' | rpxTranslate}}</h2>\n </div>\n <div class=\"dialog-info\">\n <span class=\"text-info\">\n {{'You are about to permanently remove an item, are you sure you want to remove this item?' | rpxTranslate}}\n </span>\n </div>\n <div>\n <button type=\"button\" title=\"Remove\" class=\"button action-button\" (click)=\"remove()\">{{'Remove' | rpxTranslate}}</button>\n <button type=\"button\" title=\"Cancel\" class=\"button button-secondary\" (click)=\"cancel()\">{{'Cancel' | rpxTranslate}}</button>\n </div>\n</div>\n", styles: [".x{margin:0;padding:9px 9px 0 0;font-size:24px;font-weight:700;font-style:normal;font-stretch:normal;cursor:pointer;color:#6e7071}.dialog-header{text-align:right}.dialog-title,.dialog-info{margin:0 0 21px 25px}.action-button{margin:0 15px 0 25px}\n"] }]
14271
+ args: [{ selector: 'ccd-remove-dialog', template: "<div>\n <div class=\"dialog-header\">\n <h2 (click)=\"cancel()\" class=\"heading-h2 x\">X</h2>\n </div>\n <div>\n <h2 class=\"heading-h2 dialog-title\">{{'Are you sure you want to remove the item?' | rpxTranslate}}</h2>\n </div>\n <div class=\"dialog-info\">\n <span class=\"text-info\">\n {{'You are about to permanently remove an item, are you sure you want to remove this item?' | rpxTranslate}}\n </span>\n </div>\n <div>\n <button type=\"button\" title=\"Remove\" class=\"button action-button\" (click)=\"remove()\">{{'Remove' | rpxTranslate}}</button>\n <button type=\"button\" title=\"Cancel\" class=\"button button-secondary\" (click)=\"cancel()\">{{'Cancel' | rpxTranslate}}</button>\n </div>\n</div>\n", styles: [".x{margin:0;padding:9px 9px 0 0;font-size:24px;font-weight:700;font-style:normal;font-stretch:normal;cursor:pointer;color:#6e7071}@media (prefers-color-scheme: dark){.dialog-title,.dialog-info{color:#000}}.dialog-header{text-align:right}.dialog-title,.dialog-info{margin:0 0 21px 25px}.action-button{margin:0 15px 0 25px}\n"] }]
14272
14272
  }], () => [{ type: i1$3.MatLegacyDialogRef }], null); })();
14273
14273
  (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(RemoveDialogComponent, { className: "RemoveDialogComponent", filePath: "lib/shared/components/dialogs/remove-dialog/remove-dialog.component.ts", lineNumber: 9 }); })();
14274
14274
 
@@ -14946,11 +14946,11 @@ class DocumentDialogComponent {
14946
14946
  i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(15, 8, "Replace file"));
14947
14947
  i0.ɵɵadvance(3);
14948
14948
  i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(18, 10, "Cancel"));
14949
- } }, dependencies: [i1.RpxTranslatePipe], styles: [".x[_ngcontent-%COMP%]{margin:0;padding:9px 9px 0 0;font-size:24px;font-weight:700;font-style:normal;font-stretch:normal;cursor:pointer;color:#6e7071}.dialog-header[_ngcontent-%COMP%]{text-align:right}.dialog-title[_ngcontent-%COMP%], .dialog-info[_ngcontent-%COMP%]{margin:0 0 21px 25px}.action-button[_ngcontent-%COMP%]{margin:0 15px 0 25px}"] });
14949
+ } }, dependencies: [i1.RpxTranslatePipe], styles: [".x[_ngcontent-%COMP%]{margin:0;padding:9px 9px 0 0;font-size:24px;font-weight:700;font-style:normal;font-stretch:normal;cursor:pointer;color:#6e7071}@media (prefers-color-scheme: dark){.dialog-title[_ngcontent-%COMP%], .dialog-info[_ngcontent-%COMP%]{color:#000}}.dialog-header[_ngcontent-%COMP%]{text-align:right}.dialog-title[_ngcontent-%COMP%], .dialog-info[_ngcontent-%COMP%]{margin:0 0 21px 25px}.action-button[_ngcontent-%COMP%]{margin:0 15px 0 25px}"] });
14950
14950
  }
14951
14951
  (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(DocumentDialogComponent, [{
14952
14952
  type: Component,
14953
- args: [{ selector: 'ccd-document-dialog', template: "<div>\n <div class=\"dialog-header\">\n <h2 (click)=\"cancel()\" class=\"heading-h2 x\">X</h2>\n </div>\n <div>\n <h2 class=\"heading-h2 dialog-title\">{{'Are you sure you want to replace the existing file?' | rpxTranslate}}</h2>\n </div>\n <div class=\"dialog-info\">\n <span class=\"text-info\">{{'You are about to delete the original file uploaded. Are you sure you want to proceed?' | rpxTranslate}}</span>\n </div>\n <div>\n <button type=\"button\" title=\"Replace\" class=\"button action-button\" (click)=\"replace()\">{{'Replace file' | rpxTranslate}}</button>\n <button type=\"button\" title=\"Cancel\" class=\"button button-secondary\" (click)=\"cancel()\">{{'Cancel' | rpxTranslate}}</button>\n </div>\n</div>\n", styles: [".x{margin:0;padding:9px 9px 0 0;font-size:24px;font-weight:700;font-style:normal;font-stretch:normal;cursor:pointer;color:#6e7071}.dialog-header{text-align:right}.dialog-title,.dialog-info{margin:0 0 21px 25px}.action-button{margin:0 15px 0 25px}\n"] }]
14953
+ args: [{ selector: 'ccd-document-dialog', template: "<div>\n <div class=\"dialog-header\">\n <h2 (click)=\"cancel()\" class=\"heading-h2 x\">X</h2>\n </div>\n <div>\n <h2 class=\"heading-h2 dialog-title\">{{'Are you sure you want to replace the existing file?' | rpxTranslate}}</h2>\n </div>\n <div class=\"dialog-info\">\n <span class=\"text-info\">{{'You are about to delete the original file uploaded. Are you sure you want to proceed?' | rpxTranslate}}</span>\n </div>\n <div>\n <button type=\"button\" title=\"Replace\" class=\"button action-button\" (click)=\"replace()\">{{'Replace file' | rpxTranslate}}</button>\n <button type=\"button\" title=\"Cancel\" class=\"button button-secondary\" (click)=\"cancel()\">{{'Cancel' | rpxTranslate}}</button>\n </div>\n</div>\n", styles: [".x{margin:0;padding:9px 9px 0 0;font-size:24px;font-weight:700;font-style:normal;font-stretch:normal;cursor:pointer;color:#6e7071}@media (prefers-color-scheme: dark){.dialog-title,.dialog-info{color:#000}}.dialog-header{text-align:right}.dialog-title,.dialog-info{margin:0 0 21px 25px}.action-button{margin:0 15px 0 25px}\n"] }]
14954
14954
  }], () => [{ type: i1$3.MatLegacyDialogRef }], null); })();
14955
14955
  (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(DocumentDialogComponent, { className: "DocumentDialogComponent", filePath: "lib/shared/components/dialogs/document-dialog/document-dialog.component.ts", lineNumber: 9 }); })();
14956
14956
 
@@ -23772,6 +23772,13 @@ class CaseFileViewOverlayMenuComponent {
23772
23772
  menuItems;
23773
23773
  isOpen = false;
23774
23774
  isOpenChange = new EventEmitter();
23775
+ setOpen() {
23776
+ this.isOpen = !this.isOpen;
23777
+ if (this.isOpen) {
23778
+ const firstFocusableElement = document.querySelector('.overlay-menu > li:first-child');
23779
+ firstFocusableElement.focus();
23780
+ }
23781
+ }
23775
23782
  closeOverlay() {
23776
23783
  const isOpen = false;
23777
23784
  this.isOpen = isOpen;
@@ -23786,7 +23793,7 @@ class CaseFileViewOverlayMenuComponent {
23786
23793
  const _r1 = i0.ɵɵgetCurrentView();
23787
23794
  i0.ɵɵprojectionDef(_c0$t);
23788
23795
  i0.ɵɵelementStart(0, "div")(1, "button", 1, 0);
23789
- i0.ɵɵlistener("click", function CaseFileViewOverlayMenuComponent_Template_button_click_1_listener($event) { i0.ɵɵrestoreView(_r1); $event.stopPropagation(); return i0.ɵɵresetView(ctx.isOpen = !ctx.isOpen); });
23796
+ i0.ɵɵlistener("click", function CaseFileViewOverlayMenuComponent_Template_button_click_1_listener($event) { i0.ɵɵrestoreView(_r1); $event.stopPropagation(); return i0.ɵɵresetView(ctx.setOpen()); });
23790
23797
  i0.ɵɵprojection(3);
23791
23798
  i0.ɵɵelementEnd();
23792
23799
  i0.ɵɵtemplate(4, CaseFileViewOverlayMenuComponent_ng_template_4_Template, 3, 2, "ng-template", 2);
@@ -23800,7 +23807,7 @@ class CaseFileViewOverlayMenuComponent {
23800
23807
  }
23801
23808
  (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(CaseFileViewOverlayMenuComponent, [{
23802
23809
  type: Component,
23803
- args: [{ selector: 'ccd-case-file-view-overlay-menu', template: "<div>\n <button type=\"button\" class=\"overlay-toggle\"\n (click)=\"$event.stopPropagation(); isOpen = !isOpen\"\n cdkOverlayOrigin #trigger=\"cdkOverlayOrigin\">\n <ng-content select=\"[trigger]\"></ng-content>\n </button>\n\n <ng-template\n cdkConnectedOverlay\n [cdkConnectedOverlayOrigin]=\"trigger\"\n [cdkConnectedOverlayOpen]=\"isOpen\"\n [cdkConnectedOverlayHasBackdrop]=\"true\"\n [cdkConnectedOverlayBackdropClass]=\"'cdk-overlay-transparent-backdrop'\"\n (backdropClick)=\"closeOverlay()\"\n >\n <div class=\"overlay-menu\">\n <ng-container *ngIf=\"title\">\n <div class=\"overlay-menu__title\">{{title}}</div>\n </ng-container>\n\n <menu *ngFor=\"let item of menuItems\">\n <li class=\"overlay-menu__item\" (click)=\"item.actionFn(); closeOverlay();\" (keyup)=\"$event.key === 'Enter' ? actionAndClose(item.actionFn()) : null\">\n <img *ngIf=\"item.iconSrc\" [src]=\"item.iconSrc\" class=\"overlay-menu__itemIcon\" alt=\"{{title}} icon'\" />\n <span class=\"overlay-menu__actionText\">{{item.actionText}}</span>\n </li>\n </menu>\n </div>\n </ng-template>\n</div>\n", styles: [".overlay-toggle{display:block;background:none;border:0;padding:0 6px;margin-right:-4px;cursor:pointer}.overlay-menu{background-color:#fafafa;border:1px solid grey;margin-top:8px;font-size:1rem}.overlay-menu__title,.overlay-menu__item{padding:10px;border-bottom:1px solid grey}.overlay-menu__title:last-child,.overlay-menu__item:last-child{border:none}.overlay-menu__title{padding-left:6px;padding-right:6px}.overlay-menu__item{display:flex;align-items:center;cursor:pointer;font-size:.875em}.overlay-menu__item:hover{background-color:#fff2cc}.overlay-menu__itemIcon{height:1.25em;width:1.25em;margin-right:6px}\n"] }]
23810
+ args: [{ selector: 'ccd-case-file-view-overlay-menu', template: "<div>\n <button type=\"button\" class=\"overlay-toggle\"\n (click)=\"$event.stopPropagation(); setOpen()\"\n cdkOverlayOrigin #trigger=\"cdkOverlayOrigin\">\n <ng-content select=\"[trigger]\"></ng-content>\n </button>\n\n <ng-template\n cdkConnectedOverlay\n [cdkConnectedOverlayOrigin]=\"trigger\"\n [cdkConnectedOverlayOpen]=\"isOpen\"\n [cdkConnectedOverlayHasBackdrop]=\"true\"\n [cdkConnectedOverlayBackdropClass]=\"'cdk-overlay-transparent-backdrop'\"\n (backdropClick)=\"closeOverlay()\"\n >\n <div class=\"overlay-menu\">\n <ng-container *ngIf=\"title\">\n <div class=\"overlay-menu__title\">{{title}}</div>\n </ng-container>\n\n <menu *ngFor=\"let item of menuItems\">\n <li class=\"overlay-menu__item\" (click)=\"item.actionFn(); closeOverlay();\" (keyup)=\"$event.key === 'Enter' ? actionAndClose(item.actionFn()) : null\">\n <img *ngIf=\"item.iconSrc\" [src]=\"item.iconSrc\" class=\"overlay-menu__itemIcon\" alt=\"{{title}} icon'\" />\n <span class=\"overlay-menu__actionText\">{{item.actionText}}</span>\n </li>\n </menu>\n </div>\n </ng-template>\n</div>\n", styles: [".overlay-toggle{display:block;background:none;border:0;padding:0 6px;margin-right:-4px;cursor:pointer}.overlay-menu{background-color:#fafafa;border:1px solid grey;margin-top:8px;font-size:1rem}.overlay-menu__title,.overlay-menu__item{padding:10px;border-bottom:1px solid grey}.overlay-menu__title:last-child,.overlay-menu__item:last-child{border:none}.overlay-menu__title{padding-left:6px;padding-right:6px}.overlay-menu__item{display:flex;align-items:center;cursor:pointer;font-size:.875em}.overlay-menu__item:hover{background-color:#fff2cc}.overlay-menu__itemIcon{height:1.25em;width:1.25em;margin-right:6px}\n"] }]
23804
23811
  }], null, { title: [{
23805
23812
  type: Input
23806
23813
  }], menuItems: [{
@@ -34182,11 +34189,11 @@ class DeleteOrCancelDialogComponent {
34182
34189
  i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(15, 8, "Delete draft"));
34183
34190
  i0.ɵɵadvance(3);
34184
34191
  i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(18, 10, "Cancel"));
34185
- } }, dependencies: [i1.RpxTranslatePipe], styles: [".x[_ngcontent-%COMP%]{margin:0;padding:9px 9px 0 0;font-size:24px;font-weight:700;font-style:normal;font-stretch:normal;cursor:pointer;color:#6e7071}.dialog-header[_ngcontent-%COMP%]{text-align:right}.dialog-title[_ngcontent-%COMP%], .dialog-info[_ngcontent-%COMP%]{margin:0 0 21px 25px}.action-button[_ngcontent-%COMP%]{margin:0 15px 0 25px}"] });
34192
+ } }, dependencies: [i1.RpxTranslatePipe], styles: [".x[_ngcontent-%COMP%]{margin:0;padding:9px 9px 0 0;font-size:24px;font-weight:700;font-style:normal;font-stretch:normal;cursor:pointer;color:#6e7071}@media (prefers-color-scheme: dark){.dialog-title[_ngcontent-%COMP%], .dialog-info[_ngcontent-%COMP%]{color:#000}}.dialog-header[_ngcontent-%COMP%]{text-align:right}.dialog-title[_ngcontent-%COMP%], .dialog-info[_ngcontent-%COMP%]{margin:0 0 21px 25px}.action-button[_ngcontent-%COMP%]{margin:0 15px 0 25px}"] });
34186
34193
  }
34187
34194
  (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(DeleteOrCancelDialogComponent, [{
34188
34195
  type: Component,
34189
- args: [{ selector: 'ccd-delete-or-cancel-dialog', template: "<div>\n <div class=\"dialog-header\">\n <h2 (click)=\"cancel()\" class=\"heading-h2 x\">X</h2>\n </div>\n <div>\n <h2 class=\"heading-h2 dialog-title\">{{'Are you sure you want to delete this draft?' | rpxTranslate}}</h2>\n </div>\n <div class=\"dialog-info\">\n <span class=\"text-info\">{{'You are about to delete this draft. Are you sure you want to proceed?' | rpxTranslate}}</span>\n </div>\n <div>\n <button type=\"button\" title=\"Delete\" class=\"button action-button\" (click)=\"delete()\">{{'Delete draft' | rpxTranslate}}</button>\n <button type=\"button\" title=\"Cancel\" class=\"button button-secondary\" (click)=\"cancel()\">{{'Cancel' | rpxTranslate}}</button>\n </div>\n</div>\n", styles: [".x{margin:0;padding:9px 9px 0 0;font-size:24px;font-weight:700;font-style:normal;font-stretch:normal;cursor:pointer;color:#6e7071}.dialog-header{text-align:right}.dialog-title,.dialog-info{margin:0 0 21px 25px}.action-button{margin:0 15px 0 25px}\n"] }]
34196
+ args: [{ selector: 'ccd-delete-or-cancel-dialog', template: "<div>\n <div class=\"dialog-header\">\n <h2 (click)=\"cancel()\" class=\"heading-h2 x\">X</h2>\n </div>\n <div>\n <h2 class=\"heading-h2 dialog-title\">{{'Are you sure you want to delete this draft?' | rpxTranslate}}</h2>\n </div>\n <div class=\"dialog-info\">\n <span class=\"text-info\">{{'You are about to delete this draft. Are you sure you want to proceed?' | rpxTranslate}}</span>\n </div>\n <div>\n <button type=\"button\" title=\"Delete\" class=\"button action-button\" (click)=\"delete()\">{{'Delete draft' | rpxTranslate}}</button>\n <button type=\"button\" title=\"Cancel\" class=\"button button-secondary\" (click)=\"cancel()\">{{'Cancel' | rpxTranslate}}</button>\n </div>\n</div>\n", styles: [".x{margin:0;padding:9px 9px 0 0;font-size:24px;font-weight:700;font-style:normal;font-stretch:normal;cursor:pointer;color:#6e7071}@media (prefers-color-scheme: dark){.dialog-title,.dialog-info{color:#000}}.dialog-header{text-align:right}.dialog-title,.dialog-info{margin:0 0 21px 25px}.action-button{margin:0 15px 0 25px}\n"] }]
34190
34197
  }], () => [{ type: i1$3.MatLegacyDialogRef }], null); })();
34191
34198
  (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(DeleteOrCancelDialogComponent, { className: "DeleteOrCancelDialogComponent", filePath: "lib/shared/components/dialogs/delete-or-cancel-dialog/delete-or-cancel-dialog.component.ts", lineNumber: 9 }); })();
34192
34199