mapa-library-ui 0.0.18 → 0.0.19
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/capability.interfaces.mjs +1 -1
- package/esm2020/src/lib/components/capability/lib/components/capability/public-api.mjs +3 -1
- package/esm2020/src/lib/components/capability/lib/components/capability/src/capability-dot/capability-dot.component.mjs +6 -8
- package/esm2020/src/lib/components/capability/lib/components/capability/src/capability-expand/capability-expand.component.mjs +3 -3
- package/esm2020/src/lib/components/capability/lib/components/capability/src/capability-indicator/capability-indicator.component.mjs +8 -3
- package/esm2020/src/lib/components/capability/lib/components/capability/src/capability-indicator-chart/capability-indicator-chart.component.mjs +21 -0
- package/esm2020/src/lib/components/capability/lib/components/capability/src/capability-indicator-chart/capability-indicator-chart.module.mjs +19 -0
- package/esm2020/src/lib/components/capability/lib/components/capability/src/capability-indicator-list/capability-indicator-list.component.mjs +3 -3
- package/esm2020/src/lib/components/capability/lib/components/capability/src/capability-interval/capability-interval.component.mjs +7 -6
- package/fesm2015/mapa-library-ui-src-lib-components-capability.mjs +64 -91
- package/fesm2015/mapa-library-ui-src-lib-components-capability.mjs.map +1 -1
- package/fesm2020/mapa-library-ui-src-lib-components-capability.mjs +63 -91
- package/fesm2020/mapa-library-ui-src-lib-components-capability.mjs.map +1 -1
- package/mapa-library-ui-0.0.19.tgz +0 -0
- package/package.json +1 -1
- package/src/lib/components/capability/lib/components/capability/capability.interfaces.d.ts +2 -2
- package/src/lib/components/capability/lib/components/capability/public-api.d.ts +2 -0
- package/src/lib/components/capability/lib/components/capability/src/capability-dot/capability-dot.component.d.ts +1 -1
- package/src/lib/components/capability/lib/components/capability/src/capability-indicator/capability-indicator.component.d.ts +3 -1
- package/src/lib/components/capability/lib/components/capability/src/capability-indicator-chart/capability-indicator-chart.component.d.ts +8 -0
- package/src/lib/components/capability/lib/components/capability/src/capability-indicator-chart/capability-indicator-chart.module.d.ts +9 -0
- package/src/lib/components/capability/lib/components/capability/src/capability-interval/capability-interval.component.d.ts +1 -1
- package/mapa-library-ui-0.0.18.tgz +0 -0
package/esm2020/src/lib/components/capability/lib/components/capability/capability.interfaces.mjs
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
export {};
|
|
2
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
2
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2FwYWJpbGl0eS5pbnRlcmZhY2VzLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbWFwYS1saWJyYXJ5LXVpL3NyYy9saWIvY29tcG9uZW50cy9jYXBhYmlsaXR5L2NhcGFiaWxpdHkuaW50ZXJmYWNlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiIiwic291cmNlc0NvbnRlbnQiOlsiZXhwb3J0IGludGVyZmFjZSBDYXBhYmlsaXR5SXRlbSB7XG4gIG5hbWU/OiBzdHJpbmc7XG4gIGludGVydmFsPzogbnVtYmVyO1xuICBjbGFzc2lmaWNhdGlvbklkPzogbnVtYmVyO1xuICBkaXJlY3Rpb24/OiBzdHJpbmc7XG4gIHJpc2s/OiBib29sZWFuO1xuICBwcmVjaXBpdGF0aW9uPzogYm9vbGVhbjtcbiAgbmVnbGlnZW5jZT86IGJvb2xlYW47XG4gIGluZGljYXRvck9yZGVyPzogbnVtYmVyO1xuICBkZXNjcmlwdGlvbj86IHN0cmluZztcbn1cblxuZXhwb3J0IGludGVyZmFjZSBDYXBhYmlsaXR5IGV4dGVuZHMgQ2FwYWJpbGl0eUl0ZW0ge1xuICBpdGVtczogQ2FwYWJpbGl0eUl0ZW1bXTtcbiAgY29uY2VwdD86IHN0cmluZztcbiAgcmVzdWx0Pzogc3RyaW5nO1xufVxuIl19
|
|
@@ -13,4 +13,6 @@ export * from './src/capability-detail/capability-detail.component';
|
|
|
13
13
|
export * from './src/capability-detail/capability-detail.module';
|
|
14
14
|
export * from './src/capability-indicator-list/capability-indicator-list.component';
|
|
15
15
|
export * from './src/capability-indicator-list/capability-indicator-list.module';
|
|
16
|
-
|
|
16
|
+
export * from './src/capability-indicator-chart/capability-indicator-chart.component';
|
|
17
|
+
export * from './src/capability-indicator-chart/capability-indicator-chart.module';
|
|
18
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHVibGljLWFwaS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL21hcGEtbGlicmFyeS11aS9zcmMvbGliL2NvbXBvbmVudHMvY2FwYWJpbGl0eS9wdWJsaWMtYXBpLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBOztHQUVHO0FBRUgsY0FBYywrQ0FBK0MsQ0FBQztBQUM5RCxjQUFjLDRDQUE0QyxDQUFDO0FBQzNELGNBQWMscURBQXFELENBQUM7QUFDcEUsY0FBYyxrREFBa0QsQ0FBQztBQUNqRSxjQUFjLDJEQUEyRCxDQUFDO0FBQzFFLGNBQWMsd0RBQXdELENBQUM7QUFDdkUsY0FBYyx5REFBeUQsQ0FBQztBQUN4RSxjQUFjLHNEQUFzRCxDQUFDO0FBRXJFLGNBQWMscURBQXFELENBQUM7QUFDcEUsY0FBYyxrREFBa0QsQ0FBQztBQUVqRSxjQUFjLHFFQUFxRSxDQUFDO0FBQ3BGLGNBQWMsa0VBQWtFLENBQUM7QUFFakYsY0FBYyx1RUFBdUUsQ0FBQztBQUN0RixjQUFjLG9FQUFvRSxDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiLypcbiAqIFB1YmxpYyBBUEkgU3VyZmFjZSBvZiBtYXBhLWxpYnJhcnktdWkgY2FwYWJpbGl0eS1kZXRhaWxcbiAqL1xuXG5leHBvcnQgKiBmcm9tICcuL3NyYy9jYXBhYmlsaXR5LWRvdC9jYXBhYmlsaXR5LWRvdC5jb21wb25lbnQnO1xuZXhwb3J0ICogZnJvbSAnLi9zcmMvY2FwYWJpbGl0eS1kb3QvY2FwYWJpbGl0eS1kb3QubW9kdWxlJztcbmV4cG9ydCAqIGZyb20gJy4vc3JjL2NhcGFiaWxpdHktZXhwYW5kL2NhcGFiaWxpdHktZXhwYW5kLmNvbXBvbmVudCc7XG5leHBvcnQgKiBmcm9tICcuL3NyYy9jYXBhYmlsaXR5LWV4cGFuZC9jYXBhYmlsaXR5LWV4cGFuZC5tb2R1bGUnO1xuZXhwb3J0ICogZnJvbSAnLi9zcmMvY2FwYWJpbGl0eS1pbmRpY2F0b3IvY2FwYWJpbGl0eS1pbmRpY2F0b3IuY29tcG9uZW50JztcbmV4cG9ydCAqIGZyb20gJy4vc3JjL2NhcGFiaWxpdHktaW5kaWNhdG9yL2NhcGFiaWxpdHktaW5kaWNhdG9yLm1vZHVsZSc7XG5leHBvcnQgKiBmcm9tICcuL3NyYy9jYXBhYmlsaXR5LWludGVydmFsL2NhcGFiaWxpdHktaW50ZXJ2YWwuY29tcG9uZW50JztcbmV4cG9ydCAqIGZyb20gJy4vc3JjL2NhcGFiaWxpdHktaW50ZXJ2YWwvY2FwYWJpbGl0eS1pbnRlcnZhbC5tb2R1bGUnO1xuXG5leHBvcnQgKiBmcm9tICcuL3NyYy9jYXBhYmlsaXR5LWRldGFpbC9jYXBhYmlsaXR5LWRldGFpbC5jb21wb25lbnQnO1xuZXhwb3J0ICogZnJvbSAnLi9zcmMvY2FwYWJpbGl0eS1kZXRhaWwvY2FwYWJpbGl0eS1kZXRhaWwubW9kdWxlJztcblxuZXhwb3J0ICogZnJvbSAnLi9zcmMvY2FwYWJpbGl0eS1pbmRpY2F0b3ItbGlzdC9jYXBhYmlsaXR5LWluZGljYXRvci1saXN0LmNvbXBvbmVudCc7XG5leHBvcnQgKiBmcm9tICcuL3NyYy9jYXBhYmlsaXR5LWluZGljYXRvci1saXN0L2NhcGFiaWxpdHktaW5kaWNhdG9yLWxpc3QubW9kdWxlJztcblxuZXhwb3J0ICogZnJvbSAnLi9zcmMvY2FwYWJpbGl0eS1pbmRpY2F0b3ItY2hhcnQvY2FwYWJpbGl0eS1pbmRpY2F0b3ItY2hhcnQuY29tcG9uZW50JztcbmV4cG9ydCAqIGZyb20gJy4vc3JjL2NhcGFiaWxpdHktaW5kaWNhdG9yLWNoYXJ0L2NhcGFiaWxpdHktaW5kaWNhdG9yLWNoYXJ0Lm1vZHVsZSc7Il19
|
|
@@ -1,21 +1,19 @@
|
|
|
1
1
|
import { Component, Input } from "@angular/core";
|
|
2
|
-
import {
|
|
2
|
+
import { CapabilityClassification } from "../../capability-classification.const";
|
|
3
3
|
import * as i0 from "@angular/core";
|
|
4
4
|
import * as i1 from "@angular/common";
|
|
5
5
|
import * as i2 from "../../../tooltip/src/tooltip.directive";
|
|
6
6
|
import * as i3 from "../../../tag/src/tag.component";
|
|
7
7
|
export class MapaCapabilityDotComponent {
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
const intervalObject = CapabilityInterval.find((cp) => cp.interval === interval);
|
|
11
|
-
return intervalObject?.classificationName || interval.toString();
|
|
8
|
+
getClassificationName(item) {
|
|
9
|
+
return (CapabilityClassification.find((classification) => classification.classificationId === item.classificationId)?.classificationName || "");
|
|
12
10
|
}
|
|
13
11
|
}
|
|
14
12
|
MapaCapabilityDotComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: MapaCapabilityDotComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
15
|
-
MapaCapabilityDotComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: MapaCapabilityDotComponent, selector: "mapa-capability-dot", inputs: { type: "type", item: "item", tooltip: "tooltip", capability: "capability" }, ngImport: i0, template: "<p\n *ngIf=\"!tooltip\"\n [class.dot]=\"type !== 'small'\"\n [class.small-dot]=\"type === 'small'\"\n [ngClass]=\"'classification-' + item.classificationId\"\n></p>\n<p\n *ngIf=\"tooltip\"\n [class.dot]=\"type !== 'small'\"\n [class.small-dot]=\"type === 'small'\"\n [ngClass]=\"'classification-' + item.classificationId\"\n [tooltip]=\"tooltipTemplate\"\n></p>\n<ng-template #tooltipTemplate>\n <div class=\"tooltip-info\">\n <strong *ngIf=\"item.
|
|
13
|
+
MapaCapabilityDotComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: MapaCapabilityDotComponent, selector: "mapa-capability-dot", inputs: { type: "type", item: "item", tooltip: "tooltip", capability: "capability" }, ngImport: i0, template: "<p\n *ngIf=\"!tooltip\"\n [class.dot]=\"type !== 'small'\"\n [class.small-dot]=\"type === 'small'\"\n [ngClass]=\"'classification-' + item.classificationId\"\n></p>\n<p\n *ngIf=\"tooltip\"\n [class.dot]=\"type !== 'small'\"\n [class.small-dot]=\"type === 'small'\"\n [ngClass]=\"'classification-' + item.classificationId\"\n [tooltip]=\"tooltipTemplate\"\n></p>\n<ng-template #tooltipTemplate>\n <div class=\"tooltip-info\">\n <strong *ngIf=\"item.direction === 'Negativa'\">\u2198\uFE0E</strong>\n <strong *ngIf=\"item.direction === 'Positiva'\">\u2197</strong>\n\n <h5>{{ capability?.name }}</h5>\n\n <mapa-tag size=\"small\">\n <p\n class=\"small-dot\"\n [ngClass]=\"'classification-' + item.classificationId\"\n ></p>\n {{ getClassificationName(item) }}\n </mapa-tag>\n </div>\n</ng-template>\n", styles: [".tooltip-info{display:flex;align-items:center}.tooltip-info .small-dot{margin-right:4px}.tooltip-info strong{margin-right:2px}.tooltip-info h5{margin:0 5px 0 0}\n", ".classification-1{background-color:#073e92;color:#fff}.classification-2{background-color:#0e6ece;color:#fff}.classification-3{background-color:#2d9ced;color:#fff}.classification-4{background-color:#68ceee;color:#000}.classification-5{background-color:#96f2ee;color:#000}.classification-6{background-color:#f56580;color:#000}.classification-7{background-color:#f598a7;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}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.MapaTooltipDirective, selector: "[tooltip]", inputs: ["tooltip", "position", "theme", "showDelay", "hideDelay"] }, { kind: "component", type: i3.TagComponent, selector: "mapa-tag", inputs: ["color", "size"] }] });
|
|
16
14
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: MapaCapabilityDotComponent, decorators: [{
|
|
17
15
|
type: Component,
|
|
18
|
-
args: [{ selector: "mapa-capability-dot", template: "<p\n *ngIf=\"!tooltip\"\n [class.dot]=\"type !== 'small'\"\n [class.small-dot]=\"type === 'small'\"\n [ngClass]=\"'classification-' + item.classificationId\"\n></p>\n<p\n *ngIf=\"tooltip\"\n [class.dot]=\"type !== 'small'\"\n [class.small-dot]=\"type === 'small'\"\n [ngClass]=\"'classification-' + item.classificationId\"\n [tooltip]=\"tooltipTemplate\"\n></p>\n<ng-template #tooltipTemplate>\n <div class=\"tooltip-info\">\n <strong *ngIf=\"item.
|
|
16
|
+
args: [{ selector: "mapa-capability-dot", template: "<p\n *ngIf=\"!tooltip\"\n [class.dot]=\"type !== 'small'\"\n [class.small-dot]=\"type === 'small'\"\n [ngClass]=\"'classification-' + item.classificationId\"\n></p>\n<p\n *ngIf=\"tooltip\"\n [class.dot]=\"type !== 'small'\"\n [class.small-dot]=\"type === 'small'\"\n [ngClass]=\"'classification-' + item.classificationId\"\n [tooltip]=\"tooltipTemplate\"\n></p>\n<ng-template #tooltipTemplate>\n <div class=\"tooltip-info\">\n <strong *ngIf=\"item.direction === 'Negativa'\">\u2198\uFE0E</strong>\n <strong *ngIf=\"item.direction === 'Positiva'\">\u2197</strong>\n\n <h5>{{ capability?.name }}</h5>\n\n <mapa-tag size=\"small\">\n <p\n class=\"small-dot\"\n [ngClass]=\"'classification-' + item.classificationId\"\n ></p>\n {{ getClassificationName(item) }}\n </mapa-tag>\n </div>\n</ng-template>\n", styles: [".tooltip-info{display:flex;align-items:center}.tooltip-info .small-dot{margin-right:4px}.tooltip-info strong{margin-right:2px}.tooltip-info h5{margin:0 5px 0 0}\n", ".classification-1{background-color:#073e92;color:#fff}.classification-2{background-color:#0e6ece;color:#fff}.classification-3{background-color:#2d9ced;color:#fff}.classification-4{background-color:#68ceee;color:#000}.classification-5{background-color:#96f2ee;color:#000}.classification-6{background-color:#f56580;color:#000}.classification-7{background-color:#f598a7;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}\n"] }]
|
|
19
17
|
}], propDecorators: { type: [{
|
|
20
18
|
type: Input
|
|
21
19
|
}], item: [{
|
|
@@ -25,4 +23,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
|
|
|
25
23
|
}], capability: [{
|
|
26
24
|
type: Input
|
|
27
25
|
}] } });
|
|
28
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
26
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2FwYWJpbGl0eS1kb3QuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbWFwYS1saWJyYXJ5LXVpL3NyYy9saWIvY29tcG9uZW50cy9jYXBhYmlsaXR5L3NyYy9jYXBhYmlsaXR5LWRvdC9jYXBhYmlsaXR5LWRvdC5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9tYXBhLWxpYnJhcnktdWkvc3JjL2xpYi9jb21wb25lbnRzL2NhcGFiaWxpdHkvc3JjL2NhcGFiaWxpdHktZG90L2NhcGFiaWxpdHktZG90LmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBRWpELE9BQU8sRUFBRSx3QkFBd0IsRUFBRSxNQUFNLHVDQUF1QyxDQUFDOzs7OztBQVVqRixNQUFNLE9BQU8sMEJBQTBCO0lBTXJDLHFCQUFxQixDQUFDLElBQW9CO1FBQ3hDLE9BQU8sQ0FDTCx3QkFBd0IsQ0FBQyxJQUFJLENBQzNCLENBQUMsY0FBbUIsRUFBRSxFQUFFLENBQ3RCLGNBQWMsQ0FBQyxnQkFBZ0IsS0FBSyxJQUFJLENBQUMsZ0JBQWdCLENBQzVELEVBQUUsa0JBQWtCLElBQUksRUFBRSxDQUM1QixDQUFDO0lBQ0osQ0FBQzs7d0hBYlUsMEJBQTBCOzRHQUExQiwwQkFBMEIsaUpDWnZDLHUxQkE2QkE7NEZEakJhLDBCQUEwQjtrQkFSdEMsU0FBUzsrQkFDRSxxQkFBcUI7OEJBUXRCLElBQUk7c0JBQVosS0FBSztnQkFDRyxJQUFJO3NCQUFaLEtBQUs7Z0JBQ0csT0FBTztzQkFBZixLQUFLO2dCQUNHLFVBQVU7c0JBQWxCLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIElucHV0IH0gZnJvbSBcIkBhbmd1bGFyL2NvcmVcIjtcbmltcG9ydCB7IENhcGFiaWxpdHksIENhcGFiaWxpdHlJdGVtIH0gZnJvbSBcIi4uLy4uL2NhcGFiaWxpdHkuaW50ZXJmYWNlc1wiO1xuaW1wb3J0IHsgQ2FwYWJpbGl0eUNsYXNzaWZpY2F0aW9uIH0gZnJvbSBcIi4uLy4uL2NhcGFiaWxpdHktY2xhc3NpZmljYXRpb24uY29uc3RcIjtcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiBcIm1hcGEtY2FwYWJpbGl0eS1kb3RcIixcbiAgdGVtcGxhdGVVcmw6IFwiLi9jYXBhYmlsaXR5LWRvdC5jb21wb25lbnQuaHRtbFwiLFxuICBzdHlsZVVybHM6IFtcbiAgICBcIi4vY2FwYWJpbGl0eS1kb3QuY29tcG9uZW50LnNjc3NcIixcbiAgICBcIi4vLi4vLi4vc3R5bGVzL2NhcGFiaWxpdHkuc2Nzc1wiLFxuICBdLFxufSlcbmV4cG9ydCBjbGFzcyBNYXBhQ2FwYWJpbGl0eURvdENvbXBvbmVudCB7XG4gIEBJbnB1dCgpIHR5cGUhOiBzdHJpbmc7XG4gIEBJbnB1dCgpIGl0ZW0hOiBDYXBhYmlsaXR5SXRlbTtcbiAgQElucHV0KCkgdG9vbHRpcCE6IGJvb2xlYW47XG4gIEBJbnB1dCgpIGNhcGFiaWxpdHk/OiBDYXBhYmlsaXR5O1xuXG4gIGdldENsYXNzaWZpY2F0aW9uTmFtZShpdGVtOiBDYXBhYmlsaXR5SXRlbSk6IHN0cmluZyB7XG4gICAgcmV0dXJuIChcbiAgICAgIENhcGFiaWxpdHlDbGFzc2lmaWNhdGlvbi5maW5kKFxuICAgICAgICAoY2xhc3NpZmljYXRpb246IGFueSkgPT5cbiAgICAgICAgICBjbGFzc2lmaWNhdGlvbi5jbGFzc2lmaWNhdGlvbklkID09PSBpdGVtLmNsYXNzaWZpY2F0aW9uSWRcbiAgICAgICk/LmNsYXNzaWZpY2F0aW9uTmFtZSB8fCBcIlwiXG4gICAgKTtcbiAgfVxufVxuIiwiPHBcbiAgKm5nSWY9XCIhdG9vbHRpcFwiXG4gIFtjbGFzcy5kb3RdPVwidHlwZSAhPT0gJ3NtYWxsJ1wiXG4gIFtjbGFzcy5zbWFsbC1kb3RdPVwidHlwZSA9PT0gJ3NtYWxsJ1wiXG4gIFtuZ0NsYXNzXT1cIidjbGFzc2lmaWNhdGlvbi0nICsgaXRlbS5jbGFzc2lmaWNhdGlvbklkXCJcbj48L3A+XG48cFxuICAqbmdJZj1cInRvb2x0aXBcIlxuICBbY2xhc3MuZG90XT1cInR5cGUgIT09ICdzbWFsbCdcIlxuICBbY2xhc3Muc21hbGwtZG90XT1cInR5cGUgPT09ICdzbWFsbCdcIlxuICBbbmdDbGFzc109XCInY2xhc3NpZmljYXRpb24tJyArIGl0ZW0uY2xhc3NpZmljYXRpb25JZFwiXG4gIFt0b29sdGlwXT1cInRvb2x0aXBUZW1wbGF0ZVwiXG4+PC9wPlxuPG5nLXRlbXBsYXRlICN0b29sdGlwVGVtcGxhdGU+XG4gIDxkaXYgY2xhc3M9XCJ0b29sdGlwLWluZm9cIj5cbiAgICA8c3Ryb25nICpuZ0lmPVwiaXRlbS5kaXJlY3Rpb24gPT09ICdOZWdhdGl2YSdcIj7ihpjvuI48L3N0cm9uZz5cbiAgICA8c3Ryb25nICpuZ0lmPVwiaXRlbS5kaXJlY3Rpb24gPT09ICdQb3NpdGl2YSdcIj7ihpc8L3N0cm9uZz5cblxuICAgIDxoNT57eyBjYXBhYmlsaXR5Py5uYW1lIH19PC9oNT5cblxuICAgIDxtYXBhLXRhZyBzaXplPVwic21hbGxcIj5cbiAgICAgIDxwXG4gICAgICAgIGNsYXNzPVwic21hbGwtZG90XCJcbiAgICAgICAgW25nQ2xhc3NdPVwiJ2NsYXNzaWZpY2F0aW9uLScgKyBpdGVtLmNsYXNzaWZpY2F0aW9uSWRcIlxuICAgICAgPjwvcD5cbiAgICAgIHt7IGdldENsYXNzaWZpY2F0aW9uTmFtZShpdGVtKSB9fVxuICAgIDwvbWFwYS10YWc+XG4gIDwvZGl2PlxuPC9uZy10ZW1wbGF0ZT5cbiJdfQ==
|
|
@@ -10,11 +10,11 @@ export class MapaCapabilityExpandComponent {
|
|
|
10
10
|
}
|
|
11
11
|
}
|
|
12
12
|
MapaCapabilityExpandComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: MapaCapabilityExpandComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
13
|
-
MapaCapabilityExpandComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: MapaCapabilityExpandComponent, selector: "mapa-capability-expand", inputs: { data: "data" }, ngImport: i0, template: "<div class=\"capability__concept\">\n <div>\n <strong>Conceito</strong>\n <p>\n {{ data.concept }}\n </p>\n </div>\n <div>\n <strong>Resultado</strong>\n <p>\n {{ data.result }}\n </p>\n </div>\n</div>\n<div class=\"capability__expanded\">\n <div *ngFor=\"let item of data.items\" class=\"capability__expanded--item\">\n <div class=\"name\">\n <strong>{{ item.name }}</strong>\n <mapa-tag size=\"small\">\n <mapa-capability-dot\n [item]=\"item\"\n ></mapa-capability-dot>\n {{ getClassificationName(item) }}\n </mapa-tag>\n </div>\n\n <p class=\"classificationName\">\n <strong *ngIf=\"item.
|
|
13
|
+
MapaCapabilityExpandComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: MapaCapabilityExpandComponent, selector: "mapa-capability-expand", inputs: { data: "data" }, ngImport: i0, template: "<div class=\"capability__concept\">\n <div>\n <strong>Conceito</strong>\n <p>\n {{ data.concept }}\n </p>\n </div>\n <div>\n <strong>Resultado</strong>\n <p>\n {{ data.result }}\n </p>\n </div>\n</div>\n<div class=\"capability__expanded\">\n <div *ngFor=\"let item of data.items\" class=\"capability__expanded--item\">\n <div class=\"name\">\n <strong>{{ item.name }}</strong>\n <mapa-tag size=\"small\">\n <mapa-capability-dot\n [item]=\"item\"\n ></mapa-capability-dot>\n {{ getClassificationName(item) }}\n </mapa-tag>\n </div>\n\n <p class=\"classificationName\">\n <strong *ngIf=\"item.direction === 'Negativa'\">\u2198\uFE0E Dire\u00E7\u00E3o Negativa</strong> \n <strong *ngIf=\"item.direction === 'Positiva'\">\u2197 Dire\u00E7\u00E3o Positiva</strong>\n | {{ item.description }}\n </p>\n </div>\n</div>\n", styles: [".capability__concept{display:flex;flex:1 1 48%;gap:42px;margin:24px 0 60px}.capability__concept div{width:48%}.capability__concept strong{display:block;margin-bottom:16px}.capability__expanded{border-top:1px solid #8c8f94;padding:36px 16px 16px;display:flex;flex-wrap:wrap;flex:0 0 30%;justify-content:flex-start;gap:30px}.capability__expanded--item{width:30%}.capability__expanded--item .name{display:flex;justify-content:space-between;margin-bottom:16px}.capability__expanded--item .classificationName{color:#8c8f94}.capability__expanded--item mapa-tag .tag{display:flex;align-items:center;gap:8px;padding:2px 8px 2px 3px!important;font-size:14px;height:18px}\n"], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.TagComponent, selector: "mapa-tag", inputs: ["color", "size"] }, { kind: "component", type: i3.MapaCapabilityDotComponent, selector: "mapa-capability-dot", inputs: ["type", "item", "tooltip", "capability"] }], encapsulation: i0.ViewEncapsulation.None });
|
|
14
14
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: MapaCapabilityExpandComponent, decorators: [{
|
|
15
15
|
type: Component,
|
|
16
|
-
args: [{ selector: "mapa-capability-expand", encapsulation: ViewEncapsulation.None, template: "<div class=\"capability__concept\">\n <div>\n <strong>Conceito</strong>\n <p>\n {{ data.concept }}\n </p>\n </div>\n <div>\n <strong>Resultado</strong>\n <p>\n {{ data.result }}\n </p>\n </div>\n</div>\n<div class=\"capability__expanded\">\n <div *ngFor=\"let item of data.items\" class=\"capability__expanded--item\">\n <div class=\"name\">\n <strong>{{ item.name }}</strong>\n <mapa-tag size=\"small\">\n <mapa-capability-dot\n [item]=\"item\"\n ></mapa-capability-dot>\n {{ getClassificationName(item) }}\n </mapa-tag>\n </div>\n\n <p class=\"classificationName\">\n <strong *ngIf=\"item.
|
|
16
|
+
args: [{ selector: "mapa-capability-expand", encapsulation: ViewEncapsulation.None, template: "<div class=\"capability__concept\">\n <div>\n <strong>Conceito</strong>\n <p>\n {{ data.concept }}\n </p>\n </div>\n <div>\n <strong>Resultado</strong>\n <p>\n {{ data.result }}\n </p>\n </div>\n</div>\n<div class=\"capability__expanded\">\n <div *ngFor=\"let item of data.items\" class=\"capability__expanded--item\">\n <div class=\"name\">\n <strong>{{ item.name }}</strong>\n <mapa-tag size=\"small\">\n <mapa-capability-dot\n [item]=\"item\"\n ></mapa-capability-dot>\n {{ getClassificationName(item) }}\n </mapa-tag>\n </div>\n\n <p class=\"classificationName\">\n <strong *ngIf=\"item.direction === 'Negativa'\">\u2198\uFE0E Dire\u00E7\u00E3o Negativa</strong> \n <strong *ngIf=\"item.direction === 'Positiva'\">\u2197 Dire\u00E7\u00E3o Positiva</strong>\n | {{ item.description }}\n </p>\n </div>\n</div>\n", styles: [".capability__concept{display:flex;flex:1 1 48%;gap:42px;margin:24px 0 60px}.capability__concept div{width:48%}.capability__concept strong{display:block;margin-bottom:16px}.capability__expanded{border-top:1px solid #8c8f94;padding:36px 16px 16px;display:flex;flex-wrap:wrap;flex:0 0 30%;justify-content:flex-start;gap:30px}.capability__expanded--item{width:30%}.capability__expanded--item .name{display:flex;justify-content:space-between;margin-bottom:16px}.capability__expanded--item .classificationName{color:#8c8f94}.capability__expanded--item mapa-tag .tag{display:flex;align-items:center;gap:8px;padding:2px 8px 2px 3px!important;font-size:14px;height:18px}\n"] }]
|
|
17
17
|
}], propDecorators: { data: [{
|
|
18
18
|
type: Input
|
|
19
19
|
}] } });
|
|
20
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
20
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2FwYWJpbGl0eS1leHBhbmQuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbWFwYS1saWJyYXJ5LXVpL3NyYy9saWIvY29tcG9uZW50cy9jYXBhYmlsaXR5L3NyYy9jYXBhYmlsaXR5LWV4cGFuZC9jYXBhYmlsaXR5LWV4cGFuZC5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9tYXBhLWxpYnJhcnktdWkvc3JjL2xpYi9jb21wb25lbnRzL2NhcGFiaWxpdHkvc3JjL2NhcGFiaWxpdHktZXhwYW5kL2NhcGFiaWxpdHktZXhwYW5kLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFFLGlCQUFpQixFQUFFLE1BQU0sZUFBZSxDQUFDO0FBR3BFLE9BQU8sRUFBRSx3QkFBd0IsRUFBRSxNQUFNLHVDQUF1QyxDQUFDOzs7OztBQVFqRixNQUFNLE9BQU8sNkJBQTZCO0lBR3hDLHFCQUFxQixDQUFDLElBQW9CO1FBQ3hDLE9BQU8sd0JBQXdCLENBQUMsSUFBSSxDQUNsQyxDQUFDLGNBQW1CLEVBQUUsRUFBRSxDQUN0QixjQUFjLENBQUMsZ0JBQWdCLEtBQUssSUFBSSxDQUFDLGdCQUFnQixDQUM1RCxFQUFFLGtCQUFrQixJQUFJLEVBQUUsQ0FBQztJQUM5QixDQUFDOzsySEFSVSw2QkFBNkI7K0dBQTdCLDZCQUE2Qix3RkNYMUMseTVCQWlDQTs0RkR0QmEsNkJBQTZCO2tCQU56QyxTQUFTOytCQUNFLHdCQUF3QixpQkFHbkIsaUJBQWlCLENBQUMsSUFBSTs4QkFHNUIsSUFBSTtzQkFBWixLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBJbnB1dCwgVmlld0VuY2Fwc3VsYXRpb24gfSBmcm9tIFwiQGFuZ3VsYXIvY29yZVwiO1xuaW1wb3J0IHsgQ2FwYWJpbGl0eSwgQ2FwYWJpbGl0eUl0ZW0gfSBmcm9tIFwiLi4vLi4vY2FwYWJpbGl0eS5pbnRlcmZhY2VzXCI7XG5pbXBvcnQgeyBDYXBhYmlsaXR5SW50ZXJ2YWwgfSBmcm9tIFwiLi4vLi4vY2FwYWJpbGl0eS1pbnRlcnZhbC5jb25zdFwiO1xuaW1wb3J0IHsgQ2FwYWJpbGl0eUNsYXNzaWZpY2F0aW9uIH0gZnJvbSBcIi4uLy4uL2NhcGFiaWxpdHktY2xhc3NpZmljYXRpb24uY29uc3RcIjtcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiBcIm1hcGEtY2FwYWJpbGl0eS1leHBhbmRcIixcbiAgdGVtcGxhdGVVcmw6IFwiLi9jYXBhYmlsaXR5LWV4cGFuZC5jb21wb25lbnQuaHRtbFwiLFxuICBzdHlsZVVybHM6IFtcIi4vY2FwYWJpbGl0eS1leHBhbmQuY29tcG9uZW50LnNjc3NcIl0sXG4gIGVuY2Fwc3VsYXRpb246IFZpZXdFbmNhcHN1bGF0aW9uLk5vbmUsXG59KVxuZXhwb3J0IGNsYXNzIE1hcGFDYXBhYmlsaXR5RXhwYW5kQ29tcG9uZW50IHtcbiAgQElucHV0KCkgZGF0YSE6IENhcGFiaWxpdHk7XG5cbiAgZ2V0Q2xhc3NpZmljYXRpb25OYW1lKGl0ZW06IENhcGFiaWxpdHlJdGVtKTogc3RyaW5nIHtcbiAgICByZXR1cm4gQ2FwYWJpbGl0eUNsYXNzaWZpY2F0aW9uLmZpbmQoXG4gICAgICAoY2xhc3NpZmljYXRpb246IGFueSkgPT5cbiAgICAgICAgY2xhc3NpZmljYXRpb24uY2xhc3NpZmljYXRpb25JZCA9PT0gaXRlbS5jbGFzc2lmaWNhdGlvbklkXG4gICAgKT8uY2xhc3NpZmljYXRpb25OYW1lIHx8ICcnO1xuICB9XG59XG4iLCI8ZGl2IGNsYXNzPVwiY2FwYWJpbGl0eV9fY29uY2VwdFwiPlxuICA8ZGl2PlxuICAgIDxzdHJvbmc+Q29uY2VpdG88L3N0cm9uZz5cbiAgICA8cD5cbiAgICAgIHt7IGRhdGEuY29uY2VwdCB9fVxuICAgIDwvcD5cbiAgPC9kaXY+XG4gIDxkaXY+XG4gICAgPHN0cm9uZz5SZXN1bHRhZG88L3N0cm9uZz5cbiAgICA8cD5cbiAgICAgIHt7IGRhdGEucmVzdWx0IH19XG4gICAgPC9wPlxuICA8L2Rpdj5cbjwvZGl2PlxuPGRpdiBjbGFzcz1cImNhcGFiaWxpdHlfX2V4cGFuZGVkXCI+XG4gIDxkaXYgKm5nRm9yPVwibGV0IGl0ZW0gb2YgZGF0YS5pdGVtc1wiIGNsYXNzPVwiY2FwYWJpbGl0eV9fZXhwYW5kZWQtLWl0ZW1cIj5cbiAgICA8ZGl2IGNsYXNzPVwibmFtZVwiPlxuICAgICAgPHN0cm9uZz57eyBpdGVtLm5hbWUgfX08L3N0cm9uZz5cbiAgICAgIDxtYXBhLXRhZyBzaXplPVwic21hbGxcIj5cbiAgICAgICAgPG1hcGEtY2FwYWJpbGl0eS1kb3RcbiAgICAgICAgICBbaXRlbV09XCJpdGVtXCJcbiAgICAgICAgPjwvbWFwYS1jYXBhYmlsaXR5LWRvdD5cbiAgICAgICAge3sgZ2V0Q2xhc3NpZmljYXRpb25OYW1lKGl0ZW0pIH19XG4gICAgICA8L21hcGEtdGFnPlxuICAgIDwvZGl2PlxuXG4gICAgPHAgY2xhc3M9XCJjbGFzc2lmaWNhdGlvbk5hbWVcIj5cbiAgICAgIDxzdHJvbmcgKm5nSWY9XCJpdGVtLmRpcmVjdGlvbiA9PT0gJ05lZ2F0aXZhJ1wiPuKGmO+4jiBEaXJlw6fDo28gTmVnYXRpdmE8L3N0cm9uZz4gXG4gICAgICA8c3Ryb25nICpuZ0lmPVwiaXRlbS5kaXJlY3Rpb24gPT09ICdQb3NpdGl2YSdcIj7ihpcgRGlyZcOnw6NvIFBvc2l0aXZhPC9zdHJvbmc+XG4gICAgICB8IHt7IGl0ZW0uZGVzY3JpcHRpb24gfX1cbiAgICA8L3A+XG4gIDwvZGl2PlxuPC9kaXY+XG4iXX0=
|
|
@@ -2,13 +2,18 @@ import { Component, Input } from "@angular/core";
|
|
|
2
2
|
import * as i0 from "@angular/core";
|
|
3
3
|
import * as i1 from "@angular/common";
|
|
4
4
|
export class MapaCapabilityIndicatorComponent {
|
|
5
|
+
getWidth(item) {
|
|
6
|
+
return 32 + ((item.interval || 0) * 2) + 'px';
|
|
7
|
+
}
|
|
5
8
|
}
|
|
6
9
|
MapaCapabilityIndicatorComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: MapaCapabilityIndicatorComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
7
|
-
MapaCapabilityIndicatorComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: MapaCapabilityIndicatorComponent, selector: "mapa-capability-indicator", inputs: { item: "item" }, ngImport: i0, template: "<p\n class=\"indicator\"\n [ngClass]=\"'classification-' + item.classificationId\"\n>\n <span>{{ item.name }}</span>\n <span class=\"indicator__classification\"
|
|
10
|
+
MapaCapabilityIndicatorComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: MapaCapabilityIndicatorComponent, selector: "mapa-capability-indicator", inputs: { item: "item", fullWidth: "fullWidth" }, ngImport: i0, template: "<p\n class=\"indicator\"\n [ngClass]=\"'classification-' + item.classificationId\"\n [style.width]=\"fullWidth ? '100%' : getWidth(item)\"\n>\n <span>{{ item.name }}</span>\n <span class=\"indicator__classification\">\n {{ item.interval }}%\n </span>\n</p>\n", styles: [".indicator{color:#fff}.indicator__classification{background-color:#fff;border-radius:16px;color:#000;padding:4px 8px;margin-right:4px}\n", ".classification-1{background-color:#073e92;color:#fff}.classification-2{background-color:#0e6ece;color:#fff}.classification-3{background-color:#2d9ced;color:#fff}.classification-4{background-color:#68ceee;color:#000}.classification-5{background-color:#96f2ee;color:#000}.classification-6{background-color:#f56580;color:#000}.classification-7{background-color:#f598a7;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}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] });
|
|
8
11
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: MapaCapabilityIndicatorComponent, decorators: [{
|
|
9
12
|
type: Component,
|
|
10
|
-
args: [{ selector: "mapa-capability-indicator", template: "<p\n class=\"indicator\"\n [ngClass]=\"'classification-' + item.classificationId\"\n>\n <span>{{ item.name }}</span>\n <span class=\"indicator__classification\"
|
|
13
|
+
args: [{ selector: "mapa-capability-indicator", template: "<p\n class=\"indicator\"\n [ngClass]=\"'classification-' + item.classificationId\"\n [style.width]=\"fullWidth ? '100%' : getWidth(item)\"\n>\n <span>{{ item.name }}</span>\n <span class=\"indicator__classification\">\n {{ item.interval }}%\n </span>\n</p>\n", styles: [".indicator{color:#fff}.indicator__classification{background-color:#fff;border-radius:16px;color:#000;padding:4px 8px;margin-right:4px}\n", ".classification-1{background-color:#073e92;color:#fff}.classification-2{background-color:#0e6ece;color:#fff}.classification-3{background-color:#2d9ced;color:#fff}.classification-4{background-color:#68ceee;color:#000}.classification-5{background-color:#96f2ee;color:#000}.classification-6{background-color:#f56580;color:#000}.classification-7{background-color:#f598a7;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}\n"] }]
|
|
11
14
|
}], propDecorators: { item: [{
|
|
12
15
|
type: Input
|
|
16
|
+
}], fullWidth: [{
|
|
17
|
+
type: Input
|
|
13
18
|
}] } });
|
|
14
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
19
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2FwYWJpbGl0eS1pbmRpY2F0b3IuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbWFwYS1saWJyYXJ5LXVpL3NyYy9saWIvY29tcG9uZW50cy9jYXBhYmlsaXR5L3NyYy9jYXBhYmlsaXR5LWluZGljYXRvci9jYXBhYmlsaXR5LWluZGljYXRvci5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9tYXBhLWxpYnJhcnktdWkvc3JjL2xpYi9jb21wb25lbnRzL2NhcGFiaWxpdHkvc3JjL2NhcGFiaWxpdHktaW5kaWNhdG9yL2NhcGFiaWxpdHktaW5kaWNhdG9yLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFFLE1BQU0sZUFBZSxDQUFDOzs7QUFXakQsTUFBTSxPQUFPLGdDQUFnQztJQUlwQyxRQUFRLENBQUMsSUFBb0I7UUFDbEMsT0FBTyxFQUFFLEdBQUcsQ0FBQyxDQUFDLElBQUksQ0FBQyxRQUFRLElBQUksQ0FBQyxDQUFDLEdBQUcsQ0FBQyxDQUFDLEdBQUcsSUFBSSxDQUFDO0lBQ2hELENBQUM7OzhIQU5VLGdDQUFnQztrSEFBaEMsZ0NBQWdDLG1IQ1g3QyxxUkFVQTs0RkRDYSxnQ0FBZ0M7a0JBUjVDLFNBQVM7K0JBQ0UsMkJBQTJCOzhCQVE1QixJQUFJO3NCQUFaLEtBQUs7Z0JBQ0csU0FBUztzQkFBakIsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgSW5wdXQgfSBmcm9tIFwiQGFuZ3VsYXIvY29yZVwiO1xuaW1wb3J0IHsgQ2FwYWJpbGl0eUl0ZW0gfSBmcm9tIFwiLi4vLi4vY2FwYWJpbGl0eS5pbnRlcmZhY2VzXCI7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogXCJtYXBhLWNhcGFiaWxpdHktaW5kaWNhdG9yXCIsXG4gIHRlbXBsYXRlVXJsOiBcIi4vY2FwYWJpbGl0eS1pbmRpY2F0b3IuY29tcG9uZW50Lmh0bWxcIixcbiAgc3R5bGVVcmxzOiBbXG4gICAgXCIuL2NhcGFiaWxpdHktaW5kaWNhdG9yLmNvbXBvbmVudC5zY3NzXCIsXG4gICAgXCIuLy4uLy4uL3N0eWxlcy9jYXBhYmlsaXR5LnNjc3NcIixcbiAgXSxcbn0pXG5leHBvcnQgY2xhc3MgTWFwYUNhcGFiaWxpdHlJbmRpY2F0b3JDb21wb25lbnQge1xuICBASW5wdXQoKSBpdGVtITogQ2FwYWJpbGl0eUl0ZW07XG4gIEBJbnB1dCgpIGZ1bGxXaWR0aD86IGJvb2xlYW47XG5cbiAgcHVibGljIGdldFdpZHRoKGl0ZW06IENhcGFiaWxpdHlJdGVtKTogc3RyaW5nIHtcbiAgICByZXR1cm4gMzIgKyAoKGl0ZW0uaW50ZXJ2YWwgfHwgMCkgKiAyKSArICdweCc7XG4gIH1cbn1cbiIsIjxwXG4gIGNsYXNzPVwiaW5kaWNhdG9yXCJcbiAgW25nQ2xhc3NdPVwiJ2NsYXNzaWZpY2F0aW9uLScgKyBpdGVtLmNsYXNzaWZpY2F0aW9uSWRcIlxuICBbc3R5bGUud2lkdGhdPVwiZnVsbFdpZHRoID8gJzEwMCUnIDogZ2V0V2lkdGgoaXRlbSlcIlxuPlxuICAgIDxzcGFuPnt7IGl0ZW0ubmFtZSB9fTwvc3Bhbj5cbiAgICA8c3BhbiBjbGFzcz1cImluZGljYXRvcl9fY2xhc3NpZmljYXRpb25cIj5cbiAgICAgIHt7IGl0ZW0uaW50ZXJ2YWwgfX0lXG4gICAgPC9zcGFuPlxuPC9wPlxuIl19
|
|
@@ -0,0 +1,21 @@
|
|
|
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 "../capability-indicator/capability-indicator.component";
|
|
5
|
+
export class MapaCapabilityIndicatorChartComponent {
|
|
6
|
+
setUnlabeledItem(item) {
|
|
7
|
+
return {
|
|
8
|
+
classificationId: item.classificationId,
|
|
9
|
+
interval: item.interval,
|
|
10
|
+
};
|
|
11
|
+
}
|
|
12
|
+
}
|
|
13
|
+
MapaCapabilityIndicatorChartComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: MapaCapabilityIndicatorChartComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
14
|
+
MapaCapabilityIndicatorChartComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: MapaCapabilityIndicatorChartComponent, selector: "mapa-capability-indicator-chart", inputs: { data: "data" }, ngImport: i0, template: "<table class=\"indicator-chart\">\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--negative\">\n <mapa-capability-indicator\n *ngIf=\"item.direction === 'Negativa'\"\n [item]=\"setUnlabeledItem(item)\"\n ></mapa-capability-indicator>\n </td>\n <td class=\"indicator-chart__column indicator-chart__column--positive\">\n <mapa-capability-indicator\n *ngIf=\"item.direction === 'Positiva'\"\n [item]=\"setUnlabeledItem(item)\"\n ></mapa-capability-indicator>\n </td>\n </tr>\n</table>\n", styles: [".indicator-chart{width:100%}.indicator-chart__column{width:275px}.indicator-chart__column--description{width:1%;white-space:nowrap;padding-right:24px}.indicator-chart__column--negative{display:flex;justify-content:flex-end}.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--positive .indicator{border-radius:0 18px 18px 0!important;padding:2px!important}.indicator-chart__column--positive .indicator__classification{margin-right:1px!important}\n", ".classification-1{background-color:#073e92;color:#fff}.classification-2{background-color:#0e6ece;color:#fff}.classification-3{background-color:#2d9ced;color:#fff}.classification-4{background-color:#68ceee;color:#000}.classification-5{background-color:#96f2ee;color:#000}.classification-6{background-color:#f56580;color:#000}.classification-7{background-color:#f598a7;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}\n"], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.MapaCapabilityIndicatorComponent, selector: "mapa-capability-indicator", inputs: ["item", "fullWidth"] }], encapsulation: i0.ViewEncapsulation.None });
|
|
15
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: MapaCapabilityIndicatorChartComponent, decorators: [{
|
|
16
|
+
type: Component,
|
|
17
|
+
args: [{ selector: "mapa-capability-indicator-chart", encapsulation: ViewEncapsulation.None, template: "<table class=\"indicator-chart\">\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--negative\">\n <mapa-capability-indicator\n *ngIf=\"item.direction === 'Negativa'\"\n [item]=\"setUnlabeledItem(item)\"\n ></mapa-capability-indicator>\n </td>\n <td class=\"indicator-chart__column indicator-chart__column--positive\">\n <mapa-capability-indicator\n *ngIf=\"item.direction === 'Positiva'\"\n [item]=\"setUnlabeledItem(item)\"\n ></mapa-capability-indicator>\n </td>\n </tr>\n</table>\n", styles: [".indicator-chart{width:100%}.indicator-chart__column{width:275px}.indicator-chart__column--description{width:1%;white-space:nowrap;padding-right:24px}.indicator-chart__column--negative{display:flex;justify-content:flex-end}.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--positive .indicator{border-radius:0 18px 18px 0!important;padding:2px!important}.indicator-chart__column--positive .indicator__classification{margin-right:1px!important}\n", ".classification-1{background-color:#073e92;color:#fff}.classification-2{background-color:#0e6ece;color:#fff}.classification-3{background-color:#2d9ced;color:#fff}.classification-4{background-color:#68ceee;color:#000}.classification-5{background-color:#96f2ee;color:#000}.classification-6{background-color:#f56580;color:#000}.classification-7{background-color:#f598a7;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}\n"] }]
|
|
18
|
+
}], propDecorators: { data: [{
|
|
19
|
+
type: Input
|
|
20
|
+
}] } });
|
|
21
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2FwYWJpbGl0eS1pbmRpY2F0b3ItY2hhcnQuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbWFwYS1saWJyYXJ5LXVpL3NyYy9saWIvY29tcG9uZW50cy9jYXBhYmlsaXR5L3NyYy9jYXBhYmlsaXR5LWluZGljYXRvci1jaGFydC9jYXBhYmlsaXR5LWluZGljYXRvci1jaGFydC5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9tYXBhLWxpYnJhcnktdWkvc3JjL2xpYi9jb21wb25lbnRzL2NhcGFiaWxpdHkvc3JjL2NhcGFiaWxpdHktaW5kaWNhdG9yLWNoYXJ0L2NhcGFiaWxpdHktaW5kaWNhdG9yLWNoYXJ0LmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFFLGlCQUFpQixFQUFFLE1BQU0sZUFBZSxDQUFDOzs7O0FBWXBFLE1BQU0sT0FBTyxxQ0FBcUM7SUFHekMsZ0JBQWdCLENBQUMsSUFBb0I7UUFDMUMsT0FBTztZQUNMLGdCQUFnQixFQUFFLElBQUksQ0FBQyxnQkFBZ0I7WUFDdkMsUUFBUSxFQUFFLElBQUksQ0FBQyxRQUFRO1NBQ3hCLENBQUE7SUFDSCxDQUFDOzttSUFSVSxxQ0FBcUM7dUhBQXJDLHFDQUFxQyxpR0NabEQsaXFCQWlCQTs0RkRMYSxxQ0FBcUM7a0JBVGpELFNBQVM7K0JBQ0UsaUNBQWlDLGlCQU01QixpQkFBaUIsQ0FBQyxJQUFJOzhCQUc1QixJQUFJO3NCQUFaLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIElucHV0LCBWaWV3RW5jYXBzdWxhdGlvbiB9IGZyb20gXCJAYW5ndWxhci9jb3JlXCI7XG5pbXBvcnQgeyBDYXBhYmlsaXR5SXRlbSB9IGZyb20gXCIuLi8uLi9jYXBhYmlsaXR5LmludGVyZmFjZXNcIjtcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiBcIm1hcGEtY2FwYWJpbGl0eS1pbmRpY2F0b3ItY2hhcnRcIixcbiAgdGVtcGxhdGVVcmw6IFwiLi9jYXBhYmlsaXR5LWluZGljYXRvci1jaGFydC5jb21wb25lbnQuaHRtbFwiLFxuICBzdHlsZVVybHM6IFtcbiAgICBcIi4vY2FwYWJpbGl0eS1pbmRpY2F0b3ItY2hhcnQuY29tcG9uZW50LnNjc3NcIixcbiAgICBcIi4vLi4vLi4vc3R5bGVzL2NhcGFiaWxpdHkuc2Nzc1wiLFxuICBdLFxuICBlbmNhcHN1bGF0aW9uOiBWaWV3RW5jYXBzdWxhdGlvbi5Ob25lXG59KVxuZXhwb3J0IGNsYXNzIE1hcGFDYXBhYmlsaXR5SW5kaWNhdG9yQ2hhcnRDb21wb25lbnQge1xuICBASW5wdXQoKSBkYXRhITogQ2FwYWJpbGl0eUl0ZW1bXTtcblxuICBwdWJsaWMgc2V0VW5sYWJlbGVkSXRlbShpdGVtOiBDYXBhYmlsaXR5SXRlbSk6IENhcGFiaWxpdHlJdGVtIHtcbiAgICByZXR1cm4ge1xuICAgICAgY2xhc3NpZmljYXRpb25JZDogaXRlbS5jbGFzc2lmaWNhdGlvbklkLFxuICAgICAgaW50ZXJ2YWw6IGl0ZW0uaW50ZXJ2YWwsXG4gICAgfVxuICB9XG59XG4iLCI8dGFibGUgY2xhc3M9XCJpbmRpY2F0b3ItY2hhcnRcIj5cbiAgPHRyICpuZ0Zvcj1cImxldCBpdGVtIG9mIGRhdGFcIj5cbiAgICA8dGQgY2xhc3M9XCJpbmRpY2F0b3ItY2hhcnRfX2NvbHVtbi0tZGVzY3JpcHRpb25cIj57eyBpdGVtLm5hbWUgfX08L3RkPlxuICAgIDx0ZCBjbGFzcz1cImluZGljYXRvci1jaGFydF9fY29sdW1uIGluZGljYXRvci1jaGFydF9fY29sdW1uLS1uZWdhdGl2ZVwiPlxuICAgICAgPG1hcGEtY2FwYWJpbGl0eS1pbmRpY2F0b3JcbiAgICAgICAgKm5nSWY9XCJpdGVtLmRpcmVjdGlvbiA9PT0gJ05lZ2F0aXZhJ1wiXG4gICAgICAgIFtpdGVtXT1cInNldFVubGFiZWxlZEl0ZW0oaXRlbSlcIlxuICAgICAgPjwvbWFwYS1jYXBhYmlsaXR5LWluZGljYXRvcj5cbiAgICA8L3RkPlxuICAgIDx0ZCBjbGFzcz1cImluZGljYXRvci1jaGFydF9fY29sdW1uIGluZGljYXRvci1jaGFydF9fY29sdW1uLS1wb3NpdGl2ZVwiPlxuICAgICAgPG1hcGEtY2FwYWJpbGl0eS1pbmRpY2F0b3JcbiAgICAgICAgKm5nSWY9XCJpdGVtLmRpcmVjdGlvbiA9PT0gJ1Bvc2l0aXZhJ1wiXG4gICAgICAgIFtpdGVtXT1cInNldFVubGFiZWxlZEl0ZW0oaXRlbSlcIlxuICAgICAgPjwvbWFwYS1jYXBhYmlsaXR5LWluZGljYXRvcj5cbiAgICA8L3RkPlxuICA8L3RyPlxuPC90YWJsZT5cbiJdfQ==
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
import { NgModule } from "@angular/core";
|
|
2
|
+
import { CommonModule } from "@angular/common";
|
|
3
|
+
import { MapaCapabilityIndicatorChartComponent } from "./capability-indicator-chart.component";
|
|
4
|
+
import { MapaCapabilityIndicatorModule } from "../capability-indicator/capability-indicator.module";
|
|
5
|
+
import * as i0 from "@angular/core";
|
|
6
|
+
export class MapaCapabilityIndicatorChartModule {
|
|
7
|
+
}
|
|
8
|
+
MapaCapabilityIndicatorChartModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: MapaCapabilityIndicatorChartModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
9
|
+
MapaCapabilityIndicatorChartModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.10", ngImport: i0, type: MapaCapabilityIndicatorChartModule, declarations: [MapaCapabilityIndicatorChartComponent], imports: [CommonModule, MapaCapabilityIndicatorModule], exports: [MapaCapabilityIndicatorChartComponent] });
|
|
10
|
+
MapaCapabilityIndicatorChartModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: MapaCapabilityIndicatorChartModule, imports: [CommonModule, MapaCapabilityIndicatorModule] });
|
|
11
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: MapaCapabilityIndicatorChartModule, decorators: [{
|
|
12
|
+
type: NgModule,
|
|
13
|
+
args: [{
|
|
14
|
+
declarations: [MapaCapabilityIndicatorChartComponent],
|
|
15
|
+
exports: [MapaCapabilityIndicatorChartComponent],
|
|
16
|
+
imports: [CommonModule, MapaCapabilityIndicatorModule],
|
|
17
|
+
}]
|
|
18
|
+
}] });
|
|
19
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2FwYWJpbGl0eS1pbmRpY2F0b3ItY2hhcnQubW9kdWxlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbWFwYS1saWJyYXJ5LXVpL3NyYy9saWIvY29tcG9uZW50cy9jYXBhYmlsaXR5L3NyYy9jYXBhYmlsaXR5LWluZGljYXRvci1jaGFydC9jYXBhYmlsaXR5LWluZGljYXRvci1jaGFydC5tb2R1bGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFFBQVEsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUN6QyxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDL0MsT0FBTyxFQUFFLHFDQUFxQyxFQUFFLE1BQU0sd0NBQXdDLENBQUM7QUFDL0YsT0FBTyxFQUFFLDZCQUE2QixFQUFFLE1BQU0scURBQXFELENBQUM7O0FBT3BHLE1BQU0sT0FBTyxrQ0FBa0M7O2dJQUFsQyxrQ0FBa0M7aUlBQWxDLGtDQUFrQyxpQkFKOUIscUNBQXFDLGFBRTFDLFlBQVksRUFBRSw2QkFBNkIsYUFEM0MscUNBQXFDO2lJQUdwQyxrQ0FBa0MsWUFGbkMsWUFBWSxFQUFFLDZCQUE2Qjs0RkFFMUMsa0NBQWtDO2tCQUw5QyxRQUFRO21CQUFDO29CQUNSLFlBQVksRUFBRSxDQUFDLHFDQUFxQyxDQUFDO29CQUNyRCxPQUFPLEVBQUUsQ0FBQyxxQ0FBcUMsQ0FBQztvQkFDaEQsT0FBTyxFQUFFLENBQUMsWUFBWSxFQUFFLDZCQUE2QixDQUFDO2lCQUN2RCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IE5nTW9kdWxlIH0gZnJvbSBcIkBhbmd1bGFyL2NvcmVcIjtcbmltcG9ydCB7IENvbW1vbk1vZHVsZSB9IGZyb20gXCJAYW5ndWxhci9jb21tb25cIjtcbmltcG9ydCB7IE1hcGFDYXBhYmlsaXR5SW5kaWNhdG9yQ2hhcnRDb21wb25lbnQgfSBmcm9tIFwiLi9jYXBhYmlsaXR5LWluZGljYXRvci1jaGFydC5jb21wb25lbnRcIjtcbmltcG9ydCB7IE1hcGFDYXBhYmlsaXR5SW5kaWNhdG9yTW9kdWxlIH0gZnJvbSBcIi4uL2NhcGFiaWxpdHktaW5kaWNhdG9yL2NhcGFiaWxpdHktaW5kaWNhdG9yLm1vZHVsZVwiO1xuXG5ATmdNb2R1bGUoe1xuICBkZWNsYXJhdGlvbnM6IFtNYXBhQ2FwYWJpbGl0eUluZGljYXRvckNoYXJ0Q29tcG9uZW50XSxcbiAgZXhwb3J0czogW01hcGFDYXBhYmlsaXR5SW5kaWNhdG9yQ2hhcnRDb21wb25lbnRdLFxuICBpbXBvcnRzOiBbQ29tbW9uTW9kdWxlLCBNYXBhQ2FwYWJpbGl0eUluZGljYXRvck1vZHVsZV0sXG59KVxuZXhwb3J0IGNsYXNzIE1hcGFDYXBhYmlsaXR5SW5kaWNhdG9yQ2hhcnRNb2R1bGUge31cbiJdfQ==
|
|
@@ -17,11 +17,11 @@ export class MapaCapabilityIndicatorListComponent {
|
|
|
17
17
|
}
|
|
18
18
|
}
|
|
19
19
|
MapaCapabilityIndicatorListComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: MapaCapabilityIndicatorListComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
20
|
-
MapaCapabilityIndicatorListComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: MapaCapabilityIndicatorListComponent, selector: "mapa-capability-indicator-list", inputs: { data: "data" }, ngImport: i0, template: "<section class=\"indicator-list\">\n <article class=\"indicator-list__column\">\n <h2>Indicadores positivos</h2>\n <mapa-capability-indicator\n *ngFor=\"let item of dataPositive\"\n [item]=\"item\">\n </mapa-capability-indicator>\n </article>\n <article class=\"indicator-list__column\">\n <h2>Indicadores negativos</h2>\n <mapa-capability-indicator\n *ngFor=\"let item of dataNegative\"\n [item]=\"item\">\n </mapa-capability-indicator>\n </article>\n <article class=\"indicator-list__column\">\n <h2>Indicadores de risco</h2>\n <h3>Risco de acidente por precipita\u00E7\u00E3o</h3>\n <mapa-capability-indicator\n *ngFor=\"let item of dataRiskPrecipitation\"\n [item]=\"item\">\n </mapa-capability-indicator>\n <h3>Risco de acidente por neglig\u00EAncia</h3>\n <mapa-capability-indicator\n *ngFor=\"let item of dataRiskNegligence\"\n [item]=\"item\">\n </mapa-capability-indicator>\n </article>\n</section>\n", styles: [".indicator-list{display:flex;gap:42px;justify-content:space-between;margin-bottom:42px}.indicator-list__column{width:33%}.indicator-list__column h2{font-family:SF-Pro;font-size:24px;font-style:normal;font-weight:400;line-height:32px;margin-bottom:24px}.indicator-list__column h3{font-family:SF-Pro;font-size:20px;font-style:normal;font-weight:400;line-height:32px;margin-bottom:24px}\n", ".classification-1{background-color:#073e92;color:#fff}.classification-2{background-color:#0e6ece;color:#fff}.classification-3{background-color:#2d9ced;color:#fff}.classification-4{background-color:#68ceee;color:#000}.classification-5{background-color:#96f2ee;color:#000}.classification-6{background-color:#f56580;color:#000}.classification-7{background-color:#f598a7;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}\n"], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "component", type: i2.MapaCapabilityIndicatorComponent, selector: "mapa-capability-indicator", inputs: ["item"] }] });
|
|
20
|
+
MapaCapabilityIndicatorListComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: MapaCapabilityIndicatorListComponent, selector: "mapa-capability-indicator-list", inputs: { data: "data" }, ngImport: i0, template: "<section class=\"indicator-list\">\n <article class=\"indicator-list__column\">\n <h2>Indicadores positivos</h2>\n <mapa-capability-indicator\n *ngFor=\"let item of dataPositive\"\n [item]=\"item\"\n [fullWidth]=\"true\">\n </mapa-capability-indicator>\n </article>\n <article class=\"indicator-list__column\">\n <h2>Indicadores negativos</h2>\n <mapa-capability-indicator\n *ngFor=\"let item of dataNegative\"\n [item]=\"item\"\n [fullWidth]=\"true\">\n </mapa-capability-indicator>\n </article>\n <article class=\"indicator-list__column\">\n <h2>Indicadores de risco</h2>\n <h3>Risco de acidente por precipita\u00E7\u00E3o</h3>\n <mapa-capability-indicator\n *ngFor=\"let item of dataRiskPrecipitation\"\n [item]=\"item\"\n [fullWidth]=\"true\">\n </mapa-capability-indicator>\n <h3>Risco de acidente por neglig\u00EAncia</h3>\n <mapa-capability-indicator\n *ngFor=\"let item of dataRiskNegligence\"\n [item]=\"item\"\n [fullWidth]=\"true\">\n </mapa-capability-indicator>\n </article>\n</section>\n", styles: [".indicator-list{display:flex;gap:42px;justify-content:space-between;margin-bottom:42px}.indicator-list__column{width:33%}.indicator-list__column h2{font-family:SF-Pro;font-size:24px;font-style:normal;font-weight:400;line-height:32px;margin-bottom:24px}.indicator-list__column h3{font-family:SF-Pro;font-size:20px;font-style:normal;font-weight:400;line-height:32px;margin-bottom:24px}\n", ".classification-1{background-color:#073e92;color:#fff}.classification-2{background-color:#0e6ece;color:#fff}.classification-3{background-color:#2d9ced;color:#fff}.classification-4{background-color:#68ceee;color:#000}.classification-5{background-color:#96f2ee;color:#000}.classification-6{background-color:#f56580;color:#000}.classification-7{background-color:#f598a7;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}\n"], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "component", type: i2.MapaCapabilityIndicatorComponent, selector: "mapa-capability-indicator", inputs: ["item", "fullWidth"] }] });
|
|
21
21
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: MapaCapabilityIndicatorListComponent, decorators: [{
|
|
22
22
|
type: Component,
|
|
23
|
-
args: [{ selector: "mapa-capability-indicator-list", template: "<section class=\"indicator-list\">\n <article class=\"indicator-list__column\">\n <h2>Indicadores positivos</h2>\n <mapa-capability-indicator\n *ngFor=\"let item of dataPositive\"\n [item]=\"item\">\n </mapa-capability-indicator>\n </article>\n <article class=\"indicator-list__column\">\n <h2>Indicadores negativos</h2>\n <mapa-capability-indicator\n *ngFor=\"let item of dataNegative\"\n [item]=\"item\">\n </mapa-capability-indicator>\n </article>\n <article class=\"indicator-list__column\">\n <h2>Indicadores de risco</h2>\n <h3>Risco de acidente por precipita\u00E7\u00E3o</h3>\n <mapa-capability-indicator\n *ngFor=\"let item of dataRiskPrecipitation\"\n [item]=\"item\">\n </mapa-capability-indicator>\n <h3>Risco de acidente por neglig\u00EAncia</h3>\n <mapa-capability-indicator\n *ngFor=\"let item of dataRiskNegligence\"\n [item]=\"item\">\n </mapa-capability-indicator>\n </article>\n</section>\n", styles: [".indicator-list{display:flex;gap:42px;justify-content:space-between;margin-bottom:42px}.indicator-list__column{width:33%}.indicator-list__column h2{font-family:SF-Pro;font-size:24px;font-style:normal;font-weight:400;line-height:32px;margin-bottom:24px}.indicator-list__column h3{font-family:SF-Pro;font-size:20px;font-style:normal;font-weight:400;line-height:32px;margin-bottom:24px}\n", ".classification-1{background-color:#073e92;color:#fff}.classification-2{background-color:#0e6ece;color:#fff}.classification-3{background-color:#2d9ced;color:#fff}.classification-4{background-color:#68ceee;color:#000}.classification-5{background-color:#96f2ee;color:#000}.classification-6{background-color:#f56580;color:#000}.classification-7{background-color:#f598a7;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}\n"] }]
|
|
23
|
+
args: [{ selector: "mapa-capability-indicator-list", template: "<section class=\"indicator-list\">\n <article class=\"indicator-list__column\">\n <h2>Indicadores positivos</h2>\n <mapa-capability-indicator\n *ngFor=\"let item of dataPositive\"\n [item]=\"item\"\n [fullWidth]=\"true\">\n </mapa-capability-indicator>\n </article>\n <article class=\"indicator-list__column\">\n <h2>Indicadores negativos</h2>\n <mapa-capability-indicator\n *ngFor=\"let item of dataNegative\"\n [item]=\"item\"\n [fullWidth]=\"true\">\n </mapa-capability-indicator>\n </article>\n <article class=\"indicator-list__column\">\n <h2>Indicadores de risco</h2>\n <h3>Risco de acidente por precipita\u00E7\u00E3o</h3>\n <mapa-capability-indicator\n *ngFor=\"let item of dataRiskPrecipitation\"\n [item]=\"item\"\n [fullWidth]=\"true\">\n </mapa-capability-indicator>\n <h3>Risco de acidente por neglig\u00EAncia</h3>\n <mapa-capability-indicator\n *ngFor=\"let item of dataRiskNegligence\"\n [item]=\"item\"\n [fullWidth]=\"true\">\n </mapa-capability-indicator>\n </article>\n</section>\n", styles: [".indicator-list{display:flex;gap:42px;justify-content:space-between;margin-bottom:42px}.indicator-list__column{width:33%}.indicator-list__column h2{font-family:SF-Pro;font-size:24px;font-style:normal;font-weight:400;line-height:32px;margin-bottom:24px}.indicator-list__column h3{font-family:SF-Pro;font-size:20px;font-style:normal;font-weight:400;line-height:32px;margin-bottom:24px}\n", ".classification-1{background-color:#073e92;color:#fff}.classification-2{background-color:#0e6ece;color:#fff}.classification-3{background-color:#2d9ced;color:#fff}.classification-4{background-color:#68ceee;color:#000}.classification-5{background-color:#96f2ee;color:#000}.classification-6{background-color:#f56580;color:#000}.classification-7{background-color:#f598a7;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}\n"] }]
|
|
24
24
|
}], ctorParameters: function () { return []; }, propDecorators: { data: [{
|
|
25
25
|
type: Input
|
|
26
26
|
}] } });
|
|
27
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
27
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2FwYWJpbGl0eS1pbmRpY2F0b3ItbGlzdC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9tYXBhLWxpYnJhcnktdWkvc3JjL2xpYi9jb21wb25lbnRzL2NhcGFiaWxpdHkvc3JjL2NhcGFiaWxpdHktaW5kaWNhdG9yLWxpc3QvY2FwYWJpbGl0eS1pbmRpY2F0b3ItbGlzdC5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9tYXBhLWxpYnJhcnktdWkvc3JjL2xpYi9jb21wb25lbnRzL2NhcGFiaWxpdHkvc3JjL2NhcGFiaWxpdHktaW5kaWNhdG9yLWxpc3QvY2FwYWJpbGl0eS1pbmRpY2F0b3ItbGlzdC5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBVSxNQUFNLGVBQWUsQ0FBQzs7OztBQVd6RCxNQUFNLE9BQU8sb0NBQW9DO0lBUS9DO1FBTE8saUJBQVksR0FBcUIsRUFBRSxDQUFDO1FBQ3BDLGlCQUFZLEdBQXFCLEVBQUUsQ0FBQztRQUNwQywwQkFBcUIsR0FBcUIsRUFBRSxDQUFDO1FBQzdDLHVCQUFrQixHQUFxQixFQUFFLENBQUM7SUFFbEMsQ0FBQztJQUVoQixRQUFRO1FBQ04sSUFBSSxDQUFDLFlBQVksR0FBRyxJQUFJLENBQUMsSUFBSSxDQUFDLE1BQU0sQ0FDbEMsQ0FBQyxJQUFvQixFQUFFLEVBQUUsQ0FBQyxJQUFJLENBQUMsU0FBUyxLQUFLLFVBQVUsSUFBSSxDQUFDLElBQUksQ0FBQyxJQUFJLENBQ3RFLENBQUM7UUFDRixJQUFJLENBQUMsWUFBWSxHQUFHLElBQUksQ0FBQyxJQUFJLENBQUMsTUFBTSxDQUNsQyxDQUFDLElBQW9CLEVBQUUsRUFBRSxDQUFDLElBQUksQ0FBQyxTQUFTLEtBQUssVUFBVSxJQUFJLENBQUMsSUFBSSxDQUFDLElBQUksQ0FDdEUsQ0FBQztRQUNGLElBQUksQ0FBQyxxQkFBcUIsR0FBRyxJQUFJLENBQUMsSUFBSSxDQUFDLE1BQU0sQ0FDM0MsQ0FBQyxJQUFvQixFQUFFLEVBQUUsQ0FBQyxJQUFJLENBQUMsSUFBSSxLQUFLLElBQUksSUFBSSxJQUFJLENBQUMsYUFBYSxLQUFLLElBQUksQ0FDNUUsQ0FBQztRQUNGLElBQUksQ0FBQyxrQkFBa0IsR0FBRyxJQUFJLENBQUMsSUFBSSxDQUFDLE1BQU0sQ0FDeEMsQ0FBQyxJQUFvQixFQUFFLEVBQUUsQ0FBQyxJQUFJLENBQUMsSUFBSSxLQUFLLElBQUksSUFBSSxJQUFJLENBQUMsVUFBVSxLQUFLLElBQUksQ0FDekUsQ0FBQztJQUNKLENBQUM7O2tJQXZCVSxvQ0FBb0M7c0hBQXBDLG9DQUFvQyxnR0NYakQsb2xDQWlDQTs0RkR0QmEsb0NBQW9DO2tCQVJoRCxTQUFTOytCQUNFLGdDQUFnQzswRUFRakMsSUFBSTtzQkFBWixLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBJbnB1dCwgT25Jbml0IH0gZnJvbSBcIkBhbmd1bGFyL2NvcmVcIjtcbmltcG9ydCB7IENhcGFiaWxpdHlJdGVtIH0gZnJvbSBcIi4uLy4uL2NhcGFiaWxpdHkuaW50ZXJmYWNlc1wiO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6IFwibWFwYS1jYXBhYmlsaXR5LWluZGljYXRvci1saXN0XCIsXG4gIHRlbXBsYXRlVXJsOiBcIi4vY2FwYWJpbGl0eS1pbmRpY2F0b3ItbGlzdC5jb21wb25lbnQuaHRtbFwiLFxuICBzdHlsZVVybHM6IFtcbiAgICBcIi4vY2FwYWJpbGl0eS1pbmRpY2F0b3ItbGlzdC5jb21wb25lbnQuc2Nzc1wiLFxuICAgIFwiLi8uLi8uLi9zdHlsZXMvY2FwYWJpbGl0eS5zY3NzXCIsXG4gIF0sXG59KVxuZXhwb3J0IGNsYXNzIE1hcGFDYXBhYmlsaXR5SW5kaWNhdG9yTGlzdENvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCB7XG4gIEBJbnB1dCgpIGRhdGEhOiBDYXBhYmlsaXR5SXRlbVtdO1xuXG4gIHB1YmxpYyBkYXRhUG9zaXRpdmU6IENhcGFiaWxpdHlJdGVtW10gPSBbXTtcbiAgcHVibGljIGRhdGFOZWdhdGl2ZTogQ2FwYWJpbGl0eUl0ZW1bXSA9IFtdOyAgXG4gIHB1YmxpYyBkYXRhUmlza1ByZWNpcGl0YXRpb246IENhcGFiaWxpdHlJdGVtW10gPSBbXTsgIFxuICBwdWJsaWMgZGF0YVJpc2tOZWdsaWdlbmNlOiBDYXBhYmlsaXR5SXRlbVtdID0gW107ICBcblxuICBjb25zdHJ1Y3RvcigpIHt9XG5cbiAgbmdPbkluaXQoKTogdm9pZCB7XG4gICAgdGhpcy5kYXRhUG9zaXRpdmUgPSB0aGlzLmRhdGEuZmlsdGVyKFxuICAgICAgKGl0ZW06IENhcGFiaWxpdHlJdGVtKSA9PiBpdGVtLmRpcmVjdGlvbiA9PT0gXCJQb3NpdGl2YVwiICYmICFpdGVtLnJpc2tcbiAgICApO1xuICAgIHRoaXMuZGF0YU5lZ2F0aXZlID0gdGhpcy5kYXRhLmZpbHRlcihcbiAgICAgIChpdGVtOiBDYXBhYmlsaXR5SXRlbSkgPT4gaXRlbS5kaXJlY3Rpb24gPT09IFwiTmVnYXRpdmFcIiAmJiAhaXRlbS5yaXNrXG4gICAgKTtcbiAgICB0aGlzLmRhdGFSaXNrUHJlY2lwaXRhdGlvbiA9IHRoaXMuZGF0YS5maWx0ZXIoXG4gICAgICAoaXRlbTogQ2FwYWJpbGl0eUl0ZW0pID0+IGl0ZW0ucmlzayA9PT0gdHJ1ZSAmJiBpdGVtLnByZWNpcGl0YXRpb24gPT09IHRydWVcbiAgICApO1xuICAgIHRoaXMuZGF0YVJpc2tOZWdsaWdlbmNlID0gdGhpcy5kYXRhLmZpbHRlcihcbiAgICAgIChpdGVtOiBDYXBhYmlsaXR5SXRlbSkgPT4gaXRlbS5yaXNrID09PSB0cnVlICYmIGl0ZW0ubmVnbGlnZW5jZSA9PT0gdHJ1ZVxuICAgICk7XG4gIH1cbn1cbiIsIjxzZWN0aW9uIGNsYXNzPVwiaW5kaWNhdG9yLWxpc3RcIj5cbiAgPGFydGljbGUgY2xhc3M9XCJpbmRpY2F0b3ItbGlzdF9fY29sdW1uXCI+XG4gICAgPGgyPkluZGljYWRvcmVzIHBvc2l0aXZvczwvaDI+XG4gICAgPG1hcGEtY2FwYWJpbGl0eS1pbmRpY2F0b3JcbiAgICAgICpuZ0Zvcj1cImxldCBpdGVtIG9mIGRhdGFQb3NpdGl2ZVwiXG4gICAgICBbaXRlbV09XCJpdGVtXCJcbiAgICAgIFtmdWxsV2lkdGhdPVwidHJ1ZVwiPlxuICAgIDwvbWFwYS1jYXBhYmlsaXR5LWluZGljYXRvcj5cbiAgPC9hcnRpY2xlPlxuICA8YXJ0aWNsZSBjbGFzcz1cImluZGljYXRvci1saXN0X19jb2x1bW5cIj5cbiAgICA8aDI+SW5kaWNhZG9yZXMgbmVnYXRpdm9zPC9oMj5cbiAgICA8bWFwYS1jYXBhYmlsaXR5LWluZGljYXRvclxuICAgICAgKm5nRm9yPVwibGV0IGl0ZW0gb2YgZGF0YU5lZ2F0aXZlXCJcbiAgICAgIFtpdGVtXT1cIml0ZW1cIlxuICAgICAgW2Z1bGxXaWR0aF09XCJ0cnVlXCI+XG4gICAgPC9tYXBhLWNhcGFiaWxpdHktaW5kaWNhdG9yPlxuICA8L2FydGljbGU+XG4gIDxhcnRpY2xlIGNsYXNzPVwiaW5kaWNhdG9yLWxpc3RfX2NvbHVtblwiPlxuICAgIDxoMj5JbmRpY2Fkb3JlcyBkZSByaXNjbzwvaDI+XG4gICAgPGgzPlJpc2NvIGRlIGFjaWRlbnRlIHBvciBwcmVjaXBpdGHDp8OjbzwvaDM+XG4gICAgPG1hcGEtY2FwYWJpbGl0eS1pbmRpY2F0b3JcbiAgICAgICpuZ0Zvcj1cImxldCBpdGVtIG9mIGRhdGFSaXNrUHJlY2lwaXRhdGlvblwiXG4gICAgICBbaXRlbV09XCJpdGVtXCJcbiAgICAgIFtmdWxsV2lkdGhdPVwidHJ1ZVwiPlxuICAgIDwvbWFwYS1jYXBhYmlsaXR5LWluZGljYXRvcj5cbiAgICA8aDM+UmlzY28gZGUgYWNpZGVudGUgcG9yIG5lZ2xpZ8OqbmNpYTwvaDM+XG4gICAgPG1hcGEtY2FwYWJpbGl0eS1pbmRpY2F0b3JcbiAgICAgICpuZ0Zvcj1cImxldCBpdGVtIG9mIGRhdGFSaXNrTmVnbGlnZW5jZVwiXG4gICAgICBbaXRlbV09XCJpdGVtXCJcbiAgICAgIFtmdWxsV2lkdGhdPVwidHJ1ZVwiPlxuICAgIDwvbWFwYS1jYXBhYmlsaXR5LWluZGljYXRvcj5cbiAgPC9hcnRpY2xlPlxuPC9zZWN0aW9uPlxuIl19
|
|
@@ -2,23 +2,24 @@ import { Component, Input } from "@angular/core";
|
|
|
2
2
|
import * as i0 from "@angular/core";
|
|
3
3
|
import * as i1 from "@angular/common";
|
|
4
4
|
export class MapaCapabilityIntervalComponent {
|
|
5
|
-
|
|
5
|
+
getWidth(index) {
|
|
6
6
|
if (!this.data)
|
|
7
7
|
return 0;
|
|
8
|
-
const
|
|
8
|
+
const interval = this.data.interval || 0;
|
|
9
|
+
const intervalMod10 = Math.floor(interval / 10) % 10;
|
|
9
10
|
return index < intervalMod10
|
|
10
11
|
? 100
|
|
11
12
|
: index === intervalMod10
|
|
12
|
-
? (
|
|
13
|
+
? (interval % 10) * 10
|
|
13
14
|
: 0;
|
|
14
15
|
}
|
|
15
16
|
}
|
|
16
17
|
MapaCapabilityIntervalComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: MapaCapabilityIntervalComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
17
|
-
MapaCapabilityIntervalComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: MapaCapabilityIntervalComponent, selector: "mapa-capability-interval", inputs: { data: "data" }, ngImport: i0, template: "<ul class=\"capability__interval\">\n <li class=\"capability__interval--item\" *ngFor=\"let item of [].constructor(9); let i = index\">\n <div\n class=\"capability__interval--percentage\"\n [style.width.%]=\"
|
|
18
|
+
MapaCapabilityIntervalComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: MapaCapabilityIntervalComponent, selector: "mapa-capability-interval", inputs: { data: "data" }, ngImport: i0, template: "<ul class=\"capability__interval\">\n <li class=\"capability__interval--item\" *ngFor=\"let item of [].constructor(9); let i = index\">\n <div\n class=\"capability__interval--percentage\"\n [style.width.%]=\"getWidth(i)\"\n ></div>\n </li>\n <li>\n <h1>{{ data.interval }}</h1>\n </li>\n</ul>\n", styles: [".capability__interval{display:flex;list-style-type:none;margin-block-start:0px;margin-block-end:0px;padding-inline-start:0px}.capability__interval h1{margin-bottom:0;margin-left:16px}.capability__interval--item{height:35px;width:20px;background-color:#d9d9d9;border-radius:6px;margin-right:6px}.capability__interval--item:last-of-type{margin-right:0}.capability__interval--percentage{height:35px;width:20px;background-color:#8c8f94;border-radius:6px}\n"], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }] });
|
|
18
19
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: MapaCapabilityIntervalComponent, decorators: [{
|
|
19
20
|
type: Component,
|
|
20
|
-
args: [{ selector: "mapa-capability-interval", template: "<ul class=\"capability__interval\">\n <li class=\"capability__interval--item\" *ngFor=\"let item of [].constructor(9); let i = index\">\n <div\n class=\"capability__interval--percentage\"\n [style.width.%]=\"
|
|
21
|
+
args: [{ selector: "mapa-capability-interval", template: "<ul class=\"capability__interval\">\n <li class=\"capability__interval--item\" *ngFor=\"let item of [].constructor(9); let i = index\">\n <div\n class=\"capability__interval--percentage\"\n [style.width.%]=\"getWidth(i)\"\n ></div>\n </li>\n <li>\n <h1>{{ data.interval }}</h1>\n </li>\n</ul>\n", styles: [".capability__interval{display:flex;list-style-type:none;margin-block-start:0px;margin-block-end:0px;padding-inline-start:0px}.capability__interval h1{margin-bottom:0;margin-left:16px}.capability__interval--item{height:35px;width:20px;background-color:#d9d9d9;border-radius:6px;margin-right:6px}.capability__interval--item:last-of-type{margin-right:0}.capability__interval--percentage{height:35px;width:20px;background-color:#8c8f94;border-radius:6px}\n"] }]
|
|
21
22
|
}], propDecorators: { data: [{
|
|
22
23
|
type: Input
|
|
23
24
|
}] } });
|
|
24
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
25
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2FwYWJpbGl0eS1pbnRlcnZhbC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9tYXBhLWxpYnJhcnktdWkvc3JjL2xpYi9jb21wb25lbnRzL2NhcGFiaWxpdHkvc3JjL2NhcGFiaWxpdHktaW50ZXJ2YWwvY2FwYWJpbGl0eS1pbnRlcnZhbC5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9tYXBhLWxpYnJhcnktdWkvc3JjL2xpYi9jb21wb25lbnRzL2NhcGFiaWxpdHkvc3JjL2NhcGFiaWxpdHktaW50ZXJ2YWwvY2FwYWJpbGl0eS1pbnRlcnZhbC5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBRSxNQUFNLGVBQWUsQ0FBQzs7O0FBUWpELE1BQU0sT0FBTywrQkFBK0I7SUFHbkMsUUFBUSxDQUFDLEtBQWE7UUFDM0IsSUFBSSxDQUFDLElBQUksQ0FBQyxJQUFJO1lBQUUsT0FBTyxDQUFDLENBQUM7UUFDekIsTUFBTSxRQUFRLEdBQUcsSUFBSSxDQUFDLElBQUksQ0FBQyxRQUFRLElBQUksQ0FBQyxDQUFDO1FBQ3pDLE1BQU0sYUFBYSxHQUFHLElBQUksQ0FBQyxLQUFLLENBQUMsUUFBUSxHQUFHLEVBQUUsQ0FBQyxHQUFHLEVBQUUsQ0FBQztRQUNyRCxPQUFPLEtBQUssR0FBRyxhQUFhO1lBQzFCLENBQUMsQ0FBQyxHQUFHO1lBQ0wsQ0FBQyxDQUFDLEtBQUssS0FBSyxhQUFhO2dCQUN6QixDQUFDLENBQUMsQ0FBQyxRQUFRLEdBQUcsRUFBRSxDQUFDLEdBQUcsRUFBRTtnQkFDdEIsQ0FBQyxDQUFDLENBQUMsQ0FBQztJQUNSLENBQUM7OzZIQVpVLCtCQUErQjtpSEFBL0IsK0JBQStCLDBGQ1I1QywrVEFXQTs0RkRIYSwrQkFBK0I7a0JBTDNDLFNBQVM7K0JBQ0UsMEJBQTBCOzhCQUszQixJQUFJO3NCQUFaLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIElucHV0IH0gZnJvbSBcIkBhbmd1bGFyL2NvcmVcIjtcbmltcG9ydCB7IENhcGFiaWxpdHkgfSBmcm9tIFwiLi4vLi4vY2FwYWJpbGl0eS5pbnRlcmZhY2VzXCI7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogXCJtYXBhLWNhcGFiaWxpdHktaW50ZXJ2YWxcIixcbiAgdGVtcGxhdGVVcmw6IFwiLi9jYXBhYmlsaXR5LWludGVydmFsLmNvbXBvbmVudC5odG1sXCIsXG4gIHN0eWxlVXJsczogW1wiLi9jYXBhYmlsaXR5LWludGVydmFsLmNvbXBvbmVudC5zY3NzXCJdLFxufSlcbmV4cG9ydCBjbGFzcyBNYXBhQ2FwYWJpbGl0eUludGVydmFsQ29tcG9uZW50IHtcbiAgQElucHV0KCkgZGF0YSE6IENhcGFiaWxpdHk7XG5cbiAgcHVibGljIGdldFdpZHRoKGluZGV4OiBudW1iZXIpOiBudW1iZXIge1xuICAgIGlmICghdGhpcy5kYXRhKSByZXR1cm4gMDtcbiAgICBjb25zdCBpbnRlcnZhbCA9IHRoaXMuZGF0YS5pbnRlcnZhbCB8fCAwO1xuICAgIGNvbnN0IGludGVydmFsTW9kMTAgPSBNYXRoLmZsb29yKGludGVydmFsIC8gMTApICUgMTA7XG4gICAgcmV0dXJuIGluZGV4IDwgaW50ZXJ2YWxNb2QxMFxuICAgICAgPyAxMDBcbiAgICAgIDogaW5kZXggPT09IGludGVydmFsTW9kMTBcbiAgICAgID8gKGludGVydmFsICUgMTApICogMTBcbiAgICAgIDogMDtcbiAgfVxufVxuIiwiPHVsIGNsYXNzPVwiY2FwYWJpbGl0eV9faW50ZXJ2YWxcIj5cbiAgPGxpIGNsYXNzPVwiY2FwYWJpbGl0eV9faW50ZXJ2YWwtLWl0ZW1cIiAqbmdGb3I9XCJsZXQgaXRlbSBvZiBbXS5jb25zdHJ1Y3Rvcig5KTsgbGV0IGkgPSBpbmRleFwiPlxuICAgIDxkaXZcbiAgICAgIGNsYXNzPVwiY2FwYWJpbGl0eV9faW50ZXJ2YWwtLXBlcmNlbnRhZ2VcIlxuICAgICAgW3N0eWxlLndpZHRoLiVdPVwiZ2V0V2lkdGgoaSlcIlxuICAgID48L2Rpdj5cbiAgPC9saT5cbiAgPGxpPlxuICAgIDxoMT57eyBkYXRhLmludGVydmFsIH19PC9oMT5cbiAgPC9saT5cbjwvdWw+XG4iXX0=
|