mapa-library-ui 0.8.0 → 0.8.1
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/core/interfaces/button-icon.interface.mjs +1 -1
- 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-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-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.8.1.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/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==
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
export {};
|
|
2
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
2
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYnV0dG9uLWljb24uaW50ZXJmYWNlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbWFwYS1saWJyYXJ5LXVpL3NyYy9saWIvY29yZS9pbnRlcmZhY2VzL2J1dHRvbi1pY29uLmludGVyZmFjZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiIiwic291cmNlc0NvbnRlbnQiOlsiZXhwb3J0IGludGVyZmFjZSBCdXR0b25JY29uIHtcbiAgaWQ6IG51bWJlcjtcbiAgaWNvbjogc3RyaW5nO1xuICBkZXNjcmlwdGlvbjogc3RyaW5nO1xuICBvcmlnaW5MaXN0Pzogc3RyaW5nO1xufSJdfQ==
|
|
@@ -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;;;;"}
|
|
@@ -12,24 +12,22 @@ class ReportItemComponent {
|
|
|
12
12
|
this.id = "";
|
|
13
13
|
this.description = "";
|
|
14
14
|
this.icon = "";
|
|
15
|
-
this.objectData = "";
|
|
16
15
|
}
|
|
17
16
|
ngOnInit() {
|
|
18
17
|
const data = this.itemData[0];
|
|
19
18
|
this.id = data.id;
|
|
20
19
|
this.description = data.description;
|
|
21
20
|
this.icon = data.icon;
|
|
22
|
-
this.objectData = data.objectData;
|
|
23
21
|
}
|
|
24
22
|
onClick(id) {
|
|
25
23
|
this.clicked.emit(id);
|
|
26
24
|
}
|
|
27
25
|
}
|
|
28
26
|
ReportItemComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ReportItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
29
|
-
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
|
|
27
|
+
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"] }] });
|
|
30
28
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ReportItemComponent, decorators: [{
|
|
31
29
|
type: Component,
|
|
32
|
-
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
|
|
30
|
+
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"] }]
|
|
33
31
|
}], propDecorators: { itemData: [{
|
|
34
32
|
type: Input
|
|
35
33
|
}], clicked: [{
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"mapa-library-ui-src-lib-components-report-item.mjs","sources":["../../../projects/mapa-library-ui/src/lib/components/report-item/src/report-item.component.ts","../../../projects/mapa-library-ui/src/lib/components/report-item/src/report-item.component.html","../../../projects/mapa-library-ui/src/lib/components/report-item/src/report-item.module.ts","../../../projects/mapa-library-ui/src/lib/components/report-item/public-api.ts","../../../projects/mapa-library-ui/src/lib/components/report-item/mapa-library-ui-src-lib-components-report-item.ts"],"sourcesContent":["import { Component, EventEmitter, Input, Output } from '@angular/core';\n\nexport interface ReportItem {\n id: string;\n icon: string;\n description: string;\n
|
|
1
|
+
{"version":3,"file":"mapa-library-ui-src-lib-components-report-item.mjs","sources":["../../../projects/mapa-library-ui/src/lib/components/report-item/src/report-item.component.ts","../../../projects/mapa-library-ui/src/lib/components/report-item/src/report-item.component.html","../../../projects/mapa-library-ui/src/lib/components/report-item/src/report-item.module.ts","../../../projects/mapa-library-ui/src/lib/components/report-item/public-api.ts","../../../projects/mapa-library-ui/src/lib/components/report-item/mapa-library-ui-src-lib-components-report-item.ts"],"sourcesContent":["import { Component, EventEmitter, Input, Output } from '@angular/core';\n\nexport interface ReportItem {\n id: string;\n icon: string;\n description: string;\n}\n\n@Component({\n selector: 'mapa-report-item',\n templateUrl: './report-item.component.html',\n styleUrls: ['./report-item.component.scss']\n})\n\nexport class ReportItemComponent {\n @Input() itemData: any;\n @Output() clicked: EventEmitter<string> = new EventEmitter<string>();\n \n id: string = \"\";\n description: string = \"\";\n icon: string = \"\";\n\n\n ngOnInit() {\n const data = this.itemData[0];\n this.id = data.id;\n this.description = data.description;\n this.icon = data.icon;\n }\n\n onClick(id: string): void {\n this.clicked.emit(id);\n }\n}\n","<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>","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { ReportItemComponent } from './report-item.component';\nimport { MatIconModule } from '@angular/material/icon';\nimport { MatMenuModule } from '@angular/material/menu';\n\n\n\n@NgModule({\n declarations: [\n ReportItemComponent\n ],\n imports: [\n CommonModule,\n MatIconModule,\n MatMenuModule\n ],\n exports: [\n ReportItemComponent\n ]\n})\nexport class MapaReportItemModule { }\n","/*\n * Public API Surface of mapa-library-ui input\n */\n\nexport * from './src/report-item.component';\nexport * from './src/report-item.module';","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}
|
|
@@ -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;AAK9E,KAAA;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;AACZ,QAAA,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;AACF,iBAAA,CAAA;;;AClBD;;AAEG;;ACFH;;AAEG;;ACFH;;AAEG;;;;"}
|
|
@@ -12,24 +12,22 @@ class ReportItemComponent {
|
|
|
12
12
|
this.id = "";
|
|
13
13
|
this.description = "";
|
|
14
14
|
this.icon = "";
|
|
15
|
-
this.objectData = "";
|
|
16
15
|
}
|
|
17
16
|
ngOnInit() {
|
|
18
17
|
const data = this.itemData[0];
|
|
19
18
|
this.id = data.id;
|
|
20
19
|
this.description = data.description;
|
|
21
20
|
this.icon = data.icon;
|
|
22
|
-
this.objectData = data.objectData;
|
|
23
21
|
}
|
|
24
22
|
onClick(id) {
|
|
25
23
|
this.clicked.emit(id);
|
|
26
24
|
}
|
|
27
25
|
}
|
|
28
26
|
ReportItemComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ReportItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
29
|
-
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
|
|
27
|
+
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"] }] });
|
|
30
28
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ReportItemComponent, decorators: [{
|
|
31
29
|
type: Component,
|
|
32
|
-
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
|
|
30
|
+
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"] }]
|
|
33
31
|
}], propDecorators: { itemData: [{
|
|
34
32
|
type: Input
|
|
35
33
|
}], clicked: [{
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"mapa-library-ui-src-lib-components-report-item.mjs","sources":["../../../projects/mapa-library-ui/src/lib/components/report-item/src/report-item.component.ts","../../../projects/mapa-library-ui/src/lib/components/report-item/src/report-item.component.html","../../../projects/mapa-library-ui/src/lib/components/report-item/src/report-item.module.ts","../../../projects/mapa-library-ui/src/lib/components/report-item/public-api.ts","../../../projects/mapa-library-ui/src/lib/components/report-item/mapa-library-ui-src-lib-components-report-item.ts"],"sourcesContent":["import { Component, EventEmitter, Input, Output } from '@angular/core';\n\nexport interface ReportItem {\n id: string;\n icon: string;\n description: string;\n
|
|
1
|
+
{"version":3,"file":"mapa-library-ui-src-lib-components-report-item.mjs","sources":["../../../projects/mapa-library-ui/src/lib/components/report-item/src/report-item.component.ts","../../../projects/mapa-library-ui/src/lib/components/report-item/src/report-item.component.html","../../../projects/mapa-library-ui/src/lib/components/report-item/src/report-item.module.ts","../../../projects/mapa-library-ui/src/lib/components/report-item/public-api.ts","../../../projects/mapa-library-ui/src/lib/components/report-item/mapa-library-ui-src-lib-components-report-item.ts"],"sourcesContent":["import { Component, EventEmitter, Input, Output } from '@angular/core';\n\nexport interface ReportItem {\n id: string;\n icon: string;\n description: string;\n}\n\n@Component({\n selector: 'mapa-report-item',\n templateUrl: './report-item.component.html',\n styleUrls: ['./report-item.component.scss']\n})\n\nexport class ReportItemComponent {\n @Input() itemData: any;\n @Output() clicked: EventEmitter<string> = new EventEmitter<string>();\n \n id: string = \"\";\n description: string = \"\";\n icon: string = \"\";\n\n\n ngOnInit() {\n const data = this.itemData[0];\n this.id = data.id;\n this.description = data.description;\n this.icon = data.icon;\n }\n\n onClick(id: string): void {\n this.clicked.emit(id);\n }\n}\n","<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>","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { ReportItemComponent } from './report-item.component';\nimport { MatIconModule } from '@angular/material/icon';\nimport { MatMenuModule } from '@angular/material/menu';\n\n\n\n@NgModule({\n declarations: [\n ReportItemComponent\n ],\n imports: [\n CommonModule,\n MatIconModule,\n MatMenuModule\n ],\n exports: [\n ReportItemComponent\n ]\n})\nexport class MapaReportItemModule { }\n","/*\n * Public API Surface of mapa-library-ui input\n */\n\nexport * from './src/report-item.component';\nexport * from './src/report-item.module';","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;;;;;;;MAca,mBAAmB,CAAA;AANhC,IAAA,WAAA,GAAA;AAQY,QAAA,IAAA,CAAA,OAAO,GAAyB,IAAI,YAAY,EAAU,CAAC;QAErE,IAAE,CAAA,EAAA,GAAW,EAAE,CAAC;QAChB,IAAW,CAAA,WAAA,GAAW,EAAE,CAAC;QACzB,IAAI,CAAA,IAAA,GAAW,EAAE,CAAC;AAanB,KAAA;IAVC,QAAQ,GAAA;QACN,MAAM,IAAI,GAAG,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC;AAC9B,QAAA,IAAI,CAAC,EAAE,GAAG,IAAI,CAAC,EAAE,CAAC;AAClB,QAAA,IAAI,CAAC,WAAW,GAAG,IAAI,CAAC,WAAW,CAAC;AACpC,QAAA,IAAI,CAAC,IAAI,GAAG,IAAI,CAAC,IAAI,CAAC;KACvB;AAED,IAAA,OAAO,CAAC,EAAU,EAAA;AAChB,QAAA,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;KACvB;;iHAlBU,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,2HCdhC,yrBAoBM,EAAA,MAAA,EAAA,CAAA,o/BAAA,CAAA,EAAA,YAAA,EAAA,CAAA,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,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,OAAA,EAAA,QAAA,EAAA,UAAA,EAAA,QAAA,EAAA,CAAA,SAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,WAAA,EAAA,QAAA,EAAA,iBAAA,EAAA,MAAA,EAAA,CAAA,UAAA,EAAA,eAAA,EAAA,MAAA,CAAA,EAAA,QAAA,EAAA,CAAA,aAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,cAAA,EAAA,QAAA,EAAA,6CAAA,EAAA,QAAA,EAAA,CAAA,gBAAA,CAAA,EAAA,CAAA,EAAA,CAAA,CAAA;4FDNO,mBAAmB,EAAA,UAAA,EAAA,CAAA;kBAN/B,SAAS;+BACE,kBAAkB,EAAA,QAAA,EAAA,yrBAAA,EAAA,MAAA,EAAA,CAAA,o/BAAA,CAAA,EAAA,CAAA;8BAMnB,QAAQ,EAAA,CAAA;sBAAhB,KAAK;gBACI,OAAO,EAAA,CAAA;sBAAhB,MAAM;;;MEKI,oBAAoB,CAAA;;kHAApB,oBAAoB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA,CAAA;mHAApB,oBAAoB,EAAA,YAAA,EAAA,CAX7B,mBAAmB,CAAA,EAAA,OAAA,EAAA,CAGnB,YAAY;QACZ,aAAa;AACb,QAAA,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,YAR7B,YAAY;QACZ,aAAa;QACb,aAAa,CAAA,EAAA,CAAA,CAAA;4FAMJ,oBAAoB,EAAA,UAAA,EAAA,CAAA;kBAbhC,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;AACR,oBAAA,YAAY,EAAE;wBACZ,mBAAmB;AACpB,qBAAA;AACD,oBAAA,OAAO,EAAE;wBACP,YAAY;wBACZ,aAAa;wBACb,aAAa;AACd,qBAAA;AACD,oBAAA,OAAO,EAAE;wBACP,mBAAmB;AACpB,qBAAA;AACF,iBAAA,CAAA;;;ACpBD;;AAEG;;ACFH;;AAEG;;;;"}
|
|
Binary file
|
package/package.json
CHANGED
|
@@ -4,7 +4,6 @@ export interface ReportItem {
|
|
|
4
4
|
id: string;
|
|
5
5
|
icon: string;
|
|
6
6
|
description: string;
|
|
7
|
-
objectData: string;
|
|
8
7
|
}
|
|
9
8
|
export declare class ReportItemComponent {
|
|
10
9
|
itemData: any;
|
|
@@ -12,7 +11,6 @@ export declare class ReportItemComponent {
|
|
|
12
11
|
id: string;
|
|
13
12
|
description: string;
|
|
14
13
|
icon: string;
|
|
15
|
-
objectData: string;
|
|
16
14
|
ngOnInit(): void;
|
|
17
15
|
onClick(id: string): void;
|
|
18
16
|
static ɵfac: i0.ɵɵFactoryDeclaration<ReportItemComponent, never>;
|
|
Binary file
|