mapa-library-ui 1.6.2 → 1.7.0

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

@@ -6,7 +6,6 @@ import * as i2 from '@angular/material/expansion';
 import { MatExpansionModule } from '@angular/material/expansion';
 import * as i1$1 from '@angular/platform-browser';
 import { toObservable } from '@angular/core/rxjs-interop';
-import { getMapaUiTexts } from 'mapa-frontend-i18n';
 import { Md5 } from 'ts-md5';
 
 function normalizeText(value) {
@@ -419,8 +418,83 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.21", ngImpo
         }], ctorParameters: () => [{ type: HtmlSanitizerService }] });
 
 const MAPA_UI_TEXTS = new InjectionToken("MAPA_UI_TEXTS");
+function formatPaginatorRange(page, pageSize, length) {
+    if (length === 0 || pageSize === 0) {
+        return `0 de ${length}`;
+    }
+    const safeLength = Math.max(length, 0);
+    const startIndex = page * pageSize;
+    const endIndex = startIndex < safeLength
+        ? Math.min(startIndex + pageSize, safeLength)
+        : startIndex + pageSize;
+    return `${startIndex + 1} - ${endIndex} de ${safeLength}`;
+}
+function formatPaginatorShowingRange(page, pageSize, length) {
+    if (length === 0 || pageSize === 0) {
+        return "Mostrando 0 - 0 de 0 item";
+    }
+    const safeLength = Math.max(length, 0);
+    const startIndex = page * pageSize;
+    const endIndex = startIndex < safeLength
+        ? Math.min(startIndex + pageSize, safeLength)
+        : startIndex + pageSize;
+    const itemLabel = safeLength === 1 ? "item" : "itens";
+    return `Mostrando ${startIndex + 1} - ${endIndex} de ${safeLength} ${itemLabel}`;
+}
+const DEFAULT_MAPA_UI_TEXTS = {
+    common: {
+        selectAll: "Selecionar todos",
+    },
+    filters: {
+        clear: "Limpar filtros",
+        submit: "Filtrar",
+    },
+    datepicker: {
+        startDatePlaceholder: "Data inicial",
+        endDatePlaceholder: "Data final",
+    },
+    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 |",
+    },
+    paginator: {
+        itemsPerPage: "Itens por página",
+        nextPage: "Próxima página",
+        previousPage: "Página anterior",
+        rangeLabel: formatPaginatorRange,
+        showingRangeLabel: formatPaginatorShowingRange,
+    },
+    warning: {
+        lowReliabilityTitle: "Nível baixo de confiabilidade no(s) teste(s):",
+        expirationLimitTitle: "O prazo de validade do(s) teste(s) está no limite:",
+    },
+    table: {
+        emptyTitle: "Não foram encontrados resultados",
+        emptySubtitle: "",
+    },
+    validation: {
+        cnpj: "CNPJ inválido",
+        cpf: "CPF inválido",
+        email: "E-mail inválido",
+        max: (context) => `O valor máximo permitido é ${context?.max ?? ""}`.trim(),
+        maxLength: (context) => `O máximo permitido é ${context?.requiredLength ?? ""} caracteres`.trim(),
+        min: (context) => `O valor mínimo permitido é ${context?.min ?? ""}`.trim(),
+        minLength: (context) => `O mínimo permitido é ${context?.requiredLength ?? ""} caracteres`.trim(),
+        pattern: "Formato inválido",
+        required: "Campo obrigatório",
+    },
+};
 function getDefaultTexts() {
-    return getMapaUiTexts("pt-BR");
+    return DEFAULT_MAPA_UI_TEXTS;
 }
 function mergeMapaUiTexts(customTexts) {
     const defaults = getDefaultTexts();
@@ -1055,7 +1129,7 @@ class MapaScaleParameterizationComponent {
         };
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.21", ngImport: i0, type: MapaScaleParameterizationComponent, deps: [{ token: MapaI18nService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.21", type: MapaScaleParameterizationComponent, isStandalone: true, 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: "@for (competence of data; track competence) {\n  <section class=\"mapa-scale-parameterization\">\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        @for (scale of competence.scales; track scale) {\n          <mat-expansion-panel\n            class=\"mapa__card mapa-scale-parameterization-details\"\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                    @if (showDots) {\n                      @let dimensionsCapability = getDimensionsAsCapability(scale);\n                      <div\n                        class=\"mapa-scale-parameterization-details__dots\"\n                      >\n                        @for (item of dimensionsCapability.items; track item) {\n                          <mapa-capability-dot\n                            type=\"small\"\n                            [item]=\"item\"\n                            [capability]=\"dimensionsCapability\"\n                            [tooltip]=\"true\"\n                          ></mapa-capability-dot>\n                        }\n                      </div>\n                    }\n                  </div>\n\n                  @if (scale.classification) {\n                    <div\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 }}\n                      </span>\n                    </div>\n                  }\n                </div>\n                @if (showProgressbar) {\n                  <div class=\"scale__header--progressbar\">\n                    @if (!scale.classification?.classificationBg) {\n                      <mapa-progressbar\n                        [data]=\"getProgressbarData(scale)\"\n                      ></mapa-progressbar>\n                    } @else {\n                      <mapa-capability-interval-bar\n                        [data]=\"getIntervalbarData(scale)\"\n                        [showInterval]=\"true\"\n                      ></mapa-capability-interval-bar>\n                    }\n                  </div>\n                }\n              </header>\n            </mat-expansion-panel-header>\n            @if (scale.scaleConcept) {\n              <article\n                class=\"mapa-scale-parameterization-details__concept\"\n              >\n                <strong>{{ conceptTitle }}:</strong> {{ scale.scaleConcept }}\n              </article>\n            }\n            <section\n              class=\"mapa-scale-parameterization-details__dimensions\"\n              [class.dimension--full-sized]=\"!showSummarized(scale)\"\n              [class.dimension--summarized]=\"showSummarized(scale)\"\n            >\n              @for (dimension of scale.dimensions; track dimension) {\n                <article class=\"mapa__card--sm dimension\">\n                  <nav class=\"dimension__main\">\n                    <div class=\"dimension__title\">\n                      <div class=\"dimension__title--direction\">\n                        @if (isPositive(dimension)) {\n                          <span>&uarr;</span>\n                        } @else {\n                          <span>&darr;</span>\n                        }\n                      </div>\n                      <div class=\"dimension__title--label\">\n                        {{ dimension.dimensionName }}\n                      </div>\n                    </div>\n                    <div class=\"dimension--classification\">\n                      @if (dimension.classification) {\n                        <div\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 }}\n                          </span>\n                        </div>\n                      }\n                    </div>\n                  </nav>\n                  @if (dimension.dimensionClassificationMessage) {\n                    <div class=\"dimension__concept\">\n                      {{ dimension.dimensionClassificationMessage }}\n                    </div>\n                  }\n                </article>\n              }\n            </section>\n          </mat-expansion-panel>\n        }\n      </mat-accordion>\n    </section>\n  </section>\n}\n", styles: [":host{display:block;width:100%}:host ::ng-deep .mapa-scale-parameterization{display:flex;gap:24px;font-family:var(--mapa-font-body, \"Asap\", \"Roboto\", \"Inter\", sans-serif);width:100%;max-width:100%;box-sizing:border-box}:host ::ng-deep .mapa-scale-parameterization .mapa-scale-parameterization-scales{flex:1 1 auto;width:100%;min-width:0}:host ::ng-deep .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}:host ::ng-deep .mapa-scale-parameterization__header img{margin-right:16px}:host ::ng-deep .mapa-scale-parameterization .mapa-scale-parameterization-accordion{width:100%}:host ::ng-deep .mapa-scale-parameterization .mapa-scale-parameterization-accordion .mat-expansion-panel:first-of-type{border-top-right-radius:8px;border-top-left-radius:8px}:host ::ng-deep .mapa-scale-parameterization .mapa-scale-parameterization-accordion .mat-expansion-panel:last-of-type{border-bottom-right-radius:8px;border-bottom-left-radius:8px}:host ::ng-deep .mapa-scale-parameterization .mapa-scale-parameterization-accordion .mat-expansion-panel{box-shadow:unset!important;padding:unset!important;width:100%;max-width:100%;box-sizing:border-box}:host ::ng-deep .mapa-scale-parameterization .mapa-scale-parameterization-accordion .mat-expansion-panel-header{width:100%;height:auto;min-height:96px;padding:0 24px;border-bottom:unset!important;box-sizing:border-box;gap:24px}:host ::ng-deep .mapa-scale-parameterization .mapa-scale-parameterization-accordion .mat-expansion-panel-header.mat-expanded{height:auto;min-height:96px}:host ::ng-deep .mapa-scale-parameterization .mapa-scale-parameterization-accordion .mat-expansion-panel-header .mat-content{min-width:0;padding-right:4px}:host ::ng-deep .mapa-scale-parameterization .mapa-scale-parameterization-accordion .mat-expansion-panel-content,:host ::ng-deep .mapa-scale-parameterization .mapa-scale-parameterization-accordion .mat-expansion-panel-body{width:100%;box-sizing:border-box}:host ::ng-deep .mapa-scale-parameterization .mapa-scale-parameterization-accordion .mat-expansion-panel-body{padding:24px!important}:host ::ng-deep .mapa-scale-parameterization .mapa-scale-parameterization-accordion .mat-expansion-panel-spacing{margin:unset!important}:host ::ng-deep .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:100%;max-width:100%;height:fit-content;box-sizing:border-box}:host ::ng-deep .mapa-scale-parameterization .mapa-scale-parameterization-details--summarized{display:grid;gap:24px;grid-template-columns:1fr 1fr 1fr}:host ::ng-deep .mapa-scale-parameterization .mapa-scale-parameterization-details--title-text{display:flex}:host ::ng-deep .mapa-scale-parameterization .mapa-scale-parameterization-details__dots{display:flex;align-items:center;margin-top:16px;gap:8px}:host ::ng-deep .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}:host ::ng-deep .mapa-scale-parameterization .mapa-scale-parameterization-details__header--title{display:flex;align-items:center;gap:24px}:host ::ng-deep .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}:host ::ng-deep .mapa-scale-parameterization .mapa-scale-parameterization-details__concept strong{color:#181818;font-size:16px;font-style:normal;font-weight:600;line-height:24px}:host ::ng-deep .mapa-scale-parameterization .mapa-scale-parameterization-details__dimensions{display:flex;flex-wrap:wrap;gap:24px;width:100%;height:fit-content}:host ::ng-deep .mapa-scale-parameterization .mapa-scale-parameterization-details .dimension{display:flex;justify-content:flex-start;gap:24px;width:100%;height:fit-content}:host ::ng-deep .mapa-scale-parameterization .mapa-scale-parameterization-details .dimension__main{display:flex;justify-content:space-between;width:100%}:host ::ng-deep .mapa-scale-parameterization .mapa-scale-parameterization-details .dimension--full-sized .dimension{display:flex;gap:32px;width:100%}:host ::ng-deep .mapa-scale-parameterization .mapa-scale-parameterization-details .dimension--full-sized .dimension__main{width:35%}:host ::ng-deep .mapa-scale-parameterization .mapa-scale-parameterization-details .dimension--full-sized .dimension__concept{width:65%}:host ::ng-deep .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}:host ::ng-deep .mapa-scale-parameterization .mapa-scale-parameterization-details .dimension--classification{display:flex;align-items:center;justify-content:center}:host ::ng-deep .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: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: MatExpansionModule }, { kind: "directive", type: i2.MatAccordion, selector: "mat-accordion", inputs: ["hideToggle", "displayMode", "togglePosition"], exportAs: ["matAccordion"] }, { kind: "component", type: i2.MatExpansionPanel, selector: "mat-expansion-panel", inputs: ["hideToggle", "togglePosition"], outputs: ["afterExpand", "afterCollapse"], exportAs: ["matExpansionPanel"] }, { kind: "component", type: i2.MatExpansionPanelHeader, selector: "mat-expansion-panel-header", inputs: ["expandedHeight", "collapsedHeight", "tabIndex"] }, { 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: MapaProgressbarComponent, selector: "mapa-progressbar", inputs: ["data", "showInterval"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.21", type: MapaScaleParameterizationComponent, isStandalone: true, 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: "@for (competence of data; track competence) {\n  <section class=\"mapa-scale-parameterization\">\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        @for (scale of competence.scales; track scale) {\n          <mat-expansion-panel\n            class=\"mapa__card mapa-scale-parameterization-details\"\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                    @if (showDots) {\n                      @let dimensionsCapability = getDimensionsAsCapability(scale);\n                      <div\n                        class=\"mapa-scale-parameterization-details__dots\"\n                      >\n                        @for (item of dimensionsCapability.items; track item) {\n                          <mapa-capability-dot\n                            type=\"small\"\n                            [item]=\"item\"\n                            [capability]=\"dimensionsCapability\"\n                            [tooltip]=\"true\"\n                          ></mapa-capability-dot>\n                        }\n                      </div>\n                    }\n                  </div>\n\n                  @if (scale.classification) {\n                    <div\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 }}\n                      </span>\n                    </div>\n                  }\n                </div>\n                @if (showProgressbar) {\n                  <div class=\"scale__header--progressbar\">\n                    @if (!scale.classification?.classificationBg) {\n                      <mapa-progressbar\n                        [data]=\"getProgressbarData(scale)\"\n                      ></mapa-progressbar>\n                    } @else {\n                      <mapa-capability-interval-bar\n                        [data]=\"getIntervalbarData(scale)\"\n                        [showInterval]=\"true\"\n                      ></mapa-capability-interval-bar>\n                    }\n                  </div>\n                }\n              </header>\n            </mat-expansion-panel-header>\n            @if (scale.scaleConcept) {\n              <article\n                class=\"mapa-scale-parameterization-details__concept\"\n              >\n                <strong>{{ conceptTitle }}:</strong> {{ scale.scaleConcept }}\n              </article>\n            }\n            <section\n              class=\"mapa-scale-parameterization-details__dimensions\"\n              [class.dimension--full-sized]=\"!showSummarized(scale)\"\n              [class.dimension--summarized]=\"showSummarized(scale)\"\n            >\n              @for (dimension of scale.dimensions; track dimension) {\n                <article class=\"mapa__card--sm dimension\">\n                  <nav class=\"dimension__main\">\n                    <div class=\"dimension__title\">\n                      <div class=\"dimension__title--direction\">\n                        @if (isPositive(dimension)) {\n                          <span>&uarr;</span>\n                        } @else {\n                          <span>&darr;</span>\n                        }\n                      </div>\n                      <div class=\"dimension__title--label\">\n                        {{ dimension.dimensionName }}\n                      </div>\n                    </div>\n                    <div class=\"dimension--classification\">\n                      @if (dimension.classification) {\n                        <div\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 }}\n                          </span>\n                        </div>\n                      }\n                    </div>\n                  </nav>\n                  @if (dimension.dimensionClassificationMessage) {\n                    <div class=\"dimension__concept\">\n                      {{ dimension.dimensionClassificationMessage }}\n                    </div>\n                  }\n                </article>\n              }\n            </section>\n          </mat-expansion-panel>\n        }\n      </mat-accordion>\n    </section>\n  </section>\n}\n", styles: [":host{display:block;width:100%}:host ::ng-deep .mapa-scale-parameterization{display:flex;gap:24px;font-family:var(--mapa-font-body, \"Asap\", \"Roboto\", \"Inter\", sans-serif);width:100%;max-width:100%;box-sizing:border-box}:host ::ng-deep .mapa-scale-parameterization .mapa-scale-parameterization-scales{flex:1 1 auto;width:100%;min-width:0}:host ::ng-deep .mapa-scale-parameterization .mapa-scale-parameterization-accordion{width:100%}:host ::ng-deep .mapa-scale-parameterization .mapa-scale-parameterization-accordion .mat-expansion-panel:first-of-type{border-top-right-radius:8px;border-top-left-radius:8px}:host ::ng-deep .mapa-scale-parameterization .mapa-scale-parameterization-accordion .mat-expansion-panel:last-of-type{border-bottom-right-radius:8px;border-bottom-left-radius:8px}:host ::ng-deep .mapa-scale-parameterization .mapa-scale-parameterization-accordion .mat-expansion-panel{box-shadow:unset!important;padding:unset!important;width:100%;max-width:100%;box-sizing:border-box}:host ::ng-deep .mapa-scale-parameterization .mapa-scale-parameterization-accordion .mat-expansion-panel-header{width:100%;height:auto;min-height:96px;padding:0 24px;border-bottom:unset!important;box-sizing:border-box;gap:24px}:host ::ng-deep .mapa-scale-parameterization .mapa-scale-parameterization-accordion .mat-expansion-panel-header.mat-expanded{height:auto;min-height:96px}:host ::ng-deep .mapa-scale-parameterization .mapa-scale-parameterization-accordion .mat-expansion-panel-header .mat-content{min-width:0;padding-right:4px}:host ::ng-deep .mapa-scale-parameterization .mapa-scale-parameterization-accordion .mat-expansion-panel-content,:host ::ng-deep .mapa-scale-parameterization .mapa-scale-parameterization-accordion .mat-expansion-panel-body{width:100%;box-sizing:border-box}:host ::ng-deep .mapa-scale-parameterization .mapa-scale-parameterization-accordion .mat-expansion-panel-body{padding:24px!important}:host ::ng-deep .mapa-scale-parameterization .mapa-scale-parameterization-accordion .mat-expansion-panel-spacing{margin:unset!important}:host ::ng-deep .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:100%;max-width:100%;height:fit-content;box-sizing:border-box}:host ::ng-deep .mapa-scale-parameterization .mapa-scale-parameterization-details__dots{display:flex;align-items:center;margin-top:16px;gap:8px}:host ::ng-deep .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}:host ::ng-deep .mapa-scale-parameterization .mapa-scale-parameterization-details__header--title{display:flex;align-items:center;gap:24px}:host ::ng-deep .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}:host ::ng-deep .mapa-scale-parameterization .mapa-scale-parameterization-details__concept strong{color:#181818;font-size:16px;font-style:normal;font-weight:600;line-height:24px}:host ::ng-deep .mapa-scale-parameterization .mapa-scale-parameterization-details__dimensions{display:flex;flex-wrap:wrap;gap:24px;width:100%;height:fit-content}:host ::ng-deep .mapa-scale-parameterization .mapa-scale-parameterization-details .dimension{display:flex;justify-content:flex-start;gap:24px;width:100%;height:fit-content}:host ::ng-deep .mapa-scale-parameterization .mapa-scale-parameterization-details .dimension__main{display:flex;justify-content:space-between;width:100%}:host ::ng-deep .mapa-scale-parameterization .mapa-scale-parameterization-details .dimension--full-sized .dimension{display:flex;gap:32px;width:100%}:host ::ng-deep .mapa-scale-parameterization .mapa-scale-parameterization-details .dimension--full-sized .dimension__main{width:35%}:host ::ng-deep .mapa-scale-parameterization .mapa-scale-parameterization-details .dimension--full-sized .dimension__concept{width:65%}:host ::ng-deep .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}:host ::ng-deep .mapa-scale-parameterization .mapa-scale-parameterization-details .dimension--classification{display:flex;align-items:center;justify-content:center}:host ::ng-deep .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: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: MatExpansionModule }, { kind: "directive", type: i2.MatAccordion, selector: "mat-accordion", inputs: ["hideToggle", "displayMode", "togglePosition"], exportAs: ["matAccordion"] }, { kind: "component", type: i2.MatExpansionPanel, selector: "mat-expansion-panel", inputs: ["hideToggle", "togglePosition"], outputs: ["afterExpand", "afterCollapse"], exportAs: ["matExpansionPanel"] }, { kind: "component", type: i2.MatExpansionPanelHeader, selector: "mat-expansion-panel-header", inputs: ["expandedHeight", "collapsedHeight", "tabIndex"] }, { 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: MapaProgressbarComponent, selector: "mapa-progressbar", inputs: ["data", "showInterval"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.21", ngImport: i0, type: MapaScaleParameterizationComponent, decorators: [{
             type: Component,
@@ -1065,7 +1139,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.21", ngImpo
                         MapaCapabilityDotComponent,
                         MapaCapabilityIntervalBarComponent,
                         MapaProgressbarComponent,
-                    ], standalone: true, template: "@for (competence of data; track competence) {\n  <section class=\"mapa-scale-parameterization\">\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        @for (scale of competence.scales; track scale) {\n          <mat-expansion-panel\n            class=\"mapa__card mapa-scale-parameterization-details\"\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                    @if (showDots) {\n                      @let dimensionsCapability = getDimensionsAsCapability(scale);\n                      <div\n                        class=\"mapa-scale-parameterization-details__dots\"\n                      >\n                        @for (item of dimensionsCapability.items; track item) {\n                          <mapa-capability-dot\n                            type=\"small\"\n                            [item]=\"item\"\n                            [capability]=\"dimensionsCapability\"\n                            [tooltip]=\"true\"\n                          ></mapa-capability-dot>\n                        }\n                      </div>\n                    }\n                  </div>\n\n                  @if (scale.classification) {\n                    <div\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 }}\n                      </span>\n                    </div>\n                  }\n                </div>\n                @if (showProgressbar) {\n                  <div class=\"scale__header--progressbar\">\n                    @if (!scale.classification?.classificationBg) {\n                      <mapa-progressbar\n                        [data]=\"getProgressbarData(scale)\"\n                      ></mapa-progressbar>\n                    } @else {\n                      <mapa-capability-interval-bar\n                        [data]=\"getIntervalbarData(scale)\"\n                        [showInterval]=\"true\"\n                      ></mapa-capability-interval-bar>\n                    }\n                  </div>\n                }\n              </header>\n            </mat-expansion-panel-header>\n            @if (scale.scaleConcept) {\n              <article\n                class=\"mapa-scale-parameterization-details__concept\"\n              >\n                <strong>{{ conceptTitle }}:</strong> {{ scale.scaleConcept }}\n              </article>\n            }\n            <section\n              class=\"mapa-scale-parameterization-details__dimensions\"\n              [class.dimension--full-sized]=\"!showSummarized(scale)\"\n              [class.dimension--summarized]=\"showSummarized(scale)\"\n            >\n              @for (dimension of scale.dimensions; track dimension) {\n                <article class=\"mapa__card--sm dimension\">\n                  <nav class=\"dimension__main\">\n                    <div class=\"dimension__title\">\n                      <div class=\"dimension__title--direction\">\n                        @if (isPositive(dimension)) {\n                          <span>&uarr;</span>\n                        } @else {\n                          <span>&darr;</span>\n                        }\n                      </div>\n                      <div class=\"dimension__title--label\">\n                        {{ dimension.dimensionName }}\n                      </div>\n                    </div>\n                    <div class=\"dimension--classification\">\n                      @if (dimension.classification) {\n                        <div\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 }}\n                          </span>\n                        </div>\n                      }\n                    </div>\n                  </nav>\n                  @if (dimension.dimensionClassificationMessage) {\n                    <div class=\"dimension__concept\">\n                      {{ dimension.dimensionClassificationMessage }}\n                    </div>\n                  }\n                </article>\n              }\n            </section>\n          </mat-expansion-panel>\n        }\n      </mat-accordion>\n    </section>\n  </section>\n}\n", styles: [":host{display:block;width:100%}:host ::ng-deep .mapa-scale-parameterization{display:flex;gap:24px;font-family:var(--mapa-font-body, \"Asap\", \"Roboto\", \"Inter\", sans-serif);width:100%;max-width:100%;box-sizing:border-box}:host ::ng-deep .mapa-scale-parameterization .mapa-scale-parameterization-scales{flex:1 1 auto;width:100%;min-width:0}:host ::ng-deep .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}:host ::ng-deep .mapa-scale-parameterization__header img{margin-right:16px}:host ::ng-deep .mapa-scale-parameterization .mapa-scale-parameterization-accordion{width:100%}:host ::ng-deep .mapa-scale-parameterization .mapa-scale-parameterization-accordion .mat-expansion-panel:first-of-type{border-top-right-radius:8px;border-top-left-radius:8px}:host ::ng-deep .mapa-scale-parameterization .mapa-scale-parameterization-accordion .mat-expansion-panel:last-of-type{border-bottom-right-radius:8px;border-bottom-left-radius:8px}:host ::ng-deep .mapa-scale-parameterization .mapa-scale-parameterization-accordion .mat-expansion-panel{box-shadow:unset!important;padding:unset!important;width:100%;max-width:100%;box-sizing:border-box}:host ::ng-deep .mapa-scale-parameterization .mapa-scale-parameterization-accordion .mat-expansion-panel-header{width:100%;height:auto;min-height:96px;padding:0 24px;border-bottom:unset!important;box-sizing:border-box;gap:24px}:host ::ng-deep .mapa-scale-parameterization .mapa-scale-parameterization-accordion .mat-expansion-panel-header.mat-expanded{height:auto;min-height:96px}:host ::ng-deep .mapa-scale-parameterization .mapa-scale-parameterization-accordion .mat-expansion-panel-header .mat-content{min-width:0;padding-right:4px}:host ::ng-deep .mapa-scale-parameterization .mapa-scale-parameterization-accordion .mat-expansion-panel-content,:host ::ng-deep .mapa-scale-parameterization .mapa-scale-parameterization-accordion .mat-expansion-panel-body{width:100%;box-sizing:border-box}:host ::ng-deep .mapa-scale-parameterization .mapa-scale-parameterization-accordion .mat-expansion-panel-body{padding:24px!important}:host ::ng-deep .mapa-scale-parameterization .mapa-scale-parameterization-accordion .mat-expansion-panel-spacing{margin:unset!important}:host ::ng-deep .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:100%;max-width:100%;height:fit-content;box-sizing:border-box}:host ::ng-deep .mapa-scale-parameterization .mapa-scale-parameterization-details--summarized{display:grid;gap:24px;grid-template-columns:1fr 1fr 1fr}:host ::ng-deep .mapa-scale-parameterization .mapa-scale-parameterization-details--title-text{display:flex}:host ::ng-deep .mapa-scale-parameterization .mapa-scale-parameterization-details__dots{display:flex;align-items:center;margin-top:16px;gap:8px}:host ::ng-deep .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}:host ::ng-deep .mapa-scale-parameterization .mapa-scale-parameterization-details__header--title{display:flex;align-items:center;gap:24px}:host ::ng-deep .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}:host ::ng-deep .mapa-scale-parameterization .mapa-scale-parameterization-details__concept strong{color:#181818;font-size:16px;font-style:normal;font-weight:600;line-height:24px}:host ::ng-deep .mapa-scale-parameterization .mapa-scale-parameterization-details__dimensions{display:flex;flex-wrap:wrap;gap:24px;width:100%;height:fit-content}:host ::ng-deep .mapa-scale-parameterization .mapa-scale-parameterization-details .dimension{display:flex;justify-content:flex-start;gap:24px;width:100%;height:fit-content}:host ::ng-deep .mapa-scale-parameterization .mapa-scale-parameterization-details .dimension__main{display:flex;justify-content:space-between;width:100%}:host ::ng-deep .mapa-scale-parameterization .mapa-scale-parameterization-details .dimension--full-sized .dimension{display:flex;gap:32px;width:100%}:host ::ng-deep .mapa-scale-parameterization .mapa-scale-parameterization-details .dimension--full-sized .dimension__main{width:35%}:host ::ng-deep .mapa-scale-parameterization .mapa-scale-parameterization-details .dimension--full-sized .dimension__concept{width:65%}:host ::ng-deep .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}:host ::ng-deep .mapa-scale-parameterization .mapa-scale-parameterization-details .dimension--classification{display:flex;align-items:center;justify-content:center}:host ::ng-deep .mapa-scale-parameterization .mapa-scale-parameterization-details .dimension__concept{color:#50575e;font-size:16px;font-style:normal;font-weight:400;line-height:24px}\n"] }]
+                    ], standalone: true, template: "@for (competence of data; track competence) {\n  <section class=\"mapa-scale-parameterization\">\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        @for (scale of competence.scales; track scale) {\n          <mat-expansion-panel\n            class=\"mapa__card mapa-scale-parameterization-details\"\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                    @if (showDots) {\n                      @let dimensionsCapability = getDimensionsAsCapability(scale);\n                      <div\n                        class=\"mapa-scale-parameterization-details__dots\"\n                      >\n                        @for (item of dimensionsCapability.items; track item) {\n                          <mapa-capability-dot\n                            type=\"small\"\n                            [item]=\"item\"\n                            [capability]=\"dimensionsCapability\"\n                            [tooltip]=\"true\"\n                          ></mapa-capability-dot>\n                        }\n                      </div>\n                    }\n                  </div>\n\n                  @if (scale.classification) {\n                    <div\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 }}\n                      </span>\n                    </div>\n                  }\n                </div>\n                @if (showProgressbar) {\n                  <div class=\"scale__header--progressbar\">\n                    @if (!scale.classification?.classificationBg) {\n                      <mapa-progressbar\n                        [data]=\"getProgressbarData(scale)\"\n                      ></mapa-progressbar>\n                    } @else {\n                      <mapa-capability-interval-bar\n                        [data]=\"getIntervalbarData(scale)\"\n                        [showInterval]=\"true\"\n                      ></mapa-capability-interval-bar>\n                    }\n                  </div>\n                }\n              </header>\n            </mat-expansion-panel-header>\n            @if (scale.scaleConcept) {\n              <article\n                class=\"mapa-scale-parameterization-details__concept\"\n              >\n                <strong>{{ conceptTitle }}:</strong> {{ scale.scaleConcept }}\n              </article>\n            }\n            <section\n              class=\"mapa-scale-parameterization-details__dimensions\"\n              [class.dimension--full-sized]=\"!showSummarized(scale)\"\n              [class.dimension--summarized]=\"showSummarized(scale)\"\n            >\n              @for (dimension of scale.dimensions; track dimension) {\n                <article class=\"mapa__card--sm dimension\">\n                  <nav class=\"dimension__main\">\n                    <div class=\"dimension__title\">\n                      <div class=\"dimension__title--direction\">\n                        @if (isPositive(dimension)) {\n                          <span>&uarr;</span>\n                        } @else {\n                          <span>&darr;</span>\n                        }\n                      </div>\n                      <div class=\"dimension__title--label\">\n                        {{ dimension.dimensionName }}\n                      </div>\n                    </div>\n                    <div class=\"dimension--classification\">\n                      @if (dimension.classification) {\n                        <div\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 }}\n                          </span>\n                        </div>\n                      }\n                    </div>\n                  </nav>\n                  @if (dimension.dimensionClassificationMessage) {\n                    <div class=\"dimension__concept\">\n                      {{ dimension.dimensionClassificationMessage }}\n                    </div>\n                  }\n                </article>\n              }\n            </section>\n          </mat-expansion-panel>\n        }\n      </mat-accordion>\n    </section>\n  </section>\n}\n", styles: [":host{display:block;width:100%}:host ::ng-deep .mapa-scale-parameterization{display:flex;gap:24px;font-family:var(--mapa-font-body, \"Asap\", \"Roboto\", \"Inter\", sans-serif);width:100%;max-width:100%;box-sizing:border-box}:host ::ng-deep .mapa-scale-parameterization .mapa-scale-parameterization-scales{flex:1 1 auto;width:100%;min-width:0}:host ::ng-deep .mapa-scale-parameterization .mapa-scale-parameterization-accordion{width:100%}:host ::ng-deep .mapa-scale-parameterization .mapa-scale-parameterization-accordion .mat-expansion-panel:first-of-type{border-top-right-radius:8px;border-top-left-radius:8px}:host ::ng-deep .mapa-scale-parameterization .mapa-scale-parameterization-accordion .mat-expansion-panel:last-of-type{border-bottom-right-radius:8px;border-bottom-left-radius:8px}:host ::ng-deep .mapa-scale-parameterization .mapa-scale-parameterization-accordion .mat-expansion-panel{box-shadow:unset!important;padding:unset!important;width:100%;max-width:100%;box-sizing:border-box}:host ::ng-deep .mapa-scale-parameterization .mapa-scale-parameterization-accordion .mat-expansion-panel-header{width:100%;height:auto;min-height:96px;padding:0 24px;border-bottom:unset!important;box-sizing:border-box;gap:24px}:host ::ng-deep .mapa-scale-parameterization .mapa-scale-parameterization-accordion .mat-expansion-panel-header.mat-expanded{height:auto;min-height:96px}:host ::ng-deep .mapa-scale-parameterization .mapa-scale-parameterization-accordion .mat-expansion-panel-header .mat-content{min-width:0;padding-right:4px}:host ::ng-deep .mapa-scale-parameterization .mapa-scale-parameterization-accordion .mat-expansion-panel-content,:host ::ng-deep .mapa-scale-parameterization .mapa-scale-parameterization-accordion .mat-expansion-panel-body{width:100%;box-sizing:border-box}:host ::ng-deep .mapa-scale-parameterization .mapa-scale-parameterization-accordion .mat-expansion-panel-body{padding:24px!important}:host ::ng-deep .mapa-scale-parameterization .mapa-scale-parameterization-accordion .mat-expansion-panel-spacing{margin:unset!important}:host ::ng-deep .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:100%;max-width:100%;height:fit-content;box-sizing:border-box}:host ::ng-deep .mapa-scale-parameterization .mapa-scale-parameterization-details__dots{display:flex;align-items:center;margin-top:16px;gap:8px}:host ::ng-deep .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}:host ::ng-deep .mapa-scale-parameterization .mapa-scale-parameterization-details__header--title{display:flex;align-items:center;gap:24px}:host ::ng-deep .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}:host ::ng-deep .mapa-scale-parameterization .mapa-scale-parameterization-details__concept strong{color:#181818;font-size:16px;font-style:normal;font-weight:600;line-height:24px}:host ::ng-deep .mapa-scale-parameterization .mapa-scale-parameterization-details__dimensions{display:flex;flex-wrap:wrap;gap:24px;width:100%;height:fit-content}:host ::ng-deep .mapa-scale-parameterization .mapa-scale-parameterization-details .dimension{display:flex;justify-content:flex-start;gap:24px;width:100%;height:fit-content}:host ::ng-deep .mapa-scale-parameterization .mapa-scale-parameterization-details .dimension__main{display:flex;justify-content:space-between;width:100%}:host ::ng-deep .mapa-scale-parameterization .mapa-scale-parameterization-details .dimension--full-sized .dimension{display:flex;gap:32px;width:100%}:host ::ng-deep .mapa-scale-parameterization .mapa-scale-parameterization-details .dimension--full-sized .dimension__main{width:35%}:host ::ng-deep .mapa-scale-parameterization .mapa-scale-parameterization-details .dimension--full-sized .dimension__concept{width:65%}:host ::ng-deep .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}:host ::ng-deep .mapa-scale-parameterization .mapa-scale-parameterization-details .dimension--classification{display:flex;align-items:center;justify-content:center}:host ::ng-deep .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: () => [{ type: MapaI18nService }], propDecorators: { data: [{
                 type: Input
             }], showProgressbar: [{