@hmcts/ccd-case-ui-toolkit 7.1.51-ongoing-accessibility-v1.20 → 7.1.51-ongoing-accessibility-v1.22
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.
|
@@ -35,14 +35,17 @@ function CaseFileViewOverlayMenuComponent_ng_template_4_ng_container_2_Template(
|
|
|
35
35
|
i0.ɵɵelementContainerEnd();
|
|
36
36
|
} if (rf & 2) {
|
|
37
37
|
const item_r4 = ctx.$implicit;
|
|
38
|
-
|
|
38
|
+
const i_r5 = ctx.index;
|
|
39
|
+
i0.ɵɵadvance();
|
|
40
|
+
i0.ɵɵproperty("id", "overlay-menu__item" + i_r5);
|
|
41
|
+
i0.ɵɵadvance();
|
|
39
42
|
i0.ɵɵproperty("ngIf", item_r4.iconSrc);
|
|
40
43
|
i0.ɵɵadvance(2);
|
|
41
44
|
i0.ɵɵtextInterpolate(item_r4.actionText);
|
|
42
45
|
} }
|
|
43
46
|
function CaseFileViewOverlayMenuComponent_ng_template_4_Template(rf, ctx) { if (rf & 1) {
|
|
44
47
|
i0.ɵɵelementStart(0, "div", 3);
|
|
45
|
-
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,
|
|
48
|
+
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, 3, "ng-container", 5);
|
|
46
49
|
i0.ɵɵelementEnd();
|
|
47
50
|
} if (rf & 2) {
|
|
48
51
|
const ctx_r1 = i0.ɵɵnextContext();
|
|
@@ -60,11 +63,11 @@ export class CaseFileViewOverlayMenuComponent {
|
|
|
60
63
|
this.isOpen = !this.isOpen;
|
|
61
64
|
if (this.isOpen) {
|
|
62
65
|
console.log('open');
|
|
63
|
-
const el = document.
|
|
64
|
-
console.log("
|
|
66
|
+
const el = document.getElementById(".overlay-menu__item0");
|
|
67
|
+
console.log("element =", el);
|
|
65
68
|
setTimeout(() => {
|
|
66
|
-
el
|
|
67
|
-
console.log("element to focus=", el
|
|
69
|
+
el.focus();
|
|
70
|
+
console.log("element to focus=", el);
|
|
68
71
|
}, 0);
|
|
69
72
|
}
|
|
70
73
|
}
|
|
@@ -78,7 +81,7 @@ export class CaseFileViewOverlayMenuComponent {
|
|
|
78
81
|
this.closeOverlay();
|
|
79
82
|
}
|
|
80
83
|
static ɵfac = function CaseFileViewOverlayMenuComponent_Factory(t) { return new (t || CaseFileViewOverlayMenuComponent)(); };
|
|
81
|
-
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, 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"], ["tabindex", "0",
|
|
84
|
+
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, 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"], ["tabindex", "0", 1, "overlay-menu__item", 3, "click", "keyup", "id"], ["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) {
|
|
82
85
|
const _r1 = i0.ɵɵgetCurrentView();
|
|
83
86
|
i0.ɵɵprojectionDef(_c0);
|
|
84
87
|
i0.ɵɵelementStart(0, "div")(1, "button", 1, 0);
|
|
@@ -89,14 +92,14 @@ export class CaseFileViewOverlayMenuComponent {
|
|
|
89
92
|
i0.ɵɵlistener("backdropClick", function CaseFileViewOverlayMenuComponent_Template_ng_template_backdropClick_4_listener() { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView(ctx.closeOverlay()); });
|
|
90
93
|
i0.ɵɵelementEnd();
|
|
91
94
|
} if (rf & 2) {
|
|
92
|
-
const
|
|
95
|
+
const trigger_r6 = i0.ɵɵreference(2);
|
|
93
96
|
i0.ɵɵadvance(4);
|
|
94
|
-
i0.ɵɵproperty("cdkConnectedOverlayOrigin",
|
|
97
|
+
i0.ɵɵproperty("cdkConnectedOverlayOrigin", trigger_r6)("cdkConnectedOverlayOpen", ctx.isOpen)("cdkConnectedOverlayHasBackdrop", true)("cdkConnectedOverlayBackdropClass", "cdk-overlay-transparent-backdrop");
|
|
95
98
|
} }, dependencies: [i1.NgForOf, i1.NgIf, i2.CdkConnectedOverlay, i2.CdkOverlayOrigin], styles: [".overlay-toggle[_ngcontent-%COMP%]{display:block;background:none;border:0;padding:0 6px;margin-right:-4px;cursor:pointer}.overlay-menu[_ngcontent-%COMP%]{background-color:#fafafa;border:1px solid grey;margin-top:8px;font-size:1rem}.overlay-menu__title[_ngcontent-%COMP%], .overlay-menu__item[_ngcontent-%COMP%]{padding:10px;border-bottom:1px solid grey}.overlay-menu__title[_ngcontent-%COMP%]:last-child, .overlay-menu__item[_ngcontent-%COMP%]:last-child{border:none}.overlay-menu__title[_ngcontent-%COMP%]{padding-left:6px;padding-right:6px}.overlay-menu__item[_ngcontent-%COMP%]{display:flex;align-items:center;cursor:pointer;font-size:.875em}.overlay-menu__item[_ngcontent-%COMP%]:hover{background-color:#fff2cc}.overlay-menu__item[_ngcontent-%COMP%]:focus{border:2px solid #ffbf47}.overlay-menu__itemIcon[_ngcontent-%COMP%]{height:1.25em;width:1.25em;margin-right:6px}"] });
|
|
96
99
|
}
|
|
97
100
|
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(CaseFileViewOverlayMenuComponent, [{
|
|
98
101
|
type: Component,
|
|
99
|
-
args: [{ selector: 'ccd-case-file-view-overlay-menu', template: "<div>\n <button type=\"button\" class=\"overlay-toggle\"\n (click)=\"$event.stopPropagation(); setOpen()\"\n cdkOverlayOrigin #trigger=\"cdkOverlayOrigin\">\n <ng-content select=\"[trigger]\"></ng-content>\n </button>\n\n <ng-template\n cdkConnectedOverlay\n [cdkConnectedOverlayOrigin]=\"trigger\"\n [cdkConnectedOverlayOpen]=\"isOpen\"\n [cdkConnectedOverlayHasBackdrop]=\"true\"\n [cdkConnectedOverlayBackdropClass]=\"'cdk-overlay-transparent-backdrop'\"\n (backdropClick)=\"closeOverlay()\"\n >\n <div class=\"overlay-menu\">\n <ng-container *ngIf=\"title\">\n <div class=\"overlay-menu__title\">{{title}}</div>\n </ng-container>\n\n <ng-container *ngFor=\"let item of menuItems; index as i\">\n <li class=\"overlay-menu__item\" tabindex=\"0\"
|
|
102
|
+
args: [{ selector: 'ccd-case-file-view-overlay-menu', template: "<div>\n <button type=\"button\" class=\"overlay-toggle\"\n (click)=\"$event.stopPropagation(); setOpen()\"\n cdkOverlayOrigin #trigger=\"cdkOverlayOrigin\">\n <ng-content select=\"[trigger]\"></ng-content>\n </button>\n\n <ng-template\n cdkConnectedOverlay\n [cdkConnectedOverlayOrigin]=\"trigger\"\n [cdkConnectedOverlayOpen]=\"isOpen\"\n [cdkConnectedOverlayHasBackdrop]=\"true\"\n [cdkConnectedOverlayBackdropClass]=\"'cdk-overlay-transparent-backdrop'\"\n (backdropClick)=\"closeOverlay()\"\n >\n <div class=\"overlay-menu\">\n <ng-container *ngIf=\"title\">\n <div class=\"overlay-menu__title\">{{title}}</div>\n </ng-container>\n\n <ng-container *ngFor=\"let item of menuItems; index as i\">\n <li class=\"overlay-menu__item\" tabindex=\"0\" [id]=\"'overlay-menu__item' + i\" (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 </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__item:focus{border:2px solid #ffbf47}.overlay-menu__itemIcon{height:1.25em;width:1.25em;margin-right:6px}\n"] }]
|
|
100
103
|
}], null, { title: [{
|
|
101
104
|
type: Input
|
|
102
105
|
}], menuItems: [{
|
|
@@ -107,4 +110,4 @@ export class CaseFileViewOverlayMenuComponent {
|
|
|
107
110
|
type: Output
|
|
108
111
|
}] }); })();
|
|
109
112
|
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(CaseFileViewOverlayMenuComponent, { className: "CaseFileViewOverlayMenuComponent", filePath: "lib/shared/components/palette/case-file-view/components/shared/case-file-view-overlay-menu/case-file-view-overlay-menu.component.ts", lineNumber: 9 }); })();
|
|
110
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
113
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2FzZS1maWxlLXZpZXctb3ZlcmxheS1tZW51LmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2NjZC1jYXNlLXVpLXRvb2xraXQvc3JjL2xpYi9zaGFyZWQvY29tcG9uZW50cy9wYWxldHRlL2Nhc2UtZmlsZS12aWV3L2NvbXBvbmVudHMvc2hhcmVkL2Nhc2UtZmlsZS12aWV3LW92ZXJsYXktbWVudS9jYXNlLWZpbGUtdmlldy1vdmVybGF5LW1lbnUuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvY2NkLWNhc2UtdWktdG9vbGtpdC9zcmMvbGliL3NoYXJlZC9jb21wb25lbnRzL3BhbGV0dGUvY2FzZS1maWxlLXZpZXcvY29tcG9uZW50cy9zaGFyZWQvY2FzZS1maWxlLXZpZXctb3ZlcmxheS1tZW51L2Nhc2UtZmlsZS12aWV3LW92ZXJsYXktbWVudS5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLFlBQVksRUFBRSxLQUFLLEVBQUUsTUFBTSxFQUFFLE1BQU0sZUFBZSxDQUFDOzs7Ozs7O0lDZ0JqRSw2QkFBNEI7SUFDMUIsOEJBQWlDO0lBQUEsWUFBUztJQUFBLGlCQUFNOzs7O0lBQWYsZUFBUztJQUFULGtDQUFTOzs7SUFLeEMsMEJBQXNHOzs7O0lBQXhCLDREQUFxQjtJQUF6RSx1REFBb0I7Ozs7SUFGbEQsNkJBQXlEO0lBQ3ZELDZCQUFpTTtJQUExRSxBQUEzQyxvTkFBUyxrQkFBZSx3QkFBRSxxQkFBYyxLQUFFLGtQQUF5QixPQUFPLEdBQUcsc0JBQWUsa0JBQWUsQ0FBQyxHQUFHLElBQUksS0FBQztJQUM5TCw4R0FBc0c7SUFDdEcsK0JBQXVDO0lBQUEsWUFBbUI7SUFDNUQsQUFENEQsaUJBQU8sRUFDOUQ7Ozs7O0lBSHVDLGNBQStCO0lBQS9CLGdEQUErQjtJQUNuRSxjQUFrQjtJQUFsQixzQ0FBa0I7SUFDZSxlQUFtQjtJQUFuQix3Q0FBbUI7OztJQVJoRSw4QkFBMEI7SUFLeEIsQUFKQSxpSEFBNEIsb0dBSTZCO0lBTTNELGlCQUFNOzs7SUFWVyxjQUFXO0lBQVgsbUNBQVc7SUFJSyxjQUFjO0lBQWQsMENBQWM7O0FEWm5ELE1BQU0sT0FBTyxnQ0FBZ0M7SUFDM0IsS0FBSyxHQUFXLEVBQUUsQ0FBQztJQUNuQixTQUFTLENBQWdDO0lBRXpDLE1BQU0sR0FBRyxLQUFLLENBQUM7SUFDZCxZQUFZLEdBQUcsSUFBSSxZQUFZLEVBQVcsQ0FBQztJQUVyRCxPQUFPO1FBQ1osSUFBSSxDQUFDLE1BQU0sR0FBRyxDQUFDLElBQUksQ0FBQyxNQUFNLENBQUM7UUFDM0IsSUFBRyxJQUFJLENBQUMsTUFBTSxFQUFFLENBQUM7WUFDZixPQUFPLENBQUMsR0FBRyxDQUFDLE1BQU0sQ0FBQyxDQUFDO1lBQ3BCLE1BQU0sRUFBRSxHQUFHLFFBQVEsQ0FBQyxjQUFjLENBQUMsc0JBQXNCLENBQUMsQ0FBQztZQUMzRCxPQUFPLENBQUMsR0FBRyxDQUFDLFdBQVcsRUFBRSxFQUFFLENBQUMsQ0FBQztZQUM3QixVQUFVLENBQUMsR0FBRSxFQUFFO2dCQUNaLEVBQWtCLENBQUMsS0FBSyxFQUFFLENBQUM7Z0JBQzVCLE9BQU8sQ0FBQyxHQUFHLENBQUMsbUJBQW1CLEVBQUUsRUFBRSxDQUFDLENBQUM7WUFDdkMsQ0FBQyxFQUFDLENBQUMsQ0FBQyxDQUFDO1FBQ1AsQ0FBQztJQUNILENBQUM7SUFFTSxZQUFZO1FBQ2pCLE1BQU0sTUFBTSxHQUFHLEtBQUssQ0FBQztRQUVyQixJQUFJLENBQUMsTUFBTSxHQUFHLE1BQU0sQ0FBQztRQUNyQixJQUFJLENBQUMsWUFBWSxDQUFDLElBQUksQ0FBQyxNQUFNLENBQUMsQ0FBQztJQUNqQyxDQUFDO0lBRU0sY0FBYyxDQUFDLElBQVM7UUFDN0IsSUFBSSxFQUFFLENBQUM7UUFDUCxJQUFJLENBQUMsWUFBWSxFQUFFLENBQUM7SUFDdEIsQ0FBQzswRkE5QlUsZ0NBQWdDOzZEQUFoQyxnQ0FBZ0M7OztZQ1AzQyxBQURGLDJCQUFLLG1CQUdrRDtZQUQ3QyxtSUFBUyx3QkFBd0Isd0JBQUUsYUFBUyxLQUFDO1lBRW5ELGtCQUE0QztZQUM5QyxpQkFBUztZQUVULGlHQU9DO1lBREMsd0tBQWlCLGtCQUFjLEtBQUM7WUFlcEMsaUJBQU07OztZQW5CRixlQUFxQztZQUdyQyxBQURBLEFBREEsQUFEQSxzREFBcUMsdUNBQ0gsd0NBQ0ssd0VBQ2dDOzs7aUZESjlELGdDQUFnQztjQUw1QyxTQUFTOzJCQUNFLGlDQUFpQztnQkFLM0IsS0FBSztrQkFBcEIsS0FBSztZQUNVLFNBQVM7a0JBQXhCLEtBQUs7WUFFVSxNQUFNO2tCQUFyQixLQUFLO1lBQ1csWUFBWTtrQkFBNUIsTUFBTTs7a0ZBTEksZ0NBQWdDIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBFdmVudEVtaXR0ZXIsIElucHV0LCBPdXRwdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IENhc2VGaWxlVmlld092ZXJsYXlNZW51SXRlbSB9IGZyb20gJy4vY2FzZS1maWxlLXZpZXctb3ZlcmxheS1tZW51LWl0ZW0ubW9kZWwnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdjY2QtY2FzZS1maWxlLXZpZXctb3ZlcmxheS1tZW51JyxcbiAgdGVtcGxhdGVVcmw6ICcuL2Nhc2UtZmlsZS12aWV3LW92ZXJsYXktbWVudS5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL2Nhc2UtZmlsZS12aWV3LW92ZXJsYXktbWVudS5jb21wb25lbnQuc2NzcyddXG59KVxuZXhwb3J0IGNsYXNzIENhc2VGaWxlVmlld092ZXJsYXlNZW51Q29tcG9uZW50IHtcbiAgQElucHV0KCkgcHVibGljIHRpdGxlOiBzdHJpbmcgPSAnJztcbiAgQElucHV0KCkgcHVibGljIG1lbnVJdGVtczogQ2FzZUZpbGVWaWV3T3ZlcmxheU1lbnVJdGVtW107XG5cbiAgQElucHV0KCkgcHVibGljIGlzT3BlbiA9IGZhbHNlO1xuICBAT3V0cHV0KCkgcHVibGljIGlzT3BlbkNoYW5nZSA9IG5ldyBFdmVudEVtaXR0ZXI8Ym9vbGVhbj4oKTtcblxuICBwdWJsaWMgc2V0T3BlbigpIHtcbiAgICB0aGlzLmlzT3BlbiA9ICF0aGlzLmlzT3BlbjtcbiAgICBpZih0aGlzLmlzT3Blbikge1xuICAgICAgY29uc29sZS5sb2coJ29wZW4nKTtcbiAgICAgIGNvbnN0IGVsID0gZG9jdW1lbnQuZ2V0RWxlbWVudEJ5SWQoXCIub3ZlcmxheS1tZW51X19pdGVtMFwiKTtcbiAgICAgIGNvbnNvbGUubG9nKFwiZWxlbWVudCA9XCIsIGVsKTtcbiAgICAgIHNldFRpbWVvdXQoKCk9PntcbiAgICAgICAgKGVsIGFzIEhUTUxFbGVtZW50KS5mb2N1cygpO1xuICAgICAgICBjb25zb2xlLmxvZyhcImVsZW1lbnQgdG8gZm9jdXM9XCIsIGVsKTtcbiAgICAgIH0sMCk7IFxuICAgIH1cbiAgfVxuXG4gIHB1YmxpYyBjbG9zZU92ZXJsYXkoKTogdm9pZCB7XG4gICAgY29uc3QgaXNPcGVuID0gZmFsc2U7XG5cbiAgICB0aGlzLmlzT3BlbiA9IGlzT3BlbjtcbiAgICB0aGlzLmlzT3BlbkNoYW5nZS5lbWl0KGlzT3Blbik7XG4gIH1cblxuICBwdWJsaWMgYWN0aW9uQW5kQ2xvc2UoZnVuYzogYW55KTogdm9pZCB7XG4gICAgZnVuYygpO1xuICAgIHRoaXMuY2xvc2VPdmVybGF5KCk7XG4gIH1cbn1cbiIsIjxkaXY+XG4gIDxidXR0b24gdHlwZT1cImJ1dHRvblwiIGNsYXNzPVwib3ZlcmxheS10b2dnbGVcIlxuICAgICAgICAgIChjbGljayk9XCIkZXZlbnQuc3RvcFByb3BhZ2F0aW9uKCk7IHNldE9wZW4oKVwiXG4gICAgICAgICAgY2RrT3ZlcmxheU9yaWdpbiAjdHJpZ2dlcj1cImNka092ZXJsYXlPcmlnaW5cIj5cbiAgICA8bmctY29udGVudCBzZWxlY3Q9XCJbdHJpZ2dlcl1cIj48L25nLWNvbnRlbnQ+XG4gIDwvYnV0dG9uPlxuXG4gIDxuZy10ZW1wbGF0ZVxuICAgIGNka0Nvbm5lY3RlZE92ZXJsYXlcbiAgICBbY2RrQ29ubmVjdGVkT3ZlcmxheU9yaWdpbl09XCJ0cmlnZ2VyXCJcbiAgICBbY2RrQ29ubmVjdGVkT3ZlcmxheU9wZW5dPVwiaXNPcGVuXCJcbiAgICBbY2RrQ29ubmVjdGVkT3ZlcmxheUhhc0JhY2tkcm9wXT1cInRydWVcIlxuICAgIFtjZGtDb25uZWN0ZWRPdmVybGF5QmFja2Ryb3BDbGFzc109XCInY2RrLW92ZXJsYXktdHJhbnNwYXJlbnQtYmFja2Ryb3AnXCJcbiAgICAoYmFja2Ryb3BDbGljayk9XCJjbG9zZU92ZXJsYXkoKVwiXG4gID5cbiAgICA8ZGl2IGNsYXNzPVwib3ZlcmxheS1tZW51XCI+XG4gICAgICA8bmctY29udGFpbmVyICpuZ0lmPVwidGl0bGVcIj5cbiAgICAgICAgPGRpdiBjbGFzcz1cIm92ZXJsYXktbWVudV9fdGl0bGVcIj57e3RpdGxlfX08L2Rpdj5cbiAgICAgIDwvbmctY29udGFpbmVyPlxuXG4gICAgICA8bmctY29udGFpbmVyICpuZ0Zvcj1cImxldCBpdGVtIG9mIG1lbnVJdGVtczsgaW5kZXggYXMgaVwiPlxuICAgICAgICA8bGkgY2xhc3M9XCJvdmVybGF5LW1lbnVfX2l0ZW1cIiB0YWJpbmRleD1cIjBcIiBbaWRdPVwiJ292ZXJsYXktbWVudV9faXRlbScgKyBpXCIgKGNsaWNrKT1cIml0ZW0uYWN0aW9uRm4oKTsgY2xvc2VPdmVybGF5KCk7XCIgKGtleXVwKT1cIiRldmVudC5rZXkgPT09ICdFbnRlcicgPyBhY3Rpb25BbmRDbG9zZShpdGVtLmFjdGlvbkZuKCkpIDogbnVsbFwiPlxuICAgICAgICAgIDxpbWcgKm5nSWY9XCJpdGVtLmljb25TcmNcIiBbc3JjXT1cIml0ZW0uaWNvblNyY1wiIGNsYXNzPVwib3ZlcmxheS1tZW51X19pdGVtSWNvblwiIGFsdD1cInt7dGl0bGV9fSBpY29uJ1wiIC8+XG4gICAgICAgICAgPHNwYW4gY2xhc3M9XCJvdmVybGF5LW1lbnVfX2FjdGlvblRleHRcIj57e2l0ZW0uYWN0aW9uVGV4dH19PC9zcGFuPlxuICAgICAgICA8L2xpPlxuICAgICAgPC9uZy1jb250YWluZXI+XG4gICAgPC9kaXY+XG4gIDwvbmctdGVtcGxhdGU+XG48L2Rpdj5cbiJdfQ==
|
|
@@ -23747,14 +23747,17 @@ function CaseFileViewOverlayMenuComponent_ng_template_4_ng_container_2_Template(
|
|
|
23747
23747
|
i0.ɵɵelementContainerEnd();
|
|
23748
23748
|
} if (rf & 2) {
|
|
23749
23749
|
const item_r4 = ctx.$implicit;
|
|
23750
|
-
|
|
23750
|
+
const i_r5 = ctx.index;
|
|
23751
|
+
i0.ɵɵadvance();
|
|
23752
|
+
i0.ɵɵproperty("id", "overlay-menu__item" + i_r5);
|
|
23753
|
+
i0.ɵɵadvance();
|
|
23751
23754
|
i0.ɵɵproperty("ngIf", item_r4.iconSrc);
|
|
23752
23755
|
i0.ɵɵadvance(2);
|
|
23753
23756
|
i0.ɵɵtextInterpolate(item_r4.actionText);
|
|
23754
23757
|
} }
|
|
23755
23758
|
function CaseFileViewOverlayMenuComponent_ng_template_4_Template(rf, ctx) { if (rf & 1) {
|
|
23756
23759
|
i0.ɵɵelementStart(0, "div", 3);
|
|
23757
|
-
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,
|
|
23760
|
+
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, 3, "ng-container", 5);
|
|
23758
23761
|
i0.ɵɵelementEnd();
|
|
23759
23762
|
} if (rf & 2) {
|
|
23760
23763
|
const ctx_r1 = i0.ɵɵnextContext();
|
|
@@ -23772,11 +23775,11 @@ class CaseFileViewOverlayMenuComponent {
|
|
|
23772
23775
|
this.isOpen = !this.isOpen;
|
|
23773
23776
|
if (this.isOpen) {
|
|
23774
23777
|
console.log('open');
|
|
23775
|
-
const el = document.
|
|
23776
|
-
console.log("
|
|
23778
|
+
const el = document.getElementById(".overlay-menu__item0");
|
|
23779
|
+
console.log("element =", el);
|
|
23777
23780
|
setTimeout(() => {
|
|
23778
|
-
el
|
|
23779
|
-
console.log("element to focus=", el
|
|
23781
|
+
el.focus();
|
|
23782
|
+
console.log("element to focus=", el);
|
|
23780
23783
|
}, 0);
|
|
23781
23784
|
}
|
|
23782
23785
|
}
|
|
@@ -23790,7 +23793,7 @@ class CaseFileViewOverlayMenuComponent {
|
|
|
23790
23793
|
this.closeOverlay();
|
|
23791
23794
|
}
|
|
23792
23795
|
static ɵfac = function CaseFileViewOverlayMenuComponent_Factory(t) { return new (t || CaseFileViewOverlayMenuComponent)(); };
|
|
23793
|
-
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"], ["tabindex", "0",
|
|
23796
|
+
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"], ["tabindex", "0", 1, "overlay-menu__item", 3, "click", "keyup", "id"], ["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) {
|
|
23794
23797
|
const _r1 = i0.ɵɵgetCurrentView();
|
|
23795
23798
|
i0.ɵɵprojectionDef(_c0$t);
|
|
23796
23799
|
i0.ɵɵelementStart(0, "div")(1, "button", 1, 0);
|
|
@@ -23801,14 +23804,14 @@ class CaseFileViewOverlayMenuComponent {
|
|
|
23801
23804
|
i0.ɵɵlistener("backdropClick", function CaseFileViewOverlayMenuComponent_Template_ng_template_backdropClick_4_listener() { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView(ctx.closeOverlay()); });
|
|
23802
23805
|
i0.ɵɵelementEnd();
|
|
23803
23806
|
} if (rf & 2) {
|
|
23804
|
-
const
|
|
23807
|
+
const trigger_r6 = i0.ɵɵreference(2);
|
|
23805
23808
|
i0.ɵɵadvance(4);
|
|
23806
|
-
i0.ɵɵproperty("cdkConnectedOverlayOrigin",
|
|
23809
|
+
i0.ɵɵproperty("cdkConnectedOverlayOrigin", trigger_r6)("cdkConnectedOverlayOpen", ctx.isOpen)("cdkConnectedOverlayHasBackdrop", true)("cdkConnectedOverlayBackdropClass", "cdk-overlay-transparent-backdrop");
|
|
23807
23810
|
} }, dependencies: [i5.NgForOf, i5.NgIf, i2$2.CdkConnectedOverlay, i2$2.CdkOverlayOrigin], styles: [".overlay-toggle[_ngcontent-%COMP%]{display:block;background:none;border:0;padding:0 6px;margin-right:-4px;cursor:pointer}.overlay-menu[_ngcontent-%COMP%]{background-color:#fafafa;border:1px solid grey;margin-top:8px;font-size:1rem}.overlay-menu__title[_ngcontent-%COMP%], .overlay-menu__item[_ngcontent-%COMP%]{padding:10px;border-bottom:1px solid grey}.overlay-menu__title[_ngcontent-%COMP%]:last-child, .overlay-menu__item[_ngcontent-%COMP%]:last-child{border:none}.overlay-menu__title[_ngcontent-%COMP%]{padding-left:6px;padding-right:6px}.overlay-menu__item[_ngcontent-%COMP%]{display:flex;align-items:center;cursor:pointer;font-size:.875em}.overlay-menu__item[_ngcontent-%COMP%]:hover{background-color:#fff2cc}.overlay-menu__item[_ngcontent-%COMP%]:focus{border:2px solid #ffbf47}.overlay-menu__itemIcon[_ngcontent-%COMP%]{height:1.25em;width:1.25em;margin-right:6px}"] });
|
|
23808
23811
|
}
|
|
23809
23812
|
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(CaseFileViewOverlayMenuComponent, [{
|
|
23810
23813
|
type: Component,
|
|
23811
|
-
args: [{ selector: 'ccd-case-file-view-overlay-menu', template: "<div>\n <button type=\"button\" class=\"overlay-toggle\"\n (click)=\"$event.stopPropagation(); setOpen()\"\n cdkOverlayOrigin #trigger=\"cdkOverlayOrigin\">\n <ng-content select=\"[trigger]\"></ng-content>\n </button>\n\n <ng-template\n cdkConnectedOverlay\n [cdkConnectedOverlayOrigin]=\"trigger\"\n [cdkConnectedOverlayOpen]=\"isOpen\"\n [cdkConnectedOverlayHasBackdrop]=\"true\"\n [cdkConnectedOverlayBackdropClass]=\"'cdk-overlay-transparent-backdrop'\"\n (backdropClick)=\"closeOverlay()\"\n >\n <div class=\"overlay-menu\">\n <ng-container *ngIf=\"title\">\n <div class=\"overlay-menu__title\">{{title}}</div>\n </ng-container>\n\n <ng-container *ngFor=\"let item of menuItems; index as i\">\n <li class=\"overlay-menu__item\" tabindex=\"0\"
|
|
23814
|
+
args: [{ selector: 'ccd-case-file-view-overlay-menu', template: "<div>\n <button type=\"button\" class=\"overlay-toggle\"\n (click)=\"$event.stopPropagation(); setOpen()\"\n cdkOverlayOrigin #trigger=\"cdkOverlayOrigin\">\n <ng-content select=\"[trigger]\"></ng-content>\n </button>\n\n <ng-template\n cdkConnectedOverlay\n [cdkConnectedOverlayOrigin]=\"trigger\"\n [cdkConnectedOverlayOpen]=\"isOpen\"\n [cdkConnectedOverlayHasBackdrop]=\"true\"\n [cdkConnectedOverlayBackdropClass]=\"'cdk-overlay-transparent-backdrop'\"\n (backdropClick)=\"closeOverlay()\"\n >\n <div class=\"overlay-menu\">\n <ng-container *ngIf=\"title\">\n <div class=\"overlay-menu__title\">{{title}}</div>\n </ng-container>\n\n <ng-container *ngFor=\"let item of menuItems; index as i\">\n <li class=\"overlay-menu__item\" tabindex=\"0\" [id]=\"'overlay-menu__item' + i\" (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 </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__item:focus{border:2px solid #ffbf47}.overlay-menu__itemIcon{height:1.25em;width:1.25em;margin-right:6px}\n"] }]
|
|
23812
23815
|
}], null, { title: [{
|
|
23813
23816
|
type: Input
|
|
23814
23817
|
}], menuItems: [{
|