mapa-library-ui 0.42.0 → 0.43.1

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

@@ -0,0 +1,285 @@
+import * as i0 from '@angular/core';
+import { EventEmitter, Component, ViewEncapsulation, Input, Output, ViewChild, NgModule } from '@angular/core';
+import moment from 'moment';
+import * as i4 from '@angular/material/sort';
+import { MatSort, MatSortModule } from '@angular/material/sort';
+import * as i3 from '@angular/material/table';
+import { MatTableDataSource, MatTableModule } from '@angular/material/table';
+import * as i1 from '@angular/common';
+import { CommonModule } from '@angular/common';
+import * as i2 from '@angular/material/icon';
+import { MatIconModule } from '@angular/material/icon';
+
+class MapaGroupReportComponent {
+    constructor(cdr) {
+        this.cdr = cdr;
+        this.groupReport = [];
+        this.showGroupReportGeneral = false;
+        this.onSortChange = new EventEmitter();
+        this.displayedColumns = [];
+        this.columns = [];
+        this.data = [];
+    }
+    ngOnInit() {
+        this.generateColumns();
+        this.generateGroupData();
+    }
+    ngAfterViewInit() {
+        this.dataSource = new MatTableDataSource(this.data);
+        this.dataSource.sort = this.sort;
+        this.displayedColumns = this.columns.map((column) => column.key);
+    }
+    ngOnChanges(changes) {
+        if (changes["data"]) {
+            if (this.dataSource) {
+                this.data = changes["data"].currentValue;
+                this.dataSource = new MatTableDataSource(this.data);
+                this.dataSource.sort = this.sort;
+                this.displayedColumns = this.columns.map((column) => column.key);
+                this.cdr.detectChanges();
+            }
+        }
+    }
+    sortData(column) {
+        if (column.sort) {
+            const sort = { active: column.key, direction: "asc" };
+            if (this.currentSort &&
+                this.currentSort.active === column.key &&
+                this.currentSort.direction === "asc") {
+                sort.direction = "desc";
+            }
+            this.currentSort = sort;
+            this.sortDataFunction(sort);
+        }
+    }
+    sortDataFunction(sort) {
+        const data = this.dataSource.data.slice();
+        if (!sort.active || sort.direction === "") {
+            this.dataSource.data = data;
+            return;
+        }
+        this.dataSource.data = data.sort((a, b) => {
+            const isAsc = sort.direction === "asc";
+            return this.compare(a[sort.active].classification.classificationName, b[sort.active].classification.classificationName, isAsc);
+        });
+    }
+    compare(a, b, isAsc) {
+        if (typeof a === "string" && typeof b === "string") {
+            return (a.toLowerCase() < b.toLowerCase() ? -1 : 1) * (isAsc ? 1 : -1);
+        }
+        return (a < b ? -1 : 1) * (isAsc ? 1 : -1);
+    }
+    generateColumns() {
+        let columns = [{ key: "name", label: "", sort: false }];
+        if (this.showGroupReportGeneral) {
+            columns.push({ key: "general", label: "% Geral", sort: false });
+        }
+        this.groupReport.forEach((reportItem) => {
+            var _a;
+            (_a = reportItem.dimensions) === null || _a === void 0 ? void 0 : _a.forEach((dimension) => {
+                const key = dimension.dimensionName.toLowerCase();
+                const label = dimension.dimensionName;
+                const classification = dimension.classification;
+                if (!this.columnExists(columns, key)) {
+                    columns.push({
+                        key,
+                        label,
+                        classification,
+                        sort: true,
+                    });
+                }
+            });
+        });
+        this.columns = columns;
+    }
+    columnExists(columns, key) {
+        return columns.some((column) => column.key === key);
+    }
+    generateGroupData() {
+        const result = [];
+        this.groupReport.forEach((item) => {
+            var _a;
+            const dataItem = {
+                name: item.candidate.name,
+                cpf: item.candidate.cpf,
+                general: item.candidate.general,
+            };
+            (_a = item.dimensions) === null || _a === void 0 ? void 0 : _a.forEach((dimension) => {
+                dataItem[dimension.dimensionName.toLowerCase()] = {
+                    value: {
+                        label: dimension.escoreT,
+                        classification: {
+                            classificationId: dimension.classificationId,
+                            classificationName: dimension.classificationName,
+                            classificationColor: dimension.classificationColor,
+                        },
+                    },
+                    direction: dimension.direction,
+                };
+            });
+            result.push(dataItem);
+        });
+        this.data = result;
+    }
+    isBoolean(column, row) {
+        return typeof row[column.key] === "boolean";
+    }
+    isMaskedData(column, row) {
+        const formats = [moment.ISO_8601, "MM/DD/YYYY  :)  HH*mm*ss"];
+        const isDate = moment(row[column.key], formats, true).isValid();
+        return (column.mask && isDate) || false;
+    }
+    getValueAsDate(column, row) {
+        return new Date(row[column.key]);
+    }
+    getValue(row) {
+        try {
+            if (row.value) {
+                return row.value;
+            }
+            else {
+                return "-";
+            }
+        }
+        catch (_a) {
+            return "-";
+        }
+    }
+    getBackgroundColor(column, row) {
+        var _a, _b;
+        return ((_b = (_a = column.status) === null || _a === void 0 ? void 0 : _a.color) === null || _b === void 0 ? void 0 : _b[row[column.key] || 0]) || "";
+    }
+    hasCustomClass(column, row, key) {
+        if ((column === null || column === void 0 ? void 0 : column.class) ||
+            (row === null || row === void 0 ? void 0 : row.rowStyleClass) ||
+            this.hasCellStyleClass(row, key)) {
+            return true;
+        }
+        return false;
+    }
+    getCustomClass(column, row, key) {
+        if (this.hasCellStyleClass(row, key)) {
+            return this.getCellStyleClass(row, column.key);
+        }
+        else if (column === null || column === void 0 ? void 0 : column.class) {
+            return column.class;
+        }
+        else if (row === null || row === void 0 ? void 0 : row.rowStyleClass) {
+            return row.rowStyleClass;
+        }
+        return "";
+    }
+    hasCellStyleClass(row, key) {
+        var _a;
+        return ((_a = row.styleClass) === null || _a === void 0 ? void 0 : _a.key) === key;
+    }
+    getCellStyleClass(row, key) {
+        var _a, _b;
+        return ((_a = row.styleClass) === null || _a === void 0 ? void 0 : _a.key) === key ? (_b = row.styleClass) === null || _b === void 0 ? void 0 : _b.class : "";
+    }
+    hasIndividualMenu(row) {
+        if (row !== "" && row !== null)
+            return true;
+        return false;
+    }
+    createTag(item) {
+        return {
+            bgColor: item.classificationColor || "",
+            fontSize: "12px",
+            size: "small",
+        };
+    }
+}
+MapaGroupReportComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: MapaGroupReportComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
+MapaGroupReportComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: MapaGroupReportComponent, selector: "mapa-group-report", inputs: { groupReport: "groupReport", showGroupReportGeneral: "showGroupReportGeneral" }, outputs: { onSortChange: "onSortChange" }, viewQueries: [{ propertyName: "sort", first: true, predicate: MatSort, descendants: true }], usesOnChanges: true, ngImport: i0, template: "<section class=\"mapa-group-report\">\n  <table\n    mat-table\n    [dataSource]=\"dataSource\"\n    matSort\n    (matSortChange)=\"sortDataFunction($event)\"\n  >\n    <ng-container *ngFor=\"let column of columns\" [matColumnDef]=\"column.key\">\n      <th\n        mat-header-cell\n        *matHeaderCellDef\n        mat-sort-header\n        [disabled]=\"!(column.key !== 'actions' ? column.sort : null)\"\n      >\n        <div\n          [ngTemplateOutlet]=\"tableHeader\"\n          [ngTemplateOutletContext]=\"{ column }\"\n        ></div>\n      </th>\n      <td mat-cell *matCellDef=\"let row\" [style.width]=\"column?.width\">\n        <div\n          class=\"mapa-group-report__column\"\n          [class.mapa-group-report__column--center-cell]=\"column?.align === 'center' || column.key !== 'name'\"\n        >\n          <div class=\"mapa-group-report__content\">\n            <ng-container\n              *ngIf=\"column.key === 'name' || column.key === 'cpf' || column.key === 'general'; else valueContent\"\n            >\n              <div\n                *ngIf=\"column.key === 'name'\"\n                class=\"mapa-group-report__content--value\"\n              >\n                <div class=\"mapa-group-report__content--title\">\n                  {{ row.name }}<br />\n                </div>\n                <div class=\"mapa-group-report__content--subtitle\">\n                  {{ row.cpf }}\n                </div>\n              </div>\n              <div *ngIf=\"column.key === 'general'\" class=\"general\">\n                {{ row[column.key] | currency:'':'' }}%\n              </div>\n            </ng-container>\n            <ng-template #valueContent>\n              <div class=\"mapa-group-report__hover\">\n                <span class=\"mapa-group-report__hover--main\">\n                  <div\n                    class=\"mapa-group-report__tag\"\n                    [style.backgroundColor]=\"getValue(row[column.key]).classification?.classificationColor\"\n                  >\n                    {{\n                    getValue(row[column.key]).classification?.classificationName\n                    }}\n                  </div>\n                </span>\n                <span class=\"mapa-group-report__hover--hidden\">\n                  {{ getValue(row[column.key]).label }}\n                </span>\n              </div>\n            </ng-template>\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</section>\n\n<ng-template #tableHeader let-column=\"column\">\n  <div class=\"mapa-group-report__header\">\n    {{ column.label }}\n    <div *ngIf=\"column.sort\">\n      <mat-icon>filter_list</mat-icon>\n    </div>\n  </div>\n</ng-template>\n", styles: [".mapa-table .mat-table{font-family:SF-Pro;width:100%}.mapa-table .mat-table .mat-checkbox{margin:6px 8px 0 0;padding:0}.mapa-table td.mat-cell{padding:16px 0}.mapa-table .mat-table .mat-row .mat-cell{font-family:SF-Pro;font-size:16px;font-style:normal;font-weight:400;color:#50575e}.mapa-table .row-hover:hover{box-shadow:0 2px 4px #00000021;outline:1px solid rgba(238,238,238,.93);cursor:pointer}.mapa-table .mat-table .mat-header-cell{border:none;border-bottom:1px solid #eee;font-family:SF-Pro;font-size:16px;font-style:normal;font-weight:600;color:#50575e}.mapa-table .mat-mdc-row,.mapa-table .mdc-data-table__content,.mapa-table .mat-mdc-header-cell{--mat-table-row-item-label-text-font: \"SF-Pro\"}.mapa-table .mat-checkbox.mat-accent .mat-checkbox-frame{border-color:#b6b6b6}.mapa-table .mat-checkbox.mat-accent.mat-checkbox-checked .mat-checkbox-frame{border-color:#ea561d}.mapa-table .mat-checkbox.mat-accent .mat-checkbox-background{background-color:transparent}.mapa-table .mat-checkbox.mat-accent.mat-checkbox-checked .mat-checkbox-background{background-color:#ea561d}.mapa-table .mat-mdc-paginator-container{display:flex;justify-content:space-between}.mapa-table ::ng-deep .mat-mdc-paginator-page-size-label{display:none}.mapa-table__paginator-legacy .mat-paginator-container{font-family:SF-Pro!important;justify-content:flex-start}.mapa-table__paginator-legacy .mat-paginator-page-size{margin-right:10vw}.mapa-table__paginator-legacy .custom-paginator-container{justify-content:flex-end}.mapa-table__paginator-legacy .custom-paginator-counter{white-space:nowrap;margin:0 4px 0 10px!important}.mapa-table__paginator-legacy .custom-paginator-page{border-radius:4px;outline:none;border:none;margin:.4em;font-size:14px;min-width:24px;width:auto;min-height:24px;max-height:24px;padding:1px 6px}.mapa-table__paginator-legacy .custom-paginator-page-enabled{color:#50575e;background:transparent;cursor:pointer}.mapa-table__paginator-legacy .custom-paginator-page-enabled:hover{background-color:#dfe3e6}.mapa-table__paginator-legacy .custom-paginator-page-disabled{background-color:#ea561d;color:#fff}.mapa-table__paginator-legacy .custom-paginator-arrow-disabled{color:#dfe3e6}.mapa-table__paginator-legacy .custom-paginator-arrow-enabled{color:#999}.mapa-group-report{width:100%;white-space:nowrap}.mapa-group-report__label{margin-top:4px}.mapa-group-report__column{display:flex;align-items:center}.mapa-group-report__column--actions{display:flex}.mapa-group-report__column--actions .mat-icon{color:#ea561d!important}.mapa-group-report__column--actions-item{display:flex;align-items:center}.mapa-group-report__column--actions-item img{margin-right:8px}.mapa-group-report__column--header{width:100%}.mapa-group-report__column--header .mat-icon{cursor:pointer;position:relative;bottom:-3px;margin:0 7px;font-size:14px;height:14px;width:14px}.mapa-group-report__column--status{border-radius:4px;padding:4px 8px;margin:auto;text-align:center;width:min-content}.mapa-group-report__column--ellipsis{display:inline-block;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.mapa-group-report__column--no-wrap{white-space:nowrap}.mapa-group-report__column--wrap{white-space:pre-wrap}.mapa-group-report__column--center-cell{display:flex;align-items:center;justify-content:center;width:100%}.mapa-group-report__content--value{margin-right:40px}.mapa-group-report__content--title{color:#000;text-align:left;font-family:SF-Pro;font-size:14px;font-style:normal;font-weight:500;line-height:20px}.mapa-group-report__content--subtitle{color:#77838f;text-align:left;font-family:SF-Pro;font-size:12px;font-style:normal;font-weight:400;line-height:16px}.mapa-group-report__hover:hover--main{display:none}.mapa-group-report__hover:hover--hidden{display:flex}.mapa-group-report__hover--hidden{display:none}.mapa-group-report__tag{display:flex;justify-content:center;align-items:center;padding:4px 8px;gap:8px;flex-shrink:0;border-radius:12px;color:#181818;font-family:SF-Pro;font-size:12px;font-style:normal;font-weight:600;line-height:16px;text-transform:uppercase}.mapa-group-report__header{display:flex;align-items:center;justify-content:center;width:100%}.mapa-group-report .mat-sort-header-arrow{display:none}.mapa-group-report .mat-sort-header-content{width:100%!important}.mapa-group-report .mat-cell{padding:0 24px!important}.mapa-group-report .mat-header-cell{padding:0 16px 0 24px!important;color:#000;font-size:12px;font-style:normal;font-weight:500;line-height:16px}.mapa-group-report .mat-header-cell mat-icon{width:16px;height:16px;font-size:16px}.mapa-group-report .mat-table{width:100%;overflow-x:auto}.mapa-group-report .roundCell{border-radius:10px}.mapa-group-report .general{border-radius:24px;border:1px solid #dcdcde;display:flex;justify-content:center;align-items:center;width:48px;height:48px}.mapa-group-report .label_report{color:#181818;text-align:center;font-family:SF-Pro;font-size:12px;font-style:normal;font-weight:400;line-height:16px}\n", ".classification-1{background-color:#073e92;color:#fff}.classification-2{background-color:#0e6ece;color:#fff}.classification-3{background-color:#2d9ced;color:#000}.classification-4{background-color:#68ceee;color:#000}.classification-5{background-color:#96f2ee;color:#000}.classification-6{background-color:#f598a7;color:#000}.classification-7{background-color:#f56580;color:#000}.classification-8{background-color:#f4284e;color:#fff}.classification-9{background-color:#c11c2f;color:#fff}.small-dot{width:12px;height:12px;border-radius:12px;padding:0;margin:0}.dot{width:16px;height:16px;border-radius:16px;padding:0;margin:0}.indicator{display:flex;padding:2px 4px 2px 16px;justify-content:space-between;align-items:center;border-radius:8px;font-family:SF-Pro;font-size:16px;font-style:normal;font-weight:400}.display-S{font-family:SF-Pro;font-size:20px;font-style:normal;font-weight:400}.display-L{font-family:SF-Pro;font-size:32px;font-style:normal;font-weight:400}.display-XG{font-family:SF-Pro;font-size:48px;font-style:normal;font-weight:400}*{transition:opacity .4s ease-out,max-height .4s ease-out}\n"], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: i2.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: i3.MatTable, selector: "mat-table, table[mat-table]", exportAs: ["matTable"] }, { kind: "directive", type: i3.MatHeaderCellDef, selector: "[matHeaderCellDef]" }, { kind: "directive", type: i3.MatHeaderRowDef, selector: "[matHeaderRowDef]", inputs: ["matHeaderRowDef", "matHeaderRowDefSticky"] }, { kind: "directive", type: i3.MatColumnDef, selector: "[matColumnDef]", inputs: ["sticky", "matColumnDef"] }, { kind: "directive", type: i3.MatCellDef, selector: "[matCellDef]" }, { kind: "directive", type: i3.MatRowDef, selector: "[matRowDef]", inputs: ["matRowDefColumns", "matRowDefWhen"] }, { kind: "directive", type: i3.MatHeaderCell, selector: "mat-header-cell, th[mat-header-cell]" }, { kind: "directive", type: i3.MatCell, selector: "mat-cell, td[mat-cell]" }, { kind: "component", type: i3.MatHeaderRow, selector: "mat-header-row, tr[mat-header-row]", exportAs: ["matHeaderRow"] }, { kind: "component", type: i3.MatRow, selector: "mat-row, tr[mat-row]", exportAs: ["matRow"] }, { kind: "directive", type: i4.MatSort, selector: "[matSort]", inputs: ["matSortDisabled", "matSortActive", "matSortStart", "matSortDirection", "matSortDisableClear"], outputs: ["matSortChange"], exportAs: ["matSort"] }, { kind: "component", type: i4.MatSortHeader, selector: "[mat-sort-header]", inputs: ["disabled", "mat-sort-header", "arrowPosition", "start", "sortActionDescription", "disableClear"], exportAs: ["matSortHeader"] }, { kind: "pipe", type: i1.CurrencyPipe, name: "currency" }], encapsulation: i0.ViewEncapsulation.None });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: MapaGroupReportComponent, decorators: [{
+            type: Component,
+            args: [{ selector: "mapa-group-report", encapsulation: ViewEncapsulation.None, template: "<section class=\"mapa-group-report\">\n  <table\n    mat-table\n    [dataSource]=\"dataSource\"\n    matSort\n    (matSortChange)=\"sortDataFunction($event)\"\n  >\n    <ng-container *ngFor=\"let column of columns\" [matColumnDef]=\"column.key\">\n      <th\n        mat-header-cell\n        *matHeaderCellDef\n        mat-sort-header\n        [disabled]=\"!(column.key !== 'actions' ? column.sort : null)\"\n      >\n        <div\n          [ngTemplateOutlet]=\"tableHeader\"\n          [ngTemplateOutletContext]=\"{ column }\"\n        ></div>\n      </th>\n      <td mat-cell *matCellDef=\"let row\" [style.width]=\"column?.width\">\n        <div\n          class=\"mapa-group-report__column\"\n          [class.mapa-group-report__column--center-cell]=\"column?.align === 'center' || column.key !== 'name'\"\n        >\n          <div class=\"mapa-group-report__content\">\n            <ng-container\n              *ngIf=\"column.key === 'name' || column.key === 'cpf' || column.key === 'general'; else valueContent\"\n            >\n              <div\n                *ngIf=\"column.key === 'name'\"\n                class=\"mapa-group-report__content--value\"\n              >\n                <div class=\"mapa-group-report__content--title\">\n                  {{ row.name }}<br />\n                </div>\n                <div class=\"mapa-group-report__content--subtitle\">\n                  {{ row.cpf }}\n                </div>\n              </div>\n              <div *ngIf=\"column.key === 'general'\" class=\"general\">\n                {{ row[column.key] | currency:'':'' }}%\n              </div>\n            </ng-container>\n            <ng-template #valueContent>\n              <div class=\"mapa-group-report__hover\">\n                <span class=\"mapa-group-report__hover--main\">\n                  <div\n                    class=\"mapa-group-report__tag\"\n                    [style.backgroundColor]=\"getValue(row[column.key]).classification?.classificationColor\"\n                  >\n                    {{\n                    getValue(row[column.key]).classification?.classificationName\n                    }}\n                  </div>\n                </span>\n                <span class=\"mapa-group-report__hover--hidden\">\n                  {{ getValue(row[column.key]).label }}\n                </span>\n              </div>\n            </ng-template>\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</section>\n\n<ng-template #tableHeader let-column=\"column\">\n  <div class=\"mapa-group-report__header\">\n    {{ column.label }}\n    <div *ngIf=\"column.sort\">\n      <mat-icon>filter_list</mat-icon>\n    </div>\n  </div>\n</ng-template>\n", styles: [".mapa-table .mat-table{font-family:SF-Pro;width:100%}.mapa-table .mat-table .mat-checkbox{margin:6px 8px 0 0;padding:0}.mapa-table td.mat-cell{padding:16px 0}.mapa-table .mat-table .mat-row .mat-cell{font-family:SF-Pro;font-size:16px;font-style:normal;font-weight:400;color:#50575e}.mapa-table .row-hover:hover{box-shadow:0 2px 4px #00000021;outline:1px solid rgba(238,238,238,.93);cursor:pointer}.mapa-table .mat-table .mat-header-cell{border:none;border-bottom:1px solid #eee;font-family:SF-Pro;font-size:16px;font-style:normal;font-weight:600;color:#50575e}.mapa-table .mat-mdc-row,.mapa-table .mdc-data-table__content,.mapa-table .mat-mdc-header-cell{--mat-table-row-item-label-text-font: \"SF-Pro\"}.mapa-table .mat-checkbox.mat-accent .mat-checkbox-frame{border-color:#b6b6b6}.mapa-table .mat-checkbox.mat-accent.mat-checkbox-checked .mat-checkbox-frame{border-color:#ea561d}.mapa-table .mat-checkbox.mat-accent .mat-checkbox-background{background-color:transparent}.mapa-table .mat-checkbox.mat-accent.mat-checkbox-checked .mat-checkbox-background{background-color:#ea561d}.mapa-table .mat-mdc-paginator-container{display:flex;justify-content:space-between}.mapa-table ::ng-deep .mat-mdc-paginator-page-size-label{display:none}.mapa-table__paginator-legacy .mat-paginator-container{font-family:SF-Pro!important;justify-content:flex-start}.mapa-table__paginator-legacy .mat-paginator-page-size{margin-right:10vw}.mapa-table__paginator-legacy .custom-paginator-container{justify-content:flex-end}.mapa-table__paginator-legacy .custom-paginator-counter{white-space:nowrap;margin:0 4px 0 10px!important}.mapa-table__paginator-legacy .custom-paginator-page{border-radius:4px;outline:none;border:none;margin:.4em;font-size:14px;min-width:24px;width:auto;min-height:24px;max-height:24px;padding:1px 6px}.mapa-table__paginator-legacy .custom-paginator-page-enabled{color:#50575e;background:transparent;cursor:pointer}.mapa-table__paginator-legacy .custom-paginator-page-enabled:hover{background-color:#dfe3e6}.mapa-table__paginator-legacy .custom-paginator-page-disabled{background-color:#ea561d;color:#fff}.mapa-table__paginator-legacy .custom-paginator-arrow-disabled{color:#dfe3e6}.mapa-table__paginator-legacy .custom-paginator-arrow-enabled{color:#999}.mapa-group-report{width:100%;white-space:nowrap}.mapa-group-report__label{margin-top:4px}.mapa-group-report__column{display:flex;align-items:center}.mapa-group-report__column--actions{display:flex}.mapa-group-report__column--actions .mat-icon{color:#ea561d!important}.mapa-group-report__column--actions-item{display:flex;align-items:center}.mapa-group-report__column--actions-item img{margin-right:8px}.mapa-group-report__column--header{width:100%}.mapa-group-report__column--header .mat-icon{cursor:pointer;position:relative;bottom:-3px;margin:0 7px;font-size:14px;height:14px;width:14px}.mapa-group-report__column--status{border-radius:4px;padding:4px 8px;margin:auto;text-align:center;width:min-content}.mapa-group-report__column--ellipsis{display:inline-block;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.mapa-group-report__column--no-wrap{white-space:nowrap}.mapa-group-report__column--wrap{white-space:pre-wrap}.mapa-group-report__column--center-cell{display:flex;align-items:center;justify-content:center;width:100%}.mapa-group-report__content--value{margin-right:40px}.mapa-group-report__content--title{color:#000;text-align:left;font-family:SF-Pro;font-size:14px;font-style:normal;font-weight:500;line-height:20px}.mapa-group-report__content--subtitle{color:#77838f;text-align:left;font-family:SF-Pro;font-size:12px;font-style:normal;font-weight:400;line-height:16px}.mapa-group-report__hover:hover--main{display:none}.mapa-group-report__hover:hover--hidden{display:flex}.mapa-group-report__hover--hidden{display:none}.mapa-group-report__tag{display:flex;justify-content:center;align-items:center;padding:4px 8px;gap:8px;flex-shrink:0;border-radius:12px;color:#181818;font-family:SF-Pro;font-size:12px;font-style:normal;font-weight:600;line-height:16px;text-transform:uppercase}.mapa-group-report__header{display:flex;align-items:center;justify-content:center;width:100%}.mapa-group-report .mat-sort-header-arrow{display:none}.mapa-group-report .mat-sort-header-content{width:100%!important}.mapa-group-report .mat-cell{padding:0 24px!important}.mapa-group-report .mat-header-cell{padding:0 16px 0 24px!important;color:#000;font-size:12px;font-style:normal;font-weight:500;line-height:16px}.mapa-group-report .mat-header-cell mat-icon{width:16px;height:16px;font-size:16px}.mapa-group-report .mat-table{width:100%;overflow-x:auto}.mapa-group-report .roundCell{border-radius:10px}.mapa-group-report .general{border-radius:24px;border:1px solid #dcdcde;display:flex;justify-content:center;align-items:center;width:48px;height:48px}.mapa-group-report .label_report{color:#181818;text-align:center;font-family:SF-Pro;font-size:12px;font-style:normal;font-weight:400;line-height:16px}\n", ".classification-1{background-color:#073e92;color:#fff}.classification-2{background-color:#0e6ece;color:#fff}.classification-3{background-color:#2d9ced;color:#000}.classification-4{background-color:#68ceee;color:#000}.classification-5{background-color:#96f2ee;color:#000}.classification-6{background-color:#f598a7;color:#000}.classification-7{background-color:#f56580;color:#000}.classification-8{background-color:#f4284e;color:#fff}.classification-9{background-color:#c11c2f;color:#fff}.small-dot{width:12px;height:12px;border-radius:12px;padding:0;margin:0}.dot{width:16px;height:16px;border-radius:16px;padding:0;margin:0}.indicator{display:flex;padding:2px 4px 2px 16px;justify-content:space-between;align-items:center;border-radius:8px;font-family:SF-Pro;font-size:16px;font-style:normal;font-weight:400}.display-S{font-family:SF-Pro;font-size:20px;font-style:normal;font-weight:400}.display-L{font-family:SF-Pro;font-size:32px;font-style:normal;font-weight:400}.display-XG{font-family:SF-Pro;font-size:48px;font-style:normal;font-weight:400}*{transition:opacity .4s ease-out,max-height .4s ease-out}\n"] }]
+        }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }]; }, propDecorators: { groupReport: [{
+                type: Input
+            }], showGroupReportGeneral: [{
+                type: Input
+            }], onSortChange: [{
+                type: Output
+            }], sort: [{
+                type: ViewChild,
+                args: [MatSort]
+            }] } });
+
+class TagComponent {
+}
+TagComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: TagComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+TagComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: TagComponent, selector: "mapa-tag", inputs: { tag: "tag" }, ngImport: i0, template: "<div\n  *ngIf=\"tag\"\n  class=\"mapa-tag\"\n  [class.mapa-tag--small]=\"tag.size === 'small' && !tag.fontSize\"\n  [class.mapa-tag--highlight]=\"tag.color === 'highlight'\"\n  [class.mapa-tag--selected]=\"tag.color === 'selected'\"\n  [class.mapa-tag--default-bg]=\"!tag.bgColor\"\n  [class.mapa-tag--bg]=\"tag.bgColor\"\n  [style.backgroundColor]=\"tag.bgColor\"\n  [style.padding-left]=\"tag.fontSize\"\n  [style.border-radius]=\"tag.fontSize\"\n  [style.fontSize]=\"tag.fontSize\"\n>\n  <ng-content></ng-content>\n</div>\n", styles: [".mapa-tag{font-family:SF-Pro;display:flex;align-items:center;border-radius:16px;padding:8px 12px;margin:0 4px;white-space:nowrap}.mapa-tag--default-bg{border:1px solid #cdcdcd;background:#fff;font-weight:300}.mapa-tag--bg{font-weight:500!important;text-transform:uppercase;padding:4px 8px!important;height:24px!important;color:#181818;font-size:12px}.mapa-tag--highlight{border:2px solid #eedb2a!important}.mapa-tag--small{gap:8px;padding:2px 8px!important;font-size:12px}.mapa-tag--selected{padding:8px 16px!important;gap:16px;border-radius:8px!important;border:1px solid #d9d9d9!important}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: TagComponent, decorators: [{
+            type: Component,
+            args: [{ selector: "mapa-tag", template: "<div\n  *ngIf=\"tag\"\n  class=\"mapa-tag\"\n  [class.mapa-tag--small]=\"tag.size === 'small' && !tag.fontSize\"\n  [class.mapa-tag--highlight]=\"tag.color === 'highlight'\"\n  [class.mapa-tag--selected]=\"tag.color === 'selected'\"\n  [class.mapa-tag--default-bg]=\"!tag.bgColor\"\n  [class.mapa-tag--bg]=\"tag.bgColor\"\n  [style.backgroundColor]=\"tag.bgColor\"\n  [style.padding-left]=\"tag.fontSize\"\n  [style.border-radius]=\"tag.fontSize\"\n  [style.fontSize]=\"tag.fontSize\"\n>\n  <ng-content></ng-content>\n</div>\n", styles: [".mapa-tag{font-family:SF-Pro;display:flex;align-items:center;border-radius:16px;padding:8px 12px;margin:0 4px;white-space:nowrap}.mapa-tag--default-bg{border:1px solid #cdcdcd;background:#fff;font-weight:300}.mapa-tag--bg{font-weight:500!important;text-transform:uppercase;padding:4px 8px!important;height:24px!important;color:#181818;font-size:12px}.mapa-tag--highlight{border:2px solid #eedb2a!important}.mapa-tag--small{gap:8px;padding:2px 8px!important;font-size:12px}.mapa-tag--selected{padding:8px 16px!important;gap:16px;border-radius:8px!important;border:1px solid #d9d9d9!important}\n"] }]
+        }], propDecorators: { tag: [{
+                type: Input
+            }] } });
+
+class MapaTagModule {
+}
+MapaTagModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: MapaTagModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+MapaTagModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.10", ngImport: i0, type: MapaTagModule, declarations: [TagComponent], imports: [CommonModule], exports: [TagComponent] });
+MapaTagModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: MapaTagModule, imports: [CommonModule] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: MapaTagModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [
+                        TagComponent
+                    ],
+                    imports: [
+                        CommonModule
+                    ],
+                    exports: [
+                        TagComponent
+                    ]
+                }]
+        }] });
+
+/*
+ * Public API Surface of mapa-library-ui icon
+ */
+
+class MapaGroupReportModule {
+}
+MapaGroupReportModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: MapaGroupReportModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+MapaGroupReportModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.10", ngImport: i0, type: MapaGroupReportModule, declarations: [MapaGroupReportComponent], imports: [CommonModule,
+        MatIconModule,
+        MatTableModule,
+        MatSortModule,
+        MapaTagModule], exports: [MapaGroupReportComponent] });
+MapaGroupReportModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: MapaGroupReportModule, imports: [CommonModule,
+        MatIconModule,
+        MatTableModule,
+        MatSortModule,
+        MapaTagModule] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: MapaGroupReportModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [MapaGroupReportComponent],
+                    imports: [
+                        CommonModule,
+                        MatIconModule,
+                        MatTableModule,
+                        MatSortModule,
+                        MapaTagModule,
+                    ],
+                    exports: [MapaGroupReportComponent],
+                }]
+        }] });
+
+/*
+ * Public API Surface of mapa-library-ui input
+ */
+
+/*
+ * Public API Surface of mapa-library-ui group-report
+ */
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { MapaGroupReportComponent, MapaGroupReportModule };
+//# sourceMappingURL=mapa-library-ui-src-lib-components-group-report.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"mapa-library-ui-src-lib-components-group-report.mjs","sources":["../../../projects/mapa-library-ui/src/lib/components/group-report/src/group-report.component.ts","../../../projects/mapa-library-ui/src/lib/components/group-report/src/group-report.component.html","../../../projects/mapa-library-ui/src/lib/components/tag/src/tag.component.ts","../../../projects/mapa-library-ui/src/lib/components/tag/src/tag.component.html","../../../projects/mapa-library-ui/src/lib/components/tag/src/tag.module.ts","../../../projects/mapa-library-ui/src/lib/components/tag/public-api.ts","../../../projects/mapa-library-ui/src/lib/components/group-report/src/group-report.module.ts","../../../projects/mapa-library-ui/src/lib/components/group-report/public-api.ts","../../../projects/mapa-library-ui/src/group-report.ts","../../../projects/mapa-library-ui/src/mapa-library-ui-src-lib-components-group-report.ts"],"sourcesContent":["import {\n  AfterViewInit,\n  ChangeDetectorRef,\n  Component,\n  EventEmitter,\n  Input,\n  OnInit,\n  Output,\n  SimpleChanges,\n  ViewChild,\n  ViewEncapsulation,\n} from \"@angular/core\";\nimport { FormGroup } from \"@angular/forms\";\nimport moment from \"moment\";\n\nimport { MatSort, Sort } from \"@angular/material/sort\";\nimport { MatTableDataSource } from \"@angular/material/table\";\n\nimport { TableColumn } from \"../../../core/interfaces/table-column.interface\";\nimport { GroupReportItem } from \"./group-report-interface\";\nimport { CapabilityItem } from \"../../capability/public-api\";\nimport { Dimension } from \"./group-report-interface\";\n\n@Component({\n  selector: \"mapa-group-report\",\n  templateUrl: \"./group-report.component.html\",\n  styleUrls: [\n    \"./group-report.component.scss\",\n    \"./../../capability/styles/capability.scss\",\n  ],\n  encapsulation: ViewEncapsulation.None,\n})\nexport class MapaGroupReportComponent implements OnInit, AfterViewInit {\n  @Input() groupReport: GroupReportItem[] = [];\n  @Input() showGroupReportGeneral: boolean | undefined = false;\n  @Output() onSortChange: EventEmitter<Sort> = new EventEmitter<Sort>();\n\n  @ViewChild(MatSort) sort!: MatSort;\n\n  dataSource!: MatTableDataSource<Object>;\n  displayedColumns: string[] = [];\n  currentSort: Sort | undefined;\n  columns: TableColumn[] = [];\n  data: Object[] = [];\n\n  constructor(private cdr: ChangeDetectorRef) {}\n\n  ngOnInit(): void {\n    this.generateColumns();\n    this.generateGroupData();\n  }\n\n  ngAfterViewInit(): void {\n    this.dataSource = new MatTableDataSource(this.data);\n    this.dataSource.sort = this.sort;\n    this.displayedColumns = this.columns.map((column) => column.key);\n  }\n\n  ngOnChanges(changes: SimpleChanges) {\n    if (changes[\"data\"]) {\n      if (this.dataSource) {\n        this.data = changes[\"data\"].currentValue;\n        this.dataSource = new MatTableDataSource(this.data);\n        this.dataSource.sort = this.sort;\n        this.displayedColumns = this.columns.map((column) => column.key);\n        this.cdr.detectChanges();\n      }\n    }\n  }\n\n  sortData(column: TableColumn): void {\n    if (column.sort) {\n      const sort: Sort = { active: column.key, direction: \"asc\" };\n\n      if (\n        this.currentSort &&\n        this.currentSort.active === column.key &&\n        this.currentSort.direction === \"asc\"\n      ) {\n        sort.direction = \"desc\";\n      }\n\n      this.currentSort = sort;\n      this.sortDataFunction(sort);\n    }\n  }\n\n  sortDataFunction(sort: Sort) {\n    const data = this.dataSource.data.slice();\n\n    if (!sort.active || sort.direction === \"\") {\n      this.dataSource.data = data;\n      return;\n    }\n\n    this.dataSource.data = data.sort((a: any, b: any) => {\n      const isAsc = sort.direction === \"asc\";\n      return this.compare(\n        a[sort.active].classification.classificationName,\n        b[sort.active].classification.classificationName,\n        isAsc\n      );\n    });\n  }\n\n  compare(a: any, b: any, isAsc: boolean) {\n    if (typeof a === \"string\" && typeof b === \"string\") {\n      return (a.toLowerCase() < b.toLowerCase() ? -1 : 1) * (isAsc ? 1 : -1);\n    }\n    return (a < b ? -1 : 1) * (isAsc ? 1 : -1);\n  }\n\n  generateColumns() {\n    let columns: TableColumn[] = [{ key: \"name\", label: \"\", sort: false }];\n\n    if (this.showGroupReportGeneral) {\n      columns.push({ key: \"general\", label: \"% Geral\", sort: false });\n    }\n\n    this.groupReport.forEach((reportItem) => {\n      reportItem.dimensions?.forEach((dimension: any) => {\n        const key = dimension.dimensionName.toLowerCase();\n        const label = dimension.dimensionName;\n        const classification = dimension.classification;\n        if (!this.columnExists(columns, key)) {\n          columns.push({\n            key,\n            label,\n            classification,\n            sort: true,\n          });\n        }\n      });\n    });\n\n    this.columns = columns;\n  }\n\n  columnExists(columns: TableColumn[], key: string): boolean {\n    return columns.some((column) => column.key === key);\n  }\n\n  generateGroupData() {\n    const result: { [key: string]: any }[] = [];\n\n    this.groupReport.forEach((item) => {\n      const dataItem: { [key: string]: any } = {\n        name: item.candidate.name,\n        cpf: item.candidate.cpf,\n        general: item.candidate.general,\n      };\n\n      item.dimensions?.forEach((dimension: any) => {\n        dataItem[dimension.dimensionName.toLowerCase()] = {\n          value: {\n            label: dimension.escoreT,\n            classification: {\n              classificationId: dimension.classificationId,\n              classificationName: dimension.classificationName,\n              classificationColor: dimension.classificationColor,\n            },\n          },\n          direction: dimension.direction,\n        };\n      });\n\n      result.push(dataItem);\n    });\n\n    this.data = result;\n  }\n\n  isBoolean(column: TableColumn, row: any): boolean {\n    return typeof row[column.key] === \"boolean\";\n  }\n\n  isMaskedData(column: TableColumn, row: any): boolean {\n    const formats = [moment.ISO_8601, \"MM/DD/YYYY  :)  HH*mm*ss\"];\n    const isDate = moment(row[column.key], formats, true).isValid();\n    return (column.mask && isDate) || false;\n  }\n\n  getValueAsDate(column: TableColumn, row: any): Date {\n    return new Date(row[column.key]);\n  }\n\n  getValue(row: any): any {\n    try {\n      if (row.value) {\n        return row.value;\n      } else {\n        return \"-\";\n      }\n    } catch {\n      return \"-\";\n    }\n  }\n\n  getBackgroundColor(column: TableColumn, row: any): string {\n    return column.status?.color?.[row[column.key] || 0] || \"\";\n  }\n\n  hasCustomClass(column: TableColumn, row: any, key: string): boolean {\n    if (\n      column?.class ||\n      row?.rowStyleClass ||\n      this.hasCellStyleClass(row, key)\n    ) {\n      return true;\n    }\n    return false;\n  }\n\n  getCustomClass(column: TableColumn, row: any, key: string): string {\n    if (this.hasCellStyleClass(row, key)) {\n      return this.getCellStyleClass(row, column.key);\n    } else if (column?.class) {\n      return column.class;\n    } else if (row?.rowStyleClass) {\n      return row.rowStyleClass;\n    }\n    return \"\";\n  }\n\n  hasCellStyleClass(row: any, key: string): boolean {\n    return row.styleClass?.key === key;\n  }\n\n  getCellStyleClass(row: any, key: string): string {\n    return row.styleClass?.key === key ? row.styleClass?.class : \"\";\n  }\n\n  hasIndividualMenu(row: any): boolean {\n    if (row !== \"\" && row !== null) return true;\n    return false;\n  }\n\n  createTag(item: Dimension) {\n    return {\n      bgColor: item.classificationColor || \"\",\n      fontSize: \"12px\",\n      size: \"small\",\n    };\n  }\n}\n","<section class=\"mapa-group-report\">\n  <table\n    mat-table\n    [dataSource]=\"dataSource\"\n    matSort\n    (matSortChange)=\"sortDataFunction($event)\"\n  >\n    <ng-container *ngFor=\"let column of columns\" [matColumnDef]=\"column.key\">\n      <th\n        mat-header-cell\n        *matHeaderCellDef\n        mat-sort-header\n        [disabled]=\"!(column.key !== 'actions' ? column.sort : null)\"\n      >\n        <div\n          [ngTemplateOutlet]=\"tableHeader\"\n          [ngTemplateOutletContext]=\"{ column }\"\n        ></div>\n      </th>\n      <td mat-cell *matCellDef=\"let row\" [style.width]=\"column?.width\">\n        <div\n          class=\"mapa-group-report__column\"\n          [class.mapa-group-report__column--center-cell]=\"column?.align === 'center' || column.key !== 'name'\"\n        >\n          <div class=\"mapa-group-report__content\">\n            <ng-container\n              *ngIf=\"column.key === 'name' || column.key === 'cpf' || column.key === 'general'; else valueContent\"\n            >\n              <div\n                *ngIf=\"column.key === 'name'\"\n                class=\"mapa-group-report__content--value\"\n              >\n                <div class=\"mapa-group-report__content--title\">\n                  {{ row.name }}<br />\n                </div>\n                <div class=\"mapa-group-report__content--subtitle\">\n                  {{ row.cpf }}\n                </div>\n              </div>\n              <div *ngIf=\"column.key === 'general'\" class=\"general\">\n                {{ row[column.key] | currency:'':'' }}%\n              </div>\n            </ng-container>\n            <ng-template #valueContent>\n              <div class=\"mapa-group-report__hover\">\n                <span class=\"mapa-group-report__hover--main\">\n                  <div\n                    class=\"mapa-group-report__tag\"\n                    [style.backgroundColor]=\"getValue(row[column.key]).classification?.classificationColor\"\n                  >\n                    {{\n                    getValue(row[column.key]).classification?.classificationName\n                    }}\n                  </div>\n                </span>\n                <span class=\"mapa-group-report__hover--hidden\">\n                  {{ getValue(row[column.key]).label }}\n                </span>\n              </div>\n            </ng-template>\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</section>\n\n<ng-template #tableHeader let-column=\"column\">\n  <div class=\"mapa-group-report__header\">\n    {{ column.label }}\n    <div *ngIf=\"column.sort\">\n      <mat-icon>filter_list</mat-icon>\n    </div>\n  </div>\n</ng-template>\n","import { Component, Input } from \"@angular/core\";\n\nexport interface Tag {\n  bgColor?: string | null | undefined;\n  color?: \"highlight\" | \"selected\" | string | null | undefined;\n  size?: \"small\" | string | null | undefined;\n  fontSize?: string | null | undefined;\n}\n\n@Component({\n  selector: \"mapa-tag\",\n  templateUrl: \"./tag.component.html\",\n  styleUrls: [\"./tag.component.scss\"],\n})\nexport class TagComponent {\n  @Input() tag: Tag | undefined;\n}\n","<div\n  *ngIf=\"tag\"\n  class=\"mapa-tag\"\n  [class.mapa-tag--small]=\"tag.size === 'small' && !tag.fontSize\"\n  [class.mapa-tag--highlight]=\"tag.color === 'highlight'\"\n  [class.mapa-tag--selected]=\"tag.color === 'selected'\"\n  [class.mapa-tag--default-bg]=\"!tag.bgColor\"\n  [class.mapa-tag--bg]=\"tag.bgColor\"\n  [style.backgroundColor]=\"tag.bgColor\"\n  [style.padding-left]=\"tag.fontSize\"\n  [style.border-radius]=\"tag.fontSize\"\n  [style.fontSize]=\"tag.fontSize\"\n>\n  <ng-content></ng-content>\n</div>\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { TagComponent } from './tag.component';\n\n@NgModule({\n  declarations: [\n    TagComponent\n  ],\n  imports: [\n    CommonModule\n  ],\n  exports: [\n    TagComponent\n  ]\n})\nexport class MapaTagModule { }\n","/*\n * Public API Surface of mapa-library-ui icon\n */\n\nexport * from './src/tag.component';\nexport * from './src/tag.module';","import { NgModule } from \"@angular/core\";\nimport { CommonModule } from \"@angular/common\";\n\nimport { MatTableModule } from \"@angular/material/table\";\nimport { MatSortModule } from \"@angular/material/sort\";\nimport { MatIconModule } from \"@angular/material/icon\";\n\nimport { MapaGroupReportComponent } from \"./group-report.component\";\nimport { MapaTagModule } from \"../../tag/public-api\";\n\n@NgModule({\n  declarations: [MapaGroupReportComponent],\n  imports: [\n    CommonModule,\n    MatIconModule,\n    MatTableModule,\n    MatSortModule,\n    MapaTagModule,\n  ],\n  exports: [MapaGroupReportComponent],\n})\nexport class MapaGroupReportModule {}\n","/*\n * Public API Surface of mapa-library-ui input\n */\n\nexport * from './src/group-report.component';\nexport * from './src/group-report.module';","/*\n * Public API Surface of mapa-library-ui group-report\n */\nexport * from './lib/components/group-report/public-api';\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './group-report';\n"],"names":[],"mappings":"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"}

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

@@ -0,0 +1,117 @@
+import * as i0 from '@angular/core';
+import { Component, Input, NgModule } from '@angular/core';
+import * as i1 from '@angular/common';
+import { CommonModule } from '@angular/common';
+
+class MapaProgressbarComponent {
+    constructor() {
+        this.showInterval = true;
+    }
+}
+MapaProgressbarComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: MapaProgressbarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+MapaProgressbarComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: MapaProgressbarComponent, selector: "mapa-progressbar", inputs: { data: "data", showInterval: "showInterval" }, ngImport: i0, template: "<div class=\"progress-bar\">\n  <div class=\"progress-bar--bg\">\n    <div\n      class=\"progress-bar--filled\"\n      [style.width.%]=\"data.interval\"\n      [style.backgroundColor]=\"data.classification?.classificationColor\"\n    ></div>\n  </div>\n  <div class=\"progress-bar--interval\" *ngIf=\"showInterval\">\n    {{data.interval}}%\n  </div>\n</div>\n", styles: [".progress-bar{display:flex;align-items:center;justify-content:space-between;color:#2e2a2a;font-size:18px;font-style:normal;font-weight:400;width:310px;gap:20px}.progress-bar--bg{position:relative;background-color:#eee;border-radius:6px;height:8px;width:247px}.progress-bar--filled{position:absolute;top:0;left:0;background-color:#c6c6c6;border-radius:6px;height:8px}.progress-bar--interval{color:#2e2a2a;text-align:center;font-size:24px;font-style:normal;font-weight:400;line-height:32px}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: MapaProgressbarComponent, decorators: [{
+            type: Component,
+            args: [{ selector: "mapa-progressbar", template: "<div class=\"progress-bar\">\n  <div class=\"progress-bar--bg\">\n    <div\n      class=\"progress-bar--filled\"\n      [style.width.%]=\"data.interval\"\n      [style.backgroundColor]=\"data.classification?.classificationColor\"\n    ></div>\n  </div>\n  <div class=\"progress-bar--interval\" *ngIf=\"showInterval\">\n    {{data.interval}}%\n  </div>\n</div>\n", styles: [".progress-bar{display:flex;align-items:center;justify-content:space-between;color:#2e2a2a;font-size:18px;font-style:normal;font-weight:400;width:310px;gap:20px}.progress-bar--bg{position:relative;background-color:#eee;border-radius:6px;height:8px;width:247px}.progress-bar--filled{position:absolute;top:0;left:0;background-color:#c6c6c6;border-radius:6px;height:8px}.progress-bar--interval{color:#2e2a2a;text-align:center;font-size:24px;font-style:normal;font-weight:400;line-height:32px}\n"] }]
+        }], propDecorators: { data: [{
+                type: Input
+            }], showInterval: [{
+                type: Input
+            }] } });
+
+class MapaScaleComponent {
+    constructor() {
+        this.showProgressbar = true;
+    }
+    getProgressbarData(scale) {
+        return {
+            interval: scale.interval,
+            classification: scale.classification,
+        };
+    }
+    isPositive(dimension) {
+        return dimension.direction === "Positiva";
+    }
+    showSummarized(dimension) {
+        return (dimension === null || dimension === void 0 ? void 0 : dimension.dimensionClassificationMessage) === undefined;
+    }
+    getCompetenceImg(competence) {
+        let img = "";
+        if (competence.competenceName.includes("Gestão")) {
+            img = "UsersThree";
+        }
+        if (competence.competenceName.includes("Autogestão")) {
+            img = "Brain";
+        }
+        if (competence.competenceName.includes("Relacionamento")) {
+            img = "Handshake";
+        }
+        if (competence.competenceName.includes("Atividade")) {
+            img = "ListCheck";
+        }
+        if (competence.competenceName.includes("Corporais")) {
+            img = "Warning";
+        }
+        return `assets/images/icons/${img}.svg`;
+    }
+}
+MapaScaleComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: MapaScaleComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+MapaScaleComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: MapaScaleComponent, selector: "mapa-scale", inputs: { data: "data", showProgressbar: "showProgressbar" }, ngImport: i0, template: "<section class=\"mapa__card competence\" *ngFor=\"let competence of data\">\n  <header class=\"competence__header\">\n    <img [src]=\"getCompetenceImg(competence)\" />\n    {{ competence.competenceName }}\n  </header>\n  <section class=\"mapa__card scale\" *ngFor=\"let scale of competence.scales\">\n    <header class=\"scale__header\">\n      <div class=\"scale__header--title mapa--display-m\">\n        {{ scale.scaleName }}\n        <div\n          *ngIf=\"scale.classification\"\n          class=\"mapa__tag--bg\"\n          [style.backgroundColor]=\"scale.classification.classificationColor\"\n          [class.mapa__tag--contrast]=\"scale.classification.classificationId === 1\"\n        >\n          <span class=\"mapa__tag--text\">{{ scale.classification.classificationName }}</span>\n        </div>\n      </div>\n      <div *ngIf=\"showProgressbar\" class=\"scale__header--progressbar\">\n        <mapa-progressbar [data]=\"getProgressbarData(scale)\"></mapa-progressbar>\n      </div>\n    </header>\n    <article *ngIf=\"scale.scaleConcept\" class=\"scale__concept\">\n      <strong>Conceito:</strong> {{ scale.scaleConcept }}\n    </article>\n    <hr />\n    <section class=\"scale__dimensions\">\n      <article\n        *ngFor=\"let dimension of scale.dimensions\"\n        class=\"mapa__card--sm dimension\"\n        [class.dimension--full-sized]=\"!showSummarized(dimension)\"\n        [class.dimension--summarized]=\"showSummarized(dimension)\"\n      >\n        <nav class=\"dimension__main\">\n          <div class=\"dimension--title\">\n            <span *ngIf=\"dimension.direction === 'Positiva'; else negativeDirection\">\u2191</span>\n            <ng-template #negativeDirection>\u2193</ng-template>\n            {{ dimension.dimensionName }}\n          </div>\n          <div class=\"dimension--classification\">\n            <div\n              *ngIf=\"dimension.classification\"\n              class=\"mapa__tag--bg\"\n              [style.backgroundColor]=\"dimension.classification.classificationColor\"\n              [class.mapa__tag--contrast]=\"dimension.classification.classificationId === 1\"\n            >\n              <span class=\"mapa__tag--text\">{{ dimension.classification.classificationName }}</span>\n            </div>\n          </div>\n        </nav>\n        <div\n          *ngIf=\"dimension.dimensionClassificationMessage\"\n          class=\"dimension__concept\"\n        >\n          {{ dimension.dimensionClassificationMessage }}\n        </div>\n      </article>\n    </section>\n  </section>\n</section>\n", styles: [".competence{display:flex;gap:24px;font-family:SF-Pro}.competence__header{display:flex;align-items:center;color:#ea561d;font-size:32px;font-weight:500;line-height:40px}.competence__header img{margin-right:16px}.competence .scale{display:flex;gap:16px}.competence .scale hr{background:#8c8f94;border-width:2px;width:100%}.competence .scale__header{display:flex;align-items:center;justify-content:space-between;width:100%;color:#181818;font-size:24px;font-style:normal;font-weight:500;line-height:32px}.competence .scale__concept{color:#50575e;font-size:16px;font-style:normal;font-weight:400;line-height:24px}.competence .scale__concept strong{color:#181818;font-size:16px;font-style:normal;font-weight:600;line-height:24px}.competence .scale__dimensions{display:flex;flex-wrap:wrap;gap:24px;width:100%}.competence .scale .dimension__main{display:flex;justify-content:space-between}.competence .scale .dimension--full-sized{display:flex;justify-content:space-between;gap:24px;width:100%}.competence .scale .dimension--full-sized .dimension__main{width:35%}.competence .scale .dimension--full-sized .dimension__concept{width:65%}.competence .scale .dimension--summarized{display:flex;width:32%}.competence .scale .dimension--summarized .dimension__main{width:100%}.competence .scale .dimension--title{color:#181818;font-size:16px;font-style:normal;font-weight:500;line-height:24px}.competence .scale .dimension__concept{color:#50575e;font-size:16px;font-style:normal;font-weight:400;line-height:24px}\n"], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: MapaProgressbarComponent, selector: "mapa-progressbar", inputs: ["data", "showInterval"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: MapaScaleComponent, decorators: [{
+            type: Component,
+            args: [{ selector: "mapa-scale", template: "<section class=\"mapa__card competence\" *ngFor=\"let competence of data\">\n  <header class=\"competence__header\">\n    <img [src]=\"getCompetenceImg(competence)\" />\n    {{ competence.competenceName }}\n  </header>\n  <section class=\"mapa__card scale\" *ngFor=\"let scale of competence.scales\">\n    <header class=\"scale__header\">\n      <div class=\"scale__header--title mapa--display-m\">\n        {{ scale.scaleName }}\n        <div\n          *ngIf=\"scale.classification\"\n          class=\"mapa__tag--bg\"\n          [style.backgroundColor]=\"scale.classification.classificationColor\"\n          [class.mapa__tag--contrast]=\"scale.classification.classificationId === 1\"\n        >\n          <span class=\"mapa__tag--text\">{{ scale.classification.classificationName }}</span>\n        </div>\n      </div>\n      <div *ngIf=\"showProgressbar\" class=\"scale__header--progressbar\">\n        <mapa-progressbar [data]=\"getProgressbarData(scale)\"></mapa-progressbar>\n      </div>\n    </header>\n    <article *ngIf=\"scale.scaleConcept\" class=\"scale__concept\">\n      <strong>Conceito:</strong> {{ scale.scaleConcept }}\n    </article>\n    <hr />\n    <section class=\"scale__dimensions\">\n      <article\n        *ngFor=\"let dimension of scale.dimensions\"\n        class=\"mapa__card--sm dimension\"\n        [class.dimension--full-sized]=\"!showSummarized(dimension)\"\n        [class.dimension--summarized]=\"showSummarized(dimension)\"\n      >\n        <nav class=\"dimension__main\">\n          <div class=\"dimension--title\">\n            <span *ngIf=\"dimension.direction === 'Positiva'; else negativeDirection\">\u2191</span>\n            <ng-template #negativeDirection>\u2193</ng-template>\n            {{ dimension.dimensionName }}\n          </div>\n          <div class=\"dimension--classification\">\n            <div\n              *ngIf=\"dimension.classification\"\n              class=\"mapa__tag--bg\"\n              [style.backgroundColor]=\"dimension.classification.classificationColor\"\n              [class.mapa__tag--contrast]=\"dimension.classification.classificationId === 1\"\n            >\n              <span class=\"mapa__tag--text\">{{ dimension.classification.classificationName }}</span>\n            </div>\n          </div>\n        </nav>\n        <div\n          *ngIf=\"dimension.dimensionClassificationMessage\"\n          class=\"dimension__concept\"\n        >\n          {{ dimension.dimensionClassificationMessage }}\n        </div>\n      </article>\n    </section>\n  </section>\n</section>\n", styles: [".competence{display:flex;gap:24px;font-family:SF-Pro}.competence__header{display:flex;align-items:center;color:#ea561d;font-size:32px;font-weight:500;line-height:40px}.competence__header img{margin-right:16px}.competence .scale{display:flex;gap:16px}.competence .scale hr{background:#8c8f94;border-width:2px;width:100%}.competence .scale__header{display:flex;align-items:center;justify-content:space-between;width:100%;color:#181818;font-size:24px;font-style:normal;font-weight:500;line-height:32px}.competence .scale__concept{color:#50575e;font-size:16px;font-style:normal;font-weight:400;line-height:24px}.competence .scale__concept strong{color:#181818;font-size:16px;font-style:normal;font-weight:600;line-height:24px}.competence .scale__dimensions{display:flex;flex-wrap:wrap;gap:24px;width:100%}.competence .scale .dimension__main{display:flex;justify-content:space-between}.competence .scale .dimension--full-sized{display:flex;justify-content:space-between;gap:24px;width:100%}.competence .scale .dimension--full-sized .dimension__main{width:35%}.competence .scale .dimension--full-sized .dimension__concept{width:65%}.competence .scale .dimension--summarized{display:flex;width:32%}.competence .scale .dimension--summarized .dimension__main{width:100%}.competence .scale .dimension--title{color:#181818;font-size:16px;font-style:normal;font-weight:500;line-height:24px}.competence .scale .dimension__concept{color:#50575e;font-size:16px;font-style:normal;font-weight:400;line-height:24px}\n"] }]
+        }], propDecorators: { data: [{
+                type: Input
+            }], showProgressbar: [{
+                type: Input
+            }] } });
+
+class MapaDetailsComponent {
+}
+MapaDetailsComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: MapaDetailsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+MapaDetailsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: MapaDetailsComponent, selector: "mapa-details", ngImport: i0, template: "<p>details works!</p>\n", styles: [""] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: MapaDetailsComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'mapa-details', template: "<p>details works!</p>\n" }]
+        }] });
+
+class MapaScaleModule {
+}
+MapaScaleModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: MapaScaleModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+MapaScaleModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.10", ngImport: i0, type: MapaScaleModule, declarations: [MapaScaleComponent,
+        MapaProgressbarComponent,
+        MapaDetailsComponent], imports: [CommonModule], exports: [MapaScaleComponent,
+        MapaProgressbarComponent,
+        MapaDetailsComponent] });
+MapaScaleModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: MapaScaleModule, imports: [CommonModule] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: MapaScaleModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [
+                        MapaScaleComponent,
+                        MapaProgressbarComponent,
+                        MapaDetailsComponent,
+                    ],
+                    exports: [
+                        MapaScaleComponent,
+                        MapaProgressbarComponent,
+                        MapaDetailsComponent,
+                    ],
+                    imports: [CommonModule],
+                }]
+        }] });
+
+/*
+ * Public API Surface of mapa-library-ui scale
+ */
+
+/*
+ * Public API Surface of mapa-library-ui scale
+ */
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { MapaDetailsComponent, MapaProgressbarComponent, MapaScaleComponent, MapaScaleModule };
+//# sourceMappingURL=mapa-library-ui-src-lib-components-scale.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"mapa-library-ui-src-lib-components-scale.mjs","sources":["../../../projects/mapa-library-ui/src/lib/components/scale/src/progressbar/progressbar.component.ts","../../../projects/mapa-library-ui/src/lib/components/scale/src/progressbar/progressbar.component.html","../../../projects/mapa-library-ui/src/lib/components/scale/src/scale.component.ts","../../../projects/mapa-library-ui/src/lib/components/scale/src/scale.component.html","../../../projects/mapa-library-ui/src/lib/components/scale/src/details/details.component.ts","../../../projects/mapa-library-ui/src/lib/components/scale/src/details/details.component.html","../../../projects/mapa-library-ui/src/lib/components/scale/src/scale.module.ts","../../../projects/mapa-library-ui/src/lib/components/scale/public-api.ts","../../../projects/mapa-library-ui/src/scale.ts","../../../projects/mapa-library-ui/src/mapa-library-ui-src-lib-components-scale.ts"],"sourcesContent":["import { Component, Input } from \"@angular/core\";\nimport { ProgressBar } from \"../scale.interface\";\n\n@Component({\n  selector: \"mapa-progressbar\",\n  templateUrl: \"./progressbar.component.html\",\n  styleUrls: [\"./progressbar.component.scss\"],\n})\nexport class MapaProgressbarComponent {\n  @Input() data!: ProgressBar;\n  @Input() showInterval: boolean = true;\n}\n","<div class=\"progress-bar\">\n  <div class=\"progress-bar--bg\">\n    <div\n      class=\"progress-bar--filled\"\n      [style.width.%]=\"data.interval\"\n      [style.backgroundColor]=\"data.classification?.classificationColor\"\n    ></div>\n  </div>\n  <div class=\"progress-bar--interval\" *ngIf=\"showInterval\">\n    {{data.interval}}%\n  </div>\n</div>\n","import { Component, Input } from \"@angular/core\";\nimport { Dimension } from \"../../group-report/src/group-report-interface\";\nimport { Competence, Scale, ProgressBar } from \"./scale.interface\";\n\n@Component({\n  selector: \"mapa-scale\",\n  templateUrl: \"./scale.component.html\",\n  styleUrls: [\"./scale.component.scss\"],\n})\nexport class MapaScaleComponent {\n  @Input() data!: Competence[];\n  @Input() showProgressbar: boolean = true;\n\n  getProgressbarData(scale: Scale): ProgressBar {\n    return {\n      interval: scale.interval,\n      classification: scale.classification!,\n    };\n  }\n\n  isPositive(dimension: Dimension): boolean {\n    return dimension.direction === \"Positiva\";\n  }\n\n  showSummarized(dimension: Dimension): boolean {\n    return dimension?.dimensionClassificationMessage === undefined;\n  }\n\n  getCompetenceImg(competence: Competence): string {\n    let img = \"\";\n    if (competence.competenceName.includes(\"Gestão\")) {\n      img = \"UsersThree\";\n    }\n    if (competence.competenceName.includes(\"Autogestão\")) {\n      img = \"Brain\";\n    }\n    if (competence.competenceName.includes(\"Relacionamento\")) {\n      img = \"Handshake\";\n    }\n    if (competence.competenceName.includes(\"Atividade\")) {\n      img = \"ListCheck\";\n    }\n    if (competence.competenceName.includes(\"Corporais\")) {\n      img = \"Warning\";\n    }\n    return `assets/images/icons/${img}.svg`;\n  }\n}\n","<section class=\"mapa__card competence\" *ngFor=\"let competence of data\">\n  <header class=\"competence__header\">\n    <img [src]=\"getCompetenceImg(competence)\" />\n    {{ competence.competenceName }}\n  </header>\n  <section class=\"mapa__card scale\" *ngFor=\"let scale of competence.scales\">\n    <header class=\"scale__header\">\n      <div class=\"scale__header--title mapa--display-m\">\n        {{ scale.scaleName }}\n        <div\n          *ngIf=\"scale.classification\"\n          class=\"mapa__tag--bg\"\n          [style.backgroundColor]=\"scale.classification.classificationColor\"\n          [class.mapa__tag--contrast]=\"scale.classification.classificationId === 1\"\n        >\n          <span class=\"mapa__tag--text\">{{ scale.classification.classificationName }}</span>\n        </div>\n      </div>\n      <div *ngIf=\"showProgressbar\" class=\"scale__header--progressbar\">\n        <mapa-progressbar [data]=\"getProgressbarData(scale)\"></mapa-progressbar>\n      </div>\n    </header>\n    <article *ngIf=\"scale.scaleConcept\" class=\"scale__concept\">\n      <strong>Conceito:</strong> {{ scale.scaleConcept }}\n    </article>\n    <hr />\n    <section class=\"scale__dimensions\">\n      <article\n        *ngFor=\"let dimension of scale.dimensions\"\n        class=\"mapa__card--sm dimension\"\n        [class.dimension--full-sized]=\"!showSummarized(dimension)\"\n        [class.dimension--summarized]=\"showSummarized(dimension)\"\n      >\n        <nav class=\"dimension__main\">\n          <div class=\"dimension--title\">\n            <span *ngIf=\"dimension.direction === 'Positiva'; else negativeDirection\">↑</span>\n            <ng-template #negativeDirection>↓</ng-template>\n            {{ dimension.dimensionName }}\n          </div>\n          <div class=\"dimension--classification\">\n            <div\n              *ngIf=\"dimension.classification\"\n              class=\"mapa__tag--bg\"\n              [style.backgroundColor]=\"dimension.classification.classificationColor\"\n              [class.mapa__tag--contrast]=\"dimension.classification.classificationId === 1\"\n            >\n              <span class=\"mapa__tag--text\">{{ dimension.classification.classificationName }}</span>\n            </div>\n          </div>\n        </nav>\n        <div\n          *ngIf=\"dimension.dimensionClassificationMessage\"\n          class=\"dimension__concept\"\n        >\n          {{ dimension.dimensionClassificationMessage }}\n        </div>\n      </article>\n    </section>\n  </section>\n</section>\n","import { Component } from '@angular/core';\n\n@Component({\n  selector: 'mapa-details',\n  templateUrl: './details.component.html',\n  styleUrls: ['./details.component.scss']\n})\nexport class MapaDetailsComponent {\n\n}\n","<p>details works!</p>\n","import { NgModule } from \"@angular/core\";\nimport { CommonModule } from \"@angular/common\";\nimport { MapaScaleComponent } from \"./scale.component\";\nimport { MapaProgressbarComponent } from \"./progressbar/progressbar.component\";\nimport { MapaDetailsComponent } from \"./details/details.component\";\n\n@NgModule({\n  declarations: [\n    MapaScaleComponent,\n    MapaProgressbarComponent,\n    MapaDetailsComponent,\n  ],\n  exports: [\n    MapaScaleComponent,\n    MapaProgressbarComponent,\n    MapaDetailsComponent,\n  ],\n  imports: [CommonModule],\n})\nexport class MapaScaleModule {}\n","/*\n * Public API Surface of mapa-library-ui scale\n */\n\nexport * from './src/scale.component';\nexport * from './src/scale.module';\nexport * from './src/progressbar/progressbar.component';\nexport * from './src/details/details.component';","/*\n * Public API Surface of mapa-library-ui scale\n */\n\nexport * from './lib/components/scale/public-api';\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './scale';\n"],"names":["i2.MapaProgressbarComponent"],"mappings":"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"}