mapa-library-ui 2.2.2 → 2.5.0

package/fesm2022/mapa-library-ui.mjs

@@ -709,6 +709,16 @@ const DEFAULT_MAPA_UI_TEXTS = {
         groupAverageTitle: 'Média geral do grupo',
         groupDistributionLabel: 'Distribuição do grupo',
         overallPercentageTitle: '% Geral',
+        summarizedReportTitle: 'Relatório resumido',
+        detailedReportTitle: 'Relatório detalhado',
+        competenciesAndDimensionsTitle: 'Competências e dimensões',
+        parameterizationRankingTitle: 'Ranqueamento da parametrização',
+        groupsTitle: 'Grupos',
+        competenciesTitle: 'Competências',
+        finalClassificationTitle: 'Classificação final',
+        evaluationDateTitle: 'Data da avaliação',
+        unitTitle: 'Unidade',
+        positionTitle: 'Cargo',
         scaleConceptTitle: 'Conceito da escala',
         psychosocialFactorsTitle: 'Fatores psicossociais',
         editConclusionLabel: 'Editar conclusão',
@@ -5108,7 +5118,7 @@ class MapaClassificationTagComponent {
         this.i18n = inject(MapaI18nService);
         this.classification = input(...(ngDevMode ? [undefined, { debugName: "classification" }] : []));
         this.size = input('small', ...(ngDevMode ? [{ debugName: "size" }] : []));
-        this.appearance = input('soft', ...(ngDevMode ? [{ debugName: "appearance" }] : []));
+        this.appearance = input('solid', ...(ngDevMode ? [{ debugName: "appearance" }] : []));
         this.shape = input('pill', ...(ngDevMode ? [{ debugName: "shape" }] : []));
         this.casing = input('auto', ...(ngDevMode ? [{ debugName: "casing" }] : []));
         /** Shown when there is no classification; defaults to the i18n text. */
@@ -5120,19 +5130,17 @@ class MapaClassificationTagComponent {
             const classification = this.classification();
             const explicit = normalizeHex(classification?.classificationBg);
             const color = normalizeHex(classification?.classificationColor) ?? '#ff560b';
-            if (this.appearance() === 'solid')
-                return color;
-            return explicit ?? mixWithSurface(color, 0.14);
+            return this.appearance() === 'tonal'
+                ? (explicit ?? mixWithSurface(color, 0.14))
+                : color;
         }, ...(ngDevMode ? [{ debugName: "background" }] : []));
         this.foreground = computed(() => {
             const color = normalizeHex(this.classification()?.classificationColor) ?? '#a63a0a';
             const background = this.background();
-            if (this.appearance() === 'solid')
-                return readableForeground(background);
             if (this.appearance() === 'tonal') {
                 return readableTonalForeground(color, background);
             }
-            return contrast(color, background) >= 4.5 ? color : '#3f484f';
+            return readableForeground(background);
         }, ...(ngDevMode ? [{ debugName: "foreground" }] : []));
         this.border = computed(() => {
             const color = normalizeHex(this.classification()?.classificationColor) ?? '#ff8a55';
@@ -8558,11 +8566,11 @@ class MapaReportGroupProfileWidgetComponent {
             : this.i18n.texts.report.positiveDirectionLabel;
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.21", ngImport: i0, type: MapaReportGroupProfileWidgetComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.21", type: MapaReportGroupProfileWidgetComponent, isStandalone: true, selector: "mapa-report-group-profile-widget", inputs: { heading: { classPropertyName: "heading", publicName: "heading", isSignal: true, isRequired: false, transformFunction: null }, data: { classPropertyName: "data", publicName: "data", isSignal: true, isRequired: false, transformFunction: null }, palette: { classPropertyName: "palette", publicName: "palette", isSignal: true, isRequired: false, transformFunction: null }, showAverage: { classPropertyName: "showAverage", publicName: "showAverage", isSignal: true, isRequired: false, transformFunction: null }, showLegend: { classPropertyName: "showLegend", publicName: "showLegend", isSignal: true, isRequired: false, transformFunction: null }, legend: { classPropertyName: "legend", publicName: "legend", isSignal: true, isRequired: false, transformFunction: null }, distributionLabel: { classPropertyName: "distributionLabel", publicName: "distributionLabel", isSignal: true, isRequired: false, transformFunction: null }, averageLabel: { classPropertyName: "averageLabel", publicName: "averageLabel", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "<section class=\"mapa-report-widget\" [attr.data-palette]=\"palette()\">\n  @if (heading(); as head) {\n    <header class=\"mapa-report-widget__header\">\n      <div class=\"mapa-report-widget__heading\">\n        <h2>{{ head.title }}</h2>\n        @if (head.description) {\n          <div\n            class=\"mapa-report-widget__description\"\n            [innerHTML]=\"head.description | safeHtml\"\n          ></div>\n        }\n      </div>\n    </header>\n  }\n\n  <div class=\"mapa-report-group-profile__filters\">\n    <ng-content select=\"[mapaReportGroupProfileFilters]\"></ng-content>\n  </div>\n\n  @if (!dimensions().length) {\n    <p class=\"mapa-report-widget__empty\">{{ i18n.texts.report.emptyState }}</p>\n  } @else {\n    <header class=\"mapa-report-group-profile__scale\">\n      <h3>\n        {{ data()?.name }}\n        @if (direction()) {\n          <span\n            class=\"mapa-direction-indicator\"\n            [attr.title]=\"directionLabel()\"\n            [attr.aria-label]=\"directionLabel()\"\n            >{{ directionArrow() }}</span\n          >\n        }\n      </h3>\n      @if (showAverage() && average() !== null) {\n        <div class=\"mapa-report-group-profile__average\">\n          <span class=\"mapa-report-group-profile__average-label\">{{\n            averageCaption()\n          }}</span>\n          <div class=\"mapa-report-group-profile__average-value\">\n            <mapa-result-track\n              [name]=\"averageCaption()\"\n              [showValue]=\"false\"\n              [value]=\"average()!\"\n            />\n            <strong>{{ averageText() }}</strong>\n          </div>\n        </div>\n      }\n    </header>\n\n    <div class=\"mapa-report-group-profile__rows\">\n      @for (dimension of dimensions(); track dimension.id ?? dimension.name) {\n        <article class=\"mapa-report-group-profile__row\">\n          <h4 class=\"mapa-report-group-profile__row-name\">\n            {{ dimension.name }}\n            @if (direction(dimension)) {\n              <span\n                class=\"mapa-direction-indicator\"\n                [attr.title]=\"directionLabel(dimension)\"\n                [attr.aria-label]=\"directionLabel(dimension)\"\n                >{{ directionArrow(dimension) }}</span\n              >\n            }\n          </h4>\n          <div class=\"mapa-report-group-profile__bar\">\n            <div class=\"mapa-report-group-profile__values\">\n              <span>{{ distributionCaption() }}</span>\n              <b>{{ valuesLabel(dimension) }}</b>\n            </div>\n            <div\n              class=\"mapa-report-group-profile__pill\"\n              role=\"img\"\n              [attr.aria-label]=\"pillLabel(dimension)\"\n            >\n              @for (slice of slices(dimension); track $index) {\n                <span\n                  class=\"mapa-report-group-profile__slice\"\n                  [class.mapa-report-group-profile__slice--highlighted]=\"\n                    slice.highlighted\n                  \"\n                  [style.width.%]=\"width(slice)\"\n                  [style.background-color]=\"sliceColor(slice)\"\n                  [attr.title]=\"sliceTitle(slice)\"\n                ></span>\n              }\n            </div>\n          </div>\n        </article>\n      }\n    </div>\n\n    @if (showLegend() && legendItems().length) {\n      <ul class=\"mapa-report-group-profile__legend\">\n        @for (item of legendItems(); track item.id ?? item.label) {\n          <li>\n            <i\n              class=\"mapa-report-group-profile__swatch\"\n              [style.background-color]=\"item.color\"\n              aria-hidden=\"true\"\n            ></i>\n            {{ item.label }}\n          </li>\n        }\n      </ul>\n    }\n  }\n</section>\n", styles: ["@charset \"UTF-8\";:host{--mapa-report-accent: #ff560b;--mapa-report-accent-soft: #fff0e9;--mapa-report-surface: #fff;--mapa-report-surface-muted: #eef2f3;--mapa-report-border: #e1e5e7;--mapa-report-text: #263238;--mapa-report-muted: #68747a;--mapa-report-pill-width: 104px;--mapa-report-radius: 8px;--mapa-report-space: 20px;color:var(--mapa-report-text);display:block;font-family:var(--mapa-font-body, \"Asap\", \"Roboto\", sans-serif)}.mapa-report-widget{display:grid;gap:var(--mapa-report-space)}.mapa-report-widget__header{align-items:flex-start;column-gap:16px;display:grid;grid-template-columns:minmax(0,1fr) auto}.mapa-report-widget__heading{display:contents}.mapa-report-widget__heading h2{color:var(--mapa-report-accent);font-size:20px;font-weight:650;grid-column:1;grid-row:1;line-height:1.25;margin:0}.mapa-report-widget__description{color:var(--mapa-report-muted);font-size:13px;grid-column:1/-1;grid-row:2;line-height:1.5;margin:5px 0 0}.mapa-report-widget__description ::ng-deep ol,.mapa-report-widget__description ::ng-deep p,.mapa-report-widget__description ::ng-deep ul{margin:0 0 8px}.mapa-report-widget__description ::ng-deep ol,.mapa-report-widget__description ::ng-deep ul{padding-left:20px}.mapa-report-widget__description ::ng-deep li{margin:0 0 3px}.mapa-report-widget__description ::ng-deep b,.mapa-report-widget__description ::ng-deep strong{color:var(--mapa-report-text, inherit);font-weight:600}.mapa-report-widget__description ::ng-deep :last-child{margin-bottom:0}.mapa-report-widget__modes{--mat-button-toggle-background-color: var(--mapa-report-surface);--mat-button-toggle-divider-color: #cbd5da;--mat-button-toggle-height: 32px;--mat-button-toggle-label-text-font: var( --mapa-font-body, \"Asap\", sans-serif );--mat-button-toggle-label-text-size: 13px;--mat-button-toggle-label-text-weight: 500;--mat-button-toggle-selected-state-background-color: #59636a;--mat-button-toggle-selected-state-text-color: #fffaf7;--mat-button-toggle-shape: 4px;--mat-button-toggle-text-color: #344b5e;border:1px solid #cbd5da;border-radius:4px;grid-column:2;grid-row:1;overflow:hidden}.mapa-report-widget__modes mat-button-toggle{font:500 13px/1 var(--mapa-font-body, \"Asap\", sans-serif)}.mapa-report-widget__modes mat-icon{font-size:14px;height:14px;margin-right:5px;width:14px}.mapa-report-widget__empty{color:var(--mapa-report-muted);margin:0;padding:24px 0;text-align:center}@media(max-width:760px){.mapa-report-widget__header{align-items:stretch;grid-template-columns:minmax(0,1fr)}.mapa-report-widget__modes{grid-column:1;grid-row:3;justify-self:start;margin-top:12px}}.mapa-direction-indicator{background:var(--mapa-report-surface, var(--mapa-color-surface, #fafbfc));border:1px solid currentColor;border-radius:50%;box-sizing:border-box;color:var(--mapa-report-muted, var(--mapa-color-text-subtle, #68747a));display:inline-grid;flex:0 0 20px;font-size:11px;font-weight:700;height:20px;line-height:1;place-items:center;width:20px}:host{--mapa-report-pill-height: 21px;--mapa-report-line-soft: #edf1f3}.mapa-report-group-profile__filters{border-bottom:1px solid var(--mapa-report-border);display:grid;gap:12px;grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;padding-bottom:var(--mapa-report-space)}.mapa-report-group-profile__filters:empty{display:none}.mapa-report-group-profile__scale{align-items:center;display:flex;flex-wrap:wrap;gap:18px;justify-content:space-between}.mapa-report-group-profile__scale h3{align-items:center;display:flex;font-size:26px;font-weight:500;gap:8px;letter-spacing:-.02em;line-height:1.15;margin:0}.mapa-report-group-profile__average{border:1px solid var(--mapa-report-border);border-radius:var(--mapa-report-radius);min-width:230px;padding:10px 14px}.mapa-report-group-profile__average-label{color:var(--mapa-report-muted);display:block;font-size:10px;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.mapa-report-group-profile__average-value{align-items:center;display:flex;gap:10px}.mapa-report-group-profile__average-value mapa-result-track{--mapa-result-track-height: 8px;flex:1}.mapa-report-group-profile__average-value strong{font-size:20px;font-weight:500}.mapa-report-group-profile__rows{display:grid}.mapa-report-group-profile__row{align-items:center;border-top:1px solid var(--mapa-report-line-soft);display:grid;gap:16px;grid-template-columns:minmax(120px,20%) minmax(0,1fr);padding:15px 0}.mapa-report-group-profile__row-name{align-items:center;display:flex;font-size:14px;font-weight:500;gap:7px;margin:0}.mapa-report-group-profile__bar{min-width:0}.mapa-report-group-profile__values{color:var(--mapa-report-muted);display:flex;font-size:11px;gap:12px;justify-content:space-between;margin-bottom:5px}.mapa-report-group-profile__values b{color:var(--mapa-report-text);font-weight:600;text-align:right}.mapa-report-group-profile__pill{background:var(--mapa-report-surface-muted);border-radius:999px;display:flex;gap:2px;height:var(--mapa-report-pill-height);overflow:hidden;width:100%}.mapa-report-group-profile__slice{display:block;flex:0 1 auto;height:100%;min-width:8px;overflow:hidden}.mapa-report-group-profile__slice--highlighted{align-items:center;display:flex;justify-content:center}.mapa-report-group-profile__slice--highlighted:after{color:var(--mapa-report-surface);content:\"\\25bc\";font-size:9px;line-height:1}.mapa-report-group-profile__legend{display:flex;flex-wrap:wrap;gap:8px 16px;list-style:none;margin:0;padding:0}.mapa-report-group-profile__legend li{align-items:center;color:var(--mapa-report-muted);display:inline-flex;font-size:12px;gap:6px}.mapa-report-group-profile__swatch{border-radius:999px;flex:0 0 auto;height:10px;width:10px}:host ::ng-deep .mapa-report-group-profile__filters>*{min-width:0;width:100%}@media(max-width:760px){.mapa-report-group-profile__filters{grid-auto-flow:row}.mapa-report-group-profile__average{min-width:0;width:100%}.mapa-report-group-profile__row{gap:8px;grid-template-columns:minmax(0,1fr)}}\n"], dependencies: [{ kind: "component", type: MapaResultTrackComponent, selector: "mapa-result-track", inputs: ["name", "value", "color", "mode", "appearance", "direction", "showValue", "ariaLabel"] }, { kind: "pipe", type: SafeHtmlPipe, name: "safeHtml" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.21", type: MapaReportGroupProfileWidgetComponent, isStandalone: true, selector: "mapa-report-group-profile-widget", inputs: { heading: { classPropertyName: "heading", publicName: "heading", isSignal: true, isRequired: false, transformFunction: null }, data: { classPropertyName: "data", publicName: "data", isSignal: true, isRequired: false, transformFunction: null }, palette: { classPropertyName: "palette", publicName: "palette", isSignal: true, isRequired: false, transformFunction: null }, showAverage: { classPropertyName: "showAverage", publicName: "showAverage", isSignal: true, isRequired: false, transformFunction: null }, showLegend: { classPropertyName: "showLegend", publicName: "showLegend", isSignal: true, isRequired: false, transformFunction: null }, legend: { classPropertyName: "legend", publicName: "legend", isSignal: true, isRequired: false, transformFunction: null }, distributionLabel: { classPropertyName: "distributionLabel", publicName: "distributionLabel", isSignal: true, isRequired: false, transformFunction: null }, averageLabel: { classPropertyName: "averageLabel", publicName: "averageLabel", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "<section class=\"mapa-report-widget\" [attr.data-palette]=\"palette()\">\n  @if (heading(); as head) {\n    <header class=\"mapa-report-widget__header\">\n      <div class=\"mapa-report-widget__heading\">\n        <h2>{{ head.title }}</h2>\n        @if (head.description) {\n          <div\n            class=\"mapa-report-widget__description\"\n            [innerHTML]=\"head.description | safeHtml\"\n          ></div>\n        }\n      </div>\n    </header>\n  }\n\n  <div class=\"mapa-report-group-profile__filters\">\n    <ng-content select=\"[mapaReportGroupProfileFilters]\"></ng-content>\n  </div>\n\n  @if (!dimensions().length) {\n    <p class=\"mapa-report-widget__empty\">{{ i18n.texts.report.emptyState }}</p>\n  } @else {\n    <header class=\"mapa-report-group-profile__scale\">\n      <h3>\n        {{ data()?.name }}\n        @if (direction()) {\n          <span\n            class=\"mapa-direction-indicator\"\n            [attr.title]=\"directionLabel()\"\n            [attr.aria-label]=\"directionLabel()\"\n            >{{ directionArrow() }}</span\n          >\n        }\n      </h3>\n      @if (showAverage() && average() !== null) {\n        <div class=\"mapa-report-group-profile__average\">\n          <span class=\"mapa-report-group-profile__average-label\">{{\n            averageCaption()\n          }}</span>\n          <div class=\"mapa-report-group-profile__average-value\">\n            <mapa-result-track\n              [name]=\"averageCaption()\"\n              [showValue]=\"false\"\n              [value]=\"average()!\"\n            />\n            <strong>{{ averageText() }}</strong>\n          </div>\n        </div>\n      }\n    </header>\n\n    <div class=\"mapa-report-group-profile__rows\">\n      @for (dimension of dimensions(); track dimension.id ?? dimension.name) {\n        <article class=\"mapa-report-group-profile__row\">\n          <h4 class=\"mapa-report-group-profile__row-name\">\n            {{ dimension.name }}\n            @if (direction(dimension)) {\n              <span\n                class=\"mapa-direction-indicator\"\n                [attr.title]=\"directionLabel(dimension)\"\n                [attr.aria-label]=\"directionLabel(dimension)\"\n                >{{ directionArrow(dimension) }}</span\n              >\n            }\n          </h4>\n          <div class=\"mapa-report-group-profile__bar\">\n            <span class=\"mapa-report-group-profile__caption\">{{\n              distributionCaption()\n            }}</span>\n            <div class=\"mapa-report-group-profile__values\" aria-hidden=\"true\">\n              @for (slice of slices(dimension); track $index) {\n                <b [style.width.%]=\"width(slice)\">{{ sliceValue(slice) }}</b>\n              }\n            </div>\n            <div\n              class=\"mapa-report-group-profile__pill\"\n              role=\"img\"\n              [attr.aria-label]=\"pillLabel(dimension)\"\n            >\n              @for (slice of slices(dimension); track $index) {\n                <span\n                  class=\"mapa-report-group-profile__slice\"\n                  [class.mapa-report-group-profile__slice--highlighted]=\"\n                    slice.highlighted\n                  \"\n                  [style.width.%]=\"width(slice)\"\n                  [style.background-color]=\"sliceColor(slice)\"\n                  [attr.title]=\"sliceTitle(slice)\"\n                ></span>\n              }\n            </div>\n          </div>\n        </article>\n      }\n    </div>\n\n    @if (showLegend() && legendItems().length) {\n      <ul class=\"mapa-report-group-profile__legend\">\n        @for (item of legendItems(); track item.id ?? item.label) {\n          <li>\n            <i\n              class=\"mapa-report-group-profile__swatch\"\n              [style.background-color]=\"item.color\"\n              aria-hidden=\"true\"\n            ></i>\n            {{ item.label }}\n          </li>\n        }\n      </ul>\n    }\n  }\n</section>\n", styles: ["@charset \"UTF-8\";:host{--mapa-report-accent: #ff560b;--mapa-report-accent-soft: #fff0e9;--mapa-report-surface: #fff;--mapa-report-surface-muted: #eef2f3;--mapa-report-border: #e1e5e7;--mapa-report-text: #263238;--mapa-report-muted: #68747a;--mapa-report-pill-width: 104px;--mapa-report-radius: 8px;--mapa-report-space: 20px;color:var(--mapa-report-text);display:block;font-family:var(--mapa-font-body, \"Asap\", \"Roboto\", sans-serif)}.mapa-report-widget{display:grid;gap:var(--mapa-report-space)}.mapa-report-widget__header{align-items:flex-start;column-gap:16px;display:grid;grid-template-columns:minmax(0,1fr) auto}.mapa-report-widget__heading{display:contents}.mapa-report-widget__heading h2{color:var(--mapa-report-accent);font-size:20px;font-weight:650;grid-column:1;grid-row:1;line-height:1.25;margin:0}.mapa-report-widget__description{color:var(--mapa-report-muted);font-size:13px;grid-column:1/-1;grid-row:2;line-height:1.5;margin:5px 0 0}.mapa-report-widget__description ::ng-deep ol,.mapa-report-widget__description ::ng-deep p,.mapa-report-widget__description ::ng-deep ul{margin:0 0 8px}.mapa-report-widget__description ::ng-deep ol,.mapa-report-widget__description ::ng-deep ul{padding-left:20px}.mapa-report-widget__description ::ng-deep li{margin:0 0 3px}.mapa-report-widget__description ::ng-deep b,.mapa-report-widget__description ::ng-deep strong{color:var(--mapa-report-text, inherit);font-weight:600}.mapa-report-widget__description ::ng-deep :last-child{margin-bottom:0}.mapa-report-widget__modes{--mat-button-toggle-background-color: var(--mapa-report-surface);--mat-button-toggle-divider-color: #cbd5da;--mat-button-toggle-height: 32px;--mat-button-toggle-label-text-font: var( --mapa-font-body, \"Asap\", sans-serif );--mat-button-toggle-label-text-size: 13px;--mat-button-toggle-label-text-weight: 500;--mat-button-toggle-selected-state-background-color: #59636a;--mat-button-toggle-selected-state-text-color: #fffaf7;--mat-button-toggle-shape: 4px;--mat-button-toggle-text-color: #344b5e;border:1px solid #cbd5da;border-radius:4px;grid-column:2;grid-row:1;overflow:hidden}.mapa-report-widget__modes mat-button-toggle{font:500 13px/1 var(--mapa-font-body, \"Asap\", sans-serif)}.mapa-report-widget__modes mat-icon{font-size:14px;height:14px;margin-right:5px;width:14px}.mapa-report-widget__empty{color:var(--mapa-report-muted);margin:0;padding:24px 0;text-align:center}@media(max-width:760px){.mapa-report-widget__header{align-items:stretch;grid-template-columns:minmax(0,1fr)}.mapa-report-widget__modes{grid-column:1;grid-row:3;justify-self:start;margin-top:12px}}.mapa-direction-indicator{background:var(--mapa-report-surface, var(--mapa-color-surface, #fafbfc));border:1px solid currentColor;border-radius:50%;box-sizing:border-box;color:var(--mapa-report-muted, var(--mapa-color-text-subtle, #68747a));display:inline-grid;flex:0 0 20px;font-size:11px;font-weight:700;height:20px;line-height:1;place-items:center;width:20px}:host{--mapa-report-pill-height: 21px;--mapa-report-line-soft: #edf1f3}.mapa-report-group-profile__filters{border-bottom:1px solid var(--mapa-report-border);display:grid;gap:12px;grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;padding-bottom:var(--mapa-report-space)}.mapa-report-group-profile__filters:empty{display:none}.mapa-report-group-profile__scale{align-items:center;display:flex;flex-wrap:wrap;gap:18px;justify-content:space-between}.mapa-report-group-profile__scale h3{align-items:center;display:flex;font-size:26px;font-weight:500;gap:8px;letter-spacing:-.02em;line-height:1.15;margin:0}.mapa-report-group-profile__average{border:1px solid var(--mapa-report-border);border-radius:var(--mapa-report-radius);min-width:230px;padding:10px 14px}.mapa-report-group-profile__average-label{color:var(--mapa-report-muted);display:block;font-size:10px;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.mapa-report-group-profile__average-value{align-items:center;display:flex;gap:10px}.mapa-report-group-profile__average-value mapa-result-track{--mapa-result-track-height: 8px;flex:1}.mapa-report-group-profile__average-value strong{font-size:20px;font-weight:500}.mapa-report-group-profile__rows{display:grid}.mapa-report-group-profile__row{align-items:center;border-top:1px solid var(--mapa-report-line-soft);display:grid;gap:16px;grid-template-columns:minmax(120px,20%) minmax(0,1fr);padding:15px 0}.mapa-report-group-profile__row-name{align-items:center;display:flex;font-size:14px;font-weight:500;gap:7px;margin:0}.mapa-report-group-profile__bar{min-width:0}.mapa-report-group-profile__caption{color:var(--mapa-report-muted);display:block;font-size:11px;margin-bottom:2px}.mapa-report-group-profile__values{display:flex;gap:2px;margin-bottom:4px;width:100%}.mapa-report-group-profile__values b{color:var(--mapa-report-text);flex:0 1 auto;font-size:11px;font-weight:600;min-width:8px;text-align:center;white-space:nowrap}.mapa-report-group-profile__pill{background:var(--mapa-report-surface-muted);border-radius:999px;display:flex;gap:2px;height:var(--mapa-report-pill-height);overflow:hidden;width:100%}.mapa-report-group-profile__slice{display:block;flex:0 1 auto;height:100%;min-width:8px;overflow:hidden}.mapa-report-group-profile__slice--highlighted{align-items:center;display:flex;justify-content:center}.mapa-report-group-profile__slice--highlighted:after{color:var(--mapa-report-surface);content:\"\\25bc\";font-size:9px;line-height:1}.mapa-report-group-profile__legend{display:flex;flex-wrap:wrap;gap:8px 16px;list-style:none;margin:0;padding:0}.mapa-report-group-profile__legend li{align-items:center;color:var(--mapa-report-muted);display:inline-flex;font-size:12px;gap:6px}.mapa-report-group-profile__swatch{border-radius:999px;flex:0 0 auto;height:10px;width:10px}:host ::ng-deep .mapa-report-group-profile__filters>*{min-width:0;width:100%}@media(max-width:760px){.mapa-report-group-profile__filters{grid-auto-flow:row}.mapa-report-group-profile__average{min-width:0;width:100%}.mapa-report-group-profile__row{gap:8px;grid-template-columns:minmax(0,1fr)}}\n"], dependencies: [{ kind: "component", type: MapaResultTrackComponent, selector: "mapa-result-track", inputs: ["name", "value", "color", "mode", "appearance", "direction", "showValue", "ariaLabel"] }, { kind: "pipe", type: SafeHtmlPipe, name: "safeHtml" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.21", ngImport: i0, type: MapaReportGroupProfileWidgetComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'mapa-report-group-profile-widget', standalone: true, imports: [MapaResultTrackComponent, SafeHtmlPipe], changeDetection: ChangeDetectionStrategy.OnPush, template: "<section class=\"mapa-report-widget\" [attr.data-palette]=\"palette()\">\n  @if (heading(); as head) {\n    <header class=\"mapa-report-widget__header\">\n      <div class=\"mapa-report-widget__heading\">\n        <h2>{{ head.title }}</h2>\n        @if (head.description) {\n          <div\n            class=\"mapa-report-widget__description\"\n            [innerHTML]=\"head.description | safeHtml\"\n          ></div>\n        }\n      </div>\n    </header>\n  }\n\n  <div class=\"mapa-report-group-profile__filters\">\n    <ng-content select=\"[mapaReportGroupProfileFilters]\"></ng-content>\n  </div>\n\n  @if (!dimensions().length) {\n    <p class=\"mapa-report-widget__empty\">{{ i18n.texts.report.emptyState }}</p>\n  } @else {\n    <header class=\"mapa-report-group-profile__scale\">\n      <h3>\n        {{ data()?.name }}\n        @if (direction()) {\n          <span\n            class=\"mapa-direction-indicator\"\n            [attr.title]=\"directionLabel()\"\n            [attr.aria-label]=\"directionLabel()\"\n            >{{ directionArrow() }}</span\n          >\n        }\n      </h3>\n      @if (showAverage() && average() !== null) {\n        <div class=\"mapa-report-group-profile__average\">\n          <span class=\"mapa-report-group-profile__average-label\">{{\n            averageCaption()\n          }}</span>\n          <div class=\"mapa-report-group-profile__average-value\">\n            <mapa-result-track\n              [name]=\"averageCaption()\"\n              [showValue]=\"false\"\n              [value]=\"average()!\"\n            />\n            <strong>{{ averageText() }}</strong>\n          </div>\n        </div>\n      }\n    </header>\n\n    <div class=\"mapa-report-group-profile__rows\">\n      @for (dimension of dimensions(); track dimension.id ?? dimension.name) {\n        <article class=\"mapa-report-group-profile__row\">\n          <h4 class=\"mapa-report-group-profile__row-name\">\n            {{ dimension.name }}\n            @if (direction(dimension)) {\n              <span\n                class=\"mapa-direction-indicator\"\n                [attr.title]=\"directionLabel(dimension)\"\n                [attr.aria-label]=\"directionLabel(dimension)\"\n                >{{ directionArrow(dimension) }}</span\n              >\n            }\n          </h4>\n          <div class=\"mapa-report-group-profile__bar\">\n            <div class=\"mapa-report-group-profile__values\">\n              <span>{{ distributionCaption() }}</span>\n              <b>{{ valuesLabel(dimension) }}</b>\n            </div>\n            <div\n              class=\"mapa-report-group-profile__pill\"\n              role=\"img\"\n              [attr.aria-label]=\"pillLabel(dimension)\"\n            >\n              @for (slice of slices(dimension); track $index) {\n                <span\n                  class=\"mapa-report-group-profile__slice\"\n                  [class.mapa-report-group-profile__slice--highlighted]=\"\n                    slice.highlighted\n                  \"\n                  [style.width.%]=\"width(slice)\"\n                  [style.background-color]=\"sliceColor(slice)\"\n                  [attr.title]=\"sliceTitle(slice)\"\n                ></span>\n              }\n            </div>\n          </div>\n        </article>\n      }\n    </div>\n\n    @if (showLegend() && legendItems().length) {\n      <ul class=\"mapa-report-group-profile__legend\">\n        @for (item of legendItems(); track item.id ?? item.label) {\n          <li>\n            <i\n              class=\"mapa-report-group-profile__swatch\"\n              [style.background-color]=\"item.color\"\n              aria-hidden=\"true\"\n            ></i>\n            {{ item.label }}\n          </li>\n        }\n      </ul>\n    }\n  }\n</section>\n", styles: ["@charset \"UTF-8\";:host{--mapa-report-accent: #ff560b;--mapa-report-accent-soft: #fff0e9;--mapa-report-surface: #fff;--mapa-report-surface-muted: #eef2f3;--mapa-report-border: #e1e5e7;--mapa-report-text: #263238;--mapa-report-muted: #68747a;--mapa-report-pill-width: 104px;--mapa-report-radius: 8px;--mapa-report-space: 20px;color:var(--mapa-report-text);display:block;font-family:var(--mapa-font-body, \"Asap\", \"Roboto\", sans-serif)}.mapa-report-widget{display:grid;gap:var(--mapa-report-space)}.mapa-report-widget__header{align-items:flex-start;column-gap:16px;display:grid;grid-template-columns:minmax(0,1fr) auto}.mapa-report-widget__heading{display:contents}.mapa-report-widget__heading h2{color:var(--mapa-report-accent);font-size:20px;font-weight:650;grid-column:1;grid-row:1;line-height:1.25;margin:0}.mapa-report-widget__description{color:var(--mapa-report-muted);font-size:13px;grid-column:1/-1;grid-row:2;line-height:1.5;margin:5px 0 0}.mapa-report-widget__description ::ng-deep ol,.mapa-report-widget__description ::ng-deep p,.mapa-report-widget__description ::ng-deep ul{margin:0 0 8px}.mapa-report-widget__description ::ng-deep ol,.mapa-report-widget__description ::ng-deep ul{padding-left:20px}.mapa-report-widget__description ::ng-deep li{margin:0 0 3px}.mapa-report-widget__description ::ng-deep b,.mapa-report-widget__description ::ng-deep strong{color:var(--mapa-report-text, inherit);font-weight:600}.mapa-report-widget__description ::ng-deep :last-child{margin-bottom:0}.mapa-report-widget__modes{--mat-button-toggle-background-color: var(--mapa-report-surface);--mat-button-toggle-divider-color: #cbd5da;--mat-button-toggle-height: 32px;--mat-button-toggle-label-text-font: var( --mapa-font-body, \"Asap\", sans-serif );--mat-button-toggle-label-text-size: 13px;--mat-button-toggle-label-text-weight: 500;--mat-button-toggle-selected-state-background-color: #59636a;--mat-button-toggle-selected-state-text-color: #fffaf7;--mat-button-toggle-shape: 4px;--mat-button-toggle-text-color: #344b5e;border:1px solid #cbd5da;border-radius:4px;grid-column:2;grid-row:1;overflow:hidden}.mapa-report-widget__modes mat-button-toggle{font:500 13px/1 var(--mapa-font-body, \"Asap\", sans-serif)}.mapa-report-widget__modes mat-icon{font-size:14px;height:14px;margin-right:5px;width:14px}.mapa-report-widget__empty{color:var(--mapa-report-muted);margin:0;padding:24px 0;text-align:center}@media(max-width:760px){.mapa-report-widget__header{align-items:stretch;grid-template-columns:minmax(0,1fr)}.mapa-report-widget__modes{grid-column:1;grid-row:3;justify-self:start;margin-top:12px}}.mapa-direction-indicator{background:var(--mapa-report-surface, var(--mapa-color-surface, #fafbfc));border:1px solid currentColor;border-radius:50%;box-sizing:border-box;color:var(--mapa-report-muted, var(--mapa-color-text-subtle, #68747a));display:inline-grid;flex:0 0 20px;font-size:11px;font-weight:700;height:20px;line-height:1;place-items:center;width:20px}:host{--mapa-report-pill-height: 21px;--mapa-report-line-soft: #edf1f3}.mapa-report-group-profile__filters{border-bottom:1px solid var(--mapa-report-border);display:grid;gap:12px;grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;padding-bottom:var(--mapa-report-space)}.mapa-report-group-profile__filters:empty{display:none}.mapa-report-group-profile__scale{align-items:center;display:flex;flex-wrap:wrap;gap:18px;justify-content:space-between}.mapa-report-group-profile__scale h3{align-items:center;display:flex;font-size:26px;font-weight:500;gap:8px;letter-spacing:-.02em;line-height:1.15;margin:0}.mapa-report-group-profile__average{border:1px solid var(--mapa-report-border);border-radius:var(--mapa-report-radius);min-width:230px;padding:10px 14px}.mapa-report-group-profile__average-label{color:var(--mapa-report-muted);display:block;font-size:10px;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.mapa-report-group-profile__average-value{align-items:center;display:flex;gap:10px}.mapa-report-group-profile__average-value mapa-result-track{--mapa-result-track-height: 8px;flex:1}.mapa-report-group-profile__average-value strong{font-size:20px;font-weight:500}.mapa-report-group-profile__rows{display:grid}.mapa-report-group-profile__row{align-items:center;border-top:1px solid var(--mapa-report-line-soft);display:grid;gap:16px;grid-template-columns:minmax(120px,20%) minmax(0,1fr);padding:15px 0}.mapa-report-group-profile__row-name{align-items:center;display:flex;font-size:14px;font-weight:500;gap:7px;margin:0}.mapa-report-group-profile__bar{min-width:0}.mapa-report-group-profile__values{color:var(--mapa-report-muted);display:flex;font-size:11px;gap:12px;justify-content:space-between;margin-bottom:5px}.mapa-report-group-profile__values b{color:var(--mapa-report-text);font-weight:600;text-align:right}.mapa-report-group-profile__pill{background:var(--mapa-report-surface-muted);border-radius:999px;display:flex;gap:2px;height:var(--mapa-report-pill-height);overflow:hidden;width:100%}.mapa-report-group-profile__slice{display:block;flex:0 1 auto;height:100%;min-width:8px;overflow:hidden}.mapa-report-group-profile__slice--highlighted{align-items:center;display:flex;justify-content:center}.mapa-report-group-profile__slice--highlighted:after{color:var(--mapa-report-surface);content:\"\\25bc\";font-size:9px;line-height:1}.mapa-report-group-profile__legend{display:flex;flex-wrap:wrap;gap:8px 16px;list-style:none;margin:0;padding:0}.mapa-report-group-profile__legend li{align-items:center;color:var(--mapa-report-muted);display:inline-flex;font-size:12px;gap:6px}.mapa-report-group-profile__swatch{border-radius:999px;flex:0 0 auto;height:10px;width:10px}:host ::ng-deep .mapa-report-group-profile__filters>*{min-width:0;width:100%}@media(max-width:760px){.mapa-report-group-profile__filters{grid-auto-flow:row}.mapa-report-group-profile__average{min-width:0;width:100%}.mapa-report-group-profile__row{gap:8px;grid-template-columns:minmax(0,1fr)}}\n"] }]
+            args: [{ selector: 'mapa-report-group-profile-widget', standalone: true, imports: [MapaResultTrackComponent, SafeHtmlPipe], changeDetection: ChangeDetectionStrategy.OnPush, template: "<section class=\"mapa-report-widget\" [attr.data-palette]=\"palette()\">\n  @if (heading(); as head) {\n    <header class=\"mapa-report-widget__header\">\n      <div class=\"mapa-report-widget__heading\">\n        <h2>{{ head.title }}</h2>\n        @if (head.description) {\n          <div\n            class=\"mapa-report-widget__description\"\n            [innerHTML]=\"head.description | safeHtml\"\n          ></div>\n        }\n      </div>\n    </header>\n  }\n\n  <div class=\"mapa-report-group-profile__filters\">\n    <ng-content select=\"[mapaReportGroupProfileFilters]\"></ng-content>\n  </div>\n\n  @if (!dimensions().length) {\n    <p class=\"mapa-report-widget__empty\">{{ i18n.texts.report.emptyState }}</p>\n  } @else {\n    <header class=\"mapa-report-group-profile__scale\">\n      <h3>\n        {{ data()?.name }}\n        @if (direction()) {\n          <span\n            class=\"mapa-direction-indicator\"\n            [attr.title]=\"directionLabel()\"\n            [attr.aria-label]=\"directionLabel()\"\n            >{{ directionArrow() }}</span\n          >\n        }\n      </h3>\n      @if (showAverage() && average() !== null) {\n        <div class=\"mapa-report-group-profile__average\">\n          <span class=\"mapa-report-group-profile__average-label\">{{\n            averageCaption()\n          }}</span>\n          <div class=\"mapa-report-group-profile__average-value\">\n            <mapa-result-track\n              [name]=\"averageCaption()\"\n              [showValue]=\"false\"\n              [value]=\"average()!\"\n            />\n            <strong>{{ averageText() }}</strong>\n          </div>\n        </div>\n      }\n    </header>\n\n    <div class=\"mapa-report-group-profile__rows\">\n      @for (dimension of dimensions(); track dimension.id ?? dimension.name) {\n        <article class=\"mapa-report-group-profile__row\">\n          <h4 class=\"mapa-report-group-profile__row-name\">\n            {{ dimension.name }}\n            @if (direction(dimension)) {\n              <span\n                class=\"mapa-direction-indicator\"\n                [attr.title]=\"directionLabel(dimension)\"\n                [attr.aria-label]=\"directionLabel(dimension)\"\n                >{{ directionArrow(dimension) }}</span\n              >\n            }\n          </h4>\n          <div class=\"mapa-report-group-profile__bar\">\n            <span class=\"mapa-report-group-profile__caption\">{{\n              distributionCaption()\n            }}</span>\n            <div class=\"mapa-report-group-profile__values\" aria-hidden=\"true\">\n              @for (slice of slices(dimension); track $index) {\n                <b [style.width.%]=\"width(slice)\">{{ sliceValue(slice) }}</b>\n              }\n            </div>\n            <div\n              class=\"mapa-report-group-profile__pill\"\n              role=\"img\"\n              [attr.aria-label]=\"pillLabel(dimension)\"\n            >\n              @for (slice of slices(dimension); track $index) {\n                <span\n                  class=\"mapa-report-group-profile__slice\"\n                  [class.mapa-report-group-profile__slice--highlighted]=\"\n                    slice.highlighted\n                  \"\n                  [style.width.%]=\"width(slice)\"\n                  [style.background-color]=\"sliceColor(slice)\"\n                  [attr.title]=\"sliceTitle(slice)\"\n                ></span>\n              }\n            </div>\n          </div>\n        </article>\n      }\n    </div>\n\n    @if (showLegend() && legendItems().length) {\n      <ul class=\"mapa-report-group-profile__legend\">\n        @for (item of legendItems(); track item.id ?? item.label) {\n          <li>\n            <i\n              class=\"mapa-report-group-profile__swatch\"\n              [style.background-color]=\"item.color\"\n              aria-hidden=\"true\"\n            ></i>\n            {{ item.label }}\n          </li>\n        }\n      </ul>\n    }\n  }\n</section>\n", styles: ["@charset \"UTF-8\";:host{--mapa-report-accent: #ff560b;--mapa-report-accent-soft: #fff0e9;--mapa-report-surface: #fff;--mapa-report-surface-muted: #eef2f3;--mapa-report-border: #e1e5e7;--mapa-report-text: #263238;--mapa-report-muted: #68747a;--mapa-report-pill-width: 104px;--mapa-report-radius: 8px;--mapa-report-space: 20px;color:var(--mapa-report-text);display:block;font-family:var(--mapa-font-body, \"Asap\", \"Roboto\", sans-serif)}.mapa-report-widget{display:grid;gap:var(--mapa-report-space)}.mapa-report-widget__header{align-items:flex-start;column-gap:16px;display:grid;grid-template-columns:minmax(0,1fr) auto}.mapa-report-widget__heading{display:contents}.mapa-report-widget__heading h2{color:var(--mapa-report-accent);font-size:20px;font-weight:650;grid-column:1;grid-row:1;line-height:1.25;margin:0}.mapa-report-widget__description{color:var(--mapa-report-muted);font-size:13px;grid-column:1/-1;grid-row:2;line-height:1.5;margin:5px 0 0}.mapa-report-widget__description ::ng-deep ol,.mapa-report-widget__description ::ng-deep p,.mapa-report-widget__description ::ng-deep ul{margin:0 0 8px}.mapa-report-widget__description ::ng-deep ol,.mapa-report-widget__description ::ng-deep ul{padding-left:20px}.mapa-report-widget__description ::ng-deep li{margin:0 0 3px}.mapa-report-widget__description ::ng-deep b,.mapa-report-widget__description ::ng-deep strong{color:var(--mapa-report-text, inherit);font-weight:600}.mapa-report-widget__description ::ng-deep :last-child{margin-bottom:0}.mapa-report-widget__modes{--mat-button-toggle-background-color: var(--mapa-report-surface);--mat-button-toggle-divider-color: #cbd5da;--mat-button-toggle-height: 32px;--mat-button-toggle-label-text-font: var( --mapa-font-body, \"Asap\", sans-serif );--mat-button-toggle-label-text-size: 13px;--mat-button-toggle-label-text-weight: 500;--mat-button-toggle-selected-state-background-color: #59636a;--mat-button-toggle-selected-state-text-color: #fffaf7;--mat-button-toggle-shape: 4px;--mat-button-toggle-text-color: #344b5e;border:1px solid #cbd5da;border-radius:4px;grid-column:2;grid-row:1;overflow:hidden}.mapa-report-widget__modes mat-button-toggle{font:500 13px/1 var(--mapa-font-body, \"Asap\", sans-serif)}.mapa-report-widget__modes mat-icon{font-size:14px;height:14px;margin-right:5px;width:14px}.mapa-report-widget__empty{color:var(--mapa-report-muted);margin:0;padding:24px 0;text-align:center}@media(max-width:760px){.mapa-report-widget__header{align-items:stretch;grid-template-columns:minmax(0,1fr)}.mapa-report-widget__modes{grid-column:1;grid-row:3;justify-self:start;margin-top:12px}}.mapa-direction-indicator{background:var(--mapa-report-surface, var(--mapa-color-surface, #fafbfc));border:1px solid currentColor;border-radius:50%;box-sizing:border-box;color:var(--mapa-report-muted, var(--mapa-color-text-subtle, #68747a));display:inline-grid;flex:0 0 20px;font-size:11px;font-weight:700;height:20px;line-height:1;place-items:center;width:20px}:host{--mapa-report-pill-height: 21px;--mapa-report-line-soft: #edf1f3}.mapa-report-group-profile__filters{border-bottom:1px solid var(--mapa-report-border);display:grid;gap:12px;grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;padding-bottom:var(--mapa-report-space)}.mapa-report-group-profile__filters:empty{display:none}.mapa-report-group-profile__scale{align-items:center;display:flex;flex-wrap:wrap;gap:18px;justify-content:space-between}.mapa-report-group-profile__scale h3{align-items:center;display:flex;font-size:26px;font-weight:500;gap:8px;letter-spacing:-.02em;line-height:1.15;margin:0}.mapa-report-group-profile__average{border:1px solid var(--mapa-report-border);border-radius:var(--mapa-report-radius);min-width:230px;padding:10px 14px}.mapa-report-group-profile__average-label{color:var(--mapa-report-muted);display:block;font-size:10px;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.mapa-report-group-profile__average-value{align-items:center;display:flex;gap:10px}.mapa-report-group-profile__average-value mapa-result-track{--mapa-result-track-height: 8px;flex:1}.mapa-report-group-profile__average-value strong{font-size:20px;font-weight:500}.mapa-report-group-profile__rows{display:grid}.mapa-report-group-profile__row{align-items:center;border-top:1px solid var(--mapa-report-line-soft);display:grid;gap:16px;grid-template-columns:minmax(120px,20%) minmax(0,1fr);padding:15px 0}.mapa-report-group-profile__row-name{align-items:center;display:flex;font-size:14px;font-weight:500;gap:7px;margin:0}.mapa-report-group-profile__bar{min-width:0}.mapa-report-group-profile__caption{color:var(--mapa-report-muted);display:block;font-size:11px;margin-bottom:2px}.mapa-report-group-profile__values{display:flex;gap:2px;margin-bottom:4px;width:100%}.mapa-report-group-profile__values b{color:var(--mapa-report-text);flex:0 1 auto;font-size:11px;font-weight:600;min-width:8px;text-align:center;white-space:nowrap}.mapa-report-group-profile__pill{background:var(--mapa-report-surface-muted);border-radius:999px;display:flex;gap:2px;height:var(--mapa-report-pill-height);overflow:hidden;width:100%}.mapa-report-group-profile__slice{display:block;flex:0 1 auto;height:100%;min-width:8px;overflow:hidden}.mapa-report-group-profile__slice--highlighted{align-items:center;display:flex;justify-content:center}.mapa-report-group-profile__slice--highlighted:after{color:var(--mapa-report-surface);content:\"\\25bc\";font-size:9px;line-height:1}.mapa-report-group-profile__legend{display:flex;flex-wrap:wrap;gap:8px 16px;list-style:none;margin:0;padding:0}.mapa-report-group-profile__legend li{align-items:center;color:var(--mapa-report-muted);display:inline-flex;font-size:12px;gap:6px}.mapa-report-group-profile__swatch{border-radius:999px;flex:0 0 auto;height:10px;width:10px}:host ::ng-deep .mapa-report-group-profile__filters>*{min-width:0;width:100%}@media(max-width:760px){.mapa-report-group-profile__filters{grid-auto-flow:row}.mapa-report-group-profile__average{min-width:0;width:100%}.mapa-report-group-profile__row{gap:8px;grid-template-columns:minmax(0,1fr)}}\n"] }]
         }], propDecorators: { heading: [{ type: i0.Input, args: [{ isSignal: true, alias: "heading", required: false }] }], data: [{ type: i0.Input, args: [{ isSignal: true, alias: "data", required: false }] }], palette: [{ type: i0.Input, args: [{ isSignal: true, alias: "palette", required: false }] }], showAverage: [{ type: i0.Input, args: [{ isSignal: true, alias: "showAverage", required: false }] }], showLegend: [{ type: i0.Input, args: [{ isSignal: true, alias: "showLegend", required: false }] }], legend: [{ type: i0.Input, args: [{ isSignal: true, alias: "legend", required: false }] }], distributionLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "distributionLabel", required: false }] }], averageLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "averageLabel", required: false }] }] } });
 
 class MapaReportLegendComponent {
@@ -8584,11 +8592,11 @@ class MapaReportLegendComponent {
             : this.i18n.texts.report.positiveDirectionLabel;
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.21", ngImport: i0, type: MapaReportLegendComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.21", type: MapaReportLegendComponent, isStandalone: true, selector: "mapa-report-legend", inputs: { title: { classPropertyName: "title", publicName: "title", isSignal: true, isRequired: false, transformFunction: null }, intro: { classPropertyName: "intro", publicName: "intro", isSignal: true, isRequired: false, transformFunction: null }, groupsTitle: { classPropertyName: "groupsTitle", publicName: "groupsTitle", isSignal: true, isRequired: false, transformFunction: null }, groups: { classPropertyName: "groups", publicName: "groups", isSignal: true, isRequired: false, transformFunction: null }, expanded: { classPropertyName: "expanded", publicName: "expanded", isSignal: true, isRequired: false, transformFunction: null }, appearance: { classPropertyName: "appearance", publicName: "appearance", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "<details\n  class=\"mapa-report-legend\"\n  [class.mapa-report-legend--psychosocial]=\"appearance() === 'psychosocial'\"\n  [open]=\"expanded()\"\n>\n  <summary>{{ title() || i18n.texts.report.readingInformationTitle }}</summary>\n  <div class=\"mapa-report-legend__content\">\n    @if (intro()) {\n      <div\n        class=\"mapa-report-legend__intro\"\n        [innerHTML]=\"intro() | safeHtml\"\n      ></div>\n    }\n\n    @if (groupsTitle()) {\n      <h3 class=\"mapa-report-legend__groups-title\">{{ groupsTitle() }}</h3>\n    }\n\n    @if (appearance() === \"psychosocial\") {\n      <div class=\"mapa-report-legend__groups\">\n        @for (group of groups(); track group.id ?? $index) {\n          <section class=\"mapa-report-legend__group\">\n            <div class=\"mapa-report-legend__direction\">\n              <h3>\n                @if (group.direction) {\n                  <span class=\"mapa-direction-indicator\" aria-hidden=\"true\">{{\n                    directionArrow(group.direction)\n                  }}</span>\n                }\n                {{ group.title || directionLabel(group.direction) }}\n              </h3>\n              @if (group.description) {\n                <div\n                  class=\"mapa-report-legend__group-description\"\n                  [innerHTML]=\"group.description | safeHtml\"\n                ></div>\n              }\n            </div>\n            <div class=\"mapa-report-legend__table\">\n              <div class=\"mapa-report-legend__columns\" aria-hidden=\"true\">\n                <span>{{ i18n.texts.report.classificationTitle }}</span>\n                <span>{{ i18n.texts.report.interpretationTitle }}</span>\n              </div>\n              <ul>\n                @for (item of group.items; track item.id ?? $index) {\n                  <li>\n                    <span class=\"mapa-report-legend__classification\">\n                      <i\n                        class=\"mapa-report-legend__swatch\"\n                        [class.mapa-report-legend__swatch--empty]=\"\n                          !(\n                            item.classification?.classificationColor ||\n                            item.color\n                          )\n                        \"\n                        [style.background-color]=\"\n                          item.classification?.classificationColor || item.color\n                        \"\n                        aria-hidden=\"true\"\n                      ></i>\n                      <strong>{{\n                        item.classification?.classificationName || item.label\n                      }}</strong>\n                      @if (item.range) {\n                        <small>{{ item.range }}</small>\n                      }\n                    </span>\n                    @if (item.description) {\n                      <span\n                        class=\"mapa-report-legend__item-copy\"\n                        [innerHTML]=\"item.description | safeHtml\"\n                      ></span>\n                    }\n                  </li>\n                }\n              </ul>\n            </div>\n          </section>\n        }\n      </div>\n    } @else {\n      <div class=\"mapa-report-legend__groups\">\n        @for (group of groups(); track group.id ?? $index) {\n          <section class=\"mapa-report-legend__group\">\n            <h3>{{ group.title || directionLabel(group.direction) }}</h3>\n            @if (group.description) {\n              <div\n                class=\"mapa-report-legend__group-description\"\n                [innerHTML]=\"group.description | safeHtml\"\n              ></div>\n            }\n            <ul>\n              @for (item of group.items; track item.id ?? $index) {\n                <li>\n                  <mapa-classification-tag\n                    [classification]=\"\n                      item.classification || {\n                        classificationName: item.label,\n                        classificationColor: item.color,\n                      }\n                    \"\n                  />\n                  <span class=\"mapa-report-legend__item-copy\">\n                    @if (item.range) {\n                      <strong>{{ item.range }}</strong>\n                    }\n                    @if (item.description) {\n                      <span [innerHTML]=\"item.description | safeHtml\"></span>\n                    }\n                  </span>\n                </li>\n              }\n            </ul>\n          </section>\n        }\n      </div>\n    }\n  </div>\n</details>\n", styles: ["@charset \"UTF-8\";:host{--mapa-report-accent: #ff560b;--mapa-report-accent-soft: #fff0e9;--mapa-report-surface: #fff;--mapa-report-surface-muted: #eef2f3;--mapa-report-border: #e1e5e7;--mapa-report-text: #263238;--mapa-report-muted: #68747a;--mapa-report-pill-width: 104px;--mapa-report-radius: 8px;--mapa-report-space: 20px;color:var(--mapa-report-text);display:block;font-family:var(--mapa-font-body, \"Asap\", \"Roboto\", sans-serif)}.mapa-direction-indicator{background:var(--mapa-report-surface, var(--mapa-color-surface, #fafbfc));border:1px solid currentColor;border-radius:50%;box-sizing:border-box;color:var(--mapa-report-muted, var(--mapa-color-text-subtle, #68747a));display:inline-grid;flex:0 0 20px;font-size:11px;font-weight:700;height:20px;line-height:1;place-items:center;width:20px}.mapa-report-legend{border:1px solid var(--mapa-report-border);border-radius:var(--mapa-report-radius);overflow:clip}.mapa-report-legend summary{background:#f8f9f9;cursor:pointer;font-size:13px;font-weight:650;list-style-position:inside;padding:12px 14px}.mapa-report-legend summary:focus-visible{outline:3px solid rgba(255,86,11,.28);outline-offset:-3px}.mapa-report-legend__content{background:var(--mapa-report-surface-muted);padding:16px}.mapa-report-legend__intro{color:var(--mapa-report-muted);font-size:12px;line-height:1.55;margin:0 0 14px}.mapa-report-legend__intro ::ng-deep ol,.mapa-report-legend__intro ::ng-deep p,.mapa-report-legend__intro ::ng-deep ul{margin:0 0 8px}.mapa-report-legend__intro ::ng-deep ol,.mapa-report-legend__intro ::ng-deep ul{padding-left:20px}.mapa-report-legend__intro ::ng-deep li{margin:0 0 3px}.mapa-report-legend__intro ::ng-deep b,.mapa-report-legend__intro ::ng-deep strong{color:var(--mapa-report-text, inherit);font-weight:600}.mapa-report-legend__intro ::ng-deep :last-child{margin-bottom:0}.mapa-report-legend__groups-title{font-size:14px;margin:0 0 14px}.mapa-report-legend__groups{display:grid;gap:12px;grid-template-columns:repeat(2,minmax(0,1fr))}.mapa-report-legend__group{background:var(--mapa-report-surface);border:1px solid var(--mapa-report-border);border-radius:6px;padding:12px}.mapa-report-legend__group>h3{font-size:12px;margin:0 0 10px}.mapa-report-legend__group>ul{display:grid;gap:8px;list-style:none;margin:0;padding:0}.mapa-report-legend__group>ul>li{align-items:center;display:grid;gap:10px;grid-template-columns:minmax(86px,auto) 1fr}.mapa-report-legend__group-description{color:var(--mapa-report-muted);font-size:11px;line-height:1.45;margin:-4px 0 10px}.mapa-report-legend__group-description ::ng-deep ol,.mapa-report-legend__group-description ::ng-deep p,.mapa-report-legend__group-description ::ng-deep ul{margin:0 0 8px}.mapa-report-legend__group-description ::ng-deep ol,.mapa-report-legend__group-description ::ng-deep ul{padding-left:20px}.mapa-report-legend__group-description ::ng-deep li{margin:0 0 3px}.mapa-report-legend__group-description ::ng-deep b,.mapa-report-legend__group-description ::ng-deep strong{color:var(--mapa-report-text, inherit);font-weight:600}.mapa-report-legend__group-description ::ng-deep :last-child{margin-bottom:0}.mapa-report-legend__item-copy{color:var(--mapa-report-muted);display:grid;font-size:11px;gap:2px;line-height:1.35}.mapa-report-legend__item-copy ::ng-deep ol,.mapa-report-legend__item-copy ::ng-deep p,.mapa-report-legend__item-copy ::ng-deep ul{margin:0 0 8px}.mapa-report-legend__item-copy ::ng-deep ol,.mapa-report-legend__item-copy ::ng-deep ul{padding-left:20px}.mapa-report-legend__item-copy ::ng-deep li{margin:0 0 3px}.mapa-report-legend__item-copy ::ng-deep b,.mapa-report-legend__item-copy ::ng-deep strong{color:var(--mapa-report-text, inherit);font-weight:600}.mapa-report-legend__item-copy ::ng-deep :last-child{margin-bottom:0}.mapa-report-legend__item-copy strong{color:var(--mapa-report-text)}.mapa-report-legend--psychosocial{border-radius:12px}.mapa-report-legend--psychosocial summary{align-items:center;display:flex;font-size:14px;justify-content:space-between;list-style:none;padding:16px 18px}.mapa-report-legend--psychosocial summary::-webkit-details-marker{display:none}.mapa-report-legend--psychosocial summary:after{color:#84919a;content:\"\\2304\";font-size:14px;line-height:1}.mapa-report-legend--psychosocial[open] summary:after{content:\"\\2303\"}.mapa-report-legend--psychosocial .mapa-report-legend__content{border-top:1px solid var(--mapa-report-border);padding:20px}.mapa-report-legend--psychosocial .mapa-report-legend__intro{font-size:14px;margin-bottom:18px}.mapa-report-legend--psychosocial .mapa-report-legend__groups{gap:20px}.mapa-report-legend--psychosocial .mapa-report-legend__group{background:transparent;border:0;border-radius:0;display:grid;gap:18px;min-width:0;padding:0}.mapa-report-legend--psychosocial .mapa-report-legend__direction{display:grid;gap:9px}.mapa-report-legend--psychosocial .mapa-report-legend__direction h3{align-items:center;display:flex;font-size:14px;gap:8px;margin:0}.mapa-report-legend--psychosocial .mapa-report-legend__direction .mapa-report-legend__group-description{color:var(--mapa-report-muted);font-size:12px;line-height:1.5;margin:0}.mapa-report-legend--psychosocial .mapa-report-legend__table{background:var(--mapa-report-surface);border:1px solid var(--mapa-report-border);border-radius:10px;overflow:hidden}.mapa-report-legend--psychosocial .mapa-report-legend__table ul{display:grid;list-style:none;margin:0;padding:0}.mapa-report-legend--psychosocial .mapa-report-legend__table li{align-items:center;display:grid;gap:12px;grid-template-columns:100px 1fr;min-height:38px;padding:8px 11px}.mapa-report-legend--psychosocial .mapa-report-legend__table li+li{border-top:1px solid var(--mapa-report-border)}.mapa-report-legend--psychosocial .mapa-report-legend__columns{background:#f3f5f6;color:#84919a;display:grid;font-size:9px;font-weight:800;gap:12px;grid-template-columns:100px 1fr;letter-spacing:.04em;padding:10px 11px 8px;text-transform:uppercase}.mapa-report-legend--psychosocial .mapa-report-legend__classification{align-items:center;display:grid;font-size:11px;gap:2px 7px;grid-template-columns:7px 1fr;min-width:0}.mapa-report-legend--psychosocial .mapa-report-legend__classification strong{color:var(--mapa-report-text)}.mapa-report-legend--psychosocial .mapa-report-legend__classification small{color:var(--mapa-report-muted);grid-column:2}.mapa-report-legend--psychosocial .mapa-report-legend__swatch{align-self:stretch;border-radius:3px;grid-row:1/span 2;min-height:22px}.mapa-report-legend--psychosocial .mapa-report-legend__swatch--empty{background:var(--mapa-report-surface);border:1px solid #cfd7dc;position:relative}.mapa-report-legend--psychosocial .mapa-report-legend__item-copy{display:block}@media(max-width:760px){.mapa-report-legend__groups{grid-template-columns:1fr}.mapa-report-legend__group>ul>li{align-items:start;grid-template-columns:1fr}.mapa-report-legend--psychosocial .mapa-report-legend__content{padding:16px}.mapa-report-legend--psychosocial .mapa-report-legend__table li{align-items:center;grid-template-columns:100px 1fr}}\n"], dependencies: [{ kind: "component", type: MapaClassificationTagComponent, selector: "mapa-classification-tag", inputs: ["classification", "size", "appearance", "shape", "casing", "fallbackLabel"] }, { kind: "pipe", type: SafeHtmlPipe, name: "safeHtml" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.21", type: MapaReportLegendComponent, isStandalone: true, selector: "mapa-report-legend", inputs: { title: { classPropertyName: "title", publicName: "title", isSignal: true, isRequired: false, transformFunction: null }, intro: { classPropertyName: "intro", publicName: "intro", isSignal: true, isRequired: false, transformFunction: null }, groupsTitle: { classPropertyName: "groupsTitle", publicName: "groupsTitle", isSignal: true, isRequired: false, transformFunction: null }, groups: { classPropertyName: "groups", publicName: "groups", isSignal: true, isRequired: false, transformFunction: null }, expanded: { classPropertyName: "expanded", publicName: "expanded", isSignal: true, isRequired: false, transformFunction: null }, appearance: { classPropertyName: "appearance", publicName: "appearance", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "<details\n  class=\"mapa-report-legend\"\n  [class.mapa-report-legend--psychosocial]=\"appearance() === 'psychosocial'\"\n  [open]=\"expanded()\"\n>\n  <summary>{{ title() || i18n.texts.report.readingInformationTitle }}</summary>\n  <div class=\"mapa-report-legend__content\">\n    @if (intro()) {\n      <div\n        class=\"mapa-report-legend__intro\"\n        [innerHTML]=\"intro() | safeHtml\"\n      ></div>\n    }\n\n    @if (groupsTitle()) {\n      <h3 class=\"mapa-report-legend__groups-title\">{{ groupsTitle() }}</h3>\n    }\n\n    @if (appearance() === \"psychosocial\") {\n      <div class=\"mapa-report-legend__groups\">\n        @for (group of groups(); track group.id ?? $index) {\n          <section class=\"mapa-report-legend__group\">\n            <div class=\"mapa-report-legend__direction\">\n              <h3>\n                @if (group.direction) {\n                  <span class=\"mapa-direction-indicator\" aria-hidden=\"true\">{{\n                    directionArrow(group.direction)\n                  }}</span>\n                }\n                {{ group.title || directionLabel(group.direction) }}\n              </h3>\n              @if (group.description) {\n                <div\n                  class=\"mapa-report-legend__group-description\"\n                  [innerHTML]=\"group.description | safeHtml\"\n                ></div>\n              }\n            </div>\n            <div class=\"mapa-report-legend__table\">\n              <div class=\"mapa-report-legend__columns\" aria-hidden=\"true\">\n                <span>{{ i18n.texts.report.classificationTitle }}</span>\n                <span>{{ i18n.texts.report.interpretationTitle }}</span>\n              </div>\n              <ul>\n                @for (item of group.items; track item.id ?? $index) {\n                  <li>\n                    <span class=\"mapa-report-legend__classification\">\n                      <i\n                        class=\"mapa-report-legend__swatch\"\n                        [class.mapa-report-legend__swatch--empty]=\"\n                          !(\n                            item.classification?.classificationColor ||\n                            item.color\n                          )\n                        \"\n                        [style.background-color]=\"\n                          item.classification?.classificationColor || item.color\n                        \"\n                        aria-hidden=\"true\"\n                      ></i>\n                      <strong>{{\n                        item.classification?.classificationName || item.label\n                      }}</strong>\n                      @if (item.range) {\n                        <small>{{ item.range }}</small>\n                      }\n                    </span>\n                    @if (item.description) {\n                      <span\n                        class=\"mapa-report-legend__item-copy\"\n                        [innerHTML]=\"item.description | safeHtml\"\n                      ></span>\n                    }\n                  </li>\n                }\n              </ul>\n            </div>\n          </section>\n        }\n      </div>\n    } @else {\n      <div class=\"mapa-report-legend__groups\">\n        @for (group of groups(); track group.id ?? $index) {\n          <section class=\"mapa-report-legend__group\">\n            <h3>{{ group.title || directionLabel(group.direction) }}</h3>\n            @if (group.description) {\n              <div\n                class=\"mapa-report-legend__group-description\"\n                [innerHTML]=\"group.description | safeHtml\"\n              ></div>\n            }\n            <ul>\n              @for (item of group.items; track item.id ?? $index) {\n                <li>\n                  <mapa-classification-tag\n                    appearance=\"solid\"\n                    [classification]=\"\n                      item.classification || {\n                        classificationName: item.label,\n                        classificationColor: item.color,\n                      }\n                    \"\n                  />\n                  <span class=\"mapa-report-legend__item-copy\">\n                    @if (item.range) {\n                      <strong>{{ item.range }}</strong>\n                    }\n                    @if (item.description) {\n                      <span [innerHTML]=\"item.description | safeHtml\"></span>\n                    }\n                  </span>\n                </li>\n              }\n            </ul>\n          </section>\n        }\n      </div>\n    }\n  </div>\n</details>\n", styles: ["@charset \"UTF-8\";:host{--mapa-report-accent: #ff560b;--mapa-report-accent-soft: #fff0e9;--mapa-report-surface: #fff;--mapa-report-surface-muted: #eef2f3;--mapa-report-border: #e1e5e7;--mapa-report-text: #263238;--mapa-report-muted: #68747a;--mapa-report-pill-width: 104px;--mapa-report-radius: 8px;--mapa-report-space: 20px;color:var(--mapa-report-text);display:block;font-family:var(--mapa-font-body, \"Asap\", \"Roboto\", sans-serif)}.mapa-direction-indicator{background:var(--mapa-report-surface, var(--mapa-color-surface, #fafbfc));border:1px solid currentColor;border-radius:50%;box-sizing:border-box;color:var(--mapa-report-muted, var(--mapa-color-text-subtle, #68747a));display:inline-grid;flex:0 0 20px;font-size:11px;font-weight:700;height:20px;line-height:1;place-items:center;width:20px}.mapa-report-legend{border:1px solid var(--mapa-report-border);border-radius:var(--mapa-report-radius);overflow:clip}.mapa-report-legend summary{background:#f8f9f9;cursor:pointer;font-size:13px;font-weight:650;list-style-position:inside;padding:12px 14px}.mapa-report-legend summary:focus-visible{outline:3px solid rgba(255,86,11,.28);outline-offset:-3px}.mapa-report-legend__content{background:var(--mapa-report-surface-muted);padding:16px}.mapa-report-legend__intro{color:var(--mapa-report-muted);font-size:12px;line-height:1.55;margin:0 0 14px}.mapa-report-legend__intro ::ng-deep ol,.mapa-report-legend__intro ::ng-deep p,.mapa-report-legend__intro ::ng-deep ul{margin:0 0 8px}.mapa-report-legend__intro ::ng-deep ol,.mapa-report-legend__intro ::ng-deep ul{padding-left:20px}.mapa-report-legend__intro ::ng-deep li{margin:0 0 3px}.mapa-report-legend__intro ::ng-deep b,.mapa-report-legend__intro ::ng-deep strong{color:var(--mapa-report-text, inherit);font-weight:600}.mapa-report-legend__intro ::ng-deep :last-child{margin-bottom:0}.mapa-report-legend__groups-title{font-size:14px;margin:0 0 14px}.mapa-report-legend__groups{display:grid;gap:12px;grid-template-columns:repeat(2,minmax(0,1fr))}.mapa-report-legend__group{background:var(--mapa-report-surface);border:1px solid var(--mapa-report-border);border-radius:6px;padding:12px}.mapa-report-legend__group>h3{font-size:12px;margin:0 0 10px}.mapa-report-legend__group>ul{display:grid;gap:8px;list-style:none;margin:0;padding:0}.mapa-report-legend__group>ul>li{align-items:center;display:grid;gap:10px;grid-template-columns:minmax(86px,auto) 1fr}.mapa-report-legend__group-description{color:var(--mapa-report-muted);font-size:11px;line-height:1.45;margin:-4px 0 10px}.mapa-report-legend__group-description ::ng-deep ol,.mapa-report-legend__group-description ::ng-deep p,.mapa-report-legend__group-description ::ng-deep ul{margin:0 0 8px}.mapa-report-legend__group-description ::ng-deep ol,.mapa-report-legend__group-description ::ng-deep ul{padding-left:20px}.mapa-report-legend__group-description ::ng-deep li{margin:0 0 3px}.mapa-report-legend__group-description ::ng-deep b,.mapa-report-legend__group-description ::ng-deep strong{color:var(--mapa-report-text, inherit);font-weight:600}.mapa-report-legend__group-description ::ng-deep :last-child{margin-bottom:0}.mapa-report-legend__item-copy{color:var(--mapa-report-muted);display:grid;font-size:11px;gap:2px;line-height:1.35}.mapa-report-legend__item-copy ::ng-deep ol,.mapa-report-legend__item-copy ::ng-deep p,.mapa-report-legend__item-copy ::ng-deep ul{margin:0 0 8px}.mapa-report-legend__item-copy ::ng-deep ol,.mapa-report-legend__item-copy ::ng-deep ul{padding-left:20px}.mapa-report-legend__item-copy ::ng-deep li{margin:0 0 3px}.mapa-report-legend__item-copy ::ng-deep b,.mapa-report-legend__item-copy ::ng-deep strong{color:var(--mapa-report-text, inherit);font-weight:600}.mapa-report-legend__item-copy ::ng-deep :last-child{margin-bottom:0}.mapa-report-legend__item-copy strong{color:var(--mapa-report-text)}.mapa-report-legend--psychosocial{border-radius:12px}.mapa-report-legend--psychosocial summary{align-items:center;display:flex;font-size:14px;justify-content:space-between;list-style:none;padding:16px 18px}.mapa-report-legend--psychosocial summary::-webkit-details-marker{display:none}.mapa-report-legend--psychosocial summary:after{color:#84919a;content:\"\\2304\";font-size:14px;line-height:1}.mapa-report-legend--psychosocial[open] summary:after{content:\"\\2303\"}.mapa-report-legend--psychosocial .mapa-report-legend__content{border-top:1px solid var(--mapa-report-border);padding:20px}.mapa-report-legend--psychosocial .mapa-report-legend__intro{font-size:14px;margin-bottom:18px}.mapa-report-legend--psychosocial .mapa-report-legend__groups{gap:20px}.mapa-report-legend--psychosocial .mapa-report-legend__group{background:transparent;border:0;border-radius:0;display:grid;gap:18px;min-width:0;padding:0}.mapa-report-legend--psychosocial .mapa-report-legend__direction{display:grid;gap:9px}.mapa-report-legend--psychosocial .mapa-report-legend__direction h3{align-items:center;display:flex;font-size:14px;gap:8px;margin:0}.mapa-report-legend--psychosocial .mapa-report-legend__direction .mapa-report-legend__group-description{color:var(--mapa-report-muted);font-size:12px;line-height:1.5;margin:0}.mapa-report-legend--psychosocial .mapa-report-legend__table{background:var(--mapa-report-surface);border:1px solid var(--mapa-report-border);border-radius:10px;overflow:hidden}.mapa-report-legend--psychosocial .mapa-report-legend__table ul{display:grid;list-style:none;margin:0;padding:0}.mapa-report-legend--psychosocial .mapa-report-legend__table li{align-items:center;display:grid;gap:12px;grid-template-columns:100px 1fr;min-height:38px;padding:8px 11px}.mapa-report-legend--psychosocial .mapa-report-legend__table li+li{border-top:1px solid var(--mapa-report-border)}.mapa-report-legend--psychosocial .mapa-report-legend__columns{background:#f3f5f6;color:#84919a;display:grid;font-size:9px;font-weight:800;gap:12px;grid-template-columns:100px 1fr;letter-spacing:.04em;padding:10px 11px 8px;text-transform:uppercase}.mapa-report-legend--psychosocial .mapa-report-legend__classification{align-items:center;display:grid;font-size:11px;gap:2px 7px;grid-template-columns:7px 1fr;min-width:0}.mapa-report-legend--psychosocial .mapa-report-legend__classification strong{color:var(--mapa-report-text)}.mapa-report-legend--psychosocial .mapa-report-legend__classification small{color:var(--mapa-report-muted);grid-column:2}.mapa-report-legend--psychosocial .mapa-report-legend__swatch{align-self:stretch;border-radius:3px;grid-row:1/span 2;min-height:22px}.mapa-report-legend--psychosocial .mapa-report-legend__swatch--empty{background:var(--mapa-report-surface);border:1px solid #cfd7dc;position:relative}.mapa-report-legend--psychosocial .mapa-report-legend__item-copy{display:block}@media(max-width:760px){.mapa-report-legend__groups{grid-template-columns:1fr}.mapa-report-legend__group>ul>li{align-items:start;grid-template-columns:1fr}.mapa-report-legend--psychosocial .mapa-report-legend__content{padding:16px}.mapa-report-legend--psychosocial .mapa-report-legend__table li{align-items:center;grid-template-columns:100px 1fr}}\n"], dependencies: [{ kind: "component", type: MapaClassificationTagComponent, selector: "mapa-classification-tag", inputs: ["classification", "size", "appearance", "shape", "casing", "fallbackLabel"] }, { kind: "pipe", type: SafeHtmlPipe, name: "safeHtml" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.21", ngImport: i0, type: MapaReportLegendComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'mapa-report-legend', standalone: true, imports: [MapaClassificationTagComponent, SafeHtmlPipe], changeDetection: ChangeDetectionStrategy.OnPush, template: "<details\n  class=\"mapa-report-legend\"\n  [class.mapa-report-legend--psychosocial]=\"appearance() === 'psychosocial'\"\n  [open]=\"expanded()\"\n>\n  <summary>{{ title() || i18n.texts.report.readingInformationTitle }}</summary>\n  <div class=\"mapa-report-legend__content\">\n    @if (intro()) {\n      <div\n        class=\"mapa-report-legend__intro\"\n        [innerHTML]=\"intro() | safeHtml\"\n      ></div>\n    }\n\n    @if (groupsTitle()) {\n      <h3 class=\"mapa-report-legend__groups-title\">{{ groupsTitle() }}</h3>\n    }\n\n    @if (appearance() === \"psychosocial\") {\n      <div class=\"mapa-report-legend__groups\">\n        @for (group of groups(); track group.id ?? $index) {\n          <section class=\"mapa-report-legend__group\">\n            <div class=\"mapa-report-legend__direction\">\n              <h3>\n                @if (group.direction) {\n                  <span class=\"mapa-direction-indicator\" aria-hidden=\"true\">{{\n                    directionArrow(group.direction)\n                  }}</span>\n                }\n                {{ group.title || directionLabel(group.direction) }}\n              </h3>\n              @if (group.description) {\n                <div\n                  class=\"mapa-report-legend__group-description\"\n                  [innerHTML]=\"group.description | safeHtml\"\n                ></div>\n              }\n            </div>\n            <div class=\"mapa-report-legend__table\">\n              <div class=\"mapa-report-legend__columns\" aria-hidden=\"true\">\n                <span>{{ i18n.texts.report.classificationTitle }}</span>\n                <span>{{ i18n.texts.report.interpretationTitle }}</span>\n              </div>\n              <ul>\n                @for (item of group.items; track item.id ?? $index) {\n                  <li>\n                    <span class=\"mapa-report-legend__classification\">\n                      <i\n                        class=\"mapa-report-legend__swatch\"\n                        [class.mapa-report-legend__swatch--empty]=\"\n                          !(\n                            item.classification?.classificationColor ||\n                            item.color\n                          )\n                        \"\n                        [style.background-color]=\"\n                          item.classification?.classificationColor || item.color\n                        \"\n                        aria-hidden=\"true\"\n                      ></i>\n                      <strong>{{\n                        item.classification?.classificationName || item.label\n                      }}</strong>\n                      @if (item.range) {\n                        <small>{{ item.range }}</small>\n                      }\n                    </span>\n                    @if (item.description) {\n                      <span\n                        class=\"mapa-report-legend__item-copy\"\n                        [innerHTML]=\"item.description | safeHtml\"\n                      ></span>\n                    }\n                  </li>\n                }\n              </ul>\n            </div>\n          </section>\n        }\n      </div>\n    } @else {\n      <div class=\"mapa-report-legend__groups\">\n        @for (group of groups(); track group.id ?? $index) {\n          <section class=\"mapa-report-legend__group\">\n            <h3>{{ group.title || directionLabel(group.direction) }}</h3>\n            @if (group.description) {\n              <div\n                class=\"mapa-report-legend__group-description\"\n                [innerHTML]=\"group.description | safeHtml\"\n              ></div>\n            }\n            <ul>\n              @for (item of group.items; track item.id ?? $index) {\n                <li>\n                  <mapa-classification-tag\n                    [classification]=\"\n                      item.classification || {\n                        classificationName: item.label,\n                        classificationColor: item.color,\n                      }\n                    \"\n                  />\n                  <span class=\"mapa-report-legend__item-copy\">\n                    @if (item.range) {\n                      <strong>{{ item.range }}</strong>\n                    }\n                    @if (item.description) {\n                      <span [innerHTML]=\"item.description | safeHtml\"></span>\n                    }\n                  </span>\n                </li>\n              }\n            </ul>\n          </section>\n        }\n      </div>\n    }\n  </div>\n</details>\n", styles: ["@charset \"UTF-8\";:host{--mapa-report-accent: #ff560b;--mapa-report-accent-soft: #fff0e9;--mapa-report-surface: #fff;--mapa-report-surface-muted: #eef2f3;--mapa-report-border: #e1e5e7;--mapa-report-text: #263238;--mapa-report-muted: #68747a;--mapa-report-pill-width: 104px;--mapa-report-radius: 8px;--mapa-report-space: 20px;color:var(--mapa-report-text);display:block;font-family:var(--mapa-font-body, \"Asap\", \"Roboto\", sans-serif)}.mapa-direction-indicator{background:var(--mapa-report-surface, var(--mapa-color-surface, #fafbfc));border:1px solid currentColor;border-radius:50%;box-sizing:border-box;color:var(--mapa-report-muted, var(--mapa-color-text-subtle, #68747a));display:inline-grid;flex:0 0 20px;font-size:11px;font-weight:700;height:20px;line-height:1;place-items:center;width:20px}.mapa-report-legend{border:1px solid var(--mapa-report-border);border-radius:var(--mapa-report-radius);overflow:clip}.mapa-report-legend summary{background:#f8f9f9;cursor:pointer;font-size:13px;font-weight:650;list-style-position:inside;padding:12px 14px}.mapa-report-legend summary:focus-visible{outline:3px solid rgba(255,86,11,.28);outline-offset:-3px}.mapa-report-legend__content{background:var(--mapa-report-surface-muted);padding:16px}.mapa-report-legend__intro{color:var(--mapa-report-muted);font-size:12px;line-height:1.55;margin:0 0 14px}.mapa-report-legend__intro ::ng-deep ol,.mapa-report-legend__intro ::ng-deep p,.mapa-report-legend__intro ::ng-deep ul{margin:0 0 8px}.mapa-report-legend__intro ::ng-deep ol,.mapa-report-legend__intro ::ng-deep ul{padding-left:20px}.mapa-report-legend__intro ::ng-deep li{margin:0 0 3px}.mapa-report-legend__intro ::ng-deep b,.mapa-report-legend__intro ::ng-deep strong{color:var(--mapa-report-text, inherit);font-weight:600}.mapa-report-legend__intro ::ng-deep :last-child{margin-bottom:0}.mapa-report-legend__groups-title{font-size:14px;margin:0 0 14px}.mapa-report-legend__groups{display:grid;gap:12px;grid-template-columns:repeat(2,minmax(0,1fr))}.mapa-report-legend__group{background:var(--mapa-report-surface);border:1px solid var(--mapa-report-border);border-radius:6px;padding:12px}.mapa-report-legend__group>h3{font-size:12px;margin:0 0 10px}.mapa-report-legend__group>ul{display:grid;gap:8px;list-style:none;margin:0;padding:0}.mapa-report-legend__group>ul>li{align-items:center;display:grid;gap:10px;grid-template-columns:minmax(86px,auto) 1fr}.mapa-report-legend__group-description{color:var(--mapa-report-muted);font-size:11px;line-height:1.45;margin:-4px 0 10px}.mapa-report-legend__group-description ::ng-deep ol,.mapa-report-legend__group-description ::ng-deep p,.mapa-report-legend__group-description ::ng-deep ul{margin:0 0 8px}.mapa-report-legend__group-description ::ng-deep ol,.mapa-report-legend__group-description ::ng-deep ul{padding-left:20px}.mapa-report-legend__group-description ::ng-deep li{margin:0 0 3px}.mapa-report-legend__group-description ::ng-deep b,.mapa-report-legend__group-description ::ng-deep strong{color:var(--mapa-report-text, inherit);font-weight:600}.mapa-report-legend__group-description ::ng-deep :last-child{margin-bottom:0}.mapa-report-legend__item-copy{color:var(--mapa-report-muted);display:grid;font-size:11px;gap:2px;line-height:1.35}.mapa-report-legend__item-copy ::ng-deep ol,.mapa-report-legend__item-copy ::ng-deep p,.mapa-report-legend__item-copy ::ng-deep ul{margin:0 0 8px}.mapa-report-legend__item-copy ::ng-deep ol,.mapa-report-legend__item-copy ::ng-deep ul{padding-left:20px}.mapa-report-legend__item-copy ::ng-deep li{margin:0 0 3px}.mapa-report-legend__item-copy ::ng-deep b,.mapa-report-legend__item-copy ::ng-deep strong{color:var(--mapa-report-text, inherit);font-weight:600}.mapa-report-legend__item-copy ::ng-deep :last-child{margin-bottom:0}.mapa-report-legend__item-copy strong{color:var(--mapa-report-text)}.mapa-report-legend--psychosocial{border-radius:12px}.mapa-report-legend--psychosocial summary{align-items:center;display:flex;font-size:14px;justify-content:space-between;list-style:none;padding:16px 18px}.mapa-report-legend--psychosocial summary::-webkit-details-marker{display:none}.mapa-report-legend--psychosocial summary:after{color:#84919a;content:\"\\2304\";font-size:14px;line-height:1}.mapa-report-legend--psychosocial[open] summary:after{content:\"\\2303\"}.mapa-report-legend--psychosocial .mapa-report-legend__content{border-top:1px solid var(--mapa-report-border);padding:20px}.mapa-report-legend--psychosocial .mapa-report-legend__intro{font-size:14px;margin-bottom:18px}.mapa-report-legend--psychosocial .mapa-report-legend__groups{gap:20px}.mapa-report-legend--psychosocial .mapa-report-legend__group{background:transparent;border:0;border-radius:0;display:grid;gap:18px;min-width:0;padding:0}.mapa-report-legend--psychosocial .mapa-report-legend__direction{display:grid;gap:9px}.mapa-report-legend--psychosocial .mapa-report-legend__direction h3{align-items:center;display:flex;font-size:14px;gap:8px;margin:0}.mapa-report-legend--psychosocial .mapa-report-legend__direction .mapa-report-legend__group-description{color:var(--mapa-report-muted);font-size:12px;line-height:1.5;margin:0}.mapa-report-legend--psychosocial .mapa-report-legend__table{background:var(--mapa-report-surface);border:1px solid var(--mapa-report-border);border-radius:10px;overflow:hidden}.mapa-report-legend--psychosocial .mapa-report-legend__table ul{display:grid;list-style:none;margin:0;padding:0}.mapa-report-legend--psychosocial .mapa-report-legend__table li{align-items:center;display:grid;gap:12px;grid-template-columns:100px 1fr;min-height:38px;padding:8px 11px}.mapa-report-legend--psychosocial .mapa-report-legend__table li+li{border-top:1px solid var(--mapa-report-border)}.mapa-report-legend--psychosocial .mapa-report-legend__columns{background:#f3f5f6;color:#84919a;display:grid;font-size:9px;font-weight:800;gap:12px;grid-template-columns:100px 1fr;letter-spacing:.04em;padding:10px 11px 8px;text-transform:uppercase}.mapa-report-legend--psychosocial .mapa-report-legend__classification{align-items:center;display:grid;font-size:11px;gap:2px 7px;grid-template-columns:7px 1fr;min-width:0}.mapa-report-legend--psychosocial .mapa-report-legend__classification strong{color:var(--mapa-report-text)}.mapa-report-legend--psychosocial .mapa-report-legend__classification small{color:var(--mapa-report-muted);grid-column:2}.mapa-report-legend--psychosocial .mapa-report-legend__swatch{align-self:stretch;border-radius:3px;grid-row:1/span 2;min-height:22px}.mapa-report-legend--psychosocial .mapa-report-legend__swatch--empty{background:var(--mapa-report-surface);border:1px solid #cfd7dc;position:relative}.mapa-report-legend--psychosocial .mapa-report-legend__item-copy{display:block}@media(max-width:760px){.mapa-report-legend__groups{grid-template-columns:1fr}.mapa-report-legend__group>ul>li{align-items:start;grid-template-columns:1fr}.mapa-report-legend--psychosocial .mapa-report-legend__content{padding:16px}.mapa-report-legend--psychosocial .mapa-report-legend__table li{align-items:center;grid-template-columns:100px 1fr}}\n"] }]
+            args: [{ selector: 'mapa-report-legend', standalone: true, imports: [MapaClassificationTagComponent, SafeHtmlPipe], changeDetection: ChangeDetectionStrategy.OnPush, template: "<details\n  class=\"mapa-report-legend\"\n  [class.mapa-report-legend--psychosocial]=\"appearance() === 'psychosocial'\"\n  [open]=\"expanded()\"\n>\n  <summary>{{ title() || i18n.texts.report.readingInformationTitle }}</summary>\n  <div class=\"mapa-report-legend__content\">\n    @if (intro()) {\n      <div\n        class=\"mapa-report-legend__intro\"\n        [innerHTML]=\"intro() | safeHtml\"\n      ></div>\n    }\n\n    @if (groupsTitle()) {\n      <h3 class=\"mapa-report-legend__groups-title\">{{ groupsTitle() }}</h3>\n    }\n\n    @if (appearance() === \"psychosocial\") {\n      <div class=\"mapa-report-legend__groups\">\n        @for (group of groups(); track group.id ?? $index) {\n          <section class=\"mapa-report-legend__group\">\n            <div class=\"mapa-report-legend__direction\">\n              <h3>\n                @if (group.direction) {\n                  <span class=\"mapa-direction-indicator\" aria-hidden=\"true\">{{\n                    directionArrow(group.direction)\n                  }}</span>\n                }\n                {{ group.title || directionLabel(group.direction) }}\n              </h3>\n              @if (group.description) {\n                <div\n                  class=\"mapa-report-legend__group-description\"\n                  [innerHTML]=\"group.description | safeHtml\"\n                ></div>\n              }\n            </div>\n            <div class=\"mapa-report-legend__table\">\n              <div class=\"mapa-report-legend__columns\" aria-hidden=\"true\">\n                <span>{{ i18n.texts.report.classificationTitle }}</span>\n                <span>{{ i18n.texts.report.interpretationTitle }}</span>\n              </div>\n              <ul>\n                @for (item of group.items; track item.id ?? $index) {\n                  <li>\n                    <span class=\"mapa-report-legend__classification\">\n                      <i\n                        class=\"mapa-report-legend__swatch\"\n                        [class.mapa-report-legend__swatch--empty]=\"\n                          !(\n                            item.classification?.classificationColor ||\n                            item.color\n                          )\n                        \"\n                        [style.background-color]=\"\n                          item.classification?.classificationColor || item.color\n                        \"\n                        aria-hidden=\"true\"\n                      ></i>\n                      <strong>{{\n                        item.classification?.classificationName || item.label\n                      }}</strong>\n                      @if (item.range) {\n                        <small>{{ item.range }}</small>\n                      }\n                    </span>\n                    @if (item.description) {\n                      <span\n                        class=\"mapa-report-legend__item-copy\"\n                        [innerHTML]=\"item.description | safeHtml\"\n                      ></span>\n                    }\n                  </li>\n                }\n              </ul>\n            </div>\n          </section>\n        }\n      </div>\n    } @else {\n      <div class=\"mapa-report-legend__groups\">\n        @for (group of groups(); track group.id ?? $index) {\n          <section class=\"mapa-report-legend__group\">\n            <h3>{{ group.title || directionLabel(group.direction) }}</h3>\n            @if (group.description) {\n              <div\n                class=\"mapa-report-legend__group-description\"\n                [innerHTML]=\"group.description | safeHtml\"\n              ></div>\n            }\n            <ul>\n              @for (item of group.items; track item.id ?? $index) {\n                <li>\n                  <mapa-classification-tag\n                    appearance=\"solid\"\n                    [classification]=\"\n                      item.classification || {\n                        classificationName: item.label,\n                        classificationColor: item.color,\n                      }\n                    \"\n                  />\n                  <span class=\"mapa-report-legend__item-copy\">\n                    @if (item.range) {\n                      <strong>{{ item.range }}</strong>\n                    }\n                    @if (item.description) {\n                      <span [innerHTML]=\"item.description | safeHtml\"></span>\n                    }\n                  </span>\n                </li>\n              }\n            </ul>\n          </section>\n        }\n      </div>\n    }\n  </div>\n</details>\n", styles: ["@charset \"UTF-8\";:host{--mapa-report-accent: #ff560b;--mapa-report-accent-soft: #fff0e9;--mapa-report-surface: #fff;--mapa-report-surface-muted: #eef2f3;--mapa-report-border: #e1e5e7;--mapa-report-text: #263238;--mapa-report-muted: #68747a;--mapa-report-pill-width: 104px;--mapa-report-radius: 8px;--mapa-report-space: 20px;color:var(--mapa-report-text);display:block;font-family:var(--mapa-font-body, \"Asap\", \"Roboto\", sans-serif)}.mapa-direction-indicator{background:var(--mapa-report-surface, var(--mapa-color-surface, #fafbfc));border:1px solid currentColor;border-radius:50%;box-sizing:border-box;color:var(--mapa-report-muted, var(--mapa-color-text-subtle, #68747a));display:inline-grid;flex:0 0 20px;font-size:11px;font-weight:700;height:20px;line-height:1;place-items:center;width:20px}.mapa-report-legend{border:1px solid var(--mapa-report-border);border-radius:var(--mapa-report-radius);overflow:clip}.mapa-report-legend summary{background:#f8f9f9;cursor:pointer;font-size:13px;font-weight:650;list-style-position:inside;padding:12px 14px}.mapa-report-legend summary:focus-visible{outline:3px solid rgba(255,86,11,.28);outline-offset:-3px}.mapa-report-legend__content{background:var(--mapa-report-surface-muted);padding:16px}.mapa-report-legend__intro{color:var(--mapa-report-muted);font-size:12px;line-height:1.55;margin:0 0 14px}.mapa-report-legend__intro ::ng-deep ol,.mapa-report-legend__intro ::ng-deep p,.mapa-report-legend__intro ::ng-deep ul{margin:0 0 8px}.mapa-report-legend__intro ::ng-deep ol,.mapa-report-legend__intro ::ng-deep ul{padding-left:20px}.mapa-report-legend__intro ::ng-deep li{margin:0 0 3px}.mapa-report-legend__intro ::ng-deep b,.mapa-report-legend__intro ::ng-deep strong{color:var(--mapa-report-text, inherit);font-weight:600}.mapa-report-legend__intro ::ng-deep :last-child{margin-bottom:0}.mapa-report-legend__groups-title{font-size:14px;margin:0 0 14px}.mapa-report-legend__groups{display:grid;gap:12px;grid-template-columns:repeat(2,minmax(0,1fr))}.mapa-report-legend__group{background:var(--mapa-report-surface);border:1px solid var(--mapa-report-border);border-radius:6px;padding:12px}.mapa-report-legend__group>h3{font-size:12px;margin:0 0 10px}.mapa-report-legend__group>ul{display:grid;gap:8px;list-style:none;margin:0;padding:0}.mapa-report-legend__group>ul>li{align-items:center;display:grid;gap:10px;grid-template-columns:minmax(86px,auto) 1fr}.mapa-report-legend__group-description{color:var(--mapa-report-muted);font-size:11px;line-height:1.45;margin:-4px 0 10px}.mapa-report-legend__group-description ::ng-deep ol,.mapa-report-legend__group-description ::ng-deep p,.mapa-report-legend__group-description ::ng-deep ul{margin:0 0 8px}.mapa-report-legend__group-description ::ng-deep ol,.mapa-report-legend__group-description ::ng-deep ul{padding-left:20px}.mapa-report-legend__group-description ::ng-deep li{margin:0 0 3px}.mapa-report-legend__group-description ::ng-deep b,.mapa-report-legend__group-description ::ng-deep strong{color:var(--mapa-report-text, inherit);font-weight:600}.mapa-report-legend__group-description ::ng-deep :last-child{margin-bottom:0}.mapa-report-legend__item-copy{color:var(--mapa-report-muted);display:grid;font-size:11px;gap:2px;line-height:1.35}.mapa-report-legend__item-copy ::ng-deep ol,.mapa-report-legend__item-copy ::ng-deep p,.mapa-report-legend__item-copy ::ng-deep ul{margin:0 0 8px}.mapa-report-legend__item-copy ::ng-deep ol,.mapa-report-legend__item-copy ::ng-deep ul{padding-left:20px}.mapa-report-legend__item-copy ::ng-deep li{margin:0 0 3px}.mapa-report-legend__item-copy ::ng-deep b,.mapa-report-legend__item-copy ::ng-deep strong{color:var(--mapa-report-text, inherit);font-weight:600}.mapa-report-legend__item-copy ::ng-deep :last-child{margin-bottom:0}.mapa-report-legend__item-copy strong{color:var(--mapa-report-text)}.mapa-report-legend--psychosocial{border-radius:12px}.mapa-report-legend--psychosocial summary{align-items:center;display:flex;font-size:14px;justify-content:space-between;list-style:none;padding:16px 18px}.mapa-report-legend--psychosocial summary::-webkit-details-marker{display:none}.mapa-report-legend--psychosocial summary:after{color:#84919a;content:\"\\2304\";font-size:14px;line-height:1}.mapa-report-legend--psychosocial[open] summary:after{content:\"\\2303\"}.mapa-report-legend--psychosocial .mapa-report-legend__content{border-top:1px solid var(--mapa-report-border);padding:20px}.mapa-report-legend--psychosocial .mapa-report-legend__intro{font-size:14px;margin-bottom:18px}.mapa-report-legend--psychosocial .mapa-report-legend__groups{gap:20px}.mapa-report-legend--psychosocial .mapa-report-legend__group{background:transparent;border:0;border-radius:0;display:grid;gap:18px;min-width:0;padding:0}.mapa-report-legend--psychosocial .mapa-report-legend__direction{display:grid;gap:9px}.mapa-report-legend--psychosocial .mapa-report-legend__direction h3{align-items:center;display:flex;font-size:14px;gap:8px;margin:0}.mapa-report-legend--psychosocial .mapa-report-legend__direction .mapa-report-legend__group-description{color:var(--mapa-report-muted);font-size:12px;line-height:1.5;margin:0}.mapa-report-legend--psychosocial .mapa-report-legend__table{background:var(--mapa-report-surface);border:1px solid var(--mapa-report-border);border-radius:10px;overflow:hidden}.mapa-report-legend--psychosocial .mapa-report-legend__table ul{display:grid;list-style:none;margin:0;padding:0}.mapa-report-legend--psychosocial .mapa-report-legend__table li{align-items:center;display:grid;gap:12px;grid-template-columns:100px 1fr;min-height:38px;padding:8px 11px}.mapa-report-legend--psychosocial .mapa-report-legend__table li+li{border-top:1px solid var(--mapa-report-border)}.mapa-report-legend--psychosocial .mapa-report-legend__columns{background:#f3f5f6;color:#84919a;display:grid;font-size:9px;font-weight:800;gap:12px;grid-template-columns:100px 1fr;letter-spacing:.04em;padding:10px 11px 8px;text-transform:uppercase}.mapa-report-legend--psychosocial .mapa-report-legend__classification{align-items:center;display:grid;font-size:11px;gap:2px 7px;grid-template-columns:7px 1fr;min-width:0}.mapa-report-legend--psychosocial .mapa-report-legend__classification strong{color:var(--mapa-report-text)}.mapa-report-legend--psychosocial .mapa-report-legend__classification small{color:var(--mapa-report-muted);grid-column:2}.mapa-report-legend--psychosocial .mapa-report-legend__swatch{align-self:stretch;border-radius:3px;grid-row:1/span 2;min-height:22px}.mapa-report-legend--psychosocial .mapa-report-legend__swatch--empty{background:var(--mapa-report-surface);border:1px solid #cfd7dc;position:relative}.mapa-report-legend--psychosocial .mapa-report-legend__item-copy{display:block}@media(max-width:760px){.mapa-report-legend__groups{grid-template-columns:1fr}.mapa-report-legend__group>ul>li{align-items:start;grid-template-columns:1fr}.mapa-report-legend--psychosocial .mapa-report-legend__content{padding:16px}.mapa-report-legend--psychosocial .mapa-report-legend__table li{align-items:center;grid-template-columns:100px 1fr}}\n"] }]
         }], propDecorators: { title: [{ type: i0.Input, args: [{ isSignal: true, alias: "title", required: false }] }], intro: [{ type: i0.Input, args: [{ isSignal: true, alias: "intro", required: false }] }], groupsTitle: [{ type: i0.Input, args: [{ isSignal: true, alias: "groupsTitle", required: false }] }], groups: [{ type: i0.Input, args: [{ isSignal: true, alias: "groups", required: false }] }], expanded: [{ type: i0.Input, args: [{ isSignal: true, alias: "expanded", required: false }] }], appearance: [{ type: i0.Input, args: [{ isSignal: true, alias: "appearance", required: false }] }] } });
 
 class MapaReportIndicatorsWidgetComponent {
@@ -8712,7 +8720,7 @@ class MapaReportScaleWidgetComponent {
             : this.i18n.texts.report.positiveDirectionLabel;
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.21", ngImport: i0, type: MapaReportScaleWidgetComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.21", type: MapaReportScaleWidgetComponent, isStandalone: true, selector: "mapa-report-scale-widget", inputs: { heading: { classPropertyName: "heading", publicName: "heading", isSignal: true, isRequired: true, transformFunction: null }, groups: { classPropertyName: "groups", publicName: "groups", isSignal: true, isRequired: false, transformFunction: null }, legendGroups: { classPropertyName: "legendGroups", publicName: "legendGroups", isSignal: true, isRequired: false, transformFunction: null }, legendTitle: { classPropertyName: "legendTitle", publicName: "legendTitle", isSignal: true, isRequired: false, transformFunction: null }, legendIntro: { classPropertyName: "legendIntro", publicName: "legendIntro", isSignal: true, isRequired: false, transformFunction: null }, legendGroupsTitle: { classPropertyName: "legendGroupsTitle", publicName: "legendGroupsTitle", isSignal: true, isRequired: false, transformFunction: null }, legendExpanded: { classPropertyName: "legendExpanded", publicName: "legendExpanded", isSignal: true, isRequired: false, transformFunction: null }, palette: { classPropertyName: "palette", publicName: "palette", isSignal: true, isRequired: false, transformFunction: null }, mode: { classPropertyName: "mode", publicName: "mode", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { mode: "modeChange" }, ngImport: i0, template: "<section class=\"mapa-report-widget\" [attr.data-palette]=\"palette()\">\n  <header class=\"mapa-report-widget__header\">\n    <div class=\"mapa-report-widget__heading\">\n      <h2>{{ heading().title }}</h2>\n      @if (heading().description) {\n        <div\n          class=\"mapa-report-widget__description\"\n          [innerHTML]=\"heading().description | safeHtml\"\n        ></div>\n      }\n    </div>\n    <mat-button-toggle-group\n      class=\"mapa-report-widget__modes\"\n      hideSingleSelectionIndicator\n      [attr.aria-label]=\"i18n.texts.report.viewModeLabel\"\n      [value]=\"mode()\"\n      (change)=\"mode.set($event.value)\"\n    >\n      <mat-button-toggle value=\"summarized\">\n        <span class=\"mapa-report-scale__mode-icon\" aria-hidden=\"true\">\u25A5</span>\n        {{ i18n.texts.report.summarized }}\n      </mat-button-toggle>\n      <mat-button-toggle value=\"detailed\">\n        <span class=\"mapa-report-scale__mode-icon\" aria-hidden=\"true\">\u25A4</span>\n        {{ i18n.texts.report.detailed }}\n      </mat-button-toggle>\n    </mat-button-toggle-group>\n  </header>\n\n  @if (legendGroups().length || legendIntro()) {\n    <mapa-report-legend\n      appearance=\"psychosocial\"\n      [expanded]=\"legendExpanded()\"\n      [groups]=\"legendGroups()\"\n      [groupsTitle]=\"legendGroupsTitle()\"\n      [intro]=\"legendIntro()\"\n      [title]=\"legendTitle()\"\n    />\n  }\n\n  @if (!scales().length) {\n    <p class=\"mapa-report-widget__empty\">{{ i18n.texts.report.emptyState }}</p>\n  } @else if (mode() === \"summarized\") {\n    <div class=\"mapa-report-scales mapa-report-scales--summary\">\n      @for (group of groups(); track group.id) {\n        <section class=\"mapa-report-scale-group\">\n          @if (group.name) {\n            <div class=\"mapa-report-scale-group__head\">\n              <h3>{{ group.name }}</h3>\n            </div>\n          }\n          <div class=\"mapa-report-scale-group__grid\">\n            @for (scale of group.scales; track scale.id) {\n              <article\n                class=\"mapa-report-scale-card mapa-report-scale-card--summary\"\n              >\n                <header class=\"mapa-report-scale-card__head\">\n                  <h4>{{ scale.name }}</h4>\n                  <mapa-classification-tag\n                    appearance=\"solid\"\n                    [classification]=\"scale.classification\"\n                  />\n                </header>\n                @if (scale.value !== undefined) {\n                  <div class=\"mapa-report-scale-card__score\">\n                    <mapa-result-track\n                      [color]=\"color(scale)\"\n                      [direction]=\"direction(scale)\"\n                      [name]=\"scale.name\"\n                      [showValue]=\"false\"\n                      [value]=\"scale.value\"\n                    />\n                    <span class=\"mapa-report-scale-card__percent\"\n                      >{{ value(scale) }}%</span\n                    >\n                  </div>\n                }\n                @if (scale.dimensions?.length) {\n                  <ul class=\"mapa-report-scale-card__dimensions\">\n                    @for (dimension of scale.dimensions; track dimension.id) {\n                      <li>\n                        <span class=\"mapa-report-scale-card__dimension-name\">\n                          <span\n                            class=\"mapa-direction-indicator\"\n                            [attr.aria-label]=\"directionLabel(dimension, scale)\"\n                            >{{ directionArrow(dimension, scale) }}</span\n                          >\n                          <span>{{ dimension.name }}</span>\n                        </span>\n                        <mapa-classification-tag\n                          appearance=\"solid\"\n                          [classification]=\"dimension.classification\"\n                        />\n                      </li>\n                    }\n                  </ul>\n                }\n              </article>\n            }\n          </div>\n        </section>\n      }\n    </div>\n  } @else {\n    <div class=\"mapa-report-scales mapa-report-scales--detailed\">\n      @for (group of groups(); track group.id) {\n        <section class=\"mapa-report-scale-group\">\n          @if (group.name) {\n            <div class=\"mapa-report-scale-group__head\">\n              <h3>{{ group.name }}</h3>\n            </div>\n          }\n          <div class=\"mapa-report-scale-group__rows\">\n            @for (scale of group.scales; track scale.id) {\n              <article\n                class=\"mapa-report-scale-card mapa-report-scale-card--detailed\"\n              >\n                <header class=\"mapa-report-scale-card__head\">\n                  <div class=\"mapa-report-scale-card__title\">\n                    <h4>{{ scale.name }}</h4>\n                    <mapa-classification-tag\n                      appearance=\"solid\"\n                      [classification]=\"scale.classification\"\n                    />\n                  </div>\n                  @if (scale.value !== undefined) {\n                    <div class=\"mapa-report-scale-card__score\">\n                      <mapa-result-track\n                        [color]=\"color(scale)\"\n                        [direction]=\"direction(scale)\"\n                        [name]=\"scale.name\"\n                        [showValue]=\"false\"\n                        [value]=\"scale.value\"\n                      />\n                      <span class=\"mapa-report-scale-card__percent\"\n                        >{{ value(scale) }}%</span\n                      >\n                    </div>\n                  }\n                </header>\n                @if (scale.concept) {\n                  <section class=\"mapa-report-scale-card__concept\">\n                    <h5>{{ i18n.texts.report.conceptTitle }}:</h5>\n                    <div\n                      class=\"mapa-report-scale-card__concept-copy\"\n                      [innerHTML]=\"scale.concept | safeHtml\"\n                    ></div>\n                  </section>\n                }\n                @if (scale.dimensions?.length) {\n                  <ul class=\"mapa-report-scale-card__dimension-list\">\n                    @for (dimension of scale.dimensions; track dimension.id) {\n                      <li>\n                        <span class=\"mapa-report-scale-card__dimension-name\">\n                          <span\n                            class=\"mapa-direction-indicator\"\n                            [attr.aria-label]=\"directionLabel(dimension, scale)\"\n                            >{{ directionArrow(dimension, scale) }}</span\n                          >\n                          <span>{{ dimension.name }}</span>\n                        </span>\n                        <mapa-classification-tag\n                          appearance=\"solid\"\n                          [classification]=\"dimension.classification\"\n                        />\n                        @if (dimension.description) {\n                          <div\n                            class=\"mapa-report-scale-card__copy\"\n                            [innerHTML]=\"dimension.description | safeHtml\"\n                          ></div>\n                        }\n                      </li>\n                    }\n                  </ul>\n                }\n              </article>\n            }\n          </div>\n        </section>\n      }\n    </div>\n  }\n</section>\n", styles: [":host{--mapa-report-accent: #ff560b;--mapa-report-accent-soft: #fff0e9;--mapa-report-surface: #fff;--mapa-report-surface-muted: #eef2f3;--mapa-report-border: #e1e5e7;--mapa-report-text: #263238;--mapa-report-muted: #68747a;--mapa-report-pill-width: 104px;--mapa-report-radius: 8px;--mapa-report-space: 20px;color:var(--mapa-report-text);display:block;font-family:var(--mapa-font-body, \"Asap\", \"Roboto\", sans-serif)}.mapa-report-widget{display:grid;gap:var(--mapa-report-space)}.mapa-report-widget__header{align-items:flex-start;column-gap:16px;display:grid;grid-template-columns:minmax(0,1fr) auto}.mapa-report-widget__heading{display:contents}.mapa-report-widget__heading h2{color:var(--mapa-report-accent);font-size:20px;font-weight:650;grid-column:1;grid-row:1;line-height:1.25;margin:0}.mapa-report-widget__description{color:var(--mapa-report-muted);font-size:13px;grid-column:1/-1;grid-row:2;line-height:1.5;margin:5px 0 0}.mapa-report-widget__description ::ng-deep ol,.mapa-report-widget__description ::ng-deep p,.mapa-report-widget__description ::ng-deep ul{margin:0 0 8px}.mapa-report-widget__description ::ng-deep ol,.mapa-report-widget__description ::ng-deep ul{padding-left:20px}.mapa-report-widget__description ::ng-deep li{margin:0 0 3px}.mapa-report-widget__description ::ng-deep b,.mapa-report-widget__description ::ng-deep strong{color:var(--mapa-report-text, inherit);font-weight:600}.mapa-report-widget__description ::ng-deep :last-child{margin-bottom:0}.mapa-report-widget__modes{--mat-button-toggle-background-color: var(--mapa-report-surface);--mat-button-toggle-divider-color: #cbd5da;--mat-button-toggle-height: 32px;--mat-button-toggle-label-text-font: var( --mapa-font-body, \"Asap\", sans-serif );--mat-button-toggle-label-text-size: 13px;--mat-button-toggle-label-text-weight: 500;--mat-button-toggle-selected-state-background-color: #59636a;--mat-button-toggle-selected-state-text-color: #fffaf7;--mat-button-toggle-shape: 4px;--mat-button-toggle-text-color: #344b5e;border:1px solid #cbd5da;border-radius:4px;grid-column:2;grid-row:1;overflow:hidden}.mapa-report-widget__modes mat-button-toggle{font:500 13px/1 var(--mapa-font-body, \"Asap\", sans-serif)}.mapa-report-widget__modes mat-icon{font-size:14px;height:14px;margin-right:5px;width:14px}.mapa-report-widget__empty{color:var(--mapa-report-muted);margin:0;padding:24px 0;text-align:center}@media(max-width:760px){.mapa-report-widget__header{align-items:stretch;grid-template-columns:minmax(0,1fr)}.mapa-report-widget__modes{grid-column:1;grid-row:3;justify-self:start;margin-top:12px}}.mapa-direction-indicator{background:var(--mapa-report-surface, var(--mapa-color-surface, #fafbfc));border:1px solid currentColor;border-radius:50%;box-sizing:border-box;color:var(--mapa-report-muted, var(--mapa-color-text-subtle, #68747a));display:inline-grid;flex:0 0 20px;font-size:11px;font-weight:700;height:20px;line-height:1;place-items:center;width:20px}:host{--mapa-report-line-soft: #edf1f3;--mapa-report-surface-soft: #fafbfc;--mapa-report-card-radius: 10px}.mapa-report-scale__mode-icon{font-size:12px;margin-right:5px}.mapa-report-scales{display:grid;gap:26px}.mapa-report-scale-group{min-width:0}.mapa-report-scale-group__head{align-items:center;border-bottom:1px solid var(--mapa-report-border);display:flex;gap:11px;margin:0 0 14px;padding:2px 2px 12px}.mapa-report-scale-group__head:before{background:var(--mapa-report-accent);border-radius:4px;content:\"\";flex:0 0 4px;height:24px;width:4px}.mapa-report-scale-group__head h3{font-size:18px;font-weight:600;letter-spacing:-.2px;line-height:1.25;margin:0}.mapa-report-scale-group__grid{align-items:start;display:grid;gap:14px;grid-template-columns:repeat(3,minmax(0,1fr))}.mapa-report-scale-group__rows{display:grid;gap:14px}.mapa-report-scale-card{background:var(--mapa-report-surface);border:1px solid var(--mapa-report-border);border-radius:var(--mapa-report-card-radius);min-width:0}.mapa-report-scale-card mapa-classification-tag{--mapa-classification-tag-min-width: var(--mapa-report-pill-width);flex:0 0 auto;max-width:var(--mapa-report-pill-width)}.mapa-report-scale-card__score{align-items:center;display:flex;gap:9px}.mapa-report-scale-card__score mapa-result-track{flex:1;min-width:0}.mapa-report-scale-card__percent{color:#1f3850;font-size:15px;line-height:1.1}.mapa-report-scale-card__dimension-name{align-items:center;display:flex;gap:7px;min-width:0}.mapa-report-scale-card__dimension-name span:last-child{overflow-wrap:anywhere}.mapa-report-scale-card--summary{padding:16px 14px 13px}.mapa-report-scale-card--summary .mapa-report-scale-card__head{align-items:flex-start;display:flex;gap:10px;justify-content:space-between;min-height:39px}.mapa-report-scale-card--summary .mapa-report-scale-card__head h4{color:#234b68;font-size:16px;font-weight:500;line-height:1.2;margin:0}.mapa-report-scale-card--summary .mapa-report-scale-card__score{margin:15px 0 13px}.mapa-report-scale-card--summary .mapa-report-scale-card__score mapa-result-track{--mapa-result-track-height: 7px}.mapa-report-scale-card--summary .mapa-report-scale-card__dimensions{border-top:1px solid var(--mapa-report-line-soft);display:grid;gap:7px;list-style:none;margin:0;padding:12px 0 0}.mapa-report-scale-card--summary .mapa-report-scale-card__dimensions li{align-items:center;background:var(--mapa-report-surface-soft);border:1px solid var(--mapa-report-line-soft);border-radius:9px;display:grid;gap:8px;grid-template-columns:minmax(0,1fr) auto;min-height:39px;padding:8px 9px}.mapa-report-scale-card--summary .mapa-report-scale-card__dimension-name{color:#3f5870;font-size:11px;line-height:1.25}.mapa-report-scale-card--detailed{padding:21px 20px 18px}.mapa-report-scale-card--detailed .mapa-report-scale-card__head{align-items:center;display:grid;gap:20px;grid-template-columns:minmax(220px,1fr) minmax(300px,390px)}.mapa-report-scale-card--detailed .mapa-report-scale-card__title{align-items:center;display:flex;gap:12px;min-width:0}.mapa-report-scale-card--detailed .mapa-report-scale-card__title h4{font-size:21px;font-weight:500;line-height:1.2;margin:0}.mapa-report-scale-card--detailed .mapa-report-scale-card__score{gap:11px}.mapa-report-scale-card--detailed .mapa-report-scale-card__score mapa-result-track{--mapa-result-track-height: 8px}.mapa-report-scale-card--detailed .mapa-report-scale-card__percent{font-size:21px;min-width:38px;text-align:right}.mapa-report-scale-card--detailed .mapa-report-scale-card__concept{background:var(--mapa-report-surface-soft);border-radius:var(--mapa-report-card-radius);color:var(--mapa-report-muted);font-size:13px;line-height:1.6;margin-top:16px;padding:13px 14px}.mapa-report-scale-card--detailed .mapa-report-scale-card__concept h5{align-items:center;color:#53646e;display:flex;font-size:10px;font-weight:800;gap:10px;letter-spacing:.06em;line-height:1.2;margin:0 0 8px;text-transform:uppercase}.mapa-report-scale-card--detailed .mapa-report-scale-card__concept h5:after{background:var(--mapa-report-border);content:\"\";flex:1;height:1px}.mapa-report-scale-card--detailed .mapa-report-scale-card__concept :last-child{margin-bottom:0}.mapa-report-scale-card--detailed .mapa-report-scale-card__dimension-list{display:grid;gap:8px;list-style:none;margin:14px 0 0;padding:0}.mapa-report-scale-card--detailed .mapa-report-scale-card__dimension-list li{align-items:center;background:var(--mapa-report-surface-soft);border:1px solid var(--mapa-report-line-soft);border-radius:9px;display:grid;gap:16px;grid-template-columns:minmax(180px,240px) var(--mapa-report-pill-width) minmax(0,1fr);min-height:54px;padding:10px 14px}.mapa-report-scale-card--detailed .mapa-report-scale-card__dimension-name{font-size:13px;gap:9px}.mapa-report-scale-card--detailed .mapa-report-scale-card__copy{color:var(--mapa-report-muted);font-size:12px;line-height:1.45}.mapa-report-scale-card--detailed .mapa-report-scale-card__copy ::ng-deep ol,.mapa-report-scale-card--detailed .mapa-report-scale-card__copy ::ng-deep p,.mapa-report-scale-card--detailed .mapa-report-scale-card__copy ::ng-deep ul{margin:0 0 8px}.mapa-report-scale-card--detailed .mapa-report-scale-card__copy ::ng-deep ol,.mapa-report-scale-card--detailed .mapa-report-scale-card__copy ::ng-deep ul{padding-left:20px}.mapa-report-scale-card--detailed .mapa-report-scale-card__copy ::ng-deep li{margin:0 0 3px}.mapa-report-scale-card--detailed .mapa-report-scale-card__copy ::ng-deep b,.mapa-report-scale-card--detailed .mapa-report-scale-card__copy ::ng-deep strong{color:var(--mapa-report-text, inherit);font-weight:600}.mapa-report-scale-card--detailed .mapa-report-scale-card__copy ::ng-deep :last-child{margin-bottom:0}.mapa-report-scale-card--detailed .mapa-report-scale-card__concept-copy ::ng-deep ol,.mapa-report-scale-card--detailed .mapa-report-scale-card__concept-copy ::ng-deep p,.mapa-report-scale-card--detailed .mapa-report-scale-card__concept-copy ::ng-deep ul{margin:0 0 8px}.mapa-report-scale-card--detailed .mapa-report-scale-card__concept-copy ::ng-deep ol,.mapa-report-scale-card--detailed .mapa-report-scale-card__concept-copy ::ng-deep ul{padding-left:20px}.mapa-report-scale-card--detailed .mapa-report-scale-card__concept-copy ::ng-deep li{margin:0 0 3px}.mapa-report-scale-card--detailed .mapa-report-scale-card__concept-copy ::ng-deep b,.mapa-report-scale-card--detailed .mapa-report-scale-card__concept-copy ::ng-deep strong{color:var(--mapa-report-text, inherit);font-weight:600}.mapa-report-scale-card--detailed .mapa-report-scale-card__concept-copy ::ng-deep :last-child{margin-bottom:0}.mapa-report-scale-card--detailed .mapa-report-scale-card__dimension-list mapa-classification-tag{justify-self:start}@media(max-width:1199px){.mapa-report-scale-group__grid{grid-template-columns:repeat(2,minmax(0,1fr))}.mapa-report-scale-card--detailed .mapa-report-scale-card__head{gap:13px;grid-template-columns:1fr}.mapa-report-scale-card--detailed .mapa-report-scale-card__dimension-list li{grid-template-columns:minmax(180px,1fr) var(--mapa-report-pill-width)}.mapa-report-scale-card--detailed .mapa-report-scale-card__copy{grid-column:1/-1;padding-left:28px}}@media(max-width:760px){.mapa-report-scale-group__head h3{font-size:16px}.mapa-report-scale-group__grid{grid-template-columns:1fr}.mapa-report-scale-card--detailed{padding:16px 14px 14px}.mapa-report-scale-card--detailed .mapa-report-scale-card__title h4,.mapa-report-scale-card--detailed .mapa-report-scale-card__percent{font-size:18px}.mapa-report-scale-card--detailed .mapa-report-scale-card__dimension-list li{gap:8px;grid-template-columns:1fr}.mapa-report-scale-card--detailed .mapa-report-scale-card__copy{grid-column:auto;padding-left:28px}}@media(max-width:560px){.mapa-report-scale-card--summary .mapa-report-scale-card__head{flex-wrap:wrap}.mapa-report-widget__modes{--mat-button-toggle-label-text-size: 11px;align-self:stretch;display:flex;justify-self:stretch}.mapa-report-widget__modes mat-button-toggle{flex:1 1 0;font:500 11px/1 var(--mapa-font-body, \"Asap\", sans-serif);min-width:0}.mapa-report-scale__mode-icon{display:none}}\n"], dependencies: [{ kind: "ngmodule", type: MatButtonToggleModule }, { kind: "directive", type: i1$6.MatButtonToggleGroup, selector: "mat-button-toggle-group", inputs: ["appearance", "name", "vertical", "value", "multiple", "disabled", "disabledInteractive", "hideSingleSelectionIndicator", "hideMultipleSelectionIndicator"], outputs: ["valueChange", "change"], exportAs: ["matButtonToggleGroup"] }, { kind: "component", type: i1$6.MatButtonToggle, selector: "mat-button-toggle", inputs: ["aria-label", "aria-labelledby", "id", "name", "value", "tabIndex", "disableRipple", "appearance", "checked", "disabled", "disabledInteractive"], outputs: ["change"], exportAs: ["matButtonToggle"] }, { kind: "component", type: MapaClassificationTagComponent, selector: "mapa-classification-tag", inputs: ["classification", "size", "appearance", "shape", "casing", "fallbackLabel"] }, { kind: "component", type: MapaReportLegendComponent, selector: "mapa-report-legend", inputs: ["title", "intro", "groupsTitle", "groups", "expanded", "appearance"] }, { kind: "component", type: MapaResultTrackComponent, selector: "mapa-result-track", inputs: ["name", "value", "color", "mode", "appearance", "direction", "showValue", "ariaLabel"] }, { kind: "pipe", type: SafeHtmlPipe, name: "safeHtml" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.21", type: MapaReportScaleWidgetComponent, isStandalone: true, selector: "mapa-report-scale-widget", inputs: { heading: { classPropertyName: "heading", publicName: "heading", isSignal: true, isRequired: true, transformFunction: null }, groups: { classPropertyName: "groups", publicName: "groups", isSignal: true, isRequired: false, transformFunction: null }, legendGroups: { classPropertyName: "legendGroups", publicName: "legendGroups", isSignal: true, isRequired: false, transformFunction: null }, legendTitle: { classPropertyName: "legendTitle", publicName: "legendTitle", isSignal: true, isRequired: false, transformFunction: null }, legendIntro: { classPropertyName: "legendIntro", publicName: "legendIntro", isSignal: true, isRequired: false, transformFunction: null }, legendGroupsTitle: { classPropertyName: "legendGroupsTitle", publicName: "legendGroupsTitle", isSignal: true, isRequired: false, transformFunction: null }, legendExpanded: { classPropertyName: "legendExpanded", publicName: "legendExpanded", isSignal: true, isRequired: false, transformFunction: null }, palette: { classPropertyName: "palette", publicName: "palette", isSignal: true, isRequired: false, transformFunction: null }, mode: { classPropertyName: "mode", publicName: "mode", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { mode: "modeChange" }, ngImport: i0, template: "<section class=\"mapa-report-widget\" [attr.data-palette]=\"palette()\">\n  <header class=\"mapa-report-widget__header\">\n    <div class=\"mapa-report-widget__heading\">\n      <h2>{{ heading().title }}</h2>\n      @if (heading().description) {\n        <div\n          class=\"mapa-report-widget__description\"\n          [innerHTML]=\"heading().description | safeHtml\"\n        ></div>\n      }\n    </div>\n    <mat-button-toggle-group\n      class=\"mapa-report-widget__modes\"\n      hideSingleSelectionIndicator\n      [attr.aria-label]=\"i18n.texts.report.viewModeLabel\"\n      [value]=\"mode()\"\n      (change)=\"mode.set($event.value)\"\n    >\n      <mat-button-toggle value=\"summarized\">\n        <span class=\"mapa-report-scale__mode-icon\" aria-hidden=\"true\">\u25A5</span>\n        {{ i18n.texts.report.summarized }}\n      </mat-button-toggle>\n      <mat-button-toggle value=\"detailed\">\n        <span class=\"mapa-report-scale__mode-icon\" aria-hidden=\"true\">\u25A4</span>\n        {{ i18n.texts.report.detailed }}\n      </mat-button-toggle>\n    </mat-button-toggle-group>\n  </header>\n\n  @if (legendGroups().length || legendIntro()) {\n    <mapa-report-legend\n      appearance=\"psychosocial\"\n      [expanded]=\"legendExpanded()\"\n      [groups]=\"legendGroups()\"\n      [groupsTitle]=\"legendGroupsTitle()\"\n      [intro]=\"legendIntro()\"\n      [title]=\"legendTitle()\"\n    />\n  }\n\n  @if (!scales().length) {\n    <p class=\"mapa-report-widget__empty\">{{ i18n.texts.report.emptyState }}</p>\n  } @else if (mode() === \"summarized\") {\n    <div class=\"mapa-report-scales mapa-report-scales--summary\">\n      @for (group of groups(); track group.id) {\n        <section class=\"mapa-report-scale-group\">\n          @if (group.name) {\n            <div class=\"mapa-report-scale-group__head\">\n              <h3>{{ group.name }}</h3>\n            </div>\n          }\n          <div class=\"mapa-report-scale-group__grid\">\n            @for (scale of group.scales; track scale.id) {\n              <article\n                class=\"mapa-report-scale-card mapa-report-scale-card--summary\"\n              >\n                <header class=\"mapa-report-scale-card__head\">\n                  <h4>{{ scale.name }}</h4>\n                  <!-- Instrumentos que so pontuam no nivel da dimensao\n                       (Personalidade, Socioemocional) nao classificam a escala:\n                       omitimos a tag em vez de cair no rotulo \"sem\n                       classificacao\". Mesma regra do valor, logo abaixo. -->\n                  @if (scale.classification) {\n                    <mapa-classification-tag\n                      appearance=\"solid\"\n                      [classification]=\"scale.classification\"\n                    />\n                  }\n                </header>\n                @if (scale.value !== undefined) {\n                  <div class=\"mapa-report-scale-card__score\">\n                    <mapa-result-track\n                      [color]=\"color(scale)\"\n                      [direction]=\"direction(scale)\"\n                      [name]=\"scale.name\"\n                      [showValue]=\"false\"\n                      [value]=\"scale.value\"\n                    />\n                    <span class=\"mapa-report-scale-card__percent\"\n                      >{{ value(scale) }}%</span\n                    >\n                  </div>\n                }\n                @if (scale.dimensions?.length) {\n                  <ul class=\"mapa-report-scale-card__dimensions\">\n                    @for (dimension of scale.dimensions; track dimension.id) {\n                      <li>\n                        <span class=\"mapa-report-scale-card__dimension-name\">\n                          <span\n                            class=\"mapa-direction-indicator\"\n                            [attr.aria-label]=\"directionLabel(dimension, scale)\"\n                            >{{ directionArrow(dimension, scale) }}</span\n                          >\n                          <span>{{ dimension.name }}</span>\n                        </span>\n                        <mapa-classification-tag\n                          appearance=\"solid\"\n                          [classification]=\"dimension.classification\"\n                        />\n                      </li>\n                    }\n                  </ul>\n                }\n              </article>\n            }\n          </div>\n        </section>\n      }\n    </div>\n  } @else {\n    <div class=\"mapa-report-scales mapa-report-scales--detailed\">\n      @for (group of groups(); track group.id) {\n        <section class=\"mapa-report-scale-group\">\n          @if (group.name) {\n            <div class=\"mapa-report-scale-group__head\">\n              <h3>{{ group.name }}</h3>\n            </div>\n          }\n          <div class=\"mapa-report-scale-group__rows\">\n            @for (scale of group.scales; track scale.id) {\n              <article\n                class=\"mapa-report-scale-card mapa-report-scale-card--detailed\"\n              >\n                <header class=\"mapa-report-scale-card__head\">\n                  <div class=\"mapa-report-scale-card__title\">\n                    <h4>{{ scale.name }}</h4>\n                    @if (scale.classification) {\n                      <mapa-classification-tag\n                        appearance=\"solid\"\n                        [classification]=\"scale.classification\"\n                      />\n                    }\n                  </div>\n                  @if (scale.value !== undefined) {\n                    <div class=\"mapa-report-scale-card__score\">\n                      <mapa-result-track\n                        [color]=\"color(scale)\"\n                        [direction]=\"direction(scale)\"\n                        [name]=\"scale.name\"\n                        [showValue]=\"false\"\n                        [value]=\"scale.value\"\n                      />\n                      <span class=\"mapa-report-scale-card__percent\"\n                        >{{ value(scale) }}%</span\n                      >\n                    </div>\n                  }\n                </header>\n                @if (scale.concept) {\n                  <section class=\"mapa-report-scale-card__concept\">\n                    <h5>{{ i18n.texts.report.conceptTitle }}:</h5>\n                    <div\n                      class=\"mapa-report-scale-card__concept-copy\"\n                      [innerHTML]=\"scale.concept | safeHtml\"\n                    ></div>\n                  </section>\n                }\n                @if (scale.dimensions?.length) {\n                  <ul class=\"mapa-report-scale-card__dimension-list\">\n                    @for (dimension of scale.dimensions; track dimension.id) {\n                      <li>\n                        <span class=\"mapa-report-scale-card__dimension-name\">\n                          <span\n                            class=\"mapa-direction-indicator\"\n                            [attr.aria-label]=\"directionLabel(dimension, scale)\"\n                            >{{ directionArrow(dimension, scale) }}</span\n                          >\n                          <span>{{ dimension.name }}</span>\n                        </span>\n                        <mapa-classification-tag\n                          appearance=\"solid\"\n                          [classification]=\"dimension.classification\"\n                        />\n                        @if (dimension.description) {\n                          <div\n                            class=\"mapa-report-scale-card__copy\"\n                            [innerHTML]=\"dimension.description | safeHtml\"\n                          ></div>\n                        }\n                      </li>\n                    }\n                  </ul>\n                }\n              </article>\n            }\n          </div>\n        </section>\n      }\n    </div>\n  }\n</section>\n", styles: [":host{--mapa-report-accent: #ff560b;--mapa-report-accent-soft: #fff0e9;--mapa-report-surface: #fff;--mapa-report-surface-muted: #eef2f3;--mapa-report-border: #e1e5e7;--mapa-report-text: #263238;--mapa-report-muted: #68747a;--mapa-report-pill-width: 104px;--mapa-report-radius: 8px;--mapa-report-space: 20px;color:var(--mapa-report-text);display:block;font-family:var(--mapa-font-body, \"Asap\", \"Roboto\", sans-serif)}.mapa-report-widget{display:grid;gap:var(--mapa-report-space)}.mapa-report-widget__header{align-items:flex-start;column-gap:16px;display:grid;grid-template-columns:minmax(0,1fr) auto}.mapa-report-widget__heading{display:contents}.mapa-report-widget__heading h2{color:var(--mapa-report-accent);font-size:20px;font-weight:650;grid-column:1;grid-row:1;line-height:1.25;margin:0}.mapa-report-widget__description{color:var(--mapa-report-muted);font-size:13px;grid-column:1/-1;grid-row:2;line-height:1.5;margin:5px 0 0}.mapa-report-widget__description ::ng-deep ol,.mapa-report-widget__description ::ng-deep p,.mapa-report-widget__description ::ng-deep ul{margin:0 0 8px}.mapa-report-widget__description ::ng-deep ol,.mapa-report-widget__description ::ng-deep ul{padding-left:20px}.mapa-report-widget__description ::ng-deep li{margin:0 0 3px}.mapa-report-widget__description ::ng-deep b,.mapa-report-widget__description ::ng-deep strong{color:var(--mapa-report-text, inherit);font-weight:600}.mapa-report-widget__description ::ng-deep :last-child{margin-bottom:0}.mapa-report-widget__modes{--mat-button-toggle-background-color: var(--mapa-report-surface);--mat-button-toggle-divider-color: #cbd5da;--mat-button-toggle-height: 32px;--mat-button-toggle-label-text-font: var( --mapa-font-body, \"Asap\", sans-serif );--mat-button-toggle-label-text-size: 13px;--mat-button-toggle-label-text-weight: 500;--mat-button-toggle-selected-state-background-color: #59636a;--mat-button-toggle-selected-state-text-color: #fffaf7;--mat-button-toggle-shape: 4px;--mat-button-toggle-text-color: #344b5e;border:1px solid #cbd5da;border-radius:4px;grid-column:2;grid-row:1;overflow:hidden}.mapa-report-widget__modes mat-button-toggle{font:500 13px/1 var(--mapa-font-body, \"Asap\", sans-serif)}.mapa-report-widget__modes mat-icon{font-size:14px;height:14px;margin-right:5px;width:14px}.mapa-report-widget__empty{color:var(--mapa-report-muted);margin:0;padding:24px 0;text-align:center}@media(max-width:760px){.mapa-report-widget__header{align-items:stretch;grid-template-columns:minmax(0,1fr)}.mapa-report-widget__modes{grid-column:1;grid-row:3;justify-self:start;margin-top:12px}}.mapa-direction-indicator{background:var(--mapa-report-surface, var(--mapa-color-surface, #fafbfc));border:1px solid currentColor;border-radius:50%;box-sizing:border-box;color:var(--mapa-report-muted, var(--mapa-color-text-subtle, #68747a));display:inline-grid;flex:0 0 20px;font-size:11px;font-weight:700;height:20px;line-height:1;place-items:center;width:20px}:host{--mapa-report-line-soft: #edf1f3;--mapa-report-surface-soft: #fafbfc;--mapa-report-card-radius: 10px}.mapa-report-scale__mode-icon{font-size:12px;margin-right:5px}.mapa-report-scales{display:grid;gap:26px}.mapa-report-scale-group{min-width:0}.mapa-report-scale-group__head{align-items:center;border-bottom:1px solid var(--mapa-report-border);display:flex;gap:11px;margin:0 0 14px;padding:2px 2px 12px}.mapa-report-scale-group__head:before{background:var(--mapa-report-accent);border-radius:4px;content:\"\";flex:0 0 4px;height:24px;width:4px}.mapa-report-scale-group__head h3{font-size:18px;font-weight:600;letter-spacing:-.2px;line-height:1.25;margin:0}.mapa-report-scale-group__grid{align-items:start;display:grid;gap:14px;grid-template-columns:repeat(3,minmax(0,1fr))}.mapa-report-scale-group__rows{display:grid;gap:14px}.mapa-report-scale-card{background:var(--mapa-report-surface);border:1px solid var(--mapa-report-border);border-radius:var(--mapa-report-card-radius);min-width:0}.mapa-report-scale-card mapa-classification-tag{--mapa-classification-tag-min-width: var(--mapa-report-pill-width);flex:0 0 auto;max-width:var(--mapa-report-pill-width)}.mapa-report-scale-card__score{align-items:center;display:flex;gap:9px}.mapa-report-scale-card__score mapa-result-track{flex:1;min-width:0}.mapa-report-scale-card__percent{color:#1f3850;font-size:15px;line-height:1.1}.mapa-report-scale-card__dimension-name{align-items:center;display:flex;gap:7px;min-width:0}.mapa-report-scale-card__dimension-name span:last-child{overflow-wrap:anywhere}.mapa-report-scale-card--summary{padding:16px 14px 13px}.mapa-report-scale-card--summary .mapa-report-scale-card__head{align-items:flex-start;display:flex;gap:10px;justify-content:space-between;min-height:39px}.mapa-report-scale-card--summary .mapa-report-scale-card__head h4{color:#234b68;font-size:16px;font-weight:500;line-height:1.2;margin:0}.mapa-report-scale-card--summary .mapa-report-scale-card__score{margin:15px 0 13px}.mapa-report-scale-card--summary .mapa-report-scale-card__score mapa-result-track{--mapa-result-track-height: 7px}.mapa-report-scale-card--summary .mapa-report-scale-card__dimensions{border-top:1px solid var(--mapa-report-line-soft);display:grid;gap:7px;list-style:none;margin:0;padding:12px 0 0}.mapa-report-scale-card--summary .mapa-report-scale-card__dimensions li{align-items:center;background:var(--mapa-report-surface-soft);border:1px solid var(--mapa-report-line-soft);border-radius:9px;display:grid;gap:8px;grid-template-columns:minmax(0,1fr) auto;min-height:39px;padding:8px 9px}.mapa-report-scale-card--summary .mapa-report-scale-card__dimension-name{color:#3f5870;font-size:11px;line-height:1.25}.mapa-report-scale-card--detailed{padding:21px 20px 18px}.mapa-report-scale-card--detailed .mapa-report-scale-card__head{align-items:center;display:grid;gap:20px;grid-template-columns:minmax(220px,1fr) minmax(300px,390px)}.mapa-report-scale-card--detailed .mapa-report-scale-card__title{align-items:center;display:flex;gap:12px;min-width:0}.mapa-report-scale-card--detailed .mapa-report-scale-card__title h4{font-size:21px;font-weight:500;line-height:1.2;margin:0}.mapa-report-scale-card--detailed .mapa-report-scale-card__score{gap:11px}.mapa-report-scale-card--detailed .mapa-report-scale-card__score mapa-result-track{--mapa-result-track-height: 8px}.mapa-report-scale-card--detailed .mapa-report-scale-card__percent{font-size:21px;min-width:38px;text-align:right}.mapa-report-scale-card--detailed .mapa-report-scale-card__concept{background:var(--mapa-report-surface-soft);border-radius:var(--mapa-report-card-radius);color:var(--mapa-report-muted);font-size:13px;line-height:1.6;margin-top:16px;padding:13px 14px}.mapa-report-scale-card--detailed .mapa-report-scale-card__concept h5{align-items:center;color:#53646e;display:flex;font-size:10px;font-weight:800;gap:10px;letter-spacing:.06em;line-height:1.2;margin:0 0 8px;text-transform:uppercase}.mapa-report-scale-card--detailed .mapa-report-scale-card__concept h5:after{background:var(--mapa-report-border);content:\"\";flex:1;height:1px}.mapa-report-scale-card--detailed .mapa-report-scale-card__concept :last-child{margin-bottom:0}.mapa-report-scale-card--detailed .mapa-report-scale-card__dimension-list{display:grid;gap:8px;list-style:none;margin:14px 0 0;padding:0}.mapa-report-scale-card--detailed .mapa-report-scale-card__dimension-list li{align-items:center;background:var(--mapa-report-surface-soft);border:1px solid var(--mapa-report-line-soft);border-radius:9px;display:grid;gap:16px;grid-template-columns:minmax(180px,240px) var(--mapa-report-pill-width) minmax(0,1fr);min-height:54px;padding:10px 14px}.mapa-report-scale-card--detailed .mapa-report-scale-card__dimension-name{font-size:13px;gap:9px}.mapa-report-scale-card--detailed .mapa-report-scale-card__copy{color:var(--mapa-report-muted);font-size:12px;line-height:1.45}.mapa-report-scale-card--detailed .mapa-report-scale-card__copy ::ng-deep ol,.mapa-report-scale-card--detailed .mapa-report-scale-card__copy ::ng-deep p,.mapa-report-scale-card--detailed .mapa-report-scale-card__copy ::ng-deep ul{margin:0 0 8px}.mapa-report-scale-card--detailed .mapa-report-scale-card__copy ::ng-deep ol,.mapa-report-scale-card--detailed .mapa-report-scale-card__copy ::ng-deep ul{padding-left:20px}.mapa-report-scale-card--detailed .mapa-report-scale-card__copy ::ng-deep li{margin:0 0 3px}.mapa-report-scale-card--detailed .mapa-report-scale-card__copy ::ng-deep b,.mapa-report-scale-card--detailed .mapa-report-scale-card__copy ::ng-deep strong{color:var(--mapa-report-text, inherit);font-weight:600}.mapa-report-scale-card--detailed .mapa-report-scale-card__copy ::ng-deep :last-child{margin-bottom:0}.mapa-report-scale-card--detailed .mapa-report-scale-card__concept-copy ::ng-deep ol,.mapa-report-scale-card--detailed .mapa-report-scale-card__concept-copy ::ng-deep p,.mapa-report-scale-card--detailed .mapa-report-scale-card__concept-copy ::ng-deep ul{margin:0 0 8px}.mapa-report-scale-card--detailed .mapa-report-scale-card__concept-copy ::ng-deep ol,.mapa-report-scale-card--detailed .mapa-report-scale-card__concept-copy ::ng-deep ul{padding-left:20px}.mapa-report-scale-card--detailed .mapa-report-scale-card__concept-copy ::ng-deep li{margin:0 0 3px}.mapa-report-scale-card--detailed .mapa-report-scale-card__concept-copy ::ng-deep b,.mapa-report-scale-card--detailed .mapa-report-scale-card__concept-copy ::ng-deep strong{color:var(--mapa-report-text, inherit);font-weight:600}.mapa-report-scale-card--detailed .mapa-report-scale-card__concept-copy ::ng-deep :last-child{margin-bottom:0}.mapa-report-scale-card--detailed .mapa-report-scale-card__dimension-list mapa-classification-tag{justify-self:start}@media(max-width:1199px){.mapa-report-scale-group__grid{grid-template-columns:repeat(2,minmax(0,1fr))}.mapa-report-scale-card--detailed .mapa-report-scale-card__head{gap:13px;grid-template-columns:1fr}.mapa-report-scale-card--detailed .mapa-report-scale-card__dimension-list li{grid-template-columns:minmax(180px,1fr) var(--mapa-report-pill-width)}.mapa-report-scale-card--detailed .mapa-report-scale-card__copy{grid-column:1/-1;padding-left:28px}}@media(max-width:760px){.mapa-report-scale-group__head h3{font-size:16px}.mapa-report-scale-group__grid{grid-template-columns:1fr}.mapa-report-scale-card--detailed{padding:16px 14px 14px}.mapa-report-scale-card--detailed .mapa-report-scale-card__title h4,.mapa-report-scale-card--detailed .mapa-report-scale-card__percent{font-size:18px}.mapa-report-scale-card--detailed .mapa-report-scale-card__dimension-list li{gap:8px;grid-template-columns:1fr}.mapa-report-scale-card--detailed .mapa-report-scale-card__copy{grid-column:auto;padding-left:28px}}@media(max-width:560px){.mapa-report-scale-card--summary .mapa-report-scale-card__head{flex-wrap:wrap}.mapa-report-widget__modes{--mat-button-toggle-label-text-size: 11px;align-self:stretch;display:flex;justify-self:stretch}.mapa-report-widget__modes mat-button-toggle{flex:1 1 0;font:500 11px/1 var(--mapa-font-body, \"Asap\", sans-serif);min-width:0}.mapa-report-scale__mode-icon{display:none}}\n"], dependencies: [{ kind: "ngmodule", type: MatButtonToggleModule }, { kind: "directive", type: i1$6.MatButtonToggleGroup, selector: "mat-button-toggle-group", inputs: ["appearance", "name", "vertical", "value", "multiple", "disabled", "disabledInteractive", "hideSingleSelectionIndicator", "hideMultipleSelectionIndicator"], outputs: ["valueChange", "change"], exportAs: ["matButtonToggleGroup"] }, { kind: "component", type: i1$6.MatButtonToggle, selector: "mat-button-toggle", inputs: ["aria-label", "aria-labelledby", "id", "name", "value", "tabIndex", "disableRipple", "appearance", "checked", "disabled", "disabledInteractive"], outputs: ["change"], exportAs: ["matButtonToggle"] }, { kind: "component", type: MapaClassificationTagComponent, selector: "mapa-classification-tag", inputs: ["classification", "size", "appearance", "shape", "casing", "fallbackLabel"] }, { kind: "component", type: MapaReportLegendComponent, selector: "mapa-report-legend", inputs: ["title", "intro", "groupsTitle", "groups", "expanded", "appearance"] }, { kind: "component", type: MapaResultTrackComponent, selector: "mapa-result-track", inputs: ["name", "value", "color", "mode", "appearance", "direction", "showValue", "ariaLabel"] }, { kind: "pipe", type: SafeHtmlPipe, name: "safeHtml" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.21", ngImport: i0, type: MapaReportScaleWidgetComponent, decorators: [{
             type: Component,
@@ -8722,7 +8730,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.21", ngImpo
                         MapaReportLegendComponent,
                         MapaResultTrackComponent,
                         SafeHtmlPipe,
-                    ], changeDetection: ChangeDetectionStrategy.OnPush, template: "<section class=\"mapa-report-widget\" [attr.data-palette]=\"palette()\">\n  <header class=\"mapa-report-widget__header\">\n    <div class=\"mapa-report-widget__heading\">\n      <h2>{{ heading().title }}</h2>\n      @if (heading().description) {\n        <div\n          class=\"mapa-report-widget__description\"\n          [innerHTML]=\"heading().description | safeHtml\"\n        ></div>\n      }\n    </div>\n    <mat-button-toggle-group\n      class=\"mapa-report-widget__modes\"\n      hideSingleSelectionIndicator\n      [attr.aria-label]=\"i18n.texts.report.viewModeLabel\"\n      [value]=\"mode()\"\n      (change)=\"mode.set($event.value)\"\n    >\n      <mat-button-toggle value=\"summarized\">\n        <span class=\"mapa-report-scale__mode-icon\" aria-hidden=\"true\">\u25A5</span>\n        {{ i18n.texts.report.summarized }}\n      </mat-button-toggle>\n      <mat-button-toggle value=\"detailed\">\n        <span class=\"mapa-report-scale__mode-icon\" aria-hidden=\"true\">\u25A4</span>\n        {{ i18n.texts.report.detailed }}\n      </mat-button-toggle>\n    </mat-button-toggle-group>\n  </header>\n\n  @if (legendGroups().length || legendIntro()) {\n    <mapa-report-legend\n      appearance=\"psychosocial\"\n      [expanded]=\"legendExpanded()\"\n      [groups]=\"legendGroups()\"\n      [groupsTitle]=\"legendGroupsTitle()\"\n      [intro]=\"legendIntro()\"\n      [title]=\"legendTitle()\"\n    />\n  }\n\n  @if (!scales().length) {\n    <p class=\"mapa-report-widget__empty\">{{ i18n.texts.report.emptyState }}</p>\n  } @else if (mode() === \"summarized\") {\n    <div class=\"mapa-report-scales mapa-report-scales--summary\">\n      @for (group of groups(); track group.id) {\n        <section class=\"mapa-report-scale-group\">\n          @if (group.name) {\n            <div class=\"mapa-report-scale-group__head\">\n              <h3>{{ group.name }}</h3>\n            </div>\n          }\n          <div class=\"mapa-report-scale-group__grid\">\n            @for (scale of group.scales; track scale.id) {\n              <article\n                class=\"mapa-report-scale-card mapa-report-scale-card--summary\"\n              >\n                <header class=\"mapa-report-scale-card__head\">\n                  <h4>{{ scale.name }}</h4>\n                  <mapa-classification-tag\n                    appearance=\"solid\"\n                    [classification]=\"scale.classification\"\n                  />\n                </header>\n                @if (scale.value !== undefined) {\n                  <div class=\"mapa-report-scale-card__score\">\n                    <mapa-result-track\n                      [color]=\"color(scale)\"\n                      [direction]=\"direction(scale)\"\n                      [name]=\"scale.name\"\n                      [showValue]=\"false\"\n                      [value]=\"scale.value\"\n                    />\n                    <span class=\"mapa-report-scale-card__percent\"\n                      >{{ value(scale) }}%</span\n                    >\n                  </div>\n                }\n                @if (scale.dimensions?.length) {\n                  <ul class=\"mapa-report-scale-card__dimensions\">\n                    @for (dimension of scale.dimensions; track dimension.id) {\n                      <li>\n                        <span class=\"mapa-report-scale-card__dimension-name\">\n                          <span\n                            class=\"mapa-direction-indicator\"\n                            [attr.aria-label]=\"directionLabel(dimension, scale)\"\n                            >{{ directionArrow(dimension, scale) }}</span\n                          >\n                          <span>{{ dimension.name }}</span>\n                        </span>\n                        <mapa-classification-tag\n                          appearance=\"solid\"\n                          [classification]=\"dimension.classification\"\n                        />\n                      </li>\n                    }\n                  </ul>\n                }\n              </article>\n            }\n          </div>\n        </section>\n      }\n    </div>\n  } @else {\n    <div class=\"mapa-report-scales mapa-report-scales--detailed\">\n      @for (group of groups(); track group.id) {\n        <section class=\"mapa-report-scale-group\">\n          @if (group.name) {\n            <div class=\"mapa-report-scale-group__head\">\n              <h3>{{ group.name }}</h3>\n            </div>\n          }\n          <div class=\"mapa-report-scale-group__rows\">\n            @for (scale of group.scales; track scale.id) {\n              <article\n                class=\"mapa-report-scale-card mapa-report-scale-card--detailed\"\n              >\n                <header class=\"mapa-report-scale-card__head\">\n                  <div class=\"mapa-report-scale-card__title\">\n                    <h4>{{ scale.name }}</h4>\n                    <mapa-classification-tag\n                      appearance=\"solid\"\n                      [classification]=\"scale.classification\"\n                    />\n                  </div>\n                  @if (scale.value !== undefined) {\n                    <div class=\"mapa-report-scale-card__score\">\n                      <mapa-result-track\n                        [color]=\"color(scale)\"\n                        [direction]=\"direction(scale)\"\n                        [name]=\"scale.name\"\n                        [showValue]=\"false\"\n                        [value]=\"scale.value\"\n                      />\n                      <span class=\"mapa-report-scale-card__percent\"\n                        >{{ value(scale) }}%</span\n                      >\n                    </div>\n                  }\n                </header>\n                @if (scale.concept) {\n                  <section class=\"mapa-report-scale-card__concept\">\n                    <h5>{{ i18n.texts.report.conceptTitle }}:</h5>\n                    <div\n                      class=\"mapa-report-scale-card__concept-copy\"\n                      [innerHTML]=\"scale.concept | safeHtml\"\n                    ></div>\n                  </section>\n                }\n                @if (scale.dimensions?.length) {\n                  <ul class=\"mapa-report-scale-card__dimension-list\">\n                    @for (dimension of scale.dimensions; track dimension.id) {\n                      <li>\n                        <span class=\"mapa-report-scale-card__dimension-name\">\n                          <span\n                            class=\"mapa-direction-indicator\"\n                            [attr.aria-label]=\"directionLabel(dimension, scale)\"\n                            >{{ directionArrow(dimension, scale) }}</span\n                          >\n                          <span>{{ dimension.name }}</span>\n                        </span>\n                        <mapa-classification-tag\n                          appearance=\"solid\"\n                          [classification]=\"dimension.classification\"\n                        />\n                        @if (dimension.description) {\n                          <div\n                            class=\"mapa-report-scale-card__copy\"\n                            [innerHTML]=\"dimension.description | safeHtml\"\n                          ></div>\n                        }\n                      </li>\n                    }\n                  </ul>\n                }\n              </article>\n            }\n          </div>\n        </section>\n      }\n    </div>\n  }\n</section>\n", styles: [":host{--mapa-report-accent: #ff560b;--mapa-report-accent-soft: #fff0e9;--mapa-report-surface: #fff;--mapa-report-surface-muted: #eef2f3;--mapa-report-border: #e1e5e7;--mapa-report-text: #263238;--mapa-report-muted: #68747a;--mapa-report-pill-width: 104px;--mapa-report-radius: 8px;--mapa-report-space: 20px;color:var(--mapa-report-text);display:block;font-family:var(--mapa-font-body, \"Asap\", \"Roboto\", sans-serif)}.mapa-report-widget{display:grid;gap:var(--mapa-report-space)}.mapa-report-widget__header{align-items:flex-start;column-gap:16px;display:grid;grid-template-columns:minmax(0,1fr) auto}.mapa-report-widget__heading{display:contents}.mapa-report-widget__heading h2{color:var(--mapa-report-accent);font-size:20px;font-weight:650;grid-column:1;grid-row:1;line-height:1.25;margin:0}.mapa-report-widget__description{color:var(--mapa-report-muted);font-size:13px;grid-column:1/-1;grid-row:2;line-height:1.5;margin:5px 0 0}.mapa-report-widget__description ::ng-deep ol,.mapa-report-widget__description ::ng-deep p,.mapa-report-widget__description ::ng-deep ul{margin:0 0 8px}.mapa-report-widget__description ::ng-deep ol,.mapa-report-widget__description ::ng-deep ul{padding-left:20px}.mapa-report-widget__description ::ng-deep li{margin:0 0 3px}.mapa-report-widget__description ::ng-deep b,.mapa-report-widget__description ::ng-deep strong{color:var(--mapa-report-text, inherit);font-weight:600}.mapa-report-widget__description ::ng-deep :last-child{margin-bottom:0}.mapa-report-widget__modes{--mat-button-toggle-background-color: var(--mapa-report-surface);--mat-button-toggle-divider-color: #cbd5da;--mat-button-toggle-height: 32px;--mat-button-toggle-label-text-font: var( --mapa-font-body, \"Asap\", sans-serif );--mat-button-toggle-label-text-size: 13px;--mat-button-toggle-label-text-weight: 500;--mat-button-toggle-selected-state-background-color: #59636a;--mat-button-toggle-selected-state-text-color: #fffaf7;--mat-button-toggle-shape: 4px;--mat-button-toggle-text-color: #344b5e;border:1px solid #cbd5da;border-radius:4px;grid-column:2;grid-row:1;overflow:hidden}.mapa-report-widget__modes mat-button-toggle{font:500 13px/1 var(--mapa-font-body, \"Asap\", sans-serif)}.mapa-report-widget__modes mat-icon{font-size:14px;height:14px;margin-right:5px;width:14px}.mapa-report-widget__empty{color:var(--mapa-report-muted);margin:0;padding:24px 0;text-align:center}@media(max-width:760px){.mapa-report-widget__header{align-items:stretch;grid-template-columns:minmax(0,1fr)}.mapa-report-widget__modes{grid-column:1;grid-row:3;justify-self:start;margin-top:12px}}.mapa-direction-indicator{background:var(--mapa-report-surface, var(--mapa-color-surface, #fafbfc));border:1px solid currentColor;border-radius:50%;box-sizing:border-box;color:var(--mapa-report-muted, var(--mapa-color-text-subtle, #68747a));display:inline-grid;flex:0 0 20px;font-size:11px;font-weight:700;height:20px;line-height:1;place-items:center;width:20px}:host{--mapa-report-line-soft: #edf1f3;--mapa-report-surface-soft: #fafbfc;--mapa-report-card-radius: 10px}.mapa-report-scale__mode-icon{font-size:12px;margin-right:5px}.mapa-report-scales{display:grid;gap:26px}.mapa-report-scale-group{min-width:0}.mapa-report-scale-group__head{align-items:center;border-bottom:1px solid var(--mapa-report-border);display:flex;gap:11px;margin:0 0 14px;padding:2px 2px 12px}.mapa-report-scale-group__head:before{background:var(--mapa-report-accent);border-radius:4px;content:\"\";flex:0 0 4px;height:24px;width:4px}.mapa-report-scale-group__head h3{font-size:18px;font-weight:600;letter-spacing:-.2px;line-height:1.25;margin:0}.mapa-report-scale-group__grid{align-items:start;display:grid;gap:14px;grid-template-columns:repeat(3,minmax(0,1fr))}.mapa-report-scale-group__rows{display:grid;gap:14px}.mapa-report-scale-card{background:var(--mapa-report-surface);border:1px solid var(--mapa-report-border);border-radius:var(--mapa-report-card-radius);min-width:0}.mapa-report-scale-card mapa-classification-tag{--mapa-classification-tag-min-width: var(--mapa-report-pill-width);flex:0 0 auto;max-width:var(--mapa-report-pill-width)}.mapa-report-scale-card__score{align-items:center;display:flex;gap:9px}.mapa-report-scale-card__score mapa-result-track{flex:1;min-width:0}.mapa-report-scale-card__percent{color:#1f3850;font-size:15px;line-height:1.1}.mapa-report-scale-card__dimension-name{align-items:center;display:flex;gap:7px;min-width:0}.mapa-report-scale-card__dimension-name span:last-child{overflow-wrap:anywhere}.mapa-report-scale-card--summary{padding:16px 14px 13px}.mapa-report-scale-card--summary .mapa-report-scale-card__head{align-items:flex-start;display:flex;gap:10px;justify-content:space-between;min-height:39px}.mapa-report-scale-card--summary .mapa-report-scale-card__head h4{color:#234b68;font-size:16px;font-weight:500;line-height:1.2;margin:0}.mapa-report-scale-card--summary .mapa-report-scale-card__score{margin:15px 0 13px}.mapa-report-scale-card--summary .mapa-report-scale-card__score mapa-result-track{--mapa-result-track-height: 7px}.mapa-report-scale-card--summary .mapa-report-scale-card__dimensions{border-top:1px solid var(--mapa-report-line-soft);display:grid;gap:7px;list-style:none;margin:0;padding:12px 0 0}.mapa-report-scale-card--summary .mapa-report-scale-card__dimensions li{align-items:center;background:var(--mapa-report-surface-soft);border:1px solid var(--mapa-report-line-soft);border-radius:9px;display:grid;gap:8px;grid-template-columns:minmax(0,1fr) auto;min-height:39px;padding:8px 9px}.mapa-report-scale-card--summary .mapa-report-scale-card__dimension-name{color:#3f5870;font-size:11px;line-height:1.25}.mapa-report-scale-card--detailed{padding:21px 20px 18px}.mapa-report-scale-card--detailed .mapa-report-scale-card__head{align-items:center;display:grid;gap:20px;grid-template-columns:minmax(220px,1fr) minmax(300px,390px)}.mapa-report-scale-card--detailed .mapa-report-scale-card__title{align-items:center;display:flex;gap:12px;min-width:0}.mapa-report-scale-card--detailed .mapa-report-scale-card__title h4{font-size:21px;font-weight:500;line-height:1.2;margin:0}.mapa-report-scale-card--detailed .mapa-report-scale-card__score{gap:11px}.mapa-report-scale-card--detailed .mapa-report-scale-card__score mapa-result-track{--mapa-result-track-height: 8px}.mapa-report-scale-card--detailed .mapa-report-scale-card__percent{font-size:21px;min-width:38px;text-align:right}.mapa-report-scale-card--detailed .mapa-report-scale-card__concept{background:var(--mapa-report-surface-soft);border-radius:var(--mapa-report-card-radius);color:var(--mapa-report-muted);font-size:13px;line-height:1.6;margin-top:16px;padding:13px 14px}.mapa-report-scale-card--detailed .mapa-report-scale-card__concept h5{align-items:center;color:#53646e;display:flex;font-size:10px;font-weight:800;gap:10px;letter-spacing:.06em;line-height:1.2;margin:0 0 8px;text-transform:uppercase}.mapa-report-scale-card--detailed .mapa-report-scale-card__concept h5:after{background:var(--mapa-report-border);content:\"\";flex:1;height:1px}.mapa-report-scale-card--detailed .mapa-report-scale-card__concept :last-child{margin-bottom:0}.mapa-report-scale-card--detailed .mapa-report-scale-card__dimension-list{display:grid;gap:8px;list-style:none;margin:14px 0 0;padding:0}.mapa-report-scale-card--detailed .mapa-report-scale-card__dimension-list li{align-items:center;background:var(--mapa-report-surface-soft);border:1px solid var(--mapa-report-line-soft);border-radius:9px;display:grid;gap:16px;grid-template-columns:minmax(180px,240px) var(--mapa-report-pill-width) minmax(0,1fr);min-height:54px;padding:10px 14px}.mapa-report-scale-card--detailed .mapa-report-scale-card__dimension-name{font-size:13px;gap:9px}.mapa-report-scale-card--detailed .mapa-report-scale-card__copy{color:var(--mapa-report-muted);font-size:12px;line-height:1.45}.mapa-report-scale-card--detailed .mapa-report-scale-card__copy ::ng-deep ol,.mapa-report-scale-card--detailed .mapa-report-scale-card__copy ::ng-deep p,.mapa-report-scale-card--detailed .mapa-report-scale-card__copy ::ng-deep ul{margin:0 0 8px}.mapa-report-scale-card--detailed .mapa-report-scale-card__copy ::ng-deep ol,.mapa-report-scale-card--detailed .mapa-report-scale-card__copy ::ng-deep ul{padding-left:20px}.mapa-report-scale-card--detailed .mapa-report-scale-card__copy ::ng-deep li{margin:0 0 3px}.mapa-report-scale-card--detailed .mapa-report-scale-card__copy ::ng-deep b,.mapa-report-scale-card--detailed .mapa-report-scale-card__copy ::ng-deep strong{color:var(--mapa-report-text, inherit);font-weight:600}.mapa-report-scale-card--detailed .mapa-report-scale-card__copy ::ng-deep :last-child{margin-bottom:0}.mapa-report-scale-card--detailed .mapa-report-scale-card__concept-copy ::ng-deep ol,.mapa-report-scale-card--detailed .mapa-report-scale-card__concept-copy ::ng-deep p,.mapa-report-scale-card--detailed .mapa-report-scale-card__concept-copy ::ng-deep ul{margin:0 0 8px}.mapa-report-scale-card--detailed .mapa-report-scale-card__concept-copy ::ng-deep ol,.mapa-report-scale-card--detailed .mapa-report-scale-card__concept-copy ::ng-deep ul{padding-left:20px}.mapa-report-scale-card--detailed .mapa-report-scale-card__concept-copy ::ng-deep li{margin:0 0 3px}.mapa-report-scale-card--detailed .mapa-report-scale-card__concept-copy ::ng-deep b,.mapa-report-scale-card--detailed .mapa-report-scale-card__concept-copy ::ng-deep strong{color:var(--mapa-report-text, inherit);font-weight:600}.mapa-report-scale-card--detailed .mapa-report-scale-card__concept-copy ::ng-deep :last-child{margin-bottom:0}.mapa-report-scale-card--detailed .mapa-report-scale-card__dimension-list mapa-classification-tag{justify-self:start}@media(max-width:1199px){.mapa-report-scale-group__grid{grid-template-columns:repeat(2,minmax(0,1fr))}.mapa-report-scale-card--detailed .mapa-report-scale-card__head{gap:13px;grid-template-columns:1fr}.mapa-report-scale-card--detailed .mapa-report-scale-card__dimension-list li{grid-template-columns:minmax(180px,1fr) var(--mapa-report-pill-width)}.mapa-report-scale-card--detailed .mapa-report-scale-card__copy{grid-column:1/-1;padding-left:28px}}@media(max-width:760px){.mapa-report-scale-group__head h3{font-size:16px}.mapa-report-scale-group__grid{grid-template-columns:1fr}.mapa-report-scale-card--detailed{padding:16px 14px 14px}.mapa-report-scale-card--detailed .mapa-report-scale-card__title h4,.mapa-report-scale-card--detailed .mapa-report-scale-card__percent{font-size:18px}.mapa-report-scale-card--detailed .mapa-report-scale-card__dimension-list li{gap:8px;grid-template-columns:1fr}.mapa-report-scale-card--detailed .mapa-report-scale-card__copy{grid-column:auto;padding-left:28px}}@media(max-width:560px){.mapa-report-scale-card--summary .mapa-report-scale-card__head{flex-wrap:wrap}.mapa-report-widget__modes{--mat-button-toggle-label-text-size: 11px;align-self:stretch;display:flex;justify-self:stretch}.mapa-report-widget__modes mat-button-toggle{flex:1 1 0;font:500 11px/1 var(--mapa-font-body, \"Asap\", sans-serif);min-width:0}.mapa-report-scale__mode-icon{display:none}}\n"] }]
+                    ], changeDetection: ChangeDetectionStrategy.OnPush, template: "<section class=\"mapa-report-widget\" [attr.data-palette]=\"palette()\">\n  <header class=\"mapa-report-widget__header\">\n    <div class=\"mapa-report-widget__heading\">\n      <h2>{{ heading().title }}</h2>\n      @if (heading().description) {\n        <div\n          class=\"mapa-report-widget__description\"\n          [innerHTML]=\"heading().description | safeHtml\"\n        ></div>\n      }\n    </div>\n    <mat-button-toggle-group\n      class=\"mapa-report-widget__modes\"\n      hideSingleSelectionIndicator\n      [attr.aria-label]=\"i18n.texts.report.viewModeLabel\"\n      [value]=\"mode()\"\n      (change)=\"mode.set($event.value)\"\n    >\n      <mat-button-toggle value=\"summarized\">\n        <span class=\"mapa-report-scale__mode-icon\" aria-hidden=\"true\">\u25A5</span>\n        {{ i18n.texts.report.summarized }}\n      </mat-button-toggle>\n      <mat-button-toggle value=\"detailed\">\n        <span class=\"mapa-report-scale__mode-icon\" aria-hidden=\"true\">\u25A4</span>\n        {{ i18n.texts.report.detailed }}\n      </mat-button-toggle>\n    </mat-button-toggle-group>\n  </header>\n\n  @if (legendGroups().length || legendIntro()) {\n    <mapa-report-legend\n      appearance=\"psychosocial\"\n      [expanded]=\"legendExpanded()\"\n      [groups]=\"legendGroups()\"\n      [groupsTitle]=\"legendGroupsTitle()\"\n      [intro]=\"legendIntro()\"\n      [title]=\"legendTitle()\"\n    />\n  }\n\n  @if (!scales().length) {\n    <p class=\"mapa-report-widget__empty\">{{ i18n.texts.report.emptyState }}</p>\n  } @else if (mode() === \"summarized\") {\n    <div class=\"mapa-report-scales mapa-report-scales--summary\">\n      @for (group of groups(); track group.id) {\n        <section class=\"mapa-report-scale-group\">\n          @if (group.name) {\n            <div class=\"mapa-report-scale-group__head\">\n              <h3>{{ group.name }}</h3>\n            </div>\n          }\n          <div class=\"mapa-report-scale-group__grid\">\n            @for (scale of group.scales; track scale.id) {\n              <article\n                class=\"mapa-report-scale-card mapa-report-scale-card--summary\"\n              >\n                <header class=\"mapa-report-scale-card__head\">\n                  <h4>{{ scale.name }}</h4>\n                  <!-- Instrumentos que so pontuam no nivel da dimensao\n                       (Personalidade, Socioemocional) nao classificam a escala:\n                       omitimos a tag em vez de cair no rotulo \"sem\n                       classificacao\". Mesma regra do valor, logo abaixo. -->\n                  @if (scale.classification) {\n                    <mapa-classification-tag\n                      appearance=\"solid\"\n                      [classification]=\"scale.classification\"\n                    />\n                  }\n                </header>\n                @if (scale.value !== undefined) {\n                  <div class=\"mapa-report-scale-card__score\">\n                    <mapa-result-track\n                      [color]=\"color(scale)\"\n                      [direction]=\"direction(scale)\"\n                      [name]=\"scale.name\"\n                      [showValue]=\"false\"\n                      [value]=\"scale.value\"\n                    />\n                    <span class=\"mapa-report-scale-card__percent\"\n                      >{{ value(scale) }}%</span\n                    >\n                  </div>\n                }\n                @if (scale.dimensions?.length) {\n                  <ul class=\"mapa-report-scale-card__dimensions\">\n                    @for (dimension of scale.dimensions; track dimension.id) {\n                      <li>\n                        <span class=\"mapa-report-scale-card__dimension-name\">\n                          <span\n                            class=\"mapa-direction-indicator\"\n                            [attr.aria-label]=\"directionLabel(dimension, scale)\"\n                            >{{ directionArrow(dimension, scale) }}</span\n                          >\n                          <span>{{ dimension.name }}</span>\n                        </span>\n                        <mapa-classification-tag\n                          appearance=\"solid\"\n                          [classification]=\"dimension.classification\"\n                        />\n                      </li>\n                    }\n                  </ul>\n                }\n              </article>\n            }\n          </div>\n        </section>\n      }\n    </div>\n  } @else {\n    <div class=\"mapa-report-scales mapa-report-scales--detailed\">\n      @for (group of groups(); track group.id) {\n        <section class=\"mapa-report-scale-group\">\n          @if (group.name) {\n            <div class=\"mapa-report-scale-group__head\">\n              <h3>{{ group.name }}</h3>\n            </div>\n          }\n          <div class=\"mapa-report-scale-group__rows\">\n            @for (scale of group.scales; track scale.id) {\n              <article\n                class=\"mapa-report-scale-card mapa-report-scale-card--detailed\"\n              >\n                <header class=\"mapa-report-scale-card__head\">\n                  <div class=\"mapa-report-scale-card__title\">\n                    <h4>{{ scale.name }}</h4>\n                    @if (scale.classification) {\n                      <mapa-classification-tag\n                        appearance=\"solid\"\n                        [classification]=\"scale.classification\"\n                      />\n                    }\n                  </div>\n                  @if (scale.value !== undefined) {\n                    <div class=\"mapa-report-scale-card__score\">\n                      <mapa-result-track\n                        [color]=\"color(scale)\"\n                        [direction]=\"direction(scale)\"\n                        [name]=\"scale.name\"\n                        [showValue]=\"false\"\n                        [value]=\"scale.value\"\n                      />\n                      <span class=\"mapa-report-scale-card__percent\"\n                        >{{ value(scale) }}%</span\n                      >\n                    </div>\n                  }\n                </header>\n                @if (scale.concept) {\n                  <section class=\"mapa-report-scale-card__concept\">\n                    <h5>{{ i18n.texts.report.conceptTitle }}:</h5>\n                    <div\n                      class=\"mapa-report-scale-card__concept-copy\"\n                      [innerHTML]=\"scale.concept | safeHtml\"\n                    ></div>\n                  </section>\n                }\n                @if (scale.dimensions?.length) {\n                  <ul class=\"mapa-report-scale-card__dimension-list\">\n                    @for (dimension of scale.dimensions; track dimension.id) {\n                      <li>\n                        <span class=\"mapa-report-scale-card__dimension-name\">\n                          <span\n                            class=\"mapa-direction-indicator\"\n                            [attr.aria-label]=\"directionLabel(dimension, scale)\"\n                            >{{ directionArrow(dimension, scale) }}</span\n                          >\n                          <span>{{ dimension.name }}</span>\n                        </span>\n                        <mapa-classification-tag\n                          appearance=\"solid\"\n                          [classification]=\"dimension.classification\"\n                        />\n                        @if (dimension.description) {\n                          <div\n                            class=\"mapa-report-scale-card__copy\"\n                            [innerHTML]=\"dimension.description | safeHtml\"\n                          ></div>\n                        }\n                      </li>\n                    }\n                  </ul>\n                }\n              </article>\n            }\n          </div>\n        </section>\n      }\n    </div>\n  }\n</section>\n", styles: [":host{--mapa-report-accent: #ff560b;--mapa-report-accent-soft: #fff0e9;--mapa-report-surface: #fff;--mapa-report-surface-muted: #eef2f3;--mapa-report-border: #e1e5e7;--mapa-report-text: #263238;--mapa-report-muted: #68747a;--mapa-report-pill-width: 104px;--mapa-report-radius: 8px;--mapa-report-space: 20px;color:var(--mapa-report-text);display:block;font-family:var(--mapa-font-body, \"Asap\", \"Roboto\", sans-serif)}.mapa-report-widget{display:grid;gap:var(--mapa-report-space)}.mapa-report-widget__header{align-items:flex-start;column-gap:16px;display:grid;grid-template-columns:minmax(0,1fr) auto}.mapa-report-widget__heading{display:contents}.mapa-report-widget__heading h2{color:var(--mapa-report-accent);font-size:20px;font-weight:650;grid-column:1;grid-row:1;line-height:1.25;margin:0}.mapa-report-widget__description{color:var(--mapa-report-muted);font-size:13px;grid-column:1/-1;grid-row:2;line-height:1.5;margin:5px 0 0}.mapa-report-widget__description ::ng-deep ol,.mapa-report-widget__description ::ng-deep p,.mapa-report-widget__description ::ng-deep ul{margin:0 0 8px}.mapa-report-widget__description ::ng-deep ol,.mapa-report-widget__description ::ng-deep ul{padding-left:20px}.mapa-report-widget__description ::ng-deep li{margin:0 0 3px}.mapa-report-widget__description ::ng-deep b,.mapa-report-widget__description ::ng-deep strong{color:var(--mapa-report-text, inherit);font-weight:600}.mapa-report-widget__description ::ng-deep :last-child{margin-bottom:0}.mapa-report-widget__modes{--mat-button-toggle-background-color: var(--mapa-report-surface);--mat-button-toggle-divider-color: #cbd5da;--mat-button-toggle-height: 32px;--mat-button-toggle-label-text-font: var( --mapa-font-body, \"Asap\", sans-serif );--mat-button-toggle-label-text-size: 13px;--mat-button-toggle-label-text-weight: 500;--mat-button-toggle-selected-state-background-color: #59636a;--mat-button-toggle-selected-state-text-color: #fffaf7;--mat-button-toggle-shape: 4px;--mat-button-toggle-text-color: #344b5e;border:1px solid #cbd5da;border-radius:4px;grid-column:2;grid-row:1;overflow:hidden}.mapa-report-widget__modes mat-button-toggle{font:500 13px/1 var(--mapa-font-body, \"Asap\", sans-serif)}.mapa-report-widget__modes mat-icon{font-size:14px;height:14px;margin-right:5px;width:14px}.mapa-report-widget__empty{color:var(--mapa-report-muted);margin:0;padding:24px 0;text-align:center}@media(max-width:760px){.mapa-report-widget__header{align-items:stretch;grid-template-columns:minmax(0,1fr)}.mapa-report-widget__modes{grid-column:1;grid-row:3;justify-self:start;margin-top:12px}}.mapa-direction-indicator{background:var(--mapa-report-surface, var(--mapa-color-surface, #fafbfc));border:1px solid currentColor;border-radius:50%;box-sizing:border-box;color:var(--mapa-report-muted, var(--mapa-color-text-subtle, #68747a));display:inline-grid;flex:0 0 20px;font-size:11px;font-weight:700;height:20px;line-height:1;place-items:center;width:20px}:host{--mapa-report-line-soft: #edf1f3;--mapa-report-surface-soft: #fafbfc;--mapa-report-card-radius: 10px}.mapa-report-scale__mode-icon{font-size:12px;margin-right:5px}.mapa-report-scales{display:grid;gap:26px}.mapa-report-scale-group{min-width:0}.mapa-report-scale-group__head{align-items:center;border-bottom:1px solid var(--mapa-report-border);display:flex;gap:11px;margin:0 0 14px;padding:2px 2px 12px}.mapa-report-scale-group__head:before{background:var(--mapa-report-accent);border-radius:4px;content:\"\";flex:0 0 4px;height:24px;width:4px}.mapa-report-scale-group__head h3{font-size:18px;font-weight:600;letter-spacing:-.2px;line-height:1.25;margin:0}.mapa-report-scale-group__grid{align-items:start;display:grid;gap:14px;grid-template-columns:repeat(3,minmax(0,1fr))}.mapa-report-scale-group__rows{display:grid;gap:14px}.mapa-report-scale-card{background:var(--mapa-report-surface);border:1px solid var(--mapa-report-border);border-radius:var(--mapa-report-card-radius);min-width:0}.mapa-report-scale-card mapa-classification-tag{--mapa-classification-tag-min-width: var(--mapa-report-pill-width);flex:0 0 auto;max-width:var(--mapa-report-pill-width)}.mapa-report-scale-card__score{align-items:center;display:flex;gap:9px}.mapa-report-scale-card__score mapa-result-track{flex:1;min-width:0}.mapa-report-scale-card__percent{color:#1f3850;font-size:15px;line-height:1.1}.mapa-report-scale-card__dimension-name{align-items:center;display:flex;gap:7px;min-width:0}.mapa-report-scale-card__dimension-name span:last-child{overflow-wrap:anywhere}.mapa-report-scale-card--summary{padding:16px 14px 13px}.mapa-report-scale-card--summary .mapa-report-scale-card__head{align-items:flex-start;display:flex;gap:10px;justify-content:space-between;min-height:39px}.mapa-report-scale-card--summary .mapa-report-scale-card__head h4{color:#234b68;font-size:16px;font-weight:500;line-height:1.2;margin:0}.mapa-report-scale-card--summary .mapa-report-scale-card__score{margin:15px 0 13px}.mapa-report-scale-card--summary .mapa-report-scale-card__score mapa-result-track{--mapa-result-track-height: 7px}.mapa-report-scale-card--summary .mapa-report-scale-card__dimensions{border-top:1px solid var(--mapa-report-line-soft);display:grid;gap:7px;list-style:none;margin:0;padding:12px 0 0}.mapa-report-scale-card--summary .mapa-report-scale-card__dimensions li{align-items:center;background:var(--mapa-report-surface-soft);border:1px solid var(--mapa-report-line-soft);border-radius:9px;display:grid;gap:8px;grid-template-columns:minmax(0,1fr) auto;min-height:39px;padding:8px 9px}.mapa-report-scale-card--summary .mapa-report-scale-card__dimension-name{color:#3f5870;font-size:11px;line-height:1.25}.mapa-report-scale-card--detailed{padding:21px 20px 18px}.mapa-report-scale-card--detailed .mapa-report-scale-card__head{align-items:center;display:grid;gap:20px;grid-template-columns:minmax(220px,1fr) minmax(300px,390px)}.mapa-report-scale-card--detailed .mapa-report-scale-card__title{align-items:center;display:flex;gap:12px;min-width:0}.mapa-report-scale-card--detailed .mapa-report-scale-card__title h4{font-size:21px;font-weight:500;line-height:1.2;margin:0}.mapa-report-scale-card--detailed .mapa-report-scale-card__score{gap:11px}.mapa-report-scale-card--detailed .mapa-report-scale-card__score mapa-result-track{--mapa-result-track-height: 8px}.mapa-report-scale-card--detailed .mapa-report-scale-card__percent{font-size:21px;min-width:38px;text-align:right}.mapa-report-scale-card--detailed .mapa-report-scale-card__concept{background:var(--mapa-report-surface-soft);border-radius:var(--mapa-report-card-radius);color:var(--mapa-report-muted);font-size:13px;line-height:1.6;margin-top:16px;padding:13px 14px}.mapa-report-scale-card--detailed .mapa-report-scale-card__concept h5{align-items:center;color:#53646e;display:flex;font-size:10px;font-weight:800;gap:10px;letter-spacing:.06em;line-height:1.2;margin:0 0 8px;text-transform:uppercase}.mapa-report-scale-card--detailed .mapa-report-scale-card__concept h5:after{background:var(--mapa-report-border);content:\"\";flex:1;height:1px}.mapa-report-scale-card--detailed .mapa-report-scale-card__concept :last-child{margin-bottom:0}.mapa-report-scale-card--detailed .mapa-report-scale-card__dimension-list{display:grid;gap:8px;list-style:none;margin:14px 0 0;padding:0}.mapa-report-scale-card--detailed .mapa-report-scale-card__dimension-list li{align-items:center;background:var(--mapa-report-surface-soft);border:1px solid var(--mapa-report-line-soft);border-radius:9px;display:grid;gap:16px;grid-template-columns:minmax(180px,240px) var(--mapa-report-pill-width) minmax(0,1fr);min-height:54px;padding:10px 14px}.mapa-report-scale-card--detailed .mapa-report-scale-card__dimension-name{font-size:13px;gap:9px}.mapa-report-scale-card--detailed .mapa-report-scale-card__copy{color:var(--mapa-report-muted);font-size:12px;line-height:1.45}.mapa-report-scale-card--detailed .mapa-report-scale-card__copy ::ng-deep ol,.mapa-report-scale-card--detailed .mapa-report-scale-card__copy ::ng-deep p,.mapa-report-scale-card--detailed .mapa-report-scale-card__copy ::ng-deep ul{margin:0 0 8px}.mapa-report-scale-card--detailed .mapa-report-scale-card__copy ::ng-deep ol,.mapa-report-scale-card--detailed .mapa-report-scale-card__copy ::ng-deep ul{padding-left:20px}.mapa-report-scale-card--detailed .mapa-report-scale-card__copy ::ng-deep li{margin:0 0 3px}.mapa-report-scale-card--detailed .mapa-report-scale-card__copy ::ng-deep b,.mapa-report-scale-card--detailed .mapa-report-scale-card__copy ::ng-deep strong{color:var(--mapa-report-text, inherit);font-weight:600}.mapa-report-scale-card--detailed .mapa-report-scale-card__copy ::ng-deep :last-child{margin-bottom:0}.mapa-report-scale-card--detailed .mapa-report-scale-card__concept-copy ::ng-deep ol,.mapa-report-scale-card--detailed .mapa-report-scale-card__concept-copy ::ng-deep p,.mapa-report-scale-card--detailed .mapa-report-scale-card__concept-copy ::ng-deep ul{margin:0 0 8px}.mapa-report-scale-card--detailed .mapa-report-scale-card__concept-copy ::ng-deep ol,.mapa-report-scale-card--detailed .mapa-report-scale-card__concept-copy ::ng-deep ul{padding-left:20px}.mapa-report-scale-card--detailed .mapa-report-scale-card__concept-copy ::ng-deep li{margin:0 0 3px}.mapa-report-scale-card--detailed .mapa-report-scale-card__concept-copy ::ng-deep b,.mapa-report-scale-card--detailed .mapa-report-scale-card__concept-copy ::ng-deep strong{color:var(--mapa-report-text, inherit);font-weight:600}.mapa-report-scale-card--detailed .mapa-report-scale-card__concept-copy ::ng-deep :last-child{margin-bottom:0}.mapa-report-scale-card--detailed .mapa-report-scale-card__dimension-list mapa-classification-tag{justify-self:start}@media(max-width:1199px){.mapa-report-scale-group__grid{grid-template-columns:repeat(2,minmax(0,1fr))}.mapa-report-scale-card--detailed .mapa-report-scale-card__head{gap:13px;grid-template-columns:1fr}.mapa-report-scale-card--detailed .mapa-report-scale-card__dimension-list li{grid-template-columns:minmax(180px,1fr) var(--mapa-report-pill-width)}.mapa-report-scale-card--detailed .mapa-report-scale-card__copy{grid-column:1/-1;padding-left:28px}}@media(max-width:760px){.mapa-report-scale-group__head h3{font-size:16px}.mapa-report-scale-group__grid{grid-template-columns:1fr}.mapa-report-scale-card--detailed{padding:16px 14px 14px}.mapa-report-scale-card--detailed .mapa-report-scale-card__title h4,.mapa-report-scale-card--detailed .mapa-report-scale-card__percent{font-size:18px}.mapa-report-scale-card--detailed .mapa-report-scale-card__dimension-list li{gap:8px;grid-template-columns:1fr}.mapa-report-scale-card--detailed .mapa-report-scale-card__copy{grid-column:auto;padding-left:28px}}@media(max-width:560px){.mapa-report-scale-card--summary .mapa-report-scale-card__head{flex-wrap:wrap}.mapa-report-widget__modes{--mat-button-toggle-label-text-size: 11px;align-self:stretch;display:flex;justify-self:stretch}.mapa-report-widget__modes mat-button-toggle{flex:1 1 0;font:500 11px/1 var(--mapa-font-body, \"Asap\", sans-serif);min-width:0}.mapa-report-scale__mode-icon{display:none}}\n"] }]
         }], propDecorators: { heading: [{ type: i0.Input, args: [{ isSignal: true, alias: "heading", required: true }] }], groups: [{ type: i0.Input, args: [{ isSignal: true, alias: "groups", required: false }] }], legendGroups: [{ type: i0.Input, args: [{ isSignal: true, alias: "legendGroups", required: false }] }], legendTitle: [{ type: i0.Input, args: [{ isSignal: true, alias: "legendTitle", required: false }] }], legendIntro: [{ type: i0.Input, args: [{ isSignal: true, alias: "legendIntro", required: false }] }], legendGroupsTitle: [{ type: i0.Input, args: [{ isSignal: true, alias: "legendGroupsTitle", required: false }] }], legendExpanded: [{ type: i0.Input, args: [{ isSignal: true, alias: "legendExpanded", required: false }] }], palette: [{ type: i0.Input, args: [{ isSignal: true, alias: "palette", required: false }] }], mode: [{ type: i0.Input, args: [{ isSignal: true, alias: "mode", required: false }] }, { type: i0.Output, args: ["modeChange"] }] } });
 
 const GAUGE_SEGMENT_COUNT = 25;
@@ -8932,6 +8940,9 @@ class MapaReportRankingTableWidgetComponent {
         const value = this.cell(row, key)?.value;
         return value === undefined || value === null ? '-' : `${value}`;
     }
+    hasClassification(row, key) {
+        return !!this.classification(row, key);
+    }
     direction(row, key) {
         return this.cell(row, key)?.direction;
     }
@@ -8944,7 +8955,9 @@ class MapaReportRankingTableWidgetComponent {
             : this.i18n.texts.report.positiveDirectionLabel;
     }
     averageOf(row) {
-        return typeof row.average === 'number' ? `${Math.round(row.average)}%` : '-';
+        return typeof row.average === 'number'
+            ? `${Math.round(row.average)}%`
+            : '-';
     }
     trackColumn(index, column) {
         return `${index}:${column.key}`;
@@ -8987,7 +9000,7 @@ class MapaReportRankingTableWidgetComponent {
         return name.trim().toLowerCase();
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.21", ngImport: i0, type: MapaReportRankingTableWidgetComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.21", type: MapaReportRankingTableWidgetComponent, isStandalone: true, selector: "mapa-report-ranking-table-widget", inputs: { heading: { classPropertyName: "heading", publicName: "heading", isSignal: true, isRequired: false, transformFunction: null }, views: { classPropertyName: "views", publicName: "views", isSignal: true, isRequired: false, transformFunction: null }, view: { classPropertyName: "view", publicName: "view", isSignal: true, isRequired: false, transformFunction: null }, palette: { classPropertyName: "palette", publicName: "palette", isSignal: true, isRequired: false, transformFunction: null }, showAverage: { classPropertyName: "showAverage", publicName: "showAverage", isSignal: true, isRequired: false, transformFunction: null }, showScoreOnHover: { classPropertyName: "showScoreOnHover", publicName: "showScoreOnHover", isSignal: true, isRequired: false, transformFunction: null }, entryColumnLabel: { classPropertyName: "entryColumnLabel", publicName: "entryColumnLabel", isSignal: true, isRequired: false, transformFunction: null }, note: { classPropertyName: "note", publicName: "note", isSignal: true, isRequired: false, transformFunction: null }, averageLabel: { classPropertyName: "averageLabel", publicName: "averageLabel", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { view: "viewChange" }, ngImport: i0, template: "<section class=\"mapa-report-widget\" [attr.data-palette]=\"palette()\">\n  @if (heading() || visibleViews().length > 1) {\n    <header class=\"mapa-report-widget__header\">\n      <div class=\"mapa-report-widget__heading\">\n        @if (heading(); as head) {\n          <h2>{{ head.title }}</h2>\n          @if (head.description) {\n            <div\n              class=\"mapa-report-widget__description\"\n              [innerHTML]=\"head.description | safeHtml\"\n            ></div>\n          }\n        }\n      </div>\n      @if (visibleViews().length > 1) {\n        <mat-button-toggle-group\n          class=\"mapa-report-widget__modes\"\n          hideSingleSelectionIndicator\n          [attr.aria-label]=\"i18n.texts.report.viewModeLabel\"\n          [value]=\"activeView().id\"\n          (change)=\"selectView($event.value)\"\n        >\n          @for (item of visibleViews(); track item.id) {\n            <mat-button-toggle [value]=\"item.id\">\n              @if (item.icon) {\n                <mat-icon aria-hidden=\"true\">{{ item.icon }}</mat-icon>\n              }\n              {{ item.label }}\n            </mat-button-toggle>\n          }\n        </mat-button-toggle-group>\n      }\n    </header>\n  }\n\n  @if (!rows().length) {\n    <p class=\"mapa-report-widget__empty\">{{ i18n.texts.report.emptyState }}</p>\n  } @else {\n    <mapa-table\n      class=\"mapa-report-ranking-table__table\"\n      [columns]=\"columns()\"\n      [data]=\"rows()\"\n      [finished]=\"true\"\n      [caption]=\"heading()?.title ?? ''\"\n      (sortChange)=\"handleSortChange($event)\"\n    >\n      <ng-template mapaTableCell=\"name\" let-row>\n        <div class=\"mapa-report-ranking-table__entry\">\n          <strong>{{ $any(row).name }}</strong>\n          @if ($any(row).description) {\n            <small [innerHTML]=\"$any(row).description | safeHtml\"></small>\n          }\n        </div>\n      </ng-template>\n\n      @if (showAverage()) {\n        <ng-template mapaTableCell=\"average\" let-row>\n          <span class=\"mapa-report-ranking-table__average\">{{\n            averageOf($any(row))\n          }}</span>\n        </ng-template>\n      }\n\n      @for (column of columns(); track trackColumn($index, column)) {\n        @if (column.key !== \"name\" && column.key !== \"average\") {\n          <ng-template [mapaTableCell]=\"column.key\" let-row>\n            <div\n              class=\"mapa-report-ranking-table__cell\"\n              [class.mapa-report-ranking-table__cell--swaps]=\"\n                showScoreOnHover()\n              \"\n            >\n              <span class=\"mapa-report-ranking-table__chip\">\n                <mapa-classification-tag\n                  appearance=\"solid\"\n                  [classification]=\"classification($any(row), column.key)\"\n                />\n              </span>\n              @if (showScoreOnHover()) {\n                <span class=\"mapa-report-ranking-table__score\">\n                  @if (direction($any(row), column.key)) {\n                    <span\n                      class=\"mapa-direction-indicator\"\n                      [attr.aria-label]=\"directionLabel($any(row), column.key)\"\n                      >{{ directionArrow($any(row), column.key) }}</span\n                    >\n                  }\n                  {{ value($any(row), column.key) }}\n                </span>\n              }\n            </div>\n          </ng-template>\n        }\n      }\n    </mapa-table>\n\n    @if (note()) {\n      <p class=\"mapa-report-ranking-table__note\">{{ note() }}</p>\n    }\n  }\n</section>\n", styles: [":host{--mapa-report-accent: #ff560b;--mapa-report-accent-soft: #fff0e9;--mapa-report-surface: #fff;--mapa-report-surface-muted: #eef2f3;--mapa-report-border: #e1e5e7;--mapa-report-text: #263238;--mapa-report-muted: #68747a;--mapa-report-pill-width: 104px;--mapa-report-radius: 8px;--mapa-report-space: 20px;color:var(--mapa-report-text);display:block;font-family:var(--mapa-font-body, \"Asap\", \"Roboto\", sans-serif)}.mapa-report-widget{display:grid;gap:var(--mapa-report-space)}.mapa-report-widget__header{align-items:flex-start;column-gap:16px;display:grid;grid-template-columns:minmax(0,1fr) auto}.mapa-report-widget__heading{display:contents}.mapa-report-widget__heading h2{color:var(--mapa-report-accent);font-size:20px;font-weight:650;grid-column:1;grid-row:1;line-height:1.25;margin:0}.mapa-report-widget__description{color:var(--mapa-report-muted);font-size:13px;grid-column:1/-1;grid-row:2;line-height:1.5;margin:5px 0 0}.mapa-report-widget__description ::ng-deep ol,.mapa-report-widget__description ::ng-deep p,.mapa-report-widget__description ::ng-deep ul{margin:0 0 8px}.mapa-report-widget__description ::ng-deep ol,.mapa-report-widget__description ::ng-deep ul{padding-left:20px}.mapa-report-widget__description ::ng-deep li{margin:0 0 3px}.mapa-report-widget__description ::ng-deep b,.mapa-report-widget__description ::ng-deep strong{color:var(--mapa-report-text, inherit);font-weight:600}.mapa-report-widget__description ::ng-deep :last-child{margin-bottom:0}.mapa-report-widget__modes{--mat-button-toggle-background-color: var(--mapa-report-surface);--mat-button-toggle-divider-color: #cbd5da;--mat-button-toggle-height: 32px;--mat-button-toggle-label-text-font: var( --mapa-font-body, \"Asap\", sans-serif );--mat-button-toggle-label-text-size: 13px;--mat-button-toggle-label-text-weight: 500;--mat-button-toggle-selected-state-background-color: #59636a;--mat-button-toggle-selected-state-text-color: #fffaf7;--mat-button-toggle-shape: 4px;--mat-button-toggle-text-color: #344b5e;border:1px solid #cbd5da;border-radius:4px;grid-column:2;grid-row:1;overflow:hidden}.mapa-report-widget__modes mat-button-toggle{font:500 13px/1 var(--mapa-font-body, \"Asap\", sans-serif)}.mapa-report-widget__modes mat-icon{font-size:14px;height:14px;margin-right:5px;width:14px}.mapa-report-widget__empty{color:var(--mapa-report-muted);margin:0;padding:24px 0;text-align:center}@media(max-width:760px){.mapa-report-widget__header{align-items:stretch;grid-template-columns:minmax(0,1fr)}.mapa-report-widget__modes{grid-column:1;grid-row:3;justify-self:start;margin-top:12px}}.mapa-direction-indicator{background:var(--mapa-report-surface, var(--mapa-color-surface, #fafbfc));border:1px solid currentColor;border-radius:50%;box-sizing:border-box;color:var(--mapa-report-muted, var(--mapa-color-text-subtle, #68747a));display:inline-grid;flex:0 0 20px;font-size:11px;font-weight:700;height:20px;line-height:1;place-items:center;width:20px}.mapa-report-ranking-table__table{display:block;min-width:0;--mapa-classification-tag-min-width: 92px}.mapa-report-ranking-table__entry{display:grid}.mapa-report-ranking-table__entry strong{color:var(--mapa-report-text);font-size:13px;font-weight:500;line-height:1.35;white-space:nowrap}.mapa-report-ranking-table__entry small{color:var(--mapa-report-muted);font-size:11px;line-height:1.35;white-space:nowrap}.mapa-report-ranking-table__average{font-size:13px;font-weight:500}.mapa-report-ranking-table__cell{display:grid;justify-items:center;place-items:center}.mapa-report-ranking-table__cell--swaps .mapa-report-ranking-table__chip,.mapa-report-ranking-table__cell--swaps .mapa-report-ranking-table__score{grid-area:1/1}.mapa-report-ranking-table__score{align-items:center;color:var(--mapa-report-text);display:none;font-size:13px;font-weight:500;gap:6px;white-space:nowrap}.mapa-report-ranking-table__score .mapa-direction-indicator{flex:0 0 18px;font-size:10px;height:18px;width:18px}.mapa-report-ranking-table__cell--swaps:hover .mapa-report-ranking-table__chip,.mapa-report-ranking-table__cell--swaps:focus-within .mapa-report-ranking-table__chip{display:none}.mapa-report-ranking-table__cell--swaps:hover .mapa-report-ranking-table__score,.mapa-report-ranking-table__cell--swaps:focus-within .mapa-report-ranking-table__score{display:inline-flex}.mapa-report-ranking-table__note{color:var(--mapa-report-muted);font-size:11px;margin:0}\n"], dependencies: [{ kind: "component", type: MapaClassificationTagComponent, selector: "mapa-classification-tag", inputs: ["classification", "size", "appearance", "shape", "casing", "fallbackLabel"] }, { kind: "directive", type: MapaTableCellDirective, selector: "ng-template[mapaTableCell]", inputs: ["mapaTableCell"] }, { kind: "component", type: MapaTableComponent, selector: "mapa-table", inputs: ["columns", "data", "rowKey", "caption", "selectable", "showSelectAll", "selectedKeys", "selectionLabelKey", "checkbox", "selection", "loading", "finished", "error", "emptyTitle", "emptySubtitle", "errorTitle", "errorSubtitle", "retryLabel", "status", "empty", "pagination", "pageIndex", "pageSize", "totalCount", "pageSizeOptions", "totalPages", "showPaginator", "paginatorShowFirstButton", "paginatorShowLastButton", "paginatorRenderButtonsNumber", "paginatorHideDefaultArrows", "sortActive", "sortDirection", "actions", "menuItems", "menu", "filterControl"], outputs: ["pageChange", "sortChange", "selectionChange", "retry", "onChangePage", "onSortChange", "selectedRows", "rowClick"] }, { kind: "ngmodule", type: MatButtonToggleModule }, { kind: "directive", type: i1$6.MatButtonToggleGroup, selector: "mat-button-toggle-group", inputs: ["appearance", "name", "vertical", "value", "multiple", "disabled", "disabledInteractive", "hideSingleSelectionIndicator", "hideMultipleSelectionIndicator"], outputs: ["valueChange", "change"], exportAs: ["matButtonToggleGroup"] }, { kind: "component", type: i1$6.MatButtonToggle, selector: "mat-button-toggle", inputs: ["aria-label", "aria-labelledby", "id", "name", "value", "tabIndex", "disableRipple", "appearance", "checked", "disabled", "disabledInteractive"], outputs: ["change"], exportAs: ["matButtonToggle"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i2$4.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "pipe", type: SafeHtmlPipe, name: "safeHtml" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.21", type: MapaReportRankingTableWidgetComponent, isStandalone: true, selector: "mapa-report-ranking-table-widget", inputs: { heading: { classPropertyName: "heading", publicName: "heading", isSignal: true, isRequired: false, transformFunction: null }, views: { classPropertyName: "views", publicName: "views", isSignal: true, isRequired: false, transformFunction: null }, view: { classPropertyName: "view", publicName: "view", isSignal: true, isRequired: false, transformFunction: null }, palette: { classPropertyName: "palette", publicName: "palette", isSignal: true, isRequired: false, transformFunction: null }, showAverage: { classPropertyName: "showAverage", publicName: "showAverage", isSignal: true, isRequired: false, transformFunction: null }, showScoreOnHover: { classPropertyName: "showScoreOnHover", publicName: "showScoreOnHover", isSignal: true, isRequired: false, transformFunction: null }, entryColumnLabel: { classPropertyName: "entryColumnLabel", publicName: "entryColumnLabel", isSignal: true, isRequired: false, transformFunction: null }, note: { classPropertyName: "note", publicName: "note", isSignal: true, isRequired: false, transformFunction: null }, averageLabel: { classPropertyName: "averageLabel", publicName: "averageLabel", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { view: "viewChange" }, ngImport: i0, template: "<section class=\"mapa-report-widget\" [attr.data-palette]=\"palette()\">\n  @if (heading() || visibleViews().length > 1) {\n    <header class=\"mapa-report-widget__header\">\n      <div class=\"mapa-report-widget__heading\">\n        @if (heading(); as head) {\n          <h2>{{ head.title }}</h2>\n          @if (head.description) {\n            <div\n              class=\"mapa-report-widget__description\"\n              [innerHTML]=\"head.description | safeHtml\"\n            ></div>\n          }\n        }\n      </div>\n      @if (visibleViews().length > 1) {\n        <mat-button-toggle-group\n          class=\"mapa-report-widget__modes\"\n          hideSingleSelectionIndicator\n          [attr.aria-label]=\"i18n.texts.report.viewModeLabel\"\n          [value]=\"activeView().id\"\n          (change)=\"selectView($event.value)\"\n        >\n          @for (item of visibleViews(); track item.id) {\n            <mat-button-toggle [value]=\"item.id\">\n              @if (item.icon) {\n                <mat-icon aria-hidden=\"true\">{{ item.icon }}</mat-icon>\n              }\n              {{ item.label }}\n            </mat-button-toggle>\n          }\n        </mat-button-toggle-group>\n      }\n    </header>\n  }\n\n  @if (!rows().length) {\n    <p class=\"mapa-report-widget__empty\">{{ i18n.texts.report.emptyState }}</p>\n  } @else {\n    <mapa-table\n      class=\"mapa-report-ranking-table__table\"\n      [columns]=\"columns()\"\n      [data]=\"rows()\"\n      [finished]=\"true\"\n      [caption]=\"heading()?.title ?? ''\"\n      (sortChange)=\"handleSortChange($event)\"\n    >\n      <ng-template mapaTableCell=\"name\" let-row>\n        <div class=\"mapa-report-ranking-table__entry\">\n          <strong>{{ $any(row).name }}</strong>\n          @if ($any(row).description) {\n            <small [innerHTML]=\"$any(row).description | safeHtml\"></small>\n          }\n        </div>\n      </ng-template>\n\n      @if (showAverage()) {\n        <ng-template mapaTableCell=\"average\" let-row>\n          <span class=\"mapa-report-ranking-table__average\">{{\n            averageOf($any(row))\n          }}</span>\n        </ng-template>\n      }\n\n      @for (column of columns(); track trackColumn($index, column)) {\n        @if (column.key !== \"name\" && column.key !== \"average\") {\n          <ng-template [mapaTableCell]=\"column.key\" let-row>\n            <div\n              class=\"mapa-report-ranking-table__cell\"\n              [class.mapa-report-ranking-table__cell--swaps]=\"\n                showScoreOnHover() && hasClassification($any(row), column.key)\n              \"\n            >\n              @if (hasClassification($any(row), column.key)) {\n                <span class=\"mapa-report-ranking-table__chip\">\n                  <mapa-classification-tag\n                    appearance=\"solid\"\n                    [classification]=\"classification($any(row), column.key)\"\n                  />\n                </span>\n                @if (showScoreOnHover()) {\n                  <span class=\"mapa-report-ranking-table__score\">\n                    @if (direction($any(row), column.key)) {\n                      <span\n                        class=\"mapa-direction-indicator\"\n                        [attr.aria-label]=\"\n                          directionLabel($any(row), column.key)\n                        \"\n                        >{{ directionArrow($any(row), column.key) }}</span\n                      >\n                    }\n                    {{ value($any(row), column.key) }}\n                  </span>\n                }\n              } @else {\n                <span\n                  class=\"mapa-report-ranking-table__score mapa-report-ranking-table__score--visible\"\n                >\n                  @if (direction($any(row), column.key)) {\n                    <span\n                      class=\"mapa-direction-indicator\"\n                      [attr.aria-label]=\"directionLabel($any(row), column.key)\"\n                      >{{ directionArrow($any(row), column.key) }}</span\n                    >\n                  }\n                  {{ value($any(row), column.key) }}\n                </span>\n              }\n            </div>\n          </ng-template>\n        }\n      }\n    </mapa-table>\n\n    @if (note()) {\n      <p class=\"mapa-report-ranking-table__note\">{{ note() }}</p>\n    }\n  }\n</section>\n", styles: [":host{--mapa-report-accent: #ff560b;--mapa-report-accent-soft: #fff0e9;--mapa-report-surface: #fff;--mapa-report-surface-muted: #eef2f3;--mapa-report-border: #e1e5e7;--mapa-report-text: #263238;--mapa-report-muted: #68747a;--mapa-report-pill-width: 104px;--mapa-report-radius: 8px;--mapa-report-space: 20px;color:var(--mapa-report-text);display:block;font-family:var(--mapa-font-body, \"Asap\", \"Roboto\", sans-serif)}.mapa-report-widget{display:grid;gap:var(--mapa-report-space)}.mapa-report-widget__header{align-items:flex-start;column-gap:16px;display:grid;grid-template-columns:minmax(0,1fr) auto}.mapa-report-widget__heading{display:contents}.mapa-report-widget__heading h2{color:var(--mapa-report-accent);font-size:20px;font-weight:650;grid-column:1;grid-row:1;line-height:1.25;margin:0}.mapa-report-widget__description{color:var(--mapa-report-muted);font-size:13px;grid-column:1/-1;grid-row:2;line-height:1.5;margin:5px 0 0}.mapa-report-widget__description ::ng-deep ol,.mapa-report-widget__description ::ng-deep p,.mapa-report-widget__description ::ng-deep ul{margin:0 0 8px}.mapa-report-widget__description ::ng-deep ol,.mapa-report-widget__description ::ng-deep ul{padding-left:20px}.mapa-report-widget__description ::ng-deep li{margin:0 0 3px}.mapa-report-widget__description ::ng-deep b,.mapa-report-widget__description ::ng-deep strong{color:var(--mapa-report-text, inherit);font-weight:600}.mapa-report-widget__description ::ng-deep :last-child{margin-bottom:0}.mapa-report-widget__modes{--mat-button-toggle-background-color: var(--mapa-report-surface);--mat-button-toggle-divider-color: #cbd5da;--mat-button-toggle-height: 32px;--mat-button-toggle-label-text-font: var( --mapa-font-body, \"Asap\", sans-serif );--mat-button-toggle-label-text-size: 13px;--mat-button-toggle-label-text-weight: 500;--mat-button-toggle-selected-state-background-color: #59636a;--mat-button-toggle-selected-state-text-color: #fffaf7;--mat-button-toggle-shape: 4px;--mat-button-toggle-text-color: #344b5e;border:1px solid #cbd5da;border-radius:4px;grid-column:2;grid-row:1;overflow:hidden}.mapa-report-widget__modes mat-button-toggle{font:500 13px/1 var(--mapa-font-body, \"Asap\", sans-serif)}.mapa-report-widget__modes mat-icon{font-size:14px;height:14px;margin-right:5px;width:14px}.mapa-report-widget__empty{color:var(--mapa-report-muted);margin:0;padding:24px 0;text-align:center}@media(max-width:760px){.mapa-report-widget__header{align-items:stretch;grid-template-columns:minmax(0,1fr)}.mapa-report-widget__modes{grid-column:1;grid-row:3;justify-self:start;margin-top:12px}}.mapa-direction-indicator{background:var(--mapa-report-surface, var(--mapa-color-surface, #fafbfc));border:1px solid currentColor;border-radius:50%;box-sizing:border-box;color:var(--mapa-report-muted, var(--mapa-color-text-subtle, #68747a));display:inline-grid;flex:0 0 20px;font-size:11px;font-weight:700;height:20px;line-height:1;place-items:center;width:20px}.mapa-report-ranking-table__table{display:block;min-width:0;--mapa-classification-tag-min-width: 92px}.mapa-report-ranking-table__entry{display:grid}.mapa-report-ranking-table__entry strong{color:var(--mapa-report-text);font-size:13px;font-weight:500;line-height:1.35;white-space:nowrap}.mapa-report-ranking-table__entry small{color:var(--mapa-report-muted);font-size:11px;line-height:1.35;white-space:nowrap}.mapa-report-ranking-table__average{font-size:13px;font-weight:500}.mapa-report-ranking-table__cell{display:grid;justify-items:center;place-items:center}.mapa-report-ranking-table__cell--swaps .mapa-report-ranking-table__chip,.mapa-report-ranking-table__cell--swaps .mapa-report-ranking-table__score{grid-area:1/1}.mapa-report-ranking-table__score{align-items:center;color:var(--mapa-report-text);display:none;font-size:13px;font-weight:500;gap:6px;white-space:nowrap}.mapa-report-ranking-table__score .mapa-direction-indicator{flex:0 0 18px;font-size:10px;height:18px;width:18px}.mapa-report-ranking-table__score--visible{display:inline-flex}.mapa-report-ranking-table__cell--swaps:hover .mapa-report-ranking-table__chip,.mapa-report-ranking-table__cell--swaps:focus-within .mapa-report-ranking-table__chip{display:none}.mapa-report-ranking-table__cell--swaps:hover .mapa-report-ranking-table__score,.mapa-report-ranking-table__cell--swaps:focus-within .mapa-report-ranking-table__score{display:inline-flex}.mapa-report-ranking-table__note{color:var(--mapa-report-muted);font-size:11px;margin:0}\n"], dependencies: [{ kind: "component", type: MapaClassificationTagComponent, selector: "mapa-classification-tag", inputs: ["classification", "size", "appearance", "shape", "casing", "fallbackLabel"] }, { kind: "directive", type: MapaTableCellDirective, selector: "ng-template[mapaTableCell]", inputs: ["mapaTableCell"] }, { kind: "component", type: MapaTableComponent, selector: "mapa-table", inputs: ["columns", "data", "rowKey", "caption", "selectable", "showSelectAll", "selectedKeys", "selectionLabelKey", "checkbox", "selection", "loading", "finished", "error", "emptyTitle", "emptySubtitle", "errorTitle", "errorSubtitle", "retryLabel", "status", "empty", "pagination", "pageIndex", "pageSize", "totalCount", "pageSizeOptions", "totalPages", "showPaginator", "paginatorShowFirstButton", "paginatorShowLastButton", "paginatorRenderButtonsNumber", "paginatorHideDefaultArrows", "sortActive", "sortDirection", "actions", "menuItems", "menu", "filterControl"], outputs: ["pageChange", "sortChange", "selectionChange", "retry", "onChangePage", "onSortChange", "selectedRows", "rowClick"] }, { kind: "ngmodule", type: MatButtonToggleModule }, { kind: "directive", type: i1$6.MatButtonToggleGroup, selector: "mat-button-toggle-group", inputs: ["appearance", "name", "vertical", "value", "multiple", "disabled", "disabledInteractive", "hideSingleSelectionIndicator", "hideMultipleSelectionIndicator"], outputs: ["valueChange", "change"], exportAs: ["matButtonToggleGroup"] }, { kind: "component", type: i1$6.MatButtonToggle, selector: "mat-button-toggle", inputs: ["aria-label", "aria-labelledby", "id", "name", "value", "tabIndex", "disableRipple", "appearance", "checked", "disabled", "disabledInteractive"], outputs: ["change"], exportAs: ["matButtonToggle"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i2$4.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "pipe", type: SafeHtmlPipe, name: "safeHtml" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.21", ngImport: i0, type: MapaReportRankingTableWidgetComponent, decorators: [{
             type: Component,
@@ -8998,9 +9011,122 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.21", ngImpo
                         MatButtonToggleModule,
                         MatIconModule,
                         SafeHtmlPipe,
-                    ], changeDetection: ChangeDetectionStrategy.OnPush, template: "<section class=\"mapa-report-widget\" [attr.data-palette]=\"palette()\">\n  @if (heading() || visibleViews().length > 1) {\n    <header class=\"mapa-report-widget__header\">\n      <div class=\"mapa-report-widget__heading\">\n        @if (heading(); as head) {\n          <h2>{{ head.title }}</h2>\n          @if (head.description) {\n            <div\n              class=\"mapa-report-widget__description\"\n              [innerHTML]=\"head.description | safeHtml\"\n            ></div>\n          }\n        }\n      </div>\n      @if (visibleViews().length > 1) {\n        <mat-button-toggle-group\n          class=\"mapa-report-widget__modes\"\n          hideSingleSelectionIndicator\n          [attr.aria-label]=\"i18n.texts.report.viewModeLabel\"\n          [value]=\"activeView().id\"\n          (change)=\"selectView($event.value)\"\n        >\n          @for (item of visibleViews(); track item.id) {\n            <mat-button-toggle [value]=\"item.id\">\n              @if (item.icon) {\n                <mat-icon aria-hidden=\"true\">{{ item.icon }}</mat-icon>\n              }\n              {{ item.label }}\n            </mat-button-toggle>\n          }\n        </mat-button-toggle-group>\n      }\n    </header>\n  }\n\n  @if (!rows().length) {\n    <p class=\"mapa-report-widget__empty\">{{ i18n.texts.report.emptyState }}</p>\n  } @else {\n    <mapa-table\n      class=\"mapa-report-ranking-table__table\"\n      [columns]=\"columns()\"\n      [data]=\"rows()\"\n      [finished]=\"true\"\n      [caption]=\"heading()?.title ?? ''\"\n      (sortChange)=\"handleSortChange($event)\"\n    >\n      <ng-template mapaTableCell=\"name\" let-row>\n        <div class=\"mapa-report-ranking-table__entry\">\n          <strong>{{ $any(row).name }}</strong>\n          @if ($any(row).description) {\n            <small [innerHTML]=\"$any(row).description | safeHtml\"></small>\n          }\n        </div>\n      </ng-template>\n\n      @if (showAverage()) {\n        <ng-template mapaTableCell=\"average\" let-row>\n          <span class=\"mapa-report-ranking-table__average\">{{\n            averageOf($any(row))\n          }}</span>\n        </ng-template>\n      }\n\n      @for (column of columns(); track trackColumn($index, column)) {\n        @if (column.key !== \"name\" && column.key !== \"average\") {\n          <ng-template [mapaTableCell]=\"column.key\" let-row>\n            <div\n              class=\"mapa-report-ranking-table__cell\"\n              [class.mapa-report-ranking-table__cell--swaps]=\"\n                showScoreOnHover()\n              \"\n            >\n              <span class=\"mapa-report-ranking-table__chip\">\n                <mapa-classification-tag\n                  appearance=\"solid\"\n                  [classification]=\"classification($any(row), column.key)\"\n                />\n              </span>\n              @if (showScoreOnHover()) {\n                <span class=\"mapa-report-ranking-table__score\">\n                  @if (direction($any(row), column.key)) {\n                    <span\n                      class=\"mapa-direction-indicator\"\n                      [attr.aria-label]=\"directionLabel($any(row), column.key)\"\n                      >{{ directionArrow($any(row), column.key) }}</span\n                    >\n                  }\n                  {{ value($any(row), column.key) }}\n                </span>\n              }\n            </div>\n          </ng-template>\n        }\n      }\n    </mapa-table>\n\n    @if (note()) {\n      <p class=\"mapa-report-ranking-table__note\">{{ note() }}</p>\n    }\n  }\n</section>\n", styles: [":host{--mapa-report-accent: #ff560b;--mapa-report-accent-soft: #fff0e9;--mapa-report-surface: #fff;--mapa-report-surface-muted: #eef2f3;--mapa-report-border: #e1e5e7;--mapa-report-text: #263238;--mapa-report-muted: #68747a;--mapa-report-pill-width: 104px;--mapa-report-radius: 8px;--mapa-report-space: 20px;color:var(--mapa-report-text);display:block;font-family:var(--mapa-font-body, \"Asap\", \"Roboto\", sans-serif)}.mapa-report-widget{display:grid;gap:var(--mapa-report-space)}.mapa-report-widget__header{align-items:flex-start;column-gap:16px;display:grid;grid-template-columns:minmax(0,1fr) auto}.mapa-report-widget__heading{display:contents}.mapa-report-widget__heading h2{color:var(--mapa-report-accent);font-size:20px;font-weight:650;grid-column:1;grid-row:1;line-height:1.25;margin:0}.mapa-report-widget__description{color:var(--mapa-report-muted);font-size:13px;grid-column:1/-1;grid-row:2;line-height:1.5;margin:5px 0 0}.mapa-report-widget__description ::ng-deep ol,.mapa-report-widget__description ::ng-deep p,.mapa-report-widget__description ::ng-deep ul{margin:0 0 8px}.mapa-report-widget__description ::ng-deep ol,.mapa-report-widget__description ::ng-deep ul{padding-left:20px}.mapa-report-widget__description ::ng-deep li{margin:0 0 3px}.mapa-report-widget__description ::ng-deep b,.mapa-report-widget__description ::ng-deep strong{color:var(--mapa-report-text, inherit);font-weight:600}.mapa-report-widget__description ::ng-deep :last-child{margin-bottom:0}.mapa-report-widget__modes{--mat-button-toggle-background-color: var(--mapa-report-surface);--mat-button-toggle-divider-color: #cbd5da;--mat-button-toggle-height: 32px;--mat-button-toggle-label-text-font: var( --mapa-font-body, \"Asap\", sans-serif );--mat-button-toggle-label-text-size: 13px;--mat-button-toggle-label-text-weight: 500;--mat-button-toggle-selected-state-background-color: #59636a;--mat-button-toggle-selected-state-text-color: #fffaf7;--mat-button-toggle-shape: 4px;--mat-button-toggle-text-color: #344b5e;border:1px solid #cbd5da;border-radius:4px;grid-column:2;grid-row:1;overflow:hidden}.mapa-report-widget__modes mat-button-toggle{font:500 13px/1 var(--mapa-font-body, \"Asap\", sans-serif)}.mapa-report-widget__modes mat-icon{font-size:14px;height:14px;margin-right:5px;width:14px}.mapa-report-widget__empty{color:var(--mapa-report-muted);margin:0;padding:24px 0;text-align:center}@media(max-width:760px){.mapa-report-widget__header{align-items:stretch;grid-template-columns:minmax(0,1fr)}.mapa-report-widget__modes{grid-column:1;grid-row:3;justify-self:start;margin-top:12px}}.mapa-direction-indicator{background:var(--mapa-report-surface, var(--mapa-color-surface, #fafbfc));border:1px solid currentColor;border-radius:50%;box-sizing:border-box;color:var(--mapa-report-muted, var(--mapa-color-text-subtle, #68747a));display:inline-grid;flex:0 0 20px;font-size:11px;font-weight:700;height:20px;line-height:1;place-items:center;width:20px}.mapa-report-ranking-table__table{display:block;min-width:0;--mapa-classification-tag-min-width: 92px}.mapa-report-ranking-table__entry{display:grid}.mapa-report-ranking-table__entry strong{color:var(--mapa-report-text);font-size:13px;font-weight:500;line-height:1.35;white-space:nowrap}.mapa-report-ranking-table__entry small{color:var(--mapa-report-muted);font-size:11px;line-height:1.35;white-space:nowrap}.mapa-report-ranking-table__average{font-size:13px;font-weight:500}.mapa-report-ranking-table__cell{display:grid;justify-items:center;place-items:center}.mapa-report-ranking-table__cell--swaps .mapa-report-ranking-table__chip,.mapa-report-ranking-table__cell--swaps .mapa-report-ranking-table__score{grid-area:1/1}.mapa-report-ranking-table__score{align-items:center;color:var(--mapa-report-text);display:none;font-size:13px;font-weight:500;gap:6px;white-space:nowrap}.mapa-report-ranking-table__score .mapa-direction-indicator{flex:0 0 18px;font-size:10px;height:18px;width:18px}.mapa-report-ranking-table__cell--swaps:hover .mapa-report-ranking-table__chip,.mapa-report-ranking-table__cell--swaps:focus-within .mapa-report-ranking-table__chip{display:none}.mapa-report-ranking-table__cell--swaps:hover .mapa-report-ranking-table__score,.mapa-report-ranking-table__cell--swaps:focus-within .mapa-report-ranking-table__score{display:inline-flex}.mapa-report-ranking-table__note{color:var(--mapa-report-muted);font-size:11px;margin:0}\n"] }]
+                    ], changeDetection: ChangeDetectionStrategy.OnPush, template: "<section class=\"mapa-report-widget\" [attr.data-palette]=\"palette()\">\n  @if (heading() || visibleViews().length > 1) {\n    <header class=\"mapa-report-widget__header\">\n      <div class=\"mapa-report-widget__heading\">\n        @if (heading(); as head) {\n          <h2>{{ head.title }}</h2>\n          @if (head.description) {\n            <div\n              class=\"mapa-report-widget__description\"\n              [innerHTML]=\"head.description | safeHtml\"\n            ></div>\n          }\n        }\n      </div>\n      @if (visibleViews().length > 1) {\n        <mat-button-toggle-group\n          class=\"mapa-report-widget__modes\"\n          hideSingleSelectionIndicator\n          [attr.aria-label]=\"i18n.texts.report.viewModeLabel\"\n          [value]=\"activeView().id\"\n          (change)=\"selectView($event.value)\"\n        >\n          @for (item of visibleViews(); track item.id) {\n            <mat-button-toggle [value]=\"item.id\">\n              @if (item.icon) {\n                <mat-icon aria-hidden=\"true\">{{ item.icon }}</mat-icon>\n              }\n              {{ item.label }}\n            </mat-button-toggle>\n          }\n        </mat-button-toggle-group>\n      }\n    </header>\n  }\n\n  @if (!rows().length) {\n    <p class=\"mapa-report-widget__empty\">{{ i18n.texts.report.emptyState }}</p>\n  } @else {\n    <mapa-table\n      class=\"mapa-report-ranking-table__table\"\n      [columns]=\"columns()\"\n      [data]=\"rows()\"\n      [finished]=\"true\"\n      [caption]=\"heading()?.title ?? ''\"\n      (sortChange)=\"handleSortChange($event)\"\n    >\n      <ng-template mapaTableCell=\"name\" let-row>\n        <div class=\"mapa-report-ranking-table__entry\">\n          <strong>{{ $any(row).name }}</strong>\n          @if ($any(row).description) {\n            <small [innerHTML]=\"$any(row).description | safeHtml\"></small>\n          }\n        </div>\n      </ng-template>\n\n      @if (showAverage()) {\n        <ng-template mapaTableCell=\"average\" let-row>\n          <span class=\"mapa-report-ranking-table__average\">{{\n            averageOf($any(row))\n          }}</span>\n        </ng-template>\n      }\n\n      @for (column of columns(); track trackColumn($index, column)) {\n        @if (column.key !== \"name\" && column.key !== \"average\") {\n          <ng-template [mapaTableCell]=\"column.key\" let-row>\n            <div\n              class=\"mapa-report-ranking-table__cell\"\n              [class.mapa-report-ranking-table__cell--swaps]=\"\n                showScoreOnHover() && hasClassification($any(row), column.key)\n              \"\n            >\n              @if (hasClassification($any(row), column.key)) {\n                <span class=\"mapa-report-ranking-table__chip\">\n                  <mapa-classification-tag\n                    appearance=\"solid\"\n                    [classification]=\"classification($any(row), column.key)\"\n                  />\n                </span>\n                @if (showScoreOnHover()) {\n                  <span class=\"mapa-report-ranking-table__score\">\n                    @if (direction($any(row), column.key)) {\n                      <span\n                        class=\"mapa-direction-indicator\"\n                        [attr.aria-label]=\"\n                          directionLabel($any(row), column.key)\n                        \"\n                        >{{ directionArrow($any(row), column.key) }}</span\n                      >\n                    }\n                    {{ value($any(row), column.key) }}\n                  </span>\n                }\n              } @else {\n                <span\n                  class=\"mapa-report-ranking-table__score mapa-report-ranking-table__score--visible\"\n                >\n                  @if (direction($any(row), column.key)) {\n                    <span\n                      class=\"mapa-direction-indicator\"\n                      [attr.aria-label]=\"directionLabel($any(row), column.key)\"\n                      >{{ directionArrow($any(row), column.key) }}</span\n                    >\n                  }\n                  {{ value($any(row), column.key) }}\n                </span>\n              }\n            </div>\n          </ng-template>\n        }\n      }\n    </mapa-table>\n\n    @if (note()) {\n      <p class=\"mapa-report-ranking-table__note\">{{ note() }}</p>\n    }\n  }\n</section>\n", styles: [":host{--mapa-report-accent: #ff560b;--mapa-report-accent-soft: #fff0e9;--mapa-report-surface: #fff;--mapa-report-surface-muted: #eef2f3;--mapa-report-border: #e1e5e7;--mapa-report-text: #263238;--mapa-report-muted: #68747a;--mapa-report-pill-width: 104px;--mapa-report-radius: 8px;--mapa-report-space: 20px;color:var(--mapa-report-text);display:block;font-family:var(--mapa-font-body, \"Asap\", \"Roboto\", sans-serif)}.mapa-report-widget{display:grid;gap:var(--mapa-report-space)}.mapa-report-widget__header{align-items:flex-start;column-gap:16px;display:grid;grid-template-columns:minmax(0,1fr) auto}.mapa-report-widget__heading{display:contents}.mapa-report-widget__heading h2{color:var(--mapa-report-accent);font-size:20px;font-weight:650;grid-column:1;grid-row:1;line-height:1.25;margin:0}.mapa-report-widget__description{color:var(--mapa-report-muted);font-size:13px;grid-column:1/-1;grid-row:2;line-height:1.5;margin:5px 0 0}.mapa-report-widget__description ::ng-deep ol,.mapa-report-widget__description ::ng-deep p,.mapa-report-widget__description ::ng-deep ul{margin:0 0 8px}.mapa-report-widget__description ::ng-deep ol,.mapa-report-widget__description ::ng-deep ul{padding-left:20px}.mapa-report-widget__description ::ng-deep li{margin:0 0 3px}.mapa-report-widget__description ::ng-deep b,.mapa-report-widget__description ::ng-deep strong{color:var(--mapa-report-text, inherit);font-weight:600}.mapa-report-widget__description ::ng-deep :last-child{margin-bottom:0}.mapa-report-widget__modes{--mat-button-toggle-background-color: var(--mapa-report-surface);--mat-button-toggle-divider-color: #cbd5da;--mat-button-toggle-height: 32px;--mat-button-toggle-label-text-font: var( --mapa-font-body, \"Asap\", sans-serif );--mat-button-toggle-label-text-size: 13px;--mat-button-toggle-label-text-weight: 500;--mat-button-toggle-selected-state-background-color: #59636a;--mat-button-toggle-selected-state-text-color: #fffaf7;--mat-button-toggle-shape: 4px;--mat-button-toggle-text-color: #344b5e;border:1px solid #cbd5da;border-radius:4px;grid-column:2;grid-row:1;overflow:hidden}.mapa-report-widget__modes mat-button-toggle{font:500 13px/1 var(--mapa-font-body, \"Asap\", sans-serif)}.mapa-report-widget__modes mat-icon{font-size:14px;height:14px;margin-right:5px;width:14px}.mapa-report-widget__empty{color:var(--mapa-report-muted);margin:0;padding:24px 0;text-align:center}@media(max-width:760px){.mapa-report-widget__header{align-items:stretch;grid-template-columns:minmax(0,1fr)}.mapa-report-widget__modes{grid-column:1;grid-row:3;justify-self:start;margin-top:12px}}.mapa-direction-indicator{background:var(--mapa-report-surface, var(--mapa-color-surface, #fafbfc));border:1px solid currentColor;border-radius:50%;box-sizing:border-box;color:var(--mapa-report-muted, var(--mapa-color-text-subtle, #68747a));display:inline-grid;flex:0 0 20px;font-size:11px;font-weight:700;height:20px;line-height:1;place-items:center;width:20px}.mapa-report-ranking-table__table{display:block;min-width:0;--mapa-classification-tag-min-width: 92px}.mapa-report-ranking-table__entry{display:grid}.mapa-report-ranking-table__entry strong{color:var(--mapa-report-text);font-size:13px;font-weight:500;line-height:1.35;white-space:nowrap}.mapa-report-ranking-table__entry small{color:var(--mapa-report-muted);font-size:11px;line-height:1.35;white-space:nowrap}.mapa-report-ranking-table__average{font-size:13px;font-weight:500}.mapa-report-ranking-table__cell{display:grid;justify-items:center;place-items:center}.mapa-report-ranking-table__cell--swaps .mapa-report-ranking-table__chip,.mapa-report-ranking-table__cell--swaps .mapa-report-ranking-table__score{grid-area:1/1}.mapa-report-ranking-table__score{align-items:center;color:var(--mapa-report-text);display:none;font-size:13px;font-weight:500;gap:6px;white-space:nowrap}.mapa-report-ranking-table__score .mapa-direction-indicator{flex:0 0 18px;font-size:10px;height:18px;width:18px}.mapa-report-ranking-table__score--visible{display:inline-flex}.mapa-report-ranking-table__cell--swaps:hover .mapa-report-ranking-table__chip,.mapa-report-ranking-table__cell--swaps:focus-within .mapa-report-ranking-table__chip{display:none}.mapa-report-ranking-table__cell--swaps:hover .mapa-report-ranking-table__score,.mapa-report-ranking-table__cell--swaps:focus-within .mapa-report-ranking-table__score{display:inline-flex}.mapa-report-ranking-table__note{color:var(--mapa-report-muted);font-size:11px;margin:0}\n"] }]
         }], propDecorators: { heading: [{ type: i0.Input, args: [{ isSignal: true, alias: "heading", required: false }] }], views: [{ type: i0.Input, args: [{ isSignal: true, alias: "views", required: false }] }], view: [{ type: i0.Input, args: [{ isSignal: true, alias: "view", required: false }] }, { type: i0.Output, args: ["viewChange"] }], palette: [{ type: i0.Input, args: [{ isSignal: true, alias: "palette", required: false }] }], showAverage: [{ type: i0.Input, args: [{ isSignal: true, alias: "showAverage", required: false }] }], showScoreOnHover: [{ type: i0.Input, args: [{ isSignal: true, alias: "showScoreOnHover", required: false }] }], entryColumnLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "entryColumnLabel", required: false }] }], note: [{ type: i0.Input, args: [{ isSignal: true, alias: "note", required: false }] }], averageLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "averageLabel", required: false }] }] } });
 
+class MapaReportParameterizationWidgetComponent {
+    constructor() {
+        this.i18n = inject(MapaI18nService);
+        this.segments = Array.from({ length: 10 }, (_, index) => index);
+        this.heading = input.required(...(ngDevMode ? [{ debugName: "heading" }] : []));
+        this.data = input.required(...(ngDevMode ? [{ debugName: "data" }] : []));
+        this.legend = input([], ...(ngDevMode ? [{ debugName: "legend" }] : []));
+        this.palette = input('current', ...(ngDevMode ? [{ debugName: "palette" }] : []));
+        this.content = input('all', ...(ngDevMode ? [{ debugName: "content" }] : []));
+        this.metadata = computed(() => (this.data().metadata ?? []).filter((item) => !!item.value?.trim()), ...(ngDevMode ? [{ debugName: "metadata" }] : []));
+        this.summaryRows = computed(() => this.data().sections.flatMap((section) => {
+            if (section.name?.trim() && this.isNumber(section.value)) {
+                return [
+                    {
+                        id: `section:${section.id}`,
+                        name: section.name,
+                        value: section.value,
+                    },
+                ];
+            }
+            return section.competences.map((competence) => ({
+                id: `competence:${competence.id}`,
+                name: competence.name,
+                value: competence.value,
+            }));
+        }), ...(ngDevMode ? [{ debugName: "summaryRows" }] : []));
+        this.rankingViews = computed(() => {
+            const groupEntries = this.data()
+                .sections.filter((section) => !!section.name?.trim() && this.isNumber(section.value))
+                .map((section) => ({
+                id: section.id,
+                name: section.name ?? '',
+                description: section.description,
+                average: section.value,
+                dimensions: section.competences.flatMap((competence) => this.rankingDimensions(competence.dimensions)),
+            }))
+                .sort((first, second) => (second.average ?? 0) - (first.average ?? 0));
+            const competenceEntries = this.data()
+                .sections.flatMap((section) => section.competences.map((competence) => ({
+                id: competence.id,
+                name: competence.name,
+                description: this.isNumber(section.value)
+                    ? section.name
+                    : competence.description,
+                average: competence.value,
+                dimensions: this.rankingDimensions(competence.dimensions),
+            })))
+                .sort((first, second) => (second.average ?? 0) - (first.average ?? 0));
+            return [
+                {
+                    id: 'groups',
+                    label: this.i18n.texts.report.groupsTitle,
+                    icon: 'view_agenda',
+                    entries: groupEntries,
+                },
+                {
+                    id: 'competencies',
+                    label: this.i18n.texts.report.competenciesTitle,
+                    icon: 'format_list_numbered',
+                    entries: competenceEntries,
+                },
+            ].filter((view) => view.entries.length > 0);
+        }, ...(ngDevMode ? [{ debugName: "rankingViews" }] : []));
+    }
+    safeValue(value) {
+        if (!this.isNumber(value))
+            return 0;
+        return Math.min(100, Math.max(0, Math.round(value)));
+    }
+    filledSegments(value) {
+        const safeValue = this.safeValue(value);
+        return safeValue === 100 ? 10 : Math.floor(safeValue / 10);
+    }
+    direction(value) {
+        return value === 'negative' ? 'negative' : 'positive';
+    }
+    directionArrow(value) {
+        return this.direction(value) === 'negative' ? '↓' : '↑';
+    }
+    directionLabel(value) {
+        return this.direction(value) === 'negative'
+            ? this.i18n.texts.report.negativeDirectionLabel
+            : this.i18n.texts.report.positiveDirectionLabel;
+    }
+    hasClassification(dimension) {
+        return !!dimension.classification;
+    }
+    rankingDimensions(dimensions) {
+        return (dimensions ?? [])
+            .filter((dimension) => !!dimension.classification)
+            .map((dimension) => ({
+            id: dimension.id,
+            name: dimension.name,
+            direction: dimension.direction,
+            classification: dimension.classification,
+        }));
+    }
+    isNumber(value) {
+        return typeof value === 'number' && Number.isFinite(value);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.21", ngImport: i0, type: MapaReportParameterizationWidgetComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.21", type: MapaReportParameterizationWidgetComponent, isStandalone: true, selector: "mapa-report-parameterization-widget", inputs: { heading: { classPropertyName: "heading", publicName: "heading", isSignal: true, isRequired: true, transformFunction: null }, data: { classPropertyName: "data", publicName: "data", isSignal: true, isRequired: true, transformFunction: null }, legend: { classPropertyName: "legend", publicName: "legend", isSignal: true, isRequired: false, transformFunction: null }, palette: { classPropertyName: "palette", publicName: "palette", isSignal: true, isRequired: false, transformFunction: null }, content: { classPropertyName: "content", publicName: "content", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "<section class=\"mapa-report-widget\" [attr.data-palette]=\"palette()\">\n  <header class=\"mapa-report-widget__header\">\n    <div class=\"mapa-report-widget__heading\">\n      <h2>{{ heading().title }}</h2>\n      @if (heading().description) {\n        <div\n          class=\"mapa-report-widget__description\"\n          [innerHTML]=\"heading().description | safeHtml\"\n        ></div>\n      }\n    </div>\n  </header>\n\n  @if (content() !== \"ranking\") {\n    <section class=\"mapa-parameterization-overview\">\n      <div class=\"mapa-parameterization-overview__headline\">\n        <div>\n          <span class=\"mapa-parameterization-overview__eyebrow\">{{\n            heading().title\n          }}</span>\n          <h3>{{ data().name }}</h3>\n        </div>\n\n        <div class=\"mapa-parameterization-overview__score\">\n          <span>{{ i18n.texts.report.overallPercentageTitle }}</span>\n          <div\n            class=\"mapa-parameterization-segments\"\n            role=\"meter\"\n            aria-valuemin=\"0\"\n            aria-valuemax=\"100\"\n            [attr.aria-valuenow]=\"safeValue(data().value)\"\n            [attr.aria-label]=\"\n              i18n.texts.report.meterLabel(data().name, safeValue(data().value))\n            \"\n          >\n            <span\n              class=\"mapa-parameterization-segments__cells\"\n              aria-hidden=\"true\"\n            >\n              @for (segment of segments; track segment) {\n                <i\n                  [class.mapa-parameterization-segments__cell--filled]=\"\n                    segment < filledSegments(data().value)\n                  \"\n                ></i>\n              }\n            </span>\n            <strong aria-hidden=\"true\">{{ safeValue(data().value) }}%</strong>\n          </div>\n        </div>\n      </div>\n\n      @if (metadata().length) {\n        <dl class=\"mapa-parameterization-overview__metadata\">\n          @for (item of metadata(); track item.id ?? $index) {\n            <div>\n              <dt>{{ item.label }}</dt>\n              <dd>{{ item.value }}</dd>\n            </div>\n          }\n        </dl>\n      }\n    </section>\n\n    @if (legend().length) {\n      <mapa-report-legend\n        class=\"mapa-parameterization-legend\"\n        [expanded]=\"true\"\n        [groups]=\"legend()\"\n      />\n    }\n\n    @if (summaryRows().length) {\n      <section class=\"mapa-parameterization-summary\">\n        <h3>{{ i18n.texts.report.summarizedReportTitle }}</h3>\n        <div class=\"mapa-parameterization-summary__rows\">\n          @for (row of summaryRows(); track row.id) {\n            <div class=\"mapa-parameterization-summary__row\">\n              <span>{{ row.name }}</span>\n              <span\n                class=\"mapa-parameterization-summary__track\"\n                role=\"meter\"\n                aria-valuemin=\"0\"\n                aria-valuemax=\"100\"\n                [attr.aria-valuenow]=\"safeValue(row.value)\"\n                [attr.aria-label]=\"\n                  i18n.texts.report.meterLabel(row.name, safeValue(row.value))\n                \"\n              >\n                <i\n                  [style.width.%]=\"safeValue(row.value)\"\n                  aria-hidden=\"true\"\n                ></i>\n              </span>\n              <strong>{{ safeValue(row.value) }}%</strong>\n            </div>\n          }\n        </div>\n      </section>\n    }\n\n    @if (data().sections.length) {\n      <section class=\"mapa-parameterization-detail\">\n        <h3>{{ i18n.texts.report.detailedReportTitle }}</h3>\n\n        <div class=\"mapa-parameterization-detail__sections\">\n          @for (section of data().sections; track section.id) {\n            <section class=\"mapa-parameterization-group\">\n              @if (section.name || section.value !== undefined) {\n                <header class=\"mapa-parameterization-group__header\">\n                  <div>\n                    @if (section.name) {\n                      <h4>{{ section.name }}</h4>\n                    }\n                    @if (section.description) {\n                      <div [innerHTML]=\"section.description | safeHtml\"></div>\n                    }\n                  </div>\n                  @if (section.value !== undefined) {\n                    <div\n                      class=\"mapa-parameterization-segments mapa-parameterization-segments--small\"\n                    >\n                      <span\n                        class=\"mapa-parameterization-segments__cells\"\n                        role=\"meter\"\n                        aria-valuemin=\"0\"\n                        aria-valuemax=\"100\"\n                        [attr.aria-valuenow]=\"safeValue(section.value)\"\n                        [attr.aria-label]=\"\n                          i18n.texts.report.meterLabel(\n                            section.name || i18n.texts.report.groupsTitle,\n                            safeValue(section.value)\n                          )\n                        \"\n                      >\n                        @for (segment of segments; track segment) {\n                          <i\n                            [class.mapa-parameterization-segments__cell--filled]=\"\n                              segment < filledSegments(section.value)\n                            \"\n                          ></i>\n                        }\n                      </span>\n                      <strong aria-hidden=\"true\"\n                        >{{ safeValue(section.value) }}%</strong\n                      >\n                    </div>\n                  }\n                </header>\n              }\n\n              @if (section.competences.length) {\n                <div class=\"mapa-parameterization-group__label\">\n                  {{ i18n.texts.report.competenciesAndDimensionsTitle }}\n                </div>\n\n                <div class=\"mapa-parameterization-group__grid\">\n                  @for (\n                    competence of section.competences;\n                    track competence.id\n                  ) {\n                    <article class=\"mapa-parameterization-competence\">\n                      <header class=\"mapa-parameterization-competence__header\">\n                        <h5>{{ competence.name }}</h5>\n                        <div\n                          class=\"mapa-parameterization-segments mapa-parameterization-segments--small\"\n                        >\n                          <span\n                            class=\"mapa-parameterization-segments__cells\"\n                            role=\"meter\"\n                            aria-valuemin=\"0\"\n                            aria-valuemax=\"100\"\n                            [attr.aria-valuenow]=\"safeValue(competence.value)\"\n                            [attr.aria-label]=\"\n                              i18n.texts.report.meterLabel(\n                                competence.name,\n                                safeValue(competence.value)\n                              )\n                            \"\n                          >\n                            @for (segment of segments; track segment) {\n                              <i\n                                [class.mapa-parameterization-segments__cell--filled]=\"\n                                  segment < filledSegments(competence.value)\n                                \"\n                              ></i>\n                            }\n                          </span>\n                          <strong aria-hidden=\"true\"\n                            >{{ safeValue(competence.value) }}%</strong\n                          >\n                        </div>\n                      </header>\n\n                      @if (competence.description) {\n                        <div\n                          class=\"mapa-parameterization-competence__description\"\n                          [innerHTML]=\"competence.description | safeHtml\"\n                        ></div>\n                      }\n\n                      @if (competence.dimensions?.length) {\n                        <ul class=\"mapa-parameterization-dimensions\">\n                          @for (\n                            dimension of competence.dimensions;\n                            track dimension.id\n                          ) {\n                            <li>\n                              <span\n                                class=\"mapa-parameterization-dimensions__name\"\n                              >\n                                <span\n                                  class=\"mapa-direction-indicator\"\n                                  [attr.aria-label]=\"\n                                    directionLabel(dimension.direction)\n                                  \"\n                                  >{{\n                                    directionArrow(dimension.direction)\n                                  }}</span\n                                >\n                                <span>{{ dimension.name }}</span>\n                              </span>\n                              @if (hasClassification(dimension)) {\n                                <mapa-classification-tag\n                                  appearance=\"solid\"\n                                  [classification]=\"dimension.classification\"\n                                />\n                              }\n                              @if (dimension.description) {\n                                <div\n                                  class=\"mapa-parameterization-dimensions__description\"\n                                  [innerHTML]=\"dimension.description | safeHtml\"\n                                ></div>\n                              }\n                            </li>\n                          }\n                        </ul>\n                      }\n                    </article>\n                  }\n                </div>\n              }\n            </section>\n          }\n        </div>\n      </section>\n    }\n  }\n\n  @if (content() !== \"report\" && rankingViews().length) {\n    <section class=\"mapa-parameterization-ranking\">\n      @if (content() === \"all\") {\n        <h3>{{ i18n.texts.report.parameterizationRankingTitle }}</h3>\n      }\n      <mapa-report-ranking-table-widget\n        [palette]=\"palette()\"\n        [showAverage]=\"false\"\n        [views]=\"rankingViews()\"\n      />\n    </section>\n  }\n</section>\n", styles: [":host{--mapa-report-accent: #ff560b;--mapa-report-accent-soft: #fff0e9;--mapa-report-surface: #fff;--mapa-report-surface-muted: #eef2f3;--mapa-report-border: #e1e5e7;--mapa-report-text: #263238;--mapa-report-muted: #68747a;--mapa-report-pill-width: 104px;--mapa-report-radius: 8px;--mapa-report-space: 20px;color:var(--mapa-report-text);display:block;font-family:var(--mapa-font-body, \"Asap\", \"Roboto\", sans-serif)}.mapa-report-widget{display:grid;gap:var(--mapa-report-space)}.mapa-report-widget__header{align-items:flex-start;column-gap:16px;display:grid;grid-template-columns:minmax(0,1fr) auto}.mapa-report-widget__heading{display:contents}.mapa-report-widget__heading h2{color:var(--mapa-report-accent);font-size:20px;font-weight:650;grid-column:1;grid-row:1;line-height:1.25;margin:0}.mapa-report-widget__description{color:var(--mapa-report-muted);font-size:13px;grid-column:1/-1;grid-row:2;line-height:1.5;margin:5px 0 0}.mapa-report-widget__description ::ng-deep ol,.mapa-report-widget__description ::ng-deep p,.mapa-report-widget__description ::ng-deep ul{margin:0 0 8px}.mapa-report-widget__description ::ng-deep ol,.mapa-report-widget__description ::ng-deep ul{padding-left:20px}.mapa-report-widget__description ::ng-deep li{margin:0 0 3px}.mapa-report-widget__description ::ng-deep b,.mapa-report-widget__description ::ng-deep strong{color:var(--mapa-report-text, inherit);font-weight:600}.mapa-report-widget__description ::ng-deep :last-child{margin-bottom:0}.mapa-report-widget__modes{--mat-button-toggle-background-color: var(--mapa-report-surface);--mat-button-toggle-divider-color: #cbd5da;--mat-button-toggle-height: 32px;--mat-button-toggle-label-text-font: var( --mapa-font-body, \"Asap\", sans-serif );--mat-button-toggle-label-text-size: 13px;--mat-button-toggle-label-text-weight: 500;--mat-button-toggle-selected-state-background-color: #59636a;--mat-button-toggle-selected-state-text-color: #fffaf7;--mat-button-toggle-shape: 4px;--mat-button-toggle-text-color: #344b5e;border:1px solid #cbd5da;border-radius:4px;grid-column:2;grid-row:1;overflow:hidden}.mapa-report-widget__modes mat-button-toggle{font:500 13px/1 var(--mapa-font-body, \"Asap\", sans-serif)}.mapa-report-widget__modes mat-icon{font-size:14px;height:14px;margin-right:5px;width:14px}.mapa-report-widget__empty{color:var(--mapa-report-muted);margin:0;padding:24px 0;text-align:center}@media(max-width:760px){.mapa-report-widget__header{align-items:stretch;grid-template-columns:minmax(0,1fr)}.mapa-report-widget__modes{grid-column:1;grid-row:3;justify-self:start;margin-top:12px}}.mapa-direction-indicator{background:var(--mapa-report-surface, var(--mapa-color-surface, #fafbfc));border:1px solid currentColor;border-radius:50%;box-sizing:border-box;color:var(--mapa-report-muted, var(--mapa-color-text-subtle, #68747a));display:inline-grid;flex:0 0 20px;font-size:11px;font-weight:700;height:20px;line-height:1;place-items:center;width:20px}:host{--mapa-parameterization-accent: #ff560b;--mapa-parameterization-rail: #dfe4ea;--mapa-parameterization-line: #e7ebee;--mapa-report-card-radius: 10px;--mapa-report-line-soft: #edf1f3;--mapa-report-surface-soft: #fafbfc}.mapa-parameterization-overview{border:1px solid var(--mapa-report-border);border-radius:16px;display:grid;gap:22px;padding:24px}.mapa-parameterization-overview__headline{align-items:start;display:grid;gap:24px;grid-template-columns:minmax(0,1fr) auto}.mapa-parameterization-overview__eyebrow{color:#8a95a5;display:block;font-size:12px;line-height:1.3;margin-bottom:6px;text-transform:uppercase}.mapa-parameterization-overview h3{color:#2c2e3a;font-size:24px;font-weight:650;line-height:1.25;margin:0;overflow-wrap:anywhere}.mapa-parameterization-overview__score{display:grid;gap:7px;min-width:290px}.mapa-parameterization-overview__score>span{color:#8a95a5;font-size:12px;text-transform:uppercase}.mapa-parameterization-overview__metadata{display:grid;gap:14px;grid-template-columns:repeat(auto-fit,minmax(min(210px,100%),1fr));margin:0}.mapa-parameterization-overview__metadata div{border:1px solid var(--mapa-report-border);border-radius:12px;min-width:0;padding:13px 15px}.mapa-parameterization-overview__metadata dt{color:#8a95a5;font-size:11px;line-height:1.3;margin-bottom:8px;text-transform:uppercase}.mapa-parameterization-overview__metadata dd{color:#2c2e3a;font-size:15px;font-weight:650;line-height:1.35;margin:0;overflow-wrap:anywhere}.mapa-parameterization-segments{align-items:center;display:flex;gap:12px}.mapa-parameterization-segments__cells{display:grid;flex:0 0 auto;gap:5px;grid-template-columns:repeat(10,var(--mapa-parameterization-segment-width, 18px))}.mapa-parameterization-segments i{background:#d8dee7;border-radius:7px;display:block;height:40px}.mapa-parameterization-segments i.mapa-parameterization-segments__cell--filled{background:var(--mapa-parameterization-accent)}.mapa-parameterization-segments strong{color:var(--mapa-parameterization-accent);font-size:17px;min-width:44px}.mapa-parameterization-segments--small{--mapa-parameterization-segment-width: 10px;min-width:min(270px,100%)}.mapa-parameterization-segments--small i{border-radius:5px;height:30px}.mapa-parameterization-segments--small strong{color:#596575;font-size:14px;min-width:36px}.mapa-parameterization-legend{--mapa-classification-tag-min-width: var(--mapa-report-pill-width)}.mapa-parameterization-summary,.mapa-parameterization-detail,.mapa-parameterization-ranking{display:grid;gap:16px;min-width:0}.mapa-parameterization-summary>h3,.mapa-parameterization-detail>h3,.mapa-parameterization-ranking>h3{color:#596575;font-size:18px;font-weight:650;line-height:1.3;margin:0}.mapa-parameterization-summary__rows{border:1px solid var(--mapa-report-border);border-radius:14px;padding:16px 20px}.mapa-parameterization-summary__row{align-items:center;display:grid;gap:20px;grid-template-columns:minmax(200px,36%) minmax(140px,1fr) 48px;min-height:48px}.mapa-parameterization-summary__row+.mapa-parameterization-summary__row{border-top:1px solid var(--mapa-parameterization-line)}.mapa-parameterization-summary__row>span:first-child{color:#4f5d70;font-size:14px;line-height:1.35;overflow-wrap:anywhere}.mapa-parameterization-summary__row>strong{color:#596575;font-size:14px;text-align:right}.mapa-parameterization-summary__track{background:var(--mapa-parameterization-rail);border-radius:999px;display:block;height:14px;overflow:hidden}.mapa-parameterization-summary__track i{background:var(--mapa-parameterization-accent);border-radius:inherit;display:block;height:100%}@media(max-width:900px){.mapa-parameterization-overview__headline,.mapa-parameterization-group__header{grid-template-columns:minmax(0,1fr)}.mapa-parameterization-overview__score,.mapa-parameterization-segments--small{min-width:0}.mapa-parameterization-dimensions li{grid-template-columns:minmax(150px,1fr) auto}.mapa-parameterization-dimensions__description{grid-column:1/-1;padding-left:28px}}@media(max-width:600px){.mapa-parameterization-overview,.mapa-parameterization-group{padding:16px}.mapa-parameterization-overview h3{font-size:20px}.mapa-parameterization-segments{--mapa-parameterization-segment-width: 12px;align-items:flex-end;gap:8px}.mapa-parameterization-segments__cells{gap:3px}.mapa-parameterization-segments i{height:32px}.mapa-parameterization-segments--small{--mapa-parameterization-segment-width: 8px}.mapa-parameterization-summary__rows{padding:8px 14px}.mapa-parameterization-summary__row{gap:9px;grid-template-columns:minmax(0,1fr) 44px;padding:10px 0}.mapa-parameterization-summary__row .mapa-parameterization-summary__track{grid-column:1/-1;grid-row:2}.mapa-parameterization-summary__row>strong{grid-column:2;grid-row:1}.mapa-parameterization-dimensions li{grid-template-columns:minmax(0,1fr)}.mapa-parameterization-dimensions__description{grid-column:auto;padding-left:28px}}@media print{.mapa-parameterization-overview,.mapa-parameterization-group,.mapa-parameterization-competence{break-inside:avoid}}\n", ".mapa-parameterization-detail__sections{display:grid;gap:22px}.mapa-parameterization-group{--mapa-classification-tag-min-width: var(--mapa-report-pill-width);border:1px solid var(--mapa-report-border);border-radius:14px;min-width:0;padding:18px}.mapa-parameterization-group__header{align-items:start;display:grid;gap:20px;grid-template-columns:minmax(0,1fr) auto}.mapa-parameterization-group__header h4{color:#2c2e3a;font-size:20px;font-weight:650;line-height:1.25;margin:0;overflow-wrap:anywhere}.mapa-parameterization-group__header>div:first-child>div{color:var(--mapa-report-muted);font-size:12px;line-height:1.5;margin-top:5px}.mapa-parameterization-group__header>div:first-child>div ::ng-deep ol,.mapa-parameterization-group__header>div:first-child>div ::ng-deep p,.mapa-parameterization-group__header>div:first-child>div ::ng-deep ul{margin:0 0 8px}.mapa-parameterization-group__header>div:first-child>div ::ng-deep ol,.mapa-parameterization-group__header>div:first-child>div ::ng-deep ul{padding-left:20px}.mapa-parameterization-group__header>div:first-child>div ::ng-deep li{margin:0 0 3px}.mapa-parameterization-group__header>div:first-child>div ::ng-deep b,.mapa-parameterization-group__header>div:first-child>div ::ng-deep strong{color:var(--mapa-report-text, inherit);font-weight:600}.mapa-parameterization-group__header>div:first-child>div ::ng-deep :last-child{margin-bottom:0}.mapa-parameterization-group__label{background:#f1f4f8;border:1px solid var(--mapa-report-border);border-radius:7px;color:#405064;font-size:13px;font-weight:650;margin-top:16px;padding:7px 10px}.mapa-parameterization-group__grid{display:grid;column-gap:14px;grid-template-columns:repeat(2,minmax(0,1fr));margin-top:14px;row-gap:14px}.mapa-parameterization-dimensions mapa-classification-tag{flex:0 0 auto;max-width:var(--mapa-report-pill-width)}.mapa-parameterization-competence{background:var(--mapa-report-surface);border:1px solid var(--mapa-report-border);border-radius:var(--mapa-report-card-radius);min-width:0;padding:16px 14px 13px}.mapa-parameterization-competence__header{align-items:center;display:grid;gap:14px;grid-template-columns:minmax(0,1fr) auto}.mapa-parameterization-competence__header .mapa-parameterization-segments{justify-self:end;min-width:0}.mapa-parameterization-competence__header h5{color:#2c2e3a;font-size:16px;font-weight:650;line-height:1.3;margin:0;overflow-wrap:anywhere}.mapa-parameterization-competence__description{color:var(--mapa-report-muted);font-size:12px;line-height:1.5;margin-top:12px}.mapa-parameterization-competence__description ::ng-deep ol,.mapa-parameterization-competence__description ::ng-deep p,.mapa-parameterization-competence__description ::ng-deep ul{margin:0 0 8px}.mapa-parameterization-competence__description ::ng-deep ol,.mapa-parameterization-competence__description ::ng-deep ul{padding-left:20px}.mapa-parameterization-competence__description ::ng-deep li{margin:0 0 3px}.mapa-parameterization-competence__description ::ng-deep b,.mapa-parameterization-competence__description ::ng-deep strong{color:var(--mapa-report-text, inherit);font-weight:600}.mapa-parameterization-competence__description ::ng-deep :last-child{margin-bottom:0}.mapa-parameterization-dimensions{border-top:1px solid var(--mapa-report-line-soft);display:grid;gap:7px;list-style:none;margin:14px 0 0;padding:12px 0 0}.mapa-parameterization-dimensions li{align-items:center;background:var(--mapa-report-surface-soft);border:1px solid var(--mapa-report-line-soft);border-radius:9px;display:grid;gap:10px;grid-template-columns:minmax(0,1fr) auto;padding:9px 10px}.mapa-parameterization-dimensions__name{align-items:center;color:#4f5d70;display:flex;font-size:12px;gap:8px;line-height:1.4;min-width:0}.mapa-parameterization-dimensions__name span:last-child{overflow-wrap:anywhere}.mapa-parameterization-dimensions__description{color:var(--mapa-report-muted);font-size:11px;grid-column:1/-1;line-height:1.45;padding-left:28px}.mapa-parameterization-dimensions__description ::ng-deep ol,.mapa-parameterization-dimensions__description ::ng-deep p,.mapa-parameterization-dimensions__description ::ng-deep ul{margin:0 0 8px}.mapa-parameterization-dimensions__description ::ng-deep ol,.mapa-parameterization-dimensions__description ::ng-deep ul{padding-left:20px}.mapa-parameterization-dimensions__description ::ng-deep li{margin:0 0 3px}.mapa-parameterization-dimensions__description ::ng-deep b,.mapa-parameterization-dimensions__description ::ng-deep strong{color:var(--mapa-report-text, inherit);font-weight:600}.mapa-parameterization-dimensions__description ::ng-deep :last-child{margin-bottom:0}.mapa-parameterization-ranking mapa-report-ranking-table-widget{display:block;min-width:0}@media(max-width:1100px){.mapa-parameterization-group__grid{grid-template-columns:minmax(0,1fr)}}@media(max-width:600px){.mapa-parameterization-competence__header{grid-template-columns:minmax(0,1fr)}.mapa-parameterization-competence__header .mapa-parameterization-segments{justify-self:start}}\n"], dependencies: [{ kind: "component", type: MapaClassificationTagComponent, selector: "mapa-classification-tag", inputs: ["classification", "size", "appearance", "shape", "casing", "fallbackLabel"] }, { kind: "component", type: MapaReportLegendComponent, selector: "mapa-report-legend", inputs: ["title", "intro", "groupsTitle", "groups", "expanded", "appearance"] }, { kind: "component", type: MapaReportRankingTableWidgetComponent, selector: "mapa-report-ranking-table-widget", inputs: ["heading", "views", "view", "palette", "showAverage", "showScoreOnHover", "entryColumnLabel", "note", "averageLabel"], outputs: ["viewChange"] }, { kind: "pipe", type: SafeHtmlPipe, name: "safeHtml" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.21", ngImport: i0, type: MapaReportParameterizationWidgetComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'mapa-report-parameterization-widget', standalone: true, imports: [
+                        MapaClassificationTagComponent,
+                        MapaReportLegendComponent,
+                        MapaReportRankingTableWidgetComponent,
+                        SafeHtmlPipe,
+                    ], changeDetection: ChangeDetectionStrategy.OnPush, template: "<section class=\"mapa-report-widget\" [attr.data-palette]=\"palette()\">\n  <header class=\"mapa-report-widget__header\">\n    <div class=\"mapa-report-widget__heading\">\n      <h2>{{ heading().title }}</h2>\n      @if (heading().description) {\n        <div\n          class=\"mapa-report-widget__description\"\n          [innerHTML]=\"heading().description | safeHtml\"\n        ></div>\n      }\n    </div>\n  </header>\n\n  @if (content() !== \"ranking\") {\n    <section class=\"mapa-parameterization-overview\">\n      <div class=\"mapa-parameterization-overview__headline\">\n        <div>\n          <span class=\"mapa-parameterization-overview__eyebrow\">{{\n            heading().title\n          }}</span>\n          <h3>{{ data().name }}</h3>\n        </div>\n\n        <div class=\"mapa-parameterization-overview__score\">\n          <span>{{ i18n.texts.report.overallPercentageTitle }}</span>\n          <div\n            class=\"mapa-parameterization-segments\"\n            role=\"meter\"\n            aria-valuemin=\"0\"\n            aria-valuemax=\"100\"\n            [attr.aria-valuenow]=\"safeValue(data().value)\"\n            [attr.aria-label]=\"\n              i18n.texts.report.meterLabel(data().name, safeValue(data().value))\n            \"\n          >\n            <span\n              class=\"mapa-parameterization-segments__cells\"\n              aria-hidden=\"true\"\n            >\n              @for (segment of segments; track segment) {\n                <i\n                  [class.mapa-parameterization-segments__cell--filled]=\"\n                    segment < filledSegments(data().value)\n                  \"\n                ></i>\n              }\n            </span>\n            <strong aria-hidden=\"true\">{{ safeValue(data().value) }}%</strong>\n          </div>\n        </div>\n      </div>\n\n      @if (metadata().length) {\n        <dl class=\"mapa-parameterization-overview__metadata\">\n          @for (item of metadata(); track item.id ?? $index) {\n            <div>\n              <dt>{{ item.label }}</dt>\n              <dd>{{ item.value }}</dd>\n            </div>\n          }\n        </dl>\n      }\n    </section>\n\n    @if (legend().length) {\n      <mapa-report-legend\n        class=\"mapa-parameterization-legend\"\n        [expanded]=\"true\"\n        [groups]=\"legend()\"\n      />\n    }\n\n    @if (summaryRows().length) {\n      <section class=\"mapa-parameterization-summary\">\n        <h3>{{ i18n.texts.report.summarizedReportTitle }}</h3>\n        <div class=\"mapa-parameterization-summary__rows\">\n          @for (row of summaryRows(); track row.id) {\n            <div class=\"mapa-parameterization-summary__row\">\n              <span>{{ row.name }}</span>\n              <span\n                class=\"mapa-parameterization-summary__track\"\n                role=\"meter\"\n                aria-valuemin=\"0\"\n                aria-valuemax=\"100\"\n                [attr.aria-valuenow]=\"safeValue(row.value)\"\n                [attr.aria-label]=\"\n                  i18n.texts.report.meterLabel(row.name, safeValue(row.value))\n                \"\n              >\n                <i\n                  [style.width.%]=\"safeValue(row.value)\"\n                  aria-hidden=\"true\"\n                ></i>\n              </span>\n              <strong>{{ safeValue(row.value) }}%</strong>\n            </div>\n          }\n        </div>\n      </section>\n    }\n\n    @if (data().sections.length) {\n      <section class=\"mapa-parameterization-detail\">\n        <h3>{{ i18n.texts.report.detailedReportTitle }}</h3>\n\n        <div class=\"mapa-parameterization-detail__sections\">\n          @for (section of data().sections; track section.id) {\n            <section class=\"mapa-parameterization-group\">\n              @if (section.name || section.value !== undefined) {\n                <header class=\"mapa-parameterization-group__header\">\n                  <div>\n                    @if (section.name) {\n                      <h4>{{ section.name }}</h4>\n                    }\n                    @if (section.description) {\n                      <div [innerHTML]=\"section.description | safeHtml\"></div>\n                    }\n                  </div>\n                  @if (section.value !== undefined) {\n                    <div\n                      class=\"mapa-parameterization-segments mapa-parameterization-segments--small\"\n                    >\n                      <span\n                        class=\"mapa-parameterization-segments__cells\"\n                        role=\"meter\"\n                        aria-valuemin=\"0\"\n                        aria-valuemax=\"100\"\n                        [attr.aria-valuenow]=\"safeValue(section.value)\"\n                        [attr.aria-label]=\"\n                          i18n.texts.report.meterLabel(\n                            section.name || i18n.texts.report.groupsTitle,\n                            safeValue(section.value)\n                          )\n                        \"\n                      >\n                        @for (segment of segments; track segment) {\n                          <i\n                            [class.mapa-parameterization-segments__cell--filled]=\"\n                              segment < filledSegments(section.value)\n                            \"\n                          ></i>\n                        }\n                      </span>\n                      <strong aria-hidden=\"true\"\n                        >{{ safeValue(section.value) }}%</strong\n                      >\n                    </div>\n                  }\n                </header>\n              }\n\n              @if (section.competences.length) {\n                <div class=\"mapa-parameterization-group__label\">\n                  {{ i18n.texts.report.competenciesAndDimensionsTitle }}\n                </div>\n\n                <div class=\"mapa-parameterization-group__grid\">\n                  @for (\n                    competence of section.competences;\n                    track competence.id\n                  ) {\n                    <article class=\"mapa-parameterization-competence\">\n                      <header class=\"mapa-parameterization-competence__header\">\n                        <h5>{{ competence.name }}</h5>\n                        <div\n                          class=\"mapa-parameterization-segments mapa-parameterization-segments--small\"\n                        >\n                          <span\n                            class=\"mapa-parameterization-segments__cells\"\n                            role=\"meter\"\n                            aria-valuemin=\"0\"\n                            aria-valuemax=\"100\"\n                            [attr.aria-valuenow]=\"safeValue(competence.value)\"\n                            [attr.aria-label]=\"\n                              i18n.texts.report.meterLabel(\n                                competence.name,\n                                safeValue(competence.value)\n                              )\n                            \"\n                          >\n                            @for (segment of segments; track segment) {\n                              <i\n                                [class.mapa-parameterization-segments__cell--filled]=\"\n                                  segment < filledSegments(competence.value)\n                                \"\n                              ></i>\n                            }\n                          </span>\n                          <strong aria-hidden=\"true\"\n                            >{{ safeValue(competence.value) }}%</strong\n                          >\n                        </div>\n                      </header>\n\n                      @if (competence.description) {\n                        <div\n                          class=\"mapa-parameterization-competence__description\"\n                          [innerHTML]=\"competence.description | safeHtml\"\n                        ></div>\n                      }\n\n                      @if (competence.dimensions?.length) {\n                        <ul class=\"mapa-parameterization-dimensions\">\n                          @for (\n                            dimension of competence.dimensions;\n                            track dimension.id\n                          ) {\n                            <li>\n                              <span\n                                class=\"mapa-parameterization-dimensions__name\"\n                              >\n                                <span\n                                  class=\"mapa-direction-indicator\"\n                                  [attr.aria-label]=\"\n                                    directionLabel(dimension.direction)\n                                  \"\n                                  >{{\n                                    directionArrow(dimension.direction)\n                                  }}</span\n                                >\n                                <span>{{ dimension.name }}</span>\n                              </span>\n                              @if (hasClassification(dimension)) {\n                                <mapa-classification-tag\n                                  appearance=\"solid\"\n                                  [classification]=\"dimension.classification\"\n                                />\n                              }\n                              @if (dimension.description) {\n                                <div\n                                  class=\"mapa-parameterization-dimensions__description\"\n                                  [innerHTML]=\"dimension.description | safeHtml\"\n                                ></div>\n                              }\n                            </li>\n                          }\n                        </ul>\n                      }\n                    </article>\n                  }\n                </div>\n              }\n            </section>\n          }\n        </div>\n      </section>\n    }\n  }\n\n  @if (content() !== \"report\" && rankingViews().length) {\n    <section class=\"mapa-parameterization-ranking\">\n      @if (content() === \"all\") {\n        <h3>{{ i18n.texts.report.parameterizationRankingTitle }}</h3>\n      }\n      <mapa-report-ranking-table-widget\n        [palette]=\"palette()\"\n        [showAverage]=\"false\"\n        [views]=\"rankingViews()\"\n      />\n    </section>\n  }\n</section>\n", styles: [":host{--mapa-report-accent: #ff560b;--mapa-report-accent-soft: #fff0e9;--mapa-report-surface: #fff;--mapa-report-surface-muted: #eef2f3;--mapa-report-border: #e1e5e7;--mapa-report-text: #263238;--mapa-report-muted: #68747a;--mapa-report-pill-width: 104px;--mapa-report-radius: 8px;--mapa-report-space: 20px;color:var(--mapa-report-text);display:block;font-family:var(--mapa-font-body, \"Asap\", \"Roboto\", sans-serif)}.mapa-report-widget{display:grid;gap:var(--mapa-report-space)}.mapa-report-widget__header{align-items:flex-start;column-gap:16px;display:grid;grid-template-columns:minmax(0,1fr) auto}.mapa-report-widget__heading{display:contents}.mapa-report-widget__heading h2{color:var(--mapa-report-accent);font-size:20px;font-weight:650;grid-column:1;grid-row:1;line-height:1.25;margin:0}.mapa-report-widget__description{color:var(--mapa-report-muted);font-size:13px;grid-column:1/-1;grid-row:2;line-height:1.5;margin:5px 0 0}.mapa-report-widget__description ::ng-deep ol,.mapa-report-widget__description ::ng-deep p,.mapa-report-widget__description ::ng-deep ul{margin:0 0 8px}.mapa-report-widget__description ::ng-deep ol,.mapa-report-widget__description ::ng-deep ul{padding-left:20px}.mapa-report-widget__description ::ng-deep li{margin:0 0 3px}.mapa-report-widget__description ::ng-deep b,.mapa-report-widget__description ::ng-deep strong{color:var(--mapa-report-text, inherit);font-weight:600}.mapa-report-widget__description ::ng-deep :last-child{margin-bottom:0}.mapa-report-widget__modes{--mat-button-toggle-background-color: var(--mapa-report-surface);--mat-button-toggle-divider-color: #cbd5da;--mat-button-toggle-height: 32px;--mat-button-toggle-label-text-font: var( --mapa-font-body, \"Asap\", sans-serif );--mat-button-toggle-label-text-size: 13px;--mat-button-toggle-label-text-weight: 500;--mat-button-toggle-selected-state-background-color: #59636a;--mat-button-toggle-selected-state-text-color: #fffaf7;--mat-button-toggle-shape: 4px;--mat-button-toggle-text-color: #344b5e;border:1px solid #cbd5da;border-radius:4px;grid-column:2;grid-row:1;overflow:hidden}.mapa-report-widget__modes mat-button-toggle{font:500 13px/1 var(--mapa-font-body, \"Asap\", sans-serif)}.mapa-report-widget__modes mat-icon{font-size:14px;height:14px;margin-right:5px;width:14px}.mapa-report-widget__empty{color:var(--mapa-report-muted);margin:0;padding:24px 0;text-align:center}@media(max-width:760px){.mapa-report-widget__header{align-items:stretch;grid-template-columns:minmax(0,1fr)}.mapa-report-widget__modes{grid-column:1;grid-row:3;justify-self:start;margin-top:12px}}.mapa-direction-indicator{background:var(--mapa-report-surface, var(--mapa-color-surface, #fafbfc));border:1px solid currentColor;border-radius:50%;box-sizing:border-box;color:var(--mapa-report-muted, var(--mapa-color-text-subtle, #68747a));display:inline-grid;flex:0 0 20px;font-size:11px;font-weight:700;height:20px;line-height:1;place-items:center;width:20px}:host{--mapa-parameterization-accent: #ff560b;--mapa-parameterization-rail: #dfe4ea;--mapa-parameterization-line: #e7ebee;--mapa-report-card-radius: 10px;--mapa-report-line-soft: #edf1f3;--mapa-report-surface-soft: #fafbfc}.mapa-parameterization-overview{border:1px solid var(--mapa-report-border);border-radius:16px;display:grid;gap:22px;padding:24px}.mapa-parameterization-overview__headline{align-items:start;display:grid;gap:24px;grid-template-columns:minmax(0,1fr) auto}.mapa-parameterization-overview__eyebrow{color:#8a95a5;display:block;font-size:12px;line-height:1.3;margin-bottom:6px;text-transform:uppercase}.mapa-parameterization-overview h3{color:#2c2e3a;font-size:24px;font-weight:650;line-height:1.25;margin:0;overflow-wrap:anywhere}.mapa-parameterization-overview__score{display:grid;gap:7px;min-width:290px}.mapa-parameterization-overview__score>span{color:#8a95a5;font-size:12px;text-transform:uppercase}.mapa-parameterization-overview__metadata{display:grid;gap:14px;grid-template-columns:repeat(auto-fit,minmax(min(210px,100%),1fr));margin:0}.mapa-parameterization-overview__metadata div{border:1px solid var(--mapa-report-border);border-radius:12px;min-width:0;padding:13px 15px}.mapa-parameterization-overview__metadata dt{color:#8a95a5;font-size:11px;line-height:1.3;margin-bottom:8px;text-transform:uppercase}.mapa-parameterization-overview__metadata dd{color:#2c2e3a;font-size:15px;font-weight:650;line-height:1.35;margin:0;overflow-wrap:anywhere}.mapa-parameterization-segments{align-items:center;display:flex;gap:12px}.mapa-parameterization-segments__cells{display:grid;flex:0 0 auto;gap:5px;grid-template-columns:repeat(10,var(--mapa-parameterization-segment-width, 18px))}.mapa-parameterization-segments i{background:#d8dee7;border-radius:7px;display:block;height:40px}.mapa-parameterization-segments i.mapa-parameterization-segments__cell--filled{background:var(--mapa-parameterization-accent)}.mapa-parameterization-segments strong{color:var(--mapa-parameterization-accent);font-size:17px;min-width:44px}.mapa-parameterization-segments--small{--mapa-parameterization-segment-width: 10px;min-width:min(270px,100%)}.mapa-parameterization-segments--small i{border-radius:5px;height:30px}.mapa-parameterization-segments--small strong{color:#596575;font-size:14px;min-width:36px}.mapa-parameterization-legend{--mapa-classification-tag-min-width: var(--mapa-report-pill-width)}.mapa-parameterization-summary,.mapa-parameterization-detail,.mapa-parameterization-ranking{display:grid;gap:16px;min-width:0}.mapa-parameterization-summary>h3,.mapa-parameterization-detail>h3,.mapa-parameterization-ranking>h3{color:#596575;font-size:18px;font-weight:650;line-height:1.3;margin:0}.mapa-parameterization-summary__rows{border:1px solid var(--mapa-report-border);border-radius:14px;padding:16px 20px}.mapa-parameterization-summary__row{align-items:center;display:grid;gap:20px;grid-template-columns:minmax(200px,36%) minmax(140px,1fr) 48px;min-height:48px}.mapa-parameterization-summary__row+.mapa-parameterization-summary__row{border-top:1px solid var(--mapa-parameterization-line)}.mapa-parameterization-summary__row>span:first-child{color:#4f5d70;font-size:14px;line-height:1.35;overflow-wrap:anywhere}.mapa-parameterization-summary__row>strong{color:#596575;font-size:14px;text-align:right}.mapa-parameterization-summary__track{background:var(--mapa-parameterization-rail);border-radius:999px;display:block;height:14px;overflow:hidden}.mapa-parameterization-summary__track i{background:var(--mapa-parameterization-accent);border-radius:inherit;display:block;height:100%}@media(max-width:900px){.mapa-parameterization-overview__headline,.mapa-parameterization-group__header{grid-template-columns:minmax(0,1fr)}.mapa-parameterization-overview__score,.mapa-parameterization-segments--small{min-width:0}.mapa-parameterization-dimensions li{grid-template-columns:minmax(150px,1fr) auto}.mapa-parameterization-dimensions__description{grid-column:1/-1;padding-left:28px}}@media(max-width:600px){.mapa-parameterization-overview,.mapa-parameterization-group{padding:16px}.mapa-parameterization-overview h3{font-size:20px}.mapa-parameterization-segments{--mapa-parameterization-segment-width: 12px;align-items:flex-end;gap:8px}.mapa-parameterization-segments__cells{gap:3px}.mapa-parameterization-segments i{height:32px}.mapa-parameterization-segments--small{--mapa-parameterization-segment-width: 8px}.mapa-parameterization-summary__rows{padding:8px 14px}.mapa-parameterization-summary__row{gap:9px;grid-template-columns:minmax(0,1fr) 44px;padding:10px 0}.mapa-parameterization-summary__row .mapa-parameterization-summary__track{grid-column:1/-1;grid-row:2}.mapa-parameterization-summary__row>strong{grid-column:2;grid-row:1}.mapa-parameterization-dimensions li{grid-template-columns:minmax(0,1fr)}.mapa-parameterization-dimensions__description{grid-column:auto;padding-left:28px}}@media print{.mapa-parameterization-overview,.mapa-parameterization-group,.mapa-parameterization-competence{break-inside:avoid}}\n", ".mapa-parameterization-detail__sections{display:grid;gap:22px}.mapa-parameterization-group{--mapa-classification-tag-min-width: var(--mapa-report-pill-width);border:1px solid var(--mapa-report-border);border-radius:14px;min-width:0;padding:18px}.mapa-parameterization-group__header{align-items:start;display:grid;gap:20px;grid-template-columns:minmax(0,1fr) auto}.mapa-parameterization-group__header h4{color:#2c2e3a;font-size:20px;font-weight:650;line-height:1.25;margin:0;overflow-wrap:anywhere}.mapa-parameterization-group__header>div:first-child>div{color:var(--mapa-report-muted);font-size:12px;line-height:1.5;margin-top:5px}.mapa-parameterization-group__header>div:first-child>div ::ng-deep ol,.mapa-parameterization-group__header>div:first-child>div ::ng-deep p,.mapa-parameterization-group__header>div:first-child>div ::ng-deep ul{margin:0 0 8px}.mapa-parameterization-group__header>div:first-child>div ::ng-deep ol,.mapa-parameterization-group__header>div:first-child>div ::ng-deep ul{padding-left:20px}.mapa-parameterization-group__header>div:first-child>div ::ng-deep li{margin:0 0 3px}.mapa-parameterization-group__header>div:first-child>div ::ng-deep b,.mapa-parameterization-group__header>div:first-child>div ::ng-deep strong{color:var(--mapa-report-text, inherit);font-weight:600}.mapa-parameterization-group__header>div:first-child>div ::ng-deep :last-child{margin-bottom:0}.mapa-parameterization-group__label{background:#f1f4f8;border:1px solid var(--mapa-report-border);border-radius:7px;color:#405064;font-size:13px;font-weight:650;margin-top:16px;padding:7px 10px}.mapa-parameterization-group__grid{display:grid;column-gap:14px;grid-template-columns:repeat(2,minmax(0,1fr));margin-top:14px;row-gap:14px}.mapa-parameterization-dimensions mapa-classification-tag{flex:0 0 auto;max-width:var(--mapa-report-pill-width)}.mapa-parameterization-competence{background:var(--mapa-report-surface);border:1px solid var(--mapa-report-border);border-radius:var(--mapa-report-card-radius);min-width:0;padding:16px 14px 13px}.mapa-parameterization-competence__header{align-items:center;display:grid;gap:14px;grid-template-columns:minmax(0,1fr) auto}.mapa-parameterization-competence__header .mapa-parameterization-segments{justify-self:end;min-width:0}.mapa-parameterization-competence__header h5{color:#2c2e3a;font-size:16px;font-weight:650;line-height:1.3;margin:0;overflow-wrap:anywhere}.mapa-parameterization-competence__description{color:var(--mapa-report-muted);font-size:12px;line-height:1.5;margin-top:12px}.mapa-parameterization-competence__description ::ng-deep ol,.mapa-parameterization-competence__description ::ng-deep p,.mapa-parameterization-competence__description ::ng-deep ul{margin:0 0 8px}.mapa-parameterization-competence__description ::ng-deep ol,.mapa-parameterization-competence__description ::ng-deep ul{padding-left:20px}.mapa-parameterization-competence__description ::ng-deep li{margin:0 0 3px}.mapa-parameterization-competence__description ::ng-deep b,.mapa-parameterization-competence__description ::ng-deep strong{color:var(--mapa-report-text, inherit);font-weight:600}.mapa-parameterization-competence__description ::ng-deep :last-child{margin-bottom:0}.mapa-parameterization-dimensions{border-top:1px solid var(--mapa-report-line-soft);display:grid;gap:7px;list-style:none;margin:14px 0 0;padding:12px 0 0}.mapa-parameterization-dimensions li{align-items:center;background:var(--mapa-report-surface-soft);border:1px solid var(--mapa-report-line-soft);border-radius:9px;display:grid;gap:10px;grid-template-columns:minmax(0,1fr) auto;padding:9px 10px}.mapa-parameterization-dimensions__name{align-items:center;color:#4f5d70;display:flex;font-size:12px;gap:8px;line-height:1.4;min-width:0}.mapa-parameterization-dimensions__name span:last-child{overflow-wrap:anywhere}.mapa-parameterization-dimensions__description{color:var(--mapa-report-muted);font-size:11px;grid-column:1/-1;line-height:1.45;padding-left:28px}.mapa-parameterization-dimensions__description ::ng-deep ol,.mapa-parameterization-dimensions__description ::ng-deep p,.mapa-parameterization-dimensions__description ::ng-deep ul{margin:0 0 8px}.mapa-parameterization-dimensions__description ::ng-deep ol,.mapa-parameterization-dimensions__description ::ng-deep ul{padding-left:20px}.mapa-parameterization-dimensions__description ::ng-deep li{margin:0 0 3px}.mapa-parameterization-dimensions__description ::ng-deep b,.mapa-parameterization-dimensions__description ::ng-deep strong{color:var(--mapa-report-text, inherit);font-weight:600}.mapa-parameterization-dimensions__description ::ng-deep :last-child{margin-bottom:0}.mapa-parameterization-ranking mapa-report-ranking-table-widget{display:block;min-width:0}@media(max-width:1100px){.mapa-parameterization-group__grid{grid-template-columns:minmax(0,1fr)}}@media(max-width:600px){.mapa-parameterization-competence__header{grid-template-columns:minmax(0,1fr)}.mapa-parameterization-competence__header .mapa-parameterization-segments{justify-self:start}}\n"] }]
+        }], propDecorators: { heading: [{ type: i0.Input, args: [{ isSignal: true, alias: "heading", required: true }] }], data: [{ type: i0.Input, args: [{ isSignal: true, alias: "data", required: true }] }], legend: [{ type: i0.Input, args: [{ isSignal: true, alias: "legend", required: false }] }], palette: [{ type: i0.Input, args: [{ isSignal: true, alias: "palette", required: false }] }], content: [{ type: i0.Input, args: [{ isSignal: true, alias: "content", required: false }] }] } });
+
 class MapaProgressbarComponent {
     constructor() {
         this.showInterval = true;
@@ -9269,5 +9395,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.21", ngImpo
  * Generated bundle index. Do not edit.
  */
 
-export { AIH_ESTADOS, AIH_TIPOS, BubblePaginationDirective, ButtonComponent, ButtonIconComponent, CEPRange, CID_NAME, CID_REGEX, CORES, CPFPipe, CapabilityClassificationService, CheckboxComponent, Datepicker, DatepickerRange, Dropdown, DropdownTree, ESTADOS, ESTADOS_SIGLA, ElementBase, FiltersComponent, HtmlSanitizerService, IPTUCREATE, IPTUMASKS, IPTUVALIDATE, IconComponent, InputText, LOCALIZACAO_BAIRROS, LOCALIZACAO_CIDADES, LOCALIZACAO_COMPLEMENTOS, LOCALIZACAO_ESTADOS, LOCALIZACAO_LOGRADOUROS, LOCALIZACAO_RUAS, LocaleDatePipe, LocaleDateTimePipe, MAPA_UI_TEXTS, MASKSIE, MapaBenchmarkChartComponent, MapaBenchmarkIndicatorComponent, MapaBreadcrumbComponent, MapaCapabilityComparativeChartComponent, MapaCapabilityComparativeComponent, MapaCapabilityComparativeHeaderComponent, MapaCapabilityDetailComponent, MapaCapabilityDotComponent, MapaCapabilityExpandComponent, MapaCapabilityIndicatorChartComponent, MapaCapabilityIndicatorComponent, MapaCapabilityIndicatorListComponent, MapaCapabilityIntervalBarComponent, MapaCapabilityIntervalComponent, MapaChartComponent, MapaClassificationTagComponent, MapaConclusionCardComponent, MapaDateLocaleService, MapaDatepicker, MapaDatepicker as MapaDatepickerRange, MapaDetailsComponent, MapaDialogComponent, MapaDropdownComponent, MapaDropdownTreeComponent, MapaEmptyStateComponent, MapaFormComponent, MapaFormErrorsComponent, MapaGroupReportComponent, MapaI18nService, MapaInputComponent, MapaMaskAutofillSyncDirective, MapaMenuComponent, MapaNavListComponent, MapaProgressbarComponent, MapaReportGroupProfileWidgetComponent, MapaReportIndicatorsWidgetComponent, MapaReportLegendComponent, MapaReportPointsWidgetComponent, MapaReportPsychosocialWidgetComponent, MapaReportRankingTableWidgetComponent, MapaReportScaleWidgetComponent, MapaReportSocioemotionalWidgetComponent, MapaResultTrackComponent, MapaScaleComponent, MapaScaleParameterizationComponent, MapaSvgIconComponent, MapaTableCellDirective, MapaTableComponent, MapaTextareaComponent, MapaTooltipComponent, MapaTooltipDirective, MapaWarningComponent, MatInputAutosizeDirective, PLACAS_INVALID, PLACAS_RANGE, RadioButton, RadioButtonComponent, ReportItemComponent, SafeHtmlPipe, SlideToggle, SlideToggleComponent, TagComponent, Textarea, ValidationMessageResolverService, addDays, addMonthsToDateValue, allNumbersAreSame, buildDetailedIndicatorSections, buildIndicatorCollections, cep_ranges, create_aih, create_cartaocredito, create_certidao, create_cnh, create_cnhespelho, create_cnpj, create_cns, create_cpf, create_ect, create_iptu, create_iptu_ctba, create_iptu_sp, create_pispasep, create_processo, create_renachestadual, create_renachseguranca, create_renavam, create_titulo, create_titulo_atual, creditCardValidator, currencyToNumber, customPaginatorFactory, faker_iptu, fillString, formatBrazilianDate, formatDateAsDayMonthYear, formatDateAsMonthDayYear, formatDateByLanguage, formatDateForLocale, formatDateTimeByLanguage, formatDateValue, formatLocaleDate, formatLocaleDateTime, generateInscricaoEstadual, getActiveDateFormat, getActiveDateLocale, getAllDigits, getAllWords, getDateFormatByLanguage, getDateInputMask, getDateTimeFormatByLanguage, getDayOfMonthFromDateValue, getDefaultDateRange, getRelativeDateRange, getSpecialProperty, getYearFromDateValue, isAfterDateValue, isArray, isDateValue, isMonthFirstDateLocale, isNil, isNumber, isPresent, isString, isValidDateByLanguage, isValidDateValue, makeGenericFaker, maskBr, mask_iptu, mergeMapaUiTexts, modulo11, modulo11Custom, modulo11a, normalizeDateInput, normalizeDateLocale, normalizeLookup, normalizeText, numberToCurrency, openDialog, parseBrazilianDate, parseDateByLanguage, parseDateFieldValue, parseDateValue, parseDateValueFns, parseLocaleDateValue, processCaretTraps, provideMapaUiTexts, rand, randArray, randomEstadoSigla, randomLetter, randomLetterOrNumber, randomNumber, reformatDateStringForLanguage, rg_rj, rg_sp, sanitizeHtmlContent, setTimeOnDateValue, slugify, toDatepickerLocale, toIsoDateByLanguage, toIsoDateByLanguageWithUtcTime, toIsoDateValue, toIsoDateValueWithTime, toIsoDateValueWithUtcTime, toUtcDayExclusiveEndIso, toUtcRangeEndIso, toUtcRangeStartIso, utilsBr, validateBr, validate_aih, validate_cartaocredito, validate_celular, validate_cep, validate_certidao, validate_chassi, validate_cnh, validate_cnhespelho, validate_cnpj, validate_cns, validate_cpf, validate_currency, validate_datahora, validate_datetime, validate_ect, validate_inscricaoestadual, validate_iptu, validate_iptu_contagem, validate_iptu_ctba, validate_iptu_sp, validate_number, validate_pispasep, validate_placa, validate_porcentagem, validate_processo, validate_renachestadual, validate_renachseguranca, validate_renavam, validate_rg, validate_sped, validate_telefone, validate_time, validate_titulo };
+export { AIH_ESTADOS, AIH_TIPOS, BubblePaginationDirective, ButtonComponent, ButtonIconComponent, CEPRange, CID_NAME, CID_REGEX, CORES, CPFPipe, CapabilityClassificationService, CheckboxComponent, Datepicker, DatepickerRange, Dropdown, DropdownTree, ESTADOS, ESTADOS_SIGLA, ElementBase, FiltersComponent, HtmlSanitizerService, IPTUCREATE, IPTUMASKS, IPTUVALIDATE, IconComponent, InputText, LOCALIZACAO_BAIRROS, LOCALIZACAO_CIDADES, LOCALIZACAO_COMPLEMENTOS, LOCALIZACAO_ESTADOS, LOCALIZACAO_LOGRADOUROS, LOCALIZACAO_RUAS, LocaleDatePipe, LocaleDateTimePipe, MAPA_UI_TEXTS, MASKSIE, MapaBenchmarkChartComponent, MapaBenchmarkIndicatorComponent, MapaBreadcrumbComponent, MapaCapabilityComparativeChartComponent, MapaCapabilityComparativeComponent, MapaCapabilityComparativeHeaderComponent, MapaCapabilityDetailComponent, MapaCapabilityDotComponent, MapaCapabilityExpandComponent, MapaCapabilityIndicatorChartComponent, MapaCapabilityIndicatorComponent, MapaCapabilityIndicatorListComponent, MapaCapabilityIntervalBarComponent, MapaCapabilityIntervalComponent, MapaChartComponent, MapaClassificationTagComponent, MapaConclusionCardComponent, MapaDateLocaleService, MapaDatepicker, MapaDatepicker as MapaDatepickerRange, MapaDetailsComponent, MapaDialogComponent, MapaDropdownComponent, MapaDropdownTreeComponent, MapaEmptyStateComponent, MapaFormComponent, MapaFormErrorsComponent, MapaGroupReportComponent, MapaI18nService, MapaInputComponent, MapaMaskAutofillSyncDirective, MapaMenuComponent, MapaNavListComponent, MapaProgressbarComponent, MapaReportGroupProfileWidgetComponent, MapaReportIndicatorsWidgetComponent, MapaReportLegendComponent, MapaReportParameterizationWidgetComponent, MapaReportPointsWidgetComponent, MapaReportPsychosocialWidgetComponent, MapaReportRankingTableWidgetComponent, MapaReportScaleWidgetComponent, MapaReportSocioemotionalWidgetComponent, MapaResultTrackComponent, MapaScaleComponent, MapaScaleParameterizationComponent, MapaSvgIconComponent, MapaTableCellDirective, MapaTableComponent, MapaTextareaComponent, MapaTooltipComponent, MapaTooltipDirective, MapaWarningComponent, MatInputAutosizeDirective, PLACAS_INVALID, PLACAS_RANGE, RadioButton, RadioButtonComponent, ReportItemComponent, SafeHtmlPipe, SlideToggle, SlideToggleComponent, TagComponent, Textarea, ValidationMessageResolverService, addDays, addMonthsToDateValue, allNumbersAreSame, buildDetailedIndicatorSections, buildIndicatorCollections, cep_ranges, create_aih, create_cartaocredito, create_certidao, create_cnh, create_cnhespelho, create_cnpj, create_cns, create_cpf, create_ect, create_iptu, create_iptu_ctba, create_iptu_sp, create_pispasep, create_processo, create_renachestadual, create_renachseguranca, create_renavam, create_titulo, create_titulo_atual, creditCardValidator, currencyToNumber, customPaginatorFactory, faker_iptu, fillString, formatBrazilianDate, formatDateAsDayMonthYear, formatDateAsMonthDayYear, formatDateByLanguage, formatDateForLocale, formatDateTimeByLanguage, formatDateValue, formatLocaleDate, formatLocaleDateTime, generateInscricaoEstadual, getActiveDateFormat, getActiveDateLocale, getAllDigits, getAllWords, getDateFormatByLanguage, getDateInputMask, getDateTimeFormatByLanguage, getDayOfMonthFromDateValue, getDefaultDateRange, getRelativeDateRange, getSpecialProperty, getYearFromDateValue, isAfterDateValue, isArray, isDateValue, isMonthFirstDateLocale, isNil, isNumber, isPresent, isString, isValidDateByLanguage, isValidDateValue, makeGenericFaker, maskBr, mask_iptu, mergeMapaUiTexts, modulo11, modulo11Custom, modulo11a, normalizeDateInput, normalizeDateLocale, normalizeLookup, normalizeText, numberToCurrency, openDialog, parseBrazilianDate, parseDateByLanguage, parseDateFieldValue, parseDateValue, parseDateValueFns, parseLocaleDateValue, processCaretTraps, provideMapaUiTexts, rand, randArray, randomEstadoSigla, randomLetter, randomLetterOrNumber, randomNumber, reformatDateStringForLanguage, rg_rj, rg_sp, sanitizeHtmlContent, setTimeOnDateValue, slugify, toDatepickerLocale, toIsoDateByLanguage, toIsoDateByLanguageWithUtcTime, toIsoDateValue, toIsoDateValueWithTime, toIsoDateValueWithUtcTime, toUtcDayExclusiveEndIso, toUtcRangeEndIso, toUtcRangeStartIso, utilsBr, validateBr, validate_aih, validate_cartaocredito, validate_celular, validate_cep, validate_certidao, validate_chassi, validate_cnh, validate_cnhespelho, validate_cnpj, validate_cns, validate_cpf, validate_currency, validate_datahora, validate_datetime, validate_ect, validate_inscricaoestadual, validate_iptu, validate_iptu_contagem, validate_iptu_ctba, validate_iptu_sp, validate_number, validate_pispasep, validate_placa, validate_porcentagem, validate_processo, validate_renachestadual, validate_renachseguranca, validate_renavam, validate_rg, validate_sped, validate_telefone, validate_time, validate_titulo };
 //# sourceMappingURL=mapa-library-ui.mjs.map