mapa-library-ui 0.0.25 → 0.0.28

package/esm2020/src/lib/components/input/src/input.component.mjs

@@ -1,4 +1,4 @@
-import { Component, Input } from '@angular/core';
+import { Component, Input, ViewEncapsulation } from '@angular/core';
 import * as i0 from "@angular/core";
 import * as i1 from "@angular/common";
 import * as i2 from "@angular/forms";
@@ -15,13 +15,13 @@ export class MapaInputComponent {
     }
 }
 MapaInputComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: MapaInputComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-MapaInputComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: MapaInputComponent, selector: "mapa-input", inputs: { formControl: "formControl", element: "element" }, ngImport: i0, template: "<label *ngIf=\"element.label\" class=\"mapa-input__label\">\n  {{ element.label }}\n</label>\n<mat-form-field class=\"mapa-input\" appearance=\"outline\" subscriptSizing=\"dynamic\">\n  <mat-icon *ngIf=\"element.prefix\" class=\"mapa-input--prefix\" matPrefix>\n    {{ element.prefix }}\n  </mat-icon>\n  <input\n    *ngIf=\"element.autosize\"\n    matInput\n    matInputAutosize\n    [matInputAutosizeMinWidth]=\"element.autosizeMinWidth!\"\n    [matInputAutosizeMaxWidth]=\"element.autosizeMaxWidth!\"\n    [formControl]=\"formControl\"\n    [placeholder]=\"element.placeholder || element.label\"\n  />\n  <input\n    matInput\n    *ngIf=\"!element.autosize\"\n    [formControl]=\"formControl\"\n    [placeholder]=\"element.placeholder || element.label\"\n  />\n  <mat-icon\n    *ngIf=\"hasValue()\"\n    (click)=\"clearValue()\"\n    class=\"mapa-input--close\"\n    matSuffix\n    >close</mat-icon\n  >\n  <mat-icon *ngIf=\"element.suffix\" class=\"mapa-input--suffix\" matSuffix>\n    {{ element.suffix }}\n  </mat-icon>\n  <mat-hint *ngIf=\"element.hint\">{{ element.hint }}</mat-hint>\n</mat-form-field>\n", styles: [".mapa-input__label{display:block;font-size:12px;font-style:normal;font-weight:600;line-height:16px;text-transform:uppercase;margin-bottom:16px}.mapa-input .mat-mdc-input-element{font-family:SF-Pro;font-size:16px;font-style:normal;font-weight:400}::ng-deep .mapa-input .mdc-text-field--outlined .mat-mdc-form-field-infix{padding-bottom:12px;padding-top:16px;--mat-form-field-container-height: 48px}::ng-deep .mapa-input .mdc-text-field--outlined{--mdc-outlined-text-field-container-shape: 8px;--mdc-outlined-text-field-outline-width: 2px}::ng-deep .mapa-input .mat-mdc-form-field-icon-suffix{display:flex}::ng-deep .mapa-input .mat-mdc-form-field-icon-suffix .mapa-input--close{padding:unset}::ng-deep .mapa-input .mat-mdc-form-field-icon-suffix .mapa-input--suffix{padding:0 0 0 8px}::ng-deep .mapa-input .mat-mdc-form-field-icon-suffix .mat-icon:last-child{padding-right:12px}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { 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: "component", type: i3.MatFormField, selector: "mat-form-field", inputs: ["color", "appearance", "hideRequiredMarker", "hintLabel", "floatLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i3.MatHint, selector: "mat-hint", inputs: ["align", "id"] }, { kind: "directive", type: i3.MatPrefix, selector: "[matPrefix]" }, { kind: "directive", type: i3.MatSuffix, selector: "[matSuffix]" }, { kind: "directive", type: i4.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly"], exportAs: ["matInput"] }, { kind: "component", type: i5.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "directive", type: i6.MatInputAutosizeDirective, selector: "[matInputAutosize]", inputs: ["matInputAutosizeMaxWidth", "matInputAutosizeMinWidth", "matInputAutosizeFontStyle"] }] });
+MapaInputComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: MapaInputComponent, selector: "mapa-input", inputs: { formControl: "formControl", element: "element" }, ngImport: i0, template: "<label *ngIf=\"element.label\" class=\"mapa-input__label\">\n  {{ element.label }}\n</label>\n<mat-form-field class=\"mapa-input\" appearance=\"outline\" subscriptSizing=\"dynamic\">\n  <mat-icon *ngIf=\"element.prefix\" class=\"mapa-input--prefix\" matPrefix>\n    {{ element.prefix }}\n  </mat-icon>\n  <input\n    *ngIf=\"element.autosize\"\n    matInput\n    matInputAutosize\n    [matInputAutosizeMinWidth]=\"element.autosizeMinWidth!\"\n    [matInputAutosizeMaxWidth]=\"element.autosizeMaxWidth!\"\n    [formControl]=\"formControl\"\n    [placeholder]=\"element.placeholder || element.label\"\n  />\n  <input\n    matInput\n    *ngIf=\"!element.autosize\"\n    [formControl]=\"formControl\"\n    [placeholder]=\"element.placeholder || element.label\"\n  />\n  <mat-icon\n    *ngIf=\"hasValue()\"\n    (click)=\"clearValue()\"\n    class=\"mapa-input--close\"\n    matSuffix\n    >close</mat-icon\n  >\n  <mat-icon *ngIf=\"element.suffix\" class=\"mapa-input--suffix\" matSuffix>\n    {{ element.suffix }}\n  </mat-icon>\n  <mat-hint *ngIf=\"element.hint\">{{ element.hint }}</mat-hint>\n</mat-form-field>\n", styles: [".mapa-input__label{display:block;font-size:12px;font-style:normal;font-weight:600;line-height:16px;text-transform:uppercase;margin-bottom:16px}.mapa-input .mat-input-element{font-family:SF-Pro;font-size:16px;font-style:normal;font-weight:400}.mapa-input .mat-form-field-appearance-outline .mat-form-field-infix,.mapa-input .mat-form-field-infix{padding:1em 1em .75em .25em!important;border-top:unset!important}.mapa-input .mat-form-field-suffix{display:flex;top:.4em!important}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { 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: "component", type: i3.MatFormField, selector: "mat-form-field", inputs: ["color", "appearance", "hideRequiredMarker", "hintLabel", "floatLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i3.MatHint, selector: "mat-hint", inputs: ["align", "id"] }, { kind: "directive", type: i3.MatPrefix, selector: "[matPrefix]" }, { kind: "directive", type: i3.MatSuffix, selector: "[matSuffix]" }, { kind: "directive", type: i4.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly"], exportAs: ["matInput"] }, { kind: "component", type: i5.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "directive", type: i6.MatInputAutosizeDirective, selector: "[matInputAutosize]", inputs: ["matInputAutosizeMaxWidth", "matInputAutosizeMinWidth", "matInputAutosizeFontStyle"] }], encapsulation: i0.ViewEncapsulation.None });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: MapaInputComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'mapa-input', template: "<label *ngIf=\"element.label\" class=\"mapa-input__label\">\n  {{ element.label }}\n</label>\n<mat-form-field class=\"mapa-input\" appearance=\"outline\" subscriptSizing=\"dynamic\">\n  <mat-icon *ngIf=\"element.prefix\" class=\"mapa-input--prefix\" matPrefix>\n    {{ element.prefix }}\n  </mat-icon>\n  <input\n    *ngIf=\"element.autosize\"\n    matInput\n    matInputAutosize\n    [matInputAutosizeMinWidth]=\"element.autosizeMinWidth!\"\n    [matInputAutosizeMaxWidth]=\"element.autosizeMaxWidth!\"\n    [formControl]=\"formControl\"\n    [placeholder]=\"element.placeholder || element.label\"\n  />\n  <input\n    matInput\n    *ngIf=\"!element.autosize\"\n    [formControl]=\"formControl\"\n    [placeholder]=\"element.placeholder || element.label\"\n  />\n  <mat-icon\n    *ngIf=\"hasValue()\"\n    (click)=\"clearValue()\"\n    class=\"mapa-input--close\"\n    matSuffix\n    >close</mat-icon\n  >\n  <mat-icon *ngIf=\"element.suffix\" class=\"mapa-input--suffix\" matSuffix>\n    {{ element.suffix }}\n  </mat-icon>\n  <mat-hint *ngIf=\"element.hint\">{{ element.hint }}</mat-hint>\n</mat-form-field>\n", styles: [".mapa-input__label{display:block;font-size:12px;font-style:normal;font-weight:600;line-height:16px;text-transform:uppercase;margin-bottom:16px}.mapa-input .mat-mdc-input-element{font-family:SF-Pro;font-size:16px;font-style:normal;font-weight:400}::ng-deep .mapa-input .mdc-text-field--outlined .mat-mdc-form-field-infix{padding-bottom:12px;padding-top:16px;--mat-form-field-container-height: 48px}::ng-deep .mapa-input .mdc-text-field--outlined{--mdc-outlined-text-field-container-shape: 8px;--mdc-outlined-text-field-outline-width: 2px}::ng-deep .mapa-input .mat-mdc-form-field-icon-suffix{display:flex}::ng-deep .mapa-input .mat-mdc-form-field-icon-suffix .mapa-input--close{padding:unset}::ng-deep .mapa-input .mat-mdc-form-field-icon-suffix .mapa-input--suffix{padding:0 0 0 8px}::ng-deep .mapa-input .mat-mdc-form-field-icon-suffix .mat-icon:last-child{padding-right:12px}\n"] }]
+            args: [{ selector: 'mapa-input', encapsulation: ViewEncapsulation.None, template: "<label *ngIf=\"element.label\" class=\"mapa-input__label\">\n  {{ element.label }}\n</label>\n<mat-form-field class=\"mapa-input\" appearance=\"outline\" subscriptSizing=\"dynamic\">\n  <mat-icon *ngIf=\"element.prefix\" class=\"mapa-input--prefix\" matPrefix>\n    {{ element.prefix }}\n  </mat-icon>\n  <input\n    *ngIf=\"element.autosize\"\n    matInput\n    matInputAutosize\n    [matInputAutosizeMinWidth]=\"element.autosizeMinWidth!\"\n    [matInputAutosizeMaxWidth]=\"element.autosizeMaxWidth!\"\n    [formControl]=\"formControl\"\n    [placeholder]=\"element.placeholder || element.label\"\n  />\n  <input\n    matInput\n    *ngIf=\"!element.autosize\"\n    [formControl]=\"formControl\"\n    [placeholder]=\"element.placeholder || element.label\"\n  />\n  <mat-icon\n    *ngIf=\"hasValue()\"\n    (click)=\"clearValue()\"\n    class=\"mapa-input--close\"\n    matSuffix\n    >close</mat-icon\n  >\n  <mat-icon *ngIf=\"element.suffix\" class=\"mapa-input--suffix\" matSuffix>\n    {{ element.suffix }}\n  </mat-icon>\n  <mat-hint *ngIf=\"element.hint\">{{ element.hint }}</mat-hint>\n</mat-form-field>\n", styles: [".mapa-input__label{display:block;font-size:12px;font-style:normal;font-weight:600;line-height:16px;text-transform:uppercase;margin-bottom:16px}.mapa-input .mat-input-element{font-family:SF-Pro;font-size:16px;font-style:normal;font-weight:400}.mapa-input .mat-form-field-appearance-outline .mat-form-field-infix,.mapa-input .mat-form-field-infix{padding:1em 1em .75em .25em!important;border-top:unset!important}.mapa-input .mat-form-field-suffix{display:flex;top:.4em!important}\n"] }]
         }], propDecorators: { formControl: [{
                 type: Input
             }], element: [{
                 type: Input
             }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5wdXQuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbWFwYS1saWJyYXJ5LXVpL3NyYy9saWIvY29tcG9uZW50cy9pbnB1dC9zcmMvaW5wdXQuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbWFwYS1saWJyYXJ5LXVpL3NyYy9saWIvY29tcG9uZW50cy9pbnB1dC9zcmMvaW5wdXQuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQUUsTUFBTSxlQUFlLENBQUM7Ozs7Ozs7O0FBVWpELE1BQU0sT0FBTyxrQkFBa0I7SUFJN0IsUUFBUTtRQUNOLE9BQU8sQ0FBQyxDQUFDLElBQUksQ0FBQyxXQUFXLENBQUMsS0FBSyxDQUFDO0lBQ2xDLENBQUM7SUFFRCxVQUFVO1FBQ1IsSUFBSSxDQUFDLFdBQVcsQ0FBQyxRQUFRLENBQUMsSUFBSSxDQUFDLENBQUM7SUFDbEMsQ0FBQzs7Z0hBVlUsa0JBQWtCO29HQUFsQixrQkFBa0IsOEdDVi9CLDBsQ0FrQ0E7NEZEeEJhLGtCQUFrQjtrQkFMOUIsU0FBUzsrQkFDRSxZQUFZOzhCQUtiLFdBQVc7c0JBQW5CLEtBQUs7Z0JBQ0csT0FBTztzQkFBZixLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBJbnB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgRm9ybUNvbnRyb2wgfSBmcm9tICdAYW5ndWxhci9mb3Jtcyc7XG5cbmltcG9ydCB7IElucHV0VGV4dCB9IGZyb20gJ21hcGEtbGlicmFyeS11aSc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ21hcGEtaW5wdXQnLFxuICB0ZW1wbGF0ZVVybDogJy4vaW5wdXQuY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi9pbnB1dC5jb21wb25lbnQuc2NzcyddXG59KVxuZXhwb3J0IGNsYXNzIE1hcGFJbnB1dENvbXBvbmVudCB7XG4gIEBJbnB1dCgpIGZvcm1Db250cm9sITogRm9ybUNvbnRyb2w7XG4gIEBJbnB1dCgpIGVsZW1lbnQhOiBJbnB1dFRleHQ7XG5cbiAgaGFzVmFsdWUoKTogYm9vbGVhbiB7XG4gICAgcmV0dXJuICEhdGhpcy5mb3JtQ29udHJvbC52YWx1ZTtcbiAgfVxuXG4gIGNsZWFyVmFsdWUoKTogdm9pZCB7XG4gICAgdGhpcy5mb3JtQ29udHJvbC5zZXRWYWx1ZShudWxsKTtcbiAgfVxufVxuIiwiPGxhYmVsICpuZ0lmPVwiZWxlbWVudC5sYWJlbFwiIGNsYXNzPVwibWFwYS1pbnB1dF9fbGFiZWxcIj5cbiAge3sgZWxlbWVudC5sYWJlbCB9fVxuPC9sYWJlbD5cbjxtYXQtZm9ybS1maWVsZCBjbGFzcz1cIm1hcGEtaW5wdXRcIiBhcHBlYXJhbmNlPVwib3V0bGluZVwiIHN1YnNjcmlwdFNpemluZz1cImR5bmFtaWNcIj5cbiAgPG1hdC1pY29uICpuZ0lmPVwiZWxlbWVudC5wcmVmaXhcIiBjbGFzcz1cIm1hcGEtaW5wdXQtLXByZWZpeFwiIG1hdFByZWZpeD5cbiAgICB7eyBlbGVtZW50LnByZWZpeCB9fVxuICA8L21hdC1pY29uPlxuICA8aW5wdXRcbiAgICAqbmdJZj1cImVsZW1lbnQuYXV0b3NpemVcIlxuICAgIG1hdElucHV0XG4gICAgbWF0SW5wdXRBdXRvc2l6ZVxuICAgIFttYXRJbnB1dEF1dG9zaXplTWluV2lkdGhdPVwiZWxlbWVudC5hdXRvc2l6ZU1pbldpZHRoIVwiXG4gICAgW21hdElucHV0QXV0b3NpemVNYXhXaWR0aF09XCJlbGVtZW50LmF1dG9zaXplTWF4V2lkdGghXCJcbiAgICBbZm9ybUNvbnRyb2xdPVwiZm9ybUNvbnRyb2xcIlxuICAgIFtwbGFjZWhvbGRlcl09XCJlbGVtZW50LnBsYWNlaG9sZGVyIHx8IGVsZW1lbnQubGFiZWxcIlxuICAvPlxuICA8aW5wdXRcbiAgICBtYXRJbnB1dFxuICAgICpuZ0lmPVwiIWVsZW1lbnQuYXV0b3NpemVcIlxuICAgIFtmb3JtQ29udHJvbF09XCJmb3JtQ29udHJvbFwiXG4gICAgW3BsYWNlaG9sZGVyXT1cImVsZW1lbnQucGxhY2Vob2xkZXIgfHwgZWxlbWVudC5sYWJlbFwiXG4gIC8+XG4gIDxtYXQtaWNvblxuICAgICpuZ0lmPVwiaGFzVmFsdWUoKVwiXG4gICAgKGNsaWNrKT1cImNsZWFyVmFsdWUoKVwiXG4gICAgY2xhc3M9XCJtYXBhLWlucHV0LS1jbG9zZVwiXG4gICAgbWF0U3VmZml4XG4gICAgPmNsb3NlPC9tYXQtaWNvblxuICA+XG4gIDxtYXQtaWNvbiAqbmdJZj1cImVsZW1lbnQuc3VmZml4XCIgY2xhc3M9XCJtYXBhLWlucHV0LS1zdWZmaXhcIiBtYXRTdWZmaXg+XG4gICAge3sgZWxlbWVudC5zdWZmaXggfX1cbiAgPC9tYXQtaWNvbj5cbiAgPG1hdC1oaW50ICpuZ0lmPVwiZWxlbWVudC5oaW50XCI+e3sgZWxlbWVudC5oaW50IH19PC9tYXQtaGludD5cbjwvbWF0LWZvcm0tZmllbGQ+XG4iXX0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5wdXQuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbWFwYS1saWJyYXJ5LXVpL3NyYy9saWIvY29tcG9uZW50cy9pbnB1dC9zcmMvaW5wdXQuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbWFwYS1saWJyYXJ5LXVpL3NyYy9saWIvY29tcG9uZW50cy9pbnB1dC9zcmMvaW5wdXQuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSxlQUFlLENBQUM7Ozs7Ozs7O0FBV3BFLE1BQU0sT0FBTyxrQkFBa0I7SUFJN0IsUUFBUTtRQUNOLE9BQU8sQ0FBQyxDQUFDLElBQUksQ0FBQyxXQUFXLENBQUMsS0FBSyxDQUFDO0lBQ2xDLENBQUM7SUFFRCxVQUFVO1FBQ1IsSUFBSSxDQUFDLFdBQVcsQ0FBQyxRQUFRLENBQUMsSUFBSSxDQUFDLENBQUM7SUFDbEMsQ0FBQzs7Z0hBVlUsa0JBQWtCO29HQUFsQixrQkFBa0IsOEdDWC9CLDBsQ0FrQ0E7NEZEdkJhLGtCQUFrQjtrQkFOOUIsU0FBUzsrQkFDRSxZQUFZLGlCQUdQLGlCQUFpQixDQUFDLElBQUk7OEJBRzVCLFdBQVc7c0JBQW5CLEtBQUs7Z0JBQ0csT0FBTztzQkFBZixLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBJbnB1dCwgVmlld0VuY2Fwc3VsYXRpb24gfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IEZvcm1Db250cm9sIH0gZnJvbSAnQGFuZ3VsYXIvZm9ybXMnO1xuXG5pbXBvcnQgeyBJbnB1dFRleHQgfSBmcm9tICdtYXBhLWxpYnJhcnktdWknO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdtYXBhLWlucHV0JyxcbiAgdGVtcGxhdGVVcmw6ICcuL2lucHV0LmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vaW5wdXQtbGVnYWN5LmNvbXBvbmVudC5zY3NzJ10sXG4gIGVuY2Fwc3VsYXRpb246IFZpZXdFbmNhcHN1bGF0aW9uLk5vbmUsXG59KVxuZXhwb3J0IGNsYXNzIE1hcGFJbnB1dENvbXBvbmVudCB7XG4gIEBJbnB1dCgpIGZvcm1Db250cm9sITogRm9ybUNvbnRyb2w7XG4gIEBJbnB1dCgpIGVsZW1lbnQhOiBJbnB1dFRleHQ7XG5cbiAgaGFzVmFsdWUoKTogYm9vbGVhbiB7XG4gICAgcmV0dXJuICEhdGhpcy5mb3JtQ29udHJvbC52YWx1ZTtcbiAgfVxuXG4gIGNsZWFyVmFsdWUoKTogdm9pZCB7XG4gICAgdGhpcy5mb3JtQ29udHJvbC5zZXRWYWx1ZShudWxsKTtcbiAgfVxufVxuIiwiPGxhYmVsICpuZ0lmPVwiZWxlbWVudC5sYWJlbFwiIGNsYXNzPVwibWFwYS1pbnB1dF9fbGFiZWxcIj5cbiAge3sgZWxlbWVudC5sYWJlbCB9fVxuPC9sYWJlbD5cbjxtYXQtZm9ybS1maWVsZCBjbGFzcz1cIm1hcGEtaW5wdXRcIiBhcHBlYXJhbmNlPVwib3V0bGluZVwiIHN1YnNjcmlwdFNpemluZz1cImR5bmFtaWNcIj5cbiAgPG1hdC1pY29uICpuZ0lmPVwiZWxlbWVudC5wcmVmaXhcIiBjbGFzcz1cIm1hcGEtaW5wdXQtLXByZWZpeFwiIG1hdFByZWZpeD5cbiAgICB7eyBlbGVtZW50LnByZWZpeCB9fVxuICA8L21hdC1pY29uPlxuICA8aW5wdXRcbiAgICAqbmdJZj1cImVsZW1lbnQuYXV0b3NpemVcIlxuICAgIG1hdElucHV0XG4gICAgbWF0SW5wdXRBdXRvc2l6ZVxuICAgIFttYXRJbnB1dEF1dG9zaXplTWluV2lkdGhdPVwiZWxlbWVudC5hdXRvc2l6ZU1pbldpZHRoIVwiXG4gICAgW21hdElucHV0QXV0b3NpemVNYXhXaWR0aF09XCJlbGVtZW50LmF1dG9zaXplTWF4V2lkdGghXCJcbiAgICBbZm9ybUNvbnRyb2xdPVwiZm9ybUNvbnRyb2xcIlxuICAgIFtwbGFjZWhvbGRlcl09XCJlbGVtZW50LnBsYWNlaG9sZGVyIHx8IGVsZW1lbnQubGFiZWxcIlxuICAvPlxuICA8aW5wdXRcbiAgICBtYXRJbnB1dFxuICAgICpuZ0lmPVwiIWVsZW1lbnQuYXV0b3NpemVcIlxuICAgIFtmb3JtQ29udHJvbF09XCJmb3JtQ29udHJvbFwiXG4gICAgW3BsYWNlaG9sZGVyXT1cImVsZW1lbnQucGxhY2Vob2xkZXIgfHwgZWxlbWVudC5sYWJlbFwiXG4gIC8+XG4gIDxtYXQtaWNvblxuICAgICpuZ0lmPVwiaGFzVmFsdWUoKVwiXG4gICAgKGNsaWNrKT1cImNsZWFyVmFsdWUoKVwiXG4gICAgY2xhc3M9XCJtYXBhLWlucHV0LS1jbG9zZVwiXG4gICAgbWF0U3VmZml4XG4gICAgPmNsb3NlPC9tYXQtaWNvblxuICA+XG4gIDxtYXQtaWNvbiAqbmdJZj1cImVsZW1lbnQuc3VmZml4XCIgY2xhc3M9XCJtYXBhLWlucHV0LS1zdWZmaXhcIiBtYXRTdWZmaXg+XG4gICAge3sgZWxlbWVudC5zdWZmaXggfX1cbiAgPC9tYXQtaWNvbj5cbiAgPG1hdC1oaW50ICpuZ0lmPVwiZWxlbWVudC5oaW50XCI+e3sgZWxlbWVudC5oaW50IH19PC9tYXQtaGludD5cbjwvbWF0LWZvcm0tZmllbGQ+XG4iXX0=

package/esm2020/src/lib/components/nav-list/lib/components/nav-list/public-api.mjs

@@ -0,0 +1,6 @@
+/*
+ * Public API Surface of mapa-library-ui input
+ */
+export * from './src/nav-list.component';
+export * from './src/nav-list.module';
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHVibGljLWFwaS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL21hcGEtbGlicmFyeS11aS9zcmMvbGliL2NvbXBvbmVudHMvbmF2LWxpc3QvcHVibGljLWFwaS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTs7R0FFRztBQUVILGNBQWMsMEJBQTBCLENBQUM7QUFDekMsY0FBYyx1QkFBdUIsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbIi8qXG4gKiBQdWJsaWMgQVBJIFN1cmZhY2Ugb2YgbWFwYS1saWJyYXJ5LXVpIGlucHV0XG4gKi9cblxuZXhwb3J0ICogZnJvbSAnLi9zcmMvbmF2LWxpc3QuY29tcG9uZW50JztcbmV4cG9ydCAqIGZyb20gJy4vc3JjL25hdi1saXN0Lm1vZHVsZSc7Il19

package/esm2020/src/lib/components/nav-list/{src → lib/components/nav-list/src}/nav-list.component.mjs

@@ -23,4 +23,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
             }], clicked: [{
                 type: Output
             }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibmF2LWxpc3QuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbWFwYS1saWJyYXJ5LXVpL3NyYy9saWIvY29tcG9uZW50cy9uYXYtbGlzdC9zcmMvbmF2LWxpc3QuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbWFwYS1saWJyYXJ5LXVpL3NyYy9saWIvY29tcG9uZW50cy9uYXYtbGlzdC9zcmMvbmF2LWxpc3QuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxZQUFZLEVBQUUsS0FBSyxFQUFFLE1BQU0sRUFBRSxNQUFNLGVBQWUsQ0FBQzs7O0FBUXZFLE1BQU0sT0FBTyxvQkFBb0I7SUFMakM7UUFRWSxZQUFPLEdBQWdDLElBQUksWUFBWSxFQUFpQixDQUFDO1FBRW5GLGlCQUFZLEdBQUcsY0FBYyxDQUFDO0tBTy9CO0lBSkMsSUFBSSxDQUFDLE1BQXFCO1FBQ3hCLElBQUksQ0FBQyxRQUFRLEdBQUcsTUFBTSxDQUFDO1FBQ3ZCLElBQUksQ0FBQyxPQUFPLENBQUMsSUFBSSxDQUFDLE1BQU0sQ0FBQyxDQUFDO0lBQzVCLENBQUM7O2tIQVhVLG9CQUFvQjtzR0FBcEIsb0JBQW9CLHNJQ1JqQyxtUkFZQTs0RkRKYSxvQkFBb0I7a0JBTGhDLFNBQVM7K0JBQ0UsZUFBZTs4QkFLaEIsT0FBTztzQkFBZixLQUFLO2dCQUNHLEtBQUs7c0JBQWIsS0FBSztnQkFDSSxPQUFPO3NCQUFoQixNQUFNIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBFdmVudEVtaXR0ZXIsIElucHV0LCBPdXRwdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IEVsZW1lbnRPcHRpb24gfSBmcm9tICdtYXBhLWxpYnJhcnktdWknO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdtYXBhLW5hdi1saXN0JyxcbiAgdGVtcGxhdGVVcmw6ICcuL25hdi1saXN0LmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vbmF2LWxpc3QuY29tcG9uZW50LnNjc3MnXVxufSlcbmV4cG9ydCBjbGFzcyBNYXBhTmF2TGlzdENvbXBvbmVudCB7XG4gIEBJbnB1dCgpIG9wdGlvbnMhOiBFbGVtZW50T3B0aW9uW107XG4gIEBJbnB1dCgpIGxhYmVsITogc3RyaW5nO1xuICBAT3V0cHV0KCkgY2xpY2tlZDogRXZlbnRFbWl0dGVyPEVsZW1lbnRPcHRpb24+ID0gbmV3IEV2ZW50RW1pdHRlcjxFbGVtZW50T3B0aW9uPigpO1xuXG4gIGRlZmF1bHRMYWJlbCA9ICdOYXZlZ3VlIHBvcjonO1xuICBzZWxlY3RlZCE6IEVsZW1lbnRPcHRpb247XG5cbiAgZW1pdChvcHRpb246IEVsZW1lbnRPcHRpb24pOiB2b2lkIHtcbiAgICB0aGlzLnNlbGVjdGVkID0gb3B0aW9uO1xuICAgIHRoaXMuY2xpY2tlZC5lbWl0KG9wdGlvbik7XG4gIH1cbn1cbiIsIjxuYXYgY2xhc3M9XCJtYXBhLW5hdi1saXN0XCI+XG4gIHt7IGxhYmVsIHx8IGRlZmF1bHRMYWJlbCB9fVxuICA8dWw+XG4gICAgPGxpXG4gICAgICAqbmdGb3I9XCJsZXQgb3B0aW9uIG9mIG9wdGlvbnNcIlxuICAgICAgKGNsaWNrKT1cImVtaXQob3B0aW9uKVwiXG4gICAgICBbY2xhc3Muc2VsZWN0ZWRdPVwic2VsZWN0ZWQgPT09IG9wdGlvblwiXG4gICAgPlxuICAgICAgPHNwYW4+e3sgb3B0aW9uLnZhbHVlIH19PC9zcGFuPlxuICAgIDwvbGk+XG4gIDwvdWw+XG48L25hdj5cbiJdfQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibmF2LWxpc3QuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbWFwYS1saWJyYXJ5LXVpL3NyYy9saWIvY29tcG9uZW50cy9uYXYtbGlzdC9zcmMvbmF2LWxpc3QuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbWFwYS1saWJyYXJ5LXVpL3NyYy9saWIvY29tcG9uZW50cy9uYXYtbGlzdC9zcmMvbmF2LWxpc3QuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxZQUFZLEVBQUUsS0FBSyxFQUFFLE1BQU0sRUFBRSxNQUFNLGVBQWUsQ0FBQzs7O0FBUXZFLE1BQU0sT0FBTyxvQkFBb0I7SUFMakM7UUFRWSxZQUFPLEdBQWdDLElBQUksWUFBWSxFQUFpQixDQUFDO1FBRW5GLGlCQUFZLEdBQUcsY0FBYyxDQUFDO0tBTy9CO0lBSkMsSUFBSSxDQUFDLE1BQXFCO1FBQ3hCLElBQUksQ0FBQyxRQUFRLEdBQUcsTUFBTSxDQUFDO1FBQ3ZCLElBQUksQ0FBQyxPQUFPLENBQUMsSUFBSSxDQUFDLE1BQU0sQ0FBQyxDQUFDO0lBQzVCLENBQUM7O2tIQVhVLG9CQUFvQjtzR0FBcEIsb0JBQW9CLHNJQ1JqQyxtUkFZQTs0RkRKYSxvQkFBb0I7a0JBTGhDLFNBQVM7K0JBQ0UsZUFBZTs4QkFLaEIsT0FBTztzQkFBZixLQUFLO2dCQUNHLEtBQUs7c0JBQWIsS0FBSztnQkFDSSxPQUFPO3NCQUFoQixNQUFNIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBFdmVudEVtaXR0ZXIsIElucHV0LCBPdXRwdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IEVsZW1lbnRPcHRpb24gfSBmcm9tICcuLi8uLi8uLi9jb3JlL2ludGVyZmFjZXMvb3B0aW9uLmludGVyZmFjZSc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ21hcGEtbmF2LWxpc3QnLFxuICB0ZW1wbGF0ZVVybDogJy4vbmF2LWxpc3QuY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi9uYXYtbGlzdC5jb21wb25lbnQuc2NzcyddXG59KVxuZXhwb3J0IGNsYXNzIE1hcGFOYXZMaXN0Q29tcG9uZW50IHtcbiAgQElucHV0KCkgb3B0aW9ucyE6IEVsZW1lbnRPcHRpb25bXTtcbiAgQElucHV0KCkgbGFiZWwhOiBzdHJpbmc7XG4gIEBPdXRwdXQoKSBjbGlja2VkOiBFdmVudEVtaXR0ZXI8RWxlbWVudE9wdGlvbj4gPSBuZXcgRXZlbnRFbWl0dGVyPEVsZW1lbnRPcHRpb24+KCk7XG5cbiAgZGVmYXVsdExhYmVsID0gJ05hdmVndWUgcG9yOic7XG4gIHNlbGVjdGVkITogRWxlbWVudE9wdGlvbjtcblxuICBlbWl0KG9wdGlvbjogRWxlbWVudE9wdGlvbik6IHZvaWQge1xuICAgIHRoaXMuc2VsZWN0ZWQgPSBvcHRpb247XG4gICAgdGhpcy5jbGlja2VkLmVtaXQob3B0aW9uKTtcbiAgfVxufVxuIiwiPG5hdiBjbGFzcz1cIm1hcGEtbmF2LWxpc3RcIj5cbiAge3sgbGFiZWwgfHwgZGVmYXVsdExhYmVsIH19XG4gIDx1bD5cbiAgICA8bGlcbiAgICAgICpuZ0Zvcj1cImxldCBvcHRpb24gb2Ygb3B0aW9uc1wiXG4gICAgICAoY2xpY2spPVwiZW1pdChvcHRpb24pXCJcbiAgICAgIFtjbGFzcy5zZWxlY3RlZF09XCJzZWxlY3RlZCA9PT0gb3B0aW9uXCJcbiAgICA+XG4gICAgICA8c3Bhbj57eyBvcHRpb24udmFsdWUgfX08L3NwYW4+XG4gICAgPC9saT5cbiAgPC91bD5cbjwvbmF2PlxuIl19

package/esm2020/src/lib/components/nav-list/{src → lib/components/nav-list/src}/nav-list.module.mjs

@@ -15,4 +15,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
                     imports: [CommonModule],
                 }]
         }] });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibmF2LWxpc3QubW9kdWxlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbWFwYS1saWJyYXJ5LXVpL3NyYy9saWIvY29tcG9uZW50cy9uYXYtbGlzdC9zcmMvbmF2LWxpc3QubW9kdWxlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxRQUFRLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDekMsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQy9DLE9BQU8sRUFBRSxvQkFBb0IsRUFBRSxNQUFNLHNCQUFzQixDQUFDOztBQU81RCxNQUFNLE9BQU8saUJBQWlCOzsrR0FBakIsaUJBQWlCO2dIQUFqQixpQkFBaUIsaUJBSmIsb0JBQW9CLGFBRXpCLFlBQVksYUFEWixvQkFBb0I7Z0hBR25CLGlCQUFpQixZQUZsQixZQUFZOzRGQUVYLGlCQUFpQjtrQkFMN0IsUUFBUTttQkFBQztvQkFDUixZQUFZLEVBQUUsQ0FBQyxvQkFBb0IsQ0FBQztvQkFDcEMsT0FBTyxFQUFFLENBQUMsb0JBQW9CLENBQUM7b0JBQy9CLE9BQU8sRUFBRSxDQUFDLFlBQVksQ0FBQztpQkFDeEIiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBOZ01vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgQ29tbW9uTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcbmltcG9ydCB7IE1hcGFOYXZMaXN0Q29tcG9uZW50IH0gZnJvbSAnLi9uYXYtbGlzdC5jb21wb25lbnQnO1xuXG5ATmdNb2R1bGUoe1xuICBkZWNsYXJhdGlvbnM6IFtNYXBhTmF2TGlzdENvbXBvbmVudF0sXG4gIGV4cG9ydHM6IFtNYXBhTmF2TGlzdENvbXBvbmVudF0sXG4gIGltcG9ydHM6IFtDb21tb25Nb2R1bGVdLFxufSlcbmV4cG9ydCBjbGFzcyBNYXBhTmF2TGlzdE1vZHVsZSB7fVxuIl19
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibmF2LWxpc3QubW9kdWxlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbWFwYS1saWJyYXJ5LXVpL3NyYy9saWIvY29tcG9uZW50cy9uYXYtbGlzdC9zcmMvbmF2LWxpc3QubW9kdWxlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxRQUFRLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDekMsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQy9DLE9BQU8sRUFBRSxvQkFBb0IsRUFBRSxNQUFNLHNCQUFzQixDQUFDOztBQU81RCxNQUFNLE9BQU8saUJBQWlCOzsrR0FBakIsaUJBQWlCO2dIQUFqQixpQkFBaUIsaUJBSmIsb0JBQW9CLGFBRXpCLFlBQVksYUFEWixvQkFBb0I7Z0hBR25CLGlCQUFpQixZQUZsQixZQUFZOzRGQUVYLGlCQUFpQjtrQkFMN0IsUUFBUTttQkFBQztvQkFDUixZQUFZLEVBQUUsQ0FBQyxvQkFBb0IsQ0FBQztvQkFDcEMsT0FBTyxFQUFFLENBQUMsb0JBQW9CLENBQUM7b0JBQy9CLE9BQU8sRUFBRSxDQUFDLFlBQVksQ0FBQztpQkFDeEIiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBOZ01vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgQ29tbW9uTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcbmltcG9ydCB7IE1hcGFOYXZMaXN0Q29tcG9uZW50IH0gZnJvbSAnLi9uYXYtbGlzdC5jb21wb25lbnQnO1xuXG5ATmdNb2R1bGUoe1xuICBkZWNsYXJhdGlvbnM6IFtNYXBhTmF2TGlzdENvbXBvbmVudF0sXG4gIGV4cG9ydHM6IFtNYXBhTmF2TGlzdENvbXBvbmVudF0sXG4gIGltcG9ydHM6IFtDb21tb25Nb2R1bGVdLFxufSlcbmV4cG9ydCBjbGFzcyBNYXBhTmF2TGlzdE1vZHVsZSB7fVxuIl19

package/esm2020/src/lib/components/nav-list/lib/core/interfaces/option.interface.mjs

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoib3B0aW9uLmludGVyZmFjZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL21hcGEtbGlicmFyeS11aS9zcmMvbGliL2NvcmUvaW50ZXJmYWNlcy9vcHRpb24uaW50ZXJmYWNlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiIiLCJzb3VyY2VzQ29udGVudCI6WyJleHBvcnQgaW50ZXJmYWNlIEVsZW1lbnRPcHRpb24ge1xuICBrZXk6IHN0cmluZztcbiAgdmFsdWU6IHN0cmluZztcbn1cbiJdfQ==

package/esm2020/src/lib/components/nav-list/mapa-library-ui-src-lib-components-nav-list.mjs

@@ -1,5 +1,5 @@
 /**
  * Generated bundle index. Do not edit.
  */
-export * from './public-api';
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibWFwYS1saWJyYXJ5LXVpLXNyYy1saWItY29tcG9uZW50cy1uYXYtbGlzdC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL21hcGEtbGlicmFyeS11aS9zcmMvbGliL2NvbXBvbmVudHMvbmF2LWxpc3QvbWFwYS1saWJyYXJ5LXVpLXNyYy1saWItY29tcG9uZW50cy1uYXYtbGlzdC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTs7R0FFRztBQUVILGNBQWMsY0FBYyxDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBHZW5lcmF0ZWQgYnVuZGxlIGluZGV4LiBEbyBub3QgZWRpdC5cbiAqL1xuXG5leHBvcnQgKiBmcm9tICcuL3B1YmxpYy1hcGknO1xuIl19
+export * from './nav-list';
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibWFwYS1saWJyYXJ5LXVpLXNyYy1saWItY29tcG9uZW50cy1uYXYtbGlzdC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL21hcGEtbGlicmFyeS11aS9zcmMvbWFwYS1saWJyYXJ5LXVpLXNyYy1saWItY29tcG9uZW50cy1uYXYtbGlzdC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTs7R0FFRztBQUVILGNBQWMsWUFBWSxDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBHZW5lcmF0ZWQgYnVuZGxlIGluZGV4LiBEbyBub3QgZWRpdC5cbiAqL1xuXG5leHBvcnQgKiBmcm9tICcuL25hdi1saXN0JztcbiJdfQ==

package/esm2020/src/lib/components/nav-list/nav-list.mjs

@@ -0,0 +1,5 @@
+/*
+ * Public API Surface of mapa-library-ui nav-list
+ */
+export * from './lib/components/nav-list/public-api';
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibmF2LWxpc3QuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9tYXBhLWxpYnJhcnktdWkvc3JjL25hdi1saXN0LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBOztHQUVHO0FBRUgsY0FBYyxzQ0FBc0MsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbIi8qXG4gKiBQdWJsaWMgQVBJIFN1cmZhY2Ugb2YgbWFwYS1saWJyYXJ5LXVpIG5hdi1saXN0XG4gKi9cblxuZXhwb3J0ICogZnJvbSAnLi9saWIvY29tcG9uZW50cy9uYXYtbGlzdC9wdWJsaWMtYXBpJztcbiJdfQ==

package/esm2020/src/lib/components/table/lib/components/table/src/table.component.mjs

@@ -95,10 +95,10 @@ export class MapaTableComponent {
     }
 }
 MapaTableComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: MapaTableComponent, deps: [{ token: i1.FormBuilder }], 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" }, outputs: { rowClick: "rowClick", selectedObjectsChange: "selectedObjectsChange" }, 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>\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        (click)=\"sortData(column.key)\"\n      >\n        <div class=\"mapa-table__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 *ngIf=\"column.key !== 'actions'\">\n            <mat-icon>filter_list</mat-icon>\n          </div>\n          <div class=\"mapa-table__label\">\n            {{ column.label }}\n          </div>\n        </div>\n      </th>\n      <td mat-cell *matCellDef=\"let row\">\n        <div class=\"header\">\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          <ng-container *ngIf=\"column.key === 'actions'\">\n            <div class=\"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')\"\n                >visibility</mat-icon\n              >\n            </div>\n          </ng-container>\n          <div class=\"table__column\" (click)=\"emitRowClick(row, '')\">\n            {{ row[column.key] }}\n          </div>\n        </div>\n      </td>\n    </ng-container>\n\n    <tr mat-header-row *matHeaderRowDef=\"displayedColumns\"></tr>\n    <tr mat-row *matRowDef=\"let row; columns: displayedColumns;\"></tr>\n  </table>\n\n  <!--\n  <mat-paginator\n    class=\"mapa-table__paginator paginator\"\n    appBubblePagination\n    [appCustomLength]=\"dataSource ? dataSource.data.length : 0\"\n    [length]=\"dataSource ? dataSource.data.length : 0\"\n    [pageSizeOptions]=\"[5, 10, 25, 100]\"\n    [pageSize]=\"5\"\n    aria-label=\"Select page\"\n  ></mat-paginator>\n  -->\n  <mat-paginator\n    class=\"mapa-table__paginator-legacy\"\n    itemsPerPageLabel=\"Item por p\u00E1gina\"\n    appStylePaginator\n    [length]=\"dataSource ? dataSource.data.length : 0\"\n    [pageSize]=\"5\"\n    [pageSizeOptions]=\"[5, 10, 25, 100]\"\n  >\n  </mat-paginator>\n  <!-- (page)=\"pageEvent = $event; onPaginateChange($event)\" -->\n</div>\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 .mat-table .mat-row .mat-cell{font-family:SF-Pro;font-size:16px;font-style:normal;font-weight:400;color:#50575e}.mapa-table .mat-table .mat-header-cell{border:none;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:12px}.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 .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:#333;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:#cf482b;color:#fff}.mapa-table__paginator-legacy .custom-paginator-arrow-disabled{color:#dfe3e6}.mapa-table__paginator-legacy .custom-paginator-arrow-enabled{color:#999}.mapa-table__label{margin-top:4px}.mapa-table__header{padding-top:15px;padding-bottom:15px;align-items:center;display:flex}.mapa-table .actions{display:flex}.mapa-table .actions .mat-icon{color:#ea561d!important}.mapa-table .header{align-items:center;display:flex}\n"], dependencies: [{ kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i3.MatCheckbox, selector: "mat-checkbox", inputs: ["disableRipple", "color", "tabIndex"], exportAs: ["matCheckbox"] }, { kind: "component", type: i4.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: i5.MatPaginator, selector: "mat-paginator", inputs: ["disabled"], exportAs: ["matPaginator"] }, { kind: "component", type: i6.MatTable, selector: "mat-table, table[mat-table]", exportAs: ["matTable"] }, { kind: "directive", type: i6.MatHeaderCellDef, selector: "[matHeaderCellDef]" }, { kind: "directive", type: i6.MatHeaderRowDef, selector: "[matHeaderRowDef]", inputs: ["matHeaderRowDef", "matHeaderRowDefSticky"] }, { kind: "directive", type: i6.MatColumnDef, selector: "[matColumnDef]", inputs: ["sticky", "matColumnDef"] }, { kind: "directive", type: i6.MatCellDef, selector: "[matCellDef]" }, { kind: "directive", type: i6.MatRowDef, selector: "[matRowDef]", inputs: ["matRowDefColumns", "matRowDefWhen"] }, { kind: "directive", type: i6.MatHeaderCell, selector: "mat-header-cell, th[mat-header-cell]" }, { kind: "directive", type: i6.MatCell, selector: "mat-cell, td[mat-cell]" }, { kind: "component", type: i6.MatHeaderRow, selector: "mat-header-row, tr[mat-header-row]", exportAs: ["matHeaderRow"] }, { kind: "component", type: i6.MatRow, selector: "mat-row, tr[mat-row]", exportAs: ["matRow"] }, { kind: "directive", type: i7.PaginatorLegacyDirective, selector: "[appStylePaginator]" }], 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" }, outputs: { rowClick: "rowClick", selectedObjectsChange: "selectedObjectsChange" }, 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>\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        (click)=\"sortData(column.key)\"\n      >\n        <div class=\"mapa-table__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 *ngIf=\"column.key !== 'actions'\">\n            <mat-icon>filter_list</mat-icon>\n          </div>\n          <div class=\"mapa-table__label\">\n            {{ column.label }}\n          </div>\n        </div>\n      </th>\n      <td mat-cell *matCellDef=\"let row\">\n        <div class=\"header\">\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          <ng-container *ngIf=\"column.key === 'actions'\">\n            <div class=\"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')\"\n                >visibility</mat-icon\n              >\n            </div>\n          </ng-container>\n          <div class=\"table__column\" (click)=\"emitRowClick(row, '')\">\n            {{ row[column.key] }}\n          </div>\n        </div>\n      </td>\n    </ng-container>\n\n    <tr mat-header-row *matHeaderRowDef=\"displayedColumns\"></tr>\n    <tr mat-row *matRowDef=\"let row; columns: displayedColumns;\"></tr>\n  </table>\n\n  <!--\n  <mat-paginator\n    class=\"mapa-table__paginator paginator\"\n    appBubblePagination\n    [appCustomLength]=\"dataSource ? dataSource.data.length : 0\"\n    [length]=\"dataSource ? dataSource.data.length : 0\"\n    [pageSizeOptions]=\"[5, 10, 25, 100]\"\n    [pageSize]=\"5\"\n    aria-label=\"Select page\"\n  ></mat-paginator>\n  -->\n  <mat-paginator\n    class=\"mapa-table__paginator-legacy\"\n    itemsPerPageLabel=\"Item por p\u00E1gina\"\n    appStylePaginator\n    [length]=\"dataSource ? dataSource.data.length : 0\"\n    [pageSize]=\"5\"\n    [pageSizeOptions]=\"[5, 10, 25, 100]\"\n  >\n  </mat-paginator>\n  <!-- (page)=\"pageEvent = $event; onPaginateChange($event)\" -->\n</div>\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 .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:12px}.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 .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:#333;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:#cf482b;color:#fff}.mapa-table__paginator-legacy .custom-paginator-arrow-disabled{color:#dfe3e6}.mapa-table__paginator-legacy .custom-paginator-arrow-enabled{color:#999}.mapa-table__label{margin-top:4px}.mapa-table__header{padding-top:15px;padding-bottom:15px;align-items:center;display:flex}.mapa-table .actions{display:flex}.mapa-table .actions .mat-icon{color:#ea561d!important}.mapa-table .header{align-items:center;display:flex}\n"], dependencies: [{ kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i3.MatCheckbox, selector: "mat-checkbox", inputs: ["disableRipple", "color", "tabIndex"], exportAs: ["matCheckbox"] }, { kind: "component", type: i4.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: i5.MatPaginator, selector: "mat-paginator", inputs: ["disabled"], exportAs: ["matPaginator"] }, { kind: "component", type: i6.MatTable, selector: "mat-table, table[mat-table]", exportAs: ["matTable"] }, { kind: "directive", type: i6.MatHeaderCellDef, selector: "[matHeaderCellDef]" }, { kind: "directive", type: i6.MatHeaderRowDef, selector: "[matHeaderRowDef]", inputs: ["matHeaderRowDef", "matHeaderRowDefSticky"] }, { kind: "directive", type: i6.MatColumnDef, selector: "[matColumnDef]", inputs: ["sticky", "matColumnDef"] }, { kind: "directive", type: i6.MatCellDef, selector: "[matCellDef]" }, { kind: "directive", type: i6.MatRowDef, selector: "[matRowDef]", inputs: ["matRowDefColumns", "matRowDefWhen"] }, { kind: "directive", type: i6.MatHeaderCell, selector: "mat-header-cell, th[mat-header-cell]" }, { kind: "directive", type: i6.MatCell, selector: "mat-cell, td[mat-cell]" }, { kind: "component", type: i6.MatHeaderRow, selector: "mat-header-row, tr[mat-header-row]", exportAs: ["matHeaderRow"] }, { kind: "component", type: i6.MatRow, selector: "mat-row, tr[mat-row]", exportAs: ["matRow"] }, { kind: "directive", type: i7.PaginatorLegacyDirective, selector: "[appStylePaginator]" }], 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>\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        (click)=\"sortData(column.key)\"\n      >\n        <div class=\"mapa-table__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 *ngIf=\"column.key !== 'actions'\">\n            <mat-icon>filter_list</mat-icon>\n          </div>\n          <div class=\"mapa-table__label\">\n            {{ column.label }}\n          </div>\n        </div>\n      </th>\n      <td mat-cell *matCellDef=\"let row\">\n        <div class=\"header\">\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          <ng-container *ngIf=\"column.key === 'actions'\">\n            <div class=\"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')\"\n                >visibility</mat-icon\n              >\n            </div>\n          </ng-container>\n          <div class=\"table__column\" (click)=\"emitRowClick(row, '')\">\n            {{ row[column.key] }}\n          </div>\n        </div>\n      </td>\n    </ng-container>\n\n    <tr mat-header-row *matHeaderRowDef=\"displayedColumns\"></tr>\n    <tr mat-row *matRowDef=\"let row; columns: displayedColumns;\"></tr>\n  </table>\n\n  <!--\n  <mat-paginator\n    class=\"mapa-table__paginator paginator\"\n    appBubblePagination\n    [appCustomLength]=\"dataSource ? dataSource.data.length : 0\"\n    [length]=\"dataSource ? dataSource.data.length : 0\"\n    [pageSizeOptions]=\"[5, 10, 25, 100]\"\n    [pageSize]=\"5\"\n    aria-label=\"Select page\"\n  ></mat-paginator>\n  -->\n  <mat-paginator\n    class=\"mapa-table__paginator-legacy\"\n    itemsPerPageLabel=\"Item por p\u00E1gina\"\n    appStylePaginator\n    [length]=\"dataSource ? dataSource.data.length : 0\"\n    [pageSize]=\"5\"\n    [pageSizeOptions]=\"[5, 10, 25, 100]\"\n  >\n  </mat-paginator>\n  <!-- (page)=\"pageEvent = $event; onPaginateChange($event)\" -->\n</div>\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 .mat-table .mat-row .mat-cell{font-family:SF-Pro;font-size:16px;font-style:normal;font-weight:400;color:#50575e}.mapa-table .mat-table .mat-header-cell{border:none;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:12px}.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 .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:#333;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:#cf482b;color:#fff}.mapa-table__paginator-legacy .custom-paginator-arrow-disabled{color:#dfe3e6}.mapa-table__paginator-legacy .custom-paginator-arrow-enabled{color:#999}.mapa-table__label{margin-top:4px}.mapa-table__header{padding-top:15px;padding-bottom:15px;align-items:center;display:flex}.mapa-table .actions{display:flex}.mapa-table .actions .mat-icon{color:#ea561d!important}.mapa-table .header{align-items:center;display:flex}\n"] }]
+            args: [{ selector: 'mapa-table', encapsulation: ViewEncapsulation.None, template: "<div class=\"mapa-table\">\n  <table mat-table [dataSource]=\"dataSource\" matSort>\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        (click)=\"sortData(column.key)\"\n      >\n        <div class=\"mapa-table__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 *ngIf=\"column.key !== 'actions'\">\n            <mat-icon>filter_list</mat-icon>\n          </div>\n          <div class=\"mapa-table__label\">\n            {{ column.label }}\n          </div>\n        </div>\n      </th>\n      <td mat-cell *matCellDef=\"let row\">\n        <div class=\"header\">\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          <ng-container *ngIf=\"column.key === 'actions'\">\n            <div class=\"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')\"\n                >visibility</mat-icon\n              >\n            </div>\n          </ng-container>\n          <div class=\"table__column\" (click)=\"emitRowClick(row, '')\">\n            {{ row[column.key] }}\n          </div>\n        </div>\n      </td>\n    </ng-container>\n\n    <tr mat-header-row *matHeaderRowDef=\"displayedColumns\"></tr>\n    <tr mat-row *matRowDef=\"let row; columns: displayedColumns;\"></tr>\n  </table>\n\n  <!--\n  <mat-paginator\n    class=\"mapa-table__paginator paginator\"\n    appBubblePagination\n    [appCustomLength]=\"dataSource ? dataSource.data.length : 0\"\n    [length]=\"dataSource ? dataSource.data.length : 0\"\n    [pageSizeOptions]=\"[5, 10, 25, 100]\"\n    [pageSize]=\"5\"\n    aria-label=\"Select page\"\n  ></mat-paginator>\n  -->\n  <mat-paginator\n    class=\"mapa-table__paginator-legacy\"\n    itemsPerPageLabel=\"Item por p\u00E1gina\"\n    appStylePaginator\n    [length]=\"dataSource ? dataSource.data.length : 0\"\n    [pageSize]=\"5\"\n    [pageSizeOptions]=\"[5, 10, 25, 100]\"\n  >\n  </mat-paginator>\n  <!-- (page)=\"pageEvent = $event; onPaginateChange($event)\" -->\n</div>\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 .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:12px}.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 .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:#333;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:#cf482b;color:#fff}.mapa-table__paginator-legacy .custom-paginator-arrow-disabled{color:#dfe3e6}.mapa-table__paginator-legacy .custom-paginator-arrow-enabled{color:#999}.mapa-table__label{margin-top:4px}.mapa-table__header{padding-top:15px;padding-bottom:15px;align-items:center;display:flex}.mapa-table .actions{display:flex}.mapa-table .actions .mat-icon{color:#ea561d!important}.mapa-table .header{align-items:center;display:flex}\n"] }]
         }], ctorParameters: function () { return [{ type: i1.FormBuilder }]; }, propDecorators: { columns: [{
                 type: Input
             }], data: [{

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

@@ -1,5 +1,5 @@
 import * as i0 from '@angular/core';
-import { Component, Input, NgModule } from '@angular/core';
+import { Component, ViewEncapsulation, Input, NgModule } from '@angular/core';
 import * as i1 from '@angular/common';
 import { CommonModule } from '@angular/common';
 import * as i2 from '@angular/forms';
@@ -22,10 +22,10 @@ class MapaInputComponent {
     }
 }
 MapaInputComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: MapaInputComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-MapaInputComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: MapaInputComponent, selector: "mapa-input", inputs: { formControl: "formControl", element: "element" }, ngImport: i0, template: "<label *ngIf=\"element.label\" class=\"mapa-input__label\">\n  {{ element.label }}\n</label>\n<mat-form-field class=\"mapa-input\" appearance=\"outline\" subscriptSizing=\"dynamic\">\n  <mat-icon *ngIf=\"element.prefix\" class=\"mapa-input--prefix\" matPrefix>\n    {{ element.prefix }}\n  </mat-icon>\n  <input\n    *ngIf=\"element.autosize\"\n    matInput\n    matInputAutosize\n    [matInputAutosizeMinWidth]=\"element.autosizeMinWidth!\"\n    [matInputAutosizeMaxWidth]=\"element.autosizeMaxWidth!\"\n    [formControl]=\"formControl\"\n    [placeholder]=\"element.placeholder || element.label\"\n  />\n  <input\n    matInput\n    *ngIf=\"!element.autosize\"\n    [formControl]=\"formControl\"\n    [placeholder]=\"element.placeholder || element.label\"\n  />\n  <mat-icon\n    *ngIf=\"hasValue()\"\n    (click)=\"clearValue()\"\n    class=\"mapa-input--close\"\n    matSuffix\n    >close</mat-icon\n  >\n  <mat-icon *ngIf=\"element.suffix\" class=\"mapa-input--suffix\" matSuffix>\n    {{ element.suffix }}\n  </mat-icon>\n  <mat-hint *ngIf=\"element.hint\">{{ element.hint }}</mat-hint>\n</mat-form-field>\n", styles: [".mapa-input__label{display:block;font-size:12px;font-style:normal;font-weight:600;line-height:16px;text-transform:uppercase;margin-bottom:16px}.mapa-input .mat-mdc-input-element{font-family:SF-Pro;font-size:16px;font-style:normal;font-weight:400}::ng-deep .mapa-input .mdc-text-field--outlined .mat-mdc-form-field-infix{padding-bottom:12px;padding-top:16px;--mat-form-field-container-height: 48px}::ng-deep .mapa-input .mdc-text-field--outlined{--mdc-outlined-text-field-container-shape: 8px;--mdc-outlined-text-field-outline-width: 2px}::ng-deep .mapa-input .mat-mdc-form-field-icon-suffix{display:flex}::ng-deep .mapa-input .mat-mdc-form-field-icon-suffix .mapa-input--close{padding:unset}::ng-deep .mapa-input .mat-mdc-form-field-icon-suffix .mapa-input--suffix{padding:0 0 0 8px}::ng-deep .mapa-input .mat-mdc-form-field-icon-suffix .mat-icon:last-child{padding-right:12px}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { 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: "component", type: i3.MatFormField, selector: "mat-form-field", inputs: ["color", "appearance", "hideRequiredMarker", "hintLabel", "floatLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i3.MatHint, selector: "mat-hint", inputs: ["align", "id"] }, { kind: "directive", type: i3.MatPrefix, selector: "[matPrefix]" }, { kind: "directive", type: i3.MatSuffix, selector: "[matSuffix]" }, { kind: "directive", type: i4.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly"], exportAs: ["matInput"] }, { kind: "component", type: i5.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "directive", type: i6.MatInputAutosizeDirective, selector: "[matInputAutosize]", inputs: ["matInputAutosizeMaxWidth", "matInputAutosizeMinWidth", "matInputAutosizeFontStyle"] }] });
+MapaInputComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: MapaInputComponent, selector: "mapa-input", inputs: { formControl: "formControl", element: "element" }, ngImport: i0, template: "<label *ngIf=\"element.label\" class=\"mapa-input__label\">\n  {{ element.label }}\n</label>\n<mat-form-field class=\"mapa-input\" appearance=\"outline\" subscriptSizing=\"dynamic\">\n  <mat-icon *ngIf=\"element.prefix\" class=\"mapa-input--prefix\" matPrefix>\n    {{ element.prefix }}\n  </mat-icon>\n  <input\n    *ngIf=\"element.autosize\"\n    matInput\n    matInputAutosize\n    [matInputAutosizeMinWidth]=\"element.autosizeMinWidth!\"\n    [matInputAutosizeMaxWidth]=\"element.autosizeMaxWidth!\"\n    [formControl]=\"formControl\"\n    [placeholder]=\"element.placeholder || element.label\"\n  />\n  <input\n    matInput\n    *ngIf=\"!element.autosize\"\n    [formControl]=\"formControl\"\n    [placeholder]=\"element.placeholder || element.label\"\n  />\n  <mat-icon\n    *ngIf=\"hasValue()\"\n    (click)=\"clearValue()\"\n    class=\"mapa-input--close\"\n    matSuffix\n    >close</mat-icon\n  >\n  <mat-icon *ngIf=\"element.suffix\" class=\"mapa-input--suffix\" matSuffix>\n    {{ element.suffix }}\n  </mat-icon>\n  <mat-hint *ngIf=\"element.hint\">{{ element.hint }}</mat-hint>\n</mat-form-field>\n", styles: [".mapa-input__label{display:block;font-size:12px;font-style:normal;font-weight:600;line-height:16px;text-transform:uppercase;margin-bottom:16px}.mapa-input .mat-input-element{font-family:SF-Pro;font-size:16px;font-style:normal;font-weight:400}.mapa-input .mat-form-field-appearance-outline .mat-form-field-infix,.mapa-input .mat-form-field-infix{padding:1em 1em .75em .25em!important;border-top:unset!important}.mapa-input .mat-form-field-suffix{display:flex;top:.4em!important}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { 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: "component", type: i3.MatFormField, selector: "mat-form-field", inputs: ["color", "appearance", "hideRequiredMarker", "hintLabel", "floatLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i3.MatHint, selector: "mat-hint", inputs: ["align", "id"] }, { kind: "directive", type: i3.MatPrefix, selector: "[matPrefix]" }, { kind: "directive", type: i3.MatSuffix, selector: "[matSuffix]" }, { kind: "directive", type: i4.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly"], exportAs: ["matInput"] }, { kind: "component", type: i5.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "directive", type: i6.MatInputAutosizeDirective, selector: "[matInputAutosize]", inputs: ["matInputAutosizeMaxWidth", "matInputAutosizeMinWidth", "matInputAutosizeFontStyle"] }], encapsulation: i0.ViewEncapsulation.None });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: MapaInputComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'mapa-input', template: "<label *ngIf=\"element.label\" class=\"mapa-input__label\">\n  {{ element.label }}\n</label>\n<mat-form-field class=\"mapa-input\" appearance=\"outline\" subscriptSizing=\"dynamic\">\n  <mat-icon *ngIf=\"element.prefix\" class=\"mapa-input--prefix\" matPrefix>\n    {{ element.prefix }}\n  </mat-icon>\n  <input\n    *ngIf=\"element.autosize\"\n    matInput\n    matInputAutosize\n    [matInputAutosizeMinWidth]=\"element.autosizeMinWidth!\"\n    [matInputAutosizeMaxWidth]=\"element.autosizeMaxWidth!\"\n    [formControl]=\"formControl\"\n    [placeholder]=\"element.placeholder || element.label\"\n  />\n  <input\n    matInput\n    *ngIf=\"!element.autosize\"\n    [formControl]=\"formControl\"\n    [placeholder]=\"element.placeholder || element.label\"\n  />\n  <mat-icon\n    *ngIf=\"hasValue()\"\n    (click)=\"clearValue()\"\n    class=\"mapa-input--close\"\n    matSuffix\n    >close</mat-icon\n  >\n  <mat-icon *ngIf=\"element.suffix\" class=\"mapa-input--suffix\" matSuffix>\n    {{ element.suffix }}\n  </mat-icon>\n  <mat-hint *ngIf=\"element.hint\">{{ element.hint }}</mat-hint>\n</mat-form-field>\n", styles: [".mapa-input__label{display:block;font-size:12px;font-style:normal;font-weight:600;line-height:16px;text-transform:uppercase;margin-bottom:16px}.mapa-input .mat-mdc-input-element{font-family:SF-Pro;font-size:16px;font-style:normal;font-weight:400}::ng-deep .mapa-input .mdc-text-field--outlined .mat-mdc-form-field-infix{padding-bottom:12px;padding-top:16px;--mat-form-field-container-height: 48px}::ng-deep .mapa-input .mdc-text-field--outlined{--mdc-outlined-text-field-container-shape: 8px;--mdc-outlined-text-field-outline-width: 2px}::ng-deep .mapa-input .mat-mdc-form-field-icon-suffix{display:flex}::ng-deep .mapa-input .mat-mdc-form-field-icon-suffix .mapa-input--close{padding:unset}::ng-deep .mapa-input .mat-mdc-form-field-icon-suffix .mapa-input--suffix{padding:0 0 0 8px}::ng-deep .mapa-input .mat-mdc-form-field-icon-suffix .mat-icon:last-child{padding-right:12px}\n"] }]
+            args: [{ selector: 'mapa-input', encapsulation: ViewEncapsulation.None, template: "<label *ngIf=\"element.label\" class=\"mapa-input__label\">\n  {{ element.label }}\n</label>\n<mat-form-field class=\"mapa-input\" appearance=\"outline\" subscriptSizing=\"dynamic\">\n  <mat-icon *ngIf=\"element.prefix\" class=\"mapa-input--prefix\" matPrefix>\n    {{ element.prefix }}\n  </mat-icon>\n  <input\n    *ngIf=\"element.autosize\"\n    matInput\n    matInputAutosize\n    [matInputAutosizeMinWidth]=\"element.autosizeMinWidth!\"\n    [matInputAutosizeMaxWidth]=\"element.autosizeMaxWidth!\"\n    [formControl]=\"formControl\"\n    [placeholder]=\"element.placeholder || element.label\"\n  />\n  <input\n    matInput\n    *ngIf=\"!element.autosize\"\n    [formControl]=\"formControl\"\n    [placeholder]=\"element.placeholder || element.label\"\n  />\n  <mat-icon\n    *ngIf=\"hasValue()\"\n    (click)=\"clearValue()\"\n    class=\"mapa-input--close\"\n    matSuffix\n    >close</mat-icon\n  >\n  <mat-icon *ngIf=\"element.suffix\" class=\"mapa-input--suffix\" matSuffix>\n    {{ element.suffix }}\n  </mat-icon>\n  <mat-hint *ngIf=\"element.hint\">{{ element.hint }}</mat-hint>\n</mat-form-field>\n", styles: [".mapa-input__label{display:block;font-size:12px;font-style:normal;font-weight:600;line-height:16px;text-transform:uppercase;margin-bottom:16px}.mapa-input .mat-input-element{font-family:SF-Pro;font-size:16px;font-style:normal;font-weight:400}.mapa-input .mat-form-field-appearance-outline .mat-form-field-infix,.mapa-input .mat-form-field-infix{padding:1em 1em .75em .25em!important;border-top:unset!important}.mapa-input .mat-form-field-suffix{display:flex;top:.4em!important}\n"] }]
         }], propDecorators: { formControl: [{
                 type: Input
             }], element: [{

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

@@ -1 +1 @@
-{"version":3,"file":"mapa-library-ui-src-lib-components-input.mjs","sources":["../../../projects/mapa-library-ui/src/lib/components/input/src/input.component.ts","../../../projects/mapa-library-ui/src/lib/components/input/src/input.component.html","../../../projects/mapa-library-ui/src/lib/components/input/src/input.module.ts","../../../projects/mapa-library-ui/src/lib/components/input/public-api.ts","../../../projects/mapa-library-ui/src/lib/components/input/mapa-library-ui-src-lib-components-input.ts"],"sourcesContent":["import { Component, Input } from '@angular/core';\nimport { FormControl } from '@angular/forms';\n\nimport { InputText } from 'mapa-library-ui';\n\n@Component({\n  selector: 'mapa-input',\n  templateUrl: './input.component.html',\n  styleUrls: ['./input.component.scss']\n})\nexport class MapaInputComponent {\n  @Input() formControl!: FormControl;\n  @Input() element!: InputText;\n\n  hasValue(): boolean {\n    return !!this.formControl.value;\n  }\n\n  clearValue(): void {\n    this.formControl.setValue(null);\n  }\n}\n","<label *ngIf=\"element.label\" class=\"mapa-input__label\">\n  {{ element.label }}\n</label>\n<mat-form-field class=\"mapa-input\" appearance=\"outline\" subscriptSizing=\"dynamic\">\n  <mat-icon *ngIf=\"element.prefix\" class=\"mapa-input--prefix\" matPrefix>\n    {{ element.prefix }}\n  </mat-icon>\n  <input\n    *ngIf=\"element.autosize\"\n    matInput\n    matInputAutosize\n    [matInputAutosizeMinWidth]=\"element.autosizeMinWidth!\"\n    [matInputAutosizeMaxWidth]=\"element.autosizeMaxWidth!\"\n    [formControl]=\"formControl\"\n    [placeholder]=\"element.placeholder || element.label\"\n  />\n  <input\n    matInput\n    *ngIf=\"!element.autosize\"\n    [formControl]=\"formControl\"\n    [placeholder]=\"element.placeholder || element.label\"\n  />\n  <mat-icon\n    *ngIf=\"hasValue()\"\n    (click)=\"clearValue()\"\n    class=\"mapa-input--close\"\n    matSuffix\n    >close</mat-icon\n  >\n  <mat-icon *ngIf=\"element.suffix\" class=\"mapa-input--suffix\" matSuffix>\n    {{ element.suffix }}\n  </mat-icon>\n  <mat-hint *ngIf=\"element.hint\">{{ element.hint }}</mat-hint>\n</mat-form-field>\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { FormsModule, ReactiveFormsModule } from '@angular/forms';\n\nimport { MatFormFieldModule } from '@angular/material/form-field';\nimport { MatIconModule } from '@angular/material/icon';\nimport { MatInputModule } from '@angular/material/input';\n\nimport { MapaInputComponent } from './input.component';\nimport { MatInputAutosizeDirective } from 'mapa-library-ui';\n\n@NgModule({\n  declarations: [\n    MapaInputComponent,\n  ],\n  exports: [\n    MapaInputComponent,\n  ],\n  imports: [\n    CommonModule,\n    FormsModule,\n    ReactiveFormsModule,\n    MatFormFieldModule,\n    MatInputModule,\n    MatIconModule,\n    MatInputAutosizeDirective,\n  ]\n})\nexport class MapaInputModule { }\n","/*\n * Public API Surface of mapa-library-ui input\n */\n\nexport * from './src/input.component';\nexport * from './src/input.module';","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"mapa-library-ui-src-lib-components-input.mjs","sources":["../../../projects/mapa-library-ui/src/lib/components/input/src/input.component.ts","../../../projects/mapa-library-ui/src/lib/components/input/src/input.component.html","../../../projects/mapa-library-ui/src/lib/components/input/src/input.module.ts","../../../projects/mapa-library-ui/src/lib/components/input/public-api.ts","../../../projects/mapa-library-ui/src/lib/components/input/mapa-library-ui-src-lib-components-input.ts"],"sourcesContent":["import { Component, Input, ViewEncapsulation } from '@angular/core';\nimport { FormControl } from '@angular/forms';\n\nimport { InputText } from 'mapa-library-ui';\n\n@Component({\n  selector: 'mapa-input',\n  templateUrl: './input.component.html',\n  styleUrls: ['./input-legacy.component.scss'],\n  encapsulation: ViewEncapsulation.None,\n})\nexport class MapaInputComponent {\n  @Input() formControl!: FormControl;\n  @Input() element!: InputText;\n\n  hasValue(): boolean {\n    return !!this.formControl.value;\n  }\n\n  clearValue(): void {\n    this.formControl.setValue(null);\n  }\n}\n","<label *ngIf=\"element.label\" class=\"mapa-input__label\">\n  {{ element.label }}\n</label>\n<mat-form-field class=\"mapa-input\" appearance=\"outline\" subscriptSizing=\"dynamic\">\n  <mat-icon *ngIf=\"element.prefix\" class=\"mapa-input--prefix\" matPrefix>\n    {{ element.prefix }}\n  </mat-icon>\n  <input\n    *ngIf=\"element.autosize\"\n    matInput\n    matInputAutosize\n    [matInputAutosizeMinWidth]=\"element.autosizeMinWidth!\"\n    [matInputAutosizeMaxWidth]=\"element.autosizeMaxWidth!\"\n    [formControl]=\"formControl\"\n    [placeholder]=\"element.placeholder || element.label\"\n  />\n  <input\n    matInput\n    *ngIf=\"!element.autosize\"\n    [formControl]=\"formControl\"\n    [placeholder]=\"element.placeholder || element.label\"\n  />\n  <mat-icon\n    *ngIf=\"hasValue()\"\n    (click)=\"clearValue()\"\n    class=\"mapa-input--close\"\n    matSuffix\n    >close</mat-icon\n  >\n  <mat-icon *ngIf=\"element.suffix\" class=\"mapa-input--suffix\" matSuffix>\n    {{ element.suffix }}\n  </mat-icon>\n  <mat-hint *ngIf=\"element.hint\">{{ element.hint }}</mat-hint>\n</mat-form-field>\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { FormsModule, ReactiveFormsModule } from '@angular/forms';\n\nimport { MatFormFieldModule } from '@angular/material/form-field';\nimport { MatIconModule } from '@angular/material/icon';\nimport { MatInputModule } from '@angular/material/input';\n\nimport { MapaInputComponent } from './input.component';\nimport { MatInputAutosizeDirective } from 'mapa-library-ui';\n\n@NgModule({\n  declarations: [\n    MapaInputComponent,\n  ],\n  exports: [\n    MapaInputComponent,\n  ],\n  imports: [\n    CommonModule,\n    FormsModule,\n    ReactiveFormsModule,\n    MatFormFieldModule,\n    MatInputModule,\n    MatIconModule,\n    MatInputAutosizeDirective,\n  ]\n})\nexport class MapaInputModule { }\n","/*\n * Public API Surface of mapa-library-ui input\n */\n\nexport * from './src/input.component';\nexport * from './src/input.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-nav-list.mjs

@@ -44,6 +44,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
  * Public API Surface of mapa-library-ui input
  */
 
+/*
+ * Public API Surface of mapa-library-ui nav-list
+ */
+
 /**
  * Generated bundle index. Do not edit.
  */

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

@@ -1 +1 @@
-{"version":3,"file":"mapa-library-ui-src-lib-components-nav-list.mjs","sources":["../../../projects/mapa-library-ui/src/lib/components/nav-list/src/nav-list.component.ts","../../../projects/mapa-library-ui/src/lib/components/nav-list/src/nav-list.component.html","../../../projects/mapa-library-ui/src/lib/components/nav-list/src/nav-list.module.ts","../../../projects/mapa-library-ui/src/lib/components/nav-list/public-api.ts","../../../projects/mapa-library-ui/src/lib/components/nav-list/mapa-library-ui-src-lib-components-nav-list.ts"],"sourcesContent":["import { Component, EventEmitter, Input, Output } from '@angular/core';\nimport { ElementOption } from 'mapa-library-ui';\n\n@Component({\n  selector: 'mapa-nav-list',\n  templateUrl: './nav-list.component.html',\n  styleUrls: ['./nav-list.component.scss']\n})\nexport class MapaNavListComponent {\n  @Input() options!: ElementOption[];\n  @Input() label!: string;\n  @Output() clicked: EventEmitter<ElementOption> = new EventEmitter<ElementOption>();\n\n  defaultLabel = 'Navegue por:';\n  selected!: ElementOption;\n\n  emit(option: ElementOption): void {\n    this.selected = option;\n    this.clicked.emit(option);\n  }\n}\n","<nav class=\"mapa-nav-list\">\n  {{ label || defaultLabel }}\n  <ul>\n    <li\n      *ngFor=\"let option of options\"\n      (click)=\"emit(option)\"\n      [class.selected]=\"selected === option\"\n    >\n      <span>{{ option.value }}</span>\n    </li>\n  </ul>\n</nav>\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { MapaNavListComponent } from './nav-list.component';\n\n@NgModule({\n  declarations: [MapaNavListComponent],\n  exports: [MapaNavListComponent],\n  imports: [CommonModule],\n})\nexport class MapaNavListModule {}\n","/*\n * Public API Surface of mapa-library-ui input\n */\n\nexport * from './src/nav-list.component';\nexport * from './src/nav-list.module';","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;;;;MAQa,oBAAoB,CAAA;AALjC,IAAA,WAAA,GAAA;AAQY,QAAA,IAAA,CAAA,OAAO,GAAgC,IAAI,YAAY,EAAiB,CAAC;AAEnF,QAAA,IAAY,CAAA,YAAA,GAAG,cAAc,CAAC;KAO/B;AAJC,IAAA,IAAI,CAAC,MAAqB,EAAA;AACxB,QAAA,IAAI,CAAC,QAAQ,GAAG,MAAM,CAAC;AACvB,QAAA,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC;KAC3B;;kHAXU,oBAAoB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAApB,oBAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,oBAAoB,sICRjC,mRAYA,EAAA,MAAA,EAAA,CAAA,gbAAA,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,CAAA,EAAA,CAAA,CAAA;4FDJa,oBAAoB,EAAA,UAAA,EAAA,CAAA;kBALhC,SAAS;+BACE,eAAe,EAAA,QAAA,EAAA,mRAAA,EAAA,MAAA,EAAA,CAAA,gbAAA,CAAA,EAAA,CAAA;8BAKhB,OAAO,EAAA,CAAA;sBAAf,KAAK;gBACG,KAAK,EAAA,CAAA;sBAAb,KAAK;gBACI,OAAO,EAAA,CAAA;sBAAhB,MAAM;;;MEFI,iBAAiB,CAAA;;+GAAjB,iBAAiB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA,CAAA;AAAjB,iBAAA,CAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,iBAAiB,EAJb,YAAA,EAAA,CAAA,oBAAoB,CAEzB,EAAA,OAAA,EAAA,CAAA,YAAY,aADZ,oBAAoB,CAAA,EAAA,CAAA,CAAA;AAGnB,iBAAA,CAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,iBAAiB,YAFlB,YAAY,CAAA,EAAA,CAAA,CAAA;4FAEX,iBAAiB,EAAA,UAAA,EAAA,CAAA;kBAL7B,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;oBACR,YAAY,EAAE,CAAC,oBAAoB,CAAC;oBACpC,OAAO,EAAE,CAAC,oBAAoB,CAAC;oBAC/B,OAAO,EAAE,CAAC,YAAY,CAAC;iBACxB,CAAA;;;ACRD;;AAEG;;ACFH;;AAEG;;;;"}
+{"version":3,"file":"mapa-library-ui-src-lib-components-nav-list.mjs","sources":["../../../projects/mapa-library-ui/src/lib/components/nav-list/src/nav-list.component.ts","../../../projects/mapa-library-ui/src/lib/components/nav-list/src/nav-list.component.html","../../../projects/mapa-library-ui/src/lib/components/nav-list/src/nav-list.module.ts","../../../projects/mapa-library-ui/src/lib/components/nav-list/public-api.ts","../../../projects/mapa-library-ui/src/nav-list.ts","../../../projects/mapa-library-ui/src/mapa-library-ui-src-lib-components-nav-list.ts"],"sourcesContent":["import { Component, EventEmitter, Input, Output } from '@angular/core';\nimport { ElementOption } from '../../../core/interfaces/option.interface';\n\n@Component({\n  selector: 'mapa-nav-list',\n  templateUrl: './nav-list.component.html',\n  styleUrls: ['./nav-list.component.scss']\n})\nexport class MapaNavListComponent {\n  @Input() options!: ElementOption[];\n  @Input() label!: string;\n  @Output() clicked: EventEmitter<ElementOption> = new EventEmitter<ElementOption>();\n\n  defaultLabel = 'Navegue por:';\n  selected!: ElementOption;\n\n  emit(option: ElementOption): void {\n    this.selected = option;\n    this.clicked.emit(option);\n  }\n}\n","<nav class=\"mapa-nav-list\">\n  {{ label || defaultLabel }}\n  <ul>\n    <li\n      *ngFor=\"let option of options\"\n      (click)=\"emit(option)\"\n      [class.selected]=\"selected === option\"\n    >\n      <span>{{ option.value }}</span>\n    </li>\n  </ul>\n</nav>\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { MapaNavListComponent } from './nav-list.component';\n\n@NgModule({\n  declarations: [MapaNavListComponent],\n  exports: [MapaNavListComponent],\n  imports: [CommonModule],\n})\nexport class MapaNavListModule {}\n","/*\n * Public API Surface of mapa-library-ui input\n */\n\nexport * from './src/nav-list.component';\nexport * from './src/nav-list.module';","/*\n * Public API Surface of mapa-library-ui nav-list\n */\n\nexport * from './lib/components/nav-list/public-api';\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './nav-list';\n"],"names":[],"mappings":";;;;;MAQa,oBAAoB,CAAA;AALjC,IAAA,WAAA,GAAA;AAQY,QAAA,IAAA,CAAA,OAAO,GAAgC,IAAI,YAAY,EAAiB,CAAC;AAEnF,QAAA,IAAY,CAAA,YAAA,GAAG,cAAc,CAAC;KAO/B;AAJC,IAAA,IAAI,CAAC,MAAqB,EAAA;AACxB,QAAA,IAAI,CAAC,QAAQ,GAAG,MAAM,CAAC;AACvB,QAAA,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC;KAC3B;;kHAXU,oBAAoB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAApB,oBAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,oBAAoB,sICRjC,mRAYA,EAAA,MAAA,EAAA,CAAA,gbAAA,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,CAAA,EAAA,CAAA,CAAA;4FDJa,oBAAoB,EAAA,UAAA,EAAA,CAAA;kBALhC,SAAS;+BACE,eAAe,EAAA,QAAA,EAAA,mRAAA,EAAA,MAAA,EAAA,CAAA,gbAAA,CAAA,EAAA,CAAA;8BAKhB,OAAO,EAAA,CAAA;sBAAf,KAAK;gBACG,KAAK,EAAA,CAAA;sBAAb,KAAK;gBACI,OAAO,EAAA,CAAA;sBAAhB,MAAM;;;MEFI,iBAAiB,CAAA;;+GAAjB,iBAAiB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA,CAAA;AAAjB,iBAAA,CAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,iBAAiB,EAJb,YAAA,EAAA,CAAA,oBAAoB,CAEzB,EAAA,OAAA,EAAA,CAAA,YAAY,aADZ,oBAAoB,CAAA,EAAA,CAAA,CAAA;AAGnB,iBAAA,CAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,iBAAiB,YAFlB,YAAY,CAAA,EAAA,CAAA,CAAA;4FAEX,iBAAiB,EAAA,UAAA,EAAA,CAAA;kBAL7B,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;oBACR,YAAY,EAAE,CAAC,oBAAoB,CAAC;oBACpC,OAAO,EAAE,CAAC,oBAAoB,CAAC;oBAC/B,OAAO,EAAE,CAAC,YAAY,CAAC;iBACxB,CAAA;;;ACRD;;AAEG;;ACFH;;AAEG;;ACFH;;AAEG;;;;"}

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

@@ -507,10 +507,10 @@ class MapaTableComponent {
     }
 }
 MapaTableComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: MapaTableComponent, deps: [{ token: i1$1.FormBuilder }], 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" }, outputs: { rowClick: "rowClick", selectedObjectsChange: "selectedObjectsChange" }, 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>\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        (click)=\"sortData(column.key)\"\n      >\n        <div class=\"mapa-table__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 *ngIf=\"column.key !== 'actions'\">\n            <mat-icon>filter_list</mat-icon>\n          </div>\n          <div class=\"mapa-table__label\">\n            {{ column.label }}\n          </div>\n        </div>\n      </th>\n      <td mat-cell *matCellDef=\"let row\">\n        <div class=\"header\">\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          <ng-container *ngIf=\"column.key === 'actions'\">\n            <div class=\"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')\"\n                >visibility</mat-icon\n              >\n            </div>\n          </ng-container>\n          <div class=\"table__column\" (click)=\"emitRowClick(row, '')\">\n            {{ row[column.key] }}\n          </div>\n        </div>\n      </td>\n    </ng-container>\n\n    <tr mat-header-row *matHeaderRowDef=\"displayedColumns\"></tr>\n    <tr mat-row *matRowDef=\"let row; columns: displayedColumns;\"></tr>\n  </table>\n\n  <!--\n  <mat-paginator\n    class=\"mapa-table__paginator paginator\"\n    appBubblePagination\n    [appCustomLength]=\"dataSource ? dataSource.data.length : 0\"\n    [length]=\"dataSource ? dataSource.data.length : 0\"\n    [pageSizeOptions]=\"[5, 10, 25, 100]\"\n    [pageSize]=\"5\"\n    aria-label=\"Select page\"\n  ></mat-paginator>\n  -->\n  <mat-paginator\n    class=\"mapa-table__paginator-legacy\"\n    itemsPerPageLabel=\"Item por p\u00E1gina\"\n    appStylePaginator\n    [length]=\"dataSource ? dataSource.data.length : 0\"\n    [pageSize]=\"5\"\n    [pageSizeOptions]=\"[5, 10, 25, 100]\"\n  >\n  </mat-paginator>\n  <!-- (page)=\"pageEvent = $event; onPaginateChange($event)\" -->\n</div>\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 .mat-table .mat-row .mat-cell{font-family:SF-Pro;font-size:16px;font-style:normal;font-weight:400;color:#50575e}.mapa-table .mat-table .mat-header-cell{border:none;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:12px}.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 .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:#333;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:#cf482b;color:#fff}.mapa-table__paginator-legacy .custom-paginator-arrow-disabled{color:#dfe3e6}.mapa-table__paginator-legacy .custom-paginator-arrow-enabled{color:#999}.mapa-table__label{margin-top:4px}.mapa-table__header{padding-top:15px;padding-bottom:15px;align-items:center;display:flex}.mapa-table .actions{display:flex}.mapa-table .actions .mat-icon{color:#ea561d!important}.mapa-table .header{align-items:center;display:flex}\n"], dependencies: [{ kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i3.MatCheckbox, selector: "mat-checkbox", inputs: ["disableRipple", "color", "tabIndex"], exportAs: ["matCheckbox"] }, { kind: "component", type: i4.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: i6.MatTable, selector: "mat-table, table[mat-table]", exportAs: ["matTable"] }, { kind: "directive", type: i6.MatHeaderCellDef, selector: "[matHeaderCellDef]" }, { kind: "directive", type: i6.MatHeaderRowDef, selector: "[matHeaderRowDef]", inputs: ["matHeaderRowDef", "matHeaderRowDefSticky"] }, { kind: "directive", type: i6.MatColumnDef, selector: "[matColumnDef]", inputs: ["sticky", "matColumnDef"] }, { kind: "directive", type: i6.MatCellDef, selector: "[matCellDef]" }, { kind: "directive", type: i6.MatRowDef, selector: "[matRowDef]", inputs: ["matRowDefColumns", "matRowDefWhen"] }, { kind: "directive", type: i6.MatHeaderCell, selector: "mat-header-cell, th[mat-header-cell]" }, { kind: "directive", type: i6.MatCell, selector: "mat-cell, td[mat-cell]" }, { kind: "component", type: i6.MatHeaderRow, selector: "mat-header-row, tr[mat-header-row]", exportAs: ["matHeaderRow"] }, { kind: "component", type: i6.MatRow, selector: "mat-row, tr[mat-row]", exportAs: ["matRow"] }, { kind: "directive", type: PaginatorLegacyDirective, selector: "[appStylePaginator]" }], 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" }, outputs: { rowClick: "rowClick", selectedObjectsChange: "selectedObjectsChange" }, 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>\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        (click)=\"sortData(column.key)\"\n      >\n        <div class=\"mapa-table__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 *ngIf=\"column.key !== 'actions'\">\n            <mat-icon>filter_list</mat-icon>\n          </div>\n          <div class=\"mapa-table__label\">\n            {{ column.label }}\n          </div>\n        </div>\n      </th>\n      <td mat-cell *matCellDef=\"let row\">\n        <div class=\"header\">\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          <ng-container *ngIf=\"column.key === 'actions'\">\n            <div class=\"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')\"\n                >visibility</mat-icon\n              >\n            </div>\n          </ng-container>\n          <div class=\"table__column\" (click)=\"emitRowClick(row, '')\">\n            {{ row[column.key] }}\n          </div>\n        </div>\n      </td>\n    </ng-container>\n\n    <tr mat-header-row *matHeaderRowDef=\"displayedColumns\"></tr>\n    <tr mat-row *matRowDef=\"let row; columns: displayedColumns;\"></tr>\n  </table>\n\n  <!--\n  <mat-paginator\n    class=\"mapa-table__paginator paginator\"\n    appBubblePagination\n    [appCustomLength]=\"dataSource ? dataSource.data.length : 0\"\n    [length]=\"dataSource ? dataSource.data.length : 0\"\n    [pageSizeOptions]=\"[5, 10, 25, 100]\"\n    [pageSize]=\"5\"\n    aria-label=\"Select page\"\n  ></mat-paginator>\n  -->\n  <mat-paginator\n    class=\"mapa-table__paginator-legacy\"\n    itemsPerPageLabel=\"Item por p\u00E1gina\"\n    appStylePaginator\n    [length]=\"dataSource ? dataSource.data.length : 0\"\n    [pageSize]=\"5\"\n    [pageSizeOptions]=\"[5, 10, 25, 100]\"\n  >\n  </mat-paginator>\n  <!-- (page)=\"pageEvent = $event; onPaginateChange($event)\" -->\n</div>\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 .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:12px}.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 .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:#333;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:#cf482b;color:#fff}.mapa-table__paginator-legacy .custom-paginator-arrow-disabled{color:#dfe3e6}.mapa-table__paginator-legacy .custom-paginator-arrow-enabled{color:#999}.mapa-table__label{margin-top:4px}.mapa-table__header{padding-top:15px;padding-bottom:15px;align-items:center;display:flex}.mapa-table .actions{display:flex}.mapa-table .actions .mat-icon{color:#ea561d!important}.mapa-table .header{align-items:center;display:flex}\n"], dependencies: [{ kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i3.MatCheckbox, selector: "mat-checkbox", inputs: ["disableRipple", "color", "tabIndex"], exportAs: ["matCheckbox"] }, { kind: "component", type: i4.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: i6.MatTable, selector: "mat-table, table[mat-table]", exportAs: ["matTable"] }, { kind: "directive", type: i6.MatHeaderCellDef, selector: "[matHeaderCellDef]" }, { kind: "directive", type: i6.MatHeaderRowDef, selector: "[matHeaderRowDef]", inputs: ["matHeaderRowDef", "matHeaderRowDefSticky"] }, { kind: "directive", type: i6.MatColumnDef, selector: "[matColumnDef]", inputs: ["sticky", "matColumnDef"] }, { kind: "directive", type: i6.MatCellDef, selector: "[matCellDef]" }, { kind: "directive", type: i6.MatRowDef, selector: "[matRowDef]", inputs: ["matRowDefColumns", "matRowDefWhen"] }, { kind: "directive", type: i6.MatHeaderCell, selector: "mat-header-cell, th[mat-header-cell]" }, { kind: "directive", type: i6.MatCell, selector: "mat-cell, td[mat-cell]" }, { kind: "component", type: i6.MatHeaderRow, selector: "mat-header-row, tr[mat-header-row]", exportAs: ["matHeaderRow"] }, { kind: "component", type: i6.MatRow, selector: "mat-row, tr[mat-row]", exportAs: ["matRow"] }, { kind: "directive", type: PaginatorLegacyDirective, selector: "[appStylePaginator]" }], 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>\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        (click)=\"sortData(column.key)\"\n      >\n        <div class=\"mapa-table__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 *ngIf=\"column.key !== 'actions'\">\n            <mat-icon>filter_list</mat-icon>\n          </div>\n          <div class=\"mapa-table__label\">\n            {{ column.label }}\n          </div>\n        </div>\n      </th>\n      <td mat-cell *matCellDef=\"let row\">\n        <div class=\"header\">\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          <ng-container *ngIf=\"column.key === 'actions'\">\n            <div class=\"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')\"\n                >visibility</mat-icon\n              >\n            </div>\n          </ng-container>\n          <div class=\"table__column\" (click)=\"emitRowClick(row, '')\">\n            {{ row[column.key] }}\n          </div>\n        </div>\n      </td>\n    </ng-container>\n\n    <tr mat-header-row *matHeaderRowDef=\"displayedColumns\"></tr>\n    <tr mat-row *matRowDef=\"let row; columns: displayedColumns;\"></tr>\n  </table>\n\n  <!--\n  <mat-paginator\n    class=\"mapa-table__paginator paginator\"\n    appBubblePagination\n    [appCustomLength]=\"dataSource ? dataSource.data.length : 0\"\n    [length]=\"dataSource ? dataSource.data.length : 0\"\n    [pageSizeOptions]=\"[5, 10, 25, 100]\"\n    [pageSize]=\"5\"\n    aria-label=\"Select page\"\n  ></mat-paginator>\n  -->\n  <mat-paginator\n    class=\"mapa-table__paginator-legacy\"\n    itemsPerPageLabel=\"Item por p\u00E1gina\"\n    appStylePaginator\n    [length]=\"dataSource ? dataSource.data.length : 0\"\n    [pageSize]=\"5\"\n    [pageSizeOptions]=\"[5, 10, 25, 100]\"\n  >\n  </mat-paginator>\n  <!-- (page)=\"pageEvent = $event; onPaginateChange($event)\" -->\n</div>\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 .mat-table .mat-row .mat-cell{font-family:SF-Pro;font-size:16px;font-style:normal;font-weight:400;color:#50575e}.mapa-table .mat-table .mat-header-cell{border:none;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:12px}.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 .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:#333;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:#cf482b;color:#fff}.mapa-table__paginator-legacy .custom-paginator-arrow-disabled{color:#dfe3e6}.mapa-table__paginator-legacy .custom-paginator-arrow-enabled{color:#999}.mapa-table__label{margin-top:4px}.mapa-table__header{padding-top:15px;padding-bottom:15px;align-items:center;display:flex}.mapa-table .actions{display:flex}.mapa-table .actions .mat-icon{color:#ea561d!important}.mapa-table .header{align-items:center;display:flex}\n"] }]
+            args: [{ selector: 'mapa-table', encapsulation: ViewEncapsulation.None, template: "<div class=\"mapa-table\">\n  <table mat-table [dataSource]=\"dataSource\" matSort>\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        (click)=\"sortData(column.key)\"\n      >\n        <div class=\"mapa-table__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 *ngIf=\"column.key !== 'actions'\">\n            <mat-icon>filter_list</mat-icon>\n          </div>\n          <div class=\"mapa-table__label\">\n            {{ column.label }}\n          </div>\n        </div>\n      </th>\n      <td mat-cell *matCellDef=\"let row\">\n        <div class=\"header\">\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          <ng-container *ngIf=\"column.key === 'actions'\">\n            <div class=\"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')\"\n                >visibility</mat-icon\n              >\n            </div>\n          </ng-container>\n          <div class=\"table__column\" (click)=\"emitRowClick(row, '')\">\n            {{ row[column.key] }}\n          </div>\n        </div>\n      </td>\n    </ng-container>\n\n    <tr mat-header-row *matHeaderRowDef=\"displayedColumns\"></tr>\n    <tr mat-row *matRowDef=\"let row; columns: displayedColumns;\"></tr>\n  </table>\n\n  <!--\n  <mat-paginator\n    class=\"mapa-table__paginator paginator\"\n    appBubblePagination\n    [appCustomLength]=\"dataSource ? dataSource.data.length : 0\"\n    [length]=\"dataSource ? dataSource.data.length : 0\"\n    [pageSizeOptions]=\"[5, 10, 25, 100]\"\n    [pageSize]=\"5\"\n    aria-label=\"Select page\"\n  ></mat-paginator>\n  -->\n  <mat-paginator\n    class=\"mapa-table__paginator-legacy\"\n    itemsPerPageLabel=\"Item por p\u00E1gina\"\n    appStylePaginator\n    [length]=\"dataSource ? dataSource.data.length : 0\"\n    [pageSize]=\"5\"\n    [pageSizeOptions]=\"[5, 10, 25, 100]\"\n  >\n  </mat-paginator>\n  <!-- (page)=\"pageEvent = $event; onPaginateChange($event)\" -->\n</div>\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 .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:12px}.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 .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:#333;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:#cf482b;color:#fff}.mapa-table__paginator-legacy .custom-paginator-arrow-disabled{color:#dfe3e6}.mapa-table__paginator-legacy .custom-paginator-arrow-enabled{color:#999}.mapa-table__label{margin-top:4px}.mapa-table__header{padding-top:15px;padding-bottom:15px;align-items:center;display:flex}.mapa-table .actions{display:flex}.mapa-table .actions .mat-icon{color:#ea561d!important}.mapa-table .header{align-items:center;display:flex}\n"] }]
         }], ctorParameters: function () { return [{ type: i1$1.FormBuilder }]; }, propDecorators: { columns: [{
                 type: Input
             }], data: [{