@hmcts/ccd-case-ui-toolkit 7.1.51-ongoing-accessibility → 7.1.51-read-only-query-collection
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/esm2022/lib/shared/components/case-list/case-list.component.mjs +20 -23
- package/esm2022/lib/shared/components/pagination/pagination.component.mjs +6 -8
- package/esm2022/lib/shared/components/palette/case-file-view/components/case-file-view-folder-selector/case-file-view-folder-selector.component.mjs +3 -3
- package/esm2022/lib/shared/components/palette/case-file-view/components/shared/case-file-view-overlay-menu/case-file-view-overlay-menu.component.mjs +13 -15
- package/esm2022/lib/shared/components/palette/query-management/components/query-check-your-answers/query-check-your-answers.component.mjs +8 -21
- package/fesm2022/hmcts-ccd-case-ui-toolkit.mjs +45 -65
- package/fesm2022/hmcts-ccd-case-ui-toolkit.mjs.map +1 -1
- package/lib/shared/components/palette/case-file-view/components/shared/case-file-view-overlay-menu/case-file-view-overlay-menu.component.d.ts +0 -1
- package/lib/shared/components/palette/case-file-view/components/shared/case-file-view-overlay-menu/case-file-view-overlay-menu.component.d.ts.map +1 -1
- package/lib/shared/components/palette/query-management/components/query-check-your-answers/query-check-your-answers.component.d.ts +2 -3
- package/lib/shared/components/palette/query-management/components/query-check-your-answers/query-check-your-answers.component.d.ts.map +1 -1
- package/package.json +1 -1
|
@@ -20317,11 +20317,11 @@ class QueryCheckYourAnswersComponent {
|
|
|
20317
20317
|
RESPOND_TO_QUERY_EVENT_TRIGGER_ID = 'queryManagementRespondQuery';
|
|
20318
20318
|
CASE_QUERIES_COLLECTION_ID = 'CaseQueriesCollection';
|
|
20319
20319
|
FIELD_TYPE_COMPLEX = 'Complex';
|
|
20320
|
+
DISPLAY_CONTEXT_READONLY = 'READONLY';
|
|
20320
20321
|
formGroup;
|
|
20321
20322
|
queryItem;
|
|
20322
20323
|
queryCreateContext;
|
|
20323
20324
|
eventData = null;
|
|
20324
|
-
roleName;
|
|
20325
20325
|
backClicked = new EventEmitter();
|
|
20326
20326
|
querySubmitted = new EventEmitter();
|
|
20327
20327
|
caseViewTrigger;
|
|
@@ -20510,7 +20510,7 @@ class QueryCheckYourAnswersComponent {
|
|
|
20510
20510
|
// Workaround for multiple qmCaseQueriesCollections that are not to be appearing in the eventData
|
|
20511
20511
|
// Counts number qmCaseQueriesCollections
|
|
20512
20512
|
const numberOfCaseQueriesCollections = this.eventData?.case_fields?.filter((caseField) => caseField.field_type.id === this.CASE_QUERIES_COLLECTION_ID &&
|
|
20513
|
-
caseField.field_type.type === this.FIELD_TYPE_COMPLEX)?.length || 0;
|
|
20513
|
+
caseField.field_type.type === this.FIELD_TYPE_COMPLEX && caseField.display_context !== this.DISPLAY_CONTEXT_READONLY)?.length || 0;
|
|
20514
20514
|
this.caseQueriesCollections = this.eventData.case_fields.reduce((acc, caseField) => {
|
|
20515
20515
|
// Extract the ID based on conditions, updating this.fieldId dynamically
|
|
20516
20516
|
this.extractCaseQueryId(caseField, numberOfCaseQueriesCollections);
|
|
@@ -20523,13 +20523,14 @@ class QueryCheckYourAnswersComponent {
|
|
|
20523
20523
|
}
|
|
20524
20524
|
}
|
|
20525
20525
|
extractCaseQueryId(data, count) {
|
|
20526
|
-
const { id, value
|
|
20526
|
+
const { id, value } = data;
|
|
20527
20527
|
const messageId = this.route.snapshot.params.dataid;
|
|
20528
20528
|
// Check if the field_type matches CaseQueriesCollection and type is Complex
|
|
20529
20529
|
if (data.field_type.id === this.CASE_QUERIES_COLLECTION_ID && data.field_type.type === this.FIELD_TYPE_COMPLEX) {
|
|
20530
|
-
if (this.queryCreateContext === QueryCreateContext.NEW_QUERY) {
|
|
20530
|
+
if (this.queryCreateContext === QueryCreateContext.NEW_QUERY && data.display_context !== this.DISPLAY_CONTEXT_READONLY) {
|
|
20531
|
+
this.fieldId = id;
|
|
20532
|
+
// TODO
|
|
20531
20533
|
//if number qmCaseQueriesCollection is more then filter out the right qmCaseQueriesCollection
|
|
20532
|
-
this.setFieldId(count, acls, id);
|
|
20533
20534
|
}
|
|
20534
20535
|
// If messageId is present, find the corresponding case message
|
|
20535
20536
|
this.setMessageFieldId(messageId, value, id);
|
|
@@ -20544,18 +20545,6 @@ class QueryCheckYourAnswersComponent {
|
|
|
20544
20545
|
}
|
|
20545
20546
|
}
|
|
20546
20547
|
}
|
|
20547
|
-
setFieldId(count, acls, id) {
|
|
20548
|
-
if (count > 1) {
|
|
20549
|
-
const matchingRole = acls?.find((acl) => acl.role === this.roleName);
|
|
20550
|
-
if (matchingRole) {
|
|
20551
|
-
this.fieldId = id;
|
|
20552
|
-
}
|
|
20553
|
-
}
|
|
20554
|
-
else {
|
|
20555
|
-
// Set the field ID dynamically based on the extracted data
|
|
20556
|
-
this.fieldId = id; // Store the ID for use in generating newQueryData
|
|
20557
|
-
}
|
|
20558
|
-
}
|
|
20559
20548
|
getDocumentAttachments() {
|
|
20560
20549
|
const attachmentsValue = this.formGroup.get('attachments').value;
|
|
20561
20550
|
if (attachmentsValue && attachmentsValue.length > 0) {
|
|
@@ -20564,7 +20553,7 @@ class QueryCheckYourAnswersComponent {
|
|
|
20564
20553
|
}
|
|
20565
20554
|
}
|
|
20566
20555
|
static ɵfac = function QueryCheckYourAnswersComponent_Factory(t) { return new (t || QueryCheckYourAnswersComponent)(i0.ɵɵdirectiveInject(i1$1.ActivatedRoute), i0.ɵɵdirectiveInject(i1$1.Router), i0.ɵɵdirectiveInject(CasesService), i0.ɵɵdirectiveInject(CaseNotifier), i0.ɵɵdirectiveInject(WorkAllocationService), i0.ɵɵdirectiveInject(SessionStorageService), i0.ɵɵdirectiveInject(QualifyingQuestionService)); };
|
|
20567
|
-
static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: QueryCheckYourAnswersComponent, selectors: [["ccd-query-check-your-answers"]], inputs: { formGroup: "formGroup", queryItem: "queryItem", queryCreateContext: "queryCreateContext", eventData: "eventData"
|
|
20556
|
+
static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: QueryCheckYourAnswersComponent, selectors: [["ccd-query-check-your-answers"]], inputs: { formGroup: "formGroup", queryItem: "queryItem", queryCreateContext: "queryCreateContext", eventData: "eventData" }, outputs: { backClicked: "backClicked", querySubmitted: "querySubmitted" }, decls: 33, vars: 22, consts: [["defaultCheckYourAnswersTitle", ""], ["isHearingRelatedFalse", ""], [1, "govuk-grid-row"], [1, "govuk-grid-column-two-thirds-from-desktop"], ["class", "govuk-error-summary", "aria-labelledby", "error-summary-title", "role", "alert", "tabindex", "-1", "data-module", "govuk-error-summary", 4, "ngIf"], [4, "ngIf"], [1, "govuk-heading-l"], [4, "ngIf", "ngIfElse"], [1, "govuk-!-margin-bottom-4"], [3, "caseDetails"], ["class", "govuk-summary-list govuk-!-margin-bottom-0", 4, "ngIf"], [1, "govuk-summary-list", "govuk-!-margin-bottom-0"], [1, "govuk-summary-list__row"], [1, "govuk-summary-list__key"], [1, "govuk-summary-list__value"], [1, "govuk-summary-list__actions"], ["href", "javascript:void(0)", 1, "govuk-link", 3, "click"], ["data-module", "govuk-button", 1, "govuk-button", "govuk-button--secondary", "govuk-!-margin-right-3", 3, "click"], ["data-module", "govuk-button", "type", "submit", 1, "govuk-button", 3, "click"], [3, "eventCompletionParams"], ["aria-labelledby", "error-summary-title", "role", "alert", "tabindex", "-1", "data-module", "govuk-error-summary", 1, "govuk-error-summary"], ["id", "error-summary-title", 1, "govuk-error-summary__title"], [1, "govuk-error-summary__body"], [1, "govuk-list", "govuk-error-summary__list"], [4, "ngFor", "ngForOf"], ["href", "javascript:void(0)", 1, "validation-error", 3, "id"], [1, "govuk-caption-l"], ["href", "javascript:void(0)", "class", "govuk-link", 3, "click", 4, "ngIf"], ["class", "govuk-summary-list__row", 4, "ngIf"], [1, "govuk-summary-list__value", "govuk-summary-list__value--documentAttached"], [3, "attachments", 4, "ngIf"], [3, "attachments"]], template: function QueryCheckYourAnswersComponent_Template(rf, ctx) { if (rf & 1) {
|
|
20568
20557
|
const _r1 = i0.ɵɵgetCurrentView();
|
|
20569
20558
|
i0.ɵɵelementStart(0, "div", 2)(1, "div", 3);
|
|
20570
20559
|
i0.ɵɵtemplate(2, QueryCheckYourAnswersComponent_div_2_Template, 7, 4, "div", 4)(3, QueryCheckYourAnswersComponent_ng_container_3_Template, 4, 3, "ng-container", 5);
|
|
@@ -20643,8 +20632,6 @@ class QueryCheckYourAnswersComponent {
|
|
|
20643
20632
|
type: Input
|
|
20644
20633
|
}], eventData: [{
|
|
20645
20634
|
type: Input
|
|
20646
|
-
}], roleName: [{
|
|
20647
|
-
type: Input
|
|
20648
20635
|
}], backClicked: [{
|
|
20649
20636
|
type: Output
|
|
20650
20637
|
}], querySubmitted: [{
|
|
@@ -22933,7 +22920,7 @@ class CaseFileViewFolderSelectorComponent {
|
|
|
22933
22920
|
return null;
|
|
22934
22921
|
}
|
|
22935
22922
|
static ɵfac = function CaseFileViewFolderSelectorComponent_Factory(t) { return new (t || CaseFileViewFolderSelectorComponent)(i0.ɵɵdirectiveInject(i1$3.MatLegacyDialogRef), i0.ɵɵdirectiveInject(MAT_LEGACY_DIALOG_DATA)); };
|
|
22936
|
-
static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: CaseFileViewFolderSelectorComponent, selectors: [["xui-case-file-view-folder-selector"]], decls: 14, vars: 2, consts: [["folder", ""], [
|
|
22923
|
+
static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: CaseFileViewFolderSelectorComponent, selectors: [["xui-case-file-view-folder-selector"]], decls: 14, vars: 2, consts: [["folder", ""], [1, "close", 3, "click"], [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"], [1, "cancel", 3, "click"], [4, "ngTemplateOutlet", "ngTemplateOutletContext"], [1, "folder", "govuk-radios__item"], ["type", "radio", 1, "govuk-radios__input", 3, "click", "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) {
|
|
22937
22924
|
const _r1 = i0.ɵɵgetCurrentView();
|
|
22938
22925
|
i0.ɵɵelementStart(0, "div", 1);
|
|
22939
22926
|
i0.ɵɵlistener("click", function CaseFileViewFolderSelectorComponent_Template_div_click_0_listener() { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView(ctx.cancel()); });
|
|
@@ -22965,7 +22952,7 @@ class CaseFileViewFolderSelectorComponent {
|
|
|
22965
22952
|
}
|
|
22966
22953
|
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(CaseFileViewFolderSelectorComponent, [{
|
|
22967
22954
|
type: Component,
|
|
22968
|
-
args: [{ selector: 'xui-case-file-view-folder-selector', encapsulation: ViewEncapsulation.None, template: "<div
|
|
22955
|
+
args: [{ selector: 'xui-case-file-view-folder-selector', encapsulation: ViewEncapsulation.None, template: "<div class=\"close\" (click)=\"cancel()\"></div>\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()\" class=\"cancel\">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)\" />\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"] }]
|
|
22969
22956
|
}], () => [{ type: i1$3.MatLegacyDialogRef }, { type: undefined, decorators: [{
|
|
22970
22957
|
type: Inject,
|
|
22971
22958
|
args: [MAT_LEGACY_DIALOG_DATA]
|
|
@@ -22985,7 +22972,7 @@ function CaseFileViewOverlayMenuComponent_ng_template_4_ng_container_1_Template(
|
|
|
22985
22972
|
i0.ɵɵadvance(2);
|
|
22986
22973
|
i0.ɵɵtextInterpolate(ctx_r1.title);
|
|
22987
22974
|
} }
|
|
22988
|
-
function
|
|
22975
|
+
function CaseFileViewOverlayMenuComponent_ng_template_4_ng_container_2_img_2_Template(rf, ctx) { if (rf & 1) {
|
|
22989
22976
|
i0.ɵɵelement(0, "img", 10);
|
|
22990
22977
|
} if (rf & 2) {
|
|
22991
22978
|
const item_r4 = i0.ɵɵnextContext().$implicit;
|
|
@@ -22993,14 +22980,16 @@ function CaseFileViewOverlayMenuComponent_ng_template_4_menu_2_img_2_Template(rf
|
|
|
22993
22980
|
i0.ɵɵpropertyInterpolate1("alt", "", ctx_r1.title, " icon'");
|
|
22994
22981
|
i0.ɵɵproperty("src", item_r4.iconSrc, i0.ɵɵsanitizeUrl);
|
|
22995
22982
|
} }
|
|
22996
|
-
function
|
|
22983
|
+
function CaseFileViewOverlayMenuComponent_ng_template_4_ng_container_2_Template(rf, ctx) { if (rf & 1) {
|
|
22997
22984
|
const _r3 = i0.ɵɵgetCurrentView();
|
|
22998
|
-
i0.ɵɵ
|
|
22999
|
-
i0.ɵɵ
|
|
23000
|
-
i0.ɵɵ
|
|
23001
|
-
i0.ɵɵ
|
|
22985
|
+
i0.ɵɵelementContainerStart(0);
|
|
22986
|
+
i0.ɵɵelementStart(1, "div", 7);
|
|
22987
|
+
i0.ɵɵlistener("click", function CaseFileViewOverlayMenuComponent_ng_template_4_ng_container_2_Template_div_click_1_listener() { const item_r4 = i0.ɵɵrestoreView(_r3).$implicit; const ctx_r1 = i0.ɵɵnextContext(2); item_r4.actionFn(); return i0.ɵɵresetView(ctx_r1.closeOverlay()); });
|
|
22988
|
+
i0.ɵɵtemplate(2, CaseFileViewOverlayMenuComponent_ng_template_4_ng_container_2_img_2_Template, 1, 3, "img", 8);
|
|
22989
|
+
i0.ɵɵelementStart(3, "div", 9);
|
|
23002
22990
|
i0.ɵɵtext(4);
|
|
23003
|
-
i0.ɵɵelementEnd()()
|
|
22991
|
+
i0.ɵɵelementEnd()();
|
|
22992
|
+
i0.ɵɵelementContainerEnd();
|
|
23004
22993
|
} if (rf & 2) {
|
|
23005
22994
|
const item_r4 = ctx.$implicit;
|
|
23006
22995
|
i0.ɵɵadvance(2);
|
|
@@ -23010,7 +22999,7 @@ function CaseFileViewOverlayMenuComponent_ng_template_4_menu_2_Template(rf, ctx)
|
|
|
23010
22999
|
} }
|
|
23011
23000
|
function CaseFileViewOverlayMenuComponent_ng_template_4_Template(rf, ctx) { if (rf & 1) {
|
|
23012
23001
|
i0.ɵɵelementStart(0, "div", 3);
|
|
23013
|
-
i0.ɵɵtemplate(1, CaseFileViewOverlayMenuComponent_ng_template_4_ng_container_1_Template, 3, 1, "ng-container", 4)(2,
|
|
23002
|
+
i0.ɵɵtemplate(1, CaseFileViewOverlayMenuComponent_ng_template_4_ng_container_1_Template, 3, 1, "ng-container", 4)(2, CaseFileViewOverlayMenuComponent_ng_template_4_ng_container_2_Template, 5, 2, "ng-container", 5);
|
|
23014
23003
|
i0.ɵɵelementEnd();
|
|
23015
23004
|
} if (rf & 2) {
|
|
23016
23005
|
const ctx_r1 = i0.ɵɵnextContext();
|
|
@@ -23029,12 +23018,8 @@ class CaseFileViewOverlayMenuComponent {
|
|
|
23029
23018
|
this.isOpen = isOpen;
|
|
23030
23019
|
this.isOpenChange.emit(isOpen);
|
|
23031
23020
|
}
|
|
23032
|
-
actionAndClose(func) {
|
|
23033
|
-
func();
|
|
23034
|
-
this.closeOverlay();
|
|
23035
|
-
}
|
|
23036
23021
|
static ɵfac = function CaseFileViewOverlayMenuComponent_Factory(t) { return new (t || CaseFileViewOverlayMenuComponent)(); };
|
|
23037
|
-
static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: CaseFileViewOverlayMenuComponent, selectors: [["ccd-case-file-view-overlay-menu"]], inputs: { title: "title", menuItems: "menuItems", isOpen: "isOpen" }, outputs: { isOpenChange: "isOpenChange" }, ngContentSelectors: _c1$9, decls: 5, vars: 4, consts: [["trigger", "cdkOverlayOrigin"], ["type", "button", "cdkOverlayOrigin", "", 1, "overlay-toggle", 3, "click"], ["cdkConnectedOverlay", "", 3, "backdropClick", "cdkConnectedOverlayOrigin", "cdkConnectedOverlayOpen", "cdkConnectedOverlayHasBackdrop", "cdkConnectedOverlayBackdropClass"], [1, "overlay-menu"], [4, "ngIf"], [4, "ngFor", "ngForOf"], [1, "overlay-menu__title"], [1, "overlay-menu__item", 3, "click"
|
|
23022
|
+
static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: CaseFileViewOverlayMenuComponent, selectors: [["ccd-case-file-view-overlay-menu"]], inputs: { title: "title", menuItems: "menuItems", isOpen: "isOpen" }, outputs: { isOpenChange: "isOpenChange" }, ngContentSelectors: _c1$9, decls: 5, vars: 4, consts: [["trigger", "cdkOverlayOrigin"], ["type", "button", "cdkOverlayOrigin", "", 1, "overlay-toggle", 3, "click"], ["cdkConnectedOverlay", "", 3, "backdropClick", "cdkConnectedOverlayOrigin", "cdkConnectedOverlayOpen", "cdkConnectedOverlayHasBackdrop", "cdkConnectedOverlayBackdropClass"], [1, "overlay-menu"], [4, "ngIf"], [4, "ngFor", "ngForOf"], [1, "overlay-menu__title"], [1, "overlay-menu__item", 3, "click"], ["class", "overlay-menu__itemIcon", 3, "src", "alt", 4, "ngIf"], [1, "overlay-menu__actionText"], [1, "overlay-menu__itemIcon", 3, "src", "alt"]], template: function CaseFileViewOverlayMenuComponent_Template(rf, ctx) { if (rf & 1) {
|
|
23038
23023
|
const _r1 = i0.ɵɵgetCurrentView();
|
|
23039
23024
|
i0.ɵɵprojectionDef(_c0$t);
|
|
23040
23025
|
i0.ɵɵelementStart(0, "div")(1, "button", 1, 0);
|
|
@@ -23052,7 +23037,7 @@ class CaseFileViewOverlayMenuComponent {
|
|
|
23052
23037
|
}
|
|
23053
23038
|
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(CaseFileViewOverlayMenuComponent, [{
|
|
23054
23039
|
type: Component,
|
|
23055
|
-
args: [{ selector: 'ccd-case-file-view-overlay-menu', template: "<div>\n <button type=\"button\" class=\"overlay-toggle\"\n (click)=\"$event.stopPropagation(); isOpen = !isOpen\"\n cdkOverlayOrigin #trigger=\"cdkOverlayOrigin\">\n <ng-content select=\"[trigger]\"></ng-content>\n </button>\n\n <ng-template\n cdkConnectedOverlay\n [cdkConnectedOverlayOrigin]=\"trigger\"\n [cdkConnectedOverlayOpen]=\"isOpen\"\n [cdkConnectedOverlayHasBackdrop]=\"true\"\n [cdkConnectedOverlayBackdropClass]=\"'cdk-overlay-transparent-backdrop'\"\n (backdropClick)=\"closeOverlay()\"\n >\n <div class=\"overlay-menu\">\n <ng-container *ngIf=\"title\">\n <div class=\"overlay-menu__title\">{{title}}</div>\n </ng-container>\n\n <
|
|
23040
|
+
args: [{ selector: 'ccd-case-file-view-overlay-menu', template: "<div>\n <button type=\"button\" class=\"overlay-toggle\"\n (click)=\"$event.stopPropagation(); isOpen = !isOpen\"\n cdkOverlayOrigin #trigger=\"cdkOverlayOrigin\">\n <ng-content select=\"[trigger]\"></ng-content>\n </button>\n\n <ng-template\n cdkConnectedOverlay\n [cdkConnectedOverlayOrigin]=\"trigger\"\n [cdkConnectedOverlayOpen]=\"isOpen\"\n [cdkConnectedOverlayHasBackdrop]=\"true\"\n [cdkConnectedOverlayBackdropClass]=\"'cdk-overlay-transparent-backdrop'\"\n (backdropClick)=\"closeOverlay()\"\n >\n <div class=\"overlay-menu\">\n <ng-container *ngIf=\"title\">\n <div class=\"overlay-menu__title\">{{title}}</div>\n </ng-container>\n\n <ng-container *ngFor=\"let item of menuItems\">\n <div class=\"overlay-menu__item\" (click)=\"item.actionFn(); closeOverlay();\">\n <img *ngIf=\"item.iconSrc\" [src]=\"item.iconSrc\" class=\"overlay-menu__itemIcon\" alt=\"{{title}} icon'\" />\n <div class=\"overlay-menu__actionText\">{{item.actionText}}</div>\n </div>\n </ng-container>\n </div>\n </ng-template>\n</div>\n", styles: [".overlay-toggle{display:block;background:none;border:0;padding:0 6px;margin-right:-4px;cursor:pointer}.overlay-menu{background-color:#fafafa;border:1px solid grey;margin-top:8px;font-size:1rem}.overlay-menu__title,.overlay-menu__item{padding:10px;border-bottom:1px solid grey}.overlay-menu__title:last-child,.overlay-menu__item:last-child{border:none}.overlay-menu__title{padding-left:6px;padding-right:6px}.overlay-menu__item{display:flex;align-items:center;cursor:pointer;font-size:.875em}.overlay-menu__item:hover{background-color:#fff2cc}.overlay-menu__itemIcon{height:1.25em;width:1.25em;margin-right:6px}\n"] }]
|
|
23056
23041
|
}], null, { title: [{
|
|
23057
23042
|
type: Input
|
|
23058
23043
|
}], menuItems: [{
|
|
@@ -30670,16 +30655,14 @@ function PaginationComponent_ul_4_li_5_ng_container_2_Template(rf, ctx) { if (rf
|
|
|
30670
30655
|
} if (rf & 2) {
|
|
30671
30656
|
const page_r6 = i0.ɵɵnextContext().$implicit;
|
|
30672
30657
|
const ctx_r3 = i0.ɵɵnextContext(2);
|
|
30673
|
-
i0.ɵɵadvance();
|
|
30674
|
-
i0.ɵɵ
|
|
30675
|
-
i0.ɵɵadvance();
|
|
30676
|
-
i0.ɵɵtextInterpolate1("", i0.ɵɵpipeBind1(3, 3, ctx_r3.screenReaderCurrentLabel), " ");
|
|
30658
|
+
i0.ɵɵadvance(2);
|
|
30659
|
+
i0.ɵɵtextInterpolate1("", i0.ɵɵpipeBind1(3, 2, ctx_r3.screenReaderCurrentLabel), " ");
|
|
30677
30660
|
i0.ɵɵadvance(3);
|
|
30678
|
-
i0.ɵɵtextInterpolate(page_r6.label === "..." ? page_r6.label : i0.ɵɵpipeBind2(6,
|
|
30661
|
+
i0.ɵɵtextInterpolate(page_r6.label === "..." ? page_r6.label : i0.ɵɵpipeBind2(6, 4, page_r6.label, ""));
|
|
30679
30662
|
} }
|
|
30680
30663
|
function PaginationComponent_ul_4_li_5_Template(rf, ctx) { if (rf & 1) {
|
|
30681
30664
|
i0.ɵɵelementStart(0, "li");
|
|
30682
|
-
i0.ɵɵtemplate(1, PaginationComponent_ul_4_li_5_a_1_Template, 10, 15, "a", 10)(2, PaginationComponent_ul_4_li_5_ng_container_2_Template, 7,
|
|
30665
|
+
i0.ɵɵtemplate(1, PaginationComponent_ul_4_li_5_a_1_Template, 10, 15, "a", 10)(2, PaginationComponent_ul_4_li_5_ng_container_2_Template, 7, 7, "ng-container", 11);
|
|
30683
30666
|
i0.ɵɵelementEnd();
|
|
30684
30667
|
} if (rf & 2) {
|
|
30685
30668
|
const page_r6 = ctx.$implicit;
|
|
@@ -30816,7 +30799,7 @@ class PaginationComponent {
|
|
|
30816
30799
|
}
|
|
30817
30800
|
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(PaginationComponent, [{
|
|
30818
30801
|
type: Component,
|
|
30819
|
-
args: [{ selector: 'ccd-pagination', template: "<pagination-template #p=\"paginationApi\" [id]=\"id\" [maxSize]=\"maxSize\" (pageChange)=\"pageChange.emit($event)\"\n (pageBoundsCorrection)=\"pageBoundsCorrection.emit($event)\">\n <nav role=\"navigation\" [attr.aria-label]=\"'Pagination' | rpxTranslate\">\n <ul class=\"ngx-pagination\" [attr.aria-label]=\"screenReaderPaginationLabel | rpxTranslate\"\n [class.responsive]=\"responsive\" *ngIf=\"!(autoHide && p.pages.length <= 1)\">\n <li class=\"pagination-previous\" [class.disabled]=\"p.isFirstPage()\" *ngIf=\"directionLinks\">\n <a tabindex=\"0\" *ngIf=\"1 < p.getCurrent()\" (keyup.enter)=\"p.previous()\" (click)=\"p.previous()\"\n [attr.aria-label]=\"'Previous page' | rpxTranslate\">\n {{ previousLabel | rpxTranslate }} <span class=\"show-for-sr\">{{ screenReaderPageLabel | rpxTranslate }}</span>\n </a>\n <span *ngIf=\"p.isFirstPage()\" [attr.aria-label]=\"'Previous page' | rpxTranslate\">\n {{ previousLabel | rpxTranslate }} <span class=\"show-for-sr\">{{ screenReaderPageLabel | rpxTranslate }}</span>\n </span>\n </li>\n <li class=\"small-screen\">\n {{ p.getCurrent() }} / {{ p.getLastPage() }}\n </li>\n <li [class.current]=\"p.getCurrent() === page.value\" [class.ellipsis]=\"page.label === '...'\"\n *ngFor=\"let page of p.pages\">\n <a tabindex=\"0\" (keyup.enter)=\"p.setCurrent(page.value)\" (click)=\"p.setCurrent(page.value)\"\n *ngIf=\"p.getCurrent() !== page.value\" [attr.aria-label]=\"(page.label === '...') ? ('Change pagination range' | rpxTranslate) : ('Page ' | rpxTranslate) + (page.label | number:'')\">\n <span class=\"show-for-sr\">{{ screenReaderPageLabel | rpxTranslate }} </span>\n <span>{{ (page.label === '...') ? page.label : (page.label | number:'') }}</span>\n </a>\n <ng-container *ngIf=\"p.getCurrent() === page.value\">\n <span class=\"show-for-sr\"
|
|
30802
|
+
args: [{ selector: 'ccd-pagination', template: "<pagination-template #p=\"paginationApi\" [id]=\"id\" [maxSize]=\"maxSize\" (pageChange)=\"pageChange.emit($event)\"\n (pageBoundsCorrection)=\"pageBoundsCorrection.emit($event)\">\n <nav role=\"navigation\" [attr.aria-label]=\"'Pagination' | rpxTranslate\">\n <ul class=\"ngx-pagination\" [attr.aria-label]=\"screenReaderPaginationLabel | rpxTranslate\"\n [class.responsive]=\"responsive\" *ngIf=\"!(autoHide && p.pages.length <= 1)\">\n <li class=\"pagination-previous\" [class.disabled]=\"p.isFirstPage()\" *ngIf=\"directionLinks\">\n <a tabindex=\"0\" *ngIf=\"1 < p.getCurrent()\" (keyup.enter)=\"p.previous()\" (click)=\"p.previous()\"\n [attr.aria-label]=\"'Previous page' | rpxTranslate\">\n {{ previousLabel | rpxTranslate }} <span class=\"show-for-sr\">{{ screenReaderPageLabel | rpxTranslate }}</span>\n </a>\n <span *ngIf=\"p.isFirstPage()\" [attr.aria-label]=\"'Previous page' | rpxTranslate\">\n {{ previousLabel | rpxTranslate }} <span class=\"show-for-sr\">{{ screenReaderPageLabel | rpxTranslate }}</span>\n </span>\n </li>\n <li class=\"small-screen\">\n {{ p.getCurrent() }} / {{ p.getLastPage() }}\n </li>\n <li [class.current]=\"p.getCurrent() === page.value\" [class.ellipsis]=\"page.label === '...'\"\n *ngFor=\"let page of p.pages\">\n <a tabindex=\"0\" (keyup.enter)=\"p.setCurrent(page.value)\" (click)=\"p.setCurrent(page.value)\"\n *ngIf=\"p.getCurrent() !== page.value\" [attr.aria-label]=\"(page.label === '...') ? ('Change pagination range' | rpxTranslate) : ('Page ' | rpxTranslate) + (page.label | number:'')\">\n <span class=\"show-for-sr\">{{ screenReaderPageLabel | rpxTranslate }} </span>\n <span>{{ (page.label === '...') ? page.label : (page.label | number:'') }}</span>\n </a>\n <ng-container *ngIf=\"p.getCurrent() === page.value\">\n <span class=\"show-for-sr\">{{ screenReaderCurrentLabel | rpxTranslate }} </span>\n <span>{{ (page.label === '...') ? page.label : (page.label | number:'') }}</span>\n </ng-container>\n </li>\n <li class=\"pagination-next\" [class.disabled]=\"p.isLastPage()\" *ngIf=\"directionLinks\">\n <a tabindex=\"0\" *ngIf=\"!p.isLastPage()\" (keyup.enter)=\"p.next()\" (click)=\"p.next()\"\n [attr.aria-label]=\"'Next page' | rpxTranslate\">\n {{ nextLabel | rpxTranslate }} <span class=\"show-for-sr\">{{ screenReaderPageLabel | rpxTranslate }}</span>\n </a>\n <span *ngIf=\"p.isLastPage()\">\n {{ nextLabel | rpxTranslate }} <span class=\"show-for-sr\">{{ screenReaderPageLabel | rpxTranslate }}</span>\n </span>\n </li>\n </ul>\n </nav>\n</pagination-template>\n", styles: [".ngx-pagination{margin-left:0;margin-bottom:1rem;padding-top:25px;text-decoration:none;text-align:left;font-size:16px}.ngx-pagination:before,.ngx-pagination:after{content:\" \";display:table}.ngx-pagination:after{clear:both}.ngx-pagination li{-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;margin-right:.0625rem;border-radius:0}.ngx-pagination li{display:inline-block}.ngx-pagination a,.ngx-pagination button{display:block;padding:.1875rem .625rem;border-radius:0;color:#005da6}.ngx-pagination a:hover,.ngx-pagination button:hover{background:#e6e6e6}.ngx-pagination .current{padding:.1875rem .625rem;background:#fff;color:#4c2c92;cursor:default;font-weight:900}.ngx-pagination .disabled{display:none}.ngx-pagination .disabled:hover{background:transparent}.ngx-pagination a,.ngx-pagination button{cursor:pointer}.ngx-pagination .pagination-previous a:before,.ngx-pagination .pagination-previous.disabled:before{margin-right:.5rem;display:inline-block;height:10px;width:10px;border-style:solid;color:#0a0a0a;background:transparent;-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg);content:\"\";border-width:3px 0 0 3px}.ngx-pagination .pagination-next a:after,.ngx-pagination .pagination-next.disabled:after{margin-left:.5rem;display:inline-block;height:10px;width:10px;border-style:solid;color:#0a0a0a;background:transparent;-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg);content:\"\";border-width:0 3px 3px 0}.ngx-pagination .show-for-sr{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.ngx-pagination .small-screen{display:none}@media screen and (max-width: 601px){.ngx-pagination.responsive .small-screen{display:inline-block}.ngx-pagination.responsive li:not(.small-screen):not(.pagination-previous):not(.pagination-next){display:none}}\n"] }]
|
|
30820
30803
|
}], null, { visibilityLabel: [{
|
|
30821
30804
|
type: Input
|
|
30822
30805
|
}], id: [{
|
|
@@ -30847,10 +30830,10 @@ class PaginationComponent {
|
|
|
30847
30830
|
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(PaginationComponent, { className: "PaginationComponent", filePath: "lib/shared/components/pagination/pagination.component.ts", lineNumber: 12 }); })();
|
|
30848
30831
|
|
|
30849
30832
|
const _c0$c = (a0, a1, a2) => ({ itemsPerPage: a0, currentPage: a1, totalItems: a2 });
|
|
30850
|
-
function
|
|
30833
|
+
function CaseListComponent_th_6_Template(rf, ctx) { if (rf & 1) {
|
|
30851
30834
|
const _r1 = i0.ɵɵgetCurrentView();
|
|
30852
|
-
i0.ɵɵelementStart(0, "
|
|
30853
|
-
i0.ɵɵlistener("change", function
|
|
30835
|
+
i0.ɵɵelementStart(0, "th", 8)(1, "div", 9)(2, "input", 10);
|
|
30836
|
+
i0.ɵɵlistener("change", function CaseListComponent_th_6_Template_input_change_2_listener() { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.selectAll()); });
|
|
30854
30837
|
i0.ɵɵelementEnd();
|
|
30855
30838
|
i0.ɵɵelement(3, "label", 11);
|
|
30856
30839
|
i0.ɵɵelementEnd()();
|
|
@@ -30858,11 +30841,9 @@ function CaseListComponent_td_6_Template(rf, ctx) { if (rf & 1) {
|
|
|
30858
30841
|
const ctx_r1 = i0.ɵɵnextContext();
|
|
30859
30842
|
i0.ɵɵadvance(2);
|
|
30860
30843
|
i0.ɵɵproperty("checked", ctx_r1.allOnPageSelected())("disabled", !ctx_r1.canAnyBeShared());
|
|
30861
|
-
i0.ɵɵadvance();
|
|
30862
|
-
i0.ɵɵattribute("aria-labelledby", "select-all");
|
|
30863
30844
|
} }
|
|
30864
30845
|
function CaseListComponent_th_7_Template(rf, ctx) { if (rf & 1) {
|
|
30865
|
-
i0.ɵɵelementStart(0, "th",
|
|
30846
|
+
i0.ɵɵelementStart(0, "th", 8);
|
|
30866
30847
|
i0.ɵɵtext(1);
|
|
30867
30848
|
i0.ɵɵpipe(2, "rpxTranslate");
|
|
30868
30849
|
i0.ɵɵelementEnd();
|
|
@@ -30873,10 +30854,10 @@ function CaseListComponent_th_7_Template(rf, ctx) { if (rf & 1) {
|
|
|
30873
30854
|
} }
|
|
30874
30855
|
function CaseListComponent_ng_container_9_th_2_Template(rf, ctx) { if (rf & 1) {
|
|
30875
30856
|
const _r4 = i0.ɵɵgetCurrentView();
|
|
30876
|
-
i0.ɵɵelementStart(0, "th",
|
|
30857
|
+
i0.ɵɵelementStart(0, "th", 14)(1, "div", 9)(2, "input", 15);
|
|
30877
30858
|
i0.ɵɵlistener("change", function CaseListComponent_ng_container_9_th_2_Template_input_change_2_listener() { i0.ɵɵrestoreView(_r4); const c_r5 = i0.ɵɵnextContext().$implicit; const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.changeSelection(c_r5)); })("keyup", function CaseListComponent_ng_container_9_th_2_Template_input_keyup_2_listener($event) { i0.ɵɵrestoreView(_r4); const c_r5 = i0.ɵɵnextContext().$implicit; const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.onKeyUp($event, c_r5)); });
|
|
30878
30859
|
i0.ɵɵelementEnd();
|
|
30879
|
-
i0.ɵɵelement(3, "label",
|
|
30860
|
+
i0.ɵɵelement(3, "label", 16);
|
|
30880
30861
|
i0.ɵɵelementEnd()();
|
|
30881
30862
|
} if (rf & 2) {
|
|
30882
30863
|
const c_r5 = i0.ɵɵnextContext().$implicit;
|
|
@@ -30887,7 +30868,6 @@ function CaseListComponent_ng_container_9_th_2_Template(rf, ctx) { if (rf & 1) {
|
|
|
30887
30868
|
i0.ɵɵproperty("checked", ctx_r1.isSelected(c_r5))("disabled", !ctx_r1.canBeShared(c_r5));
|
|
30888
30869
|
i0.ɵɵadvance();
|
|
30889
30870
|
i0.ɵɵpropertyInterpolate1("for", "select-", c_r5[ctx_r1.tableConfig.idField], "");
|
|
30890
|
-
i0.ɵɵattribute("aria-labelledby", "select-" + c_r5[ctx_r1.tableConfig.idField]);
|
|
30891
30871
|
} }
|
|
30892
30872
|
function CaseListComponent_ng_container_9_ng_container_3_th_1_ng_container_1_Template(rf, ctx) { if (rf & 1) {
|
|
30893
30873
|
i0.ɵɵelementContainerStart(0);
|
|
@@ -30902,7 +30882,7 @@ function CaseListComponent_ng_container_9_ng_container_3_th_1_ng_container_1_Tem
|
|
|
30902
30882
|
} }
|
|
30903
30883
|
function CaseListComponent_ng_container_9_ng_container_3_th_1_ng_container_2_Template(rf, ctx) { if (rf & 1) {
|
|
30904
30884
|
i0.ɵɵelementContainerStart(0);
|
|
30905
|
-
i0.ɵɵelementStart(1, "a",
|
|
30885
|
+
i0.ɵɵelementStart(1, "a", 19);
|
|
30906
30886
|
i0.ɵɵtext(2);
|
|
30907
30887
|
i0.ɵɵpipe(3, "rpxTranslate");
|
|
30908
30888
|
i0.ɵɵelementEnd();
|
|
@@ -30916,8 +30896,8 @@ function CaseListComponent_ng_container_9_ng_container_3_th_1_ng_container_2_Tem
|
|
|
30916
30896
|
i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(3, 2, c_r5[col_r6.key]));
|
|
30917
30897
|
} }
|
|
30918
30898
|
function CaseListComponent_ng_container_9_ng_container_3_th_1_Template(rf, ctx) { if (rf & 1) {
|
|
30919
|
-
i0.ɵɵelementStart(0, "th",
|
|
30920
|
-
i0.ɵɵtemplate(1, CaseListComponent_ng_container_9_ng_container_3_th_1_ng_container_1_Template, 3, 3, "ng-container",
|
|
30899
|
+
i0.ɵɵelementStart(0, "th", 14);
|
|
30900
|
+
i0.ɵɵtemplate(1, CaseListComponent_ng_container_9_ng_container_3_th_1_ng_container_1_Template, 3, 3, "ng-container", 18)(2, CaseListComponent_ng_container_9_ng_container_3_th_1_ng_container_2_Template, 4, 4, "ng-container", 18);
|
|
30921
30901
|
i0.ɵɵelementEnd();
|
|
30922
30902
|
} if (rf & 2) {
|
|
30923
30903
|
const col_r6 = i0.ɵɵnextContext().$implicit;
|
|
@@ -30929,7 +30909,7 @@ function CaseListComponent_ng_container_9_ng_container_3_th_1_Template(rf, ctx)
|
|
|
30929
30909
|
} }
|
|
30930
30910
|
function CaseListComponent_ng_container_9_ng_container_3_td_2_ng_container_1_Template(rf, ctx) { if (rf & 1) {
|
|
30931
30911
|
i0.ɵɵelementContainerStart(0);
|
|
30932
|
-
i0.ɵɵelementStart(1, "a",
|
|
30912
|
+
i0.ɵɵelementStart(1, "a", 19);
|
|
30933
30913
|
i0.ɵɵtext(2);
|
|
30934
30914
|
i0.ɵɵpipe(3, "rpxTranslate");
|
|
30935
30915
|
i0.ɵɵelementEnd();
|
|
@@ -30987,8 +30967,8 @@ function CaseListComponent_ng_container_9_ng_container_3_td_2_ng_container_5_Tem
|
|
|
30987
30967
|
i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(2, 1, c_r5[col_r6.key]));
|
|
30988
30968
|
} }
|
|
30989
30969
|
function CaseListComponent_ng_container_9_ng_container_3_td_2_Template(rf, ctx) { if (rf & 1) {
|
|
30990
|
-
i0.ɵɵelementStart(0, "td",
|
|
30991
|
-
i0.ɵɵtemplate(1, CaseListComponent_ng_container_9_ng_container_3_td_2_ng_container_1_Template, 4, 4, "ng-container",
|
|
30970
|
+
i0.ɵɵelementStart(0, "td", 20);
|
|
30971
|
+
i0.ɵɵtemplate(1, CaseListComponent_ng_container_9_ng_container_3_td_2_ng_container_1_Template, 4, 4, "ng-container", 18)(2, CaseListComponent_ng_container_9_ng_container_3_td_2_ng_container_2_Template, 3, 4, "ng-container", 21)(3, CaseListComponent_ng_container_9_ng_container_3_td_2_ng_container_3_Template, 2, 1, "ng-container", 21)(4, CaseListComponent_ng_container_9_ng_container_3_td_2_ng_container_4_Template, 2, 1, "ng-container", 21)(5, CaseListComponent_ng_container_9_ng_container_3_td_2_ng_container_5_Template, 3, 3, "ng-container", 22);
|
|
30992
30972
|
i0.ɵɵelementEnd();
|
|
30993
30973
|
} if (rf & 2) {
|
|
30994
30974
|
const col_r6 = i0.ɵɵnextContext().$implicit;
|
|
@@ -31005,7 +30985,7 @@ function CaseListComponent_ng_container_9_ng_container_3_td_2_Template(rf, ctx)
|
|
|
31005
30985
|
} }
|
|
31006
30986
|
function CaseListComponent_ng_container_9_ng_container_3_Template(rf, ctx) { if (rf & 1) {
|
|
31007
30987
|
i0.ɵɵelementContainerStart(0);
|
|
31008
|
-
i0.ɵɵtemplate(1, CaseListComponent_ng_container_9_ng_container_3_th_1_Template, 3, 2, "th",
|
|
30988
|
+
i0.ɵɵtemplate(1, CaseListComponent_ng_container_9_ng_container_3_th_1_Template, 3, 2, "th", 13)(2, CaseListComponent_ng_container_9_ng_container_3_td_2_Template, 6, 5, "td", 17);
|
|
31009
30989
|
i0.ɵɵelementContainerEnd();
|
|
31010
30990
|
} if (rf & 2) {
|
|
31011
30991
|
const isFirst_r7 = ctx.first;
|
|
@@ -31017,8 +30997,8 @@ function CaseListComponent_ng_container_9_ng_container_3_Template(rf, ctx) { if
|
|
|
31017
30997
|
} }
|
|
31018
30998
|
function CaseListComponent_ng_container_9_Template(rf, ctx) { if (rf & 1) {
|
|
31019
30999
|
i0.ɵɵelementContainerStart(0);
|
|
31020
|
-
i0.ɵɵelementStart(1, "tr",
|
|
31021
|
-
i0.ɵɵtemplate(2, CaseListComponent_ng_container_9_th_2_Template, 4,
|
|
31000
|
+
i0.ɵɵelementStart(1, "tr", 12);
|
|
31001
|
+
i0.ɵɵtemplate(2, CaseListComponent_ng_container_9_th_2_Template, 4, 8, "th", 13)(3, CaseListComponent_ng_container_9_ng_container_3_Template, 3, 2, "ng-container", 6);
|
|
31022
31002
|
i0.ɵɵelementEnd();
|
|
31023
31003
|
i0.ɵɵelementContainerEnd();
|
|
31024
31004
|
} if (rf & 2) {
|
|
@@ -31030,7 +31010,7 @@ function CaseListComponent_ng_container_9_Template(rf, ctx) { if (rf & 1) {
|
|
|
31030
31010
|
} }
|
|
31031
31011
|
function CaseListComponent_ccd_pagination_11_Template(rf, ctx) { if (rf & 1) {
|
|
31032
31012
|
const _r8 = i0.ɵɵgetCurrentView();
|
|
31033
|
-
i0.ɵɵelementStart(0, "ccd-pagination",
|
|
31013
|
+
i0.ɵɵelementStart(0, "ccd-pagination", 23);
|
|
31034
31014
|
i0.ɵɵlistener("pageChange", function CaseListComponent_ccd_pagination_11_Template_ccd_pagination_pageChange_0_listener($event) { i0.ɵɵrestoreView(_r8); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.goToPage($event)); });
|
|
31035
31015
|
i0.ɵɵelementEnd();
|
|
31036
31016
|
} }
|
|
@@ -31131,13 +31111,13 @@ class CaseListComponent {
|
|
|
31131
31111
|
this.pageChange.emit(pageNumber);
|
|
31132
31112
|
}
|
|
31133
31113
|
static ɵfac = function CaseListComponent_Factory(t) { return new (t || CaseListComponent)(i0.ɵɵdirectiveInject(BrowserService)); };
|
|
31134
|
-
static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: CaseListComponent, selectors: [["ccd-case-list"]], inputs: { classes: "classes", caption: "caption", firstCellIsHeader: "firstCellIsHeader", cases: "cases", tableConfig: "tableConfig", selectionEnabled: "selectionEnabled", selectedCases: "selectedCases", currentPageNo: "currentPageNo", totalResultsCount: "totalResultsCount", pageSize: "pageSize" }, outputs: { selection: "selection", pageChange: "pageChange" }, decls: 12, vars: 17, consts: [[1, "govuk-table__caption"], [1, "govuk-table__head"], [1, "govuk-table__row"], ["class", "govuk-table__header", 4, "ngIf"], ["class", "govuk-table__header", "scope", "col", 4, "ngFor", "ngForOf"], [1, "govuk-table__body"], [4, "ngFor", "ngForOf"], [3, "pageChange", 4, "ngIf"], [1, "govuk-table__header"], [1, "govuk-checkboxes__item"], ["id", "select-all", "name", "select-all", "type", "checkbox", 1, "govuk-checkboxes__input", 3, "change", "checked", "disabled"], ["for", "select-all", 1, "govuk-label", "govuk-checkboxes__label"], ["
|
|
31114
|
+
static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: CaseListComponent, selectors: [["ccd-case-list"]], inputs: { classes: "classes", caption: "caption", firstCellIsHeader: "firstCellIsHeader", cases: "cases", tableConfig: "tableConfig", selectionEnabled: "selectionEnabled", selectedCases: "selectedCases", currentPageNo: "currentPageNo", totalResultsCount: "totalResultsCount", pageSize: "pageSize" }, outputs: { selection: "selection", pageChange: "pageChange" }, decls: 12, vars: 17, consts: [[1, "govuk-table__caption"], [1, "govuk-table__head"], [1, "govuk-table__row"], ["class", "govuk-table__header", "scope", "col", 4, "ngIf"], ["class", "govuk-table__header", "scope", "col", 4, "ngFor", "ngForOf"], [1, "govuk-table__body"], [4, "ngFor", "ngForOf"], [3, "pageChange", 4, "ngIf"], ["scope", "col", 1, "govuk-table__header"], [1, "govuk-checkboxes__item"], ["id", "select-all", "name", "select-all", "type", "checkbox", 1, "govuk-checkboxes__input", 3, "change", "checked", "disabled"], ["for", "select-all", 1, "govuk-label", "govuk-checkboxes__label"], ["data-selector", "table-row", 1, "govuk-table__row"], ["data-selector", "table-header", "class", "govuk-table__header", "scope", "row", 4, "ngIf"], ["data-selector", "table-header", "scope", "row", 1, "govuk-table__header"], ["type", "checkbox", 1, "govuk-checkboxes__input", 3, "change", "keyup", "id", "name", "checked", "disabled"], [1, "govuk-label", "govuk-checkboxes__label", 3, "for"], ["data-selector", "table-cell", "class", "govuk-table__cell", 3, "ngSwitch", 4, "ngIf"], [4, "ngIf"], [1, "govuk-link", 3, "routerLink"], ["data-selector", "table-cell", 1, "govuk-table__cell", 3, "ngSwitch"], [4, "ngSwitchCase"], [4, "ngSwitchDefault"], [3, "pageChange"]], template: function CaseListComponent_Template(rf, ctx) { if (rf & 1) {
|
|
31135
31115
|
i0.ɵɵelementStart(0, "table")(1, "caption", 0);
|
|
31136
31116
|
i0.ɵɵtext(2);
|
|
31137
31117
|
i0.ɵɵpipe(3, "rpxTranslate");
|
|
31138
31118
|
i0.ɵɵelementEnd();
|
|
31139
31119
|
i0.ɵɵelementStart(4, "thead", 1)(5, "tr", 2);
|
|
31140
|
-
i0.ɵɵtemplate(6,
|
|
31120
|
+
i0.ɵɵtemplate(6, CaseListComponent_th_6_Template, 4, 2, "th", 3)(7, CaseListComponent_th_7_Template, 3, 3, "th", 4);
|
|
31141
31121
|
i0.ɵɵelementEnd()();
|
|
31142
31122
|
i0.ɵɵelementStart(8, "tbody", 5);
|
|
31143
31123
|
i0.ɵɵtemplate(9, CaseListComponent_ng_container_9_Template, 4, 2, "ng-container", 6);
|
|
@@ -31160,7 +31140,7 @@ class CaseListComponent {
|
|
|
31160
31140
|
}
|
|
31161
31141
|
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(CaseListComponent, [{
|
|
31162
31142
|
type: Component,
|
|
31163
|
-
args: [{ selector: 'ccd-case-list', template: "<table class=\"{{'govuk-table ' + classes}}\">\n <caption class=\"govuk-table__caption\">{{caption | rpxTranslate}}</caption>\n <thead class=\"govuk-table__head\">\n <tr class=\"govuk-table__row\">\n <
|
|
31143
|
+
args: [{ selector: 'ccd-case-list', template: "<table class=\"{{'govuk-table ' + classes}}\">\n <caption class=\"govuk-table__caption\">{{caption | rpxTranslate}}</caption>\n <thead class=\"govuk-table__head\">\n <tr class=\"govuk-table__row\">\n <th class=\"govuk-table__header\" scope=\"col\" *ngIf=\"selectionEnabled\">\n <div class=\"govuk-checkboxes__item\">\n <input class=\"govuk-checkboxes__input\" id=\"select-all\" name=\"select-all\" type=\"checkbox\" (change)=\"selectAll()\"\n [checked]=\"allOnPageSelected()\" [disabled]=\"!canAnyBeShared()\" />\n <!-- This label element is used to hide the standard checkbox with a govuk-styled one -->\n <label class=\"govuk-label govuk-checkboxes__label\" for=\"select-all\">\n </label>\n </div>\n </th>\n <th class=\"govuk-table__header\" scope=\"col\" *ngFor=\"let h of tableConfig.columnConfigs\">{{h.header | rpxTranslate}}</th>\n </tr>\n </thead>\n <tbody class=\"govuk-table__body\">\n <ng-container *ngFor=\"let c of cases | paginate: { itemsPerPage: pageSize, currentPage: currentPageNo, totalItems: totalResultsCount }\">\n <tr data-selector=\"table-row\" class=\"govuk-table__row\">\n <th data-selector=\"table-header\" class=\"govuk-table__header\" scope=\"row\" *ngIf=\"selectionEnabled\">\n <div class=\"govuk-checkboxes__item\">\n <input class=\"govuk-checkboxes__input\" id=\"select-{{ c[tableConfig.idField] }}\" name=\"select-{{ c[tableConfig.idField] }}\"\n type=\"checkbox\" (change)=\"changeSelection(c)\" [checked]=\"isSelected(c)\" [disabled]=\"!canBeShared(c)\" (keyup)=\"onKeyUp($event, c)\" />\n <!-- This label element is used to hide the standard checkbox with a govuk-styled one -->\n <label class=\"govuk-label govuk-checkboxes__label\" for=\"select-{{ c[tableConfig.idField] }}\">\n </label>\n </div>\n </th>\n <ng-container *ngFor=\"let col of tableConfig.columnConfigs; first as isFirst\">\n <th data-selector=\"table-header\" class=\"govuk-table__header\" scope=\"row\" *ngIf=\"isFirst && firstCellIsHeader\">\n <ng-container *ngIf=\"!col.type || col.type === 'text'\">{{c[col.key] | rpxTranslate}}</ng-container>\n <ng-container *ngIf=\"col.type === 'link' && c.routerLink\">\n <a class=\"govuk-link\" [routerLink]=\"c.routerLink\">{{c[col.key] | rpxTranslate}}</a>\n </ng-container>\n </th>\n <td data-selector=\"table-cell\" class=\"govuk-table__cell\" *ngIf=\"!(isFirst && firstCellIsHeader)\" [ngSwitch]=\"col?.type\">\n <ng-container *ngIf=\"col.type === 'link' && c.routerLink\">\n <a class=\"govuk-link\" [routerLink]=\"c.routerLink\">{{c[col.key] | rpxTranslate}}</a>\n </ng-container>\n <ng-container *ngSwitchCase=\"'money'\">-{{ c[col.key] | currency:'GBP' }}</ng-container>\n <ng-container *ngSwitchCase=\"'date'\">{{formatDate(c[col.key])}}</ng-container>\n <ng-container *ngSwitchCase=\"'dateAtTime'\">{{formatDateAtTime(c[col.key])}}</ng-container>\n <ng-container *ngSwitchDefault>{{c[col.key] | rpxTranslate}}</ng-container>\n </td>\n </ng-container>\n </tr>\n </ng-container>\n </tbody>\n</table>\n<ccd-pagination *ngIf=\"totalResultsCount > pageSize\"\n (pageChange)=\"goToPage($event)\"\n></ccd-pagination>\n" }]
|
|
31164
31144
|
}], () => [{ type: BrowserService }], { classes: [{
|
|
31165
31145
|
type: Input
|
|
31166
31146
|
}], caption: [{
|