mapa-library-ui 0.8.0 → 0.9.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/esm2020/lib/core/interfaces/button-icon.interface.mjs +1 -1
- package/esm2020/src/lib/components/button-icon/lib/components/button-icon/src/button-icon.component.mjs +3 -3
- package/esm2020/src/lib/components/button-icon/lib/core/interfaces/button-icon.interface.mjs +1 -1
- package/esm2020/src/lib/components/capability/lib/components/capability/src/capability-detail/capability-detail.component.mjs +2 -2
- package/esm2020/src/lib/components/capability/lib/components/capability/src/capability-indicator/capability-indicator.component.mjs +3 -8
- package/esm2020/src/lib/components/capability/lib/components/capability/src/capability-indicator-chart/capability-indicator-chart.component.mjs +10 -3
- 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/core/interfaces/button-icon.interface.mjs +1 -1
- package/esm2020/src/lib/components/chart/lib/components/chart/src/chart.component.mjs +2 -2
- package/esm2020/src/lib/components/report-item/src/report-item.component.mjs +3 -5
- package/fesm2015/mapa-library-ui-src-lib-components-button-icon.mjs +2 -2
- package/fesm2015/mapa-library-ui-src-lib-components-button-icon.mjs.map +1 -1
- package/fesm2015/mapa-library-ui-src-lib-components-capability.mjs +15 -13
- package/fesm2015/mapa-library-ui-src-lib-components-capability.mjs.map +1 -1
- package/fesm2015/mapa-library-ui-src-lib-components-chart.mjs +2 -2
- package/fesm2015/mapa-library-ui-src-lib-components-chart.mjs.map +1 -1
- package/fesm2015/mapa-library-ui-src-lib-components-report-item.mjs +2 -4
- package/fesm2015/mapa-library-ui-src-lib-components-report-item.mjs.map +1 -1
- package/fesm2020/mapa-library-ui-src-lib-components-button-icon.mjs +2 -2
- package/fesm2020/mapa-library-ui-src-lib-components-button-icon.mjs.map +1 -1
- package/fesm2020/mapa-library-ui-src-lib-components-capability.mjs +15 -13
- package/fesm2020/mapa-library-ui-src-lib-components-capability.mjs.map +1 -1
- package/fesm2020/mapa-library-ui-src-lib-components-chart.mjs +2 -2
- package/fesm2020/mapa-library-ui-src-lib-components-chart.mjs.map +1 -1
- package/fesm2020/mapa-library-ui-src-lib-components-report-item.mjs +2 -4
- package/fesm2020/mapa-library-ui-src-lib-components-report-item.mjs.map +1 -1
- package/lib/core/interfaces/button-icon.interface.d.ts +0 -1
- package/mapa-library-ui-0.9.0.tgz +0 -0
- package/package.json +1 -1
- package/src/lib/components/button-icon/lib/core/interfaces/button-icon.interface.d.ts +0 -1
- package/src/lib/components/capability/lib/components/capability/src/capability-indicator/capability-indicator.component.d.ts +1 -3
- package/src/lib/components/capability/lib/components/capability/src/capability-indicator-chart/capability-indicator-chart.component.d.ts +1 -0
- package/src/lib/components/capability/lib/core/interfaces/button-icon.interface.d.ts +0 -1
- package/src/lib/components/report-item/src/report-item.component.d.ts +0 -2
- package/mapa-library-ui-0.8.0.tgz +0 -0
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
export {};
|
|
2
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
2
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYnV0dG9uLWljb24uaW50ZXJmYWNlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbWFwYS1saWJyYXJ5LXVpL3NyYy9saWIvY29yZS9pbnRlcmZhY2VzL2J1dHRvbi1pY29uLmludGVyZmFjZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiIiwic291cmNlc0NvbnRlbnQiOlsiZXhwb3J0IGludGVyZmFjZSBCdXR0b25JY29uIHtcbiAgaWQ6IG51bWJlcjtcbiAgaWNvbjogc3RyaW5nO1xuICBkZXNjcmlwdGlvbjogc3RyaW5nO1xuICBvcmlnaW5MaXN0Pzogc3RyaW5nO1xufSJdfQ==
|
|
@@ -11,13 +11,13 @@ export class ButtonIconComponent {
|
|
|
11
11
|
}
|
|
12
12
|
}
|
|
13
13
|
ButtonIconComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ButtonIconComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
14
|
-
ButtonIconComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: ButtonIconComponent, selector: "mapa-button-icon", inputs: { data: "data" }, outputs: { clicked: "clicked" }, ngImport: i0, template: "<div class=\"button-icon\" id=\"componentes\" *ngIf=\"data\">\n <div class=\"template-icon\">\n <mat-icon class=\"material-icons\">{{ data.icon }}</mat-icon>\n </div>\n <div class=\"template-title\">\n {{ data.description }}\n
|
|
14
|
+
ButtonIconComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: ButtonIconComponent, selector: "mapa-button-icon", inputs: { data: "data" }, outputs: { clicked: "clicked" }, ngImport: i0, template: "<div class=\"button-icon\" id=\"componentes\" *ngIf=\"data\">\n <div class=\"template-icon\">\n <mat-icon class=\"material-icons\">{{ data.icon }}</mat-icon>\n </div>\n <div class=\"template-title\">\n {{ data.description }}\n </div>\n <div class=\"preview\" (click)=\"onClick(data)\">\n Preview\n </div>\n</div>\n", styles: [".button-icon{font-family:SF-Pro;display:inline-flex;margin:10px;height:50px;background:#fff;border:solid 1px #ccc;color:#000000de;cursor:move;font-size:16px;font-weight:400;border-radius:8px}.button-icon .inline-flex{display:inline-flex}.button-icon .descricao{padding-top:20px}.button-icon .align_text{margin-left:10px}.button-icon .template-icon{margin-right:10px;padding:10px 12px 12px;border-radius:8px 0 0 8px;background-color:#fdefea}.button-icon .template-icon .mat-icon{color:#ea561d;font-size:2em;width:40px;height:40px}.button-icon .template-title{display:flex;align-items:center;overflow:hidden}.button-icon .preview{cursor:pointer;padding:4px 10px 10px;font-weight:400;margin:12px;border-left:1px solid #CDCDCD}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }] });
|
|
15
15
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ButtonIconComponent, decorators: [{
|
|
16
16
|
type: Component,
|
|
17
|
-
args: [{ selector: "mapa-button-icon", template: "<div class=\"button-icon\" id=\"componentes\" *ngIf=\"data\">\n <div class=\"template-icon\">\n <mat-icon class=\"material-icons\">{{ data.icon }}</mat-icon>\n </div>\n <div class=\"template-title\">\n {{ data.description }}\n
|
|
17
|
+
args: [{ selector: "mapa-button-icon", template: "<div class=\"button-icon\" id=\"componentes\" *ngIf=\"data\">\n <div class=\"template-icon\">\n <mat-icon class=\"material-icons\">{{ data.icon }}</mat-icon>\n </div>\n <div class=\"template-title\">\n {{ data.description }}\n </div>\n <div class=\"preview\" (click)=\"onClick(data)\">\n Preview\n </div>\n</div>\n", styles: [".button-icon{font-family:SF-Pro;display:inline-flex;margin:10px;height:50px;background:#fff;border:solid 1px #ccc;color:#000000de;cursor:move;font-size:16px;font-weight:400;border-radius:8px}.button-icon .inline-flex{display:inline-flex}.button-icon .descricao{padding-top:20px}.button-icon .align_text{margin-left:10px}.button-icon .template-icon{margin-right:10px;padding:10px 12px 12px;border-radius:8px 0 0 8px;background-color:#fdefea}.button-icon .template-icon .mat-icon{color:#ea561d;font-size:2em;width:40px;height:40px}.button-icon .template-title{display:flex;align-items:center;overflow:hidden}.button-icon .preview{cursor:pointer;padding:4px 10px 10px;font-weight:400;margin:12px;border-left:1px solid #CDCDCD}\n"] }]
|
|
18
18
|
}], propDecorators: { data: [{
|
|
19
19
|
type: Input
|
|
20
20
|
}], clicked: [{
|
|
21
21
|
type: Output
|
|
22
22
|
}] } });
|
|
23
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
23
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYnV0dG9uLWljb24uY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbWFwYS1saWJyYXJ5LXVpL3NyYy9saWIvY29tcG9uZW50cy9idXR0b24taWNvbi9zcmMvYnV0dG9uLWljb24uY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbWFwYS1saWJyYXJ5LXVpL3NyYy9saWIvY29tcG9uZW50cy9idXR0b24taWNvbi9zcmMvYnV0dG9uLWljb24uY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxZQUFZLEVBQUUsS0FBSyxFQUFFLE1BQU0sRUFBRSxNQUFNLGVBQWUsQ0FBQzs7OztBQVF2RSxNQUFNLE9BQU8sbUJBQW1CO0lBTGhDO1FBT1ksWUFBTyxHQUE2QixJQUFJLFlBQVksRUFBYyxDQUFDO0tBSzlFO0lBSEMsT0FBTyxDQUFDLElBQWdCO1FBQ3RCLElBQUksQ0FBQyxPQUFPLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxDQUFDO0lBQzFCLENBQUM7O2lIQU5VLG1CQUFtQjtxR0FBbkIsbUJBQW1CLG1IQ1JoQywyVUFXQTs0RkRIYSxtQkFBbUI7a0JBTC9CLFNBQVM7K0JBQ0Usa0JBQWtCOzhCQUtuQixJQUFJO3NCQUFaLEtBQUs7Z0JBQ0ksT0FBTztzQkFBaEIsTUFBTSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgRXZlbnRFbWl0dGVyLCBJbnB1dCwgT3V0cHV0IH0gZnJvbSBcIkBhbmd1bGFyL2NvcmVcIjtcbmltcG9ydCB7IEJ1dHRvbkljb24gfSBmcm9tIFwiLi4vLi4vLi4vY29yZS9pbnRlcmZhY2VzL2J1dHRvbi1pY29uLmludGVyZmFjZVwiO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6IFwibWFwYS1idXR0b24taWNvblwiLFxuICB0ZW1wbGF0ZVVybDogXCIuL2J1dHRvbi1pY29uLmNvbXBvbmVudC5odG1sXCIsXG4gIHN0eWxlVXJsczogW1wiLi9idXR0b24taWNvbi5jb21wb25lbnQuc2Nzc1wiXSxcbn0pXG5leHBvcnQgY2xhc3MgQnV0dG9uSWNvbkNvbXBvbmVudCB7XG4gIEBJbnB1dCgpIGRhdGEhOiBCdXR0b25JY29uO1xuICBAT3V0cHV0KCkgY2xpY2tlZDogRXZlbnRFbWl0dGVyPEJ1dHRvbkljb24+ID0gbmV3IEV2ZW50RW1pdHRlcjxCdXR0b25JY29uPigpO1xuXG4gIG9uQ2xpY2soZGF0YTogQnV0dG9uSWNvbik6IHZvaWQge1xuICAgIHRoaXMuY2xpY2tlZC5lbWl0KGRhdGEpO1xuICB9XG59XG4iLCI8ZGl2IGNsYXNzPVwiYnV0dG9uLWljb25cIiBpZD1cImNvbXBvbmVudGVzXCIgKm5nSWY9XCJkYXRhXCI+XG4gIDxkaXYgY2xhc3M9XCJ0ZW1wbGF0ZS1pY29uXCI+XG4gICAgPG1hdC1pY29uIGNsYXNzPVwibWF0ZXJpYWwtaWNvbnNcIj57eyBkYXRhLmljb24gfX08L21hdC1pY29uPlxuICA8L2Rpdj5cbiAgPGRpdiBjbGFzcz1cInRlbXBsYXRlLXRpdGxlXCI+XG4gICAge3sgZGF0YS5kZXNjcmlwdGlvbiB9fVxuICA8L2Rpdj5cbiAgPGRpdiBjbGFzcz1cInByZXZpZXdcIiAoY2xpY2spPVwib25DbGljayhkYXRhKVwiPlxuICAgIFByZXZpZXdcbiAgPC9kaXY+XG48L2Rpdj5cbiJdfQ==
|
package/esm2020/src/lib/components/button-icon/lib/core/interfaces/button-icon.interface.mjs
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
export {};
|
|
2
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
2
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYnV0dG9uLWljb24uaW50ZXJmYWNlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbWFwYS1saWJyYXJ5LXVpL3NyYy9saWIvY29yZS9pbnRlcmZhY2VzL2J1dHRvbi1pY29uLmludGVyZmFjZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiIiwic291cmNlc0NvbnRlbnQiOlsiZXhwb3J0IGludGVyZmFjZSBCdXR0b25JY29uIHtcbiAgaWQ6IG51bWJlcjtcbiAgaWNvbjogc3RyaW5nO1xuICBkZXNjcmlwdGlvbjogc3RyaW5nO1xuICBvcmlnaW5MaXN0Pzogc3RyaW5nO1xufSJdfQ==
|
|
@@ -22,10 +22,10 @@ export class MapaCapabilityDetailComponent {
|
|
|
22
22
|
}
|
|
23
23
|
}
|
|
24
24
|
MapaCapabilityDetailComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: MapaCapabilityDetailComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
25
|
-
MapaCapabilityDetailComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: MapaCapabilityDetailComponent, selector: "mapa-capability-detail", inputs: { data: "data" }, ngImport: i0, template: "<section class=\"capability\">\n <div class=\"capability__core\">\n <div *ngFor=\"let capability of data; let i = index\" class=\"capability__item\">\n <div class=\"capability__item--header\">\n <div class=\"capability__item--title-dots\">\n <div class=\"display-L\">{{ capability.name }}</div>\n \n <div class=\"capability__item--dots\">\n <mapa-capability-dot\n *ngFor=\"let item of sortItemsByinterval(capability.items)\"\n type=\"small\"\n [item]=\"item\"\n [capability]=\"capability\"\n [tooltip]=\"true\"\n ></mapa-capability-dot>\n </div>\n </div>\n \n <div class=\"capability__item--interval\">\n <mapa-capability-interval-bar\n [data]=\"capability\"\n (clicked)=\"showMore(i)\"\n reusable-interval-bar\n ></mapa-capability-interval-bar>\n </div>\n </div>\n <div [class.capability__item--show]=\"expanded.has(i)\" [class.capability__item--hide]=\"!expanded.has(i)\">\n <mapa-capability-expand\n [data]=\"capability\"\n ></mapa-capability-expand>\n </div>\n </div>\n </div>\n</section>", styles: [".capability{border-radius:16px}.capability h1{font-family:SF-Pro;font-size:32px;font-style:normal;font-weight:400;line-height:40px}.capability__core{border:1px solid #DCDCDE;border-radius:16px;background-color:#fff}.capability__item{padding:
|
|
25
|
+
MapaCapabilityDetailComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: MapaCapabilityDetailComponent, selector: "mapa-capability-detail", inputs: { data: "data" }, ngImport: i0, template: "<section class=\"capability\">\n <div class=\"capability__core\">\n <div *ngFor=\"let capability of data; let i = index\" class=\"capability__item\">\n <div class=\"capability__item--header\">\n <div class=\"capability__item--title-dots\">\n <div class=\"display-L\">{{ capability.name }}</div>\n \n <div class=\"capability__item--dots\">\n <mapa-capability-dot\n *ngFor=\"let item of sortItemsByinterval(capability.items)\"\n type=\"small\"\n [item]=\"item\"\n [capability]=\"capability\"\n [tooltip]=\"true\"\n ></mapa-capability-dot>\n </div>\n </div>\n \n <div class=\"capability__item--interval\">\n <mapa-capability-interval-bar\n [data]=\"capability\"\n (clicked)=\"showMore(i)\"\n reusable-interval-bar\n ></mapa-capability-interval-bar>\n </div>\n </div>\n <div [class.capability__item--show]=\"expanded.has(i)\" [class.capability__item--hide]=\"!expanded.has(i)\">\n <mapa-capability-expand\n [data]=\"capability\"\n ></mapa-capability-expand>\n </div>\n </div>\n </div>\n</section>", styles: [".capability{border-radius:16px}.capability h1{font-family:SF-Pro;font-size:32px;font-style:normal;font-weight:400;line-height:40px}.capability__core{border:1px solid #DCDCDE;border-radius:16px;background-color:#fff}.capability__item{padding:24px;position:relative}.capability__item:hover{box-shadow:0 4px 4px #00000021}.capability__item:not(:only-child){border-bottom:1px solid #dcdcde}.capability__item:first-child{border-radius:16px 16px 0 0}.capability__item:last-child{border-bottom:unset;border-radius:0 0 16px 16px}.capability__item--hide{opacity:0;max-height:0;height:0}.capability__item--hide mapa-capability-expand{height:0;display:inline-flex}.capability__item--hide mapa-capability-expand>*{opacity:0;max-height:0;height:0;margin:0!important;padding:0!important;flex:0}.capability__item--show{opacity:1;max-height:100%;height:100%}.capability__item--header{display:flex;align-items:center;justify-content:space-between}.capability__item--title-dots{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;height:72px}.capability__item--title-dots .display-L{margin-bottom:10px}.capability__item--dots{display:flex}.capability__item--dots mapa-capability-dot .tooltip-dot{padding:8px 8px 8px 0}\n", ".classification-1{background-color:#073e92;color:#fff}.classification-2{background-color:#0e6ece;color:#fff}.classification-3{background-color:#2d9ced;color:#000}.classification-4{background-color:#68ceee;color:#000}.classification-5{background-color:#96f2ee;color:#000}.classification-6{background-color:#f598a7;color:#000}.classification-7{background-color:#f56580;color:#000}.classification-8{background-color:#f4284e;color:#fff}.classification-9{background-color:#c11c2f;color:#fff}.small-dot{width:12px;height:12px;border-radius:12px;padding:0;margin:0}.dot{width:16px;height:16px;border-radius:16px;padding:0;margin:0}.indicator{display:flex;padding:2px 4px 2px 16px;justify-content:space-between;align-items:center;border-radius:8px;font-family:SF-Pro;font-size:16px;font-style:normal;font-weight:400}.display-S{font-family:SF Pro Display;font-size:20px;font-style:normal;font-weight:400}.display-L{font-family:SF Pro Display;font-size:32px;font-style:normal;font-weight:400}.display-XG{font-family:SF Pro Display;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.MapaCapabilityDotComponent, selector: "mapa-capability-dot", inputs: ["type", "item", "tooltip", "capability"] }, { kind: "component", type: i3.MapaCapabilityIntervalBarComponent, selector: "mapa-capability-interval-bar", inputs: ["data"], outputs: ["clicked"] }, { kind: "component", type: i4.MapaCapabilityExpandComponent, selector: "mapa-capability-expand", inputs: ["data"] }], encapsulation: i0.ViewEncapsulation.None });
|
|
26
26
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: MapaCapabilityDetailComponent, decorators: [{
|
|
27
27
|
type: Component,
|
|
28
|
-
args: [{ selector: "mapa-capability-detail", encapsulation: ViewEncapsulation.None, template: "<section class=\"capability\">\n <div class=\"capability__core\">\n <div *ngFor=\"let capability of data; let i = index\" class=\"capability__item\">\n <div class=\"capability__item--header\">\n <div class=\"capability__item--title-dots\">\n <div class=\"display-L\">{{ capability.name }}</div>\n \n <div class=\"capability__item--dots\">\n <mapa-capability-dot\n *ngFor=\"let item of sortItemsByinterval(capability.items)\"\n type=\"small\"\n [item]=\"item\"\n [capability]=\"capability\"\n [tooltip]=\"true\"\n ></mapa-capability-dot>\n </div>\n </div>\n \n <div class=\"capability__item--interval\">\n <mapa-capability-interval-bar\n [data]=\"capability\"\n (clicked)=\"showMore(i)\"\n reusable-interval-bar\n ></mapa-capability-interval-bar>\n </div>\n </div>\n <div [class.capability__item--show]=\"expanded.has(i)\" [class.capability__item--hide]=\"!expanded.has(i)\">\n <mapa-capability-expand\n [data]=\"capability\"\n ></mapa-capability-expand>\n </div>\n </div>\n </div>\n</section>", styles: [".capability{border-radius:16px}.capability h1{font-family:SF-Pro;font-size:32px;font-style:normal;font-weight:400;line-height:40px}.capability__core{border:1px solid #DCDCDE;border-radius:16px;background-color:#fff}.capability__item{padding:
|
|
28
|
+
args: [{ selector: "mapa-capability-detail", encapsulation: ViewEncapsulation.None, template: "<section class=\"capability\">\n <div class=\"capability__core\">\n <div *ngFor=\"let capability of data; let i = index\" class=\"capability__item\">\n <div class=\"capability__item--header\">\n <div class=\"capability__item--title-dots\">\n <div class=\"display-L\">{{ capability.name }}</div>\n \n <div class=\"capability__item--dots\">\n <mapa-capability-dot\n *ngFor=\"let item of sortItemsByinterval(capability.items)\"\n type=\"small\"\n [item]=\"item\"\n [capability]=\"capability\"\n [tooltip]=\"true\"\n ></mapa-capability-dot>\n </div>\n </div>\n \n <div class=\"capability__item--interval\">\n <mapa-capability-interval-bar\n [data]=\"capability\"\n (clicked)=\"showMore(i)\"\n reusable-interval-bar\n ></mapa-capability-interval-bar>\n </div>\n </div>\n <div [class.capability__item--show]=\"expanded.has(i)\" [class.capability__item--hide]=\"!expanded.has(i)\">\n <mapa-capability-expand\n [data]=\"capability\"\n ></mapa-capability-expand>\n </div>\n </div>\n </div>\n</section>", styles: [".capability{border-radius:16px}.capability h1{font-family:SF-Pro;font-size:32px;font-style:normal;font-weight:400;line-height:40px}.capability__core{border:1px solid #DCDCDE;border-radius:16px;background-color:#fff}.capability__item{padding:24px;position:relative}.capability__item:hover{box-shadow:0 4px 4px #00000021}.capability__item:not(:only-child){border-bottom:1px solid #dcdcde}.capability__item:first-child{border-radius:16px 16px 0 0}.capability__item:last-child{border-bottom:unset;border-radius:0 0 16px 16px}.capability__item--hide{opacity:0;max-height:0;height:0}.capability__item--hide mapa-capability-expand{height:0;display:inline-flex}.capability__item--hide mapa-capability-expand>*{opacity:0;max-height:0;height:0;margin:0!important;padding:0!important;flex:0}.capability__item--show{opacity:1;max-height:100%;height:100%}.capability__item--header{display:flex;align-items:center;justify-content:space-between}.capability__item--title-dots{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;height:72px}.capability__item--title-dots .display-L{margin-bottom:10px}.capability__item--dots{display:flex}.capability__item--dots mapa-capability-dot .tooltip-dot{padding:8px 8px 8px 0}\n", ".classification-1{background-color:#073e92;color:#fff}.classification-2{background-color:#0e6ece;color:#fff}.classification-3{background-color:#2d9ced;color:#000}.classification-4{background-color:#68ceee;color:#000}.classification-5{background-color:#96f2ee;color:#000}.classification-6{background-color:#f598a7;color:#000}.classification-7{background-color:#f56580;color:#000}.classification-8{background-color:#f4284e;color:#fff}.classification-9{background-color:#c11c2f;color:#fff}.small-dot{width:12px;height:12px;border-radius:12px;padding:0;margin:0}.dot{width:16px;height:16px;border-radius:16px;padding:0;margin:0}.indicator{display:flex;padding:2px 4px 2px 16px;justify-content:space-between;align-items:center;border-radius:8px;font-family:SF-Pro;font-size:16px;font-style:normal;font-weight:400}.display-S{font-family:SF Pro Display;font-size:20px;font-style:normal;font-weight:400}.display-L{font-family:SF Pro Display;font-size:32px;font-style:normal;font-weight:400}.display-XG{font-family:SF Pro Display;font-size:48px;font-style:normal;font-weight:400}*{transition:opacity .4s ease-out,max-height .4s ease-out}\n"] }]
|
|
29
29
|
}], propDecorators: { data: [{
|
|
30
30
|
type: Input
|
|
31
31
|
}] } });
|
|
@@ -2,18 +2,13 @@ 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
|
-
}
|
|
8
5
|
}
|
|
9
6
|
MapaCapabilityIndicatorComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: MapaCapabilityIndicatorComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
10
|
-
MapaCapabilityIndicatorComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: MapaCapabilityIndicatorComponent, selector: "mapa-capability-indicator", inputs: { item: "item"
|
|
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: "<div\n class=\"indicator\"\n [ngClass]=\"'classification-' + item.classificationId\"\n>\n <span *ngIf=\"item.name\">{{ item.name }}</span>\n <div class=\"indicator__classification\" *ngIf=\"item.interval\">\n {{ item.interval }}%\n </div>\n</div>\n", styles: [".indicator{color:#fff;margin:3px 0}.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:#000}.classification-4{background-color:#68ceee;color:#000}.classification-5{background-color:#96f2ee;color:#000}.classification-6{background-color:#f598a7;color:#000}.classification-7{background-color:#f56580;color:#000}.classification-8{background-color:#f4284e;color:#fff}.classification-9{background-color:#c11c2f;color:#fff}.small-dot{width:12px;height:12px;border-radius:12px;padding:0;margin:0}.dot{width:16px;height:16px;border-radius:16px;padding:0;margin:0}.indicator{display:flex;padding:2px 4px 2px 16px;justify-content:space-between;align-items:center;border-radius:8px;font-family:SF-Pro;font-size:16px;font-style:normal;font-weight:400}.display-S{font-family:SF Pro Display;font-size:20px;font-style:normal;font-weight:400}.display-L{font-family:SF Pro Display;font-size:32px;font-style:normal;font-weight:400}.display-XG{font-family:SF Pro Display;font-size:48px;font-style:normal;font-weight:400}*{transition:opacity .4s ease-out,max-height .4s ease-out}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
|
|
11
8
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: MapaCapabilityIndicatorComponent, decorators: [{
|
|
12
9
|
type: Component,
|
|
13
|
-
args: [{ selector: "mapa-capability-indicator", template: "<div\n class=\"indicator\"\n [ngClass]=\"'classification-' + item.classificationId\"\n
|
|
10
|
+
args: [{ selector: "mapa-capability-indicator", template: "<div\n class=\"indicator\"\n [ngClass]=\"'classification-' + item.classificationId\"\n>\n <span *ngIf=\"item.name\">{{ item.name }}</span>\n <div class=\"indicator__classification\" *ngIf=\"item.interval\">\n {{ item.interval }}%\n </div>\n</div>\n", styles: [".indicator{color:#fff;margin:3px 0}.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:#000}.classification-4{background-color:#68ceee;color:#000}.classification-5{background-color:#96f2ee;color:#000}.classification-6{background-color:#f598a7;color:#000}.classification-7{background-color:#f56580;color:#000}.classification-8{background-color:#f4284e;color:#fff}.classification-9{background-color:#c11c2f;color:#fff}.small-dot{width:12px;height:12px;border-radius:12px;padding:0;margin:0}.dot{width:16px;height:16px;border-radius:16px;padding:0;margin:0}.indicator{display:flex;padding:2px 4px 2px 16px;justify-content:space-between;align-items:center;border-radius:8px;font-family:SF-Pro;font-size:16px;font-style:normal;font-weight:400}.display-S{font-family:SF Pro Display;font-size:20px;font-style:normal;font-weight:400}.display-L{font-family:SF Pro Display;font-size:32px;font-style:normal;font-weight:400}.display-XG{font-family:SF Pro Display;font-size:48px;font-style:normal;font-weight:400}*{transition:opacity .4s ease-out,max-height .4s ease-out}\n"] }]
|
|
14
11
|
}], propDecorators: { item: [{
|
|
15
12
|
type: Input
|
|
16
|
-
}], fullWidth: [{
|
|
17
|
-
type: Input
|
|
18
13
|
}] } });
|
|
19
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
14
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2FwYWJpbGl0eS1pbmRpY2F0b3IuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbWFwYS1saWJyYXJ5LXVpL3NyYy9saWIvY29tcG9uZW50cy9jYXBhYmlsaXR5L3NyYy9jYXBhYmlsaXR5LWluZGljYXRvci9jYXBhYmlsaXR5LWluZGljYXRvci5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9tYXBhLWxpYnJhcnktdWkvc3JjL2xpYi9jb21wb25lbnRzL2NhcGFiaWxpdHkvc3JjL2NhcGFiaWxpdHktaW5kaWNhdG9yL2NhcGFiaWxpdHktaW5kaWNhdG9yLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFFLE1BQU0sZUFBZSxDQUFDOzs7QUFXakQsTUFBTSxPQUFPLGdDQUFnQzs7OEhBQWhDLGdDQUFnQztrSEFBaEMsZ0NBQWdDLDJGQ1g3QyxrUUFTQTs0RkRFYSxnQ0FBZ0M7a0JBUjVDLFNBQVM7K0JBQ0UsMkJBQTJCOzhCQVE1QixJQUFJO3NCQUFaLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIElucHV0IH0gZnJvbSBcIkBhbmd1bGFyL2NvcmVcIjtcbmltcG9ydCB7IENhcGFiaWxpdHlJdGVtIH0gZnJvbSBcIi4uL2Vzc2VudGlhbHMvaW50ZXJmYWNlcy9jYXBhYmlsaXR5LWl0ZW0uaW50ZXJmYWNlXCI7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogXCJtYXBhLWNhcGFiaWxpdHktaW5kaWNhdG9yXCIsXG4gIHRlbXBsYXRlVXJsOiBcIi4vY2FwYWJpbGl0eS1pbmRpY2F0b3IuY29tcG9uZW50Lmh0bWxcIixcbiAgc3R5bGVVcmxzOiBbXG4gICAgXCIuL2NhcGFiaWxpdHktaW5kaWNhdG9yLmNvbXBvbmVudC5zY3NzXCIsXG4gICAgXCIuLy4uLy4uL3N0eWxlcy9jYXBhYmlsaXR5LnNjc3NcIixcbiAgXSxcbn0pXG5leHBvcnQgY2xhc3MgTWFwYUNhcGFiaWxpdHlJbmRpY2F0b3JDb21wb25lbnQge1xuICBASW5wdXQoKSBpdGVtITogQ2FwYWJpbGl0eUl0ZW07XG59XG4iLCI8ZGl2XG4gIGNsYXNzPVwiaW5kaWNhdG9yXCJcbiAgW25nQ2xhc3NdPVwiJ2NsYXNzaWZpY2F0aW9uLScgKyBpdGVtLmNsYXNzaWZpY2F0aW9uSWRcIlxuPlxuICA8c3BhbiAqbmdJZj1cIml0ZW0ubmFtZVwiPnt7IGl0ZW0ubmFtZSB9fTwvc3Bhbj5cbiAgPGRpdiBjbGFzcz1cImluZGljYXRvcl9fY2xhc3NpZmljYXRpb25cIiAqbmdJZj1cIml0ZW0uaW50ZXJ2YWxcIj5cbiAgICB7eyBpdGVtLmludGVydmFsIH19JVxuICA8L2Rpdj5cbjwvZGl2PlxuIl19
|
|
@@ -13,13 +13,20 @@ export class MapaCapabilityIndicatorChartComponent {
|
|
|
13
13
|
interval: item.interval,
|
|
14
14
|
};
|
|
15
15
|
}
|
|
16
|
+
getWidth(item) {
|
|
17
|
+
const minWidth = 48;
|
|
18
|
+
const interval = (item.interval || 0);
|
|
19
|
+
if (interval < minWidth)
|
|
20
|
+
minWidth + 'px';
|
|
21
|
+
return interval + '%';
|
|
22
|
+
}
|
|
16
23
|
}
|
|
17
24
|
MapaCapabilityIndicatorChartComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: MapaCapabilityIndicatorChartComponent, deps: [{ token: i1.CapabilityClassificationService }], target: i0.ɵɵFactoryTarget.Component });
|
|
18
|
-
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
|
|
25
|
+
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\">\n <div class=\"indicator-chart__column--negative\">\n <mapa-capability-indicator\n *ngIf=\"!classification.getByItem(item).positive\"\n [item]=\"setUnlabeledItem(item)\"\n [style.width]=\"getWidth(item)\"\n ></mapa-capability-indicator>\n </div>\n </td>\n <td class=\"indicator-chart__column\">\n <div class=\"indicator-chart__column--positive\">\n <mapa-capability-indicator\n *ngIf=\"classification.getByItem(item).positive\"\n [item]=\"setUnlabeledItem(item)\"\n [style.width]=\"getWidth(item)\"\n ></mapa-capability-indicator>\n </div>\n </td>\n </tr>\n</table>\n", styles: [".indicator-chart{width:100%;border-collapse:collapse}.indicator-chart tr{border-bottom:1px solid #DCDCDE}.indicator-chart tr:first-child{border-top:1px solid #DCDCDE}.indicator-chart__column--description{width:1%;padding-right:24px}.indicator-chart__column--positive{display:flex;border-left:1px solid #DCDCDE;border-spacing:0px;padding:8px 0!important}.indicator-chart__column--negative{display:flex;justify-content:flex-end;border-right:1px solid #DCDCDE;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--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:#000}.classification-4{background-color:#68ceee;color:#000}.classification-5{background-color:#96f2ee;color:#000}.classification-6{background-color:#f598a7;color:#000}.classification-7{background-color:#f56580;color:#000}.classification-8{background-color:#f4284e;color:#fff}.classification-9{background-color:#c11c2f;color:#fff}.small-dot{width:12px;height:12px;border-radius:12px;padding:0;margin:0}.dot{width:16px;height:16px;border-radius:16px;padding:0;margin:0}.indicator{display:flex;padding:2px 4px 2px 16px;justify-content:space-between;align-items:center;border-radius:8px;font-family:SF-Pro;font-size:16px;font-style:normal;font-weight:400}.display-S{font-family:SF Pro Display;font-size:20px;font-style:normal;font-weight:400}.display-L{font-family:SF Pro Display;font-size:32px;font-style:normal;font-weight:400}.display-XG{font-family:SF Pro Display;font-size:48px;font-style:normal;font-weight:400}*{transition:opacity .4s ease-out,max-height .4s ease-out}\n"], dependencies: [{ kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i3.MapaCapabilityIndicatorComponent, selector: "mapa-capability-indicator", inputs: ["item"] }], encapsulation: i0.ViewEncapsulation.None });
|
|
19
26
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: MapaCapabilityIndicatorChartComponent, decorators: [{
|
|
20
27
|
type: Component,
|
|
21
|
-
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
|
|
28
|
+
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\">\n <div class=\"indicator-chart__column--negative\">\n <mapa-capability-indicator\n *ngIf=\"!classification.getByItem(item).positive\"\n [item]=\"setUnlabeledItem(item)\"\n [style.width]=\"getWidth(item)\"\n ></mapa-capability-indicator>\n </div>\n </td>\n <td class=\"indicator-chart__column\">\n <div class=\"indicator-chart__column--positive\">\n <mapa-capability-indicator\n *ngIf=\"classification.getByItem(item).positive\"\n [item]=\"setUnlabeledItem(item)\"\n [style.width]=\"getWidth(item)\"\n ></mapa-capability-indicator>\n </div>\n </td>\n </tr>\n</table>\n", styles: [".indicator-chart{width:100%;border-collapse:collapse}.indicator-chart tr{border-bottom:1px solid #DCDCDE}.indicator-chart tr:first-child{border-top:1px solid #DCDCDE}.indicator-chart__column--description{width:1%;padding-right:24px}.indicator-chart__column--positive{display:flex;border-left:1px solid #DCDCDE;border-spacing:0px;padding:8px 0!important}.indicator-chart__column--negative{display:flex;justify-content:flex-end;border-right:1px solid #DCDCDE;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--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:#000}.classification-4{background-color:#68ceee;color:#000}.classification-5{background-color:#96f2ee;color:#000}.classification-6{background-color:#f598a7;color:#000}.classification-7{background-color:#f56580;color:#000}.classification-8{background-color:#f4284e;color:#fff}.classification-9{background-color:#c11c2f;color:#fff}.small-dot{width:12px;height:12px;border-radius:12px;padding:0;margin:0}.dot{width:16px;height:16px;border-radius:16px;padding:0;margin:0}.indicator{display:flex;padding:2px 4px 2px 16px;justify-content:space-between;align-items:center;border-radius:8px;font-family:SF-Pro;font-size:16px;font-style:normal;font-weight:400}.display-S{font-family:SF Pro Display;font-size:20px;font-style:normal;font-weight:400}.display-L{font-family:SF Pro Display;font-size:32px;font-style:normal;font-weight:400}.display-XG{font-family:SF Pro Display;font-size:48px;font-style:normal;font-weight:400}*{transition:opacity .4s ease-out,max-height .4s ease-out}\n"] }]
|
|
22
29
|
}], ctorParameters: function () { return [{ type: i1.CapabilityClassificationService }]; }, propDecorators: { data: [{
|
|
23
30
|
type: Input
|
|
24
31
|
}] } });
|
|
25
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
32
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2FwYWJpbGl0eS1pbmRpY2F0b3ItY2hhcnQuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbWFwYS1saWJyYXJ5LXVpL3NyYy9saWIvY29tcG9uZW50cy9jYXBhYmlsaXR5L3NyYy9jYXBhYmlsaXR5LWluZGljYXRvci1jaGFydC9jYXBhYmlsaXR5LWluZGljYXRvci1jaGFydC5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9tYXBhLWxpYnJhcnktdWkvc3JjL2xpYi9jb21wb25lbnRzL2NhcGFiaWxpdHkvc3JjL2NhcGFiaWxpdHktaW5kaWNhdG9yLWNoYXJ0L2NhcGFiaWxpdHktaW5kaWNhdG9yLWNoYXJ0LmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFFLGlCQUFpQixFQUFFLE1BQU0sZUFBZSxDQUFDOzs7OztBQWFwRSxNQUFNLE9BQU8scUNBQXFDO0lBR2hELFlBQW1CLGNBQStDO1FBQS9DLG1CQUFjLEdBQWQsY0FBYyxDQUFpQztJQUFHLENBQUM7SUFFL0QsZ0JBQWdCLENBQUMsSUFBb0I7UUFDMUMsT0FBTztZQUNMLGdCQUFnQixFQUFFLElBQUksQ0FBQyxnQkFBZ0I7WUFDdkMsUUFBUSxFQUFFLElBQUksQ0FBQyxRQUFRO1NBQ3hCLENBQUE7SUFDSCxDQUFDO0lBRU0sUUFBUSxDQUFDLElBQW9CO1FBQ2xDLE1BQU0sUUFBUSxHQUFHLEVBQUUsQ0FBQztRQUNwQixNQUFNLFFBQVEsR0FBRyxDQUFDLElBQUksQ0FBQyxRQUFRLElBQUksQ0FBQyxDQUFDLENBQUM7UUFDdEMsSUFBSSxRQUFRLEdBQUcsUUFBUTtZQUFFLFFBQVEsR0FBRyxJQUFJLENBQUM7UUFDekMsT0FBTyxRQUFRLEdBQUcsR0FBRyxDQUFDO0lBQ3hCLENBQUM7O21JQWpCVSxxQ0FBcUM7dUhBQXJDLHFDQUFxQyxpR0NibEQsdzJCQXVCQTs0RkRWYSxxQ0FBcUM7a0JBVGpELFNBQVM7K0JBQ0UsaUNBQWlDLGlCQU01QixpQkFBaUIsQ0FBQyxJQUFJO3NIQUc1QixJQUFJO3NCQUFaLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIElucHV0LCBWaWV3RW5jYXBzdWxhdGlvbiB9IGZyb20gXCJAYW5ndWxhci9jb3JlXCI7XG5pbXBvcnQgeyBDYXBhYmlsaXR5SXRlbSB9IGZyb20gXCIuLi9lc3NlbnRpYWxzL2ludGVyZmFjZXMvY2FwYWJpbGl0eS1pdGVtLmludGVyZmFjZVwiO1xuaW1wb3J0IHsgQ2FwYWJpbGl0eUNsYXNzaWZpY2F0aW9uU2VydmljZSB9IGZyb20gXCIuLi9lc3NlbnRpYWxzL3NlcnZpY2VzL2NhcGFiaWxpdHktY2xhc3NpZmljYXRpb24uc2VydmljZVwiO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6IFwibWFwYS1jYXBhYmlsaXR5LWluZGljYXRvci1jaGFydFwiLFxuICB0ZW1wbGF0ZVVybDogXCIuL2NhcGFiaWxpdHktaW5kaWNhdG9yLWNoYXJ0LmNvbXBvbmVudC5odG1sXCIsXG4gIHN0eWxlVXJsczogW1xuICAgIFwiLi9jYXBhYmlsaXR5LWluZGljYXRvci1jaGFydC5jb21wb25lbnQuc2Nzc1wiLFxuICAgIFwiLi8uLi8uLi9zdHlsZXMvY2FwYWJpbGl0eS5zY3NzXCIsXG4gIF0sXG4gIGVuY2Fwc3VsYXRpb246IFZpZXdFbmNhcHN1bGF0aW9uLk5vbmVcbn0pXG5leHBvcnQgY2xhc3MgTWFwYUNhcGFiaWxpdHlJbmRpY2F0b3JDaGFydENvbXBvbmVudCB7XG4gIEBJbnB1dCgpIGRhdGEhOiBDYXBhYmlsaXR5SXRlbVtdO1xuXG4gIGNvbnN0cnVjdG9yKHB1YmxpYyBjbGFzc2lmaWNhdGlvbjogQ2FwYWJpbGl0eUNsYXNzaWZpY2F0aW9uU2VydmljZSkge31cblxuICBwdWJsaWMgc2V0VW5sYWJlbGVkSXRlbShpdGVtOiBDYXBhYmlsaXR5SXRlbSk6IENhcGFiaWxpdHlJdGVtIHtcbiAgICByZXR1cm4ge1xuICAgICAgY2xhc3NpZmljYXRpb25JZDogaXRlbS5jbGFzc2lmaWNhdGlvbklkLFxuICAgICAgaW50ZXJ2YWw6IGl0ZW0uaW50ZXJ2YWwsXG4gICAgfVxuICB9XG5cbiAgcHVibGljIGdldFdpZHRoKGl0ZW06IENhcGFiaWxpdHlJdGVtKTogc3RyaW5nIHtcbiAgICBjb25zdCBtaW5XaWR0aCA9IDQ4O1xuICAgIGNvbnN0IGludGVydmFsID0gKGl0ZW0uaW50ZXJ2YWwgfHwgMCk7XG4gICAgaWYgKGludGVydmFsIDwgbWluV2lkdGgpIG1pbldpZHRoICsgJ3B4JztcbiAgICByZXR1cm4gaW50ZXJ2YWwgKyAnJSc7XG4gIH1cbn1cbiIsIjx0YWJsZSBjbGFzcz1cImluZGljYXRvci1jaGFydFwiPlxuICA8dHIgKm5nRm9yPVwibGV0IGl0ZW0gb2YgZGF0YVwiPlxuICAgIDx0ZCBjbGFzcz1cImluZGljYXRvci1jaGFydF9fY29sdW1uLS1kZXNjcmlwdGlvblwiPnt7IGl0ZW0ubmFtZSB9fTwvdGQ+XG4gICAgPHRkIGNsYXNzPVwiaW5kaWNhdG9yLWNoYXJ0X19jb2x1bW5cIj5cbiAgICAgIDxkaXYgY2xhc3M9XCJpbmRpY2F0b3ItY2hhcnRfX2NvbHVtbi0tbmVnYXRpdmVcIj5cbiAgICAgICAgPG1hcGEtY2FwYWJpbGl0eS1pbmRpY2F0b3JcbiAgICAgICAgICAqbmdJZj1cIiFjbGFzc2lmaWNhdGlvbi5nZXRCeUl0ZW0oaXRlbSkucG9zaXRpdmVcIlxuICAgICAgICAgIFtpdGVtXT1cInNldFVubGFiZWxlZEl0ZW0oaXRlbSlcIlxuICAgICAgICAgIFtzdHlsZS53aWR0aF09XCJnZXRXaWR0aChpdGVtKVwiXG4gICAgICAgID48L21hcGEtY2FwYWJpbGl0eS1pbmRpY2F0b3I+XG4gICAgICA8L2Rpdj5cbiAgICA8L3RkPlxuICAgIDx0ZCBjbGFzcz1cImluZGljYXRvci1jaGFydF9fY29sdW1uXCI+XG4gICAgICA8ZGl2IGNsYXNzPVwiaW5kaWNhdG9yLWNoYXJ0X19jb2x1bW4tLXBvc2l0aXZlXCI+XG4gICAgICAgIDxtYXBhLWNhcGFiaWxpdHktaW5kaWNhdG9yXG4gICAgICAgICAgKm5nSWY9XCJjbGFzc2lmaWNhdGlvbi5nZXRCeUl0ZW0oaXRlbSkucG9zaXRpdmVcIlxuICAgICAgICAgIFtpdGVtXT1cInNldFVubGFiZWxlZEl0ZW0oaXRlbSlcIlxuICAgICAgICAgIFtzdHlsZS53aWR0aF09XCJnZXRXaWR0aChpdGVtKVwiXG4gICAgICAgID48L21hcGEtY2FwYWJpbGl0eS1pbmRpY2F0b3I+XG4gICAgICA8L2Rpdj5cbiAgICA8L3RkPlxuICA8L3RyPlxuPC90YWJsZT5cbiJdfQ==
|
|
@@ -19,11 +19,11 @@ export class MapaCapabilityIndicatorListComponent {
|
|
|
19
19
|
}
|
|
20
20
|
}
|
|
21
21
|
MapaCapabilityIndicatorListComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: MapaCapabilityIndicatorListComponent, deps: [{ token: i1.CapabilityClassificationService }], target: i0.ɵɵFactoryTarget.Component });
|
|
22
|
-
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\"
|
|
22
|
+
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:#000}.classification-4{background-color:#68ceee;color:#000}.classification-5{background-color:#96f2ee;color:#000}.classification-6{background-color:#f598a7;color:#000}.classification-7{background-color:#f56580;color:#000}.classification-8{background-color:#f4284e;color:#fff}.classification-9{background-color:#c11c2f;color:#fff}.small-dot{width:12px;height:12px;border-radius:12px;padding:0;margin:0}.dot{width:16px;height:16px;border-radius:16px;padding:0;margin:0}.indicator{display:flex;padding:2px 4px 2px 16px;justify-content:space-between;align-items:center;border-radius:8px;font-family:SF-Pro;font-size:16px;font-style:normal;font-weight:400}.display-S{font-family:SF Pro Display;font-size:20px;font-style:normal;font-weight:400}.display-L{font-family:SF Pro Display;font-size:32px;font-style:normal;font-weight:400}.display-XG{font-family:SF Pro Display;font-size:48px;font-style:normal;font-weight:400}*{transition:opacity .4s ease-out,max-height .4s ease-out}\n"], dependencies: [{ kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "component", type: i3.MapaCapabilityIndicatorComponent, selector: "mapa-capability-indicator", inputs: ["item"] }] });
|
|
23
23
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: MapaCapabilityIndicatorListComponent, decorators: [{
|
|
24
24
|
type: Component,
|
|
25
|
-
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\"
|
|
25
|
+
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:#000}.classification-4{background-color:#68ceee;color:#000}.classification-5{background-color:#96f2ee;color:#000}.classification-6{background-color:#f598a7;color:#000}.classification-7{background-color:#f56580;color:#000}.classification-8{background-color:#f4284e;color:#fff}.classification-9{background-color:#c11c2f;color:#fff}.small-dot{width:12px;height:12px;border-radius:12px;padding:0;margin:0}.dot{width:16px;height:16px;border-radius:16px;padding:0;margin:0}.indicator{display:flex;padding:2px 4px 2px 16px;justify-content:space-between;align-items:center;border-radius:8px;font-family:SF-Pro;font-size:16px;font-style:normal;font-weight:400}.display-S{font-family:SF Pro Display;font-size:20px;font-style:normal;font-weight:400}.display-L{font-family:SF Pro Display;font-size:32px;font-style:normal;font-weight:400}.display-XG{font-family:SF Pro Display;font-size:48px;font-style:normal;font-weight:400}*{transition:opacity .4s ease-out,max-height .4s ease-out}\n"] }]
|
|
26
26
|
}], ctorParameters: function () { return [{ type: i1.CapabilityClassificationService }]; }, propDecorators: { data: [{
|
|
27
27
|
type: Input
|
|
28
28
|
}] } });
|
|
29
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
29
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2FwYWJpbGl0eS1pbmRpY2F0b3ItbGlzdC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9tYXBhLWxpYnJhcnktdWkvc3JjL2xpYi9jb21wb25lbnRzL2NhcGFiaWxpdHkvc3JjL2NhcGFiaWxpdHktaW5kaWNhdG9yLWxpc3QvY2FwYWJpbGl0eS1pbmRpY2F0b3ItbGlzdC5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9tYXBhLWxpYnJhcnktdWkvc3JjL2xpYi9jb21wb25lbnRzL2NhcGFiaWxpdHkvc3JjL2NhcGFiaWxpdHktaW5kaWNhdG9yLWxpc3QvY2FwYWJpbGl0eS1pbmRpY2F0b3ItbGlzdC5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBVSxNQUFNLGVBQWUsQ0FBQzs7Ozs7QUFhekQsTUFBTSxPQUFPLG9DQUFvQztJQVEvQyxZQUFvQixjQUErQztRQUEvQyxtQkFBYyxHQUFkLGNBQWMsQ0FBaUM7UUFMNUQsaUJBQVksR0FBcUIsRUFBRSxDQUFDO1FBQ3BDLGlCQUFZLEdBQXFCLEVBQUUsQ0FBQztRQUNwQywwQkFBcUIsR0FBcUIsRUFBRSxDQUFDO1FBQzdDLHVCQUFrQixHQUFxQixFQUFFLENBQUM7SUFFcUIsQ0FBQztJQUV2RSxRQUFRO1FBQ04sSUFBSSxDQUFDLFlBQVksR0FBRyxJQUFJLENBQUMsSUFBSSxDQUFDLE1BQU0sQ0FDbEMsQ0FBQyxJQUFvQixFQUFFLEVBQUUsQ0FBQyxJQUFJLENBQUMsY0FBYyxDQUFDLFNBQVMsQ0FBQyxJQUFJLENBQUMsQ0FBQyxRQUFRLElBQUksQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUNyRixDQUFDO1FBQ0YsSUFBSSxDQUFDLFlBQVksR0FBRyxJQUFJLENBQUMsSUFBSSxDQUFDLE1BQU0sQ0FDbEMsQ0FBQyxJQUFvQixFQUFFLEVBQUUsQ0FBQyxDQUFDLElBQUksQ0FBQyxjQUFjLENBQUMsU0FBUyxDQUFDLElBQUksQ0FBQyxDQUFDLFFBQVEsSUFBSSxDQUFDLElBQUksQ0FBQyxJQUFJLENBQ3RGLENBQUM7UUFDRixJQUFJLENBQUMscUJBQXFCLEdBQUcsSUFBSSxDQUFDLElBQUksQ0FBQyxNQUFNLENBQzNDLENBQUMsSUFBb0IsRUFBRSxFQUFFLENBQUMsSUFBSSxDQUFDLElBQUksS0FBSyxJQUFJLElBQUksSUFBSSxDQUFDLGFBQWEsS0FBSyxJQUFJLENBQzVFLENBQUM7UUFDRixJQUFJLENBQUMsa0JBQWtCLEdBQUcsSUFBSSxDQUFDLElBQUksQ0FBQyxNQUFNLENBQ3hDLENBQUMsSUFBb0IsRUFBRSxFQUFFLENBQUMsSUFBSSxDQUFDLElBQUksS0FBSyxJQUFJLElBQUksSUFBSSxDQUFDLFVBQVUsS0FBSyxJQUFJLENBQ3pFLENBQUM7SUFDSixDQUFDOztrSUF2QlUsb0NBQW9DO3NIQUFwQyxvQ0FBb0MsZ0dDYmpELG8rQkE2QkE7NEZEaEJhLG9DQUFvQztrQkFSaEQsU0FBUzsrQkFDRSxnQ0FBZ0M7c0hBUWpDLElBQUk7c0JBQVosS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgSW5wdXQsIE9uSW5pdCB9IGZyb20gXCJAYW5ndWxhci9jb3JlXCI7XG5cbmltcG9ydCB7IENhcGFiaWxpdHlJdGVtIH0gZnJvbSBcIi4uL2Vzc2VudGlhbHMvaW50ZXJmYWNlcy9jYXBhYmlsaXR5LWl0ZW0uaW50ZXJmYWNlXCI7XG5pbXBvcnQgeyBDYXBhYmlsaXR5Q2xhc3NpZmljYXRpb25TZXJ2aWNlIH0gZnJvbSBcIi4uL2Vzc2VudGlhbHMvc2VydmljZXMvY2FwYWJpbGl0eS1jbGFzc2lmaWNhdGlvbi5zZXJ2aWNlXCI7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogXCJtYXBhLWNhcGFiaWxpdHktaW5kaWNhdG9yLWxpc3RcIixcbiAgdGVtcGxhdGVVcmw6IFwiLi9jYXBhYmlsaXR5LWluZGljYXRvci1saXN0LmNvbXBvbmVudC5odG1sXCIsXG4gIHN0eWxlVXJsczogW1xuICAgIFwiLi9jYXBhYmlsaXR5LWluZGljYXRvci1saXN0LmNvbXBvbmVudC5zY3NzXCIsXG4gICAgXCIuLy4uLy4uL3N0eWxlcy9jYXBhYmlsaXR5LnNjc3NcIixcbiAgXSxcbn0pXG5leHBvcnQgY2xhc3MgTWFwYUNhcGFiaWxpdHlJbmRpY2F0b3JMaXN0Q29tcG9uZW50IGltcGxlbWVudHMgT25Jbml0IHtcbiAgQElucHV0KCkgZGF0YSE6IENhcGFiaWxpdHlJdGVtW107XG5cbiAgcHVibGljIGRhdGFQb3NpdGl2ZTogQ2FwYWJpbGl0eUl0ZW1bXSA9IFtdO1xuICBwdWJsaWMgZGF0YU5lZ2F0aXZlOiBDYXBhYmlsaXR5SXRlbVtdID0gW107ICBcbiAgcHVibGljIGRhdGFSaXNrUHJlY2lwaXRhdGlvbjogQ2FwYWJpbGl0eUl0ZW1bXSA9IFtdOyAgXG4gIHB1YmxpYyBkYXRhUmlza05lZ2xpZ2VuY2U6IENhcGFiaWxpdHlJdGVtW10gPSBbXTsgIFxuXG4gIGNvbnN0cnVjdG9yKHByaXZhdGUgY2xhc3NpZmljYXRpb246IENhcGFiaWxpdHlDbGFzc2lmaWNhdGlvblNlcnZpY2UpIHt9XG5cbiAgbmdPbkluaXQoKTogdm9pZCB7XG4gICAgdGhpcy5kYXRhUG9zaXRpdmUgPSB0aGlzLmRhdGEuZmlsdGVyKFxuICAgICAgKGl0ZW06IENhcGFiaWxpdHlJdGVtKSA9PiB0aGlzLmNsYXNzaWZpY2F0aW9uLmdldEJ5SXRlbShpdGVtKS5wb3NpdGl2ZSAmJiAhaXRlbS5yaXNrXG4gICAgKTtcbiAgICB0aGlzLmRhdGFOZWdhdGl2ZSA9IHRoaXMuZGF0YS5maWx0ZXIoXG4gICAgICAoaXRlbTogQ2FwYWJpbGl0eUl0ZW0pID0+ICF0aGlzLmNsYXNzaWZpY2F0aW9uLmdldEJ5SXRlbShpdGVtKS5wb3NpdGl2ZSAmJiAhaXRlbS5yaXNrXG4gICAgKTtcbiAgICB0aGlzLmRhdGFSaXNrUHJlY2lwaXRhdGlvbiA9IHRoaXMuZGF0YS5maWx0ZXIoXG4gICAgICAoaXRlbTogQ2FwYWJpbGl0eUl0ZW0pID0+IGl0ZW0ucmlzayA9PT0gdHJ1ZSAmJiBpdGVtLnByZWNpcGl0YXRpb24gPT09IHRydWVcbiAgICApO1xuICAgIHRoaXMuZGF0YVJpc2tOZWdsaWdlbmNlID0gdGhpcy5kYXRhLmZpbHRlcihcbiAgICAgIChpdGVtOiBDYXBhYmlsaXR5SXRlbSkgPT4gaXRlbS5yaXNrID09PSB0cnVlICYmIGl0ZW0ubmVnbGlnZW5jZSA9PT0gdHJ1ZVxuICAgICk7XG4gIH1cbn1cbiIsIjxzZWN0aW9uIGNsYXNzPVwiaW5kaWNhdG9yLWxpc3RcIj5cbiAgPGFydGljbGUgY2xhc3M9XCJpbmRpY2F0b3ItbGlzdF9fY29sdW1uXCI+XG4gICAgPGgyPkluZGljYWRvcmVzIHBvc2l0aXZvczwvaDI+XG4gICAgPG1hcGEtY2FwYWJpbGl0eS1pbmRpY2F0b3JcbiAgICAgICpuZ0Zvcj1cImxldCBpdGVtIG9mIGRhdGFQb3NpdGl2ZVwiXG4gICAgICBbaXRlbV09XCJpdGVtXCI+XG4gICAgPC9tYXBhLWNhcGFiaWxpdHktaW5kaWNhdG9yPlxuICA8L2FydGljbGU+XG4gIDxhcnRpY2xlIGNsYXNzPVwiaW5kaWNhdG9yLWxpc3RfX2NvbHVtblwiPlxuICAgIDxoMj5JbmRpY2Fkb3JlcyBuZWdhdGl2b3M8L2gyPlxuICAgIDxtYXBhLWNhcGFiaWxpdHktaW5kaWNhdG9yXG4gICAgICAqbmdGb3I9XCJsZXQgaXRlbSBvZiBkYXRhTmVnYXRpdmVcIlxuICAgICAgW2l0ZW1dPVwiaXRlbVwiPlxuICAgIDwvbWFwYS1jYXBhYmlsaXR5LWluZGljYXRvcj5cbiAgPC9hcnRpY2xlPlxuICA8YXJ0aWNsZSBjbGFzcz1cImluZGljYXRvci1saXN0X19jb2x1bW5cIj5cbiAgICA8aDI+SW5kaWNhZG9yZXMgZGUgcmlzY288L2gyPlxuICAgIDxoMz5SaXNjbyBkZSBhY2lkZW50ZSBwb3IgcHJlY2lwaXRhw6fDo288L2gzPlxuICAgIDxtYXBhLWNhcGFiaWxpdHktaW5kaWNhdG9yXG4gICAgICAqbmdGb3I9XCJsZXQgaXRlbSBvZiBkYXRhUmlza1ByZWNpcGl0YXRpb25cIlxuICAgICAgW2l0ZW1dPVwiaXRlbVwiPlxuICAgIDwvbWFwYS1jYXBhYmlsaXR5LWluZGljYXRvcj5cbiAgICA8aDM+UmlzY28gZGUgYWNpZGVudGUgcG9yIG5lZ2xpZ8OqbmNpYTwvaDM+XG4gICAgPG1hcGEtY2FwYWJpbGl0eS1pbmRpY2F0b3JcbiAgICAgICpuZ0Zvcj1cImxldCBpdGVtIG9mIGRhdGFSaXNrTmVnbGlnZW5jZVwiXG4gICAgICBbaXRlbV09XCJpdGVtXCI+XG4gICAgPC9tYXBhLWNhcGFiaWxpdHktaW5kaWNhdG9yPlxuICA8L2FydGljbGU+XG48L3NlY3Rpb24+XG4iXX0=
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
export {};
|
|
2
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
2
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYnV0dG9uLWljb24uaW50ZXJmYWNlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbWFwYS1saWJyYXJ5LXVpL3NyYy9saWIvY29yZS9pbnRlcmZhY2VzL2J1dHRvbi1pY29uLmludGVyZmFjZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiIiwic291cmNlc0NvbnRlbnQiOlsiZXhwb3J0IGludGVyZmFjZSBCdXR0b25JY29uIHtcbiAgaWQ6IG51bWJlcjtcbiAgaWNvbjogc3RyaW5nO1xuICBkZXNjcmlwdGlvbjogc3RyaW5nO1xuICBvcmlnaW5MaXN0Pzogc3RyaW5nO1xufSJdfQ==
|
|
@@ -89,10 +89,10 @@ export class MapaChartComponent {
|
|
|
89
89
|
}
|
|
90
90
|
}
|
|
91
91
|
MapaChartComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: MapaChartComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
92
|
-
MapaChartComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: MapaChartComponent, selector: "mapa-chart", inputs: { options: "options" }, ngImport: i0, template: "<section>\n <div class=\"chart\" *ngIf=\"chartOptions\">\n <div class=\"chart__dropdown\" *ngIf=\"options.dropdown\">\n <mapa-dropdown\n [formControl]=\"options.dropdown.formControl\"\n [element]=\"options.dropdown.element\"\n ></mapa-dropdown>\n </div>\n <apx-chart\n [series]=\"chartOptions.series!\"\n [chart]=\"chartOptions.chart!\"\n [xaxis]=\"chartOptions.xaxis!\"\n [yaxis]=\"chartOptions.yaxis!\"\n [stroke]=\"chartOptions.stroke!\"\n [markers]=\"chartOptions.markers!\"\n [fill]=\"chartOptions.fill!\"\n [title]=\"chartOptions.title!\"\n [legend]=\"chartOptions.legend!\"\n [responsive]=\"chartOptions.responsive!\"width\n ></apx-chart>\n </div>\n</section>\n", styles: [".chart{margin:35px auto}.chart__dropdown{position:absolute;z-index:999}.chart .apexcharts-legend.apx-legend-position-right{justify-content:center!important}.chart apx-chart .apexcharts-canvas{
|
|
92
|
+
MapaChartComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: MapaChartComponent, selector: "mapa-chart", inputs: { options: "options" }, ngImport: i0, template: "<section>\n <div class=\"chart\" *ngIf=\"chartOptions\">\n <div class=\"chart__dropdown\" *ngIf=\"options.dropdown\">\n <mapa-dropdown\n [formControl]=\"options.dropdown.formControl\"\n [element]=\"options.dropdown.element\"\n ></mapa-dropdown>\n </div>\n <apx-chart\n [series]=\"chartOptions.series!\"\n [chart]=\"chartOptions.chart!\"\n [xaxis]=\"chartOptions.xaxis!\"\n [yaxis]=\"chartOptions.yaxis!\"\n [stroke]=\"chartOptions.stroke!\"\n [markers]=\"chartOptions.markers!\"\n [fill]=\"chartOptions.fill!\"\n [title]=\"chartOptions.title!\"\n [legend]=\"chartOptions.legend!\"\n [responsive]=\"chartOptions.responsive!\"width\n ></apx-chart>\n </div>\n</section>\n", styles: [".chart{margin:35px auto}.chart__dropdown{position:absolute;z-index:999}.chart .apexcharts-legend.apx-legend-position-right{justify-content:center!important}.chart apx-chart .apexcharts-canvas{display:flex;align-items:center;justify-content:center;width:100%!important}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.ChartComponent, selector: "apx-chart", inputs: ["chart", "annotations", "colors", "dataLabels", "series", "stroke", "labels", "legend", "markers", "noData", "fill", "tooltip", "plotOptions", "responsive", "xaxis", "yaxis", "forecastDataPoints", "grid", "states", "title", "subtitle", "theme", "autoUpdateSeries"] }, { kind: "component", type: i3.MapaDropdownComponent, selector: "mapa-dropdown", inputs: ["formControl", "formControlSearch", "element", "border"] }], encapsulation: i0.ViewEncapsulation.None });
|
|
93
93
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: MapaChartComponent, decorators: [{
|
|
94
94
|
type: Component,
|
|
95
|
-
args: [{ selector: "mapa-chart", encapsulation: ViewEncapsulation.None, template: "<section>\n <div class=\"chart\" *ngIf=\"chartOptions\">\n <div class=\"chart__dropdown\" *ngIf=\"options.dropdown\">\n <mapa-dropdown\n [formControl]=\"options.dropdown.formControl\"\n [element]=\"options.dropdown.element\"\n ></mapa-dropdown>\n </div>\n <apx-chart\n [series]=\"chartOptions.series!\"\n [chart]=\"chartOptions.chart!\"\n [xaxis]=\"chartOptions.xaxis!\"\n [yaxis]=\"chartOptions.yaxis!\"\n [stroke]=\"chartOptions.stroke!\"\n [markers]=\"chartOptions.markers!\"\n [fill]=\"chartOptions.fill!\"\n [title]=\"chartOptions.title!\"\n [legend]=\"chartOptions.legend!\"\n [responsive]=\"chartOptions.responsive!\"width\n ></apx-chart>\n </div>\n</section>\n", styles: [".chart{margin:35px auto}.chart__dropdown{position:absolute;z-index:999}.chart .apexcharts-legend.apx-legend-position-right{justify-content:center!important}.chart apx-chart .apexcharts-canvas{
|
|
95
|
+
args: [{ selector: "mapa-chart", encapsulation: ViewEncapsulation.None, template: "<section>\n <div class=\"chart\" *ngIf=\"chartOptions\">\n <div class=\"chart__dropdown\" *ngIf=\"options.dropdown\">\n <mapa-dropdown\n [formControl]=\"options.dropdown.formControl\"\n [element]=\"options.dropdown.element\"\n ></mapa-dropdown>\n </div>\n <apx-chart\n [series]=\"chartOptions.series!\"\n [chart]=\"chartOptions.chart!\"\n [xaxis]=\"chartOptions.xaxis!\"\n [yaxis]=\"chartOptions.yaxis!\"\n [stroke]=\"chartOptions.stroke!\"\n [markers]=\"chartOptions.markers!\"\n [fill]=\"chartOptions.fill!\"\n [title]=\"chartOptions.title!\"\n [legend]=\"chartOptions.legend!\"\n [responsive]=\"chartOptions.responsive!\"width\n ></apx-chart>\n </div>\n</section>\n", styles: [".chart{margin:35px auto}.chart__dropdown{position:absolute;z-index:999}.chart .apexcharts-legend.apx-legend-position-right{justify-content:center!important}.chart apx-chart .apexcharts-canvas{display:flex;align-items:center;justify-content:center;width:100%!important}\n"] }]
|
|
96
96
|
}], ctorParameters: function () { return []; }, propDecorators: { options: [{
|
|
97
97
|
type: Input
|
|
98
98
|
}] } });
|
|
@@ -8,27 +8,25 @@ export class ReportItemComponent {
|
|
|
8
8
|
this.id = "";
|
|
9
9
|
this.description = "";
|
|
10
10
|
this.icon = "";
|
|
11
|
-
this.objectData = "";
|
|
12
11
|
}
|
|
13
12
|
ngOnInit() {
|
|
14
13
|
const data = this.itemData[0];
|
|
15
14
|
this.id = data.id;
|
|
16
15
|
this.description = data.description;
|
|
17
16
|
this.icon = data.icon;
|
|
18
|
-
this.objectData = data.objectData;
|
|
19
17
|
}
|
|
20
18
|
onClick(id) {
|
|
21
19
|
this.clicked.emit(id);
|
|
22
20
|
}
|
|
23
21
|
}
|
|
24
22
|
ReportItemComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ReportItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
25
|
-
ReportItemComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: ReportItemComponent, selector: "mapa-report-item", inputs: { itemData: "itemData" }, outputs: { clicked: "clicked" }, ngImport: i0, template: "<div class=\"report-item\">\n <div class=\"report-icon\">\n <mat-icon class=\"material-icons\">{{ icon }}</mat-icon>\n </div>\n <div class=\"report-text\">\n <h1> \n {{ description }}\n </h1>\n
|
|
23
|
+
ReportItemComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: ReportItemComponent, selector: "mapa-report-item", inputs: { itemData: "itemData" }, outputs: { clicked: "clicked" }, ngImport: i0, template: "<div class=\"report-item\">\n <div class=\"report-icon\">\n <mat-icon class=\"material-icons\">{{ icon }}</mat-icon>\n </div>\n <div class=\"report-text\">\n <h1> \n {{ description }}\n </h1>\n </div>\n <div class=\"report-button\">\n <div class=\"report-circle\">\n <mat-icon [matMenuTriggerFor]=\"menu\">more_vert</mat-icon>\n <mat-menu #menu=\"matMenu\">\n <button mat-menu-item (click)=\"onClick(id)\">\n <mat-icon>delete_outline</mat-icon>\n <span>Descartar</span>\n </button>\n </mat-menu>\n </div> \n </div> \n</div>", styles: [".report-item{margin:24px 48px;height:161px;display:flex;border-radius:16px;border:1px solid #CDCDCD}.report-item .report-icon{width:25%;border-radius:16px 0 0 16px;background:#FDEFEA}.report-item .report-icon .mat-icon{width:123px;height:123px;font-size:123px;color:#ea561d;padding:20px 42px}.report-item .report-text{background:var(--GlobalColors-Neutral-20, #F9F9F9);width:100%;padding:0 16px}.report-item .report-text h1{color:#000;font-family:SF-Pro;font-size:20px;font-style:normal;font-weight:400;line-height:28px;margin-top:25px}.report-item .report-text li{color:var #000;font-family:SF-Pro;font-size:16px;font-style:normal;font-weight:400;line-height:24px;margin-top:10px}.report-item .report-button{width:4vw;align-items:flex-end;border-radius:50%;margin-top:10px}.report-item .report-button .report-circle{background-color:#fff;border-radius:50%;display:flex;align-items:center;margin-right:10px}.report-item .report-button .mat-icon{width:20px;height:20px;font-size:20px;margin:5px;color:#ea561d}\n"], dependencies: [{ kind: "component", type: i1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: i2.MatMenu, selector: "mat-menu", exportAs: ["matMenu"] }, { kind: "component", type: i2.MatMenuItem, selector: "[mat-menu-item]", inputs: ["disabled", "disableRipple", "role"], exportAs: ["matMenuItem"] }, { kind: "directive", type: i2.MatMenuTrigger, selector: "[mat-menu-trigger-for], [matMenuTriggerFor]", exportAs: ["matMenuTrigger"] }] });
|
|
26
24
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ReportItemComponent, decorators: [{
|
|
27
25
|
type: Component,
|
|
28
|
-
args: [{ selector: 'mapa-report-item', template: "<div class=\"report-item\">\n <div class=\"report-icon\">\n <mat-icon class=\"material-icons\">{{ icon }}</mat-icon>\n </div>\n <div class=\"report-text\">\n <h1> \n {{ description }}\n </h1>\n
|
|
26
|
+
args: [{ selector: 'mapa-report-item', template: "<div class=\"report-item\">\n <div class=\"report-icon\">\n <mat-icon class=\"material-icons\">{{ icon }}</mat-icon>\n </div>\n <div class=\"report-text\">\n <h1> \n {{ description }}\n </h1>\n </div>\n <div class=\"report-button\">\n <div class=\"report-circle\">\n <mat-icon [matMenuTriggerFor]=\"menu\">more_vert</mat-icon>\n <mat-menu #menu=\"matMenu\">\n <button mat-menu-item (click)=\"onClick(id)\">\n <mat-icon>delete_outline</mat-icon>\n <span>Descartar</span>\n </button>\n </mat-menu>\n </div> \n </div> \n</div>", styles: [".report-item{margin:24px 48px;height:161px;display:flex;border-radius:16px;border:1px solid #CDCDCD}.report-item .report-icon{width:25%;border-radius:16px 0 0 16px;background:#FDEFEA}.report-item .report-icon .mat-icon{width:123px;height:123px;font-size:123px;color:#ea561d;padding:20px 42px}.report-item .report-text{background:var(--GlobalColors-Neutral-20, #F9F9F9);width:100%;padding:0 16px}.report-item .report-text h1{color:#000;font-family:SF-Pro;font-size:20px;font-style:normal;font-weight:400;line-height:28px;margin-top:25px}.report-item .report-text li{color:var #000;font-family:SF-Pro;font-size:16px;font-style:normal;font-weight:400;line-height:24px;margin-top:10px}.report-item .report-button{width:4vw;align-items:flex-end;border-radius:50%;margin-top:10px}.report-item .report-button .report-circle{background-color:#fff;border-radius:50%;display:flex;align-items:center;margin-right:10px}.report-item .report-button .mat-icon{width:20px;height:20px;font-size:20px;margin:5px;color:#ea561d}\n"] }]
|
|
29
27
|
}], propDecorators: { itemData: [{
|
|
30
28
|
type: Input
|
|
31
29
|
}], clicked: [{
|
|
32
30
|
type: Output
|
|
33
31
|
}] } });
|
|
34
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
32
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicmVwb3J0LWl0ZW0uY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbWFwYS1saWJyYXJ5LXVpL3NyYy9saWIvY29tcG9uZW50cy9yZXBvcnQtaXRlbS9zcmMvcmVwb3J0LWl0ZW0uY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbWFwYS1saWJyYXJ5LXVpL3NyYy9saWIvY29tcG9uZW50cy9yZXBvcnQtaXRlbS9zcmMvcmVwb3J0LWl0ZW0uY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxZQUFZLEVBQUUsS0FBSyxFQUFFLE1BQU0sRUFBRSxNQUFNLGVBQWUsQ0FBQzs7OztBQWN2RSxNQUFNLE9BQU8sbUJBQW1CO0lBTmhDO1FBUVksWUFBTyxHQUF5QixJQUFJLFlBQVksRUFBVSxDQUFDO1FBRXJFLE9BQUUsR0FBVyxFQUFFLENBQUM7UUFDaEIsZ0JBQVcsR0FBVyxFQUFFLENBQUM7UUFDekIsU0FBSSxHQUFXLEVBQUUsQ0FBQztLQWFuQjtJQVZDLFFBQVE7UUFDTixNQUFNLElBQUksR0FBRyxJQUFJLENBQUMsUUFBUSxDQUFDLENBQUMsQ0FBQyxDQUFDO1FBQzlCLElBQUksQ0FBQyxFQUFFLEdBQUcsSUFBSSxDQUFDLEVBQUUsQ0FBQztRQUNsQixJQUFJLENBQUMsV0FBVyxHQUFHLElBQUksQ0FBQyxXQUFXLENBQUM7UUFDcEMsSUFBSSxDQUFDLElBQUksR0FBRyxJQUFJLENBQUMsSUFBSSxDQUFDO0lBQ3hCLENBQUM7SUFFRCxPQUFPLENBQUMsRUFBVTtRQUNoQixJQUFJLENBQUMsT0FBTyxDQUFDLElBQUksQ0FBQyxFQUFFLENBQUMsQ0FBQztJQUN4QixDQUFDOztpSEFsQlUsbUJBQW1CO3FHQUFuQixtQkFBbUIsMkhDZGhDLHlyQkFvQk07NEZETk8sbUJBQW1CO2tCQU4vQixTQUFTOytCQUNFLGtCQUFrQjs4QkFNbkIsUUFBUTtzQkFBaEIsS0FBSztnQkFDSSxPQUFPO3NCQUFoQixNQUFNIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBFdmVudEVtaXR0ZXIsIElucHV0LCBPdXRwdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuZXhwb3J0IGludGVyZmFjZSBSZXBvcnRJdGVtIHtcbiAgaWQ6IHN0cmluZztcbiAgaWNvbjogc3RyaW5nO1xuICBkZXNjcmlwdGlvbjogc3RyaW5nO1xufVxuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdtYXBhLXJlcG9ydC1pdGVtJyxcbiAgdGVtcGxhdGVVcmw6ICcuL3JlcG9ydC1pdGVtLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vcmVwb3J0LWl0ZW0uY29tcG9uZW50LnNjc3MnXVxufSlcblxuZXhwb3J0IGNsYXNzIFJlcG9ydEl0ZW1Db21wb25lbnQge1xuICBASW5wdXQoKSBpdGVtRGF0YTogYW55O1xuICBAT3V0cHV0KCkgY2xpY2tlZDogRXZlbnRFbWl0dGVyPHN0cmluZz4gPSBuZXcgRXZlbnRFbWl0dGVyPHN0cmluZz4oKTtcbiAgXG4gIGlkOiBzdHJpbmcgPSBcIlwiO1xuICBkZXNjcmlwdGlvbjogc3RyaW5nID0gXCJcIjtcbiAgaWNvbjogc3RyaW5nID0gXCJcIjtcblxuXG4gIG5nT25Jbml0KCkge1xuICAgIGNvbnN0IGRhdGEgPSB0aGlzLml0ZW1EYXRhWzBdO1xuICAgIHRoaXMuaWQgPSBkYXRhLmlkO1xuICAgIHRoaXMuZGVzY3JpcHRpb24gPSBkYXRhLmRlc2NyaXB0aW9uO1xuICAgIHRoaXMuaWNvbiA9IGRhdGEuaWNvbjtcbiAgfVxuXG4gIG9uQ2xpY2soaWQ6IHN0cmluZyk6IHZvaWQge1xuICAgIHRoaXMuY2xpY2tlZC5lbWl0KGlkKTtcbiAgfVxufVxuIiwiPGRpdiBjbGFzcz1cInJlcG9ydC1pdGVtXCI+XG4gICAgPGRpdiBjbGFzcz1cInJlcG9ydC1pY29uXCI+XG4gICAgICAgIDxtYXQtaWNvbiBjbGFzcz1cIm1hdGVyaWFsLWljb25zXCI+e3sgaWNvbiB9fTwvbWF0LWljb24+XG4gICAgPC9kaXY+XG4gICAgPGRpdiBjbGFzcz1cInJlcG9ydC10ZXh0XCI+XG4gICAgICAgIDxoMT4gICAgXG4gICAgICAgICAgICB7eyBkZXNjcmlwdGlvbiB9fVxuICAgICAgICA8L2gxPlxuICAgIDwvZGl2PlxuICAgIDxkaXYgY2xhc3M9XCJyZXBvcnQtYnV0dG9uXCI+XG4gICAgICAgIDxkaXYgY2xhc3M9XCJyZXBvcnQtY2lyY2xlXCI+XG4gICAgICAgICAgICA8bWF0LWljb24gW21hdE1lbnVUcmlnZ2VyRm9yXT1cIm1lbnVcIj5tb3JlX3ZlcnQ8L21hdC1pY29uPlxuICAgICAgICAgICAgICA8bWF0LW1lbnUgI21lbnU9XCJtYXRNZW51XCI+XG4gICAgICAgICAgICAgICAgPGJ1dHRvbiBtYXQtbWVudS1pdGVtIChjbGljayk9XCJvbkNsaWNrKGlkKVwiPlxuICAgICAgICAgICAgICAgICAgICA8bWF0LWljb24+ZGVsZXRlX291dGxpbmU8L21hdC1pY29uPlxuICAgICAgICAgICAgICAgICAgICA8c3Bhbj5EZXNjYXJ0YXI8L3NwYW4+XG4gICAgICAgICAgICAgICAgPC9idXR0b24+XG4gICAgICAgICAgICAgIDwvbWF0LW1lbnU+XG4gICAgICAgIDwvZGl2PiBcbiAgICA8L2Rpdj4gXG48L2Rpdj4iXX0=
|
|
@@ -14,10 +14,10 @@ class ButtonIconComponent {
|
|
|
14
14
|
}
|
|
15
15
|
}
|
|
16
16
|
ButtonIconComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ButtonIconComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
17
|
-
ButtonIconComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: ButtonIconComponent, selector: "mapa-button-icon", inputs: { data: "data" }, outputs: { clicked: "clicked" }, ngImport: i0, template: "<div class=\"button-icon\" id=\"componentes\" *ngIf=\"data\">\n <div class=\"template-icon\">\n <mat-icon class=\"material-icons\">{{ data.icon }}</mat-icon>\n </div>\n <div class=\"template-title\">\n {{ data.description }}\n
|
|
17
|
+
ButtonIconComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: ButtonIconComponent, selector: "mapa-button-icon", inputs: { data: "data" }, outputs: { clicked: "clicked" }, ngImport: i0, template: "<div class=\"button-icon\" id=\"componentes\" *ngIf=\"data\">\n <div class=\"template-icon\">\n <mat-icon class=\"material-icons\">{{ data.icon }}</mat-icon>\n </div>\n <div class=\"template-title\">\n {{ data.description }}\n </div>\n <div class=\"preview\" (click)=\"onClick(data)\">\n Preview\n </div>\n</div>\n", styles: [".button-icon{font-family:SF-Pro;display:inline-flex;margin:10px;height:50px;background:#fff;border:solid 1px #ccc;color:#000000de;cursor:move;font-size:16px;font-weight:400;border-radius:8px}.button-icon .inline-flex{display:inline-flex}.button-icon .descricao{padding-top:20px}.button-icon .align_text{margin-left:10px}.button-icon .template-icon{margin-right:10px;padding:10px 12px 12px;border-radius:8px 0 0 8px;background-color:#fdefea}.button-icon .template-icon .mat-icon{color:#ea561d;font-size:2em;width:40px;height:40px}.button-icon .template-title{display:flex;align-items:center;overflow:hidden}.button-icon .preview{cursor:pointer;padding:4px 10px 10px;font-weight:400;margin:12px;border-left:1px solid #CDCDCD}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }] });
|
|
18
18
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ButtonIconComponent, decorators: [{
|
|
19
19
|
type: Component,
|
|
20
|
-
args: [{ selector: "mapa-button-icon", template: "<div class=\"button-icon\" id=\"componentes\" *ngIf=\"data\">\n <div class=\"template-icon\">\n <mat-icon class=\"material-icons\">{{ data.icon }}</mat-icon>\n </div>\n <div class=\"template-title\">\n {{ data.description }}\n
|
|
20
|
+
args: [{ selector: "mapa-button-icon", template: "<div class=\"button-icon\" id=\"componentes\" *ngIf=\"data\">\n <div class=\"template-icon\">\n <mat-icon class=\"material-icons\">{{ data.icon }}</mat-icon>\n </div>\n <div class=\"template-title\">\n {{ data.description }}\n </div>\n <div class=\"preview\" (click)=\"onClick(data)\">\n Preview\n </div>\n</div>\n", styles: [".button-icon{font-family:SF-Pro;display:inline-flex;margin:10px;height:50px;background:#fff;border:solid 1px #ccc;color:#000000de;cursor:move;font-size:16px;font-weight:400;border-radius:8px}.button-icon .inline-flex{display:inline-flex}.button-icon .descricao{padding-top:20px}.button-icon .align_text{margin-left:10px}.button-icon .template-icon{margin-right:10px;padding:10px 12px 12px;border-radius:8px 0 0 8px;background-color:#fdefea}.button-icon .template-icon .mat-icon{color:#ea561d;font-size:2em;width:40px;height:40px}.button-icon .template-title{display:flex;align-items:center;overflow:hidden}.button-icon .preview{cursor:pointer;padding:4px 10px 10px;font-weight:400;margin:12px;border-left:1px solid #CDCDCD}\n"] }]
|
|
21
21
|
}], propDecorators: { data: [{
|
|
22
22
|
type: Input
|
|
23
23
|
}], clicked: [{
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"mapa-library-ui-src-lib-components-button-icon.mjs","sources":["../../../projects/mapa-library-ui/src/lib/components/button-icon/src/button-icon.component.ts","../../../projects/mapa-library-ui/src/lib/components/button-icon/src/button-icon.component.html","../../../projects/mapa-library-ui/src/lib/components/button-icon/src/button-icon.module.ts","../../../projects/mapa-library-ui/src/lib/components/button-icon/public-api.ts","../../../projects/mapa-library-ui/src/button-icon.ts","../../../projects/mapa-library-ui/src/mapa-library-ui-src-lib-components-button-icon.ts"],"sourcesContent":["import { Component, EventEmitter, Input, Output } from \"@angular/core\";\nimport { ButtonIcon } from \"../../../core/interfaces/button-icon.interface\";\n\n@Component({\n selector: \"mapa-button-icon\",\n templateUrl: \"./button-icon.component.html\",\n styleUrls: [\"./button-icon.component.scss\"],\n})\nexport class ButtonIconComponent {\n @Input() data!: ButtonIcon;\n @Output() clicked: EventEmitter<ButtonIcon> = new EventEmitter<ButtonIcon>();\n\n onClick(data: ButtonIcon): void {\n this.clicked.emit(data);\n }\n}\n","<div class=\"button-icon\" id=\"componentes\" *ngIf=\"data\">\n <div class=\"template-icon\">\n <mat-icon class=\"material-icons\">{{ data.icon }}</mat-icon>\n </div>\n <div class=\"template-title\">\n {{ data.description }}\n
|
|
1
|
+
{"version":3,"file":"mapa-library-ui-src-lib-components-button-icon.mjs","sources":["../../../projects/mapa-library-ui/src/lib/components/button-icon/src/button-icon.component.ts","../../../projects/mapa-library-ui/src/lib/components/button-icon/src/button-icon.component.html","../../../projects/mapa-library-ui/src/lib/components/button-icon/src/button-icon.module.ts","../../../projects/mapa-library-ui/src/lib/components/button-icon/public-api.ts","../../../projects/mapa-library-ui/src/button-icon.ts","../../../projects/mapa-library-ui/src/mapa-library-ui-src-lib-components-button-icon.ts"],"sourcesContent":["import { Component, EventEmitter, Input, Output } from \"@angular/core\";\nimport { ButtonIcon } from \"../../../core/interfaces/button-icon.interface\";\n\n@Component({\n selector: \"mapa-button-icon\",\n templateUrl: \"./button-icon.component.html\",\n styleUrls: [\"./button-icon.component.scss\"],\n})\nexport class ButtonIconComponent {\n @Input() data!: ButtonIcon;\n @Output() clicked: EventEmitter<ButtonIcon> = new EventEmitter<ButtonIcon>();\n\n onClick(data: ButtonIcon): void {\n this.clicked.emit(data);\n }\n}\n","<div class=\"button-icon\" id=\"componentes\" *ngIf=\"data\">\n <div class=\"template-icon\">\n <mat-icon class=\"material-icons\">{{ data.icon }}</mat-icon>\n </div>\n <div class=\"template-title\">\n {{ data.description }}\n </div>\n <div class=\"preview\" (click)=\"onClick(data)\">\n Preview\n </div>\n</div>\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { ButtonIconComponent } from './button-icon.component';\nimport { MatIconModule } from '@angular/material/icon';\n\n\n\n@NgModule({\n declarations: [\n ButtonIconComponent\n ],\n imports: [\n CommonModule,\n MatIconModule\n ],\n exports: [\n ButtonIconComponent\n ]\n})\nexport class MapaButtonIconModule { }\n","/*\n * Public API Surface of mapa-library-ui button-icon\n */\n\nexport * from '../button-icon/src/button-icon.component';\nexport * from '../button-icon/src/button-icon.module';\n","/*\n * Public API Surface of mapa-library-ui button-icon\n */\n\nexport * from './lib/components/button-icon/public-api';\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './button-icon';\n"],"names":[],"mappings":";;;;;;;MAQa,mBAAmB,CAAA;AALhC,IAAA,WAAA,GAAA;AAOY,QAAA,IAAA,CAAA,OAAO,GAA6B,IAAI,YAAY,EAAc,CAAC;KAK9E;AAHC,IAAA,OAAO,CAAC,IAAgB,EAAA;AACtB,QAAA,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;KACzB;;iHANU,mBAAmB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAAnB,mBAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,mBAAmB,mHCRhC,2UAWA,EAAA,MAAA,EAAA,CAAA,utBAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,IAAA,EAAA,QAAA,EAAA,QAAA,EAAA,MAAA,EAAA,CAAA,MAAA,EAAA,UAAA,EAAA,UAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,OAAA,EAAA,QAAA,EAAA,UAAA,EAAA,MAAA,EAAA,CAAA,OAAA,EAAA,QAAA,EAAA,SAAA,EAAA,SAAA,EAAA,UAAA,CAAA,EAAA,QAAA,EAAA,CAAA,SAAA,CAAA,EAAA,CAAA,EAAA,CAAA,CAAA;4FDHa,mBAAmB,EAAA,UAAA,EAAA,CAAA;kBAL/B,SAAS;+BACE,kBAAkB,EAAA,QAAA,EAAA,2UAAA,EAAA,MAAA,EAAA,CAAA,utBAAA,CAAA,EAAA,CAAA;8BAKnB,IAAI,EAAA,CAAA;sBAAZ,KAAK;gBACI,OAAO,EAAA,CAAA;sBAAhB,MAAM;;;MESI,oBAAoB,CAAA;;kHAApB,oBAAoB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA,CAAA;mHAApB,oBAAoB,EAAA,YAAA,EAAA,CAV7B,mBAAmB,CAAA,EAAA,OAAA,EAAA,CAGnB,YAAY;QACZ,aAAa,aAGb,mBAAmB,CAAA,EAAA,CAAA,CAAA;AAGV,oBAAA,CAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,oBAAoB,YAP7B,YAAY;QACZ,aAAa,CAAA,EAAA,CAAA,CAAA;4FAMJ,oBAAoB,EAAA,UAAA,EAAA,CAAA;kBAZhC,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;AACR,oBAAA,YAAY,EAAE;wBACZ,mBAAmB;AACpB,qBAAA;AACD,oBAAA,OAAO,EAAE;wBACP,YAAY;wBACZ,aAAa;AACd,qBAAA;AACD,oBAAA,OAAO,EAAE;wBACP,mBAAmB;AACpB,qBAAA;iBACF,CAAA;;;AClBD;;AAEG;;ACFH;;AAEG;;ACFH;;AAEG;;;;"}
|