@hmcts/ccd-case-ui-toolkit 7.1.50 → 7.1.51-ongoing-accessibility-v1
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 +23 -20
- package/esm2022/lib/shared/components/pagination/pagination.component.mjs +8 -6
- package/esm2022/lib/shared/components/palette/case-file-view/components/case-file-view-folder-selector/case-file-view-folder-selector.component.mjs +6 -6
- package/esm2022/lib/shared/components/palette/case-file-view/components/shared/case-file-view-overlay-menu/case-file-view-overlay-menu.component.mjs +15 -13
- package/fesm2022/hmcts-ccd-case-ui-toolkit.mjs +48 -41
- 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 +1 -0
- 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/package.json +1 -1
|
@@ -22853,7 +22853,7 @@ function CaseFileViewFolderSelectorComponent_ng_template_12_ng_container_5_Templ
|
|
|
22853
22853
|
function CaseFileViewFolderSelectorComponent_ng_template_12_Template(rf, ctx) { if (rf & 1) {
|
|
22854
22854
|
const _r4 = i0.ɵɵgetCurrentView();
|
|
22855
22855
|
i0.ɵɵelementStart(0, "div", 9)(1, "input", 10);
|
|
22856
|
-
i0.ɵɵlistener("click", function CaseFileViewFolderSelectorComponent_ng_template_12_Template_input_click_1_listener($event) { i0.ɵɵrestoreView(_r4); const ctx_r4 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r4.handleChange($event)); });
|
|
22856
|
+
i0.ɵɵlistener("click", function CaseFileViewFolderSelectorComponent_ng_template_12_Template_input_click_1_listener($event) { i0.ɵɵrestoreView(_r4); const ctx_r4 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r4.handleChange($event)); })("keyup", function CaseFileViewFolderSelectorComponent_ng_template_12_Template_input_keyup_1_listener($event) { i0.ɵɵrestoreView(_r4); const ctx_r4 = i0.ɵɵnextContext(); return i0.ɵɵresetView($event.key === "Enter" ? ctx_r4.handleChange($event) : null); });
|
|
22857
22857
|
i0.ɵɵelementEnd();
|
|
22858
22858
|
i0.ɵɵelementStart(2, "label", 11);
|
|
22859
22859
|
i0.ɵɵelement(3, "img", 12);
|
|
@@ -22933,10 +22933,10 @@ class CaseFileViewFolderSelectorComponent {
|
|
|
22933
22933
|
return null;
|
|
22934
22934
|
}
|
|
22935
22935
|
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", ""], [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) {
|
|
22936
|
+
static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: CaseFileViewFolderSelectorComponent, selectors: [["xui-case-file-view-folder-selector"]], 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", "javascript:void(0)", 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) {
|
|
22937
22937
|
const _r1 = i0.ɵɵgetCurrentView();
|
|
22938
|
-
i0.ɵɵelementStart(0, "
|
|
22939
|
-
i0.ɵɵlistener("click", function
|
|
22938
|
+
i0.ɵɵelementStart(0, "span", 1);
|
|
22939
|
+
i0.ɵɵlistener("click", function CaseFileViewFolderSelectorComponent_Template_span_click_0_listener() { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView(ctx.cancel()); })("keyup", function CaseFileViewFolderSelectorComponent_Template_span_keyup_0_listener($event) { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView($event.key === "Enter" ? ctx.cancel() : null); });
|
|
22940
22940
|
i0.ɵɵelementEnd();
|
|
22941
22941
|
i0.ɵɵelementStart(1, "h2", 2);
|
|
22942
22942
|
i0.ɵɵtext(2, "Move File");
|
|
@@ -22965,7 +22965,7 @@ class CaseFileViewFolderSelectorComponent {
|
|
|
22965
22965
|
}
|
|
22966
22966
|
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(CaseFileViewFolderSelectorComponent, [{
|
|
22967
22967
|
type: Component,
|
|
22968
|
-
args: [{ selector: 'xui-case-file-view-folder-selector', encapsulation: ViewEncapsulation.None, template: "<
|
|
22968
|
+
args: [{ selector: 'xui-case-file-view-folder-selector', encapsulation: ViewEncapsulation.None, 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()\" class=\"cancel\" href=\"javascript:void(0)\">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"] }]
|
|
22969
22969
|
}], () => [{ type: i1$3.MatLegacyDialogRef }, { type: undefined, decorators: [{
|
|
22970
22970
|
type: Inject,
|
|
22971
22971
|
args: [MAT_LEGACY_DIALOG_DATA]
|
|
@@ -22985,7 +22985,7 @@ function CaseFileViewOverlayMenuComponent_ng_template_4_ng_container_1_Template(
|
|
|
22985
22985
|
i0.ɵɵadvance(2);
|
|
22986
22986
|
i0.ɵɵtextInterpolate(ctx_r1.title);
|
|
22987
22987
|
} }
|
|
22988
|
-
function
|
|
22988
|
+
function CaseFileViewOverlayMenuComponent_ng_template_4_menu_2_img_2_Template(rf, ctx) { if (rf & 1) {
|
|
22989
22989
|
i0.ɵɵelement(0, "img", 10);
|
|
22990
22990
|
} if (rf & 2) {
|
|
22991
22991
|
const item_r4 = i0.ɵɵnextContext().$implicit;
|
|
@@ -22993,16 +22993,14 @@ function CaseFileViewOverlayMenuComponent_ng_template_4_ng_container_2_img_2_Tem
|
|
|
22993
22993
|
i0.ɵɵpropertyInterpolate1("alt", "", ctx_r1.title, " icon'");
|
|
22994
22994
|
i0.ɵɵproperty("src", item_r4.iconSrc, i0.ɵɵsanitizeUrl);
|
|
22995
22995
|
} }
|
|
22996
|
-
function
|
|
22996
|
+
function CaseFileViewOverlayMenuComponent_ng_template_4_menu_2_Template(rf, ctx) { if (rf & 1) {
|
|
22997
22997
|
const _r3 = i0.ɵɵgetCurrentView();
|
|
22998
|
-
i0.ɵɵ
|
|
22999
|
-
i0.ɵɵ
|
|
23000
|
-
i0.ɵɵ
|
|
23001
|
-
i0.ɵɵ
|
|
23002
|
-
i0.ɵɵelementStart(3, "div", 9);
|
|
22998
|
+
i0.ɵɵelementStart(0, "menu")(1, "li", 7);
|
|
22999
|
+
i0.ɵɵlistener("click", function CaseFileViewOverlayMenuComponent_ng_template_4_menu_2_Template_li_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()); })("keyup", function CaseFileViewOverlayMenuComponent_ng_template_4_menu_2_Template_li_keyup_1_listener($event) { const item_r4 = i0.ɵɵrestoreView(_r3).$implicit; const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView($event.key === "Enter" ? ctx_r1.actionAndClose(item_r4.actionFn()) : null); });
|
|
23000
|
+
i0.ɵɵtemplate(2, CaseFileViewOverlayMenuComponent_ng_template_4_menu_2_img_2_Template, 1, 3, "img", 8);
|
|
23001
|
+
i0.ɵɵelementStart(3, "span", 9);
|
|
23003
23002
|
i0.ɵɵtext(4);
|
|
23004
|
-
i0.ɵɵelementEnd()();
|
|
23005
|
-
i0.ɵɵelementContainerEnd();
|
|
23003
|
+
i0.ɵɵelementEnd()()();
|
|
23006
23004
|
} if (rf & 2) {
|
|
23007
23005
|
const item_r4 = ctx.$implicit;
|
|
23008
23006
|
i0.ɵɵadvance(2);
|
|
@@ -23012,7 +23010,7 @@ function CaseFileViewOverlayMenuComponent_ng_template_4_ng_container_2_Template(
|
|
|
23012
23010
|
} }
|
|
23013
23011
|
function CaseFileViewOverlayMenuComponent_ng_template_4_Template(rf, ctx) { if (rf & 1) {
|
|
23014
23012
|
i0.ɵɵelementStart(0, "div", 3);
|
|
23015
|
-
i0.ɵɵtemplate(1, CaseFileViewOverlayMenuComponent_ng_template_4_ng_container_1_Template, 3, 1, "ng-container", 4)(2,
|
|
23013
|
+
i0.ɵɵtemplate(1, CaseFileViewOverlayMenuComponent_ng_template_4_ng_container_1_Template, 3, 1, "ng-container", 4)(2, CaseFileViewOverlayMenuComponent_ng_template_4_menu_2_Template, 5, 2, "menu", 5);
|
|
23016
23014
|
i0.ɵɵelementEnd();
|
|
23017
23015
|
} if (rf & 2) {
|
|
23018
23016
|
const ctx_r1 = i0.ɵɵnextContext();
|
|
@@ -23031,8 +23029,12 @@ class CaseFileViewOverlayMenuComponent {
|
|
|
23031
23029
|
this.isOpen = isOpen;
|
|
23032
23030
|
this.isOpenChange.emit(isOpen);
|
|
23033
23031
|
}
|
|
23032
|
+
actionAndClose(func) {
|
|
23033
|
+
func();
|
|
23034
|
+
this.closeOverlay();
|
|
23035
|
+
}
|
|
23034
23036
|
static ɵfac = function CaseFileViewOverlayMenuComponent_Factory(t) { return new (t || CaseFileViewOverlayMenuComponent)(); };
|
|
23035
|
-
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) {
|
|
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", "keyup"], ["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) {
|
|
23036
23038
|
const _r1 = i0.ɵɵgetCurrentView();
|
|
23037
23039
|
i0.ɵɵprojectionDef(_c0$t);
|
|
23038
23040
|
i0.ɵɵelementStart(0, "div")(1, "button", 1, 0);
|
|
@@ -23050,7 +23052,7 @@ class CaseFileViewOverlayMenuComponent {
|
|
|
23050
23052
|
}
|
|
23051
23053
|
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(CaseFileViewOverlayMenuComponent, [{
|
|
23052
23054
|
type: Component,
|
|
23053
|
-
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 <
|
|
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 <menu *ngFor=\"let item of menuItems\">\n <li class=\"overlay-menu__item\" (click)=\"item.actionFn(); closeOverlay();\" (keyup)=\"$event.key === 'Enter' ? actionAndClose(item.actionFn()) : null\">\n <img *ngIf=\"item.iconSrc\" [src]=\"item.iconSrc\" class=\"overlay-menu__itemIcon\" alt=\"{{title}} icon'\" />\n <span class=\"overlay-menu__actionText\">{{item.actionText}}</span>\n </li>\n </menu>\n </div>\n </ng-template>\n</div>\n", styles: [".overlay-toggle{display:block;background:none;border:0;padding:0 6px;margin-right:-4px;cursor:pointer}.overlay-menu{background-color:#fafafa;border:1px solid grey;margin-top:8px;font-size:1rem}.overlay-menu__title,.overlay-menu__item{padding:10px;border-bottom:1px solid grey}.overlay-menu__title:last-child,.overlay-menu__item:last-child{border:none}.overlay-menu__title{padding-left:6px;padding-right:6px}.overlay-menu__item{display:flex;align-items:center;cursor:pointer;font-size:.875em}.overlay-menu__item:hover{background-color:#fff2cc}.overlay-menu__itemIcon{height:1.25em;width:1.25em;margin-right:6px}\n"] }]
|
|
23054
23056
|
}], null, { title: [{
|
|
23055
23057
|
type: Input
|
|
23056
23058
|
}], menuItems: [{
|
|
@@ -30668,14 +30670,16 @@ function PaginationComponent_ul_4_li_5_ng_container_2_Template(rf, ctx) { if (rf
|
|
|
30668
30670
|
} if (rf & 2) {
|
|
30669
30671
|
const page_r6 = i0.ɵɵnextContext().$implicit;
|
|
30670
30672
|
const ctx_r3 = i0.ɵɵnextContext(2);
|
|
30671
|
-
i0.ɵɵadvance(
|
|
30672
|
-
i0.ɵɵ
|
|
30673
|
+
i0.ɵɵadvance();
|
|
30674
|
+
i0.ɵɵattribute("aria-label", ctx_r3.screenReaderCurrentLabel + " " + page_r6.label);
|
|
30675
|
+
i0.ɵɵadvance();
|
|
30676
|
+
i0.ɵɵtextInterpolate1("", i0.ɵɵpipeBind1(3, 3, ctx_r3.screenReaderCurrentLabel), " ");
|
|
30673
30677
|
i0.ɵɵadvance(3);
|
|
30674
|
-
i0.ɵɵtextInterpolate(page_r6.label === "..." ? page_r6.label : i0.ɵɵpipeBind2(6,
|
|
30678
|
+
i0.ɵɵtextInterpolate(page_r6.label === "..." ? page_r6.label : i0.ɵɵpipeBind2(6, 5, page_r6.label, ""));
|
|
30675
30679
|
} }
|
|
30676
30680
|
function PaginationComponent_ul_4_li_5_Template(rf, ctx) { if (rf & 1) {
|
|
30677
30681
|
i0.ɵɵelementStart(0, "li");
|
|
30678
|
-
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,
|
|
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, 8, "ng-container", 11);
|
|
30679
30683
|
i0.ɵɵelementEnd();
|
|
30680
30684
|
} if (rf & 2) {
|
|
30681
30685
|
const page_r6 = ctx.$implicit;
|
|
@@ -30812,7 +30816,7 @@ class PaginationComponent {
|
|
|
30812
30816
|
}
|
|
30813
30817
|
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(PaginationComponent, [{
|
|
30814
30818
|
type: Component,
|
|
30815
|
-
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"] }]
|
|
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\" [attr.aria-label]=\"screenReaderCurrentLabel + ' ' + page.label\">{{ 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"] }]
|
|
30816
30820
|
}], null, { visibilityLabel: [{
|
|
30817
30821
|
type: Input
|
|
30818
30822
|
}], id: [{
|
|
@@ -30843,10 +30847,10 @@ class PaginationComponent {
|
|
|
30843
30847
|
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(PaginationComponent, { className: "PaginationComponent", filePath: "lib/shared/components/pagination/pagination.component.ts", lineNumber: 12 }); })();
|
|
30844
30848
|
|
|
30845
30849
|
const _c0$c = (a0, a1, a2) => ({ itemsPerPage: a0, currentPage: a1, totalItems: a2 });
|
|
30846
|
-
function
|
|
30850
|
+
function CaseListComponent_td_6_Template(rf, ctx) { if (rf & 1) {
|
|
30847
30851
|
const _r1 = i0.ɵɵgetCurrentView();
|
|
30848
|
-
i0.ɵɵelementStart(0, "
|
|
30849
|
-
i0.ɵɵlistener("change", function
|
|
30852
|
+
i0.ɵɵelementStart(0, "td", 8)(1, "div", 9)(2, "input", 10);
|
|
30853
|
+
i0.ɵɵlistener("change", function CaseListComponent_td_6_Template_input_change_2_listener() { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.selectAll()); });
|
|
30850
30854
|
i0.ɵɵelementEnd();
|
|
30851
30855
|
i0.ɵɵelement(3, "label", 11);
|
|
30852
30856
|
i0.ɵɵelementEnd()();
|
|
@@ -30854,9 +30858,11 @@ function CaseListComponent_th_6_Template(rf, ctx) { if (rf & 1) {
|
|
|
30854
30858
|
const ctx_r1 = i0.ɵɵnextContext();
|
|
30855
30859
|
i0.ɵɵadvance(2);
|
|
30856
30860
|
i0.ɵɵproperty("checked", ctx_r1.allOnPageSelected())("disabled", !ctx_r1.canAnyBeShared());
|
|
30861
|
+
i0.ɵɵadvance();
|
|
30862
|
+
i0.ɵɵattribute("aria-labelledby", "select-all");
|
|
30857
30863
|
} }
|
|
30858
30864
|
function CaseListComponent_th_7_Template(rf, ctx) { if (rf & 1) {
|
|
30859
|
-
i0.ɵɵelementStart(0, "th",
|
|
30865
|
+
i0.ɵɵelementStart(0, "th", 12);
|
|
30860
30866
|
i0.ɵɵtext(1);
|
|
30861
30867
|
i0.ɵɵpipe(2, "rpxTranslate");
|
|
30862
30868
|
i0.ɵɵelementEnd();
|
|
@@ -30867,10 +30873,10 @@ function CaseListComponent_th_7_Template(rf, ctx) { if (rf & 1) {
|
|
|
30867
30873
|
} }
|
|
30868
30874
|
function CaseListComponent_ng_container_9_th_2_Template(rf, ctx) { if (rf & 1) {
|
|
30869
30875
|
const _r4 = i0.ɵɵgetCurrentView();
|
|
30870
|
-
i0.ɵɵelementStart(0, "th",
|
|
30876
|
+
i0.ɵɵelementStart(0, "th", 15)(1, "div", 9)(2, "input", 16);
|
|
30871
30877
|
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)); });
|
|
30872
30878
|
i0.ɵɵelementEnd();
|
|
30873
|
-
i0.ɵɵelement(3, "label",
|
|
30879
|
+
i0.ɵɵelement(3, "label", 17);
|
|
30874
30880
|
i0.ɵɵelementEnd()();
|
|
30875
30881
|
} if (rf & 2) {
|
|
30876
30882
|
const c_r5 = i0.ɵɵnextContext().$implicit;
|
|
@@ -30881,6 +30887,7 @@ function CaseListComponent_ng_container_9_th_2_Template(rf, ctx) { if (rf & 1) {
|
|
|
30881
30887
|
i0.ɵɵproperty("checked", ctx_r1.isSelected(c_r5))("disabled", !ctx_r1.canBeShared(c_r5));
|
|
30882
30888
|
i0.ɵɵadvance();
|
|
30883
30889
|
i0.ɵɵpropertyInterpolate1("for", "select-", c_r5[ctx_r1.tableConfig.idField], "");
|
|
30890
|
+
i0.ɵɵattribute("aria-labelledby", "select-" + c_r5[ctx_r1.tableConfig.idField]);
|
|
30884
30891
|
} }
|
|
30885
30892
|
function CaseListComponent_ng_container_9_ng_container_3_th_1_ng_container_1_Template(rf, ctx) { if (rf & 1) {
|
|
30886
30893
|
i0.ɵɵelementContainerStart(0);
|
|
@@ -30895,7 +30902,7 @@ function CaseListComponent_ng_container_9_ng_container_3_th_1_ng_container_1_Tem
|
|
|
30895
30902
|
} }
|
|
30896
30903
|
function CaseListComponent_ng_container_9_ng_container_3_th_1_ng_container_2_Template(rf, ctx) { if (rf & 1) {
|
|
30897
30904
|
i0.ɵɵelementContainerStart(0);
|
|
30898
|
-
i0.ɵɵelementStart(1, "a",
|
|
30905
|
+
i0.ɵɵelementStart(1, "a", 20);
|
|
30899
30906
|
i0.ɵɵtext(2);
|
|
30900
30907
|
i0.ɵɵpipe(3, "rpxTranslate");
|
|
30901
30908
|
i0.ɵɵelementEnd();
|
|
@@ -30909,8 +30916,8 @@ function CaseListComponent_ng_container_9_ng_container_3_th_1_ng_container_2_Tem
|
|
|
30909
30916
|
i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(3, 2, c_r5[col_r6.key]));
|
|
30910
30917
|
} }
|
|
30911
30918
|
function CaseListComponent_ng_container_9_ng_container_3_th_1_Template(rf, ctx) { if (rf & 1) {
|
|
30912
|
-
i0.ɵɵelementStart(0, "th",
|
|
30913
|
-
i0.ɵɵtemplate(1, CaseListComponent_ng_container_9_ng_container_3_th_1_ng_container_1_Template, 3, 3, "ng-container",
|
|
30919
|
+
i0.ɵɵelementStart(0, "th", 15);
|
|
30920
|
+
i0.ɵɵtemplate(1, CaseListComponent_ng_container_9_ng_container_3_th_1_ng_container_1_Template, 3, 3, "ng-container", 19)(2, CaseListComponent_ng_container_9_ng_container_3_th_1_ng_container_2_Template, 4, 4, "ng-container", 19);
|
|
30914
30921
|
i0.ɵɵelementEnd();
|
|
30915
30922
|
} if (rf & 2) {
|
|
30916
30923
|
const col_r6 = i0.ɵɵnextContext().$implicit;
|
|
@@ -30922,7 +30929,7 @@ function CaseListComponent_ng_container_9_ng_container_3_th_1_Template(rf, ctx)
|
|
|
30922
30929
|
} }
|
|
30923
30930
|
function CaseListComponent_ng_container_9_ng_container_3_td_2_ng_container_1_Template(rf, ctx) { if (rf & 1) {
|
|
30924
30931
|
i0.ɵɵelementContainerStart(0);
|
|
30925
|
-
i0.ɵɵelementStart(1, "a",
|
|
30932
|
+
i0.ɵɵelementStart(1, "a", 20);
|
|
30926
30933
|
i0.ɵɵtext(2);
|
|
30927
30934
|
i0.ɵɵpipe(3, "rpxTranslate");
|
|
30928
30935
|
i0.ɵɵelementEnd();
|
|
@@ -30980,8 +30987,8 @@ function CaseListComponent_ng_container_9_ng_container_3_td_2_ng_container_5_Tem
|
|
|
30980
30987
|
i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(2, 1, c_r5[col_r6.key]));
|
|
30981
30988
|
} }
|
|
30982
30989
|
function CaseListComponent_ng_container_9_ng_container_3_td_2_Template(rf, ctx) { if (rf & 1) {
|
|
30983
|
-
i0.ɵɵelementStart(0, "td",
|
|
30984
|
-
i0.ɵɵtemplate(1, CaseListComponent_ng_container_9_ng_container_3_td_2_ng_container_1_Template, 4, 4, "ng-container",
|
|
30990
|
+
i0.ɵɵelementStart(0, "td", 21);
|
|
30991
|
+
i0.ɵɵtemplate(1, CaseListComponent_ng_container_9_ng_container_3_td_2_ng_container_1_Template, 4, 4, "ng-container", 19)(2, CaseListComponent_ng_container_9_ng_container_3_td_2_ng_container_2_Template, 3, 4, "ng-container", 22)(3, CaseListComponent_ng_container_9_ng_container_3_td_2_ng_container_3_Template, 2, 1, "ng-container", 22)(4, CaseListComponent_ng_container_9_ng_container_3_td_2_ng_container_4_Template, 2, 1, "ng-container", 22)(5, CaseListComponent_ng_container_9_ng_container_3_td_2_ng_container_5_Template, 3, 3, "ng-container", 23);
|
|
30985
30992
|
i0.ɵɵelementEnd();
|
|
30986
30993
|
} if (rf & 2) {
|
|
30987
30994
|
const col_r6 = i0.ɵɵnextContext().$implicit;
|
|
@@ -30998,7 +31005,7 @@ function CaseListComponent_ng_container_9_ng_container_3_td_2_Template(rf, ctx)
|
|
|
30998
31005
|
} }
|
|
30999
31006
|
function CaseListComponent_ng_container_9_ng_container_3_Template(rf, ctx) { if (rf & 1) {
|
|
31000
31007
|
i0.ɵɵelementContainerStart(0);
|
|
31001
|
-
i0.ɵɵtemplate(1, CaseListComponent_ng_container_9_ng_container_3_th_1_Template, 3, 2, "th",
|
|
31008
|
+
i0.ɵɵtemplate(1, CaseListComponent_ng_container_9_ng_container_3_th_1_Template, 3, 2, "th", 14)(2, CaseListComponent_ng_container_9_ng_container_3_td_2_Template, 6, 5, "td", 18);
|
|
31002
31009
|
i0.ɵɵelementContainerEnd();
|
|
31003
31010
|
} if (rf & 2) {
|
|
31004
31011
|
const isFirst_r7 = ctx.first;
|
|
@@ -31010,8 +31017,8 @@ function CaseListComponent_ng_container_9_ng_container_3_Template(rf, ctx) { if
|
|
|
31010
31017
|
} }
|
|
31011
31018
|
function CaseListComponent_ng_container_9_Template(rf, ctx) { if (rf & 1) {
|
|
31012
31019
|
i0.ɵɵelementContainerStart(0);
|
|
31013
|
-
i0.ɵɵelementStart(1, "tr",
|
|
31014
|
-
i0.ɵɵtemplate(2, CaseListComponent_ng_container_9_th_2_Template, 4,
|
|
31020
|
+
i0.ɵɵelementStart(1, "tr", 13);
|
|
31021
|
+
i0.ɵɵtemplate(2, CaseListComponent_ng_container_9_th_2_Template, 4, 9, "th", 14)(3, CaseListComponent_ng_container_9_ng_container_3_Template, 3, 2, "ng-container", 6);
|
|
31015
31022
|
i0.ɵɵelementEnd();
|
|
31016
31023
|
i0.ɵɵelementContainerEnd();
|
|
31017
31024
|
} if (rf & 2) {
|
|
@@ -31023,7 +31030,7 @@ function CaseListComponent_ng_container_9_Template(rf, ctx) { if (rf & 1) {
|
|
|
31023
31030
|
} }
|
|
31024
31031
|
function CaseListComponent_ccd_pagination_11_Template(rf, ctx) { if (rf & 1) {
|
|
31025
31032
|
const _r8 = i0.ɵɵgetCurrentView();
|
|
31026
|
-
i0.ɵɵelementStart(0, "ccd-pagination",
|
|
31033
|
+
i0.ɵɵelementStart(0, "ccd-pagination", 24);
|
|
31027
31034
|
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)); });
|
|
31028
31035
|
i0.ɵɵelementEnd();
|
|
31029
31036
|
} }
|
|
@@ -31124,13 +31131,13 @@ class CaseListComponent {
|
|
|
31124
31131
|
this.pageChange.emit(pageNumber);
|
|
31125
31132
|
}
|
|
31126
31133
|
static ɵfac = function CaseListComponent_Factory(t) { return new (t || CaseListComponent)(i0.ɵɵdirectiveInject(BrowserService)); };
|
|
31127
|
-
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",
|
|
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"], ["scope", "col", 1, "govuk-table__header"], ["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) {
|
|
31128
31135
|
i0.ɵɵelementStart(0, "table")(1, "caption", 0);
|
|
31129
31136
|
i0.ɵɵtext(2);
|
|
31130
31137
|
i0.ɵɵpipe(3, "rpxTranslate");
|
|
31131
31138
|
i0.ɵɵelementEnd();
|
|
31132
31139
|
i0.ɵɵelementStart(4, "thead", 1)(5, "tr", 2);
|
|
31133
|
-
i0.ɵɵtemplate(6,
|
|
31140
|
+
i0.ɵɵtemplate(6, CaseListComponent_td_6_Template, 4, 3, "td", 3)(7, CaseListComponent_th_7_Template, 3, 3, "th", 4);
|
|
31134
31141
|
i0.ɵɵelementEnd()();
|
|
31135
31142
|
i0.ɵɵelementStart(8, "tbody", 5);
|
|
31136
31143
|
i0.ɵɵtemplate(9, CaseListComponent_ng_container_9_Template, 4, 2, "ng-container", 6);
|
|
@@ -31153,7 +31160,7 @@ class CaseListComponent {
|
|
|
31153
31160
|
}
|
|
31154
31161
|
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(CaseListComponent, [{
|
|
31155
31162
|
type: Component,
|
|
31156
|
-
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 <
|
|
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 <td class=\"govuk-table__header\" *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\" [attr.aria-labelledby]=\"'select-all'\">\n </label>\n </div>\n </td>\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] }}\" [attr.aria-labelledby]=\"'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" }]
|
|
31157
31164
|
}], () => [{ type: BrowserService }], { classes: [{
|
|
31158
31165
|
type: Input
|
|
31159
31166
|
}], caption: [{
|