mapa-library-ui 0.72.1 → 0.72.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/benchmarking/benchmarking.mjs +5 -0
- package/esm2020/src/lib/components/benchmarking/lib/components/benchmarking/public-api.mjs +9 -0
- package/esm2020/src/lib/components/benchmarking/lib/components/benchmarking/src/benchmark-chart.component.mjs +33 -0
- package/esm2020/src/lib/components/benchmarking/lib/components/benchmarking/src/benchmark-chart.module.mjs +19 -0
- package/esm2020/src/lib/components/benchmarking/lib/components/benchmarking/src/benchmark-indicator/benchmark-indicator.component.mjs +14 -0
- package/esm2020/src/lib/components/benchmarking/lib/components/benchmarking/src/benchmark-indicator/benchmark-indicator.module.mjs +18 -0
- package/esm2020/src/lib/components/benchmarking/lib/components/benchmarking/src/benchmarking.interface.mjs +2 -0
- package/esm2020/src/lib/components/benchmarking/mapa-library-ui-src-lib-components-benchmarking.mjs +5 -0
- package/fesm2015/mapa-library-ui-src-lib-components-benchmarking.mjs +82 -0
- package/fesm2015/mapa-library-ui-src-lib-components-benchmarking.mjs.map +1 -0
- package/fesm2020/mapa-library-ui-src-lib-components-benchmarking.mjs +87 -0
- package/fesm2020/mapa-library-ui-src-lib-components-benchmarking.mjs.map +1 -0
- package/mapa-library-ui-0.72.2.tgz +0 -0
- package/package.json +9 -1
- package/src/lib/components/benchmarking/benchmarking.d.ts +1 -0
- package/src/lib/components/benchmarking/index.d.ts +5 -0
- package/src/lib/components/benchmarking/lib/components/benchmarking/public-api.d.ts +5 -0
- package/src/lib/components/benchmarking/lib/components/benchmarking/src/benchmark-chart.component.d.ts +11 -0
- package/src/lib/components/benchmarking/lib/components/benchmarking/src/benchmark-chart.module.d.ts +9 -0
- package/src/lib/components/benchmarking/lib/components/benchmarking/src/benchmark-indicator/benchmark-indicator.component.d.ts +7 -0
- package/src/lib/components/benchmarking/lib/components/benchmarking/src/benchmark-indicator/benchmark-indicator.module.d.ts +8 -0
- package/src/lib/components/benchmarking/lib/components/benchmarking/src/benchmarking.interface.d.ts +37 -0
- package/mapa-library-ui-0.72.1.tgz +0 -0
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
/*
|
|
2
|
+
* Public API Surface of mapa-library-ui benchmarking
|
|
3
|
+
*/
|
|
4
|
+
export * from './lib/components/benchmarking/public-api';
|
|
5
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYmVuY2htYXJraW5nLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbWFwYS1saWJyYXJ5LXVpL3NyYy9iZW5jaG1hcmtpbmcudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUE7O0dBRUc7QUFFSCxjQUFjLDBDQUEwQyxDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiLypcbiAqIFB1YmxpYyBBUEkgU3VyZmFjZSBvZiBtYXBhLWxpYnJhcnktdWkgYmVuY2htYXJraW5nXG4gKi9cblxuZXhwb3J0ICogZnJvbSAnLi9saWIvY29tcG9uZW50cy9iZW5jaG1hcmtpbmcvcHVibGljLWFwaSc7XG4iXX0=
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
/*
|
|
2
|
+
* Public API Surface of mapa-library-ui benchmarking
|
|
3
|
+
*/
|
|
4
|
+
export * from './src/benchmarking.interface';
|
|
5
|
+
export * from './src/benchmark-chart.component';
|
|
6
|
+
export * from './src/benchmark-chart.module';
|
|
7
|
+
export * from './src/benchmark-indicator/benchmark-indicator.component';
|
|
8
|
+
export * from './src/benchmark-indicator/benchmark-indicator.module';
|
|
9
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHVibGljLWFwaS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL21hcGEtbGlicmFyeS11aS9zcmMvbGliL2NvbXBvbmVudHMvYmVuY2htYXJraW5nL3B1YmxpYy1hcGkudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUE7O0dBRUc7QUFFSCxjQUFjLDhCQUE4QixDQUFDO0FBQzdDLGNBQWMsaUNBQWlDLENBQUM7QUFDaEQsY0FBYyw4QkFBOEIsQ0FBQztBQUU3QyxjQUFjLHlEQUF5RCxDQUFDO0FBQ3hFLGNBQWMsc0RBQXNELENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyIvKlxuICogUHVibGljIEFQSSBTdXJmYWNlIG9mIG1hcGEtbGlicmFyeS11aSBiZW5jaG1hcmtpbmdcbiAqL1xuXG5leHBvcnQgKiBmcm9tICcuL3NyYy9iZW5jaG1hcmtpbmcuaW50ZXJmYWNlJztcbmV4cG9ydCAqIGZyb20gJy4vc3JjL2JlbmNobWFyay1jaGFydC5jb21wb25lbnQnO1xuZXhwb3J0ICogZnJvbSAnLi9zcmMvYmVuY2htYXJrLWNoYXJ0Lm1vZHVsZSc7XG5cbmV4cG9ydCAqIGZyb20gJy4vc3JjL2JlbmNobWFyay1pbmRpY2F0b3IvYmVuY2htYXJrLWluZGljYXRvci5jb21wb25lbnQnO1xuZXhwb3J0ICogZnJvbSAnLi9zcmMvYmVuY2htYXJrLWluZGljYXRvci9iZW5jaG1hcmstaW5kaWNhdG9yLm1vZHVsZSc7XG4iXX0=
|
|
@@ -0,0 +1,33 @@
|
|
|
1
|
+
import { Component, Input, ViewEncapsulation } from "@angular/core";
|
|
2
|
+
import * as i0 from "@angular/core";
|
|
3
|
+
import * as i1 from "@angular/common";
|
|
4
|
+
import * as i2 from "./benchmark-indicator/benchmark-indicator.component";
|
|
5
|
+
export class MapaBenchmarkChartComponent {
|
|
6
|
+
constructor() {
|
|
7
|
+
this.scaleLabels = [0, 10, 20, 30, 40, 50, 60, 70, 80, 90, 100];
|
|
8
|
+
}
|
|
9
|
+
setUnlabeledItem(item) {
|
|
10
|
+
return {
|
|
11
|
+
...item,
|
|
12
|
+
classificationId: item.classificationId,
|
|
13
|
+
classificationColor: item.classificationColor,
|
|
14
|
+
interval: item.interval,
|
|
15
|
+
};
|
|
16
|
+
}
|
|
17
|
+
getWidth(item) {
|
|
18
|
+
const minWidth = 0;
|
|
19
|
+
const interval = (item.interval || 0);
|
|
20
|
+
if (interval < 10)
|
|
21
|
+
return minWidth + 'px';
|
|
22
|
+
return interval + '%';
|
|
23
|
+
}
|
|
24
|
+
}
|
|
25
|
+
MapaBenchmarkChartComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: MapaBenchmarkChartComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
26
|
+
MapaBenchmarkChartComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: MapaBenchmarkChartComponent, selector: "mapa-benchmark-chart", inputs: { data: "data" }, ngImport: i0, template: "<table class=\"indicator-chart\">\n <thead>\n <tr class=\"indicator-chart__head\">\n <th class=\"indicator-chart__column--description\"></th>\n <th class=\"indicator-chart__column indicator-chart__column--right\">\n <div class=\"indicator-chart__scale\">\n <span *ngFor=\"let label of scaleLabels\">{{ label }}</span>\n </div>\n </th>\n </tr>\n </thead>\n <tbody>\n <tr *ngFor=\"let item of data\">\n <td class=\"indicator-chart__column--description\">{{ item.name }}</td>\n <td class=\"indicator-chart__column indicator-chart__column--right\">\n <div class=\"indicator-chart__column--positive\">\n <div class=\"indicator-chart__column-background\">\n <mapa-benchmark-indicator [item]=\"setUnlabeledItem(item)\"\n [style.width]=\"getWidth(item)\"></mapa-benchmark-indicator>\n </div>\n </div>\n </td>\n <td class=\"indicator-chart__column--classification\">\n {{item.interval}} %\n </td>\n </tr>\n </tbody>\n</table>", styles: [".indicator-chart{width:100%;border-collapse:collapse}.indicator-chart__head th{padding:0 0 12px;font-size:12px;font-weight:500;color:#6f6f7b}.indicator-chart__scale{position:relative;display:flex;justify-content:space-between;align-items:center;font-size:12px;text-align:center;color:#6f6f7b}.indicator-chart__scale span{position:relative;padding-top:8px;text-align:end;transform:translate(10px)}.indicator-chart__scale span:first-child{text-align:start;transform:translate(0)}.indicator-chart__scale span:last-child{text-align:start;transform:translate(0)}.indicator-chart__scale span:last-child:before{content:\"\";position:absolute;bottom:-8px;right:0%;width:1px;height:8px;background-color:#dcdcde}.indicator-chart__scale span:before{content:\"\";position:absolute;bottom:-8px;right:50%;width:1px;height:8px;background-color:#dcdcde}.indicator-chart tr:first-child{border-top:unset!important}.indicator-chart tr:last-child{border-bottom:unset!important}.indicator-chart__column{padding:0;font-size:14px!important}.indicator-chart__column--description{padding-right:24px;width:20%!important}.indicator-chart__column--classification{width:2%!important;min-width:50px;text-align:end}.indicator-chart__column-background{width:100%;background:rgb(241,245,249);display:flex;margin:3px 0;border-radius:0 18px 18px 0}.indicator-chart__column--positive{display:flex;border-spacing:0px;padding:8px 0!important;position:relative}.indicator-chart__column--positive .indicator{border-radius:0 18px 18px 0!important;padding:2px!important;justify-content:flex-end!important}.indicator-chart__column--positive .indicator__classification{margin-right:1px!important}.indicator-chart__column--negative{display:flex;justify-content:flex-end;border-spacing:0px;padding:8px 0!important}.indicator-chart__column--negative .indicator{border-radius:18px 0 0 18px!important;justify-content:flex-start!important;padding:2px!important}.indicator-chart__column--negative .indicator__classification{margin-left:1px!important}.indicator-chart__column--left{width:40%;border-bottom:1px solid #dcdcde}.indicator-chart__column--right{border-bottom:1px solid #dcdcde;border-left:1px solid #dcdcde;width:40%}\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:Inter,sans-serif;font-size:16px;font-style:normal;font-weight:400}.display-S{font-family:Inter,sans-serif;font-size:20px;font-style:normal;font-weight:400}.display-L{font-family:Inter,sans-serif;font-size:32px;font-style:normal;font-weight:400}.display-XG{font-family:Inter,sans-serif;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.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "component", type: i2.MapaBenchmarkIndicatorComponent, selector: "mapa-benchmark-indicator", inputs: ["item"] }], encapsulation: i0.ViewEncapsulation.None });
|
|
27
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: MapaBenchmarkChartComponent, decorators: [{
|
|
28
|
+
type: Component,
|
|
29
|
+
args: [{ selector: "mapa-benchmark-chart", encapsulation: ViewEncapsulation.None, template: "<table class=\"indicator-chart\">\n <thead>\n <tr class=\"indicator-chart__head\">\n <th class=\"indicator-chart__column--description\"></th>\n <th class=\"indicator-chart__column indicator-chart__column--right\">\n <div class=\"indicator-chart__scale\">\n <span *ngFor=\"let label of scaleLabels\">{{ label }}</span>\n </div>\n </th>\n </tr>\n </thead>\n <tbody>\n <tr *ngFor=\"let item of data\">\n <td class=\"indicator-chart__column--description\">{{ item.name }}</td>\n <td class=\"indicator-chart__column indicator-chart__column--right\">\n <div class=\"indicator-chart__column--positive\">\n <div class=\"indicator-chart__column-background\">\n <mapa-benchmark-indicator [item]=\"setUnlabeledItem(item)\"\n [style.width]=\"getWidth(item)\"></mapa-benchmark-indicator>\n </div>\n </div>\n </td>\n <td class=\"indicator-chart__column--classification\">\n {{item.interval}} %\n </td>\n </tr>\n </tbody>\n</table>", styles: [".indicator-chart{width:100%;border-collapse:collapse}.indicator-chart__head th{padding:0 0 12px;font-size:12px;font-weight:500;color:#6f6f7b}.indicator-chart__scale{position:relative;display:flex;justify-content:space-between;align-items:center;font-size:12px;text-align:center;color:#6f6f7b}.indicator-chart__scale span{position:relative;padding-top:8px;text-align:end;transform:translate(10px)}.indicator-chart__scale span:first-child{text-align:start;transform:translate(0)}.indicator-chart__scale span:last-child{text-align:start;transform:translate(0)}.indicator-chart__scale span:last-child:before{content:\"\";position:absolute;bottom:-8px;right:0%;width:1px;height:8px;background-color:#dcdcde}.indicator-chart__scale span:before{content:\"\";position:absolute;bottom:-8px;right:50%;width:1px;height:8px;background-color:#dcdcde}.indicator-chart tr:first-child{border-top:unset!important}.indicator-chart tr:last-child{border-bottom:unset!important}.indicator-chart__column{padding:0;font-size:14px!important}.indicator-chart__column--description{padding-right:24px;width:20%!important}.indicator-chart__column--classification{width:2%!important;min-width:50px;text-align:end}.indicator-chart__column-background{width:100%;background:rgb(241,245,249);display:flex;margin:3px 0;border-radius:0 18px 18px 0}.indicator-chart__column--positive{display:flex;border-spacing:0px;padding:8px 0!important;position:relative}.indicator-chart__column--positive .indicator{border-radius:0 18px 18px 0!important;padding:2px!important;justify-content:flex-end!important}.indicator-chart__column--positive .indicator__classification{margin-right:1px!important}.indicator-chart__column--negative{display:flex;justify-content:flex-end;border-spacing:0px;padding:8px 0!important}.indicator-chart__column--negative .indicator{border-radius:18px 0 0 18px!important;justify-content:flex-start!important;padding:2px!important}.indicator-chart__column--negative .indicator__classification{margin-left:1px!important}.indicator-chart__column--left{width:40%;border-bottom:1px solid #dcdcde}.indicator-chart__column--right{border-bottom:1px solid #dcdcde;border-left:1px solid #dcdcde;width:40%}\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:Inter,sans-serif;font-size:16px;font-style:normal;font-weight:400}.display-S{font-family:Inter,sans-serif;font-size:20px;font-style:normal;font-weight:400}.display-L{font-family:Inter,sans-serif;font-size:32px;font-style:normal;font-weight:400}.display-XG{font-family:Inter,sans-serif;font-size:48px;font-style:normal;font-weight:400}*{transition:opacity .4s ease-out,max-height .4s ease-out}\n"] }]
|
|
30
|
+
}], ctorParameters: function () { return []; }, propDecorators: { data: [{
|
|
31
|
+
type: Input
|
|
32
|
+
}] } });
|
|
33
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYmVuY2htYXJrLWNoYXJ0LmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL21hcGEtbGlicmFyeS11aS9zcmMvbGliL2NvbXBvbmVudHMvYmVuY2htYXJraW5nL3NyYy9iZW5jaG1hcmstY2hhcnQuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbWFwYS1saWJyYXJ5LXVpL3NyYy9saWIvY29tcG9uZW50cy9iZW5jaG1hcmtpbmcvc3JjL2JlbmNobWFyay1jaGFydC5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBRSxpQkFBaUIsRUFBRSxNQUFNLGVBQWUsQ0FBQzs7OztBQVlwRSxNQUFNLE9BQU8sMkJBQTJCO0lBSXRDO1FBRk8sZ0JBQVcsR0FBYSxDQUFDLENBQUMsRUFBRSxFQUFFLEVBQUUsRUFBRSxFQUFFLEVBQUUsRUFBRSxFQUFFLEVBQUUsRUFBRSxFQUFFLEVBQUUsRUFBRSxFQUFFLEVBQUUsRUFBRSxFQUFFLEVBQUUsRUFBRSxHQUFHLENBQUMsQ0FBQztJQUU3RCxDQUFDO0lBRVQsZ0JBQWdCLENBQUMsSUFBdUI7UUFDN0MsT0FBTztZQUNMLEdBQUcsSUFBSTtZQUNQLGdCQUFnQixFQUFFLElBQUksQ0FBQyxnQkFBZ0I7WUFDdkMsbUJBQW1CLEVBQUUsSUFBSSxDQUFDLG1CQUFtQjtZQUM3QyxRQUFRLEVBQUUsSUFBSSxDQUFDLFFBQVE7U0FDeEIsQ0FBQTtJQUNILENBQUM7SUFFTSxRQUFRLENBQUMsSUFBdUI7UUFDckMsTUFBTSxRQUFRLEdBQUcsQ0FBQyxDQUFDO1FBQ25CLE1BQU0sUUFBUSxHQUFHLENBQUMsSUFBSSxDQUFDLFFBQVEsSUFBSSxDQUFDLENBQUMsQ0FBQztRQUN0QyxJQUFJLFFBQVEsR0FBRyxFQUFFO1lBQUUsT0FBTyxRQUFRLEdBQUcsSUFBSSxDQUFDO1FBQzFDLE9BQU8sUUFBUSxHQUFHLEdBQUcsQ0FBQztJQUN4QixDQUFDOzt5SEFwQlUsMkJBQTJCOzZHQUEzQiwyQkFBMkIsc0ZDWnhDLGtpQ0EyQlE7NEZEZkssMkJBQTJCO2tCQVR2QyxTQUFTOytCQUNFLHNCQUFzQixpQkFNakIsaUJBQWlCLENBQUMsSUFBSTswRUFHNUIsSUFBSTtzQkFBWixLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBJbnB1dCwgVmlld0VuY2Fwc3VsYXRpb24gfSBmcm9tIFwiQGFuZ3VsYXIvY29yZVwiO1xuaW1wb3J0IHsgQmVuY2htYXJraW5nQ2hhcnQgfSBmcm9tIFwiLi9iZW5jaG1hcmtpbmcuaW50ZXJmYWNlXCI7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogXCJtYXBhLWJlbmNobWFyay1jaGFydFwiLFxuICB0ZW1wbGF0ZVVybDogXCIuL2JlbmNobWFyay1jaGFydC5jb21wb25lbnQuaHRtbFwiLFxuICBzdHlsZVVybHM6IFtcbiAgICBcIi4vYmVuY2htYXJrLWNoYXJ0LmNvbXBvbmVudC5zY3NzXCIsXG4gICAgXCIuL3N0eWxlcy9iZW5jaG1hcmsuc2Nzc1wiLFxuICBdLFxuICBlbmNhcHN1bGF0aW9uOiBWaWV3RW5jYXBzdWxhdGlvbi5Ob25lXG59KVxuZXhwb3J0IGNsYXNzIE1hcGFCZW5jaG1hcmtDaGFydENvbXBvbmVudCB7XG4gIEBJbnB1dCgpIGRhdGEhOiBCZW5jaG1hcmtpbmdDaGFydFtdO1xuICBwdWJsaWMgc2NhbGVMYWJlbHM6IG51bWJlcltdID0gWzAsIDEwLCAyMCwgMzAsIDQwLCA1MCwgNjAsIDcwLCA4MCwgOTAsIDEwMF07XG5cbiAgY29uc3RydWN0b3IoKSB7fVxuXG4gIHB1YmxpYyBzZXRVbmxhYmVsZWRJdGVtKGl0ZW06IEJlbmNobWFya2luZ0NoYXJ0KTogQmVuY2htYXJraW5nQ2hhcnQge1xuICAgIHJldHVybiB7XG4gICAgICAuLi5pdGVtLFxuICAgICAgY2xhc3NpZmljYXRpb25JZDogaXRlbS5jbGFzc2lmaWNhdGlvbklkLFxuICAgICAgY2xhc3NpZmljYXRpb25Db2xvcjogaXRlbS5jbGFzc2lmaWNhdGlvbkNvbG9yLFxuICAgICAgaW50ZXJ2YWw6IGl0ZW0uaW50ZXJ2YWwsXG4gICAgfVxuICB9XG5cbiAgcHVibGljIGdldFdpZHRoKGl0ZW06IEJlbmNobWFya2luZ0NoYXJ0KTogc3RyaW5nIHtcbiAgICBjb25zdCBtaW5XaWR0aCA9IDA7XG4gICAgY29uc3QgaW50ZXJ2YWwgPSAoaXRlbS5pbnRlcnZhbCB8fCAwKTtcbiAgICBpZiAoaW50ZXJ2YWwgPCAxMCkgcmV0dXJuIG1pbldpZHRoICsgJ3B4JztcbiAgICByZXR1cm4gaW50ZXJ2YWwgKyAnJSc7XG4gIH1cbn1cbiIsIjx0YWJsZSBjbGFzcz1cImluZGljYXRvci1jaGFydFwiPlxuICA8dGhlYWQ+XG4gICAgPHRyIGNsYXNzPVwiaW5kaWNhdG9yLWNoYXJ0X19oZWFkXCI+XG4gICAgICA8dGggY2xhc3M9XCJpbmRpY2F0b3ItY2hhcnRfX2NvbHVtbi0tZGVzY3JpcHRpb25cIj48L3RoPlxuICAgICAgPHRoIGNsYXNzPVwiaW5kaWNhdG9yLWNoYXJ0X19jb2x1bW4gaW5kaWNhdG9yLWNoYXJ0X19jb2x1bW4tLXJpZ2h0XCI+XG4gICAgICAgIDxkaXYgY2xhc3M9XCJpbmRpY2F0b3ItY2hhcnRfX3NjYWxlXCI+XG4gICAgICAgICAgPHNwYW4gKm5nRm9yPVwibGV0IGxhYmVsIG9mIHNjYWxlTGFiZWxzXCI+e3sgbGFiZWwgfX08L3NwYW4+XG4gICAgICAgIDwvZGl2PlxuICAgICAgPC90aD5cbiAgICA8L3RyPlxuICA8L3RoZWFkPlxuICA8dGJvZHk+XG4gICAgPHRyICpuZ0Zvcj1cImxldCBpdGVtIG9mIGRhdGFcIj5cbiAgICAgIDx0ZCBjbGFzcz1cImluZGljYXRvci1jaGFydF9fY29sdW1uLS1kZXNjcmlwdGlvblwiPnt7IGl0ZW0ubmFtZSB9fTwvdGQ+XG4gICAgICA8dGQgY2xhc3M9XCJpbmRpY2F0b3ItY2hhcnRfX2NvbHVtbiBpbmRpY2F0b3ItY2hhcnRfX2NvbHVtbi0tcmlnaHRcIj5cbiAgICAgICAgPGRpdiBjbGFzcz1cImluZGljYXRvci1jaGFydF9fY29sdW1uLS1wb3NpdGl2ZVwiPlxuICAgICAgICAgIDxkaXYgY2xhc3M9XCJpbmRpY2F0b3ItY2hhcnRfX2NvbHVtbi1iYWNrZ3JvdW5kXCI+XG4gICAgICAgICAgICA8bWFwYS1iZW5jaG1hcmstaW5kaWNhdG9yIFtpdGVtXT1cInNldFVubGFiZWxlZEl0ZW0oaXRlbSlcIlxuICAgICAgICAgICAgW3N0eWxlLndpZHRoXT1cImdldFdpZHRoKGl0ZW0pXCI+PC9tYXBhLWJlbmNobWFyay1pbmRpY2F0b3I+XG4gICAgICAgICAgPC9kaXY+XG4gICAgICAgIDwvZGl2PlxuICAgICAgPC90ZD5cbiAgICAgIDx0ZCBjbGFzcz1cImluZGljYXRvci1jaGFydF9fY29sdW1uLS1jbGFzc2lmaWNhdGlvblwiPlxuICAgICAgICB7e2l0ZW0uaW50ZXJ2YWx9fSAlXG4gICAgICA8L3RkPlxuICAgIDwvdHI+XG4gIDwvdGJvZHk+XG48L3RhYmxlPiJdfQ==
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
import { NgModule } from "@angular/core";
|
|
2
|
+
import { CommonModule } from "@angular/common";
|
|
3
|
+
import { MapaBenchmarkIndicatorModule } from "./benchmark-indicator/benchmark-indicator.module";
|
|
4
|
+
import { MapaBenchmarkChartComponent } from "./benchmark-chart.component";
|
|
5
|
+
import * as i0 from "@angular/core";
|
|
6
|
+
export class MapaBenchmarkChartModule {
|
|
7
|
+
}
|
|
8
|
+
MapaBenchmarkChartModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: MapaBenchmarkChartModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
9
|
+
MapaBenchmarkChartModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.10", ngImport: i0, type: MapaBenchmarkChartModule, declarations: [MapaBenchmarkChartComponent], imports: [CommonModule, MapaBenchmarkIndicatorModule], exports: [MapaBenchmarkChartComponent] });
|
|
10
|
+
MapaBenchmarkChartModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: MapaBenchmarkChartModule, imports: [CommonModule, MapaBenchmarkIndicatorModule] });
|
|
11
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: MapaBenchmarkChartModule, decorators: [{
|
|
12
|
+
type: NgModule,
|
|
13
|
+
args: [{
|
|
14
|
+
declarations: [MapaBenchmarkChartComponent],
|
|
15
|
+
exports: [MapaBenchmarkChartComponent],
|
|
16
|
+
imports: [CommonModule, MapaBenchmarkIndicatorModule],
|
|
17
|
+
}]
|
|
18
|
+
}] });
|
|
19
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYmVuY2htYXJrLWNoYXJ0Lm1vZHVsZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL21hcGEtbGlicmFyeS11aS9zcmMvbGliL2NvbXBvbmVudHMvYmVuY2htYXJraW5nL3NyYy9iZW5jaG1hcmstY2hhcnQubW9kdWxlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxRQUFRLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDekMsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQy9DLE9BQU8sRUFBRSw0QkFBNEIsRUFBRSxNQUFNLGtEQUFrRCxDQUFDO0FBQ2hHLE9BQU8sRUFBRSwyQkFBMkIsRUFBRSxNQUFNLDZCQUE2QixDQUFDOztBQU8xRSxNQUFNLE9BQU8sd0JBQXdCOztzSEFBeEIsd0JBQXdCO3VIQUF4Qix3QkFBd0IsaUJBSnBCLDJCQUEyQixhQUVoQyxZQUFZLEVBQUUsNEJBQTRCLGFBRDFDLDJCQUEyQjt1SEFHMUIsd0JBQXdCLFlBRnpCLFlBQVksRUFBRSw0QkFBNEI7NEZBRXpDLHdCQUF3QjtrQkFMcEMsUUFBUTttQkFBQztvQkFDUixZQUFZLEVBQUUsQ0FBQywyQkFBMkIsQ0FBQztvQkFDM0MsT0FBTyxFQUFFLENBQUMsMkJBQTJCLENBQUM7b0JBQ3RDLE9BQU8sRUFBRSxDQUFDLFlBQVksRUFBRSw0QkFBNEIsQ0FBQztpQkFDdEQiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBOZ01vZHVsZSB9IGZyb20gXCJAYW5ndWxhci9jb3JlXCI7XG5pbXBvcnQgeyBDb21tb25Nb2R1bGUgfSBmcm9tIFwiQGFuZ3VsYXIvY29tbW9uXCI7XG5pbXBvcnQgeyBNYXBhQmVuY2htYXJrSW5kaWNhdG9yTW9kdWxlIH0gZnJvbSBcIi4vYmVuY2htYXJrLWluZGljYXRvci9iZW5jaG1hcmstaW5kaWNhdG9yLm1vZHVsZVwiO1xuaW1wb3J0IHsgTWFwYUJlbmNobWFya0NoYXJ0Q29tcG9uZW50IH0gZnJvbSBcIi4vYmVuY2htYXJrLWNoYXJ0LmNvbXBvbmVudFwiO1xuXG5ATmdNb2R1bGUoe1xuICBkZWNsYXJhdGlvbnM6IFtNYXBhQmVuY2htYXJrQ2hhcnRDb21wb25lbnRdLFxuICBleHBvcnRzOiBbTWFwYUJlbmNobWFya0NoYXJ0Q29tcG9uZW50XSxcbiAgaW1wb3J0czogW0NvbW1vbk1vZHVsZSwgTWFwYUJlbmNobWFya0luZGljYXRvck1vZHVsZV0sXG59KVxuZXhwb3J0IGNsYXNzIE1hcGFCZW5jaG1hcmtDaGFydE1vZHVsZSB7fVxuIl19
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
import { Component, Input } from "@angular/core";
|
|
2
|
+
import * as i0 from "@angular/core";
|
|
3
|
+
import * as i1 from "@angular/common";
|
|
4
|
+
export class MapaBenchmarkIndicatorComponent {
|
|
5
|
+
}
|
|
6
|
+
MapaBenchmarkIndicatorComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: MapaBenchmarkIndicatorComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
7
|
+
MapaBenchmarkIndicatorComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: MapaBenchmarkIndicatorComponent, selector: "mapa-benchmark-indicator", inputs: { item: "item" }, ngImport: i0, template: "<div\n class=\"indicator\"\n [style.backgroundColor]=\"item.classificationColor\"\n>\n <!-- Linhas dos marcadores -->\n <div class=\"indicator__markers\">\n <div\n *ngFor=\"let mark of item.marks\"\n class=\"indicator__marker\"\n [ngStyle]=\"{\n left: mark.value + '%',\n borderLeftColor: mark.color\n }\"\n [title]=\"mark.name + ' (' + mark.value + '%)'\"\n ></div>\n </div>\n</div>\n", styles: [".indicator{min-height:23px}.indicator__classification{background-color:#fff;border-radius:16px;color:#000;padding:4px 8px;margin-right:4px;font-size:12px!important}.indicator__markers{position:absolute;inset:0;z-index:10}.indicator__marker{position:absolute;top:0;bottom:0;height:70%;width:0;margin:auto 0;border-left-width:4px;border-left-style:solid}\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:Inter,sans-serif;font-size:16px;font-style:normal;font-weight:400}.display-S{font-family:Inter,sans-serif;font-size:20px;font-style:normal;font-weight:400}.display-L{font-family:Inter,sans-serif;font-size:32px;font-style:normal;font-weight:400}.display-XG{font-family:Inter,sans-serif;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.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }] });
|
|
8
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: MapaBenchmarkIndicatorComponent, decorators: [{
|
|
9
|
+
type: Component,
|
|
10
|
+
args: [{ selector: "mapa-benchmark-indicator", template: "<div\n class=\"indicator\"\n [style.backgroundColor]=\"item.classificationColor\"\n>\n <!-- Linhas dos marcadores -->\n <div class=\"indicator__markers\">\n <div\n *ngFor=\"let mark of item.marks\"\n class=\"indicator__marker\"\n [ngStyle]=\"{\n left: mark.value + '%',\n borderLeftColor: mark.color\n }\"\n [title]=\"mark.name + ' (' + mark.value + '%)'\"\n ></div>\n </div>\n</div>\n", styles: [".indicator{min-height:23px}.indicator__classification{background-color:#fff;border-radius:16px;color:#000;padding:4px 8px;margin-right:4px;font-size:12px!important}.indicator__markers{position:absolute;inset:0;z-index:10}.indicator__marker{position:absolute;top:0;bottom:0;height:70%;width:0;margin:auto 0;border-left-width:4px;border-left-style:solid}\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:Inter,sans-serif;font-size:16px;font-style:normal;font-weight:400}.display-S{font-family:Inter,sans-serif;font-size:20px;font-style:normal;font-weight:400}.display-L{font-family:Inter,sans-serif;font-size:32px;font-style:normal;font-weight:400}.display-XG{font-family:Inter,sans-serif;font-size:48px;font-style:normal;font-weight:400}*{transition:opacity .4s ease-out,max-height .4s ease-out}\n"] }]
|
|
11
|
+
}], propDecorators: { item: [{
|
|
12
|
+
type: Input
|
|
13
|
+
}] } });
|
|
14
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYmVuY2htYXJrLWluZGljYXRvci5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9tYXBhLWxpYnJhcnktdWkvc3JjL2xpYi9jb21wb25lbnRzL2JlbmNobWFya2luZy9zcmMvYmVuY2htYXJrLWluZGljYXRvci9iZW5jaG1hcmstaW5kaWNhdG9yLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL21hcGEtbGlicmFyeS11aS9zcmMvbGliL2NvbXBvbmVudHMvYmVuY2htYXJraW5nL3NyYy9iZW5jaG1hcmstaW5kaWNhdG9yL2JlbmNobWFyay1pbmRpY2F0b3IuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQUUsTUFBTSxlQUFlLENBQUM7OztBQVdqRCxNQUFNLE9BQU8sK0JBQStCOzs2SEFBL0IsK0JBQStCO2lIQUEvQiwrQkFBK0IsMEZDWDVDLHFiQWlCQTs0RkROYSwrQkFBK0I7a0JBUjNDLFNBQVM7K0JBQ0UsMEJBQTBCOzhCQVEzQixJQUFJO3NCQUFaLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIElucHV0IH0gZnJvbSBcIkBhbmd1bGFyL2NvcmVcIjtcbmltcG9ydCB7IEJlbmNobWFya2luZ0NoYXJ0IH0gZnJvbSBcIi4uL2JlbmNobWFya2luZy5pbnRlcmZhY2VcIjtcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiBcIm1hcGEtYmVuY2htYXJrLWluZGljYXRvclwiLFxuICB0ZW1wbGF0ZVVybDogXCIuL2JlbmNobWFyay1pbmRpY2F0b3IuY29tcG9uZW50Lmh0bWxcIixcbiAgc3R5bGVVcmxzOiBbXG4gICAgXCIuL2JlbmNobWFyay1pbmRpY2F0b3IuY29tcG9uZW50LnNjc3NcIixcbiAgICBcIi4vLi4vc3R5bGVzL2JlbmNobWFyay5zY3NzXCIsXG4gIF0sXG59KVxuZXhwb3J0IGNsYXNzIE1hcGFCZW5jaG1hcmtJbmRpY2F0b3JDb21wb25lbnQge1xuICBASW5wdXQoKSBpdGVtITogQmVuY2htYXJraW5nQ2hhcnQ7XG59XG4iLCI8ZGl2XG4gIGNsYXNzPVwiaW5kaWNhdG9yXCJcbiAgW3N0eWxlLmJhY2tncm91bmRDb2xvcl09XCJpdGVtLmNsYXNzaWZpY2F0aW9uQ29sb3JcIlxuPlxuICA8IS0tIExpbmhhcyBkb3MgbWFyY2Fkb3JlcyAtLT5cbiAgPGRpdiBjbGFzcz1cImluZGljYXRvcl9fbWFya2Vyc1wiPlxuICAgIDxkaXZcbiAgICAgICpuZ0Zvcj1cImxldCBtYXJrIG9mIGl0ZW0ubWFya3NcIlxuICAgICAgY2xhc3M9XCJpbmRpY2F0b3JfX21hcmtlclwiXG4gICAgICBbbmdTdHlsZV09XCJ7XG4gICAgICAgIGxlZnQ6IG1hcmsudmFsdWUgKyAnJScsXG4gICAgICAgIGJvcmRlckxlZnRDb2xvcjogbWFyay5jb2xvclxuICAgICAgfVwiXG4gICAgICBbdGl0bGVdPVwibWFyay5uYW1lICsgJyAoJyArIG1hcmsudmFsdWUgKyAnJSknXCJcbiAgICA+PC9kaXY+XG4gIDwvZGl2PlxuPC9kaXY+XG4iXX0=
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
import { NgModule } from "@angular/core";
|
|
2
|
+
import { CommonModule } from "@angular/common";
|
|
3
|
+
import { MapaBenchmarkIndicatorComponent } from "./benchmark-indicator.component";
|
|
4
|
+
import * as i0 from "@angular/core";
|
|
5
|
+
export class MapaBenchmarkIndicatorModule {
|
|
6
|
+
}
|
|
7
|
+
MapaBenchmarkIndicatorModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: MapaBenchmarkIndicatorModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
8
|
+
MapaBenchmarkIndicatorModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.10", ngImport: i0, type: MapaBenchmarkIndicatorModule, declarations: [MapaBenchmarkIndicatorComponent], imports: [CommonModule], exports: [MapaBenchmarkIndicatorComponent] });
|
|
9
|
+
MapaBenchmarkIndicatorModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: MapaBenchmarkIndicatorModule, imports: [CommonModule] });
|
|
10
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: MapaBenchmarkIndicatorModule, decorators: [{
|
|
11
|
+
type: NgModule,
|
|
12
|
+
args: [{
|
|
13
|
+
declarations: [MapaBenchmarkIndicatorComponent],
|
|
14
|
+
exports: [MapaBenchmarkIndicatorComponent],
|
|
15
|
+
imports: [CommonModule],
|
|
16
|
+
}]
|
|
17
|
+
}] });
|
|
18
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYmVuY2htYXJrLWluZGljYXRvci5tb2R1bGUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9tYXBhLWxpYnJhcnktdWkvc3JjL2xpYi9jb21wb25lbnRzL2JlbmNobWFya2luZy9zcmMvYmVuY2htYXJrLWluZGljYXRvci9iZW5jaG1hcmstaW5kaWNhdG9yLm1vZHVsZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsUUFBUSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQ3pDLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUMvQyxPQUFPLEVBQUUsK0JBQStCLEVBQUUsTUFBTSxpQ0FBaUMsQ0FBQzs7QUFPbEYsTUFBTSxPQUFPLDRCQUE0Qjs7MEhBQTVCLDRCQUE0QjsySEFBNUIsNEJBQTRCLGlCQUp4QiwrQkFBK0IsYUFFcEMsWUFBWSxhQURaLCtCQUErQjsySEFHOUIsNEJBQTRCLFlBRjdCLFlBQVk7NEZBRVgsNEJBQTRCO2tCQUx4QyxRQUFRO21CQUFDO29CQUNSLFlBQVksRUFBRSxDQUFDLCtCQUErQixDQUFDO29CQUMvQyxPQUFPLEVBQUUsQ0FBQywrQkFBK0IsQ0FBQztvQkFDMUMsT0FBTyxFQUFFLENBQUMsWUFBWSxDQUFDO2lCQUN4QiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IE5nTW9kdWxlIH0gZnJvbSBcIkBhbmd1bGFyL2NvcmVcIjtcbmltcG9ydCB7IENvbW1vbk1vZHVsZSB9IGZyb20gXCJAYW5ndWxhci9jb21tb25cIjtcbmltcG9ydCB7IE1hcGFCZW5jaG1hcmtJbmRpY2F0b3JDb21wb25lbnQgfSBmcm9tIFwiLi9iZW5jaG1hcmstaW5kaWNhdG9yLmNvbXBvbmVudFwiO1xuXG5ATmdNb2R1bGUoe1xuICBkZWNsYXJhdGlvbnM6IFtNYXBhQmVuY2htYXJrSW5kaWNhdG9yQ29tcG9uZW50XSxcbiAgZXhwb3J0czogW01hcGFCZW5jaG1hcmtJbmRpY2F0b3JDb21wb25lbnRdLFxuICBpbXBvcnRzOiBbQ29tbW9uTW9kdWxlXSxcbn0pXG5leHBvcnQgY2xhc3MgTWFwYUJlbmNobWFya0luZGljYXRvck1vZHVsZSB7fVxuIl19
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
export {};
|
|
2
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYmVuY2htYXJraW5nLmludGVyZmFjZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL21hcGEtbGlicmFyeS11aS9zcmMvbGliL2NvbXBvbmVudHMvYmVuY2htYXJraW5nL3NyYy9iZW5jaG1hcmtpbmcuaW50ZXJmYWNlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiIiLCJzb3VyY2VzQ29udGVudCI6WyJleHBvcnQgdHlwZSBCZW5jaG1hcmtpbmdDaGFydCA9IHtcbiAgbmFtZTogc3RyaW5nO1xuICBpbnRlcnZhbDogbnVtYmVyO1xuICBkaXJlY3Rpb246ICdQb3NpdGl2YScgfCAnTmVnYXRpdmEnIHwgc3RyaW5nO1xuICBjbGFzc2lmaWNhdGlvbkNvbG9yOiBzdHJpbmcsXG4gIGNsYXNzaWZpY2F0aW9uSWQ6IG51bWJlcixcbiAgbWFya3M/OiB7XG4gICAgbmFtZTogc3RyaW5nO1xuICAgIHZhbHVlOiBudW1iZXI7XG4gICAgY29sb3I6IHN0cmluZztcbiAgfVtdO1xufTtcblxuZXhwb3J0IGludGVyZmFjZSBCZW5jaG1hcmtNYXJrIHtcbiAgbmFtZTogc3RyaW5nO1xuICBwZXJjZW50YWdlOiBudW1iZXI7XG4gIGNvbG9yOiBzdHJpbmc7XG59XG5cbmV4cG9ydCBpbnRlcmZhY2UgQmVuY2htYXJrIHtcbiAgaWQ6IG51bWJlcjtcbiAgbmFtZTogc3RyaW5nO1xuICBtYXJrczogQmVuY2htYXJrTWFya1tdO1xufVxuXG5leHBvcnQgaW50ZXJmYWNlIENsYXNzaWZpY2F0aW9uIHtcbiAgY2xhc3NpZmljYXRpb25JZDogbnVtYmVyO1xuICBjbGFzc2lmaWNhdGlvbk5hbWU6IHN0cmluZztcbiAgY2xhc3NpZmljYXRpb25Db2xvcjogc3RyaW5nO1xufVxuXG5leHBvcnQgaW50ZXJmYWNlIEV2YWx1YXRpb25CZW5jaG1hcmtSZXN1bHQge1xuICBpZDogbnVtYmVyO1xuICBuYW1lOiBzdHJpbmc7XG4gIGludGVydmFsOiBudW1iZXI7XG4gIGF2ZXJhZ2U6IG51bWJlcjtcbiAgcGVyY2VudGFnZTogbnVtYmVyO1xuICBkaXJlY3Rpb246ICdQb3NpdGl2YScgfCAnTmVnYXRpdmEnIHwgc3RyaW5nO1xuICBiZW5jaG1hcmtzOiBCZW5jaG1hcmtbXTtcbiAgY2xhc3NpZmljYXRpb246IENsYXNzaWZpY2F0aW9uO1xufSJdfQ==
|
package/esm2020/src/lib/components/benchmarking/mapa-library-ui-src-lib-components-benchmarking.mjs
ADDED
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Generated bundle index. Do not edit.
|
|
3
|
+
*/
|
|
4
|
+
export * from './benchmarking';
|
|
5
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibWFwYS1saWJyYXJ5LXVpLXNyYy1saWItY29tcG9uZW50cy1iZW5jaG1hcmtpbmcuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9tYXBhLWxpYnJhcnktdWkvc3JjL21hcGEtbGlicmFyeS11aS1zcmMtbGliLWNvbXBvbmVudHMtYmVuY2htYXJraW5nLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBOztHQUVHO0FBRUgsY0FBYyxnQkFBZ0IsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbIi8qKlxuICogR2VuZXJhdGVkIGJ1bmRsZSBpbmRleC4gRG8gbm90IGVkaXQuXG4gKi9cblxuZXhwb3J0ICogZnJvbSAnLi9iZW5jaG1hcmtpbmcnO1xuIl19
|
|
@@ -0,0 +1,82 @@
|
|
|
1
|
+
import * as i0 from '@angular/core';
|
|
2
|
+
import { Component, Input, ViewEncapsulation, NgModule } from '@angular/core';
|
|
3
|
+
import * as i1 from '@angular/common';
|
|
4
|
+
import { CommonModule } from '@angular/common';
|
|
5
|
+
|
|
6
|
+
class MapaBenchmarkIndicatorComponent {
|
|
7
|
+
}
|
|
8
|
+
MapaBenchmarkIndicatorComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: MapaBenchmarkIndicatorComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
9
|
+
MapaBenchmarkIndicatorComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: MapaBenchmarkIndicatorComponent, selector: "mapa-benchmark-indicator", inputs: { item: "item" }, ngImport: i0, template: "<div\n class=\"indicator\"\n [style.backgroundColor]=\"item.classificationColor\"\n>\n <!-- Linhas dos marcadores -->\n <div class=\"indicator__markers\">\n <div\n *ngFor=\"let mark of item.marks\"\n class=\"indicator__marker\"\n [ngStyle]=\"{\n left: mark.value + '%',\n borderLeftColor: mark.color\n }\"\n [title]=\"mark.name + ' (' + mark.value + '%)'\"\n ></div>\n </div>\n</div>\n", styles: [".indicator{min-height:23px}.indicator__classification{background-color:#fff;border-radius:16px;color:#000;padding:4px 8px;margin-right:4px;font-size:12px!important}.indicator__markers{position:absolute;inset:0;z-index:10}.indicator__marker{position:absolute;top:0;bottom:0;height:70%;width:0;margin:auto 0;border-left-width:4px;border-left-style:solid}\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:Inter,sans-serif;font-size:16px;font-style:normal;font-weight:400}.display-S{font-family:Inter,sans-serif;font-size:20px;font-style:normal;font-weight:400}.display-L{font-family:Inter,sans-serif;font-size:32px;font-style:normal;font-weight:400}.display-XG{font-family:Inter,sans-serif;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.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }] });
|
|
10
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: MapaBenchmarkIndicatorComponent, decorators: [{
|
|
11
|
+
type: Component,
|
|
12
|
+
args: [{ selector: "mapa-benchmark-indicator", template: "<div\n class=\"indicator\"\n [style.backgroundColor]=\"item.classificationColor\"\n>\n <!-- Linhas dos marcadores -->\n <div class=\"indicator__markers\">\n <div\n *ngFor=\"let mark of item.marks\"\n class=\"indicator__marker\"\n [ngStyle]=\"{\n left: mark.value + '%',\n borderLeftColor: mark.color\n }\"\n [title]=\"mark.name + ' (' + mark.value + '%)'\"\n ></div>\n </div>\n</div>\n", styles: [".indicator{min-height:23px}.indicator__classification{background-color:#fff;border-radius:16px;color:#000;padding:4px 8px;margin-right:4px;font-size:12px!important}.indicator__markers{position:absolute;inset:0;z-index:10}.indicator__marker{position:absolute;top:0;bottom:0;height:70%;width:0;margin:auto 0;border-left-width:4px;border-left-style:solid}\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:Inter,sans-serif;font-size:16px;font-style:normal;font-weight:400}.display-S{font-family:Inter,sans-serif;font-size:20px;font-style:normal;font-weight:400}.display-L{font-family:Inter,sans-serif;font-size:32px;font-style:normal;font-weight:400}.display-XG{font-family:Inter,sans-serif;font-size:48px;font-style:normal;font-weight:400}*{transition:opacity .4s ease-out,max-height .4s ease-out}\n"] }]
|
|
13
|
+
}], propDecorators: { item: [{
|
|
14
|
+
type: Input
|
|
15
|
+
}] } });
|
|
16
|
+
|
|
17
|
+
class MapaBenchmarkChartComponent {
|
|
18
|
+
constructor() {
|
|
19
|
+
this.scaleLabels = [0, 10, 20, 30, 40, 50, 60, 70, 80, 90, 100];
|
|
20
|
+
}
|
|
21
|
+
setUnlabeledItem(item) {
|
|
22
|
+
return Object.assign(Object.assign({}, item), { classificationId: item.classificationId, classificationColor: item.classificationColor, interval: item.interval });
|
|
23
|
+
}
|
|
24
|
+
getWidth(item) {
|
|
25
|
+
const minWidth = 0;
|
|
26
|
+
const interval = (item.interval || 0);
|
|
27
|
+
if (interval < 10)
|
|
28
|
+
return minWidth + 'px';
|
|
29
|
+
return interval + '%';
|
|
30
|
+
}
|
|
31
|
+
}
|
|
32
|
+
MapaBenchmarkChartComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: MapaBenchmarkChartComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
33
|
+
MapaBenchmarkChartComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: MapaBenchmarkChartComponent, selector: "mapa-benchmark-chart", inputs: { data: "data" }, ngImport: i0, template: "<table class=\"indicator-chart\">\n <thead>\n <tr class=\"indicator-chart__head\">\n <th class=\"indicator-chart__column--description\"></th>\n <th class=\"indicator-chart__column indicator-chart__column--right\">\n <div class=\"indicator-chart__scale\">\n <span *ngFor=\"let label of scaleLabels\">{{ label }}</span>\n </div>\n </th>\n </tr>\n </thead>\n <tbody>\n <tr *ngFor=\"let item of data\">\n <td class=\"indicator-chart__column--description\">{{ item.name }}</td>\n <td class=\"indicator-chart__column indicator-chart__column--right\">\n <div class=\"indicator-chart__column--positive\">\n <div class=\"indicator-chart__column-background\">\n <mapa-benchmark-indicator [item]=\"setUnlabeledItem(item)\"\n [style.width]=\"getWidth(item)\"></mapa-benchmark-indicator>\n </div>\n </div>\n </td>\n <td class=\"indicator-chart__column--classification\">\n {{item.interval}} %\n </td>\n </tr>\n </tbody>\n</table>", styles: [".indicator-chart{width:100%;border-collapse:collapse}.indicator-chart__head th{padding:0 0 12px;font-size:12px;font-weight:500;color:#6f6f7b}.indicator-chart__scale{position:relative;display:flex;justify-content:space-between;align-items:center;font-size:12px;text-align:center;color:#6f6f7b}.indicator-chart__scale span{position:relative;padding-top:8px;text-align:end;transform:translate(10px)}.indicator-chart__scale span:first-child{text-align:start;transform:translate(0)}.indicator-chart__scale span:last-child{text-align:start;transform:translate(0)}.indicator-chart__scale span:last-child:before{content:\"\";position:absolute;bottom:-8px;right:0%;width:1px;height:8px;background-color:#dcdcde}.indicator-chart__scale span:before{content:\"\";position:absolute;bottom:-8px;right:50%;width:1px;height:8px;background-color:#dcdcde}.indicator-chart tr:first-child{border-top:unset!important}.indicator-chart tr:last-child{border-bottom:unset!important}.indicator-chart__column{padding:0;font-size:14px!important}.indicator-chart__column--description{padding-right:24px;width:20%!important}.indicator-chart__column--classification{width:2%!important;min-width:50px;text-align:end}.indicator-chart__column-background{width:100%;background:rgb(241,245,249);display:flex;margin:3px 0;border-radius:0 18px 18px 0}.indicator-chart__column--positive{display:flex;border-spacing:0px;padding:8px 0!important;position:relative}.indicator-chart__column--positive .indicator{border-radius:0 18px 18px 0!important;padding:2px!important;justify-content:flex-end!important}.indicator-chart__column--positive .indicator__classification{margin-right:1px!important}.indicator-chart__column--negative{display:flex;justify-content:flex-end;border-spacing:0px;padding:8px 0!important}.indicator-chart__column--negative .indicator{border-radius:18px 0 0 18px!important;justify-content:flex-start!important;padding:2px!important}.indicator-chart__column--negative .indicator__classification{margin-left:1px!important}.indicator-chart__column--left{width:40%;border-bottom:1px solid #dcdcde}.indicator-chart__column--right{border-bottom:1px solid #dcdcde;border-left:1px solid #dcdcde;width:40%}\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:Inter,sans-serif;font-size:16px;font-style:normal;font-weight:400}.display-S{font-family:Inter,sans-serif;font-size:20px;font-style:normal;font-weight:400}.display-L{font-family:Inter,sans-serif;font-size:32px;font-style:normal;font-weight:400}.display-XG{font-family:Inter,sans-serif;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.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "component", type: MapaBenchmarkIndicatorComponent, selector: "mapa-benchmark-indicator", inputs: ["item"] }], encapsulation: i0.ViewEncapsulation.None });
|
|
34
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: MapaBenchmarkChartComponent, decorators: [{
|
|
35
|
+
type: Component,
|
|
36
|
+
args: [{ selector: "mapa-benchmark-chart", encapsulation: ViewEncapsulation.None, template: "<table class=\"indicator-chart\">\n <thead>\n <tr class=\"indicator-chart__head\">\n <th class=\"indicator-chart__column--description\"></th>\n <th class=\"indicator-chart__column indicator-chart__column--right\">\n <div class=\"indicator-chart__scale\">\n <span *ngFor=\"let label of scaleLabels\">{{ label }}</span>\n </div>\n </th>\n </tr>\n </thead>\n <tbody>\n <tr *ngFor=\"let item of data\">\n <td class=\"indicator-chart__column--description\">{{ item.name }}</td>\n <td class=\"indicator-chart__column indicator-chart__column--right\">\n <div class=\"indicator-chart__column--positive\">\n <div class=\"indicator-chart__column-background\">\n <mapa-benchmark-indicator [item]=\"setUnlabeledItem(item)\"\n [style.width]=\"getWidth(item)\"></mapa-benchmark-indicator>\n </div>\n </div>\n </td>\n <td class=\"indicator-chart__column--classification\">\n {{item.interval}} %\n </td>\n </tr>\n </tbody>\n</table>", styles: [".indicator-chart{width:100%;border-collapse:collapse}.indicator-chart__head th{padding:0 0 12px;font-size:12px;font-weight:500;color:#6f6f7b}.indicator-chart__scale{position:relative;display:flex;justify-content:space-between;align-items:center;font-size:12px;text-align:center;color:#6f6f7b}.indicator-chart__scale span{position:relative;padding-top:8px;text-align:end;transform:translate(10px)}.indicator-chart__scale span:first-child{text-align:start;transform:translate(0)}.indicator-chart__scale span:last-child{text-align:start;transform:translate(0)}.indicator-chart__scale span:last-child:before{content:\"\";position:absolute;bottom:-8px;right:0%;width:1px;height:8px;background-color:#dcdcde}.indicator-chart__scale span:before{content:\"\";position:absolute;bottom:-8px;right:50%;width:1px;height:8px;background-color:#dcdcde}.indicator-chart tr:first-child{border-top:unset!important}.indicator-chart tr:last-child{border-bottom:unset!important}.indicator-chart__column{padding:0;font-size:14px!important}.indicator-chart__column--description{padding-right:24px;width:20%!important}.indicator-chart__column--classification{width:2%!important;min-width:50px;text-align:end}.indicator-chart__column-background{width:100%;background:rgb(241,245,249);display:flex;margin:3px 0;border-radius:0 18px 18px 0}.indicator-chart__column--positive{display:flex;border-spacing:0px;padding:8px 0!important;position:relative}.indicator-chart__column--positive .indicator{border-radius:0 18px 18px 0!important;padding:2px!important;justify-content:flex-end!important}.indicator-chart__column--positive .indicator__classification{margin-right:1px!important}.indicator-chart__column--negative{display:flex;justify-content:flex-end;border-spacing:0px;padding:8px 0!important}.indicator-chart__column--negative .indicator{border-radius:18px 0 0 18px!important;justify-content:flex-start!important;padding:2px!important}.indicator-chart__column--negative .indicator__classification{margin-left:1px!important}.indicator-chart__column--left{width:40%;border-bottom:1px solid #dcdcde}.indicator-chart__column--right{border-bottom:1px solid #dcdcde;border-left:1px solid #dcdcde;width:40%}\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:Inter,sans-serif;font-size:16px;font-style:normal;font-weight:400}.display-S{font-family:Inter,sans-serif;font-size:20px;font-style:normal;font-weight:400}.display-L{font-family:Inter,sans-serif;font-size:32px;font-style:normal;font-weight:400}.display-XG{font-family:Inter,sans-serif;font-size:48px;font-style:normal;font-weight:400}*{transition:opacity .4s ease-out,max-height .4s ease-out}\n"] }]
|
|
37
|
+
}], ctorParameters: function () { return []; }, propDecorators: { data: [{
|
|
38
|
+
type: Input
|
|
39
|
+
}] } });
|
|
40
|
+
|
|
41
|
+
class MapaBenchmarkIndicatorModule {
|
|
42
|
+
}
|
|
43
|
+
MapaBenchmarkIndicatorModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: MapaBenchmarkIndicatorModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
44
|
+
MapaBenchmarkIndicatorModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.10", ngImport: i0, type: MapaBenchmarkIndicatorModule, declarations: [MapaBenchmarkIndicatorComponent], imports: [CommonModule], exports: [MapaBenchmarkIndicatorComponent] });
|
|
45
|
+
MapaBenchmarkIndicatorModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: MapaBenchmarkIndicatorModule, imports: [CommonModule] });
|
|
46
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: MapaBenchmarkIndicatorModule, decorators: [{
|
|
47
|
+
type: NgModule,
|
|
48
|
+
args: [{
|
|
49
|
+
declarations: [MapaBenchmarkIndicatorComponent],
|
|
50
|
+
exports: [MapaBenchmarkIndicatorComponent],
|
|
51
|
+
imports: [CommonModule],
|
|
52
|
+
}]
|
|
53
|
+
}] });
|
|
54
|
+
|
|
55
|
+
class MapaBenchmarkChartModule {
|
|
56
|
+
}
|
|
57
|
+
MapaBenchmarkChartModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: MapaBenchmarkChartModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
58
|
+
MapaBenchmarkChartModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.10", ngImport: i0, type: MapaBenchmarkChartModule, declarations: [MapaBenchmarkChartComponent], imports: [CommonModule, MapaBenchmarkIndicatorModule], exports: [MapaBenchmarkChartComponent] });
|
|
59
|
+
MapaBenchmarkChartModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: MapaBenchmarkChartModule, imports: [CommonModule, MapaBenchmarkIndicatorModule] });
|
|
60
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: MapaBenchmarkChartModule, decorators: [{
|
|
61
|
+
type: NgModule,
|
|
62
|
+
args: [{
|
|
63
|
+
declarations: [MapaBenchmarkChartComponent],
|
|
64
|
+
exports: [MapaBenchmarkChartComponent],
|
|
65
|
+
imports: [CommonModule, MapaBenchmarkIndicatorModule],
|
|
66
|
+
}]
|
|
67
|
+
}] });
|
|
68
|
+
|
|
69
|
+
/*
|
|
70
|
+
* Public API Surface of mapa-library-ui benchmarking
|
|
71
|
+
*/
|
|
72
|
+
|
|
73
|
+
/*
|
|
74
|
+
* Public API Surface of mapa-library-ui benchmarking
|
|
75
|
+
*/
|
|
76
|
+
|
|
77
|
+
/**
|
|
78
|
+
* Generated bundle index. Do not edit.
|
|
79
|
+
*/
|
|
80
|
+
|
|
81
|
+
export { MapaBenchmarkChartComponent, MapaBenchmarkChartModule, MapaBenchmarkIndicatorComponent, MapaBenchmarkIndicatorModule };
|
|
82
|
+
//# sourceMappingURL=mapa-library-ui-src-lib-components-benchmarking.mjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"mapa-library-ui-src-lib-components-benchmarking.mjs","sources":["../../../projects/mapa-library-ui/src/lib/components/benchmarking/src/benchmark-indicator/benchmark-indicator.component.ts","../../../projects/mapa-library-ui/src/lib/components/benchmarking/src/benchmark-indicator/benchmark-indicator.component.html","../../../projects/mapa-library-ui/src/lib/components/benchmarking/src/benchmark-chart.component.ts","../../../projects/mapa-library-ui/src/lib/components/benchmarking/src/benchmark-chart.component.html","../../../projects/mapa-library-ui/src/lib/components/benchmarking/src/benchmark-indicator/benchmark-indicator.module.ts","../../../projects/mapa-library-ui/src/lib/components/benchmarking/src/benchmark-chart.module.ts","../../../projects/mapa-library-ui/src/lib/components/benchmarking/public-api.ts","../../../projects/mapa-library-ui/src/benchmarking.ts","../../../projects/mapa-library-ui/src/mapa-library-ui-src-lib-components-benchmarking.ts"],"sourcesContent":["import { Component, Input } from \"@angular/core\";\nimport { BenchmarkingChart } from \"../benchmarking.interface\";\n\n@Component({\n selector: \"mapa-benchmark-indicator\",\n templateUrl: \"./benchmark-indicator.component.html\",\n styleUrls: [\n \"./benchmark-indicator.component.scss\",\n \"./../styles/benchmark.scss\",\n ],\n})\nexport class MapaBenchmarkIndicatorComponent {\n @Input() item!: BenchmarkingChart;\n}\n","<div\n class=\"indicator\"\n [style.backgroundColor]=\"item.classificationColor\"\n>\n <!-- Linhas dos marcadores -->\n <div class=\"indicator__markers\">\n <div\n *ngFor=\"let mark of item.marks\"\n class=\"indicator__marker\"\n [ngStyle]=\"{\n left: mark.value + '%',\n borderLeftColor: mark.color\n }\"\n [title]=\"mark.name + ' (' + mark.value + '%)'\"\n ></div>\n </div>\n</div>\n","import { Component, Input, ViewEncapsulation } from \"@angular/core\";\nimport { BenchmarkingChart } from \"./benchmarking.interface\";\n\n@Component({\n selector: \"mapa-benchmark-chart\",\n templateUrl: \"./benchmark-chart.component.html\",\n styleUrls: [\n \"./benchmark-chart.component.scss\",\n \"./styles/benchmark.scss\",\n ],\n encapsulation: ViewEncapsulation.None\n})\nexport class MapaBenchmarkChartComponent {\n @Input() data!: BenchmarkingChart[];\n public scaleLabels: number[] = [0, 10, 20, 30, 40, 50, 60, 70, 80, 90, 100];\n\n constructor() {}\n\n public setUnlabeledItem(item: BenchmarkingChart): BenchmarkingChart {\n return {\n ...item,\n classificationId: item.classificationId,\n classificationColor: item.classificationColor,\n interval: item.interval,\n }\n }\n\n public getWidth(item: BenchmarkingChart): string {\n const minWidth = 0;\n const interval = (item.interval || 0);\n if (interval < 10) return minWidth + 'px';\n return interval + '%';\n }\n}\n","<table class=\"indicator-chart\">\n <thead>\n <tr class=\"indicator-chart__head\">\n <th class=\"indicator-chart__column--description\"></th>\n <th class=\"indicator-chart__column indicator-chart__column--right\">\n <div class=\"indicator-chart__scale\">\n <span *ngFor=\"let label of scaleLabels\">{{ label }}</span>\n </div>\n </th>\n </tr>\n </thead>\n <tbody>\n <tr *ngFor=\"let item of data\">\n <td class=\"indicator-chart__column--description\">{{ item.name }}</td>\n <td class=\"indicator-chart__column indicator-chart__column--right\">\n <div class=\"indicator-chart__column--positive\">\n <div class=\"indicator-chart__column-background\">\n <mapa-benchmark-indicator [item]=\"setUnlabeledItem(item)\"\n [style.width]=\"getWidth(item)\"></mapa-benchmark-indicator>\n </div>\n </div>\n </td>\n <td class=\"indicator-chart__column--classification\">\n {{item.interval}} %\n </td>\n </tr>\n </tbody>\n</table>","import { NgModule } from \"@angular/core\";\nimport { CommonModule } from \"@angular/common\";\nimport { MapaBenchmarkIndicatorComponent } from \"./benchmark-indicator.component\";\n\n@NgModule({\n declarations: [MapaBenchmarkIndicatorComponent],\n exports: [MapaBenchmarkIndicatorComponent],\n imports: [CommonModule],\n})\nexport class MapaBenchmarkIndicatorModule {}\n","import { NgModule } from \"@angular/core\";\nimport { CommonModule } from \"@angular/common\";\nimport { MapaBenchmarkIndicatorModule } from \"./benchmark-indicator/benchmark-indicator.module\";\nimport { MapaBenchmarkChartComponent } from \"./benchmark-chart.component\";\n\n@NgModule({\n declarations: [MapaBenchmarkChartComponent],\n exports: [MapaBenchmarkChartComponent],\n imports: [CommonModule, MapaBenchmarkIndicatorModule],\n})\nexport class MapaBenchmarkChartModule {}\n","/*\n * Public API Surface of mapa-library-ui benchmarking\n */\n\nexport * from './src/benchmarking.interface';\nexport * from './src/benchmark-chart.component';\nexport * from './src/benchmark-chart.module';\n\nexport * from './src/benchmark-indicator/benchmark-indicator.component';\nexport * from './src/benchmark-indicator/benchmark-indicator.module';\n","/*\n * Public API Surface of mapa-library-ui benchmarking\n */\n\nexport * from './lib/components/benchmarking/public-api';\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './benchmarking';\n"],"names":["i2.MapaBenchmarkIndicatorComponent"],"mappings":";;;;;MAWa,+BAA+B,CAAA;;6HAA/B,+BAA+B,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAA/B,+BAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,+BAA+B,0FCX5C,qbAiBA,EAAA,MAAA,EAAA,CAAA,oWAAA,EAAA,4nCAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,OAAA,EAAA,QAAA,EAAA,kBAAA,EAAA,MAAA,EAAA,CAAA,SAAA,EAAA,cAAA,EAAA,eAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,OAAA,EAAA,QAAA,EAAA,WAAA,EAAA,MAAA,EAAA,CAAA,SAAA,CAAA,EAAA,CAAA,EAAA,CAAA,CAAA;4FDNa,+BAA+B,EAAA,UAAA,EAAA,CAAA;kBAR3C,SAAS;+BACE,0BAA0B,EAAA,QAAA,EAAA,qbAAA,EAAA,MAAA,EAAA,CAAA,oWAAA,EAAA,4nCAAA,CAAA,EAAA,CAAA;8BAQ3B,IAAI,EAAA,CAAA;sBAAZ,KAAK;;;MEAK,2BAA2B,CAAA;AAItC,IAAA,WAAA,GAAA;QAFO,IAAW,CAAA,WAAA,GAAa,CAAC,CAAC,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,GAAG,CAAC,CAAC;KAE5D;AAET,IAAA,gBAAgB,CAAC,IAAuB,EAAA;AAC7C,QAAA,OAAA,MAAA,CAAA,MAAA,CAAA,MAAA,CAAA,MAAA,CAAA,EAAA,EACK,IAAI,CACP,EAAA,EAAA,gBAAgB,EAAE,IAAI,CAAC,gBAAgB,EACvC,mBAAmB,EAAE,IAAI,CAAC,mBAAmB,EAC7C,QAAQ,EAAE,IAAI,CAAC,QAAQ,EACxB,CAAA,CAAA;KACF;AAEM,IAAA,QAAQ,CAAC,IAAuB,EAAA;QACrC,MAAM,QAAQ,GAAG,CAAC,CAAC;QACnB,MAAM,QAAQ,IAAI,IAAI,CAAC,QAAQ,IAAI,CAAC,CAAC,CAAC;QACtC,IAAI,QAAQ,GAAG,EAAE;YAAE,OAAO,QAAQ,GAAG,IAAI,CAAC;QAC1C,OAAO,QAAQ,GAAG,GAAG,CAAC;KACvB;;yHApBU,2BAA2B,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAA3B,2BAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,2BAA2B,sFCZxC,kiCA2BQ,EAAA,MAAA,EAAA,CAAA,ooEAAA,EAAA,4nCAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,OAAA,EAAA,QAAA,EAAA,kBAAA,EAAA,MAAA,EAAA,CAAA,SAAA,EAAA,cAAA,EAAA,eAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAAA,+BAAA,EAAA,QAAA,EAAA,0BAAA,EAAA,MAAA,EAAA,CAAA,MAAA,CAAA,EAAA,CAAA,EAAA,aAAA,EAAA,EAAA,CAAA,iBAAA,CAAA,IAAA,EAAA,CAAA,CAAA;4FDfK,2BAA2B,EAAA,UAAA,EAAA,CAAA;kBATvC,SAAS;+BACE,sBAAsB,EAAA,aAAA,EAMjB,iBAAiB,CAAC,IAAI,EAAA,QAAA,EAAA,kiCAAA,EAAA,MAAA,EAAA,CAAA,ooEAAA,EAAA,4nCAAA,CAAA,EAAA,CAAA;0EAG5B,IAAI,EAAA,CAAA;sBAAZ,KAAK;;;MEJK,4BAA4B,CAAA;;0HAA5B,4BAA4B,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA,CAAA;AAA5B,4BAAA,CAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,4BAA4B,EAJxB,YAAA,EAAA,CAAA,+BAA+B,CAEpC,EAAA,OAAA,EAAA,CAAA,YAAY,aADZ,+BAA+B,CAAA,EAAA,CAAA,CAAA;AAG9B,4BAAA,CAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,4BAA4B,YAF7B,YAAY,CAAA,EAAA,CAAA,CAAA;4FAEX,4BAA4B,EAAA,UAAA,EAAA,CAAA;kBALxC,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;oBACR,YAAY,EAAE,CAAC,+BAA+B,CAAC;oBAC/C,OAAO,EAAE,CAAC,+BAA+B,CAAC;oBAC1C,OAAO,EAAE,CAAC,YAAY,CAAC;iBACxB,CAAA;;;MCEY,wBAAwB,CAAA;;sHAAxB,wBAAwB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA,CAAA;AAAxB,wBAAA,CAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,wBAAwB,iBAJpB,2BAA2B,CAAA,EAAA,OAAA,EAAA,CAEhC,YAAY,EAAE,4BAA4B,aAD1C,2BAA2B,CAAA,EAAA,CAAA,CAAA;uHAG1B,wBAAwB,EAAA,OAAA,EAAA,CAFzB,YAAY,EAAE,4BAA4B,CAAA,EAAA,CAAA,CAAA;4FAEzC,wBAAwB,EAAA,UAAA,EAAA,CAAA;kBALpC,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;oBACR,YAAY,EAAE,CAAC,2BAA2B,CAAC;oBAC3C,OAAO,EAAE,CAAC,2BAA2B,CAAC;AACtC,oBAAA,OAAO,EAAE,CAAC,YAAY,EAAE,4BAA4B,CAAC;iBACtD,CAAA;;;ACTD;;AAEG;;ACFH;;AAEG;;ACFH;;AAEG;;;;"}
|
|
@@ -0,0 +1,87 @@
|
|
|
1
|
+
import * as i0 from '@angular/core';
|
|
2
|
+
import { Component, Input, ViewEncapsulation, NgModule } from '@angular/core';
|
|
3
|
+
import * as i1 from '@angular/common';
|
|
4
|
+
import { CommonModule } from '@angular/common';
|
|
5
|
+
|
|
6
|
+
class MapaBenchmarkIndicatorComponent {
|
|
7
|
+
}
|
|
8
|
+
MapaBenchmarkIndicatorComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: MapaBenchmarkIndicatorComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
9
|
+
MapaBenchmarkIndicatorComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: MapaBenchmarkIndicatorComponent, selector: "mapa-benchmark-indicator", inputs: { item: "item" }, ngImport: i0, template: "<div\n class=\"indicator\"\n [style.backgroundColor]=\"item.classificationColor\"\n>\n <!-- Linhas dos marcadores -->\n <div class=\"indicator__markers\">\n <div\n *ngFor=\"let mark of item.marks\"\n class=\"indicator__marker\"\n [ngStyle]=\"{\n left: mark.value + '%',\n borderLeftColor: mark.color\n }\"\n [title]=\"mark.name + ' (' + mark.value + '%)'\"\n ></div>\n </div>\n</div>\n", styles: [".indicator{min-height:23px}.indicator__classification{background-color:#fff;border-radius:16px;color:#000;padding:4px 8px;margin-right:4px;font-size:12px!important}.indicator__markers{position:absolute;inset:0;z-index:10}.indicator__marker{position:absolute;top:0;bottom:0;height:70%;width:0;margin:auto 0;border-left-width:4px;border-left-style:solid}\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:Inter,sans-serif;font-size:16px;font-style:normal;font-weight:400}.display-S{font-family:Inter,sans-serif;font-size:20px;font-style:normal;font-weight:400}.display-L{font-family:Inter,sans-serif;font-size:32px;font-style:normal;font-weight:400}.display-XG{font-family:Inter,sans-serif;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.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }] });
|
|
10
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: MapaBenchmarkIndicatorComponent, decorators: [{
|
|
11
|
+
type: Component,
|
|
12
|
+
args: [{ selector: "mapa-benchmark-indicator", template: "<div\n class=\"indicator\"\n [style.backgroundColor]=\"item.classificationColor\"\n>\n <!-- Linhas dos marcadores -->\n <div class=\"indicator__markers\">\n <div\n *ngFor=\"let mark of item.marks\"\n class=\"indicator__marker\"\n [ngStyle]=\"{\n left: mark.value + '%',\n borderLeftColor: mark.color\n }\"\n [title]=\"mark.name + ' (' + mark.value + '%)'\"\n ></div>\n </div>\n</div>\n", styles: [".indicator{min-height:23px}.indicator__classification{background-color:#fff;border-radius:16px;color:#000;padding:4px 8px;margin-right:4px;font-size:12px!important}.indicator__markers{position:absolute;inset:0;z-index:10}.indicator__marker{position:absolute;top:0;bottom:0;height:70%;width:0;margin:auto 0;border-left-width:4px;border-left-style:solid}\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:Inter,sans-serif;font-size:16px;font-style:normal;font-weight:400}.display-S{font-family:Inter,sans-serif;font-size:20px;font-style:normal;font-weight:400}.display-L{font-family:Inter,sans-serif;font-size:32px;font-style:normal;font-weight:400}.display-XG{font-family:Inter,sans-serif;font-size:48px;font-style:normal;font-weight:400}*{transition:opacity .4s ease-out,max-height .4s ease-out}\n"] }]
|
|
13
|
+
}], propDecorators: { item: [{
|
|
14
|
+
type: Input
|
|
15
|
+
}] } });
|
|
16
|
+
|
|
17
|
+
class MapaBenchmarkChartComponent {
|
|
18
|
+
constructor() {
|
|
19
|
+
this.scaleLabels = [0, 10, 20, 30, 40, 50, 60, 70, 80, 90, 100];
|
|
20
|
+
}
|
|
21
|
+
setUnlabeledItem(item) {
|
|
22
|
+
return {
|
|
23
|
+
...item,
|
|
24
|
+
classificationId: item.classificationId,
|
|
25
|
+
classificationColor: item.classificationColor,
|
|
26
|
+
interval: item.interval,
|
|
27
|
+
};
|
|
28
|
+
}
|
|
29
|
+
getWidth(item) {
|
|
30
|
+
const minWidth = 0;
|
|
31
|
+
const interval = (item.interval || 0);
|
|
32
|
+
if (interval < 10)
|
|
33
|
+
return minWidth + 'px';
|
|
34
|
+
return interval + '%';
|
|
35
|
+
}
|
|
36
|
+
}
|
|
37
|
+
MapaBenchmarkChartComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: MapaBenchmarkChartComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
38
|
+
MapaBenchmarkChartComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: MapaBenchmarkChartComponent, selector: "mapa-benchmark-chart", inputs: { data: "data" }, ngImport: i0, template: "<table class=\"indicator-chart\">\n <thead>\n <tr class=\"indicator-chart__head\">\n <th class=\"indicator-chart__column--description\"></th>\n <th class=\"indicator-chart__column indicator-chart__column--right\">\n <div class=\"indicator-chart__scale\">\n <span *ngFor=\"let label of scaleLabels\">{{ label }}</span>\n </div>\n </th>\n </tr>\n </thead>\n <tbody>\n <tr *ngFor=\"let item of data\">\n <td class=\"indicator-chart__column--description\">{{ item.name }}</td>\n <td class=\"indicator-chart__column indicator-chart__column--right\">\n <div class=\"indicator-chart__column--positive\">\n <div class=\"indicator-chart__column-background\">\n <mapa-benchmark-indicator [item]=\"setUnlabeledItem(item)\"\n [style.width]=\"getWidth(item)\"></mapa-benchmark-indicator>\n </div>\n </div>\n </td>\n <td class=\"indicator-chart__column--classification\">\n {{item.interval}} %\n </td>\n </tr>\n </tbody>\n</table>", styles: [".indicator-chart{width:100%;border-collapse:collapse}.indicator-chart__head th{padding:0 0 12px;font-size:12px;font-weight:500;color:#6f6f7b}.indicator-chart__scale{position:relative;display:flex;justify-content:space-between;align-items:center;font-size:12px;text-align:center;color:#6f6f7b}.indicator-chart__scale span{position:relative;padding-top:8px;text-align:end;transform:translate(10px)}.indicator-chart__scale span:first-child{text-align:start;transform:translate(0)}.indicator-chart__scale span:last-child{text-align:start;transform:translate(0)}.indicator-chart__scale span:last-child:before{content:\"\";position:absolute;bottom:-8px;right:0%;width:1px;height:8px;background-color:#dcdcde}.indicator-chart__scale span:before{content:\"\";position:absolute;bottom:-8px;right:50%;width:1px;height:8px;background-color:#dcdcde}.indicator-chart tr:first-child{border-top:unset!important}.indicator-chart tr:last-child{border-bottom:unset!important}.indicator-chart__column{padding:0;font-size:14px!important}.indicator-chart__column--description{padding-right:24px;width:20%!important}.indicator-chart__column--classification{width:2%!important;min-width:50px;text-align:end}.indicator-chart__column-background{width:100%;background:rgb(241,245,249);display:flex;margin:3px 0;border-radius:0 18px 18px 0}.indicator-chart__column--positive{display:flex;border-spacing:0px;padding:8px 0!important;position:relative}.indicator-chart__column--positive .indicator{border-radius:0 18px 18px 0!important;padding:2px!important;justify-content:flex-end!important}.indicator-chart__column--positive .indicator__classification{margin-right:1px!important}.indicator-chart__column--negative{display:flex;justify-content:flex-end;border-spacing:0px;padding:8px 0!important}.indicator-chart__column--negative .indicator{border-radius:18px 0 0 18px!important;justify-content:flex-start!important;padding:2px!important}.indicator-chart__column--negative .indicator__classification{margin-left:1px!important}.indicator-chart__column--left{width:40%;border-bottom:1px solid #dcdcde}.indicator-chart__column--right{border-bottom:1px solid #dcdcde;border-left:1px solid #dcdcde;width:40%}\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:Inter,sans-serif;font-size:16px;font-style:normal;font-weight:400}.display-S{font-family:Inter,sans-serif;font-size:20px;font-style:normal;font-weight:400}.display-L{font-family:Inter,sans-serif;font-size:32px;font-style:normal;font-weight:400}.display-XG{font-family:Inter,sans-serif;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.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "component", type: MapaBenchmarkIndicatorComponent, selector: "mapa-benchmark-indicator", inputs: ["item"] }], encapsulation: i0.ViewEncapsulation.None });
|
|
39
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: MapaBenchmarkChartComponent, decorators: [{
|
|
40
|
+
type: Component,
|
|
41
|
+
args: [{ selector: "mapa-benchmark-chart", encapsulation: ViewEncapsulation.None, template: "<table class=\"indicator-chart\">\n <thead>\n <tr class=\"indicator-chart__head\">\n <th class=\"indicator-chart__column--description\"></th>\n <th class=\"indicator-chart__column indicator-chart__column--right\">\n <div class=\"indicator-chart__scale\">\n <span *ngFor=\"let label of scaleLabels\">{{ label }}</span>\n </div>\n </th>\n </tr>\n </thead>\n <tbody>\n <tr *ngFor=\"let item of data\">\n <td class=\"indicator-chart__column--description\">{{ item.name }}</td>\n <td class=\"indicator-chart__column indicator-chart__column--right\">\n <div class=\"indicator-chart__column--positive\">\n <div class=\"indicator-chart__column-background\">\n <mapa-benchmark-indicator [item]=\"setUnlabeledItem(item)\"\n [style.width]=\"getWidth(item)\"></mapa-benchmark-indicator>\n </div>\n </div>\n </td>\n <td class=\"indicator-chart__column--classification\">\n {{item.interval}} %\n </td>\n </tr>\n </tbody>\n</table>", styles: [".indicator-chart{width:100%;border-collapse:collapse}.indicator-chart__head th{padding:0 0 12px;font-size:12px;font-weight:500;color:#6f6f7b}.indicator-chart__scale{position:relative;display:flex;justify-content:space-between;align-items:center;font-size:12px;text-align:center;color:#6f6f7b}.indicator-chart__scale span{position:relative;padding-top:8px;text-align:end;transform:translate(10px)}.indicator-chart__scale span:first-child{text-align:start;transform:translate(0)}.indicator-chart__scale span:last-child{text-align:start;transform:translate(0)}.indicator-chart__scale span:last-child:before{content:\"\";position:absolute;bottom:-8px;right:0%;width:1px;height:8px;background-color:#dcdcde}.indicator-chart__scale span:before{content:\"\";position:absolute;bottom:-8px;right:50%;width:1px;height:8px;background-color:#dcdcde}.indicator-chart tr:first-child{border-top:unset!important}.indicator-chart tr:last-child{border-bottom:unset!important}.indicator-chart__column{padding:0;font-size:14px!important}.indicator-chart__column--description{padding-right:24px;width:20%!important}.indicator-chart__column--classification{width:2%!important;min-width:50px;text-align:end}.indicator-chart__column-background{width:100%;background:rgb(241,245,249);display:flex;margin:3px 0;border-radius:0 18px 18px 0}.indicator-chart__column--positive{display:flex;border-spacing:0px;padding:8px 0!important;position:relative}.indicator-chart__column--positive .indicator{border-radius:0 18px 18px 0!important;padding:2px!important;justify-content:flex-end!important}.indicator-chart__column--positive .indicator__classification{margin-right:1px!important}.indicator-chart__column--negative{display:flex;justify-content:flex-end;border-spacing:0px;padding:8px 0!important}.indicator-chart__column--negative .indicator{border-radius:18px 0 0 18px!important;justify-content:flex-start!important;padding:2px!important}.indicator-chart__column--negative .indicator__classification{margin-left:1px!important}.indicator-chart__column--left{width:40%;border-bottom:1px solid #dcdcde}.indicator-chart__column--right{border-bottom:1px solid #dcdcde;border-left:1px solid #dcdcde;width:40%}\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:Inter,sans-serif;font-size:16px;font-style:normal;font-weight:400}.display-S{font-family:Inter,sans-serif;font-size:20px;font-style:normal;font-weight:400}.display-L{font-family:Inter,sans-serif;font-size:32px;font-style:normal;font-weight:400}.display-XG{font-family:Inter,sans-serif;font-size:48px;font-style:normal;font-weight:400}*{transition:opacity .4s ease-out,max-height .4s ease-out}\n"] }]
|
|
42
|
+
}], ctorParameters: function () { return []; }, propDecorators: { data: [{
|
|
43
|
+
type: Input
|
|
44
|
+
}] } });
|
|
45
|
+
|
|
46
|
+
class MapaBenchmarkIndicatorModule {
|
|
47
|
+
}
|
|
48
|
+
MapaBenchmarkIndicatorModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: MapaBenchmarkIndicatorModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
49
|
+
MapaBenchmarkIndicatorModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.10", ngImport: i0, type: MapaBenchmarkIndicatorModule, declarations: [MapaBenchmarkIndicatorComponent], imports: [CommonModule], exports: [MapaBenchmarkIndicatorComponent] });
|
|
50
|
+
MapaBenchmarkIndicatorModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: MapaBenchmarkIndicatorModule, imports: [CommonModule] });
|
|
51
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: MapaBenchmarkIndicatorModule, decorators: [{
|
|
52
|
+
type: NgModule,
|
|
53
|
+
args: [{
|
|
54
|
+
declarations: [MapaBenchmarkIndicatorComponent],
|
|
55
|
+
exports: [MapaBenchmarkIndicatorComponent],
|
|
56
|
+
imports: [CommonModule],
|
|
57
|
+
}]
|
|
58
|
+
}] });
|
|
59
|
+
|
|
60
|
+
class MapaBenchmarkChartModule {
|
|
61
|
+
}
|
|
62
|
+
MapaBenchmarkChartModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: MapaBenchmarkChartModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
63
|
+
MapaBenchmarkChartModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.10", ngImport: i0, type: MapaBenchmarkChartModule, declarations: [MapaBenchmarkChartComponent], imports: [CommonModule, MapaBenchmarkIndicatorModule], exports: [MapaBenchmarkChartComponent] });
|
|
64
|
+
MapaBenchmarkChartModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: MapaBenchmarkChartModule, imports: [CommonModule, MapaBenchmarkIndicatorModule] });
|
|
65
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: MapaBenchmarkChartModule, decorators: [{
|
|
66
|
+
type: NgModule,
|
|
67
|
+
args: [{
|
|
68
|
+
declarations: [MapaBenchmarkChartComponent],
|
|
69
|
+
exports: [MapaBenchmarkChartComponent],
|
|
70
|
+
imports: [CommonModule, MapaBenchmarkIndicatorModule],
|
|
71
|
+
}]
|
|
72
|
+
}] });
|
|
73
|
+
|
|
74
|
+
/*
|
|
75
|
+
* Public API Surface of mapa-library-ui benchmarking
|
|
76
|
+
*/
|
|
77
|
+
|
|
78
|
+
/*
|
|
79
|
+
* Public API Surface of mapa-library-ui benchmarking
|
|
80
|
+
*/
|
|
81
|
+
|
|
82
|
+
/**
|
|
83
|
+
* Generated bundle index. Do not edit.
|
|
84
|
+
*/
|
|
85
|
+
|
|
86
|
+
export { MapaBenchmarkChartComponent, MapaBenchmarkChartModule, MapaBenchmarkIndicatorComponent, MapaBenchmarkIndicatorModule };
|
|
87
|
+
//# sourceMappingURL=mapa-library-ui-src-lib-components-benchmarking.mjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"mapa-library-ui-src-lib-components-benchmarking.mjs","sources":["../../../projects/mapa-library-ui/src/lib/components/benchmarking/src/benchmark-indicator/benchmark-indicator.component.ts","../../../projects/mapa-library-ui/src/lib/components/benchmarking/src/benchmark-indicator/benchmark-indicator.component.html","../../../projects/mapa-library-ui/src/lib/components/benchmarking/src/benchmark-chart.component.ts","../../../projects/mapa-library-ui/src/lib/components/benchmarking/src/benchmark-chart.component.html","../../../projects/mapa-library-ui/src/lib/components/benchmarking/src/benchmark-indicator/benchmark-indicator.module.ts","../../../projects/mapa-library-ui/src/lib/components/benchmarking/src/benchmark-chart.module.ts","../../../projects/mapa-library-ui/src/lib/components/benchmarking/public-api.ts","../../../projects/mapa-library-ui/src/benchmarking.ts","../../../projects/mapa-library-ui/src/mapa-library-ui-src-lib-components-benchmarking.ts"],"sourcesContent":["import { Component, Input } from \"@angular/core\";\nimport { BenchmarkingChart } from \"../benchmarking.interface\";\n\n@Component({\n selector: \"mapa-benchmark-indicator\",\n templateUrl: \"./benchmark-indicator.component.html\",\n styleUrls: [\n \"./benchmark-indicator.component.scss\",\n \"./../styles/benchmark.scss\",\n ],\n})\nexport class MapaBenchmarkIndicatorComponent {\n @Input() item!: BenchmarkingChart;\n}\n","<div\n class=\"indicator\"\n [style.backgroundColor]=\"item.classificationColor\"\n>\n <!-- Linhas dos marcadores -->\n <div class=\"indicator__markers\">\n <div\n *ngFor=\"let mark of item.marks\"\n class=\"indicator__marker\"\n [ngStyle]=\"{\n left: mark.value + '%',\n borderLeftColor: mark.color\n }\"\n [title]=\"mark.name + ' (' + mark.value + '%)'\"\n ></div>\n </div>\n</div>\n","import { Component, Input, ViewEncapsulation } from \"@angular/core\";\nimport { BenchmarkingChart } from \"./benchmarking.interface\";\n\n@Component({\n selector: \"mapa-benchmark-chart\",\n templateUrl: \"./benchmark-chart.component.html\",\n styleUrls: [\n \"./benchmark-chart.component.scss\",\n \"./styles/benchmark.scss\",\n ],\n encapsulation: ViewEncapsulation.None\n})\nexport class MapaBenchmarkChartComponent {\n @Input() data!: BenchmarkingChart[];\n public scaleLabels: number[] = [0, 10, 20, 30, 40, 50, 60, 70, 80, 90, 100];\n\n constructor() {}\n\n public setUnlabeledItem(item: BenchmarkingChart): BenchmarkingChart {\n return {\n ...item,\n classificationId: item.classificationId,\n classificationColor: item.classificationColor,\n interval: item.interval,\n }\n }\n\n public getWidth(item: BenchmarkingChart): string {\n const minWidth = 0;\n const interval = (item.interval || 0);\n if (interval < 10) return minWidth + 'px';\n return interval + '%';\n }\n}\n","<table class=\"indicator-chart\">\n <thead>\n <tr class=\"indicator-chart__head\">\n <th class=\"indicator-chart__column--description\"></th>\n <th class=\"indicator-chart__column indicator-chart__column--right\">\n <div class=\"indicator-chart__scale\">\n <span *ngFor=\"let label of scaleLabels\">{{ label }}</span>\n </div>\n </th>\n </tr>\n </thead>\n <tbody>\n <tr *ngFor=\"let item of data\">\n <td class=\"indicator-chart__column--description\">{{ item.name }}</td>\n <td class=\"indicator-chart__column indicator-chart__column--right\">\n <div class=\"indicator-chart__column--positive\">\n <div class=\"indicator-chart__column-background\">\n <mapa-benchmark-indicator [item]=\"setUnlabeledItem(item)\"\n [style.width]=\"getWidth(item)\"></mapa-benchmark-indicator>\n </div>\n </div>\n </td>\n <td class=\"indicator-chart__column--classification\">\n {{item.interval}} %\n </td>\n </tr>\n </tbody>\n</table>","import { NgModule } from \"@angular/core\";\nimport { CommonModule } from \"@angular/common\";\nimport { MapaBenchmarkIndicatorComponent } from \"./benchmark-indicator.component\";\n\n@NgModule({\n declarations: [MapaBenchmarkIndicatorComponent],\n exports: [MapaBenchmarkIndicatorComponent],\n imports: [CommonModule],\n})\nexport class MapaBenchmarkIndicatorModule {}\n","import { NgModule } from \"@angular/core\";\nimport { CommonModule } from \"@angular/common\";\nimport { MapaBenchmarkIndicatorModule } from \"./benchmark-indicator/benchmark-indicator.module\";\nimport { MapaBenchmarkChartComponent } from \"./benchmark-chart.component\";\n\n@NgModule({\n declarations: [MapaBenchmarkChartComponent],\n exports: [MapaBenchmarkChartComponent],\n imports: [CommonModule, MapaBenchmarkIndicatorModule],\n})\nexport class MapaBenchmarkChartModule {}\n","/*\n * Public API Surface of mapa-library-ui benchmarking\n */\n\nexport * from './src/benchmarking.interface';\nexport * from './src/benchmark-chart.component';\nexport * from './src/benchmark-chart.module';\n\nexport * from './src/benchmark-indicator/benchmark-indicator.component';\nexport * from './src/benchmark-indicator/benchmark-indicator.module';\n","/*\n * Public API Surface of mapa-library-ui benchmarking\n */\n\nexport * from './lib/components/benchmarking/public-api';\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './benchmarking';\n"],"names":["i2.MapaBenchmarkIndicatorComponent"],"mappings":"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"}
|
|
Binary file
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "mapa-library-ui",
|
|
3
|
-
"version": "0.72.
|
|
3
|
+
"version": "0.72.2",
|
|
4
4
|
"peerDependencies": {
|
|
5
5
|
"@angular/common": "^15.2.0",
|
|
6
6
|
"@angular/core": "^15.2.0"
|
|
@@ -27,6 +27,14 @@
|
|
|
27
27
|
"node": "./fesm2015/mapa-library-ui.mjs",
|
|
28
28
|
"default": "./fesm2020/mapa-library-ui.mjs"
|
|
29
29
|
},
|
|
30
|
+
"./src/lib/components/benchmarking": {
|
|
31
|
+
"types": "./src/lib/components/benchmarking/index.d.ts",
|
|
32
|
+
"esm2020": "./esm2020/src/lib/components/benchmarking/mapa-library-ui-src-lib-components-benchmarking.mjs",
|
|
33
|
+
"es2020": "./fesm2020/mapa-library-ui-src-lib-components-benchmarking.mjs",
|
|
34
|
+
"es2015": "./fesm2015/mapa-library-ui-src-lib-components-benchmarking.mjs",
|
|
35
|
+
"node": "./fesm2015/mapa-library-ui-src-lib-components-benchmarking.mjs",
|
|
36
|
+
"default": "./fesm2020/mapa-library-ui-src-lib-components-benchmarking.mjs"
|
|
37
|
+
},
|
|
30
38
|
"./src/lib/components/breadcrumb": {
|
|
31
39
|
"types": "./src/lib/components/breadcrumb/index.d.ts",
|
|
32
40
|
"esm2020": "./esm2020/src/lib/components/breadcrumb/mapa-library-ui-src-lib-components-breadcrumb.mjs",
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export * from './lib/components/benchmarking/public-api';
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
export * from './src/benchmarking.interface';
|
|
2
|
+
export * from './src/benchmark-chart.component';
|
|
3
|
+
export * from './src/benchmark-chart.module';
|
|
4
|
+
export * from './src/benchmark-indicator/benchmark-indicator.component';
|
|
5
|
+
export * from './src/benchmark-indicator/benchmark-indicator.module';
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import { BenchmarkingChart } from "./benchmarking.interface";
|
|
2
|
+
import * as i0 from "@angular/core";
|
|
3
|
+
export declare class MapaBenchmarkChartComponent {
|
|
4
|
+
data: BenchmarkingChart[];
|
|
5
|
+
scaleLabels: number[];
|
|
6
|
+
constructor();
|
|
7
|
+
setUnlabeledItem(item: BenchmarkingChart): BenchmarkingChart;
|
|
8
|
+
getWidth(item: BenchmarkingChart): string;
|
|
9
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<MapaBenchmarkChartComponent, never>;
|
|
10
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<MapaBenchmarkChartComponent, "mapa-benchmark-chart", never, { "data": "data"; }, {}, never, never, false, never>;
|
|
11
|
+
}
|
package/src/lib/components/benchmarking/lib/components/benchmarking/src/benchmark-chart.module.d.ts
ADDED
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import * as i0 from "@angular/core";
|
|
2
|
+
import * as i1 from "./benchmark-chart.component";
|
|
3
|
+
import * as i2 from "@angular/common";
|
|
4
|
+
import * as i3 from "./benchmark-indicator/benchmark-indicator.module";
|
|
5
|
+
export declare class MapaBenchmarkChartModule {
|
|
6
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<MapaBenchmarkChartModule, never>;
|
|
7
|
+
static ɵmod: i0.ɵɵNgModuleDeclaration<MapaBenchmarkChartModule, [typeof i1.MapaBenchmarkChartComponent], [typeof i2.CommonModule, typeof i3.MapaBenchmarkIndicatorModule], [typeof i1.MapaBenchmarkChartComponent]>;
|
|
8
|
+
static ɵinj: i0.ɵɵInjectorDeclaration<MapaBenchmarkChartModule>;
|
|
9
|
+
}
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import { BenchmarkingChart } from "../benchmarking.interface";
|
|
2
|
+
import * as i0 from "@angular/core";
|
|
3
|
+
export declare class MapaBenchmarkIndicatorComponent {
|
|
4
|
+
item: BenchmarkingChart;
|
|
5
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<MapaBenchmarkIndicatorComponent, never>;
|
|
6
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<MapaBenchmarkIndicatorComponent, "mapa-benchmark-indicator", never, { "item": "item"; }, {}, never, never, false, never>;
|
|
7
|
+
}
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import * as i0 from "@angular/core";
|
|
2
|
+
import * as i1 from "./benchmark-indicator.component";
|
|
3
|
+
import * as i2 from "@angular/common";
|
|
4
|
+
export declare class MapaBenchmarkIndicatorModule {
|
|
5
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<MapaBenchmarkIndicatorModule, never>;
|
|
6
|
+
static ɵmod: i0.ɵɵNgModuleDeclaration<MapaBenchmarkIndicatorModule, [typeof i1.MapaBenchmarkIndicatorComponent], [typeof i2.CommonModule], [typeof i1.MapaBenchmarkIndicatorComponent]>;
|
|
7
|
+
static ɵinj: i0.ɵɵInjectorDeclaration<MapaBenchmarkIndicatorModule>;
|
|
8
|
+
}
|
package/src/lib/components/benchmarking/lib/components/benchmarking/src/benchmarking.interface.d.ts
ADDED
|
@@ -0,0 +1,37 @@
|
|
|
1
|
+
export type BenchmarkingChart = {
|
|
2
|
+
name: string;
|
|
3
|
+
interval: number;
|
|
4
|
+
direction: 'Positiva' | 'Negativa' | string;
|
|
5
|
+
classificationColor: string;
|
|
6
|
+
classificationId: number;
|
|
7
|
+
marks?: {
|
|
8
|
+
name: string;
|
|
9
|
+
value: number;
|
|
10
|
+
color: string;
|
|
11
|
+
}[];
|
|
12
|
+
};
|
|
13
|
+
export interface BenchmarkMark {
|
|
14
|
+
name: string;
|
|
15
|
+
percentage: number;
|
|
16
|
+
color: string;
|
|
17
|
+
}
|
|
18
|
+
export interface Benchmark {
|
|
19
|
+
id: number;
|
|
20
|
+
name: string;
|
|
21
|
+
marks: BenchmarkMark[];
|
|
22
|
+
}
|
|
23
|
+
export interface Classification {
|
|
24
|
+
classificationId: number;
|
|
25
|
+
classificationName: string;
|
|
26
|
+
classificationColor: string;
|
|
27
|
+
}
|
|
28
|
+
export interface EvaluationBenchmarkResult {
|
|
29
|
+
id: number;
|
|
30
|
+
name: string;
|
|
31
|
+
interval: number;
|
|
32
|
+
average: number;
|
|
33
|
+
percentage: number;
|
|
34
|
+
direction: 'Positiva' | 'Negativa' | string;
|
|
35
|
+
benchmarks: Benchmark[];
|
|
36
|
+
classification: Classification;
|
|
37
|
+
}
|
|
Binary file
|