@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
|
@@ -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: [{
|