@symphony-talent/component-library 4.231.0 → 4.232.0
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/esm2020/lib/molecules/candidate-item/candidate-item.component.mjs +8 -5
- package/esm2020/lib/molecules/candidate-item/candidate-item.model.mjs +1 -1
- package/esm2020/projects/component-library/lib/molecules/candidate-item/candidate-item.component.mjs +8 -5
- package/esm2020/projects/component-library/lib/molecules/candidate-item/candidate-item.model.mjs +1 -1
- package/fesm2015/symphony-talent-component-library-projects-component-library.mjs +8 -4
- package/fesm2015/symphony-talent-component-library-projects-component-library.mjs.map +1 -1
- package/fesm2015/symphony-talent-component-library.mjs +8 -4
- package/fesm2015/symphony-talent-component-library.mjs.map +1 -1
- package/fesm2020/symphony-talent-component-library-projects-component-library.mjs +7 -4
- package/fesm2020/symphony-talent-component-library-projects-component-library.mjs.map +1 -1
- package/fesm2020/symphony-talent-component-library.mjs +7 -4
- package/fesm2020/symphony-talent-component-library.mjs.map +1 -1
- package/lib/molecules/candidate-item/candidate-item.component.d.ts +1 -0
- package/lib/molecules/candidate-item/candidate-item.model.d.ts +1 -0
- package/package.json +1 -1
- package/projects/component-library/lib/molecules/candidate-item/candidate-item.component.d.ts +1 -0
- package/projects/component-library/lib/molecules/candidate-item/candidate-item.model.d.ts +1 -0
|
@@ -16,14 +16,17 @@ export class CandidateItemComponent {
|
|
|
16
16
|
get candidate() {
|
|
17
17
|
return this.candidateValue;
|
|
18
18
|
}
|
|
19
|
+
get isRowDisabled() {
|
|
20
|
+
return !!this.candidate?.isRowDisabled;
|
|
21
|
+
}
|
|
19
22
|
handleRowClick() {
|
|
20
|
-
if (!this.candidate) {
|
|
23
|
+
if (!this.candidate || this.isRowDisabled) {
|
|
21
24
|
return;
|
|
22
25
|
}
|
|
23
26
|
this.setSelection(!this.isSelected);
|
|
24
27
|
}
|
|
25
28
|
handleCheckboxClicked(event) {
|
|
26
|
-
if (!this.candidate) {
|
|
29
|
+
if (!this.candidate || this.isRowDisabled) {
|
|
27
30
|
return;
|
|
28
31
|
}
|
|
29
32
|
this.setSelection(event.isActive);
|
|
@@ -43,13 +46,13 @@ export class CandidateItemComponent {
|
|
|
43
46
|
}
|
|
44
47
|
}
|
|
45
48
|
CandidateItemComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: CandidateItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
46
|
-
CandidateItemComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: CandidateItemComponent, selector: "symphony-candidate-item", inputs: { candidate: "candidate" }, outputs: { selectionChanged: "selectionChanged" }, ngImport: i0, template: "<div
|
|
49
|
+
CandidateItemComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: CandidateItemComponent, selector: "symphony-candidate-item", inputs: { candidate: "candidate" }, outputs: { selectionChanged: "selectionChanged" }, ngImport: i0, template: "<div\n class=\"sfx-candidate-item\"\n [class.sfx-candidate-item--disabled]=\"isRowDisabled\"\n (click)=\"handleRowClick()\"\n>\n <div class=\"sfx-candidate-item__checkbox\" (click)=\"$event.stopPropagation()\">\n <symphony-input-checkbox\n [isActive]=\"isSelected\"\n [isRequired]=\"false\"\n (clicked)=\"handleCheckboxClicked($event)\"\n ></symphony-input-checkbox>\n </div>\n\n <div class=\"sfx-candidate-item__details\">\n <symphony-paragraph\n class=\"sfx-candidate-item__name\"\n [text]=\"candidate?.name\"\n [fontSize]=\"'14px'\"\n [fontWeight]=\"500\"\n ></symphony-paragraph>\n <symphony-paragraph\n class=\"sfx-candidate-item__subtext\"\n [fontSize]=\"'13px'\"\n >\n <span class=\"sfx-candidate-item__email\">{{ candidate?.email }}</span>\n <span\n class=\"sfx-candidate-item__separator\"\n *ngIf=\"candidate?.email && candidate?.title\"\n > · </span>\n <span class=\"sfx-candidate-item__title\">{{ candidate?.title }}</span>\n </symphony-paragraph>\n </div>\n\n <div class=\"sfx-candidate-item__status\" *ngIf=\"candidate?.status\">\n <symphony-status-pill [statusPillModel]=\"candidate.status\"></symphony-status-pill>\n </div>\n</div>\n", styles: [".sfx-candidate-item{display:flex;align-items:center;gap:12px;padding:12px 16px;cursor:pointer}.sfx-candidate-item__checkbox{flex-shrink:0;display:flex;align-items:center}.sfx-candidate-item__details{flex:1;min-width:0}.sfx-candidate-item__details .sfx-candidate-item__name,.sfx-candidate-item__details .sfx-candidate-item__subtext{display:block}.sfx-candidate-item__status{flex-shrink:0;margin-left:auto}.sfx-candidate-item:hover{background-color:#f9fafb}.sfx-candidate-item--disabled{opacity:.5;cursor:default}.sfx-candidate-item--disabled .sfx-candidate-item__checkbox{pointer-events:none}.sfx-candidate-item--disabled:hover{background-color:transparent}\n"], components: [{ type: i1.InputCheckboxComponent, selector: "symphony-input-checkbox", inputs: ["isActive", "label", "isRequired"], outputs: ["clicked"] }, { type: i2.ParagraphComponent, selector: "symphony-paragraph", inputs: ["text", "isSecondary", "isFontBold", "fontSize", "fontWeight"] }, { type: i3.StatusPillComponent, selector: "symphony-status-pill", inputs: ["statusPillModel"] }], directives: [{ type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
|
|
47
50
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: CandidateItemComponent, decorators: [{
|
|
48
51
|
type: Component,
|
|
49
|
-
args: [{ selector: 'symphony-candidate-item', template: "<div
|
|
52
|
+
args: [{ selector: 'symphony-candidate-item', template: "<div\n class=\"sfx-candidate-item\"\n [class.sfx-candidate-item--disabled]=\"isRowDisabled\"\n (click)=\"handleRowClick()\"\n>\n <div class=\"sfx-candidate-item__checkbox\" (click)=\"$event.stopPropagation()\">\n <symphony-input-checkbox\n [isActive]=\"isSelected\"\n [isRequired]=\"false\"\n (clicked)=\"handleCheckboxClicked($event)\"\n ></symphony-input-checkbox>\n </div>\n\n <div class=\"sfx-candidate-item__details\">\n <symphony-paragraph\n class=\"sfx-candidate-item__name\"\n [text]=\"candidate?.name\"\n [fontSize]=\"'14px'\"\n [fontWeight]=\"500\"\n ></symphony-paragraph>\n <symphony-paragraph\n class=\"sfx-candidate-item__subtext\"\n [fontSize]=\"'13px'\"\n >\n <span class=\"sfx-candidate-item__email\">{{ candidate?.email }}</span>\n <span\n class=\"sfx-candidate-item__separator\"\n *ngIf=\"candidate?.email && candidate?.title\"\n > · </span>\n <span class=\"sfx-candidate-item__title\">{{ candidate?.title }}</span>\n </symphony-paragraph>\n </div>\n\n <div class=\"sfx-candidate-item__status\" *ngIf=\"candidate?.status\">\n <symphony-status-pill [statusPillModel]=\"candidate.status\"></symphony-status-pill>\n </div>\n</div>\n", styles: [".sfx-candidate-item{display:flex;align-items:center;gap:12px;padding:12px 16px;cursor:pointer}.sfx-candidate-item__checkbox{flex-shrink:0;display:flex;align-items:center}.sfx-candidate-item__details{flex:1;min-width:0}.sfx-candidate-item__details .sfx-candidate-item__name,.sfx-candidate-item__details .sfx-candidate-item__subtext{display:block}.sfx-candidate-item__status{flex-shrink:0;margin-left:auto}.sfx-candidate-item:hover{background-color:#f9fafb}.sfx-candidate-item--disabled{opacity:.5;cursor:default}.sfx-candidate-item--disabled .sfx-candidate-item__checkbox{pointer-events:none}.sfx-candidate-item--disabled:hover{background-color:transparent}\n"] }]
|
|
50
53
|
}], propDecorators: { candidate: [{
|
|
51
54
|
type: Input
|
|
52
55
|
}], selectionChanged: [{
|
|
53
56
|
type: Output
|
|
54
57
|
}] } });
|
|
55
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
58
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2FuZGlkYXRlLWl0ZW0uY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvY29tcG9uZW50LWxpYnJhcnkvc3JjL2xpYi9tb2xlY3VsZXMvY2FuZGlkYXRlLWl0ZW0vY2FuZGlkYXRlLWl0ZW0uY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvY29tcG9uZW50LWxpYnJhcnkvc3JjL2xpYi9tb2xlY3VsZXMvY2FuZGlkYXRlLWl0ZW0vY2FuZGlkYXRlLWl0ZW0uY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxZQUFZLEVBQUUsS0FBSyxFQUFFLE1BQU0sRUFBRSxNQUFNLGVBQWUsQ0FBQzs7Ozs7O0FBUXZFLE1BQU0sT0FBTyxzQkFBc0I7SUFMbkM7UUFrQlMsZUFBVSxHQUFHLEtBQUssQ0FBQztRQUVoQixxQkFBZ0IsR0FBRyxJQUFJLFlBQVksRUFBK0IsQ0FBQztLQWtDOUU7SUE5Q0MsSUFDSSxTQUFTLENBQUMsU0FBeUM7UUFDckQsSUFBSSxDQUFDLGNBQWMsR0FBRyxTQUFTLENBQUM7UUFDaEMsSUFBSSxDQUFDLFVBQVUsR0FBRyxDQUFDLENBQUMsU0FBUyxFQUFFLFVBQVUsQ0FBQztJQUM1QyxDQUFDO0lBRUQsSUFBSSxTQUFTO1FBQ1gsT0FBTyxJQUFJLENBQUMsY0FBYyxDQUFDO0lBQzdCLENBQUM7SUFNRCxJQUFJLGFBQWE7UUFDZixPQUFPLENBQUMsQ0FBQyxJQUFJLENBQUMsU0FBUyxFQUFFLGFBQWEsQ0FBQztJQUN6QyxDQUFDO0lBRUQsY0FBYztRQUNaLElBQUksQ0FBQyxJQUFJLENBQUMsU0FBUyxJQUFJLElBQUksQ0FBQyxhQUFhLEVBQUU7WUFDekMsT0FBTztTQUNSO1FBQ0QsSUFBSSxDQUFDLFlBQVksQ0FBQyxDQUFDLElBQUksQ0FBQyxVQUFVLENBQUMsQ0FBQztJQUN0QyxDQUFDO0lBRUQscUJBQXFCLENBQUMsS0FBMkM7UUFDL0QsSUFBSSxDQUFDLElBQUksQ0FBQyxTQUFTLElBQUksSUFBSSxDQUFDLGFBQWEsRUFBRTtZQUN6QyxPQUFPO1NBQ1I7UUFDRCxJQUFJLENBQUMsWUFBWSxDQUFDLEtBQUssQ0FBQyxRQUFRLENBQUMsQ0FBQztJQUNwQyxDQUFDO0lBRU8sWUFBWSxDQUFDLFFBQWlCO1FBQ3BDLElBQUksQ0FBQyxJQUFJLENBQUMsU0FBUyxFQUFFO1lBQ25CLE9BQU87U0FDUjtRQUVELElBQUksQ0FBQyxVQUFVLEdBQUcsUUFBUSxDQUFDO1FBQzNCLElBQUksQ0FBQyxnQkFBZ0IsQ0FBQyxJQUFJLENBQUM7WUFDekIsUUFBUTtZQUNSLFNBQVMsRUFBRTtnQkFDVCxHQUFHLElBQUksQ0FBQyxTQUFTO2dCQUNqQixVQUFVLEVBQUUsUUFBUTthQUNyQjtTQUNGLENBQUMsQ0FBQztJQUNMLENBQUM7O21IQWhEVSxzQkFBc0I7dUdBQXRCLHNCQUFzQixzSkNSbkMsK3ZDQXFDQTsyRkQ3QmEsc0JBQXNCO2tCQUxsQyxTQUFTOytCQUNFLHlCQUF5Qjs4QkFRL0IsU0FBUztzQkFEWixLQUFLO2dCQVlJLGdCQUFnQjtzQkFBekIsTUFBTSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgRXZlbnRFbWl0dGVyLCBJbnB1dCwgT3V0cHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBDYW5kaWRhdGVJdGVtTW9kZWwsIENhbmRpZGF0ZUl0ZW1TZWxlY3Rpb25FdmVudCB9IGZyb20gJy4vY2FuZGlkYXRlLWl0ZW0ubW9kZWwnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdzeW1waG9ueS1jYW5kaWRhdGUtaXRlbScsXG4gIHRlbXBsYXRlVXJsOiAnLi9jYW5kaWRhdGUtaXRlbS5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL2NhbmRpZGF0ZS1pdGVtLmNvbXBvbmVudC5zY3NzJ10sXG59KVxuZXhwb3J0IGNsYXNzIENhbmRpZGF0ZUl0ZW1Db21wb25lbnQge1xuICBwcml2YXRlIGNhbmRpZGF0ZVZhbHVlPzogQ2FuZGlkYXRlSXRlbU1vZGVsO1xuXG4gIEBJbnB1dCgpXG4gIHNldCBjYW5kaWRhdGUoY2FuZGlkYXRlOiBDYW5kaWRhdGVJdGVtTW9kZWwgfCB1bmRlZmluZWQpIHtcbiAgICB0aGlzLmNhbmRpZGF0ZVZhbHVlID0gY2FuZGlkYXRlO1xuICAgIHRoaXMuaXNTZWxlY3RlZCA9ICEhY2FuZGlkYXRlPy5pc1NlbGVjdGVkO1xuICB9XG5cbiAgZ2V0IGNhbmRpZGF0ZSgpOiBDYW5kaWRhdGVJdGVtTW9kZWwgfCB1bmRlZmluZWQge1xuICAgIHJldHVybiB0aGlzLmNhbmRpZGF0ZVZhbHVlO1xuICB9XG5cbiAgcHVibGljIGlzU2VsZWN0ZWQgPSBmYWxzZTtcblxuICBAT3V0cHV0KCkgc2VsZWN0aW9uQ2hhbmdlZCA9IG5ldyBFdmVudEVtaXR0ZXI8Q2FuZGlkYXRlSXRlbVNlbGVjdGlvbkV2ZW50PigpO1xuXG4gIGdldCBpc1Jvd0Rpc2FibGVkKCk6IGJvb2xlYW4ge1xuICAgIHJldHVybiAhIXRoaXMuY2FuZGlkYXRlPy5pc1Jvd0Rpc2FibGVkO1xuICB9XG5cbiAgaGFuZGxlUm93Q2xpY2soKTogdm9pZCB7XG4gICAgaWYgKCF0aGlzLmNhbmRpZGF0ZSB8fCB0aGlzLmlzUm93RGlzYWJsZWQpIHtcbiAgICAgIHJldHVybjtcbiAgICB9XG4gICAgdGhpcy5zZXRTZWxlY3Rpb24oIXRoaXMuaXNTZWxlY3RlZCk7XG4gIH1cblxuICBoYW5kbGVDaGVja2JveENsaWNrZWQoZXZlbnQ6IHsgaXNBY3RpdmU6IGJvb2xlYW47IGxhYmVsOiBzdHJpbmcgfSk6IHZvaWQge1xuICAgIGlmICghdGhpcy5jYW5kaWRhdGUgfHwgdGhpcy5pc1Jvd0Rpc2FibGVkKSB7XG4gICAgICByZXR1cm47XG4gICAgfVxuICAgIHRoaXMuc2V0U2VsZWN0aW9uKGV2ZW50LmlzQWN0aXZlKTtcbiAgfVxuXG4gIHByaXZhdGUgc2V0U2VsZWN0aW9uKGlzQWN0aXZlOiBib29sZWFuKTogdm9pZCB7XG4gICAgaWYgKCF0aGlzLmNhbmRpZGF0ZSkge1xuICAgICAgcmV0dXJuO1xuICAgIH1cblxuICAgIHRoaXMuaXNTZWxlY3RlZCA9IGlzQWN0aXZlO1xuICAgIHRoaXMuc2VsZWN0aW9uQ2hhbmdlZC5lbWl0KHtcbiAgICAgIGlzQWN0aXZlLFxuICAgICAgY2FuZGlkYXRlOiB7XG4gICAgICAgIC4uLnRoaXMuY2FuZGlkYXRlLFxuICAgICAgICBpc1NlbGVjdGVkOiBpc0FjdGl2ZSxcbiAgICAgIH0sXG4gICAgfSk7XG4gIH1cbn1cbiIsIjxkaXZcbiAgY2xhc3M9XCJzZngtY2FuZGlkYXRlLWl0ZW1cIlxuICBbY2xhc3Muc2Z4LWNhbmRpZGF0ZS1pdGVtLS1kaXNhYmxlZF09XCJpc1Jvd0Rpc2FibGVkXCJcbiAgKGNsaWNrKT1cImhhbmRsZVJvd0NsaWNrKClcIlxuPlxuICA8ZGl2IGNsYXNzPVwic2Z4LWNhbmRpZGF0ZS1pdGVtX19jaGVja2JveFwiIChjbGljayk9XCIkZXZlbnQuc3RvcFByb3BhZ2F0aW9uKClcIj5cbiAgICA8c3ltcGhvbnktaW5wdXQtY2hlY2tib3hcbiAgICAgIFtpc0FjdGl2ZV09XCJpc1NlbGVjdGVkXCJcbiAgICAgIFtpc1JlcXVpcmVkXT1cImZhbHNlXCJcbiAgICAgIChjbGlja2VkKT1cImhhbmRsZUNoZWNrYm94Q2xpY2tlZCgkZXZlbnQpXCJcbiAgICA+PC9zeW1waG9ueS1pbnB1dC1jaGVja2JveD5cbiAgPC9kaXY+XG5cbiAgPGRpdiBjbGFzcz1cInNmeC1jYW5kaWRhdGUtaXRlbV9fZGV0YWlsc1wiPlxuICAgIDxzeW1waG9ueS1wYXJhZ3JhcGhcbiAgICAgIGNsYXNzPVwic2Z4LWNhbmRpZGF0ZS1pdGVtX19uYW1lXCJcbiAgICAgIFt0ZXh0XT1cImNhbmRpZGF0ZT8ubmFtZVwiXG4gICAgICBbZm9udFNpemVdPVwiJzE0cHgnXCJcbiAgICAgIFtmb250V2VpZ2h0XT1cIjUwMFwiXG4gICAgPjwvc3ltcGhvbnktcGFyYWdyYXBoPlxuICAgIDxzeW1waG9ueS1wYXJhZ3JhcGhcbiAgICAgIGNsYXNzPVwic2Z4LWNhbmRpZGF0ZS1pdGVtX19zdWJ0ZXh0XCJcbiAgICAgIFtmb250U2l6ZV09XCInMTNweCdcIlxuICAgID5cbiAgICAgIDxzcGFuIGNsYXNzPVwic2Z4LWNhbmRpZGF0ZS1pdGVtX19lbWFpbFwiPnt7IGNhbmRpZGF0ZT8uZW1haWwgfX08L3NwYW4+XG4gICAgICA8c3BhblxuICAgICAgICBjbGFzcz1cInNmeC1jYW5kaWRhdGUtaXRlbV9fc2VwYXJhdG9yXCJcbiAgICAgICAgKm5nSWY9XCJjYW5kaWRhdGU/LmVtYWlsICYmIGNhbmRpZGF0ZT8udGl0bGVcIlxuICAgICAgPiZuYnNwOyZtaWRkb3Q7Jm5ic3A7PC9zcGFuPlxuICAgICAgPHNwYW4gY2xhc3M9XCJzZngtY2FuZGlkYXRlLWl0ZW1fX3RpdGxlXCI+e3sgY2FuZGlkYXRlPy50aXRsZSB9fTwvc3Bhbj5cbiAgICA8L3N5bXBob255LXBhcmFncmFwaD5cbiAgPC9kaXY+XG5cbiAgPGRpdiBjbGFzcz1cInNmeC1jYW5kaWRhdGUtaXRlbV9fc3RhdHVzXCIgKm5nSWY9XCJjYW5kaWRhdGU/LnN0YXR1c1wiPlxuICAgIDxzeW1waG9ueS1zdGF0dXMtcGlsbCBbc3RhdHVzUGlsbE1vZGVsXT1cImNhbmRpZGF0ZS5zdGF0dXNcIj48L3N5bXBob255LXN0YXR1cy1waWxsPlxuICA8L2Rpdj5cbjwvZGl2PlxuIl19
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
export {};
|
|
2
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2FuZGlkYXRlLWl0ZW0ubW9kZWwuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9jb21wb25lbnQtbGlicmFyeS9zcmMvbGliL21vbGVjdWxlcy9jYW5kaWRhdGUtaXRlbS9jYW5kaWRhdGUtaXRlbS5tb2RlbC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgU3RhdHVzUGlsbE1vZGVsIH0gZnJvbSAnLi4vLi4vYXRvbXMvc3RhdHVzLXBpbGwvc3RhdHVzLXBpbGwubW9kZWwnO1xuXG5leHBvcnQgaW50ZXJmYWNlIENhbmRpZGF0ZUl0ZW1Nb2RlbCB7XG4gIGlkPzogc3RyaW5nO1xuICBuYW1lOiBzdHJpbmc7XG4gIGVtYWlsOiBzdHJpbmc7XG4gIHRpdGxlOiBzdHJpbmc7XG4gIGlzU2VsZWN0ZWQ/
|
|
2
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2FuZGlkYXRlLWl0ZW0ubW9kZWwuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9jb21wb25lbnQtbGlicmFyeS9zcmMvbGliL21vbGVjdWxlcy9jYW5kaWRhdGUtaXRlbS9jYW5kaWRhdGUtaXRlbS5tb2RlbC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgU3RhdHVzUGlsbE1vZGVsIH0gZnJvbSAnLi4vLi4vYXRvbXMvc3RhdHVzLXBpbGwvc3RhdHVzLXBpbGwubW9kZWwnO1xuXG5leHBvcnQgaW50ZXJmYWNlIENhbmRpZGF0ZUl0ZW1Nb2RlbCB7XG4gIGlkPzogc3RyaW5nO1xuICBuYW1lOiBzdHJpbmc7XG4gIGVtYWlsOiBzdHJpbmc7XG4gIHRpdGxlOiBzdHJpbmc7XG4gIGlzU2VsZWN0ZWQ/OiBib29sZWFuO1xuICBpc1Jvd0Rpc2FibGVkPzogYm9vbGVhbjtcbiAgc3RhdHVzOiBTdGF0dXNQaWxsTW9kZWw7XG59XG5cbmV4cG9ydCBpbnRlcmZhY2UgQ2FuZGlkYXRlSXRlbVNlbGVjdGlvbkV2ZW50IHtcbiAgaXNBY3RpdmU6IGJvb2xlYW47XG4gIGNhbmRpZGF0ZTogQ2FuZGlkYXRlSXRlbU1vZGVsO1xufVxuIl19
|
package/esm2020/projects/component-library/lib/molecules/candidate-item/candidate-item.component.mjs
CHANGED
|
@@ -16,14 +16,17 @@ export class CandidateItemComponent {
|
|
|
16
16
|
get candidate() {
|
|
17
17
|
return this.candidateValue;
|
|
18
18
|
}
|
|
19
|
+
get isRowDisabled() {
|
|
20
|
+
return !!this.candidate?.isRowDisabled;
|
|
21
|
+
}
|
|
19
22
|
handleRowClick() {
|
|
20
|
-
if (!this.candidate) {
|
|
23
|
+
if (!this.candidate || this.isRowDisabled) {
|
|
21
24
|
return;
|
|
22
25
|
}
|
|
23
26
|
this.setSelection(!this.isSelected);
|
|
24
27
|
}
|
|
25
28
|
handleCheckboxClicked(event) {
|
|
26
|
-
if (!this.candidate) {
|
|
29
|
+
if (!this.candidate || this.isRowDisabled) {
|
|
27
30
|
return;
|
|
28
31
|
}
|
|
29
32
|
this.setSelection(event.isActive);
|
|
@@ -43,13 +46,13 @@ export class CandidateItemComponent {
|
|
|
43
46
|
}
|
|
44
47
|
}
|
|
45
48
|
CandidateItemComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: CandidateItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
46
|
-
CandidateItemComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: CandidateItemComponent, selector: "symphony-candidate-item", inputs: { candidate: "candidate" }, outputs: { selectionChanged: "selectionChanged" }, ngImport: i0, template: "<div
|
|
49
|
+
CandidateItemComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: CandidateItemComponent, selector: "symphony-candidate-item", inputs: { candidate: "candidate" }, outputs: { selectionChanged: "selectionChanged" }, ngImport: i0, template: "<div\n class=\"sfx-candidate-item\"\n [class.sfx-candidate-item--disabled]=\"isRowDisabled\"\n (click)=\"handleRowClick()\"\n>\n <div class=\"sfx-candidate-item__checkbox\" (click)=\"$event.stopPropagation()\">\n <symphony-input-checkbox\n [isActive]=\"isSelected\"\n [isRequired]=\"false\"\n (clicked)=\"handleCheckboxClicked($event)\"\n ></symphony-input-checkbox>\n </div>\n\n <div class=\"sfx-candidate-item__details\">\n <symphony-paragraph\n class=\"sfx-candidate-item__name\"\n [text]=\"candidate?.name\"\n [fontSize]=\"'14px'\"\n [fontWeight]=\"500\"\n ></symphony-paragraph>\n <symphony-paragraph\n class=\"sfx-candidate-item__subtext\"\n [fontSize]=\"'13px'\"\n >\n <span class=\"sfx-candidate-item__email\">{{ candidate?.email }}</span>\n <span\n class=\"sfx-candidate-item__separator\"\n *ngIf=\"candidate?.email && candidate?.title\"\n > · </span>\n <span class=\"sfx-candidate-item__title\">{{ candidate?.title }}</span>\n </symphony-paragraph>\n </div>\n\n <div class=\"sfx-candidate-item__status\" *ngIf=\"candidate?.status\">\n <symphony-status-pill [statusPillModel]=\"candidate.status\"></symphony-status-pill>\n </div>\n</div>\n", styles: [".sfx-candidate-item{display:flex;align-items:center;gap:12px;padding:12px 16px;cursor:pointer}.sfx-candidate-item__checkbox{flex-shrink:0;display:flex;align-items:center}.sfx-candidate-item__details{flex:1;min-width:0}.sfx-candidate-item__details .sfx-candidate-item__name,.sfx-candidate-item__details .sfx-candidate-item__subtext{display:block}.sfx-candidate-item__status{flex-shrink:0;margin-left:auto}.sfx-candidate-item:hover{background-color:#f9fafb}.sfx-candidate-item--disabled{opacity:.5;cursor:default}.sfx-candidate-item--disabled .sfx-candidate-item__checkbox{pointer-events:none}.sfx-candidate-item--disabled:hover{background-color:transparent}\n"], components: [{ type: i1.InputCheckboxComponent, selector: "symphony-input-checkbox", inputs: ["isActive", "label", "isRequired"], outputs: ["clicked"] }, { type: i2.ParagraphComponent, selector: "symphony-paragraph", inputs: ["text", "isSecondary", "isFontBold", "fontSize", "fontWeight"] }, { type: i3.StatusPillComponent, selector: "symphony-status-pill", inputs: ["statusPillModel"] }], directives: [{ type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
|
|
47
50
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: CandidateItemComponent, decorators: [{
|
|
48
51
|
type: Component,
|
|
49
|
-
args: [{ selector: 'symphony-candidate-item', template: "<div
|
|
52
|
+
args: [{ selector: 'symphony-candidate-item', template: "<div\n class=\"sfx-candidate-item\"\n [class.sfx-candidate-item--disabled]=\"isRowDisabled\"\n (click)=\"handleRowClick()\"\n>\n <div class=\"sfx-candidate-item__checkbox\" (click)=\"$event.stopPropagation()\">\n <symphony-input-checkbox\n [isActive]=\"isSelected\"\n [isRequired]=\"false\"\n (clicked)=\"handleCheckboxClicked($event)\"\n ></symphony-input-checkbox>\n </div>\n\n <div class=\"sfx-candidate-item__details\">\n <symphony-paragraph\n class=\"sfx-candidate-item__name\"\n [text]=\"candidate?.name\"\n [fontSize]=\"'14px'\"\n [fontWeight]=\"500\"\n ></symphony-paragraph>\n <symphony-paragraph\n class=\"sfx-candidate-item__subtext\"\n [fontSize]=\"'13px'\"\n >\n <span class=\"sfx-candidate-item__email\">{{ candidate?.email }}</span>\n <span\n class=\"sfx-candidate-item__separator\"\n *ngIf=\"candidate?.email && candidate?.title\"\n > · </span>\n <span class=\"sfx-candidate-item__title\">{{ candidate?.title }}</span>\n </symphony-paragraph>\n </div>\n\n <div class=\"sfx-candidate-item__status\" *ngIf=\"candidate?.status\">\n <symphony-status-pill [statusPillModel]=\"candidate.status\"></symphony-status-pill>\n </div>\n</div>\n", styles: [".sfx-candidate-item{display:flex;align-items:center;gap:12px;padding:12px 16px;cursor:pointer}.sfx-candidate-item__checkbox{flex-shrink:0;display:flex;align-items:center}.sfx-candidate-item__details{flex:1;min-width:0}.sfx-candidate-item__details .sfx-candidate-item__name,.sfx-candidate-item__details .sfx-candidate-item__subtext{display:block}.sfx-candidate-item__status{flex-shrink:0;margin-left:auto}.sfx-candidate-item:hover{background-color:#f9fafb}.sfx-candidate-item--disabled{opacity:.5;cursor:default}.sfx-candidate-item--disabled .sfx-candidate-item__checkbox{pointer-events:none}.sfx-candidate-item--disabled:hover{background-color:transparent}\n"] }]
|
|
50
53
|
}], propDecorators: { candidate: [{
|
|
51
54
|
type: Input
|
|
52
55
|
}], selectionChanged: [{
|
|
53
56
|
type: Output
|
|
54
57
|
}] } });
|
|
55
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
58
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2FuZGlkYXRlLWl0ZW0uY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvY29tcG9uZW50LWxpYnJhcnkvc3JjL2xpYi9tb2xlY3VsZXMvY2FuZGlkYXRlLWl0ZW0vY2FuZGlkYXRlLWl0ZW0uY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvY29tcG9uZW50LWxpYnJhcnkvc3JjL2xpYi9tb2xlY3VsZXMvY2FuZGlkYXRlLWl0ZW0vY2FuZGlkYXRlLWl0ZW0uY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxZQUFZLEVBQUUsS0FBSyxFQUFFLE1BQU0sRUFBRSxNQUFNLGVBQWUsQ0FBQzs7Ozs7O0FBUXZFLE1BQU0sT0FBTyxzQkFBc0I7SUFMbkM7UUFrQlMsZUFBVSxHQUFHLEtBQUssQ0FBQztRQUVoQixxQkFBZ0IsR0FBRyxJQUFJLFlBQVksRUFBK0IsQ0FBQztLQWtDOUU7SUE5Q0MsSUFDSSxTQUFTLENBQUMsU0FBeUM7UUFDckQsSUFBSSxDQUFDLGNBQWMsR0FBRyxTQUFTLENBQUM7UUFDaEMsSUFBSSxDQUFDLFVBQVUsR0FBRyxDQUFDLENBQUMsU0FBUyxFQUFFLFVBQVUsQ0FBQztJQUM1QyxDQUFDO0lBRUQsSUFBSSxTQUFTO1FBQ1gsT0FBTyxJQUFJLENBQUMsY0FBYyxDQUFDO0lBQzdCLENBQUM7SUFNRCxJQUFJLGFBQWE7UUFDZixPQUFPLENBQUMsQ0FBQyxJQUFJLENBQUMsU0FBUyxFQUFFLGFBQWEsQ0FBQztJQUN6QyxDQUFDO0lBRUQsY0FBYztRQUNaLElBQUksQ0FBQyxJQUFJLENBQUMsU0FBUyxJQUFJLElBQUksQ0FBQyxhQUFhLEVBQUU7WUFDekMsT0FBTztTQUNSO1FBQ0QsSUFBSSxDQUFDLFlBQVksQ0FBQyxDQUFDLElBQUksQ0FBQyxVQUFVLENBQUMsQ0FBQztJQUN0QyxDQUFDO0lBRUQscUJBQXFCLENBQUMsS0FBMkM7UUFDL0QsSUFBSSxDQUFDLElBQUksQ0FBQyxTQUFTLElBQUksSUFBSSxDQUFDLGFBQWEsRUFBRTtZQUN6QyxPQUFPO1NBQ1I7UUFDRCxJQUFJLENBQUMsWUFBWSxDQUFDLEtBQUssQ0FBQyxRQUFRLENBQUMsQ0FBQztJQUNwQyxDQUFDO0lBRU8sWUFBWSxDQUFDLFFBQWlCO1FBQ3BDLElBQUksQ0FBQyxJQUFJLENBQUMsU0FBUyxFQUFFO1lBQ25CLE9BQU87U0FDUjtRQUVELElBQUksQ0FBQyxVQUFVLEdBQUcsUUFBUSxDQUFDO1FBQzNCLElBQUksQ0FBQyxnQkFBZ0IsQ0FBQyxJQUFJLENBQUM7WUFDekIsUUFBUTtZQUNSLFNBQVMsRUFBRTtnQkFDVCxHQUFHLElBQUksQ0FBQyxTQUFTO2dCQUNqQixVQUFVLEVBQUUsUUFBUTthQUNyQjtTQUNGLENBQUMsQ0FBQztJQUNMLENBQUM7O21IQWhEVSxzQkFBc0I7dUdBQXRCLHNCQUFzQixzSkNSbkMsK3ZDQXFDQTsyRkQ3QmEsc0JBQXNCO2tCQUxsQyxTQUFTOytCQUNFLHlCQUF5Qjs4QkFRL0IsU0FBUztzQkFEWixLQUFLO2dCQVlJLGdCQUFnQjtzQkFBekIsTUFBTSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgRXZlbnRFbWl0dGVyLCBJbnB1dCwgT3V0cHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBDYW5kaWRhdGVJdGVtTW9kZWwsIENhbmRpZGF0ZUl0ZW1TZWxlY3Rpb25FdmVudCB9IGZyb20gJy4vY2FuZGlkYXRlLWl0ZW0ubW9kZWwnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdzeW1waG9ueS1jYW5kaWRhdGUtaXRlbScsXG4gIHRlbXBsYXRlVXJsOiAnLi9jYW5kaWRhdGUtaXRlbS5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL2NhbmRpZGF0ZS1pdGVtLmNvbXBvbmVudC5zY3NzJ10sXG59KVxuZXhwb3J0IGNsYXNzIENhbmRpZGF0ZUl0ZW1Db21wb25lbnQge1xuICBwcml2YXRlIGNhbmRpZGF0ZVZhbHVlPzogQ2FuZGlkYXRlSXRlbU1vZGVsO1xuXG4gIEBJbnB1dCgpXG4gIHNldCBjYW5kaWRhdGUoY2FuZGlkYXRlOiBDYW5kaWRhdGVJdGVtTW9kZWwgfCB1bmRlZmluZWQpIHtcbiAgICB0aGlzLmNhbmRpZGF0ZVZhbHVlID0gY2FuZGlkYXRlO1xuICAgIHRoaXMuaXNTZWxlY3RlZCA9ICEhY2FuZGlkYXRlPy5pc1NlbGVjdGVkO1xuICB9XG5cbiAgZ2V0IGNhbmRpZGF0ZSgpOiBDYW5kaWRhdGVJdGVtTW9kZWwgfCB1bmRlZmluZWQge1xuICAgIHJldHVybiB0aGlzLmNhbmRpZGF0ZVZhbHVlO1xuICB9XG5cbiAgcHVibGljIGlzU2VsZWN0ZWQgPSBmYWxzZTtcblxuICBAT3V0cHV0KCkgc2VsZWN0aW9uQ2hhbmdlZCA9IG5ldyBFdmVudEVtaXR0ZXI8Q2FuZGlkYXRlSXRlbVNlbGVjdGlvbkV2ZW50PigpO1xuXG4gIGdldCBpc1Jvd0Rpc2FibGVkKCk6IGJvb2xlYW4ge1xuICAgIHJldHVybiAhIXRoaXMuY2FuZGlkYXRlPy5pc1Jvd0Rpc2FibGVkO1xuICB9XG5cbiAgaGFuZGxlUm93Q2xpY2soKTogdm9pZCB7XG4gICAgaWYgKCF0aGlzLmNhbmRpZGF0ZSB8fCB0aGlzLmlzUm93RGlzYWJsZWQpIHtcbiAgICAgIHJldHVybjtcbiAgICB9XG4gICAgdGhpcy5zZXRTZWxlY3Rpb24oIXRoaXMuaXNTZWxlY3RlZCk7XG4gIH1cblxuICBoYW5kbGVDaGVja2JveENsaWNrZWQoZXZlbnQ6IHsgaXNBY3RpdmU6IGJvb2xlYW47IGxhYmVsOiBzdHJpbmcgfSk6IHZvaWQge1xuICAgIGlmICghdGhpcy5jYW5kaWRhdGUgfHwgdGhpcy5pc1Jvd0Rpc2FibGVkKSB7XG4gICAgICByZXR1cm47XG4gICAgfVxuICAgIHRoaXMuc2V0U2VsZWN0aW9uKGV2ZW50LmlzQWN0aXZlKTtcbiAgfVxuXG4gIHByaXZhdGUgc2V0U2VsZWN0aW9uKGlzQWN0aXZlOiBib29sZWFuKTogdm9pZCB7XG4gICAgaWYgKCF0aGlzLmNhbmRpZGF0ZSkge1xuICAgICAgcmV0dXJuO1xuICAgIH1cblxuICAgIHRoaXMuaXNTZWxlY3RlZCA9IGlzQWN0aXZlO1xuICAgIHRoaXMuc2VsZWN0aW9uQ2hhbmdlZC5lbWl0KHtcbiAgICAgIGlzQWN0aXZlLFxuICAgICAgY2FuZGlkYXRlOiB7XG4gICAgICAgIC4uLnRoaXMuY2FuZGlkYXRlLFxuICAgICAgICBpc1NlbGVjdGVkOiBpc0FjdGl2ZSxcbiAgICAgIH0sXG4gICAgfSk7XG4gIH1cbn1cbiIsIjxkaXZcbiAgY2xhc3M9XCJzZngtY2FuZGlkYXRlLWl0ZW1cIlxuICBbY2xhc3Muc2Z4LWNhbmRpZGF0ZS1pdGVtLS1kaXNhYmxlZF09XCJpc1Jvd0Rpc2FibGVkXCJcbiAgKGNsaWNrKT1cImhhbmRsZVJvd0NsaWNrKClcIlxuPlxuICA8ZGl2IGNsYXNzPVwic2Z4LWNhbmRpZGF0ZS1pdGVtX19jaGVja2JveFwiIChjbGljayk9XCIkZXZlbnQuc3RvcFByb3BhZ2F0aW9uKClcIj5cbiAgICA8c3ltcGhvbnktaW5wdXQtY2hlY2tib3hcbiAgICAgIFtpc0FjdGl2ZV09XCJpc1NlbGVjdGVkXCJcbiAgICAgIFtpc1JlcXVpcmVkXT1cImZhbHNlXCJcbiAgICAgIChjbGlja2VkKT1cImhhbmRsZUNoZWNrYm94Q2xpY2tlZCgkZXZlbnQpXCJcbiAgICA+PC9zeW1waG9ueS1pbnB1dC1jaGVja2JveD5cbiAgPC9kaXY+XG5cbiAgPGRpdiBjbGFzcz1cInNmeC1jYW5kaWRhdGUtaXRlbV9fZGV0YWlsc1wiPlxuICAgIDxzeW1waG9ueS1wYXJhZ3JhcGhcbiAgICAgIGNsYXNzPVwic2Z4LWNhbmRpZGF0ZS1pdGVtX19uYW1lXCJcbiAgICAgIFt0ZXh0XT1cImNhbmRpZGF0ZT8ubmFtZVwiXG4gICAgICBbZm9udFNpemVdPVwiJzE0cHgnXCJcbiAgICAgIFtmb250V2VpZ2h0XT1cIjUwMFwiXG4gICAgPjwvc3ltcGhvbnktcGFyYWdyYXBoPlxuICAgIDxzeW1waG9ueS1wYXJhZ3JhcGhcbiAgICAgIGNsYXNzPVwic2Z4LWNhbmRpZGF0ZS1pdGVtX19zdWJ0ZXh0XCJcbiAgICAgIFtmb250U2l6ZV09XCInMTNweCdcIlxuICAgID5cbiAgICAgIDxzcGFuIGNsYXNzPVwic2Z4LWNhbmRpZGF0ZS1pdGVtX19lbWFpbFwiPnt7IGNhbmRpZGF0ZT8uZW1haWwgfX08L3NwYW4+XG4gICAgICA8c3BhblxuICAgICAgICBjbGFzcz1cInNmeC1jYW5kaWRhdGUtaXRlbV9fc2VwYXJhdG9yXCJcbiAgICAgICAgKm5nSWY9XCJjYW5kaWRhdGU/LmVtYWlsICYmIGNhbmRpZGF0ZT8udGl0bGVcIlxuICAgICAgPiZuYnNwOyZtaWRkb3Q7Jm5ic3A7PC9zcGFuPlxuICAgICAgPHNwYW4gY2xhc3M9XCJzZngtY2FuZGlkYXRlLWl0ZW1fX3RpdGxlXCI+e3sgY2FuZGlkYXRlPy50aXRsZSB9fTwvc3Bhbj5cbiAgICA8L3N5bXBob255LXBhcmFncmFwaD5cbiAgPC9kaXY+XG5cbiAgPGRpdiBjbGFzcz1cInNmeC1jYW5kaWRhdGUtaXRlbV9fc3RhdHVzXCIgKm5nSWY9XCJjYW5kaWRhdGU/LnN0YXR1c1wiPlxuICAgIDxzeW1waG9ueS1zdGF0dXMtcGlsbCBbc3RhdHVzUGlsbE1vZGVsXT1cImNhbmRpZGF0ZS5zdGF0dXNcIj48L3N5bXBob255LXN0YXR1cy1waWxsPlxuICA8L2Rpdj5cbjwvZGl2PlxuIl19
|
package/esm2020/projects/component-library/lib/molecules/candidate-item/candidate-item.model.mjs
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
export {};
|
|
2
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2FuZGlkYXRlLWl0ZW0ubW9kZWwuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9jb21wb25lbnQtbGlicmFyeS9zcmMvbGliL21vbGVjdWxlcy9jYW5kaWRhdGUtaXRlbS9jYW5kaWRhdGUtaXRlbS5tb2RlbC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgU3RhdHVzUGlsbE1vZGVsIH0gZnJvbSAnLi4vLi4vYXRvbXMvc3RhdHVzLXBpbGwvc3RhdHVzLXBpbGwubW9kZWwnO1xuXG5leHBvcnQgaW50ZXJmYWNlIENhbmRpZGF0ZUl0ZW1Nb2RlbCB7XG4gIGlkPzogc3RyaW5nO1xuICBuYW1lOiBzdHJpbmc7XG4gIGVtYWlsOiBzdHJpbmc7XG4gIHRpdGxlOiBzdHJpbmc7XG4gIGlzU2VsZWN0ZWQ/
|
|
2
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2FuZGlkYXRlLWl0ZW0ubW9kZWwuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9jb21wb25lbnQtbGlicmFyeS9zcmMvbGliL21vbGVjdWxlcy9jYW5kaWRhdGUtaXRlbS9jYW5kaWRhdGUtaXRlbS5tb2RlbC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgU3RhdHVzUGlsbE1vZGVsIH0gZnJvbSAnLi4vLi4vYXRvbXMvc3RhdHVzLXBpbGwvc3RhdHVzLXBpbGwubW9kZWwnO1xuXG5leHBvcnQgaW50ZXJmYWNlIENhbmRpZGF0ZUl0ZW1Nb2RlbCB7XG4gIGlkPzogc3RyaW5nO1xuICBuYW1lOiBzdHJpbmc7XG4gIGVtYWlsOiBzdHJpbmc7XG4gIHRpdGxlOiBzdHJpbmc7XG4gIGlzU2VsZWN0ZWQ/OiBib29sZWFuO1xuICBpc1Jvd0Rpc2FibGVkPzogYm9vbGVhbjtcbiAgc3RhdHVzOiBTdGF0dXNQaWxsTW9kZWw7XG59XG5cbmV4cG9ydCBpbnRlcmZhY2UgQ2FuZGlkYXRlSXRlbVNlbGVjdGlvbkV2ZW50IHtcbiAgaXNBY3RpdmU6IGJvb2xlYW47XG4gIGNhbmRpZGF0ZTogQ2FuZGlkYXRlSXRlbU1vZGVsO1xufVxuIl19
|
|
@@ -4284,14 +4284,18 @@ class CandidateItemComponent {
|
|
|
4284
4284
|
get candidate() {
|
|
4285
4285
|
return this.candidateValue;
|
|
4286
4286
|
}
|
|
4287
|
+
get isRowDisabled() {
|
|
4288
|
+
var _a;
|
|
4289
|
+
return !!((_a = this.candidate) === null || _a === void 0 ? void 0 : _a.isRowDisabled);
|
|
4290
|
+
}
|
|
4287
4291
|
handleRowClick() {
|
|
4288
|
-
if (!this.candidate) {
|
|
4292
|
+
if (!this.candidate || this.isRowDisabled) {
|
|
4289
4293
|
return;
|
|
4290
4294
|
}
|
|
4291
4295
|
this.setSelection(!this.isSelected);
|
|
4292
4296
|
}
|
|
4293
4297
|
handleCheckboxClicked(event) {
|
|
4294
|
-
if (!this.candidate) {
|
|
4298
|
+
if (!this.candidate || this.isRowDisabled) {
|
|
4295
4299
|
return;
|
|
4296
4300
|
}
|
|
4297
4301
|
this.setSelection(event.isActive);
|
|
@@ -4308,10 +4312,10 @@ class CandidateItemComponent {
|
|
|
4308
4312
|
}
|
|
4309
4313
|
}
|
|
4310
4314
|
CandidateItemComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: CandidateItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
4311
|
-
CandidateItemComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: CandidateItemComponent, selector: "symphony-candidate-item", inputs: { candidate: "candidate" }, outputs: { selectionChanged: "selectionChanged" }, ngImport: i0, template: "<div
|
|
4315
|
+
CandidateItemComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: CandidateItemComponent, selector: "symphony-candidate-item", inputs: { candidate: "candidate" }, outputs: { selectionChanged: "selectionChanged" }, ngImport: i0, template: "<div\n class=\"sfx-candidate-item\"\n [class.sfx-candidate-item--disabled]=\"isRowDisabled\"\n (click)=\"handleRowClick()\"\n>\n <div class=\"sfx-candidate-item__checkbox\" (click)=\"$event.stopPropagation()\">\n <symphony-input-checkbox\n [isActive]=\"isSelected\"\n [isRequired]=\"false\"\n (clicked)=\"handleCheckboxClicked($event)\"\n ></symphony-input-checkbox>\n </div>\n\n <div class=\"sfx-candidate-item__details\">\n <symphony-paragraph\n class=\"sfx-candidate-item__name\"\n [text]=\"candidate?.name\"\n [fontSize]=\"'14px'\"\n [fontWeight]=\"500\"\n ></symphony-paragraph>\n <symphony-paragraph\n class=\"sfx-candidate-item__subtext\"\n [fontSize]=\"'13px'\"\n >\n <span class=\"sfx-candidate-item__email\">{{ candidate?.email }}</span>\n <span\n class=\"sfx-candidate-item__separator\"\n *ngIf=\"candidate?.email && candidate?.title\"\n > · </span>\n <span class=\"sfx-candidate-item__title\">{{ candidate?.title }}</span>\n </symphony-paragraph>\n </div>\n\n <div class=\"sfx-candidate-item__status\" *ngIf=\"candidate?.status\">\n <symphony-status-pill [statusPillModel]=\"candidate.status\"></symphony-status-pill>\n </div>\n</div>\n", styles: [".sfx-candidate-item{display:flex;align-items:center;gap:12px;padding:12px 16px;cursor:pointer}.sfx-candidate-item__checkbox{flex-shrink:0;display:flex;align-items:center}.sfx-candidate-item__details{flex:1;min-width:0}.sfx-candidate-item__details .sfx-candidate-item__name,.sfx-candidate-item__details .sfx-candidate-item__subtext{display:block}.sfx-candidate-item__status{flex-shrink:0;margin-left:auto}.sfx-candidate-item:hover{background-color:#f9fafb}.sfx-candidate-item--disabled{opacity:.5;cursor:default}.sfx-candidate-item--disabled .sfx-candidate-item__checkbox{pointer-events:none}.sfx-candidate-item--disabled:hover{background-color:transparent}\n"], components: [{ type: InputCheckboxComponent, selector: "symphony-input-checkbox", inputs: ["isActive", "label", "isRequired"], outputs: ["clicked"] }, { type: ParagraphComponent, selector: "symphony-paragraph", inputs: ["text", "isSecondary", "isFontBold", "fontSize", "fontWeight"] }, { type: StatusPillComponent, selector: "symphony-status-pill", inputs: ["statusPillModel"] }], directives: [{ type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
|
|
4312
4316
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: CandidateItemComponent, decorators: [{
|
|
4313
4317
|
type: Component,
|
|
4314
|
-
args: [{ selector: 'symphony-candidate-item', template: "<div
|
|
4318
|
+
args: [{ selector: 'symphony-candidate-item', template: "<div\n class=\"sfx-candidate-item\"\n [class.sfx-candidate-item--disabled]=\"isRowDisabled\"\n (click)=\"handleRowClick()\"\n>\n <div class=\"sfx-candidate-item__checkbox\" (click)=\"$event.stopPropagation()\">\n <symphony-input-checkbox\n [isActive]=\"isSelected\"\n [isRequired]=\"false\"\n (clicked)=\"handleCheckboxClicked($event)\"\n ></symphony-input-checkbox>\n </div>\n\n <div class=\"sfx-candidate-item__details\">\n <symphony-paragraph\n class=\"sfx-candidate-item__name\"\n [text]=\"candidate?.name\"\n [fontSize]=\"'14px'\"\n [fontWeight]=\"500\"\n ></symphony-paragraph>\n <symphony-paragraph\n class=\"sfx-candidate-item__subtext\"\n [fontSize]=\"'13px'\"\n >\n <span class=\"sfx-candidate-item__email\">{{ candidate?.email }}</span>\n <span\n class=\"sfx-candidate-item__separator\"\n *ngIf=\"candidate?.email && candidate?.title\"\n > · </span>\n <span class=\"sfx-candidate-item__title\">{{ candidate?.title }}</span>\n </symphony-paragraph>\n </div>\n\n <div class=\"sfx-candidate-item__status\" *ngIf=\"candidate?.status\">\n <symphony-status-pill [statusPillModel]=\"candidate.status\"></symphony-status-pill>\n </div>\n</div>\n", styles: [".sfx-candidate-item{display:flex;align-items:center;gap:12px;padding:12px 16px;cursor:pointer}.sfx-candidate-item__checkbox{flex-shrink:0;display:flex;align-items:center}.sfx-candidate-item__details{flex:1;min-width:0}.sfx-candidate-item__details .sfx-candidate-item__name,.sfx-candidate-item__details .sfx-candidate-item__subtext{display:block}.sfx-candidate-item__status{flex-shrink:0;margin-left:auto}.sfx-candidate-item:hover{background-color:#f9fafb}.sfx-candidate-item--disabled{opacity:.5;cursor:default}.sfx-candidate-item--disabled .sfx-candidate-item__checkbox{pointer-events:none}.sfx-candidate-item--disabled:hover{background-color:transparent}\n"] }]
|
|
4315
4319
|
}], propDecorators: { candidate: [{
|
|
4316
4320
|
type: Input
|
|
4317
4321
|
}], selectionChanged: [{
|