@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
|
@@ -4277,14 +4277,17 @@ class CandidateItemComponent {
|
|
|
4277
4277
|
get candidate() {
|
|
4278
4278
|
return this.candidateValue;
|
|
4279
4279
|
}
|
|
4280
|
+
get isRowDisabled() {
|
|
4281
|
+
return !!this.candidate?.isRowDisabled;
|
|
4282
|
+
}
|
|
4280
4283
|
handleRowClick() {
|
|
4281
|
-
if (!this.candidate) {
|
|
4284
|
+
if (!this.candidate || this.isRowDisabled) {
|
|
4282
4285
|
return;
|
|
4283
4286
|
}
|
|
4284
4287
|
this.setSelection(!this.isSelected);
|
|
4285
4288
|
}
|
|
4286
4289
|
handleCheckboxClicked(event) {
|
|
4287
|
-
if (!this.candidate) {
|
|
4290
|
+
if (!this.candidate || this.isRowDisabled) {
|
|
4288
4291
|
return;
|
|
4289
4292
|
}
|
|
4290
4293
|
this.setSelection(event.isActive);
|
|
@@ -4304,10 +4307,10 @@ class CandidateItemComponent {
|
|
|
4304
4307
|
}
|
|
4305
4308
|
}
|
|
4306
4309
|
CandidateItemComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: CandidateItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
4307
|
-
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
|
|
4310
|
+
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"] }] });
|
|
4308
4311
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: CandidateItemComponent, decorators: [{
|
|
4309
4312
|
type: Component,
|
|
4310
|
-
args: [{ selector: 'symphony-candidate-item', template: "<div
|
|
4313
|
+
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"] }]
|
|
4311
4314
|
}], propDecorators: { candidate: [{
|
|
4312
4315
|
type: Input
|
|
4313
4316
|
}], selectionChanged: [{
|