mapa-library-ui 0.43.1 → 0.43.2
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/src/lib/components/scale/lib/components/scale/src/scale.component.mjs +5 -5
- package/esm2020/src/lib/components/scale/lib/components/scale/src/scale.interface.mjs +1 -1
- package/fesm2015/mapa-library-ui-src-lib-components-scale.mjs +4 -4
- package/fesm2015/mapa-library-ui-src-lib-components-scale.mjs.map +1 -1
- package/fesm2020/mapa-library-ui-src-lib-components-scale.mjs +4 -4
- package/fesm2020/mapa-library-ui-src-lib-components-scale.mjs.map +1 -1
- package/mapa-library-ui-0.43.2.tgz +0 -0
- package/package.json +1 -1
- package/src/lib/components/scale/lib/components/scale/src/scale.component.d.ts +1 -1
- package/src/lib/components/scale/lib/components/scale/src/scale.interface.d.ts +2 -2
- package/mapa-library-ui-0.43.1.tgz +0 -0
|
@@ -15,8 +15,8 @@ export class MapaScaleComponent {
|
|
|
15
15
|
isPositive(dimension) {
|
|
16
16
|
return dimension.direction === "Positiva";
|
|
17
17
|
}
|
|
18
|
-
showSummarized(
|
|
19
|
-
return
|
|
18
|
+
showSummarized(scale) {
|
|
19
|
+
return scale?.scaleConcept === undefined;
|
|
20
20
|
}
|
|
21
21
|
getCompetenceImg(competence) {
|
|
22
22
|
let img = "";
|
|
@@ -39,13 +39,13 @@ export class MapaScaleComponent {
|
|
|
39
39
|
}
|
|
40
40
|
}
|
|
41
41
|
MapaScaleComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: MapaScaleComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
42
|
-
MapaScaleComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: MapaScaleComponent, selector: "mapa-scale", inputs: { data: "data", showProgressbar: "showProgressbar" }, ngImport: i0, template: "<section class=\"mapa__card competence\" *ngFor=\"let competence of data\">\n <header class=\"competence__header\">\n <img [src]=\"getCompetenceImg(competence)\" />\n {{ competence.competenceName }}\n </header>\n <section
|
|
42
|
+
MapaScaleComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: MapaScaleComponent, selector: "mapa-scale", inputs: { data: "data", showProgressbar: "showProgressbar" }, ngImport: i0, template: "<section class=\"mapa__card competence\" *ngFor=\"let competence of data\">\n <header class=\"competence__header\">\n <img [src]=\"getCompetenceImg(competence)\" />\n {{ competence.competenceName }}\n </header>\n <section\n class=\"mapa__card scale\"\n *ngFor=\"let scale of competence.scales\"\n >\n <section class=\"scale__top\">\n <header class=\"scale__header\">\n <div class=\"scale__header--title mapa--display-m\">\n {{ scale.scaleName }}\n <div\n *ngIf=\"scale.classification\"\n class=\"mapa__tag--bg\"\n [style.backgroundColor]=\"scale.classification.classificationColor\"\n [class.mapa__tag--contrast]=\"scale.classification.classificationId === 1\"\n >\n <span class=\"mapa__tag--text\"\n >{{ scale.classification.classificationName }}</span\n >\n </div>\n </div>\n <div\n *ngIf=\"showProgressbar && scale.interval\"\n class=\"scale__header--progressbar\"\n >\n <mapa-progressbar\n [data]=\"getProgressbarData(scale)\"\n ></mapa-progressbar>\n </div>\n </header>\n <article *ngIf=\"scale.scaleConcept\" class=\"scale__concept\">\n <strong>Conceito:</strong> {{ scale.scaleConcept }}\n </article>\n </section>\n <section\n class=\"scale__dimensions\"\n [class.dimension--full-sized]=\"!showSummarized(scale)\"\n [class.dimension--summarized]=\"showSummarized(scale)\"\n >\n <article\n *ngFor=\"let dimension of scale.dimensions\"\n class=\"mapa__card--sm dimension\"\n >\n <nav class=\"dimension__main\">\n <div class=\"dimension--title\">\n <span\n *ngIf=\"dimension.direction === 'Positiva'; else negativeDirection\"\n >\u2191</span\n >\n <ng-template #negativeDirection>\u2193</ng-template>\n {{ dimension.dimensionName }}\n </div>\n <div class=\"dimension--classification\">\n <div\n *ngIf=\"dimension.classification\"\n class=\"mapa__tag--bg\"\n [style.backgroundColor]=\"dimension.classification.classificationColor\"\n [class.mapa__tag--contrast]=\"dimension.classification.classificationId === 1\"\n >\n <span class=\"mapa__tag--text\"\n >{{ dimension.classification.classificationName }}</span\n >\n </div>\n </div>\n </nav>\n <div\n *ngIf=\"dimension.dimensionClassificationMessage\"\n class=\"dimension__concept\"\n >\n {{ dimension.dimensionClassificationMessage }}\n </div>\n </article>\n </section>\n </section>\n</section>\n", styles: [".competence{display:flex;gap:24px;font-family:SF-Pro}.competence__header{display:flex;align-items:center;color:#ea561d;font-size:32px;font-weight:500;line-height:40px;width:100%}.competence__header img{margin-right:16px}.competence .scale{display:flex;gap:16px;flex-wrap:wrap}.competence .scale__top{border-bottom:2px solid #8c8f94;padding-bottom:32px;margin-bottom:24px;width:100%}.competence .scale__header{display:flex;align-items:center;justify-content:space-between;width:100%;color:#181818;font-size:24px;font-style:normal;font-weight:500;line-height:32px}.competence .scale__concept{color:#50575e;font-size:16px;font-style:normal;font-weight:400;line-height:24px}.competence .scale__concept strong{color:#181818;font-size:16px;font-style:normal;font-weight:600;line-height:24px}.competence .scale__dimensions{display:flex;flex-wrap:wrap;gap:24px;width:100%}.competence .scale .dimension__main{display:flex;justify-content:space-between}.competence .scale .dimension--full-sized{display:flex;justify-content:space-between;gap:24px;width:100%}.competence .scale .dimension--full-sized .dimension{display:flex;gap:32px;width:100%}.competence .scale .dimension--full-sized .dimension__main{width:35%}.competence .scale .dimension--full-sized .dimension__concept{width:65%}.competence .scale .dimension--summarized{display:grid;gap:24px;grid-template-columns:1fr 1fr 1fr}.competence .scale .dimension--title{color:#181818;font-size:16px;font-style:normal;font-weight:500;line-height:24px}.competence .scale .dimension__concept{color:#50575e;font-size:16px;font-style:normal;font-weight:400;line-height:24px}\n"], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.MapaProgressbarComponent, selector: "mapa-progressbar", inputs: ["data", "showInterval"] }] });
|
|
43
43
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: MapaScaleComponent, decorators: [{
|
|
44
44
|
type: Component,
|
|
45
|
-
args: [{ selector: "mapa-scale", template: "<section class=\"mapa__card competence\" *ngFor=\"let competence of data\">\n <header class=\"competence__header\">\n <img [src]=\"getCompetenceImg(competence)\" />\n {{ competence.competenceName }}\n </header>\n <section
|
|
45
|
+
args: [{ selector: "mapa-scale", template: "<section class=\"mapa__card competence\" *ngFor=\"let competence of data\">\n <header class=\"competence__header\">\n <img [src]=\"getCompetenceImg(competence)\" />\n {{ competence.competenceName }}\n </header>\n <section\n class=\"mapa__card scale\"\n *ngFor=\"let scale of competence.scales\"\n >\n <section class=\"scale__top\">\n <header class=\"scale__header\">\n <div class=\"scale__header--title mapa--display-m\">\n {{ scale.scaleName }}\n <div\n *ngIf=\"scale.classification\"\n class=\"mapa__tag--bg\"\n [style.backgroundColor]=\"scale.classification.classificationColor\"\n [class.mapa__tag--contrast]=\"scale.classification.classificationId === 1\"\n >\n <span class=\"mapa__tag--text\"\n >{{ scale.classification.classificationName }}</span\n >\n </div>\n </div>\n <div\n *ngIf=\"showProgressbar && scale.interval\"\n class=\"scale__header--progressbar\"\n >\n <mapa-progressbar\n [data]=\"getProgressbarData(scale)\"\n ></mapa-progressbar>\n </div>\n </header>\n <article *ngIf=\"scale.scaleConcept\" class=\"scale__concept\">\n <strong>Conceito:</strong> {{ scale.scaleConcept }}\n </article>\n </section>\n <section\n class=\"scale__dimensions\"\n [class.dimension--full-sized]=\"!showSummarized(scale)\"\n [class.dimension--summarized]=\"showSummarized(scale)\"\n >\n <article\n *ngFor=\"let dimension of scale.dimensions\"\n class=\"mapa__card--sm dimension\"\n >\n <nav class=\"dimension__main\">\n <div class=\"dimension--title\">\n <span\n *ngIf=\"dimension.direction === 'Positiva'; else negativeDirection\"\n >\u2191</span\n >\n <ng-template #negativeDirection>\u2193</ng-template>\n {{ dimension.dimensionName }}\n </div>\n <div class=\"dimension--classification\">\n <div\n *ngIf=\"dimension.classification\"\n class=\"mapa__tag--bg\"\n [style.backgroundColor]=\"dimension.classification.classificationColor\"\n [class.mapa__tag--contrast]=\"dimension.classification.classificationId === 1\"\n >\n <span class=\"mapa__tag--text\"\n >{{ dimension.classification.classificationName }}</span\n >\n </div>\n </div>\n </nav>\n <div\n *ngIf=\"dimension.dimensionClassificationMessage\"\n class=\"dimension__concept\"\n >\n {{ dimension.dimensionClassificationMessage }}\n </div>\n </article>\n </section>\n </section>\n</section>\n", styles: [".competence{display:flex;gap:24px;font-family:SF-Pro}.competence__header{display:flex;align-items:center;color:#ea561d;font-size:32px;font-weight:500;line-height:40px;width:100%}.competence__header img{margin-right:16px}.competence .scale{display:flex;gap:16px;flex-wrap:wrap}.competence .scale__top{border-bottom:2px solid #8c8f94;padding-bottom:32px;margin-bottom:24px;width:100%}.competence .scale__header{display:flex;align-items:center;justify-content:space-between;width:100%;color:#181818;font-size:24px;font-style:normal;font-weight:500;line-height:32px}.competence .scale__concept{color:#50575e;font-size:16px;font-style:normal;font-weight:400;line-height:24px}.competence .scale__concept strong{color:#181818;font-size:16px;font-style:normal;font-weight:600;line-height:24px}.competence .scale__dimensions{display:flex;flex-wrap:wrap;gap:24px;width:100%}.competence .scale .dimension__main{display:flex;justify-content:space-between}.competence .scale .dimension--full-sized{display:flex;justify-content:space-between;gap:24px;width:100%}.competence .scale .dimension--full-sized .dimension{display:flex;gap:32px;width:100%}.competence .scale .dimension--full-sized .dimension__main{width:35%}.competence .scale .dimension--full-sized .dimension__concept{width:65%}.competence .scale .dimension--summarized{display:grid;gap:24px;grid-template-columns:1fr 1fr 1fr}.competence .scale .dimension--title{color:#181818;font-size:16px;font-style:normal;font-weight:500;line-height:24px}.competence .scale .dimension__concept{color:#50575e;font-size:16px;font-style:normal;font-weight:400;line-height:24px}\n"] }]
|
|
46
46
|
}], propDecorators: { data: [{
|
|
47
47
|
type: Input
|
|
48
48
|
}], showProgressbar: [{
|
|
49
49
|
type: Input
|
|
50
50
|
}] } });
|
|
51
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
51
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2NhbGUuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbWFwYS1saWJyYXJ5LXVpL3NyYy9saWIvY29tcG9uZW50cy9zY2FsZS9zcmMvc2NhbGUuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbWFwYS1saWJyYXJ5LXVpL3NyYy9saWIvY29tcG9uZW50cy9zY2FsZS9zcmMvc2NhbGUuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQUUsTUFBTSxlQUFlLENBQUM7Ozs7QUFTakQsTUFBTSxPQUFPLGtCQUFrQjtJQUwvQjtRQU9XLG9CQUFlLEdBQVksSUFBSSxDQUFDO0tBb0MxQztJQWxDQyxrQkFBa0IsQ0FBQyxLQUFZO1FBQzdCLE9BQU87WUFDTCxRQUFRLEVBQUUsS0FBSyxDQUFDLFFBQVE7WUFDeEIsY0FBYyxFQUFFLEtBQUssQ0FBQyxjQUFlO1NBQ3RDLENBQUM7SUFDSixDQUFDO0lBRUQsVUFBVSxDQUFDLFNBQW9CO1FBQzdCLE9BQU8sU0FBUyxDQUFDLFNBQVMsS0FBSyxVQUFVLENBQUM7SUFDNUMsQ0FBQztJQUVELGNBQWMsQ0FBQyxLQUFZO1FBQ3pCLE9BQU8sS0FBSyxFQUFFLFlBQVksS0FBSyxTQUFTLENBQUM7SUFDM0MsQ0FBQztJQUVELGdCQUFnQixDQUFDLFVBQXNCO1FBQ3JDLElBQUksR0FBRyxHQUFHLEVBQUUsQ0FBQztRQUNiLElBQUksVUFBVSxDQUFDLGNBQWMsQ0FBQyxRQUFRLENBQUMsUUFBUSxDQUFDLEVBQUU7WUFDaEQsR0FBRyxHQUFHLFlBQVksQ0FBQztTQUNwQjtRQUNELElBQUksVUFBVSxDQUFDLGNBQWMsQ0FBQyxRQUFRLENBQUMsWUFBWSxDQUFDLEVBQUU7WUFDcEQsR0FBRyxHQUFHLE9BQU8sQ0FBQztTQUNmO1FBQ0QsSUFBSSxVQUFVLENBQUMsY0FBYyxDQUFDLFFBQVEsQ0FBQyxnQkFBZ0IsQ0FBQyxFQUFFO1lBQ3hELEdBQUcsR0FBRyxXQUFXLENBQUM7U0FDbkI7UUFDRCxJQUFJLFVBQVUsQ0FBQyxjQUFjLENBQUMsUUFBUSxDQUFDLFdBQVcsQ0FBQyxFQUFFO1lBQ25ELEdBQUcsR0FBRyxXQUFXLENBQUM7U0FDbkI7UUFDRCxJQUFJLFVBQVUsQ0FBQyxjQUFjLENBQUMsUUFBUSxDQUFDLFdBQVcsQ0FBQyxFQUFFO1lBQ25ELEdBQUcsR0FBRyxTQUFTLENBQUM7U0FDakI7UUFDRCxPQUFPLHVCQUF1QixHQUFHLE1BQU0sQ0FBQztJQUMxQyxDQUFDOztnSEFyQ1Usa0JBQWtCO29HQUFsQixrQkFBa0IsZ0hDVC9CLDh4RkE4RUE7NEZEckVhLGtCQUFrQjtrQkFMOUIsU0FBUzsrQkFDRSxZQUFZOzhCQUtiLElBQUk7c0JBQVosS0FBSztnQkFDRyxlQUFlO3NCQUF2QixLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBJbnB1dCB9IGZyb20gXCJAYW5ndWxhci9jb3JlXCI7XG5pbXBvcnQgeyBEaW1lbnNpb24gfSBmcm9tIFwiLi4vLi4vZ3JvdXAtcmVwb3J0L3NyYy9ncm91cC1yZXBvcnQtaW50ZXJmYWNlXCI7XG5pbXBvcnQgeyBDb21wZXRlbmNlLCBTY2FsZSwgUHJvZ3Jlc3NCYXIgfSBmcm9tIFwiLi9zY2FsZS5pbnRlcmZhY2VcIjtcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiBcIm1hcGEtc2NhbGVcIixcbiAgdGVtcGxhdGVVcmw6IFwiLi9zY2FsZS5jb21wb25lbnQuaHRtbFwiLFxuICBzdHlsZVVybHM6IFtcIi4vc2NhbGUuY29tcG9uZW50LnNjc3NcIl0sXG59KVxuZXhwb3J0IGNsYXNzIE1hcGFTY2FsZUNvbXBvbmVudCB7XG4gIEBJbnB1dCgpIGRhdGEhOiBDb21wZXRlbmNlW107XG4gIEBJbnB1dCgpIHNob3dQcm9ncmVzc2JhcjogYm9vbGVhbiA9IHRydWU7XG5cbiAgZ2V0UHJvZ3Jlc3NiYXJEYXRhKHNjYWxlOiBTY2FsZSk6IFByb2dyZXNzQmFyIHtcbiAgICByZXR1cm4ge1xuICAgICAgaW50ZXJ2YWw6IHNjYWxlLmludGVydmFsLFxuICAgICAgY2xhc3NpZmljYXRpb246IHNjYWxlLmNsYXNzaWZpY2F0aW9uISxcbiAgICB9O1xuICB9XG5cbiAgaXNQb3NpdGl2ZShkaW1lbnNpb246IERpbWVuc2lvbik6IGJvb2xlYW4ge1xuICAgIHJldHVybiBkaW1lbnNpb24uZGlyZWN0aW9uID09PSBcIlBvc2l0aXZhXCI7XG4gIH1cblxuICBzaG93U3VtbWFyaXplZChzY2FsZTogU2NhbGUpOiBib29sZWFuIHtcbiAgICByZXR1cm4gc2NhbGU/LnNjYWxlQ29uY2VwdCA9PT0gdW5kZWZpbmVkO1xuICB9XG5cbiAgZ2V0Q29tcGV0ZW5jZUltZyhjb21wZXRlbmNlOiBDb21wZXRlbmNlKTogc3RyaW5nIHtcbiAgICBsZXQgaW1nID0gXCJcIjtcbiAgICBpZiAoY29tcGV0ZW5jZS5jb21wZXRlbmNlTmFtZS5pbmNsdWRlcyhcIkdlc3TDo29cIikpIHtcbiAgICAgIGltZyA9IFwiVXNlcnNUaHJlZVwiO1xuICAgIH1cbiAgICBpZiAoY29tcGV0ZW5jZS5jb21wZXRlbmNlTmFtZS5pbmNsdWRlcyhcIkF1dG9nZXN0w6NvXCIpKSB7XG4gICAgICBpbWcgPSBcIkJyYWluXCI7XG4gICAgfVxuICAgIGlmIChjb21wZXRlbmNlLmNvbXBldGVuY2VOYW1lLmluY2x1ZGVzKFwiUmVsYWNpb25hbWVudG9cIikpIHtcbiAgICAgIGltZyA9IFwiSGFuZHNoYWtlXCI7XG4gICAgfVxuICAgIGlmIChjb21wZXRlbmNlLmNvbXBldGVuY2VOYW1lLmluY2x1ZGVzKFwiQXRpdmlkYWRlXCIpKSB7XG4gICAgICBpbWcgPSBcIkxpc3RDaGVja1wiO1xuICAgIH1cbiAgICBpZiAoY29tcGV0ZW5jZS5jb21wZXRlbmNlTmFtZS5pbmNsdWRlcyhcIkNvcnBvcmFpc1wiKSkge1xuICAgICAgaW1nID0gXCJXYXJuaW5nXCI7XG4gICAgfVxuICAgIHJldHVybiBgYXNzZXRzL2ltYWdlcy9pY29ucy8ke2ltZ30uc3ZnYDtcbiAgfVxufVxuIiwiPHNlY3Rpb24gY2xhc3M9XCJtYXBhX19jYXJkIGNvbXBldGVuY2VcIiAqbmdGb3I9XCJsZXQgY29tcGV0ZW5jZSBvZiBkYXRhXCI+XG4gIDxoZWFkZXIgY2xhc3M9XCJjb21wZXRlbmNlX19oZWFkZXJcIj5cbiAgICA8aW1nIFtzcmNdPVwiZ2V0Q29tcGV0ZW5jZUltZyhjb21wZXRlbmNlKVwiIC8+XG4gICAge3sgY29tcGV0ZW5jZS5jb21wZXRlbmNlTmFtZSB9fVxuICA8L2hlYWRlcj5cbiAgPHNlY3Rpb25cbiAgICBjbGFzcz1cIm1hcGFfX2NhcmQgc2NhbGVcIlxuICAgICpuZ0Zvcj1cImxldCBzY2FsZSBvZiBjb21wZXRlbmNlLnNjYWxlc1wiXG4gID5cbiAgICA8c2VjdGlvbiBjbGFzcz1cInNjYWxlX190b3BcIj5cbiAgICAgIDxoZWFkZXIgY2xhc3M9XCJzY2FsZV9faGVhZGVyXCI+XG4gICAgICAgIDxkaXYgY2xhc3M9XCJzY2FsZV9faGVhZGVyLS10aXRsZSBtYXBhLS1kaXNwbGF5LW1cIj5cbiAgICAgICAgICB7eyBzY2FsZS5zY2FsZU5hbWUgfX1cbiAgICAgICAgICA8ZGl2XG4gICAgICAgICAgICAqbmdJZj1cInNjYWxlLmNsYXNzaWZpY2F0aW9uXCJcbiAgICAgICAgICAgIGNsYXNzPVwibWFwYV9fdGFnLS1iZ1wiXG4gICAgICAgICAgICBbc3R5bGUuYmFja2dyb3VuZENvbG9yXT1cInNjYWxlLmNsYXNzaWZpY2F0aW9uLmNsYXNzaWZpY2F0aW9uQ29sb3JcIlxuICAgICAgICAgICAgW2NsYXNzLm1hcGFfX3RhZy0tY29udHJhc3RdPVwic2NhbGUuY2xhc3NpZmljYXRpb24uY2xhc3NpZmljYXRpb25JZCA9PT0gMVwiXG4gICAgICAgICAgPlxuICAgICAgICAgICAgPHNwYW4gY2xhc3M9XCJtYXBhX190YWctLXRleHRcIlxuICAgICAgICAgICAgICA+e3sgc2NhbGUuY2xhc3NpZmljYXRpb24uY2xhc3NpZmljYXRpb25OYW1lIH19PC9zcGFuXG4gICAgICAgICAgICA+XG4gICAgICAgICAgPC9kaXY+XG4gICAgICAgIDwvZGl2PlxuICAgICAgICA8ZGl2XG4gICAgICAgICAgKm5nSWY9XCJzaG93UHJvZ3Jlc3NiYXIgJiYgc2NhbGUuaW50ZXJ2YWxcIlxuICAgICAgICAgIGNsYXNzPVwic2NhbGVfX2hlYWRlci0tcHJvZ3Jlc3NiYXJcIlxuICAgICAgICA+XG4gICAgICAgICAgPG1hcGEtcHJvZ3Jlc3NiYXJcbiAgICAgICAgICAgIFtkYXRhXT1cImdldFByb2dyZXNzYmFyRGF0YShzY2FsZSlcIlxuICAgICAgICAgID48L21hcGEtcHJvZ3Jlc3NiYXI+XG4gICAgICAgIDwvZGl2PlxuICAgICAgPC9oZWFkZXI+XG4gICAgICA8YXJ0aWNsZSAqbmdJZj1cInNjYWxlLnNjYWxlQ29uY2VwdFwiIGNsYXNzPVwic2NhbGVfX2NvbmNlcHRcIj5cbiAgICAgICAgPHN0cm9uZz5Db25jZWl0bzo8L3N0cm9uZz4ge3sgc2NhbGUuc2NhbGVDb25jZXB0IH19XG4gICAgICA8L2FydGljbGU+XG4gICAgPC9zZWN0aW9uPlxuICAgIDxzZWN0aW9uXG4gICAgICBjbGFzcz1cInNjYWxlX19kaW1lbnNpb25zXCJcbiAgICAgIFtjbGFzcy5kaW1lbnNpb24tLWZ1bGwtc2l6ZWRdPVwiIXNob3dTdW1tYXJpemVkKHNjYWxlKVwiXG4gICAgICBbY2xhc3MuZGltZW5zaW9uLS1zdW1tYXJpemVkXT1cInNob3dTdW1tYXJpemVkKHNjYWxlKVwiXG4gICAgPlxuICAgICAgPGFydGljbGVcbiAgICAgICAgKm5nRm9yPVwibGV0IGRpbWVuc2lvbiBvZiBzY2FsZS5kaW1lbnNpb25zXCJcbiAgICAgICAgY2xhc3M9XCJtYXBhX19jYXJkLS1zbSBkaW1lbnNpb25cIlxuICAgICAgPlxuICAgICAgICA8bmF2IGNsYXNzPVwiZGltZW5zaW9uX19tYWluXCI+XG4gICAgICAgICAgPGRpdiBjbGFzcz1cImRpbWVuc2lvbi0tdGl0bGVcIj5cbiAgICAgICAgICAgIDxzcGFuXG4gICAgICAgICAgICAgICpuZ0lmPVwiZGltZW5zaW9uLmRpcmVjdGlvbiA9PT0gJ1Bvc2l0aXZhJzsgZWxzZSBuZWdhdGl2ZURpcmVjdGlvblwiXG4gICAgICAgICAgICAgID7ihpE8L3NwYW5cbiAgICAgICAgICAgID5cbiAgICAgICAgICAgIDxuZy10ZW1wbGF0ZSAjbmVnYXRpdmVEaXJlY3Rpb24+4oaTPC9uZy10ZW1wbGF0ZT5cbiAgICAgICAgICAgIHt7IGRpbWVuc2lvbi5kaW1lbnNpb25OYW1lIH19XG4gICAgICAgICAgPC9kaXY+XG4gICAgICAgICAgPGRpdiBjbGFzcz1cImRpbWVuc2lvbi0tY2xhc3NpZmljYXRpb25cIj5cbiAgICAgICAgICAgIDxkaXZcbiAgICAgICAgICAgICAgKm5nSWY9XCJkaW1lbnNpb24uY2xhc3NpZmljYXRpb25cIlxuICAgICAgICAgICAgICBjbGFzcz1cIm1hcGFfX3RhZy0tYmdcIlxuICAgICAgICAgICAgICBbc3R5bGUuYmFja2dyb3VuZENvbG9yXT1cImRpbWVuc2lvbi5jbGFzc2lmaWNhdGlvbi5jbGFzc2lmaWNhdGlvbkNvbG9yXCJcbiAgICAgICAgICAgICAgW2NsYXNzLm1hcGFfX3RhZy0tY29udHJhc3RdPVwiZGltZW5zaW9uLmNsYXNzaWZpY2F0aW9uLmNsYXNzaWZpY2F0aW9uSWQgPT09IDFcIlxuICAgICAgICAgICAgPlxuICAgICAgICAgICAgICA8c3BhbiBjbGFzcz1cIm1hcGFfX3RhZy0tdGV4dFwiXG4gICAgICAgICAgICAgICAgPnt7IGRpbWVuc2lvbi5jbGFzc2lmaWNhdGlvbi5jbGFzc2lmaWNhdGlvbk5hbWUgfX08L3NwYW5cbiAgICAgICAgICAgICAgPlxuICAgICAgICAgICAgPC9kaXY+XG4gICAgICAgICAgPC9kaXY+XG4gICAgICAgIDwvbmF2PlxuICAgICAgICA8ZGl2XG4gICAgICAgICAgKm5nSWY9XCJkaW1lbnNpb24uZGltZW5zaW9uQ2xhc3NpZmljYXRpb25NZXNzYWdlXCJcbiAgICAgICAgICBjbGFzcz1cImRpbWVuc2lvbl9fY29uY2VwdFwiXG4gICAgICAgID5cbiAgICAgICAgICB7eyBkaW1lbnNpb24uZGltZW5zaW9uQ2xhc3NpZmljYXRpb25NZXNzYWdlIH19XG4gICAgICAgIDwvZGl2PlxuICAgICAgPC9hcnRpY2xlPlxuICAgIDwvc2VjdGlvbj5cbiAgPC9zZWN0aW9uPlxuPC9zZWN0aW9uPlxuIl19
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
export {};
|
|
2
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2NhbGUuaW50ZXJmYWNlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbWFwYS1saWJyYXJ5LXVpL3NyYy9saWIvY29tcG9uZW50cy9zY2FsZS9zcmMvc2NhbGUuaW50ZXJmYWNlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiIiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDbGFzc2lmaWNhdGlvbiB9IGZyb20gXCIuLi8uLi8uLi9jb3JlL2ludGVyZmFjZXMvY2xhc3NpZmljYXRpb24uaW50ZXJmYWNlXCI7XG5cbmV4cG9ydCBpbnRlcmZhY2UgRGltZW5zaW9uIHtcbiAgZGltZW5zaW9uTmFtZTogc3RyaW5nO1xuICBkaXJlY3Rpb246IHN0cmluZztcbiAgZXNjb3JlVD86IG51bWJlcjtcbiAgYXZlcmFnZT86IG51bWJlcjtcbiAgcGVyY2VudGFnZT86IG51bWJlcjtcbiAgcGVyY2VudGlsPzogbnVtYmVyO1xuICBkaW1lbnNpb25DbGFzc2lmaWNhdGlvbk1lc3NhZ2U/OiBzdHJpbmc7XG4gIGRpbWVuc2lvbkNvbmNlcHQ/
|
|
2
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2NhbGUuaW50ZXJmYWNlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbWFwYS1saWJyYXJ5LXVpL3NyYy9saWIvY29tcG9uZW50cy9zY2FsZS9zcmMvc2NhbGUuaW50ZXJmYWNlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiIiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDbGFzc2lmaWNhdGlvbiB9IGZyb20gXCIuLi8uLi8uLi9jb3JlL2ludGVyZmFjZXMvY2xhc3NpZmljYXRpb24uaW50ZXJmYWNlXCI7XG5cbmV4cG9ydCBpbnRlcmZhY2UgRGltZW5zaW9uIHtcbiAgZGltZW5zaW9uTmFtZTogc3RyaW5nO1xuICBkaXJlY3Rpb246IHN0cmluZztcbiAgZXNjb3JlVD86IG51bWJlcjtcbiAgYXZlcmFnZT86IG51bWJlcjtcbiAgcGVyY2VudGFnZT86IG51bWJlcjtcbiAgcGVyY2VudGlsPzogbnVtYmVyO1xuICBkaW1lbnNpb25DbGFzc2lmaWNhdGlvbk1lc3NhZ2U/OiBzdHJpbmc7XG4gIGRpbWVuc2lvbkNvbmNlcHQ/OiBzdHJpbmc7XG4gIGNsYXNzaWZpY2F0aW9uPzogQ2xhc3NpZmljYXRpb247XG59XG5cbmV4cG9ydCBpbnRlcmZhY2UgUHJvZ3Jlc3NCYXIge1xuICBpbnRlcnZhbD86IG51bWJlcjtcbiAgY2xhc3NpZmljYXRpb24/OiBDbGFzc2lmaWNhdGlvbjtcbn1cblxuZXhwb3J0IGludGVyZmFjZSBTY2FsZSB7XG4gIHNjYWxlTmFtZTogc3RyaW5nO1xuICBpbnRlcnZhbD86IG51bWJlcjtcbiAgY2xhc3NpZmljYXRpb24/OiBDbGFzc2lmaWNhdGlvbjtcbiAgc2NhbGVDb25jZXB0Pzogc3RyaW5nO1xuICBzY2FsZURpcmVjdGlvbj86IHN0cmluZztcbiAgYXZlcmFnZT86IG51bWJlcjtcbiAgcGVyY2VudGFnZT86IG51bWJlcjtcbiAgZGltZW5zaW9uczogRGltZW5zaW9uW107XG59XG5cbmV4cG9ydCBpbnRlcmZhY2UgQ29tcGV0ZW5jZSB7XG4gIGNvbXBldGVuY2VOYW1lOiBzdHJpbmc7XG4gIHNjYWxlczogU2NhbGVbXTtcbiAgcGVyY2VudGFnZT86IG51bWJlcjtcbn1cbiJdfQ==
|
|
@@ -32,8 +32,8 @@ class MapaScaleComponent {
|
|
|
32
32
|
isPositive(dimension) {
|
|
33
33
|
return dimension.direction === "Positiva";
|
|
34
34
|
}
|
|
35
|
-
showSummarized(
|
|
36
|
-
return (
|
|
35
|
+
showSummarized(scale) {
|
|
36
|
+
return (scale === null || scale === void 0 ? void 0 : scale.scaleConcept) === undefined;
|
|
37
37
|
}
|
|
38
38
|
getCompetenceImg(competence) {
|
|
39
39
|
let img = "";
|
|
@@ -56,10 +56,10 @@ class MapaScaleComponent {
|
|
|
56
56
|
}
|
|
57
57
|
}
|
|
58
58
|
MapaScaleComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: MapaScaleComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
59
|
-
MapaScaleComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: MapaScaleComponent, selector: "mapa-scale", inputs: { data: "data", showProgressbar: "showProgressbar" }, ngImport: i0, template: "<section class=\"mapa__card competence\" *ngFor=\"let competence of data\">\n <header class=\"competence__header\">\n <img [src]=\"getCompetenceImg(competence)\" />\n {{ competence.competenceName }}\n </header>\n <section
|
|
59
|
+
MapaScaleComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: MapaScaleComponent, selector: "mapa-scale", inputs: { data: "data", showProgressbar: "showProgressbar" }, ngImport: i0, template: "<section class=\"mapa__card competence\" *ngFor=\"let competence of data\">\n <header class=\"competence__header\">\n <img [src]=\"getCompetenceImg(competence)\" />\n {{ competence.competenceName }}\n </header>\n <section\n class=\"mapa__card scale\"\n *ngFor=\"let scale of competence.scales\"\n >\n <section class=\"scale__top\">\n <header class=\"scale__header\">\n <div class=\"scale__header--title mapa--display-m\">\n {{ scale.scaleName }}\n <div\n *ngIf=\"scale.classification\"\n class=\"mapa__tag--bg\"\n [style.backgroundColor]=\"scale.classification.classificationColor\"\n [class.mapa__tag--contrast]=\"scale.classification.classificationId === 1\"\n >\n <span class=\"mapa__tag--text\"\n >{{ scale.classification.classificationName }}</span\n >\n </div>\n </div>\n <div\n *ngIf=\"showProgressbar && scale.interval\"\n class=\"scale__header--progressbar\"\n >\n <mapa-progressbar\n [data]=\"getProgressbarData(scale)\"\n ></mapa-progressbar>\n </div>\n </header>\n <article *ngIf=\"scale.scaleConcept\" class=\"scale__concept\">\n <strong>Conceito:</strong> {{ scale.scaleConcept }}\n </article>\n </section>\n <section\n class=\"scale__dimensions\"\n [class.dimension--full-sized]=\"!showSummarized(scale)\"\n [class.dimension--summarized]=\"showSummarized(scale)\"\n >\n <article\n *ngFor=\"let dimension of scale.dimensions\"\n class=\"mapa__card--sm dimension\"\n >\n <nav class=\"dimension__main\">\n <div class=\"dimension--title\">\n <span\n *ngIf=\"dimension.direction === 'Positiva'; else negativeDirection\"\n >\u2191</span\n >\n <ng-template #negativeDirection>\u2193</ng-template>\n {{ dimension.dimensionName }}\n </div>\n <div class=\"dimension--classification\">\n <div\n *ngIf=\"dimension.classification\"\n class=\"mapa__tag--bg\"\n [style.backgroundColor]=\"dimension.classification.classificationColor\"\n [class.mapa__tag--contrast]=\"dimension.classification.classificationId === 1\"\n >\n <span class=\"mapa__tag--text\"\n >{{ dimension.classification.classificationName }}</span\n >\n </div>\n </div>\n </nav>\n <div\n *ngIf=\"dimension.dimensionClassificationMessage\"\n class=\"dimension__concept\"\n >\n {{ dimension.dimensionClassificationMessage }}\n </div>\n </article>\n </section>\n </section>\n</section>\n", styles: [".competence{display:flex;gap:24px;font-family:SF-Pro}.competence__header{display:flex;align-items:center;color:#ea561d;font-size:32px;font-weight:500;line-height:40px;width:100%}.competence__header img{margin-right:16px}.competence .scale{display:flex;gap:16px;flex-wrap:wrap}.competence .scale__top{border-bottom:2px solid #8c8f94;padding-bottom:32px;margin-bottom:24px;width:100%}.competence .scale__header{display:flex;align-items:center;justify-content:space-between;width:100%;color:#181818;font-size:24px;font-style:normal;font-weight:500;line-height:32px}.competence .scale__concept{color:#50575e;font-size:16px;font-style:normal;font-weight:400;line-height:24px}.competence .scale__concept strong{color:#181818;font-size:16px;font-style:normal;font-weight:600;line-height:24px}.competence .scale__dimensions{display:flex;flex-wrap:wrap;gap:24px;width:100%}.competence .scale .dimension__main{display:flex;justify-content:space-between}.competence .scale .dimension--full-sized{display:flex;justify-content:space-between;gap:24px;width:100%}.competence .scale .dimension--full-sized .dimension{display:flex;gap:32px;width:100%}.competence .scale .dimension--full-sized .dimension__main{width:35%}.competence .scale .dimension--full-sized .dimension__concept{width:65%}.competence .scale .dimension--summarized{display:grid;gap:24px;grid-template-columns:1fr 1fr 1fr}.competence .scale .dimension--title{color:#181818;font-size:16px;font-style:normal;font-weight:500;line-height:24px}.competence .scale .dimension__concept{color:#50575e;font-size:16px;font-style:normal;font-weight:400;line-height:24px}\n"], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: MapaProgressbarComponent, selector: "mapa-progressbar", inputs: ["data", "showInterval"] }] });
|
|
60
60
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: MapaScaleComponent, decorators: [{
|
|
61
61
|
type: Component,
|
|
62
|
-
args: [{ selector: "mapa-scale", template: "<section class=\"mapa__card competence\" *ngFor=\"let competence of data\">\n <header class=\"competence__header\">\n <img [src]=\"getCompetenceImg(competence)\" />\n {{ competence.competenceName }}\n </header>\n <section
|
|
62
|
+
args: [{ selector: "mapa-scale", template: "<section class=\"mapa__card competence\" *ngFor=\"let competence of data\">\n <header class=\"competence__header\">\n <img [src]=\"getCompetenceImg(competence)\" />\n {{ competence.competenceName }}\n </header>\n <section\n class=\"mapa__card scale\"\n *ngFor=\"let scale of competence.scales\"\n >\n <section class=\"scale__top\">\n <header class=\"scale__header\">\n <div class=\"scale__header--title mapa--display-m\">\n {{ scale.scaleName }}\n <div\n *ngIf=\"scale.classification\"\n class=\"mapa__tag--bg\"\n [style.backgroundColor]=\"scale.classification.classificationColor\"\n [class.mapa__tag--contrast]=\"scale.classification.classificationId === 1\"\n >\n <span class=\"mapa__tag--text\"\n >{{ scale.classification.classificationName }}</span\n >\n </div>\n </div>\n <div\n *ngIf=\"showProgressbar && scale.interval\"\n class=\"scale__header--progressbar\"\n >\n <mapa-progressbar\n [data]=\"getProgressbarData(scale)\"\n ></mapa-progressbar>\n </div>\n </header>\n <article *ngIf=\"scale.scaleConcept\" class=\"scale__concept\">\n <strong>Conceito:</strong> {{ scale.scaleConcept }}\n </article>\n </section>\n <section\n class=\"scale__dimensions\"\n [class.dimension--full-sized]=\"!showSummarized(scale)\"\n [class.dimension--summarized]=\"showSummarized(scale)\"\n >\n <article\n *ngFor=\"let dimension of scale.dimensions\"\n class=\"mapa__card--sm dimension\"\n >\n <nav class=\"dimension__main\">\n <div class=\"dimension--title\">\n <span\n *ngIf=\"dimension.direction === 'Positiva'; else negativeDirection\"\n >\u2191</span\n >\n <ng-template #negativeDirection>\u2193</ng-template>\n {{ dimension.dimensionName }}\n </div>\n <div class=\"dimension--classification\">\n <div\n *ngIf=\"dimension.classification\"\n class=\"mapa__tag--bg\"\n [style.backgroundColor]=\"dimension.classification.classificationColor\"\n [class.mapa__tag--contrast]=\"dimension.classification.classificationId === 1\"\n >\n <span class=\"mapa__tag--text\"\n >{{ dimension.classification.classificationName }}</span\n >\n </div>\n </div>\n </nav>\n <div\n *ngIf=\"dimension.dimensionClassificationMessage\"\n class=\"dimension__concept\"\n >\n {{ dimension.dimensionClassificationMessage }}\n </div>\n </article>\n </section>\n </section>\n</section>\n", styles: [".competence{display:flex;gap:24px;font-family:SF-Pro}.competence__header{display:flex;align-items:center;color:#ea561d;font-size:32px;font-weight:500;line-height:40px;width:100%}.competence__header img{margin-right:16px}.competence .scale{display:flex;gap:16px;flex-wrap:wrap}.competence .scale__top{border-bottom:2px solid #8c8f94;padding-bottom:32px;margin-bottom:24px;width:100%}.competence .scale__header{display:flex;align-items:center;justify-content:space-between;width:100%;color:#181818;font-size:24px;font-style:normal;font-weight:500;line-height:32px}.competence .scale__concept{color:#50575e;font-size:16px;font-style:normal;font-weight:400;line-height:24px}.competence .scale__concept strong{color:#181818;font-size:16px;font-style:normal;font-weight:600;line-height:24px}.competence .scale__dimensions{display:flex;flex-wrap:wrap;gap:24px;width:100%}.competence .scale .dimension__main{display:flex;justify-content:space-between}.competence .scale .dimension--full-sized{display:flex;justify-content:space-between;gap:24px;width:100%}.competence .scale .dimension--full-sized .dimension{display:flex;gap:32px;width:100%}.competence .scale .dimension--full-sized .dimension__main{width:35%}.competence .scale .dimension--full-sized .dimension__concept{width:65%}.competence .scale .dimension--summarized{display:grid;gap:24px;grid-template-columns:1fr 1fr 1fr}.competence .scale .dimension--title{color:#181818;font-size:16px;font-style:normal;font-weight:500;line-height:24px}.competence .scale .dimension__concept{color:#50575e;font-size:16px;font-style:normal;font-weight:400;line-height:24px}\n"] }]
|
|
63
63
|
}], propDecorators: { data: [{
|
|
64
64
|
type: Input
|
|
65
65
|
}], showProgressbar: [{
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"mapa-library-ui-src-lib-components-scale.mjs","sources":["../../../projects/mapa-library-ui/src/lib/components/scale/src/progressbar/progressbar.component.ts","../../../projects/mapa-library-ui/src/lib/components/scale/src/progressbar/progressbar.component.html","../../../projects/mapa-library-ui/src/lib/components/scale/src/scale.component.ts","../../../projects/mapa-library-ui/src/lib/components/scale/src/scale.component.html","../../../projects/mapa-library-ui/src/lib/components/scale/src/details/details.component.ts","../../../projects/mapa-library-ui/src/lib/components/scale/src/details/details.component.html","../../../projects/mapa-library-ui/src/lib/components/scale/src/scale.module.ts","../../../projects/mapa-library-ui/src/lib/components/scale/public-api.ts","../../../projects/mapa-library-ui/src/scale.ts","../../../projects/mapa-library-ui/src/mapa-library-ui-src-lib-components-scale.ts"],"sourcesContent":["import { Component, Input } from \"@angular/core\";\nimport { ProgressBar } from \"../scale.interface\";\n\n@Component({\n selector: \"mapa-progressbar\",\n templateUrl: \"./progressbar.component.html\",\n styleUrls: [\"./progressbar.component.scss\"],\n})\nexport class MapaProgressbarComponent {\n @Input() data!: ProgressBar;\n @Input() showInterval: boolean = true;\n}\n","<div class=\"progress-bar\">\n <div class=\"progress-bar--bg\">\n <div\n class=\"progress-bar--filled\"\n [style.width.%]=\"data.interval\"\n [style.backgroundColor]=\"data.classification?.classificationColor\"\n ></div>\n </div>\n <div class=\"progress-bar--interval\" *ngIf=\"showInterval\">\n {{data.interval}}%\n </div>\n</div>\n","import { Component, Input } from \"@angular/core\";\nimport { Dimension } from \"../../group-report/src/group-report-interface\";\nimport { Competence, Scale, ProgressBar } from \"./scale.interface\";\n\n@Component({\n selector: \"mapa-scale\",\n templateUrl: \"./scale.component.html\",\n styleUrls: [\"./scale.component.scss\"],\n})\nexport class MapaScaleComponent {\n @Input() data!: Competence[];\n @Input() showProgressbar: boolean = true;\n\n getProgressbarData(scale: Scale): ProgressBar {\n return {\n interval: scale.interval,\n classification: scale.classification!,\n };\n }\n\n isPositive(dimension: Dimension): boolean {\n return dimension.direction === \"Positiva\";\n }\n\n showSummarized(dimension: Dimension): boolean {\n return dimension?.dimensionClassificationMessage === undefined;\n }\n\n getCompetenceImg(competence: Competence): string {\n let img = \"\";\n if (competence.competenceName.includes(\"Gestão\")) {\n img = \"UsersThree\";\n }\n if (competence.competenceName.includes(\"Autogestão\")) {\n img = \"Brain\";\n }\n if (competence.competenceName.includes(\"Relacionamento\")) {\n img = \"Handshake\";\n }\n if (competence.competenceName.includes(\"Atividade\")) {\n img = \"ListCheck\";\n }\n if (competence.competenceName.includes(\"Corporais\")) {\n img = \"Warning\";\n }\n return `assets/images/icons/${img}.svg`;\n }\n}\n","<section class=\"mapa__card competence\" *ngFor=\"let competence of data\">\n <header class=\"competence__header\">\n <img [src]=\"getCompetenceImg(competence)\" />\n {{ competence.competenceName }}\n </header>\n <section class=\"mapa__card scale\" *ngFor=\"let scale of competence.scales\">\n <header class=\"scale__header\">\n <div class=\"scale__header--title mapa--display-m\">\n {{ scale.scaleName }}\n <div\n *ngIf=\"scale.classification\"\n class=\"mapa__tag--bg\"\n [style.backgroundColor]=\"scale.classification.classificationColor\"\n [class.mapa__tag--contrast]=\"scale.classification.classificationId === 1\"\n >\n <span class=\"mapa__tag--text\">{{ scale.classification.classificationName }}</span>\n </div>\n </div>\n <div *ngIf=\"showProgressbar\" class=\"scale__header--progressbar\">\n <mapa-progressbar [data]=\"getProgressbarData(scale)\"></mapa-progressbar>\n </div>\n </header>\n <article *ngIf=\"scale.scaleConcept\" class=\"scale__concept\">\n <strong>Conceito:</strong> {{ scale.scaleConcept }}\n </article>\n <hr />\n <section class=\"scale__dimensions\">\n <article\n *ngFor=\"let dimension of scale.dimensions\"\n class=\"mapa__card--sm dimension\"\n [class.dimension--full-sized]=\"!showSummarized(dimension)\"\n [class.dimension--summarized]=\"showSummarized(dimension)\"\n >\n <nav class=\"dimension__main\">\n <div class=\"dimension--title\">\n <span *ngIf=\"dimension.direction === 'Positiva'; else negativeDirection\">↑</span>\n <ng-template #negativeDirection>↓</ng-template>\n {{ dimension.dimensionName }}\n </div>\n <div class=\"dimension--classification\">\n <div\n *ngIf=\"dimension.classification\"\n class=\"mapa__tag--bg\"\n [style.backgroundColor]=\"dimension.classification.classificationColor\"\n [class.mapa__tag--contrast]=\"dimension.classification.classificationId === 1\"\n >\n <span class=\"mapa__tag--text\">{{ dimension.classification.classificationName }}</span>\n </div>\n </div>\n </nav>\n <div\n *ngIf=\"dimension.dimensionClassificationMessage\"\n class=\"dimension__concept\"\n >\n {{ dimension.dimensionClassificationMessage }}\n </div>\n </article>\n </section>\n </section>\n</section>\n","import { Component } from '@angular/core';\n\n@Component({\n selector: 'mapa-details',\n templateUrl: './details.component.html',\n styleUrls: ['./details.component.scss']\n})\nexport class MapaDetailsComponent {\n\n}\n","<p>details works!</p>\n","import { NgModule } from \"@angular/core\";\nimport { CommonModule } from \"@angular/common\";\nimport { MapaScaleComponent } from \"./scale.component\";\nimport { MapaProgressbarComponent } from \"./progressbar/progressbar.component\";\nimport { MapaDetailsComponent } from \"./details/details.component\";\n\n@NgModule({\n declarations: [\n MapaScaleComponent,\n MapaProgressbarComponent,\n MapaDetailsComponent,\n ],\n exports: [\n MapaScaleComponent,\n MapaProgressbarComponent,\n MapaDetailsComponent,\n ],\n imports: [CommonModule],\n})\nexport class MapaScaleModule {}\n","/*\n * Public API Surface of mapa-library-ui scale\n */\n\nexport * from './src/scale.component';\nexport * from './src/scale.module';\nexport * from './src/progressbar/progressbar.component';\nexport * from './src/details/details.component';","/*\n * Public API Surface of mapa-library-ui scale\n */\n\nexport * from './lib/components/scale/public-api';\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './scale';\n"],"names":["i2.MapaProgressbarComponent"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"mapa-library-ui-src-lib-components-scale.mjs","sources":["../../../projects/mapa-library-ui/src/lib/components/scale/src/progressbar/progressbar.component.ts","../../../projects/mapa-library-ui/src/lib/components/scale/src/progressbar/progressbar.component.html","../../../projects/mapa-library-ui/src/lib/components/scale/src/scale.component.ts","../../../projects/mapa-library-ui/src/lib/components/scale/src/scale.component.html","../../../projects/mapa-library-ui/src/lib/components/scale/src/details/details.component.ts","../../../projects/mapa-library-ui/src/lib/components/scale/src/details/details.component.html","../../../projects/mapa-library-ui/src/lib/components/scale/src/scale.module.ts","../../../projects/mapa-library-ui/src/lib/components/scale/public-api.ts","../../../projects/mapa-library-ui/src/scale.ts","../../../projects/mapa-library-ui/src/mapa-library-ui-src-lib-components-scale.ts"],"sourcesContent":["import { Component, Input } from \"@angular/core\";\nimport { ProgressBar } from \"../scale.interface\";\n\n@Component({\n selector: \"mapa-progressbar\",\n templateUrl: \"./progressbar.component.html\",\n styleUrls: [\"./progressbar.component.scss\"],\n})\nexport class MapaProgressbarComponent {\n @Input() data!: ProgressBar;\n @Input() showInterval: boolean = true;\n}\n","<div class=\"progress-bar\">\n <div class=\"progress-bar--bg\">\n <div\n class=\"progress-bar--filled\"\n [style.width.%]=\"data.interval\"\n [style.backgroundColor]=\"data.classification?.classificationColor\"\n ></div>\n </div>\n <div class=\"progress-bar--interval\" *ngIf=\"showInterval\">\n {{data.interval}}%\n </div>\n</div>\n","import { Component, Input } from \"@angular/core\";\nimport { Dimension } from \"../../group-report/src/group-report-interface\";\nimport { Competence, Scale, ProgressBar } from \"./scale.interface\";\n\n@Component({\n selector: \"mapa-scale\",\n templateUrl: \"./scale.component.html\",\n styleUrls: [\"./scale.component.scss\"],\n})\nexport class MapaScaleComponent {\n @Input() data!: Competence[];\n @Input() showProgressbar: boolean = true;\n\n getProgressbarData(scale: Scale): ProgressBar {\n return {\n interval: scale.interval,\n classification: scale.classification!,\n };\n }\n\n isPositive(dimension: Dimension): boolean {\n return dimension.direction === \"Positiva\";\n }\n\n showSummarized(scale: Scale): boolean {\n return scale?.scaleConcept === undefined;\n }\n\n getCompetenceImg(competence: Competence): string {\n let img = \"\";\n if (competence.competenceName.includes(\"Gestão\")) {\n img = \"UsersThree\";\n }\n if (competence.competenceName.includes(\"Autogestão\")) {\n img = \"Brain\";\n }\n if (competence.competenceName.includes(\"Relacionamento\")) {\n img = \"Handshake\";\n }\n if (competence.competenceName.includes(\"Atividade\")) {\n img = \"ListCheck\";\n }\n if (competence.competenceName.includes(\"Corporais\")) {\n img = \"Warning\";\n }\n return `assets/images/icons/${img}.svg`;\n }\n}\n","<section class=\"mapa__card competence\" *ngFor=\"let competence of data\">\n <header class=\"competence__header\">\n <img [src]=\"getCompetenceImg(competence)\" />\n {{ competence.competenceName }}\n </header>\n <section\n class=\"mapa__card scale\"\n *ngFor=\"let scale of competence.scales\"\n >\n <section class=\"scale__top\">\n <header class=\"scale__header\">\n <div class=\"scale__header--title mapa--display-m\">\n {{ scale.scaleName }}\n <div\n *ngIf=\"scale.classification\"\n class=\"mapa__tag--bg\"\n [style.backgroundColor]=\"scale.classification.classificationColor\"\n [class.mapa__tag--contrast]=\"scale.classification.classificationId === 1\"\n >\n <span class=\"mapa__tag--text\"\n >{{ scale.classification.classificationName }}</span\n >\n </div>\n </div>\n <div\n *ngIf=\"showProgressbar && scale.interval\"\n class=\"scale__header--progressbar\"\n >\n <mapa-progressbar\n [data]=\"getProgressbarData(scale)\"\n ></mapa-progressbar>\n </div>\n </header>\n <article *ngIf=\"scale.scaleConcept\" class=\"scale__concept\">\n <strong>Conceito:</strong> {{ scale.scaleConcept }}\n </article>\n </section>\n <section\n class=\"scale__dimensions\"\n [class.dimension--full-sized]=\"!showSummarized(scale)\"\n [class.dimension--summarized]=\"showSummarized(scale)\"\n >\n <article\n *ngFor=\"let dimension of scale.dimensions\"\n class=\"mapa__card--sm dimension\"\n >\n <nav class=\"dimension__main\">\n <div class=\"dimension--title\">\n <span\n *ngIf=\"dimension.direction === 'Positiva'; else negativeDirection\"\n >↑</span\n >\n <ng-template #negativeDirection>↓</ng-template>\n {{ dimension.dimensionName }}\n </div>\n <div class=\"dimension--classification\">\n <div\n *ngIf=\"dimension.classification\"\n class=\"mapa__tag--bg\"\n [style.backgroundColor]=\"dimension.classification.classificationColor\"\n [class.mapa__tag--contrast]=\"dimension.classification.classificationId === 1\"\n >\n <span class=\"mapa__tag--text\"\n >{{ dimension.classification.classificationName }}</span\n >\n </div>\n </div>\n </nav>\n <div\n *ngIf=\"dimension.dimensionClassificationMessage\"\n class=\"dimension__concept\"\n >\n {{ dimension.dimensionClassificationMessage }}\n </div>\n </article>\n </section>\n </section>\n</section>\n","import { Component } from '@angular/core';\n\n@Component({\n selector: 'mapa-details',\n templateUrl: './details.component.html',\n styleUrls: ['./details.component.scss']\n})\nexport class MapaDetailsComponent {\n\n}\n","<p>details works!</p>\n","import { NgModule } from \"@angular/core\";\nimport { CommonModule } from \"@angular/common\";\nimport { MapaScaleComponent } from \"./scale.component\";\nimport { MapaProgressbarComponent } from \"./progressbar/progressbar.component\";\nimport { MapaDetailsComponent } from \"./details/details.component\";\n\n@NgModule({\n declarations: [\n MapaScaleComponent,\n MapaProgressbarComponent,\n MapaDetailsComponent,\n ],\n exports: [\n MapaScaleComponent,\n MapaProgressbarComponent,\n MapaDetailsComponent,\n ],\n imports: [CommonModule],\n})\nexport class MapaScaleModule {}\n","/*\n * Public API Surface of mapa-library-ui scale\n */\n\nexport * from './src/scale.component';\nexport * from './src/scale.module';\nexport * from './src/progressbar/progressbar.component';\nexport * from './src/details/details.component';","/*\n * Public API Surface of mapa-library-ui scale\n */\n\nexport * from './lib/components/scale/public-api';\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './scale';\n"],"names":["i2.MapaProgressbarComponent"],"mappings":"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"}
|
|
@@ -32,8 +32,8 @@ class MapaScaleComponent {
|
|
|
32
32
|
isPositive(dimension) {
|
|
33
33
|
return dimension.direction === "Positiva";
|
|
34
34
|
}
|
|
35
|
-
showSummarized(
|
|
36
|
-
return
|
|
35
|
+
showSummarized(scale) {
|
|
36
|
+
return scale?.scaleConcept === undefined;
|
|
37
37
|
}
|
|
38
38
|
getCompetenceImg(competence) {
|
|
39
39
|
let img = "";
|
|
@@ -56,10 +56,10 @@ class MapaScaleComponent {
|
|
|
56
56
|
}
|
|
57
57
|
}
|
|
58
58
|
MapaScaleComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: MapaScaleComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
59
|
-
MapaScaleComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: MapaScaleComponent, selector: "mapa-scale", inputs: { data: "data", showProgressbar: "showProgressbar" }, ngImport: i0, template: "<section class=\"mapa__card competence\" *ngFor=\"let competence of data\">\n <header class=\"competence__header\">\n <img [src]=\"getCompetenceImg(competence)\" />\n {{ competence.competenceName }}\n </header>\n <section
|
|
59
|
+
MapaScaleComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: MapaScaleComponent, selector: "mapa-scale", inputs: { data: "data", showProgressbar: "showProgressbar" }, ngImport: i0, template: "<section class=\"mapa__card competence\" *ngFor=\"let competence of data\">\n <header class=\"competence__header\">\n <img [src]=\"getCompetenceImg(competence)\" />\n {{ competence.competenceName }}\n </header>\n <section\n class=\"mapa__card scale\"\n *ngFor=\"let scale of competence.scales\"\n >\n <section class=\"scale__top\">\n <header class=\"scale__header\">\n <div class=\"scale__header--title mapa--display-m\">\n {{ scale.scaleName }}\n <div\n *ngIf=\"scale.classification\"\n class=\"mapa__tag--bg\"\n [style.backgroundColor]=\"scale.classification.classificationColor\"\n [class.mapa__tag--contrast]=\"scale.classification.classificationId === 1\"\n >\n <span class=\"mapa__tag--text\"\n >{{ scale.classification.classificationName }}</span\n >\n </div>\n </div>\n <div\n *ngIf=\"showProgressbar && scale.interval\"\n class=\"scale__header--progressbar\"\n >\n <mapa-progressbar\n [data]=\"getProgressbarData(scale)\"\n ></mapa-progressbar>\n </div>\n </header>\n <article *ngIf=\"scale.scaleConcept\" class=\"scale__concept\">\n <strong>Conceito:</strong> {{ scale.scaleConcept }}\n </article>\n </section>\n <section\n class=\"scale__dimensions\"\n [class.dimension--full-sized]=\"!showSummarized(scale)\"\n [class.dimension--summarized]=\"showSummarized(scale)\"\n >\n <article\n *ngFor=\"let dimension of scale.dimensions\"\n class=\"mapa__card--sm dimension\"\n >\n <nav class=\"dimension__main\">\n <div class=\"dimension--title\">\n <span\n *ngIf=\"dimension.direction === 'Positiva'; else negativeDirection\"\n >\u2191</span\n >\n <ng-template #negativeDirection>\u2193</ng-template>\n {{ dimension.dimensionName }}\n </div>\n <div class=\"dimension--classification\">\n <div\n *ngIf=\"dimension.classification\"\n class=\"mapa__tag--bg\"\n [style.backgroundColor]=\"dimension.classification.classificationColor\"\n [class.mapa__tag--contrast]=\"dimension.classification.classificationId === 1\"\n >\n <span class=\"mapa__tag--text\"\n >{{ dimension.classification.classificationName }}</span\n >\n </div>\n </div>\n </nav>\n <div\n *ngIf=\"dimension.dimensionClassificationMessage\"\n class=\"dimension__concept\"\n >\n {{ dimension.dimensionClassificationMessage }}\n </div>\n </article>\n </section>\n </section>\n</section>\n", styles: [".competence{display:flex;gap:24px;font-family:SF-Pro}.competence__header{display:flex;align-items:center;color:#ea561d;font-size:32px;font-weight:500;line-height:40px;width:100%}.competence__header img{margin-right:16px}.competence .scale{display:flex;gap:16px;flex-wrap:wrap}.competence .scale__top{border-bottom:2px solid #8c8f94;padding-bottom:32px;margin-bottom:24px;width:100%}.competence .scale__header{display:flex;align-items:center;justify-content:space-between;width:100%;color:#181818;font-size:24px;font-style:normal;font-weight:500;line-height:32px}.competence .scale__concept{color:#50575e;font-size:16px;font-style:normal;font-weight:400;line-height:24px}.competence .scale__concept strong{color:#181818;font-size:16px;font-style:normal;font-weight:600;line-height:24px}.competence .scale__dimensions{display:flex;flex-wrap:wrap;gap:24px;width:100%}.competence .scale .dimension__main{display:flex;justify-content:space-between}.competence .scale .dimension--full-sized{display:flex;justify-content:space-between;gap:24px;width:100%}.competence .scale .dimension--full-sized .dimension{display:flex;gap:32px;width:100%}.competence .scale .dimension--full-sized .dimension__main{width:35%}.competence .scale .dimension--full-sized .dimension__concept{width:65%}.competence .scale .dimension--summarized{display:grid;gap:24px;grid-template-columns:1fr 1fr 1fr}.competence .scale .dimension--title{color:#181818;font-size:16px;font-style:normal;font-weight:500;line-height:24px}.competence .scale .dimension__concept{color:#50575e;font-size:16px;font-style:normal;font-weight:400;line-height:24px}\n"], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: MapaProgressbarComponent, selector: "mapa-progressbar", inputs: ["data", "showInterval"] }] });
|
|
60
60
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: MapaScaleComponent, decorators: [{
|
|
61
61
|
type: Component,
|
|
62
|
-
args: [{ selector: "mapa-scale", template: "<section class=\"mapa__card competence\" *ngFor=\"let competence of data\">\n <header class=\"competence__header\">\n <img [src]=\"getCompetenceImg(competence)\" />\n {{ competence.competenceName }}\n </header>\n <section
|
|
62
|
+
args: [{ selector: "mapa-scale", template: "<section class=\"mapa__card competence\" *ngFor=\"let competence of data\">\n <header class=\"competence__header\">\n <img [src]=\"getCompetenceImg(competence)\" />\n {{ competence.competenceName }}\n </header>\n <section\n class=\"mapa__card scale\"\n *ngFor=\"let scale of competence.scales\"\n >\n <section class=\"scale__top\">\n <header class=\"scale__header\">\n <div class=\"scale__header--title mapa--display-m\">\n {{ scale.scaleName }}\n <div\n *ngIf=\"scale.classification\"\n class=\"mapa__tag--bg\"\n [style.backgroundColor]=\"scale.classification.classificationColor\"\n [class.mapa__tag--contrast]=\"scale.classification.classificationId === 1\"\n >\n <span class=\"mapa__tag--text\"\n >{{ scale.classification.classificationName }}</span\n >\n </div>\n </div>\n <div\n *ngIf=\"showProgressbar && scale.interval\"\n class=\"scale__header--progressbar\"\n >\n <mapa-progressbar\n [data]=\"getProgressbarData(scale)\"\n ></mapa-progressbar>\n </div>\n </header>\n <article *ngIf=\"scale.scaleConcept\" class=\"scale__concept\">\n <strong>Conceito:</strong> {{ scale.scaleConcept }}\n </article>\n </section>\n <section\n class=\"scale__dimensions\"\n [class.dimension--full-sized]=\"!showSummarized(scale)\"\n [class.dimension--summarized]=\"showSummarized(scale)\"\n >\n <article\n *ngFor=\"let dimension of scale.dimensions\"\n class=\"mapa__card--sm dimension\"\n >\n <nav class=\"dimension__main\">\n <div class=\"dimension--title\">\n <span\n *ngIf=\"dimension.direction === 'Positiva'; else negativeDirection\"\n >\u2191</span\n >\n <ng-template #negativeDirection>\u2193</ng-template>\n {{ dimension.dimensionName }}\n </div>\n <div class=\"dimension--classification\">\n <div\n *ngIf=\"dimension.classification\"\n class=\"mapa__tag--bg\"\n [style.backgroundColor]=\"dimension.classification.classificationColor\"\n [class.mapa__tag--contrast]=\"dimension.classification.classificationId === 1\"\n >\n <span class=\"mapa__tag--text\"\n >{{ dimension.classification.classificationName }}</span\n >\n </div>\n </div>\n </nav>\n <div\n *ngIf=\"dimension.dimensionClassificationMessage\"\n class=\"dimension__concept\"\n >\n {{ dimension.dimensionClassificationMessage }}\n </div>\n </article>\n </section>\n </section>\n</section>\n", styles: [".competence{display:flex;gap:24px;font-family:SF-Pro}.competence__header{display:flex;align-items:center;color:#ea561d;font-size:32px;font-weight:500;line-height:40px;width:100%}.competence__header img{margin-right:16px}.competence .scale{display:flex;gap:16px;flex-wrap:wrap}.competence .scale__top{border-bottom:2px solid #8c8f94;padding-bottom:32px;margin-bottom:24px;width:100%}.competence .scale__header{display:flex;align-items:center;justify-content:space-between;width:100%;color:#181818;font-size:24px;font-style:normal;font-weight:500;line-height:32px}.competence .scale__concept{color:#50575e;font-size:16px;font-style:normal;font-weight:400;line-height:24px}.competence .scale__concept strong{color:#181818;font-size:16px;font-style:normal;font-weight:600;line-height:24px}.competence .scale__dimensions{display:flex;flex-wrap:wrap;gap:24px;width:100%}.competence .scale .dimension__main{display:flex;justify-content:space-between}.competence .scale .dimension--full-sized{display:flex;justify-content:space-between;gap:24px;width:100%}.competence .scale .dimension--full-sized .dimension{display:flex;gap:32px;width:100%}.competence .scale .dimension--full-sized .dimension__main{width:35%}.competence .scale .dimension--full-sized .dimension__concept{width:65%}.competence .scale .dimension--summarized{display:grid;gap:24px;grid-template-columns:1fr 1fr 1fr}.competence .scale .dimension--title{color:#181818;font-size:16px;font-style:normal;font-weight:500;line-height:24px}.competence .scale .dimension__concept{color:#50575e;font-size:16px;font-style:normal;font-weight:400;line-height:24px}\n"] }]
|
|
63
63
|
}], propDecorators: { data: [{
|
|
64
64
|
type: Input
|
|
65
65
|
}], showProgressbar: [{
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"mapa-library-ui-src-lib-components-scale.mjs","sources":["../../../projects/mapa-library-ui/src/lib/components/scale/src/progressbar/progressbar.component.ts","../../../projects/mapa-library-ui/src/lib/components/scale/src/progressbar/progressbar.component.html","../../../projects/mapa-library-ui/src/lib/components/scale/src/scale.component.ts","../../../projects/mapa-library-ui/src/lib/components/scale/src/scale.component.html","../../../projects/mapa-library-ui/src/lib/components/scale/src/details/details.component.ts","../../../projects/mapa-library-ui/src/lib/components/scale/src/details/details.component.html","../../../projects/mapa-library-ui/src/lib/components/scale/src/scale.module.ts","../../../projects/mapa-library-ui/src/lib/components/scale/public-api.ts","../../../projects/mapa-library-ui/src/scale.ts","../../../projects/mapa-library-ui/src/mapa-library-ui-src-lib-components-scale.ts"],"sourcesContent":["import { Component, Input } from \"@angular/core\";\nimport { ProgressBar } from \"../scale.interface\";\n\n@Component({\n selector: \"mapa-progressbar\",\n templateUrl: \"./progressbar.component.html\",\n styleUrls: [\"./progressbar.component.scss\"],\n})\nexport class MapaProgressbarComponent {\n @Input() data!: ProgressBar;\n @Input() showInterval: boolean = true;\n}\n","<div class=\"progress-bar\">\n <div class=\"progress-bar--bg\">\n <div\n class=\"progress-bar--filled\"\n [style.width.%]=\"data.interval\"\n [style.backgroundColor]=\"data.classification?.classificationColor\"\n ></div>\n </div>\n <div class=\"progress-bar--interval\" *ngIf=\"showInterval\">\n {{data.interval}}%\n </div>\n</div>\n","import { Component, Input } from \"@angular/core\";\nimport { Dimension } from \"../../group-report/src/group-report-interface\";\nimport { Competence, Scale, ProgressBar } from \"./scale.interface\";\n\n@Component({\n selector: \"mapa-scale\",\n templateUrl: \"./scale.component.html\",\n styleUrls: [\"./scale.component.scss\"],\n})\nexport class MapaScaleComponent {\n @Input() data!: Competence[];\n @Input() showProgressbar: boolean = true;\n\n getProgressbarData(scale: Scale): ProgressBar {\n return {\n interval: scale.interval,\n classification: scale.classification!,\n };\n }\n\n isPositive(dimension: Dimension): boolean {\n return dimension.direction === \"Positiva\";\n }\n\n showSummarized(dimension: Dimension): boolean {\n return dimension?.dimensionClassificationMessage === undefined;\n }\n\n getCompetenceImg(competence: Competence): string {\n let img = \"\";\n if (competence.competenceName.includes(\"Gestão\")) {\n img = \"UsersThree\";\n }\n if (competence.competenceName.includes(\"Autogestão\")) {\n img = \"Brain\";\n }\n if (competence.competenceName.includes(\"Relacionamento\")) {\n img = \"Handshake\";\n }\n if (competence.competenceName.includes(\"Atividade\")) {\n img = \"ListCheck\";\n }\n if (competence.competenceName.includes(\"Corporais\")) {\n img = \"Warning\";\n }\n return `assets/images/icons/${img}.svg`;\n }\n}\n","<section class=\"mapa__card competence\" *ngFor=\"let competence of data\">\n <header class=\"competence__header\">\n <img [src]=\"getCompetenceImg(competence)\" />\n {{ competence.competenceName }}\n </header>\n <section class=\"mapa__card scale\" *ngFor=\"let scale of competence.scales\">\n <header class=\"scale__header\">\n <div class=\"scale__header--title mapa--display-m\">\n {{ scale.scaleName }}\n <div\n *ngIf=\"scale.classification\"\n class=\"mapa__tag--bg\"\n [style.backgroundColor]=\"scale.classification.classificationColor\"\n [class.mapa__tag--contrast]=\"scale.classification.classificationId === 1\"\n >\n <span class=\"mapa__tag--text\">{{ scale.classification.classificationName }}</span>\n </div>\n </div>\n <div *ngIf=\"showProgressbar\" class=\"scale__header--progressbar\">\n <mapa-progressbar [data]=\"getProgressbarData(scale)\"></mapa-progressbar>\n </div>\n </header>\n <article *ngIf=\"scale.scaleConcept\" class=\"scale__concept\">\n <strong>Conceito:</strong> {{ scale.scaleConcept }}\n </article>\n <hr />\n <section class=\"scale__dimensions\">\n <article\n *ngFor=\"let dimension of scale.dimensions\"\n class=\"mapa__card--sm dimension\"\n [class.dimension--full-sized]=\"!showSummarized(dimension)\"\n [class.dimension--summarized]=\"showSummarized(dimension)\"\n >\n <nav class=\"dimension__main\">\n <div class=\"dimension--title\">\n <span *ngIf=\"dimension.direction === 'Positiva'; else negativeDirection\">↑</span>\n <ng-template #negativeDirection>↓</ng-template>\n {{ dimension.dimensionName }}\n </div>\n <div class=\"dimension--classification\">\n <div\n *ngIf=\"dimension.classification\"\n class=\"mapa__tag--bg\"\n [style.backgroundColor]=\"dimension.classification.classificationColor\"\n [class.mapa__tag--contrast]=\"dimension.classification.classificationId === 1\"\n >\n <span class=\"mapa__tag--text\">{{ dimension.classification.classificationName }}</span>\n </div>\n </div>\n </nav>\n <div\n *ngIf=\"dimension.dimensionClassificationMessage\"\n class=\"dimension__concept\"\n >\n {{ dimension.dimensionClassificationMessage }}\n </div>\n </article>\n </section>\n </section>\n</section>\n","import { Component } from '@angular/core';\n\n@Component({\n selector: 'mapa-details',\n templateUrl: './details.component.html',\n styleUrls: ['./details.component.scss']\n})\nexport class MapaDetailsComponent {\n\n}\n","<p>details works!</p>\n","import { NgModule } from \"@angular/core\";\nimport { CommonModule } from \"@angular/common\";\nimport { MapaScaleComponent } from \"./scale.component\";\nimport { MapaProgressbarComponent } from \"./progressbar/progressbar.component\";\nimport { MapaDetailsComponent } from \"./details/details.component\";\n\n@NgModule({\n declarations: [\n MapaScaleComponent,\n MapaProgressbarComponent,\n MapaDetailsComponent,\n ],\n exports: [\n MapaScaleComponent,\n MapaProgressbarComponent,\n MapaDetailsComponent,\n ],\n imports: [CommonModule],\n})\nexport class MapaScaleModule {}\n","/*\n * Public API Surface of mapa-library-ui scale\n */\n\nexport * from './src/scale.component';\nexport * from './src/scale.module';\nexport * from './src/progressbar/progressbar.component';\nexport * from './src/details/details.component';","/*\n * Public API Surface of mapa-library-ui scale\n */\n\nexport * from './lib/components/scale/public-api';\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './scale';\n"],"names":["i2.MapaProgressbarComponent"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"mapa-library-ui-src-lib-components-scale.mjs","sources":["../../../projects/mapa-library-ui/src/lib/components/scale/src/progressbar/progressbar.component.ts","../../../projects/mapa-library-ui/src/lib/components/scale/src/progressbar/progressbar.component.html","../../../projects/mapa-library-ui/src/lib/components/scale/src/scale.component.ts","../../../projects/mapa-library-ui/src/lib/components/scale/src/scale.component.html","../../../projects/mapa-library-ui/src/lib/components/scale/src/details/details.component.ts","../../../projects/mapa-library-ui/src/lib/components/scale/src/details/details.component.html","../../../projects/mapa-library-ui/src/lib/components/scale/src/scale.module.ts","../../../projects/mapa-library-ui/src/lib/components/scale/public-api.ts","../../../projects/mapa-library-ui/src/scale.ts","../../../projects/mapa-library-ui/src/mapa-library-ui-src-lib-components-scale.ts"],"sourcesContent":["import { Component, Input } from \"@angular/core\";\nimport { ProgressBar } from \"../scale.interface\";\n\n@Component({\n selector: \"mapa-progressbar\",\n templateUrl: \"./progressbar.component.html\",\n styleUrls: [\"./progressbar.component.scss\"],\n})\nexport class MapaProgressbarComponent {\n @Input() data!: ProgressBar;\n @Input() showInterval: boolean = true;\n}\n","<div class=\"progress-bar\">\n <div class=\"progress-bar--bg\">\n <div\n class=\"progress-bar--filled\"\n [style.width.%]=\"data.interval\"\n [style.backgroundColor]=\"data.classification?.classificationColor\"\n ></div>\n </div>\n <div class=\"progress-bar--interval\" *ngIf=\"showInterval\">\n {{data.interval}}%\n </div>\n</div>\n","import { Component, Input } from \"@angular/core\";\nimport { Dimension } from \"../../group-report/src/group-report-interface\";\nimport { Competence, Scale, ProgressBar } from \"./scale.interface\";\n\n@Component({\n selector: \"mapa-scale\",\n templateUrl: \"./scale.component.html\",\n styleUrls: [\"./scale.component.scss\"],\n})\nexport class MapaScaleComponent {\n @Input() data!: Competence[];\n @Input() showProgressbar: boolean = true;\n\n getProgressbarData(scale: Scale): ProgressBar {\n return {\n interval: scale.interval,\n classification: scale.classification!,\n };\n }\n\n isPositive(dimension: Dimension): boolean {\n return dimension.direction === \"Positiva\";\n }\n\n showSummarized(scale: Scale): boolean {\n return scale?.scaleConcept === undefined;\n }\n\n getCompetenceImg(competence: Competence): string {\n let img = \"\";\n if (competence.competenceName.includes(\"Gestão\")) {\n img = \"UsersThree\";\n }\n if (competence.competenceName.includes(\"Autogestão\")) {\n img = \"Brain\";\n }\n if (competence.competenceName.includes(\"Relacionamento\")) {\n img = \"Handshake\";\n }\n if (competence.competenceName.includes(\"Atividade\")) {\n img = \"ListCheck\";\n }\n if (competence.competenceName.includes(\"Corporais\")) {\n img = \"Warning\";\n }\n return `assets/images/icons/${img}.svg`;\n }\n}\n","<section class=\"mapa__card competence\" *ngFor=\"let competence of data\">\n <header class=\"competence__header\">\n <img [src]=\"getCompetenceImg(competence)\" />\n {{ competence.competenceName }}\n </header>\n <section\n class=\"mapa__card scale\"\n *ngFor=\"let scale of competence.scales\"\n >\n <section class=\"scale__top\">\n <header class=\"scale__header\">\n <div class=\"scale__header--title mapa--display-m\">\n {{ scale.scaleName }}\n <div\n *ngIf=\"scale.classification\"\n class=\"mapa__tag--bg\"\n [style.backgroundColor]=\"scale.classification.classificationColor\"\n [class.mapa__tag--contrast]=\"scale.classification.classificationId === 1\"\n >\n <span class=\"mapa__tag--text\"\n >{{ scale.classification.classificationName }}</span\n >\n </div>\n </div>\n <div\n *ngIf=\"showProgressbar && scale.interval\"\n class=\"scale__header--progressbar\"\n >\n <mapa-progressbar\n [data]=\"getProgressbarData(scale)\"\n ></mapa-progressbar>\n </div>\n </header>\n <article *ngIf=\"scale.scaleConcept\" class=\"scale__concept\">\n <strong>Conceito:</strong> {{ scale.scaleConcept }}\n </article>\n </section>\n <section\n class=\"scale__dimensions\"\n [class.dimension--full-sized]=\"!showSummarized(scale)\"\n [class.dimension--summarized]=\"showSummarized(scale)\"\n >\n <article\n *ngFor=\"let dimension of scale.dimensions\"\n class=\"mapa__card--sm dimension\"\n >\n <nav class=\"dimension__main\">\n <div class=\"dimension--title\">\n <span\n *ngIf=\"dimension.direction === 'Positiva'; else negativeDirection\"\n >↑</span\n >\n <ng-template #negativeDirection>↓</ng-template>\n {{ dimension.dimensionName }}\n </div>\n <div class=\"dimension--classification\">\n <div\n *ngIf=\"dimension.classification\"\n class=\"mapa__tag--bg\"\n [style.backgroundColor]=\"dimension.classification.classificationColor\"\n [class.mapa__tag--contrast]=\"dimension.classification.classificationId === 1\"\n >\n <span class=\"mapa__tag--text\"\n >{{ dimension.classification.classificationName }}</span\n >\n </div>\n </div>\n </nav>\n <div\n *ngIf=\"dimension.dimensionClassificationMessage\"\n class=\"dimension__concept\"\n >\n {{ dimension.dimensionClassificationMessage }}\n </div>\n </article>\n </section>\n </section>\n</section>\n","import { Component } from '@angular/core';\n\n@Component({\n selector: 'mapa-details',\n templateUrl: './details.component.html',\n styleUrls: ['./details.component.scss']\n})\nexport class MapaDetailsComponent {\n\n}\n","<p>details works!</p>\n","import { NgModule } from \"@angular/core\";\nimport { CommonModule } from \"@angular/common\";\nimport { MapaScaleComponent } from \"./scale.component\";\nimport { MapaProgressbarComponent } from \"./progressbar/progressbar.component\";\nimport { MapaDetailsComponent } from \"./details/details.component\";\n\n@NgModule({\n declarations: [\n MapaScaleComponent,\n MapaProgressbarComponent,\n MapaDetailsComponent,\n ],\n exports: [\n MapaScaleComponent,\n MapaProgressbarComponent,\n MapaDetailsComponent,\n ],\n imports: [CommonModule],\n})\nexport class MapaScaleModule {}\n","/*\n * Public API Surface of mapa-library-ui scale\n */\n\nexport * from './src/scale.component';\nexport * from './src/scale.module';\nexport * from './src/progressbar/progressbar.component';\nexport * from './src/details/details.component';","/*\n * Public API Surface of mapa-library-ui scale\n */\n\nexport * from './lib/components/scale/public-api';\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './scale';\n"],"names":["i2.MapaProgressbarComponent"],"mappings":"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"}
|
|
Binary file
|
package/package.json
CHANGED
|
@@ -6,7 +6,7 @@ export declare class MapaScaleComponent {
|
|
|
6
6
|
showProgressbar: boolean;
|
|
7
7
|
getProgressbarData(scale: Scale): ProgressBar;
|
|
8
8
|
isPositive(dimension: Dimension): boolean;
|
|
9
|
-
showSummarized(
|
|
9
|
+
showSummarized(scale: Scale): boolean;
|
|
10
10
|
getCompetenceImg(competence: Competence): string;
|
|
11
11
|
static ɵfac: i0.ɵɵFactoryDeclaration<MapaScaleComponent, never>;
|
|
12
12
|
static ɵcmp: i0.ɵɵComponentDeclaration<MapaScaleComponent, "mapa-scale", never, { "data": "data"; "showProgressbar": "showProgressbar"; }, {}, never, never, false, never>;
|
|
@@ -11,12 +11,12 @@ export interface Dimension {
|
|
|
11
11
|
classification?: Classification;
|
|
12
12
|
}
|
|
13
13
|
export interface ProgressBar {
|
|
14
|
-
interval
|
|
14
|
+
interval?: number;
|
|
15
15
|
classification?: Classification;
|
|
16
16
|
}
|
|
17
17
|
export interface Scale {
|
|
18
18
|
scaleName: string;
|
|
19
|
-
interval
|
|
19
|
+
interval?: number;
|
|
20
20
|
classification?: Classification;
|
|
21
21
|
scaleConcept?: string;
|
|
22
22
|
scaleDirection?: string;
|
|
Binary file
|