mapa-library-ui 0.4.2 → 0.5.1

package/fesm2015/mapa-library-ui-src-lib-components-dropdown.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"mapa-library-ui-src-lib-components-dropdown.mjs","sources":["../../../projects/mapa-library-ui/src/lib/core/elements/element-base.ts","../../../projects/mapa-library-ui/src/lib/core/elements/dropdown.ts","../../../projects/mapa-library-ui/src/lib/components/dropdown/src/dropdown.component.ts","../../../projects/mapa-library-ui/src/lib/components/dropdown/src/dropdown.component.html","../../../projects/mapa-library-ui/src/lib/components/dropdown/src/dropdown.module.ts","../../../projects/mapa-library-ui/src/lib/components/dropdown/public-api.ts","../../../projects/mapa-library-ui/src/dropdown.ts","../../../projects/mapa-library-ui/src/mapa-library-ui-src-lib-components-dropdown.ts"],"sourcesContent":["import { ElementOption } from \"../interfaces/element-option.interface\";\nimport { ElementSearch } from \"./element-search\";\nimport { Errors } from \"./errors\";\n\nexport class ElementBase {\n  value: string;\n  key: string;\n  label: string;\n  required: boolean;\n  order: number;\n  controlType: string;\n  type: string;\n  placeholder?: string;\n  hint?: string;\n  prefix?: string;\n  suffix?: string;\n  autosize?: boolean;\n  autosizeMinWidth?: string;\n  autosizeMaxWidth?: string;\n  autosizeMinRow?: number;\n  autosizeMaxRow?: number;\n  options: ElementOption[];\n  multiple?: boolean;\n  search?: ElementSearch;\n  maxLength!: string | number | null;\n  errors?: Errors;\n\n  constructor(\n    options: {\n      value?: string;\n      key?: string;\n      label?: string;\n      required?: boolean;\n      order?: number;\n      controlType?: string;\n      type?: string;\n      placeholder?: string;\n      hint?: string;\n      prefix?: string;\n      suffix?: string;\n      autosize?: boolean;\n      autosizeMinWidth?: string;\n      autosizeMaxWidth?: string;\n      autosizeMinRow?: number;\n      autosizeMaxRow?: number;\n      options?: ElementOption[];\n      multiple?: boolean;\n      search?: ElementSearch;\n      maxLength?: string | number | null;\n      errors?: Errors;\n    } = {}\n  ) {\n    this.value = options.value || \"\";\n    this.key = options.key || \"\";\n    this.label = options.label || \"\";\n    this.required = !!options.required;\n    this.order = options.order === undefined ? 1 : options.order;\n    this.controlType = options.controlType || \"\";\n    this.type = options.type || \"\";\n    this.placeholder = options.placeholder || \"\";\n    this.hint = options.hint || \"\";\n    this.prefix = options.prefix || \"\";\n    this.suffix = options.suffix || \"\";\n    this.autosize = options.autosize || false;\n    this.autosizeMinWidth = options.autosizeMinWidth || \"212px\";\n    this.autosizeMaxWidth = options.autosizeMaxWidth || \"400px\";\n    this.autosizeMinRow = options.autosizeMinRow || 2;\n    this.autosizeMaxRow = options.autosizeMaxRow || 5;\n    this.options = options.options || [];\n    this.multiple = options.multiple || false;\n    this.search = options.search || undefined;\n    this.maxLength = options.maxLength || null;\n    this.errors = options.errors || undefined;\n  }\n}\n","import { ElementBase } from './element-base';\n\nexport class Dropdown extends ElementBase {\n  override controlType = 'dropdown';\n}\n","import {\n  AfterViewInit,\n  Component,\n  Input,\n  OnDestroy,\n  OnInit,\n  ViewChild,\n  ViewEncapsulation,\n} from \"@angular/core\";\nimport { FormControl } from \"@angular/forms\";\n\nimport { MatSelect } from \"@angular/material/select\";\n\nimport { ReplaySubject } from \"rxjs/internal/ReplaySubject\";\nimport { Subject } from \"rxjs/internal/Subject\";\n//import { take, takeUntil } from \"rxjs/operators\";\n\nimport { ElementOption } from \"../../../core/interfaces/element-option.interface\";\nimport { Dropdown } from \"../../../core/elements/dropdown\";\n\n@Component({\n  selector: \"mapa-dropdown\",\n  templateUrl: \"./dropdown.component.html\",\n  styleUrls: [\"./dropdown.component.scss\"],\n  encapsulation: ViewEncapsulation.None,\n})\nexport class MapaDropdownComponent implements OnInit, AfterViewInit, OnDestroy {\n  @Input() formControl!: FormControl;\n  @Input() formControlSearch!: FormControl;\n  @Input() element!: Dropdown;\n  @Input() border: \"soft\" | \"tag\" | \"highlight\" | null | undefined;\n\n  @ViewChild(\"dropdown\", { static: true }) dropdown!: MatSelect;\n\n  public filteredOptions: ReplaySubject<ElementOption[]> = new ReplaySubject<\n    ElementOption[]\n  >(1);\n  protected filteredOptionsCache: ElementOption[] = [];\n  protected _onDestroy = new Subject<void>();\n  \n  isIndeterminate = false;\n  isChecked = false;\n\n  constructor() {}\n\n  ngOnInit() {\n    this.filteredOptionsCache = this.element.options.slice();\n    this.filteredOptions.next(this.filteredOptionsCache);\n\n    if (this.element.search) {\n      this.element.search.formControl?.valueChanges\n        //.pipe(takeUntil(this._onDestroy))\n        .subscribe(() => {\n          this.filterOptions();\n          this.setToggleAllCheckboxState();\n        });\n    }\n  }\n\n  ngAfterViewInit() {\n    this.setInitialValue();\n  }\n\n  ngOnDestroy() {\n    this._onDestroy.next();\n    this._onDestroy.complete();\n  }\n\n  protected filterOptions() {\n    if (!this.element.options) {\n      return;\n    }\n    // get the search keyword\n    let search = this.element.search?.formControl?.value;\n    if (!search) {\n      this.filteredOptionsCache = this.element.options.slice();\n      this.filteredOptions.next(this.filteredOptionsCache);\n      return;\n    }\n    // filter the options\n    this.filteredOptionsCache = this.element.options.filter(\n      (option: ElementOption) =>\n        option.value.toLowerCase().indexOf(search) > -1\n    );\n    this.filteredOptions.next(this.filteredOptionsCache);\n  }\n\n  protected setInitialValue() {\n    this.filteredOptions\n      //.pipe(take(1), takeUntil(this._onDestroy))\n      .subscribe(() => {\n        this.dropdown.compareWith = (a: Element, b: Element) => a && b && a.id === b.id;\n      });\n  }\n\n  protected setToggleAllCheckboxState() {\n    let filteredLength = 0;\n    let search = this.element.search?.formControl?.value;\n\n    if (search && search.value) {\n      this.filteredOptionsCache.forEach(el => {\n        if (search.value.toLowerCase().indexOf(el) > -1) {\n          filteredLength++;\n        }\n      });\n      this.isIndeterminate = filteredLength > 0 && filteredLength < this.filteredOptionsCache.length;\n      this.isChecked = filteredLength > 0 && filteredLength === this.filteredOptionsCache.length;\n    }\n  }\n\n  toggleSelectAll(selectAllValue: boolean) {\n    this.filteredOptions\n      //.pipe(take(1), takeUntil(this._onDestroy))\n      .subscribe((options: ElementOption[]) => {\n        if (selectAllValue) {\n          this.formControl?.patchValue(options);\n        } else {\n          this.formControl?.patchValue([]);\n        }\n      });\n  }\n}\n","<label *ngIf=\"element.label\" class=\"mapa-dropdown__label\">\n  {{ element.label }}\n</label>\n<mat-form-field\n  appearance=\"outline\"\n  class=\"mapa-dropdown\"\n  [class.mapa-dropdown--highlight]=\"border === 'highlight'\"\n  [class.mapa-dropdown--soft-border]=\"border === 'soft'\"\n  [class.mapa-dropdown--tag]=\"border === 'tag'\"\n  [class.mapa-dropdown--labeled]=\"!!element.label\">\n  <mat-select\n    #dropdown\n    [formControl]=\"formControl\"\n    [multiple]=\"element.multiple\"\n    [placeholder]=\"element.placeholder || ''\"\n  >\n    <mat-option *ngIf=\"element.search\" class=\"mapa-dropdown__search\">\n      <ngx-mat-select-search\n        *ngIf=\"element.search.formControl\"\n        [showToggleAllCheckbox]=\"true\"\n        [formControl]=\"element.search.formControl\"\n        [placeholderLabel]=\"element.search.placeholder || ''\"\n        i18n-placeholderLabel\n        [noEntriesFoundLabel]=\"element.search.noEntriesFoundLabel || ''\"\n        [toggleAllCheckboxIndeterminate]=\"isIndeterminate\"\n        [toggleAllCheckboxChecked]=\"isChecked\"\n        (toggleAll)=\"toggleSelectAll($event)\"\n      ></ngx-mat-select-search>\n    </mat-option>\n\n    <mat-option *ngFor=\"let option of filteredOptions | async\" [value]=\"option\">\n      {{ option.value }}\n    </mat-option>\n  </mat-select>\n  <mat-error\n    *ngIf=\"formControl?.hasError('required')\">\n    {{ element.errors?.required }}\n  </mat-error>\n  <mat-error\n    *ngIf=\"formControl?.hasError('minlength')\">\n    {{ element.errors?.minlength }}\n  </mat-error>\n  <mat-error\n    *ngIf=\"formControl?.hasError('cpf')\">\n    {{ element.errors?.cpf }}\n  </mat-error>\n  <mat-error\n    *ngIf=\"formControl?.hasError('cnpj')\">\n    {{ element.errors?.cnpj }}\n  </mat-error>\n  <mat-error\n    *ngIf=\"formControl?.hasError('email')\">\n    {{ element.errors?.email }}\n  </mat-error>\n</mat-form-field>\n","import { NgModule } from \"@angular/core\";\nimport { CommonModule } from \"@angular/common\";\n\nimport { FormsModule, ReactiveFormsModule } from \"@angular/forms\";\n\nimport { MatListModule } from \"@angular/material/list\";\nimport { MatIconModule } from \"@angular/material/icon\";\n\nimport { MapaDropdownComponent } from \"./dropdown.component\";\nimport { MAT_SELECT_CONFIG, MatSelectModule } from \"@angular/material/select\";\nimport { NgxMatSelectSearchModule } from \"ngx-mat-select-search\";\nimport { MAT_FORM_FIELD_DEFAULT_OPTIONS } from \"@angular/material/form-field\";\n\n@NgModule({\n  declarations: [MapaDropdownComponent],\n  exports: [MapaDropdownComponent],\n  imports: [\n    CommonModule,\n    FormsModule,\n    ReactiveFormsModule,\n    MatListModule,\n    MatIconModule,\n    MatSelectModule,\n    NgxMatSelectSearchModule,\n  ],\n  providers: [\n    {\n      provide: MAT_SELECT_CONFIG,\n      useValue: { overlayPanelClass: \"mapa-overlay-dropdown\" },\n    },\n    {\n      provide: MAT_FORM_FIELD_DEFAULT_OPTIONS,\n      useValue: { appearance: \"outline\" },\n    },\n  ],\n})\nexport class MapaDropdownModule {}\n","/*\n * Public API Surface of mapa-library-ui dropdown\n */\n\nexport * from './src/dropdown.component';\nexport * from './src/dropdown.module';\n","/*\n * Public API Surface of mapa-library-ui dropdown\n */\n\nexport * from './lib/core/elements/element-search';\nexport * from './lib/core/elements/element-base';\nexport * from './lib/core/elements/dropdown';\n\nexport * from './lib/components/dropdown/public-api';\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './dropdown';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"mapa-library-ui-src-lib-components-dropdown.mjs","sources":["../../../projects/mapa-library-ui/src/lib/core/elements/element-base.ts","../../../projects/mapa-library-ui/src/lib/core/elements/dropdown.ts","../../../projects/mapa-library-ui/src/lib/components/dropdown/src/dropdown.component.ts","../../../projects/mapa-library-ui/src/lib/components/dropdown/src/dropdown.component.html","../../../projects/mapa-library-ui/src/lib/components/dropdown/src/dropdown.module.ts","../../../projects/mapa-library-ui/src/lib/components/dropdown/public-api.ts","../../../projects/mapa-library-ui/src/dropdown.ts","../../../projects/mapa-library-ui/src/mapa-library-ui-src-lib-components-dropdown.ts"],"sourcesContent":["import { ElementGroup } from \"../interfaces/element-group.interface\";\nimport { ElementOption } from \"../interfaces/element-option.interface\";\nimport { ElementSearch } from \"./element-search\";\nimport { Errors } from \"./errors\";\n\nexport class ElementBase {\n  value: string;\n  key: string;\n  label: string;\n  required: boolean;\n  order: number;\n  controlType: string;\n  type: string;\n  placeholder?: string;\n  hint?: string;\n  prefix?: string;\n  suffix?: string;\n  autosize?: boolean;\n  autosizeMinWidth?: string;\n  autosizeMaxWidth?: string;\n  autosizeMinRow?: number;\n  autosizeMaxRow?: number;\n  options: ElementOption[] | ElementGroup[];\n  multiple?: boolean;\n  search?: ElementSearch;\n  maxLength!: string | number | null;\n  errors?: Errors;\n\n  constructor(\n    options: {\n      value?: string;\n      key?: string;\n      label?: string;\n      required?: boolean;\n      order?: number;\n      controlType?: string;\n      type?: string;\n      placeholder?: string;\n      hint?: string;\n      prefix?: string;\n      suffix?: string;\n      autosize?: boolean;\n      autosizeMinWidth?: string;\n      autosizeMaxWidth?: string;\n      autosizeMinRow?: number;\n      autosizeMaxRow?: number;\n      options?: ElementOption[] | ElementGroup[];\n      multiple?: boolean;\n      search?: ElementSearch;\n      maxLength?: string | number | null;\n      errors?: Errors;\n    } = {}\n  ) {\n    this.value = options.value || \"\";\n    this.key = options.key || \"\";\n    this.label = options.label || \"\";\n    this.required = !!options.required;\n    this.order = options.order === undefined ? 1 : options.order;\n    this.controlType = options.controlType || \"\";\n    this.type = options.type || \"\";\n    this.placeholder = options.placeholder || \"\";\n    this.hint = options.hint || \"\";\n    this.prefix = options.prefix || \"\";\n    this.suffix = options.suffix || \"\";\n    this.autosize = options.autosize || false;\n    this.autosizeMinWidth = options.autosizeMinWidth || \"212px\";\n    this.autosizeMaxWidth = options.autosizeMaxWidth || \"400px\";\n    this.autosizeMinRow = options.autosizeMinRow || 2;\n    this.autosizeMaxRow = options.autosizeMaxRow || 5;\n    this.options = options.options || [];\n    this.multiple = options.multiple || false;\n    this.search = options.search || undefined;\n    this.maxLength = options.maxLength || null;\n    this.errors = options.errors || undefined;\n  }\n}\n","import { ElementBase } from './element-base';\n\nexport class Dropdown extends ElementBase {\n  override controlType = 'dropdown';\n}\n","import {\n  AfterViewInit,\n  Component,\n  Input,\n  OnDestroy,\n  OnInit,\n  ViewChild,\n  ViewEncapsulation,\n} from \"@angular/core\";\nimport { FormControl } from \"@angular/forms\";\n\nimport { MatSelect } from \"@angular/material/select\";\n\nimport { ReplaySubject } from \"rxjs/internal/ReplaySubject\";\nimport { Subject } from \"rxjs/internal/Subject\";\n//import { take, takeUntil } from \"rxjs/operators\";\n\nimport { ElementOption } from \"../../../core/interfaces/element-option.interface\";\nimport { Dropdown } from \"../../../core/elements/dropdown\";\nimport { ElementGroup } from \"../../../core/interfaces/element-group.interface\";\n\n@Component({\n  selector: \"mapa-dropdown\",\n  templateUrl: \"./dropdown.component.html\",\n  styleUrls: [\"./dropdown.component.scss\"],\n  encapsulation: ViewEncapsulation.None,\n})\nexport class MapaDropdownComponent implements OnInit, AfterViewInit, OnDestroy {\n  @Input() formControl!: FormControl;\n  @Input() formControlSearch!: FormControl;\n  @Input() element!: Dropdown;\n  @Input() border: \"soft\" | \"tag\" | \"highlight\" | null | undefined;\n\n  @ViewChild(\"dropdown\", { static: true }) dropdown!: MatSelect;\n\n  public filteredOptions: ReplaySubject<ElementOption[]> = new ReplaySubject<\n    ElementOption[]\n  >(1);\n  public filteredGroups: ReplaySubject<ElementGroup[]> = new ReplaySubject<\n    ElementGroup[]\n  >(1);\n  protected filteredOptionsCache: ElementOption[] = [];\n  protected filteredGroupCache: ElementGroup[] = [];\n  protected _onDestroy = new Subject<void>();\n\n  isIndeterminate = false;\n  isChecked = false;\n  isOptionsGroup = false;\n\n  constructor() {}\n\n  ngOnInit() {\n    this.isOptionsGroup = this.isElementGroup(this.element.options[0]);\n\n    if (this.isOptionsGroup) {\n      this.filteredGroupCache = (this.element\n        .options as ElementGroup[]).slice();\n      this.filteredGroups.next(this.filteredGroupCache);\n    } else {\n      this.filteredOptionsCache = (this.element\n        .options as ElementOption[]).slice();\n      this.filteredOptions.next(this.filteredOptionsCache);\n    }\n\n    if (this.element.search) {\n      this.element.search.formControl?.valueChanges\n        //.pipe(takeUntil(this._onDestroy))\n        .subscribe(() => {\n          this.filterOptions();\n          this.setToggleAllCheckboxState();\n        });\n    }\n  }\n\n  ngAfterViewInit() {\n    this.setInitialValue();\n  }\n\n  ngOnDestroy() {\n    this._onDestroy.next();\n    this._onDestroy.complete();\n  }\n\n  protected filterOptionsFromGroup(\n    group: ElementGroup,\n    value: string\n  ): ElementOption[] {\n    const filterValue = value.toLocaleLowerCase();\n\n    return group.label.toLocaleLowerCase().includes(filterValue)\n      ? group.options\n      : group.options.filter((item) =>\n          item.value.toLocaleLowerCase().includes(filterValue)\n        );\n  }\n\n  protected filterOptions() {\n    if (!this.element.options) {\n      return;\n    }\n    // get the search keyword\n    let search = this.element.search?.formControl?.value;\n\n    if (this.isOptionsGroup) {\n      const groups = this.element.options as ElementGroup[];\n      this.filteredGroupCache = groups\n        .map((group: ElementGroup) => ({\n          label: group.label,\n          options: this.filterOptionsFromGroup(group, search),\n        }))\n        .filter((group) => group.options.length > 0);\n      this.filteredGroups.next(this.filteredGroupCache);\n    } else {\n      const options = this.element.options as ElementOption[];\n      if (!search) {\n        this.filteredOptionsCache = options.slice();\n        this.filteredOptions.next(this.filteredOptionsCache);\n        return;\n      }\n      // filter the options\n      this.filteredOptionsCache = options.filter(\n        (option: ElementOption) =>\n          option.value.toLowerCase().indexOf(search) > -1\n      );\n      this.filteredOptions.next(this.filteredOptionsCache);\n    }\n  }\n\n  protected setInitialValue() {\n    this.filteredOptions\n      //.pipe(take(1), takeUntil(this._onDestroy))\n      .subscribe(() => {\n        this.dropdown.compareWith = (a: Element, b: Element) =>\n          a && b && a.id === b.id;\n      });\n  }\n\n  protected setToggleAllCheckboxState() {\n    let filteredLength = 0;\n    let search = this.element.search?.formControl?.value;\n\n    if (search && search.value) {\n      this.filteredOptionsCache.forEach((el) => {\n        if (search.value.toLowerCase().indexOf(el) > -1) {\n          filteredLength++;\n        }\n      });\n      this.isIndeterminate =\n        filteredLength > 0 && filteredLength < this.filteredOptionsCache.length;\n      this.isChecked =\n        filteredLength > 0 &&\n        filteredLength === this.filteredOptionsCache.length;\n    }\n  }\n\n  toggleSelectAll(selectAllValue: boolean) {\n    this.filteredOptions.subscribe((options: ElementOption[]) => {\n      if (selectAllValue) {\n        this.formControl?.patchValue(options);\n      } else {\n        this.formControl?.patchValue([]);\n      }\n    });\n    this.filteredGroups.subscribe((groups: ElementGroup[]) => {\n      if (selectAllValue) {\n        this.formControl?.patchValue(\n          groups.map((group: ElementGroup) => group.options)\n        );\n      } else {\n        this.formControl?.patchValue([]);\n      }\n    });\n  }\n\n  isElementGroup(object: ElementGroup | ElementOption): object is ElementGroup {\n    return (\n      (object as ElementGroup).label !== undefined &&\n      (object as ElementGroup).options !== undefined\n    );\n  }\n}\n","<label *ngIf=\"element.label\" class=\"mapa-dropdown__label\">\n  {{ element.label }}\n</label>\n<mat-form-field\n  appearance=\"outline\"\n  class=\"mapa-dropdown\"\n  [class.mapa-dropdown--highlight]=\"border === 'highlight'\"\n  [class.mapa-dropdown--soft-border]=\"border === 'soft'\"\n  [class.mapa-dropdown--tag]=\"border === 'tag'\"\n  [class.mapa-dropdown--labeled]=\"!!element.label\">\n  <mat-select\n    #dropdown\n    [formControl]=\"formControl\"\n    [multiple]=\"element.multiple\"\n    [placeholder]=\"element.placeholder || ''\"\n  >\n    <mat-option *ngIf=\"element.search\" class=\"mapa-dropdown__search\">\n      <ngx-mat-select-search\n        *ngIf=\"element.search.formControl\"\n        [showToggleAllCheckbox]=\"true\"\n        [formControl]=\"element.search.formControl\"\n        [placeholderLabel]=\"element.search.placeholder || ''\"\n        i18n-placeholderLabel\n        [noEntriesFoundLabel]=\"element.search.noEntriesFoundLabel || ''\"\n        [toggleAllCheckboxIndeterminate]=\"isIndeterminate\"\n        [toggleAllCheckboxChecked]=\"isChecked\"\n        (toggleAll)=\"toggleSelectAll($event)\"\n      ></ngx-mat-select-search>\n    </mat-option>\n\n    <ng-container *ngIf=\"isOptionsGroup; else isElementOptions\">\n      <mat-optgroup *ngFor=\"let group of filteredGroups | async\" [label]=\"group.label\">\n        <mat-option *ngFor=\"let option of group.options\" [value]=\"option\">\n          {{ option.value }}\n        </mat-option>\n      </mat-optgroup>\n    </ng-container>\n    <ng-template #isElementOptions>\n      <mat-option *ngFor=\"let option of filteredOptions | async\" [value]=\"option\">\n        {{ option.value }}\n      </mat-option>\n    </ng-template>\n  </mat-select>\n  <mat-error\n    *ngIf=\"formControl?.hasError('required')\">\n    {{ element.errors?.required }}\n  </mat-error>\n  <mat-error\n    *ngIf=\"formControl?.hasError('minlength')\">\n    {{ element.errors?.minlength }}\n  </mat-error>\n  <mat-error\n    *ngIf=\"formControl?.hasError('cpf')\">\n    {{ element.errors?.cpf }}\n  </mat-error>\n  <mat-error\n    *ngIf=\"formControl?.hasError('cnpj')\">\n    {{ element.errors?.cnpj }}\n  </mat-error>\n  <mat-error\n    *ngIf=\"formControl?.hasError('email')\">\n    {{ element.errors?.email }}\n  </mat-error>\n</mat-form-field>\n","import { NgModule } from \"@angular/core\";\nimport { CommonModule } from \"@angular/common\";\n\nimport { FormsModule, ReactiveFormsModule } from \"@angular/forms\";\n\nimport { MatListModule } from \"@angular/material/list\";\nimport { MatIconModule } from \"@angular/material/icon\";\n\nimport { MapaDropdownComponent } from \"./dropdown.component\";\nimport { MAT_SELECT_CONFIG, MatSelectModule } from \"@angular/material/select\";\nimport { NgxMatSelectSearchModule } from \"ngx-mat-select-search\";\nimport { MAT_FORM_FIELD_DEFAULT_OPTIONS } from \"@angular/material/form-field\";\n\n@NgModule({\n  declarations: [MapaDropdownComponent],\n  exports: [MapaDropdownComponent],\n  imports: [\n    CommonModule,\n    FormsModule,\n    ReactiveFormsModule,\n    MatListModule,\n    MatIconModule,\n    MatSelectModule,\n    NgxMatSelectSearchModule,\n  ],\n  providers: [\n    {\n      provide: MAT_SELECT_CONFIG,\n      useValue: { overlayPanelClass: \"mapa-overlay-dropdown\" },\n    },\n    {\n      provide: MAT_FORM_FIELD_DEFAULT_OPTIONS,\n      useValue: { appearance: \"outline\" },\n    },\n  ],\n})\nexport class MapaDropdownModule {}\n","/*\n * Public API Surface of mapa-library-ui dropdown\n */\n\nexport * from './src/dropdown.component';\nexport * from './src/dropdown.module';\n","/*\n * Public API Surface of mapa-library-ui dropdown\n */\n\nexport * from './lib/core/elements/element-search';\nexport * from './lib/core/elements/element-base';\nexport * from './lib/core/elements/dropdown';\n\nexport * from './lib/components/dropdown/public-api';\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './dropdown';\n"],"names":[],"mappings":"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"}

package/fesm2015/mapa-library-ui-src-lib-components-radio-button.mjs

@@ -11,6 +11,10 @@ import { MatFormFieldModule } from '@angular/material/form-field';
 class RadioButtonComponent {
     constructor() {
         this.optionSelected = new EventEmitter();
+        this.options = [];
+    }
+    ngOnInit() {
+        this.options = this.element.options;
     }
     onChange(optionValue) {
         this.selectedOption = optionValue;
@@ -18,10 +22,10 @@ class RadioButtonComponent {
     }
 }
 RadioButtonComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: RadioButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-RadioButtonComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: RadioButtonComponent, selector: "mapa-radio-button", inputs: { formControl: "formControl", element: "element" }, outputs: { optionSelected: "optionSelected" }, ngImport: i0, template: "<label *ngIf=\"element.label\" class=\"mapa-radio-button__label\">\n  {{ element.label }}\n</label>\n<section class=\"mapa-radio-button\">\n  <mat-radio-group [formControl]=\"formControl\" [value]=\"selectedOption\" (change)=\"onChange($event.value)\">\n    <mat-radio-button\n      *ngFor=\"let option of element.options\"\n      [value]=\"option\"\n      >\n      {{ option.value }}\n    </mat-radio-button>\n  </mat-radio-group>\n</section>\n", styles: [".mapa-radio-button{color:#000;font-family:SF-Pro;font-size:16px;font-style:normal;font-weight:400;line-height:20px}.mapa-radio-button__label{display:block;font-size:12px;font-style:normal;font-weight:600;line-height:16px;text-transform:uppercase;margin-bottom:16px}.mapa-radio-button .mat-radio-button{margin-right:24px}.mapa-radio-button .mat-radio-container,.mapa-radio-button .mat-radio-outer-circle,.mapa-radio-button .mat-radio-inner-circle{height:12px;width:12px}.mapa-radio-button .mat-radio-button .mat-radio-ripple{border-radius:50%;left:-6px;top:-6px;height:24px;width:24px}.mapa-radio-button .mat-radio-button.mat-accent.mat-radio-checked .mat-radio-outer-circle{border-color:#ea561d}.mapa-radio-button .mat-radio-button.mat-accent .mat-radio-inner-circle,.mapa-radio-button .mat-radio-button.mat-accent .mat-radio-ripple .mat-ripple-element:not(.mat-radio-persistent-ripple),.mapa-radio-button .mat-radio-button.mat-accent.mat-radio-checked .mat-radio-persistent-ripple,.mapa-radio-button .mat-radio-button.mat-accent:active .mat-radio-persistent-ripple{background-color:#ea561d}\n"], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "directive", type: i3.MatRadioGroup, selector: "mat-radio-group", exportAs: ["matRadioGroup"] }, { kind: "component", type: i3.MatRadioButton, selector: "mat-radio-button", inputs: ["disableRipple", "tabIndex"], exportAs: ["matRadioButton"] }], encapsulation: i0.ViewEncapsulation.None });
+RadioButtonComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: RadioButtonComponent, selector: "mapa-radio-button", inputs: { formControl: "formControl", element: "element" }, outputs: { optionSelected: "optionSelected" }, ngImport: i0, template: "<label *ngIf=\"element.label\" class=\"mapa-radio-button__label\">\n  {{ element.label }}\n</label>\n<section class=\"mapa-radio-button\">\n  <mat-radio-group [formControl]=\"formControl\" [value]=\"selectedOption\" (change)=\"onChange($event.value)\">\n    <mat-radio-button\n      *ngFor=\"let option of options\"\n      [value]=\"option\"\n      >\n      {{ option.value }}\n    </mat-radio-button>\n  </mat-radio-group>\n</section>\n", styles: [".mapa-radio-button{color:#000;font-family:SF-Pro;font-size:16px;font-style:normal;font-weight:400;line-height:20px}.mapa-radio-button__label{display:block;font-size:12px;font-style:normal;font-weight:600;line-height:16px;text-transform:uppercase;margin-bottom:16px}.mapa-radio-button .mat-radio-button{margin-right:24px}.mapa-radio-button .mat-radio-container,.mapa-radio-button .mat-radio-outer-circle,.mapa-radio-button .mat-radio-inner-circle{height:12px;width:12px}.mapa-radio-button .mat-radio-button .mat-radio-ripple{border-radius:50%;left:-6px;top:-6px;height:24px;width:24px}.mapa-radio-button .mat-radio-button.mat-accent.mat-radio-checked .mat-radio-outer-circle{border-color:#ea561d}.mapa-radio-button .mat-radio-button.mat-accent .mat-radio-inner-circle,.mapa-radio-button .mat-radio-button.mat-accent .mat-radio-ripple .mat-ripple-element:not(.mat-radio-persistent-ripple),.mapa-radio-button .mat-radio-button.mat-accent.mat-radio-checked .mat-radio-persistent-ripple,.mapa-radio-button .mat-radio-button.mat-accent:active .mat-radio-persistent-ripple{background-color:#ea561d}\n"], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "directive", type: i3.MatRadioGroup, selector: "mat-radio-group", exportAs: ["matRadioGroup"] }, { kind: "component", type: i3.MatRadioButton, selector: "mat-radio-button", inputs: ["disableRipple", "tabIndex"], exportAs: ["matRadioButton"] }], encapsulation: i0.ViewEncapsulation.None });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: RadioButtonComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'mapa-radio-button', encapsulation: ViewEncapsulation.None, template: "<label *ngIf=\"element.label\" class=\"mapa-radio-button__label\">\n  {{ element.label }}\n</label>\n<section class=\"mapa-radio-button\">\n  <mat-radio-group [formControl]=\"formControl\" [value]=\"selectedOption\" (change)=\"onChange($event.value)\">\n    <mat-radio-button\n      *ngFor=\"let option of element.options\"\n      [value]=\"option\"\n      >\n      {{ option.value }}\n    </mat-radio-button>\n  </mat-radio-group>\n</section>\n", styles: [".mapa-radio-button{color:#000;font-family:SF-Pro;font-size:16px;font-style:normal;font-weight:400;line-height:20px}.mapa-radio-button__label{display:block;font-size:12px;font-style:normal;font-weight:600;line-height:16px;text-transform:uppercase;margin-bottom:16px}.mapa-radio-button .mat-radio-button{margin-right:24px}.mapa-radio-button .mat-radio-container,.mapa-radio-button .mat-radio-outer-circle,.mapa-radio-button .mat-radio-inner-circle{height:12px;width:12px}.mapa-radio-button .mat-radio-button .mat-radio-ripple{border-radius:50%;left:-6px;top:-6px;height:24px;width:24px}.mapa-radio-button .mat-radio-button.mat-accent.mat-radio-checked .mat-radio-outer-circle{border-color:#ea561d}.mapa-radio-button .mat-radio-button.mat-accent .mat-radio-inner-circle,.mapa-radio-button .mat-radio-button.mat-accent .mat-radio-ripple .mat-ripple-element:not(.mat-radio-persistent-ripple),.mapa-radio-button .mat-radio-button.mat-accent.mat-radio-checked .mat-radio-persistent-ripple,.mapa-radio-button .mat-radio-button.mat-accent:active .mat-radio-persistent-ripple{background-color:#ea561d}\n"] }]
+            args: [{ selector: 'mapa-radio-button', encapsulation: ViewEncapsulation.None, template: "<label *ngIf=\"element.label\" class=\"mapa-radio-button__label\">\n  {{ element.label }}\n</label>\n<section class=\"mapa-radio-button\">\n  <mat-radio-group [formControl]=\"formControl\" [value]=\"selectedOption\" (change)=\"onChange($event.value)\">\n    <mat-radio-button\n      *ngFor=\"let option of options\"\n      [value]=\"option\"\n      >\n      {{ option.value }}\n    </mat-radio-button>\n  </mat-radio-group>\n</section>\n", styles: [".mapa-radio-button{color:#000;font-family:SF-Pro;font-size:16px;font-style:normal;font-weight:400;line-height:20px}.mapa-radio-button__label{display:block;font-size:12px;font-style:normal;font-weight:600;line-height:16px;text-transform:uppercase;margin-bottom:16px}.mapa-radio-button .mat-radio-button{margin-right:24px}.mapa-radio-button .mat-radio-container,.mapa-radio-button .mat-radio-outer-circle,.mapa-radio-button .mat-radio-inner-circle{height:12px;width:12px}.mapa-radio-button .mat-radio-button .mat-radio-ripple{border-radius:50%;left:-6px;top:-6px;height:24px;width:24px}.mapa-radio-button .mat-radio-button.mat-accent.mat-radio-checked .mat-radio-outer-circle{border-color:#ea561d}.mapa-radio-button .mat-radio-button.mat-accent .mat-radio-inner-circle,.mapa-radio-button .mat-radio-button.mat-accent .mat-radio-ripple .mat-ripple-element:not(.mat-radio-persistent-ripple),.mapa-radio-button .mat-radio-button.mat-accent.mat-radio-checked .mat-radio-persistent-ripple,.mapa-radio-button .mat-radio-button.mat-accent:active .mat-radio-persistent-ripple{background-color:#ea561d}\n"] }]
         }], ctorParameters: function () { return []; }, propDecorators: { formControl: [{
                 type: Input
             }], element: [{

package/fesm2015/mapa-library-ui-src-lib-components-radio-button.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"mapa-library-ui-src-lib-components-radio-button.mjs","sources":["../../../projects/mapa-library-ui/src/lib/components/radio-button/src/radio-button.component.ts","../../../projects/mapa-library-ui/src/lib/components/radio-button/src/radio-button.component.html","../../../projects/mapa-library-ui/src/lib/components/radio-button/src/radio-button.module.ts","../../../projects/mapa-library-ui/src/lib/components/radio-button/public-api.ts","../../../projects/mapa-library-ui/src/radio-button.ts","../../../projects/mapa-library-ui/src/mapa-library-ui-src-lib-components-radio-button.ts"],"sourcesContent":["import { Component, EventEmitter, Input, Output, ViewEncapsulation } from '@angular/core';\nimport { FormControl } from '@angular/forms';\nimport { ElementOption } from '../../../core/interfaces/element-option.interface';\nimport { ElementBase } from '../../../core/elements/element-base';\n\n@Component({\n  selector: 'mapa-radio-button',\n  templateUrl: './radio-button.component.html',\n  styleUrls: ['./radio-button.component.scss'],\n  encapsulation: ViewEncapsulation.None\n})\nexport class RadioButtonComponent {\n  @Input() formControl!: FormControl;\n  @Input() element!: ElementBase;\n  \n  @Output() optionSelected: EventEmitter<ElementOption> = new EventEmitter<ElementOption>();\n\n  selectedOption!: ElementOption;\n\n  constructor() { }\n\n  onChange(optionValue: ElementOption) {\n    this.selectedOption = optionValue;\n    this.optionSelected.emit(this.selectedOption);\n  }\n}\n","<label *ngIf=\"element.label\" class=\"mapa-radio-button__label\">\n  {{ element.label }}\n</label>\n<section class=\"mapa-radio-button\">\n  <mat-radio-group [formControl]=\"formControl\" [value]=\"selectedOption\" (change)=\"onChange($event.value)\">\n    <mat-radio-button\n      *ngFor=\"let option of element.options\"\n      [value]=\"option\"\n      >\n      {{ option.value }}\n    </mat-radio-button>\n  </mat-radio-group>\n</section>\n","import { NgModule } from \"@angular/core\";\nimport { CommonModule } from \"@angular/common\";\nimport { FormsModule, ReactiveFormsModule } from \"@angular/forms\";\n\nimport { MatRadioModule } from \"@angular/material/radio\";\nimport { MatFormFieldModule } from \"@angular/material/form-field\";\n\nimport { RadioButtonComponent } from \"./radio-button.component\";\n\n@NgModule({\n  declarations: [RadioButtonComponent],\n  exports: [RadioButtonComponent],\n  imports: [\n    CommonModule,\n    FormsModule,\n    ReactiveFormsModule,\n    MatRadioModule,\n    MatFormFieldModule,\n  ],\n})\nexport class MapaRadioButtonModule {}\n","/*\n * Public API Surface of mapa-library-ui icon\n */\n\nexport * from './src/radio-button.component';\nexport * from './src/radio-button.module';","/*\n * Public API Surface of mapa-library-ui radio-button\n */\n\nexport * from './lib/components/radio-button/public-api';\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './radio-button';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"mapa-library-ui-src-lib-components-radio-button.mjs","sources":["../../../projects/mapa-library-ui/src/lib/components/radio-button/src/radio-button.component.ts","../../../projects/mapa-library-ui/src/lib/components/radio-button/src/radio-button.component.html","../../../projects/mapa-library-ui/src/lib/components/radio-button/src/radio-button.module.ts","../../../projects/mapa-library-ui/src/lib/components/radio-button/public-api.ts","../../../projects/mapa-library-ui/src/radio-button.ts","../../../projects/mapa-library-ui/src/mapa-library-ui-src-lib-components-radio-button.ts"],"sourcesContent":["import { Component, EventEmitter, Input, OnInit, Output, ViewEncapsulation } from '@angular/core';\nimport { FormControl } from '@angular/forms';\nimport { ElementOption } from '../../../core/interfaces/element-option.interface';\nimport { ElementBase } from '../../../core/elements/element-base';\n\n@Component({\n  selector: 'mapa-radio-button',\n  templateUrl: './radio-button.component.html',\n  styleUrls: ['./radio-button.component.scss'],\n  encapsulation: ViewEncapsulation.None\n})\nexport class RadioButtonComponent implements OnInit {\n  @Input() formControl!: FormControl;\n  @Input() element!: ElementBase;\n  \n  @Output() optionSelected: EventEmitter<ElementOption> = new EventEmitter<ElementOption>();\n\n  selectedOption!: ElementOption;\n  options: ElementOption[] = [];\n\n  constructor() { }\n\n  ngOnInit(): void {\n    this.options = this.element.options as ElementOption[];\n  }\n\n  onChange(optionValue: ElementOption) {\n    this.selectedOption = optionValue;\n    this.optionSelected.emit(this.selectedOption);\n  }\n}\n","<label *ngIf=\"element.label\" class=\"mapa-radio-button__label\">\n  {{ element.label }}\n</label>\n<section class=\"mapa-radio-button\">\n  <mat-radio-group [formControl]=\"formControl\" [value]=\"selectedOption\" (change)=\"onChange($event.value)\">\n    <mat-radio-button\n      *ngFor=\"let option of options\"\n      [value]=\"option\"\n      >\n      {{ option.value }}\n    </mat-radio-button>\n  </mat-radio-group>\n</section>\n","import { NgModule } from \"@angular/core\";\nimport { CommonModule } from \"@angular/common\";\nimport { FormsModule, ReactiveFormsModule } from \"@angular/forms\";\n\nimport { MatRadioModule } from \"@angular/material/radio\";\nimport { MatFormFieldModule } from \"@angular/material/form-field\";\n\nimport { RadioButtonComponent } from \"./radio-button.component\";\n\n@NgModule({\n  declarations: [RadioButtonComponent],\n  exports: [RadioButtonComponent],\n  imports: [\n    CommonModule,\n    FormsModule,\n    ReactiveFormsModule,\n    MatRadioModule,\n    MatFormFieldModule,\n  ],\n})\nexport class MapaRadioButtonModule {}\n","/*\n * Public API Surface of mapa-library-ui icon\n */\n\nexport * from './src/radio-button.component';\nexport * from './src/radio-button.module';","/*\n * Public API Surface of mapa-library-ui radio-button\n */\n\nexport * from './lib/components/radio-button/public-api';\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './radio-button';\n"],"names":[],"mappings":"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"}

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

@@ -265,6 +265,23 @@ class MapaTableComponent {
         this.dataSource.sort = this.sort;
         this.displayedColumns = this.columns.map(column => column.key);
     }
+    ngOnChanges(changes) {
+        if (changes['filterControl'] && this.filterControl) {
+            this.setupFilter();
+        }
+    }
+    setupFilter() {
+        this.filterControl.valueChanges.subscribe((value) => {
+            this.dataSource.filter = value.trim().toLowerCase();
+        });
+        this.dataSource.filterPredicate = (data, filter) => {
+            const dataStr = Object.keys(data)
+                .reduce((currentTerm, key) => {
+                return currentTerm + (data[key] && data[key].toString().toLowerCase() || '') + ' ';
+            }, '').trim().toLowerCase();
+            return dataStr.indexOf(filter) !== -1;
+        };
+    }
     isAllSelected() {
         const numSelected = this.selection.selected.length;
         const numRows = this.dataSource.data.length;
@@ -424,10 +441,10 @@ class MapaTableComponent {
     }
 }
 MapaTableComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: MapaTableComponent, deps: [], 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", checkbox: "checkbox", actions: "actions", groupReport: "groupReport", isGroupReport: "isGroupReport" }, outputs: { rowClick: "rowClick", selectedRows: "selectedRows" }, viewQueries: [{ propertyName: "paginator", first: true, predicate: MatPaginator, descendants: true }, { propertyName: "sort", first: true, predicate: MatSort, descendants: true }], ngImport: i0, template: "<div class=\"mapa-table\">\n  <table mat-table [dataSource]=\"dataSource\" matSort (matSortChange)=\"sortDataFunction($event)\">\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\">\n        <div \n          class=\"mapa-table__column\"\n          (click)=\"emitRowClick(row, '')\"\n          *ngIf=\"column.key !== 'actions'; else columnActions\"\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            >\n            </mat-checkbox>\n          </ng-container>\n          <div class=\"table__column\" [ngClass]=\"{ 'center-cell': isGroupReport }\">\n            <div *ngIf=\"!isGroupReport\">\n              <ng-container *ngIf=\"isMaskedData(column, row); else statusContent\">\n                {{ getValueAsDate(column, row) | date: column.mask }}\n              </ng-container>\n              <ng-template #statusContent>\n                <ng-container *ngIf=\"column.statusLabel; else commonContent\">\n                  <ng-container *ngIf=\"isBoolean(column, row); else commonStatus\">\n                    {{ column.statusLabel[row[column.key] ? 1 : 0] }}\n                  </ng-container>\n                  <ng-template #commonStatus>{{ column.statusLabel[row[column.key] - 1] }}</ng-template>\n                </ng-container>\n                <ng-template #commonContent>{{ row[column.key] }}</ng-template>\n              </ng-template>\n              <ng-template #statusContent>\n                <ng-template #commonContent>{{ row[column.key] }}</ng-template>\n              </ng-template>\n            </div>\n            <div *ngIf=\"isGroupReport\">\n              <div [ngClass]=\"getCellClass(column, row)\">\n                <ng-container *ngIf=\"column.key === 'name' || column.key === 'cpf' || column.key === 'general'; else scoreOrIntervalContent\">\n                  <div *ngIf=\"column.key === 'name'\">\n                    <div class=\"name\">\n                      {{ row.name }}<br>\n                    </div>\n                    <div class=\"cpf\">\n                      {{row.cpf}}\n                    </div>\n                  </div>\n                  <div *ngIf=\"column.key === 'general'\" class=\"general\">\n                    {{ row[column.key] }}%\n                  </div>\n                </ng-container>\n                <ng-template #scoreOrIntervalContent>\n                  <ng-container *ngIf=\"row[column.key] && row[column.key].scoreT; else intervalContent\">\n                    {{ row[column.key].scoreT }}%\n                  </ng-container>\n                  <ng-template #intervalContent>\n                    {{ row[column.key]?.interval }}%\n                  </ng-template>\n                </ng-template>\n              </div>\n            </div>\n          </div>\n        </div>\n        <ng-template #columnActions>\n          <div class=\"mapa-table__column--actions\">\n            <mat-icon (click)=\"emitRowClick(row, 'edit')\">edit</mat-icon>\n            <mat-icon (click)=\"emitRowClick(row, 'delete')\">delete</mat-icon>\n            <mat-icon (click)=\"emitRowClick(row, 'visibility')\">visibility</mat-icon>\n          </div>\n        </ng-template>\n      </td>\n    </ng-container>\n\n    <tr mat-header-row *matHeaderRowDef=\"displayedColumns\"></tr>\n    <tr mat-row *matRowDef=\"let row; columns: displayedColumns;\" [ngClass]=\"getRowClass()\"></tr>\n  </table>\n  <mat-paginator \n    class=\"mapa-table__paginator-legacy\"\n    itemsPerPageLabel=\"Item por p\u00E1gina\"\n    appStylePaginatorMv\n    [length]=\"dataSource ? dataSource.data.length : 0\"\n    [pageSize]=\"5\"\n    [pageSizeOptions]=\"[5, 10, 25, 100]\"\n  >\n  </mat-paginator>\n</div>\n\n<ng-template\n  #tableHeader\n  let-selection=\"selection\"\n  let-column=\"column\"\n  let-isFirst=\"isFirst\"\n  let-checkbox=\"checkbox\"\n>\n  <div class=\"mapa-table__column mapa-table__column--header\">\n    <ng-container *ngIf=\"isFirst && checkbox\">\n      <mat-checkbox\n        (change)=\"$event ? toggleAllRows() : null\"\n        [checked]=\"selection.hasValue() && isAllSelected()\"\n        [indeterminate]=\"selection.hasValue() && !isAllSelected()\"\n        (click)=\"$event.stopPropagation()\"\n      >\n      </mat-checkbox>\n    </ng-container>\n    <div class=\"mapa-table__label\" [ngClass]=\"{ 'label_report': isGroupReport }\">\n      {{ column.label }}\n    </div>\n    <div *ngIf=\"column.key !== 'actions' && column.sort\">\n      <mat-icon>filter_list</mat-icon>\n    </div>\n  </div>\n</ng-template>\n", styles: [".mapa-table .mat-table{font-family:SF-Pro;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:SF-Pro;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:SF-Pro;font-size:16px;font-style:normal;font-weight:600;color:#50575e}.mapa-table .mat-icon{cursor:pointer;position:relative;bottom:-3px;margin:0 7px 0 0;font-size:14px;height:14px;width:14px}.mapa-table .mat-mdc-row,.mapa-table .mdc-data-table__content,.mapa-table .mat-mdc-header-cell{--mat-table-row-item-label-text-font: \"SF-Pro\"}.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:SF-Pro!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}.mapa-table{width:100%;white-space:nowrap}.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--header{justify-content:space-between;width:100%}.mapa-table .mat-sort-header-content{width:100%}.mapa-table .mat-cell,.mapa-table .mat-header-cell{padding:0 10px!important}.mapa-table .mat-table{width:100%;overflow-x:auto}.mapa-table .red-0-25{width:40px;height:40px;border-radius:24px;display:flex;justify-content:center;align-items:center;background-color:#f598a7;color:#000}.mapa-table .red-26-50{width:43px;height:43px;border-radius:24px;display:flex;justify-content:center;align-items:center;background-color:#f56580;color:#000}.mapa-table .red-51-75{width:46px;height:46px;border-radius:24px;display:flex;justify-content:center;align-items:center;background-color:#f4284e;color:#fff}.mapa-table .red-76-100{width:48px;height:48px;border-radius:24px;display:flex;justify-content:center;align-items:center;background-color:#c11c2f;color:#fff}.mapa-table .blue-0-20{width:40px;height:40px;border-radius:24px;display:flex;justify-content:center;align-items:center;background-color:#96f2ee;color:#fff}.mapa-table .blue-21-40{width:42px;height:42px;border-radius:24px;display:flex;justify-content:center;align-items:center;background-color:#68ceee;color:#fff}.mapa-table .blue-41-60{width:44px;height:44px;border-radius:24px;display:flex;justify-content:center;align-items:center;background-color:#2d9ced;color:#fff}.mapa-table .blue-61-80{width:46px;height:46px;border-radius:24px;display:flex;justify-content:center;align-items:center;background-color:#0e6ece;color:#fff}.mapa-table .blue-81-100{width:48px;height:48px;border-radius:24px;display:flex;justify-content:center;align-items:center;background-color:#073e92;color:#fff}.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:SF-Pro;font-size:14px;font-style:normal;font-weight:400;line-height:20px}.mapa-table .cpf{color:var(--Grey-Grey-30, #8c8f94);text-align:left;font-family:SF-Pro;font-size:12px;font-style:normal;font-weight:400;line-height:16px}.mapa-table .center-cell{margin:auto}.mapa-table .label_report{color:#181818;text-align:center;font-family:SF-Pro;font-size:12px;font-style:normal;font-weight:400;line-height:16px}\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: i2.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: i5.MatTable, selector: "mat-table, table[mat-table]", exportAs: ["matTable"] }, { kind: "directive", type: i5.MatHeaderCellDef, selector: "[matHeaderCellDef]" }, { kind: "directive", type: i5.MatHeaderRowDef, selector: "[matHeaderRowDef]", inputs: ["matHeaderRowDef", "matHeaderRowDefSticky"] }, { kind: "directive", type: i5.MatColumnDef, selector: "[matColumnDef]", inputs: ["sticky", "matColumnDef"] }, { kind: "directive", type: i5.MatCellDef, selector: "[matCellDef]" }, { kind: "directive", type: i5.MatRowDef, selector: "[matRowDef]", inputs: ["matRowDefColumns", "matRowDefWhen"] }, { kind: "directive", type: i5.MatHeaderCell, selector: "mat-header-cell, th[mat-header-cell]" }, { kind: "directive", type: i5.MatCell, selector: "mat-cell, td[mat-cell]" }, { kind: "component", type: i5.MatHeaderRow, selector: "mat-header-row, tr[mat-header-row]", exportAs: ["matHeaderRow"] }, { kind: "component", type: i5.MatRow, selector: "mat-row, tr[mat-row]", exportAs: ["matRow"] }, { kind: "directive", type: i6.MatSort, selector: "[matSort]", inputs: ["matSortDisabled", "matSortActive", "matSortStart", "matSortDirection", "matSortDisableClear"], outputs: ["matSortChange"], exportAs: ["matSort"] }, { kind: "component", type: i6.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", checkbox: "checkbox", actions: "actions", filterControl: "filterControl", groupReport: "groupReport", isGroupReport: "isGroupReport" }, outputs: { rowClick: "rowClick", selectedRows: "selectedRows" }, viewQueries: [{ propertyName: "paginator", first: true, predicate: MatPaginator, descendants: true }, { propertyName: "sort", first: true, predicate: MatSort, descendants: true }], usesOnChanges: true, ngImport: i0, template: "<div class=\"mapa-table\">\n  <table mat-table [dataSource]=\"dataSource\" matSort (matSortChange)=\"sortDataFunction($event)\">\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\">\n        <div \n          class=\"mapa-table__column\"\n          (click)=\"emitRowClick(row, '')\"\n          *ngIf=\"column.key !== 'actions'; else columnActions\"\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            >\n            </mat-checkbox>\n          </ng-container>\n          <div class=\"table__column\" [ngClass]=\"{ 'center-cell': isGroupReport }\">\n            <div *ngIf=\"!isGroupReport\">\n              <ng-container *ngIf=\"isMaskedData(column, row); else statusContent\">\n                {{ getValueAsDate(column, row) | date: column.mask }}\n              </ng-container>\n              <ng-template #statusContent>\n                <ng-container *ngIf=\"column.statusLabel; else commonContent\">\n                  <ng-container *ngIf=\"isBoolean(column, row); else commonStatus\">\n                    {{ column.statusLabel[row[column.key] ? 1 : 0] }}\n                  </ng-container>\n                  <ng-template #commonStatus>{{ column.statusLabel[row[column.key] - 1] }}</ng-template>\n                </ng-container>\n                <ng-template #commonContent>{{ row[column.key] }}</ng-template>\n              </ng-template>\n              <ng-template #statusContent>\n                <ng-template #commonContent>{{ row[column.key] }}</ng-template>\n              </ng-template>\n            </div>\n            <div *ngIf=\"isGroupReport\">\n              <div [ngClass]=\"getCellClass(column, row)\">\n                <ng-container *ngIf=\"column.key === 'name' || column.key === 'cpf' || column.key === 'general'; else scoreOrIntervalContent\">\n                  <div *ngIf=\"column.key === 'name'\">\n                    <div class=\"name\">\n                      {{ row.name }}<br>\n                    </div>\n                    <div class=\"cpf\">\n                      {{row.cpf}}\n                    </div>\n                  </div>\n                  <div *ngIf=\"column.key === 'general'\" class=\"general\">\n                    {{ row[column.key] }}%\n                  </div>\n                </ng-container>\n                <ng-template #scoreOrIntervalContent>\n                  <ng-container *ngIf=\"row[column.key] && row[column.key].scoreT; else intervalContent\">\n                    {{ row[column.key].scoreT }}%\n                  </ng-container>\n                  <ng-template #intervalContent>\n                    {{ row[column.key]?.interval }}%\n                  </ng-template>\n                </ng-template>\n              </div>\n            </div>\n          </div>\n        </div>\n        <ng-template #columnActions>\n          <div class=\"mapa-table__column--actions\">\n            <mat-icon (click)=\"emitRowClick(row, 'edit')\">edit</mat-icon>\n            <mat-icon (click)=\"emitRowClick(row, 'delete')\">delete</mat-icon>\n            <mat-icon (click)=\"emitRowClick(row, 'visibility')\">visibility</mat-icon>\n          </div>\n        </ng-template>\n      </td>\n    </ng-container>\n\n    <tr mat-header-row *matHeaderRowDef=\"displayedColumns\"></tr>\n    <tr mat-row *matRowDef=\"let row; columns: displayedColumns;\" [ngClass]=\"getRowClass()\"></tr>\n  </table>\n  <mat-paginator \n    class=\"mapa-table__paginator-legacy\"\n    itemsPerPageLabel=\"Item por p\u00E1gina\"\n    appStylePaginatorMv\n    [length]=\"dataSource ? dataSource.data.length : 0\"\n    [pageSize]=\"5\"\n    [pageSizeOptions]=\"[5, 10, 25, 100]\"\n  >\n  </mat-paginator>\n</div>\n\n<ng-template\n  #tableHeader\n  let-selection=\"selection\"\n  let-column=\"column\"\n  let-isFirst=\"isFirst\"\n  let-checkbox=\"checkbox\"\n>\n  <div class=\"mapa-table__column mapa-table__column--header\">\n    <ng-container *ngIf=\"isFirst && checkbox\">\n      <mat-checkbox\n        (change)=\"$event ? toggleAllRows() : null\"\n        [checked]=\"selection.hasValue() && isAllSelected()\"\n        [indeterminate]=\"selection.hasValue() && !isAllSelected()\"\n        (click)=\"$event.stopPropagation()\"\n      >\n      </mat-checkbox>\n    </ng-container>\n    <div class=\"mapa-table__label\" [ngClass]=\"{ 'label_report': isGroupReport }\">\n      {{ column.label }}\n    </div>\n    <div *ngIf=\"column.key !== 'actions' && column.sort\">\n      <mat-icon>filter_list</mat-icon>\n    </div>\n  </div>\n</ng-template>\n", styles: [".mapa-table .mat-table{font-family:SF-Pro;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:SF-Pro;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:SF-Pro;font-size:16px;font-style:normal;font-weight:600;color:#50575e}.mapa-table .mat-icon{cursor:pointer;position:relative;bottom:-3px;margin:0 7px 0 0;font-size:14px;height:14px;width:14px}.mapa-table .mat-mdc-row,.mapa-table .mdc-data-table__content,.mapa-table .mat-mdc-header-cell{--mat-table-row-item-label-text-font: \"SF-Pro\"}.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:SF-Pro!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}.mapa-table{width:100%;white-space:nowrap}.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--header{width:100%}.mapa-table__column--header .mat-icon{margin:0 7px}.mapa-table .mat-sort-header-arrow{color:transparent}.mapa-table .mat-sort-header-content{width:100%}.mapa-table .mat-cell,.mapa-table .mat-header-cell{padding:0 10px!important}.mapa-table .mat-table{width:100%;overflow-x:auto}.mapa-table .red-0-25{width:40px;height:40px;border-radius:24px;display:flex;justify-content:center;align-items:center;background-color:#f598a7;color:#000}.mapa-table .red-26-50{width:43px;height:43px;border-radius:24px;display:flex;justify-content:center;align-items:center;background-color:#f56580;color:#000}.mapa-table .red-51-75{width:46px;height:46px;border-radius:24px;display:flex;justify-content:center;align-items:center;background-color:#f4284e;color:#fff}.mapa-table .red-76-100{width:48px;height:48px;border-radius:24px;display:flex;justify-content:center;align-items:center;background-color:#c11c2f;color:#fff}.mapa-table .blue-0-20{width:40px;height:40px;border-radius:24px;display:flex;justify-content:center;align-items:center;background-color:#96f2ee;color:#fff}.mapa-table .blue-21-40{width:42px;height:42px;border-radius:24px;display:flex;justify-content:center;align-items:center;background-color:#68ceee;color:#fff}.mapa-table .blue-41-60{width:44px;height:44px;border-radius:24px;display:flex;justify-content:center;align-items:center;background-color:#2d9ced;color:#fff}.mapa-table .blue-61-80{width:46px;height:46px;border-radius:24px;display:flex;justify-content:center;align-items:center;background-color:#0e6ece;color:#fff}.mapa-table .blue-81-100{width:48px;height:48px;border-radius:24px;display:flex;justify-content:center;align-items:center;background-color:#073e92;color:#fff}.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:SF-Pro;font-size:14px;font-style:normal;font-weight:400;line-height:20px}.mapa-table .cpf{color:var(--Grey-Grey-30, #8c8f94);text-align:left;font-family:SF-Pro;font-size:12px;font-style:normal;font-weight:400;line-height:16px}.mapa-table .center-cell{margin:auto}.mapa-table .label_report{color:#181818;text-align:center;font-family:SF-Pro;font-size:12px;font-style:normal;font-weight:400;line-height:16px}\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: i2.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: i5.MatTable, selector: "mat-table, table[mat-table]", exportAs: ["matTable"] }, { kind: "directive", type: i5.MatHeaderCellDef, selector: "[matHeaderCellDef]" }, { kind: "directive", type: i5.MatHeaderRowDef, selector: "[matHeaderRowDef]", inputs: ["matHeaderRowDef", "matHeaderRowDefSticky"] }, { kind: "directive", type: i5.MatColumnDef, selector: "[matColumnDef]", inputs: ["sticky", "matColumnDef"] }, { kind: "directive", type: i5.MatCellDef, selector: "[matCellDef]" }, { kind: "directive", type: i5.MatRowDef, selector: "[matRowDef]", inputs: ["matRowDefColumns", "matRowDefWhen"] }, { kind: "directive", type: i5.MatHeaderCell, selector: "mat-header-cell, th[mat-header-cell]" }, { kind: "directive", type: i5.MatCell, selector: "mat-cell, td[mat-cell]" }, { kind: "component", type: i5.MatHeaderRow, selector: "mat-header-row, tr[mat-header-row]", exportAs: ["matHeaderRow"] }, { kind: "component", type: i5.MatRow, selector: "mat-row, tr[mat-row]", exportAs: ["matRow"] }, { kind: "directive", type: i6.MatSort, selector: "[matSort]", inputs: ["matSortDisabled", "matSortActive", "matSortStart", "matSortDirection", "matSortDisableClear"], outputs: ["matSortChange"], exportAs: ["matSort"] }, { kind: "component", type: i6.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: "<div class=\"mapa-table\">\n  <table mat-table [dataSource]=\"dataSource\" matSort (matSortChange)=\"sortDataFunction($event)\">\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\">\n        <div \n          class=\"mapa-table__column\"\n          (click)=\"emitRowClick(row, '')\"\n          *ngIf=\"column.key !== 'actions'; else columnActions\"\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            >\n            </mat-checkbox>\n          </ng-container>\n          <div class=\"table__column\" [ngClass]=\"{ 'center-cell': isGroupReport }\">\n            <div *ngIf=\"!isGroupReport\">\n              <ng-container *ngIf=\"isMaskedData(column, row); else statusContent\">\n                {{ getValueAsDate(column, row) | date: column.mask }}\n              </ng-container>\n              <ng-template #statusContent>\n                <ng-container *ngIf=\"column.statusLabel; else commonContent\">\n                  <ng-container *ngIf=\"isBoolean(column, row); else commonStatus\">\n                    {{ column.statusLabel[row[column.key] ? 1 : 0] }}\n                  </ng-container>\n                  <ng-template #commonStatus>{{ column.statusLabel[row[column.key] - 1] }}</ng-template>\n                </ng-container>\n                <ng-template #commonContent>{{ row[column.key] }}</ng-template>\n              </ng-template>\n              <ng-template #statusContent>\n                <ng-template #commonContent>{{ row[column.key] }}</ng-template>\n              </ng-template>\n            </div>\n            <div *ngIf=\"isGroupReport\">\n              <div [ngClass]=\"getCellClass(column, row)\">\n                <ng-container *ngIf=\"column.key === 'name' || column.key === 'cpf' || column.key === 'general'; else scoreOrIntervalContent\">\n                  <div *ngIf=\"column.key === 'name'\">\n                    <div class=\"name\">\n                      {{ row.name }}<br>\n                    </div>\n                    <div class=\"cpf\">\n                      {{row.cpf}}\n                    </div>\n                  </div>\n                  <div *ngIf=\"column.key === 'general'\" class=\"general\">\n                    {{ row[column.key] }}%\n                  </div>\n                </ng-container>\n                <ng-template #scoreOrIntervalContent>\n                  <ng-container *ngIf=\"row[column.key] && row[column.key].scoreT; else intervalContent\">\n                    {{ row[column.key].scoreT }}%\n                  </ng-container>\n                  <ng-template #intervalContent>\n                    {{ row[column.key]?.interval }}%\n                  </ng-template>\n                </ng-template>\n              </div>\n            </div>\n          </div>\n        </div>\n        <ng-template #columnActions>\n          <div class=\"mapa-table__column--actions\">\n            <mat-icon (click)=\"emitRowClick(row, 'edit')\">edit</mat-icon>\n            <mat-icon (click)=\"emitRowClick(row, 'delete')\">delete</mat-icon>\n            <mat-icon (click)=\"emitRowClick(row, 'visibility')\">visibility</mat-icon>\n          </div>\n        </ng-template>\n      </td>\n    </ng-container>\n\n    <tr mat-header-row *matHeaderRowDef=\"displayedColumns\"></tr>\n    <tr mat-row *matRowDef=\"let row; columns: displayedColumns;\" [ngClass]=\"getRowClass()\"></tr>\n  </table>\n  <mat-paginator \n    class=\"mapa-table__paginator-legacy\"\n    itemsPerPageLabel=\"Item por p\u00E1gina\"\n    appStylePaginatorMv\n    [length]=\"dataSource ? dataSource.data.length : 0\"\n    [pageSize]=\"5\"\n    [pageSizeOptions]=\"[5, 10, 25, 100]\"\n  >\n  </mat-paginator>\n</div>\n\n<ng-template\n  #tableHeader\n  let-selection=\"selection\"\n  let-column=\"column\"\n  let-isFirst=\"isFirst\"\n  let-checkbox=\"checkbox\"\n>\n  <div class=\"mapa-table__column mapa-table__column--header\">\n    <ng-container *ngIf=\"isFirst && checkbox\">\n      <mat-checkbox\n        (change)=\"$event ? toggleAllRows() : null\"\n        [checked]=\"selection.hasValue() && isAllSelected()\"\n        [indeterminate]=\"selection.hasValue() && !isAllSelected()\"\n        (click)=\"$event.stopPropagation()\"\n      >\n      </mat-checkbox>\n    </ng-container>\n    <div class=\"mapa-table__label\" [ngClass]=\"{ 'label_report': isGroupReport }\">\n      {{ column.label }}\n    </div>\n    <div *ngIf=\"column.key !== 'actions' && column.sort\">\n      <mat-icon>filter_list</mat-icon>\n    </div>\n  </div>\n</ng-template>\n", styles: [".mapa-table .mat-table{font-family:SF-Pro;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:SF-Pro;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:SF-Pro;font-size:16px;font-style:normal;font-weight:600;color:#50575e}.mapa-table .mat-icon{cursor:pointer;position:relative;bottom:-3px;margin:0 7px 0 0;font-size:14px;height:14px;width:14px}.mapa-table .mat-mdc-row,.mapa-table .mdc-data-table__content,.mapa-table .mat-mdc-header-cell{--mat-table-row-item-label-text-font: \"SF-Pro\"}.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:SF-Pro!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}.mapa-table{width:100%;white-space:nowrap}.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--header{justify-content:space-between;width:100%}.mapa-table .mat-sort-header-content{width:100%}.mapa-table .mat-cell,.mapa-table .mat-header-cell{padding:0 10px!important}.mapa-table .mat-table{width:100%;overflow-x:auto}.mapa-table .red-0-25{width:40px;height:40px;border-radius:24px;display:flex;justify-content:center;align-items:center;background-color:#f598a7;color:#000}.mapa-table .red-26-50{width:43px;height:43px;border-radius:24px;display:flex;justify-content:center;align-items:center;background-color:#f56580;color:#000}.mapa-table .red-51-75{width:46px;height:46px;border-radius:24px;display:flex;justify-content:center;align-items:center;background-color:#f4284e;color:#fff}.mapa-table .red-76-100{width:48px;height:48px;border-radius:24px;display:flex;justify-content:center;align-items:center;background-color:#c11c2f;color:#fff}.mapa-table .blue-0-20{width:40px;height:40px;border-radius:24px;display:flex;justify-content:center;align-items:center;background-color:#96f2ee;color:#fff}.mapa-table .blue-21-40{width:42px;height:42px;border-radius:24px;display:flex;justify-content:center;align-items:center;background-color:#68ceee;color:#fff}.mapa-table .blue-41-60{width:44px;height:44px;border-radius:24px;display:flex;justify-content:center;align-items:center;background-color:#2d9ced;color:#fff}.mapa-table .blue-61-80{width:46px;height:46px;border-radius:24px;display:flex;justify-content:center;align-items:center;background-color:#0e6ece;color:#fff}.mapa-table .blue-81-100{width:48px;height:48px;border-radius:24px;display:flex;justify-content:center;align-items:center;background-color:#073e92;color:#fff}.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:SF-Pro;font-size:14px;font-style:normal;font-weight:400;line-height:20px}.mapa-table .cpf{color:var(--Grey-Grey-30, #8c8f94);text-align:left;font-family:SF-Pro;font-size:12px;font-style:normal;font-weight:400;line-height:16px}.mapa-table .center-cell{margin:auto}.mapa-table .label_report{color:#181818;text-align:center;font-family:SF-Pro;font-size:12px;font-style:normal;font-weight:400;line-height:16px}\n"] }]
+            args: [{ selector: "mapa-table", encapsulation: ViewEncapsulation.None, template: "<div class=\"mapa-table\">\n  <table mat-table [dataSource]=\"dataSource\" matSort (matSortChange)=\"sortDataFunction($event)\">\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\">\n        <div \n          class=\"mapa-table__column\"\n          (click)=\"emitRowClick(row, '')\"\n          *ngIf=\"column.key !== 'actions'; else columnActions\"\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            >\n            </mat-checkbox>\n          </ng-container>\n          <div class=\"table__column\" [ngClass]=\"{ 'center-cell': isGroupReport }\">\n            <div *ngIf=\"!isGroupReport\">\n              <ng-container *ngIf=\"isMaskedData(column, row); else statusContent\">\n                {{ getValueAsDate(column, row) | date: column.mask }}\n              </ng-container>\n              <ng-template #statusContent>\n                <ng-container *ngIf=\"column.statusLabel; else commonContent\">\n                  <ng-container *ngIf=\"isBoolean(column, row); else commonStatus\">\n                    {{ column.statusLabel[row[column.key] ? 1 : 0] }}\n                  </ng-container>\n                  <ng-template #commonStatus>{{ column.statusLabel[row[column.key] - 1] }}</ng-template>\n                </ng-container>\n                <ng-template #commonContent>{{ row[column.key] }}</ng-template>\n              </ng-template>\n              <ng-template #statusContent>\n                <ng-template #commonContent>{{ row[column.key] }}</ng-template>\n              </ng-template>\n            </div>\n            <div *ngIf=\"isGroupReport\">\n              <div [ngClass]=\"getCellClass(column, row)\">\n                <ng-container *ngIf=\"column.key === 'name' || column.key === 'cpf' || column.key === 'general'; else scoreOrIntervalContent\">\n                  <div *ngIf=\"column.key === 'name'\">\n                    <div class=\"name\">\n                      {{ row.name }}<br>\n                    </div>\n                    <div class=\"cpf\">\n                      {{row.cpf}}\n                    </div>\n                  </div>\n                  <div *ngIf=\"column.key === 'general'\" class=\"general\">\n                    {{ row[column.key] }}%\n                  </div>\n                </ng-container>\n                <ng-template #scoreOrIntervalContent>\n                  <ng-container *ngIf=\"row[column.key] && row[column.key].scoreT; else intervalContent\">\n                    {{ row[column.key].scoreT }}%\n                  </ng-container>\n                  <ng-template #intervalContent>\n                    {{ row[column.key]?.interval }}%\n                  </ng-template>\n                </ng-template>\n              </div>\n            </div>\n          </div>\n        </div>\n        <ng-template #columnActions>\n          <div class=\"mapa-table__column--actions\">\n            <mat-icon (click)=\"emitRowClick(row, 'edit')\">edit</mat-icon>\n            <mat-icon (click)=\"emitRowClick(row, 'delete')\">delete</mat-icon>\n            <mat-icon (click)=\"emitRowClick(row, 'visibility')\">visibility</mat-icon>\n          </div>\n        </ng-template>\n      </td>\n    </ng-container>\n\n    <tr mat-header-row *matHeaderRowDef=\"displayedColumns\"></tr>\n    <tr mat-row *matRowDef=\"let row; columns: displayedColumns;\" [ngClass]=\"getRowClass()\"></tr>\n  </table>\n  <mat-paginator \n    class=\"mapa-table__paginator-legacy\"\n    itemsPerPageLabel=\"Item por p\u00E1gina\"\n    appStylePaginatorMv\n    [length]=\"dataSource ? dataSource.data.length : 0\"\n    [pageSize]=\"5\"\n    [pageSizeOptions]=\"[5, 10, 25, 100]\"\n  >\n  </mat-paginator>\n</div>\n\n<ng-template\n  #tableHeader\n  let-selection=\"selection\"\n  let-column=\"column\"\n  let-isFirst=\"isFirst\"\n  let-checkbox=\"checkbox\"\n>\n  <div class=\"mapa-table__column mapa-table__column--header\">\n    <ng-container *ngIf=\"isFirst && checkbox\">\n      <mat-checkbox\n        (change)=\"$event ? toggleAllRows() : null\"\n        [checked]=\"selection.hasValue() && isAllSelected()\"\n        [indeterminate]=\"selection.hasValue() && !isAllSelected()\"\n        (click)=\"$event.stopPropagation()\"\n      >\n      </mat-checkbox>\n    </ng-container>\n    <div class=\"mapa-table__label\" [ngClass]=\"{ 'label_report': isGroupReport }\">\n      {{ column.label }}\n    </div>\n    <div *ngIf=\"column.key !== 'actions' && column.sort\">\n      <mat-icon>filter_list</mat-icon>\n    </div>\n  </div>\n</ng-template>\n", styles: [".mapa-table .mat-table{font-family:SF-Pro;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:SF-Pro;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:SF-Pro;font-size:16px;font-style:normal;font-weight:600;color:#50575e}.mapa-table .mat-icon{cursor:pointer;position:relative;bottom:-3px;margin:0 7px 0 0;font-size:14px;height:14px;width:14px}.mapa-table .mat-mdc-row,.mapa-table .mdc-data-table__content,.mapa-table .mat-mdc-header-cell{--mat-table-row-item-label-text-font: \"SF-Pro\"}.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:SF-Pro!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}.mapa-table{width:100%;white-space:nowrap}.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--header{width:100%}.mapa-table__column--header .mat-icon{margin:0 7px}.mapa-table .mat-sort-header-arrow{color:transparent}.mapa-table .mat-sort-header-content{width:100%}.mapa-table .mat-cell,.mapa-table .mat-header-cell{padding:0 10px!important}.mapa-table .mat-table{width:100%;overflow-x:auto}.mapa-table .red-0-25{width:40px;height:40px;border-radius:24px;display:flex;justify-content:center;align-items:center;background-color:#f598a7;color:#000}.mapa-table .red-26-50{width:43px;height:43px;border-radius:24px;display:flex;justify-content:center;align-items:center;background-color:#f56580;color:#000}.mapa-table .red-51-75{width:46px;height:46px;border-radius:24px;display:flex;justify-content:center;align-items:center;background-color:#f4284e;color:#fff}.mapa-table .red-76-100{width:48px;height:48px;border-radius:24px;display:flex;justify-content:center;align-items:center;background-color:#c11c2f;color:#fff}.mapa-table .blue-0-20{width:40px;height:40px;border-radius:24px;display:flex;justify-content:center;align-items:center;background-color:#96f2ee;color:#fff}.mapa-table .blue-21-40{width:42px;height:42px;border-radius:24px;display:flex;justify-content:center;align-items:center;background-color:#68ceee;color:#fff}.mapa-table .blue-41-60{width:44px;height:44px;border-radius:24px;display:flex;justify-content:center;align-items:center;background-color:#2d9ced;color:#fff}.mapa-table .blue-61-80{width:46px;height:46px;border-radius:24px;display:flex;justify-content:center;align-items:center;background-color:#0e6ece;color:#fff}.mapa-table .blue-81-100{width:48px;height:48px;border-radius:24px;display:flex;justify-content:center;align-items:center;background-color:#073e92;color:#fff}.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:SF-Pro;font-size:14px;font-style:normal;font-weight:400;line-height:20px}.mapa-table .cpf{color:var(--Grey-Grey-30, #8c8f94);text-align:left;font-family:SF-Pro;font-size:12px;font-style:normal;font-weight:400;line-height:16px}.mapa-table .center-cell{margin:auto}.mapa-table .label_report{color:#181818;text-align:center;font-family:SF-Pro;font-size:12px;font-style:normal;font-weight:400;line-height:16px}\n"] }]
         }], ctorParameters: function () { return []; }, propDecorators: { columns: [{
                 type: Input
             }], data: [{
@@ -436,6 +453,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
                 type: Input
             }], actions: [{
                 type: Input
+            }], filterControl: [{
+                type: Input
             }], rowClick: [{
                 type: Output
             }], selectedRows: [{