npm - mapa-library-ui - Versions diffs - 0.76.0 → 0.77.0 - Mend

mapa-library-ui 0.76.0 → 0.77.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.

Files changed (23) hide show

package/fesm2015/mapa-library-ui-src-lib-components-dialog.mjs CHANGED Viewed

@@ -118,10 +118,10 @@ class MapaDialogComponent {
     }
 }
 MapaDialogComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: MapaDialogComponent, deps: [{ token: MAT_DIALOG_DATA }, { token: i1$1.MatDialogRef }, { token: i2.DomSanitizer }], target: i0.ɵɵFactoryTarget.Component });
-MapaDialogComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: MapaDialogComponent, selector: "mapa-dialog", inputs: { isReportRegistration: "isReportRegistration" }, outputs: { dataEmitter: "dataEmitter" }, ngImport: i0, template: "<div class=\"mapa-dialog\">\n  <div class=\"dialog-icon\">\n    <mat-icon (click)=\"close()\">close</mat-icon>\n  </div> \n  <mat-dialog-content>\n    <img *ngIf=\"imgBase64\" [src]=\"imgBase64\" />\n    <h2>\n      {{ dialogData.title }}\n    </h2>\n    <p [innerHTML]=\"htmlDescription\"></p>\n  </mat-dialog-content>\n  <div *ngIf=\"dialogData.isReportRegistration\">\n    <mapa-button color=\"accent\" (click)=\"emitData()\">\n      {{ dialogData.button }}\n    </mapa-button>\n  </div>\n  <mat-dialog-actions *ngIf=\"!dialogData.isReportRegistration\">\n    <mapa-button color=\"basic\" (click)=\"close()\" *ngIf=\"dialogData.actions.close\">\n      {{ dialogData.actions.close }}\n    </mapa-button>\n    <mapa-button color=\"primary\" (click)=\"save()\" *ngIf=\"dialogData.actions.save\">\n      {{ dialogData.actions.save }}\n    </mapa-button>\n  </mat-dialog-actions>\n</div>\n", styles: [".mapa-dialog{margin:-24px;background-color:#f6f7f7!important;border-radius:8px!important;padding:42px!important;width:787px!important}.mapa-dialog .dialog-icon{display:flex;width:100%;margin-left:97%}.mapa-dialog .mat-icon{cursor:pointer;display:flex;position:relative;align-self:flex-end}.mapa-dialog h2{color:#181818;font-family:Inter,Arial,Helvetica,sans-serif;font-size:24px;font-style:normal;font-weight:400;line-height:32px}.mapa-dialog img{padding:39px 11px;width:100%;border-radius:8px;border:1px solid #CDCDCD;background:#FFF;margin:30px 0}.mapa-dialog p{color:#50575e;font-family:Inter,Arial,Helvetica,sans-serif;font-size:16px;font-style:normal;font-weight:500;line-height:28px}.mapa-dialog .mat-dialog-actions{justify-content:end}\n"], dependencies: [{ kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i4.ButtonComponent, selector: "mapa-button", inputs: ["color", "disabled"], outputs: ["clicked"] }, { kind: "directive", type: i1$1.MatDialogContent, selector: "[mat-dialog-content], mat-dialog-content, [matDialogContent]" }, { kind: "directive", type: i1$1.MatDialogActions, selector: "[mat-dialog-actions], mat-dialog-actions, [matDialogActions]", inputs: ["align"] }, { kind: "component", type: i1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }] });
+MapaDialogComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: MapaDialogComponent, selector: "mapa-dialog", inputs: { isReportRegistration: "isReportRegistration" }, outputs: { dataEmitter: "dataEmitter" }, ngImport: i0, template: "<div class=\"mapa-dialog\">\n  <div class=\"dialog-icon\">\n    <mat-icon (click)=\"close()\">close</mat-icon>\n  </div> \n  <mat-dialog-content>\n    <img *ngIf=\"imgBase64\" [src]=\"imgBase64\" />\n    <h2>\n      {{ dialogData.title }}\n    </h2>\n    <p [innerHTML]=\"htmlDescription\"></p>\n  </mat-dialog-content>\n  <div *ngIf=\"dialogData.isReportRegistration\">\n    <mapa-button color=\"accent\" (click)=\"emitData()\">\n      {{ dialogData.button }}\n    </mapa-button>\n  </div>\n  <mat-dialog-actions *ngIf=\"!dialogData.isReportRegistration\">\n    <mapa-button color=\"basic\" (click)=\"close()\" *ngIf=\"dialogData.actions.close\">\n      {{ dialogData.actions.close }}\n    </mapa-button>\n    <mapa-button color=\"primary\" (click)=\"save()\" *ngIf=\"dialogData.actions.save\">\n      {{ dialogData.actions.save }}\n    </mapa-button>\n  </mat-dialog-actions>\n</div>\n", styles: [".mapa-dialog{margin:-24px;background-color:#f6f7f7!important;border-radius:8px!important;padding:42px!important}.mapa-dialog .dialog-icon{display:flex;margin-left:95%}.mapa-dialog .mat-icon{cursor:pointer;display:flex;position:relative;align-self:flex-end}.mapa-dialog h2{color:#181818;font-family:Inter,Arial,Helvetica,sans-serif;font-size:24px;font-style:normal;font-weight:400;line-height:32px}.mapa-dialog img{padding:39px 11px;width:100%;border-radius:8px;border:1px solid #CDCDCD;background:#FFF;margin:30px 0}.mapa-dialog p{color:#50575e;font-family:Inter,Arial,Helvetica,sans-serif;font-size:16px;font-style:normal;font-weight:500;line-height:28px}.mapa-dialog .mat-dialog-actions{justify-content:end}\n"], dependencies: [{ kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i4.ButtonComponent, selector: "mapa-button", inputs: ["color", "disabled"], outputs: ["clicked"] }, { kind: "directive", type: i1$1.MatDialogContent, selector: "[mat-dialog-content], mat-dialog-content, [matDialogContent]" }, { kind: "directive", type: i1$1.MatDialogActions, selector: "[mat-dialog-actions], mat-dialog-actions, [matDialogActions]", inputs: ["align"] }, { kind: "component", type: i1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: MapaDialogComponent, decorators: [{
             type: Component,
-            args: [{ selector: "mapa-dialog", template: "<div class=\"mapa-dialog\">\n  <div class=\"dialog-icon\">\n    <mat-icon (click)=\"close()\">close</mat-icon>\n  </div> \n  <mat-dialog-content>\n    <img *ngIf=\"imgBase64\" [src]=\"imgBase64\" />\n    <h2>\n      {{ dialogData.title }}\n    </h2>\n    <p [innerHTML]=\"htmlDescription\"></p>\n  </mat-dialog-content>\n  <div *ngIf=\"dialogData.isReportRegistration\">\n    <mapa-button color=\"accent\" (click)=\"emitData()\">\n      {{ dialogData.button }}\n    </mapa-button>\n  </div>\n  <mat-dialog-actions *ngIf=\"!dialogData.isReportRegistration\">\n    <mapa-button color=\"basic\" (click)=\"close()\" *ngIf=\"dialogData.actions.close\">\n      {{ dialogData.actions.close }}\n    </mapa-button>\n    <mapa-button color=\"primary\" (click)=\"save()\" *ngIf=\"dialogData.actions.save\">\n      {{ dialogData.actions.save }}\n    </mapa-button>\n  </mat-dialog-actions>\n</div>\n", styles: [".mapa-dialog{margin:-24px;background-color:#f6f7f7!important;border-radius:8px!important;padding:42px!important;width:787px!important}.mapa-dialog .dialog-icon{display:flex;width:100%;margin-left:97%}.mapa-dialog .mat-icon{cursor:pointer;display:flex;position:relative;align-self:flex-end}.mapa-dialog h2{color:#181818;font-family:Inter,Arial,Helvetica,sans-serif;font-size:24px;font-style:normal;font-weight:400;line-height:32px}.mapa-dialog img{padding:39px 11px;width:100%;border-radius:8px;border:1px solid #CDCDCD;background:#FFF;margin:30px 0}.mapa-dialog p{color:#50575e;font-family:Inter,Arial,Helvetica,sans-serif;font-size:16px;font-style:normal;font-weight:500;line-height:28px}.mapa-dialog .mat-dialog-actions{justify-content:end}\n"] }]
+            args: [{ selector: "mapa-dialog", template: "<div class=\"mapa-dialog\">\n  <div class=\"dialog-icon\">\n    <mat-icon (click)=\"close()\">close</mat-icon>\n  </div> \n  <mat-dialog-content>\n    <img *ngIf=\"imgBase64\" [src]=\"imgBase64\" />\n    <h2>\n      {{ dialogData.title }}\n    </h2>\n    <p [innerHTML]=\"htmlDescription\"></p>\n  </mat-dialog-content>\n  <div *ngIf=\"dialogData.isReportRegistration\">\n    <mapa-button color=\"accent\" (click)=\"emitData()\">\n      {{ dialogData.button }}\n    </mapa-button>\n  </div>\n  <mat-dialog-actions *ngIf=\"!dialogData.isReportRegistration\">\n    <mapa-button color=\"basic\" (click)=\"close()\" *ngIf=\"dialogData.actions.close\">\n      {{ dialogData.actions.close }}\n    </mapa-button>\n    <mapa-button color=\"primary\" (click)=\"save()\" *ngIf=\"dialogData.actions.save\">\n      {{ dialogData.actions.save }}\n    </mapa-button>\n  </mat-dialog-actions>\n</div>\n", styles: [".mapa-dialog{margin:-24px;background-color:#f6f7f7!important;border-radius:8px!important;padding:42px!important}.mapa-dialog .dialog-icon{display:flex;margin-left:95%}.mapa-dialog .mat-icon{cursor:pointer;display:flex;position:relative;align-self:flex-end}.mapa-dialog h2{color:#181818;font-family:Inter,Arial,Helvetica,sans-serif;font-size:24px;font-style:normal;font-weight:400;line-height:32px}.mapa-dialog img{padding:39px 11px;width:100%;border-radius:8px;border:1px solid #CDCDCD;background:#FFF;margin:30px 0}.mapa-dialog p{color:#50575e;font-family:Inter,Arial,Helvetica,sans-serif;font-size:16px;font-style:normal;font-weight:500;line-height:28px}.mapa-dialog .mat-dialog-actions{justify-content:end}\n"] }]
         }], ctorParameters: function () {
         return [{ type: undefined, decorators: [{
                         type: Inject,
@@ -132,8 +132,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
             }], dataEmitter: [{
                 type: Output
             }] } });
-function openDialog(dialog, dialogData) {
-    const config = new MatDialogConfig();
+function openDialog(dialog, dialogData, config = new MatDialogConfig()) {
+    config.width = config.width || '787px';
     config.disableClose = true;
     config.autoFocus = true;
     config.panelClass = "icon-outside";

package/fesm2015/mapa-library-ui-src-lib-components-dialog.mjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"mapa-library-ui-src-lib-components-dialog.mjs","sources":["../../../projects/mapa-library-ui/src/lib/components/button/src/button.component.ts","../../../projects/mapa-library-ui/src/lib/components/button/src/button.component.html","../../../projects/mapa-library-ui/src/lib/components/button/src/button.module.ts","../../../projects/mapa-library-ui/src/lib/components/button/public-api.ts","../../../projects/mapa-library-ui/src/lib/components/icon/src/icon.component.ts","../../../projects/mapa-library-ui/src/lib/components/icon/src/icon.component.html","../../../projects/mapa-library-ui/src/lib/components/icon/src/icon.module.ts","../../../projects/mapa-library-ui/src/lib/components/icon/public-api.ts","../../../projects/mapa-library-ui/src/lib/components/dialog/src/dialog.component.ts","../../../projects/mapa-library-ui/src/lib/components/dialog/src/dialog.component.html","../../../projects/mapa-library-ui/src/lib/components/dialog/src/dialog.module.ts","../../../projects/mapa-library-ui/src/lib/components/dialog/public-api.ts","../../../projects/mapa-library-ui/src/dialog.ts","../../../projects/mapa-library-ui/src/mapa-library-ui-src-lib-components-dialog.ts"],"sourcesContent":["import { Component, EventEmitter, Input, Output } from '@angular/core';\n\n@Component({\n selector: 'mapa-button',\n templateUrl: './button.component.html',\n styleUrls: ['./button.component.scss']\n})\nexport class ButtonComponent {\n @Input() color: 'primary' \| 'accent' \| 'basic' \| null \| undefined;\n @Input() disabled!: boolean;\n @Output() clicked: EventEmitter<void> = new EventEmitter<void>();\n\n onClick(): void {\n this.clicked.emit();\n }\n}\n","<button\n class=\"mapa-button\"\n (click)=\"onClick()\"\n [class.primary]=\"color === 'primary'\"\n [class.accent]=\"color === 'accent'\"\n [class.basic]=\"color === 'basic'\"\n [disabled]=\"disabled\"\n>\n <ng-content></ng-content>\n</button> ","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\n\nimport { MatButtonModule } from '@angular/material/button';\n\nimport { ButtonComponent } from './button.component';\n\n@NgModule({\n declarations: [ButtonComponent],\n exports: [ButtonComponent],\n imports: [CommonModule, MatButtonModule],\n})\nexport class MapaButtonModule {}\n","/\n Public API Surface of mapa-library-ui button\n /\n\nexport from './src/button.component';\nexport * from './src/button.module';\n","import { Component, Input } from '@angular/core';\nimport { MatIconRegistry } from \"@angular/material/icon\";\nimport { DomSanitizer } from '@angular/platform-browser';\n\n@Component({\n selector: 'mapa-icon',\n templateUrl: './icon.component.html',\n styleUrls: ['./icon.component.scss']\n})\nexport class IconComponent {\n @Input() svg: string \| null \| undefined;\n\n constructor(\n private matIconRegistry: MatIconRegistry,\n private domSanitizer: DomSanitizer\n ) {}\n\n ngOnChanges(): void {\n this.registerCustomIcons(this.svg!);\n }\n\n registerCustomIcons(svg: string): void {\n this.matIconRegistry.addSvgIcon(\n svg,\n this.domSanitizer.bypassSecurityTrustResourceUrl(`../../../../assets/${svg}.svg`)\n );\n }\n}\n","<mat-icon ngIf=\"svg\" [svgIcon]=\"svg\"></mat-icon>\n<mat-icon ngIf=\"!svg\"><ng-content></ng-content></mat-icon>\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\n\nimport { MatIconModule } from '@angular/material/icon';\n\nimport { IconComponent } from './icon.component';\n\n@NgModule({\n declarations: [IconComponent],\n exports: [IconComponent],\n imports: [CommonModule, MatIconModule],\n})\nexport class MapaIconModule {}\n","/\n Public API Surface of mapa-library-ui icon\n /\n\nexport from './src/icon.component';\nexport * from './src/icon.module';","import { Component, EventEmitter, Inject, Input, Output } from \"@angular/core\";\nimport {\n MAT_DIALOG_DATA,\n MatDialog,\n MatDialogConfig,\n MatDialogRef,\n} from \"@angular/material/dialog\";\nimport { DomSanitizer, SafeHtml, SafeResourceUrl } from \"@angular/platform-browser\";\nimport { DialogData } from \"../../../core/interfaces/dialog-data.interface\";\n\n@Component({\n selector: \"mapa-dialog\",\n templateUrl: \"./dialog.component.html\",\n styleUrls: [\"./dialog.component.scss\"],\n})\nexport class MapaDialogComponent {\n @Input() isReportRegistration!: boolean;\n @Output() dataEmitter: EventEmitter<DialogData> = new EventEmitter<DialogData>();\n\n imgBase64!: SafeResourceUrl;\n isSave: boolean = false;\n dialogData!: DialogData;\n htmlDescription!: SafeHtml;\n\n constructor(\n @Inject(MAT_DIALOG_DATA) public data: any,\n private dialogRef: MatDialogRef<MapaDialogComponent>,\n private sanitizer: DomSanitizer\n ) {}\n\n ngOnInit() {\n this.dialogData = this.data.dialogData;\n if (this.dialogData.imgBase64) {\n this.imgBase64 = this.sanitizer.bypassSecurityTrustResourceUrl(\n `data:image/jpg;base64,${this.dialogData.imgBase64}`\n );\n }\n if (this.dialogData.description) {\n this.htmlDescription = this.sanitizer.bypassSecurityTrustHtml(\n this.dialogData.description\n );\n }\n }\n\n close() {\n this.dialogRef.close(this.isSave);\n }\n\n save() {\n this.isSave = true;\n this.dialogRef.close(this.isSave);\n }\n\n emitData() {\n this.dataEmitter.emit(this.dialogData);\n }\n}\n\nexport function openDialog(dialog: MatDialog, dialogData: DialogData) {\n const config = new MatDialogConfig();\n\n config.disableClose = true;\n config.autoFocus = true;\n config.panelClass = \"icon-outside\";\n config.data = {\n dialogData,\n };\n\n const dialogRef = dialog.open(MapaDialogComponent, config);\n\n return dialogRef.afterClosed();\n}\n","<div class=\"mapa-dialog\">\n <div class=\"dialog-icon\">\n <mat-icon (click)=\"close()\">close</mat-icon>\n </div> \n <mat-dialog-content>\n <img ngIf=\"imgBase64\" [src]=\"imgBase64\" />\n <h2>\n {{ dialogData.title }}\n </h2>\n <p [innerHTML]=\"htmlDescription\"></p>\n </mat-dialog-content>\n <div ngIf=\"dialogData.isReportRegistration\">\n <mapa-button color=\"accent\" (click)=\"emitData()\">\n {{ dialogData.button }}\n </mapa-button>\n </div>\n <mat-dialog-actions ngIf=\"!dialogData.isReportRegistration\">\n <mapa-button color=\"basic\" (click)=\"close()\" ngIf=\"dialogData.actions.close\">\n {{ dialogData.actions.close }}\n </mapa-button>\n <mapa-button color=\"primary\" (click)=\"save()\" ngIf=\"dialogData.actions.save\">\n {{ dialogData.actions.save }}\n </mapa-button>\n </mat-dialog-actions>\n</div>\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { MatDialogModule} from '@angular/material/dialog';\nimport { MatIconModule } from '@angular/material/icon';\nimport { MapaButtonModule } from 'mapa-library-ui/src/lib/components/button';\nimport { MapaDialogComponent } from './dialog.component';\n\n@NgModule({\n declarations: [\n MapaDialogComponent,\n ],\n imports: [\n CommonModule,\n MapaButtonModule,\n MatDialogModule,\n MatIconModule\n ],\n exports: [\n MapaDialogComponent,\n ]\n})\nexport class MapaDialogModule { }\n","/\n * Public API Surface of mapa-library-ui dialog\n /\n\nexport from '../dialog/src/dialog.component';\nexport * from '../dialog/src/dialog.module';\n","/\n Public API Surface of mapa-library-ui dialog\n /\n\nexport from './lib/components/button/public-api';\nexport * from './lib/components/icon/public-api';\nexport * from './lib/components/dialog/public-api';\n","/*\n Generated bundle index. Do not edit.\n /\n\nexport from './dialog';\n"],"names":["i1","i5","MapaButtonModule"],"mappings":"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"}
1	+ {"version":3,"file":"mapa-library-ui-src-lib-components-dialog.mjs","sources":["../../../projects/mapa-library-ui/src/lib/components/button/src/button.component.ts","../../../projects/mapa-library-ui/src/lib/components/button/src/button.component.html","../../../projects/mapa-library-ui/src/lib/components/button/src/button.module.ts","../../../projects/mapa-library-ui/src/lib/components/button/public-api.ts","../../../projects/mapa-library-ui/src/lib/components/icon/src/icon.component.ts","../../../projects/mapa-library-ui/src/lib/components/icon/src/icon.component.html","../../../projects/mapa-library-ui/src/lib/components/icon/src/icon.module.ts","../../../projects/mapa-library-ui/src/lib/components/icon/public-api.ts","../../../projects/mapa-library-ui/src/lib/components/dialog/src/dialog.component.ts","../../../projects/mapa-library-ui/src/lib/components/dialog/src/dialog.component.html","../../../projects/mapa-library-ui/src/lib/components/dialog/src/dialog.module.ts","../../../projects/mapa-library-ui/src/lib/components/dialog/public-api.ts","../../../projects/mapa-library-ui/src/dialog.ts","../../../projects/mapa-library-ui/src/mapa-library-ui-src-lib-components-dialog.ts"],"sourcesContent":["import { Component, EventEmitter, Input, Output } from '@angular/core';\n\n@Component({\n selector: 'mapa-button',\n templateUrl: './button.component.html',\n styleUrls: ['./button.component.scss']\n})\nexport class ButtonComponent {\n @Input() color: 'primary' \| 'accent' \| 'basic' \| null \| undefined;\n @Input() disabled!: boolean;\n @Output() clicked: EventEmitter<void> = new EventEmitter<void>();\n\n onClick(): void {\n this.clicked.emit();\n }\n}\n","<button\n class=\"mapa-button\"\n (click)=\"onClick()\"\n [class.primary]=\"color === 'primary'\"\n [class.accent]=\"color === 'accent'\"\n [class.basic]=\"color === 'basic'\"\n [disabled]=\"disabled\"\n>\n <ng-content></ng-content>\n</button> ","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\n\nimport { MatButtonModule } from '@angular/material/button';\n\nimport { ButtonComponent } from './button.component';\n\n@NgModule({\n declarations: [ButtonComponent],\n exports: [ButtonComponent],\n imports: [CommonModule, MatButtonModule],\n})\nexport class MapaButtonModule {}\n","/\n Public API Surface of mapa-library-ui button\n /\n\nexport from './src/button.component';\nexport * from './src/button.module';\n","import { Component, Input } from '@angular/core';\nimport { MatIconRegistry } from \"@angular/material/icon\";\nimport { DomSanitizer } from '@angular/platform-browser';\n\n@Component({\n selector: 'mapa-icon',\n templateUrl: './icon.component.html',\n styleUrls: ['./icon.component.scss']\n})\nexport class IconComponent {\n @Input() svg: string \| null \| undefined;\n\n constructor(\n private matIconRegistry: MatIconRegistry,\n private domSanitizer: DomSanitizer\n ) {}\n\n ngOnChanges(): void {\n this.registerCustomIcons(this.svg!);\n }\n\n registerCustomIcons(svg: string): void {\n this.matIconRegistry.addSvgIcon(\n svg,\n this.domSanitizer.bypassSecurityTrustResourceUrl(`../../../../assets/${svg}.svg`)\n );\n }\n}\n","<mat-icon ngIf=\"svg\" [svgIcon]=\"svg\"></mat-icon>\n<mat-icon ngIf=\"!svg\"><ng-content></ng-content></mat-icon>\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\n\nimport { MatIconModule } from '@angular/material/icon';\n\nimport { IconComponent } from './icon.component';\n\n@NgModule({\n declarations: [IconComponent],\n exports: [IconComponent],\n imports: [CommonModule, MatIconModule],\n})\nexport class MapaIconModule {}\n","/\n Public API Surface of mapa-library-ui icon\n /\n\nexport from './src/icon.component';\nexport * from './src/icon.module';","import { Component, EventEmitter, Inject, Input, Output } from \"@angular/core\";\nimport {\n MAT_DIALOG_DATA,\n MatDialog,\n MatDialogConfig,\n MatDialogRef,\n} from \"@angular/material/dialog\";\nimport { DomSanitizer, SafeHtml, SafeResourceUrl } from \"@angular/platform-browser\";\nimport { DialogData } from \"../../../core/interfaces/dialog-data.interface\";\n\n@Component({\n selector: \"mapa-dialog\",\n templateUrl: \"./dialog.component.html\",\n styleUrls: [\"./dialog.component.scss\"],\n})\nexport class MapaDialogComponent {\n @Input() isReportRegistration!: boolean;\n @Output() dataEmitter: EventEmitter<DialogData> = new EventEmitter<DialogData>();\n\n imgBase64!: SafeResourceUrl;\n isSave: boolean = false;\n dialogData!: DialogData;\n htmlDescription!: SafeHtml;\n\n constructor(\n @Inject(MAT_DIALOG_DATA) public data: any,\n private dialogRef: MatDialogRef<MapaDialogComponent>,\n private sanitizer: DomSanitizer\n ) {}\n\n ngOnInit() {\n this.dialogData = this.data.dialogData;\n if (this.dialogData.imgBase64) {\n this.imgBase64 = this.sanitizer.bypassSecurityTrustResourceUrl(\n `data:image/jpg;base64,${this.dialogData.imgBase64}`\n );\n }\n if (this.dialogData.description) {\n this.htmlDescription = this.sanitizer.bypassSecurityTrustHtml(\n this.dialogData.description\n );\n }\n }\n\n close() {\n this.dialogRef.close(this.isSave);\n }\n\n save() {\n this.isSave = true;\n this.dialogRef.close(this.isSave);\n }\n\n emitData() {\n this.dataEmitter.emit(this.dialogData);\n }\n}\n\nexport function openDialog(dialog: MatDialog, dialogData: DialogData, config: MatDialogConfig = new MatDialogConfig()) {\n config.width = config.width \|\| '787px';\n config.disableClose = true;\n config.autoFocus = true;\n config.panelClass = \"icon-outside\";\n config.data = {\n dialogData,\n };\n\n const dialogRef = dialog.open(MapaDialogComponent, config);\n\n return dialogRef.afterClosed();\n}\n","<div class=\"mapa-dialog\">\n <div class=\"dialog-icon\">\n <mat-icon (click)=\"close()\">close</mat-icon>\n </div> \n <mat-dialog-content>\n <img ngIf=\"imgBase64\" [src]=\"imgBase64\" />\n <h2>\n {{ dialogData.title }}\n </h2>\n <p [innerHTML]=\"htmlDescription\"></p>\n </mat-dialog-content>\n <div ngIf=\"dialogData.isReportRegistration\">\n <mapa-button color=\"accent\" (click)=\"emitData()\">\n {{ dialogData.button }}\n </mapa-button>\n </div>\n <mat-dialog-actions ngIf=\"!dialogData.isReportRegistration\">\n <mapa-button color=\"basic\" (click)=\"close()\" ngIf=\"dialogData.actions.close\">\n {{ dialogData.actions.close }}\n </mapa-button>\n <mapa-button color=\"primary\" (click)=\"save()\" ngIf=\"dialogData.actions.save\">\n {{ dialogData.actions.save }}\n </mapa-button>\n </mat-dialog-actions>\n</div>\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { MatDialogModule} from '@angular/material/dialog';\nimport { MatIconModule } from '@angular/material/icon';\nimport { MapaButtonModule } from 'mapa-library-ui/src/lib/components/button';\nimport { MapaDialogComponent } from './dialog.component';\n\n@NgModule({\n declarations: [\n MapaDialogComponent,\n ],\n imports: [\n CommonModule,\n MapaButtonModule,\n MatDialogModule,\n MatIconModule\n ],\n exports: [\n MapaDialogComponent,\n ]\n})\nexport class MapaDialogModule { }\n","/\n * Public API Surface of mapa-library-ui dialog\n /\n\nexport from '../dialog/src/dialog.component';\nexport * from '../dialog/src/dialog.module';\n","/\n Public API Surface of mapa-library-ui dialog\n /\n\nexport from './lib/components/button/public-api';\nexport * from './lib/components/icon/public-api';\nexport * from './lib/components/dialog/public-api';\n","/*\n Generated bundle index. Do not edit.\n /\n\nexport from './dialog';\n"],"names":["i1","i5","MapaButtonModule"],"mappings":"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"}

package/fesm2015/mapa-library-ui-src-lib-components-menu.mjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"mapa-library-ui-src-lib-components-menu.mjs","sources":["../../../projects/mapa-library-ui/src/lib/components/menu/src/menu.component.ts","../../../projects/mapa-library-ui/src/lib/components/menu/src/menu.component.html","../../../projects/mapa-library-ui/src/lib/components/menu/src/menu.module.ts","../../../projects/mapa-library-ui/src/lib/components/menu/public-api.ts","../../../projects/mapa-library-ui/src/lib/components/menu/mapa-library-ui-src-lib-components-menu.ts"],"sourcesContent":["import {\n Component,\n EventEmitter,\n Input,\n Output,\n ViewChild,\n} from \"@angular/core\";\nimport { MatMenuTrigger } from \"@angular/material/menu\";\n\nexport interface MenuItem {\n image?: string;\n icon?: string;\n text: string;\n action: string;\n}\n\n@Component({\n selector: \"mapa-menu\",\n templateUrl: \"./menu.component.html\",\n styleUrls: [\"./menu.component.scss\"],\n})\nexport class MapaMenuComponent {\n @Input() items: MenuItem[] = [];\n @Input() data?: any;\n @Output() emitMenu: EventEmitter<any> = new EventEmitter<any>();\n @ViewChild(MatMenuTrigger) trigger!: MatMenuTrigger;\n\n toggleMenu(): void {\n this.trigger.openMenu();\n }\n\n clickMenu(action: string): void {\n this.emitMenu.emit({ action, data: this.data });\n }\n}\n","<mat-menu #menu=\"matMenu\" class=\"mapa-menu\">\n <button\n ngFor=\"let item of items\"\n mat-menu-item\n (click)=\"clickMenu(item.action)\"\n class=\"mapa-menu__item\"\n >\n <mat-icon ngIf=\"item.icon\">{{item.icon}}</mat-icon>\n <img ngIf=\"item.image\" [src]=\"item.image\" />\n <span>{{item.text}}</span>\n </button>\n</mat-menu>\n\n<img\n class=\"outside-menu-icon\"\n src=\"assets/images/icons/ThreePoints.svg\"\n (click)=\"toggleMenu()\"\n [matMenuTriggerFor]=\"menu\"\n/>\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { MapaMenuComponent } from './menu.component';\nimport { MatMenuModule } from '@angular/material/menu';\nimport { MatIconModule } from '@angular/material/icon';\nimport { MapaButtonModule } from 'mapa-library-ui/src/lib/components/button';\n\n\n\n@NgModule({\n declarations: [\n MapaMenuComponent\n ],\n imports: [\n CommonModule,\n MatMenuModule, \n MapaButtonModule,\n MatIconModule\n ],\n exports: [\n MapaMenuComponent,\n ]\n})\nexport class MapaMenuModule { }\n","/\n * Public API Surface of mapa-library-ui input\n /\n\nexport from '../menu/src/menu.component';\nexport * from '../menu/src/menu.module';","/*\n Generated bundle index. Do not edit.\n /\n\nexport from './public-api';\n"],"names":[],"mappings":";;;;;;;;;;~~MAqBa~~,iBAAiB,CAAA;AAL9B,IAAA,WAAA,GAAA;AAMW,QAAA,IAAK,CAAA,KAAA,GAAe,EAAE,CAAC;AAEtB,QAAA,IAAA,CAAA,QAAQ,GAAsB,IAAI,YAAY,EAAO,CAAC;KAUjE;IAPC,UAAU,GAAA;AACR,QAAA,IAAI,CAAC,OAAO,CAAC,QAAQ,EAAE,CAAC;KACzB;AAED,IAAA,SAAS,CAAC,MAAc,EAAA;AACtB,QAAA,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,EAAE,MAAM,EAAE,IAAI,EAAE,IAAI,CAAC,IAAI,EAAE,CAAC,CAAC;KACjD;;+GAZU,iBAAiB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;mGAAjB,iBAAiB,EAAA,QAAA,EAAA,WAAA,EAAA,MAAA,EAAA,EAAA,KAAA,EAAA,OAAA,EAAA,IAAA,EAAA,MAAA,EAAA,EAAA,OAAA,EAAA,EAAA,QAAA,EAAA,UAAA,EAAA,EAAA,WAAA,EAAA,CAAA,EAAA,YAAA,EAAA,SAAA,EAAA,KAAA,EAAA,IAAA,EAAA,SAAA,EAIjB,cAAc,EAAA,WAAA,EAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,~~ECzB3B~~,mgBAmBA,EAAA,MAAA,EAAA,CAAA,iRAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,OAAA,EAAA,QAAA,EAAA,kBAAA,EAAA,MAAA,EAAA,CAAA,SAAA,EAAA,cAAA,EAAA,eAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,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,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,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;~~4FDEa~~,iBAAiB,EAAA,UAAA,EAAA,CAAA;kBAL7B,SAAS;+BACE,WAAW,EAAA,QAAA,EAAA,mgBAAA,EAAA,MAAA,EAAA,CAAA,iRAAA,CAAA,EAAA,CAAA;8BAKZ,KAAK,EAAA,CAAA;sBAAb,KAAK;gBACG,IAAI,EAAA,CAAA;sBAAZ,KAAK;gBACI,QAAQ,EAAA,CAAA;sBAAjB,MAAM;gBACoB,OAAO,EAAA,CAAA;sBAAjC,SAAS;uBAAC,cAAc,CAAA;;;~~MEFd~~,cAAc,CAAA;;4GAAd,cAAc,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA,CAAA;6GAAd,cAAc,EAAA,YAAA,EAAA,CAZvB,iBAAiB,CAAA,EAAA,OAAA,EAAA,CAGjB,YAAY;QACZ,aAAa;QACb,gBAAgB;QAChB,aAAa,aAGb,iBAAiB,CAAA,EAAA,CAAA,CAAA;AAGR,cAAA,CAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,cAAc,YATvB,YAAY;QACZ,aAAa;QACb,gBAAgB;QAChB,aAAa,CAAA,EAAA,CAAA,CAAA;4FAMJ,cAAc,EAAA,UAAA,EAAA,CAAA;kBAd1B,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;AACR,oBAAA,YAAY,EAAE;wBACZ,iBAAiB;AAClB,qBAAA;AACD,oBAAA,OAAO,EAAE;wBACP,YAAY;wBACZ,aAAa;wBACb,gBAAgB;wBAChB,aAAa;AACd,qBAAA;AACD,oBAAA,OAAO,EAAE;wBACP,iBAAiB;AAClB,qBAAA;iBACF,CAAA;;;ACtBD;;AAEG;;ACFH;;AAEG;;;;"}
1	+ {"version":3,"file":"mapa-library-ui-src-lib-components-menu.mjs","sources":["../../../projects/mapa-library-ui/src/lib/components/menu/src/menu.component.ts","../../../projects/mapa-library-ui/src/lib/components/menu/src/menu.component.html","../../../projects/mapa-library-ui/src/lib/components/menu/src/menu.module.ts","../../../projects/mapa-library-ui/src/lib/components/menu/public-api.ts","../../../projects/mapa-library-ui/src/lib/components/menu/mapa-library-ui-src-lib-components-menu.ts"],"sourcesContent":["import {\n Component,\n EventEmitter,\n Input,\n Output,\n ViewChild,\n} from \"@angular/core\";\nimport { MatMenuTrigger } from \"@angular/material/menu\";\n\nexport interface MenuItem {\n image?: string;\n icon?: string;\n route?: string;\n text: string;\n action: string;\n}\n\n@Component({\n selector: \"mapa-menu\",\n templateUrl: \"./menu.component.html\",\n styleUrls: [\"./menu.component.scss\"],\n})\nexport class MapaMenuComponent {\n @Input() items: MenuItem[] = [];\n @Input() data?: any;\n @Output() emitMenu: EventEmitter<any> = new EventEmitter<any>();\n @ViewChild(MatMenuTrigger) trigger!: MatMenuTrigger;\n\n toggleMenu(): void {\n this.trigger.openMenu();\n }\n\n clickMenu(action: string): void {\n this.emitMenu.emit({ action, data: this.data });\n }\n}\n","<mat-menu #menu=\"matMenu\" class=\"mapa-menu\">\n <button\n ngFor=\"let item of items\"\n mat-menu-item\n (click)=\"clickMenu(item.action)\"\n class=\"mapa-menu__item\"\n >\n <mat-icon ngIf=\"item.icon\">{{item.icon}}</mat-icon>\n <img ngIf=\"item.image\" [src]=\"item.image\" />\n <span>{{item.text}}</span>\n </button>\n</mat-menu>\n\n<img\n class=\"outside-menu-icon\"\n src=\"assets/images/icons/ThreePoints.svg\"\n (click)=\"toggleMenu()\"\n [matMenuTriggerFor]=\"menu\"\n/>\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { MapaMenuComponent } from './menu.component';\nimport { MatMenuModule } from '@angular/material/menu';\nimport { MatIconModule } from '@angular/material/icon';\nimport { MapaButtonModule } from 'mapa-library-ui/src/lib/components/button';\n\n\n\n@NgModule({\n declarations: [\n MapaMenuComponent\n ],\n imports: [\n CommonModule,\n MatMenuModule, \n MapaButtonModule,\n MatIconModule\n ],\n exports: [\n MapaMenuComponent,\n ]\n})\nexport class MapaMenuModule { }\n","/\n * Public API Surface of mapa-library-ui input\n /\n\nexport from '../menu/src/menu.component';\nexport * from '../menu/src/menu.module';","/*\n Generated bundle index. Do not edit.\n /\n\nexport from './public-api';\n"],"names":[],"mappings":"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"}

package/fesm2015/mapa-library-ui-src-lib-components-table.mjs CHANGED Viewed

@@ -3,21 +3,23 @@ import { Directive, Host, Self, Optional, EventEmitter, Component, Input, Output
 import * as i1 from '@angular/material/paginator';
 import { MatPaginatorIntl, MatPaginator, MatPaginatorModule } from '@angular/material/paginator';
 import moment from 'moment';
-import * as i9 from '@angular/material/sort';
+import * as i10 from '@angular/material/sort';
 import { MatSort, MatSortModule } from '@angular/material/sort';
-import * as i8 from '@angular/material/table';
+import * as i9 from '@angular/material/table';
 import { MatTableDataSource, MatTableModule } from '@angular/material/table';
 import * as i2 from '@angular/material/menu';
 import { MatMenuTrigger, MatMenuModule } from '@angular/material/menu';
 import * as i1$1 from '@angular/common';
 import { CommonModule } from '@angular/common';
+import * as i2$1 from '@angular/router';
+import { RouterModule } from '@angular/router';
 import * as i3 from '@angular/material/icon';
 import { MatIconModule } from '@angular/material/icon';
 import * as i1$3 from '@angular/common/http';
 import * as i1$2 from '@angular/platform-browser';
-import * as i4 from '@angular/material/button';
+import * as i5 from '@angular/material/button';
 import { MatButtonModule } from '@angular/material/button';
-import * as i5 from '@angular/material/checkbox';
+import * as i6 from '@angular/material/checkbox';
 import { MatCheckboxModule } from '@angular/material/checkbox';
 import { FormsModule, ReactiveFormsModule } from '@angular/forms';
 import { MapaButtonModule } from 'mapa-library-ui/src/lib/components/button';
@@ -614,6 +616,11 @@ class MapaTableComponent {
             return row.menu;
         return [];
     }
+    getContentFromColumn(row, key) {
+        if (row && row[key])
+            return row[key];
+        return [];
+    }
     hasActionsColumn() {
         return this.columns.some((column) => column.key.includes('actions'));
     }
@@ -626,10 +633,10 @@ class MapaTableComponent {
     }
 }
 MapaTableComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: MapaTableComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
-MapaTableComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: MapaTableComponent, selector: "mapa-table", inputs: { columns: "columns", data: "data", pageIndex: "pageIndex", pageSize: "pageSize", totalCount: "totalCount", totalPages: "totalPages", checkbox: "checkbox", selection: "selection", actions: "actions", filterControl: "filterControl", menuItems: "menuItems", menu: "menu", showPaginator: "showPaginator" }, outputs: { rowClick: "rowClick", selectedRows: "selectedRows", onChangePage: "onChangePage", onSortChange: "onSortChange" }, viewQueries: [{ propertyName: "trigger", first: true, predicate: MatMenuTrigger, descendants: true }, { propertyName: "paginator", first: true, predicate: MatPaginator, descendants: true, read: true }, { propertyName: "sort", first: true, predicate: MatSort, descendants: true }], usesOnChanges: true, ngImport: i0, template: "<section class=\"mapa-table\" *ngIf=\"dataSource && dataSource.data && dataSource.data.length > 0\">\n  <div class=\"mapa-table--show-on-mobile\">\n    <div *ngIf=\"checkbox\" class=\"mapa-table__select-all\">\n      <mat-checkbox\n        *ngIf=\"selection\"\n        (change)=\"$event ? toggleAllRows() : null\"\n        [checked]=\"selection.hasValue() && isAllSelected()\"\n        [indeterminate]=\"selection.hasValue() && !isAllSelected()\"\n        (click)=\"$event.stopPropagation()\"\n        color=\"primary\"\n      >Selecionar todos</mat-checkbox>\n    </div>\n    <div *ngFor=\"let row of dataSource.data.values(); let i = index\">\n      <div class=\"mapa-table__card mapa__card\">\n        <div *ngFor=\"let column of columns; let j = index; let isFirst = first\" [ngClass]=\"'mapa-table__card--column-' + column.key\">\n          <strong\n            class=\"mapa-table__card--header\"\n            [class.mapa-table__checkbox--header]=\"isFirst && checkbox\"\n            *ngIf=\"column.key !== 'actions' && column.key !== 'menu'\">\n            <div\n              [ngTemplateOutlet]=\"tableHeader\"\n              [ngTemplateOutletContext]=\"{ selection, column, isFirst, checkbox: false }\"\n              class=\"hidden\"\n            ></div>\n          </strong>\n          <div\n            class=\"mapa-table__card--column\"\n            [class.mapa-table__column--center-cell]=\"column?.align === 'center'\"\n          >\n            <ng-container\n              *ngIf=\"column.key !== 'actions' && column.key !== 'menu'; else columnActionsOrMenu\"\n            >\n              <div class=\"mapa-table__content\">\n                <div\n                  [style.width]=\"column?.width\"\n                  [class.mapa-table__column--ellipsis]=\"column?.collapse === 'overflow'\"\n                  [class.mapa-table__column--no-wrap]=\"column?.collapse === 'no-wrap'\"\n                  [class.mapa-table__column--wrap]=\"column?.collapse === 'wrap'\"\n                  [ngClass]=\"[hasCustomClass(column, row, column.key) ? getCustomClass(column, row, column.key) : '']\"\n                >\n                  <div\n                    *ngIf=\"column?.status?.color; else commonColumn\"\n                    class=\"mapa-table__column--status\"\n                    [style.backgroundColor]=\"getBackgroundColor(column, row)\"\n                    [style.color]=\"getTextColor(column, row)\"\n                    [class.mapa-table__column--status-round]=\"column.status?.style == 'round'\"\n                  >\n                    <div\n                      [ngTemplateOutlet]=\"tableContent\"\n                      [ngTemplateOutletContext]=\"{ selection, column, isFirst, checkbox, row }\"\n                    ></div>\n                  </div>\n                  <ng-template #commonColumn>\n                    <div\n                      [ngTemplateOutlet]=\"tableContent\"\n                      [ngTemplateOutletContext]=\"{ selection, column, isFirst, checkbox, row }\"\n                    ></div>\n                  </ng-template>\n                </div>\n              </div>\n            </ng-container>\n            <ng-template #columnActionsOrMenu>\n              <div *ngIf=\"column.key === 'actions' && actions\">\n                <button\n                  *ngFor=\"let item of actions\"\n                  (click)=\"handleMenu({data: row, action: item.action})\"\n                  class=\"mapa-table__column--actions-item\"\n                  [title]=\"item.text\"\n                  mat-icon-button\n                >\n                  <mat-icon *ngIf=\"item.icon\">{{ item.icon }}</mat-icon>\n                  <img *ngIf=\"item.image\" [src]=\"item.image\" />\n                </button>\n              </div>\n                \n              <div *ngIf=\"column.key === 'menu'\">\n                <div *ngIf=\"hasIndividualMenu(row); else generalMenu\" class=\"mapa-table__column--menu\">\n                  <button\n                    *ngFor=\"let item of getMenuItems(row)\"\n                    (click)=\"handleMenu({data: row, action: item.action})\"\n                    class=\"mapa-table__column--menu-item\"\n                    [title]=\"item.text\"\n                    mat-icon-button\n                  >\n                    <mat-icon *ngIf=\"item.icon\">{{ item.icon }}</mat-icon>\n                    <img *ngIf=\"item.image\" [src]=\"item.image\" />\n                    <span class=\"mapa-table__column--menu-item-text\">{{ item.text }}</span>\n                  </button>\n                </div>\n                <ng-template #generalMenu>\n                  <div class=\"mapa-table__column--menu\">\n                    <button\n                      *ngFor=\"let item of menuItems\"\n                      (click)=\"handleMenu({data: row, action: item.action})\"\n                      class=\"mapa-table__column--menu-item\"\n                      [title]=\"item.text\"\n                      mat-icon-button\n                    >\n                      <mat-icon *ngIf=\"item.icon\">{{ item.icon }}</mat-icon>\n                      <mapa-svg-icon *ngIf=\"item.image\" [name]=\"setSvgName(item.image)\" [color]=\"'#ea561d'\"></mapa-svg-icon>\n                      <span class=\"mapa-table__column--menu-item-text\">{{ item.text }}</span>\n                    </button>\n                  </div>\n                </ng-template>\n              </div>\n            </ng-template>\n          </div>\n        </div>\n      </div>\n    </div>\n  </div>\n  <div class=\"mapa-table--show-on-desktop\">\n    <table\n      mat-table\n      [dataSource]=\"dataSource\"\n      matSort\n      (matSortChange)=\"sortDataFunction($event)\"\n    >\n      <ng-container\n        *ngFor=\"let column of columns; let isFirst = first\"\n        [matColumnDef]=\"column.key\"\n      >\n        <th\n          mat-header-cell\n          *matHeaderCellDef\n          mat-sort-header\n          [disabled]=\"!(column.key !== 'actions' ? column.sort : null)\"\n        >\n          <div\n            [ngTemplateOutlet]=\"tableHeader\"\n            [ngTemplateOutletContext]=\"{ selection, column, isFirst, checkbox }\"\n          ></div>\n        </th>\n        <td mat-cell *matCellDef=\"let row\" [style.width]=\"column?.width\">\n          <div\n            class=\"mapa-table__column\"\n            (click)=\"emitRowClick(row, '')\"\n            [class.mapa-table__column--center-cell]=\"column?.align === 'center'\"\n          >\n            <ng-container\n              *ngIf=\"column.key !== 'actions' && column.key !== 'menu'; else columnActionsOrMenu\"\n            >\n              <div class=\"mapa-table__content\">\n                <div\n                  [style.width]=\"column?.width\"\n                  [class.mapa-table__column--ellipsis]=\"column?.collapse === 'overflow'\"\n                  [class.mapa-table__column--no-wrap]=\"column?.collapse === 'no-wrap'\"\n                  [class.mapa-table__column--wrap]=\"column?.collapse === 'wrap'\"\n                  [ngClass]=\"[hasCustomClass(column, row, column.key) ? getCustomClass(column, row, column.key) : '']\"\n                >\n                  <div\n                    *ngIf=\"column?.status?.color; else commonColumn\"\n                    class=\"mapa-table__column--status\"\n                    [style.backgroundColor]=\"getBackgroundColor(column, row)\"\n                    [style.color]=\"getTextColor(column, row)\"\n                    [class.mapa-table__column--status-round]=\"column.status?.style == 'round'\"\n                  >\n                    <div\n                      [ngTemplateOutlet]=\"tableContent\"\n                      [ngTemplateOutletContext]=\"{ selection, column, isFirst, checkbox, row }\"\n                    ></div>\n                  </div>\n                  <ng-template #commonColumn>\n                    <div\n                      [ngTemplateOutlet]=\"tableContent\"\n                      [ngTemplateOutletContext]=\"{ selection, column, isFirst, checkbox, row }\"\n                    ></div>\n                  </ng-template>\n                </div>\n              </div>\n            </ng-container>\n            <ng-template #columnActionsOrMenu>\n              <div\n                class=\"mapa-table__column--actions\"\n                *ngIf=\"column.key === 'actions' && actions\"\n              >\n                <button\n                  *ngFor=\"let item of actions\"\n                  (click)=\"handleMenu({data: row, action: item.action})\"\n                  class=\"mapa-table__column--actions-item\"\n                  [title]=\"item.text\"\n                  mat-icon-button\n                >\n                  <mat-icon *ngIf=\"item.icon\">{{item.icon}}</mat-icon>\n                  <img *ngIf=\"item.image\" [src]=\"item.image\" />\n                </button>\n              </div>\n              <div class=\"mapa-table__column--menu\" *ngIf=\"column.key === 'menu'\">\n                <mapa-menu\n                  *ngIf=\"hasIndividualMenu(row); else generalMenu\"\n                  [items]=\"row?.menu\"\n                  [data]=\"row\"\n                  (emitMenu)=\"handleMenu($event)\"\n                ></mapa-menu>\n                <ng-template #generalMenu>\n                  <mapa-menu\n                    *ngIf=\"menuItems && menuItems.length > 0\"\n                    [items]=\"menuItems\"\n                    [data]=\"row\"\n                    (emitMenu)=\"handleMenu($event)\"\n                  ></mapa-menu>\n                </ng-template>\n              </div>\n            </ng-template>\n          </div>\n        </td>\n      </ng-container>\n\n      <tr mat-header-row *matHeaderRowDef=\"displayedColumns\"></tr>\n      <tr\n        mat-row\n        *matRowDef=\"let row; columns: displayedColumns;\"\n        class=\"row-hover\"\n      ></tr>\n    </table>\n  </div>\n  <section *ngIf=\"showPaginator\">\n    <mat-paginator\n      class=\"mapa-table__paginator-legacy\"\n      itemsPerPageLabel=\"Item por p\u00E1gina\"\n      appStylePaginatorMv\n      [length]=\"totalCount\"\n      [pageSize]=\"pageSize\"\n      [pageSizeOptions]=\"[5, 10, 25, 100]\"\n      (page)=\"changePage($event)\"\n    ></mat-paginator>\n  </section>\n</section>\n\n<ng-template\n  #tableHeader\n  let-selection=\"selection\"\n  let-column=\"column\"\n  let-isFirst=\"isFirst\"\n  let-checkbox=\"checkbox\"\n>\n  <ng-container *ngIf=\"isFirst && checkbox\">\n    <mat-checkbox\n      *ngIf=\"selection\"\n      (change)=\"$event ? toggleAllRows() : null\"\n      [checked]=\"selection.hasValue() && isAllSelected()\"\n      [indeterminate]=\"selection.hasValue() && !isAllSelected()\"\n      (click)=\"$event.stopPropagation()\"\n      color=\"primary\"\n    ></mat-checkbox>\n  </ng-container>\n  <div>\n    <span [innerHTML]=\"column.label\"></span>\n  </div>\n  <div\n    *ngIf=\"column.key !== 'actions' && column.key !== 'menu' && column.sort\"\n    class=\"mapa-table--show-on-desktop\">\n    <mat-icon>filter_list</mat-icon>\n  </div>\n</ng-template>\n\n<ng-template\n  #tableContent\n  let-selection=\"selection\"\n  let-column=\"column\"\n  let-isFirst=\"isFirst\"\n  let-checkbox=\"checkbox\"\n  let-row=\"row\"\n>\n  <ng-container *ngIf=\"isFirst && checkbox\">\n    <mat-checkbox\n      (click)=\"$event.stopPropagation()\"\n      (change)=\"$event ? selection?.toggle(row) : null; getSelectedValues()\"\n      [checked]=\"selection?.isSelected(row)\"\n      color=\"primary\"\n      class=\"mapa-table__checkbox\"\n    >\n    </mat-checkbox>\n  </ng-container>\n  <!-- POR FAVOR, N\u00C3O QUEBRE LINHA ENTRE NG-CONTAINER/TEMPLATE E O VALOR CONTE\u00DADO  -->\n  <ng-container *ngIf=\"isMaskedData(column, row); else statusContent\"\n    >{{ getValueAsDate(column, row) | date: column.mask }}</ng-container\n  >\n  <ng-template #statusContent>\n    <ng-container *ngIf=\"column.status; else commonContent\">\n      <ng-container *ngIf=\"isBoolean(column, row); else commonStatus\"\n        ><span [innerHTML]=\"column.status.label[row[column.key] ? 1 : 0]\"></span\n      ></ng-container>\n      <ng-template #commonStatus\n        ><span [innerHTML]=\"column.status.label[row[column.key]] || '-' \"></span\n      ></ng-template>\n    </ng-container>\n    <ng-template #commonContent\n      ><span [innerHTML]=\"row[column.key]\"></span\n    ></ng-template>\n  </ng-template>\n  <ng-template #statusContent>\n    <ng-template #commonContent\n      ><span [innerHTML]=\"row[column.key]\"></span\n    ></ng-template>\n  </ng-template>\n</ng-template>\n", styles: [".mapa-table .mat-table{font-family:Inter,Arial,Helvetica,sans-serif;width:100%}.mapa-table .mat-table .mat-checkbox{margin:6px 8px 0 0;padding:0}.mapa-table td.mat-cell{padding:16px 0}.mapa-table .mat-table .mat-row .mat-cell{font-family:Inter,Arial,Helvetica,sans-serif;font-size:16px;font-style:normal;font-weight:400;color:#50575e}.mapa-table .row-hover:hover{box-shadow:0 2px 4px #00000021;outline:1px solid rgba(238,238,238,.93);cursor:pointer}.mapa-table .mat-table .mat-header-cell{border:none;border-bottom:1px solid #eee;font-family:Inter,Arial,Helvetica,sans-serif;font-size:16px;font-style:normal;font-weight:600;color:#50575e}.mapa-table .mat-mdc-row,.mapa-table .mdc-data-table__content,.mapa-table .mat-mdc-header-cell{--mat-table-row-item-label-text-font: \"Inter\", Arial, Helvetica, sans-serif}.mapa-table .mat-checkbox.mat-accent .mat-checkbox-frame{border-color:#b6b6b6}.mapa-table .mat-checkbox.mat-accent.mat-checkbox-checked .mat-checkbox-frame{border-color:#ea561d}.mapa-table .mat-checkbox.mat-accent .mat-checkbox-background{background-color:transparent}.mapa-table .mat-checkbox.mat-accent.mat-checkbox-checked .mat-checkbox-background{background-color:#ea561d}.mapa-table .mat-mdc-paginator-container{display:flex;justify-content:space-between}.mapa-table ::ng-deep .mat-mdc-paginator-page-size-label{display:none}.mapa-table__paginator-legacy .mat-paginator-container{font-family:Inter!important;justify-content:flex-start}.mapa-table__paginator-legacy .mat-paginator-page-size{margin-right:10vw}.mapa-table__paginator-legacy .custom-paginator-container{justify-content:flex-end}.mapa-table__paginator-legacy .custom-paginator-counter{white-space:nowrap;margin:0 4px 0 10px!important}.mapa-table__paginator-legacy .custom-paginator-page{border-radius:4px;outline:none;border:none;margin:.4em;font-size:14px;min-width:24px;width:auto;min-height:24px;max-height:24px;padding:1px 6px}.mapa-table__paginator-legacy .custom-paginator-page-enabled{color:#50575e;background:transparent;cursor:pointer}.mapa-table__paginator-legacy .custom-paginator-page-enabled:hover{background-color:#dfe3e6}.mapa-table__paginator-legacy .custom-paginator-page-disabled{background-color:#ea561d;color:#fff}.mapa-table__paginator-legacy .custom-paginator-arrow-disabled{color:#dfe3e6}.mapa-table__paginator-legacy .custom-paginator-arrow-enabled{color:#999}.hidden{display:none}.mapa-table{width:100%;white-space:nowrap}@media (min-width: 1201px){.mapa-table--show-on-mobile{display:none}.mapa-table--show-on-desktop{display:block}}@media (max-width: 1200px){.mapa-table--show-on-mobile{padding:20px}.mapa-table--show-on-mobile .mapa__card{width:unset!important}.mapa-table--show-on-desktop{display:none}}.mapa-table__select-all{display:flex;align-items:center;padding:16px 24px;font-size:12px;text-transform:uppercase}@media (max-width: 1200px){.mapa-table__checkbox{margin-right:8px}.mapa-table__checkbox--header{padding-left:24px}}.mapa-table__card{position:relative;padding:24px;display:flex;flex-direction:row;flex-wrap:wrap;gap:16px}.mapa-table__card--floating-content{display:flex;align-items:center;flex-direction:row;flex-wrap:wrap;gap:8px}.mapa-table__card--floating-actions{position:absolute;bottom:16px;right:16px;color:#ea561d}.mapa-table__card--header{display:flex;flex-direction:row;flex-wrap:wrap;gap:8px;font-size:12px;text-transform:uppercase}.mapa-table__card--header mat-icon{height:16px;width:16px;font-size:16px}.mapa-table__card--column{padding:16px 0}.mapa-table__label{margin-top:4px}.mapa-table__column{padding:15px;align-items:center;display:flex}.mapa-table__column--actions{display:flex}.mapa-table__column--actions .mat-icon{color:#ea561d!important}.mapa-table__column--actions-item{display:flex;align-items:center}.mapa-table__column--actions-item img{margin-right:8px}.mapa-table__column--menu{display:flex;align-items:center;justify-content:center;gap:8px}.mapa-table__column--menu .mapa-table__column--menu-item-text{display:flex;align-items:center;justify-content:center;font-size:12px;line-height:16px!important}.mapa-table__column--menu-item{display:flex;align-items:center;width:unset!important;height:unset!important}.mapa-table__column--menu-item img{margin-right:8px}.mapa-table__column--menu-item button{color:#ea561d!important}.mapa-table__column--menu-item button span{font-size:12px;text-transform:uppercase;display:flex}.mapa-table__column--header{width:100%}.mapa-table__column--header .mat-icon{cursor:pointer;position:relative;bottom:-3px;margin:0 7px;font-size:14px;height:14px;width:14px}.mapa-table__column--status{margin:auto;text-align:center;width:min-content;border-radius:4px;padding:4px 8px}.mapa-table__column--status-round{border-radius:50px}.mapa-table__column--ellipsis{display:inline-block;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.mapa-table__column--no-wrap{white-space:nowrap}.mapa-table__column--wrap{white-space:pre-wrap}.mapa-table__column--center-cell{display:flex;align-items:center;justify-content:center;width:100%}.mapa-table--column-actions,.mapa-table--column-menu{width:100%}.mapa-table__content--value{color:#fff;font-weight:500}.mapa-table .mat-sort-header-arrow{color:transparent}.mapa-table .mat-sort-header-content{width:100%!important}.mapa-table .mat-cell,.mapa-table .mat-header-cell{padding:0 10px!important}.mapa-table .mat-table{width:100%;overflow-x:auto}@media (max-width: 1000px){.mapa-table .mat-paginator-range-actions{display:flex;align-items:center;justify-content:center;flex-wrap:wrap}.mapa-table .mat-paginator-range-label{padding:16px 0;text-align:center;width:100%}.mapa-table .mat-paginator-container{justify-content:center}}.mapa-table .classification{width:40px;height:40px;border-radius:24px;display:flex;justify-content:center;align-items:center}.mapa-table .roundCell{border-radius:10px}.mapa-table .general{border-radius:24px;border:1px solid #dcdcde;display:flex;justify-content:center;align-items:center;width:48px;height:48px}.mapa-table .name{color:#181818;text-align:left;font-family:Inter,Arial,Helvetica,sans-serif;font-size:14px;font-style:normal;font-weight:400;line-height:20px}.mapa-table .cpf{color:#77838f;text-align:left;font-family:Inter,Arial,Helvetica,sans-serif;font-size:12px;font-style:normal;font-weight:400;line-height:16px}.mapa-table .label_report{color:#181818;text-align:center;font-family:Inter,Arial,Helvetica,sans-serif;font-size:12px;font-style:normal;font-weight:400;line-height:16px}\n", ".classification-1{background-color:#073e92;color:#fff}.classification-2{background-color:#0e6ece;color:#fff}.classification-3{background-color:#2d9ced;color:#000}.classification-4{background-color:#68ceee;color:#000}.classification-5{background-color:#96f2ee;color:#000}.classification-6{background-color:#f598a7;color:#000}.classification-7{background-color:#f56580;color:#000}.classification-8{background-color:#f4284e;color:#fff}.classification-9{background-color:#c11c2f;color:#fff}.small-dot{width:12px;height:12px;border-radius:12px;padding:0;margin:0}.dot{width:16px;height:16px;border-radius:16px;padding:0;margin:0}.indicator{display:flex;padding:2px 4px 2px 16px;justify-content:space-between;align-items:center;border-radius:8px;font-family:Inter,Arial,Helvetica,sans-serif;font-size:16px;font-style:normal;font-weight:400}.display-S{font-family:Inter,Arial,Helvetica,sans-serif;font-size:20px;font-style:normal;font-weight:400}.display-L{font-family:Inter,Arial,Helvetica,sans-serif;font-size:32px;font-style:normal;font-weight:400}.display-XG{font-family:Inter,Arial,Helvetica,sans-serif;font-size:48px;font-style:normal;font-weight:400}*{transition:opacity .4s ease-out,max-height .4s ease-out}\n"], dependencies: [{ kind: "directive", type: i1$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1$1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: MapaMenuComponent, selector: "mapa-menu", inputs: ["items", "data"], outputs: ["emitMenu"] }, { kind: "component", type: MapaSvgIconComponent, selector: "mapa-svg-icon", inputs: ["name", "color"] }, { kind: "component", type: i4.MatButton, selector: "button[mat-button], button[mat-raised-button], button[mat-icon-button],             button[mat-fab], button[mat-mini-fab], button[mat-stroked-button],             button[mat-flat-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { kind: "component", type: i5.MatCheckbox, selector: "mat-checkbox", inputs: ["disableRipple", "color", "tabIndex"], exportAs: ["matCheckbox"] }, { kind: "component", type: i3.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: i1.MatPaginator, selector: "mat-paginator", inputs: ["disabled"], exportAs: ["matPaginator"] }, { kind: "component", type: i8.MatTable, selector: "mat-table, table[mat-table]", exportAs: ["matTable"] }, { kind: "directive", type: i8.MatHeaderCellDef, selector: "[matHeaderCellDef]" }, { kind: "directive", type: i8.MatHeaderRowDef, selector: "[matHeaderRowDef]", inputs: ["matHeaderRowDef", "matHeaderRowDefSticky"] }, { kind: "directive", type: i8.MatColumnDef, selector: "[matColumnDef]", inputs: ["sticky", "matColumnDef"] }, { kind: "directive", type: i8.MatCellDef, selector: "[matCellDef]" }, { kind: "directive", type: i8.MatRowDef, selector: "[matRowDef]", inputs: ["matRowDefColumns", "matRowDefWhen"] }, { kind: "directive", type: i8.MatHeaderCell, selector: "mat-header-cell, th[mat-header-cell]" }, { kind: "directive", type: i8.MatCell, selector: "mat-cell, td[mat-cell]" }, { kind: "component", type: i8.MatHeaderRow, selector: "mat-header-row, tr[mat-header-row]", exportAs: ["matHeaderRow"] }, { kind: "component", type: i8.MatRow, selector: "mat-row, tr[mat-row]", exportAs: ["matRow"] }, { kind: "directive", type: i9.MatSort, selector: "[matSort]", inputs: ["matSortDisabled", "matSortActive", "matSortStart", "matSortDirection", "matSortDisableClear"], outputs: ["matSortChange"], exportAs: ["matSort"] }, { kind: "component", type: i9.MatSortHeader, selector: "[mat-sort-header]", inputs: ["disabled", "mat-sort-header", "arrowPosition", "start", "sortActionDescription", "disableClear"], exportAs: ["matSortHeader"] }, { kind: "directive", type: PaginatorLegacyDirective, selector: "[appStylePaginatorMv]" }, { kind: "pipe", type: i1$1.DatePipe, name: "date" }], encapsulation: i0.ViewEncapsulation.None });
+MapaTableComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: MapaTableComponent, selector: "mapa-table", inputs: { columns: "columns", data: "data", pageIndex: "pageIndex", pageSize: "pageSize", totalCount: "totalCount", totalPages: "totalPages", checkbox: "checkbox", selection: "selection", actions: "actions", filterControl: "filterControl", menuItems: "menuItems", menu: "menu", showPaginator: "showPaginator" }, outputs: { rowClick: "rowClick", selectedRows: "selectedRows", onChangePage: "onChangePage", onSortChange: "onSortChange" }, viewQueries: [{ propertyName: "trigger", first: true, predicate: MatMenuTrigger, descendants: true }, { propertyName: "paginator", first: true, predicate: MatPaginator, descendants: true, read: true }, { propertyName: "sort", first: true, predicate: MatSort, descendants: true }], usesOnChanges: true, ngImport: i0, template: "<section class=\"mapa-table\" *ngIf=\"dataSource && dataSource.data && dataSource.data.length > 0\">\n  <div class=\"mapa-table--show-on-mobile\">\n    <div *ngIf=\"checkbox\" class=\"mapa-table__select-all\">\n      <mat-checkbox\n        *ngIf=\"selection\"\n        (change)=\"$event ? toggleAllRows() : null\"\n        [checked]=\"selection.hasValue() && isAllSelected()\"\n        [indeterminate]=\"selection.hasValue() && !isAllSelected()\"\n        (click)=\"$event.stopPropagation()\"\n        color=\"primary\"\n      >Selecionar todos</mat-checkbox>\n    </div>\n    <div *ngFor=\"let row of dataSource.data.values(); let i = index\">\n      <div class=\"mapa-table__card mapa__card\">\n        <div *ngFor=\"let column of columns; let j = index; let isFirst = first\" [ngClass]=\"'mapa-table__card--column-' + column.key\">\n          <strong\n            class=\"mapa-table__card--header\"\n            [class.mapa-table__checkbox--header]=\"isFirst && checkbox\"\n            *ngIf=\"column.key !== 'actions' && column.key !== 'menu'\">\n            <div\n              [ngTemplateOutlet]=\"tableHeader\"\n              [ngTemplateOutletContext]=\"{ selection, column, isFirst, checkbox: false }\"\n              class=\"hidden\"\n            ></div>\n          </strong>\n          <div\n            class=\"mapa-table__card--column\"\n            [class.mapa-table__column--center-cell]=\"column?.align === 'center'\"\n          >\n            <ng-container\n              *ngIf=\"column.key !== 'actions' && column.key !== 'menu'; else columnActionsOrMenu\"\n            >\n              <div class=\"mapa-table__content\">\n                <div\n                  [style.width]=\"column?.width\"\n                  [class.mapa-table__column--ellipsis]=\"column?.collapse === 'overflow'\"\n                  [class.mapa-table__column--no-wrap]=\"column?.collapse === 'no-wrap'\"\n                  [class.mapa-table__column--wrap]=\"column?.collapse === 'wrap'\"\n                  [ngClass]=\"[hasCustomClass(column, row, column.key) ? getCustomClass(column, row, column.key) : '']\"\n                >\n                  <div\n                    *ngIf=\"column?.status?.color; else commonColumn\"\n                    class=\"mapa-table__column--status\"\n                    [style.backgroundColor]=\"getBackgroundColor(column, row)\"\n                    [style.color]=\"getTextColor(column, row)\"\n                    [class.mapa-table__column--status-round]=\"column.status?.style == 'round'\"\n                  >\n                    <div\n                      [ngTemplateOutlet]=\"tableContent\"\n                      [ngTemplateOutletContext]=\"{ selection, column, isFirst, checkbox, row }\"\n                    ></div>\n                  </div>\n                  <ng-template #commonColumn>\n                    <div\n                      [ngTemplateOutlet]=\"tableContent\"\n                      [ngTemplateOutletContext]=\"{ selection, column, isFirst, checkbox, row }\"\n                    ></div>\n                  </ng-template>\n                </div>\n              </div>\n            </ng-container>\n            <ng-template #columnActionsOrMenu>\n              <div *ngIf=\"column.key === 'actions' && actions\">\n                <div *ngFor=\"let item of getContentFromColumn(row, 'actions') || actions\">\n                  <a *ngIf=\"item.route; else commonClickAction\" [href]=\"item.route\" [routerLink]=\"item.route\">\n                    <button\n                      class=\"mapa-table__column--actions-item\"\n                      [title]=\"item.text\"\n                      mat-icon-button\n                    >\n                      <mat-icon *ngIf=\"item.icon\">{{item.icon}}</mat-icon>\n                      <img *ngIf=\"item.image\" [src]=\"item.image\" />\n                    </button>\n                  </a>\n                  <ng-template #commonClickAction>\n                    <button\n                      (click)=\"handleMenu({data: row, action: item.action})\"\n                      class=\"mapa-table__column--actions-item\"\n                      [title]=\"item.text\"\n                      mat-icon-button\n                    >\n                    </button>\n                  </ng-template>\n                </div>\n              </div>\n                \n              <div *ngIf=\"column.key === 'menu'\">\n                <div *ngIf=\"hasIndividualMenu(row); else generalMenu\" class=\"mapa-table__column--menu\">\n                  <button\n                    *ngFor=\"let item of getMenuItems(row)\"\n                    (click)=\"handleMenu({data: row, action: item.action})\"\n                    class=\"mapa-table__column--menu-item\"\n                    [title]=\"item.text\"\n                    mat-icon-button\n                  >\n                    <mat-icon *ngIf=\"item.icon\">{{ item.icon }}</mat-icon>\n                    <img *ngIf=\"item.image\" [src]=\"item.image\" />\n                    <span class=\"mapa-table__column--menu-item-text\">{{ item.text }}</span>\n                  </button>\n                </div>\n                <ng-template #generalMenu>\n                  <div class=\"mapa-table__column--menu\">\n                    <button\n                      *ngFor=\"let item of menuItems\"\n                      (click)=\"handleMenu({data: row, action: item.action})\"\n                      class=\"mapa-table__column--menu-item\"\n                      [title]=\"item.text\"\n                      mat-icon-button\n                    >\n                      <mat-icon *ngIf=\"item.icon\">{{ item.icon }}</mat-icon>\n                      <mapa-svg-icon *ngIf=\"item.image\" [name]=\"setSvgName(item.image)\" [color]=\"'#ea561d'\"></mapa-svg-icon>\n                      <span class=\"mapa-table__column--menu-item-text\">{{ item.text }}</span>\n                    </button>\n                  </div>\n                </ng-template>\n              </div>\n            </ng-template>\n          </div>\n        </div>\n      </div>\n    </div>\n  </div>\n  <div class=\"mapa-table--show-on-desktop\">\n    <table\n      mat-table\n      [dataSource]=\"dataSource\"\n      matSort\n      (matSortChange)=\"sortDataFunction($event)\"\n    >\n      <ng-container\n        *ngFor=\"let column of columns; let isFirst = first\"\n        [matColumnDef]=\"column.key\"\n      >\n        <th\n          mat-header-cell\n          *matHeaderCellDef\n          mat-sort-header\n          [disabled]=\"!(column.key !== 'actions' ? column.sort : null)\"\n        >\n          <div\n            [ngTemplateOutlet]=\"tableHeader\"\n            [ngTemplateOutletContext]=\"{ selection, column, isFirst, checkbox }\"\n          ></div>\n        </th>\n        <td mat-cell *matCellDef=\"let row\" [style.width]=\"column?.width\">\n          <div\n            class=\"mapa-table__column\"\n            (click)=\"emitRowClick(row, '')\"\n            [class.mapa-table__column--center-cell]=\"column?.align === 'center'\"\n          >\n            <ng-container\n              *ngIf=\"column.key !== 'actions' && column.key !== 'menu'; else columnActionsOrMenu\"\n            >\n              <div class=\"mapa-table__content\">\n                <div\n                  [style.width]=\"column?.width\"\n                  [class.mapa-table__column--ellipsis]=\"column?.collapse === 'overflow'\"\n                  [class.mapa-table__column--no-wrap]=\"column?.collapse === 'no-wrap'\"\n                  [class.mapa-table__column--wrap]=\"column?.collapse === 'wrap'\"\n                  [ngClass]=\"[hasCustomClass(column, row, column.key) ? getCustomClass(column, row, column.key) : '']\"\n                >\n                  <div\n                    *ngIf=\"column?.status?.color; else commonColumn\"\n                    class=\"mapa-table__column--status\"\n                    [style.backgroundColor]=\"getBackgroundColor(column, row)\"\n                    [style.color]=\"getTextColor(column, row)\"\n                    [class.mapa-table__column--status-round]=\"column.status?.style == 'round'\"\n                  >\n                    <div\n                      [ngTemplateOutlet]=\"tableContent\"\n                      [ngTemplateOutletContext]=\"{ selection, column, isFirst, checkbox, row }\"\n                    ></div>\n                  </div>\n                  <ng-template #commonColumn>\n                    <div\n                      [ngTemplateOutlet]=\"tableContent\"\n                      [ngTemplateOutletContext]=\"{ selection, column, isFirst, checkbox, row }\"\n                    ></div>\n                  </ng-template>\n                </div>\n              </div>\n            </ng-container>\n            <ng-template #columnActionsOrMenu>\n              <div\n                class=\"mapa-table__column--actions\"\n                *ngIf=\"column.key === 'actions' && actions\"\n              >\n                <div *ngFor=\"let item of row['actions'] || actions\">\n                  <a *ngIf=\"item.route; else commonClickAction\" [href]=\"item.route\" [routerLink]=\"item.route\">\n                    <button\n                      class=\"mapa-table__column--actions-item\"\n                      [title]=\"item.text\"\n                      mat-icon-button\n                    >\n                      <mat-icon *ngIf=\"item.icon\">{{item.icon}}</mat-icon>\n                      <img *ngIf=\"item.image\" [src]=\"item.image\" />\n                    </button>\n                  </a>\n                  <ng-template #commonClickAction>\n                    <button\n                      (click)=\"handleMenu({data: row, action: item.action})\"\n                      class=\"mapa-table__column--actions-item\"\n                      [title]=\"item.text\"\n                      mat-icon-button\n                    >\n                    </button>\n                  </ng-template>\n                </div>\n              </div>\n              <div class=\"mapa-table__column--menu\" *ngIf=\"column.key === 'menu'\">\n                <mapa-menu\n                  *ngIf=\"hasIndividualMenu(row); else generalMenu\"\n                  [items]=\"row?.menu\"\n                  [data]=\"row\"\n                  (emitMenu)=\"handleMenu($event)\"\n                ></mapa-menu>\n                <ng-template #generalMenu>\n                  <mapa-menu\n                    *ngIf=\"menuItems && menuItems.length > 0\"\n                    [items]=\"menuItems\"\n                    [data]=\"row\"\n                    (emitMenu)=\"handleMenu($event)\"\n                  ></mapa-menu>\n                </ng-template>\n              </div>\n            </ng-template>\n          </div>\n        </td>\n      </ng-container>\n\n      <tr mat-header-row *matHeaderRowDef=\"displayedColumns\"></tr>\n      <tr\n        mat-row\n        *matRowDef=\"let row; columns: displayedColumns;\"\n        class=\"row-hover\"\n      ></tr>\n    </table>\n  </div>\n  <section *ngIf=\"showPaginator\">\n    <mat-paginator\n      class=\"mapa-table__paginator-legacy\"\n      itemsPerPageLabel=\"Item por p\u00E1gina\"\n      appStylePaginatorMv\n      [length]=\"totalCount\"\n      [pageSize]=\"pageSize\"\n      [pageSizeOptions]=\"[5, 10, 25, 100]\"\n      (page)=\"changePage($event)\"\n    ></mat-paginator>\n  </section>\n</section>\n\n<ng-template\n  #tableHeader\n  let-selection=\"selection\"\n  let-column=\"column\"\n  let-isFirst=\"isFirst\"\n  let-checkbox=\"checkbox\"\n>\n  <ng-container *ngIf=\"isFirst && checkbox\">\n    <mat-checkbox\n      *ngIf=\"selection\"\n      (change)=\"$event ? toggleAllRows() : null\"\n      [checked]=\"selection.hasValue() && isAllSelected()\"\n      [indeterminate]=\"selection.hasValue() && !isAllSelected()\"\n      (click)=\"$event.stopPropagation()\"\n      color=\"primary\"\n    ></mat-checkbox>\n  </ng-container>\n  <div>\n    <span [innerHTML]=\"column.label\"></span>\n  </div>\n  <div\n    *ngIf=\"column.key !== 'actions' && column.key !== 'menu' && column.sort\"\n    class=\"mapa-table--show-on-desktop\">\n    <mat-icon>filter_list</mat-icon>\n  </div>\n</ng-template>\n\n<ng-template\n  #tableContent\n  let-selection=\"selection\"\n  let-column=\"column\"\n  let-isFirst=\"isFirst\"\n  let-checkbox=\"checkbox\"\n  let-row=\"row\"\n>\n  <ng-container *ngIf=\"isFirst && checkbox\">\n    <mat-checkbox\n      (click)=\"$event.stopPropagation()\"\n      (change)=\"$event ? selection?.toggle(row) : null; getSelectedValues()\"\n      [checked]=\"selection?.isSelected(row)\"\n      color=\"primary\"\n      class=\"mapa-table__checkbox\"\n    >\n    </mat-checkbox>\n  </ng-container>\n  <!-- POR FAVOR, N\u00C3O QUEBRE LINHA ENTRE NG-CONTAINER/TEMPLATE E O VALOR CONTE\u00DADO  -->\n  <ng-container *ngIf=\"isMaskedData(column, row); else statusContent\"\n    >{{ getValueAsDate(column, row) | date: column.mask }}</ng-container\n  >\n  <ng-template #statusContent>\n    <ng-container *ngIf=\"column.status; else commonContent\">\n      <ng-container *ngIf=\"isBoolean(column, row); else commonStatus\"\n        ><span [innerHTML]=\"column.status.label[row[column.key] ? 1 : 0]\"></span\n      ></ng-container>\n      <ng-template #commonStatus\n        ><span [innerHTML]=\"column.status.label[row[column.key]] || '-' \"></span\n      ></ng-template>\n    </ng-container>\n    <ng-template #commonContent\n      ><span [innerHTML]=\"row[column.key]\"></span\n    ></ng-template>\n  </ng-template>\n  <ng-template #statusContent>\n    <ng-template #commonContent\n      ><span [innerHTML]=\"row[column.key]\"></span\n    ></ng-template>\n  </ng-template>\n</ng-template>\n", styles: [".mapa-table .mat-table{font-family:Inter,Arial,Helvetica,sans-serif;width:100%}.mapa-table .mat-table .mat-checkbox{margin:6px 8px 0 0;padding:0}.mapa-table td.mat-cell{padding:16px 0}.mapa-table .mat-table .mat-row .mat-cell{font-family:Inter,Arial,Helvetica,sans-serif;font-size:16px;font-style:normal;font-weight:400;color:#50575e}.mapa-table .row-hover:hover{box-shadow:0 2px 4px #00000021;outline:1px solid rgba(238,238,238,.93);cursor:pointer}.mapa-table .mat-table .mat-header-cell{border:none;border-bottom:1px solid #eee;font-family:Inter,Arial,Helvetica,sans-serif;font-size:16px;font-style:normal;font-weight:600;color:#50575e}.mapa-table .mat-mdc-row,.mapa-table .mdc-data-table__content,.mapa-table .mat-mdc-header-cell{--mat-table-row-item-label-text-font: \"Inter\", Arial, Helvetica, sans-serif}.mapa-table .mat-checkbox.mat-accent .mat-checkbox-frame{border-color:#b6b6b6}.mapa-table .mat-checkbox.mat-accent.mat-checkbox-checked .mat-checkbox-frame{border-color:#ea561d}.mapa-table .mat-checkbox.mat-accent .mat-checkbox-background{background-color:transparent}.mapa-table .mat-checkbox.mat-accent.mat-checkbox-checked .mat-checkbox-background{background-color:#ea561d}.mapa-table .mat-mdc-paginator-container{display:flex;justify-content:space-between}.mapa-table ::ng-deep .mat-mdc-paginator-page-size-label{display:none}.mapa-table__paginator-legacy .mat-paginator-container{font-family:Inter!important;justify-content:flex-start}.mapa-table__paginator-legacy .mat-paginator-page-size{margin-right:10vw}.mapa-table__paginator-legacy .custom-paginator-container{justify-content:flex-end}.mapa-table__paginator-legacy .custom-paginator-counter{white-space:nowrap;margin:0 4px 0 10px!important}.mapa-table__paginator-legacy .custom-paginator-page{border-radius:4px;outline:none;border:none;margin:.4em;font-size:14px;min-width:24px;width:auto;min-height:24px;max-height:24px;padding:1px 6px}.mapa-table__paginator-legacy .custom-paginator-page-enabled{color:#50575e;background:transparent;cursor:pointer}.mapa-table__paginator-legacy .custom-paginator-page-enabled:hover{background-color:#dfe3e6}.mapa-table__paginator-legacy .custom-paginator-page-disabled{background-color:#ea561d;color:#fff}.mapa-table__paginator-legacy .custom-paginator-arrow-disabled{color:#dfe3e6}.mapa-table__paginator-legacy .custom-paginator-arrow-enabled{color:#999}.hidden{display:none}.mapa-table{width:100%;white-space:nowrap}@media (min-width: 1201px){.mapa-table--show-on-mobile{display:none}.mapa-table--show-on-desktop{display:block}}@media (max-width: 1200px){.mapa-table--show-on-mobile{padding:20px}.mapa-table--show-on-mobile .mapa__card{width:unset!important}.mapa-table--show-on-desktop{display:none}}.mapa-table__select-all{display:flex;align-items:center;padding:16px 24px;font-size:12px;text-transform:uppercase}@media (max-width: 1200px){.mapa-table__checkbox{margin-right:8px}.mapa-table__checkbox--header{padding-left:24px}}.mapa-table__card{position:relative;padding:24px;display:flex;flex-direction:row;flex-wrap:wrap;gap:16px}.mapa-table__card--floating-content{display:flex;align-items:center;flex-direction:row;flex-wrap:wrap;gap:8px}.mapa-table__card--floating-actions{position:absolute;bottom:16px;right:16px;color:#ea561d}.mapa-table__card--header{display:flex;flex-direction:row;flex-wrap:wrap;gap:8px;font-size:12px;text-transform:uppercase}.mapa-table__card--header mat-icon{height:16px;width:16px;font-size:16px}.mapa-table__card--column{padding:16px 0}.mapa-table__label{margin-top:4px}.mapa-table__column{padding:15px;align-items:center;display:flex}.mapa-table__column--actions{display:flex}.mapa-table__column--actions .mat-icon{color:#ea561d!important}.mapa-table__column--actions-item{display:flex;align-items:center}.mapa-table__column--actions-item img{margin-right:8px}.mapa-table__column--menu{display:flex;align-items:center;justify-content:center;gap:8px}.mapa-table__column--menu .mapa-table__column--menu-item-text{display:flex;align-items:center;justify-content:center;font-size:12px;line-height:16px!important}.mapa-table__column--menu-item{display:flex;align-items:center;width:unset!important;height:unset!important}.mapa-table__column--menu-item img{margin-right:8px}.mapa-table__column--menu-item button{color:#ea561d!important}.mapa-table__column--menu-item button span{font-size:12px;text-transform:uppercase;display:flex}.mapa-table__column--header{width:100%}.mapa-table__column--header .mat-icon{cursor:pointer;position:relative;bottom:-3px;margin:0 7px;font-size:14px;height:14px;width:14px}.mapa-table__column--status{margin:auto;text-align:center;width:min-content;border-radius:4px;padding:4px 8px}.mapa-table__column--status-round{border-radius:50px}.mapa-table__column--ellipsis{display:inline-block;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.mapa-table__column--no-wrap{white-space:nowrap}.mapa-table__column--wrap{white-space:pre-wrap}.mapa-table__column--center-cell{display:flex;align-items:center;justify-content:center;width:100%}.mapa-table--column-actions,.mapa-table--column-menu{width:100%}.mapa-table__content--value{color:#fff;font-weight:500}.mapa-table .mat-sort-header-arrow{color:transparent}.mapa-table .mat-sort-header-content{width:100%!important}.mapa-table .mat-cell,.mapa-table .mat-header-cell{padding:0 10px!important}.mapa-table .mat-table{width:100%;overflow-x:auto}@media (max-width: 1000px){.mapa-table .mat-paginator-range-actions{display:flex;align-items:center;justify-content:center;flex-wrap:wrap}.mapa-table .mat-paginator-range-label{padding:16px 0;text-align:center;width:100%}.mapa-table .mat-paginator-container{justify-content:center}}.mapa-table .classification{width:40px;height:40px;border-radius:24px;display:flex;justify-content:center;align-items:center}.mapa-table .roundCell{border-radius:10px}.mapa-table .general{border-radius:24px;border:1px solid #dcdcde;display:flex;justify-content:center;align-items:center;width:48px;height:48px}.mapa-table .name{color:#181818;text-align:left;font-family:Inter,Arial,Helvetica,sans-serif;font-size:14px;font-style:normal;font-weight:400;line-height:20px}.mapa-table .cpf{color:#77838f;text-align:left;font-family:Inter,Arial,Helvetica,sans-serif;font-size:12px;font-style:normal;font-weight:400;line-height:16px}.mapa-table .label_report{color:#181818;text-align:center;font-family:Inter,Arial,Helvetica,sans-serif;font-size:12px;font-style:normal;font-weight:400;line-height:16px}\n", ".classification-1{background-color:#073e92;color:#fff}.classification-2{background-color:#0e6ece;color:#fff}.classification-3{background-color:#2d9ced;color:#000}.classification-4{background-color:#68ceee;color:#000}.classification-5{background-color:#96f2ee;color:#000}.classification-6{background-color:#f598a7;color:#000}.classification-7{background-color:#f56580;color:#000}.classification-8{background-color:#f4284e;color:#fff}.classification-9{background-color:#c11c2f;color:#fff}.small-dot{width:12px;height:12px;border-radius:12px;padding:0;margin:0}.dot{width:16px;height:16px;border-radius:16px;padding:0;margin:0}.indicator{display:flex;padding:2px 4px 2px 16px;justify-content:space-between;align-items:center;border-radius:8px;font-family:Inter,Arial,Helvetica,sans-serif;font-size:16px;font-style:normal;font-weight:400}.display-S{font-family:Inter,Arial,Helvetica,sans-serif;font-size:20px;font-style:normal;font-weight:400}.display-L{font-family:Inter,Arial,Helvetica,sans-serif;font-size:32px;font-style:normal;font-weight:400}.display-XG{font-family:Inter,Arial,Helvetica,sans-serif;font-size:48px;font-style:normal;font-weight:400}*{transition:opacity .4s ease-out,max-height .4s ease-out}\n"], dependencies: [{ kind: "directive", type: i1$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1$1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i2$1.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "component", type: MapaMenuComponent, selector: "mapa-menu", inputs: ["items", "data"], outputs: ["emitMenu"] }, { kind: "component", type: MapaSvgIconComponent, selector: "mapa-svg-icon", inputs: ["name", "color"] }, { kind: "component", type: i5.MatButton, selector: "button[mat-button], button[mat-raised-button], button[mat-icon-button],             button[mat-fab], button[mat-mini-fab], button[mat-stroked-button],             button[mat-flat-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { kind: "component", type: i6.MatCheckbox, selector: "mat-checkbox", inputs: ["disableRipple", "color", "tabIndex"], exportAs: ["matCheckbox"] }, { kind: "component", type: i3.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: i1.MatPaginator, selector: "mat-paginator", inputs: ["disabled"], exportAs: ["matPaginator"] }, { kind: "component", type: i9.MatTable, selector: "mat-table, table[mat-table]", exportAs: ["matTable"] }, { kind: "directive", type: i9.MatHeaderCellDef, selector: "[matHeaderCellDef]" }, { kind: "directive", type: i9.MatHeaderRowDef, selector: "[matHeaderRowDef]", inputs: ["matHeaderRowDef", "matHeaderRowDefSticky"] }, { kind: "directive", type: i9.MatColumnDef, selector: "[matColumnDef]", inputs: ["sticky", "matColumnDef"] }, { kind: "directive", type: i9.MatCellDef, selector: "[matCellDef]" }, { kind: "directive", type: i9.MatRowDef, selector: "[matRowDef]", inputs: ["matRowDefColumns", "matRowDefWhen"] }, { kind: "directive", type: i9.MatHeaderCell, selector: "mat-header-cell, th[mat-header-cell]" }, { kind: "directive", type: i9.MatCell, selector: "mat-cell, td[mat-cell]" }, { kind: "component", type: i9.MatHeaderRow, selector: "mat-header-row, tr[mat-header-row]", exportAs: ["matHeaderRow"] }, { kind: "component", type: i9.MatRow, selector: "mat-row, tr[mat-row]", exportAs: ["matRow"] }, { kind: "directive", type: i10.MatSort, selector: "[matSort]", inputs: ["matSortDisabled", "matSortActive", "matSortStart", "matSortDirection", "matSortDisableClear"], outputs: ["matSortChange"], exportAs: ["matSort"] }, { kind: "component", type: i10.MatSortHeader, selector: "[mat-sort-header]", inputs: ["disabled", "mat-sort-header", "arrowPosition", "start", "sortActionDescription", "disableClear"], exportAs: ["matSortHeader"] }, { kind: "directive", type: PaginatorLegacyDirective, selector: "[appStylePaginatorMv]" }, { kind: "pipe", type: i1$1.DatePipe, name: "date" }], encapsulation: i0.ViewEncapsulation.None });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: MapaTableComponent, decorators: [{
             type: Component,
-            args: [{ selector: "mapa-table", encapsulation: ViewEncapsulation.None, template: "<section class=\"mapa-table\" *ngIf=\"dataSource && dataSource.data && dataSource.data.length > 0\">\n  <div class=\"mapa-table--show-on-mobile\">\n    <div *ngIf=\"checkbox\" class=\"mapa-table__select-all\">\n      <mat-checkbox\n        *ngIf=\"selection\"\n        (change)=\"$event ? toggleAllRows() : null\"\n        [checked]=\"selection.hasValue() && isAllSelected()\"\n        [indeterminate]=\"selection.hasValue() && !isAllSelected()\"\n        (click)=\"$event.stopPropagation()\"\n        color=\"primary\"\n      >Selecionar todos</mat-checkbox>\n    </div>\n    <div *ngFor=\"let row of dataSource.data.values(); let i = index\">\n      <div class=\"mapa-table__card mapa__card\">\n        <div *ngFor=\"let column of columns; let j = index; let isFirst = first\" [ngClass]=\"'mapa-table__card--column-' + column.key\">\n          <strong\n            class=\"mapa-table__card--header\"\n            [class.mapa-table__checkbox--header]=\"isFirst && checkbox\"\n            *ngIf=\"column.key !== 'actions' && column.key !== 'menu'\">\n            <div\n              [ngTemplateOutlet]=\"tableHeader\"\n              [ngTemplateOutletContext]=\"{ selection, column, isFirst, checkbox: false }\"\n              class=\"hidden\"\n            ></div>\n          </strong>\n          <div\n            class=\"mapa-table__card--column\"\n            [class.mapa-table__column--center-cell]=\"column?.align === 'center'\"\n          >\n            <ng-container\n              *ngIf=\"column.key !== 'actions' && column.key !== 'menu'; else columnActionsOrMenu\"\n            >\n              <div class=\"mapa-table__content\">\n                <div\n                  [style.width]=\"column?.width\"\n                  [class.mapa-table__column--ellipsis]=\"column?.collapse === 'overflow'\"\n                  [class.mapa-table__column--no-wrap]=\"column?.collapse === 'no-wrap'\"\n                  [class.mapa-table__column--wrap]=\"column?.collapse === 'wrap'\"\n                  [ngClass]=\"[hasCustomClass(column, row, column.key) ? getCustomClass(column, row, column.key) : '']\"\n                >\n                  <div\n                    *ngIf=\"column?.status?.color; else commonColumn\"\n                    class=\"mapa-table__column--status\"\n                    [style.backgroundColor]=\"getBackgroundColor(column, row)\"\n                    [style.color]=\"getTextColor(column, row)\"\n                    [class.mapa-table__column--status-round]=\"column.status?.style == 'round'\"\n                  >\n                    <div\n                      [ngTemplateOutlet]=\"tableContent\"\n                      [ngTemplateOutletContext]=\"{ selection, column, isFirst, checkbox, row }\"\n                    ></div>\n                  </div>\n                  <ng-template #commonColumn>\n                    <div\n                      [ngTemplateOutlet]=\"tableContent\"\n                      [ngTemplateOutletContext]=\"{ selection, column, isFirst, checkbox, row }\"\n                    ></div>\n                  </ng-template>\n                </div>\n              </div>\n            </ng-container>\n            <ng-template #columnActionsOrMenu>\n              <div *ngIf=\"column.key === 'actions' && actions\">\n                <button\n                  *ngFor=\"let item of actions\"\n                  (click)=\"handleMenu({data: row, action: item.action})\"\n                  class=\"mapa-table__column--actions-item\"\n                  [title]=\"item.text\"\n                  mat-icon-button\n                >\n                  <mat-icon *ngIf=\"item.icon\">{{ item.icon }}</mat-icon>\n                  <img *ngIf=\"item.image\" [src]=\"item.image\" />\n                </button>\n              </div>\n                \n              <div *ngIf=\"column.key === 'menu'\">\n                <div *ngIf=\"hasIndividualMenu(row); else generalMenu\" class=\"mapa-table__column--menu\">\n                  <button\n                    *ngFor=\"let item of getMenuItems(row)\"\n                    (click)=\"handleMenu({data: row, action: item.action})\"\n                    class=\"mapa-table__column--menu-item\"\n                    [title]=\"item.text\"\n                    mat-icon-button\n                  >\n                    <mat-icon *ngIf=\"item.icon\">{{ item.icon }}</mat-icon>\n                    <img *ngIf=\"item.image\" [src]=\"item.image\" />\n                    <span class=\"mapa-table__column--menu-item-text\">{{ item.text }}</span>\n                  </button>\n                </div>\n                <ng-template #generalMenu>\n                  <div class=\"mapa-table__column--menu\">\n                    <button\n                      *ngFor=\"let item of menuItems\"\n                      (click)=\"handleMenu({data: row, action: item.action})\"\n                      class=\"mapa-table__column--menu-item\"\n                      [title]=\"item.text\"\n                      mat-icon-button\n                    >\n                      <mat-icon *ngIf=\"item.icon\">{{ item.icon }}</mat-icon>\n                      <mapa-svg-icon *ngIf=\"item.image\" [name]=\"setSvgName(item.image)\" [color]=\"'#ea561d'\"></mapa-svg-icon>\n                      <span class=\"mapa-table__column--menu-item-text\">{{ item.text }}</span>\n                    </button>\n                  </div>\n                </ng-template>\n              </div>\n            </ng-template>\n          </div>\n        </div>\n      </div>\n    </div>\n  </div>\n  <div class=\"mapa-table--show-on-desktop\">\n    <table\n      mat-table\n      [dataSource]=\"dataSource\"\n      matSort\n      (matSortChange)=\"sortDataFunction($event)\"\n    >\n      <ng-container\n        *ngFor=\"let column of columns; let isFirst = first\"\n        [matColumnDef]=\"column.key\"\n      >\n        <th\n          mat-header-cell\n          *matHeaderCellDef\n          mat-sort-header\n          [disabled]=\"!(column.key !== 'actions' ? column.sort : null)\"\n        >\n          <div\n            [ngTemplateOutlet]=\"tableHeader\"\n            [ngTemplateOutletContext]=\"{ selection, column, isFirst, checkbox }\"\n          ></div>\n        </th>\n        <td mat-cell *matCellDef=\"let row\" [style.width]=\"column?.width\">\n          <div\n            class=\"mapa-table__column\"\n            (click)=\"emitRowClick(row, '')\"\n            [class.mapa-table__column--center-cell]=\"column?.align === 'center'\"\n          >\n            <ng-container\n              *ngIf=\"column.key !== 'actions' && column.key !== 'menu'; else columnActionsOrMenu\"\n            >\n              <div class=\"mapa-table__content\">\n                <div\n                  [style.width]=\"column?.width\"\n                  [class.mapa-table__column--ellipsis]=\"column?.collapse === 'overflow'\"\n                  [class.mapa-table__column--no-wrap]=\"column?.collapse === 'no-wrap'\"\n                  [class.mapa-table__column--wrap]=\"column?.collapse === 'wrap'\"\n                  [ngClass]=\"[hasCustomClass(column, row, column.key) ? getCustomClass(column, row, column.key) : '']\"\n                >\n                  <div\n                    *ngIf=\"column?.status?.color; else commonColumn\"\n                    class=\"mapa-table__column--status\"\n                    [style.backgroundColor]=\"getBackgroundColor(column, row)\"\n                    [style.color]=\"getTextColor(column, row)\"\n                    [class.mapa-table__column--status-round]=\"column.status?.style == 'round'\"\n                  >\n                    <div\n                      [ngTemplateOutlet]=\"tableContent\"\n                      [ngTemplateOutletContext]=\"{ selection, column, isFirst, checkbox, row }\"\n                    ></div>\n                  </div>\n                  <ng-template #commonColumn>\n                    <div\n                      [ngTemplateOutlet]=\"tableContent\"\n                      [ngTemplateOutletContext]=\"{ selection, column, isFirst, checkbox, row }\"\n                    ></div>\n                  </ng-template>\n                </div>\n              </div>\n            </ng-container>\n            <ng-template #columnActionsOrMenu>\n              <div\n                class=\"mapa-table__column--actions\"\n                *ngIf=\"column.key === 'actions' && actions\"\n              >\n                <button\n                  *ngFor=\"let item of actions\"\n                  (click)=\"handleMenu({data: row, action: item.action})\"\n                  class=\"mapa-table__column--actions-item\"\n                  [title]=\"item.text\"\n                  mat-icon-button\n                >\n                  <mat-icon *ngIf=\"item.icon\">{{item.icon}}</mat-icon>\n                  <img *ngIf=\"item.image\" [src]=\"item.image\" />\n                </button>\n              </div>\n              <div class=\"mapa-table__column--menu\" *ngIf=\"column.key === 'menu'\">\n                <mapa-menu\n                  *ngIf=\"hasIndividualMenu(row); else generalMenu\"\n                  [items]=\"row?.menu\"\n                  [data]=\"row\"\n                  (emitMenu)=\"handleMenu($event)\"\n                ></mapa-menu>\n                <ng-template #generalMenu>\n                  <mapa-menu\n                    *ngIf=\"menuItems && menuItems.length > 0\"\n                    [items]=\"menuItems\"\n                    [data]=\"row\"\n                    (emitMenu)=\"handleMenu($event)\"\n                  ></mapa-menu>\n                </ng-template>\n              </div>\n            </ng-template>\n          </div>\n        </td>\n      </ng-container>\n\n      <tr mat-header-row *matHeaderRowDef=\"displayedColumns\"></tr>\n      <tr\n        mat-row\n        *matRowDef=\"let row; columns: displayedColumns;\"\n        class=\"row-hover\"\n      ></tr>\n    </table>\n  </div>\n  <section *ngIf=\"showPaginator\">\n    <mat-paginator\n      class=\"mapa-table__paginator-legacy\"\n      itemsPerPageLabel=\"Item por p\u00E1gina\"\n      appStylePaginatorMv\n      [length]=\"totalCount\"\n      [pageSize]=\"pageSize\"\n      [pageSizeOptions]=\"[5, 10, 25, 100]\"\n      (page)=\"changePage($event)\"\n    ></mat-paginator>\n  </section>\n</section>\n\n<ng-template\n  #tableHeader\n  let-selection=\"selection\"\n  let-column=\"column\"\n  let-isFirst=\"isFirst\"\n  let-checkbox=\"checkbox\"\n>\n  <ng-container *ngIf=\"isFirst && checkbox\">\n    <mat-checkbox\n      *ngIf=\"selection\"\n      (change)=\"$event ? toggleAllRows() : null\"\n      [checked]=\"selection.hasValue() && isAllSelected()\"\n      [indeterminate]=\"selection.hasValue() && !isAllSelected()\"\n      (click)=\"$event.stopPropagation()\"\n      color=\"primary\"\n    ></mat-checkbox>\n  </ng-container>\n  <div>\n    <span [innerHTML]=\"column.label\"></span>\n  </div>\n  <div\n    *ngIf=\"column.key !== 'actions' && column.key !== 'menu' && column.sort\"\n    class=\"mapa-table--show-on-desktop\">\n    <mat-icon>filter_list</mat-icon>\n  </div>\n</ng-template>\n\n<ng-template\n  #tableContent\n  let-selection=\"selection\"\n  let-column=\"column\"\n  let-isFirst=\"isFirst\"\n  let-checkbox=\"checkbox\"\n  let-row=\"row\"\n>\n  <ng-container *ngIf=\"isFirst && checkbox\">\n    <mat-checkbox\n      (click)=\"$event.stopPropagation()\"\n      (change)=\"$event ? selection?.toggle(row) : null; getSelectedValues()\"\n      [checked]=\"selection?.isSelected(row)\"\n      color=\"primary\"\n      class=\"mapa-table__checkbox\"\n    >\n    </mat-checkbox>\n  </ng-container>\n  <!-- POR FAVOR, N\u00C3O QUEBRE LINHA ENTRE NG-CONTAINER/TEMPLATE E O VALOR CONTE\u00DADO  -->\n  <ng-container *ngIf=\"isMaskedData(column, row); else statusContent\"\n    >{{ getValueAsDate(column, row) | date: column.mask }}</ng-container\n  >\n  <ng-template #statusContent>\n    <ng-container *ngIf=\"column.status; else commonContent\">\n      <ng-container *ngIf=\"isBoolean(column, row); else commonStatus\"\n        ><span [innerHTML]=\"column.status.label[row[column.key] ? 1 : 0]\"></span\n      ></ng-container>\n      <ng-template #commonStatus\n        ><span [innerHTML]=\"column.status.label[row[column.key]] || '-' \"></span\n      ></ng-template>\n    </ng-container>\n    <ng-template #commonContent\n      ><span [innerHTML]=\"row[column.key]\"></span\n    ></ng-template>\n  </ng-template>\n  <ng-template #statusContent>\n    <ng-template #commonContent\n      ><span [innerHTML]=\"row[column.key]\"></span\n    ></ng-template>\n  </ng-template>\n</ng-template>\n", styles: [".mapa-table .mat-table{font-family:Inter,Arial,Helvetica,sans-serif;width:100%}.mapa-table .mat-table .mat-checkbox{margin:6px 8px 0 0;padding:0}.mapa-table td.mat-cell{padding:16px 0}.mapa-table .mat-table .mat-row .mat-cell{font-family:Inter,Arial,Helvetica,sans-serif;font-size:16px;font-style:normal;font-weight:400;color:#50575e}.mapa-table .row-hover:hover{box-shadow:0 2px 4px #00000021;outline:1px solid rgba(238,238,238,.93);cursor:pointer}.mapa-table .mat-table .mat-header-cell{border:none;border-bottom:1px solid #eee;font-family:Inter,Arial,Helvetica,sans-serif;font-size:16px;font-style:normal;font-weight:600;color:#50575e}.mapa-table .mat-mdc-row,.mapa-table .mdc-data-table__content,.mapa-table .mat-mdc-header-cell{--mat-table-row-item-label-text-font: \"Inter\", Arial, Helvetica, sans-serif}.mapa-table .mat-checkbox.mat-accent .mat-checkbox-frame{border-color:#b6b6b6}.mapa-table .mat-checkbox.mat-accent.mat-checkbox-checked .mat-checkbox-frame{border-color:#ea561d}.mapa-table .mat-checkbox.mat-accent .mat-checkbox-background{background-color:transparent}.mapa-table .mat-checkbox.mat-accent.mat-checkbox-checked .mat-checkbox-background{background-color:#ea561d}.mapa-table .mat-mdc-paginator-container{display:flex;justify-content:space-between}.mapa-table ::ng-deep .mat-mdc-paginator-page-size-label{display:none}.mapa-table__paginator-legacy .mat-paginator-container{font-family:Inter!important;justify-content:flex-start}.mapa-table__paginator-legacy .mat-paginator-page-size{margin-right:10vw}.mapa-table__paginator-legacy .custom-paginator-container{justify-content:flex-end}.mapa-table__paginator-legacy .custom-paginator-counter{white-space:nowrap;margin:0 4px 0 10px!important}.mapa-table__paginator-legacy .custom-paginator-page{border-radius:4px;outline:none;border:none;margin:.4em;font-size:14px;min-width:24px;width:auto;min-height:24px;max-height:24px;padding:1px 6px}.mapa-table__paginator-legacy .custom-paginator-page-enabled{color:#50575e;background:transparent;cursor:pointer}.mapa-table__paginator-legacy .custom-paginator-page-enabled:hover{background-color:#dfe3e6}.mapa-table__paginator-legacy .custom-paginator-page-disabled{background-color:#ea561d;color:#fff}.mapa-table__paginator-legacy .custom-paginator-arrow-disabled{color:#dfe3e6}.mapa-table__paginator-legacy .custom-paginator-arrow-enabled{color:#999}.hidden{display:none}.mapa-table{width:100%;white-space:nowrap}@media (min-width: 1201px){.mapa-table--show-on-mobile{display:none}.mapa-table--show-on-desktop{display:block}}@media (max-width: 1200px){.mapa-table--show-on-mobile{padding:20px}.mapa-table--show-on-mobile .mapa__card{width:unset!important}.mapa-table--show-on-desktop{display:none}}.mapa-table__select-all{display:flex;align-items:center;padding:16px 24px;font-size:12px;text-transform:uppercase}@media (max-width: 1200px){.mapa-table__checkbox{margin-right:8px}.mapa-table__checkbox--header{padding-left:24px}}.mapa-table__card{position:relative;padding:24px;display:flex;flex-direction:row;flex-wrap:wrap;gap:16px}.mapa-table__card--floating-content{display:flex;align-items:center;flex-direction:row;flex-wrap:wrap;gap:8px}.mapa-table__card--floating-actions{position:absolute;bottom:16px;right:16px;color:#ea561d}.mapa-table__card--header{display:flex;flex-direction:row;flex-wrap:wrap;gap:8px;font-size:12px;text-transform:uppercase}.mapa-table__card--header mat-icon{height:16px;width:16px;font-size:16px}.mapa-table__card--column{padding:16px 0}.mapa-table__label{margin-top:4px}.mapa-table__column{padding:15px;align-items:center;display:flex}.mapa-table__column--actions{display:flex}.mapa-table__column--actions .mat-icon{color:#ea561d!important}.mapa-table__column--actions-item{display:flex;align-items:center}.mapa-table__column--actions-item img{margin-right:8px}.mapa-table__column--menu{display:flex;align-items:center;justify-content:center;gap:8px}.mapa-table__column--menu .mapa-table__column--menu-item-text{display:flex;align-items:center;justify-content:center;font-size:12px;line-height:16px!important}.mapa-table__column--menu-item{display:flex;align-items:center;width:unset!important;height:unset!important}.mapa-table__column--menu-item img{margin-right:8px}.mapa-table__column--menu-item button{color:#ea561d!important}.mapa-table__column--menu-item button span{font-size:12px;text-transform:uppercase;display:flex}.mapa-table__column--header{width:100%}.mapa-table__column--header .mat-icon{cursor:pointer;position:relative;bottom:-3px;margin:0 7px;font-size:14px;height:14px;width:14px}.mapa-table__column--status{margin:auto;text-align:center;width:min-content;border-radius:4px;padding:4px 8px}.mapa-table__column--status-round{border-radius:50px}.mapa-table__column--ellipsis{display:inline-block;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.mapa-table__column--no-wrap{white-space:nowrap}.mapa-table__column--wrap{white-space:pre-wrap}.mapa-table__column--center-cell{display:flex;align-items:center;justify-content:center;width:100%}.mapa-table--column-actions,.mapa-table--column-menu{width:100%}.mapa-table__content--value{color:#fff;font-weight:500}.mapa-table .mat-sort-header-arrow{color:transparent}.mapa-table .mat-sort-header-content{width:100%!important}.mapa-table .mat-cell,.mapa-table .mat-header-cell{padding:0 10px!important}.mapa-table .mat-table{width:100%;overflow-x:auto}@media (max-width: 1000px){.mapa-table .mat-paginator-range-actions{display:flex;align-items:center;justify-content:center;flex-wrap:wrap}.mapa-table .mat-paginator-range-label{padding:16px 0;text-align:center;width:100%}.mapa-table .mat-paginator-container{justify-content:center}}.mapa-table .classification{width:40px;height:40px;border-radius:24px;display:flex;justify-content:center;align-items:center}.mapa-table .roundCell{border-radius:10px}.mapa-table .general{border-radius:24px;border:1px solid #dcdcde;display:flex;justify-content:center;align-items:center;width:48px;height:48px}.mapa-table .name{color:#181818;text-align:left;font-family:Inter,Arial,Helvetica,sans-serif;font-size:14px;font-style:normal;font-weight:400;line-height:20px}.mapa-table .cpf{color:#77838f;text-align:left;font-family:Inter,Arial,Helvetica,sans-serif;font-size:12px;font-style:normal;font-weight:400;line-height:16px}.mapa-table .label_report{color:#181818;text-align:center;font-family:Inter,Arial,Helvetica,sans-serif;font-size:12px;font-style:normal;font-weight:400;line-height:16px}\n", ".classification-1{background-color:#073e92;color:#fff}.classification-2{background-color:#0e6ece;color:#fff}.classification-3{background-color:#2d9ced;color:#000}.classification-4{background-color:#68ceee;color:#000}.classification-5{background-color:#96f2ee;color:#000}.classification-6{background-color:#f598a7;color:#000}.classification-7{background-color:#f56580;color:#000}.classification-8{background-color:#f4284e;color:#fff}.classification-9{background-color:#c11c2f;color:#fff}.small-dot{width:12px;height:12px;border-radius:12px;padding:0;margin:0}.dot{width:16px;height:16px;border-radius:16px;padding:0;margin:0}.indicator{display:flex;padding:2px 4px 2px 16px;justify-content:space-between;align-items:center;border-radius:8px;font-family:Inter,Arial,Helvetica,sans-serif;font-size:16px;font-style:normal;font-weight:400}.display-S{font-family:Inter,Arial,Helvetica,sans-serif;font-size:20px;font-style:normal;font-weight:400}.display-L{font-family:Inter,Arial,Helvetica,sans-serif;font-size:32px;font-style:normal;font-weight:400}.display-XG{font-family:Inter,Arial,Helvetica,sans-serif;font-size:48px;font-style:normal;font-weight:400}*{transition:opacity .4s ease-out,max-height .4s ease-out}\n"] }]
+            args: [{ selector: "mapa-table", encapsulation: ViewEncapsulation.None, template: "<section class=\"mapa-table\" *ngIf=\"dataSource && dataSource.data && dataSource.data.length > 0\">\n  <div class=\"mapa-table--show-on-mobile\">\n    <div *ngIf=\"checkbox\" class=\"mapa-table__select-all\">\n      <mat-checkbox\n        *ngIf=\"selection\"\n        (change)=\"$event ? toggleAllRows() : null\"\n        [checked]=\"selection.hasValue() && isAllSelected()\"\n        [indeterminate]=\"selection.hasValue() && !isAllSelected()\"\n        (click)=\"$event.stopPropagation()\"\n        color=\"primary\"\n      >Selecionar todos</mat-checkbox>\n    </div>\n    <div *ngFor=\"let row of dataSource.data.values(); let i = index\">\n      <div class=\"mapa-table__card mapa__card\">\n        <div *ngFor=\"let column of columns; let j = index; let isFirst = first\" [ngClass]=\"'mapa-table__card--column-' + column.key\">\n          <strong\n            class=\"mapa-table__card--header\"\n            [class.mapa-table__checkbox--header]=\"isFirst && checkbox\"\n            *ngIf=\"column.key !== 'actions' && column.key !== 'menu'\">\n            <div\n              [ngTemplateOutlet]=\"tableHeader\"\n              [ngTemplateOutletContext]=\"{ selection, column, isFirst, checkbox: false }\"\n              class=\"hidden\"\n            ></div>\n          </strong>\n          <div\n            class=\"mapa-table__card--column\"\n            [class.mapa-table__column--center-cell]=\"column?.align === 'center'\"\n          >\n            <ng-container\n              *ngIf=\"column.key !== 'actions' && column.key !== 'menu'; else columnActionsOrMenu\"\n            >\n              <div class=\"mapa-table__content\">\n                <div\n                  [style.width]=\"column?.width\"\n                  [class.mapa-table__column--ellipsis]=\"column?.collapse === 'overflow'\"\n                  [class.mapa-table__column--no-wrap]=\"column?.collapse === 'no-wrap'\"\n                  [class.mapa-table__column--wrap]=\"column?.collapse === 'wrap'\"\n                  [ngClass]=\"[hasCustomClass(column, row, column.key) ? getCustomClass(column, row, column.key) : '']\"\n                >\n                  <div\n                    *ngIf=\"column?.status?.color; else commonColumn\"\n                    class=\"mapa-table__column--status\"\n                    [style.backgroundColor]=\"getBackgroundColor(column, row)\"\n                    [style.color]=\"getTextColor(column, row)\"\n                    [class.mapa-table__column--status-round]=\"column.status?.style == 'round'\"\n                  >\n                    <div\n                      [ngTemplateOutlet]=\"tableContent\"\n                      [ngTemplateOutletContext]=\"{ selection, column, isFirst, checkbox, row }\"\n                    ></div>\n                  </div>\n                  <ng-template #commonColumn>\n                    <div\n                      [ngTemplateOutlet]=\"tableContent\"\n                      [ngTemplateOutletContext]=\"{ selection, column, isFirst, checkbox, row }\"\n                    ></div>\n                  </ng-template>\n                </div>\n              </div>\n            </ng-container>\n            <ng-template #columnActionsOrMenu>\n              <div *ngIf=\"column.key === 'actions' && actions\">\n                <div *ngFor=\"let item of getContentFromColumn(row, 'actions') || actions\">\n                  <a *ngIf=\"item.route; else commonClickAction\" [href]=\"item.route\" [routerLink]=\"item.route\">\n                    <button\n                      class=\"mapa-table__column--actions-item\"\n                      [title]=\"item.text\"\n                      mat-icon-button\n                    >\n                      <mat-icon *ngIf=\"item.icon\">{{item.icon}}</mat-icon>\n                      <img *ngIf=\"item.image\" [src]=\"item.image\" />\n                    </button>\n                  </a>\n                  <ng-template #commonClickAction>\n                    <button\n                      (click)=\"handleMenu({data: row, action: item.action})\"\n                      class=\"mapa-table__column--actions-item\"\n                      [title]=\"item.text\"\n                      mat-icon-button\n                    >\n                    </button>\n                  </ng-template>\n                </div>\n              </div>\n                \n              <div *ngIf=\"column.key === 'menu'\">\n                <div *ngIf=\"hasIndividualMenu(row); else generalMenu\" class=\"mapa-table__column--menu\">\n                  <button\n                    *ngFor=\"let item of getMenuItems(row)\"\n                    (click)=\"handleMenu({data: row, action: item.action})\"\n                    class=\"mapa-table__column--menu-item\"\n                    [title]=\"item.text\"\n                    mat-icon-button\n                  >\n                    <mat-icon *ngIf=\"item.icon\">{{ item.icon }}</mat-icon>\n                    <img *ngIf=\"item.image\" [src]=\"item.image\" />\n                    <span class=\"mapa-table__column--menu-item-text\">{{ item.text }}</span>\n                  </button>\n                </div>\n                <ng-template #generalMenu>\n                  <div class=\"mapa-table__column--menu\">\n                    <button\n                      *ngFor=\"let item of menuItems\"\n                      (click)=\"handleMenu({data: row, action: item.action})\"\n                      class=\"mapa-table__column--menu-item\"\n                      [title]=\"item.text\"\n                      mat-icon-button\n                    >\n                      <mat-icon *ngIf=\"item.icon\">{{ item.icon }}</mat-icon>\n                      <mapa-svg-icon *ngIf=\"item.image\" [name]=\"setSvgName(item.image)\" [color]=\"'#ea561d'\"></mapa-svg-icon>\n                      <span class=\"mapa-table__column--menu-item-text\">{{ item.text }}</span>\n                    </button>\n                  </div>\n                </ng-template>\n              </div>\n            </ng-template>\n          </div>\n        </div>\n      </div>\n    </div>\n  </div>\n  <div class=\"mapa-table--show-on-desktop\">\n    <table\n      mat-table\n      [dataSource]=\"dataSource\"\n      matSort\n      (matSortChange)=\"sortDataFunction($event)\"\n    >\n      <ng-container\n        *ngFor=\"let column of columns; let isFirst = first\"\n        [matColumnDef]=\"column.key\"\n      >\n        <th\n          mat-header-cell\n          *matHeaderCellDef\n          mat-sort-header\n          [disabled]=\"!(column.key !== 'actions' ? column.sort : null)\"\n        >\n          <div\n            [ngTemplateOutlet]=\"tableHeader\"\n            [ngTemplateOutletContext]=\"{ selection, column, isFirst, checkbox }\"\n          ></div>\n        </th>\n        <td mat-cell *matCellDef=\"let row\" [style.width]=\"column?.width\">\n          <div\n            class=\"mapa-table__column\"\n            (click)=\"emitRowClick(row, '')\"\n            [class.mapa-table__column--center-cell]=\"column?.align === 'center'\"\n          >\n            <ng-container\n              *ngIf=\"column.key !== 'actions' && column.key !== 'menu'; else columnActionsOrMenu\"\n            >\n              <div class=\"mapa-table__content\">\n                <div\n                  [style.width]=\"column?.width\"\n                  [class.mapa-table__column--ellipsis]=\"column?.collapse === 'overflow'\"\n                  [class.mapa-table__column--no-wrap]=\"column?.collapse === 'no-wrap'\"\n                  [class.mapa-table__column--wrap]=\"column?.collapse === 'wrap'\"\n                  [ngClass]=\"[hasCustomClass(column, row, column.key) ? getCustomClass(column, row, column.key) : '']\"\n                >\n                  <div\n                    *ngIf=\"column?.status?.color; else commonColumn\"\n                    class=\"mapa-table__column--status\"\n                    [style.backgroundColor]=\"getBackgroundColor(column, row)\"\n                    [style.color]=\"getTextColor(column, row)\"\n                    [class.mapa-table__column--status-round]=\"column.status?.style == 'round'\"\n                  >\n                    <div\n                      [ngTemplateOutlet]=\"tableContent\"\n                      [ngTemplateOutletContext]=\"{ selection, column, isFirst, checkbox, row }\"\n                    ></div>\n                  </div>\n                  <ng-template #commonColumn>\n                    <div\n                      [ngTemplateOutlet]=\"tableContent\"\n                      [ngTemplateOutletContext]=\"{ selection, column, isFirst, checkbox, row }\"\n                    ></div>\n                  </ng-template>\n                </div>\n              </div>\n            </ng-container>\n            <ng-template #columnActionsOrMenu>\n              <div\n                class=\"mapa-table__column--actions\"\n                *ngIf=\"column.key === 'actions' && actions\"\n              >\n                <div *ngFor=\"let item of row['actions'] || actions\">\n                  <a *ngIf=\"item.route; else commonClickAction\" [href]=\"item.route\" [routerLink]=\"item.route\">\n                    <button\n                      class=\"mapa-table__column--actions-item\"\n                      [title]=\"item.text\"\n                      mat-icon-button\n                    >\n                      <mat-icon *ngIf=\"item.icon\">{{item.icon}}</mat-icon>\n                      <img *ngIf=\"item.image\" [src]=\"item.image\" />\n                    </button>\n                  </a>\n                  <ng-template #commonClickAction>\n                    <button\n                      (click)=\"handleMenu({data: row, action: item.action})\"\n                      class=\"mapa-table__column--actions-item\"\n                      [title]=\"item.text\"\n                      mat-icon-button\n                    >\n                    </button>\n                  </ng-template>\n                </div>\n              </div>\n              <div class=\"mapa-table__column--menu\" *ngIf=\"column.key === 'menu'\">\n                <mapa-menu\n                  *ngIf=\"hasIndividualMenu(row); else generalMenu\"\n                  [items]=\"row?.menu\"\n                  [data]=\"row\"\n                  (emitMenu)=\"handleMenu($event)\"\n                ></mapa-menu>\n                <ng-template #generalMenu>\n                  <mapa-menu\n                    *ngIf=\"menuItems && menuItems.length > 0\"\n                    [items]=\"menuItems\"\n                    [data]=\"row\"\n                    (emitMenu)=\"handleMenu($event)\"\n                  ></mapa-menu>\n                </ng-template>\n              </div>\n            </ng-template>\n          </div>\n        </td>\n      </ng-container>\n\n      <tr mat-header-row *matHeaderRowDef=\"displayedColumns\"></tr>\n      <tr\n        mat-row\n        *matRowDef=\"let row; columns: displayedColumns;\"\n        class=\"row-hover\"\n      ></tr>\n    </table>\n  </div>\n  <section *ngIf=\"showPaginator\">\n    <mat-paginator\n      class=\"mapa-table__paginator-legacy\"\n      itemsPerPageLabel=\"Item por p\u00E1gina\"\n      appStylePaginatorMv\n      [length]=\"totalCount\"\n      [pageSize]=\"pageSize\"\n      [pageSizeOptions]=\"[5, 10, 25, 100]\"\n      (page)=\"changePage($event)\"\n    ></mat-paginator>\n  </section>\n</section>\n\n<ng-template\n  #tableHeader\n  let-selection=\"selection\"\n  let-column=\"column\"\n  let-isFirst=\"isFirst\"\n  let-checkbox=\"checkbox\"\n>\n  <ng-container *ngIf=\"isFirst && checkbox\">\n    <mat-checkbox\n      *ngIf=\"selection\"\n      (change)=\"$event ? toggleAllRows() : null\"\n      [checked]=\"selection.hasValue() && isAllSelected()\"\n      [indeterminate]=\"selection.hasValue() && !isAllSelected()\"\n      (click)=\"$event.stopPropagation()\"\n      color=\"primary\"\n    ></mat-checkbox>\n  </ng-container>\n  <div>\n    <span [innerHTML]=\"column.label\"></span>\n  </div>\n  <div\n    *ngIf=\"column.key !== 'actions' && column.key !== 'menu' && column.sort\"\n    class=\"mapa-table--show-on-desktop\">\n    <mat-icon>filter_list</mat-icon>\n  </div>\n</ng-template>\n\n<ng-template\n  #tableContent\n  let-selection=\"selection\"\n  let-column=\"column\"\n  let-isFirst=\"isFirst\"\n  let-checkbox=\"checkbox\"\n  let-row=\"row\"\n>\n  <ng-container *ngIf=\"isFirst && checkbox\">\n    <mat-checkbox\n      (click)=\"$event.stopPropagation()\"\n      (change)=\"$event ? selection?.toggle(row) : null; getSelectedValues()\"\n      [checked]=\"selection?.isSelected(row)\"\n      color=\"primary\"\n      class=\"mapa-table__checkbox\"\n    >\n    </mat-checkbox>\n  </ng-container>\n  <!-- POR FAVOR, N\u00C3O QUEBRE LINHA ENTRE NG-CONTAINER/TEMPLATE E O VALOR CONTE\u00DADO  -->\n  <ng-container *ngIf=\"isMaskedData(column, row); else statusContent\"\n    >{{ getValueAsDate(column, row) | date: column.mask }}</ng-container\n  >\n  <ng-template #statusContent>\n    <ng-container *ngIf=\"column.status; else commonContent\">\n      <ng-container *ngIf=\"isBoolean(column, row); else commonStatus\"\n        ><span [innerHTML]=\"column.status.label[row[column.key] ? 1 : 0]\"></span\n      ></ng-container>\n      <ng-template #commonStatus\n        ><span [innerHTML]=\"column.status.label[row[column.key]] || '-' \"></span\n      ></ng-template>\n    </ng-container>\n    <ng-template #commonContent\n      ><span [innerHTML]=\"row[column.key]\"></span\n    ></ng-template>\n  </ng-template>\n  <ng-template #statusContent>\n    <ng-template #commonContent\n      ><span [innerHTML]=\"row[column.key]\"></span\n    ></ng-template>\n  </ng-template>\n</ng-template>\n", styles: [".mapa-table .mat-table{font-family:Inter,Arial,Helvetica,sans-serif;width:100%}.mapa-table .mat-table .mat-checkbox{margin:6px 8px 0 0;padding:0}.mapa-table td.mat-cell{padding:16px 0}.mapa-table .mat-table .mat-row .mat-cell{font-family:Inter,Arial,Helvetica,sans-serif;font-size:16px;font-style:normal;font-weight:400;color:#50575e}.mapa-table .row-hover:hover{box-shadow:0 2px 4px #00000021;outline:1px solid rgba(238,238,238,.93);cursor:pointer}.mapa-table .mat-table .mat-header-cell{border:none;border-bottom:1px solid #eee;font-family:Inter,Arial,Helvetica,sans-serif;font-size:16px;font-style:normal;font-weight:600;color:#50575e}.mapa-table .mat-mdc-row,.mapa-table .mdc-data-table__content,.mapa-table .mat-mdc-header-cell{--mat-table-row-item-label-text-font: \"Inter\", Arial, Helvetica, sans-serif}.mapa-table .mat-checkbox.mat-accent .mat-checkbox-frame{border-color:#b6b6b6}.mapa-table .mat-checkbox.mat-accent.mat-checkbox-checked .mat-checkbox-frame{border-color:#ea561d}.mapa-table .mat-checkbox.mat-accent .mat-checkbox-background{background-color:transparent}.mapa-table .mat-checkbox.mat-accent.mat-checkbox-checked .mat-checkbox-background{background-color:#ea561d}.mapa-table .mat-mdc-paginator-container{display:flex;justify-content:space-between}.mapa-table ::ng-deep .mat-mdc-paginator-page-size-label{display:none}.mapa-table__paginator-legacy .mat-paginator-container{font-family:Inter!important;justify-content:flex-start}.mapa-table__paginator-legacy .mat-paginator-page-size{margin-right:10vw}.mapa-table__paginator-legacy .custom-paginator-container{justify-content:flex-end}.mapa-table__paginator-legacy .custom-paginator-counter{white-space:nowrap;margin:0 4px 0 10px!important}.mapa-table__paginator-legacy .custom-paginator-page{border-radius:4px;outline:none;border:none;margin:.4em;font-size:14px;min-width:24px;width:auto;min-height:24px;max-height:24px;padding:1px 6px}.mapa-table__paginator-legacy .custom-paginator-page-enabled{color:#50575e;background:transparent;cursor:pointer}.mapa-table__paginator-legacy .custom-paginator-page-enabled:hover{background-color:#dfe3e6}.mapa-table__paginator-legacy .custom-paginator-page-disabled{background-color:#ea561d;color:#fff}.mapa-table__paginator-legacy .custom-paginator-arrow-disabled{color:#dfe3e6}.mapa-table__paginator-legacy .custom-paginator-arrow-enabled{color:#999}.hidden{display:none}.mapa-table{width:100%;white-space:nowrap}@media (min-width: 1201px){.mapa-table--show-on-mobile{display:none}.mapa-table--show-on-desktop{display:block}}@media (max-width: 1200px){.mapa-table--show-on-mobile{padding:20px}.mapa-table--show-on-mobile .mapa__card{width:unset!important}.mapa-table--show-on-desktop{display:none}}.mapa-table__select-all{display:flex;align-items:center;padding:16px 24px;font-size:12px;text-transform:uppercase}@media (max-width: 1200px){.mapa-table__checkbox{margin-right:8px}.mapa-table__checkbox--header{padding-left:24px}}.mapa-table__card{position:relative;padding:24px;display:flex;flex-direction:row;flex-wrap:wrap;gap:16px}.mapa-table__card--floating-content{display:flex;align-items:center;flex-direction:row;flex-wrap:wrap;gap:8px}.mapa-table__card--floating-actions{position:absolute;bottom:16px;right:16px;color:#ea561d}.mapa-table__card--header{display:flex;flex-direction:row;flex-wrap:wrap;gap:8px;font-size:12px;text-transform:uppercase}.mapa-table__card--header mat-icon{height:16px;width:16px;font-size:16px}.mapa-table__card--column{padding:16px 0}.mapa-table__label{margin-top:4px}.mapa-table__column{padding:15px;align-items:center;display:flex}.mapa-table__column--actions{display:flex}.mapa-table__column--actions .mat-icon{color:#ea561d!important}.mapa-table__column--actions-item{display:flex;align-items:center}.mapa-table__column--actions-item img{margin-right:8px}.mapa-table__column--menu{display:flex;align-items:center;justify-content:center;gap:8px}.mapa-table__column--menu .mapa-table__column--menu-item-text{display:flex;align-items:center;justify-content:center;font-size:12px;line-height:16px!important}.mapa-table__column--menu-item{display:flex;align-items:center;width:unset!important;height:unset!important}.mapa-table__column--menu-item img{margin-right:8px}.mapa-table__column--menu-item button{color:#ea561d!important}.mapa-table__column--menu-item button span{font-size:12px;text-transform:uppercase;display:flex}.mapa-table__column--header{width:100%}.mapa-table__column--header .mat-icon{cursor:pointer;position:relative;bottom:-3px;margin:0 7px;font-size:14px;height:14px;width:14px}.mapa-table__column--status{margin:auto;text-align:center;width:min-content;border-radius:4px;padding:4px 8px}.mapa-table__column--status-round{border-radius:50px}.mapa-table__column--ellipsis{display:inline-block;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.mapa-table__column--no-wrap{white-space:nowrap}.mapa-table__column--wrap{white-space:pre-wrap}.mapa-table__column--center-cell{display:flex;align-items:center;justify-content:center;width:100%}.mapa-table--column-actions,.mapa-table--column-menu{width:100%}.mapa-table__content--value{color:#fff;font-weight:500}.mapa-table .mat-sort-header-arrow{color:transparent}.mapa-table .mat-sort-header-content{width:100%!important}.mapa-table .mat-cell,.mapa-table .mat-header-cell{padding:0 10px!important}.mapa-table .mat-table{width:100%;overflow-x:auto}@media (max-width: 1000px){.mapa-table .mat-paginator-range-actions{display:flex;align-items:center;justify-content:center;flex-wrap:wrap}.mapa-table .mat-paginator-range-label{padding:16px 0;text-align:center;width:100%}.mapa-table .mat-paginator-container{justify-content:center}}.mapa-table .classification{width:40px;height:40px;border-radius:24px;display:flex;justify-content:center;align-items:center}.mapa-table .roundCell{border-radius:10px}.mapa-table .general{border-radius:24px;border:1px solid #dcdcde;display:flex;justify-content:center;align-items:center;width:48px;height:48px}.mapa-table .name{color:#181818;text-align:left;font-family:Inter,Arial,Helvetica,sans-serif;font-size:14px;font-style:normal;font-weight:400;line-height:20px}.mapa-table .cpf{color:#77838f;text-align:left;font-family:Inter,Arial,Helvetica,sans-serif;font-size:12px;font-style:normal;font-weight:400;line-height:16px}.mapa-table .label_report{color:#181818;text-align:center;font-family:Inter,Arial,Helvetica,sans-serif;font-size:12px;font-style:normal;font-weight:400;line-height:16px}\n", ".classification-1{background-color:#073e92;color:#fff}.classification-2{background-color:#0e6ece;color:#fff}.classification-3{background-color:#2d9ced;color:#000}.classification-4{background-color:#68ceee;color:#000}.classification-5{background-color:#96f2ee;color:#000}.classification-6{background-color:#f598a7;color:#000}.classification-7{background-color:#f56580;color:#000}.classification-8{background-color:#f4284e;color:#fff}.classification-9{background-color:#c11c2f;color:#fff}.small-dot{width:12px;height:12px;border-radius:12px;padding:0;margin:0}.dot{width:16px;height:16px;border-radius:16px;padding:0;margin:0}.indicator{display:flex;padding:2px 4px 2px 16px;justify-content:space-between;align-items:center;border-radius:8px;font-family:Inter,Arial,Helvetica,sans-serif;font-size:16px;font-style:normal;font-weight:400}.display-S{font-family:Inter,Arial,Helvetica,sans-serif;font-size:20px;font-style:normal;font-weight:400}.display-L{font-family:Inter,Arial,Helvetica,sans-serif;font-size:32px;font-style:normal;font-weight:400}.display-XG{font-family:Inter,Arial,Helvetica,sans-serif;font-size:48px;font-style:normal;font-weight:400}*{transition:opacity .4s ease-out,max-height .4s ease-out}\n"] }]
         }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }]; }, propDecorators: { columns: [{
                 type: Input
             }], data: [{
@@ -730,6 +737,7 @@ class MapaTableModule {
 }
 MapaTableModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: MapaTableModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
 MapaTableModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.10", ngImport: i0, type: MapaTableModule, declarations: [MapaTableComponent], imports: [CommonModule,
+        RouterModule,
         MapaMenuModule,
         MapaSvgIconModule,
         MatButtonModule,
@@ -746,6 +754,7 @@ MapaTableModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version
         { provide: MatPaginatorIntl, useValue: CustomPaginator() },
         CPFPipe,
     ], imports: [CommonModule,
+        RouterModule,
         MapaMenuModule,
         MapaSvgIconModule,
         MatButtonModule,
@@ -763,6 +772,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
                     declarations: [MapaTableComponent],
                     imports: [
                         CommonModule,
+                        RouterModule,
                         MapaMenuModule,
                         MapaSvgIconModule,
                         MatButtonModule,