mapa-library-ui 0.13.2 → 0.13.3
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/capability/lib/components/capability/src/capability-comparative-chart/capability-comparative-chart.component.mjs +4 -3
- package/esm2020/src/lib/components/capability/lib/components/capability/src/capability-comparative-indicator/capability-comparative-indicator.component.mjs +4 -3
- package/esm2020/src/lib/components/capability/lib/components/capability/src/capability-comparative-indicator/capability-comparative-indicator.module.mjs +5 -4
- package/esm2020/src/lib/components/capability/lib/components/capability/src/essentials/interfaces/capability-item.interface.mjs +1 -1
- package/fesm2015/mapa-library-ui-src-lib-components-capability.mjs +8 -7
- package/fesm2015/mapa-library-ui-src-lib-components-capability.mjs.map +1 -1
- package/fesm2020/mapa-library-ui-src-lib-components-capability.mjs +8 -7
- package/fesm2020/mapa-library-ui-src-lib-components-capability.mjs.map +1 -1
- package/mapa-library-ui-0.13.3.tgz +0 -0
- package/package.json +1 -1
- package/src/lib/components/capability/lib/components/capability/src/capability-comparative-indicator/capability-comparative-indicator.module.d.ts +2 -1
- package/src/lib/components/capability/lib/components/capability/src/essentials/interfaces/capability-item.interface.d.ts +1 -0
- package/mapa-library-ui-0.13.2.tgz +0 -0
|
@@ -5,17 +5,18 @@ import * as i2 from "../capability-comparative-indicator/capability-comparative-
|
|
|
5
5
|
export class MapaCapabilityComparativeChartComponent {
|
|
6
6
|
setCleanItem(item) {
|
|
7
7
|
return {
|
|
8
|
+
average: item.average,
|
|
8
9
|
interval: item.interval,
|
|
9
10
|
classificationId: item.classificationId,
|
|
10
11
|
};
|
|
11
12
|
}
|
|
12
13
|
}
|
|
13
14
|
MapaCapabilityComparativeChartComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: MapaCapabilityComparativeChartComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
14
|
-
MapaCapabilityComparativeChartComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: MapaCapabilityComparativeChartComponent, selector: "mapa-capability-comparative-chart", inputs: { data: "data" }, ngImport: i0, template: "<table class=\"capability-comparative__chart\">\n <tr *ngFor=\"let indicator of data.indicators\">\n <th>\n <p>{{ indicator.name }}</p>\n </th>\n <td class=\"capability-comparative__chart--indicators\">\n <mapa-capability-comparative-indicator\n *ngFor=\"let item of indicator.items\"\n [item]=\"setCleanItem(item)\"\n [fullWidth]=\"true\"\n [style.width.%]=\"item.interval\"\n ></mapa-capability-comparative-indicator>\n </td>\n </tr>\n</table>\n", styles: [".capability-comparative{background-color:#fff}.capability-comparative__chart{width:100%}.capability-comparative__chart tr{border-bottom:1px solid #DCDCDE;display:flex;padding:16px 0;justify-content:space-between;align-items:center}.capability-comparative__chart th{vertical-align:bottom;text-align:left;padding-right:36px;width:20%}.capability-comparative__chart th p{font-size:14px;font-family:SF-Pro,sans-serif;margin:6px 0!important;font-weight:500}.capability-comparative__chart--indicators{display:flex;height:40px;position:relative;width:100%}\n"], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "component", type: i2.MapaCapabilityComparativeIndicatorComponent, selector: "mapa-capability-comparative-indicator", inputs: ["item", "fullWidth"] }] });
|
|
15
|
+
MapaCapabilityComparativeChartComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: MapaCapabilityComparativeChartComponent, selector: "mapa-capability-comparative-chart", inputs: { data: "data" }, ngImport: i0, template: "<table class=\"capability-comparative__chart\">\n <tr *ngFor=\"let indicator of data.indicators\">\n <th>\n <p>{{ indicator.name }}</p>\n </th>\n <td class=\"capability-comparative__chart--indicators\">\n <mapa-capability-comparative-indicator\n *ngFor=\"let item of indicator.items\"\n [item]=\"setCleanItem(item)\"\n [fullWidth]=\"true\"\n [style.width.%]=\"item.interval\"\n ></mapa-capability-comparative-indicator>\n </td>\n </tr>\n</table>\n", styles: [".capability-comparative{background-color:#fff}.capability-comparative__chart{width:100%}.capability-comparative__chart tr{border-bottom:1px solid #DCDCDE;display:flex;padding:16px 0;justify-content:space-between;align-items:center}.capability-comparative__chart th{vertical-align:bottom;text-align:left;padding-right:36px;width:20%}.capability-comparative__chart th p{font-size:14px;font-family:SF-Pro,sans-serif;margin:6px 0!important;font-weight:500}.capability-comparative__chart--indicators{display:flex;justify-content:center;align-items:center;height:40px;position:relative;width:100%}\n"], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "component", type: i2.MapaCapabilityComparativeIndicatorComponent, selector: "mapa-capability-comparative-indicator", inputs: ["item", "fullWidth"] }] });
|
|
15
16
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: MapaCapabilityComparativeChartComponent, decorators: [{
|
|
16
17
|
type: Component,
|
|
17
|
-
args: [{ selector: 'mapa-capability-comparative-chart', template: "<table class=\"capability-comparative__chart\">\n <tr *ngFor=\"let indicator of data.indicators\">\n <th>\n <p>{{ indicator.name }}</p>\n </th>\n <td class=\"capability-comparative__chart--indicators\">\n <mapa-capability-comparative-indicator\n *ngFor=\"let item of indicator.items\"\n [item]=\"setCleanItem(item)\"\n [fullWidth]=\"true\"\n [style.width.%]=\"item.interval\"\n ></mapa-capability-comparative-indicator>\n </td>\n </tr>\n</table>\n", styles: [".capability-comparative{background-color:#fff}.capability-comparative__chart{width:100%}.capability-comparative__chart tr{border-bottom:1px solid #DCDCDE;display:flex;padding:16px 0;justify-content:space-between;align-items:center}.capability-comparative__chart th{vertical-align:bottom;text-align:left;padding-right:36px;width:20%}.capability-comparative__chart th p{font-size:14px;font-family:SF-Pro,sans-serif;margin:6px 0!important;font-weight:500}.capability-comparative__chart--indicators{display:flex;height:40px;position:relative;width:100%}\n"] }]
|
|
18
|
+
args: [{ selector: 'mapa-capability-comparative-chart', template: "<table class=\"capability-comparative__chart\">\n <tr *ngFor=\"let indicator of data.indicators\">\n <th>\n <p>{{ indicator.name }}</p>\n </th>\n <td class=\"capability-comparative__chart--indicators\">\n <mapa-capability-comparative-indicator\n *ngFor=\"let item of indicator.items\"\n [item]=\"setCleanItem(item)\"\n [fullWidth]=\"true\"\n [style.width.%]=\"item.interval\"\n ></mapa-capability-comparative-indicator>\n </td>\n </tr>\n</table>\n", styles: [".capability-comparative{background-color:#fff}.capability-comparative__chart{width:100%}.capability-comparative__chart tr{border-bottom:1px solid #DCDCDE;display:flex;padding:16px 0;justify-content:space-between;align-items:center}.capability-comparative__chart th{vertical-align:bottom;text-align:left;padding-right:36px;width:20%}.capability-comparative__chart th p{font-size:14px;font-family:SF-Pro,sans-serif;margin:6px 0!important;font-weight:500}.capability-comparative__chart--indicators{display:flex;justify-content:center;align-items:center;height:40px;position:relative;width:100%}\n"] }]
|
|
18
19
|
}], propDecorators: { data: [{
|
|
19
20
|
type: Input
|
|
20
21
|
}] } });
|
|
21
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
22
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2FwYWJpbGl0eS1jb21wYXJhdGl2ZS1jaGFydC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9tYXBhLWxpYnJhcnktdWkvc3JjL2xpYi9jb21wb25lbnRzL2NhcGFiaWxpdHkvc3JjL2NhcGFiaWxpdHktY29tcGFyYXRpdmUtY2hhcnQvY2FwYWJpbGl0eS1jb21wYXJhdGl2ZS1jaGFydC5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9tYXBhLWxpYnJhcnktdWkvc3JjL2xpYi9jb21wb25lbnRzL2NhcGFiaWxpdHkvc3JjL2NhcGFiaWxpdHktY29tcGFyYXRpdmUtY2hhcnQvY2FwYWJpbGl0eS1jb21wYXJhdGl2ZS1jaGFydC5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBRSxNQUFNLGVBQWUsQ0FBQzs7OztBQVNqRCxNQUFNLE9BQU8sdUNBQXVDO0lBRzNDLFlBQVksQ0FBQyxJQUFvQjtRQUN0QyxPQUFPO1lBQ0wsT0FBTyxFQUFFLElBQUksQ0FBQyxPQUFPO1lBQ3JCLFFBQVEsRUFBRSxJQUFJLENBQUMsUUFBUTtZQUN2QixnQkFBZ0IsRUFBRSxJQUFJLENBQUMsZ0JBQWdCO1NBQ3hDLENBQUM7SUFDSixDQUFDOztxSUFUVSx1Q0FBdUM7eUhBQXZDLHVDQUF1QyxtR0NUcEQsMGZBZUE7NEZETmEsdUNBQXVDO2tCQUxuRCxTQUFTOytCQUNFLG1DQUFtQzs4QkFLcEMsSUFBSTtzQkFBWixLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBJbnB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgQ2FwYWJpbGl0eUl0ZW0gfSBmcm9tICcuLi9lc3NlbnRpYWxzL2ludGVyZmFjZXMnO1xuaW1wb3J0IHsgQ2FwYWJpbGl0eUNvbXBhcmF0aXZlIH0gZnJvbSAnLi4vZXNzZW50aWFscy9pbnRlcmZhY2VzL2NhcGFiaWxpdHktY29tcGFyYXRpdmUuaW50ZXJmYWNlJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnbWFwYS1jYXBhYmlsaXR5LWNvbXBhcmF0aXZlLWNoYXJ0JyxcbiAgdGVtcGxhdGVVcmw6ICcuL2NhcGFiaWxpdHktY29tcGFyYXRpdmUtY2hhcnQuY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi9jYXBhYmlsaXR5LWNvbXBhcmF0aXZlLWNoYXJ0LmNvbXBvbmVudC5zY3NzJ11cbn0pXG5leHBvcnQgY2xhc3MgTWFwYUNhcGFiaWxpdHlDb21wYXJhdGl2ZUNoYXJ0Q29tcG9uZW50IHtcbiAgQElucHV0KCkgZGF0YSE6IENhcGFiaWxpdHlDb21wYXJhdGl2ZTtcblxuICBwdWJsaWMgc2V0Q2xlYW5JdGVtKGl0ZW06IENhcGFiaWxpdHlJdGVtKTogQ2FwYWJpbGl0eUl0ZW0ge1xuICAgIHJldHVybiB7XG4gICAgICBhdmVyYWdlOiBpdGVtLmF2ZXJhZ2UsXG4gICAgICBpbnRlcnZhbDogaXRlbS5pbnRlcnZhbCxcbiAgICAgIGNsYXNzaWZpY2F0aW9uSWQ6IGl0ZW0uY2xhc3NpZmljYXRpb25JZCxcbiAgICB9O1xuICB9XG59XG4iLCI8dGFibGUgY2xhc3M9XCJjYXBhYmlsaXR5LWNvbXBhcmF0aXZlX19jaGFydFwiPlxuICA8dHIgKm5nRm9yPVwibGV0IGluZGljYXRvciBvZiBkYXRhLmluZGljYXRvcnNcIj5cbiAgICA8dGg+XG4gICAgICA8cD57eyBpbmRpY2F0b3IubmFtZSB9fTwvcD5cbiAgICA8L3RoPlxuICAgIDx0ZCBjbGFzcz1cImNhcGFiaWxpdHktY29tcGFyYXRpdmVfX2NoYXJ0LS1pbmRpY2F0b3JzXCI+XG4gICAgICA8bWFwYS1jYXBhYmlsaXR5LWNvbXBhcmF0aXZlLWluZGljYXRvclxuICAgICAgICAqbmdGb3I9XCJsZXQgaXRlbSBvZiBpbmRpY2F0b3IuaXRlbXNcIlxuICAgICAgICBbaXRlbV09XCJzZXRDbGVhbkl0ZW0oaXRlbSlcIlxuICAgICAgICBbZnVsbFdpZHRoXT1cInRydWVcIlxuICAgICAgICBbc3R5bGUud2lkdGguJV09XCJpdGVtLmludGVydmFsXCJcbiAgICAgID48L21hcGEtY2FwYWJpbGl0eS1jb21wYXJhdGl2ZS1pbmRpY2F0b3I+XG4gICAgPC90ZD5cbiAgPC90cj5cbjwvdGFibGU+XG4iXX0=
|
|
@@ -1,19 +1,20 @@
|
|
|
1
1
|
import { Component, Input } from "@angular/core";
|
|
2
2
|
import * as i0 from "@angular/core";
|
|
3
3
|
import * as i1 from "@angular/common";
|
|
4
|
+
import * as i2 from "@angular/material/icon";
|
|
4
5
|
export class MapaCapabilityComparativeIndicatorComponent {
|
|
5
6
|
getWidth(item) {
|
|
6
7
|
return 32 + (item.interval || 0) * 2 + "px";
|
|
7
8
|
}
|
|
8
9
|
}
|
|
9
10
|
MapaCapabilityComparativeIndicatorComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: MapaCapabilityComparativeIndicatorComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
10
|
-
MapaCapabilityComparativeIndicatorComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: MapaCapabilityComparativeIndicatorComponent, selector: "mapa-capability-comparative-indicator", inputs: { item: "item", fullWidth: "fullWidth" }, ngImport: i0, template: "<div
|
|
11
|
+
MapaCapabilityComparativeIndicatorComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: MapaCapabilityComparativeIndicatorComponent, selector: "mapa-capability-comparative-indicator", inputs: { item: "item", fullWidth: "fullWidth" }, ngImport: i0, template: "<div class=\"comparative-indicator\" [style.width]=\"fullWidth ? '100%' : getWidth(item)\">\n <div class=\"comparative-indicator__interval\">\n {{ item.interval }}%\n <mat-icon *ngIf=\"item.average! > item.interval!\">arrow_drop_down</mat-icon>\n </div>\n <div class=\"comparative-indicator__classification\" [ngClass]=\"'classification-' + item.classificationId\"\n *ngIf=\"item.classificationId\"></div>\n</div>", styles: [".comparative-indicator{display:flex;flex-direction:column}.comparative-indicator__interval{font-size:12px;font-family:SF-Pro,sans-serif;text-align:center;width:100%;display:flex;justify-content:center;align-items:center;min-width:40px}.comparative-indicator__classification{border-radius:16px;padding:2px 4px;height:24px}.comparative-indicator .mat-icon{color:#ea561d}\n", ".classification-1{background-color:#073e92;color:#fff}.classification-2{background-color:#0e6ece;color:#fff}.classification-3{background-color:#2d9ced;color:#000}.classification-4{background-color:#68ceee;color:#000}.classification-5{background-color:#96f2ee;color:#000}.classification-6{background-color:#f598a7;color:#000}.classification-7{background-color:#f56580;color:#000}.classification-8{background-color:#f4284e;color:#fff}.classification-9{background-color:#c11c2f;color:#fff}.small-dot{width:12px;height:12px;border-radius:12px;padding:0;margin:0}.dot{width:16px;height:16px;border-radius:16px;padding:0;margin:0}.indicator{display:flex;padding:2px 4px 2px 16px;justify-content:space-between;align-items:center;border-radius:8px;font-family:SF-Pro;font-size:16px;font-style:normal;font-weight:400}.display-S{font-family:SF-Pro;font-size:20px;font-style:normal;font-weight:400}.display-L{font-family:SF-Pro;font-size:32px;font-style:normal;font-weight:400}.display-XG{font-family:SF-Pro;font-size:48px;font-style:normal;font-weight:400}*{transition:opacity .4s ease-out,max-height .4s ease-out}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }] });
|
|
11
12
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: MapaCapabilityComparativeIndicatorComponent, decorators: [{
|
|
12
13
|
type: Component,
|
|
13
|
-
args: [{ selector: "mapa-capability-comparative-indicator", template: "<div
|
|
14
|
+
args: [{ selector: "mapa-capability-comparative-indicator", template: "<div class=\"comparative-indicator\" [style.width]=\"fullWidth ? '100%' : getWidth(item)\">\n <div class=\"comparative-indicator__interval\">\n {{ item.interval }}%\n <mat-icon *ngIf=\"item.average! > item.interval!\">arrow_drop_down</mat-icon>\n </div>\n <div class=\"comparative-indicator__classification\" [ngClass]=\"'classification-' + item.classificationId\"\n *ngIf=\"item.classificationId\"></div>\n</div>", styles: [".comparative-indicator{display:flex;flex-direction:column}.comparative-indicator__interval{font-size:12px;font-family:SF-Pro,sans-serif;text-align:center;width:100%;display:flex;justify-content:center;align-items:center;min-width:40px}.comparative-indicator__classification{border-radius:16px;padding:2px 4px;height:24px}.comparative-indicator .mat-icon{color:#ea561d}\n", ".classification-1{background-color:#073e92;color:#fff}.classification-2{background-color:#0e6ece;color:#fff}.classification-3{background-color:#2d9ced;color:#000}.classification-4{background-color:#68ceee;color:#000}.classification-5{background-color:#96f2ee;color:#000}.classification-6{background-color:#f598a7;color:#000}.classification-7{background-color:#f56580;color:#000}.classification-8{background-color:#f4284e;color:#fff}.classification-9{background-color:#c11c2f;color:#fff}.small-dot{width:12px;height:12px;border-radius:12px;padding:0;margin:0}.dot{width:16px;height:16px;border-radius:16px;padding:0;margin:0}.indicator{display:flex;padding:2px 4px 2px 16px;justify-content:space-between;align-items:center;border-radius:8px;font-family:SF-Pro;font-size:16px;font-style:normal;font-weight:400}.display-S{font-family:SF-Pro;font-size:20px;font-style:normal;font-weight:400}.display-L{font-family:SF-Pro;font-size:32px;font-style:normal;font-weight:400}.display-XG{font-family:SF-Pro;font-size:48px;font-style:normal;font-weight:400}*{transition:opacity .4s ease-out,max-height .4s ease-out}\n"] }]
|
|
14
15
|
}], propDecorators: { item: [{
|
|
15
16
|
type: Input
|
|
16
17
|
}], fullWidth: [{
|
|
17
18
|
type: Input
|
|
18
19
|
}] } });
|
|
19
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
20
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2FwYWJpbGl0eS1jb21wYXJhdGl2ZS1pbmRpY2F0b3IuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbWFwYS1saWJyYXJ5LXVpL3NyYy9saWIvY29tcG9uZW50cy9jYXBhYmlsaXR5L3NyYy9jYXBhYmlsaXR5LWNvbXBhcmF0aXZlLWluZGljYXRvci9jYXBhYmlsaXR5LWNvbXBhcmF0aXZlLWluZGljYXRvci5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9tYXBhLWxpYnJhcnktdWkvc3JjL2xpYi9jb21wb25lbnRzL2NhcGFiaWxpdHkvc3JjL2NhcGFiaWxpdHktY29tcGFyYXRpdmUtaW5kaWNhdG9yL2NhcGFiaWxpdHktY29tcGFyYXRpdmUtaW5kaWNhdG9yLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFFLE1BQU0sZUFBZSxDQUFDOzs7O0FBV2pELE1BQU0sT0FBTywyQ0FBMkM7SUFJL0MsUUFBUSxDQUFDLElBQW9CO1FBQ2xDLE9BQU8sRUFBRSxHQUFHLENBQUMsSUFBSSxDQUFDLFFBQVEsSUFBSSxDQUFDLENBQUMsR0FBRyxDQUFDLEdBQUcsSUFBSSxDQUFDO0lBQzlDLENBQUM7O3lJQU5VLDJDQUEyQzs2SEFBM0MsMkNBQTJDLCtIQ1h4RCwyYUFPTTs0RkRJTywyQ0FBMkM7a0JBUnZELFNBQVM7K0JBQ0UsdUNBQXVDOzhCQVF4QyxJQUFJO3NCQUFaLEtBQUs7Z0JBQ0csU0FBUztzQkFBakIsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgSW5wdXQgfSBmcm9tIFwiQGFuZ3VsYXIvY29yZVwiO1xuaW1wb3J0IHsgQ2FwYWJpbGl0eUl0ZW0gfSBmcm9tIFwiLi4vZXNzZW50aWFscy9pbnRlcmZhY2VzXCI7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogXCJtYXBhLWNhcGFiaWxpdHktY29tcGFyYXRpdmUtaW5kaWNhdG9yXCIsXG4gIHRlbXBsYXRlVXJsOiBcIi4vY2FwYWJpbGl0eS1jb21wYXJhdGl2ZS1pbmRpY2F0b3IuY29tcG9uZW50Lmh0bWxcIixcbiAgc3R5bGVVcmxzOiBbXG4gICAgXCIuL2NhcGFiaWxpdHktY29tcGFyYXRpdmUtaW5kaWNhdG9yLmNvbXBvbmVudC5zY3NzXCIsXG4gICAgXCIuLy4uLy4uL3N0eWxlcy9jYXBhYmlsaXR5LnNjc3NcIixcbiAgXSxcbn0pXG5leHBvcnQgY2xhc3MgTWFwYUNhcGFiaWxpdHlDb21wYXJhdGl2ZUluZGljYXRvckNvbXBvbmVudCB7XG4gIEBJbnB1dCgpIGl0ZW0hOiBDYXBhYmlsaXR5SXRlbTtcbiAgQElucHV0KCkgZnVsbFdpZHRoPzogYm9vbGVhbjtcblxuICBwdWJsaWMgZ2V0V2lkdGgoaXRlbTogQ2FwYWJpbGl0eUl0ZW0pOiBzdHJpbmcge1xuICAgIHJldHVybiAzMiArIChpdGVtLmludGVydmFsIHx8IDApICogMiArIFwicHhcIjtcbiAgfVxufVxuIiwiPGRpdiBjbGFzcz1cImNvbXBhcmF0aXZlLWluZGljYXRvclwiIFtzdHlsZS53aWR0aF09XCJmdWxsV2lkdGggPyAnMTAwJScgOiBnZXRXaWR0aChpdGVtKVwiPlxuICA8ZGl2IGNsYXNzPVwiY29tcGFyYXRpdmUtaW5kaWNhdG9yX19pbnRlcnZhbFwiPlxuICAgIHt7IGl0ZW0uaW50ZXJ2YWwgfX0lXG4gICAgPG1hdC1pY29uICpuZ0lmPVwiaXRlbS5hdmVyYWdlISA+IGl0ZW0uaW50ZXJ2YWwhXCI+YXJyb3dfZHJvcF9kb3duPC9tYXQtaWNvbj5cbiAgPC9kaXY+XG4gIDxkaXYgY2xhc3M9XCJjb21wYXJhdGl2ZS1pbmRpY2F0b3JfX2NsYXNzaWZpY2F0aW9uXCIgW25nQ2xhc3NdPVwiJ2NsYXNzaWZpY2F0aW9uLScgKyBpdGVtLmNsYXNzaWZpY2F0aW9uSWRcIlxuICAgICpuZ0lmPVwiaXRlbS5jbGFzc2lmaWNhdGlvbklkXCI+PC9kaXY+XG48L2Rpdj4iXX0=
|
|
@@ -1,18 +1,19 @@
|
|
|
1
1
|
import { NgModule } from "@angular/core";
|
|
2
2
|
import { CommonModule } from "@angular/common";
|
|
3
3
|
import { MapaCapabilityComparativeIndicatorComponent } from "./capability-comparative-indicator.component";
|
|
4
|
+
import { MatIconModule } from "@angular/material/icon";
|
|
4
5
|
import * as i0 from "@angular/core";
|
|
5
6
|
export class MapaCapabilityComparativeIndicatorModule {
|
|
6
7
|
}
|
|
7
8
|
MapaCapabilityComparativeIndicatorModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: MapaCapabilityComparativeIndicatorModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
8
|
-
MapaCapabilityComparativeIndicatorModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.10", ngImport: i0, type: MapaCapabilityComparativeIndicatorModule, declarations: [MapaCapabilityComparativeIndicatorComponent], imports: [CommonModule], exports: [MapaCapabilityComparativeIndicatorComponent] });
|
|
9
|
-
MapaCapabilityComparativeIndicatorModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: MapaCapabilityComparativeIndicatorModule, imports: [CommonModule] });
|
|
9
|
+
MapaCapabilityComparativeIndicatorModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.10", ngImport: i0, type: MapaCapabilityComparativeIndicatorModule, declarations: [MapaCapabilityComparativeIndicatorComponent], imports: [CommonModule, MatIconModule], exports: [MapaCapabilityComparativeIndicatorComponent] });
|
|
10
|
+
MapaCapabilityComparativeIndicatorModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: MapaCapabilityComparativeIndicatorModule, imports: [CommonModule, MatIconModule] });
|
|
10
11
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: MapaCapabilityComparativeIndicatorModule, decorators: [{
|
|
11
12
|
type: NgModule,
|
|
12
13
|
args: [{
|
|
13
14
|
declarations: [MapaCapabilityComparativeIndicatorComponent],
|
|
14
15
|
exports: [MapaCapabilityComparativeIndicatorComponent],
|
|
15
|
-
imports: [CommonModule],
|
|
16
|
+
imports: [CommonModule, MatIconModule],
|
|
16
17
|
}]
|
|
17
18
|
}] });
|
|
18
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
19
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2FwYWJpbGl0eS1jb21wYXJhdGl2ZS1pbmRpY2F0b3IubW9kdWxlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbWFwYS1saWJyYXJ5LXVpL3NyYy9saWIvY29tcG9uZW50cy9jYXBhYmlsaXR5L3NyYy9jYXBhYmlsaXR5LWNvbXBhcmF0aXZlLWluZGljYXRvci9jYXBhYmlsaXR5LWNvbXBhcmF0aXZlLWluZGljYXRvci5tb2R1bGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFFBQVEsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUN6QyxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDL0MsT0FBTyxFQUFFLDJDQUEyQyxFQUFFLE1BQU0sOENBQThDLENBQUM7QUFDM0csT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLHdCQUF3QixDQUFDOztBQU92RCxNQUFNLE9BQU8sd0NBQXdDOztzSUFBeEMsd0NBQXdDO3VJQUF4Qyx3Q0FBd0MsaUJBSnBDLDJDQUEyQyxhQUVoRCxZQUFZLEVBQUUsYUFBYSxhQUQzQiwyQ0FBMkM7dUlBRzFDLHdDQUF3QyxZQUZ6QyxZQUFZLEVBQUUsYUFBYTs0RkFFMUIsd0NBQXdDO2tCQUxwRCxRQUFRO21CQUFDO29CQUNSLFlBQVksRUFBRSxDQUFDLDJDQUEyQyxDQUFDO29CQUMzRCxPQUFPLEVBQUUsQ0FBQywyQ0FBMkMsQ0FBQztvQkFDdEQsT0FBTyxFQUFFLENBQUMsWUFBWSxFQUFFLGFBQWEsQ0FBQztpQkFDdkMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBOZ01vZHVsZSB9IGZyb20gXCJAYW5ndWxhci9jb3JlXCI7XG5pbXBvcnQgeyBDb21tb25Nb2R1bGUgfSBmcm9tIFwiQGFuZ3VsYXIvY29tbW9uXCI7XG5pbXBvcnQgeyBNYXBhQ2FwYWJpbGl0eUNvbXBhcmF0aXZlSW5kaWNhdG9yQ29tcG9uZW50IH0gZnJvbSBcIi4vY2FwYWJpbGl0eS1jb21wYXJhdGl2ZS1pbmRpY2F0b3IuY29tcG9uZW50XCI7XG5pbXBvcnQgeyBNYXRJY29uTW9kdWxlIH0gZnJvbSBcIkBhbmd1bGFyL21hdGVyaWFsL2ljb25cIjtcblxuQE5nTW9kdWxlKHtcbiAgZGVjbGFyYXRpb25zOiBbTWFwYUNhcGFiaWxpdHlDb21wYXJhdGl2ZUluZGljYXRvckNvbXBvbmVudF0sXG4gIGV4cG9ydHM6IFtNYXBhQ2FwYWJpbGl0eUNvbXBhcmF0aXZlSW5kaWNhdG9yQ29tcG9uZW50XSxcbiAgaW1wb3J0czogW0NvbW1vbk1vZHVsZSwgTWF0SWNvbk1vZHVsZV0sXG59KVxuZXhwb3J0IGNsYXNzIE1hcGFDYXBhYmlsaXR5Q29tcGFyYXRpdmVJbmRpY2F0b3JNb2R1bGUge31cbiJdfQ==
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
export {};
|
|
2
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2FwYWJpbGl0eS1pdGVtLmludGVyZmFjZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL21hcGEtbGlicmFyeS11aS9zcmMvbGliL2NvbXBvbmVudHMvY2FwYWJpbGl0eS9zcmMvZXNzZW50aWFscy9pbnRlcmZhY2VzL2NhcGFiaWxpdHktaXRlbS5pbnRlcmZhY2UudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IiIsInNvdXJjZXNDb250ZW50IjpbImV4cG9ydCBpbnRlcmZhY2UgQ2FwYWJpbGl0eUl0ZW0ge1xuICBuYW1lPzogc3RyaW5nO1xuICBpbnRlcnZhbD86IG51bWJlcjtcbiAgY2xhc3NpZmljYXRpb25JZD86IG51bWJlcjtcbiAgcmlzaz86IGJvb2xlYW47XG4gIHByZWNpcGl0YXRpb24/OiBib29sZWFuO1xuICBuZWdsaWdlbmNlPzogYm9vbGVhbjtcbiAgaW5kaWNhdG9yT3JkZXI/
|
|
2
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2FwYWJpbGl0eS1pdGVtLmludGVyZmFjZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL21hcGEtbGlicmFyeS11aS9zcmMvbGliL2NvbXBvbmVudHMvY2FwYWJpbGl0eS9zcmMvZXNzZW50aWFscy9pbnRlcmZhY2VzL2NhcGFiaWxpdHktaXRlbS5pbnRlcmZhY2UudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IiIsInNvdXJjZXNDb250ZW50IjpbImV4cG9ydCBpbnRlcmZhY2UgQ2FwYWJpbGl0eUl0ZW0ge1xuICBuYW1lPzogc3RyaW5nO1xuICBpbnRlcnZhbD86IG51bWJlcjtcbiAgY2xhc3NpZmljYXRpb25JZD86IG51bWJlcjtcbiAgcmlzaz86IGJvb2xlYW47XG4gIHByZWNpcGl0YXRpb24/OiBib29sZWFuO1xuICBuZWdsaWdlbmNlPzogYm9vbGVhbjtcbiAgaW5kaWNhdG9yT3JkZXI/OiBudW1iZXI7XG4gIGRlc2NyaXB0aW9uPzogc3RyaW5nO1xuICBhdmVyYWdlPzogbnVtYmVyO1xufVxuIl19
|
|
@@ -829,10 +829,10 @@ class MapaCapabilityComparativeIndicatorComponent {
|
|
|
829
829
|
}
|
|
830
830
|
}
|
|
831
831
|
MapaCapabilityComparativeIndicatorComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: MapaCapabilityComparativeIndicatorComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
832
|
-
MapaCapabilityComparativeIndicatorComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: MapaCapabilityComparativeIndicatorComponent, selector: "mapa-capability-comparative-indicator", inputs: { item: "item", fullWidth: "fullWidth" }, ngImport: i0, template: "<div
|
|
832
|
+
MapaCapabilityComparativeIndicatorComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: MapaCapabilityComparativeIndicatorComponent, selector: "mapa-capability-comparative-indicator", inputs: { item: "item", fullWidth: "fullWidth" }, ngImport: i0, template: "<div class=\"comparative-indicator\" [style.width]=\"fullWidth ? '100%' : getWidth(item)\">\n <div class=\"comparative-indicator__interval\">\n {{ item.interval }}%\n <mat-icon *ngIf=\"item.average! > item.interval!\">arrow_drop_down</mat-icon>\n </div>\n <div class=\"comparative-indicator__classification\" [ngClass]=\"'classification-' + item.classificationId\"\n *ngIf=\"item.classificationId\"></div>\n</div>", styles: [".comparative-indicator{display:flex;flex-direction:column}.comparative-indicator__interval{font-size:12px;font-family:SF-Pro,sans-serif;text-align:center;width:100%;display:flex;justify-content:center;align-items:center;min-width:40px}.comparative-indicator__classification{border-radius:16px;padding:2px 4px;height:24px}.comparative-indicator .mat-icon{color:#ea561d}\n", ".classification-1{background-color:#073e92;color:#fff}.classification-2{background-color:#0e6ece;color:#fff}.classification-3{background-color:#2d9ced;color:#000}.classification-4{background-color:#68ceee;color:#000}.classification-5{background-color:#96f2ee;color:#000}.classification-6{background-color:#f598a7;color:#000}.classification-7{background-color:#f56580;color:#000}.classification-8{background-color:#f4284e;color:#fff}.classification-9{background-color:#c11c2f;color:#fff}.small-dot{width:12px;height:12px;border-radius:12px;padding:0;margin:0}.dot{width:16px;height:16px;border-radius:16px;padding:0;margin:0}.indicator{display:flex;padding:2px 4px 2px 16px;justify-content:space-between;align-items:center;border-radius:8px;font-family:SF-Pro;font-size:16px;font-style:normal;font-weight:400}.display-S{font-family:SF-Pro;font-size:20px;font-style:normal;font-weight:400}.display-L{font-family:SF-Pro;font-size:32px;font-style:normal;font-weight:400}.display-XG{font-family:SF-Pro;font-size:48px;font-style:normal;font-weight:400}*{transition:opacity .4s ease-out,max-height .4s ease-out}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i1$1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }] });
|
|
833
833
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: MapaCapabilityComparativeIndicatorComponent, decorators: [{
|
|
834
834
|
type: Component,
|
|
835
|
-
args: [{ selector: "mapa-capability-comparative-indicator", template: "<div
|
|
835
|
+
args: [{ selector: "mapa-capability-comparative-indicator", template: "<div class=\"comparative-indicator\" [style.width]=\"fullWidth ? '100%' : getWidth(item)\">\n <div class=\"comparative-indicator__interval\">\n {{ item.interval }}%\n <mat-icon *ngIf=\"item.average! > item.interval!\">arrow_drop_down</mat-icon>\n </div>\n <div class=\"comparative-indicator__classification\" [ngClass]=\"'classification-' + item.classificationId\"\n *ngIf=\"item.classificationId\"></div>\n</div>", styles: [".comparative-indicator{display:flex;flex-direction:column}.comparative-indicator__interval{font-size:12px;font-family:SF-Pro,sans-serif;text-align:center;width:100%;display:flex;justify-content:center;align-items:center;min-width:40px}.comparative-indicator__classification{border-radius:16px;padding:2px 4px;height:24px}.comparative-indicator .mat-icon{color:#ea561d}\n", ".classification-1{background-color:#073e92;color:#fff}.classification-2{background-color:#0e6ece;color:#fff}.classification-3{background-color:#2d9ced;color:#000}.classification-4{background-color:#68ceee;color:#000}.classification-5{background-color:#96f2ee;color:#000}.classification-6{background-color:#f598a7;color:#000}.classification-7{background-color:#f56580;color:#000}.classification-8{background-color:#f4284e;color:#fff}.classification-9{background-color:#c11c2f;color:#fff}.small-dot{width:12px;height:12px;border-radius:12px;padding:0;margin:0}.dot{width:16px;height:16px;border-radius:16px;padding:0;margin:0}.indicator{display:flex;padding:2px 4px 2px 16px;justify-content:space-between;align-items:center;border-radius:8px;font-family:SF-Pro;font-size:16px;font-style:normal;font-weight:400}.display-S{font-family:SF-Pro;font-size:20px;font-style:normal;font-weight:400}.display-L{font-family:SF-Pro;font-size:32px;font-style:normal;font-weight:400}.display-XG{font-family:SF-Pro;font-size:48px;font-style:normal;font-weight:400}*{transition:opacity .4s ease-out,max-height .4s ease-out}\n"] }]
|
|
836
836
|
}], propDecorators: { item: [{
|
|
837
837
|
type: Input
|
|
838
838
|
}], fullWidth: [{
|
|
@@ -842,16 +842,17 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
|
|
|
842
842
|
class MapaCapabilityComparativeChartComponent {
|
|
843
843
|
setCleanItem(item) {
|
|
844
844
|
return {
|
|
845
|
+
average: item.average,
|
|
845
846
|
interval: item.interval,
|
|
846
847
|
classificationId: item.classificationId,
|
|
847
848
|
};
|
|
848
849
|
}
|
|
849
850
|
}
|
|
850
851
|
MapaCapabilityComparativeChartComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: MapaCapabilityComparativeChartComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
851
|
-
MapaCapabilityComparativeChartComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: MapaCapabilityComparativeChartComponent, selector: "mapa-capability-comparative-chart", inputs: { data: "data" }, ngImport: i0, template: "<table class=\"capability-comparative__chart\">\n <tr *ngFor=\"let indicator of data.indicators\">\n <th>\n <p>{{ indicator.name }}</p>\n </th>\n <td class=\"capability-comparative__chart--indicators\">\n <mapa-capability-comparative-indicator\n *ngFor=\"let item of indicator.items\"\n [item]=\"setCleanItem(item)\"\n [fullWidth]=\"true\"\n [style.width.%]=\"item.interval\"\n ></mapa-capability-comparative-indicator>\n </td>\n </tr>\n</table>\n", styles: [".capability-comparative{background-color:#fff}.capability-comparative__chart{width:100%}.capability-comparative__chart tr{border-bottom:1px solid #DCDCDE;display:flex;padding:16px 0;justify-content:space-between;align-items:center}.capability-comparative__chart th{vertical-align:bottom;text-align:left;padding-right:36px;width:20%}.capability-comparative__chart th p{font-size:14px;font-family:SF-Pro,sans-serif;margin:6px 0!important;font-weight:500}.capability-comparative__chart--indicators{display:flex;height:40px;position:relative;width:100%}\n"], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "component", type: MapaCapabilityComparativeIndicatorComponent, selector: "mapa-capability-comparative-indicator", inputs: ["item", "fullWidth"] }] });
|
|
852
|
+
MapaCapabilityComparativeChartComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: MapaCapabilityComparativeChartComponent, selector: "mapa-capability-comparative-chart", inputs: { data: "data" }, ngImport: i0, template: "<table class=\"capability-comparative__chart\">\n <tr *ngFor=\"let indicator of data.indicators\">\n <th>\n <p>{{ indicator.name }}</p>\n </th>\n <td class=\"capability-comparative__chart--indicators\">\n <mapa-capability-comparative-indicator\n *ngFor=\"let item of indicator.items\"\n [item]=\"setCleanItem(item)\"\n [fullWidth]=\"true\"\n [style.width.%]=\"item.interval\"\n ></mapa-capability-comparative-indicator>\n </td>\n </tr>\n</table>\n", styles: [".capability-comparative{background-color:#fff}.capability-comparative__chart{width:100%}.capability-comparative__chart tr{border-bottom:1px solid #DCDCDE;display:flex;padding:16px 0;justify-content:space-between;align-items:center}.capability-comparative__chart th{vertical-align:bottom;text-align:left;padding-right:36px;width:20%}.capability-comparative__chart th p{font-size:14px;font-family:SF-Pro,sans-serif;margin:6px 0!important;font-weight:500}.capability-comparative__chart--indicators{display:flex;justify-content:center;align-items:center;height:40px;position:relative;width:100%}\n"], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "component", type: MapaCapabilityComparativeIndicatorComponent, selector: "mapa-capability-comparative-indicator", inputs: ["item", "fullWidth"] }] });
|
|
852
853
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: MapaCapabilityComparativeChartComponent, decorators: [{
|
|
853
854
|
type: Component,
|
|
854
|
-
args: [{ selector: 'mapa-capability-comparative-chart', template: "<table class=\"capability-comparative__chart\">\n <tr *ngFor=\"let indicator of data.indicators\">\n <th>\n <p>{{ indicator.name }}</p>\n </th>\n <td class=\"capability-comparative__chart--indicators\">\n <mapa-capability-comparative-indicator\n *ngFor=\"let item of indicator.items\"\n [item]=\"setCleanItem(item)\"\n [fullWidth]=\"true\"\n [style.width.%]=\"item.interval\"\n ></mapa-capability-comparative-indicator>\n </td>\n </tr>\n</table>\n", styles: [".capability-comparative{background-color:#fff}.capability-comparative__chart{width:100%}.capability-comparative__chart tr{border-bottom:1px solid #DCDCDE;display:flex;padding:16px 0;justify-content:space-between;align-items:center}.capability-comparative__chart th{vertical-align:bottom;text-align:left;padding-right:36px;width:20%}.capability-comparative__chart th p{font-size:14px;font-family:SF-Pro,sans-serif;margin:6px 0!important;font-weight:500}.capability-comparative__chart--indicators{display:flex;height:40px;position:relative;width:100%}\n"] }]
|
|
855
|
+
args: [{ selector: 'mapa-capability-comparative-chart', template: "<table class=\"capability-comparative__chart\">\n <tr *ngFor=\"let indicator of data.indicators\">\n <th>\n <p>{{ indicator.name }}</p>\n </th>\n <td class=\"capability-comparative__chart--indicators\">\n <mapa-capability-comparative-indicator\n *ngFor=\"let item of indicator.items\"\n [item]=\"setCleanItem(item)\"\n [fullWidth]=\"true\"\n [style.width.%]=\"item.interval\"\n ></mapa-capability-comparative-indicator>\n </td>\n </tr>\n</table>\n", styles: [".capability-comparative{background-color:#fff}.capability-comparative__chart{width:100%}.capability-comparative__chart tr{border-bottom:1px solid #DCDCDE;display:flex;padding:16px 0;justify-content:space-between;align-items:center}.capability-comparative__chart th{vertical-align:bottom;text-align:left;padding-right:36px;width:20%}.capability-comparative__chart th p{font-size:14px;font-family:SF-Pro,sans-serif;margin:6px 0!important;font-weight:500}.capability-comparative__chart--indicators{display:flex;justify-content:center;align-items:center;height:40px;position:relative;width:100%}\n"] }]
|
|
855
856
|
}], propDecorators: { data: [{
|
|
856
857
|
type: Input
|
|
857
858
|
}] } });
|
|
@@ -921,14 +922,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
|
|
|
921
922
|
class MapaCapabilityComparativeIndicatorModule {
|
|
922
923
|
}
|
|
923
924
|
MapaCapabilityComparativeIndicatorModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: MapaCapabilityComparativeIndicatorModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
924
|
-
MapaCapabilityComparativeIndicatorModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.10", ngImport: i0, type: MapaCapabilityComparativeIndicatorModule, declarations: [MapaCapabilityComparativeIndicatorComponent], imports: [CommonModule], exports: [MapaCapabilityComparativeIndicatorComponent] });
|
|
925
|
-
MapaCapabilityComparativeIndicatorModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: MapaCapabilityComparativeIndicatorModule, imports: [CommonModule] });
|
|
925
|
+
MapaCapabilityComparativeIndicatorModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.10", ngImport: i0, type: MapaCapabilityComparativeIndicatorModule, declarations: [MapaCapabilityComparativeIndicatorComponent], imports: [CommonModule, MatIconModule], exports: [MapaCapabilityComparativeIndicatorComponent] });
|
|
926
|
+
MapaCapabilityComparativeIndicatorModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: MapaCapabilityComparativeIndicatorModule, imports: [CommonModule, MatIconModule] });
|
|
926
927
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: MapaCapabilityComparativeIndicatorModule, decorators: [{
|
|
927
928
|
type: NgModule,
|
|
928
929
|
args: [{
|
|
929
930
|
declarations: [MapaCapabilityComparativeIndicatorComponent],
|
|
930
931
|
exports: [MapaCapabilityComparativeIndicatorComponent],
|
|
931
|
-
imports: [CommonModule],
|
|
932
|
+
imports: [CommonModule, MatIconModule],
|
|
932
933
|
}]
|
|
933
934
|
}] });
|
|
934
935
|
|