mapa-library-ui 0.77.5 → 0.90.0

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

@@ -1,418 +1,129 @@
 import * as i0 from '@angular/core';
-import { Injectable, Component, ViewEncapsulation, Directive, Input, HostListener, EventEmitter, Output, ViewChild, NgModule } from '@angular/core';
-import * as i1 from '@angular/common';
+import { InjectionToken, Injectable, Optional, Inject, Component, Input, ViewEncapsulation, ViewChild, NgModule } from '@angular/core';
+import { BehaviorSubject, Subject } from 'rxjs';
+import { takeUntil } from 'rxjs/operators';
+import * as i2 from '@angular/common';
 import { CommonModule } from '@angular/common';
-import { Md5 } from 'ts-md5';
+import * as i3 from 'mapa-library-ui/src/lib/components/capability';
+import { MapaCapabilityDotModule, MapaCapabilityIntervalBarModule } from 'mapa-library-ui/src/lib/components/capability';
 import * as i4 from '@angular/material/expansion';
 import { MatExpansionModule } from '@angular/material/expansion';
-import * as i1$1 from '@angular/material/icon';
-import { MatIconModule } from '@angular/material/icon';
-import { ReplaySubject } from 'rxjs/internal/ReplaySubject';
-import { Subject } from 'rxjs/internal/Subject';
-import * as i2 from '@angular/forms';
-import { FormsModule, ReactiveFormsModule } from '@angular/forms';
-import * as i3 from '@angular/material/checkbox';
-import { MatCheckboxModule } from '@angular/material/checkbox';
-import * as i6 from '@angular/material/form-field';
-import { MAT_FORM_FIELD_DEFAULT_OPTIONS } from '@angular/material/form-field';
-import * as i7 from '@angular/material/select';
-import { MatSelectModule, MAT_SELECT_CONFIG } from '@angular/material/select';
-import * as i8 from '@angular/material/core';
-import * as i9 from 'ngx-mat-select-search';
-import { NgxMatSelectSearchModule } from 'ngx-mat-select-search';
-import { MatListModule } from '@angular/material/list';
-import { MatButtonModule } from '@angular/material/button';
-import * as i6$1 from 'mapa-library-ui/src/lib/components/tag';
-import { MapaTagModule as MapaTagModule$1 } from 'mapa-library-ui/src/lib/components/tag';
-import * as i1$2 from '@angular/router';
-import { NavigationStart } from '@angular/router';
-import * as i2$1 from '@angular/platform-browser';
-import * as i2$2 from 'mapa-library-ui/src/lib/components/button';
-import { MapaButtonModule as MapaButtonModule$1 } from 'mapa-library-ui/src/lib/components/button';
-import * as i3$1 from 'mapa-library-ui/src/lib/components/checkbox';
-import { MapaCheckboxModule } from 'mapa-library-ui/src/lib/components/checkbox';
-import * as i4$1 from 'mapa-library-ui/src/lib/components/dropdown';
-import { MapaDropdownModule as MapaDropdownModule$1 } from 'mapa-library-ui/src/lib/components/dropdown';
-import * as i5 from 'mapa-library-ui/src/lib/components/input';
-import { MapaInputModule } from 'mapa-library-ui/src/lib/components/input';
 
-const CAPABILITY_CLASSIFICATION = [
-    {
-        id: 1,
-        name: "Destaque",
-        color: "#96f2ee",
-        positive: true,
+const MAPA_UI_TEXTS = new InjectionToken("MAPA_UI_TEXTS");
+const MAPA_UI_DEFAULT_TEXTS = {
+    common: {
+        selectAll: "Selecionar todos",
     },
-    {
-        id: 2,
-        name: "Satisfatório",
-        color: "#68ceee",
-        positive: true,
+    filters: {
+        clear: "Limpar filtros",
+        submit: "Filtrar",
     },
-    {
-        id: 3,
-        name: "Adequado",
-        color: "#2d9ced",
-        positive: true,
+    datepicker: {
+        startDatePlaceholder: "Data inicial",
+        endDatePlaceholder: "Data final",
     },
-    {
-        id: 4,
-        name: "A desenvolver",
-        color: "#0e6ece",
-        positive: true,
+    capability: {
+        groupAverageTitle: "Média geral do grupo",
+        individualAverageTitle: "Média geral do indivíduo",
+        conceptTitle: "Conceito",
+        resultTitle: "Resultado",
+        positiveIndicatorsTitle: "Indicadores positivos",
+        negativeIndicatorsTitle: "Indicadores negativos",
+        riskIndicatorsTitle: "Indicadores de risco",
+        precipitationRiskTitle: "Risco de acidente por precipitação",
+        negligenceRiskTitle: "Risco de acidente por negligência",
+        negativeDirectionLabel: "Direção Negativa |",
+        positiveDirectionLabel: "Direção Positiva |",
     },
-    {
-        id: 5,
-        name: "Crítico baixo",
-        color: "#073e92",
-        positive: true,
-    },
-    {
-        id: 6,
-        name: "Merece atenção baixo",
-        color: "#f56580",
-        positive: false,
-    },
-    {
-        id: 7,
-        name: "Adequado",
-        color: "#f598a7",
-        positive: false,
-    },
-    {
-        id: 8,
-        name: "Merece atenção alto",
-        color: "#f4284e",
-        positive: false,
+    paginator: {
+        itemsPerPage: "Itens por página",
+        nextPage: "Próxima página",
+        previousPage: "Página anterior",
+        rangeLabel: (page, pageSize, length) => {
+            if (length === 0 || pageSize === 0) {
+                return `0 de ${length}`;
+            }
+            const startIndex = page * pageSize;
+            const endIndex = startIndex < length
+                ? Math.min(startIndex + pageSize, length)
+                : startIndex + pageSize;
+            return `${startIndex + 1} - ${endIndex} de ${length}`;
+        },
+        showingRangeLabel: (page, pageSize, length) => {
+            if (length === 0) {
+                return "Mostrando 0 - 0 de 0 item";
+            }
+            const startIndex = page * pageSize;
+            const endIndex = startIndex < length
+                ? Math.min(startIndex + pageSize, length)
+                : startIndex + pageSize;
+            const itemLabel = length === 1 ? "item" : "itens";
+            return `Mostrando ${startIndex + 1} - ${endIndex} de ${length} ${itemLabel}`;
+        },
     },
-    {
-        id: 9,
-        name: "Crítico alto",
-        color: "#c11c2f",
-        positive: false,
+    validation: {
+        cnpj: "CNPJ inválido",
+        cpf: "CPF inválido",
+        email: "E-mail inválido",
+        max: (context) => { var _a; return `O valor máximo permitido é ${(_a = context === null || context === void 0 ? void 0 : context.max) !== null && _a !== void 0 ? _a : ""}`.trim(); },
+        maxLength: (context) => { var _a; return `O máximo permitido é ${(_a = context === null || context === void 0 ? void 0 : context.requiredLength) !== null && _a !== void 0 ? _a : ""} caracteres`.trim(); },
+        min: (context) => { var _a; return `O valor minimo permitido é ${(_a = context === null || context === void 0 ? void 0 : context.min) !== null && _a !== void 0 ? _a : ""}`.trim(); },
+        minLength: (context) => { var _a; return `O mínimo permitido é ${(_a = context === null || context === void 0 ? void 0 : context.requiredLength) !== null && _a !== void 0 ? _a : ""} caracteres`.trim(); },
+        pattern: "Formato inválido",
+        required: "Campo obrigatório",
     },
-];
-
-class CapabilityClassificationService {
-    getByItem(item) {
-        return (CAPABILITY_CLASSIFICATION.find((classification) => classification.id === item.classificationId) || CAPABILITY_CLASSIFICATION[0]);
-    }
-}
-CapabilityClassificationService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: CapabilityClassificationService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-CapabilityClassificationService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: CapabilityClassificationService });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: CapabilityClassificationService, decorators: [{
-            type: Injectable
-        }] });
-
-var TooltipPosition;
-(function (TooltipPosition) {
-    TooltipPosition["ABOVE"] = "above";
-    TooltipPosition["BELOW"] = "below";
-    TooltipPosition["LEFT"] = "left";
-    TooltipPosition["RIGHT"] = "right";
-    TooltipPosition["DYNAMIC"] = "dynamic";
-    TooltipPosition["DEFAULT"] = "below";
-})(TooltipPosition || (TooltipPosition = {}));
-var TooltipTheme;
-(function (TooltipTheme) {
-    TooltipTheme["DARK"] = "dark";
-    TooltipTheme["LIGHT"] = "light";
-    TooltipTheme["DEFAULT"] = "light";
-})(TooltipTheme || (TooltipTheme = {}));
-
-class MapaTooltipComponent {
-    constructor() {
-        this.position = TooltipPosition.DEFAULT;
-        this.theme = TooltipTheme.DEFAULT;
-        this.visible = false;
-        this.left = 0;
-        this.top = 0;
-    }
-    ngOnInit() { }
-}
-MapaTooltipComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: MapaTooltipComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-MapaTooltipComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: MapaTooltipComponent, selector: "lib-tooltip", ngImport: i0, template: "<div\n  class=\"tooltip\"\n  [ngClass]=\"['tooltip--'+position, 'tooltip--'+theme]\"\n  [class.tooltip--visible]=\"visible\"\n  [style.left]=\"left + 'px'\"\n  [style.top]=\"top + 'px'\"\n>\n  <ng-template [ngTemplateOutlet]=\"tooltip\"></ng-template>\n</div>\n", styles: [".tooltip{position:fixed;background-color:#000;border-radius:8px;color:#fff;font-family:Arial;padding:3px 6px;font-size:13px;opacity:0;z-index:999;box-shadow:#0000000d 0 6px 24px,#00000014 0 0 0 1px}.tooltip :before,.tooltip :after{content:\"\";display:block;position:absolute;bottom:100%;width:1px;height:0}.tooltip :before{left:49%;border:8px solid transparent;border-bottom-color:#ddd}.tooltip :after{left:49.6%;border:7px solid transparent;border-bottom-color:#fff}.tooltip--visible{opacity:1;transition:opacity .3s}.tooltip--light{background-color:#fff;color:#000}.tooltip--dark{background-color:#000;color:#fff}.tooltip--below{transform:translate(-50%);margin-top:7px}.tooltip--below:before{border-left-color:transparent;border-right-color:transparent;border-top:none;left:calc(50% - 5px);top:-5px}.tooltip--above{transform:translate(-50%,-100%);margin-bottom:7px}.tooltip--above:before{border-left-color:transparent;border-right-color:transparent;border-bottom:none;left:calc(50% - 5px);bottom:-5px}.tooltip--left{transform:translate(calc(-100% - 7px),-50%)}.tooltip--left:before{border-top-color:transparent;border-bottom-color:transparent;border-right:none;right:-5px;top:calc(50% - 5px)}.tooltip--right{transform:translateY(-50%);margin-left:7px}.tooltip--right:before{border-top-color:transparent;border-bottom-color:transparent;border-left:none;left:-5px;top:calc(50% - 5px)}.tooltip--dynamic{margin-left:20px}.tooltip--dynamic:before{display:none}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], encapsulation: i0.ViewEncapsulation.None });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: MapaTooltipComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'lib-tooltip', encapsulation: ViewEncapsulation.None, template: "<div\n  class=\"tooltip\"\n  [ngClass]=\"['tooltip--'+position, 'tooltip--'+theme]\"\n  [class.tooltip--visible]=\"visible\"\n  [style.left]=\"left + 'px'\"\n  [style.top]=\"top + 'px'\"\n>\n  <ng-template [ngTemplateOutlet]=\"tooltip\"></ng-template>\n</div>\n", styles: [".tooltip{position:fixed;background-color:#000;border-radius:8px;color:#fff;font-family:Arial;padding:3px 6px;font-size:13px;opacity:0;z-index:999;box-shadow:#0000000d 0 6px 24px,#00000014 0 0 0 1px}.tooltip :before,.tooltip :after{content:\"\";display:block;position:absolute;bottom:100%;width:1px;height:0}.tooltip :before{left:49%;border:8px solid transparent;border-bottom-color:#ddd}.tooltip :after{left:49.6%;border:7px solid transparent;border-bottom-color:#fff}.tooltip--visible{opacity:1;transition:opacity .3s}.tooltip--light{background-color:#fff;color:#000}.tooltip--dark{background-color:#000;color:#fff}.tooltip--below{transform:translate(-50%);margin-top:7px}.tooltip--below:before{border-left-color:transparent;border-right-color:transparent;border-top:none;left:calc(50% - 5px);top:-5px}.tooltip--above{transform:translate(-50%,-100%);margin-bottom:7px}.tooltip--above:before{border-left-color:transparent;border-right-color:transparent;border-bottom:none;left:calc(50% - 5px);bottom:-5px}.tooltip--left{transform:translate(calc(-100% - 7px),-50%)}.tooltip--left:before{border-top-color:transparent;border-bottom-color:transparent;border-right:none;right:-5px;top:calc(50% - 5px)}.tooltip--right{transform:translateY(-50%);margin-left:7px}.tooltip--right:before{border-top-color:transparent;border-bottom-color:transparent;border-left:none;left:-5px;top:calc(50% - 5px)}.tooltip--dynamic{margin-left:20px}.tooltip--dynamic:before{display:none}\n"] }]
-        }], ctorParameters: function () { return []; } });
-
-class MapaTooltipDirective {
-    constructor(elementRef, appRef, componentFactoryResolver, injector) {
-        this.elementRef = elementRef;
-        this.appRef = appRef;
-        this.componentFactoryResolver = componentFactoryResolver;
-        this.injector = injector;
-        this.position = TooltipPosition.DEFAULT;
-        this.theme = TooltipTheme.DEFAULT;
-        this.showDelay = 0;
-        this.hideDelay = 0;
-        this.componentRef = null;
-    }
-    onMouseEnter() {
-        this.initializeTooltip();
-    }
-    onMouseLeave() {
-        this.setHideTooltipTimeout();
-    }
-    onMouseMove($event) {
-        if (this.componentRef !== null &&
-            this.position === TooltipPosition.DYNAMIC) {
-            this.componentRef.instance.left = $event.clientX;
-            this.componentRef.instance.top = $event.clientY;
-            this.componentRef.instance.tooltip = this.tooltip;
-        }
-    }
-    onTouchStart($event) {
-        $event.preventDefault();
-        window.clearTimeout(this.touchTimeout);
-        this.touchTimeout = window.setTimeout(this.initializeTooltip.bind(this), 500);
-    }
-    onTouchEnd() {
-        window.clearTimeout(this.touchTimeout);
-        this.setHideTooltipTimeout();
-    }
-    initializeTooltip() {
-        if (this.componentRef === null) {
-            window.clearInterval(this.hideDelay);
-            const componentFactory = this.componentFactoryResolver.resolveComponentFactory(MapaTooltipComponent);
-            this.componentRef = componentFactory.create(this.injector);
-            this.appRef.attachView(this.componentRef.hostView);
-            const [tooltipDOMElement] = this.componentRef
-                .hostView.rootNodes;
-            this.setTooltipComponentProperties();
-            document.body.appendChild(tooltipDOMElement);
-            this.showTimeout = window.setTimeout(this.showTooltip.bind(this), this.showDelay);
-        }
-    }
-    setTooltipComponentProperties() {
-        if (this.componentRef !== null) {
-            this.componentRef.instance.tooltip = this.tooltip;
-            this.componentRef.instance.position = this.position;
-            this.componentRef.instance.theme = this.theme;
-            const { left, right, top, bottom, } = this.elementRef.nativeElement.getBoundingClientRect();
-            switch (this.position) {
-                case TooltipPosition.BELOW: {
-                    this.componentRef.instance.left = Math.round((right - left) / 2 + left);
-                    this.componentRef.instance.top = Math.round(bottom);
-                    break;
-                }
-                case TooltipPosition.ABOVE: {
-                    this.componentRef.instance.left = Math.round((right - left) / 2 + left);
-                    this.componentRef.instance.top = Math.round(top);
-                    break;
-                }
-                case TooltipPosition.RIGHT: {
-                    this.componentRef.instance.left = Math.round(right);
-                    this.componentRef.instance.top = Math.round(top + (bottom - top) / 2);
-                    break;
-                }
-                case TooltipPosition.LEFT: {
-                    this.componentRef.instance.left = Math.round(left);
-                    this.componentRef.instance.top = Math.round(top + (bottom - top) / 2);
-                    break;
-                }
-                default: {
-                    break;
-                }
-            }
-        }
-    }
-    showTooltip() {
-        if (this.componentRef !== null) {
-            this.componentRef.instance.visible = true;
-        }
-    }
-    setHideTooltipTimeout() {
-        this.hideTimeout = window.setTimeout(this.destroy.bind(this), this.hideDelay);
-    }
-    ngOnDestroy() {
-        this.destroy();
-    }
-    destroy() {
-        if (this.componentRef !== null) {
-            window.clearInterval(this.showTimeout);
-            window.clearInterval(this.hideDelay);
-            this.appRef.detachView(this.componentRef.hostView);
-            this.componentRef.destroy();
-            this.componentRef = null;
-        }
-    }
-}
-MapaTooltipDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: MapaTooltipDirective, deps: [{ token: i0.ElementRef }, { token: i0.ApplicationRef }, { token: i0.ComponentFactoryResolver }, { token: i0.Injector }], target: i0.ɵɵFactoryTarget.Directive });
-MapaTooltipDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.10", type: MapaTooltipDirective, selector: "[tooltip]", inputs: { tooltip: "tooltip", position: "position", theme: "theme", showDelay: "showDelay", hideDelay: "hideDelay" }, host: { listeners: { "mouseenter": "onMouseEnter()", "mouseleave": "onMouseLeave()", "mousemove": "onMouseMove($event)", "touchstart": "onTouchStart($event)", "touchend": "onTouchEnd()" } }, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: MapaTooltipDirective, decorators: [{
-            type: Directive,
+};
+function mergeMapaUiTexts(customTexts) {
+    var _a, _b, _c, _d, _e, _f;
+    return {
+        common: Object.assign(Object.assign({}, MAPA_UI_DEFAULT_TEXTS.common), ((_a = customTexts === null || customTexts === void 0 ? void 0 : customTexts.common) !== null && _a !== void 0 ? _a : {})),
+        filters: Object.assign(Object.assign({}, MAPA_UI_DEFAULT_TEXTS.filters), ((_b = customTexts === null || customTexts === void 0 ? void 0 : customTexts.filters) !== null && _b !== void 0 ? _b : {})),
+        datepicker: Object.assign(Object.assign({}, MAPA_UI_DEFAULT_TEXTS.datepicker), ((_c = customTexts === null || customTexts === void 0 ? void 0 : customTexts.datepicker) !== null && _c !== void 0 ? _c : {})),
+        capability: Object.assign(Object.assign({}, MAPA_UI_DEFAULT_TEXTS.capability), ((_d = customTexts === null || customTexts === void 0 ? void 0 : customTexts.capability) !== null && _d !== void 0 ? _d : {})),
+        paginator: Object.assign(Object.assign({}, MAPA_UI_DEFAULT_TEXTS.paginator), ((_e = customTexts === null || customTexts === void 0 ? void 0 : customTexts.paginator) !== null && _e !== void 0 ? _e : {})),
+        validation: Object.assign(Object.assign({}, MAPA_UI_DEFAULT_TEXTS.validation), ((_f = customTexts === null || customTexts === void 0 ? void 0 : customTexts.validation) !== null && _f !== void 0 ? _f : {})),
+    };
+}
+function provideMapaUiTexts(texts) {
+    return {
+        provide: MAPA_UI_TEXTS,
+        useValue: texts,
+    };
+}
+
+class MapaI18nService {
+    constructor(customTexts) {
+        this.textsSubject = new BehaviorSubject(mergeMapaUiTexts(customTexts));
+        this.texts$ = this.textsSubject.asObservable();
+    }
+    get texts() {
+        return this.textsSubject.value;
+    }
+    setTexts(texts) {
+        this.textsSubject.next(mergeMapaUiTexts(texts));
+    }
+    resolveValidationText(key, context) {
+        return this.resolveText(this.texts.validation[key], context);
+    }
+    resolveText(value, context) {
+        return typeof value === "function" ? value(context) : value;
+    }
+}
+MapaI18nService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: MapaI18nService, deps: [{ token: MAPA_UI_TEXTS, optional: true }], target: i0.ɵɵFactoryTarget.Injectable });
+MapaI18nService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: MapaI18nService, providedIn: "root" });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: MapaI18nService, decorators: [{
+            type: Injectable,
             args: [{
-                    selector: "[tooltip]",
+                    providedIn: "root",
                 }]
-        }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i0.ApplicationRef }, { type: i0.ComponentFactoryResolver }, { type: i0.Injector }]; }, propDecorators: { tooltip: [{
-                type: Input
-            }], position: [{
-                type: Input
-            }], theme: [{
-                type: Input
-            }], showDelay: [{
-                type: Input
-            }], hideDelay: [{
-                type: Input
-            }], onMouseEnter: [{
-                type: HostListener,
-                args: ["mouseenter"]
-            }], onMouseLeave: [{
-                type: HostListener,
-                args: ["mouseleave"]
-            }], onMouseMove: [{
-                type: HostListener,
-                args: ["mousemove", ["$event"]]
-            }], onTouchStart: [{
-                type: HostListener,
-                args: ["touchstart", ["$event"]]
-            }], onTouchEnd: [{
-                type: HostListener,
-                args: ["touchend"]
-            }] } });
-
-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:Inter,Arial,Helvetica,sans-serif;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:Inter,Arial,Helvetica,sans-serif;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 MapaCapabilityDotComponent {
-    constructor(classification) {
-        this.classification = classification;
-    }
-    createTag() {
-        return {
-            size: "small",
-        };
-    }
-}
-MapaCapabilityDotComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: MapaCapabilityDotComponent, deps: [{ token: CapabilityClassificationService }], target: i0.ɵɵFactoryTarget.Component });
-MapaCapabilityDotComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: MapaCapabilityDotComponent, selector: "mapa-capability-dot", inputs: { type: "type", item: "item", tooltip: "tooltip", capability: "capability" }, ngImport: i0, template: "<p\n  *ngIf=\"!tooltip\"\n  [class.dot]=\"type !== 'small'\"\n  [class.small-dot]=\"type === 'small'\"\n  [style.backgroundColor]=\"item.classificationColor\"\n></p>\n<div *ngIf=\"tooltip\" [tooltip]=\"tooltipTemplate\" class=\"tooltip-dot\">\n  <p\n    [class.dot]=\"type !== 'small'\"\n    [class.small-dot]=\"type === 'small'\"\n    [style.backgroundColor]=\"item.classificationColor\"\n  ></p>\n</div>\n<ng-template #tooltipTemplate>\n  <div class=\"tooltip-info\">\n    <strong\n      class=\"tooltip-info--direction\"\n      *ngIf=\"!item.direction\"\n      >\u2198\uFE0E</strong\n    >\n    <strong\n      class=\"tooltip-info--direction\"\n      *ngIf=\"item.direction\"\n      >\u2197</strong\n    >\n\n    <h5>{{ item.name }}</h5>\n\n    <mapa-tag [tag]=\"createTag()\">\n      <p\n        class=\"small-dot\"\n        [style.backgroundColor]=\"item.classificationColor\"\n      ></p>\n      {{ item.classificationName }}\n    </mapa-tag>\n  </div>\n</ng-template>\n", styles: [".tooltip-info{display:flex;align-items:center}.tooltip-info strong{margin-right:2px}.tooltip-info h5{margin:0 5px 0 0;font-family:Inter,Arial,Helvetica,sans-serif;font-size:14px;font-style:normal;font-weight:600}.tooltip-info--title{color:#50575e;font-family:SF Pro Display;font-size:14px;font-style:normal;font-weight:600}.tooltip-info--direction{padding-right:6px;font-family:Inter,Arial,Helvetica,sans-serif;font-size:12px;font-style:normal;font-weight:600}.tooltip-info mapa-tag{color:#000}\n", ".classification-1{background-color:#073e92;color:#fff}.classification-2{background-color:#0e6ece;color:#fff}.classification-3{background-color:#2d9ced;color:#000}.classification-4{background-color:#68ceee;color:#000}.classification-5{background-color:#96f2ee;color:#000}.classification-6{background-color:#f598a7;color:#000}.classification-7{background-color:#f56580;color:#000}.classification-8{background-color:#f4284e;color:#fff}.classification-9{background-color:#c11c2f;color:#fff}.small-dot{width:12px;height:12px;border-radius:12px;padding:0;margin:0}.dot{width:16px;height:16px;border-radius:16px;padding:0;margin:0}.indicator{display:flex;padding:2px 4px 2px 16px;justify-content:space-between;align-items:center;border-radius:8px;font-family:Inter,Arial,Helvetica,sans-serif;font-size:16px;font-style:normal;font-weight:400}.display-S{font-family:Inter,Arial,Helvetica,sans-serif;font-size:20px;font-style:normal;font-weight:400}.display-L{font-family:Inter,Arial,Helvetica,sans-serif;font-size:32px;font-style:normal;font-weight:400}.display-XG{font-family:Inter,Arial,Helvetica,sans-serif;font-size:48px;font-style:normal;font-weight:400}*{transition:opacity .4s ease-out,max-height .4s ease-out}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: MapaTooltipDirective, selector: "[tooltip]", inputs: ["tooltip", "position", "theme", "showDelay", "hideDelay"] }, { kind: "component", type: TagComponent, selector: "mapa-tag", inputs: ["tag"] }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: MapaCapabilityDotComponent, decorators: [{
-            type: Component,
-            args: [{ selector: "mapa-capability-dot", template: "<p\n  *ngIf=\"!tooltip\"\n  [class.dot]=\"type !== 'small'\"\n  [class.small-dot]=\"type === 'small'\"\n  [style.backgroundColor]=\"item.classificationColor\"\n></p>\n<div *ngIf=\"tooltip\" [tooltip]=\"tooltipTemplate\" class=\"tooltip-dot\">\n  <p\n    [class.dot]=\"type !== 'small'\"\n    [class.small-dot]=\"type === 'small'\"\n    [style.backgroundColor]=\"item.classificationColor\"\n  ></p>\n</div>\n<ng-template #tooltipTemplate>\n  <div class=\"tooltip-info\">\n    <strong\n      class=\"tooltip-info--direction\"\n      *ngIf=\"!item.direction\"\n      >\u2198\uFE0E</strong\n    >\n    <strong\n      class=\"tooltip-info--direction\"\n      *ngIf=\"item.direction\"\n      >\u2197</strong\n    >\n\n    <h5>{{ item.name }}</h5>\n\n    <mapa-tag [tag]=\"createTag()\">\n      <p\n        class=\"small-dot\"\n        [style.backgroundColor]=\"item.classificationColor\"\n      ></p>\n      {{ item.classificationName }}\n    </mapa-tag>\n  </div>\n</ng-template>\n", styles: [".tooltip-info{display:flex;align-items:center}.tooltip-info strong{margin-right:2px}.tooltip-info h5{margin:0 5px 0 0;font-family:Inter,Arial,Helvetica,sans-serif;font-size:14px;font-style:normal;font-weight:600}.tooltip-info--title{color:#50575e;font-family:SF Pro Display;font-size:14px;font-style:normal;font-weight:600}.tooltip-info--direction{padding-right:6px;font-family:Inter,Arial,Helvetica,sans-serif;font-size:12px;font-style:normal;font-weight:600}.tooltip-info mapa-tag{color:#000}\n", ".classification-1{background-color:#073e92;color:#fff}.classification-2{background-color:#0e6ece;color:#fff}.classification-3{background-color:#2d9ced;color:#000}.classification-4{background-color:#68ceee;color:#000}.classification-5{background-color:#96f2ee;color:#000}.classification-6{background-color:#f598a7;color:#000}.classification-7{background-color:#f56580;color:#000}.classification-8{background-color:#f4284e;color:#fff}.classification-9{background-color:#c11c2f;color:#fff}.small-dot{width:12px;height:12px;border-radius:12px;padding:0;margin:0}.dot{width:16px;height:16px;border-radius:16px;padding:0;margin:0}.indicator{display:flex;padding:2px 4px 2px 16px;justify-content:space-between;align-items:center;border-radius:8px;font-family:Inter,Arial,Helvetica,sans-serif;font-size:16px;font-style:normal;font-weight:400}.display-S{font-family:Inter,Arial,Helvetica,sans-serif;font-size:20px;font-style:normal;font-weight:400}.display-L{font-family:Inter,Arial,Helvetica,sans-serif;font-size:32px;font-style:normal;font-weight:400}.display-XG{font-family:Inter,Arial,Helvetica,sans-serif;font-size:48px;font-style:normal;font-weight:400}*{transition:opacity .4s ease-out,max-height .4s ease-out}\n"] }]
-        }], ctorParameters: function () { return [{ type: CapabilityClassificationService }]; }, propDecorators: { type: [{
-                type: Input
-            }], item: [{
-                type: Input
-            }], tooltip: [{
-                type: Input
-            }], capability: [{
-                type: Input
-            }] } });
-
-class MapaCapabilityIntervalComponent {
-    constructor() {
-        this.SVG = [
-            { x: 0, y: 0.710938, width: 16, height: 30 },
-            { x: 22.5039, y: 0.710938, width: 16, height: 30 },
-            { x: 45.0078, y: 0.710938, width: 16, height: 30 },
-            { x: 66.9629, y: 0.710938, width: 16, height: 30 },
-            { x: 88.917, y: 0.710938, width: 16, height: 30 },
-            { x: 110.872, y: 0.710938, width: 16, height: 30 },
-            { x: 132.827, y: 0.710938, width: 16, height: 30 },
-            { x: 154.782, y: 0.710938, width: 16, height: 30 },
-            { x: 176.736, y: 0.710938, width: 16, height: 30 },
-            { x: 199.24, y: 0.710938, width: 16, height: 30 },
-        ];
-        this.hasTransform = false;
-        this.indexTransform = 0;
-    }
-    ngOnChanges(changes) {
-        const interval = this.data.interval || 0;
-        this.hasTransform = interval % 10 > 0;
-        this.indexTransform = (Math.floor(interval / 10) % 10);
-        this.paintLinear = `linear_${Md5.hashStr(`svg_${interval}`)}`;
-    }
-    ngOnInit() {
-    }
-    getWidth(index) {
-        if (!this.data)
-            return 0;
-        const interval = this.data.interval || 0;
-        const intervalMod10 = Math.floor(interval / 10) % 10;
-        return index < intervalMod10
-            ? 100
-            : index === intervalMod10
-                ? (interval % 10) * 10
-                : 0;
-    }
-    getFill(i) {
-        const width = this.getWidth(i);
-        if (width === 100)
-            return "#8C8F94";
-        return "#DCDCDE";
-    }
-    getFillGradient() {
-        return `url(#${this.paintLinear})`;
-    }
-    getTransform(i) {
-        const width = this.getWidth(i);
-        if (width === 0 || width === 100)
-            return "";
-        return `rotate(-180 ${this.SVG[i].x} ${this.SVG[i].y})`;
-    }
-    getStartOffset() {
-        const interval = this.data.interval || 0;
-        return Number(`0.${interval % 10}73005`);
-    }
-    getStopOffset() {
-        const interval = this.data.interval || 0;
-        return Number(`0.${interval % 10}73105`);
-    }
-    getGradientX() {
-        return Math.floor(this.SVG[this.indexTransform].x);
-    }
-    isSVG() {
-        return !!this.data.classificationBg && this.data.classificationBg === "SVG";
-    }
-}
-MapaCapabilityIntervalComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: MapaCapabilityIntervalComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-MapaCapabilityIntervalComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: MapaCapabilityIntervalComponent, selector: "mapa-capability-interval", inputs: { data: "data", showInterval: "showInterval" }, usesOnChanges: true, ngImport: i0, template: "<ul class=\"capability__interval\" *ngIf=\"isSVG(); else progressBar\">\n  <li\n    class=\"capability__interval--item\"\n    *ngFor=\"let block of SVG; let i = index\"\n  >\n    <svg\n      xmlns=\"http://www.w3.org/2000/svg\"\n      width=\"16\"\n      height=\"30\"\n      fill=\"none\"\n      [class]=\"'svg_' + i + '_' + getWidth(i)\"\n    >\n      <defs *ngIf=\"hasTransform && i === indexTransform\">\n        <linearGradient [attr.id]=\"paintLinear\" gradientUnits=\"userSpaceOnUse\">\n          <stop [attr.offset]=\"getStartOffset()\" stop-color=\"#8C8F94\" />\n          <stop [attr.offset]=\"getStopOffset()\" stop-color=\"#D9D9D9\" />\n        </linearGradient>\n      </defs>\n      <rect\n        rx=\"6\"\n        x=\"0\"\n        y=\"0.710938\"\n        [attr.width]=\"SVG[i].width\"\n        [attr.height]=\"SVG[i].height\"\n        [attr.fill]=\"getFill(i)\"\n      />\n      <rect\n        *ngIf=\"hasTransform && i === indexTransform\"\n        rx=\"6\"\n        x=\"0\"\n        y=\"0.710938\"\n        [attr.width]=\"SVG[i].width\"\n        [attr.height]=\"SVG[i].height\"\n        [attr.fill]=\"getFillGradient()\"\n      />\n    </svg>\n  </li>\n  <li class=\"capability__interval--interval\" *ngIf=\"showInterval\">\n    {{ data.interval }}%\n  </li>\n</ul>\n<ng-template #progressBar>\n  <div class=\"capability__progress-bar\">\n    <div class=\"capability__progress-bar--bg\">\n      <div\n        class=\"capability__progress-bar--filled\"\n        [style.width.%]=\"data.interval\"\n      ></div>\n    </div>\n    <div class=\"capability__interval--result\" *ngIf=\"showInterval\">\n      {{data.interval}}%\n    </div>\n  </div>\n</ng-template>\n", styles: [".capability__interval{font-family:Inter,Arial,Helvetica,sans-serif;font-size:38px;font-style:normal;font-weight:500;display:flex;align-items:center;list-style-type:none;margin-block-start:0px;margin-block-end:0px;padding-inline-start:0px}.capability__interval--interval{display:flex;align-items:flex-start;justify-content:flex-end;text-align:right;font-size:24px;font-style:normal;font-weight:500;height:36px;padding-left:16px;width:68px}.capability__interval--item{border-radius:6px;margin-right:2px;width:18px;height:34px;position:relative}.capability__interval--item:last-of-type{margin-right:0}.capability__interval--percentage{background-color:#d9d9d9;height:34.57px}.capability__progress-bar{display:flex;align-items:center;justify-content:space-between;color:#2e2a2a;font-size:18px;font-style:normal;font-weight:400;width:310px}.capability__progress-bar--bg{position:relative;background-color:#eee;border-radius:6px;height:8px;width:247px}.capability__progress-bar--filled{position:absolute;top:0;left:0;background-color:#ea561d;border-radius:6px;height:8px}\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"] }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: MapaCapabilityIntervalComponent, decorators: [{
-            type: Component,
-            args: [{ selector: "mapa-capability-interval", template: "<ul class=\"capability__interval\" *ngIf=\"isSVG(); else progressBar\">\n  <li\n    class=\"capability__interval--item\"\n    *ngFor=\"let block of SVG; let i = index\"\n  >\n    <svg\n      xmlns=\"http://www.w3.org/2000/svg\"\n      width=\"16\"\n      height=\"30\"\n      fill=\"none\"\n      [class]=\"'svg_' + i + '_' + getWidth(i)\"\n    >\n      <defs *ngIf=\"hasTransform && i === indexTransform\">\n        <linearGradient [attr.id]=\"paintLinear\" gradientUnits=\"userSpaceOnUse\">\n          <stop [attr.offset]=\"getStartOffset()\" stop-color=\"#8C8F94\" />\n          <stop [attr.offset]=\"getStopOffset()\" stop-color=\"#D9D9D9\" />\n        </linearGradient>\n      </defs>\n      <rect\n        rx=\"6\"\n        x=\"0\"\n        y=\"0.710938\"\n        [attr.width]=\"SVG[i].width\"\n        [attr.height]=\"SVG[i].height\"\n        [attr.fill]=\"getFill(i)\"\n      />\n      <rect\n        *ngIf=\"hasTransform && i === indexTransform\"\n        rx=\"6\"\n        x=\"0\"\n        y=\"0.710938\"\n        [attr.width]=\"SVG[i].width\"\n        [attr.height]=\"SVG[i].height\"\n        [attr.fill]=\"getFillGradient()\"\n      />\n    </svg>\n  </li>\n  <li class=\"capability__interval--interval\" *ngIf=\"showInterval\">\n    {{ data.interval }}%\n  </li>\n</ul>\n<ng-template #progressBar>\n  <div class=\"capability__progress-bar\">\n    <div class=\"capability__progress-bar--bg\">\n      <div\n        class=\"capability__progress-bar--filled\"\n        [style.width.%]=\"data.interval\"\n      ></div>\n    </div>\n    <div class=\"capability__interval--result\" *ngIf=\"showInterval\">\n      {{data.interval}}%\n    </div>\n  </div>\n</ng-template>\n", styles: [".capability__interval{font-family:Inter,Arial,Helvetica,sans-serif;font-size:38px;font-style:normal;font-weight:500;display:flex;align-items:center;list-style-type:none;margin-block-start:0px;margin-block-end:0px;padding-inline-start:0px}.capability__interval--interval{display:flex;align-items:flex-start;justify-content:flex-end;text-align:right;font-size:24px;font-style:normal;font-weight:500;height:36px;padding-left:16px;width:68px}.capability__interval--item{border-radius:6px;margin-right:2px;width:18px;height:34px;position:relative}.capability__interval--item:last-of-type{margin-right:0}.capability__interval--percentage{background-color:#d9d9d9;height:34.57px}.capability__progress-bar{display:flex;align-items:center;justify-content:space-between;color:#2e2a2a;font-size:18px;font-style:normal;font-weight:400;width:310px}.capability__progress-bar--bg{position:relative;background-color:#eee;border-radius:6px;height:8px;width:247px}.capability__progress-bar--filled{position:absolute;top:0;left:0;background-color:#ea561d;border-radius:6px;height:8px}\n"] }]
-        }], ctorParameters: function () { return []; }, propDecorators: { data: [{
-                type: Input
-            }], showInterval: [{
-                type: Input
-            }] } });
-
-class MapaCapabilityIntervalBarComponent {
-    constructor() {
-        this.clicked = new EventEmitter();
-        this.isHovering = false;
-        this.isClicked = false;
-        this.clicked.subscribe((res) => {
-            this.isClicked = !this.isClicked;
-        });
-    }
-    isSVG() {
-        return !!this.data.classificationBg && this.data.classificationBg === "SVG";
-    }
-}
-MapaCapabilityIntervalBarComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: MapaCapabilityIntervalBarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-MapaCapabilityIntervalBarComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: MapaCapabilityIntervalBarComponent, selector: "mapa-capability-interval-bar", inputs: { data: "data", expanded: "expanded", showInterval: "showInterval" }, outputs: { clicked: "clicked" }, ngImport: i0, template: "<section reusable-outlet class=\"capability-interval\">\n  <section [class.capability-interval__bar]=\"isSVG()\">\n    <mapa-capability-interval\n      [data]=\"data\"\n      [showInterval]=\"showInterval\"\n    ></mapa-capability-interval>\n  </section>\n</section>\n", styles: [".capability-interval{display:flex;align-items:center;position:relative;height:72px;margin-right:16px}.capability-interval__bar{display:flex;align-items:center;justify-content:center;max-height:72px;height:100%}.capability-interval__show-more{display:flex;align-items:center;justify-content:flex-end;max-height:72px;height:100%;width:100%}.capability-interval__show-more mapa-button,.capability-interval__show-more button{width:100%;justify-content:flex-end!important}.capability-interval--hide{opacity:0;max-height:0}.capability-interval--hide>*{opacity:0;max-height:0}.capability-interval--show{opacity:1;max-height:72px}\n"], dependencies: [{ kind: "component", type: MapaCapabilityIntervalComponent, selector: "mapa-capability-interval", inputs: ["data", "showInterval"] }], encapsulation: i0.ViewEncapsulation.None });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: MapaCapabilityIntervalBarComponent, decorators: [{
-            type: Component,
-            args: [{ selector: "mapa-capability-interval-bar", encapsulation: ViewEncapsulation.None, template: "<section reusable-outlet class=\"capability-interval\">\n  <section [class.capability-interval__bar]=\"isSVG()\">\n    <mapa-capability-interval\n      [data]=\"data\"\n      [showInterval]=\"showInterval\"\n    ></mapa-capability-interval>\n  </section>\n</section>\n", styles: [".capability-interval{display:flex;align-items:center;position:relative;height:72px;margin-right:16px}.capability-interval__bar{display:flex;align-items:center;justify-content:center;max-height:72px;height:100%}.capability-interval__show-more{display:flex;align-items:center;justify-content:flex-end;max-height:72px;height:100%;width:100%}.capability-interval__show-more mapa-button,.capability-interval__show-more button{width:100%;justify-content:flex-end!important}.capability-interval--hide{opacity:0;max-height:0}.capability-interval--hide>*{opacity:0;max-height:0}.capability-interval--show{opacity:1;max-height:72px}\n"] }]
-        }], ctorParameters: function () { return []; }, propDecorators: { data: [{
-                type: Input
-            }], expanded: [{
-                type: Input
-            }], showInterval: [{
-                type: Input
-            }], clicked: [{
-                type: Output
-            }] } });
+        }], ctorParameters: function () {
+        return [{ type: undefined, decorators: [{
+                        type: Optional
+                    }, {
+                        type: Inject,
+                        args: [MAPA_UI_TEXTS]
+                    }] }];
+    } });
 
 class MapaProgressbarComponent {
     constructor() {
@@ -420,7 +131,7 @@ class MapaProgressbarComponent {
     }
 }
 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"] }] });
+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: i2.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"] }]
@@ -431,11 +142,20 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
             }] } });
 
 class MapaScaleParameterizationComponent {
-    constructor() {
+    constructor(i18n) {
+        this.i18n = i18n;
         this.showProgressbar = true;
         this.showInterval = true;
         this.showDots = true;
         this.expanded = new Set();
+        this.texts = this.i18n.texts;
+        this.onDestroy$ = new Subject();
+        this.i18n.texts$
+            .pipe(takeUntil(this.onDestroy$))
+            .subscribe((texts) => (this.texts = texts));
+    }
+    get conceptTitle() {
+        return this.texts.capability.conceptTitle;
     }
     toggleAll() {
         if (this.expanded.size === this.data.length) {
@@ -512,13 +232,17 @@ class MapaScaleParameterizationComponent {
             }),
         };
     }
+    ngOnDestroy() {
+        this.onDestroy$.next();
+        this.onDestroy$.complete();
+    }
 }
-MapaScaleParameterizationComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: MapaScaleParameterizationComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-MapaScaleParameterizationComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: MapaScaleParameterizationComponent, selector: "mapa-scale-parameterization", inputs: { data: "data", showProgressbar: "showProgressbar", showInterval: "showInterval", showDots: "showDots" }, viewQueries: [{ propertyName: "accordion", first: true, predicate: ["detailAccordion"], descendants: true }], ngImport: i0, template: "<section\n  class=\"mapa-scale-parameterization\"\n  *ngFor=\"let competence of data\"\n>\n  <section\n    class=\"mapa-scale-parameterization-scales\"\n    [class.scales--full-sized]=\"!showSummarized(competence.scales[0])\"\n    [class.scales--summarized]=\"showSummarized(competence.scales[0])\"\n  >\n    <mat-accordion\n      class=\"mapa-scale-parameterization-accordion\"\n      #detailAccordion=\"matAccordion\"\n      multi\n    >\n      <mat-expansion-panel\n        class=\"mapa__card mapa-scale-parameterization-details\"\n        *ngFor=\"let scale of competence.scales\"\n      >\n        <mat-expansion-panel-header\n          class=\"mapa-scale-parameterization-details__top\"\n        >\n          <header class=\"mapa-scale-parameterization-details__header\">\n            <div\n              class=\"mapa-scale-parameterization-details__header--title mapa--display-m\"\n            >\n              <div\n                class=\"mapa-scale-parameterization-details__header--title-text\"\n              >\n                {{ scale.scaleName }}\n                <div\n                  *ngIf=\"showDots\"\n                  class=\"mapa-scale-parameterization-details__dots\"\n                >\n                  <mapa-capability-dot\n                    *ngFor=\"let item of getDimensionsAsCapability(scale).items\"\n                    type=\"small\"\n                    [item]=\"item\"\n                    [capability]=\"getDimensionsAsCapability(scale)\"\n                    [tooltip]=\"true\"\n                  ></mapa-capability-dot>\n                </div>\n              </div>\n\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\"\n                  >{{ scale.classification.classificationName }}</span\n                >\n              </div>\n            </div>\n            <div\n              *ngIf=\"showProgressbar\"\n              class=\"scale__header--progressbar\"\n            >\n              <mapa-progressbar\n                *ngIf=\"showProgressbar && !scale.classification?.classificationBg\"\n                [data]=\"getProgressbarData(scale)\"\n              ></mapa-progressbar>\n              <mapa-capability-interval-bar\n                *ngIf=\"scale.classification?.classificationBg\"\n                [data]=\"getIntervalbarData(scale)\"\n                [showInterval]=\"true\"\n                reusable-interval-bar\n              ></mapa-capability-interval-bar>\n            </div>\n          </header>\n        </mat-expansion-panel-header>\n        <article\n          *ngIf=\"scale.scaleConcept\"\n          class=\"mapa-scale-parameterization-details__concept\"\n        >\n          <strong>Conceito:</strong> {{ scale.scaleConcept }}\n        </article>\n        <section\n          class=\"mapa-scale-parameterization-details__dimensions\"\n          [class.dimension--full-sized]=\"!showSummarized(scale)\"\n          [class.dimension--summarized]=\"showSummarized(scale)\"\n        >\n          <article\n            *ngFor=\"let dimension of scale.dimensions\"\n            class=\"mapa__card--sm dimension\"\n          >\n            <nav class=\"dimension__main\">\n              <div class=\"dimension__title\">\n                <div class=\"dimension__title--direction\">\n                  <span\n                    *ngIf=\"dimension.direction === 'Positiva'; else negativeDirection\"\n                    >\u2191</span\n                  >\n                  <ng-template #negativeDirection>\u2193</ng-template>\n                </div>\n                <div class=\"dimension__title--label\">\n                  {{ dimension.dimensionName }}\n                </div>\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\"\n                    >{{ dimension.classification.classificationName }}</span\n                  >\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      </mat-expansion-panel>\n    </mat-accordion>\n  </section>\n</section>\n", styles: [".mapa-scale-parameterization{display:flex;gap:24px;font-family:Inter,Arial,Helvetica,sans-serif;width:-moz-fit-content;width:fit-content}.mapa-scale-parameterization__header{display:flex;align-items:center;color:#ea561d;font-size:32px;font-weight:400;line-height:40px;width:100%;margin-bottom:unset!important}.mapa-scale-parameterization__header img{margin-right:16px}.mapa-scale-parameterization .mapa-scale-parameterization-accordion .mat-expansion-panel:first-of-type{border-top-right-radius:8px;border-top-left-radius:8px}.mapa-scale-parameterization .mapa-scale-parameterization-accordion .mat-expansion-panel:last-of-type{border-bottom-right-radius:8px;border-bottom-left-radius:8px}.mapa-scale-parameterization .mapa-scale-parameterization-accordion .mat-expansion-panel{box-shadow:unset!important;padding:unset!important}.mapa-scale-parameterization .mapa-scale-parameterization-accordion .mat-expansion-panel-header{padding:24px;border-bottom:unset!important;width:-webkit-fill-available}.mapa-scale-parameterization .mapa-scale-parameterization-accordion .mat-expansion-panel-header .mat-content{padding-right:4px}.mapa-scale-parameterization .mapa-scale-parameterization-accordion .mat-expansion-panel-body{padding:24px!important}.mapa-scale-parameterization .mapa-scale-parameterization-accordion .mat-expansion-panel-spacing{margin:unset!important}.mapa-scale-parameterization .mapa-scale-parameterization-details{display:flex;align-items:flex-start;justify-content:flex-start;flex-direction:column;flex-wrap:wrap;gap:unset!important;width:-moz-fit-content;width:fit-content;height:-moz-fit-content;height:fit-content}.mapa-scale-parameterization .mapa-scale-parameterization-details--summarized{display:grid;gap:24px;grid-template-columns:1fr 1fr 1fr}.mapa-scale-parameterization .mapa-scale-parameterization-details--title-text{display:flex}.mapa-scale-parameterization .mapa-scale-parameterization-details__dots{display:flex;align-items:center;margin-top:16px;gap:8px}.mapa-scale-parameterization .mapa-scale-parameterization-details__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;margin:20px 0}.mapa-scale-parameterization .mapa-scale-parameterization-details__header--title{display:flex;align-items:center;gap:24px}.mapa-scale-parameterization .mapa-scale-parameterization-details__concept{color:#50575e;font-size:16px;font-style:normal;font-weight:400;line-height:24px;padding-bottom:16px}.mapa-scale-parameterization .mapa-scale-parameterization-details__concept strong{color:#181818;font-size:16px;font-style:normal;font-weight:600;line-height:24px}.mapa-scale-parameterization .mapa-scale-parameterization-details__dimensions{display:flex;flex-wrap:wrap;gap:24px;width:100%;height:-moz-fit-content;height:fit-content}.mapa-scale-parameterization .mapa-scale-parameterization-details .dimension{display:flex;justify-content:flex-start;gap:24px;width:100%;height:-moz-fit-content;height:fit-content}.mapa-scale-parameterization .mapa-scale-parameterization-details .dimension__main{display:flex;justify-content:space-between;width:100%}.mapa-scale-parameterization .mapa-scale-parameterization-details .dimension--full-sized .dimension{display:flex;gap:32px;width:100%}.mapa-scale-parameterization .mapa-scale-parameterization-details .dimension--full-sized .dimension__main{width:35%}.mapa-scale-parameterization .mapa-scale-parameterization-details .dimension--full-sized .dimension__concept{width:65%}.mapa-scale-parameterization .mapa-scale-parameterization-details .dimension__title{display:flex;align-items:center;justify-content:center;color:#181818;font-size:16px;font-style:normal;font-weight:400;line-height:24px;gap:8px}.mapa-scale-parameterization .mapa-scale-parameterization-details .dimension--classification{display:flex;align-items:center;justify-content:center}.mapa-scale-parameterization .mapa-scale-parameterization-details .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: MapaCapabilityDotComponent, selector: "mapa-capability-dot", inputs: ["type", "item", "tooltip", "capability"] }, { kind: "component", type: MapaCapabilityIntervalBarComponent, selector: "mapa-capability-interval-bar", inputs: ["data", "expanded", "showInterval"], outputs: ["clicked"] }, { kind: "directive", type: i4.MatAccordion, selector: "mat-accordion", inputs: ["multi", "hideToggle", "displayMode", "togglePosition"], exportAs: ["matAccordion"] }, { kind: "component", type: i4.MatExpansionPanel, selector: "mat-expansion-panel", inputs: ["disabled", "expanded", "hideToggle", "togglePosition"], outputs: ["opened", "closed", "expandedChange", "afterExpand", "afterCollapse"], exportAs: ["matExpansionPanel"] }, { kind: "component", type: i4.MatExpansionPanelHeader, selector: "mat-expansion-panel-header", inputs: ["tabIndex", "expandedHeight", "collapsedHeight"] }, { kind: "component", type: MapaProgressbarComponent, selector: "mapa-progressbar", inputs: ["data", "showInterval"] }], encapsulation: i0.ViewEncapsulation.None });
+MapaScaleParameterizationComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: MapaScaleParameterizationComponent, deps: [{ token: MapaI18nService }], target: i0.ɵɵFactoryTarget.Component });
+MapaScaleParameterizationComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: MapaScaleParameterizationComponent, selector: "mapa-scale-parameterization", inputs: { data: "data", showProgressbar: "showProgressbar", showInterval: "showInterval", showDots: "showDots" }, viewQueries: [{ propertyName: "accordion", first: true, predicate: ["detailAccordion"], descendants: true }], ngImport: i0, template: "<section\n  class=\"mapa-scale-parameterization\"\n  *ngFor=\"let competence of data\"\n>\n  <section\n    class=\"mapa-scale-parameterization-scales\"\n    [class.scales--full-sized]=\"!showSummarized(competence.scales[0])\"\n    [class.scales--summarized]=\"showSummarized(competence.scales[0])\"\n  >\n    <mat-accordion\n      class=\"mapa-scale-parameterization-accordion\"\n      #detailAccordion=\"matAccordion\"\n      multi\n    >\n      <mat-expansion-panel\n        class=\"mapa__card mapa-scale-parameterization-details\"\n        *ngFor=\"let scale of competence.scales\"\n      >\n        <mat-expansion-panel-header\n          class=\"mapa-scale-parameterization-details__top\"\n        >\n          <header class=\"mapa-scale-parameterization-details__header\">\n            <div\n              class=\"mapa-scale-parameterization-details__header--title mapa--display-m\"\n            >\n              <div\n                class=\"mapa-scale-parameterization-details__header--title-text\"\n              >\n                {{ scale.scaleName }}\n                <div\n                  *ngIf=\"showDots\"\n                  class=\"mapa-scale-parameterization-details__dots\"\n                >\n                  <mapa-capability-dot\n                    *ngFor=\"let item of getDimensionsAsCapability(scale).items\"\n                    type=\"small\"\n                    [item]=\"item\"\n                    [capability]=\"getDimensionsAsCapability(scale)\"\n                    [tooltip]=\"true\"\n                  ></mapa-capability-dot>\n                </div>\n              </div>\n\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\"\n                  >{{ scale.classification.classificationName }}</span\n                >\n              </div>\n            </div>\n            <div\n              *ngIf=\"showProgressbar\"\n              class=\"scale__header--progressbar\"\n            >\n              <mapa-progressbar\n                *ngIf=\"showProgressbar && !scale.classification?.classificationBg\"\n                [data]=\"getProgressbarData(scale)\"\n              ></mapa-progressbar>\n              <mapa-capability-interval-bar\n                *ngIf=\"scale.classification?.classificationBg\"\n                [data]=\"getIntervalbarData(scale)\"\n                [showInterval]=\"true\"\n                reusable-interval-bar\n              ></mapa-capability-interval-bar>\n            </div>\n          </header>\n        </mat-expansion-panel-header>\n        <article\n          *ngIf=\"scale.scaleConcept\"\n          class=\"mapa-scale-parameterization-details__concept\"\n        >\n          <strong>{{ conceptTitle }}:</strong> {{ scale.scaleConcept }}\n        </article>\n        <section\n          class=\"mapa-scale-parameterization-details__dimensions\"\n          [class.dimension--full-sized]=\"!showSummarized(scale)\"\n          [class.dimension--summarized]=\"showSummarized(scale)\"\n        >\n          <article\n            *ngFor=\"let dimension of scale.dimensions\"\n            class=\"mapa__card--sm dimension\"\n          >\n            <nav class=\"dimension__main\">\n              <div class=\"dimension__title\">\n                <div class=\"dimension__title--direction\">\n                  <span\n                    *ngIf=\"dimension.direction === 'Positiva'; else negativeDirection\"\n                    >&uarr;</span\n                  >\n                  <ng-template #negativeDirection>&darr;</ng-template>\n                </div>\n                <div class=\"dimension__title--label\">\n                  {{ dimension.dimensionName }}\n                </div>\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\"\n                    >{{ dimension.classification.classificationName }}</span\n                  >\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      </mat-expansion-panel>\n    </mat-accordion>\n  </section>\n</section>\n\n", styles: [".mapa-scale-parameterization{display:flex;gap:24px;font-family:var(--mapa-font-body, \"Asap\", \"Roboto\", \"Inter\", sans-serif);width:-moz-fit-content;width:fit-content}.mapa-scale-parameterization__header{display:flex;align-items:center;color:#ea561d;font-size:32px;font-weight:400;line-height:40px;width:100%;margin-bottom:unset!important}.mapa-scale-parameterization__header img{margin-right:16px}.mapa-scale-parameterization .mapa-scale-parameterization-accordion .mat-expansion-panel:first-of-type{border-top-right-radius:8px;border-top-left-radius:8px}.mapa-scale-parameterization .mapa-scale-parameterization-accordion .mat-expansion-panel:last-of-type{border-bottom-right-radius:8px;border-bottom-left-radius:8px}.mapa-scale-parameterization .mapa-scale-parameterization-accordion .mat-expansion-panel{box-shadow:unset!important;padding:unset!important}.mapa-scale-parameterization .mapa-scale-parameterization-accordion .mat-expansion-panel-header{padding:24px;border-bottom:unset!important;width:-webkit-fill-available}.mapa-scale-parameterization .mapa-scale-parameterization-accordion .mat-expansion-panel-header .mat-content{padding-right:4px}.mapa-scale-parameterization .mapa-scale-parameterization-accordion .mat-expansion-panel-body{padding:24px!important}.mapa-scale-parameterization .mapa-scale-parameterization-accordion .mat-expansion-panel-spacing{margin:unset!important}.mapa-scale-parameterization .mapa-scale-parameterization-details{display:flex;align-items:flex-start;justify-content:flex-start;flex-direction:column;flex-wrap:wrap;gap:unset!important;width:-moz-fit-content;width:fit-content;height:-moz-fit-content;height:fit-content}.mapa-scale-parameterization .mapa-scale-parameterization-details--summarized{display:grid;gap:24px;grid-template-columns:1fr 1fr 1fr}.mapa-scale-parameterization .mapa-scale-parameterization-details--title-text{display:flex}.mapa-scale-parameterization .mapa-scale-parameterization-details__dots{display:flex;align-items:center;margin-top:16px;gap:8px}.mapa-scale-parameterization .mapa-scale-parameterization-details__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;margin:20px 0}.mapa-scale-parameterization .mapa-scale-parameterization-details__header--title{display:flex;align-items:center;gap:24px}.mapa-scale-parameterization .mapa-scale-parameterization-details__concept{color:#50575e;font-size:16px;font-style:normal;font-weight:400;line-height:24px;padding-bottom:16px}.mapa-scale-parameterization .mapa-scale-parameterization-details__concept strong{color:#181818;font-size:16px;font-style:normal;font-weight:600;line-height:24px}.mapa-scale-parameterization .mapa-scale-parameterization-details__dimensions{display:flex;flex-wrap:wrap;gap:24px;width:100%;height:-moz-fit-content;height:fit-content}.mapa-scale-parameterization .mapa-scale-parameterization-details .dimension{display:flex;justify-content:flex-start;gap:24px;width:100%;height:-moz-fit-content;height:fit-content}.mapa-scale-parameterization .mapa-scale-parameterization-details .dimension__main{display:flex;justify-content:space-between;width:100%}.mapa-scale-parameterization .mapa-scale-parameterization-details .dimension--full-sized .dimension{display:flex;gap:32px;width:100%}.mapa-scale-parameterization .mapa-scale-parameterization-details .dimension--full-sized .dimension__main{width:35%}.mapa-scale-parameterization .mapa-scale-parameterization-details .dimension--full-sized .dimension__concept{width:65%}.mapa-scale-parameterization .mapa-scale-parameterization-details .dimension__title{display:flex;align-items:center;justify-content:center;color:#181818;font-size:16px;font-style:normal;font-weight:400;line-height:24px;gap:8px}.mapa-scale-parameterization .mapa-scale-parameterization-details .dimension--classification{display:flex;align-items:center;justify-content:center}.mapa-scale-parameterization .mapa-scale-parameterization-details .dimension__concept{color:#50575e;font-size:16px;font-style:normal;font-weight:400;line-height:24px}\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.MapaCapabilityDotComponent, selector: "mapa-capability-dot", inputs: ["type", "item", "tooltip", "capability"] }, { kind: "component", type: i3.MapaCapabilityIntervalBarComponent, selector: "mapa-capability-interval-bar", inputs: ["data", "expanded", "showInterval"], outputs: ["clicked"] }, { kind: "directive", type: i4.MatAccordion, selector: "mat-accordion", inputs: ["multi", "hideToggle", "displayMode", "togglePosition"], exportAs: ["matAccordion"] }, { kind: "component", type: i4.MatExpansionPanel, selector: "mat-expansion-panel", inputs: ["disabled", "expanded", "hideToggle", "togglePosition"], outputs: ["opened", "closed", "expandedChange", "afterExpand", "afterCollapse"], exportAs: ["matExpansionPanel"] }, { kind: "component", type: i4.MatExpansionPanelHeader, selector: "mat-expansion-panel-header", inputs: ["tabIndex", "expandedHeight", "collapsedHeight"] }, { kind: "component", type: MapaProgressbarComponent, selector: "mapa-progressbar", inputs: ["data", "showInterval"] }], encapsulation: i0.ViewEncapsulation.None });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: MapaScaleParameterizationComponent, decorators: [{
             type: Component,
-            args: [{ selector: "mapa-scale-parameterization", encapsulation: ViewEncapsulation.None, template: "<section\n  class=\"mapa-scale-parameterization\"\n  *ngFor=\"let competence of data\"\n>\n  <section\n    class=\"mapa-scale-parameterization-scales\"\n    [class.scales--full-sized]=\"!showSummarized(competence.scales[0])\"\n    [class.scales--summarized]=\"showSummarized(competence.scales[0])\"\n  >\n    <mat-accordion\n      class=\"mapa-scale-parameterization-accordion\"\n      #detailAccordion=\"matAccordion\"\n      multi\n    >\n      <mat-expansion-panel\n        class=\"mapa__card mapa-scale-parameterization-details\"\n        *ngFor=\"let scale of competence.scales\"\n      >\n        <mat-expansion-panel-header\n          class=\"mapa-scale-parameterization-details__top\"\n        >\n          <header class=\"mapa-scale-parameterization-details__header\">\n            <div\n              class=\"mapa-scale-parameterization-details__header--title mapa--display-m\"\n            >\n              <div\n                class=\"mapa-scale-parameterization-details__header--title-text\"\n              >\n                {{ scale.scaleName }}\n                <div\n                  *ngIf=\"showDots\"\n                  class=\"mapa-scale-parameterization-details__dots\"\n                >\n                  <mapa-capability-dot\n                    *ngFor=\"let item of getDimensionsAsCapability(scale).items\"\n                    type=\"small\"\n                    [item]=\"item\"\n                    [capability]=\"getDimensionsAsCapability(scale)\"\n                    [tooltip]=\"true\"\n                  ></mapa-capability-dot>\n                </div>\n              </div>\n\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\"\n                  >{{ scale.classification.classificationName }}</span\n                >\n              </div>\n            </div>\n            <div\n              *ngIf=\"showProgressbar\"\n              class=\"scale__header--progressbar\"\n            >\n              <mapa-progressbar\n                *ngIf=\"showProgressbar && !scale.classification?.classificationBg\"\n                [data]=\"getProgressbarData(scale)\"\n              ></mapa-progressbar>\n              <mapa-capability-interval-bar\n                *ngIf=\"scale.classification?.classificationBg\"\n                [data]=\"getIntervalbarData(scale)\"\n                [showInterval]=\"true\"\n                reusable-interval-bar\n              ></mapa-capability-interval-bar>\n            </div>\n          </header>\n        </mat-expansion-panel-header>\n        <article\n          *ngIf=\"scale.scaleConcept\"\n          class=\"mapa-scale-parameterization-details__concept\"\n        >\n          <strong>Conceito:</strong> {{ scale.scaleConcept }}\n        </article>\n        <section\n          class=\"mapa-scale-parameterization-details__dimensions\"\n          [class.dimension--full-sized]=\"!showSummarized(scale)\"\n          [class.dimension--summarized]=\"showSummarized(scale)\"\n        >\n          <article\n            *ngFor=\"let dimension of scale.dimensions\"\n            class=\"mapa__card--sm dimension\"\n          >\n            <nav class=\"dimension__main\">\n              <div class=\"dimension__title\">\n                <div class=\"dimension__title--direction\">\n                  <span\n                    *ngIf=\"dimension.direction === 'Positiva'; else negativeDirection\"\n                    >\u2191</span\n                  >\n                  <ng-template #negativeDirection>\u2193</ng-template>\n                </div>\n                <div class=\"dimension__title--label\">\n                  {{ dimension.dimensionName }}\n                </div>\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\"\n                    >{{ dimension.classification.classificationName }}</span\n                  >\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      </mat-expansion-panel>\n    </mat-accordion>\n  </section>\n</section>\n", styles: [".mapa-scale-parameterization{display:flex;gap:24px;font-family:Inter,Arial,Helvetica,sans-serif;width:-moz-fit-content;width:fit-content}.mapa-scale-parameterization__header{display:flex;align-items:center;color:#ea561d;font-size:32px;font-weight:400;line-height:40px;width:100%;margin-bottom:unset!important}.mapa-scale-parameterization__header img{margin-right:16px}.mapa-scale-parameterization .mapa-scale-parameterization-accordion .mat-expansion-panel:first-of-type{border-top-right-radius:8px;border-top-left-radius:8px}.mapa-scale-parameterization .mapa-scale-parameterization-accordion .mat-expansion-panel:last-of-type{border-bottom-right-radius:8px;border-bottom-left-radius:8px}.mapa-scale-parameterization .mapa-scale-parameterization-accordion .mat-expansion-panel{box-shadow:unset!important;padding:unset!important}.mapa-scale-parameterization .mapa-scale-parameterization-accordion .mat-expansion-panel-header{padding:24px;border-bottom:unset!important;width:-webkit-fill-available}.mapa-scale-parameterization .mapa-scale-parameterization-accordion .mat-expansion-panel-header .mat-content{padding-right:4px}.mapa-scale-parameterization .mapa-scale-parameterization-accordion .mat-expansion-panel-body{padding:24px!important}.mapa-scale-parameterization .mapa-scale-parameterization-accordion .mat-expansion-panel-spacing{margin:unset!important}.mapa-scale-parameterization .mapa-scale-parameterization-details{display:flex;align-items:flex-start;justify-content:flex-start;flex-direction:column;flex-wrap:wrap;gap:unset!important;width:-moz-fit-content;width:fit-content;height:-moz-fit-content;height:fit-content}.mapa-scale-parameterization .mapa-scale-parameterization-details--summarized{display:grid;gap:24px;grid-template-columns:1fr 1fr 1fr}.mapa-scale-parameterization .mapa-scale-parameterization-details--title-text{display:flex}.mapa-scale-parameterization .mapa-scale-parameterization-details__dots{display:flex;align-items:center;margin-top:16px;gap:8px}.mapa-scale-parameterization .mapa-scale-parameterization-details__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;margin:20px 0}.mapa-scale-parameterization .mapa-scale-parameterization-details__header--title{display:flex;align-items:center;gap:24px}.mapa-scale-parameterization .mapa-scale-parameterization-details__concept{color:#50575e;font-size:16px;font-style:normal;font-weight:400;line-height:24px;padding-bottom:16px}.mapa-scale-parameterization .mapa-scale-parameterization-details__concept strong{color:#181818;font-size:16px;font-style:normal;font-weight:600;line-height:24px}.mapa-scale-parameterization .mapa-scale-parameterization-details__dimensions{display:flex;flex-wrap:wrap;gap:24px;width:100%;height:-moz-fit-content;height:fit-content}.mapa-scale-parameterization .mapa-scale-parameterization-details .dimension{display:flex;justify-content:flex-start;gap:24px;width:100%;height:-moz-fit-content;height:fit-content}.mapa-scale-parameterization .mapa-scale-parameterization-details .dimension__main{display:flex;justify-content:space-between;width:100%}.mapa-scale-parameterization .mapa-scale-parameterization-details .dimension--full-sized .dimension{display:flex;gap:32px;width:100%}.mapa-scale-parameterization .mapa-scale-parameterization-details .dimension--full-sized .dimension__main{width:35%}.mapa-scale-parameterization .mapa-scale-parameterization-details .dimension--full-sized .dimension__concept{width:65%}.mapa-scale-parameterization .mapa-scale-parameterization-details .dimension__title{display:flex;align-items:center;justify-content:center;color:#181818;font-size:16px;font-style:normal;font-weight:400;line-height:24px;gap:8px}.mapa-scale-parameterization .mapa-scale-parameterization-details .dimension--classification{display:flex;align-items:center;justify-content:center}.mapa-scale-parameterization .mapa-scale-parameterization-details .dimension__concept{color:#50575e;font-size:16px;font-style:normal;font-weight:400;line-height:24px}\n"] }]
-        }], propDecorators: { data: [{
+            args: [{ selector: "mapa-scale-parameterization", encapsulation: ViewEncapsulation.None, template: "<section\n  class=\"mapa-scale-parameterization\"\n  *ngFor=\"let competence of data\"\n>\n  <section\n    class=\"mapa-scale-parameterization-scales\"\n    [class.scales--full-sized]=\"!showSummarized(competence.scales[0])\"\n    [class.scales--summarized]=\"showSummarized(competence.scales[0])\"\n  >\n    <mat-accordion\n      class=\"mapa-scale-parameterization-accordion\"\n      #detailAccordion=\"matAccordion\"\n      multi\n    >\n      <mat-expansion-panel\n        class=\"mapa__card mapa-scale-parameterization-details\"\n        *ngFor=\"let scale of competence.scales\"\n      >\n        <mat-expansion-panel-header\n          class=\"mapa-scale-parameterization-details__top\"\n        >\n          <header class=\"mapa-scale-parameterization-details__header\">\n            <div\n              class=\"mapa-scale-parameterization-details__header--title mapa--display-m\"\n            >\n              <div\n                class=\"mapa-scale-parameterization-details__header--title-text\"\n              >\n                {{ scale.scaleName }}\n                <div\n                  *ngIf=\"showDots\"\n                  class=\"mapa-scale-parameterization-details__dots\"\n                >\n                  <mapa-capability-dot\n                    *ngFor=\"let item of getDimensionsAsCapability(scale).items\"\n                    type=\"small\"\n                    [item]=\"item\"\n                    [capability]=\"getDimensionsAsCapability(scale)\"\n                    [tooltip]=\"true\"\n                  ></mapa-capability-dot>\n                </div>\n              </div>\n\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\"\n                  >{{ scale.classification.classificationName }}</span\n                >\n              </div>\n            </div>\n            <div\n              *ngIf=\"showProgressbar\"\n              class=\"scale__header--progressbar\"\n            >\n              <mapa-progressbar\n                *ngIf=\"showProgressbar && !scale.classification?.classificationBg\"\n                [data]=\"getProgressbarData(scale)\"\n              ></mapa-progressbar>\n              <mapa-capability-interval-bar\n                *ngIf=\"scale.classification?.classificationBg\"\n                [data]=\"getIntervalbarData(scale)\"\n                [showInterval]=\"true\"\n                reusable-interval-bar\n              ></mapa-capability-interval-bar>\n            </div>\n          </header>\n        </mat-expansion-panel-header>\n        <article\n          *ngIf=\"scale.scaleConcept\"\n          class=\"mapa-scale-parameterization-details__concept\"\n        >\n          <strong>{{ conceptTitle }}:</strong> {{ scale.scaleConcept }}\n        </article>\n        <section\n          class=\"mapa-scale-parameterization-details__dimensions\"\n          [class.dimension--full-sized]=\"!showSummarized(scale)\"\n          [class.dimension--summarized]=\"showSummarized(scale)\"\n        >\n          <article\n            *ngFor=\"let dimension of scale.dimensions\"\n            class=\"mapa__card--sm dimension\"\n          >\n            <nav class=\"dimension__main\">\n              <div class=\"dimension__title\">\n                <div class=\"dimension__title--direction\">\n                  <span\n                    *ngIf=\"dimension.direction === 'Positiva'; else negativeDirection\"\n                    >&uarr;</span\n                  >\n                  <ng-template #negativeDirection>&darr;</ng-template>\n                </div>\n                <div class=\"dimension__title--label\">\n                  {{ dimension.dimensionName }}\n                </div>\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\"\n                    >{{ dimension.classification.classificationName }}</span\n                  >\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      </mat-expansion-panel>\n    </mat-accordion>\n  </section>\n</section>\n\n", styles: [".mapa-scale-parameterization{display:flex;gap:24px;font-family:var(--mapa-font-body, \"Asap\", \"Roboto\", \"Inter\", sans-serif);width:-moz-fit-content;width:fit-content}.mapa-scale-parameterization__header{display:flex;align-items:center;color:#ea561d;font-size:32px;font-weight:400;line-height:40px;width:100%;margin-bottom:unset!important}.mapa-scale-parameterization__header img{margin-right:16px}.mapa-scale-parameterization .mapa-scale-parameterization-accordion .mat-expansion-panel:first-of-type{border-top-right-radius:8px;border-top-left-radius:8px}.mapa-scale-parameterization .mapa-scale-parameterization-accordion .mat-expansion-panel:last-of-type{border-bottom-right-radius:8px;border-bottom-left-radius:8px}.mapa-scale-parameterization .mapa-scale-parameterization-accordion .mat-expansion-panel{box-shadow:unset!important;padding:unset!important}.mapa-scale-parameterization .mapa-scale-parameterization-accordion .mat-expansion-panel-header{padding:24px;border-bottom:unset!important;width:-webkit-fill-available}.mapa-scale-parameterization .mapa-scale-parameterization-accordion .mat-expansion-panel-header .mat-content{padding-right:4px}.mapa-scale-parameterization .mapa-scale-parameterization-accordion .mat-expansion-panel-body{padding:24px!important}.mapa-scale-parameterization .mapa-scale-parameterization-accordion .mat-expansion-panel-spacing{margin:unset!important}.mapa-scale-parameterization .mapa-scale-parameterization-details{display:flex;align-items:flex-start;justify-content:flex-start;flex-direction:column;flex-wrap:wrap;gap:unset!important;width:-moz-fit-content;width:fit-content;height:-moz-fit-content;height:fit-content}.mapa-scale-parameterization .mapa-scale-parameterization-details--summarized{display:grid;gap:24px;grid-template-columns:1fr 1fr 1fr}.mapa-scale-parameterization .mapa-scale-parameterization-details--title-text{display:flex}.mapa-scale-parameterization .mapa-scale-parameterization-details__dots{display:flex;align-items:center;margin-top:16px;gap:8px}.mapa-scale-parameterization .mapa-scale-parameterization-details__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;margin:20px 0}.mapa-scale-parameterization .mapa-scale-parameterization-details__header--title{display:flex;align-items:center;gap:24px}.mapa-scale-parameterization .mapa-scale-parameterization-details__concept{color:#50575e;font-size:16px;font-style:normal;font-weight:400;line-height:24px;padding-bottom:16px}.mapa-scale-parameterization .mapa-scale-parameterization-details__concept strong{color:#181818;font-size:16px;font-style:normal;font-weight:600;line-height:24px}.mapa-scale-parameterization .mapa-scale-parameterization-details__dimensions{display:flex;flex-wrap:wrap;gap:24px;width:100%;height:-moz-fit-content;height:fit-content}.mapa-scale-parameterization .mapa-scale-parameterization-details .dimension{display:flex;justify-content:flex-start;gap:24px;width:100%;height:-moz-fit-content;height:fit-content}.mapa-scale-parameterization .mapa-scale-parameterization-details .dimension__main{display:flex;justify-content:space-between;width:100%}.mapa-scale-parameterization .mapa-scale-parameterization-details .dimension--full-sized .dimension{display:flex;gap:32px;width:100%}.mapa-scale-parameterization .mapa-scale-parameterization-details .dimension--full-sized .dimension__main{width:35%}.mapa-scale-parameterization .mapa-scale-parameterization-details .dimension--full-sized .dimension__concept{width:65%}.mapa-scale-parameterization .mapa-scale-parameterization-details .dimension__title{display:flex;align-items:center;justify-content:center;color:#181818;font-size:16px;font-style:normal;font-weight:400;line-height:24px;gap:8px}.mapa-scale-parameterization .mapa-scale-parameterization-details .dimension--classification{display:flex;align-items:center;justify-content:center}.mapa-scale-parameterization .mapa-scale-parameterization-details .dimension__concept{color:#50575e;font-size:16px;font-style:normal;font-weight:400;line-height:24px}\n"] }]
+        }], ctorParameters: function () { return [{ type: MapaI18nService }]; }, propDecorators: { data: [{
                 type: Input
             }], showProgressbar: [{
                 type: Input
@@ -534,907 +258,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
 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: [""] });
+MapaDetailsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: MapaDetailsComponent, selector: "mapa-details", ngImport: i0, template: "<ng-container></ng-container>\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 MapaTooltipModule {
-}
-MapaTooltipModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: MapaTooltipModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-MapaTooltipModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.10", ngImport: i0, type: MapaTooltipModule, declarations: [MapaTooltipComponent, MapaTooltipDirective], imports: [CommonModule], exports: [MapaTooltipComponent, MapaTooltipDirective] });
-MapaTooltipModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: MapaTooltipModule, imports: [CommonModule] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: MapaTooltipModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    declarations: [MapaTooltipComponent, MapaTooltipDirective],
-                    exports: [MapaTooltipComponent, MapaTooltipDirective],
-                    imports: [CommonModule],
-                }]
+            args: [{ selector: 'mapa-details', template: "<ng-container></ng-container>\n" }]
         }] });
 
-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 MapaCapabilityDotModule {
-}
-MapaCapabilityDotModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: MapaCapabilityDotModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-MapaCapabilityDotModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.10", ngImport: i0, type: MapaCapabilityDotModule, declarations: [MapaCapabilityDotComponent], imports: [CommonModule, MapaTooltipModule, MapaTagModule], exports: [MapaCapabilityDotComponent] });
-MapaCapabilityDotModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: MapaCapabilityDotModule, providers: [CapabilityClassificationService], imports: [CommonModule, MapaTooltipModule, MapaTagModule] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: MapaCapabilityDotModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    declarations: [MapaCapabilityDotComponent],
-                    exports: [MapaCapabilityDotComponent],
-                    imports: [CommonModule, MapaTooltipModule, MapaTagModule],
-                    providers: [CapabilityClassificationService],
-                }]
-        }] });
-
-class MapaCapabilityExpandComponent {
-    constructor(classification) {
-        this.classification = classification;
-    }
-    createTag(item) {
-        return {
-            bgColor: item.classificationBg || "",
-            fontSize: item.classificationFontSize || "",
-            size: "small",
-        };
-    }
-}
-MapaCapabilityExpandComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: MapaCapabilityExpandComponent, deps: [{ token: CapabilityClassificationService }], target: i0.ɵɵFactoryTarget.Component });
-MapaCapabilityExpandComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: MapaCapabilityExpandComponent, selector: "mapa-capability-expand", inputs: { data: "data" }, ngImport: i0, template: "<div\n  class=\"capability__concept\"\n  *ngIf=\"data.capabilityConcept?.concept || data.capabilityConcept?.result\"\n>\n  <div\n    class=\"capability__concept--content\"\n    *ngIf=\"data.capabilityConcept?.concept\"\n  >\n    <div class=\"capability__concept--title\">Conceito</div>\n    <div class=\"capability__concept--text\">\n      {{ data.capabilityConcept?.concept! }}\n    </div>\n  </div>\n  <div\n    class=\"capability__concept--content\"\n    *ngIf=\"data.capabilityConcept?.result\"\n  >\n    <div class=\"capability__concept--title\">Resultado</div>\n    <div class=\"capability__concept--text\">\n      {{ data.capabilityConcept?.result! }}\n    </div>\n  </div>\n</div>\n<div class=\"capability__expanded\">\n  <div *ngFor=\"let item of data.items\" class=\"capability__expanded--item\">\n    <div class=\"name\">\n      <div class=\"capability__expanded--name\">\n        <span *ngIf=\"item.classificationColor\">\n          <strong *ngIf=\"!classification.getByItem(item).positive\">\u2198\uFE0E </strong>\n          <strong *ngIf=\"classification.getByItem(item).positive\">\u2197 </strong>\n        </span>\n        {{ item.name }}\n      </div>\n      <mapa-tag\n        [tag]=\"createTag(item)\"\n        class=\"capability__expanded--tag\"\n        *ngIf=\"item.classificationId\"\n      >\n        <mapa-capability-dot\n          [item]=\"item\"\n          *ngIf=\"item.classificationColor\"\n        ></mapa-capability-dot>\n        {{ item.classificationName }}\n      </mapa-tag>\n    </div>\n\n    <p class=\"capability__expanded--description\" *ngIf=\"item.description\">\n      <strong\n        *ngIf=\"item.classificationId && !item.classificationBg && !classification.getByItem(item).positive\"\n        >\u2198\uFE0E Dire\u00E7\u00E3o Negativa |\n      </strong>\n      <strong\n        *ngIf=\"item.classificationId && !item.classificationBg && classification.getByItem(item).positive\"\n        >\u2197 Dire\u00E7\u00E3o Positiva |\n      </strong>\n      <span [innerHTML]=\"item.description\"></span>\n    </p>\n  </div>\n</div>\n", styles: [".capability__concept{display:flex;flex-direction:row;flex-wrap:wrap;width:100%;gap:42px;margin:24px 0 60px}.capability__concept--content{display:flex;flex-direction:column;flex-basis:100%;flex:1}.capability__concept--title{color:#000;font-family:SF Pro Display;font-size:16px;font-style:normal;font-weight:600;line-height:24px;margin-bottom:8px}.capability__concept--text{color:#676767;font-family:Inter,Arial,Helvetica,sans-serif;font-size:16px;font-style:normal;font-weight:400;line-height:24px}.capability__expanded{border-top:1px solid #cdcdcd;padding:36px 0 16px 16px;gap:30px}@media (min-width: 800px) and (max-width: 1250px){.capability__expanded{display:grid;grid-template-columns:1fr 1fr}}@media (min-width: 1251px){.capability__expanded{display:grid;grid-template-columns:1fr 1fr 1fr}}.capability__expanded--description{color:#8c8f94;font-size:16px;font-style:normal;font-weight:400;line-height:24px}.capability__expanded--item .name{display:flex;justify-content:space-between;margin-bottom:16px}.capability__expanded--item mapa-tag .mapa-tag--small{display:flex;align-items:center;gap:8px;padding:2px 8px 2px 3px;font-size:14px;font-style:normal;font-weight:400;height:18px}.capability__expanded--name{color:#181818;font-size:20px;font-style:normal;font-weight:400}\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: TagComponent, selector: "mapa-tag", inputs: ["tag"] }, { kind: "component", type: MapaCapabilityDotComponent, selector: "mapa-capability-dot", inputs: ["type", "item", "tooltip", "capability"] }], encapsulation: i0.ViewEncapsulation.None });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: MapaCapabilityExpandComponent, decorators: [{
-            type: Component,
-            args: [{ selector: "mapa-capability-expand", encapsulation: ViewEncapsulation.None, template: "<div\n  class=\"capability__concept\"\n  *ngIf=\"data.capabilityConcept?.concept || data.capabilityConcept?.result\"\n>\n  <div\n    class=\"capability__concept--content\"\n    *ngIf=\"data.capabilityConcept?.concept\"\n  >\n    <div class=\"capability__concept--title\">Conceito</div>\n    <div class=\"capability__concept--text\">\n      {{ data.capabilityConcept?.concept! }}\n    </div>\n  </div>\n  <div\n    class=\"capability__concept--content\"\n    *ngIf=\"data.capabilityConcept?.result\"\n  >\n    <div class=\"capability__concept--title\">Resultado</div>\n    <div class=\"capability__concept--text\">\n      {{ data.capabilityConcept?.result! }}\n    </div>\n  </div>\n</div>\n<div class=\"capability__expanded\">\n  <div *ngFor=\"let item of data.items\" class=\"capability__expanded--item\">\n    <div class=\"name\">\n      <div class=\"capability__expanded--name\">\n        <span *ngIf=\"item.classificationColor\">\n          <strong *ngIf=\"!classification.getByItem(item).positive\">\u2198\uFE0E </strong>\n          <strong *ngIf=\"classification.getByItem(item).positive\">\u2197 </strong>\n        </span>\n        {{ item.name }}\n      </div>\n      <mapa-tag\n        [tag]=\"createTag(item)\"\n        class=\"capability__expanded--tag\"\n        *ngIf=\"item.classificationId\"\n      >\n        <mapa-capability-dot\n          [item]=\"item\"\n          *ngIf=\"item.classificationColor\"\n        ></mapa-capability-dot>\n        {{ item.classificationName }}\n      </mapa-tag>\n    </div>\n\n    <p class=\"capability__expanded--description\" *ngIf=\"item.description\">\n      <strong\n        *ngIf=\"item.classificationId && !item.classificationBg && !classification.getByItem(item).positive\"\n        >\u2198\uFE0E Dire\u00E7\u00E3o Negativa |\n      </strong>\n      <strong\n        *ngIf=\"item.classificationId && !item.classificationBg && classification.getByItem(item).positive\"\n        >\u2197 Dire\u00E7\u00E3o Positiva |\n      </strong>\n      <span [innerHTML]=\"item.description\"></span>\n    </p>\n  </div>\n</div>\n", styles: [".capability__concept{display:flex;flex-direction:row;flex-wrap:wrap;width:100%;gap:42px;margin:24px 0 60px}.capability__concept--content{display:flex;flex-direction:column;flex-basis:100%;flex:1}.capability__concept--title{color:#000;font-family:SF Pro Display;font-size:16px;font-style:normal;font-weight:600;line-height:24px;margin-bottom:8px}.capability__concept--text{color:#676767;font-family:Inter,Arial,Helvetica,sans-serif;font-size:16px;font-style:normal;font-weight:400;line-height:24px}.capability__expanded{border-top:1px solid #cdcdcd;padding:36px 0 16px 16px;gap:30px}@media (min-width: 800px) and (max-width: 1250px){.capability__expanded{display:grid;grid-template-columns:1fr 1fr}}@media (min-width: 1251px){.capability__expanded{display:grid;grid-template-columns:1fr 1fr 1fr}}.capability__expanded--description{color:#8c8f94;font-size:16px;font-style:normal;font-weight:400;line-height:24px}.capability__expanded--item .name{display:flex;justify-content:space-between;margin-bottom:16px}.capability__expanded--item mapa-tag .mapa-tag--small{display:flex;align-items:center;gap:8px;padding:2px 8px 2px 3px;font-size:14px;font-style:normal;font-weight:400;height:18px}.capability__expanded--name{color:#181818;font-size:20px;font-style:normal;font-weight:400}\n"] }]
-        }], ctorParameters: function () { return [{ type: CapabilityClassificationService }]; }, propDecorators: { data: [{
-                type: Input
-            }] } });
-
-class MapaCapabilityExpandModule {
-}
-MapaCapabilityExpandModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: MapaCapabilityExpandModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-MapaCapabilityExpandModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.10", ngImport: i0, type: MapaCapabilityExpandModule, declarations: [MapaCapabilityExpandComponent], imports: [CommonModule, MapaTagModule, MapaCapabilityDotModule], exports: [MapaCapabilityExpandComponent] });
-MapaCapabilityExpandModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: MapaCapabilityExpandModule, providers: [CapabilityClassificationService], imports: [CommonModule, MapaTagModule, MapaCapabilityDotModule] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: MapaCapabilityExpandModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    declarations: [MapaCapabilityExpandComponent],
-                    exports: [MapaCapabilityExpandComponent],
-                    imports: [CommonModule, MapaTagModule, MapaCapabilityDotModule],
-                    providers: [CapabilityClassificationService],
-                }]
-        }] });
-
-class MapaCapabilityIndicatorComponent {
-}
-MapaCapabilityIndicatorComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: MapaCapabilityIndicatorComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-MapaCapabilityIndicatorComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: MapaCapabilityIndicatorComponent, selector: "mapa-capability-indicator", inputs: { item: "item" }, ngImport: i0, template: "<div\n  class=\"indicator\"\n  [style.backgroundColor]=\"item.classificationColor\"\n>\n  <span *ngIf=\"item.name\">{{ item.name }}</span>\n  <div class=\"indicator__classification\">\n    {{ item.interval }}%\n  </div>\n</div>\n", styles: [".indicator{margin:3px 0}.indicator__classification{background-color:#fff;border-radius:16px;color:#000;padding:4px 8px;margin-right:4px;font-size:12px!important}\n", ".classification-1{background-color:#073e92;color:#fff}.classification-2{background-color:#0e6ece;color:#fff}.classification-3{background-color:#2d9ced;color:#000}.classification-4{background-color:#68ceee;color:#000}.classification-5{background-color:#96f2ee;color:#000}.classification-6{background-color:#f598a7;color:#000}.classification-7{background-color:#f56580;color:#000}.classification-8{background-color:#f4284e;color:#fff}.classification-9{background-color:#c11c2f;color:#fff}.small-dot{width:12px;height:12px;border-radius:12px;padding:0;margin:0}.dot{width:16px;height:16px;border-radius:16px;padding:0;margin:0}.indicator{display:flex;padding:2px 4px 2px 16px;justify-content:space-between;align-items:center;border-radius:8px;font-family:Inter,Arial,Helvetica,sans-serif;font-size:16px;font-style:normal;font-weight:400}.display-S{font-family:Inter,Arial,Helvetica,sans-serif;font-size:20px;font-style:normal;font-weight:400}.display-L{font-family:Inter,Arial,Helvetica,sans-serif;font-size:32px;font-style:normal;font-weight:400}.display-XG{font-family:Inter,Arial,Helvetica,sans-serif;font-size:48px;font-style:normal;font-weight:400}*{transition:opacity .4s ease-out,max-height .4s ease-out}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: MapaCapabilityIndicatorComponent, decorators: [{
-            type: Component,
-            args: [{ selector: "mapa-capability-indicator", template: "<div\n  class=\"indicator\"\n  [style.backgroundColor]=\"item.classificationColor\"\n>\n  <span *ngIf=\"item.name\">{{ item.name }}</span>\n  <div class=\"indicator__classification\">\n    {{ item.interval }}%\n  </div>\n</div>\n", styles: [".indicator{margin:3px 0}.indicator__classification{background-color:#fff;border-radius:16px;color:#000;padding:4px 8px;margin-right:4px;font-size:12px!important}\n", ".classification-1{background-color:#073e92;color:#fff}.classification-2{background-color:#0e6ece;color:#fff}.classification-3{background-color:#2d9ced;color:#000}.classification-4{background-color:#68ceee;color:#000}.classification-5{background-color:#96f2ee;color:#000}.classification-6{background-color:#f598a7;color:#000}.classification-7{background-color:#f56580;color:#000}.classification-8{background-color:#f4284e;color:#fff}.classification-9{background-color:#c11c2f;color:#fff}.small-dot{width:12px;height:12px;border-radius:12px;padding:0;margin:0}.dot{width:16px;height:16px;border-radius:16px;padding:0;margin:0}.indicator{display:flex;padding:2px 4px 2px 16px;justify-content:space-between;align-items:center;border-radius:8px;font-family:Inter,Arial,Helvetica,sans-serif;font-size:16px;font-style:normal;font-weight:400}.display-S{font-family:Inter,Arial,Helvetica,sans-serif;font-size:20px;font-style:normal;font-weight:400}.display-L{font-family:Inter,Arial,Helvetica,sans-serif;font-size:32px;font-style:normal;font-weight:400}.display-XG{font-family:Inter,Arial,Helvetica,sans-serif;font-size:48px;font-style:normal;font-weight:400}*{transition:opacity .4s ease-out,max-height .4s ease-out}\n"] }]
-        }], propDecorators: { item: [{
-                type: Input
-            }] } });
-
-class MapaCapabilityIndicatorModule {
-}
-MapaCapabilityIndicatorModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: MapaCapabilityIndicatorModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-MapaCapabilityIndicatorModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.10", ngImport: i0, type: MapaCapabilityIndicatorModule, declarations: [MapaCapabilityIndicatorComponent], imports: [CommonModule], exports: [MapaCapabilityIndicatorComponent] });
-MapaCapabilityIndicatorModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: MapaCapabilityIndicatorModule, imports: [CommonModule] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: MapaCapabilityIndicatorModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    declarations: [MapaCapabilityIndicatorComponent],
-                    exports: [MapaCapabilityIndicatorComponent],
-                    imports: [CommonModule],
-                }]
-        }] });
-
-class MapaCapabilityIntervalModule {
-}
-MapaCapabilityIntervalModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: MapaCapabilityIntervalModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-MapaCapabilityIntervalModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.10", ngImport: i0, type: MapaCapabilityIntervalModule, declarations: [MapaCapabilityIntervalComponent], imports: [CommonModule], exports: [MapaCapabilityIntervalComponent] });
-MapaCapabilityIntervalModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: MapaCapabilityIntervalModule, imports: [CommonModule] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: MapaCapabilityIntervalModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    declarations: [MapaCapabilityIntervalComponent],
-                    exports: [MapaCapabilityIntervalComponent],
-                    imports: [CommonModule],
-                }]
-        }] });
-
-class MapaCapabilityComparativeIndicatorComponent {
-    getWidth(item) {
-        return 32 + (item.interval || 0) * 2 + "px";
-    }
-}
-MapaCapabilityComparativeIndicatorComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: MapaCapabilityComparativeIndicatorComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-MapaCapabilityComparativeIndicatorComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: MapaCapabilityComparativeIndicatorComponent, selector: "mapa-capability-comparative-indicator", inputs: { item: "item", fullWidth: "fullWidth" }, ngImport: i0, template: "<div\n  class=\"comparative-indicator\"\n  [style.width]=\"fullWidth ? '100%' : getWidth(item)\"\n>\n  <div class=\"comparative-indicator__interval\">\n    {{ item.interval }}%\n    <span\n      *ngIf=\"item.isIndividually\"\n      class=\"comparative-indicator__individually\"\n      >\u25BC</span\n    >\n  </div>\n  <div\n    class=\"comparative-indicator__classification\"\n    [style.backgroundColor]=\"item.classificationColor\"\n    *ngIf=\"item.classificationColor\"\n  ></div>\n</div>\n", styles: [".comparative-indicator{display:flex;flex-direction:column}.comparative-indicator__interval{font-size:12px;font-family:Inter,Arial,Helvetica,sans-serif;text-align:center;width:100%;display:flex;justify-content:center;align-items:center;min-width:40px}.comparative-indicator__classification{border-radius:16px;padding:2px 4px;height:24px}.comparative-indicator__individually{color:#ea561d;margin:0 4px}\n", ".classification-1{background-color:#073e92;color:#fff}.classification-2{background-color:#0e6ece;color:#fff}.classification-3{background-color:#2d9ced;color:#000}.classification-4{background-color:#68ceee;color:#000}.classification-5{background-color:#96f2ee;color:#000}.classification-6{background-color:#f598a7;color:#000}.classification-7{background-color:#f56580;color:#000}.classification-8{background-color:#f4284e;color:#fff}.classification-9{background-color:#c11c2f;color:#fff}.small-dot{width:12px;height:12px;border-radius:12px;padding:0;margin:0}.dot{width:16px;height:16px;border-radius:16px;padding:0;margin:0}.indicator{display:flex;padding:2px 4px 2px 16px;justify-content:space-between;align-items:center;border-radius:8px;font-family:Inter,Arial,Helvetica,sans-serif;font-size:16px;font-style:normal;font-weight:400}.display-S{font-family:Inter,Arial,Helvetica,sans-serif;font-size:20px;font-style:normal;font-weight:400}.display-L{font-family:Inter,Arial,Helvetica,sans-serif;font-size:32px;font-style:normal;font-weight:400}.display-XG{font-family:Inter,Arial,Helvetica,sans-serif;font-size:48px;font-style:normal;font-weight:400}*{transition:opacity .4s ease-out,max-height .4s ease-out}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: MapaCapabilityComparativeIndicatorComponent, decorators: [{
-            type: Component,
-            args: [{ selector: "mapa-capability-comparative-indicator", template: "<div\n  class=\"comparative-indicator\"\n  [style.width]=\"fullWidth ? '100%' : getWidth(item)\"\n>\n  <div class=\"comparative-indicator__interval\">\n    {{ item.interval }}%\n    <span\n      *ngIf=\"item.isIndividually\"\n      class=\"comparative-indicator__individually\"\n      >\u25BC</span\n    >\n  </div>\n  <div\n    class=\"comparative-indicator__classification\"\n    [style.backgroundColor]=\"item.classificationColor\"\n    *ngIf=\"item.classificationColor\"\n  ></div>\n</div>\n", styles: [".comparative-indicator{display:flex;flex-direction:column}.comparative-indicator__interval{font-size:12px;font-family:Inter,Arial,Helvetica,sans-serif;text-align:center;width:100%;display:flex;justify-content:center;align-items:center;min-width:40px}.comparative-indicator__classification{border-radius:16px;padding:2px 4px;height:24px}.comparative-indicator__individually{color:#ea561d;margin:0 4px}\n", ".classification-1{background-color:#073e92;color:#fff}.classification-2{background-color:#0e6ece;color:#fff}.classification-3{background-color:#2d9ced;color:#000}.classification-4{background-color:#68ceee;color:#000}.classification-5{background-color:#96f2ee;color:#000}.classification-6{background-color:#f598a7;color:#000}.classification-7{background-color:#f56580;color:#000}.classification-8{background-color:#f4284e;color:#fff}.classification-9{background-color:#c11c2f;color:#fff}.small-dot{width:12px;height:12px;border-radius:12px;padding:0;margin:0}.dot{width:16px;height:16px;border-radius:16px;padding:0;margin:0}.indicator{display:flex;padding:2px 4px 2px 16px;justify-content:space-between;align-items:center;border-radius:8px;font-family:Inter,Arial,Helvetica,sans-serif;font-size:16px;font-style:normal;font-weight:400}.display-S{font-family:Inter,Arial,Helvetica,sans-serif;font-size:20px;font-style:normal;font-weight:400}.display-L{font-family:Inter,Arial,Helvetica,sans-serif;font-size:32px;font-style:normal;font-weight:400}.display-XG{font-family:Inter,Arial,Helvetica,sans-serif;font-size:48px;font-style:normal;font-weight:400}*{transition:opacity .4s ease-out,max-height .4s ease-out}\n"] }]
-        }], propDecorators: { item: [{
-                type: Input
-            }], fullWidth: [{
-                type: Input
-            }] } });
-
-class MapaCapabilityComparativeChartComponent {
-    setCleanItem(item) {
-        return {
-            average: item.average,
-            interval: item.interval,
-            classificationId: item.classificationId,
-            classificationColor: item.classificationColor,
-            isIndividually: item.isIndividually,
-        };
-    }
-}
-MapaCapabilityComparativeChartComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: MapaCapabilityComparativeChartComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-MapaCapabilityComparativeChartComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: MapaCapabilityComparativeChartComponent, selector: "mapa-capability-comparative-chart", inputs: { data: "data" }, ngImport: i0, template: "<table class=\"capability-comparative__chart\">\n  <tr *ngFor=\"let indicator of data.indicators\">\n    <th>\n      <p>{{ indicator.name }}</p>\n    </th>\n    <td class=\"capability-comparative__chart--indicators\">\n      <mapa-capability-comparative-indicator\n        *ngFor=\"let item of indicator.items\"\n        [item]=\"setCleanItem(item)\"\n        [fullWidth]=\"true\"\n        [style.width.%]=\"item.interval\"\n      ></mapa-capability-comparative-indicator>\n    </td>\n  </tr>\n</table>\n", styles: [".capability-comparative{background-color:#fff}.capability-comparative__chart{width:100%}.capability-comparative__chart tr{border-bottom:1px solid #DCDCDE;display:flex;padding:16px 0;justify-content:space-between;align-items:center}.capability-comparative__chart th{vertical-align:bottom;text-align:left;padding-right:36px;width:20%}.capability-comparative__chart th p{font-size:14px;font-family:Inter,Arial,Helvetica,sans-serif;margin:6px 0!important;font-weight:500}.capability-comparative__chart--indicators{display:flex;justify-content:center;align-items:center;height:40px;position:relative;width:100%}\n"], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "component", type: MapaCapabilityComparativeIndicatorComponent, selector: "mapa-capability-comparative-indicator", inputs: ["item", "fullWidth"] }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: MapaCapabilityComparativeChartComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'mapa-capability-comparative-chart', template: "<table class=\"capability-comparative__chart\">\n  <tr *ngFor=\"let indicator of data.indicators\">\n    <th>\n      <p>{{ indicator.name }}</p>\n    </th>\n    <td class=\"capability-comparative__chart--indicators\">\n      <mapa-capability-comparative-indicator\n        *ngFor=\"let item of indicator.items\"\n        [item]=\"setCleanItem(item)\"\n        [fullWidth]=\"true\"\n        [style.width.%]=\"item.interval\"\n      ></mapa-capability-comparative-indicator>\n    </td>\n  </tr>\n</table>\n", styles: [".capability-comparative{background-color:#fff}.capability-comparative__chart{width:100%}.capability-comparative__chart tr{border-bottom:1px solid #DCDCDE;display:flex;padding:16px 0;justify-content:space-between;align-items:center}.capability-comparative__chart th{vertical-align:bottom;text-align:left;padding-right:36px;width:20%}.capability-comparative__chart th p{font-size:14px;font-family:Inter,Arial,Helvetica,sans-serif;margin:6px 0!important;font-weight:500}.capability-comparative__chart--indicators{display:flex;justify-content:center;align-items:center;height:40px;position:relative;width:100%}\n"] }]
-        }], propDecorators: { data: [{
-                type: Input
-            }] } });
-
-class MapaCapabilityComparativeHeaderComponent {
-    getCapabilityData(item) {
-        return {
-            interval: item,
-            items: [],
-        };
-    }
-}
-MapaCapabilityComparativeHeaderComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: MapaCapabilityComparativeHeaderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-MapaCapabilityComparativeHeaderComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: MapaCapabilityComparativeHeaderComponent, selector: "mapa-capability-comparative-header", inputs: { data: "data" }, ngImport: i0, template: "<section class=\"capability-comparative__header\">\n  <h1>{{ data.name }}</h1>\n\n  <section>\n    <div class=\"capability-comparative__avg\">\n      <div class=\"capability-comparative__avg--title\">M\u00E9dia geral do grupo</div>\n      <mapa-capability-interval\n        [data]=\"getCapabilityData(data.groupAvg)\"\n        [showInterval]=\"true\"\n        reusable-interval-bar\n      ></mapa-capability-interval>\n    </div>\n    <div class=\"capability-comparative__avg\">\n      <div class=\"capability-comparative__avg--title\">M\u00E9dia geral do indiv\u00EDduo</div>\n      <mapa-capability-interval\n        [data]=\"getCapabilityData(data.individualAvg)\"\n        [showInterval]=\"true\"\n        reusable-interval-bar\n      ></mapa-capability-interval>\n    </div>\n  </section>\n</section>\n", styles: [".capability-comparative__header{display:flex;align-items:center;justify-content:space-between;width:100%}.capability-comparative__header h1{color:var(--GlobalColors-Neutral-100, #000);font-family:Inter,Arial,Helvetica,sans-serif;font-size:32px;font-style:normal;font-weight:400;line-height:40px}.capability-comparative__avg{border-radius:16px;border:1px solid #cdcdcd;padding:10px 16px;margin:24px 0;position:relative}.capability-comparative__avg--title{background-color:#fff;padding:0 2px;position:absolute;top:-8px;color:#8c8f94;font-family:Inter,Arial,Helvetica,sans-serif;font-size:12px;font-style:normal;font-weight:500;line-height:16px;text-transform:uppercase}\n"], dependencies: [{ kind: "component", type: MapaCapabilityIntervalComponent, selector: "mapa-capability-interval", inputs: ["data", "showInterval"] }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: MapaCapabilityComparativeHeaderComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'mapa-capability-comparative-header', template: "<section class=\"capability-comparative__header\">\n  <h1>{{ data.name }}</h1>\n\n  <section>\n    <div class=\"capability-comparative__avg\">\n      <div class=\"capability-comparative__avg--title\">M\u00E9dia geral do grupo</div>\n      <mapa-capability-interval\n        [data]=\"getCapabilityData(data.groupAvg)\"\n        [showInterval]=\"true\"\n        reusable-interval-bar\n      ></mapa-capability-interval>\n    </div>\n    <div class=\"capability-comparative__avg\">\n      <div class=\"capability-comparative__avg--title\">M\u00E9dia geral do indiv\u00EDduo</div>\n      <mapa-capability-interval\n        [data]=\"getCapabilityData(data.individualAvg)\"\n        [showInterval]=\"true\"\n        reusable-interval-bar\n      ></mapa-capability-interval>\n    </div>\n  </section>\n</section>\n", styles: [".capability-comparative__header{display:flex;align-items:center;justify-content:space-between;width:100%}.capability-comparative__header h1{color:var(--GlobalColors-Neutral-100, #000);font-family:Inter,Arial,Helvetica,sans-serif;font-size:32px;font-style:normal;font-weight:400;line-height:40px}.capability-comparative__avg{border-radius:16px;border:1px solid #cdcdcd;padding:10px 16px;margin:24px 0;position:relative}.capability-comparative__avg--title{background-color:#fff;padding:0 2px;position:absolute;top:-8px;color:#8c8f94;font-family:Inter,Arial,Helvetica,sans-serif;font-size:12px;font-style:normal;font-weight:500;line-height:16px;text-transform:uppercase}\n"] }]
-        }], propDecorators: { data: [{
-                type: Input
-            }] } });
-
-class MapaCapabilityComparativeComponent {
-    constructor() { }
-    ngOnInit() { }
-}
-MapaCapabilityComparativeComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: MapaCapabilityComparativeComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-MapaCapabilityComparativeComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: MapaCapabilityComparativeComponent, selector: "mapa-capability-comparative", inputs: { data: "data" }, ngImport: i0, template: "<section class=\"capability-comparative\">\n  <mapa-capability-comparative-header\n    [data]=\"data\"\n  ></mapa-capability-comparative-header>\n  <mapa-capability-comparative-chart\n    [data]=\"data\"\n  ></mapa-capability-comparative-chart>\n</section>\n", styles: [".capability-comparative{display:flex;align-items:flex-start;justify-content:center;flex-direction:column;margin:auto}.capability-comparative__header{align-items:flex-start!important;flex-direction:column!important}.capability-comparative__header section{display:flex;gap:24px}\n"], dependencies: [{ kind: "component", type: MapaCapabilityComparativeChartComponent, selector: "mapa-capability-comparative-chart", inputs: ["data"] }, { kind: "component", type: MapaCapabilityComparativeHeaderComponent, selector: "mapa-capability-comparative-header", inputs: ["data"] }], encapsulation: i0.ViewEncapsulation.None });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: MapaCapabilityComparativeComponent, decorators: [{
-            type: Component,
-            args: [{ selector: "mapa-capability-comparative", encapsulation: ViewEncapsulation.None, template: "<section class=\"capability-comparative\">\n  <mapa-capability-comparative-header\n    [data]=\"data\"\n  ></mapa-capability-comparative-header>\n  <mapa-capability-comparative-chart\n    [data]=\"data\"\n  ></mapa-capability-comparative-chart>\n</section>\n", styles: [".capability-comparative{display:flex;align-items:flex-start;justify-content:center;flex-direction:column;margin:auto}.capability-comparative__header{align-items:flex-start!important;flex-direction:column!important}.capability-comparative__header section{display:flex;gap:24px}\n"] }]
-        }], ctorParameters: function () { return []; }, propDecorators: { data: [{
-                type: Input
-            }] } });
-
-class MapaCapabilityComparativeHeaderModule {
-}
-MapaCapabilityComparativeHeaderModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: MapaCapabilityComparativeHeaderModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-MapaCapabilityComparativeHeaderModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.10", ngImport: i0, type: MapaCapabilityComparativeHeaderModule, declarations: [MapaCapabilityComparativeHeaderComponent], imports: [CommonModule, MapaCapabilityIntervalModule], exports: [MapaCapabilityComparativeHeaderComponent] });
-MapaCapabilityComparativeHeaderModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: MapaCapabilityComparativeHeaderModule, imports: [CommonModule, MapaCapabilityIntervalModule] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: MapaCapabilityComparativeHeaderModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    declarations: [MapaCapabilityComparativeHeaderComponent],
-                    exports: [MapaCapabilityComparativeHeaderComponent],
-                    imports: [CommonModule, MapaCapabilityIntervalModule],
-                }]
-        }] });
-
-class MapaCapabilityComparativeIndicatorModule {
-}
-MapaCapabilityComparativeIndicatorModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: MapaCapabilityComparativeIndicatorModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-MapaCapabilityComparativeIndicatorModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.10", ngImport: i0, type: MapaCapabilityComparativeIndicatorModule, declarations: [MapaCapabilityComparativeIndicatorComponent], imports: [CommonModule, MatIconModule], exports: [MapaCapabilityComparativeIndicatorComponent] });
-MapaCapabilityComparativeIndicatorModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: MapaCapabilityComparativeIndicatorModule, imports: [CommonModule, MatIconModule] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: MapaCapabilityComparativeIndicatorModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    declarations: [MapaCapabilityComparativeIndicatorComponent],
-                    exports: [MapaCapabilityComparativeIndicatorComponent],
-                    imports: [CommonModule, MatIconModule],
-                }]
-        }] });
-
-class MapaCapabilityComparativeChartModule {
-}
-MapaCapabilityComparativeChartModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: MapaCapabilityComparativeChartModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-MapaCapabilityComparativeChartModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.10", ngImport: i0, type: MapaCapabilityComparativeChartModule, declarations: [MapaCapabilityComparativeChartComponent], imports: [CommonModule, MapaCapabilityComparativeIndicatorModule], exports: [MapaCapabilityComparativeChartComponent] });
-MapaCapabilityComparativeChartModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: MapaCapabilityComparativeChartModule, imports: [CommonModule, MapaCapabilityComparativeIndicatorModule] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: MapaCapabilityComparativeChartModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    declarations: [MapaCapabilityComparativeChartComponent],
-                    exports: [MapaCapabilityComparativeChartComponent],
-                    imports: [CommonModule, MapaCapabilityComparativeIndicatorModule],
-                }]
-        }] });
-
-class ButtonComponent {
-    constructor() {
-        this.clicked = new EventEmitter();
-    }
-    onClick() {
-        this.clicked.emit();
-    }
-}
-ButtonComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-ButtonComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: ButtonComponent, selector: "mapa-button", inputs: { color: "color", disabled: "disabled" }, outputs: { clicked: "clicked" }, ngImport: i0, template: "<button\n  class=\"mapa-button\"\n  (click)=\"onClick()\"\n  [class.primary]=\"color === 'primary'\"\n  [class.accent]=\"color === 'accent'\"\n  [class.basic]=\"color === 'basic'\"\n  [disabled]=\"disabled\"\n>\n  <ng-content></ng-content>\n</button>  ", styles: [".mapa-button{display:flex;padding:14px 42px;justify-content:center;align-items:center;gap:10px;border-radius:28px;border:none;font-family:Inter,Arial,Helvetica,sans-serif;font-weight:500;cursor:pointer;transform-origin:center;transition:transform .2s ease-in-out}.mapa-button:active{transform:scale(1.1)}.mapa-button:disabled{color:#dcdcde!important;background-color:transparent!important}.mapa-button.basic{color:#ea561d;background-color:transparent}.mapa-button.accent{border:2px solid #ea561d!important;color:#ea561d;background-color:#fff}.mapa-button.primary{background-color:#ea561d;color:#fff}\n"] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ButtonComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'mapa-button', template: "<button\n  class=\"mapa-button\"\n  (click)=\"onClick()\"\n  [class.primary]=\"color === 'primary'\"\n  [class.accent]=\"color === 'accent'\"\n  [class.basic]=\"color === 'basic'\"\n  [disabled]=\"disabled\"\n>\n  <ng-content></ng-content>\n</button>  ", styles: [".mapa-button{display:flex;padding:14px 42px;justify-content:center;align-items:center;gap:10px;border-radius:28px;border:none;font-family:Inter,Arial,Helvetica,sans-serif;font-weight:500;cursor:pointer;transform-origin:center;transition:transform .2s ease-in-out}.mapa-button:active{transform:scale(1.1)}.mapa-button:disabled{color:#dcdcde!important;background-color:transparent!important}.mapa-button.basic{color:#ea561d;background-color:transparent}.mapa-button.accent{border:2px solid #ea561d!important;color:#ea561d;background-color:#fff}.mapa-button.primary{background-color:#ea561d;color:#fff}\n"] }]
-        }], propDecorators: { color: [{
-                type: Input
-            }], disabled: [{
-                type: Input
-            }], clicked: [{
-                type: Output
-            }] } });
-
-class MapaDropdownComponent {
-    get selectedOptions() {
-        var _a;
-        const value = ((_a = this.formControl) === null || _a === void 0 ? void 0 : _a.value) || [];
-        return Array.isArray(value) ? value : [value];
-    }
-    constructor() {
-        this.openedChange = new EventEmitter();
-        this.filteredOptions = new ReplaySubject(1);
-        this.filteredGroups = new ReplaySubject(1);
-        this.filteredOptionsCache = [];
-        this.filteredGroupCache = [];
-        this._onDestroy = new Subject();
-        this.isIndeterminate = false;
-        this.isChecked = false;
-        this.isOptionsGroup = false;
-    }
-    ngOnInit() {
-        var _a;
-        this.setOptions();
-        if (this.element.search) {
-            (_a = this.element.search.formControl) === null || _a === void 0 ? void 0 : _a.valueChanges.subscribe(() => {
-                this.filterOptions();
-                this.setToggleAllCheckboxState();
-            });
-        }
-    }
-    ngOnChanges(changes) {
-        var _a, _b, _c;
-        if (changes['element'].previousValue !== undefined &&
-            ((_a = changes["element"].previousValue) === null || _a === void 0 ? void 0 : _a.controlType) === "dropdown" &&
-            ((_b = changes["element"].previousValue) === null || _b === void 0 ? void 0 : _b.options) !== ((_c = changes["element"].currentValue) === null || _c === void 0 ? void 0 : _c.options)) {
-            this.element.options = changes["element"].currentValue.options;
-            this.setOptions();
-        }
-    }
-    ngOnDestroy() {
-        this._onDestroy.next();
-        this._onDestroy.complete();
-    }
-    setOptions() {
-        this.isOptionsGroup = this.isElementGroup(this.element.options[0]);
-        if (this.isOptionsGroup) {
-            this.filteredGroupCache = this.element
-                .options.slice();
-            this.filteredGroups.next(this.filteredGroupCache);
-        }
-        else {
-            this.filteredOptionsCache = this.element
-                .options.slice();
-            this.filteredOptions.next(this.filteredOptionsCache);
-        }
-    }
-    filterOptionsFromGroup(group, value) {
-        const filterValue = this.normalizeValue(value);
-        return this.normalizeValue(group.label).includes(filterValue)
-            ? group.options
-            : group.options.filter((item) => this.normalizeValue(item.value).includes(filterValue));
-    }
-    filterOptions() {
-        var _a, _b;
-        if (!this.element.options) {
-            return;
-        }
-        // get the search keyword
-        let search = this.normalizeValue((_b = (_a = this.element.search) === null || _a === void 0 ? void 0 : _a.formControl) === null || _b === void 0 ? void 0 : _b.value);
-        if (this.isOptionsGroup) {
-            const groups = this.element.options;
-            this.filteredGroupCache = groups
-                .map((group) => ({
-                label: group.label,
-                options: this.filterOptionsFromGroup(group, search),
-            }))
-                .filter((group) => group.options.length > 0);
-            this.filteredGroups.next(this.filteredGroupCache);
-        }
-        else {
-            const options = this.element.options;
-            if (!search) {
-                this.filteredOptionsCache = options.slice();
-                this.filteredOptions.next(this.filteredOptionsCache);
-                return;
-            }
-            // filter the options
-            this.filteredOptionsCache = options.filter((option) => this.normalizeValue(option.value).indexOf(search) > -1);
-            this.filteredOptions.next(this.filteredOptionsCache);
-        }
-    }
-    normalizeValue(value) {
-        const normalizedValue = value
-            .normalize('NFD')
-            .replace(/[\u0300-\u036f]/g, "")
-            .toLowerCase();
-        return normalizedValue;
-    }
-    triggerOpenedChange(event) {
-        this.openedChange.emit(event);
-    }
-    setToggleAllCheckboxState() {
-        var _a, _b;
-        let filteredLength = 0;
-        let search = (_b = (_a = this.element.search) === null || _a === void 0 ? void 0 : _a.formControl) === null || _b === void 0 ? void 0 : _b.value;
-        if (search && search.value) {
-            this.filteredOptionsCache.forEach((el) => {
-                if (search.value.toLowerCase().indexOf(el) > -1) {
-                    filteredLength++;
-                }
-            });
-            this.isIndeterminate =
-                filteredLength > 0 && filteredLength < this.filteredOptionsCache.length;
-            this.isChecked =
-                filteredLength > 0 &&
-                    filteredLength === this.filteredOptionsCache.length;
-        }
-    }
-    toggleSelectAll(event) {
-        const selectAllValue = event.checked;
-        this.filteredOptions.subscribe((options) => {
-            var _a, _b;
-            if (selectAllValue) {
-                (_a = this.formControl) === null || _a === void 0 ? void 0 : _a.patchValue(options);
-            }
-            else {
-                (_b = this.formControl) === null || _b === void 0 ? void 0 : _b.patchValue([]);
-            }
-        });
-        this.filteredGroups.subscribe((groups) => {
-            var _a, _b;
-            if (selectAllValue) {
-                (_a = this.formControl) === null || _a === void 0 ? void 0 : _a.patchValue(groups.map((group) => group.options));
-            }
-            else {
-                (_b = this.formControl) === null || _b === void 0 ? void 0 : _b.patchValue([]);
-            }
-        });
-    }
-    toggleSelection(change) {
-        var _a, _b;
-        if (change.checked) {
-            (_a = this.formControl) === null || _a === void 0 ? void 0 : _a.setValue(this.filteredOptions);
-        }
-        else {
-            (_b = this.formControl) === null || _b === void 0 ? void 0 : _b.setValue([]);
-        }
-    }
-    isElementGroup(object) {
-        try {
-            return (object.label !== undefined &&
-                object.options !== undefined);
-        }
-        catch (e) {
-            return false;
-        }
-    }
-    compareFn(c1, c2) {
-        return c1 && c2 ? c1.key === c2.key : c1 === c2;
-    }
-    hasValue() {
-        return !!this.formControl.value;
-    }
-    clearValue(event) {
-        event.stopPropagation();
-        this.formControl.setValue(null);
-    }
-}
-MapaDropdownComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: MapaDropdownComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-MapaDropdownComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: MapaDropdownComponent, selector: "mapa-dropdown", inputs: { formControl: "formControl", formControlSearch: "formControlSearch", element: "element", border: "border" }, outputs: { openedChange: "openedChange" }, viewQueries: [{ propertyName: "dropdown", first: true, predicate: ["dropdown"], descendants: true, static: true }], usesOnChanges: true, ngImport: i0, template: "<div *ngIf=\"element\">\n  <label *ngIf=\"element.label\" class=\"mapa-dropdown__label\">\n    {{ element.label }}\n  </label>\n  <div class=\"mapa-form--inline\">\n    <mat-form-field\n      appearance=\"outline\"\n      class=\"mapa-dropdown\"\n      [class.mapa-dropdown--highlight]=\"border === 'highlight'\"\n      [class.mapa-dropdown--soft-border]=\"border === 'soft'\"\n      [class.mapa-dropdown--tag]=\"border === 'tag'\"\n      [class.mapa-dropdown--labeled]=\"!!element.label\"\n    >\n      <mat-select\n        #dropdown\n        ngDefaultControl\n        [formControl]=\"formControl\"\n        [multiple]=\"element.multiple\"\n        [placeholder]=\"element.placeholder || ''\"\n        [compareWith]=\"compareFn\"\n        (openedChange)=\"triggerOpenedChange($event)\"\n      >\n        <mat-option *ngIf=\"element.search\" class=\"mapa-dropdown__search\">\n          <ngx-mat-select-search\n            *ngIf=\"element.search.formControl\"\n            [showToggleAllCheckbox]=\"element.search.toggleAllCheckbox!\"\n            [formControl]=\"element.search.formControl\"\n            [placeholderLabel]=\"element.search.placeholder || ''\"\n            i18n-placeholderLabel\n            [noEntriesFoundLabel]=\"element.search.noEntriesFoundLabel || ''\"\n          ></ngx-mat-select-search>\n        </mat-option>\n        <mat-option\n          *ngIf=\"element.multiple\"\n          class=\"mapa-dropdown__option--select-all\"\n        >\n          <mat-checkbox\n            class=\"mat-option\"\n            [indeterminate]=\"isIndeterminate\"\n            [checked]=\"isChecked\"\n            (click)=\"$event.stopPropagation()\"\n            (change)=\"toggleSelectAll($event)\"\n          >\n            Selecionar todos\n          </mat-checkbox>\n        </mat-option>\n        <ng-container *ngIf=\"isOptionsGroup; else isElementOptions\">\n          <mat-optgroup\n            *ngFor=\"let group of filteredGroups | async\"\n            [label]=\"group.label\"\n          >\n            <mat-option\n              *ngFor=\"let option of group.options\"\n              [value]=\"option\"\n              [ngClass]=\"[\n                'mapa-dropdown__option--children-level-' + option.childrenLevel\n              ]\"\n            >\n              <span [innerHTML]=\"option.value\"></span>\n            </mat-option>\n          </mat-optgroup>\n        </ng-container>\n        <ng-template #isElementOptions>\n          <mat-option\n            *ngFor=\"let option of filteredOptions | async\"\n            [value]=\"option\"\n            [ngClass]=\"[\n              'mapa-dropdown__option mapa-dropdown__option--children-level-' + option.childrenLevel\n            ]\"\n          >\n            <span class=\"mapa-dropdown__option-value\" [innerHTML]=\"option.value\"></span>\n          </mat-option>\n        </ng-template>\n\n        <mat-option\n          *ngFor=\"let option of selectedOptions\"\n          hidden\n          [value]=\"option\"\n          [ngClass]=\"[\n            'mapa-dropdown__option--children-level-' + option.childrenLevel\n          ]\"\n        >\n          <span [innerHTML]=\"option.value\"></span>\n        </mat-option>\n      </mat-select>\n      <mat-hint *ngIf=\"element.hint\">{{ element.hint }}</mat-hint>\n      <mat-error *ngIf=\"formControl?.hasError('required')\">\n        {{ element.errors?.required }}\n      </mat-error>\n      <mat-error *ngIf=\"formControl?.hasError('minlength')\">\n        {{ element.errors?.minlength }}\n      </mat-error>\n      <mat-error *ngIf=\"formControl?.hasError('cpf')\">\n        {{ element.errors?.cpf }}\n      </mat-error>\n      <mat-error *ngIf=\"formControl?.hasError('cnpj')\">\n        {{ element.errors?.cnpj }}\n      </mat-error>\n      <mat-error *ngIf=\"formControl?.hasError('email')\">\n        {{ element.errors?.email }}\n      </mat-error>\n      <mat-error *ngIf=\"formControl?.hasError('pattern')\">\n        {{ element.errors?.pattern }}\n      </mat-error>\n      <mat-error *ngIf=\"formControl?.hasError('min')\">\n        {{ element.errors?.min }}\n      </mat-error>\n      <mat-error *ngIf=\"formControl?.hasError('max')\">\n        {{ element.errors?.max }}\n      </mat-error>\n      <mat-error *ngIf=\"formControl?.hasError('minlength')\">\n        {{ element.errors?.minLength }}\n      </mat-error>\n      <mat-error *ngIf=\"formControl?.hasError('maxlength')\">\n        {{ element.errors?.maxLength }}\n      </mat-error>\n      <mat-icon\n        *ngIf=\"hasValue() && !formControl.disabled && element.clearValue\"\n        (click)=\"clearValue($event)\"\n        class=\"mapa-input--close\"\n        >close</mat-icon\n      >\n    </mat-form-field>\n    <div *ngIf=\"element.actionButton\" class=\"mapa-form--action\">\n      <mapa-button\n        color=\"basic\"\n        (click)=\"element.actionButton.action.emit(true)\"\n      >\n        {{ element.actionButton.label }}\n      </mapa-button>\n    </div>\n  </div>\n</div>\n", styles: [".mapa-dropdown{max-width:min-content;min-width:235px}.mapa-dropdown .mat-select{font-family:Inter,Arial,Helvetica,sans-serif!important}.mapa-dropdown .mat-icon{display:flex;justify-content:center;align-items:center;position:absolute;right:32px;top:4px}.mapa-dropdown__label{display:block;font-size:12px;font-style:normal;font-weight:600;line-height:16px;text-transform:uppercase;margin-bottom:16px}.mapa-dropdown__option{height:auto!important;align-items:start!important}.mapa-dropdown__option--children-level-1{padding-left:30px!important}.mapa-dropdown__option--children-level-2{padding-left:50px!important}.mapa-dropdown__option--children-level-3{padding-left:70px!important}.mapa-dropdown__option--children-level-4{padding-left:90px!important}.mapa-dropdown__option--children-level-5{padding-left:100px!important}.mapa-dropdown__option--children-level-6{padding-left:120px!important}.mapa-dropdown__option--select-all .mat-pseudo-checkbox{display:none!important}.mapa-dropdown__option--select-all .mat-checkbox{padding:0!important}.mapa-dropdown__option-value{text-wrap:auto}.mapa-dropdown__option .mat-pseudo-checkbox{margin:7px 7px 7px 0!important}.mapa-dropdown__option .mat-option-text{height:auto!important}.mapa-dropdown--highlight .mat-form-field-outline{border-radius:16px!important}.mapa-dropdown--highlight .mat-form-field-outline .mat-form-field-outline-start,.mapa-dropdown--highlight .mat-form-field-outline .mat-form-field-outline-end{border-width:2px!important;border-color:#eedb2a!important}.mapa-dropdown--highlight .mat-form-field-outline .mat-form-field-outline-start{display:none!important}.mapa-dropdown--highlight .mat-form-field-outline .mat-form-field-outline-end{border-radius:16px!important;border-left-style:solid!important}.mapa-dropdown--soft-border .mat-form-field-outline .mat-form-field-outline-start,.mapa-dropdown--soft-border .mat-form-field-outline .mat-form-field-outline-end{border-width:1px!important}.mapa-dropdown--tag .mat-form-field-outline{border-radius:16px!important;height:42px!important}.mapa-dropdown--tag .mat-form-field-outline .mat-form-field-outline-start,.mapa-dropdown--tag .mat-form-field-outline .mat-form-field-outline-end{border-width:1px!important;border-color:#cdcdcd}.mapa-dropdown--tag .mat-form-field-outline .mat-form-field-outline-start{display:none!important}.mapa-dropdown--tag .mat-form-field-outline .mat-form-field-outline-end{border-radius:16px!important;border-left-style:solid!important}.mapa-dropdown .mat-form-field-outline{background-color:#fff;border-radius:8px}.mapa-dropdown .mat-form-field-outline .mat-form-field-outline-start,.mapa-dropdown .mat-form-field-outline .mat-form-field-outline-end{border-width:2px}.mapa-dropdown .mat-form-field-flex{display:flex;align-items:center;height:48px}.mapa-dropdown .mat-form-field-infix{border-top:unset!important;padding:unset!important;position:relative}.mapa-dropdown .mat-select-trigger{min-width:50px;padding-top:.3em;height:unset!important}.mapa-dropdown .mat-select-value-text{display:block;width:90%}.mapa-dropdown .mat-select-arrow-wrapper{transform:none!important}.mapa-dropdown .mat-select-arrow{border:unset}.mapa-dropdown .mat-select-arrow:before,.mapa-dropdown .mat-select-arrow:after{content:\"\";display:block;margin-top:-4px;position:absolute;right:10px;top:50%;width:0;border:solid black;border-width:0 2px 2px 0;padding:3px;transform:rotate(45deg);-webkit-transform:rotate(45deg)}.mapa-dropdown .mat-form-field-subscript-wrapper{padding:0!important}.mapa-dropdown [aria-expanded=true] .mat-select-arrow{margin:6px 0 0}.mapa-dropdown [aria-expanded=true] .mat-select-arrow:before,.mapa-dropdown [aria-expanded=true] .mat-select-arrow:after{transform:rotate(-135deg)!important;-webkit-transform:rotate(-135deg)!important}.mapa-overlay-dropdown{transform:translate(-16px) translateY(36px)!important}.mapa-overlay-dropdown .mat-select-panel{border-radius:8px;min-width:calc(100% + 24px)!important}.mapa-overlay-dropdown .mat-select-panel .mat-option,.mapa-overlay-dropdown .mat-select-panel .mat-option-text{font-family:Inter,Arial,Helvetica,sans-serif!important;font-size:16px;font-style:normal;font-weight:400;line-height:2em;height:2em;color:#50575e}.mapa-overlay-dropdown .mat-select-panel .mat-option[aria-disabled=true].contains-mat-select-search{height:48px}.mapa-overlay-dropdown .mat-select-panel .mat-select-search-inside-mat-option .mat-select-search-input{background-color:#fff;border:2px solid #a7aaad;border-radius:6px;margin:8px;height:2.3em!important;line-height:2.3em!important;width:96%}.mapa-overlay-dropdown .mat-select-panel .mat-select-search-input{padding:8px 53px 8px 8px!important}.mapa-overlay-dropdown .mat-select-panel .mat-select-search-inner{background-color:#f6f7f7}.mapa-overlay-dropdown .mat-pseudo-checkbox{color:#c3c4c7!important}.mapa-overlay-dropdown .mat-checkbox-frame{border-color:#c3c4c7!important}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.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.MatCheckbox, selector: "mat-checkbox", inputs: ["disableRipple", "color", "tabIndex"], exportAs: ["matCheckbox"] }, { kind: "component", type: ButtonComponent, selector: "mapa-button", inputs: ["color", "disabled"], outputs: ["clicked"] }, { kind: "component", type: i1$1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "directive", type: i6.MatError, selector: "mat-error", inputs: ["id"] }, { kind: "component", type: i6.MatFormField, selector: "mat-form-field", inputs: ["color", "appearance", "hideRequiredMarker", "hintLabel", "floatLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i6.MatHint, selector: "mat-hint", inputs: ["align", "id"] }, { kind: "component", type: i7.MatSelect, selector: "mat-select", inputs: ["disabled", "disableRipple", "tabIndex"], exportAs: ["matSelect"] }, { kind: "component", type: i8.MatOption, selector: "mat-option", exportAs: ["matOption"] }, { kind: "component", type: i8.MatOptgroup, selector: "mat-optgroup", inputs: ["disabled"], exportAs: ["matOptgroup"] }, { kind: "component", type: i9.MatSelectSearchComponent, selector: "ngx-mat-select-search", inputs: ["placeholderLabel", "type", "closeIcon", "closeSvgIcon", "noEntriesFoundLabel", "clearSearchInput", "searching", "disableInitialFocus", "enableClearOnEscapePressed", "preventHomeEndKeyPropagation", "disableScrollToActiveOnOptionsChanged", "ariaLabel", "showToggleAllCheckbox", "toggleAllCheckboxChecked", "toggleAllCheckboxIndeterminate", "toggleAllCheckboxTooltipMessage", "toggleAllCheckboxTooltipPosition", "hideClearSearchButton", "alwaysRestoreSelectedOptionsMulti"], outputs: ["toggleAll"] }, { kind: "pipe", type: i1.AsyncPipe, name: "async" }], encapsulation: i0.ViewEncapsulation.None });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: MapaDropdownComponent, decorators: [{
-            type: Component,
-            args: [{ selector: "mapa-dropdown", encapsulation: ViewEncapsulation.None, template: "<div *ngIf=\"element\">\n  <label *ngIf=\"element.label\" class=\"mapa-dropdown__label\">\n    {{ element.label }}\n  </label>\n  <div class=\"mapa-form--inline\">\n    <mat-form-field\n      appearance=\"outline\"\n      class=\"mapa-dropdown\"\n      [class.mapa-dropdown--highlight]=\"border === 'highlight'\"\n      [class.mapa-dropdown--soft-border]=\"border === 'soft'\"\n      [class.mapa-dropdown--tag]=\"border === 'tag'\"\n      [class.mapa-dropdown--labeled]=\"!!element.label\"\n    >\n      <mat-select\n        #dropdown\n        ngDefaultControl\n        [formControl]=\"formControl\"\n        [multiple]=\"element.multiple\"\n        [placeholder]=\"element.placeholder || ''\"\n        [compareWith]=\"compareFn\"\n        (openedChange)=\"triggerOpenedChange($event)\"\n      >\n        <mat-option *ngIf=\"element.search\" class=\"mapa-dropdown__search\">\n          <ngx-mat-select-search\n            *ngIf=\"element.search.formControl\"\n            [showToggleAllCheckbox]=\"element.search.toggleAllCheckbox!\"\n            [formControl]=\"element.search.formControl\"\n            [placeholderLabel]=\"element.search.placeholder || ''\"\n            i18n-placeholderLabel\n            [noEntriesFoundLabel]=\"element.search.noEntriesFoundLabel || ''\"\n          ></ngx-mat-select-search>\n        </mat-option>\n        <mat-option\n          *ngIf=\"element.multiple\"\n          class=\"mapa-dropdown__option--select-all\"\n        >\n          <mat-checkbox\n            class=\"mat-option\"\n            [indeterminate]=\"isIndeterminate\"\n            [checked]=\"isChecked\"\n            (click)=\"$event.stopPropagation()\"\n            (change)=\"toggleSelectAll($event)\"\n          >\n            Selecionar todos\n          </mat-checkbox>\n        </mat-option>\n        <ng-container *ngIf=\"isOptionsGroup; else isElementOptions\">\n          <mat-optgroup\n            *ngFor=\"let group of filteredGroups | async\"\n            [label]=\"group.label\"\n          >\n            <mat-option\n              *ngFor=\"let option of group.options\"\n              [value]=\"option\"\n              [ngClass]=\"[\n                'mapa-dropdown__option--children-level-' + option.childrenLevel\n              ]\"\n            >\n              <span [innerHTML]=\"option.value\"></span>\n            </mat-option>\n          </mat-optgroup>\n        </ng-container>\n        <ng-template #isElementOptions>\n          <mat-option\n            *ngFor=\"let option of filteredOptions | async\"\n            [value]=\"option\"\n            [ngClass]=\"[\n              'mapa-dropdown__option mapa-dropdown__option--children-level-' + option.childrenLevel\n            ]\"\n          >\n            <span class=\"mapa-dropdown__option-value\" [innerHTML]=\"option.value\"></span>\n          </mat-option>\n        </ng-template>\n\n        <mat-option\n          *ngFor=\"let option of selectedOptions\"\n          hidden\n          [value]=\"option\"\n          [ngClass]=\"[\n            'mapa-dropdown__option--children-level-' + option.childrenLevel\n          ]\"\n        >\n          <span [innerHTML]=\"option.value\"></span>\n        </mat-option>\n      </mat-select>\n      <mat-hint *ngIf=\"element.hint\">{{ element.hint }}</mat-hint>\n      <mat-error *ngIf=\"formControl?.hasError('required')\">\n        {{ element.errors?.required }}\n      </mat-error>\n      <mat-error *ngIf=\"formControl?.hasError('minlength')\">\n        {{ element.errors?.minlength }}\n      </mat-error>\n      <mat-error *ngIf=\"formControl?.hasError('cpf')\">\n        {{ element.errors?.cpf }}\n      </mat-error>\n      <mat-error *ngIf=\"formControl?.hasError('cnpj')\">\n        {{ element.errors?.cnpj }}\n      </mat-error>\n      <mat-error *ngIf=\"formControl?.hasError('email')\">\n        {{ element.errors?.email }}\n      </mat-error>\n      <mat-error *ngIf=\"formControl?.hasError('pattern')\">\n        {{ element.errors?.pattern }}\n      </mat-error>\n      <mat-error *ngIf=\"formControl?.hasError('min')\">\n        {{ element.errors?.min }}\n      </mat-error>\n      <mat-error *ngIf=\"formControl?.hasError('max')\">\n        {{ element.errors?.max }}\n      </mat-error>\n      <mat-error *ngIf=\"formControl?.hasError('minlength')\">\n        {{ element.errors?.minLength }}\n      </mat-error>\n      <mat-error *ngIf=\"formControl?.hasError('maxlength')\">\n        {{ element.errors?.maxLength }}\n      </mat-error>\n      <mat-icon\n        *ngIf=\"hasValue() && !formControl.disabled && element.clearValue\"\n        (click)=\"clearValue($event)\"\n        class=\"mapa-input--close\"\n        >close</mat-icon\n      >\n    </mat-form-field>\n    <div *ngIf=\"element.actionButton\" class=\"mapa-form--action\">\n      <mapa-button\n        color=\"basic\"\n        (click)=\"element.actionButton.action.emit(true)\"\n      >\n        {{ element.actionButton.label }}\n      </mapa-button>\n    </div>\n  </div>\n</div>\n", styles: [".mapa-dropdown{max-width:min-content;min-width:235px}.mapa-dropdown .mat-select{font-family:Inter,Arial,Helvetica,sans-serif!important}.mapa-dropdown .mat-icon{display:flex;justify-content:center;align-items:center;position:absolute;right:32px;top:4px}.mapa-dropdown__label{display:block;font-size:12px;font-style:normal;font-weight:600;line-height:16px;text-transform:uppercase;margin-bottom:16px}.mapa-dropdown__option{height:auto!important;align-items:start!important}.mapa-dropdown__option--children-level-1{padding-left:30px!important}.mapa-dropdown__option--children-level-2{padding-left:50px!important}.mapa-dropdown__option--children-level-3{padding-left:70px!important}.mapa-dropdown__option--children-level-4{padding-left:90px!important}.mapa-dropdown__option--children-level-5{padding-left:100px!important}.mapa-dropdown__option--children-level-6{padding-left:120px!important}.mapa-dropdown__option--select-all .mat-pseudo-checkbox{display:none!important}.mapa-dropdown__option--select-all .mat-checkbox{padding:0!important}.mapa-dropdown__option-value{text-wrap:auto}.mapa-dropdown__option .mat-pseudo-checkbox{margin:7px 7px 7px 0!important}.mapa-dropdown__option .mat-option-text{height:auto!important}.mapa-dropdown--highlight .mat-form-field-outline{border-radius:16px!important}.mapa-dropdown--highlight .mat-form-field-outline .mat-form-field-outline-start,.mapa-dropdown--highlight .mat-form-field-outline .mat-form-field-outline-end{border-width:2px!important;border-color:#eedb2a!important}.mapa-dropdown--highlight .mat-form-field-outline .mat-form-field-outline-start{display:none!important}.mapa-dropdown--highlight .mat-form-field-outline .mat-form-field-outline-end{border-radius:16px!important;border-left-style:solid!important}.mapa-dropdown--soft-border .mat-form-field-outline .mat-form-field-outline-start,.mapa-dropdown--soft-border .mat-form-field-outline .mat-form-field-outline-end{border-width:1px!important}.mapa-dropdown--tag .mat-form-field-outline{border-radius:16px!important;height:42px!important}.mapa-dropdown--tag .mat-form-field-outline .mat-form-field-outline-start,.mapa-dropdown--tag .mat-form-field-outline .mat-form-field-outline-end{border-width:1px!important;border-color:#cdcdcd}.mapa-dropdown--tag .mat-form-field-outline .mat-form-field-outline-start{display:none!important}.mapa-dropdown--tag .mat-form-field-outline .mat-form-field-outline-end{border-radius:16px!important;border-left-style:solid!important}.mapa-dropdown .mat-form-field-outline{background-color:#fff;border-radius:8px}.mapa-dropdown .mat-form-field-outline .mat-form-field-outline-start,.mapa-dropdown .mat-form-field-outline .mat-form-field-outline-end{border-width:2px}.mapa-dropdown .mat-form-field-flex{display:flex;align-items:center;height:48px}.mapa-dropdown .mat-form-field-infix{border-top:unset!important;padding:unset!important;position:relative}.mapa-dropdown .mat-select-trigger{min-width:50px;padding-top:.3em;height:unset!important}.mapa-dropdown .mat-select-value-text{display:block;width:90%}.mapa-dropdown .mat-select-arrow-wrapper{transform:none!important}.mapa-dropdown .mat-select-arrow{border:unset}.mapa-dropdown .mat-select-arrow:before,.mapa-dropdown .mat-select-arrow:after{content:\"\";display:block;margin-top:-4px;position:absolute;right:10px;top:50%;width:0;border:solid black;border-width:0 2px 2px 0;padding:3px;transform:rotate(45deg);-webkit-transform:rotate(45deg)}.mapa-dropdown .mat-form-field-subscript-wrapper{padding:0!important}.mapa-dropdown [aria-expanded=true] .mat-select-arrow{margin:6px 0 0}.mapa-dropdown [aria-expanded=true] .mat-select-arrow:before,.mapa-dropdown [aria-expanded=true] .mat-select-arrow:after{transform:rotate(-135deg)!important;-webkit-transform:rotate(-135deg)!important}.mapa-overlay-dropdown{transform:translate(-16px) translateY(36px)!important}.mapa-overlay-dropdown .mat-select-panel{border-radius:8px;min-width:calc(100% + 24px)!important}.mapa-overlay-dropdown .mat-select-panel .mat-option,.mapa-overlay-dropdown .mat-select-panel .mat-option-text{font-family:Inter,Arial,Helvetica,sans-serif!important;font-size:16px;font-style:normal;font-weight:400;line-height:2em;height:2em;color:#50575e}.mapa-overlay-dropdown .mat-select-panel .mat-option[aria-disabled=true].contains-mat-select-search{height:48px}.mapa-overlay-dropdown .mat-select-panel .mat-select-search-inside-mat-option .mat-select-search-input{background-color:#fff;border:2px solid #a7aaad;border-radius:6px;margin:8px;height:2.3em!important;line-height:2.3em!important;width:96%}.mapa-overlay-dropdown .mat-select-panel .mat-select-search-input{padding:8px 53px 8px 8px!important}.mapa-overlay-dropdown .mat-select-panel .mat-select-search-inner{background-color:#f6f7f7}.mapa-overlay-dropdown .mat-pseudo-checkbox{color:#c3c4c7!important}.mapa-overlay-dropdown .mat-checkbox-frame{border-color:#c3c4c7!important}\n"] }]
-        }], ctorParameters: function () { return []; }, propDecorators: { formControl: [{
-                type: Input
-            }], formControlSearch: [{
-                type: Input
-            }], element: [{
-                type: Input
-            }], border: [{
-                type: Input
-            }], openedChange: [{
-                type: Output
-            }], dropdown: [{
-                type: ViewChild,
-                args: ["dropdown", { static: true }]
-            }] } });
-
-class MapaButtonModule {
-}
-MapaButtonModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: MapaButtonModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-MapaButtonModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.10", ngImport: i0, type: MapaButtonModule, declarations: [ButtonComponent], imports: [CommonModule, MatButtonModule], exports: [ButtonComponent] });
-MapaButtonModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: MapaButtonModule, imports: [CommonModule, MatButtonModule] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: MapaButtonModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    declarations: [ButtonComponent],
-                    exports: [ButtonComponent],
-                    imports: [CommonModule, MatButtonModule],
-                }]
-        }] });
-
-/*
- * Public API Surface of mapa-library-ui button
- */
-
-class MapaDropdownModule {
-}
-MapaDropdownModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: MapaDropdownModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-MapaDropdownModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.10", ngImport: i0, type: MapaDropdownModule, declarations: [MapaDropdownComponent], imports: [CommonModule,
-        FormsModule,
-        ReactiveFormsModule,
-        MatButtonModule,
-        MatCheckboxModule,
-        MapaButtonModule,
-        MatListModule,
-        MatIconModule,
-        MatSelectModule,
-        NgxMatSelectSearchModule], exports: [MapaDropdownComponent] });
-MapaDropdownModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: MapaDropdownModule, providers: [
-        {
-            provide: MAT_SELECT_CONFIG,
-            useValue: { overlayPanelClass: "mapa-overlay-dropdown" },
-        },
-        {
-            provide: MAT_FORM_FIELD_DEFAULT_OPTIONS,
-            useValue: { appearance: "outline" },
-        },
-    ], imports: [CommonModule,
-        FormsModule,
-        ReactiveFormsModule,
-        MatButtonModule,
-        MatCheckboxModule,
-        MapaButtonModule,
-        MatListModule,
-        MatIconModule,
-        MatSelectModule,
-        NgxMatSelectSearchModule] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: MapaDropdownModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    declarations: [MapaDropdownComponent],
-                    exports: [MapaDropdownComponent],
-                    imports: [
-                        CommonModule,
-                        FormsModule,
-                        ReactiveFormsModule,
-                        MatButtonModule,
-                        MatCheckboxModule,
-                        MapaButtonModule,
-                        MatListModule,
-                        MatIconModule,
-                        MatSelectModule,
-                        NgxMatSelectSearchModule,
-                    ],
-                    providers: [
-                        {
-                            provide: MAT_SELECT_CONFIG,
-                            useValue: { overlayPanelClass: "mapa-overlay-dropdown" },
-                        },
-                        {
-                            provide: MAT_FORM_FIELD_DEFAULT_OPTIONS,
-                            useValue: { appearance: "outline" },
-                        },
-                    ],
-                }]
-        }] });
-
-/*
- * Public API Surface of mapa-library-ui dropdown
- */
-
-class MapaCapabilityComparativeModule {
-}
-MapaCapabilityComparativeModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: MapaCapabilityComparativeModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-MapaCapabilityComparativeModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.10", ngImport: i0, type: MapaCapabilityComparativeModule, declarations: [MapaCapabilityComparativeComponent], imports: [CommonModule,
-        MapaCapabilityComparativeChartModule,
-        MapaCapabilityComparativeHeaderModule,
-        MapaDropdownModule], exports: [MapaCapabilityComparativeComponent] });
-MapaCapabilityComparativeModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: MapaCapabilityComparativeModule, imports: [CommonModule,
-        MapaCapabilityComparativeChartModule,
-        MapaCapabilityComparativeHeaderModule,
-        MapaDropdownModule] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: MapaCapabilityComparativeModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    declarations: [MapaCapabilityComparativeComponent],
-                    exports: [MapaCapabilityComparativeComponent],
-                    imports: [
-                        CommonModule,
-                        MapaCapabilityComparativeChartModule,
-                        MapaCapabilityComparativeHeaderModule,
-                        MapaDropdownModule
-                    ],
-                }]
-        }] });
-
-class MapaCapabilityDetailComponent {
-    constructor(classification) {
-        this.classification = classification;
-        this.expanded = new Set();
-        this.showTagInterval = true;
-    }
-    ngOnInit() {
-        if (this.isExpanded) {
-            this.expanded = new Set(this.data.map((_, i) => i));
-            this.accordion.openAll();
-        }
-    }
-    sortItemsByinterval(items) {
-        return items === null || items === void 0 ? void 0 : items.sort((a, b) => b.interval - a.interval);
-    }
-    showMore(index) {
-        if (this.expanded.has(index)) {
-            this.expanded.delete(index);
-        }
-        else {
-            this.expanded.add(index);
-        }
-    }
-    toggleAll() {
-        if (this.expanded.size === this.data.length) {
-            this.expanded.clear();
-            this.accordion.closeAll();
-        }
-        else {
-            this.expanded = new Set(this.data.map((_, i) => i));
-            this.accordion.openAll();
-        }
-    }
-    createTag(item) {
-        return {
-            bgColor: item.classificationBg || "",
-            fontSize: item.classificationFontSize || "",
-            size: "small",
-        };
-    }
-    isSVG(item) {
-        return !!item.classificationBg && item.classificationBg === "SVG";
-    }
-}
-MapaCapabilityDetailComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: MapaCapabilityDetailComponent, deps: [{ token: CapabilityClassificationService }], target: i0.ɵɵFactoryTarget.Component });
-MapaCapabilityDetailComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: MapaCapabilityDetailComponent, selector: "mapa-capability-detail", inputs: { data: "data", showTags: "showTags", showProgressBar: "showProgressBar", showInterval: "showInterval", isExpanded: "isExpanded" }, viewQueries: [{ propertyName: "accordion", first: true, predicate: ["detailAccordion"], descendants: true }], ngImport: i0, template: "<mat-accordion class=\"capability-detail\" #detailAccordion=\"matAccordion\" multi>\n  <mat-expansion-panel *ngFor=\"let capability of data; let i = index\" [expanded]=\"expanded.has(i)\" >\n    <mat-expansion-panel-header>\n      <div class=\"capability__item--header\">\n        <div class=\"capability__item--title-dots\">\n          <div class=\"capability__item--title display-L\">\n            {{ capability.name }}\n            <span class=\"capability__item--title-tag\" *ngIf=\"showTags\">\n              <mapa-tag [tag]=\"createTag(capability)\">\n                <mapa-capability-dot\n                  *ngIf=\"capability.classificationColor\"\n                  [item]=\"capability\"\n                  [capability]=\"capability\"\n                ></mapa-capability-dot>\n                {{ capability.classificationName }}\n              </mapa-tag>\n            </span>\n          </div>\n\n          <div class=\"capability__item--dots\" *ngIf=\"isSVG(capability)\">\n            <mapa-capability-dot\n              *ngFor=\"let item of sortItemsByinterval(capability.items)\"\n              type=\"small\"\n              [item]=\"item\"\n              [capability]=\"capability\"\n              [tooltip]=\"true\"\n            ></mapa-capability-dot>\n          </div>\n        </div>\n\n        <div [class.capability__item--interval]=\"showProgressBar\">\n          <mapa-capability-interval-bar\n            [data]=\"capability\"\n            [expanded]=\"expanded.has(i)\"\n            [showInterval]=\"showInterval\"\n            (clicked)=\"showMore(i)\"\n            reusable-interval-bar\n          ></mapa-capability-interval-bar>\n        </div>\n      </div>\n    </mat-expansion-panel-header>\n    <mapa-capability-expand [data]=\"capability\"></mapa-capability-expand>\n  </mat-expansion-panel>\n</mat-accordion>\n\n<!--\n<section class=\"capability\">\n  <div class=\"capability__core\">\n    <div\n      *ngFor=\"let capability of data; let i = index\"\n      class=\"capability__item\"\n    >\n      <div class=\"capability__item--header\">\n        <div class=\"capability__item--title-dots\">\n          <div class=\"capability__item--title display-L\">\n            {{ capability.name }}\n            <span class=\"capability__item--title-tag\" *ngIf=\"showTagInterval\">\n              <mapa-tag [tag]=\"createTag()\">\n                <mapa-capability-dot\n                  [item]=\"capability\"\n                  [capability]=\"capability\"\n                ></mapa-capability-dot>\n\n                {{ classification.getByItem(capability).name }}\n              </mapa-tag>\n            </span>\n          </div>\n\n          <div class=\"capability__item--dots\">\n            <mapa-capability-dot\n              *ngFor=\"let item of sortItemsByinterval(capability.items)\"\n              type=\"small\"\n              [item]=\"item\"\n              [capability]=\"capability\"\n              [tooltip]=\"true\"\n            ></mapa-capability-dot>\n          </div>\n        </div>\n\n        <div [class.capability__item--interval]=\"showTagInterval\">\n          <mapa-capability-interval-bar\n            [data]=\"capability\"\n            [expanded]=\"expanded.has(i)\"\n            [showInterval]=\"!showTagInterval\"\n            (clicked)=\"showMore(i)\"\n            reusable-interval-bar\n          ></mapa-capability-interval-bar>\n        </div>\n      </div>\n      <div\n        [class.capability__item--show]=\"expanded.has(i)\"\n        [class.capability__item--hide]=\"!expanded.has(i)\"\n      >\n        <mapa-capability-expand [data]=\"capability\"></mapa-capability-expand>\n      </div>\n    </div>\n  </div>\n</section>\n-->\n", styles: [".capability-detail .mat-expansion-panel{border-radius:0!important}.capability-detail .mat-expansion-panel-spacing{margin:unset!important}.capability-detail .mat-expansion-panel:last-of-type{border-bottom-right-radius:16px!important;border-bottom-left-radius:16px!important}.capability-detail .mat-expansion-panel:first-of-type{border-top-right-radius:16px!important;border-top-left-radius:16px!important}.capability-detail .mat-expansion-panel-header{height:unset!important;padding:16px 24px!important}.capability{border-radius:16px}.capability h1{font-family:Inter,Arial,Helvetica,sans-serif;font-size:32px;font-style:normal;font-weight:400;line-height:40px}.capability__core{border:1px solid #DCDCDE;border-radius:16px;background-color:#fff}.capability__item{padding:24px;position:relative}.capability__item:hover{box-shadow:0 4px 4px #00000021}.capability__item:not(:only-child){border-bottom:1px solid #dcdcde}.capability__item:first-child{border-radius:16px 16px 0 0}.capability__item:last-child{border-bottom:unset;border-radius:0 0 16px 16px}.capability__item--hide{opacity:0;max-height:0;height:0}.capability__item--hide>*{display:none!important;opacity:0!important;max-height:0!important;height:0!important;margin:0!important;padding:0!important;flex:0}.capability__item--show{opacity:1;max-height:100%;height:100%}.capability__item--header{display:flex;align-items:center;justify-content:space-between;height:75px;width:98%}.capability__item--title{display:flex;align-items:center;white-space:nowrap}.capability__item--title-tag{margin-left:34px}.capability__item--title-dots{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;height:72px}.capability__item--title-dots .display-L{margin-bottom:10px}.capability__item--dots{display:flex}.capability__item--dots mapa-capability-dot .tooltip-dot{padding:8px 8px 8px 0}\n", ".classification-1{background-color:#073e92;color:#fff}.classification-2{background-color:#0e6ece;color:#fff}.classification-3{background-color:#2d9ced;color:#000}.classification-4{background-color:#68ceee;color:#000}.classification-5{background-color:#96f2ee;color:#000}.classification-6{background-color:#f598a7;color:#000}.classification-7{background-color:#f56580;color:#000}.classification-8{background-color:#f4284e;color:#fff}.classification-9{background-color:#c11c2f;color:#fff}.small-dot{width:12px;height:12px;border-radius:12px;padding:0;margin:0}.dot{width:16px;height:16px;border-radius:16px;padding:0;margin:0}.indicator{display:flex;padding:2px 4px 2px 16px;justify-content:space-between;align-items:center;border-radius:8px;font-family:Inter,Arial,Helvetica,sans-serif;font-size:16px;font-style:normal;font-weight:400}.display-S{font-family:Inter,Arial,Helvetica,sans-serif;font-size:20px;font-style:normal;font-weight:400}.display-L{font-family:Inter,Arial,Helvetica,sans-serif;font-size:32px;font-style:normal;font-weight:400}.display-XG{font-family:Inter,Arial,Helvetica,sans-serif;font-size:48px;font-style:normal;font-weight:400}*{transition:opacity .4s ease-out,max-height .4s ease-out}\n"], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: MapaCapabilityDotComponent, selector: "mapa-capability-dot", inputs: ["type", "item", "tooltip", "capability"] }, { kind: "component", type: MapaCapabilityIntervalBarComponent, selector: "mapa-capability-interval-bar", inputs: ["data", "expanded", "showInterval"], outputs: ["clicked"] }, { kind: "component", type: MapaCapabilityExpandComponent, selector: "mapa-capability-expand", inputs: ["data"] }, { kind: "component", type: i6$1.TagComponent, selector: "mapa-tag", inputs: ["tag"] }, { kind: "directive", type: i4.MatAccordion, selector: "mat-accordion", inputs: ["multi", "hideToggle", "displayMode", "togglePosition"], exportAs: ["matAccordion"] }, { kind: "component", type: i4.MatExpansionPanel, selector: "mat-expansion-panel", inputs: ["disabled", "expanded", "hideToggle", "togglePosition"], outputs: ["opened", "closed", "expandedChange", "afterExpand", "afterCollapse"], exportAs: ["matExpansionPanel"] }, { kind: "component", type: i4.MatExpansionPanelHeader, selector: "mat-expansion-panel-header", inputs: ["tabIndex", "expandedHeight", "collapsedHeight"] }], encapsulation: i0.ViewEncapsulation.None });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: MapaCapabilityDetailComponent, decorators: [{
-            type: Component,
-            args: [{ selector: "mapa-capability-detail", encapsulation: ViewEncapsulation.None, template: "<mat-accordion class=\"capability-detail\" #detailAccordion=\"matAccordion\" multi>\n  <mat-expansion-panel *ngFor=\"let capability of data; let i = index\" [expanded]=\"expanded.has(i)\" >\n    <mat-expansion-panel-header>\n      <div class=\"capability__item--header\">\n        <div class=\"capability__item--title-dots\">\n          <div class=\"capability__item--title display-L\">\n            {{ capability.name }}\n            <span class=\"capability__item--title-tag\" *ngIf=\"showTags\">\n              <mapa-tag [tag]=\"createTag(capability)\">\n                <mapa-capability-dot\n                  *ngIf=\"capability.classificationColor\"\n                  [item]=\"capability\"\n                  [capability]=\"capability\"\n                ></mapa-capability-dot>\n                {{ capability.classificationName }}\n              </mapa-tag>\n            </span>\n          </div>\n\n          <div class=\"capability__item--dots\" *ngIf=\"isSVG(capability)\">\n            <mapa-capability-dot\n              *ngFor=\"let item of sortItemsByinterval(capability.items)\"\n              type=\"small\"\n              [item]=\"item\"\n              [capability]=\"capability\"\n              [tooltip]=\"true\"\n            ></mapa-capability-dot>\n          </div>\n        </div>\n\n        <div [class.capability__item--interval]=\"showProgressBar\">\n          <mapa-capability-interval-bar\n            [data]=\"capability\"\n            [expanded]=\"expanded.has(i)\"\n            [showInterval]=\"showInterval\"\n            (clicked)=\"showMore(i)\"\n            reusable-interval-bar\n          ></mapa-capability-interval-bar>\n        </div>\n      </div>\n    </mat-expansion-panel-header>\n    <mapa-capability-expand [data]=\"capability\"></mapa-capability-expand>\n  </mat-expansion-panel>\n</mat-accordion>\n\n<!--\n<section class=\"capability\">\n  <div class=\"capability__core\">\n    <div\n      *ngFor=\"let capability of data; let i = index\"\n      class=\"capability__item\"\n    >\n      <div class=\"capability__item--header\">\n        <div class=\"capability__item--title-dots\">\n          <div class=\"capability__item--title display-L\">\n            {{ capability.name }}\n            <span class=\"capability__item--title-tag\" *ngIf=\"showTagInterval\">\n              <mapa-tag [tag]=\"createTag()\">\n                <mapa-capability-dot\n                  [item]=\"capability\"\n                  [capability]=\"capability\"\n                ></mapa-capability-dot>\n\n                {{ classification.getByItem(capability).name }}\n              </mapa-tag>\n            </span>\n          </div>\n\n          <div class=\"capability__item--dots\">\n            <mapa-capability-dot\n              *ngFor=\"let item of sortItemsByinterval(capability.items)\"\n              type=\"small\"\n              [item]=\"item\"\n              [capability]=\"capability\"\n              [tooltip]=\"true\"\n            ></mapa-capability-dot>\n          </div>\n        </div>\n\n        <div [class.capability__item--interval]=\"showTagInterval\">\n          <mapa-capability-interval-bar\n            [data]=\"capability\"\n            [expanded]=\"expanded.has(i)\"\n            [showInterval]=\"!showTagInterval\"\n            (clicked)=\"showMore(i)\"\n            reusable-interval-bar\n          ></mapa-capability-interval-bar>\n        </div>\n      </div>\n      <div\n        [class.capability__item--show]=\"expanded.has(i)\"\n        [class.capability__item--hide]=\"!expanded.has(i)\"\n      >\n        <mapa-capability-expand [data]=\"capability\"></mapa-capability-expand>\n      </div>\n    </div>\n  </div>\n</section>\n-->\n", styles: [".capability-detail .mat-expansion-panel{border-radius:0!important}.capability-detail .mat-expansion-panel-spacing{margin:unset!important}.capability-detail .mat-expansion-panel:last-of-type{border-bottom-right-radius:16px!important;border-bottom-left-radius:16px!important}.capability-detail .mat-expansion-panel:first-of-type{border-top-right-radius:16px!important;border-top-left-radius:16px!important}.capability-detail .mat-expansion-panel-header{height:unset!important;padding:16px 24px!important}.capability{border-radius:16px}.capability h1{font-family:Inter,Arial,Helvetica,sans-serif;font-size:32px;font-style:normal;font-weight:400;line-height:40px}.capability__core{border:1px solid #DCDCDE;border-radius:16px;background-color:#fff}.capability__item{padding:24px;position:relative}.capability__item:hover{box-shadow:0 4px 4px #00000021}.capability__item:not(:only-child){border-bottom:1px solid #dcdcde}.capability__item:first-child{border-radius:16px 16px 0 0}.capability__item:last-child{border-bottom:unset;border-radius:0 0 16px 16px}.capability__item--hide{opacity:0;max-height:0;height:0}.capability__item--hide>*{display:none!important;opacity:0!important;max-height:0!important;height:0!important;margin:0!important;padding:0!important;flex:0}.capability__item--show{opacity:1;max-height:100%;height:100%}.capability__item--header{display:flex;align-items:center;justify-content:space-between;height:75px;width:98%}.capability__item--title{display:flex;align-items:center;white-space:nowrap}.capability__item--title-tag{margin-left:34px}.capability__item--title-dots{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;height:72px}.capability__item--title-dots .display-L{margin-bottom:10px}.capability__item--dots{display:flex}.capability__item--dots mapa-capability-dot .tooltip-dot{padding:8px 8px 8px 0}\n", ".classification-1{background-color:#073e92;color:#fff}.classification-2{background-color:#0e6ece;color:#fff}.classification-3{background-color:#2d9ced;color:#000}.classification-4{background-color:#68ceee;color:#000}.classification-5{background-color:#96f2ee;color:#000}.classification-6{background-color:#f598a7;color:#000}.classification-7{background-color:#f56580;color:#000}.classification-8{background-color:#f4284e;color:#fff}.classification-9{background-color:#c11c2f;color:#fff}.small-dot{width:12px;height:12px;border-radius:12px;padding:0;margin:0}.dot{width:16px;height:16px;border-radius:16px;padding:0;margin:0}.indicator{display:flex;padding:2px 4px 2px 16px;justify-content:space-between;align-items:center;border-radius:8px;font-family:Inter,Arial,Helvetica,sans-serif;font-size:16px;font-style:normal;font-weight:400}.display-S{font-family:Inter,Arial,Helvetica,sans-serif;font-size:20px;font-style:normal;font-weight:400}.display-L{font-family:Inter,Arial,Helvetica,sans-serif;font-size:32px;font-style:normal;font-weight:400}.display-XG{font-family:Inter,Arial,Helvetica,sans-serif;font-size:48px;font-style:normal;font-weight:400}*{transition:opacity .4s ease-out,max-height .4s ease-out}\n"] }]
-        }], ctorParameters: function () { return [{ type: CapabilityClassificationService }]; }, propDecorators: { data: [{
-                type: Input
-            }], showTags: [{
-                type: Input
-            }], showProgressBar: [{
-                type: Input
-            }], showInterval: [{
-                type: Input
-            }], isExpanded: [{
-                type: Input
-            }], accordion: [{
-                type: ViewChild,
-                args: ["detailAccordion"]
-            }] } });
-
-class ReusableCapabilityIntervalBarService {
-    constructor(componentFactoryResolver, injector, router) {
-        this.componentFactoryResolver = componentFactoryResolver;
-        this.injector = injector;
-        this.router = router;
-        const componentFactory = this.componentFactoryResolver.resolveComponentFactory(MapaCapabilityIntervalBarComponent);
-        this.componentRef = componentFactory.create(injector);
-        this.router.events.subscribe((event) => {
-            if (event instanceof NavigationStart && this.currentViewContainerRef) {
-                this.detach(this.currentViewContainerRef);
-            }
-        });
-    }
-    attach(viewContainerRef) {
-        this.currentViewContainerRef = viewContainerRef;
-        viewContainerRef.insert(this.componentRef.hostView);
-    }
-    detach(viewContainerRef) {
-        viewContainerRef.detach(viewContainerRef.indexOf(this.componentRef.hostView));
-    }
-}
-ReusableCapabilityIntervalBarService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ReusableCapabilityIntervalBarService, deps: [{ token: i0.ComponentFactoryResolver }, { token: i0.Injector }, { token: i1$2.Router }], target: i0.ɵɵFactoryTarget.Injectable });
-ReusableCapabilityIntervalBarService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ReusableCapabilityIntervalBarService });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ReusableCapabilityIntervalBarService, decorators: [{
-            type: Injectable
-        }], ctorParameters: function () { return [{ type: i0.ComponentFactoryResolver }, { type: i0.Injector }, { type: i1$2.Router }]; } });
-
-class IconComponent {
-    constructor(matIconRegistry, domSanitizer) {
-        this.matIconRegistry = matIconRegistry;
-        this.domSanitizer = domSanitizer;
-    }
-    ngOnChanges() {
-        this.registerCustomIcons(this.svg);
-    }
-    registerCustomIcons(svg) {
-        this.matIconRegistry.addSvgIcon(svg, this.domSanitizer.bypassSecurityTrustResourceUrl(`../../../../assets/${svg}.svg`));
-    }
-}
-IconComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: IconComponent, deps: [{ token: i1$1.MatIconRegistry }, { token: i2$1.DomSanitizer }], target: i0.ɵɵFactoryTarget.Component });
-IconComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: IconComponent, selector: "mapa-icon", inputs: { svg: "svg" }, usesOnChanges: true, ngImport: i0, template: "<mat-icon *ngIf=\"svg\" [svgIcon]=\"svg\"></mat-icon>\n<mat-icon *ngIf=\"!svg\"><ng-content></ng-content></mat-icon>\n", styles: [".mat-icon{color:#f5704b}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i1$1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: IconComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'mapa-icon', template: "<mat-icon *ngIf=\"svg\" [svgIcon]=\"svg\"></mat-icon>\n<mat-icon *ngIf=\"!svg\"><ng-content></ng-content></mat-icon>\n", styles: [".mat-icon{color:#f5704b}\n"] }]
-        }], ctorParameters: function () { return [{ type: i1$1.MatIconRegistry }, { type: i2$1.DomSanitizer }]; }, propDecorators: { svg: [{
-                type: Input
-            }] } });
-
-class MapaIconModule {
-}
-MapaIconModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: MapaIconModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-MapaIconModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.10", ngImport: i0, type: MapaIconModule, declarations: [IconComponent], imports: [CommonModule, MatIconModule], exports: [IconComponent] });
-MapaIconModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: MapaIconModule, imports: [CommonModule, MatIconModule] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: MapaIconModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    declarations: [IconComponent],
-                    exports: [IconComponent],
-                    imports: [CommonModule, MatIconModule],
-                }]
-        }] });
-
-/*
- * Public API Surface of mapa-library-ui icon
- */
-
-class FiltersComponent {
-    constructor() {
-        this.selectedValues = new EventEmitter();
-    }
-    getFormControl(filterKey) {
-        return this.form.get(filterKey);
-    }
-    clearFilters() {
-        this.form.reset();
-    }
-    emitSelectedValues() {
-        this.selectedValues.emit(this.form.value);
-    }
-}
-FiltersComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: FiltersComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-FiltersComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: FiltersComponent, selector: "mapa-filters", inputs: { form: "form", elements: "elements" }, outputs: { selectedValues: "selectedValues" }, ngImport: i0, template: "<div class=\"filter\">\n  <div *ngFor=\"let filter of elements\">\n    <div *ngIf=\"filter.controlType === 'checkbox'\" class=\"filter__item--resizable\">\n      <mapa-checkbox [formControl]=\"getFormControl(filter.key)\"></mapa-checkbox>\n    </div>\n    <div *ngIf=\"filter.controlType === 'dropdown'\" class=\"filter__item--resizable\">\n      <mapa-dropdown\n        [formControl]=\"getFormControl(filter.key)\"\n        [element]=\"filter\"\n      ></mapa-dropdown>\n    </div>\n    <div *ngIf=\"filter.controlType === 'input'\" class=\"filter__item\">\n      <mapa-input\n        [formControl]=\"getFormControl(filter.key)\"\n        [element]=\"filter\"\n      ></mapa-input>\n    </div>\n  </div>\n  <div class=\"filter__item\">\n    <mapa-button [color]=\"'basic'\" (clicked)=\"clearFilters()\">\n      Limpar filtros\n    </mapa-button>\n    <mapa-button\n      [color]=\"'primary'\"\n      [disabled]=\"!!form.invalid\"\n      (clicked)=\"emitSelectedValues()\"\n    >\n      Filtrar\n    </mapa-button>\n  </div>\n</div>\n\n", styles: [".filter{display:flex;align-items:center;flex-wrap:wrap;background-color:#f6f7f7;padding:32px;width:95vw;gap:30px}.filter__item{display:flex}.filter .mapa-dropdown{max-width:none;min-width:10vw}.filter .mapa-dropdown--labeled .mat-form-field-flex{height:40px!important}\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: i2$2.ButtonComponent, selector: "mapa-button", inputs: ["color", "disabled"], outputs: ["clicked"] }, { kind: "component", type: i3$1.CheckboxComponent, selector: "mapa-checkbox", inputs: ["color", "formControl"] }, { kind: "component", type: i4$1.MapaDropdownComponent, selector: "mapa-dropdown", inputs: ["formControl", "formControlSearch", "element", "border"], outputs: ["openedChange"] }, { kind: "component", type: i5.MapaInputComponent, selector: "mapa-input", inputs: ["formControl", "element", "type"], outputs: ["suffix"] }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: FiltersComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'mapa-filters', template: "<div class=\"filter\">\n  <div *ngFor=\"let filter of elements\">\n    <div *ngIf=\"filter.controlType === 'checkbox'\" class=\"filter__item--resizable\">\n      <mapa-checkbox [formControl]=\"getFormControl(filter.key)\"></mapa-checkbox>\n    </div>\n    <div *ngIf=\"filter.controlType === 'dropdown'\" class=\"filter__item--resizable\">\n      <mapa-dropdown\n        [formControl]=\"getFormControl(filter.key)\"\n        [element]=\"filter\"\n      ></mapa-dropdown>\n    </div>\n    <div *ngIf=\"filter.controlType === 'input'\" class=\"filter__item\">\n      <mapa-input\n        [formControl]=\"getFormControl(filter.key)\"\n        [element]=\"filter\"\n      ></mapa-input>\n    </div>\n  </div>\n  <div class=\"filter__item\">\n    <mapa-button [color]=\"'basic'\" (clicked)=\"clearFilters()\">\n      Limpar filtros\n    </mapa-button>\n    <mapa-button\n      [color]=\"'primary'\"\n      [disabled]=\"!!form.invalid\"\n      (clicked)=\"emitSelectedValues()\"\n    >\n      Filtrar\n    </mapa-button>\n  </div>\n</div>\n\n", styles: [".filter{display:flex;align-items:center;flex-wrap:wrap;background-color:#f6f7f7;padding:32px;width:95vw;gap:30px}.filter__item{display:flex}.filter .mapa-dropdown{max-width:none;min-width:10vw}.filter .mapa-dropdown--labeled .mat-form-field-flex{height:40px!important}\n"] }]
-        }], propDecorators: { form: [{
-                type: Input
-            }], elements: [{
-                type: Input
-            }], selectedValues: [{
-                type: Output
-            }] } });
-
-class MapaFiltersModule {
-}
-MapaFiltersModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: MapaFiltersModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-MapaFiltersModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.10", ngImport: i0, type: MapaFiltersModule, declarations: [FiltersComponent], imports: [CommonModule,
-        MapaButtonModule$1,
-        MapaCheckboxModule,
-        MapaDropdownModule$1,
-        MapaInputModule], exports: [FiltersComponent] });
-MapaFiltersModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: MapaFiltersModule, imports: [CommonModule,
-        MapaButtonModule$1,
-        MapaCheckboxModule,
-        MapaDropdownModule$1,
-        MapaInputModule] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: MapaFiltersModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    declarations: [
-                        FiltersComponent
-                    ],
-                    imports: [
-                        CommonModule,
-                        MapaButtonModule$1,
-                        MapaCheckboxModule,
-                        MapaDropdownModule$1,
-                        MapaInputModule,
-                    ],
-                    exports: [FiltersComponent],
-                }]
-        }] });
-
-/*
- * Public API Surface of mapa-library-ui dropdown
- */
-
-/*
- * Public API Surface of mapa-library-ui filters
- */
-
-class MapaCapabilityIntervalBarModule {
-}
-MapaCapabilityIntervalBarModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: MapaCapabilityIntervalBarModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-MapaCapabilityIntervalBarModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.10", ngImport: i0, type: MapaCapabilityIntervalBarModule, declarations: [MapaCapabilityIntervalBarComponent], imports: [CommonModule, MapaButtonModule, MapaCapabilityIntervalModule], exports: [MapaCapabilityIntervalBarComponent] });
-MapaCapabilityIntervalBarModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: MapaCapabilityIntervalBarModule, imports: [CommonModule, MapaButtonModule, MapaCapabilityIntervalModule] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: MapaCapabilityIntervalBarModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    declarations: [MapaCapabilityIntervalBarComponent],
-                    exports: [MapaCapabilityIntervalBarComponent],
-                    imports: [CommonModule, MapaButtonModule, MapaCapabilityIntervalModule],
-                }]
-        }] });
-
-class MapaCapabilityDetailModule {
-}
-MapaCapabilityDetailModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: MapaCapabilityDetailModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-MapaCapabilityDetailModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.10", ngImport: i0, type: MapaCapabilityDetailModule, declarations: [MapaCapabilityDetailComponent], imports: [CommonModule,
-        MapaCapabilityDotModule,
-        MapaCapabilityIndicatorModule,
-        MapaCapabilityIntervalModule,
-        MapaCapabilityIntervalBarModule,
-        MapaCapabilityExpandModule,
-        MapaTagModule$1,
-        MapaButtonModule$1,
-        MatIconModule,
-        MatExpansionModule], exports: [MapaCapabilityDetailComponent] });
-MapaCapabilityDetailModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: MapaCapabilityDetailModule, providers: [
-        ReusableCapabilityIntervalBarService,
-    ], imports: [CommonModule,
-        MapaCapabilityDotModule,
-        MapaCapabilityIndicatorModule,
-        MapaCapabilityIntervalModule,
-        MapaCapabilityIntervalBarModule,
-        MapaCapabilityExpandModule,
-        MapaTagModule$1,
-        MapaButtonModule$1,
-        MatIconModule,
-        MatExpansionModule] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: MapaCapabilityDetailModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    declarations: [
-                        MapaCapabilityDetailComponent,
-                    ],
-                    exports: [MapaCapabilityDetailComponent],
-                    imports: [
-                        CommonModule,
-                        MapaCapabilityDotModule,
-                        MapaCapabilityIndicatorModule,
-                        MapaCapabilityIntervalModule,
-                        MapaCapabilityIntervalBarModule,
-                        MapaCapabilityExpandModule,
-                        MapaTagModule$1,
-                        MapaButtonModule$1,
-                        MatIconModule,
-                        MatExpansionModule
-                    ],
-                    providers: [
-                        ReusableCapabilityIntervalBarService,
-                    ],
-                }]
-        }] });
-
-class MapaCapabilityIndicatorListComponent {
-    constructor() {
-        this.dataPositive = [];
-        this.dataNegative = [];
-        this.dataRiskPrecipitation = [];
-        this.dataRiskNegligence = [];
-    }
-    ngOnInit() {
-        this.dataPositive = this.data.filter((item) => item.direction === "Positiva" && !item.risk);
-        this.dataNegative = this.data.filter((item) => item.direction === "Negativa" && !item.risk);
-        this.dataRiskPrecipitation = this.data.filter((item) => item.risk === true && item.precipitation === true);
-        this.dataRiskNegligence = this.data.filter((item) => item.risk === true && item.negligence === true);
-    }
-}
-MapaCapabilityIndicatorListComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: MapaCapabilityIndicatorListComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-MapaCapabilityIndicatorListComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: MapaCapabilityIndicatorListComponent, selector: "mapa-capability-indicator-list", inputs: { data: "data" }, ngImport: i0, template: "<section class=\"indicator-list\">\n  <article class=\"indicator-list__column\">\n    <h2>Indicadores positivos</h2>\n    <mapa-capability-indicator *ngFor=\"let item of dataPositive\" [item]=\"item\">\n    </mapa-capability-indicator>\n  </article>\n  <article class=\"indicator-list__column\">\n    <h2>Indicadores negativos</h2>\n    <mapa-capability-indicator *ngFor=\"let item of dataNegative\" [item]=\"item\">\n    </mapa-capability-indicator>\n  </article>\n  <article\n    class=\"indicator-list__column\"\n    *ngIf=\"dataRiskPrecipitation.length > 0 || dataRiskNegligence.length > 0\"\n  >\n    <h2>Indicadores de risco</h2>\n    <div *ngIf=\"dataRiskPrecipitation.length > 0\">\n      <h3>Risco de acidente por precipita\u00E7\u00E3o</h3>\n      <mapa-capability-indicator\n        *ngFor=\"let item of dataRiskPrecipitation\"\n        [item]=\"item\"\n      >\n      </mapa-capability-indicator>\n    </div>\n    <div *ngIf=\"dataRiskNegligence.length > 0\">\n      <h3>Risco de acidente por neglig\u00EAncia</h3>\n      <mapa-capability-indicator\n        *ngFor=\"let item of dataRiskNegligence\"\n        [item]=\"item\"\n      >\n      </mapa-capability-indicator>\n    </div>\n  </article>\n</section>\n", styles: [".indicator-list{display:flex;gap:42px;justify-content:space-between;margin-bottom:42px}.indicator-list__column{width:33%}.indicator-list__column h2{font-family:Inter,Arial,Helvetica,sans-serif;font-size:24px;font-style:normal;font-weight:400;line-height:32px;margin-bottom:24px}.indicator-list__column h3{font-family:Inter,Arial,Helvetica,sans-serif;font-size:20px;font-style:normal;font-weight:400;line-height:32px;margin-bottom:24px}\n", ".classification-1{background-color:#073e92;color:#fff}.classification-2{background-color:#0e6ece;color:#fff}.classification-3{background-color:#2d9ced;color:#000}.classification-4{background-color:#68ceee;color:#000}.classification-5{background-color:#96f2ee;color:#000}.classification-6{background-color:#f598a7;color:#000}.classification-7{background-color:#f56580;color:#000}.classification-8{background-color:#f4284e;color:#fff}.classification-9{background-color:#c11c2f;color:#fff}.small-dot{width:12px;height:12px;border-radius:12px;padding:0;margin:0}.dot{width:16px;height:16px;border-radius:16px;padding:0;margin:0}.indicator{display:flex;padding:2px 4px 2px 16px;justify-content:space-between;align-items:center;border-radius:8px;font-family:Inter,Arial,Helvetica,sans-serif;font-size:16px;font-style:normal;font-weight:400}.display-S{font-family:Inter,Arial,Helvetica,sans-serif;font-size:20px;font-style:normal;font-weight:400}.display-L{font-family:Inter,Arial,Helvetica,sans-serif;font-size:32px;font-style:normal;font-weight:400}.display-XG{font-family:Inter,Arial,Helvetica,sans-serif;font-size:48px;font-style:normal;font-weight:400}*{transition:opacity .4s ease-out,max-height .4s ease-out}\n"], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: MapaCapabilityIndicatorComponent, selector: "mapa-capability-indicator", inputs: ["item"] }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: MapaCapabilityIndicatorListComponent, decorators: [{
-            type: Component,
-            args: [{ selector: "mapa-capability-indicator-list", template: "<section class=\"indicator-list\">\n  <article class=\"indicator-list__column\">\n    <h2>Indicadores positivos</h2>\n    <mapa-capability-indicator *ngFor=\"let item of dataPositive\" [item]=\"item\">\n    </mapa-capability-indicator>\n  </article>\n  <article class=\"indicator-list__column\">\n    <h2>Indicadores negativos</h2>\n    <mapa-capability-indicator *ngFor=\"let item of dataNegative\" [item]=\"item\">\n    </mapa-capability-indicator>\n  </article>\n  <article\n    class=\"indicator-list__column\"\n    *ngIf=\"dataRiskPrecipitation.length > 0 || dataRiskNegligence.length > 0\"\n  >\n    <h2>Indicadores de risco</h2>\n    <div *ngIf=\"dataRiskPrecipitation.length > 0\">\n      <h3>Risco de acidente por precipita\u00E7\u00E3o</h3>\n      <mapa-capability-indicator\n        *ngFor=\"let item of dataRiskPrecipitation\"\n        [item]=\"item\"\n      >\n      </mapa-capability-indicator>\n    </div>\n    <div *ngIf=\"dataRiskNegligence.length > 0\">\n      <h3>Risco de acidente por neglig\u00EAncia</h3>\n      <mapa-capability-indicator\n        *ngFor=\"let item of dataRiskNegligence\"\n        [item]=\"item\"\n      >\n      </mapa-capability-indicator>\n    </div>\n  </article>\n</section>\n", styles: [".indicator-list{display:flex;gap:42px;justify-content:space-between;margin-bottom:42px}.indicator-list__column{width:33%}.indicator-list__column h2{font-family:Inter,Arial,Helvetica,sans-serif;font-size:24px;font-style:normal;font-weight:400;line-height:32px;margin-bottom:24px}.indicator-list__column h3{font-family:Inter,Arial,Helvetica,sans-serif;font-size:20px;font-style:normal;font-weight:400;line-height:32px;margin-bottom:24px}\n", ".classification-1{background-color:#073e92;color:#fff}.classification-2{background-color:#0e6ece;color:#fff}.classification-3{background-color:#2d9ced;color:#000}.classification-4{background-color:#68ceee;color:#000}.classification-5{background-color:#96f2ee;color:#000}.classification-6{background-color:#f598a7;color:#000}.classification-7{background-color:#f56580;color:#000}.classification-8{background-color:#f4284e;color:#fff}.classification-9{background-color:#c11c2f;color:#fff}.small-dot{width:12px;height:12px;border-radius:12px;padding:0;margin:0}.dot{width:16px;height:16px;border-radius:16px;padding:0;margin:0}.indicator{display:flex;padding:2px 4px 2px 16px;justify-content:space-between;align-items:center;border-radius:8px;font-family:Inter,Arial,Helvetica,sans-serif;font-size:16px;font-style:normal;font-weight:400}.display-S{font-family:Inter,Arial,Helvetica,sans-serif;font-size:20px;font-style:normal;font-weight:400}.display-L{font-family:Inter,Arial,Helvetica,sans-serif;font-size:32px;font-style:normal;font-weight:400}.display-XG{font-family:Inter,Arial,Helvetica,sans-serif;font-size:48px;font-style:normal;font-weight:400}*{transition:opacity .4s ease-out,max-height .4s ease-out}\n"] }]
-        }], ctorParameters: function () { return []; }, propDecorators: { data: [{
-                type: Input
-            }] } });
-
-class MapaCapabilityIndicatorListModule {
-}
-MapaCapabilityIndicatorListModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: MapaCapabilityIndicatorListModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-MapaCapabilityIndicatorListModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.10", ngImport: i0, type: MapaCapabilityIndicatorListModule, declarations: [MapaCapabilityIndicatorListComponent], imports: [CommonModule, MapaCapabilityIndicatorModule], exports: [MapaCapabilityIndicatorListComponent] });
-MapaCapabilityIndicatorListModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: MapaCapabilityIndicatorListModule, providers: [CapabilityClassificationService], imports: [CommonModule, MapaCapabilityIndicatorModule] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: MapaCapabilityIndicatorListModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    declarations: [MapaCapabilityIndicatorListComponent],
-                    exports: [MapaCapabilityIndicatorListComponent],
-                    imports: [CommonModule, MapaCapabilityIndicatorModule],
-                    providers: [CapabilityClassificationService],
-                }]
-        }] });
-
-class MapaCapabilityIndicatorChartComponent {
-    constructor(classification) {
-        this.classification = classification;
-    }
-    setUnlabeledItem(item) {
-        return {
-            classificationId: item.classificationId,
-            classificationColor: item.classificationColor,
-            interval: item.interval,
-        };
-    }
-    getWidth(item) {
-        const minWidth = 42;
-        const interval = (item.interval || 0);
-        if (interval < 10)
-            return minWidth + 'px';
-        return interval + '%';
-    }
-}
-MapaCapabilityIndicatorChartComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: MapaCapabilityIndicatorChartComponent, deps: [{ token: CapabilityClassificationService }], target: i0.ɵɵFactoryTarget.Component });
-MapaCapabilityIndicatorChartComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: MapaCapabilityIndicatorChartComponent, selector: "mapa-capability-indicator-chart", inputs: { data: "data" }, ngImport: i0, template: "<table class=\"indicator-chart\">\n  <tr *ngFor=\"let item of data\">\n    <td class=\"indicator-chart__column--description\">{{ item.name }}</td>\n    <td class=\"indicator-chart__column indicator-chart__column--left\">\n      <div\n        class=\"indicator-chart__column--negative\"\n        *ngIf=\"item.direction === 'Negativa'\"\n      >\n        <mapa-capability-indicator\n          [item]=\"setUnlabeledItem(item)\"\n          [style.width]=\"getWidth(item)\"\n        ></mapa-capability-indicator>\n      </div>\n    </td>\n    <td class=\"indicator-chart__column indicator-chart__column--right\">\n      <div\n        class=\"indicator-chart__column--positive\"\n        *ngIf=\"item.direction === 'Positiva'\"\n      >\n        <mapa-capability-indicator\n          [item]=\"setUnlabeledItem(item)\"\n          [style.width]=\"getWidth(item)\"\n        ></mapa-capability-indicator>\n      </div>\n    </td>\n  </tr>\n</table>\n", styles: [".indicator-chart{width:100%;border-collapse:collapse}.indicator-chart tr:first-child{border-top:unset!important}.indicator-chart tr:last-child{border-bottom:unset!important}.indicator-chart__column{padding:0;font-size:14px!important}.indicator-chart__column--description{padding-right:24px;width:20%!important}.indicator-chart__column--positive{display:flex;border-spacing:0px;padding:8px 0!important}.indicator-chart__column--positive .indicator{border-radius:0 18px 18px 0!important;padding:2px!important;justify-content:flex-end!important}.indicator-chart__column--positive .indicator__classification{margin-right:1px!important}.indicator-chart__column--negative{display:flex;justify-content:flex-end;border-spacing:0px;padding:8px 0!important}.indicator-chart__column--negative .indicator{border-radius:18px 0 0 18px!important;justify-content:flex-start!important;padding:2px!important}.indicator-chart__column--negative .indicator__classification{margin-left:1px!important}.indicator-chart__column--left{width:40%;border-bottom:1px solid #dcdcde}.indicator-chart__column--right{border-bottom:1px solid #dcdcde;border-left:1px solid #dcdcde;width:40%}\n", ".classification-1{background-color:#073e92;color:#fff}.classification-2{background-color:#0e6ece;color:#fff}.classification-3{background-color:#2d9ced;color:#000}.classification-4{background-color:#68ceee;color:#000}.classification-5{background-color:#96f2ee;color:#000}.classification-6{background-color:#f598a7;color:#000}.classification-7{background-color:#f56580;color:#000}.classification-8{background-color:#f4284e;color:#fff}.classification-9{background-color:#c11c2f;color:#fff}.small-dot{width:12px;height:12px;border-radius:12px;padding:0;margin:0}.dot{width:16px;height:16px;border-radius:16px;padding:0;margin:0}.indicator{display:flex;padding:2px 4px 2px 16px;justify-content:space-between;align-items:center;border-radius:8px;font-family:Inter,Arial,Helvetica,sans-serif;font-size:16px;font-style:normal;font-weight:400}.display-S{font-family:Inter,Arial,Helvetica,sans-serif;font-size:20px;font-style:normal;font-weight:400}.display-L{font-family:Inter,Arial,Helvetica,sans-serif;font-size:32px;font-style:normal;font-weight:400}.display-XG{font-family:Inter,Arial,Helvetica,sans-serif;font-size:48px;font-style:normal;font-weight:400}*{transition:opacity .4s ease-out,max-height .4s ease-out}\n"], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: MapaCapabilityIndicatorComponent, selector: "mapa-capability-indicator", inputs: ["item"] }], encapsulation: i0.ViewEncapsulation.None });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: MapaCapabilityIndicatorChartComponent, decorators: [{
-            type: Component,
-            args: [{ selector: "mapa-capability-indicator-chart", encapsulation: ViewEncapsulation.None, template: "<table class=\"indicator-chart\">\n  <tr *ngFor=\"let item of data\">\n    <td class=\"indicator-chart__column--description\">{{ item.name }}</td>\n    <td class=\"indicator-chart__column indicator-chart__column--left\">\n      <div\n        class=\"indicator-chart__column--negative\"\n        *ngIf=\"item.direction === 'Negativa'\"\n      >\n        <mapa-capability-indicator\n          [item]=\"setUnlabeledItem(item)\"\n          [style.width]=\"getWidth(item)\"\n        ></mapa-capability-indicator>\n      </div>\n    </td>\n    <td class=\"indicator-chart__column indicator-chart__column--right\">\n      <div\n        class=\"indicator-chart__column--positive\"\n        *ngIf=\"item.direction === 'Positiva'\"\n      >\n        <mapa-capability-indicator\n          [item]=\"setUnlabeledItem(item)\"\n          [style.width]=\"getWidth(item)\"\n        ></mapa-capability-indicator>\n      </div>\n    </td>\n  </tr>\n</table>\n", styles: [".indicator-chart{width:100%;border-collapse:collapse}.indicator-chart tr:first-child{border-top:unset!important}.indicator-chart tr:last-child{border-bottom:unset!important}.indicator-chart__column{padding:0;font-size:14px!important}.indicator-chart__column--description{padding-right:24px;width:20%!important}.indicator-chart__column--positive{display:flex;border-spacing:0px;padding:8px 0!important}.indicator-chart__column--positive .indicator{border-radius:0 18px 18px 0!important;padding:2px!important;justify-content:flex-end!important}.indicator-chart__column--positive .indicator__classification{margin-right:1px!important}.indicator-chart__column--negative{display:flex;justify-content:flex-end;border-spacing:0px;padding:8px 0!important}.indicator-chart__column--negative .indicator{border-radius:18px 0 0 18px!important;justify-content:flex-start!important;padding:2px!important}.indicator-chart__column--negative .indicator__classification{margin-left:1px!important}.indicator-chart__column--left{width:40%;border-bottom:1px solid #dcdcde}.indicator-chart__column--right{border-bottom:1px solid #dcdcde;border-left:1px solid #dcdcde;width:40%}\n", ".classification-1{background-color:#073e92;color:#fff}.classification-2{background-color:#0e6ece;color:#fff}.classification-3{background-color:#2d9ced;color:#000}.classification-4{background-color:#68ceee;color:#000}.classification-5{background-color:#96f2ee;color:#000}.classification-6{background-color:#f598a7;color:#000}.classification-7{background-color:#f56580;color:#000}.classification-8{background-color:#f4284e;color:#fff}.classification-9{background-color:#c11c2f;color:#fff}.small-dot{width:12px;height:12px;border-radius:12px;padding:0;margin:0}.dot{width:16px;height:16px;border-radius:16px;padding:0;margin:0}.indicator{display:flex;padding:2px 4px 2px 16px;justify-content:space-between;align-items:center;border-radius:8px;font-family:Inter,Arial,Helvetica,sans-serif;font-size:16px;font-style:normal;font-weight:400}.display-S{font-family:Inter,Arial,Helvetica,sans-serif;font-size:20px;font-style:normal;font-weight:400}.display-L{font-family:Inter,Arial,Helvetica,sans-serif;font-size:32px;font-style:normal;font-weight:400}.display-XG{font-family:Inter,Arial,Helvetica,sans-serif;font-size:48px;font-style:normal;font-weight:400}*{transition:opacity .4s ease-out,max-height .4s ease-out}\n"] }]
-        }], ctorParameters: function () { return [{ type: CapabilityClassificationService }]; }, propDecorators: { data: [{
-                type: Input
-            }] } });
-
-class MapaCapabilityIndicatorChartModule {
-}
-MapaCapabilityIndicatorChartModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: MapaCapabilityIndicatorChartModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-MapaCapabilityIndicatorChartModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.10", ngImport: i0, type: MapaCapabilityIndicatorChartModule, declarations: [MapaCapabilityIndicatorChartComponent], imports: [CommonModule, MapaCapabilityIndicatorModule], exports: [MapaCapabilityIndicatorChartComponent] });
-MapaCapabilityIndicatorChartModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: MapaCapabilityIndicatorChartModule, providers: [CapabilityClassificationService], imports: [CommonModule, MapaCapabilityIndicatorModule] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: MapaCapabilityIndicatorChartModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    declarations: [MapaCapabilityIndicatorChartComponent],
-                    exports: [MapaCapabilityIndicatorChartComponent],
-                    imports: [CommonModule, MapaCapabilityIndicatorModule],
-                    providers: [CapabilityClassificationService],
-                }]
-        }] });
-
-/*
- * Public API Surface of mapa-library-ui capability-detail
- */
-
 class MapaScaleParameterizationModule {
 }
 MapaScaleParameterizationModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: MapaScaleParameterizationModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });