@hmcts/ccd-case-ui-toolkit 7.4.3 → 7.4.4-CME-1008-dart-sass-4
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.
- package/fesm2022/hmcts-ccd-case-ui-toolkit.mjs +129 -111
- package/fesm2022/hmcts-ccd-case-ui-toolkit.mjs.map +1 -1
- package/index.d.ts +34 -31
- package/index.d.ts.map +1 -1
- package/package.json +9 -6
|
@@ -18,16 +18,13 @@ import { __decorate, __metadata } from 'tslib';
|
|
|
18
18
|
import * as _ from 'underscore';
|
|
19
19
|
import 'reflect-metadata';
|
|
20
20
|
import { StateMachine } from '@edium/fsm';
|
|
21
|
-
import * as i1$3 from '@angular/material/
|
|
22
|
-
import {
|
|
23
|
-
import { MatDialogConfig } from '@angular/material/dialog';
|
|
21
|
+
import * as i1$3 from '@angular/material/dialog';
|
|
22
|
+
import { MatDialogConfig, MAT_DIALOG_DATA, MatDialogModule } from '@angular/material/dialog';
|
|
24
23
|
import * as marked from 'marked';
|
|
25
24
|
import * as i1$4 from 'ngx-markdown';
|
|
26
25
|
import { MarkdownModule } from 'ngx-markdown';
|
|
27
|
-
import * as i6 from '@angular/material/
|
|
28
|
-
import {
|
|
29
|
-
import * as i7 from '@angular/material/legacy-core';
|
|
30
|
-
import { MAT_LEGACY_DATE_LOCALE } from '@angular/material/legacy-core';
|
|
26
|
+
import * as i6 from '@angular/material/autocomplete';
|
|
27
|
+
import { MatAutocompleteTrigger, MatAutocompleteModule } from '@angular/material/autocomplete';
|
|
31
28
|
import * as i3 from '@hmcts/ccpay-web-component';
|
|
32
29
|
import { PaymentLibModule } from '@hmcts/ccpay-web-component';
|
|
33
30
|
import { v4 } from 'uuid';
|
|
@@ -45,22 +42,23 @@ import { OverlayModule } from '@angular/cdk/overlay';
|
|
|
45
42
|
import * as i6$1 from '@angular/cdk/tree';
|
|
46
43
|
import { NestedTreeControl, CdkTreeModule } from '@angular/cdk/tree';
|
|
47
44
|
import { cloneDeep } from 'lodash';
|
|
48
|
-
import * as i4$1 from '@
|
|
49
|
-
import {
|
|
50
|
-
import {
|
|
51
|
-
import
|
|
52
|
-
import
|
|
45
|
+
import * as i4$1 from '@ngxmc/datetime-picker';
|
|
46
|
+
import { NgxMatDatepickerActions, NgxMatDatetimepicker, NgxMatDatepickerApply, NgxMatDatepickerInput } from '@ngxmc/datetime-picker';
|
|
47
|
+
import { MAT_DATE_FORMATS, MAT_DATE_LOCALE, DateAdapter } from '@angular/material/core';
|
|
48
|
+
import { MAT_MOMENT_DATE_ADAPTER_OPTIONS, MomentDateAdapter } from '@angular/material-moment-adapter';
|
|
49
|
+
import * as i5$1 from '@angular/material/form-field';
|
|
50
|
+
import { MatFormFieldModule } from '@angular/material/form-field';
|
|
53
51
|
import * as i6$2 from '@angular/material/datepicker';
|
|
54
52
|
import { MatDatepickerModule } from '@angular/material/datepicker';
|
|
55
|
-
import * as i15 from '@angular/material/
|
|
56
|
-
import {
|
|
53
|
+
import * as i15 from '@angular/material/input';
|
|
54
|
+
import { MatInputModule } from '@angular/material/input';
|
|
57
55
|
import * as i14 from '@hmcts/media-viewer';
|
|
58
56
|
import { MediaViewerModule } from '@hmcts/media-viewer';
|
|
59
57
|
import { PortalModule } from '@angular/cdk/portal';
|
|
60
58
|
import * as i2$1 from 'ngx-pagination';
|
|
61
59
|
import { NgxPaginationModule, PaginatePipe } from 'ngx-pagination';
|
|
62
|
-
import * as i10 from '@angular/material/
|
|
63
|
-
import {
|
|
60
|
+
import * as i10 from '@angular/material/tabs';
|
|
61
|
+
import { MatTabsModule } from '@angular/material/tabs';
|
|
64
62
|
import { compressToUTF16, decompressFromUTF16 } from 'lz-string';
|
|
65
63
|
|
|
66
64
|
const _c0$1a = [[["", "footerSolsNavLinks", ""]], [["", "footerCaseWorkerNavLinks", ""]]];
|
|
@@ -245,11 +243,11 @@ class HeaderBarComponent {
|
|
|
245
243
|
i0.ɵɵtextInterpolate(ctx.username);
|
|
246
244
|
i0.ɵɵadvance(2);
|
|
247
245
|
i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(16, 12, "Sign Out"));
|
|
248
|
-
} }, dependencies: [i5.NgIf, i1.RpxTranslatePipe], styles: [".
|
|
246
|
+
} }, dependencies: [i5.NgIf, i1.RpxTranslatePipe], styles: [".global-header[_ngcontent-%COMP%]:after, .global-header[_ngcontent-%COMP%] .header-title[_ngcontent-%COMP%]:after, .global-header[_ngcontent-%COMP%] .header-username[_ngcontent-%COMP%]:after, .title[_ngcontent-%COMP%]:after{content:\"\";display:block;clear:both}.global-header[_ngcontent-%COMP%]{background-color:#000;width:100%}.global-header[_ngcontent-%COMP%] .header-title[_ngcontent-%COMP%]{font-family:nta,Arial,sans-serif;font-weight:700;text-transform:none;font-size:16pt;line-height:1.25}@media(min-width:641px){.global-header[_ngcontent-%COMP%] .header-title[_ngcontent-%COMP%]{font-size:20pt;line-height:1.3}}.global-header[_ngcontent-%COMP%] .header-title[_ngcontent-%COMP%]{float:left;font-weight:700;color:#fff;position:relative;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%)}@media(min-width:769px){.global-header[_ngcontent-%COMP%] .header-title[_ngcontent-%COMP%]{width:50%}}@media screen and (max-width:379px){.global-header[_ngcontent-%COMP%] .header-title[_ngcontent-%COMP%]{width:auto;float:none}}.global-header[_ngcontent-%COMP%] .header-title[_ngcontent-%COMP%] .header-title-span[_ngcontent-%COMP%]{padding-left:22px}.global-header[_ngcontent-%COMP%] .header-username[_ngcontent-%COMP%]{font-family:nta,Arial,sans-serif;font-weight:400;text-transform:none;font-size:12pt;line-height:1.25}@media(min-width:641px){.global-header[_ngcontent-%COMP%] .header-username[_ngcontent-%COMP%]{font-size:14pt;line-height:1.4285714286}}.global-header[_ngcontent-%COMP%] .header-username[_ngcontent-%COMP%]{float:right;text-align:right;color:#fff;position:relative;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%)}@media(min-width:769px){.global-header[_ngcontent-%COMP%] .header-username[_ngcontent-%COMP%]{width:50%}}.global-header[_ngcontent-%COMP%] .header-username[_ngcontent-%COMP%] .header-username-span[_ngcontent-%COMP%]{padding-right:15px}#global-header[_ngcontent-%COMP%] .full-screen[_ngcontent-%COMP%]{max-width:100%}.title[_ngcontent-%COMP%]{font-weight:700;color:#fff;font-size:24px}.title-solicitor[_ngcontent-%COMP%]{float:left}.proposition-right[_ngcontent-%COMP%]{float:right;padding-top:5px}#global-header.with-proposition[_ngcontent-%COMP%] .header-wrapper[_ngcontent-%COMP%] .header-logo[_ngcontent-%COMP%]{width:27%}#global-header.with-proposition[_ngcontent-%COMP%] .header-wrapper[_ngcontent-%COMP%] .header-proposition[_ngcontent-%COMP%]{width:100%;float:none}#global-header.with-proposition[_ngcontent-%COMP%] .header-wrapper[_ngcontent-%COMP%] .header-proposition[_ngcontent-%COMP%] .content[_ngcontent-%COMP%]{margin:0}#user-name[_ngcontent-%COMP%], #sign-out[_ngcontent-%COMP%]{font-size:16px;font-weight:700;border:none;color:#fff;margin:0 0 0 9px;text-decoration:none;background-color:#000}#user-name[_ngcontent-%COMP%]:focus, #sign-out[_ngcontent-%COMP%]:focus{color:#fff}#sign-out[_ngcontent-%COMP%]:hover{text-decoration:underline}"] });
|
|
249
247
|
}
|
|
250
248
|
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(HeaderBarComponent, [{
|
|
251
249
|
type: Component,
|
|
252
|
-
args: [{ selector: 'cut-header-bar', standalone: false, template: "<header role=\"banner\" id=\"global-header\" class=\"with-proposition\">\n <div [class.full-screen]=\"!isSolicitor\" class=\"header-wrapper\">\n\n <div class=\"header-global\" [class.header-logo]=\"isSolicitor\">\n <div *ngIf=\"isSolicitor\">\n <a href=\"https://www.gov.uk\" title=\"Go to the GOV.UK homepage\" id=\"logo\" class=\"content\" style=\"margin-left: 0px;\">\n <img src=\"/img/gov.uk_logotype_crown_invert_trans.png?0.23.0\" width=\"36\" height=\"32\" alt=\"\"> {{'GOV.UK'}}\n </a>\n </div>\n <div class=\"global-header\" *ngIf=\"!isSolicitor\">\n <div class=\"title\">\n <span>{{title | rpxTranslate}}</span>\n </div>\n </div>\n </div>\n\n <div class=\"header-proposition\">\n <div class=\"content\">\n <a href=\"#proposition-links\" class=\"js-header-toggle menu\">{{'Menu' | rpxTranslate}}</a>\n <div *ngIf=\"isSolicitor\" id=\"proposition-menu\">\n <div class=\"title-solicitor\">\n <span id=\"proposition-name\">{{title | rpxTranslate}}</span>\n <ng-content select=\"[headerNavigation]\"></ng-content>\n </div>\n </div>\n\n <div class=\"proposition-right\">\n <span id=\"user-name\">{{username}}</span>\n <button type=\"button\" class=\"govuk-js-link\" (click)=\"signOut()\" id=\"sign-out\">{{'Sign Out' | rpxTranslate}}</button>\n </div>\n </div>\n </div>\n\n </div>\n</header>\n", styles: [".
|
|
250
|
+
args: [{ selector: 'cut-header-bar', standalone: false, template: "<header role=\"banner\" id=\"global-header\" class=\"with-proposition\">\n <div [class.full-screen]=\"!isSolicitor\" class=\"header-wrapper\">\n\n <div class=\"header-global\" [class.header-logo]=\"isSolicitor\">\n <div *ngIf=\"isSolicitor\">\n <a href=\"https://www.gov.uk\" title=\"Go to the GOV.UK homepage\" id=\"logo\" class=\"content\" style=\"margin-left: 0px;\">\n <img src=\"/img/gov.uk_logotype_crown_invert_trans.png?0.23.0\" width=\"36\" height=\"32\" alt=\"\"> {{'GOV.UK'}}\n </a>\n </div>\n <div class=\"global-header\" *ngIf=\"!isSolicitor\">\n <div class=\"title\">\n <span>{{title | rpxTranslate}}</span>\n </div>\n </div>\n </div>\n\n <div class=\"header-proposition\">\n <div class=\"content\">\n <a href=\"#proposition-links\" class=\"js-header-toggle menu\">{{'Menu' | rpxTranslate}}</a>\n <div *ngIf=\"isSolicitor\" id=\"proposition-menu\">\n <div class=\"title-solicitor\">\n <span id=\"proposition-name\">{{title | rpxTranslate}}</span>\n <ng-content select=\"[headerNavigation]\"></ng-content>\n </div>\n </div>\n\n <div class=\"proposition-right\">\n <span id=\"user-name\">{{username}}</span>\n <button type=\"button\" class=\"govuk-js-link\" (click)=\"signOut()\" id=\"sign-out\">{{'Sign Out' | rpxTranslate}}</button>\n </div>\n </div>\n </div>\n\n </div>\n</header>\n", styles: [".global-header:after,.global-header .header-title:after,.global-header .header-username:after,.title:after{content:\"\";display:block;clear:both}.global-header{background-color:#000;width:100%}.global-header .header-title{font-family:nta,Arial,sans-serif;font-weight:700;text-transform:none;font-size:16pt;line-height:1.25}@media(min-width:641px){.global-header .header-title{font-size:20pt;line-height:1.3}}.global-header .header-title{float:left;font-weight:700;color:#fff;position:relative;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%)}@media(min-width:769px){.global-header .header-title{width:50%}}@media screen and (max-width:379px){.global-header .header-title{width:auto;float:none}}.global-header .header-title .header-title-span{padding-left:22px}.global-header .header-username{font-family:nta,Arial,sans-serif;font-weight:400;text-transform:none;font-size:12pt;line-height:1.25}@media(min-width:641px){.global-header .header-username{font-size:14pt;line-height:1.4285714286}}.global-header .header-username{float:right;text-align:right;color:#fff;position:relative;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%)}@media(min-width:769px){.global-header .header-username{width:50%}}.global-header .header-username .header-username-span{padding-right:15px}#global-header .full-screen{max-width:100%}.title{font-weight:700;color:#fff;font-size:24px}.title-solicitor{float:left}.proposition-right{float:right;padding-top:5px}#global-header.with-proposition .header-wrapper .header-logo{width:27%}#global-header.with-proposition .header-wrapper .header-proposition{width:100%;float:none}#global-header.with-proposition .header-wrapper .header-proposition .content{margin:0}#user-name,#sign-out{font-size:16px;font-weight:700;border:none;color:#fff;margin:0 0 0 9px;text-decoration:none;background-color:#000}#user-name:focus,#sign-out:focus{color:#fff}#sign-out:hover{text-decoration:underline}\n"] }]
|
|
253
251
|
}], null, { title: [{
|
|
254
252
|
type: Input
|
|
255
253
|
}], isSolicitor: [{
|
|
@@ -12126,7 +12124,7 @@ class SaveOrDiscardDialogComponent {
|
|
|
12126
12124
|
this.result = 'Discard';
|
|
12127
12125
|
this.matDialogRef.close(this.result);
|
|
12128
12126
|
}
|
|
12129
|
-
static ɵfac = function SaveOrDiscardDialogComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || SaveOrDiscardDialogComponent)(i0.ɵɵdirectiveInject(i1$3.
|
|
12127
|
+
static ɵfac = function SaveOrDiscardDialogComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || SaveOrDiscardDialogComponent)(i0.ɵɵdirectiveInject(i1$3.MatDialogRef)); };
|
|
12130
12128
|
static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: SaveOrDiscardDialogComponent, selectors: [["ccd-save-or-discard-dialog"]], standalone: false, decls: 19, vars: 12, consts: [[1, "dialog-header"], [1, "heading-h2", "x", 3, "click"], [1, "heading-h2", "dialog-title"], [1, "dialog-info"], [1, "text-info"], ["type", "button", "title", "Save", 1, "button", "action-button", 3, "click"], ["type", "button", "title", "Discard", 1, "button", "button-secondary", 3, "click"]], template: function SaveOrDiscardDialogComponent_Template(rf, ctx) { if (rf & 1) {
|
|
12131
12129
|
i0.ɵɵelementStart(0, "div")(1, "div", 0)(2, "h2", 1);
|
|
12132
12130
|
i0.ɵɵlistener("click", function SaveOrDiscardDialogComponent_Template_h2_click_2_listener() { return ctx.cancel(); });
|
|
@@ -12164,7 +12162,7 @@ class SaveOrDiscardDialogComponent {
|
|
|
12164
12162
|
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(SaveOrDiscardDialogComponent, [{
|
|
12165
12163
|
type: Component,
|
|
12166
12164
|
args: [{ selector: 'ccd-save-or-discard-dialog', standalone: false, 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"] }]
|
|
12167
|
-
}], () => [{ type: i1$3.
|
|
12165
|
+
}], () => [{ type: i1$3.MatDialogRef }], null); })();
|
|
12168
12166
|
(() => { (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: 10 }); })();
|
|
12169
12167
|
|
|
12170
12168
|
function initDialog() {
|
|
@@ -13268,7 +13266,7 @@ class CaseEditPageComponent {
|
|
|
13268
13266
|
}
|
|
13269
13267
|
return caseField.id;
|
|
13270
13268
|
}
|
|
13271
|
-
static ɵfac = function CaseEditPageComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || 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.
|
|
13269
|
+
static ɵfac = function CaseEditPageComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || 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.MatDialog), i0.ɵɵdirectiveInject(CaseFieldService), i0.ɵɵdirectiveInject(CaseEditDataService), i0.ɵɵdirectiveInject(LoadingService), i0.ɵɵdirectiveInject(ValidPageListCaseFieldsService), i0.ɵɵdirectiveInject(MultipageComponentStateService), i0.ɵɵdirectiveInject(AddressesService), i0.ɵɵdirectiveInject(LinkedCasesService), i0.ɵɵdirectiveInject(CaseFlagStateService), i0.ɵɵdirectiveInject(FocusService)); };
|
|
13272
13270
|
static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: CaseEditPageComponent, selectors: [["ccd-case-edit-page"]], viewQuery: function CaseEditPageComponent_Query(rf, ctx) { if (rf & 1) {
|
|
13273
13271
|
i0.ɵɵviewQuery(CaseEditFormComponent, 5);
|
|
13274
13272
|
} if (rf & 2) {
|
|
@@ -13306,7 +13304,7 @@ class CaseEditPageComponent {
|
|
|
13306
13304
|
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(CaseEditPageComponent, [{
|
|
13307
13305
|
type: Component,
|
|
13308
13306
|
args: [{ selector: 'ccd-case-edit-page', standalone: false, 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'] | rpxTranslate\"></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)=\"nextStep()\">\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\" (click)=\"toPreviousPage()\" *ngIf=\"!isAtStart()\" [disabled]=\"isDisabled()\">\n {{'Previous' | rpxTranslate}}\n </button>\n <button class=\"button\" type=\"submit\" [disabled]=\"submitting()\">{{triggerText | rpxTranslate}}</button>\n </div>\n\n <p class=\"cancel\"><button type=\"button\" (click)=\"cancel()\" class=\"govuk-js-link\">{{getCancelText() | rpxTranslate}}</button></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"] }]
|
|
13309
|
-
}], () => [{ type: CaseEditComponent }, { type: i1$1.ActivatedRoute }, { type: FormValueService }, { type: FormErrorService }, { type: i0.ChangeDetectorRef }, { type: PageValidationService }, { type: i1$3.
|
|
13307
|
+
}], () => [{ type: CaseEditComponent }, { type: i1$1.ActivatedRoute }, { type: FormValueService }, { type: FormErrorService }, { type: i0.ChangeDetectorRef }, { type: PageValidationService }, { type: i1$3.MatDialog }, { type: CaseFieldService }, { type: CaseEditDataService }, { type: LoadingService }, { type: ValidPageListCaseFieldsService }, { type: MultipageComponentStateService }, { type: AddressesService }, { type: LinkedCasesService }, { type: CaseFlagStateService }, { type: FocusService }], { caseEditFormComponents: [{
|
|
13310
13308
|
type: ViewChildren,
|
|
13311
13309
|
args: [CaseEditFormComponent]
|
|
13312
13310
|
}] }); })();
|
|
@@ -14766,6 +14764,9 @@ class CaseFileViewFieldComponent {
|
|
|
14766
14764
|
ngAfterViewInit() {
|
|
14767
14765
|
const slider = this.elementRef.nativeElement.querySelector('.slider');
|
|
14768
14766
|
const documentTreeContainer = this.elementRef.nativeElement.querySelector('.document-tree-container');
|
|
14767
|
+
if (!slider || !documentTreeContainer) {
|
|
14768
|
+
return;
|
|
14769
|
+
}
|
|
14769
14770
|
const mousedown$ = fromEvent(slider, 'mousedown');
|
|
14770
14771
|
const mousemove$ = fromEvent(document, 'mousemove');
|
|
14771
14772
|
const mouseup$ = fromEvent(document, 'mouseup');
|
|
@@ -16312,7 +16313,7 @@ class RemoveDialogComponent {
|
|
|
16312
16313
|
this.result = 'Cancel';
|
|
16313
16314
|
this.matDialogRef.close(this.result);
|
|
16314
16315
|
}
|
|
16315
|
-
static ɵfac = function RemoveDialogComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || RemoveDialogComponent)(i0.ɵɵdirectiveInject(i1$3.
|
|
16316
|
+
static ɵfac = function RemoveDialogComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || RemoveDialogComponent)(i0.ɵɵdirectiveInject(i1$3.MatDialogRef)); };
|
|
16316
16317
|
static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: RemoveDialogComponent, selectors: [["ccd-remove-dialog"]], standalone: false, decls: 19, vars: 12, consts: [[1, "dialog-header"], [1, "heading-h2", "x", 3, "click"], [1, "heading-h2", "dialog-title"], [1, "dialog-info"], [1, "text-info"], ["type", "button", "title", "Remove", 1, "button", "action-button", 3, "click"], ["type", "button", "title", "Cancel", 1, "button", "button-secondary", 3, "click"]], template: function RemoveDialogComponent_Template(rf, ctx) { if (rf & 1) {
|
|
16317
16318
|
i0.ɵɵelementStart(0, "div")(1, "div", 0)(2, "h2", 1);
|
|
16318
16319
|
i0.ɵɵlistener("click", function RemoveDialogComponent_Template_h2_click_2_listener() { return ctx.cancel(); });
|
|
@@ -16350,7 +16351,7 @@ class RemoveDialogComponent {
|
|
|
16350
16351
|
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(RemoveDialogComponent, [{
|
|
16351
16352
|
type: Component,
|
|
16352
16353
|
args: [{ selector: 'ccd-remove-dialog', standalone: false, 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"] }]
|
|
16353
|
-
}], () => [{ type: i1$3.
|
|
16354
|
+
}], () => [{ type: i1$3.MatDialogRef }], null); })();
|
|
16354
16355
|
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(RemoveDialogComponent, { className: "RemoveDialogComponent", filePath: "lib/shared/components/dialogs/remove-dialog/remove-dialog.component.ts", lineNumber: 10 }); })();
|
|
16355
16356
|
|
|
16356
16357
|
const _c0$W = ["collectionItem"];
|
|
@@ -16772,7 +16773,7 @@ class WriteCollectionFieldComponent extends AbstractFieldWriteComponent {
|
|
|
16772
16773
|
const notSimple = ['Collection', 'Complex'];
|
|
16773
16774
|
return notSimple.indexOf(caseField.field_type.collection_field_type.type) < 0;
|
|
16774
16775
|
}
|
|
16775
|
-
static ɵfac = function WriteCollectionFieldComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || WriteCollectionFieldComponent)(i0.ɵɵdirectiveInject(i1$3.
|
|
16776
|
+
static ɵfac = function WriteCollectionFieldComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || WriteCollectionFieldComponent)(i0.ɵɵdirectiveInject(i1$3.MatDialog), i0.ɵɵdirectiveInject(ProfileNotifier), i0.ɵɵdirectiveInject(i0.ChangeDetectorRef)); };
|
|
16776
16777
|
static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: WriteCollectionFieldComponent, selectors: [["ccd-write-collection-field"]], viewQuery: function WriteCollectionFieldComponent_Query(rf, ctx) { if (rf & 1) {
|
|
16777
16778
|
i0.ɵɵviewQuery(_c0$W, 5);
|
|
16778
16779
|
} if (rf & 2) {
|
|
@@ -16807,13 +16808,13 @@ class WriteCollectionFieldComponent extends AbstractFieldWriteComponent {
|
|
|
16807
16808
|
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(WriteCollectionFieldComponent, [{
|
|
16808
16809
|
type: Component,
|
|
16809
16810
|
args: [{ selector: 'ccd-write-collection-field', standalone: false, template: "<div class=\"form-group\" [id]=\"id()\">\n\n <div class=\"panel collection-indicator\">\n\n <h2 class=\"heading-h2 error-spacing\" *ngIf=\"!caseField.hidden\">\n {{(caseField | ccdFieldLabel)}}\n </h2>\n <button class=\"button write-collection-add-item__top\" type=\"button\" (click)=\"addItem(true)\" [disabled]=\"isNotAuthorisedToCreate() || isSearchFilter()\">{{'Add new' | rpxTranslate}}</button>\n <h2 class=\"heading-h2 error-spacing\" *ngIf=\"caseField.hint_text || formArray.errors\">\n <span *ngIf=\"caseField.hint_text\" class=\"form-hint\">\n <ccd-markdown [content]=\"caseField.hint_text | rpxTranslate\"></ccd-markdown>\n </span>\n <span *ngIf=\"formArray.errors\" class=\"error-message\">\n {{(formArray.errors | ccdFirstError:caseField.label)}}\n </span>\n </h2>\n\n <div class=\"form-group\" [hidden]=\"caseField.hidden\" *ngIf=\"caseField.value && caseField.value.length\">\n <fieldset class=\"govuk-fieldset\">\n <div *ngFor=\"let item of collItems; let i = index; trackBy: trackByCollectionItem\" #collectionItem\n [id]=\"this.buildIdPrefix(i) + i\" class=\"form-group\">\n <div class=\"collection-title\">\n <div class=\"float-left\">\n <legend class=\"govuk-fieldset__legend\">\n <label [for]=\"item.prefix + i\"><h3 class=\"heading-h3\">{{itemLabel(i) | rpxTranslate}}</h3></label>\n </legend>\n </div>\n <div class=\"float-right\">\n <button class=\"button button-secondary\" type=\"button\" (click)=\"openModal(i)\"\n [disabled]=\"isNotAuthorisedToDelete(i)\"\n attr.aria-label=\"Remove {{ itemLabel(i) }}\">{{'Remove' | rpxTranslate}}</button>\n </div>\n </div>\n <ccd-field-write [caseField]=\"item.caseField\"\n [caseFields]=\"caseFields\"\n [formGroup]=\"formGroup\"\n [parent]=\"item.container\"\n [idPrefix]=\"item.prefix\"\n [hidden]=\"item.caseField.hidden\"\n [isExpanded]=\"isExpanded\"\n [isInSearchBlock]=\"isInSearchBlock\">\n </ccd-field-write>\n </div>\n </fieldset>\n </div>\n\n <button class=\"button write-collection-add-item__bottom\" type=\"button\" (click)=\"addItem(false)\" [disabled]=\"isNotAuthorisedToCreate() || isSearchFilter()\" *ngIf=\"caseField.value && caseField.value.length\">{{'Add new' | rpxTranslate }}</button>\n\n </div>\n\n</div>\n", styles: [".collection-field-table tr:first-child>td{padding-top:0}.collection-field-table tr:last-child>td{border-bottom:none}.collection-field-table td.collection-actions{width:1px;white-space:nowrap}.error-spacing{margin-top:10px}.collection-title{height:51px}.float-left{float:left;padding-top:8px}.float-right{float:right}.complex-panel{margin:13px 0;border:1px solid #bfc1c3}.complex-panel .complex-panel-title{background-color:#dee0e2;padding:5px 5px 2px;border-bottom:1px solid #bfc1c3;display:block;color:#0b0c0c;font-family:nta,Arial,sans-serif;font-weight:700;text-transform:none;font-size:16px;line-height:1.25}@media(min-width:641px){.complex-panel .complex-panel-title{font-size:19px;line-height:1.3157894737}}.complex-panel .complex-panel-table>tbody>tr>th{vertical-align:top}.complex-panel .complex-panel-table>tbody>tr:last-child>th,.complex-panel .complex-panel-table>tbody>tr:last-child>td{border-bottom:none}.complex-panel .complex-panel-simple-field th{padding-left:5px;width:295px}.complex-panel .complex-panel-compound-field td{padding:5px}.collection-indicator{border-left:solid 5px #b1b4b6}\n"] }]
|
|
16810
|
-
}], () => [{ type: i1$3.
|
|
16811
|
+
}], () => [{ type: i1$3.MatDialog }, { type: ProfileNotifier }, { type: i0.ChangeDetectorRef }], { caseFields: [{
|
|
16811
16812
|
type: Input
|
|
16812
16813
|
}], items: [{
|
|
16813
16814
|
type: ViewChildren,
|
|
16814
16815
|
args: ['collectionItem']
|
|
16815
16816
|
}] }); })();
|
|
16816
|
-
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(WriteCollectionFieldComponent, { className: "WriteCollectionFieldComponent", filePath: "lib/shared/components/palette/collection/write-collection-field.component.ts", lineNumber:
|
|
16817
|
+
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(WriteCollectionFieldComponent, { className: "WriteCollectionFieldComponent", filePath: "lib/shared/components/palette/collection/write-collection-field.component.ts", lineNumber: 31 }); })();
|
|
16817
16818
|
|
|
16818
16819
|
function ReadComplexFieldComponent_ccd_read_complex_field_raw_1_Template(rf, ctx) { if (rf & 1) {
|
|
16819
16820
|
i0.ɵɵelement(0, "ccd-read-complex-field-raw", 4);
|
|
@@ -17037,7 +17038,7 @@ class DocumentDialogComponent {
|
|
|
17037
17038
|
this.result = 'Cancel';
|
|
17038
17039
|
this.matDialogRef.close(this.result);
|
|
17039
17040
|
}
|
|
17040
|
-
static ɵfac = function DocumentDialogComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || DocumentDialogComponent)(i0.ɵɵdirectiveInject(i1$3.
|
|
17041
|
+
static ɵfac = function DocumentDialogComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || DocumentDialogComponent)(i0.ɵɵdirectiveInject(i1$3.MatDialogRef)); };
|
|
17041
17042
|
static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: DocumentDialogComponent, selectors: [["ccd-document-dialog"]], standalone: false, decls: 19, vars: 12, consts: [[1, "dialog-header"], [1, "heading-h2", "x", 3, "click"], [1, "heading-h2", "dialog-title"], [1, "dialog-info"], [1, "text-info"], ["type", "button", "title", "Replace", 1, "button", "action-button", 3, "click"], ["type", "button", "title", "Cancel", 1, "button", "button-secondary", 3, "click"]], template: function DocumentDialogComponent_Template(rf, ctx) { if (rf & 1) {
|
|
17042
17043
|
i0.ɵɵelementStart(0, "div")(1, "div", 0)(2, "h2", 1);
|
|
17043
17044
|
i0.ɵɵlistener("click", function DocumentDialogComponent_Template_h2_click_2_listener() { return ctx.cancel(); });
|
|
@@ -17075,7 +17076,7 @@ class DocumentDialogComponent {
|
|
|
17075
17076
|
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(DocumentDialogComponent, [{
|
|
17076
17077
|
type: Component,
|
|
17077
17078
|
args: [{ selector: 'ccd-document-dialog', standalone: false, 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"] }]
|
|
17078
|
-
}], () => [{ type: i1$3.
|
|
17079
|
+
}], () => [{ type: i1$3.MatDialogRef }], null); })();
|
|
17079
17080
|
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(DocumentDialogComponent, { className: "DocumentDialogComponent", filePath: "lib/shared/components/dialogs/document-dialog/document-dialog.component.ts", lineNumber: 10 }); })();
|
|
17080
17081
|
|
|
17081
17082
|
class FileUploadStateService {
|
|
@@ -17470,7 +17471,7 @@ class WriteDocumentFieldComponent extends AbstractFieldWriteComponent {
|
|
|
17470
17471
|
this.valid = false;
|
|
17471
17472
|
this.fileUploadStateService.setUploadInProgress(false);
|
|
17472
17473
|
}
|
|
17473
|
-
static ɵfac = function WriteDocumentFieldComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || WriteDocumentFieldComponent)(i0.ɵɵdirectiveInject(AbstractAppConfig), i0.ɵɵdirectiveInject(CaseNotifier), i0.ɵɵdirectiveInject(DocumentManagementService), i0.ɵɵdirectiveInject(i1$3.
|
|
17474
|
+
static ɵfac = function WriteDocumentFieldComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || WriteDocumentFieldComponent)(i0.ɵɵdirectiveInject(AbstractAppConfig), i0.ɵɵdirectiveInject(CaseNotifier), i0.ɵɵdirectiveInject(DocumentManagementService), i0.ɵɵdirectiveInject(i1$3.MatDialog), i0.ɵɵdirectiveInject(FileUploadStateService), i0.ɵɵdirectiveInject(JurisdictionService), i0.ɵɵdirectiveInject(SessionStorageService)); };
|
|
17474
17475
|
static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: WriteDocumentFieldComponent, selectors: [["ccd-write-document-field"]], viewQuery: function WriteDocumentFieldComponent_Query(rf, ctx) { if (rf & 1) {
|
|
17475
17476
|
i0.ɵɵviewQuery(_c0$V, 5);
|
|
17476
17477
|
} if (rf & 2) {
|
|
@@ -17531,11 +17532,11 @@ class WriteDocumentFieldComponent extends AbstractFieldWriteComponent {
|
|
|
17531
17532
|
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(WriteDocumentFieldComponent, [{
|
|
17532
17533
|
type: Component,
|
|
17533
17534
|
args: [{ selector: 'ccd-write-document-field', standalone: false, template: "<div class=\"form-group\" [ngClass]=\"{'form-group-error bottom-30': !valid}\">\n <label [for]=\"id()\">\n <span class=\"form-label\" attr.aria-label=\"{{caseField | ccdFieldLabel}}\">{{(caseField | ccdFieldLabel)}}</span>\n </label>\n <span class=\"form-hint\" *ngIf=\"caseField.hint_text\">\n <markdown [data]=\"caseField.hint_text | rpxTranslate\"></markdown>\n </span>\n <span class=\"error-message\"\n role=\"alert\"\n tabindex=\"0\"\n [hidden]=\"!(fileUploadMessages && !valid)\">\n {{ fileUploadMessages | rpxTranslate }}\n </span>\n <div>\n <!--<span *ngIf=\"getUploadedFileName()\" class=\"text-16\">File name: {{getUploadedFileName()}}</span>-->\n <ccd-read-document-field *ngIf=\"caseField\" [caseField]=\"caseField\"></ccd-read-document-field>\n </div>\n\n <div style='position:relative'>\n <div [id]=\"createElementId('fileInputWrapper')\" (click)=\"fileSelectEvent()\" (keyup)=\"fileSelectEvent()\"></div>\n <input class=\"form-control bottom-30\" [id]=\"id()\" type=\"file\" (keydown.Tab)=\"fileValidationsOnTab()\" (change)=\"fileChangeEvent($event, caseField.field_type.regular_expression)\"\n accept=\"{{caseField.field_type.regular_expression}}\" #fileInput/>\n </div>\n</div>\n<div class=\"form-group bottom-30\">\n <button class=\"button button-secondary\" type=\"button\" aria-label=\"Cancel upload\" (click)=\"cancelUpload()\" [disabled]=\"!isUploadInProgress()\">{{'Cancel upload' | rpxTranslate}}</button>\n</div>\n" }]
|
|
17534
|
-
}], () => [{ type: AbstractAppConfig }, { type: CaseNotifier }, { type: DocumentManagementService }, { type: i1$3.
|
|
17535
|
+
}], () => [{ type: AbstractAppConfig }, { type: CaseNotifier }, { type: DocumentManagementService }, { type: i1$3.MatDialog }, { type: FileUploadStateService }, { type: JurisdictionService }, { type: SessionStorageService }], { fileInput: [{
|
|
17535
17536
|
type: ViewChild,
|
|
17536
17537
|
args: ['fileInput', { static: false }]
|
|
17537
17538
|
}] }); })();
|
|
17538
|
-
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(WriteDocumentFieldComponent, { className: "WriteDocumentFieldComponent", filePath: "lib/shared/components/palette/document/write-document-field.component.ts", lineNumber:
|
|
17539
|
+
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(WriteDocumentFieldComponent, { className: "WriteDocumentFieldComponent", filePath: "lib/shared/components/palette/document/write-document-field.component.ts", lineNumber: 25 }); })();
|
|
17539
17540
|
|
|
17540
17541
|
class DynamicListPipe {
|
|
17541
17542
|
static EMPTY = '';
|
|
@@ -18607,17 +18608,15 @@ function WriteJudicialUserFieldComponent_span_4_Template(rf, ctx) { if (rf & 1)
|
|
|
18607
18608
|
i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind2(2, 1, ctx_r1.errors, ctx_r1.caseField.label), " ");
|
|
18608
18609
|
} }
|
|
18609
18610
|
function WriteJudicialUserFieldComponent_mat_option_8_Template(rf, ctx) { if (rf & 1) {
|
|
18610
|
-
const _r3 = i0.ɵɵgetCurrentView();
|
|
18611
18611
|
i0.ɵɵelementStart(0, "mat-option", 13);
|
|
18612
|
-
i0.ɵɵlistener("onSelectionChange", function WriteJudicialUserFieldComponent_mat_option_8_Template_mat_option_onSelectionChange_0_listener($event) { i0.ɵɵrestoreView(_r3); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.onSelectionChange($event)); });
|
|
18613
18612
|
i0.ɵɵtext(1);
|
|
18614
18613
|
i0.ɵɵelementEnd();
|
|
18615
18614
|
} if (rf & 2) {
|
|
18616
|
-
const
|
|
18615
|
+
const judicialUser_r3 = ctx.$implicit;
|
|
18617
18616
|
const ctx_r1 = i0.ɵɵnextContext();
|
|
18618
|
-
i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(4, _c1$j, !ctx_r1.showAutocomplete))("value",
|
|
18617
|
+
i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(4, _c1$j, !ctx_r1.showAutocomplete))("value", judicialUser_r3);
|
|
18619
18618
|
i0.ɵɵadvance();
|
|
18620
|
-
i0.ɵɵtextInterpolate2(" ", (
|
|
18619
|
+
i0.ɵɵtextInterpolate2(" ", (judicialUser_r3 == null ? null : judicialUser_r3.fullName) ? judicialUser_r3.fullName : "", "", (judicialUser_r3 == null ? null : judicialUser_r3.emailId) ? " (" + judicialUser_r3.emailId + ")" : "", " ");
|
|
18621
18620
|
} }
|
|
18622
18621
|
function WriteJudicialUserFieldComponent_mat_option_10_Template(rf, ctx) { if (rf & 1) {
|
|
18623
18622
|
i0.ɵɵelementStart(0, "mat-option", 14);
|
|
@@ -18636,6 +18635,7 @@ class WriteJudicialUserFieldComponent extends WriteComplexFieldComponent {
|
|
|
18636
18635
|
compoundPipe;
|
|
18637
18636
|
validatorsService;
|
|
18638
18637
|
caseNotifier;
|
|
18638
|
+
autocompleteTrigger;
|
|
18639
18639
|
minSearchCharacters = 2;
|
|
18640
18640
|
judicialUserControl;
|
|
18641
18641
|
jurisdiction;
|
|
@@ -18738,18 +18738,27 @@ class WriteJudicialUserFieldComponent extends WriteComplexFieldComponent {
|
|
|
18738
18738
|
: undefined;
|
|
18739
18739
|
}
|
|
18740
18740
|
onSelectionChange(event) {
|
|
18741
|
-
// The
|
|
18741
|
+
// The selected option value is a JudicialUserModel object instance; use this to update both the caseField
|
|
18742
18742
|
// value and the values of the two FormControls for the idamId and personalCode properties of the JudicialUser
|
|
18743
18743
|
// complex field type (these values will appear in the data payload for validation and submission)
|
|
18744
18744
|
this.caseField.value = {
|
|
18745
|
-
idamId: event.
|
|
18746
|
-
personalCode: event.
|
|
18745
|
+
idamId: event.option.value.idamId,
|
|
18746
|
+
personalCode: event.option.value.personalCode
|
|
18747
18747
|
};
|
|
18748
18748
|
this.complexGroup.get('idamId')?.setValue(this.caseField.value.idamId);
|
|
18749
18749
|
this.complexGroup.get('personalCode')?.setValue(this.caseField.value.personalCode);
|
|
18750
18750
|
this.judicialUserSelected = true;
|
|
18751
18751
|
}
|
|
18752
18752
|
onBlur(event) {
|
|
18753
|
+
if (this.autocompleteTrigger?.panelOpen) {
|
|
18754
|
+
return;
|
|
18755
|
+
}
|
|
18756
|
+
this.updateValueAfterBlur(event);
|
|
18757
|
+
}
|
|
18758
|
+
onAutocompleteClosed() {
|
|
18759
|
+
this.updateValueAfterBlur({ relatedTarget: null });
|
|
18760
|
+
}
|
|
18761
|
+
updateValueAfterBlur(event) {
|
|
18753
18762
|
// If the user types into the JudicialUser field but doesn't select a value from the autocomplete list, reset the
|
|
18754
18763
|
// FormControl value to null to ensure it fails validation (can check the event.relatedTarget property)
|
|
18755
18764
|
if (event.relatedTarget?.role !== 'option' && !this.judicialUserSelected) {
|
|
@@ -18779,7 +18788,12 @@ class WriteJudicialUserFieldComponent extends WriteComplexFieldComponent {
|
|
|
18779
18788
|
this.notifierSubscription?.unsubscribe();
|
|
18780
18789
|
}
|
|
18781
18790
|
static ɵfac = function WriteJudicialUserFieldComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || WriteJudicialUserFieldComponent)(i0.ɵɵdirectiveInject(JurisdictionService), i0.ɵɵdirectiveInject(SessionStorageService), i0.ɵɵdirectiveInject(CaseFlagRefdataService), i0.ɵɵdirectiveInject(IsCompoundPipe), i0.ɵɵdirectiveInject(FormValidatorsService), i0.ɵɵdirectiveInject(CaseNotifier)); };
|
|
18782
|
-
static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: WriteJudicialUserFieldComponent, selectors: [["ccd-write-judicial-user-field"]],
|
|
18791
|
+
static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: WriteJudicialUserFieldComponent, selectors: [["ccd-write-judicial-user-field"]], viewQuery: function WriteJudicialUserFieldComponent_Query(rf, ctx) { if (rf & 1) {
|
|
18792
|
+
i0.ɵɵviewQuery(MatAutocompleteTrigger, 5);
|
|
18793
|
+
} if (rf & 2) {
|
|
18794
|
+
let _t;
|
|
18795
|
+
i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.autocompleteTrigger = _t.first);
|
|
18796
|
+
} }, standalone: false, features: [i0.ɵɵInheritDefinitionFeature], decls: 12, vars: 17, consts: [["autoComplete", "matAutocomplete"], [1, "form-group", 3, "formGroup", "ngClass"], [3, "for"], ["class", "form-label", 4, "ngIf"], ["class", "form-hint", 4, "ngIf"], ["class", "error-message", 4, "ngIf"], [1, "form-control", "bottom-30", 3, "blur", "id", "formControl", "matAutocomplete"], ["autoActiveFirstOption", "", 3, "optionSelected", "closed", "displayWith"], ["class", "select-option", 3, "ngClass", "value", 4, "ngFor", "ngForOf"], ["class", "select-option", "disabled", "", 4, "ngIf"], [1, "form-label"], [1, "form-hint"], [1, "error-message"], [1, "select-option", 3, "ngClass", "value"], ["disabled", "", 1, "select-option"]], template: function WriteJudicialUserFieldComponent_Template(rf, ctx) { if (rf & 1) {
|
|
18783
18797
|
const _r1 = i0.ɵɵgetCurrentView();
|
|
18784
18798
|
i0.ɵɵelementStart(0, "div", 1)(1, "label", 2);
|
|
18785
18799
|
i0.ɵɵtemplate(2, WriteJudicialUserFieldComponent_span_2_Template, 3, 3, "span", 3);
|
|
@@ -18789,12 +18803,13 @@ class WriteJudicialUserFieldComponent extends WriteComplexFieldComponent {
|
|
|
18789
18803
|
i0.ɵɵlistener("blur", function WriteJudicialUserFieldComponent_Template_input_blur_5_listener($event) { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView(ctx.onBlur($event)); });
|
|
18790
18804
|
i0.ɵɵelementEnd();
|
|
18791
18805
|
i0.ɵɵelementStart(6, "mat-autocomplete", 7, 0);
|
|
18806
|
+
i0.ɵɵlistener("optionSelected", function WriteJudicialUserFieldComponent_Template_mat_autocomplete_optionSelected_6_listener($event) { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView(ctx.onSelectionChange($event)); })("closed", function WriteJudicialUserFieldComponent_Template_mat_autocomplete_closed_6_listener() { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView(ctx.onAutocompleteClosed()); });
|
|
18792
18807
|
i0.ɵɵtemplate(8, WriteJudicialUserFieldComponent_mat_option_8_Template, 2, 6, "mat-option", 8);
|
|
18793
18808
|
i0.ɵɵpipe(9, "async");
|
|
18794
18809
|
i0.ɵɵtemplate(10, WriteJudicialUserFieldComponent_mat_option_10_Template, 2, 0, "mat-option", 9)(11, WriteJudicialUserFieldComponent_mat_option_11_Template, 2, 0, "mat-option", 9);
|
|
18795
18810
|
i0.ɵɵelementEnd()();
|
|
18796
18811
|
} if (rf & 2) {
|
|
18797
|
-
const
|
|
18812
|
+
const autoComplete_r4 = i0.ɵɵreference(7);
|
|
18798
18813
|
i0.ɵɵproperty("formGroup", ctx.formGroup)("ngClass", i0.ɵɵpureFunction1(15, _c0$O, !!ctx.judicialUserControl && ctx.errors));
|
|
18799
18814
|
i0.ɵɵadvance();
|
|
18800
18815
|
i0.ɵɵproperty("for", ctx.id());
|
|
@@ -18805,7 +18820,7 @@ class WriteJudicialUserFieldComponent extends WriteComplexFieldComponent {
|
|
|
18805
18820
|
i0.ɵɵadvance();
|
|
18806
18821
|
i0.ɵɵproperty("ngIf", ctx.errors);
|
|
18807
18822
|
i0.ɵɵadvance();
|
|
18808
|
-
i0.ɵɵproperty("id", ctx.id())("formControl", ctx.judicialUserControl)("matAutocomplete",
|
|
18823
|
+
i0.ɵɵproperty("id", ctx.id())("formControl", ctx.judicialUserControl)("matAutocomplete", autoComplete_r4);
|
|
18809
18824
|
i0.ɵɵadvance();
|
|
18810
18825
|
i0.ɵɵproperty("displayWith", ctx.displayJudicialUser);
|
|
18811
18826
|
i0.ɵɵadvance(2);
|
|
@@ -18814,13 +18829,16 @@ class WriteJudicialUserFieldComponent extends WriteComplexFieldComponent {
|
|
|
18814
18829
|
i0.ɵɵproperty("ngIf", ctx.noResults && ctx.searchTerm && ctx.searchTerm.length > ctx.minSearchCharacters && ctx.showAutocomplete);
|
|
18815
18830
|
i0.ɵɵadvance();
|
|
18816
18831
|
i0.ɵɵproperty("ngIf", ctx.invalidSearchTerm);
|
|
18817
|
-
} }, dependencies: [i5.NgClass, i5.NgForOf, i5.NgIf, i4.DefaultValueAccessor, i4.NgControlStatus, i4.NgControlStatusGroup, i4.FormControlDirective, i4.FormGroupDirective, i6.
|
|
18832
|
+
} }, dependencies: [i5.NgClass, i5.NgForOf, i5.NgIf, i4.DefaultValueAccessor, i4.NgControlStatus, i4.NgControlStatusGroup, i4.FormControlDirective, i4.FormGroupDirective, i6.MatAutocomplete, i6.MatOption, i6.MatAutocompleteTrigger, i5.AsyncPipe, FieldLabelPipe, FirstErrorPipe], styles: [".mat-option[_ngcontent-%COMP%]:hover{background:#2596be}.mat-option.select-option[_ngcontent-%COMP%]:hover{background:#1d70b8;color:#fff}.hide-autocomplete[_ngcontent-%COMP%]{display:none}"] });
|
|
18818
18833
|
}
|
|
18819
18834
|
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(WriteJudicialUserFieldComponent, [{
|
|
18820
18835
|
type: Component,
|
|
18821
|
-
args: [{ selector: 'ccd-write-judicial-user-field', standalone: false, template: "<div class=\"form-group\" [formGroup]=\"formGroup\" [ngClass]=\"{'form-group-error': !!judicialUserControl && errors}\">\n <label [for]=\"id()\">\n <span *ngIf=\"caseField.label\" class=\"form-label\">\n {{caseField | ccdFieldLabel}}\n </span>\n </label>\n <span *ngIf=\"caseField.hint_text\" class=\"form-hint\">\n {{caseField.hint_text}}\n </span>\n <span class=\"error-message\" *ngIf=\"errors\">\n {{errors | ccdFirstError:caseField.label}}\n </span>\n <input class=\"form-control bottom-30\" [id]=\"id()\"\n [formControl]=\"judicialUserControl\" [matAutocomplete]=\"autoComplete\" (blur)=\"onBlur($event)\">\n <mat-autocomplete autoActiveFirstOption #autoComplete=\"matAutocomplete\" [displayWith]=\"displayJudicialUser\">\n <mat-option *ngFor=\"let judicialUser of filteredJudicialUsers$ | async\"\n class=\"select-option\" [ngClass]=\"{'hide-autocomplete': !showAutocomplete}\"\n [value]=\"judicialUser\"
|
|
18822
|
-
}], () => [{ type: JurisdictionService }, { type: SessionStorageService }, { type: CaseFlagRefdataService }, { type: IsCompoundPipe }, { type: FormValidatorsService }, { type: CaseNotifier }],
|
|
18823
|
-
|
|
18836
|
+
args: [{ selector: 'ccd-write-judicial-user-field', standalone: false, template: "<div class=\"form-group\" [formGroup]=\"formGroup\" [ngClass]=\"{'form-group-error': !!judicialUserControl && errors}\">\n <label [for]=\"id()\">\n <span *ngIf=\"caseField.label\" class=\"form-label\">\n {{caseField | ccdFieldLabel}}\n </span>\n </label>\n <span *ngIf=\"caseField.hint_text\" class=\"form-hint\">\n {{caseField.hint_text}}\n </span>\n <span class=\"error-message\" *ngIf=\"errors\">\n {{errors | ccdFirstError:caseField.label}}\n </span>\n <input class=\"form-control bottom-30\" [id]=\"id()\"\n [formControl]=\"judicialUserControl\" [matAutocomplete]=\"autoComplete\" (blur)=\"onBlur($event)\">\n <mat-autocomplete autoActiveFirstOption #autoComplete=\"matAutocomplete\" [displayWith]=\"displayJudicialUser\"\n (optionSelected)=\"onSelectionChange($event)\" (closed)=\"onAutocompleteClosed()\">\n <mat-option *ngFor=\"let judicialUser of filteredJudicialUsers$ | async\"\n class=\"select-option\" [ngClass]=\"{'hide-autocomplete': !showAutocomplete}\"\n [value]=\"judicialUser\">\n {{judicialUser?.fullName ? judicialUser.fullName : ''}}{{judicialUser?.emailId ? ' (' + judicialUser.emailId + ')' : ''}}\n </mat-option>\n <mat-option *ngIf=\"noResults && searchTerm && searchTerm.length > minSearchCharacters && showAutocomplete\" class=\"select-option\" disabled>\n No results found\n </mat-option>\n <mat-option *ngIf=\"invalidSearchTerm\" class=\"select-option\" disabled>\n Invalid search term\n </mat-option>\n </mat-autocomplete>\n</div>\n", styles: [".mat-option:hover{background:#2596be}.mat-option.select-option:hover{background:#1d70b8;color:#fff}.hide-autocomplete{display:none}\n"] }]
|
|
18837
|
+
}], () => [{ type: JurisdictionService }, { type: SessionStorageService }, { type: CaseFlagRefdataService }, { type: IsCompoundPipe }, { type: FormValidatorsService }, { type: CaseNotifier }], { autocompleteTrigger: [{
|
|
18838
|
+
type: ViewChild,
|
|
18839
|
+
args: [MatAutocompleteTrigger]
|
|
18840
|
+
}] }); })();
|
|
18841
|
+
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(WriteJudicialUserFieldComponent, { className: "WriteJudicialUserFieldComponent", filePath: "lib/shared/components/palette/judicial-user/write-judicial-user-field.component.ts", lineNumber: 19 }); })();
|
|
18824
18842
|
|
|
18825
18843
|
function ReadStaffUserFieldComponent_ccd_loading_spinner_0_Template(rf, ctx) { if (rf & 1) {
|
|
18826
18844
|
i0.ɵɵelement(0, "ccd-loading-spinner");
|
|
@@ -19132,7 +19150,7 @@ class WriteStaffUserFieldComponent extends WriteComplexFieldComponent {
|
|
|
19132
19150
|
i0.ɵɵproperty("ngIf", ctx.noResults && ctx.searchTerm && ctx.searchTerm.length > ctx.minSearchCharacters && ctx.showAutocomplete);
|
|
19133
19151
|
i0.ɵɵadvance();
|
|
19134
19152
|
i0.ɵɵproperty("ngIf", ctx.invalidSearchTerm);
|
|
19135
|
-
} }, dependencies: [i5.NgClass, i5.NgForOf, i5.NgIf, i4.DefaultValueAccessor, i4.NgControlStatus, i4.NgControlStatusGroup, i4.FormControlDirective, i4.FormGroupDirective, i6.
|
|
19153
|
+
} }, dependencies: [i5.NgClass, i5.NgForOf, i5.NgIf, i4.DefaultValueAccessor, i4.NgControlStatus, i4.NgControlStatusGroup, i4.FormControlDirective, i4.FormGroupDirective, i6.MatAutocomplete, i6.MatOption, i6.MatAutocompleteTrigger, i5.AsyncPipe], encapsulation: 2 });
|
|
19136
19154
|
}
|
|
19137
19155
|
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(WriteStaffUserFieldComponent, [{
|
|
19138
19156
|
type: Component,
|
|
@@ -29921,11 +29939,11 @@ class FieldReadLabelComponent extends AbstractFieldReadComponent {
|
|
|
29921
29939
|
i0.ɵɵproperty("hidden", ctx.caseField.hidden);
|
|
29922
29940
|
i0.ɵɵadvance();
|
|
29923
29941
|
i0.ɵɵproperty("ngIf", ctx.withLabel && !ctx.isLabel() && (!ctx.isComplex() || ctx.isCaseLink()))("ngIfElse", caseFieldValue_r2);
|
|
29924
|
-
} }, dependencies: [i5.NgIf, i5.NgTemplateOutlet, i1.RpxTranslatePipe], styles: [".
|
|
29942
|
+
} }, dependencies: [i5.NgIf, i5.NgTemplateOutlet, i1.RpxTranslatePipe], styles: [".form [_nghost-%COMP%] .grey-bar>*>.form-group, .form [_nghost-%COMP%] .grey-bar>*>*>.form-group, .form [_nghost-%COMP%] .grey-bar>*>dl.case-field{margin-left:15px;padding-left:15px}.form [_nghost-%COMP%] .grey-bar>*>.form-group:not(.form-group-error), .form [_nghost-%COMP%] .grey-bar>*>*>.form-group:not(.form-group-error), .form [_nghost-%COMP%] .grey-bar>*>dl.case-field:not(.form-group-error){border-left:solid 5px #b1b4b6}.form [_nghost-%COMP%] .grey-bar>*>.form-group input:not(.inline-block), .form [_nghost-%COMP%] .grey-bar>*>.form-group select:not(.inline-block), .form [_nghost-%COMP%] .grey-bar>*>.form-group textarea:not(.inline-block), .form [_nghost-%COMP%] .grey-bar>*>*>.form-group input:not(.inline-block), .form [_nghost-%COMP%] .grey-bar>*>*>.form-group select:not(.inline-block), .form [_nghost-%COMP%] .grey-bar>*>*>.form-group textarea:not(.inline-block), .form [_nghost-%COMP%] .grey-bar>*>dl.case-field input:not(.inline-block), .form [_nghost-%COMP%] .grey-bar>*>dl.case-field select:not(.inline-block), .form [_nghost-%COMP%] .grey-bar>*>dl.case-field textarea:not(.inline-block){display:block}.case-field[_ngcontent-%COMP%]:after{content:\"\";display:block;clear:both}.case-field[_ngcontent-%COMP%]{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;margin-bottom:15px}@media(min-width:641px){.case-field[_ngcontent-%COMP%]{margin-bottom:30px}}.case-field[_ngcontent-%COMP%] .case-field__label[_ngcontent-%COMP%]{display:block;color:#0b0c0c;padding-bottom:2px;font-family:nta,Arial,sans-serif;font-weight:700;text-transform:none;font-size:16px;line-height:1.25}@media(min-width:641px){.case-field[_ngcontent-%COMP%] .case-field__label[_ngcontent-%COMP%]{font-size:19px;line-height:1.3157894737}}.case-field[_ngcontent-%COMP%] .case-field__value[_ngcontent-%COMP%]{font-family:nta,Arial,sans-serif;font-weight:400;text-transform:none;font-size:16px;line-height:1.25}@media(min-width:641px){.case-field[_ngcontent-%COMP%] .case-field__value[_ngcontent-%COMP%]{font-size:19px;line-height:1.3157894737}}"] });
|
|
29925
29943
|
}
|
|
29926
29944
|
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(FieldReadLabelComponent, [{
|
|
29927
29945
|
type: Component,
|
|
29928
|
-
args: [{ selector: 'ccd-field-read-label', standalone: false, template: "<div [hidden]=\"caseField.hidden\" [class.grey-bar]=\"canHaveGreyBar && !caseField.hiddenCannotChange\">\n <dl class=\"case-field\" *ngIf=\"withLabel && !isLabel() && (!isComplex() || isCaseLink()); else caseFieldValue\">\n <dt class=\"case-field__label\">{{caseField.label | rpxTranslate}}</dt>\n <dd class=\"case-field__value\">\n <ng-container *ngTemplateOutlet=\"caseFieldValue\"></ng-container>\n </dd>\n </dl>\n <ng-template #caseFieldValue>\n <ng-content></ng-content>\n </ng-template>\n</div>\n", styles: [".
|
|
29946
|
+
args: [{ selector: 'ccd-field-read-label', standalone: false, template: "<div [hidden]=\"caseField.hidden\" [class.grey-bar]=\"canHaveGreyBar && !caseField.hiddenCannotChange\">\n <dl class=\"case-field\" *ngIf=\"withLabel && !isLabel() && (!isComplex() || isCaseLink()); else caseFieldValue\">\n <dt class=\"case-field__label\">{{caseField.label | rpxTranslate}}</dt>\n <dd class=\"case-field__value\">\n <ng-container *ngTemplateOutlet=\"caseFieldValue\"></ng-container>\n </dd>\n </dl>\n <ng-template #caseFieldValue>\n <ng-content></ng-content>\n </ng-template>\n</div>\n", styles: [".form :host::ng-deep .grey-bar>*>.form-group,.form :host::ng-deep .grey-bar>*>*>.form-group,.form :host::ng-deep .grey-bar>*>dl.case-field{margin-left:15px;padding-left:15px}.form :host::ng-deep .grey-bar>*>.form-group:not(.form-group-error),.form :host::ng-deep .grey-bar>*>*>.form-group:not(.form-group-error),.form :host::ng-deep .grey-bar>*>dl.case-field:not(.form-group-error){border-left:solid 5px #b1b4b6}.form :host::ng-deep .grey-bar>*>.form-group input:not(.inline-block),.form :host::ng-deep .grey-bar>*>.form-group select:not(.inline-block),.form :host::ng-deep .grey-bar>*>.form-group textarea:not(.inline-block),.form :host::ng-deep .grey-bar>*>*>.form-group input:not(.inline-block),.form :host::ng-deep .grey-bar>*>*>.form-group select:not(.inline-block),.form :host::ng-deep .grey-bar>*>*>.form-group textarea:not(.inline-block),.form :host::ng-deep .grey-bar>*>dl.case-field input:not(.inline-block),.form :host::ng-deep .grey-bar>*>dl.case-field select:not(.inline-block),.form :host::ng-deep .grey-bar>*>dl.case-field textarea:not(.inline-block){display:block}.case-field:after{content:\"\";display:block;clear:both}.case-field{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;margin-bottom:15px}@media(min-width:641px){.case-field{margin-bottom:30px}}.case-field .case-field__label{display:block;color:#0b0c0c;padding-bottom:2px;font-family:nta,Arial,sans-serif;font-weight:700;text-transform:none;font-size:16px;line-height:1.25}@media(min-width:641px){.case-field .case-field__label{font-size:19px;line-height:1.3157894737}}.case-field .case-field__value{font-family:nta,Arial,sans-serif;font-weight:400;text-transform:none;font-size:16px;line-height:1.25}@media(min-width:641px){.case-field .case-field__value{font-size:19px;line-height:1.3157894737}}\n"] }]
|
|
29929
29947
|
}], null, { withLabel: [{
|
|
29930
29948
|
type: Input
|
|
29931
29949
|
}] }); })();
|
|
@@ -30043,7 +30061,7 @@ class CaseFileViewFolderSelectorComponent {
|
|
|
30043
30061
|
}
|
|
30044
30062
|
return null;
|
|
30045
30063
|
}
|
|
30046
|
-
static ɵfac = function CaseFileViewFolderSelectorComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || CaseFileViewFolderSelectorComponent)(i0.ɵɵdirectiveInject(i1$3.
|
|
30064
|
+
static ɵfac = function CaseFileViewFolderSelectorComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || CaseFileViewFolderSelectorComponent)(i0.ɵɵdirectiveInject(i1$3.MatDialogRef), i0.ɵɵdirectiveInject(MAT_DIALOG_DATA)); };
|
|
30047
30065
|
static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: CaseFileViewFolderSelectorComponent, selectors: [["xui-case-file-view-folder-selector"]], standalone: false, decls: 14, vars: 2, consts: [["folder", ""], ["tabindex", "0", "aria-label", "close", 1, "close", 3, "click", "keyup"], [1, "govuk-heading-l"], [1, "folders", "govuk-radios", "govuk-radios--conditional"], [4, "ngFor", "ngForOf"], [1, "govuk-button-group"], ["type", "button", 1, "button", "button-primary", 3, "click"], ["href", "#", 1, "cancel", 3, "click"], [4, "ngTemplateOutlet", "ngTemplateOutletContext"], [1, "folder", "govuk-radios__item"], ["type", "radio", 1, "govuk-radios__input", 3, "click", "keyup", "name", "id"], [1, "govuk-label", "govuk-radios__label", 3, "for"], ["src", "/assets/images/folder.png", "alt", "Folder icon", 1, "iconImg"]], template: function CaseFileViewFolderSelectorComponent_Template(rf, ctx) { if (rf & 1) {
|
|
30048
30066
|
const _r1 = i0.ɵɵgetCurrentView();
|
|
30049
30067
|
i0.ɵɵelementStart(0, "span", 1);
|
|
@@ -30077,9 +30095,9 @@ class CaseFileViewFolderSelectorComponent {
|
|
|
30077
30095
|
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(CaseFileViewFolderSelectorComponent, [{
|
|
30078
30096
|
type: Component,
|
|
30079
30097
|
args: [{ selector: 'xui-case-file-view-folder-selector', encapsulation: ViewEncapsulation.None, standalone: false, template: "<span tabindex=\"0\" aria-label=\"close\" class=\"close\" (click)=\"cancel()\" (keyup)=\"$event.key === 'Enter' ? cancel() : null\"></span>\n<h2 class=\"govuk-heading-l\">Move File</h2>\n<p>Where do you want to move \"{{ data.document.document_filename }}\" file?</p>\n<div class=\"folders govuk-radios govuk-radios--conditional\">\n <ng-container *ngFor=\"let cat of currentCategories\">\n <ng-container *ngTemplateOutlet=\"folder;context:{cat:cat,level:1}\"></ng-container>\n </ng-container>\n</div>\n<div class=\"govuk-button-group\">\n <button class=\"button button-primary\" type=\"button\" (click)=\"save()\">Save</button>\n <a (click)=\"cancel(); $event.preventDefault()\" class=\"cancel\" href=\"#\">Cancel</a>\n</div>\n\n<ng-template #folder let-cat=\"cat\" let-level=\"level\">\n <div class=\"folder govuk-radios__item\">\n <input class=\"govuk-radios__input\" type=\"radio\" name=\"level-{{level}}\" [id]=\"cat.category_id\" (click)=\"handleChange($event)\" (keyup)=\"$event.key === 'Enter' ? handleChange($event) : null\" />\n <label class=\"govuk-label govuk-radios__label\" [for]=\"cat.category_id\">\n <img class=\"iconImg\" src=\"/assets/images/folder.png\" alt=\"Folder icon\" />\n {{ cat.category_name }}\n </label>\n <ng-container *ngFor=\"let subcat of cat.sub_categories\">\n <ng-container *ngTemplateOutlet=\"folder;context:{cat:subcat,level:level+1}\"></ng-container>\n </ng-container>\n </div>\n</ng-template>", styles: [":host{position:relative;display:block}.folders{margin-bottom:20px}.folder{display:none;border-top:1px solid #CCC;margin:0 0 -1px}.folder:last-child{border-bottom:1px solid #CCC}.folders>.folder{display:block}input:checked~.folder{display:block}.iconImg{position:relative;display:inline-block;height:28px}.folder>.folder{margin-left:20px}.folder label:before{top:3px}.folder label:after{top:13px}p{font-weight:700}button{margin-right:20px}.close{float:right;width:30px;height:30px;background:url(/assets/img/x.PNG) no-repeat center center;cursor:pointer}.cancel{cursor:pointer}.cdk-overlay-pane{overflow:auto;background:#fff}.cdk-overlay-pane::-webkit-scrollbar{width:7px}.cdk-overlay-pane::-webkit-scrollbar-thumb{border:4px solid rgba(0,0,0,0);background-clip:padding-box;border-radius:9999px;background-color:#aaa}.cdk-overlay-pane::-webkit-scrollbar-button{display:none}.cdk-overlay-pane::-webkit-scrollbar-track-piece{background:#eee}.cdk-overlay-pane::-webkit-scrollbar-thumb{background:#ccc}\n"] }]
|
|
30080
|
-
}], () => [{ type: i1$3.
|
|
30098
|
+
}], () => [{ type: i1$3.MatDialogRef }, { type: undefined, decorators: [{
|
|
30081
30099
|
type: Inject,
|
|
30082
|
-
args: [
|
|
30100
|
+
args: [MAT_DIALOG_DATA]
|
|
30083
30101
|
}] }], null); })();
|
|
30084
30102
|
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(CaseFileViewFolderSelectorComponent, { className: "CaseFileViewFolderSelectorComponent", filePath: "lib/shared/components/palette/case-file-view/components/case-file-view-folder-selector/case-file-view-folder-selector.component.ts", lineNumber: 13 }); })();
|
|
30085
30103
|
|
|
@@ -30813,7 +30831,7 @@ class CaseFileViewFolderComponent {
|
|
|
30813
30831
|
a.click();
|
|
30814
30832
|
a.remove();
|
|
30815
30833
|
}
|
|
30816
|
-
static ɵfac = function CaseFileViewFolderComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || CaseFileViewFolderComponent)(i0.ɵɵdirectiveInject(WindowService), i0.ɵɵdirectiveInject(i1$1.Router), i0.ɵɵdirectiveInject(DocumentManagementService), i0.ɵɵdirectiveInject(i1$3.
|
|
30834
|
+
static ɵfac = function CaseFileViewFolderComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || CaseFileViewFolderComponent)(i0.ɵɵdirectiveInject(WindowService), i0.ɵɵdirectiveInject(i1$1.Router), i0.ɵɵdirectiveInject(DocumentManagementService), i0.ɵɵdirectiveInject(i1$3.MatDialog)); };
|
|
30817
30835
|
static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: CaseFileViewFolderComponent, selectors: [["ccd-case-file-view-folder"]], inputs: { categoriesAndDocuments: "categoriesAndDocuments", allowMoving: "allowMoving" }, outputs: { clickedDocument: "clickedDocument", moveDocument: "moveDocument" }, standalone: false, decls: 12, vars: 3, consts: [["role", "search", 1, "document-filter-container"], [1, "form-group", "document-filter", 3, "formGroup"], ["for", "document-search", 1, "govuk-visually-hidden"], ["type", "search", "id", "document-search", "name", "documentSearchFormControl", "formControlName", "documentSearchFormControl", "placeholder", "Search by document name", 1, "form-control", "document-search"], [1, "document-folders-header"], ["id", "document-folders-header-title", "aria-hidden", "true", 1, "document-folders-header__title"], ["role", "toolbar", "aria-label", "Document list actions", "aria-labelledby", "document-folders-header-title", 1, "document-folders-header__flex"], [3, "expandAll", "collapseAll"], [3, "sortAscending", "sortDescending"], ["class", "document-tree-container", 4, "ngIf"], [1, "document-tree-container"], [4, "ngIf"], ["role", "tree", "aria-label", "Case documents", 3, "dataSource", "treeControl"], ["class", "document-tree-container__node document-tree-container__node--document", 4, "cdkTreeNodeDef"], ["class", "document-tree-container__node document-tree-container__folder", 4, "cdkTreeNodeDef", "cdkTreeNodeDefWhen"], [1, "document-tree-container__node", "document-tree-container__node--document"], ["type", "button", "role", "treeitem", "aria-expanded", "false", 1, "node", "case-file__node", 3, "click"], ["disabled", "", "aria-hidden", "true", 1, "node__icon"], ["src", "/assets/img/case-file-view/case-file-view-document.svg", "alt", "Document icon", "aria-hidden", "true", 1, "node__iconImg"], [1, "node__name", "node-name-document"], [1, "node__document-upload-timestamp"], [1, "node__document-options", "case-file__action"], [3, "changeFolderAction", "openInANewTabAction", "downloadAction", "printAction", "allowMoving"], [1, "document-tree-container__node", "document-tree-container__folder"], ["type", "button", "cdkTreeNodeToggle", "", "role", "treeitem", 1, "node"], ["aria-hidden", "true", 1, "node__icon"], ["alt", "Folder icon", "aria-hidden", "true", 1, "node__iconImg", 3, "src"], [1, "node__count"], [1, "node__name", "node__name--folder"], ["role", "group"], ["cdkTreeNodeOutlet", ""]], template: function CaseFileViewFolderComponent_Template(rf, ctx) { if (rf & 1) {
|
|
30818
30836
|
i0.ɵɵelementStart(0, "div", 0)(1, "div", 1)(2, "label", 2);
|
|
30819
30837
|
i0.ɵɵtext(3, " Search by document name ");
|
|
@@ -30842,7 +30860,7 @@ class CaseFileViewFolderComponent {
|
|
|
30842
30860
|
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(CaseFileViewFolderComponent, [{
|
|
30843
30861
|
type: Component,
|
|
30844
30862
|
args: [{ selector: 'ccd-case-file-view-folder', standalone: false, template: "<div class=\"document-filter-container\" role=\"search\">\n <div class=\"form-group document-filter\" [formGroup]=\"documentFilterFormGroup\">\n <label\n class=\"govuk-visually-hidden\"\n for=\"document-search\">\n Search by document name\n </label>\n <input\n class=\"form-control document-search\"\n type=\"search\"\n id=\"document-search\"\n name=\"documentSearchFormControl\"\n formControlName=\"documentSearchFormControl\"\n placeholder=\"Search by document name\"/>\n </div>\n</div>\n\n<div class=\"document-folders-header\">\n <div class=\"document-folders-header__title\" id=\"document-folders-header-title\" aria-hidden=\"true\">\n Documents ({{ documentCount }})\n </div>\n <div\n class=\"document-folders-header__flex\"\n role=\"toolbar\"\n aria-label=\"Document list actions\"\n aria-labelledby=\"document-folders-header-title\">\n <ccd-case-file-view-folder-toggle\n (expandAll)=\"expandAll($event)\"\n (collapseAll)=\"collapseAll($event)\">\n </ccd-case-file-view-folder-toggle>\n <ccd-case-file-view-folder-sort\n (sortAscending)=\"sortDataSourceAscending($event)\"\n (sortDescending)=\"sortDataSourceDescending($event)\">\n </ccd-case-file-view-folder-sort>\n </div>\n</div>\n\n<div class=\"document-tree-container\" *ngIf=\"documentTreeData\">\n <div *ngIf=\"!nestedDataSource || nestedDataSource.length === 0\">\n No results found\n </div>\n <div>\n <cdk-tree\n [dataSource]=\"nestedDataSource\"\n [treeControl]=\"nestedTreeControl\"\n role=\"tree\"\n aria-label=\"Case documents\">\n <!-- document -->\n <cdk-nested-tree-node class=\"document-tree-container__node document-tree-container__node--document\" *cdkTreeNodeDef=\"let node\">\n <button\n type=\"button\"\n class=\"node case-file__node\"\n role=\"treeitem\"\n aria-expanded=\"false\"\n [attr.aria-label]=\"node.name\"\n (click)=\"selectedNodeItem = node; clickedDocument.emit(node)\"\n [class.node--selected]=\"selectedNodeItem?.name === node.name\">\n <div class=\"node__icon\" disabled aria-hidden=\"true\">\n <img src=\"/assets/img/case-file-view/case-file-view-document.svg\"\n class=\"node__iconImg\"\n alt=\"Document icon\"\n aria-hidden=\"true\"\n />\n </div>\n <span class=\"node__name node-name-document\" [attr.title]=\"node.name\">\n {{ node.name }}\n <br />\n <span class=\"node__document-upload-timestamp\">{{\n node.upload_timestamp | ccdDate: \"local\":\"dd MMM yyyy HH:mm\"\n }}</span>\n </span>\n </button>\n <div class=\"node__document-options case-file__action\">\n <ccd-case-file-view-folder-document-actions\n (changeFolderAction)=\"triggerDocumentAction('changeFolder', node)\"\n (openInANewTabAction)=\"triggerDocumentAction('openInANewTab', node)\"\n (downloadAction)=\"triggerDocumentAction('download', node)\"\n (printAction)=\"triggerDocumentAction('print', node)\"\n [allowMoving]=\"allowMoving\"\n >\n </ccd-case-file-view-folder-document-actions>\n </div>\n </cdk-nested-tree-node>\n <!-- folder-->\n <cdk-nested-tree-node class=\"document-tree-container__node document-tree-container__folder\" *cdkTreeNodeDef=\"let node; when: nestedChildren\">\n <button\n type=\"button\"\n class=\"node\"\n cdkTreeNodeToggle\n role=\"treeitem\"\n [attr.aria-expanded]=\"nestedTreeControl.isExpanded(node)\"\n [attr.aria-label]=\"node.name + ' folder, ' + node.childDocumentCount + ' documents'\">\n <div class=\"node__icon\" aria-hidden=\"true\">\n <img class=\"node__iconImg\"\n [src]=\"nestedTreeControl.isExpanded(node)\n ? '/assets/images/folder-open.png'\n : '/assets/images/folder.png'\n \"\n alt=\"Folder icon\"\n aria-hidden=\"true\" />\n <span class=\"node__count\">{{ node.childDocumentCount }}</span>\n </div>\n <span class=\"node__name node__name--folder\">{{ node.name }}</span>\n </button>\n <div\n role=\"group\"\n [class.document-tree-invisible]=\"!nestedTreeControl.isExpanded(node)\">\n <ng-container cdkTreeNodeOutlet></ng-container>\n </div>\n </cdk-nested-tree-node>\n </cdk-tree>\n </div>\n</div>\n", styles: [":host{display:flex;height:100%;flex-direction:column}:host .document-tree-container{flex:1 0}.document-filter-container{border-bottom:2px solid #C9C9C9}.document-filter-container .document-filter{padding:10px}.document-filter-container .document-filter .document-search{background:url(/assets/images/icon-search-black.svg) no-repeat right #fff;background-position-x:calc(100% - 4px);padding-right:30px;width:100%}.document-filter-container .documents-title{height:30%;margin-left:8px;font-weight:700}.document-folders-header__flex{display:flex;flex-direction:row}.document-tree-container{padding:4px;overflow-x:hidden;overflow-y:scroll}.document-tree-container__node{display:block}.document-tree-container__node .document-tree-container__node{padding-left:40px}.document-tree-container .document-tree-invisible{display:none}.document-tree-container::-webkit-scrollbar{width:7px}.document-tree-container::-webkit-scrollbar-thumb{border:4px solid rgba(0,0,0,0);background-clip:padding-box;border-radius:9999px;background-color:#aaa}.document-tree-container::-webkit-scrollbar-button{display:none}.document-tree-container::-webkit-scrollbar-track-piece{background:#eee}.document-tree-container::-webkit-scrollbar-thumb{background:#ccc}.document-folders-header{display:flex;align-items:center;justify-content:space-between;border-bottom:2px solid #C9C9C9;padding:10px}.document-folders-header__title{font-weight:700}.node{display:flex;align-items:center;width:100%;padding:10px;background:none;border:0;cursor:pointer;white-space:nowrap}.node--selected{background:#fff2cc}.node__icon{position:relative;display:inline-block}.node__count{color:#fff;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:.875rem;padding-top:4px}.node__iconImg{display:block;height:30px;width:30px}.node__name{margin-left:6px;font-size:1rem;overflow:hidden;text-overflow:ellipsis}.node__document-options{margin-left:auto;margin-right:0}.node__document-upload-timestamp{font-size:.8rem;float:left;padding-left:10px}.node.case-file__node{width:80%;float:left}.node__document-options.case-file__action{width:15%;float:left;box-sizing:border-box;padding:12px}\n"] }]
|
|
30845
|
-
}], () => [{ type: WindowService }, { type: i1$1.Router }, { type: DocumentManagementService }, { type: i1$3.
|
|
30863
|
+
}], () => [{ type: WindowService }, { type: i1$1.Router }, { type: DocumentManagementService }, { type: i1$3.MatDialog }], { categoriesAndDocuments: [{
|
|
30846
30864
|
type: Input
|
|
30847
30865
|
}], allowMoving: [{
|
|
30848
30866
|
type: Input
|
|
@@ -34945,7 +34963,7 @@ class DatetimePickerComponent extends AbstractFormFieldComponent {
|
|
|
34945
34963
|
this.dateControl.setValue('');
|
|
34946
34964
|
}
|
|
34947
34965
|
}
|
|
34948
|
-
static ɵfac = function DatetimePickerComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || DatetimePickerComponent)(i0.ɵɵdirectiveInject(FormatTranslatorService), i0.ɵɵdirectiveInject(
|
|
34966
|
+
static ɵfac = function DatetimePickerComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || DatetimePickerComponent)(i0.ɵɵdirectiveInject(FormatTranslatorService), i0.ɵɵdirectiveInject(MAT_DATE_FORMATS)); };
|
|
34949
34967
|
static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: DatetimePickerComponent, selectors: [["ccd-datetime-picker"]], viewQuery: function DatetimePickerComponent_Query(rf, ctx) { if (rf & 1) {
|
|
34950
34968
|
i0.ɵɵviewQuery(_c0$i, 5);
|
|
34951
34969
|
i0.ɵɵviewQuery(_c1$6, 5);
|
|
@@ -34954,13 +34972,13 @@ class DatetimePickerComponent extends AbstractFormFieldComponent {
|
|
|
34954
34972
|
i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.datetimePicker = _t.first);
|
|
34955
34973
|
i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.inputElement = _t.first);
|
|
34956
34974
|
} }, inputs: { dateControl: "dateControl" }, standalone: false, features: [i0.ɵɵProvidersFeature([
|
|
34957
|
-
{ provide:
|
|
34975
|
+
{ provide: MAT_DATE_FORMATS, useValue: CUSTOM_MOMENT_FORMATS },
|
|
34958
34976
|
{
|
|
34959
|
-
provide:
|
|
34960
|
-
useClass:
|
|
34961
|
-
deps: [
|
|
34977
|
+
provide: DateAdapter,
|
|
34978
|
+
useClass: MomentDateAdapter,
|
|
34979
|
+
deps: [MAT_DATE_LOCALE, MAT_MOMENT_DATE_ADAPTER_OPTIONS]
|
|
34962
34980
|
},
|
|
34963
|
-
{ provide:
|
|
34981
|
+
{ provide: MAT_MOMENT_DATE_ADAPTER_OPTIONS, useValue: { useUtc: true } }
|
|
34964
34982
|
]), i0.ɵɵInheritDefinitionFeature], decls: 17, vars: 27, consts: [["input", ""], ["picker", ""], [1, "govuk-form-group", "bottom-30", 3, "id", "ngClass"], ["class", "form-label", 4, "ngIf"], ["class", "form-hint", 4, "ngIf"], ["class", "error-message", 4, "ngIf"], [1, "datepicker-container"], ["ng-model-options", "{timezone:'utc'}", 1, "govuk-input", 3, "focusin", "focusout", "dateChange", "min", "max", "formControl", "ngxMatDatetimePicker"], ["matSuffix", "", "id", "pickerOpener", 3, "for"], [3, "yearSelected", "monthSelected", "opened", "color", "touchUi", "hideTime", "startView", "stepHour", "stepSecond", "stepMinute", "showSeconds", "showSpinners", "disableMinute", "enableMeridian"], ["mat-raised-button", "", "color", "primary", "ngxMatDatepickerApply", ""], [1, "form-label"], [1, "form-hint"], [1, "error-message"]], template: function DatetimePickerComponent_Template(rf, ctx) { if (rf & 1) {
|
|
34965
34983
|
const _r1 = i0.ɵɵgetCurrentView();
|
|
34966
34984
|
i0.ɵɵelementStart(0, "div", 2)(1, "fieldset")(2, "legend");
|
|
@@ -34995,22 +35013,22 @@ class DatetimePickerComponent extends AbstractFormFieldComponent {
|
|
|
34995
35013
|
i0.ɵɵproperty("for", picker_r3);
|
|
34996
35014
|
i0.ɵɵadvance();
|
|
34997
35015
|
i0.ɵɵproperty("color", ctx.color)("touchUi", ctx.touchUi)("hideTime", ctx.hideTime)("startView", ctx.startView)("stepHour", ctx.stepHour)("stepSecond", ctx.stepSecond)("stepMinute", ctx.stepMinute)("showSeconds", ctx.showSeconds)("showSpinners", ctx.showSpinners)("disableMinute", ctx.disableMinute)("enableMeridian", ctx.enableMeridian);
|
|
34998
|
-
} }, dependencies: [i5.NgClass, i5.NgIf, i4.DefaultValueAccessor, i4.NgControlStatus, i4.FormControlDirective, i4$1.
|
|
35016
|
+
} }, dependencies: [i5.NgClass, i5.NgIf, i4.DefaultValueAccessor, i4.NgControlStatus, i4.FormControlDirective, i4$1.NgxMatDatepickerActions, i4$1.NgxMatDatepickerApply, i4$1.NgxMatDatepickerInput, i4$1.NgxMatDatetimepicker, i5$1.MatSuffix, i6$2.MatDatepickerToggle, FieldLabelPipe, FirstErrorPipe, i1.RpxTranslatePipe], styles: [".datepicker-container{display:inline-block;position:relative;min-width:298px}.datepicker-container .govuk-input{height:35px;min-width:298px;width:auto;padding-right:40px;border:1px solid #000}.datepicker-container .govuk-input:focus{outline:1px solid #ffdd00;border:1px solid black}.datepicker-container .govuk-input::-ms-clear{display:none}.datepicker-container .datepicker-wrapper-input{position:relative;display:inline-block;top:-20%;border:0}.datepicker-container .datepicker-wrapper-input:focus{border:0;outline:none}.datepicker-container .mat-icon-button{height:32px;width:32px}.datepicker-container .mat-icon-button:focus{outline:1px solid #ffdd00}.datepicker-container .mat-icon-button .mat-datepicker-toggle-default-icon{position:relative;top:-5px}.datepicker-container .mat-datepicker-toggle{position:absolute;right:0}.datepicker-container .mat-mdc-icon-button.mat-mdc-button-base{width:32px;height:32px;padding:5px 0 0}.datepicker-container .mat-mdc-icon-button.mat-mdc-button-base:focus{outline:1px solid #fd0}.cdk-overlay-container .mat-datepicker-content{border:1px solid black;border-radius:0;max-width:295px;background:#fff}.cdk-overlay-container .mat-datepicker-content .mat-calendar-table{width:calc(100% - 1px);table-layout:fixed}.cdk-overlay-container .mat-datepicker-content .mat-calendar-header{height:34px;border-bottom:1px ridge #bfc1c3}.cdk-overlay-container .mat-datepicker-content .mat-calendar-period-button{left:14%;min-width:125px;border-right:1px ridge #bfc1c3;border-left:1px ridge #bfc1c3;border-radius:0;top:-20px;width:200%}.cdk-overlay-container .mat-datepicker-content .mat-calendar-period-button .mat-button-wrapper{text-align:center;font-weight:700}.cdk-overlay-container .mat-datepicker-content .mat-calendar-period-button:focus{border:2px solid black}.cdk-overlay-container .mat-datepicker-content .mat-calendar-previous-button{left:-73%;top:-20px;border:2px solid transparent;border-radius:0}.cdk-overlay-container .mat-datepicker-content .mat-calendar-previous-button:focus{border-color:#000}.cdk-overlay-container .mat-datepicker-content .mat-calendar-previous-button:after{border-left-width:5px;border-top-width:5px;color:#000;padding:4px;top:-2px;left:-2px}.cdk-overlay-container .mat-datepicker-content .mat-calendar-next-button{top:-20px;left:1%;border:2px solid transparent;border-radius:0}.cdk-overlay-container .mat-datepicker-content .mat-calendar-next-button:focus{border-color:#000}.cdk-overlay-container .mat-datepicker-content .mat-calendar-next-button:after{border-right-width:5px;border-top-width:5px;color:#000;padding:4px;top:-2px;left:-2px}.cdk-overlay-container .mat-datepicker-content .mat-button-wrapper{text-transform:capitalize!important}.cdk-overlay-container .mat-datepicker-content .mat-calendar{border-bottom:1px solid black}.cdk-overlay-container .mat-datepicker-content .mat-calendar-table-header-divider{padding:0;border-bottom:none}.cdk-overlay-container .mat-datepicker-content .mat-calendar-table-header-divider:after{height:0px}.cdk-overlay-container .mat-datepicker-content .mat-calendar-content{padding:0}.cdk-overlay-container .mat-datepicker-content ngx-mat-month-view .mat-calendar-table-header{color:#000}.cdk-overlay-container .mat-datepicker-content ngx-mat-month-view .mat-calendar-table-header th{font-weight:700;font-size:15px;padding-top:2%;padding-bottom:2%;column-width:20px;text-transform:uppercase}.cdk-overlay-container .mat-datepicker-content ngx-mat-month-view .mat-calendar-body-label{font-weight:700;font-size:large;color:#000}.cdk-overlay-container .mat-datepicker-content ngx-mat-month-view .mat-calendar-body-selected{border:none;background-color:transparent;color:#fff}.cdk-overlay-container .mat-datepicker-content ngx-mat-month-view .mat-calendar-body-active{background-color:#5694ca}.cdk-overlay-container .mat-datepicker-content ngx-mat-month-view .mat-calendar-body-active .mat-calendar-body-today{border:none;box-shadow:none}.cdk-overlay-container .mat-datepicker-content ngx-mat-month-view .mat-calendar-body-cell{border:1px ridge #bfc1c3}.cdk-overlay-container .mat-datepicker-content ngx-mat-month-view .mat-calendar-body-cell[aria-selected=true],.cdk-overlay-container .mat-datepicker-content ngx-mat-month-view .mat-calendar-body-cell[aria-pressed=true]{background-color:#1d70b8;outline:3px solid #ffdd00;border:2px solid black;outline-offset:1px;z-index:1}.cdk-overlay-container .mat-datepicker-content ngx-mat-multi-year-view .mat-calendar-table{border-collapse:separate;border-spacing:10px}.cdk-overlay-container .mat-datepicker-content ngx-mat-multi-year-view .mat-calendar-table .mat-calendar-body-active{background-color:#5694ca}.cdk-overlay-container .mat-datepicker-content ngx-mat-multi-year-view .mat-calendar-table .mat-calendar-body-cell .mat-calendar-body-cell-content{border:none}.cdk-overlay-container .mat-datepicker-content ngx-mat-multi-year-view .mat-calendar-table .mat-calendar-body-cell .mat-calendar-body-selected{border:none;box-shadow:none;background-color:transparent}.cdk-overlay-container .mat-datepicker-content ngx-mat-multi-year-view .mat-calendar-table .mat-calendar-body-cell{border:1px solid #bfc1c3}.cdk-overlay-container .mat-datepicker-content ngx-mat-multi-year-view .mat-calendar-table .mat-calendar-body-cell[aria-selected=true]{background-color:#1d70b8;outline:2px solid #ffdd00}.cdk-overlay-container .mat-datepicker-content ngx-mat-year-view .mat-calendar-table{border-collapse:separate;border-spacing:20px}.cdk-overlay-container .mat-datepicker-content ngx-mat-year-view .mat-calendar-table tr:nth-of-type(1){visibility:collapse}.cdk-overlay-container .mat-datepicker-content ngx-mat-year-view .mat-calendar-table .mat-calendar-body-active{background-color:#5694ca}.cdk-overlay-container .mat-datepicker-content ngx-mat-year-view .mat-calendar-table .mat-calendar-body-cell .mat-calendar-body-cell-content{border:none}.cdk-overlay-container .mat-datepicker-content ngx-mat-year-view .mat-calendar-table .mat-calendar-body-cell .mat-calendar-body-selected{border:none;box-shadow:none;background-color:transparent}.cdk-overlay-container .mat-datepicker-content ngx-mat-year-view .mat-calendar-table .mat-calendar-body-cell{border:1px solid #bfc1c3}.cdk-overlay-container .mat-datepicker-content ngx-mat-year-view .mat-calendar-table .mat-calendar-body-cell[aria-selected=true]{background-color:#1d70b8;outline:3px solid #ffdd00;border:2px solid black;outline-offset:1px}.cdk-overlay-container .mat-datepicker-content .time-container{padding-top:0;justify-content:flex-start;padding-left:15px}.cdk-overlay-container .mat-datepicker-content .actions{padding-bottom:20px;margin-top:20px;justify-content:flex-start}.cdk-overlay-container .mat-datepicker-content .actions .mat-button{background-color:#00823b;position:relative;display:inline-flex;align-items:center;justify-content:center;padding:.526315em 1em .263157em;border:none;border-radius:0;outline:1px solid transparent;outline-offset:-1px;-webkit-appearance:none;box-shadow:0 2px #003618;font-size:1em;line-height:1.25;text-decoration:none;-webkit-font-smoothing:antialiased;color:#fff;box-sizing:border-box;vertical-align:top;width:auto;min-width:96px;white-space:nowrap;overflow:visible;cursor:pointer}.cdk-overlay-container .mat-datepicker-content .actions .mat-button:focus{outline:2px solid #ffdd00}.cdk-overlay-container .mat-datepicker-content .actions .mat-button:hover{background-color:#006400}.cdk-overlay-container .mat-datepicker-content .actions .mat-button .mat-icon{visibility:hidden}.cdk-overlay-container .mat-datepicker-content .actions .mat-button .mat-button-wrapper:before{color:#fff;content:\"Confirm\";position:relative;font-size:15px;left:-3px}.cdk-overlay-container .mat-datepicker-content .mat-datepicker-actions{margin-top:16px;padding:8px 8px 28px;justify-content:flex-start}.cdk-overlay-container .mat-datepicker-content .mat-datepicker-actions button{background-color:#00823b;position:relative;display:inline-flex;align-items:center;justify-content:center;padding:.526315em 1em .263157em;border:none;border-radius:0;outline:1px solid transparent;outline-offset:-1px;-webkit-appearance:none;box-shadow:0 2px #003618;font-size:1em;line-height:1.25;text-decoration:none;-webkit-font-smoothing:antialiased;color:#fff;box-sizing:border-box;vertical-align:top;width:auto;min-width:96px;white-space:nowrap;overflow:visible;cursor:pointer}\n"], encapsulation: 2 });
|
|
34999
35017
|
}
|
|
35000
35018
|
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(DatetimePickerComponent, [{
|
|
35001
35019
|
type: Component,
|
|
35002
35020
|
args: [{ selector: 'ccd-datetime-picker', encapsulation: ViewEncapsulation.None, providers: [
|
|
35003
|
-
{ provide:
|
|
35021
|
+
{ provide: MAT_DATE_FORMATS, useValue: CUSTOM_MOMENT_FORMATS },
|
|
35004
35022
|
{
|
|
35005
|
-
provide:
|
|
35006
|
-
useClass:
|
|
35007
|
-
deps: [
|
|
35023
|
+
provide: DateAdapter,
|
|
35024
|
+
useClass: MomentDateAdapter,
|
|
35025
|
+
deps: [MAT_DATE_LOCALE, MAT_MOMENT_DATE_ADAPTER_OPTIONS]
|
|
35008
35026
|
},
|
|
35009
|
-
{ provide:
|
|
35027
|
+
{ provide: MAT_MOMENT_DATE_ADAPTER_OPTIONS, useValue: { useUtc: true } }
|
|
35010
35028
|
], standalone: false, template: "<div class=\"govuk-form-group bottom-30\" [id]=\"caseField.id\"\n [ngClass]=\"{'form-group-error': dateControl && !dateControl.valid && dateControl.dirty}\">\n <fieldset>\n <legend>\n <span class=\"form-label\" *ngIf=\"caseField.label\">{{(caseField | ccdFieldLabel)}}</span>\n <span class=\"form-hint\" *ngIf=\"caseField.hint_text\">{{caseField.hint_text | rpxTranslate}}</span>\n <span class=\"error-message\"\n *ngIf=\"dateControl && dateControl.errors && dateControl.dirty && !(minError || maxError)\">{{(dateControl.errors | ccdFirstError:caseField.label)}}</span>\n <span class=\"error-message\"\n *ngIf=\"dateControl && dateControl.dirty && minError\">{{'This date is older than the minimum date allowed' | rpxTranslate}}</span>\n <span class=\"error-message\"\n *ngIf=\"dateControl && dateControl.dirty && maxError\">{{'This date is later than the maximum date allowed' | rpxTranslate}}</span>\n </legend>\n <div class=\"datepicker-container\">\n <input class=\"govuk-input\"\n #input\n attr.aria-label=\"Please enter a date and time in the format | rpxTranslate {{dateTimeEntryFormat}}\"\n [min]=\"minDate(caseField)\"\n [max]=\"maxDate(caseField)\"\n [formControl]=\"dateControl\"\n [ngxMatDatetimePicker]=\"picker\"\n (focusin)=\"focusIn()\"\n (focusout)=\"focusOut()\"\n (dateChange)=\"valueChanged()\"\n ng-model-options=\"{timezone:'utc'}\"\n >\n <mat-datepicker-toggle matSuffix [for]=\"picker\" id=\"pickerOpener\"></mat-datepicker-toggle>\n <ngx-mat-datetime-picker #picker\n [color]=\"color\"\n [touchUi]=\"touchUi\"\n [hideTime]=\"hideTime\"\n [startView]=\"startView\"\n [stepHour]=\"stepHour\"\n [stepSecond]=\"stepSecond\"\n [stepMinute]=\"stepMinute\"\n [showSeconds]=\"showSeconds\"\n [showSpinners]=\"showSpinners\"\n [disableMinute]=\"disableMinute\"\n [enableMeridian]=\"enableMeridian\"\n (yearSelected)=\"yearSelected($event)\"\n (monthSelected)=\"monthSelected($event)\"\n (opened)=\"toggleClick()\"\n >\n <ngx-mat-datepicker-actions>\n <button mat-raised-button color=\"primary\" ngxMatDatepickerApply>Confirm</button>\n </ngx-mat-datepicker-actions>\n </ngx-mat-datetime-picker>\n </div>\n </fieldset>\n</div>\n", styles: [".datepicker-container{display:inline-block;position:relative;min-width:298px}.datepicker-container .govuk-input{height:35px;min-width:298px;width:auto;padding-right:40px;border:1px solid #000}.datepicker-container .govuk-input:focus{outline:1px solid #ffdd00;border:1px solid black}.datepicker-container .govuk-input::-ms-clear{display:none}.datepicker-container .datepicker-wrapper-input{position:relative;display:inline-block;top:-20%;border:0}.datepicker-container .datepicker-wrapper-input:focus{border:0;outline:none}.datepicker-container .mat-icon-button{height:32px;width:32px}.datepicker-container .mat-icon-button:focus{outline:1px solid #ffdd00}.datepicker-container .mat-icon-button .mat-datepicker-toggle-default-icon{position:relative;top:-5px}.datepicker-container .mat-datepicker-toggle{position:absolute;right:0}.datepicker-container .mat-mdc-icon-button.mat-mdc-button-base{width:32px;height:32px;padding:5px 0 0}.datepicker-container .mat-mdc-icon-button.mat-mdc-button-base:focus{outline:1px solid #fd0}.cdk-overlay-container .mat-datepicker-content{border:1px solid black;border-radius:0;max-width:295px;background:#fff}.cdk-overlay-container .mat-datepicker-content .mat-calendar-table{width:calc(100% - 1px);table-layout:fixed}.cdk-overlay-container .mat-datepicker-content .mat-calendar-header{height:34px;border-bottom:1px ridge #bfc1c3}.cdk-overlay-container .mat-datepicker-content .mat-calendar-period-button{left:14%;min-width:125px;border-right:1px ridge #bfc1c3;border-left:1px ridge #bfc1c3;border-radius:0;top:-20px;width:200%}.cdk-overlay-container .mat-datepicker-content .mat-calendar-period-button .mat-button-wrapper{text-align:center;font-weight:700}.cdk-overlay-container .mat-datepicker-content .mat-calendar-period-button:focus{border:2px solid black}.cdk-overlay-container .mat-datepicker-content .mat-calendar-previous-button{left:-73%;top:-20px;border:2px solid transparent;border-radius:0}.cdk-overlay-container .mat-datepicker-content .mat-calendar-previous-button:focus{border-color:#000}.cdk-overlay-container .mat-datepicker-content .mat-calendar-previous-button:after{border-left-width:5px;border-top-width:5px;color:#000;padding:4px;top:-2px;left:-2px}.cdk-overlay-container .mat-datepicker-content .mat-calendar-next-button{top:-20px;left:1%;border:2px solid transparent;border-radius:0}.cdk-overlay-container .mat-datepicker-content .mat-calendar-next-button:focus{border-color:#000}.cdk-overlay-container .mat-datepicker-content .mat-calendar-next-button:after{border-right-width:5px;border-top-width:5px;color:#000;padding:4px;top:-2px;left:-2px}.cdk-overlay-container .mat-datepicker-content .mat-button-wrapper{text-transform:capitalize!important}.cdk-overlay-container .mat-datepicker-content .mat-calendar{border-bottom:1px solid black}.cdk-overlay-container .mat-datepicker-content .mat-calendar-table-header-divider{padding:0;border-bottom:none}.cdk-overlay-container .mat-datepicker-content .mat-calendar-table-header-divider:after{height:0px}.cdk-overlay-container .mat-datepicker-content .mat-calendar-content{padding:0}.cdk-overlay-container .mat-datepicker-content ngx-mat-month-view .mat-calendar-table-header{color:#000}.cdk-overlay-container .mat-datepicker-content ngx-mat-month-view .mat-calendar-table-header th{font-weight:700;font-size:15px;padding-top:2%;padding-bottom:2%;column-width:20px;text-transform:uppercase}.cdk-overlay-container .mat-datepicker-content ngx-mat-month-view .mat-calendar-body-label{font-weight:700;font-size:large;color:#000}.cdk-overlay-container .mat-datepicker-content ngx-mat-month-view .mat-calendar-body-selected{border:none;background-color:transparent;color:#fff}.cdk-overlay-container .mat-datepicker-content ngx-mat-month-view .mat-calendar-body-active{background-color:#5694ca}.cdk-overlay-container .mat-datepicker-content ngx-mat-month-view .mat-calendar-body-active .mat-calendar-body-today{border:none;box-shadow:none}.cdk-overlay-container .mat-datepicker-content ngx-mat-month-view .mat-calendar-body-cell{border:1px ridge #bfc1c3}.cdk-overlay-container .mat-datepicker-content ngx-mat-month-view .mat-calendar-body-cell[aria-selected=true],.cdk-overlay-container .mat-datepicker-content ngx-mat-month-view .mat-calendar-body-cell[aria-pressed=true]{background-color:#1d70b8;outline:3px solid #ffdd00;border:2px solid black;outline-offset:1px;z-index:1}.cdk-overlay-container .mat-datepicker-content ngx-mat-multi-year-view .mat-calendar-table{border-collapse:separate;border-spacing:10px}.cdk-overlay-container .mat-datepicker-content ngx-mat-multi-year-view .mat-calendar-table .mat-calendar-body-active{background-color:#5694ca}.cdk-overlay-container .mat-datepicker-content ngx-mat-multi-year-view .mat-calendar-table .mat-calendar-body-cell .mat-calendar-body-cell-content{border:none}.cdk-overlay-container .mat-datepicker-content ngx-mat-multi-year-view .mat-calendar-table .mat-calendar-body-cell .mat-calendar-body-selected{border:none;box-shadow:none;background-color:transparent}.cdk-overlay-container .mat-datepicker-content ngx-mat-multi-year-view .mat-calendar-table .mat-calendar-body-cell{border:1px solid #bfc1c3}.cdk-overlay-container .mat-datepicker-content ngx-mat-multi-year-view .mat-calendar-table .mat-calendar-body-cell[aria-selected=true]{background-color:#1d70b8;outline:2px solid #ffdd00}.cdk-overlay-container .mat-datepicker-content ngx-mat-year-view .mat-calendar-table{border-collapse:separate;border-spacing:20px}.cdk-overlay-container .mat-datepicker-content ngx-mat-year-view .mat-calendar-table tr:nth-of-type(1){visibility:collapse}.cdk-overlay-container .mat-datepicker-content ngx-mat-year-view .mat-calendar-table .mat-calendar-body-active{background-color:#5694ca}.cdk-overlay-container .mat-datepicker-content ngx-mat-year-view .mat-calendar-table .mat-calendar-body-cell .mat-calendar-body-cell-content{border:none}.cdk-overlay-container .mat-datepicker-content ngx-mat-year-view .mat-calendar-table .mat-calendar-body-cell .mat-calendar-body-selected{border:none;box-shadow:none;background-color:transparent}.cdk-overlay-container .mat-datepicker-content ngx-mat-year-view .mat-calendar-table .mat-calendar-body-cell{border:1px solid #bfc1c3}.cdk-overlay-container .mat-datepicker-content ngx-mat-year-view .mat-calendar-table .mat-calendar-body-cell[aria-selected=true]{background-color:#1d70b8;outline:3px solid #ffdd00;border:2px solid black;outline-offset:1px}.cdk-overlay-container .mat-datepicker-content .time-container{padding-top:0;justify-content:flex-start;padding-left:15px}.cdk-overlay-container .mat-datepicker-content .actions{padding-bottom:20px;margin-top:20px;justify-content:flex-start}.cdk-overlay-container .mat-datepicker-content .actions .mat-button{background-color:#00823b;position:relative;display:inline-flex;align-items:center;justify-content:center;padding:.526315em 1em .263157em;border:none;border-radius:0;outline:1px solid transparent;outline-offset:-1px;-webkit-appearance:none;box-shadow:0 2px #003618;font-size:1em;line-height:1.25;text-decoration:none;-webkit-font-smoothing:antialiased;color:#fff;box-sizing:border-box;vertical-align:top;width:auto;min-width:96px;white-space:nowrap;overflow:visible;cursor:pointer}.cdk-overlay-container .mat-datepicker-content .actions .mat-button:focus{outline:2px solid #ffdd00}.cdk-overlay-container .mat-datepicker-content .actions .mat-button:hover{background-color:#006400}.cdk-overlay-container .mat-datepicker-content .actions .mat-button .mat-icon{visibility:hidden}.cdk-overlay-container .mat-datepicker-content .actions .mat-button .mat-button-wrapper:before{color:#fff;content:\"Confirm\";position:relative;font-size:15px;left:-3px}.cdk-overlay-container .mat-datepicker-content .mat-datepicker-actions{margin-top:16px;padding:8px 8px 28px;justify-content:flex-start}.cdk-overlay-container .mat-datepicker-content .mat-datepicker-actions button{background-color:#00823b;position:relative;display:inline-flex;align-items:center;justify-content:center;padding:.526315em 1em .263157em;border:none;border-radius:0;outline:1px solid transparent;outline-offset:-1px;-webkit-appearance:none;box-shadow:0 2px #003618;font-size:1em;line-height:1.25;text-decoration:none;-webkit-font-smoothing:antialiased;color:#fff;box-sizing:border-box;vertical-align:top;width:auto;min-width:96px;white-space:nowrap;overflow:visible;cursor:pointer}\n"] }]
|
|
35011
35029
|
}], () => [{ type: FormatTranslatorService }, { type: undefined, decorators: [{
|
|
35012
35030
|
type: Inject,
|
|
35013
|
-
args: [
|
|
35031
|
+
args: [MAT_DATE_FORMATS]
|
|
35014
35032
|
}] }], { datetimePicker: [{
|
|
35015
35033
|
type: ViewChild,
|
|
35016
35034
|
args: ['picker', { static: false }]
|
|
@@ -35020,7 +35038,7 @@ class DatetimePickerComponent extends AbstractFormFieldComponent {
|
|
|
35020
35038
|
}], dateControl: [{
|
|
35021
35039
|
type: Input
|
|
35022
35040
|
}] }); })();
|
|
35023
|
-
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(DatetimePickerComponent, { className: "DatetimePickerComponent", filePath: "lib/shared/components/palette/datetime-picker/datetime-picker.component.ts", lineNumber:
|
|
35041
|
+
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(DatetimePickerComponent, { className: "DatetimePickerComponent", filePath: "lib/shared/components/palette/datetime-picker/datetime-picker.component.ts", lineNumber: 31 }); })();
|
|
35024
35042
|
|
|
35025
35043
|
class DocumentUrlPipe {
|
|
35026
35044
|
appConfig;
|
|
@@ -36619,7 +36637,7 @@ class PaletteModule {
|
|
|
36619
36637
|
QualifyingQuestionService,
|
|
36620
36638
|
QueryManagementUtils,
|
|
36621
36639
|
QueryManagementService,
|
|
36622
|
-
{ provide:
|
|
36640
|
+
{ provide: MAT_DATE_LOCALE, useValue: 'en-GB' }
|
|
36623
36641
|
], imports: [CommonModule,
|
|
36624
36642
|
RouterModule,
|
|
36625
36643
|
FormsModule,
|
|
@@ -36636,20 +36654,19 @@ class PaletteModule {
|
|
|
36636
36654
|
LabelSubstitutorModule,
|
|
36637
36655
|
TranslatedMarkdownModule,
|
|
36638
36656
|
MarkdownModule.forChild(),
|
|
36639
|
-
|
|
36640
|
-
|
|
36641
|
-
|
|
36642
|
-
|
|
36643
|
-
MatLegacyInputModule,
|
|
36657
|
+
NgxMatDatepickerActions,
|
|
36658
|
+
NgxMatDatetimepicker,
|
|
36659
|
+
MatFormFieldModule,
|
|
36660
|
+
MatInputModule,
|
|
36644
36661
|
MatDatepickerModule,
|
|
36645
|
-
|
|
36662
|
+
MatAutocompleteModule,
|
|
36646
36663
|
CdkTreeModule,
|
|
36647
36664
|
OverlayModule,
|
|
36648
36665
|
PaymentLibModule,
|
|
36649
36666
|
RpxTranslationModule.forChild(),
|
|
36650
36667
|
CdkTreeModule,
|
|
36651
36668
|
OverlayModule,
|
|
36652
|
-
|
|
36669
|
+
MatDialogModule,
|
|
36653
36670
|
MediaViewerModule,
|
|
36654
36671
|
LoadingModule,
|
|
36655
36672
|
MarkdownComponentModule,
|
|
@@ -36666,10 +36683,7 @@ class PaletteModule {
|
|
|
36666
36683
|
undo: 'Undo',
|
|
36667
36684
|
redo: 'Redo'
|
|
36668
36685
|
}
|
|
36669
|
-
}),
|
|
36670
|
-
NgxMatNativeDateModule,
|
|
36671
|
-
NgxMatTimepickerModule,
|
|
36672
|
-
TabsModule,
|
|
36686
|
+
}), TabsModule,
|
|
36673
36687
|
PaletteUtilsModule,
|
|
36674
36688
|
PipesModule,
|
|
36675
36689
|
MarkdownComponentModule] });
|
|
@@ -36694,20 +36708,21 @@ class PaletteModule {
|
|
|
36694
36708
|
LabelSubstitutorModule,
|
|
36695
36709
|
TranslatedMarkdownModule,
|
|
36696
36710
|
MarkdownModule.forChild(),
|
|
36697
|
-
|
|
36698
|
-
|
|
36699
|
-
|
|
36700
|
-
|
|
36701
|
-
|
|
36711
|
+
NgxMatDatepickerActions,
|
|
36712
|
+
NgxMatDatepickerApply,
|
|
36713
|
+
NgxMatDatepickerInput,
|
|
36714
|
+
NgxMatDatetimepicker,
|
|
36715
|
+
MatFormFieldModule,
|
|
36716
|
+
MatInputModule,
|
|
36702
36717
|
MatDatepickerModule,
|
|
36703
|
-
|
|
36718
|
+
MatAutocompleteModule,
|
|
36704
36719
|
CdkTreeModule,
|
|
36705
36720
|
OverlayModule,
|
|
36706
36721
|
PaymentLibModule,
|
|
36707
36722
|
RpxTranslationModule.forChild(),
|
|
36708
36723
|
CdkTreeModule,
|
|
36709
36724
|
OverlayModule,
|
|
36710
|
-
|
|
36725
|
+
MatDialogModule,
|
|
36711
36726
|
MediaViewerModule,
|
|
36712
36727
|
LoadingModule,
|
|
36713
36728
|
MarkdownComponentModule,
|
|
@@ -36739,9 +36754,10 @@ class PaletteModule {
|
|
|
36739
36754
|
...PALETTE_COMPONENTS
|
|
36740
36755
|
],
|
|
36741
36756
|
exports: [
|
|
36742
|
-
|
|
36743
|
-
|
|
36744
|
-
|
|
36757
|
+
NgxMatDatepickerActions,
|
|
36758
|
+
NgxMatDatepickerApply,
|
|
36759
|
+
NgxMatDatepickerInput,
|
|
36760
|
+
NgxMatDatetimepicker,
|
|
36745
36761
|
TabsModule,
|
|
36746
36762
|
PaletteUtilsModule,
|
|
36747
36763
|
PipesModule,
|
|
@@ -36764,7 +36780,7 @@ class PaletteModule {
|
|
|
36764
36780
|
QualifyingQuestionService,
|
|
36765
36781
|
QueryManagementUtils,
|
|
36766
36782
|
QueryManagementService,
|
|
36767
|
-
{ provide:
|
|
36783
|
+
{ provide: MAT_DATE_LOCALE, useValue: 'en-GB' }
|
|
36768
36784
|
],
|
|
36769
36785
|
schemas: [CUSTOM_ELEMENTS_SCHEMA]
|
|
36770
36786
|
}]
|
|
@@ -36920,24 +36936,26 @@ class PaletteModule {
|
|
|
36920
36936
|
FormModule,
|
|
36921
36937
|
TabsModule,
|
|
36922
36938
|
LabelSubstitutorModule,
|
|
36923
|
-
TranslatedMarkdownModule, i1$4.MarkdownModule,
|
|
36924
|
-
|
|
36925
|
-
|
|
36926
|
-
|
|
36927
|
-
|
|
36939
|
+
TranslatedMarkdownModule, i1$4.MarkdownModule, NgxMatDatepickerActions,
|
|
36940
|
+
NgxMatDatepickerApply,
|
|
36941
|
+
NgxMatDatepickerInput,
|
|
36942
|
+
NgxMatDatetimepicker,
|
|
36943
|
+
MatFormFieldModule,
|
|
36944
|
+
MatInputModule,
|
|
36928
36945
|
MatDatepickerModule,
|
|
36929
|
-
|
|
36946
|
+
MatAutocompleteModule,
|
|
36930
36947
|
CdkTreeModule,
|
|
36931
36948
|
OverlayModule,
|
|
36932
36949
|
PaymentLibModule, i1.RpxTranslationModule, CdkTreeModule,
|
|
36933
36950
|
OverlayModule,
|
|
36934
|
-
|
|
36951
|
+
MatDialogModule,
|
|
36935
36952
|
MediaViewerModule,
|
|
36936
36953
|
LoadingModule,
|
|
36937
36954
|
MarkdownComponentModule,
|
|
36938
|
-
ErrorsModule, i3$1.NgxEditorModule], exports: [
|
|
36939
|
-
|
|
36940
|
-
|
|
36955
|
+
ErrorsModule, i3$1.NgxEditorModule], exports: [NgxMatDatepickerActions,
|
|
36956
|
+
NgxMatDatepickerApply,
|
|
36957
|
+
NgxMatDatepickerInput,
|
|
36958
|
+
NgxMatDatetimepicker,
|
|
36941
36959
|
TabsModule,
|
|
36942
36960
|
PaletteUtilsModule,
|
|
36943
36961
|
PipesModule,
|
|
@@ -37128,7 +37146,7 @@ i0.ɵɵsetComponentScope(
|
|
|
37128
37146
|
// Components for case flags
|
|
37129
37147
|
CaseFlagTableComponent, function () { return [i5.NgClass, i5.NgForOf, i5.NgIf]; }, function () { return [i5.DatePipe, i1.RpxTranslatePipe, FlagFieldDisplayPipe]; });
|
|
37130
37148
|
i0.ɵɵsetComponentScope(SelectFlagTypeComponent, function () { return [i5.NgClass, i5.NgForOf, i5.NgIf, i4.DefaultValueAccessor, i4.CheckboxControlValueAccessor, i4.RadioControlValueAccessor, i4.NgControlStatus, i4.NgControlStatusGroup, i4.FormGroupDirective, i4.FormControlName]; }, function () { return [i1.RpxTranslatePipe, FlagFieldDisplayPipe]; });
|
|
37131
|
-
i0.ɵɵsetComponentScope(SearchLanguageInterpreterComponent, function () { return [i5.NgClass, i5.NgForOf, i5.NgIf, i4.DefaultValueAccessor, i4.NgControlStatus, i4.NgControlStatusGroup, i4.FormGroupDirective, i4.FormControlName, i15.
|
|
37149
|
+
i0.ɵɵsetComponentScope(SearchLanguageInterpreterComponent, function () { return [i5.NgClass, i5.NgForOf, i5.NgIf, i4.DefaultValueAccessor, i4.NgControlStatus, i4.NgControlStatusGroup, i4.FormGroupDirective, i4.FormControlName, i15.MatInput, i6.MatAutocomplete, i6.MatOption, i6.MatAutocompleteTrigger]; }, function () { return [i5.AsyncPipe, i1.RpxTranslatePipe, FlagFieldDisplayPipe,
|
|
37132
37150
|
LanguageInterpreterDisplayPipe]; });
|
|
37133
37151
|
i0.ɵɵsetComponentScope(ManageCaseFlagsComponent, function () { return [i5.NgClass, i5.NgForOf, i5.NgIf, i4.NgControlStatusGroup, i4.FormGroupDirective]; }, function () { return [i1.RpxTranslatePipe, ManageCaseFlagsLabelDisplayPipe]; });
|
|
37134
37152
|
i0.ɵɵsetComponentScope(UpdateFlagComponent, function () { return [i5.NgClass, i5.NgForOf, i5.NgIf, i5.NgTemplateOutlet, i4.DefaultValueAccessor, i4.CheckboxControlValueAccessor, i4.RadioControlValueAccessor, i4.NgControlStatus, i4.NgControlStatusGroup, i4.FormGroupDirective, i4.FormControlName]; }, function () { return [i1.RpxTranslatePipe, UpdateFlagTitleDisplayPipe]; });
|
|
@@ -40919,7 +40937,7 @@ class DeleteOrCancelDialogComponent {
|
|
|
40919
40937
|
this.result = 'Cancel';
|
|
40920
40938
|
this.matDialogRef.close(this.result);
|
|
40921
40939
|
}
|
|
40922
|
-
static ɵfac = function DeleteOrCancelDialogComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || DeleteOrCancelDialogComponent)(i0.ɵɵdirectiveInject(i1$3.
|
|
40940
|
+
static ɵfac = function DeleteOrCancelDialogComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || DeleteOrCancelDialogComponent)(i0.ɵɵdirectiveInject(i1$3.MatDialogRef)); };
|
|
40923
40941
|
static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: DeleteOrCancelDialogComponent, selectors: [["ccd-delete-or-cancel-dialog"]], standalone: false, decls: 19, vars: 12, consts: [[1, "dialog-header"], [1, "heading-h2", "x", 3, "click"], [1, "heading-h2", "dialog-title"], [1, "dialog-info"], [1, "text-info"], ["type", "button", "title", "Delete", 1, "button", "action-button", 3, "click"], ["type", "button", "title", "Cancel", 1, "button", "button-secondary", 3, "click"]], template: function DeleteOrCancelDialogComponent_Template(rf, ctx) { if (rf & 1) {
|
|
40924
40942
|
i0.ɵɵelementStart(0, "div")(1, "div", 0)(2, "h2", 1);
|
|
40925
40943
|
i0.ɵɵlistener("click", function DeleteOrCancelDialogComponent_Template_h2_click_2_listener() { return ctx.cancel(); });
|
|
@@ -40957,7 +40975,7 @@ class DeleteOrCancelDialogComponent {
|
|
|
40957
40975
|
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(DeleteOrCancelDialogComponent, [{
|
|
40958
40976
|
type: Component,
|
|
40959
40977
|
args: [{ selector: 'ccd-delete-or-cancel-dialog', standalone: false, 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"] }]
|
|
40960
|
-
}], () => [{ type: i1$3.
|
|
40978
|
+
}], () => [{ type: i1$3.MatDialogRef }], null); })();
|
|
40961
40979
|
(() => { (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: 10 }); })();
|
|
40962
40980
|
|
|
40963
40981
|
class DialogsModule {
|
|
@@ -41704,7 +41722,7 @@ class CaseFullAccessViewComponent {
|
|
|
41704
41722
|
this.errorNotifierService.announceError(null);
|
|
41705
41723
|
this.alertService.clear();
|
|
41706
41724
|
}
|
|
41707
|
-
static ɵfac = function CaseFullAccessViewComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || CaseFullAccessViewComponent)(i0.ɵɵdirectiveInject(i0.NgZone), i0.ɵɵdirectiveInject(i1$1.ActivatedRoute), i0.ɵɵdirectiveInject(i1$1.Router), i0.ɵɵdirectiveInject(NavigationNotifierService), i0.ɵɵdirectiveInject(OrderService), i0.ɵɵdirectiveInject(ActivityPollingService), i0.ɵɵdirectiveInject(i1$3.
|
|
41725
|
+
static ɵfac = function CaseFullAccessViewComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || CaseFullAccessViewComponent)(i0.ɵɵdirectiveInject(i0.NgZone), i0.ɵɵdirectiveInject(i1$1.ActivatedRoute), i0.ɵɵdirectiveInject(i1$1.Router), i0.ɵɵdirectiveInject(NavigationNotifierService), i0.ɵɵdirectiveInject(OrderService), i0.ɵɵdirectiveInject(ActivityPollingService), i0.ɵɵdirectiveInject(i1$3.MatDialog), i0.ɵɵdirectiveInject(AlertService), i0.ɵɵdirectiveInject(DraftService), i0.ɵɵdirectiveInject(ErrorNotifierService), i0.ɵɵdirectiveInject(ConvertHrefToRouterService), i0.ɵɵdirectiveInject(i5.Location), i0.ɵɵdirectiveInject(i0.ChangeDetectorRef), i0.ɵɵdirectiveInject(SessionStorageService), i0.ɵɵdirectiveInject(i1.RpxTranslatePipe), i0.ɵɵdirectiveInject(LoadingService), i0.ɵɵdirectiveInject(LinkedCasesService), i0.ɵɵdirectiveInject(CaseFlagStateService), i0.ɵɵdirectiveInject(i0.NgZone)); };
|
|
41708
41726
|
static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: CaseFullAccessViewComponent, selectors: [["ccd-case-full-access-view"]], viewQuery: function CaseFullAccessViewComponent_Query(rf, ctx) { if (rf & 1) {
|
|
41709
41727
|
i0.ɵɵviewQuery(_c0$c, 5);
|
|
41710
41728
|
} if (rf & 2) {
|
|
@@ -41749,7 +41767,7 @@ class CaseFullAccessViewComponent {
|
|
|
41749
41767
|
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(CaseFullAccessViewComponent, [{
|
|
41750
41768
|
type: Component,
|
|
41751
41769
|
args: [{ selector: 'ccd-case-full-access-view', standalone: false, 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\" [(selectedIndex)]=\"selectedTabIndex\"\n [selectedIndex]=\"selectedTabIndex\">\n <mat-tab *ngFor=\"let tab of prependedTabs\" [id]=\"tab.id\" [label]=\"tab.label | rpxTranslate\">\n <ng-template matTabContent>\n <ng-container *ngIf=\"tab.id === 'tasks'\">\n <exui-tasks-ce></exui-tasks-ce>\n </ng-container>\n <ng-container *ngIf=\"tab.id === 'roles-and-access'\">\n <exui-roles-and-access-ce></exui-roles-and-access-ce>\n </ng-container>\n </ng-template>\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']\" [caseFields]=\"caseFields\"\n [caseField]=\"field\" [caseReference]=\"caseDetails.case_id\">\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']\" [caseFields]=\"caseFields\"\n [caseField]=\"field\" [caseReference]=\"caseDetails.case_id\">\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 <ng-template matTabContent>\n <ng-container *ngIf=\"tab.id === 'hearings'\">\n <exui-case-hearings-ce></exui-case-hearings-ce>\n </ng-container>\n </ng-template>\n </mat-tab>\n </mat-tab-group>\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"] }]
|
|
41752
|
-
}], () => [{ type: i0.NgZone }, { type: i1$1.ActivatedRoute }, { type: i1$1.Router }, { type: NavigationNotifierService }, { type: OrderService }, { type: ActivityPollingService }, { type: i1$3.
|
|
41770
|
+
}], () => [{ type: i0.NgZone }, { type: i1$1.ActivatedRoute }, { type: i1$1.Router }, { type: NavigationNotifierService }, { type: OrderService }, { type: ActivityPollingService }, { type: i1$3.MatDialog }, { type: AlertService }, { type: DraftService }, { type: ErrorNotifierService }, { type: ConvertHrefToRouterService }, { type: i5.Location }, { type: i0.ChangeDetectorRef }, { type: SessionStorageService }, { type: i1.RpxTranslatePipe }, { type: LoadingService }, { type: LinkedCasesService }, { type: CaseFlagStateService }, { type: i0.NgZone }], { hasPrint: [{
|
|
41753
41771
|
type: Input
|
|
41754
41772
|
}], hasEventSelector: [{
|
|
41755
41773
|
type: Input
|
|
@@ -44242,7 +44260,7 @@ class CaseViewerModule {
|
|
|
44242
44260
|
CaseEditorModule,
|
|
44243
44261
|
ConditionalShowModule,
|
|
44244
44262
|
CaseHistoryModule,
|
|
44245
|
-
|
|
44263
|
+
MatTabsModule,
|
|
44246
44264
|
ReactiveFormsModule,
|
|
44247
44265
|
AlertModule,
|
|
44248
44266
|
LabelSubstitutorModule,
|
|
@@ -44267,7 +44285,7 @@ class CaseViewerModule {
|
|
|
44267
44285
|
CaseEditorModule,
|
|
44268
44286
|
ConditionalShowModule,
|
|
44269
44287
|
CaseHistoryModule,
|
|
44270
|
-
|
|
44288
|
+
MatTabsModule,
|
|
44271
44289
|
ReactiveFormsModule,
|
|
44272
44290
|
AlertModule,
|
|
44273
44291
|
LabelSubstitutorModule,
|
|
@@ -44336,7 +44354,7 @@ class CaseViewerModule {
|
|
|
44336
44354
|
CaseEditorModule,
|
|
44337
44355
|
ConditionalShowModule,
|
|
44338
44356
|
CaseHistoryModule,
|
|
44339
|
-
|
|
44357
|
+
MatTabsModule,
|
|
44340
44358
|
ReactiveFormsModule,
|
|
44341
44359
|
AlertModule,
|
|
44342
44360
|
LabelSubstitutorModule, i1.RpxTranslationModule, BannersModule,
|
|
@@ -44348,7 +44366,7 @@ i0.ɵɵsetComponentScope(CaseEventTriggerComponent, function () { return [i5.NgI
|
|
|
44348
44366
|
i0.ɵɵsetComponentScope(CasePrinterComponent, function () { return [i5.NgForOf, i5.NgIf, CaseHeaderComponent]; }, function () { return [i1.RpxTranslatePipe, PrintUrlPipe]; });
|
|
44349
44367
|
i0.ɵɵsetComponentScope(CaseViewerComponent, function () { return [i5.NgIf, CaseFullAccessViewComponent,
|
|
44350
44368
|
CaseBasicAccessViewComponent]; }, []);
|
|
44351
|
-
i0.ɵɵsetComponentScope(CaseFullAccessViewComponent, function () { return [i5.NgForOf, i5.NgIf, i5.NgSwitch, i5.NgSwitchCase, i1$1.RouterLink, CallbackErrorsComponent, ActivityComponent, CaseHeaderComponent, EventTriggerComponent, FieldReadComponent, i10.
|
|
44369
|
+
i0.ɵɵsetComponentScope(CaseFullAccessViewComponent, function () { return [i5.NgForOf, i5.NgIf, i5.NgSwitch, i5.NgSwitchCase, i1$1.RouterLink, CallbackErrorsComponent, ActivityComponent, CaseHeaderComponent, EventTriggerComponent, FieldReadComponent, i10.MatTabContent, i10.MatTab, i10.MatTabGroup, LabelSubstitutorDirective, NotificationBannerComponent]; }, function () { return [IsCompoundPipe, ReadFieldsFilterPipe, CcdTabFieldsPipe, i1.RpxTranslatePipe]; });
|
|
44352
44370
|
i0.ɵɵsetComponentScope(CaseViewComponent, function () { return [i5.NgIf, CaseViewerComponent]; }, []);
|
|
44353
44371
|
i0.ɵɵsetComponentScope(CaseChallengedAccessRequestComponent, function () { return [i5.NgClass, i5.NgIf, i4.ɵNgNoValidate, i4.DefaultValueAccessor, i4.RadioControlValueAccessor, i4.NgControlStatus, i4.NgControlStatusGroup, i4.FormGroupDirective, i4.FormControlName, AlertComponent, ErrorMessageComponent]; }, function () { return [i1.RpxTranslatePipe]; });
|
|
44354
44372
|
i0.ɵɵsetComponentScope(CaseSpecificAccessRequestComponent, function () { return [i5.NgClass, i5.NgIf, i4.ɵNgNoValidate, i4.DefaultValueAccessor, i4.NgControlStatus, i4.NgControlStatusGroup, i4.FormGroupDirective, i4.FormControlName, AlertComponent, ErrorMessageComponent]; }, function () { return [i1.RpxTranslatePipe]; });
|