mapa-library-ui 2.6.2 → 2.7.0

package/fesm2022/mapa-library-ui.mjs

@@ -29,10 +29,10 @@ import { NgApexchartsModule } from 'ng-apexcharts';
 import { CdkConnectedOverlay, CdkOverlayOrigin } from '@angular/cdk/overlay';
 import * as i2$3 from '@angular/material/checkbox';
 import { MatCheckboxModule } from '@angular/material/checkbox';
-import * as i2$4 from '@angular/material/icon';
+import * as i1$4 from '@angular/material/icon';
 import { MatIconModule } from '@angular/material/icon';
 import { NgxsmkDatepickerComponent } from 'ngxsmk-datepicker';
-import * as i1$4 from '@angular/material/dialog';
+import * as i1$5 from '@angular/material/dialog';
 import { MAT_DIALOG_DATA, MatDialogModule, MatDialogConfig } from '@angular/material/dialog';
 import * as i3$2 from '@angular/material/radio';
 import { MatRadioModule } from '@angular/material/radio';
@@ -40,8 +40,8 @@ import * as i3$3 from '@angular/material/slide-toggle';
 import { MatSlideToggleModule } from '@angular/material/slide-toggle';
 import * as i3$4 from '@angular/material/menu';
 import { MatMenuModule, MatMenuTrigger } from '@angular/material/menu';
-import * as i1$5 from '@angular/common/http';
-import * as i1$6 from '@angular/material/button-toggle';
+import * as i1$6 from '@angular/common/http';
+import * as i1$7 from '@angular/material/button-toggle';
 import { MatButtonToggleModule } from '@angular/material/button-toggle';
 
 class ElementBase {
@@ -6486,7 +6486,7 @@ class MapaConclusionCardComponent {
         this.expanded.set(!this.expanded());
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.21", ngImport: i0, type: MapaConclusionCardComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.21", type: MapaConclusionCardComponent, isStandalone: true, selector: "mapa-conclusion-card", inputs: { data: { classPropertyName: "data", publicName: "data", isSignal: true, isRequired: true, transformFunction: null }, editable: { classPropertyName: "editable", publicName: "editable", isSignal: true, isRequired: false, transformFunction: null }, editLabel: { classPropertyName: "editLabel", publicName: "editLabel", isSignal: true, isRequired: false, transformFunction: null }, addLabel: { classPropertyName: "addLabel", publicName: "addLabel", isSignal: true, isRequired: false, transformFunction: null }, expanded: { classPropertyName: "expanded", publicName: "expanded", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { expanded: "expandedChange", edit: "edit" }, ngImport: i0, template: "<article\n  class=\"mapa-conclusion-card\"\n  [class.mapa-conclusion-card--overall]=\"isOverall()\"\n>\n  <header class=\"mapa-conclusion-card__header\">\n    <button\n      type=\"button\"\n      class=\"mapa-conclusion-card__toggle\"\n      [class.mapa-conclusion-card__toggle--static]=\"!hasConclusion()\"\n      [attr.aria-expanded]=\"hasConclusion() ? isExpanded() : null\"\n      [attr.aria-controls]=\"hasConclusion() ? panelId : null\"\n      (click)=\"toggle()\"\n    >\n      <span class=\"mapa-conclusion-card__icon\" aria-hidden=\"true\">\n        <mat-icon>{{ icon() }}</mat-icon>\n      </span>\n      <span class=\"mapa-conclusion-card__heading\">\n        <strong>{{ data().title }}</strong>\n        @if (data().context) {\n          <small>{{ data().context }}</small>\n        }\n      </span>\n      <div class=\"mapa-conclusion-card__status\">\n        @if (!hasConclusion()) {\n          <div class=\"mapa-conclusion-card__status--actions\">\n            <button\n              type=\"button\"\n              class=\"mapa-conclusion-card__edit\"\n              (click)=\"edit.emit()\"\n            >\n              <mat-icon aria-hidden=\"true\">\n                {{ hasConclusion() ? \"edit\" : \"add\" }}\n              </mat-icon>\n              {{ addCaption() }}\n            </button>\n          </div>\n        } @else {\n          <mapa-classification-tag\n            appearance=\"tonal\"\n            casing=\"natural\"\n            size=\"medium\"\n            [classification]=\"data().classification\"\n          />\n          <mat-icon class=\"mapa-conclusion-card__chevron\" aria-hidden=\"true\">\n            {{ isExpanded() ? \"keyboard_arrow_up\" : \"keyboard_arrow_down\" }}\n          </mat-icon>\n        }\n      </div>\n    </button>\n  </header>\n\n  @if (isExpanded()) {\n    <div class=\"mapa-conclusion-card__body\" [id]=\"panelId\">\n      @if (data().body) {\n        <div\n          class=\"mapa-conclusion-card__text\"\n          [innerHTML]=\"data().body | safeHtml\"\n        ></div>\n      } @else {\n        <p class=\"mapa-conclusion-card__empty\">{{ data().emptyText }}</p>\n      }\n      @if (metadata().length) {\n        <dl class=\"mapa-conclusion-card__metadata\">\n          @for (item of metadata(); track item.label) {\n            <div>\n              <dt>{{ item.label }}</dt>\n              <dd\n                [class.mapa-conclusion-card__metadata-value--emphasized]=\"\n                  item.emphasized\n                \"\n              >\n                {{ item.value }}\n              </dd>\n            </div>\n          }\n          @if (hasConclusion()) {\n            <div>\n              <dt></dt>\n              <dd>\n                <button\n                  type=\"button\"\n                  class=\"mapa-conclusion-card__edit\"\n                  (click)=\"edit.emit()\"\n                >\n                  <mat-icon aria-hidden=\"true\">\n                    {{ hasConclusion() ? \"edit\" : \"add\" }}\n                  </mat-icon>\n                  {{ editCaption() }}\n                </button>\n              </dd>\n            </div>\n          }\n        </dl>\n      }\n    </div>\n  }\n</article>\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-conclusion-card{--mapa-conclusion-card-divider: #edf1f3;--mapa-conclusion-card-overall-border: #ffb99f;--mapa-conclusion-card-overall-surface: #fffaf7;--mapa-conclusion-card-surface: #fff;background:var(--mapa-conclusion-card-surface);border:1px solid var(--mapa-report-border);border-radius:13px;overflow:clip}.mapa-conclusion-card--overall{background:var(--mapa-conclusion-card-overall-surface);border-color:var(--mapa-conclusion-card-overall-border)}.mapa-conclusion-card__header{align-items:stretch;display:flex}.mapa-conclusion-card__toggle{background:transparent;border:0;color:inherit;cursor:pointer;font-family:inherit}.mapa-conclusion-card__toggle--static{cursor:default}.mapa-conclusion-card__toggle:focus-visible{outline:3px solid rgba(255,86,11,.28);outline-offset:-3px}.mapa-conclusion-card__toggle{align-items:center;display:flex;flex:1;gap:12px;min-width:0;padding:15px 16px;text-align:left}.mapa-conclusion-card__icon{align-items:center;background:#f0f3f4;border-radius:10px;color:#67757d;display:inline-flex;height:34px;justify-content:center;width:34px}.mapa-conclusion-card__icon mat-icon{font-size:17px;height:17px;width:17px}.mapa-conclusion-card--overall .mapa-conclusion-card__icon{background:var(--mapa-report-accent-soft);color:#cf4314}.mapa-conclusion-card__heading{display:grid;gap:3px;width:50%}.mapa-conclusion-card__heading strong{font-size:14px}.mapa-conclusion-card__heading small{color:var(--mapa-report-muted);font-size:11px}.mapa-conclusion-card__status{align-items:center;display:flex;flex:1 0 auto;gap:10px;min-width:0}.mapa-conclusion-card__status--actions{text-align:right;width:100%}.mapa-conclusion-card__chevron{color:var(--mapa-report-muted);font-size:18px;height:18px;margin-left:auto;width:18px}.mapa-conclusion-card__edit{align-items:center;background:var(--mapa-conclusion-card-surface);border:1px solid var(--mapa-conclusion-card-overall-border);border-radius:8px;color:var(--mapa-report-accent);cursor:pointer;display:inline-flex;font-size:11px;font-weight:650;gap:6px;min-height:34px;padding:0 10px}.mapa-conclusion-card__edit mat-icon{font-size:16px;height:16px;width:16px}.mapa-conclusion-card__edit:focus-visible{outline:3px solid rgba(255,86,11,.28);outline-offset:2px}.mapa-conclusion-card__body{border-top:1px solid var(--mapa-conclusion-card-divider);padding:16px 18px 17px 62px}.mapa-conclusion-card__text,.mapa-conclusion-card__empty{color:var(--mapa-report-muted);font-size:14px;line-height:1.65;margin:0;max-width:930px}.mapa-conclusion-card__text ::ng-deep ol,.mapa-conclusion-card__text ::ng-deep p,.mapa-conclusion-card__text ::ng-deep ul,.mapa-conclusion-card__empty ::ng-deep ol,.mapa-conclusion-card__empty ::ng-deep p,.mapa-conclusion-card__empty ::ng-deep ul{margin:0 0 8px}.mapa-conclusion-card__text ::ng-deep ol,.mapa-conclusion-card__text ::ng-deep ul,.mapa-conclusion-card__empty ::ng-deep ol,.mapa-conclusion-card__empty ::ng-deep ul{padding-left:20px}.mapa-conclusion-card__text ::ng-deep li,.mapa-conclusion-card__empty ::ng-deep li{margin:0 0 3px}.mapa-conclusion-card__text ::ng-deep b,.mapa-conclusion-card__text ::ng-deep strong,.mapa-conclusion-card__empty ::ng-deep b,.mapa-conclusion-card__empty ::ng-deep strong{color:var(--mapa-report-text, inherit);font-weight:600}.mapa-conclusion-card__text ::ng-deep :last-child,.mapa-conclusion-card__empty ::ng-deep :last-child{margin-bottom:0}.mapa-conclusion-card__metadata{border-top:1px solid var(--mapa-conclusion-card-divider);display:grid;gap:13px;grid-template-columns:1fr .7fr 1.4fr 1.5fr;margin:16px 0 0;padding-top:13px}.mapa-conclusion-card__metadata div{display:grid;gap:2px}.mapa-conclusion-card__metadata dt{color:var(--mapa-report-muted);font-size:10px;font-weight:700;text-transform:uppercase}.mapa-conclusion-card__metadata dd{font-size:12px;font-weight:600;margin:0}.mapa-conclusion-card__metadata-value--emphasized{color:#cf4314}.mapa-conclusion-card__actions{display:flex;justify-content:flex-end;padding:0 18px 16px 62px}.mapa-conclusion-card__actions--collapsed{border-top:1px solid var(--mapa-conclusion-card-divider);padding:12px 16px}@media(max-width:600px){.mapa-conclusion-card__header{align-items:stretch;flex-direction:column}.mapa-conclusion-card__toggle{align-items:flex-start;display:grid;grid-template-columns:auto minmax(0,1fr)}.mapa-conclusion-card__status{grid-column:2;width:100%}.mapa-conclusion-card__status mapa-classification-tag{margin-left:0}.mapa-conclusion-card__body{padding-left:16px}.mapa-conclusion-card__metadata{grid-template-columns:1fr 1fr}.mapa-conclusion-card__actions{padding-left:16px}}\n"], dependencies: [{ kind: "component", type: MapaClassificationTagComponent, selector: "mapa-classification-tag", inputs: ["classification", "size", "appearance", "shape", "casing", "fallbackLabel"] }, { 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: MapaConclusionCardComponent, isStandalone: true, selector: "mapa-conclusion-card", inputs: { data: { classPropertyName: "data", publicName: "data", isSignal: true, isRequired: true, transformFunction: null }, editable: { classPropertyName: "editable", publicName: "editable", isSignal: true, isRequired: false, transformFunction: null }, editLabel: { classPropertyName: "editLabel", publicName: "editLabel", isSignal: true, isRequired: false, transformFunction: null }, addLabel: { classPropertyName: "addLabel", publicName: "addLabel", isSignal: true, isRequired: false, transformFunction: null }, expanded: { classPropertyName: "expanded", publicName: "expanded", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { expanded: "expandedChange", edit: "edit" }, ngImport: i0, template: "<article\n  class=\"mapa-conclusion-card\"\n  [class.mapa-conclusion-card--overall]=\"isOverall()\"\n>\n  <header class=\"mapa-conclusion-card__header\">\n    <button\n      type=\"button\"\n      class=\"mapa-conclusion-card__toggle\"\n      [class.mapa-conclusion-card__toggle--static]=\"!hasConclusion()\"\n      [attr.aria-expanded]=\"hasConclusion() ? isExpanded() : null\"\n      [attr.aria-controls]=\"hasConclusion() ? panelId : null\"\n      (click)=\"toggle()\"\n    >\n      <span class=\"mapa-conclusion-card__icon\" aria-hidden=\"true\">\n        <mat-icon>{{ icon() }}</mat-icon>\n      </span>\n      <span class=\"mapa-conclusion-card__heading\">\n        <strong>{{ data().title }}</strong>\n        @if (data().context) {\n          <small>{{ data().context }}</small>\n        }\n      </span>\n      <div class=\"mapa-conclusion-card__status\">\n        @if (!hasConclusion()) {\n          <div class=\"mapa-conclusion-card__status--actions\">\n            <button\n              type=\"button\"\n              class=\"mapa-conclusion-card__edit\"\n              (click)=\"edit.emit()\"\n            >\n              <mat-icon aria-hidden=\"true\">\n                {{ hasConclusion() ? \"edit\" : \"add\" }}\n              </mat-icon>\n              {{ addCaption() }}\n            </button>\n          </div>\n        } @else {\n          <mapa-classification-tag\n            appearance=\"tonal\"\n            casing=\"natural\"\n            size=\"medium\"\n            [classification]=\"data().classification\"\n          />\n          <mat-icon class=\"mapa-conclusion-card__chevron\" aria-hidden=\"true\">\n            {{ isExpanded() ? \"keyboard_arrow_up\" : \"keyboard_arrow_down\" }}\n          </mat-icon>\n        }\n      </div>\n    </button>\n  </header>\n\n  @if (isExpanded()) {\n    <div class=\"mapa-conclusion-card__body\" [id]=\"panelId\">\n      @if (data().body) {\n        <div\n          class=\"mapa-conclusion-card__text\"\n          [innerHTML]=\"data().body | safeHtml\"\n        ></div>\n      } @else {\n        <p class=\"mapa-conclusion-card__empty\">{{ data().emptyText }}</p>\n      }\n      @if (metadata().length) {\n        <dl class=\"mapa-conclusion-card__metadata\">\n          @for (item of metadata(); track item.label) {\n            <div>\n              <dt>{{ item.label }}</dt>\n              <dd\n                [class.mapa-conclusion-card__metadata-value--emphasized]=\"\n                  item.emphasized\n                \"\n              >\n                {{ item.value }}\n              </dd>\n            </div>\n          }\n          @if (hasConclusion()) {\n            <div>\n              <dt></dt>\n              <dd>\n                <button\n                  type=\"button\"\n                  class=\"mapa-conclusion-card__edit\"\n                  (click)=\"edit.emit()\"\n                >\n                  <mat-icon aria-hidden=\"true\">\n                    {{ hasConclusion() ? \"edit\" : \"add\" }}\n                  </mat-icon>\n                  {{ editCaption() }}\n                </button>\n              </dd>\n            </div>\n          }\n        </dl>\n      }\n    </div>\n  }\n</article>\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-conclusion-card{--mapa-conclusion-card-divider: #edf1f3;--mapa-conclusion-card-overall-border: #ffb99f;--mapa-conclusion-card-overall-surface: #fffaf7;--mapa-conclusion-card-surface: #fff;background:var(--mapa-conclusion-card-surface);border:1px solid var(--mapa-report-border);border-radius:13px;overflow:clip}.mapa-conclusion-card--overall{background:var(--mapa-conclusion-card-overall-surface);border-color:var(--mapa-conclusion-card-overall-border)}.mapa-conclusion-card__header{align-items:stretch;display:flex}.mapa-conclusion-card__toggle{background:transparent;border:0;color:inherit;cursor:pointer;font-family:inherit}.mapa-conclusion-card__toggle--static{cursor:default}.mapa-conclusion-card__toggle:focus-visible{outline:3px solid rgba(255,86,11,.28);outline-offset:-3px}.mapa-conclusion-card__toggle{align-items:center;display:flex;flex:1;gap:12px;min-width:0;padding:15px 16px;text-align:left}.mapa-conclusion-card__icon{align-items:center;background:#f0f3f4;border-radius:10px;color:#67757d;display:inline-flex;height:34px;justify-content:center;width:34px}.mapa-conclusion-card__icon mat-icon{font-size:17px;height:17px;width:17px}.mapa-conclusion-card--overall .mapa-conclusion-card__icon{background:var(--mapa-report-accent-soft);color:#cf4314}.mapa-conclusion-card__heading{display:grid;gap:3px;width:50%}.mapa-conclusion-card__heading strong{font-size:14px}.mapa-conclusion-card__heading small{color:var(--mapa-report-muted);font-size:11px}.mapa-conclusion-card__status{align-items:center;display:flex;flex:1 0 auto;gap:10px;min-width:0}.mapa-conclusion-card__status--actions{text-align:right;width:100%}.mapa-conclusion-card__chevron{color:var(--mapa-report-muted);font-size:18px;height:18px;margin-left:auto;width:18px}.mapa-conclusion-card__edit{align-items:center;background:var(--mapa-conclusion-card-surface);border:1px solid var(--mapa-conclusion-card-overall-border);border-radius:8px;color:var(--mapa-report-accent);cursor:pointer;display:inline-flex;font-size:11px;font-weight:650;gap:6px;min-height:34px;padding:0 10px}.mapa-conclusion-card__edit mat-icon{font-size:16px;height:16px;width:16px}.mapa-conclusion-card__edit:focus-visible{outline:3px solid rgba(255,86,11,.28);outline-offset:2px}.mapa-conclusion-card__body{border-top:1px solid var(--mapa-conclusion-card-divider);padding:16px 18px 17px 62px}.mapa-conclusion-card__text,.mapa-conclusion-card__empty{color:var(--mapa-report-muted);font-size:14px;line-height:1.65;margin:0;max-width:930px}.mapa-conclusion-card__text ::ng-deep ol,.mapa-conclusion-card__text ::ng-deep p,.mapa-conclusion-card__text ::ng-deep ul,.mapa-conclusion-card__empty ::ng-deep ol,.mapa-conclusion-card__empty ::ng-deep p,.mapa-conclusion-card__empty ::ng-deep ul{margin:0 0 8px}.mapa-conclusion-card__text ::ng-deep ol,.mapa-conclusion-card__text ::ng-deep ul,.mapa-conclusion-card__empty ::ng-deep ol,.mapa-conclusion-card__empty ::ng-deep ul{padding-left:20px}.mapa-conclusion-card__text ::ng-deep li,.mapa-conclusion-card__empty ::ng-deep li{margin:0 0 3px}.mapa-conclusion-card__text ::ng-deep b,.mapa-conclusion-card__text ::ng-deep strong,.mapa-conclusion-card__empty ::ng-deep b,.mapa-conclusion-card__empty ::ng-deep strong{color:var(--mapa-report-text, inherit);font-weight:600}.mapa-conclusion-card__text ::ng-deep :last-child,.mapa-conclusion-card__empty ::ng-deep :last-child{margin-bottom:0}.mapa-conclusion-card__metadata{border-top:1px solid var(--mapa-conclusion-card-divider);display:grid;gap:13px;grid-template-columns:1fr .7fr 1.4fr 1.5fr;margin:16px 0 0;padding-top:13px}.mapa-conclusion-card__metadata div{display:grid;gap:2px}.mapa-conclusion-card__metadata dt{color:var(--mapa-report-muted);font-size:10px;font-weight:700;text-transform:uppercase}.mapa-conclusion-card__metadata dd{font-size:12px;font-weight:600;margin:0}.mapa-conclusion-card__metadata-value--emphasized{color:#cf4314}.mapa-conclusion-card__actions{display:flex;justify-content:flex-end;padding:0 18px 16px 62px}.mapa-conclusion-card__actions--collapsed{border-top:1px solid var(--mapa-conclusion-card-divider);padding:12px 16px}@media(max-width:600px){.mapa-conclusion-card__header{align-items:stretch;flex-direction:column}.mapa-conclusion-card__toggle{align-items:flex-start;display:grid;grid-template-columns:auto minmax(0,1fr)}.mapa-conclusion-card__status{grid-column:2;width:100%}.mapa-conclusion-card__status mapa-classification-tag{margin-left:0}.mapa-conclusion-card__body{padding-left:16px}.mapa-conclusion-card__metadata{grid-template-columns:1fr 1fr}.mapa-conclusion-card__actions{padding-left:16px}}\n"], dependencies: [{ kind: "component", type: MapaClassificationTagComponent, selector: "mapa-classification-tag", inputs: ["classification", "size", "appearance", "shape", "casing", "fallbackLabel"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i1$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: MapaConclusionCardComponent, decorators: [{
             type: Component,
@@ -7085,8 +7085,8 @@ class MapaDialogComponent {
     emitData() {
         this.dataEmitter.emit(this.dialogData);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.21", ngImport: i0, type: MapaDialogComponent, deps: [{ token: MAT_DIALOG_DATA }, { token: i1$4.MatDialogRef }, { token: i1$3.DomSanitizer }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.21", type: MapaDialogComponent, isStandalone: true, selector: "mapa-dialog", inputs: { isReportRegistration: "isReportRegistration" }, outputs: { dataEmitter: "dataEmitter" }, ngImport: i0, template: "<div class=\"mapa-dialog\">\n  <div class=\"dialog-icon\">\n    <mat-icon (click)=\"close()\">close</mat-icon>\n  </div> \n  <mat-dialog-content>\n    <img *ngIf=\"imgBase64\" [src]=\"imgBase64\" />\n    <h2>\n      {{ dialogData.title }}\n    </h2>\n    <p [innerHTML]=\"htmlDescription | safeHtml\"></p>\n  </mat-dialog-content>\n  <div *ngIf=\"dialogData.isReportRegistration\">\n    <mapa-button color=\"accent\" (click)=\"emitData()\">\n      {{ dialogData.button }}\n    </mapa-button>\n  </div>\n  <mat-dialog-actions *ngIf=\"!dialogData.isReportRegistration\" class=\"mapa-dialog__actions\">\n    <mapa-button color=\"basic\" (click)=\"close()\" *ngIf=\"dialogData.actions.close\">\n      {{ dialogData.actions.close }}\n    </mapa-button>\n    <mapa-button color=\"primary\" (click)=\"save()\" *ngIf=\"dialogData.actions.save\">\n      {{ dialogData.actions.save }}\n    </mapa-button>\n  </mat-dialog-actions>\n</div>\n\n", styles: [".mapa-dialog{background-color:#f6f7f7!important;border-radius:8px!important;padding:42px!important}.mapa-dialog .dialog-icon{display:flex;margin-left:95%}.mapa-dialog .mat-icon{cursor:pointer;display:flex;position:relative;align-self:flex-end}.mapa-dialog h2{color:#181818;font-family:var(--mapa-font-heading, \"Asap\", \"Inter\", sans-serif);font-size:24px;font-style:normal;font-weight:400;line-height:32px}.mapa-dialog img{padding:39px 11px;width:100%;border-radius:8px;border:1px solid #CDCDCD;background:#fff;margin:30px 0}.mapa-dialog p{color:#50575e;font-family:var(--mapa-font-body, \"Asap\", \"Roboto\", \"Inter\", sans-serif);font-size:16px;font-style:normal;font-weight:500;line-height:28px}.mapa-dialog__actions{justify-content:end}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: MatDialogModule }, { kind: "directive", type: i1$4.MatDialogActions, selector: "[mat-dialog-actions], mat-dialog-actions, [matDialogActions]", inputs: ["align"] }, { kind: "directive", type: i1$4.MatDialogContent, selector: "[mat-dialog-content], mat-dialog-content, [matDialogContent]" }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i2$4.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: ButtonComponent, selector: "mapa-button", inputs: ["color", "disabled", "shape", "fullWidth"], outputs: ["clicked"] }, { kind: "pipe", type: SafeHtmlPipe, name: "safeHtml" }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.21", ngImport: i0, type: MapaDialogComponent, deps: [{ token: MAT_DIALOG_DATA }, { token: i1$5.MatDialogRef }, { token: i1$3.DomSanitizer }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.21", type: MapaDialogComponent, isStandalone: true, selector: "mapa-dialog", inputs: { isReportRegistration: "isReportRegistration" }, outputs: { dataEmitter: "dataEmitter" }, ngImport: i0, template: "<div class=\"mapa-dialog\">\n  <div class=\"dialog-icon\">\n    <mat-icon (click)=\"close()\">close</mat-icon>\n  </div> \n  <mat-dialog-content>\n    <img *ngIf=\"imgBase64\" [src]=\"imgBase64\" />\n    <h2>\n      {{ dialogData.title }}\n    </h2>\n    <p [innerHTML]=\"htmlDescription | safeHtml\"></p>\n  </mat-dialog-content>\n  <div *ngIf=\"dialogData.isReportRegistration\">\n    <mapa-button color=\"accent\" (click)=\"emitData()\">\n      {{ dialogData.button }}\n    </mapa-button>\n  </div>\n  <mat-dialog-actions *ngIf=\"!dialogData.isReportRegistration\" class=\"mapa-dialog__actions\">\n    <mapa-button color=\"basic\" (click)=\"close()\" *ngIf=\"dialogData.actions.close\">\n      {{ dialogData.actions.close }}\n    </mapa-button>\n    <mapa-button color=\"primary\" (click)=\"save()\" *ngIf=\"dialogData.actions.save\">\n      {{ dialogData.actions.save }}\n    </mapa-button>\n  </mat-dialog-actions>\n</div>\n\n", styles: [".mapa-dialog{background-color:#f6f7f7!important;border-radius:8px!important;padding:42px!important}.mapa-dialog .dialog-icon{display:flex;margin-left:95%}.mapa-dialog .mat-icon{cursor:pointer;display:flex;position:relative;align-self:flex-end}.mapa-dialog h2{color:#181818;font-family:var(--mapa-font-heading, \"Asap\", \"Inter\", sans-serif);font-size:24px;font-style:normal;font-weight:400;line-height:32px}.mapa-dialog img{padding:39px 11px;width:100%;border-radius:8px;border:1px solid #CDCDCD;background:#fff;margin:30px 0}.mapa-dialog p{color:#50575e;font-family:var(--mapa-font-body, \"Asap\", \"Roboto\", \"Inter\", sans-serif);font-size:16px;font-style:normal;font-weight:500;line-height:28px}.mapa-dialog__actions{justify-content:end}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: MatDialogModule }, { kind: "directive", type: i1$5.MatDialogActions, selector: "[mat-dialog-actions], mat-dialog-actions, [matDialogActions]", inputs: ["align"] }, { kind: "directive", type: i1$5.MatDialogContent, selector: "[mat-dialog-content], mat-dialog-content, [matDialogContent]" }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i1$4.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: ButtonComponent, selector: "mapa-button", inputs: ["color", "disabled", "shape", "fullWidth"], outputs: ["clicked"] }, { kind: "pipe", type: SafeHtmlPipe, name: "safeHtml" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.21", ngImport: i0, type: MapaDialogComponent, decorators: [{
             type: Component,
@@ -7100,7 +7100,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.21", ngImpo
         }], ctorParameters: () => [{ type: undefined, decorators: [{
                     type: Inject,
                     args: [MAT_DIALOG_DATA]
-                }] }, { type: i1$4.MatDialogRef }, { type: i1$3.DomSanitizer }], propDecorators: { isReportRegistration: [{
+                }] }, { type: i1$5.MatDialogRef }, { type: i1$3.DomSanitizer }], propDecorators: { isReportRegistration: [{
                 type: Input
             }], dataEmitter: [{
                 type: Output
@@ -7254,7 +7254,7 @@ class MapaInputComponent {
                 useExisting: forwardRef(() => MapaInputComponent),
                 multi: true,
             },
-        ], ngImport: i0, template: "<label *ngIf=\"element.label\" class=\"mapa-input__label\">\n  {{ element.label }}\n</label>\n<div class=\"mapa-form--inline\">\n  <mat-form-field\n    class=\"mapa-input\"\n    [class.mapa-input--autosize]=\"element.autosize\"\n    appearance=\"outline\"\n    subscriptSizing=\"dynamic\"\n  >\n    <mat-icon *ngIf=\"element.prefix\" class=\"mapa-input--prefix\" matPrefix>\n      {{ element.prefix }}\n    </mat-icon>\n    <input\n      *ngIf=\"element.autosize\"\n      matInput\n      matInputAutosize\n      [matInputAutosizeMinWidth]=\"element.autosizeMinWidth!\"\n      [matInputAutosizeMaxWidth]=\"element.autosizeMaxWidth!\"\n      [formControl]=\"formControl\"\n      [placeholder]=\"element.placeholder || element.label\"\n      [maxlength]=\"element.maxLength\"\n      (keydown.enter)=\"suffixEmit()\"\n      [type]=\"type\"\n      [mask]=\"element.mask\"\n      thousandSeparator=\".\"\n      decimalMarker=\",\"\n      [autocomplete]=\"element.autocomplete\"\n      [readOnly]=\"element.readonly\"\n    />\n    <input\n      matInput\n      *ngIf=\"!element.autosize\"\n      [formControl]=\"formControl\"\n      [placeholder]=\"element.placeholder || element.label\"\n      [maxlength]=\"element.maxLength\"\n      (keydown.enter)=\"suffixEmit()\"\n      [type]=\"type\"\n      [mask]=\"element.mask\"\n      [autocomplete]=\"element.autocomplete\"\n      [readOnly]=\"element.readonly\"\n    />\n    <button\n      *ngIf=\"hasValue() && !formControl.disabled && element.clearValue\"\n      type=\"button\"\n      tabindex=\"-1\"\n      matSuffix\n      aria-label=\"Limpar\"\n      (click)=\"clearValue()\"\n      class=\"mapa-input--close\"\n    >\n      &times;\n    </button>\n    <mat-icon\n      *ngIf=\"element.suffix\"\n      class=\"mapa-input--suffix\"\n      matSuffix\n      (click)=\"suffix.emit()\"\n    >\n      {{ element.suffix }}\n    </mat-icon>\n    <mat-hint *ngIf=\"element.hint\">{{ element.hint }}</mat-hint>\n    <mat-error>\n      <mapa-form-errors\n        [control]=\"formControl\"\n        [errors]=\"element.errors\"\n      ></mapa-form-errors>\n    </mat-error>\n  </mat-form-field>\n\n  <div *ngIf=\"element.actionButton\" class=\"mapa-form--action\">\n    <mapa-button\n      color=\"basic\"\n      (clicked)=\"element.actionButton.action.emit(true)\"\n    >\n      {{ element.actionButton.label }}\n    </mapa-button>\n  </div>\n</div>\n", styles: [":host{display:inline-block;max-width:100%;min-width:0;box-sizing:border-box}.mapa-input{width:310px;max-width:100%;min-width:0;box-sizing:border-box}.mapa-input--autosize{width:auto;--mapa-input-autosize-preferred-width: 310px}.mapa-input__label{font-family:var(--mapa-font-heading, \"Asap\", \"Inter\", sans-serif);display:block;font-size:12px;font-style:normal;font-weight:600;line-height:16px;text-transform:uppercase;margin-bottom:16px}:host ::ng-deep .mapa-input--autosize .mat-mdc-form-field-infix{overflow:hidden}:host ::ng-deep .mapa-input .mat-mdc-form-field-error-wrapper,:host ::ng-deep .mapa-input .mat-mdc-form-field-hint-wrapper,:host ::ng-deep .mapa-input .mat-mdc-form-field-subscript-wrapper{padding:0!important}:host ::ng-deep .mapa-input .mat-mdc-form-field-error{margin:8px 0 0;padding-left:4px;color:#b54242;font-size:13px;line-height:18px}:host ::ng-deep .mapa-input .mat-mdc-form-field-error:before{display:none}:host ::ng-deep .mapa-input .mat-mdc-form-field-hint{display:block;margin:8px 0 0;padding-left:4px;color:var(--mapa-color-muted, #555555);font-size:13px;line-height:18px}:host ::ng-deep .mapa-input .mat-mdc-form-field-hint:before{display:none}:host ::ng-deep .mapa-input .mat-mdc-input-element{font-family:var(--mapa-font-body, \"Asap\", \"Roboto\", \"Inter\", sans-serif);font-size:16px;font-style:normal;font-weight:400}:host ::ng-deep .mapa-input .mat-mdc-form-field-flex{height:48px!important}:host ::ng-deep .mapa-input .mat-mdc-text-field-wrapper{background-color:var(--mapa-color-surface, #ffffff);border-radius:var(--mapa-radius-sm, 12px);height:48px}:host ::ng-deep .mapa-input .mat-mdc-text-field-wrapper.mdc-text-field--outlined{padding-left:unset!important;padding-right:unset!important}:host ::ng-deep .mapa-input .mdc-notched-outline{background-color:transparent;border-radius:var(--mapa-radius-sm, 12px)}:host ::ng-deep .mapa-input .mdc-text-field--outlined .mat-mdc-form-field-infix{padding-bottom:12px;padding-top:16px;--mat-form-field-container-height: 48px}:host ::ng-deep .mapa-input .mdc-text-field--outlined{--mat-form-field-outlined-container-shape: var(--mapa-radius-sm, 12px);--mat-form-field-outlined-outline-color: var( --mapa-color-border, rgba(26, 26, 26, .18) );--mat-form-field-outlined-hover-outline-color: var( --mapa-color-border, rgba(26, 26, 26, .18) );--mat-form-field-outlined-focus-outline-color: var( --mapa-color-accent, #ff560b );--mat-form-field-outlined-outline-width: 1px;--mat-form-field-outlined-focus-outline-width: 1px}:host ::ng-deep .mapa-input .mdc-notched-outline__leading,:host ::ng-deep .mapa-input .mdc-notched-outline__notch,:host ::ng-deep .mapa-input .mdc-notched-outline__trailing{border-width:1px!important}:host ::ng-deep .mapa-input .mat-mdc-form-field-icon-suffix{display:flex}:host ::ng-deep .mapa-input .mat-mdc-form-field-icon-suffix .mapa-input--close{display:flex;flex:0 0 20px;align-items:center;justify-content:center;width:20px;height:20px;padding:0;border:0;border-radius:50%;background:transparent;color:var(--mapa-color-muted, #555555);font-family:inherit;font-size:16px;line-height:1;cursor:pointer}:host ::ng-deep .mapa-input .mat-mdc-form-field-icon-suffix .mapa-input--close:hover{background:#1a1a1a14;color:var(--mapa-color-ink, #1a1a1a)}:host ::ng-deep .mapa-input .mat-mdc-form-field-icon-suffix .mapa-input--close:last-child{margin-right:12px}:host ::ng-deep .mapa-input .mat-mdc-form-field-icon-suffix .mapa-input--suffix{padding:0 0 0 8px}:host ::ng-deep .mapa-input .mat-mdc-form-field-icon-suffix .mat-icon:last-child{padding-right:12px}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i2.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.MaxLengthValidator, selector: "[maxlength][formControlName],[maxlength][formControl],[maxlength][ngModel]", inputs: ["maxlength"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i2.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "directive", type: NgxMaskDirective, selector: "input[mask], textarea[mask]", inputs: ["mask", "specialCharacters", "patterns", "prefix", "suffix", "thousandSeparator", "decimalMarker", "dropSpecialCharacters", "hiddenInput", "showMaskTyped", "placeHolderCharacter", "shownMaskExpression", "clearIfNotMatch", "validation", "separatorLimit", "allowNegativeNumbers", "leadZeroDateTime", "leadZero", "triggerOnMaskChange", "apm", "inputTransformFn", "outputTransformFn", "keepCharacterPositions", "instantPrefix"], outputs: ["maskFilled"], exportAs: ["mask", "ngxMask"] }, { kind: "ngmodule", type: MatFormFieldModule }, { kind: "component", type: i3$1.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i3$1.MatHint, selector: "mat-hint", inputs: ["align", "id"] }, { kind: "directive", type: i3$1.MatError, selector: "mat-error, [matError]", inputs: ["id"] }, { kind: "directive", type: i3$1.MatPrefix, selector: "[matPrefix], [matIconPrefix], [matTextPrefix]", inputs: ["matTextPrefix"] }, { kind: "directive", type: i3$1.MatSuffix, selector: "[matSuffix], [matIconSuffix], [matTextSuffix]", inputs: ["matTextSuffix"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i2$4.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: MatInputModule }, { kind: "directive", type: i1.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly", "disabledInteractive"], exportAs: ["matInput"] }, { kind: "component", type: ButtonComponent, selector: "mapa-button", inputs: ["color", "disabled", "shape", "fullWidth"], outputs: ["clicked"] }, { kind: "directive", type: MatInputAutosizeDirective, selector: "[matInputAutosize]", inputs: ["matInputAutosizeMaxWidth", "matInputAutosizeMinWidth", "matInputAutosizeFontStyle"] }, { kind: "directive", type: MapaMaskAutofillSyncDirective, selector: "input[mask], textarea[mask]", inputs: ["mapaMaskAutofillSync"], exportAs: ["mapaMaskAutofillSync"] }, { kind: "component", type: MapaFormErrorsComponent, selector: "mapa-form-errors", inputs: ["control", "errors"] }] }); }
+        ], ngImport: i0, template: "<label *ngIf=\"element.label\" class=\"mapa-input__label\">\n  {{ element.label }}\n</label>\n<div class=\"mapa-form--inline\">\n  <mat-form-field\n    class=\"mapa-input\"\n    [class.mapa-input--autosize]=\"element.autosize\"\n    appearance=\"outline\"\n    subscriptSizing=\"dynamic\"\n  >\n    <mat-icon *ngIf=\"element.prefix\" class=\"mapa-input--prefix\" matPrefix>\n      {{ element.prefix }}\n    </mat-icon>\n    <input\n      *ngIf=\"element.autosize\"\n      matInput\n      matInputAutosize\n      [matInputAutosizeMinWidth]=\"element.autosizeMinWidth!\"\n      [matInputAutosizeMaxWidth]=\"element.autosizeMaxWidth!\"\n      [formControl]=\"formControl\"\n      [placeholder]=\"element.placeholder || element.label\"\n      [maxlength]=\"element.maxLength\"\n      (keydown.enter)=\"suffixEmit()\"\n      [type]=\"type\"\n      [mask]=\"element.mask\"\n      thousandSeparator=\".\"\n      decimalMarker=\",\"\n      [autocomplete]=\"element.autocomplete\"\n      [readOnly]=\"element.readonly\"\n    />\n    <input\n      matInput\n      *ngIf=\"!element.autosize\"\n      [formControl]=\"formControl\"\n      [placeholder]=\"element.placeholder || element.label\"\n      [maxlength]=\"element.maxLength\"\n      (keydown.enter)=\"suffixEmit()\"\n      [type]=\"type\"\n      [mask]=\"element.mask\"\n      [autocomplete]=\"element.autocomplete\"\n      [readOnly]=\"element.readonly\"\n    />\n    <button\n      *ngIf=\"hasValue() && !formControl.disabled && element.clearValue\"\n      type=\"button\"\n      tabindex=\"-1\"\n      matSuffix\n      aria-label=\"Limpar\"\n      (click)=\"clearValue()\"\n      class=\"mapa-input--close\"\n    >\n      &times;\n    </button>\n    <mat-icon\n      *ngIf=\"element.suffix\"\n      class=\"mapa-input--suffix\"\n      matSuffix\n      (click)=\"suffix.emit()\"\n    >\n      {{ element.suffix }}\n    </mat-icon>\n    <mat-hint *ngIf=\"element.hint\">{{ element.hint }}</mat-hint>\n    <mat-error>\n      <mapa-form-errors\n        [control]=\"formControl\"\n        [errors]=\"element.errors\"\n      ></mapa-form-errors>\n    </mat-error>\n  </mat-form-field>\n\n  <div *ngIf=\"element.actionButton\" class=\"mapa-form--action\">\n    <mapa-button\n      color=\"basic\"\n      (clicked)=\"element.actionButton.action.emit(true)\"\n    >\n      {{ element.actionButton.label }}\n    </mapa-button>\n  </div>\n</div>\n", styles: [":host{display:inline-block;max-width:100%;min-width:0;box-sizing:border-box}.mapa-input{width:310px;max-width:100%;min-width:0;box-sizing:border-box}.mapa-input--autosize{width:auto;--mapa-input-autosize-preferred-width: 310px}.mapa-input__label{font-family:var(--mapa-font-heading, \"Asap\", \"Inter\", sans-serif);display:block;font-size:12px;font-style:normal;font-weight:600;line-height:16px;text-transform:uppercase;margin-bottom:16px}:host ::ng-deep .mapa-input--autosize .mat-mdc-form-field-infix{overflow:hidden}:host ::ng-deep .mapa-input .mat-mdc-form-field-error-wrapper,:host ::ng-deep .mapa-input .mat-mdc-form-field-hint-wrapper,:host ::ng-deep .mapa-input .mat-mdc-form-field-subscript-wrapper{padding:0!important}:host ::ng-deep .mapa-input .mat-mdc-form-field-error{margin:8px 0 0;padding-left:4px;color:#b54242;font-size:13px;line-height:18px}:host ::ng-deep .mapa-input .mat-mdc-form-field-error:before{display:none}:host ::ng-deep .mapa-input .mat-mdc-form-field-hint{display:block;margin:8px 0 0;padding-left:4px;color:var(--mapa-color-muted, #555555);font-size:13px;line-height:18px}:host ::ng-deep .mapa-input .mat-mdc-form-field-hint:before{display:none}:host ::ng-deep .mapa-input .mat-mdc-input-element{font-family:var(--mapa-font-body, \"Asap\", \"Roboto\", \"Inter\", sans-serif);font-size:16px;font-style:normal;font-weight:400}:host ::ng-deep .mapa-input .mat-mdc-form-field-flex{height:48px!important}:host ::ng-deep .mapa-input .mat-mdc-text-field-wrapper{background-color:var(--mapa-color-surface, #ffffff);border-radius:var(--mapa-radius-sm, 12px);height:48px}:host ::ng-deep .mapa-input .mat-mdc-text-field-wrapper.mdc-text-field--outlined{padding-left:unset!important;padding-right:unset!important}:host ::ng-deep .mapa-input .mdc-notched-outline{background-color:transparent;border-radius:var(--mapa-radius-sm, 12px)}:host ::ng-deep .mapa-input .mdc-text-field--outlined .mat-mdc-form-field-infix{padding-bottom:12px;padding-top:16px;--mat-form-field-container-height: 48px}:host ::ng-deep .mapa-input .mdc-text-field--outlined{--mat-form-field-outlined-container-shape: var(--mapa-radius-sm, 12px);--mat-form-field-outlined-outline-color: var( --mapa-color-border, rgba(26, 26, 26, .18) );--mat-form-field-outlined-hover-outline-color: var( --mapa-color-border, rgba(26, 26, 26, .18) );--mat-form-field-outlined-focus-outline-color: var( --mapa-color-accent, #ff560b );--mat-form-field-outlined-outline-width: 1px;--mat-form-field-outlined-focus-outline-width: 1px}:host ::ng-deep .mapa-input .mdc-notched-outline__leading,:host ::ng-deep .mapa-input .mdc-notched-outline__notch,:host ::ng-deep .mapa-input .mdc-notched-outline__trailing{border-width:1px!important}:host ::ng-deep .mapa-input .mat-mdc-form-field-icon-suffix{display:flex}:host ::ng-deep .mapa-input .mat-mdc-form-field-icon-suffix .mapa-input--close{display:flex;flex:0 0 20px;align-items:center;justify-content:center;width:20px;height:20px;padding:0;border:0;border-radius:50%;background:transparent;color:var(--mapa-color-muted, #555555);font-family:inherit;font-size:16px;line-height:1;cursor:pointer}:host ::ng-deep .mapa-input .mat-mdc-form-field-icon-suffix .mapa-input--close:hover{background:#1a1a1a14;color:var(--mapa-color-ink, #1a1a1a)}:host ::ng-deep .mapa-input .mat-mdc-form-field-icon-suffix .mapa-input--close:last-child{margin-right:12px}:host ::ng-deep .mapa-input .mat-mdc-form-field-icon-suffix .mapa-input--suffix{padding:0 0 0 8px}:host ::ng-deep .mapa-input .mat-mdc-form-field-icon-suffix .mat-icon:last-child{padding-right:12px}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i2.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.MaxLengthValidator, selector: "[maxlength][formControlName],[maxlength][formControl],[maxlength][ngModel]", inputs: ["maxlength"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i2.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "directive", type: NgxMaskDirective, selector: "input[mask], textarea[mask]", inputs: ["mask", "specialCharacters", "patterns", "prefix", "suffix", "thousandSeparator", "decimalMarker", "dropSpecialCharacters", "hiddenInput", "showMaskTyped", "placeHolderCharacter", "shownMaskExpression", "clearIfNotMatch", "validation", "separatorLimit", "allowNegativeNumbers", "leadZeroDateTime", "leadZero", "triggerOnMaskChange", "apm", "inputTransformFn", "outputTransformFn", "keepCharacterPositions", "instantPrefix"], outputs: ["maskFilled"], exportAs: ["mask", "ngxMask"] }, { kind: "ngmodule", type: MatFormFieldModule }, { kind: "component", type: i3$1.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i3$1.MatHint, selector: "mat-hint", inputs: ["align", "id"] }, { kind: "directive", type: i3$1.MatError, selector: "mat-error, [matError]", inputs: ["id"] }, { kind: "directive", type: i3$1.MatPrefix, selector: "[matPrefix], [matIconPrefix], [matTextPrefix]", inputs: ["matTextPrefix"] }, { kind: "directive", type: i3$1.MatSuffix, selector: "[matSuffix], [matIconSuffix], [matTextSuffix]", inputs: ["matTextSuffix"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i1$4.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: MatInputModule }, { kind: "directive", type: i1.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly", "disabledInteractive"], exportAs: ["matInput"] }, { kind: "component", type: ButtonComponent, selector: "mapa-button", inputs: ["color", "disabled", "shape", "fullWidth"], outputs: ["clicked"] }, { kind: "directive", type: MatInputAutosizeDirective, selector: "[matInputAutosize]", inputs: ["matInputAutosizeMaxWidth", "matInputAutosizeMinWidth", "matInputAutosizeFontStyle"] }, { kind: "directive", type: MapaMaskAutofillSyncDirective, selector: "input[mask], textarea[mask]", inputs: ["mapaMaskAutofillSync"], exportAs: ["mapaMaskAutofillSync"] }, { kind: "component", type: MapaFormErrorsComponent, selector: "mapa-form-errors", inputs: ["control", "errors"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.21", ngImport: i0, type: MapaInputComponent, decorators: [{
             type: Component,
@@ -7604,13 +7604,13 @@ class MapaSvgIconComponent {
             .replaceAll('stroke="#181818"', `stroke="${this.color}"`)
             .replaceAll('stroke="#7def7b"', `stroke="${this.color}"`);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.21", ngImport: i0, type: MapaSvgIconComponent, deps: [{ token: i1$5.HttpClient }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.21", ngImport: i0, type: MapaSvgIconComponent, deps: [{ token: i1$6.HttpClient }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
     static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.21", type: MapaSvgIconComponent, isStandalone: true, selector: "mapa-svg-icon", inputs: { name: "name", color: "color" }, usesOnChanges: true, ngImport: i0, template: "<span *ngIf=\"svgIcon\" class=\"mapa__svg-icon\" [innerHTML]=\"svgIcon | safeHtml\"></span>\n", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: SafeHtmlPipe, name: "safeHtml" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.21", ngImport: i0, type: MapaSvgIconComponent, decorators: [{
             type: Component,
             args: [{ selector: "mapa-svg-icon", standalone: true, imports: [CommonModule, SafeHtmlPipe], template: "<span *ngIf=\"svgIcon\" class=\"mapa__svg-icon\" [innerHTML]=\"svgIcon | safeHtml\"></span>\n" }]
-        }], ctorParameters: () => [{ type: i1$5.HttpClient }, { type: i0.ChangeDetectorRef }], propDecorators: { name: [{
+        }], ctorParameters: () => [{ type: i1$6.HttpClient }, { type: i0.ChangeDetectorRef }], propDecorators: { name: [{
                 type: Input
             }], color: [{
                 type: Input
@@ -8022,7 +8022,7 @@ class MapaTableComponent {
                 useFactory: customPaginatorFactory,
                 deps: [MapaI18nService, Injector],
             },
-        ], queries: [{ propertyName: "projectedCells", predicate: MapaTableCellDirective, isSignal: true }], ngImport: i0, template: "<section\n  class=\"mapa-data-table\"\n  [class.mapa-data-table--selectable]=\"isSelectable\"\n>\n  <div class=\"mapa-data-table__frame\">\n    @if (isLoading) {\n      <table class=\"mapa-data-table__table\" aria-hidden=\"true\">\n        <thead>\n          <tr>\n            @if (isSelectable) {\n              <th class=\"mapa-data-table__selection-cell\"></th>\n            }\n            @for (column of columns; track column.key) {\n              <th [style.width]=\"skeletonColumnWidth(column)\">\n                {{ column.label }}\n              </th>\n            }\n          </tr>\n        </thead>\n        <tbody>\n          @for (row of skeletonRows; track row) {\n            <tr>\n              @if (isSelectable) {\n                <td class=\"mapa-data-table__selection-cell\">\n                  <span\n                    class=\"mapa-data-table__skeleton mapa-data-table__skeleton--checkbox\"\n                  ></span>\n                </td>\n              }\n              @for (column of columns; track column.key) {\n                <td [style.width]=\"skeletonColumnWidth(column)\">\n                  <span class=\"mapa-data-table__skeleton\"></span>\n                </td>\n              }\n            </tr>\n          }\n        </tbody>\n      </table>\n      <span class=\"mapa-data-table__sr-only\" role=\"status\">\n        {{ texts.table.loading }}\n      </span>\n    } @else if (error) {\n      <div class=\"mapa-data-table__state\" role=\"alert\">\n        <strong>{{ resolvedErrorTitle }}</strong>\n        @if (resolvedErrorSubtitle) {\n          <span>{{ resolvedErrorSubtitle }}</span>\n        }\n        @if (retry.observed) {\n          <button type=\"button\" (click)=\"retry.emit()\">\n            {{ resolvedRetryLabel }}\n          </button>\n        }\n      </div>\n    } @else if (visibleData.length > 0) {\n      <table class=\"mapa-data-table__table\">\n        @if (caption) {\n          <caption class=\"mapa-data-table__sr-only\">\n            {{\n              caption\n            }}\n          </caption>\n        }\n        <thead>\n          <tr>\n            @if (isSelectable) {\n              <th class=\"mapa-data-table__selection-cell\">\n                @if (showSelectAll) {\n                  <mat-checkbox\n                    color=\"primary\"\n                    [checked]=\"allVisibleSelected()\"\n                    [indeterminate]=\"someVisibleSelected()\"\n                    [aria-label]=\"texts.table.selectAllVisible\"\n                    (click)=\"$event.stopPropagation()\"\n                    (change)=\"toggleVisibleRows($event.checked)\"\n                  />\n                } @else {\n                  <span class=\"mapa-data-table__sr-only\">\n                    {{ texts.table.selectionColumn }}\n                  </span>\n                }\n              </th>\n            }\n            @for (column of columns; track column.key) {\n              <th\n                [class.mapa-data-table__cell--center]=\"isCenterAligned(column)\"\n                [class.mapa-data-table__cell--end]=\"isEndAligned(column)\"\n                [class.mapa-data-table__header--sortable]=\"isSortable(column)\"\n                [class.mapa-data-table__header--sorted]=\"isSorted(column)\"\n                [style.width]=\"columnWidth(column)\"\n                [attr.aria-sort]=\"ariaSort(column)\"\n              >\n                @if (isSortable(column)) {\n                  <button\n                    type=\"button\"\n                    class=\"mapa-data-table__sort\"\n                    (click)=\"changeSort(column)\"\n                  >\n                    <span [innerHTML]=\"column.label | safeHtml\"></span>\n                    <mat-icon aria-hidden=\"true\">{{\n                      sortIcon(column)\n                    }}</mat-icon>\n                  </button>\n                } @else {\n                  <span [innerHTML]=\"column.label | safeHtml\"></span>\n                }\n              </th>\n            }\n          </tr>\n        </thead>\n        <tbody>\n          @for (row of visibleData; track rowIdentity(row, $index)) {\n            <tr\n              [class.mapa-data-table__row--selected]=\"isSelected(row)\"\n              [class.mapa-data-table__row--interactive]=\"rowClick.observed\"\n              [attr.tabindex]=\"rowClick.observed ? 0 : null\"\n              (click)=\"emitRowInteraction($event, row)\"\n              (keydown)=\"emitRowKeyboard($event, row)\"\n            >\n              @if (isSelectable) {\n                <td class=\"mapa-data-table__selection-cell\">\n                  <mat-checkbox\n                    color=\"primary\"\n                    [checked]=\"isSelected(row)\"\n                    [aria-label]=\"selectionLabel(row)\"\n                    (click)=\"$event.stopPropagation()\"\n                    (change)=\"toggleRow(row, $event.checked)\"\n                  />\n                </td>\n              }\n              @for (column of columns; track column.key) {\n                <td\n                  [attr.data-label]=\"column.label\"\n                  [class.mapa-data-table__cell--center]=\"\n                    isCenterAligned(column)\n                  \"\n                  [class.mapa-data-table__cell--end]=\"isEndAligned(column)\"\n                  [style.width]=\"columnWidth(column)\"\n                >\n                  <div\n                    class=\"mapa-data-table__cell-content\"\n                    [ngClass]=\"cellClasses(column, row)\"\n                  >\n                    @if (cellTemplate(column.key); as template) {\n                      <ng-container\n                        [ngTemplateOutlet]=\"template\"\n                        [ngTemplateOutletContext]=\"{\n                          $implicit: row,\n                          row,\n                          column,\n                        }\"\n                      ></ng-container>\n                    } @else if (column.key === \"actions\") {\n                      <div class=\"mapa-data-table__actions\">\n                        @for (item of getActionItems(row); track item) {\n                          @if (route(item); as actionRoute) {\n                            <a\n                              class=\"mapa-data-table__action\"\n                              [class.mapa-data-table__action--disabled]=\"\n                                item.disabled\n                              \"\n                              [attr.aria-disabled]=\"\n                                item.disabled ? 'true' : null\n                              \"\n                              [attr.tabindex]=\"item.disabled ? -1 : null\"\n                              [title]=\"item.text\"\n                              [routerLink]=\"item.disabled ? null : actionRoute\"\n                              [queryParams]=\"queryParams(item)\"\n                              (click)=\"$event.stopPropagation()\"\n                            >\n                              @if (item.icon) {\n                                <mat-icon aria-hidden=\"true\">{{\n                                  item.icon\n                                }}</mat-icon>\n                              }\n                              @if (item.image) {\n                                <img [src]=\"item.image\" alt=\"\" />\n                              }\n                              @if (item.svg) {\n                                <mapa-svg-icon [name]=\"svgName(item.svg)\" />\n                              }\n                              @if (item.showText) {\n                                <span>{{ item.text }}</span>\n                              } @else {\n                                <span class=\"mapa-data-table__sr-only\">{{\n                                  item.text\n                                }}</span>\n                              }\n                            </a>\n                          } @else {\n                            <button\n                              type=\"button\"\n                              class=\"mapa-data-table__action\"\n                              [disabled]=\"item.disabled\"\n                              [title]=\"item.text\"\n                              (click)=\"emitAction(row, item, $event)\"\n                            >\n                              @if (item.icon) {\n                                <mat-icon aria-hidden=\"true\">{{\n                                  item.icon\n                                }}</mat-icon>\n                              }\n                              @if (item.image) {\n                                <img [src]=\"item.image\" alt=\"\" />\n                              }\n                              @if (item.svg) {\n                                <mapa-svg-icon [name]=\"svgName(item.svg)\" />\n                              }\n                              @if (item.showText) {\n                                <span>{{ item.text }}</span>\n                              } @else {\n                                <span class=\"mapa-data-table__sr-only\">{{\n                                  item.text\n                                }}</span>\n                              }\n                            </button>\n                          }\n                        }\n                      </div>\n                    } @else if (column.key === \"menu\") {\n                      @if (getMenuItems(row).length > 0) {\n                        <button\n                          type=\"button\"\n                          class=\"mapa-data-table__menu-trigger\"\n                          [matMenuTriggerFor]=\"rowMenu\"\n                          [attr.aria-label]=\"column.label\"\n                          (click)=\"$event.stopPropagation()\"\n                        >\n                          <mat-icon aria-hidden=\"true\">more_vert</mat-icon>\n                        </button>\n                        <mat-menu #rowMenu=\"matMenu\">\n                          @for (item of getMenuItems(row); track item) {\n                            @if (route(item); as menuRoute) {\n                              <a\n                                mat-menu-item\n                                [disabled]=\"item.disabled\"\n                                [routerLink]=\"item.disabled ? null : menuRoute\"\n                                [queryParams]=\"queryParams(item)\"\n                                (click)=\"$event.stopPropagation()\"\n                              >\n                                @if (item.icon) {\n                                  <mat-icon aria-hidden=\"true\">{{\n                                    item.icon\n                                  }}</mat-icon>\n                                }\n                                @if (item.image) {\n                                  <img [src]=\"item.image\" alt=\"\" />\n                                }\n                                <span>{{ item.text }}</span>\n                              </a>\n                            } @else {\n                              <button\n                                mat-menu-item\n                                [disabled]=\"item.disabled\"\n                                (click)=\"emitAction(row, item, $event)\"\n                              >\n                                @if (item.icon) {\n                                  <mat-icon aria-hidden=\"true\">{{\n                                    item.icon\n                                  }}</mat-icon>\n                                }\n                                @if (item.image) {\n                                  <img [src]=\"item.image\" alt=\"\" />\n                                }\n                                <span>{{ item.text }}</span>\n                              </button>\n                            }\n                          }\n                        </mat-menu>\n                      }\n                    } @else if (dateFormat(column); as format) {\n                      @if (dateValue(row, column); as value) {\n                        {{ value | date: format }}\n                      } @else {\n                        {{ column.fallback ?? \"-\" }}\n                      }\n                    } @else if (column.status) {\n                      <span\n                        class=\"mapa-data-table__status\"\n                        [class.mapa-data-table__status--round]=\"\n                          column.status.style === 'round'\n                        \"\n                        [style.background-color]=\"statusBackground(column, row)\"\n                        [style.color]=\"statusTextColor(column, row)\"\n                        [innerHTML]=\"statusLabel(column, row) | safeHtml\"\n                      ></span>\n                    } @else {\n                      <span\n                        [innerHTML]=\"cellValue(row, column) | safeHtml\"\n                      ></span>\n                    }\n                  </div>\n                </td>\n              }\n            </tr>\n          }\n        </tbody>\n      </table>\n    } @else if (isFinished) {\n      <div class=\"mapa-data-table__state\">\n        <strong>{{ resolvedEmptyTitle }}</strong>\n        @if (resolvedEmptySubtitle) {\n          <span>{{ resolvedEmptySubtitle }}</span>\n        }\n      </div>\n    }\n  </div>\n\n  @if (shouldShowPaginator) {\n    <mat-paginator\n      class=\"mapa-data-table__paginator\"\n      appBubblePagination\n      [appCustomLength]=\"totalCount\"\n      [bubblePageIndex]=\"zeroBasedPageIndex\"\n      [pageIndex]=\"zeroBasedPageIndex\"\n      [showFirstButton]=\"paginatorShowFirstButton\"\n      [showLastButton]=\"paginatorShowLastButton\"\n      [renderButtonsNumber]=\"paginatorRenderButtonsNumber\"\n      [hideDefaultArrows]=\"paginatorHideDefaultArrows\"\n      [bubblePageSize]=\"pageSize\"\n      [length]=\"totalCount\"\n      [pageSize]=\"pageSize\"\n      [pageSizeOptions]=\"pageSizeOptions\"\n      (page)=\"handlePage($event)\"\n    />\n  }\n</section>\n", styles: [":host{display:block}.mapa-data-table{color:var(--mapa-color-text, #1a1a1a);font-family:var(--mapa-font-body, Asap, sans-serif)}.mapa-data-table__frame{background:var(--mapa-color-surface, #fff);border:1px solid var(--mapa-color-border, rgba(26, 26, 26, .12));border-radius:14px;overflow-x:auto;scrollbar-color:var(--mapa-color-scrollbar, #dbe0e4) transparent;scrollbar-width:thin}.mapa-data-table__frame::-webkit-scrollbar{height:8px;width:8px}.mapa-data-table__frame::-webkit-scrollbar-track,.mapa-data-table__frame::-webkit-scrollbar-corner{background:transparent}.mapa-data-table__frame::-webkit-scrollbar-thumb{background:var(--mapa-color-scrollbar, #dbe0e4);border-radius:999px}.mapa-data-table__frame::-webkit-scrollbar-thumb:hover{background:var(--mapa-color-scrollbar-hover, #c6ced4)}.mapa-data-table__frame::-webkit-scrollbar-button{display:none;height:0;width:0}.mapa-data-table__table{border-collapse:collapse;width:100%}.mapa-data-table th,.mapa-data-table td{border-bottom:1px solid var(--mapa-color-border-soft, rgba(26, 26, 26, .08));box-sizing:border-box;font-family:inherit;font-size:13px;font-weight:400;padding:.875rem 1rem;text-align:left;vertical-align:middle}.mapa-data-table th{background:var(--mapa-color-surface-muted, #fafbfc);color:var(--mapa-color-text-subtle, #555);font-size:.75rem;font-weight:600;letter-spacing:.02em;text-transform:uppercase;white-space:nowrap}.mapa-data-table td{color:var(--mapa-color-text, #1a1a1a)}.mapa-data-table tbody tr:last-child td{border-bottom:0}.mapa-data-table tbody tr:hover,.mapa-data-table__row--selected{background:var(--mapa-color-primary-soft, #FFF8F4)}.mapa-data-table__row--interactive{cursor:pointer}.mapa-data-table__row--interactive:focus-visible{outline:2px solid var(--mapa-color-primary, #ff560b);outline-offset:-3px}.mapa-data-table__selection-cell{width:4.5rem}.mapa-data-table__cell--center{text-align:center}.mapa-data-table__cell--end{text-align:right}.mapa-data-table__cell-content{min-width:0}.mapa-data-table__cell--ellipsis{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mapa-data-table__cell--no-wrap{white-space:nowrap}.mapa-data-table__cell--wrap{white-space:pre-wrap}.mapa-data-table th.mapa-data-table__header--sortable{transition:background-color .15s ease}.mapa-data-table th.mapa-data-table__header--sortable:hover{background:var(--mapa-color-primary-soft, #fff8f4);color:var(--mapa-color-primary-dark, #d94021)}.mapa-data-table__header--sorted .mapa-data-table__sort{color:var(--mapa-color-text, #1a1a1a)}.mapa-data-table__sort{align-items:center;background:transparent;border:0;border-radius:4px;color:inherit;cursor:pointer;display:inline-flex;font:inherit;gap:.25rem;letter-spacing:inherit;padding:0;text-transform:inherit;transition:color .15s ease}.mapa-data-table__state button:focus-visible,.mapa-data-table__action:focus-visible,.mapa-data-table__menu-trigger:focus-visible{outline:2px solid var(--mapa-color-primary-dark, #50575E);outline-offset:3px}.mapa-data-table__sort:focus-visible{outline:2px solid var(--mapa-color-primary-dark, #50575e);outline-offset:-2px}.mapa-data-table__sort mat-icon{color:var(--mapa-color-icon-subtle, #9da5aa);font-size:.875rem;height:.875rem;transition:color .15s ease;width:.875rem}.mapa-data-table__header--sortable:hover .mapa-data-table__sort mat-icon,.mapa-data-table__header--sorted .mapa-data-table__sort mat-icon{color:currentcolor}.mapa-data-table__actions{align-items:center;display:inline-flex;gap:.5rem}.mapa-data-table__action,.mapa-data-table__menu-trigger{align-items:center;background:transparent;border:0;border-radius:6px;color:var(--mapa-color-primary-dark, #50575E);cursor:pointer;display:inline-flex;font:inherit;gap:.375rem;justify-content:center;min-height:36px;min-width:36px;padding:.375rem;text-decoration:none}.mapa-data-table__action mat-icon,.mapa-data-table__menu-trigger mat-icon{color:#50575e}.mapa-data-table__action:hover,.mapa-data-table__menu-trigger:hover{background:var(--mapa-color-primary-soft, #FFF8F4)}.mapa-data-table__action:disabled,.mapa-data-table__action--disabled{cursor:not-allowed;opacity:.45}.mapa-data-table__action img,.mapa-data-table__menu-trigger img{height:1.25rem;width:1.25rem}.mapa-data-table__status{border-radius:4px;display:inline-flex;padding:.25rem .5rem;white-space:nowrap}.mapa-data-table__status--round{border-radius:999px}.mapa-data-table__state{align-items:center;color:var(--mapa-color-text-subtle, #555);display:flex;flex-direction:column;gap:.625rem;justify-content:center;min-height:150px;padding:1.5rem;text-align:center}.mapa-data-table__state strong{color:var(--mapa-color-text, #1a1a1a)}.mapa-data-table__state button{background:var(--mapa-color-surface-warm, #fffaf6);border:1px solid var(--mapa-color-border, rgba(26, 26, 26, .12));border-radius:10px;color:var(--mapa-color-text, #1a1a1a);cursor:pointer;font:inherit;min-height:40px;padding:.5rem .875rem}.mapa-data-table__skeleton{animation:mapa-data-table-shimmer 1.2s linear infinite;background:linear-gradient(90deg,#f0f2f4 25%,#e6e9ec,#f0f2f4 75%);background-size:200% 100%;border-radius:8px;display:block;height:1rem;max-width:14rem}.mapa-data-table__skeleton--checkbox{border-radius:3px;height:1.125rem;width:1.125rem}.mapa-data-table__sr-only{clip:rect(0 0 0 0);clip-path:inset(50%);height:1px;overflow:hidden;position:absolute;white-space:nowrap;width:1px}:host ::ng-deep .mapa-data-table__paginator{background:transparent;color:var(--mapa-color-text-subtle, #555);font-family:var(--mapa-font-body, Asap, sans-serif)}:host ::ng-deep .mapa-data-table__paginator .mat-mdc-paginator-container{justify-content:space-between;min-height:72px}:host ::ng-deep .mapa-data-table__paginator .mat-mdc-paginator-page-size{margin-right:min(10vw,8rem)}:host ::ng-deep .mapa-data-table__paginator .custom-paginator-container,:host ::ng-deep .mapa-data-table__paginator .g-bubble-container{align-items:center;display:flex;justify-content:flex-end}:host ::ng-deep .mapa-data-table__paginator .g-bubble-container{gap:.5rem}:host ::ng-deep .mapa-data-table__paginator .g-bubble{align-items:center;background:transparent;border:0;border-radius:4px;color:var(--mapa-color-text-subtle, #555);cursor:pointer;display:flex;font:inherit;justify-content:center;min-height:24px;min-width:24px;padding:1px 6px}:host ::ng-deep .mapa-data-table__paginator .g-bubble:hover{background:var(--mapa-color-border-soft, rgba(26, 26, 26, .08))}:host ::ng-deep .mapa-data-table__paginator .g-bubble:focus-visible{outline:2px solid var(--mapa-color-primary, #ff560b);outline-offset:2px}:host ::ng-deep .mapa-data-table__paginator .g-bubble__active{background:var(--mapa-color-primary-dark, #cf482b);color:var(--mapa-color-surface, #fff)}:host ::ng-deep .mapa-data-table__paginator .custom-paginator-counter{color:var(--mapa-color-text-subtle, #555);margin:0 .25rem 0 .625rem;white-space:nowrap}@media(max-width:760px){.mapa-data-table__frame{border:0;overflow:visible}.mapa-data-table thead{display:none}.mapa-data-table tbody{display:grid;gap:.75rem}.mapa-data-table tr{border:1px solid var(--mapa-color-border, rgba(26, 26, 26, .12));border-radius:12px;display:grid;grid-template-columns:minmax(0,1fr);padding:.75rem}.mapa-data-table--selectable tr{grid-template-columns:auto minmax(0,1fr)}.mapa-data-table td{border:0;grid-column:1;padding:.375rem .5rem;text-align:left;width:auto}.mapa-data-table--selectable td:not(.mapa-data-table__selection-cell){grid-column:2}.mapa-data-table td:not(.mapa-data-table__selection-cell):before{color:var(--mapa-color-text-subtle, #555);content:attr(data-label);display:block;font-size:.6875rem;font-weight:600;text-transform:uppercase}.mapa-data-table__selection-cell{grid-column:1;grid-row:1/span 20;width:auto}:host ::ng-deep .mapa-data-table__paginator .mat-mdc-paginator-container,:host ::ng-deep .mapa-data-table__paginator .mat-mdc-paginator-range-actions{justify-content:center}:host ::ng-deep .mapa-data-table__paginator .mat-mdc-paginator-container{gap:.75rem;padding:.75rem 0}:host ::ng-deep .mapa-data-table__paginator .mat-mdc-paginator-page-size{margin-right:0}:host ::ng-deep .mapa-data-table__paginator .mat-mdc-paginator-range-label{padding:.5rem 0;text-align:center;width:100%}}@media(prefers-reduced-motion:reduce){.mapa-data-table__skeleton{animation:none}}@keyframes mapa-data-table-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}\n"], dependencies: [{ kind: "directive", type: BubblePaginationDirective, selector: "[appBubblePagination], [appStylePaginatorMv]", inputs: ["showFirstButton", "showLastButton", "renderButtonsNumber", "appCustomLength", "hideDefaultArrows", "bubblePageIndex", "bubblePageSize"], outputs: ["pageIndexChangeEmitter"] }, { kind: "ngmodule", type: MatCheckboxModule }, { kind: "component", type: i2$3.MatCheckbox, selector: "mat-checkbox", inputs: ["aria-label", "aria-labelledby", "aria-describedby", "aria-expanded", "aria-controls", "aria-owns", "id", "required", "labelPosition", "name", "value", "disableRipple", "tabIndex", "color", "disabledInteractive", "checked", "disabled", "indeterminate"], outputs: ["change", "indeterminateChange"], exportAs: ["matCheckbox"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i2$4.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: MatMenuModule }, { kind: "component", type: i3$4.MatMenu, selector: "mat-menu", inputs: ["backdropClass", "aria-label", "aria-labelledby", "aria-describedby", "xPosition", "yPosition", "overlapTrigger", "hasBackdrop", "class", "classList"], outputs: ["closed", "close"], exportAs: ["matMenu"] }, { kind: "component", type: i3$4.MatMenuItem, selector: "[mat-menu-item]", inputs: ["role", "disabled", "disableRipple"], exportAs: ["matMenuItem"] }, { kind: "directive", type: i3$4.MatMenuTrigger, selector: "[mat-menu-trigger-for], [matMenuTriggerFor]", inputs: ["mat-menu-trigger-for", "matMenuTriggerFor", "matMenuTriggerData", "matMenuTriggerRestoreFocus"], outputs: ["menuOpened", "onMenuOpen", "menuClosed", "onMenuClose"], exportAs: ["matMenuTrigger"] }, { kind: "ngmodule", type: MatPaginatorModule }, { kind: "component", type: i1$1.MatPaginator, selector: "mat-paginator", inputs: ["color", "pageIndex", "length", "pageSize", "pageSizeOptions", "hidePageSize", "showFirstLastButtons", "selectConfig", "disabled"], outputs: ["page"], exportAs: ["matPaginator"] }, { kind: "component", type: MapaSvgIconComponent, selector: "mapa-svg-icon", inputs: ["name", "color"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "pipe", type: DatePipe, name: "date" }, { kind: "pipe", type: SafeHtmlPipe, name: "safeHtml" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+        ], queries: [{ propertyName: "projectedCells", predicate: MapaTableCellDirective, isSignal: true }], ngImport: i0, template: "<section\n  class=\"mapa-data-table\"\n  [class.mapa-data-table--selectable]=\"isSelectable\"\n>\n  <div class=\"mapa-data-table__frame\">\n    @if (isLoading) {\n      <table class=\"mapa-data-table__table\" aria-hidden=\"true\">\n        <thead>\n          <tr>\n            @if (isSelectable) {\n              <th class=\"mapa-data-table__selection-cell\"></th>\n            }\n            @for (column of columns; track column.key) {\n              <th [style.width]=\"skeletonColumnWidth(column)\">\n                {{ column.label }}\n              </th>\n            }\n          </tr>\n        </thead>\n        <tbody>\n          @for (row of skeletonRows; track row) {\n            <tr>\n              @if (isSelectable) {\n                <td class=\"mapa-data-table__selection-cell\">\n                  <span\n                    class=\"mapa-data-table__skeleton mapa-data-table__skeleton--checkbox\"\n                  ></span>\n                </td>\n              }\n              @for (column of columns; track column.key) {\n                <td [style.width]=\"skeletonColumnWidth(column)\">\n                  <span class=\"mapa-data-table__skeleton\"></span>\n                </td>\n              }\n            </tr>\n          }\n        </tbody>\n      </table>\n      <span class=\"mapa-data-table__sr-only\" role=\"status\">\n        {{ texts.table.loading }}\n      </span>\n    } @else if (error) {\n      <div class=\"mapa-data-table__state\" role=\"alert\">\n        <strong>{{ resolvedErrorTitle }}</strong>\n        @if (resolvedErrorSubtitle) {\n          <span>{{ resolvedErrorSubtitle }}</span>\n        }\n        @if (retry.observed) {\n          <button type=\"button\" (click)=\"retry.emit()\">\n            {{ resolvedRetryLabel }}\n          </button>\n        }\n      </div>\n    } @else if (visibleData.length > 0) {\n      <table class=\"mapa-data-table__table\">\n        @if (caption) {\n          <caption class=\"mapa-data-table__sr-only\">\n            {{\n              caption\n            }}\n          </caption>\n        }\n        <thead>\n          <tr>\n            @if (isSelectable) {\n              <th class=\"mapa-data-table__selection-cell\">\n                @if (showSelectAll) {\n                  <mat-checkbox\n                    color=\"primary\"\n                    [checked]=\"allVisibleSelected()\"\n                    [indeterminate]=\"someVisibleSelected()\"\n                    [aria-label]=\"texts.table.selectAllVisible\"\n                    (click)=\"$event.stopPropagation()\"\n                    (change)=\"toggleVisibleRows($event.checked)\"\n                  />\n                } @else {\n                  <span class=\"mapa-data-table__sr-only\">\n                    {{ texts.table.selectionColumn }}\n                  </span>\n                }\n              </th>\n            }\n            @for (column of columns; track column.key) {\n              <th\n                [class.mapa-data-table__cell--center]=\"isCenterAligned(column)\"\n                [class.mapa-data-table__cell--end]=\"isEndAligned(column)\"\n                [class.mapa-data-table__header--sortable]=\"isSortable(column)\"\n                [class.mapa-data-table__header--sorted]=\"isSorted(column)\"\n                [style.width]=\"columnWidth(column)\"\n                [attr.aria-sort]=\"ariaSort(column)\"\n              >\n                @if (isSortable(column)) {\n                  <button\n                    type=\"button\"\n                    class=\"mapa-data-table__sort\"\n                    (click)=\"changeSort(column)\"\n                  >\n                    <span [innerHTML]=\"column.label | safeHtml\"></span>\n                    <mat-icon aria-hidden=\"true\">{{\n                      sortIcon(column)\n                    }}</mat-icon>\n                  </button>\n                } @else {\n                  <span [innerHTML]=\"column.label | safeHtml\"></span>\n                }\n              </th>\n            }\n          </tr>\n        </thead>\n        <tbody>\n          @for (row of visibleData; track rowIdentity(row, $index)) {\n            <tr\n              [class.mapa-data-table__row--selected]=\"isSelected(row)\"\n              [class.mapa-data-table__row--interactive]=\"rowClick.observed\"\n              [attr.tabindex]=\"rowClick.observed ? 0 : null\"\n              (click)=\"emitRowInteraction($event, row)\"\n              (keydown)=\"emitRowKeyboard($event, row)\"\n            >\n              @if (isSelectable) {\n                <td class=\"mapa-data-table__selection-cell\">\n                  <mat-checkbox\n                    color=\"primary\"\n                    [checked]=\"isSelected(row)\"\n                    [aria-label]=\"selectionLabel(row)\"\n                    (click)=\"$event.stopPropagation()\"\n                    (change)=\"toggleRow(row, $event.checked)\"\n                  />\n                </td>\n              }\n              @for (column of columns; track column.key) {\n                <td\n                  [attr.data-label]=\"column.label\"\n                  [class.mapa-data-table__cell--center]=\"\n                    isCenterAligned(column)\n                  \"\n                  [class.mapa-data-table__cell--end]=\"isEndAligned(column)\"\n                  [style.width]=\"columnWidth(column)\"\n                >\n                  <div\n                    class=\"mapa-data-table__cell-content\"\n                    [ngClass]=\"cellClasses(column, row)\"\n                  >\n                    @if (cellTemplate(column.key); as template) {\n                      <ng-container\n                        [ngTemplateOutlet]=\"template\"\n                        [ngTemplateOutletContext]=\"{\n                          $implicit: row,\n                          row,\n                          column,\n                        }\"\n                      ></ng-container>\n                    } @else if (column.key === \"actions\") {\n                      <div class=\"mapa-data-table__actions\">\n                        @for (item of getActionItems(row); track item) {\n                          @if (route(item); as actionRoute) {\n                            <a\n                              class=\"mapa-data-table__action\"\n                              [class.mapa-data-table__action--disabled]=\"\n                                item.disabled\n                              \"\n                              [attr.aria-disabled]=\"\n                                item.disabled ? 'true' : null\n                              \"\n                              [attr.tabindex]=\"item.disabled ? -1 : null\"\n                              [title]=\"item.text\"\n                              [routerLink]=\"item.disabled ? null : actionRoute\"\n                              [queryParams]=\"queryParams(item)\"\n                              (click)=\"$event.stopPropagation()\"\n                            >\n                              @if (item.icon) {\n                                <mat-icon aria-hidden=\"true\">{{\n                                  item.icon\n                                }}</mat-icon>\n                              }\n                              @if (item.image) {\n                                <img [src]=\"item.image\" alt=\"\" />\n                              }\n                              @if (item.svg) {\n                                <mapa-svg-icon [name]=\"svgName(item.svg)\" />\n                              }\n                              @if (item.showText) {\n                                <span>{{ item.text }}</span>\n                              } @else {\n                                <span class=\"mapa-data-table__sr-only\">{{\n                                  item.text\n                                }}</span>\n                              }\n                            </a>\n                          } @else {\n                            <button\n                              type=\"button\"\n                              class=\"mapa-data-table__action\"\n                              [disabled]=\"item.disabled\"\n                              [title]=\"item.text\"\n                              (click)=\"emitAction(row, item, $event)\"\n                            >\n                              @if (item.icon) {\n                                <mat-icon aria-hidden=\"true\">{{\n                                  item.icon\n                                }}</mat-icon>\n                              }\n                              @if (item.image) {\n                                <img [src]=\"item.image\" alt=\"\" />\n                              }\n                              @if (item.svg) {\n                                <mapa-svg-icon [name]=\"svgName(item.svg)\" />\n                              }\n                              @if (item.showText) {\n                                <span>{{ item.text }}</span>\n                              } @else {\n                                <span class=\"mapa-data-table__sr-only\">{{\n                                  item.text\n                                }}</span>\n                              }\n                            </button>\n                          }\n                        }\n                      </div>\n                    } @else if (column.key === \"menu\") {\n                      @if (getMenuItems(row).length > 0) {\n                        <button\n                          type=\"button\"\n                          class=\"mapa-data-table__menu-trigger\"\n                          [matMenuTriggerFor]=\"rowMenu\"\n                          [attr.aria-label]=\"column.label\"\n                          (click)=\"$event.stopPropagation()\"\n                        >\n                          <mat-icon aria-hidden=\"true\">more_vert</mat-icon>\n                        </button>\n                        <mat-menu #rowMenu=\"matMenu\">\n                          @for (item of getMenuItems(row); track item) {\n                            @if (route(item); as menuRoute) {\n                              <a\n                                mat-menu-item\n                                [disabled]=\"item.disabled\"\n                                [routerLink]=\"item.disabled ? null : menuRoute\"\n                                [queryParams]=\"queryParams(item)\"\n                                (click)=\"$event.stopPropagation()\"\n                              >\n                                @if (item.icon) {\n                                  <mat-icon aria-hidden=\"true\">{{\n                                    item.icon\n                                  }}</mat-icon>\n                                }\n                                @if (item.image) {\n                                  <img [src]=\"item.image\" alt=\"\" />\n                                }\n                                <span>{{ item.text }}</span>\n                              </a>\n                            } @else {\n                              <button\n                                mat-menu-item\n                                [disabled]=\"item.disabled\"\n                                (click)=\"emitAction(row, item, $event)\"\n                              >\n                                @if (item.icon) {\n                                  <mat-icon aria-hidden=\"true\">{{\n                                    item.icon\n                                  }}</mat-icon>\n                                }\n                                @if (item.image) {\n                                  <img [src]=\"item.image\" alt=\"\" />\n                                }\n                                <span>{{ item.text }}</span>\n                              </button>\n                            }\n                          }\n                        </mat-menu>\n                      }\n                    } @else if (dateFormat(column); as format) {\n                      @if (dateValue(row, column); as value) {\n                        {{ value | date: format }}\n                      } @else {\n                        {{ column.fallback ?? \"-\" }}\n                      }\n                    } @else if (column.status) {\n                      <span\n                        class=\"mapa-data-table__status\"\n                        [class.mapa-data-table__status--round]=\"\n                          column.status.style === 'round'\n                        \"\n                        [style.background-color]=\"statusBackground(column, row)\"\n                        [style.color]=\"statusTextColor(column, row)\"\n                        [innerHTML]=\"statusLabel(column, row) | safeHtml\"\n                      ></span>\n                    } @else {\n                      <span\n                        [innerHTML]=\"cellValue(row, column) | safeHtml\"\n                      ></span>\n                    }\n                  </div>\n                </td>\n              }\n            </tr>\n          }\n        </tbody>\n      </table>\n    } @else if (isFinished) {\n      <div class=\"mapa-data-table__state\">\n        <strong>{{ resolvedEmptyTitle }}</strong>\n        @if (resolvedEmptySubtitle) {\n          <span>{{ resolvedEmptySubtitle }}</span>\n        }\n      </div>\n    }\n  </div>\n\n  @if (shouldShowPaginator) {\n    <mat-paginator\n      class=\"mapa-data-table__paginator\"\n      appBubblePagination\n      [appCustomLength]=\"totalCount\"\n      [bubblePageIndex]=\"zeroBasedPageIndex\"\n      [pageIndex]=\"zeroBasedPageIndex\"\n      [showFirstButton]=\"paginatorShowFirstButton\"\n      [showLastButton]=\"paginatorShowLastButton\"\n      [renderButtonsNumber]=\"paginatorRenderButtonsNumber\"\n      [hideDefaultArrows]=\"paginatorHideDefaultArrows\"\n      [bubblePageSize]=\"pageSize\"\n      [length]=\"totalCount\"\n      [pageSize]=\"pageSize\"\n      [pageSizeOptions]=\"pageSizeOptions\"\n      (page)=\"handlePage($event)\"\n    />\n  }\n</section>\n", styles: [":host{display:block}.mapa-data-table{color:var(--mapa-color-text, #1a1a1a);font-family:var(--mapa-font-body, Asap, sans-serif)}.mapa-data-table__frame{background:var(--mapa-color-surface, #fff);border:1px solid var(--mapa-color-border, rgba(26, 26, 26, .12));border-radius:14px;overflow-x:auto;scrollbar-color:var(--mapa-color-scrollbar, #dbe0e4) transparent;scrollbar-width:thin}.mapa-data-table__frame::-webkit-scrollbar{height:8px;width:8px}.mapa-data-table__frame::-webkit-scrollbar-track,.mapa-data-table__frame::-webkit-scrollbar-corner{background:transparent}.mapa-data-table__frame::-webkit-scrollbar-thumb{background:var(--mapa-color-scrollbar, #dbe0e4);border-radius:999px}.mapa-data-table__frame::-webkit-scrollbar-thumb:hover{background:var(--mapa-color-scrollbar-hover, #c6ced4)}.mapa-data-table__frame::-webkit-scrollbar-button{display:none;height:0;width:0}.mapa-data-table__table{border-collapse:collapse;width:100%}.mapa-data-table th,.mapa-data-table td{border-bottom:1px solid var(--mapa-color-border-soft, rgba(26, 26, 26, .08));box-sizing:border-box;font-family:inherit;font-size:13px;font-weight:400;padding:.875rem 1rem;text-align:left;vertical-align:middle}.mapa-data-table th{background:var(--mapa-color-surface-muted, #fafbfc);color:var(--mapa-color-text-subtle, #555);font-size:.75rem;font-weight:600;letter-spacing:.02em;text-transform:uppercase;white-space:nowrap}.mapa-data-table td{color:var(--mapa-color-text, #1a1a1a)}.mapa-data-table tbody tr:last-child td{border-bottom:0}.mapa-data-table tbody tr:hover,.mapa-data-table__row--selected{background:var(--mapa-color-primary-soft, #FFF8F4)}.mapa-data-table__row--interactive{cursor:pointer}.mapa-data-table__row--interactive:focus-visible{outline:2px solid var(--mapa-color-primary, #ff560b);outline-offset:-3px}.mapa-data-table__selection-cell{width:4.5rem}.mapa-data-table__cell--center{text-align:center}.mapa-data-table__cell--end{text-align:right}.mapa-data-table__cell-content{min-width:0}.mapa-data-table__cell--ellipsis{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mapa-data-table__cell--no-wrap{white-space:nowrap}.mapa-data-table__cell--wrap{white-space:pre-wrap}.mapa-data-table th.mapa-data-table__header--sortable{transition:background-color .15s ease}.mapa-data-table th.mapa-data-table__header--sortable:hover{background:var(--mapa-color-primary-soft, #fff8f4);color:var(--mapa-color-primary-dark, #d94021)}.mapa-data-table__header--sorted .mapa-data-table__sort{color:var(--mapa-color-text, #1a1a1a)}.mapa-data-table__sort{align-items:center;background:transparent;border:0;border-radius:4px;color:inherit;cursor:pointer;display:inline-flex;font:inherit;gap:.25rem;letter-spacing:inherit;padding:0;text-transform:inherit;transition:color .15s ease}.mapa-data-table__state button:focus-visible,.mapa-data-table__action:focus-visible,.mapa-data-table__menu-trigger:focus-visible{outline:2px solid var(--mapa-color-primary-dark, #50575E);outline-offset:3px}.mapa-data-table__sort:focus-visible{outline:2px solid var(--mapa-color-primary-dark, #50575e);outline-offset:-2px}.mapa-data-table__sort mat-icon{color:var(--mapa-color-icon-subtle, #9da5aa);font-size:.875rem;height:.875rem;transition:color .15s ease;width:.875rem}.mapa-data-table__header--sortable:hover .mapa-data-table__sort mat-icon,.mapa-data-table__header--sorted .mapa-data-table__sort mat-icon{color:currentcolor}.mapa-data-table__actions{align-items:center;display:inline-flex;gap:.5rem}.mapa-data-table__action,.mapa-data-table__menu-trigger{align-items:center;background:transparent;border:0;border-radius:6px;color:var(--mapa-color-primary-dark, #50575E);cursor:pointer;display:inline-flex;font:inherit;gap:.375rem;justify-content:center;min-height:36px;min-width:36px;padding:.375rem;text-decoration:none}.mapa-data-table__action mat-icon,.mapa-data-table__menu-trigger mat-icon{color:#50575e}.mapa-data-table__action:hover,.mapa-data-table__menu-trigger:hover{background:var(--mapa-color-primary-soft, #FFF8F4)}.mapa-data-table__action:disabled,.mapa-data-table__action--disabled{cursor:not-allowed;opacity:.45}.mapa-data-table__action img,.mapa-data-table__menu-trigger img{height:1.25rem;width:1.25rem}.mapa-data-table__status{border-radius:4px;display:inline-flex;padding:.25rem .5rem;white-space:nowrap}.mapa-data-table__status--round{border-radius:999px}.mapa-data-table__state{align-items:center;color:var(--mapa-color-text-subtle, #555);display:flex;flex-direction:column;gap:.625rem;justify-content:center;min-height:150px;padding:1.5rem;text-align:center}.mapa-data-table__state strong{color:var(--mapa-color-text, #1a1a1a)}.mapa-data-table__state button{background:var(--mapa-color-surface-warm, #fffaf6);border:1px solid var(--mapa-color-border, rgba(26, 26, 26, .12));border-radius:10px;color:var(--mapa-color-text, #1a1a1a);cursor:pointer;font:inherit;min-height:40px;padding:.5rem .875rem}.mapa-data-table__skeleton{animation:mapa-data-table-shimmer 1.2s linear infinite;background:linear-gradient(90deg,#f0f2f4 25%,#e6e9ec,#f0f2f4 75%);background-size:200% 100%;border-radius:8px;display:block;height:1rem;max-width:14rem}.mapa-data-table__skeleton--checkbox{border-radius:3px;height:1.125rem;width:1.125rem}.mapa-data-table__sr-only{clip:rect(0 0 0 0);clip-path:inset(50%);height:1px;overflow:hidden;position:absolute;white-space:nowrap;width:1px}:host ::ng-deep .mapa-data-table__paginator{background:transparent;color:var(--mapa-color-text-subtle, #555);font-family:var(--mapa-font-body, Asap, sans-serif)}:host ::ng-deep .mapa-data-table__paginator .mat-mdc-paginator-container{justify-content:space-between;min-height:72px}:host ::ng-deep .mapa-data-table__paginator .mat-mdc-paginator-page-size{margin-right:min(10vw,8rem)}:host ::ng-deep .mapa-data-table__paginator .custom-paginator-container,:host ::ng-deep .mapa-data-table__paginator .g-bubble-container{align-items:center;display:flex;justify-content:flex-end}:host ::ng-deep .mapa-data-table__paginator .g-bubble-container{gap:.5rem}:host ::ng-deep .mapa-data-table__paginator .g-bubble{align-items:center;background:transparent;border:0;border-radius:4px;color:var(--mapa-color-text-subtle, #555);cursor:pointer;display:flex;font:inherit;justify-content:center;min-height:24px;min-width:24px;padding:1px 6px}:host ::ng-deep .mapa-data-table__paginator .g-bubble:hover{background:var(--mapa-color-border-soft, rgba(26, 26, 26, .08))}:host ::ng-deep .mapa-data-table__paginator .g-bubble:focus-visible{outline:2px solid var(--mapa-color-primary, #ff560b);outline-offset:2px}:host ::ng-deep .mapa-data-table__paginator .g-bubble__active{background:var(--mapa-color-primary-dark, #cf482b);color:var(--mapa-color-surface, #fff)}:host ::ng-deep .mapa-data-table__paginator .custom-paginator-counter{color:var(--mapa-color-text-subtle, #555);margin:0 .25rem 0 .625rem;white-space:nowrap}@media(max-width:760px){.mapa-data-table__frame{border:0;overflow:visible}.mapa-data-table thead{display:none}.mapa-data-table tbody{display:grid;gap:.75rem}.mapa-data-table tr{border:1px solid var(--mapa-color-border, rgba(26, 26, 26, .12));border-radius:12px;display:grid;grid-template-columns:minmax(0,1fr);padding:.75rem}.mapa-data-table--selectable tr{grid-template-columns:auto minmax(0,1fr)}.mapa-data-table td{border:0;grid-column:1;padding:.375rem .5rem;text-align:left;width:auto}.mapa-data-table--selectable td:not(.mapa-data-table__selection-cell){grid-column:2}.mapa-data-table td:not(.mapa-data-table__selection-cell):before{color:var(--mapa-color-text-subtle, #555);content:attr(data-label);display:block;font-size:.6875rem;font-weight:600;text-transform:uppercase}.mapa-data-table__selection-cell{grid-column:1;grid-row:1/span 20;width:auto}:host ::ng-deep .mapa-data-table__paginator .mat-mdc-paginator-container,:host ::ng-deep .mapa-data-table__paginator .mat-mdc-paginator-range-actions{justify-content:center}:host ::ng-deep .mapa-data-table__paginator .mat-mdc-paginator-container{gap:.75rem;padding:.75rem 0}:host ::ng-deep .mapa-data-table__paginator .mat-mdc-paginator-page-size{margin-right:0}:host ::ng-deep .mapa-data-table__paginator .mat-mdc-paginator-range-label{padding:.5rem 0;text-align:center;width:100%}}@media(prefers-reduced-motion:reduce){.mapa-data-table__skeleton{animation:none}}@keyframes mapa-data-table-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}\n"], dependencies: [{ kind: "directive", type: BubblePaginationDirective, selector: "[appBubblePagination], [appStylePaginatorMv]", inputs: ["showFirstButton", "showLastButton", "renderButtonsNumber", "appCustomLength", "hideDefaultArrows", "bubblePageIndex", "bubblePageSize"], outputs: ["pageIndexChangeEmitter"] }, { kind: "ngmodule", type: MatCheckboxModule }, { kind: "component", type: i2$3.MatCheckbox, selector: "mat-checkbox", inputs: ["aria-label", "aria-labelledby", "aria-describedby", "aria-expanded", "aria-controls", "aria-owns", "id", "required", "labelPosition", "name", "value", "disableRipple", "tabIndex", "color", "disabledInteractive", "checked", "disabled", "indeterminate"], outputs: ["change", "indeterminateChange"], exportAs: ["matCheckbox"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i1$4.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: MatMenuModule }, { kind: "component", type: i3$4.MatMenu, selector: "mat-menu", inputs: ["backdropClass", "aria-label", "aria-labelledby", "aria-describedby", "xPosition", "yPosition", "overlapTrigger", "hasBackdrop", "class", "classList"], outputs: ["closed", "close"], exportAs: ["matMenu"] }, { kind: "component", type: i3$4.MatMenuItem, selector: "[mat-menu-item]", inputs: ["role", "disabled", "disableRipple"], exportAs: ["matMenuItem"] }, { kind: "directive", type: i3$4.MatMenuTrigger, selector: "[mat-menu-trigger-for], [matMenuTriggerFor]", inputs: ["mat-menu-trigger-for", "matMenuTriggerFor", "matMenuTriggerData", "matMenuTriggerRestoreFocus"], outputs: ["menuOpened", "onMenuOpen", "menuClosed", "onMenuClose"], exportAs: ["matMenuTrigger"] }, { kind: "ngmodule", type: MatPaginatorModule }, { kind: "component", type: i1$1.MatPaginator, selector: "mat-paginator", inputs: ["color", "pageIndex", "length", "pageSize", "pageSizeOptions", "hidePageSize", "showFirstLastButtons", "selectConfig", "disabled"], outputs: ["page"], exportAs: ["matPaginator"] }, { kind: "component", type: MapaSvgIconComponent, selector: "mapa-svg-icon", inputs: ["name", "color"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "pipe", type: DatePipe, name: "date" }, { kind: "pipe", type: SafeHtmlPipe, name: "safeHtml" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.21", ngImport: i0, type: MapaTableComponent, decorators: [{
             type: Component,
@@ -8305,13 +8305,13 @@ class IconComponent {
     registerCustomIcons(svg) {
         this.matIconRegistry.addSvgIcon(svg, this.domSanitizer.bypassSecurityTrustResourceUrl(`../../../../assets/${svg}.svg`));
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.21", ngImport: i0, type: IconComponent, deps: [{ token: i2$4.MatIconRegistry }, { token: i1$3.DomSanitizer }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.21", type: IconComponent, isStandalone: true, selector: "mapa-icon", inputs: { svg: "svg" }, usesOnChanges: true, ngImport: i0, template: "<mat-icon *ngIf=\"svg\" [svgIcon]=\"svg\"></mat-icon>\n<mat-icon *ngIf=\"!svg\"><ng-content></ng-content></mat-icon>\n", styles: [".mat-icon{color:#f5704b}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i2$4.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.21", ngImport: i0, type: IconComponent, deps: [{ token: i1$4.MatIconRegistry }, { token: i1$3.DomSanitizer }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.21", type: IconComponent, isStandalone: true, selector: "mapa-icon", inputs: { svg: "svg" }, usesOnChanges: true, ngImport: i0, template: "<mat-icon *ngIf=\"svg\" [svgIcon]=\"svg\"></mat-icon>\n<mat-icon *ngIf=\"!svg\"><ng-content></ng-content></mat-icon>\n", styles: [".mat-icon{color:#f5704b}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i1$4.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.21", ngImport: i0, type: IconComponent, decorators: [{
             type: Component,
             args: [{ selector: 'mapa-icon', standalone: true, imports: [CommonModule, MatIconModule], template: "<mat-icon *ngIf=\"svg\" [svgIcon]=\"svg\"></mat-icon>\n<mat-icon *ngIf=\"!svg\"><ng-content></ng-content></mat-icon>\n", styles: [".mat-icon{color:#f5704b}\n"] }]
-        }], ctorParameters: () => [{ type: i2$4.MatIconRegistry }, { type: i1$3.DomSanitizer }], propDecorators: { svg: [{
+        }], ctorParameters: () => [{ type: i1$4.MatIconRegistry }, { type: i1$3.DomSanitizer }], propDecorators: { svg: [{
                 type: Input
             }] } });
 
@@ -8331,7 +8331,7 @@ class MapaMenuComponent {
         this.emitMenu.emit({ action: item.action, data: this.data });
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.21", ngImport: i0, type: MapaMenuComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.21", type: MapaMenuComponent, isStandalone: true, selector: "mapa-menu", inputs: { items: "items", data: "data" }, outputs: { emitMenu: "emitMenu" }, viewQueries: [{ propertyName: "trigger", first: true, predicate: MatMenuTrigger, descendants: true }], ngImport: i0, template: "<mat-menu #menu=\"matMenu\" class=\"mapa-menu\">\n  <button\n    *ngFor=\"let item of items\"\n    mat-menu-item\n    (click)=\"clickMenu(item)\"\n    class=\"mapa-menu__item\"\n    [class.mapa-menu__item--disabled]=\"item.disabled\"\n  >\n    <mat-icon *ngIf=\"item.icon\">{{item.icon}}</mat-icon>\n    <img *ngIf=\"item.image\" [src]=\"item.image\" />\n    <span>{{item.text}}</span>\n  </button>\n</mat-menu>\n\n<img\n  class=\"outside-menu-icon\"\n  src=\"assets/images/icons/ThreePoints.svg\"\n  (click)=\"toggleMenu()\"\n  [matMenuTriggerFor]=\"menu\"\n/>\n", styles: [".outside-menu-icon{color:#50575e;display:flex;align-items:center;justify-content:center}.mat-mdc-menu-content mat-icon{color:var(--Grey-Grey-60, #50575e);font-size:16px;line-height:28px}.mapa-menu__item{display:flex;align-items:center}.mapa-menu__item img{margin-right:8px}.mapa-menu__item--disabled{opacity:.45;cursor:not-allowed}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i2$4.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: MatMenuModule }, { kind: "component", type: i3$4.MatMenu, selector: "mat-menu", inputs: ["backdropClass", "aria-label", "aria-labelledby", "aria-describedby", "xPosition", "yPosition", "overlapTrigger", "hasBackdrop", "class", "classList"], outputs: ["closed", "close"], exportAs: ["matMenu"] }, { kind: "component", type: i3$4.MatMenuItem, selector: "[mat-menu-item]", inputs: ["role", "disabled", "disableRipple"], exportAs: ["matMenuItem"] }, { kind: "directive", type: i3$4.MatMenuTrigger, selector: "[mat-menu-trigger-for], [matMenuTriggerFor]", inputs: ["mat-menu-trigger-for", "matMenuTriggerFor", "matMenuTriggerData", "matMenuTriggerRestoreFocus"], outputs: ["menuOpened", "onMenuOpen", "menuClosed", "onMenuClose"], exportAs: ["matMenuTrigger"] }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.21", type: MapaMenuComponent, isStandalone: true, selector: "mapa-menu", inputs: { items: "items", data: "data" }, outputs: { emitMenu: "emitMenu" }, viewQueries: [{ propertyName: "trigger", first: true, predicate: MatMenuTrigger, descendants: true }], ngImport: i0, template: "<mat-menu #menu=\"matMenu\" class=\"mapa-menu\">\n  <button\n    *ngFor=\"let item of items\"\n    mat-menu-item\n    (click)=\"clickMenu(item)\"\n    class=\"mapa-menu__item\"\n    [class.mapa-menu__item--disabled]=\"item.disabled\"\n  >\n    <mat-icon *ngIf=\"item.icon\">{{item.icon}}</mat-icon>\n    <img *ngIf=\"item.image\" [src]=\"item.image\" />\n    <span>{{item.text}}</span>\n  </button>\n</mat-menu>\n\n<img\n  class=\"outside-menu-icon\"\n  src=\"assets/images/icons/ThreePoints.svg\"\n  (click)=\"toggleMenu()\"\n  [matMenuTriggerFor]=\"menu\"\n/>\n", styles: [".outside-menu-icon{color:#50575e;display:flex;align-items:center;justify-content:center}.mat-mdc-menu-content mat-icon{color:var(--Grey-Grey-60, #50575e);font-size:16px;line-height:28px}.mapa-menu__item{display:flex;align-items:center}.mapa-menu__item img{margin-right:8px}.mapa-menu__item--disabled{opacity:.45;cursor:not-allowed}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i1$4.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: MatMenuModule }, { kind: "component", type: i3$4.MatMenu, selector: "mat-menu", inputs: ["backdropClass", "aria-label", "aria-labelledby", "aria-describedby", "xPosition", "yPosition", "overlapTrigger", "hasBackdrop", "class", "classList"], outputs: ["closed", "close"], exportAs: ["matMenu"] }, { kind: "component", type: i3$4.MatMenuItem, selector: "[mat-menu-item]", inputs: ["role", "disabled", "disableRipple"], exportAs: ["matMenuItem"] }, { kind: "directive", type: i3$4.MatMenuTrigger, selector: "[mat-menu-trigger-for], [matMenuTriggerFor]", inputs: ["mat-menu-trigger-for", "matMenuTriggerFor", "matMenuTriggerData", "matMenuTriggerRestoreFocus"], outputs: ["menuOpened", "onMenuOpen", "menuClosed", "onMenuClose"], exportAs: ["matMenuTrigger"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.21", ngImport: i0, type: MapaMenuComponent, decorators: [{
             type: Component,
@@ -8424,7 +8424,7 @@ class ReportItemComponent {
         this.clicked.emit(item.id);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.21", ngImport: i0, type: ReportItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.21", type: ReportItemComponent, isStandalone: true, selector: "mapa-report-item", inputs: { itemData: "itemData", menuItems: "menuItems" }, outputs: { clicked: "clicked", emitMenu: "emitMenu" }, usesOnChanges: true, ngImport: i0, template: "<div class=\"report-item\">\n  <div class=\"report-icon\">\n    <mat-icon class=\"material-icons\">{{ icon }}</mat-icon>\n  </div>\n  <div class=\"report-text\">\n    <h1 [innerHTML]=\"description | safeHtml\"></h1>\n  </div>\n  <div class=\"report-button\">\n    <div class=\"report-circle\" *ngIf=\"resolvedMenuItems.length > 0\">\n      <mat-icon [matMenuTriggerFor]=\"menu\">more_vert</mat-icon>\n      <mat-menu #menu=\"matMenu\">\n        <button\n          mat-menu-item\n          *ngFor=\"let item of resolvedMenuItems\"\n          (click)=\"onClick(item.action)\"\n        >\n          <mat-icon *ngIf=\"item.icon\">{{ item.icon }}</mat-icon>\n          <img *ngIf=\"item.image\" [src]=\"item.image\" />\n          <span>{{ item.text }}</span>\n        </button>\n      </mat-menu>\n    </div>\n  </div>\n</div>\n", styles: [".report-item{margin:24px 48px;height:161px;display:flex;border-radius:16px;border:1px solid #CDCDCD}.report-item .report-icon{width:25%;border-radius:16px 0 0 16px;background:#fdefea}.report-item .report-icon .mat-icon{width:123px;height:123px;font-size:123px;color:#ea561d;padding:20px 42px}.report-item .report-text{background:var(--GlobalColors-Neutral-20, #F9F9F9);width:100%;padding:0 16px}.report-item .report-text h1{color:#000;font-family:var(--mapa-font-heading, \"Asap\", \"Inter\", sans-serif);font-size:20px;font-style:normal;font-weight:400;line-height:28px;margin-top:25px}.report-item .report-text li{color:var #000;font-family:var(--mapa-font-body, \"Asap\", \"Roboto\", \"Inter\", sans-serif);font-size:16px;font-style:normal;font-weight:400;line-height:24px;margin-top:10px}.report-item .report-button{width:4vw;align-items:flex-end;border-radius:50%;margin-top:10px}.report-item .report-button .report-circle{background-color:#fff;border-radius:50%;display:flex;align-items:center;margin-right:10px}.report-item .report-button .mat-icon{width:20px;height:20px;font-size:20px;margin:5px;color:#ea561d}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i2$4.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: MatMenuModule }, { kind: "component", type: i3$4.MatMenu, selector: "mat-menu", inputs: ["backdropClass", "aria-label", "aria-labelledby", "aria-describedby", "xPosition", "yPosition", "overlapTrigger", "hasBackdrop", "class", "classList"], outputs: ["closed", "close"], exportAs: ["matMenu"] }, { kind: "component", type: i3$4.MatMenuItem, selector: "[mat-menu-item]", inputs: ["role", "disabled", "disableRipple"], exportAs: ["matMenuItem"] }, { kind: "directive", type: i3$4.MatMenuTrigger, selector: "[mat-menu-trigger-for], [matMenuTriggerFor]", inputs: ["mat-menu-trigger-for", "matMenuTriggerFor", "matMenuTriggerData", "matMenuTriggerRestoreFocus"], outputs: ["menuOpened", "onMenuOpen", "menuClosed", "onMenuClose"], exportAs: ["matMenuTrigger"] }, { kind: "pipe", type: SafeHtmlPipe, name: "safeHtml" }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.21", type: ReportItemComponent, isStandalone: true, selector: "mapa-report-item", inputs: { itemData: "itemData", menuItems: "menuItems" }, outputs: { clicked: "clicked", emitMenu: "emitMenu" }, usesOnChanges: true, ngImport: i0, template: "<div class=\"report-item\">\n  <div class=\"report-icon\">\n    <mat-icon class=\"material-icons\">{{ icon }}</mat-icon>\n  </div>\n  <div class=\"report-text\">\n    <h1 [innerHTML]=\"description | safeHtml\"></h1>\n  </div>\n  <div class=\"report-button\">\n    <div class=\"report-circle\" *ngIf=\"resolvedMenuItems.length > 0\">\n      <mat-icon [matMenuTriggerFor]=\"menu\">more_vert</mat-icon>\n      <mat-menu #menu=\"matMenu\">\n        <button\n          mat-menu-item\n          *ngFor=\"let item of resolvedMenuItems\"\n          (click)=\"onClick(item.action)\"\n        >\n          <mat-icon *ngIf=\"item.icon\">{{ item.icon }}</mat-icon>\n          <img *ngIf=\"item.image\" [src]=\"item.image\" />\n          <span>{{ item.text }}</span>\n        </button>\n      </mat-menu>\n    </div>\n  </div>\n</div>\n", styles: [".report-item{margin:24px 48px;height:161px;display:flex;border-radius:16px;border:1px solid #CDCDCD}.report-item .report-icon{width:25%;border-radius:16px 0 0 16px;background:#fdefea}.report-item .report-icon .mat-icon{width:123px;height:123px;font-size:123px;color:#ea561d;padding:20px 42px}.report-item .report-text{background:var(--GlobalColors-Neutral-20, #F9F9F9);width:100%;padding:0 16px}.report-item .report-text h1{color:#000;font-family:var(--mapa-font-heading, \"Asap\", \"Inter\", sans-serif);font-size:20px;font-style:normal;font-weight:400;line-height:28px;margin-top:25px}.report-item .report-text li{color:var #000;font-family:var(--mapa-font-body, \"Asap\", \"Roboto\", \"Inter\", sans-serif);font-size:16px;font-style:normal;font-weight:400;line-height:24px;margin-top:10px}.report-item .report-button{width:4vw;align-items:flex-end;border-radius:50%;margin-top:10px}.report-item .report-button .report-circle{background-color:#fff;border-radius:50%;display:flex;align-items:center;margin-right:10px}.report-item .report-button .mat-icon{width:20px;height:20px;font-size:20px;margin:5px;color:#ea561d}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i1$4.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: MatMenuModule }, { kind: "component", type: i3$4.MatMenu, selector: "mat-menu", inputs: ["backdropClass", "aria-label", "aria-labelledby", "aria-describedby", "xPosition", "yPosition", "overlapTrigger", "hasBackdrop", "class", "classList"], outputs: ["closed", "close"], exportAs: ["matMenu"] }, { kind: "component", type: i3$4.MatMenuItem, selector: "[mat-menu-item]", inputs: ["role", "disabled", "disableRipple"], exportAs: ["matMenuItem"] }, { kind: "directive", type: i3$4.MatMenuTrigger, selector: "[mat-menu-trigger-for], [matMenuTriggerFor]", inputs: ["mat-menu-trigger-for", "matMenuTriggerFor", "matMenuTriggerData", "matMenuTriggerRestoreFocus"], outputs: ["menuOpened", "onMenuOpen", "menuClosed", "onMenuClose"], exportAs: ["matMenuTrigger"] }, { kind: "pipe", type: SafeHtmlPipe, name: "safeHtml" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.21", ngImport: i0, type: ReportItemComponent, decorators: [{
             type: Component,
@@ -8443,62 +8443,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.21", ngImpo
  * Public API Surface of mapa-library-ui report-item
  */
 
-class MapaResultTrackComponent {
-    constructor() {
-        this.i18n = inject(MapaI18nService);
-        this.name = input.required(...(ngDevMode ? [{ debugName: "name" }] : []));
-        this.value = input.required(...(ngDevMode ? [{ debugName: "value" }] : []));
-        this.color = input(...(ngDevMode ? [undefined, { debugName: "color" }] : []));
-        this.mode = input('linear', ...(ngDevMode ? [{ debugName: "mode" }] : []));
-        this.appearance = input('rounded', ...(ngDevMode ? [{ debugName: "appearance" }] : []));
-        this.style = input('thick', ...(ngDevMode ? [{ debugName: "style" }] : []));
-        this.direction = input('positive', ...(ngDevMode ? [{ debugName: "direction" }] : []));
-        this.showValue = input(true, ...(ngDevMode ? [{ debugName: "showValue" }] : []));
-        this.ariaLabel = input(...(ngDevMode ? [undefined, { debugName: "ariaLabel" }] : []));
-        this.steps = Array.from({ length: 10 }, (_, index) => index);
-        this.safeValue = computed(() => clamp(this.value()), ...(ngDevMode ? [{ debugName: "safeValue" }] : []));
-        this.resultColor = computed(() => this.color() ??
-            (this.appearance() === 'stepped' ? '#59636a' : '#ff560b'), ...(ngDevMode ? [{ debugName: "resultColor" }] : []));
-        this.filledSteps = computed(() => {
-            const value = this.safeValue();
-            return value === 100 ? 10 : Math.floor(value / 10);
-        }, ...(ngDevMode ? [{ debugName: "filledSteps" }] : []));
-        this.fillLeft = computed(() => {
-            if (this.mode() === 'linear')
-                return 0;
-            return this.direction() === 'negative' ? 50 - this.safeValue() / 2 : 50;
-        }, ...(ngDevMode ? [{ debugName: "fillLeft" }] : []));
-        this.fillWidth = computed(() => this.mode() === 'linear' ? this.safeValue() : this.safeValue() / 2, ...(ngDevMode ? [{ debugName: "fillWidth" }] : []));
-        this.badgePosition = computed(() => {
-            if (this.mode() === 'linear')
-                return this.safeValue();
-            return this.direction() === 'negative'
-                ? 50 - this.safeValue() / 2
-                : 50 + this.safeValue() / 2;
-        }, ...(ngDevMode ? [{ debugName: "badgePosition" }] : []));
-        this.label = computed(() => this.ariaLabel() ??
-            this.i18n.texts.report.meterLabel(this.name(), this.safeValue()), ...(ngDevMode ? [{ debugName: "label" }] : []));
-    }
-    stepFill(step) {
-        return Math.min(100, Math.max(0, (this.safeValue() - step * 10) * 10));
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.21", ngImport: i0, type: MapaResultTrackComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.21", type: MapaResultTrackComponent, isStandalone: true, selector: "mapa-result-track", inputs: { name: { classPropertyName: "name", publicName: "name", isSignal: true, isRequired: true, transformFunction: null }, value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: true, transformFunction: null }, color: { classPropertyName: "color", publicName: "color", isSignal: true, isRequired: false, transformFunction: null }, mode: { classPropertyName: "mode", publicName: "mode", isSignal: true, isRequired: false, transformFunction: null }, appearance: { classPropertyName: "appearance", publicName: "appearance", isSignal: true, isRequired: false, transformFunction: null }, style: { classPropertyName: "style", publicName: "style", isSignal: true, isRequired: false, transformFunction: null }, direction: { classPropertyName: "direction", publicName: "direction", isSignal: true, isRequired: false, transformFunction: null }, showValue: { classPropertyName: "showValue", publicName: "showValue", isSignal: true, isRequired: false, transformFunction: null }, ariaLabel: { classPropertyName: "ariaLabel", publicName: "ariaLabel", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "<div\n  class=\"mapa-result-track\"\n  [class.mapa-result-track--plain]=\"!showValue()\"\n  [class.mapa-result-track--segmented]=\"appearance() === 'segmented'\"\n  [class.mapa-result-track--stepped]=\"appearance() === 'stepped'\"\n  [class.mapa-result-track--thin]=\"style() === 'thin'\"\n  role=\"meter\"\n  aria-valuemin=\"0\"\n  aria-valuemax=\"100\"\n  [attr.aria-valuenow]=\"safeValue()\"\n  [attr.aria-label]=\"label()\"\n  [style.--mapa-result-color]=\"resultColor()\"\n  [style.--mapa-result-left]=\"fillLeft() + '%'\"\n  [style.--mapa-result-width]=\"fillWidth() + '%'\"\n  [style.--mapa-result-position]=\"badgePosition() + '%'\"\n>\n  @if (appearance() === \"stepped\") {\n    <span class=\"mapa-result-track__steps\" aria-hidden=\"true\">\n      @for (step of steps; track step) {\n        <i\n          [class.mapa-result-track__step--filled]=\"step < filledSteps()\"\n          [style.--mapa-result-step-fill]=\"stepFill(step) + '%'\"\n        ></i>\n      }\n    </span>\n    @if (showValue()) {\n      <strong class=\"mapa-result-track__value\" aria-hidden=\"true\"\n        >{{ safeValue() }}%</strong\n      >\n    }\n  } @else {\n    <span class=\"mapa-result-track__rail\" aria-hidden=\"true\">\n      @if (mode() === \"diverging\") {\n        <span class=\"mapa-result-track__midpoint\"></span>\n      }\n      <span\n        class=\"mapa-result-track__fill\"\n        [class.negative]=\"mode() === 'diverging' && direction() === 'negative'\"\n        [class.positive]=\"mode() === 'diverging' && direction() === 'positive'\"\n      ></span>\n    </span>\n    @if (showValue()) {\n      <span class=\"mapa-result-track__badge\" aria-hidden=\"true\"\n        >{{ safeValue() }}%</span\n      >\n    }\n  }\n</div>\n", styles: [".mapa-result-track{--mapa-result-badge-height: 24px;--mapa-result-fill-height: calc(var(--mapa-result-track-height, 14px) - 2px);min-height:28px;padding:10px 0 8px;position:relative}.mapa-result-track .negative{border-top-right-radius:0%;border-bottom-right-radius:0%}.mapa-result-track .positive{border-top-left-radius:0%;border-bottom-left-radius:0%}.mapa-result-track__rail{background:#e7ebed;border-radius:999px;display:block;height:var(--mapa-result-track-height, 14px);overflow:visible;position:relative}.mapa-result-track__fill{background:var(--mapa-result-color);border-radius:999px;height:var(--mapa-result-fill-height);left:var(--mapa-result-left);position:absolute;top:50%;transform:translateY(-50%);width:var(--mapa-result-width)}.mapa-result-track__midpoint{background:#aeb7bc;height:10px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:1px}.mapa-result-track__badge{align-items:center;background:#fff;border:2px solid var(--mapa-result-color);border-radius:999px;box-sizing:border-box;color:#3f5870;display:inline-flex;font:650 10px/1 var(--mapa-font-body, \"Asap\", sans-serif);height:var(--mapa-result-badge-height);justify-content:center;left:clamp(18px,var(--mapa-result-position),100% - 18px);min-width:34px;padding:0 5px;position:absolute;text-align:center;top:6px;transform:translate(-50%);z-index:1}.mapa-result-track--plain{min-height:0;padding:0}.mapa-result-track--segmented{--mapa-result-badge-height: 22px;--mapa-result-fill-height: 12px;min-height:24px;padding:3px 0}.mapa-result-track--segmented .mapa-result-track__rail{background:repeating-linear-gradient(90deg,#fff 0 calc(20% - 1px),#d9e0e3 calc(20% - 1px) 20%);border:1px solid #d9e0e3;border-radius:0;height:18px}.mapa-result-track--segmented .mapa-result-track__fill{border-radius:0}.mapa-result-track--segmented .mapa-result-track__badge{background:#fff;border-width:1px;min-width:29px;padding:0 4px;top:50%;transform:translate(-50%,-50%)}.mapa-result-track--stepped{--mapa-result-step-height: 40px;--mapa-result-step-radius: 7px;--mapa-result-step-width: 18px;--mapa-result-value-font-size: 17px;--mapa-result-value-min-width: 44px;align-items:center;display:grid;gap:12px;grid-template-columns:minmax(0,1fr) auto;min-height:40px;padding:0;width:100%}.mapa-result-track--stepped .mapa-result-track__steps{display:grid;gap:5px;grid-template-columns:repeat(10,minmax(0,var(--mapa-result-step-width)));min-width:0;width:100%}.mapa-result-track--stepped .mapa-result-track__steps i{background:#d8dee7;border-radius:var(--mapa-result-step-radius);display:block;height:var(--mapa-result-step-height);min-width:0;overflow:hidden}.mapa-result-track--stepped .mapa-result-track__steps i:before{background:var(--mapa-result-color);content:\"\";display:block;height:100%;width:var(--mapa-result-step-fill, 0%)}.mapa-result-track--stepped .mapa-result-track__value{color:var(--mapa-result-color);font-size:var(--mapa-result-value-font-size);min-width:var(--mapa-result-value-min-width)}.mapa-result-track--stepped.mapa-result-track--thin{--mapa-result-step-height: 30px;--mapa-result-step-radius: 5px;--mapa-result-step-width: 10px;--mapa-result-value-font-size: 14px;--mapa-result-value-min-width: 36px;min-height:30px}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.21", ngImport: i0, type: MapaResultTrackComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'mapa-result-track', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, template: "<div\n  class=\"mapa-result-track\"\n  [class.mapa-result-track--plain]=\"!showValue()\"\n  [class.mapa-result-track--segmented]=\"appearance() === 'segmented'\"\n  [class.mapa-result-track--stepped]=\"appearance() === 'stepped'\"\n  [class.mapa-result-track--thin]=\"style() === 'thin'\"\n  role=\"meter\"\n  aria-valuemin=\"0\"\n  aria-valuemax=\"100\"\n  [attr.aria-valuenow]=\"safeValue()\"\n  [attr.aria-label]=\"label()\"\n  [style.--mapa-result-color]=\"resultColor()\"\n  [style.--mapa-result-left]=\"fillLeft() + '%'\"\n  [style.--mapa-result-width]=\"fillWidth() + '%'\"\n  [style.--mapa-result-position]=\"badgePosition() + '%'\"\n>\n  @if (appearance() === \"stepped\") {\n    <span class=\"mapa-result-track__steps\" aria-hidden=\"true\">\n      @for (step of steps; track step) {\n        <i\n          [class.mapa-result-track__step--filled]=\"step < filledSteps()\"\n          [style.--mapa-result-step-fill]=\"stepFill(step) + '%'\"\n        ></i>\n      }\n    </span>\n    @if (showValue()) {\n      <strong class=\"mapa-result-track__value\" aria-hidden=\"true\"\n        >{{ safeValue() }}%</strong\n      >\n    }\n  } @else {\n    <span class=\"mapa-result-track__rail\" aria-hidden=\"true\">\n      @if (mode() === \"diverging\") {\n        <span class=\"mapa-result-track__midpoint\"></span>\n      }\n      <span\n        class=\"mapa-result-track__fill\"\n        [class.negative]=\"mode() === 'diverging' && direction() === 'negative'\"\n        [class.positive]=\"mode() === 'diverging' && direction() === 'positive'\"\n      ></span>\n    </span>\n    @if (showValue()) {\n      <span class=\"mapa-result-track__badge\" aria-hidden=\"true\"\n        >{{ safeValue() }}%</span\n      >\n    }\n  }\n</div>\n", styles: [".mapa-result-track{--mapa-result-badge-height: 24px;--mapa-result-fill-height: calc(var(--mapa-result-track-height, 14px) - 2px);min-height:28px;padding:10px 0 8px;position:relative}.mapa-result-track .negative{border-top-right-radius:0%;border-bottom-right-radius:0%}.mapa-result-track .positive{border-top-left-radius:0%;border-bottom-left-radius:0%}.mapa-result-track__rail{background:#e7ebed;border-radius:999px;display:block;height:var(--mapa-result-track-height, 14px);overflow:visible;position:relative}.mapa-result-track__fill{background:var(--mapa-result-color);border-radius:999px;height:var(--mapa-result-fill-height);left:var(--mapa-result-left);position:absolute;top:50%;transform:translateY(-50%);width:var(--mapa-result-width)}.mapa-result-track__midpoint{background:#aeb7bc;height:10px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:1px}.mapa-result-track__badge{align-items:center;background:#fff;border:2px solid var(--mapa-result-color);border-radius:999px;box-sizing:border-box;color:#3f5870;display:inline-flex;font:650 10px/1 var(--mapa-font-body, \"Asap\", sans-serif);height:var(--mapa-result-badge-height);justify-content:center;left:clamp(18px,var(--mapa-result-position),100% - 18px);min-width:34px;padding:0 5px;position:absolute;text-align:center;top:6px;transform:translate(-50%);z-index:1}.mapa-result-track--plain{min-height:0;padding:0}.mapa-result-track--segmented{--mapa-result-badge-height: 22px;--mapa-result-fill-height: 12px;min-height:24px;padding:3px 0}.mapa-result-track--segmented .mapa-result-track__rail{background:repeating-linear-gradient(90deg,#fff 0 calc(20% - 1px),#d9e0e3 calc(20% - 1px) 20%);border:1px solid #d9e0e3;border-radius:0;height:18px}.mapa-result-track--segmented .mapa-result-track__fill{border-radius:0}.mapa-result-track--segmented .mapa-result-track__badge{background:#fff;border-width:1px;min-width:29px;padding:0 4px;top:50%;transform:translate(-50%,-50%)}.mapa-result-track--stepped{--mapa-result-step-height: 40px;--mapa-result-step-radius: 7px;--mapa-result-step-width: 18px;--mapa-result-value-font-size: 17px;--mapa-result-value-min-width: 44px;align-items:center;display:grid;gap:12px;grid-template-columns:minmax(0,1fr) auto;min-height:40px;padding:0;width:100%}.mapa-result-track--stepped .mapa-result-track__steps{display:grid;gap:5px;grid-template-columns:repeat(10,minmax(0,var(--mapa-result-step-width)));min-width:0;width:100%}.mapa-result-track--stepped .mapa-result-track__steps i{background:#d8dee7;border-radius:var(--mapa-result-step-radius);display:block;height:var(--mapa-result-step-height);min-width:0;overflow:hidden}.mapa-result-track--stepped .mapa-result-track__steps i:before{background:var(--mapa-result-color);content:\"\";display:block;height:100%;width:var(--mapa-result-step-fill, 0%)}.mapa-result-track--stepped .mapa-result-track__value{color:var(--mapa-result-color);font-size:var(--mapa-result-value-font-size);min-width:var(--mapa-result-value-min-width)}.mapa-result-track--stepped.mapa-result-track--thin{--mapa-result-step-height: 30px;--mapa-result-step-radius: 5px;--mapa-result-step-width: 10px;--mapa-result-value-font-size: 14px;--mapa-result-value-min-width: 36px;min-height:30px}\n"] }]
-        }], propDecorators: { name: [{ type: i0.Input, args: [{ isSignal: true, alias: "name", required: true }] }], value: [{ type: i0.Input, args: [{ isSignal: true, alias: "value", required: true }] }], color: [{ type: i0.Input, args: [{ isSignal: true, alias: "color", required: false }] }], mode: [{ type: i0.Input, args: [{ isSignal: true, alias: "mode", required: false }] }], appearance: [{ type: i0.Input, args: [{ isSignal: true, alias: "appearance", required: false }] }], style: [{ type: i0.Input, args: [{ isSignal: true, alias: "style", required: false }] }], direction: [{ type: i0.Input, args: [{ isSignal: true, alias: "direction", required: false }] }], showValue: [{ type: i0.Input, args: [{ isSignal: true, alias: "showValue", required: false }] }], ariaLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "ariaLabel", required: false }] }] } });
-function clamp(value) {
-    if (!Number.isFinite(value))
-        return 0;
-    return Math.min(100, Math.max(0, Math.round(value)));
-}
-
-class MapaReportGroupProfileWidgetComponent {
+class ReportGroupProfileContent {
     constructor() {
         this.i18n = inject(MapaI18nService);
-        this.heading = input(...(ngDevMode ? [undefined, { debugName: "heading" }] : []));
         this.data = input(...(ngDevMode ? [undefined, { debugName: "data" }] : []));
         this.palette = input('current', ...(ngDevMode ? [{ debugName: "palette" }] : []));
         this.showAverage = input(true, ...(ngDevMode ? [{ debugName: "showAverage" }] : []));
@@ -8592,13 +8539,101 @@ class MapaReportGroupProfileWidgetComponent {
             ? this.i18n.texts.report.negativeDirectionLabel
             : 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 }, averageAppearance: { classPropertyName: "averageAppearance", publicName: "averageAppearance", 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      <div class=\"mapa-report-group-profile__scale-heading\">\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 (data()?.description; as description) {\n          <div\n            class=\"mapa-report-group-profile__scale-description\"\n            [innerHTML]=\"description | safeHtml\"\n          ></div>\n        }\n      </div>\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              [appearance]=\"averageAppearance()\"\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\" 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      @if (showLegend() && legendItems().length) {\n        <article class=\"mapa-report-group-profile__row\">\n          <h4 class=\"mapa-report-group-profile__row-name\"></h4>\n          <div class=\"mapa-report-group-profile__bar\">\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          </div>\n        </article>\n      }\n    </div>\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__modes--standalone{grid-column:1;grid-row:auto;justify-self:end}.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-report-widget__modes--standalone{grid-row:auto;margin-top:0}}.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__scale-heading{display:grid;flex:1 1 320px;gap:6px;min-width:0}.mapa-report-group-profile__scale-description{color:var(--mapa-report-muted);font-size:13px;line-height:1.5;margin:0}.mapa-report-group-profile__scale-description ::ng-deep ol,.mapa-report-group-profile__scale-description ::ng-deep p,.mapa-report-group-profile__scale-description ::ng-deep ul{margin:0 0 8px}.mapa-report-group-profile__scale-description ::ng-deep ol,.mapa-report-group-profile__scale-description ::ng-deep ul{padding-left:20px}.mapa-report-group-profile__scale-description ::ng-deep li{margin:0 0 3px}.mapa-report-group-profile__scale-description ::ng-deep b,.mapa-report-group-profile__scale-description ::ng-deep strong{color:var(--mapa-report-text, inherit);font-weight:600}.mapa-report-group-profile__scale-description ::ng-deep :last-child{margin-bottom: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", "style", "direction", "showValue", "ariaLabel"] }, { kind: "pipe", type: SafeHtmlPipe, name: "safeHtml" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.21", ngImport: i0, type: ReportGroupProfileContent, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "20.3.21", type: ReportGroupProfileContent, isStandalone: true, inputs: { 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 }, averageAppearance: { classPropertyName: "averageAppearance", publicName: "averageAppearance", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.21", ngImport: i0, type: ReportGroupProfileContent, decorators: [{
+            type: Directive
+        }], propDecorators: { 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 }] }], averageAppearance: [{ type: i0.Input, args: [{ isSignal: true, alias: "averageAppearance", required: false }] }] } });
+
+class MapaResultTrackComponent {
+    constructor() {
+        this.i18n = inject(MapaI18nService);
+        this.name = input.required(...(ngDevMode ? [{ debugName: "name" }] : []));
+        this.value = input.required(...(ngDevMode ? [{ debugName: "value" }] : []));
+        this.color = input(...(ngDevMode ? [undefined, { debugName: "color" }] : []));
+        this.mode = input('linear', ...(ngDevMode ? [{ debugName: "mode" }] : []));
+        this.appearance = input('rounded', ...(ngDevMode ? [{ debugName: "appearance" }] : []));
+        this.style = input('thick', ...(ngDevMode ? [{ debugName: "style" }] : []));
+        this.direction = input('positive', ...(ngDevMode ? [{ debugName: "direction" }] : []));
+        this.showValue = input(true, ...(ngDevMode ? [{ debugName: "showValue" }] : []));
+        this.ariaLabel = input(...(ngDevMode ? [undefined, { debugName: "ariaLabel" }] : []));
+        this.steps = Array.from({ length: 10 }, (_, index) => index);
+        this.safeValue = computed(() => clamp(this.value()), ...(ngDevMode ? [{ debugName: "safeValue" }] : []));
+        this.resultColor = computed(() => this.color() ??
+            (this.appearance() === 'stepped' ? '#59636a' : '#ff560b'), ...(ngDevMode ? [{ debugName: "resultColor" }] : []));
+        this.filledSteps = computed(() => {
+            const value = this.safeValue();
+            return value === 100 ? 10 : Math.floor(value / 10);
+        }, ...(ngDevMode ? [{ debugName: "filledSteps" }] : []));
+        this.fillLeft = computed(() => {
+            if (this.mode() === 'linear')
+                return 0;
+            return this.direction() === 'negative' ? 50 - this.safeValue() / 2 : 50;
+        }, ...(ngDevMode ? [{ debugName: "fillLeft" }] : []));
+        this.fillWidth = computed(() => this.mode() === 'linear' ? this.safeValue() : this.safeValue() / 2, ...(ngDevMode ? [{ debugName: "fillWidth" }] : []));
+        this.badgePosition = computed(() => {
+            if (this.mode() === 'linear')
+                return this.safeValue();
+            return this.direction() === 'negative'
+                ? 50 - this.safeValue() / 2
+                : 50 + this.safeValue() / 2;
+        }, ...(ngDevMode ? [{ debugName: "badgePosition" }] : []));
+        this.label = computed(() => this.ariaLabel() ??
+            this.i18n.texts.report.meterLabel(this.name(), this.safeValue()), ...(ngDevMode ? [{ debugName: "label" }] : []));
+    }
+    stepFill(step) {
+        return Math.min(100, Math.max(0, (this.safeValue() - step * 10) * 10));
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.21", ngImport: i0, type: MapaResultTrackComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.21", type: MapaResultTrackComponent, isStandalone: true, selector: "mapa-result-track", inputs: { name: { classPropertyName: "name", publicName: "name", isSignal: true, isRequired: true, transformFunction: null }, value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: true, transformFunction: null }, color: { classPropertyName: "color", publicName: "color", isSignal: true, isRequired: false, transformFunction: null }, mode: { classPropertyName: "mode", publicName: "mode", isSignal: true, isRequired: false, transformFunction: null }, appearance: { classPropertyName: "appearance", publicName: "appearance", isSignal: true, isRequired: false, transformFunction: null }, style: { classPropertyName: "style", publicName: "style", isSignal: true, isRequired: false, transformFunction: null }, direction: { classPropertyName: "direction", publicName: "direction", isSignal: true, isRequired: false, transformFunction: null }, showValue: { classPropertyName: "showValue", publicName: "showValue", isSignal: true, isRequired: false, transformFunction: null }, ariaLabel: { classPropertyName: "ariaLabel", publicName: "ariaLabel", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "<div\n  class=\"mapa-result-track\"\n  [class.mapa-result-track--plain]=\"!showValue()\"\n  [class.mapa-result-track--segmented]=\"appearance() === 'segmented'\"\n  [class.mapa-result-track--stepped]=\"appearance() === 'stepped'\"\n  [class.mapa-result-track--thin]=\"style() === 'thin'\"\n  role=\"meter\"\n  aria-valuemin=\"0\"\n  aria-valuemax=\"100\"\n  [attr.aria-valuenow]=\"safeValue()\"\n  [attr.aria-label]=\"label()\"\n  [style.--mapa-result-color]=\"resultColor()\"\n  [style.--mapa-result-left]=\"fillLeft() + '%'\"\n  [style.--mapa-result-width]=\"fillWidth() + '%'\"\n  [style.--mapa-result-position]=\"badgePosition() + '%'\"\n>\n  @if (appearance() === \"stepped\") {\n    <span class=\"mapa-result-track__steps\" aria-hidden=\"true\">\n      @for (step of steps; track step) {\n        <i\n          [class.mapa-result-track__step--filled]=\"step < filledSteps()\"\n          [style.--mapa-result-step-fill]=\"stepFill(step) + '%'\"\n        ></i>\n      }\n    </span>\n    @if (showValue()) {\n      <strong class=\"mapa-result-track__value\" aria-hidden=\"true\"\n        >{{ safeValue() }}%</strong\n      >\n    }\n  } @else {\n    <span class=\"mapa-result-track__rail\" aria-hidden=\"true\">\n      @if (mode() === \"diverging\") {\n        <span class=\"mapa-result-track__midpoint\"></span>\n      }\n      <span\n        class=\"mapa-result-track__fill\"\n        [class.negative]=\"mode() === 'diverging' && direction() === 'negative'\"\n        [class.positive]=\"mode() === 'diverging' && direction() === 'positive'\"\n      ></span>\n    </span>\n    @if (showValue()) {\n      <span class=\"mapa-result-track__badge\" aria-hidden=\"true\"\n        >{{ safeValue() }}%</span\n      >\n    }\n  }\n</div>\n", styles: [".mapa-result-track{--mapa-result-badge-height: 24px;--mapa-result-fill-height: calc(var(--mapa-result-track-height, 14px) - 2px);min-height:28px;padding:10px 0 8px;position:relative}.mapa-result-track .negative{border-top-right-radius:0%;border-bottom-right-radius:0%}.mapa-result-track .positive{border-top-left-radius:0%;border-bottom-left-radius:0%}.mapa-result-track__rail{background:#e7ebed;border-radius:999px;display:block;height:var(--mapa-result-track-height, 14px);overflow:visible;position:relative}.mapa-result-track__fill{background:var(--mapa-result-color);border-radius:999px;height:var(--mapa-result-fill-height);left:var(--mapa-result-left);position:absolute;top:50%;transform:translateY(-50%);width:var(--mapa-result-width)}.mapa-result-track__midpoint{background:#aeb7bc;height:10px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:1px}.mapa-result-track__badge{align-items:center;background:#fff;border:2px solid var(--mapa-result-color);border-radius:999px;box-sizing:border-box;color:#3f5870;display:inline-flex;font:650 10px/1 var(--mapa-font-body, \"Asap\", sans-serif);height:var(--mapa-result-badge-height);justify-content:center;left:clamp(18px,var(--mapa-result-position),100% - 18px);min-width:34px;padding:0 5px;position:absolute;text-align:center;top:6px;transform:translate(-50%);z-index:1}.mapa-result-track--plain{min-height:0;padding:0}.mapa-result-track--segmented{--mapa-result-badge-height: 22px;--mapa-result-fill-height: 12px;min-height:24px;padding:3px 0}.mapa-result-track--segmented .mapa-result-track__rail{background:repeating-linear-gradient(90deg,#fff 0 calc(20% - 1px),#d9e0e3 calc(20% - 1px) 20%);border:1px solid #d9e0e3;border-radius:0;height:18px}.mapa-result-track--segmented .mapa-result-track__fill{border-radius:0}.mapa-result-track--segmented .mapa-result-track__badge{background:#fff;border-width:1px;min-width:29px;padding:0 4px;top:50%;transform:translate(-50%,-50%)}.mapa-result-track--stepped{--mapa-result-step-height: 40px;--mapa-result-step-radius: 7px;--mapa-result-step-width: 18px;--mapa-result-value-font-size: 17px;--mapa-result-value-min-width: 44px;align-items:center;display:grid;gap:12px;grid-template-columns:minmax(0,1fr) auto;min-height:40px;padding:0;width:100%}.mapa-result-track--stepped .mapa-result-track__steps{display:grid;gap:5px;grid-template-columns:repeat(10,minmax(0,var(--mapa-result-step-width)));min-width:0;width:100%}.mapa-result-track--stepped .mapa-result-track__steps i{background:#d8dee7;border-radius:var(--mapa-result-step-radius);display:block;height:var(--mapa-result-step-height);min-width:0;overflow:hidden}.mapa-result-track--stepped .mapa-result-track__steps i:before{background:var(--mapa-result-color);content:\"\";display:block;height:100%;width:var(--mapa-result-step-fill, 0%)}.mapa-result-track--stepped .mapa-result-track__value{color:var(--mapa-result-color);font-size:var(--mapa-result-value-font-size);min-width:var(--mapa-result-value-min-width)}.mapa-result-track--stepped.mapa-result-track--thin{--mapa-result-step-height: 30px;--mapa-result-step-radius: 5px;--mapa-result-step-width: 10px;--mapa-result-value-font-size: 14px;--mapa-result-value-min-width: 36px;min-height:30px}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.21", ngImport: i0, type: MapaResultTrackComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'mapa-result-track', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, template: "<div\n  class=\"mapa-result-track\"\n  [class.mapa-result-track--plain]=\"!showValue()\"\n  [class.mapa-result-track--segmented]=\"appearance() === 'segmented'\"\n  [class.mapa-result-track--stepped]=\"appearance() === 'stepped'\"\n  [class.mapa-result-track--thin]=\"style() === 'thin'\"\n  role=\"meter\"\n  aria-valuemin=\"0\"\n  aria-valuemax=\"100\"\n  [attr.aria-valuenow]=\"safeValue()\"\n  [attr.aria-label]=\"label()\"\n  [style.--mapa-result-color]=\"resultColor()\"\n  [style.--mapa-result-left]=\"fillLeft() + '%'\"\n  [style.--mapa-result-width]=\"fillWidth() + '%'\"\n  [style.--mapa-result-position]=\"badgePosition() + '%'\"\n>\n  @if (appearance() === \"stepped\") {\n    <span class=\"mapa-result-track__steps\" aria-hidden=\"true\">\n      @for (step of steps; track step) {\n        <i\n          [class.mapa-result-track__step--filled]=\"step < filledSteps()\"\n          [style.--mapa-result-step-fill]=\"stepFill(step) + '%'\"\n        ></i>\n      }\n    </span>\n    @if (showValue()) {\n      <strong class=\"mapa-result-track__value\" aria-hidden=\"true\"\n        >{{ safeValue() }}%</strong\n      >\n    }\n  } @else {\n    <span class=\"mapa-result-track__rail\" aria-hidden=\"true\">\n      @if (mode() === \"diverging\") {\n        <span class=\"mapa-result-track__midpoint\"></span>\n      }\n      <span\n        class=\"mapa-result-track__fill\"\n        [class.negative]=\"mode() === 'diverging' && direction() === 'negative'\"\n        [class.positive]=\"mode() === 'diverging' && direction() === 'positive'\"\n      ></span>\n    </span>\n    @if (showValue()) {\n      <span class=\"mapa-result-track__badge\" aria-hidden=\"true\"\n        >{{ safeValue() }}%</span\n      >\n    }\n  }\n</div>\n", styles: [".mapa-result-track{--mapa-result-badge-height: 24px;--mapa-result-fill-height: calc(var(--mapa-result-track-height, 14px) - 2px);min-height:28px;padding:10px 0 8px;position:relative}.mapa-result-track .negative{border-top-right-radius:0%;border-bottom-right-radius:0%}.mapa-result-track .positive{border-top-left-radius:0%;border-bottom-left-radius:0%}.mapa-result-track__rail{background:#e7ebed;border-radius:999px;display:block;height:var(--mapa-result-track-height, 14px);overflow:visible;position:relative}.mapa-result-track__fill{background:var(--mapa-result-color);border-radius:999px;height:var(--mapa-result-fill-height);left:var(--mapa-result-left);position:absolute;top:50%;transform:translateY(-50%);width:var(--mapa-result-width)}.mapa-result-track__midpoint{background:#aeb7bc;height:10px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:1px}.mapa-result-track__badge{align-items:center;background:#fff;border:2px solid var(--mapa-result-color);border-radius:999px;box-sizing:border-box;color:#3f5870;display:inline-flex;font:650 10px/1 var(--mapa-font-body, \"Asap\", sans-serif);height:var(--mapa-result-badge-height);justify-content:center;left:clamp(18px,var(--mapa-result-position),100% - 18px);min-width:34px;padding:0 5px;position:absolute;text-align:center;top:6px;transform:translate(-50%);z-index:1}.mapa-result-track--plain{min-height:0;padding:0}.mapa-result-track--segmented{--mapa-result-badge-height: 22px;--mapa-result-fill-height: 12px;min-height:24px;padding:3px 0}.mapa-result-track--segmented .mapa-result-track__rail{background:repeating-linear-gradient(90deg,#fff 0 calc(20% - 1px),#d9e0e3 calc(20% - 1px) 20%);border:1px solid #d9e0e3;border-radius:0;height:18px}.mapa-result-track--segmented .mapa-result-track__fill{border-radius:0}.mapa-result-track--segmented .mapa-result-track__badge{background:#fff;border-width:1px;min-width:29px;padding:0 4px;top:50%;transform:translate(-50%,-50%)}.mapa-result-track--stepped{--mapa-result-step-height: 40px;--mapa-result-step-radius: 7px;--mapa-result-step-width: 18px;--mapa-result-value-font-size: 17px;--mapa-result-value-min-width: 44px;align-items:center;display:grid;gap:12px;grid-template-columns:minmax(0,1fr) auto;min-height:40px;padding:0;width:100%}.mapa-result-track--stepped .mapa-result-track__steps{display:grid;gap:5px;grid-template-columns:repeat(10,minmax(0,var(--mapa-result-step-width)));min-width:0;width:100%}.mapa-result-track--stepped .mapa-result-track__steps i{background:#d8dee7;border-radius:var(--mapa-result-step-radius);display:block;height:var(--mapa-result-step-height);min-width:0;overflow:hidden}.mapa-result-track--stepped .mapa-result-track__steps i:before{background:var(--mapa-result-color);content:\"\";display:block;height:100%;width:var(--mapa-result-step-fill, 0%)}.mapa-result-track--stepped .mapa-result-track__value{color:var(--mapa-result-color);font-size:var(--mapa-result-value-font-size);min-width:var(--mapa-result-value-min-width)}.mapa-result-track--stepped.mapa-result-track--thin{--mapa-result-step-height: 30px;--mapa-result-step-radius: 5px;--mapa-result-step-width: 10px;--mapa-result-value-font-size: 14px;--mapa-result-value-min-width: 36px;min-height:30px}\n"] }]
+        }], propDecorators: { name: [{ type: i0.Input, args: [{ isSignal: true, alias: "name", required: true }] }], value: [{ type: i0.Input, args: [{ isSignal: true, alias: "value", required: true }] }], color: [{ type: i0.Input, args: [{ isSignal: true, alias: "color", required: false }] }], mode: [{ type: i0.Input, args: [{ isSignal: true, alias: "mode", required: false }] }], appearance: [{ type: i0.Input, args: [{ isSignal: true, alias: "appearance", required: false }] }], style: [{ type: i0.Input, args: [{ isSignal: true, alias: "style", required: false }] }], direction: [{ type: i0.Input, args: [{ isSignal: true, alias: "direction", required: false }] }], showValue: [{ type: i0.Input, args: [{ isSignal: true, alias: "showValue", required: false }] }], ariaLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "ariaLabel", required: false }] }] } });
+function clamp(value) {
+    if (!Number.isFinite(value))
+        return 0;
+    return Math.min(100, Math.max(0, Math.round(value)));
+}
+
+/** Reusable average content, without filters or widget heading. */
+class MapaReportGroupProfileWidgetAverageComponent extends ReportGroupProfileContent {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.21", ngImport: i0, type: MapaReportGroupProfileWidgetAverageComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.21", type: MapaReportGroupProfileWidgetAverageComponent, isStandalone: true, selector: "mapa-report-group-profile-widget-average", usesInheritance: true, ngImport: i0, template: "<div class=\"mapa-report-widget\" [attr.data-palette]=\"palette()\">\n  @if (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          [appearance]=\"averageAppearance()\"\n          [name]=\"averageCaption()\"\n          [showValue]=\"false\"\n          [value]=\"average()!\"\n        />\n        <strong>{{ averageText() }}</strong>\n      </div>\n    </div>\n  }\n</div>\n", styles: ["@charset \"UTF-8\";:host{color:var(--mapa-report-text, #263238);display:block;min-width:0;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__modes--standalone{grid-column:1;grid-row:auto;justify-self:end}.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-report-widget__modes--standalone{grid-row:auto;margin-top:0}}.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-group-profile__filters{border-bottom:1px solid var(--mapa-report-border, #e1e5e7);display:grid;gap:12px;grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;padding-bottom:var(--mapa-report-space, 20px)}.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__scale-heading{display:grid;flex:1 1 320px;gap:6px;min-width:0}.mapa-report-group-profile__scale-description{color:var(--mapa-report-muted, #68747a);font-size:13px;line-height:1.5;margin:0}.mapa-report-group-profile__scale-description ::ng-deep ol,.mapa-report-group-profile__scale-description ::ng-deep p,.mapa-report-group-profile__scale-description ::ng-deep ul{margin:0 0 8px}.mapa-report-group-profile__scale-description ::ng-deep ol,.mapa-report-group-profile__scale-description ::ng-deep ul{padding-left:20px}.mapa-report-group-profile__scale-description ::ng-deep li{margin:0 0 3px}.mapa-report-group-profile__scale-description ::ng-deep b,.mapa-report-group-profile__scale-description ::ng-deep strong{color:var(--mapa-report-text, inherit);font-weight:600}.mapa-report-group-profile__scale-description ::ng-deep :last-child{margin-bottom:0}.mapa-report-group-profile__average{border:1px solid var(--mapa-report-border, #e1e5e7);border-radius:var(--mapa-report-radius, 8px);min-width:230px;padding:10px 14px}.mapa-report-group-profile__average-label{color:var(--mapa-report-muted, #68747a);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, #edf1f3);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, #68747a);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, #263238);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, #eef2f3);border-radius:999px;display:flex;gap:2px;height:var(--mapa-report-pill-height, 21px);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, #fff);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, #68747a);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{box-sizing:border-box;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", "style", "direction", "showValue", "ariaLabel"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.21", ngImport: i0, type: MapaReportGroupProfileWidgetAverageComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'mapa-report-group-profile-widget-average', standalone: true, imports: [MapaResultTrackComponent], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"mapa-report-widget\" [attr.data-palette]=\"palette()\">\n  @if (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          [appearance]=\"averageAppearance()\"\n          [name]=\"averageCaption()\"\n          [showValue]=\"false\"\n          [value]=\"average()!\"\n        />\n        <strong>{{ averageText() }}</strong>\n      </div>\n    </div>\n  }\n</div>\n", styles: ["@charset \"UTF-8\";:host{color:var(--mapa-report-text, #263238);display:block;min-width:0;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__modes--standalone{grid-column:1;grid-row:auto;justify-self:end}.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-report-widget__modes--standalone{grid-row:auto;margin-top:0}}.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-group-profile__filters{border-bottom:1px solid var(--mapa-report-border, #e1e5e7);display:grid;gap:12px;grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;padding-bottom:var(--mapa-report-space, 20px)}.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__scale-heading{display:grid;flex:1 1 320px;gap:6px;min-width:0}.mapa-report-group-profile__scale-description{color:var(--mapa-report-muted, #68747a);font-size:13px;line-height:1.5;margin:0}.mapa-report-group-profile__scale-description ::ng-deep ol,.mapa-report-group-profile__scale-description ::ng-deep p,.mapa-report-group-profile__scale-description ::ng-deep ul{margin:0 0 8px}.mapa-report-group-profile__scale-description ::ng-deep ol,.mapa-report-group-profile__scale-description ::ng-deep ul{padding-left:20px}.mapa-report-group-profile__scale-description ::ng-deep li{margin:0 0 3px}.mapa-report-group-profile__scale-description ::ng-deep b,.mapa-report-group-profile__scale-description ::ng-deep strong{color:var(--mapa-report-text, inherit);font-weight:600}.mapa-report-group-profile__scale-description ::ng-deep :last-child{margin-bottom:0}.mapa-report-group-profile__average{border:1px solid var(--mapa-report-border, #e1e5e7);border-radius:var(--mapa-report-radius, 8px);min-width:230px;padding:10px 14px}.mapa-report-group-profile__average-label{color:var(--mapa-report-muted, #68747a);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, #edf1f3);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, #68747a);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, #263238);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, #eef2f3);border-radius:999px;display:flex;gap:2px;height:var(--mapa-report-pill-height, 21px);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, #fff);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, #68747a);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{box-sizing:border-box;min-width:0;width:100%}.mapa-report-group-profile__row{gap:8px;grid-template-columns:minmax(0,1fr)}}\n"] }]
+        }] });
+
+/** Reusable distribution content, without filters or widget heading. */
+class MapaReportGroupProfileWidgetDistributionComponent extends ReportGroupProfileContent {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.21", ngImport: i0, type: MapaReportGroupProfileWidgetDistributionComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.21", type: MapaReportGroupProfileWidgetDistributionComponent, isStandalone: true, selector: "mapa-report-group-profile-widget-distribution", usesInheritance: true, ngImport: i0, template: "<div class=\"mapa-report-widget\" [attr.data-palette]=\"palette()\">\n  @if (!dimensions().length) {\n    <p class=\"mapa-report-widget__empty\">{{ i18n.texts.report.emptyState }}</p>\n  } @else {\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\" 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      @if (showLegend() && legendItems().length) {\n        <article class=\"mapa-report-group-profile__row\">\n          <h4 class=\"mapa-report-group-profile__row-name\"></h4>\n          <div class=\"mapa-report-group-profile__bar\">\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          </div>\n        </article>\n      }\n    </div>\n  }\n</div>\n", styles: ["@charset \"UTF-8\";:host{color:var(--mapa-report-text, #263238);display:block;min-width:0;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__modes--standalone{grid-column:1;grid-row:auto;justify-self:end}.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-report-widget__modes--standalone{grid-row:auto;margin-top:0}}.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-group-profile__filters{border-bottom:1px solid var(--mapa-report-border, #e1e5e7);display:grid;gap:12px;grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;padding-bottom:var(--mapa-report-space, 20px)}.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__scale-heading{display:grid;flex:1 1 320px;gap:6px;min-width:0}.mapa-report-group-profile__scale-description{color:var(--mapa-report-muted, #68747a);font-size:13px;line-height:1.5;margin:0}.mapa-report-group-profile__scale-description ::ng-deep ol,.mapa-report-group-profile__scale-description ::ng-deep p,.mapa-report-group-profile__scale-description ::ng-deep ul{margin:0 0 8px}.mapa-report-group-profile__scale-description ::ng-deep ol,.mapa-report-group-profile__scale-description ::ng-deep ul{padding-left:20px}.mapa-report-group-profile__scale-description ::ng-deep li{margin:0 0 3px}.mapa-report-group-profile__scale-description ::ng-deep b,.mapa-report-group-profile__scale-description ::ng-deep strong{color:var(--mapa-report-text, inherit);font-weight:600}.mapa-report-group-profile__scale-description ::ng-deep :last-child{margin-bottom:0}.mapa-report-group-profile__average{border:1px solid var(--mapa-report-border, #e1e5e7);border-radius:var(--mapa-report-radius, 8px);min-width:230px;padding:10px 14px}.mapa-report-group-profile__average-label{color:var(--mapa-report-muted, #68747a);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, #edf1f3);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, #68747a);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, #263238);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, #eef2f3);border-radius:999px;display:flex;gap:2px;height:var(--mapa-report-pill-height, 21px);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, #fff);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, #68747a);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{box-sizing:border-box;min-width:0;width:100%}.mapa-report-group-profile__row{gap:8px;grid-template-columns:minmax(0,1fr)}}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.21", ngImport: i0, type: MapaReportGroupProfileWidgetDistributionComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'mapa-report-group-profile-widget-distribution', standalone: true, imports: [], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"mapa-report-widget\" [attr.data-palette]=\"palette()\">\n  @if (!dimensions().length) {\n    <p class=\"mapa-report-widget__empty\">{{ i18n.texts.report.emptyState }}</p>\n  } @else {\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\" 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      @if (showLegend() && legendItems().length) {\n        <article class=\"mapa-report-group-profile__row\">\n          <h4 class=\"mapa-report-group-profile__row-name\"></h4>\n          <div class=\"mapa-report-group-profile__bar\">\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          </div>\n        </article>\n      }\n    </div>\n  }\n</div>\n", styles: ["@charset \"UTF-8\";:host{color:var(--mapa-report-text, #263238);display:block;min-width:0;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__modes--standalone{grid-column:1;grid-row:auto;justify-self:end}.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-report-widget__modes--standalone{grid-row:auto;margin-top:0}}.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-group-profile__filters{border-bottom:1px solid var(--mapa-report-border, #e1e5e7);display:grid;gap:12px;grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;padding-bottom:var(--mapa-report-space, 20px)}.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__scale-heading{display:grid;flex:1 1 320px;gap:6px;min-width:0}.mapa-report-group-profile__scale-description{color:var(--mapa-report-muted, #68747a);font-size:13px;line-height:1.5;margin:0}.mapa-report-group-profile__scale-description ::ng-deep ol,.mapa-report-group-profile__scale-description ::ng-deep p,.mapa-report-group-profile__scale-description ::ng-deep ul{margin:0 0 8px}.mapa-report-group-profile__scale-description ::ng-deep ol,.mapa-report-group-profile__scale-description ::ng-deep ul{padding-left:20px}.mapa-report-group-profile__scale-description ::ng-deep li{margin:0 0 3px}.mapa-report-group-profile__scale-description ::ng-deep b,.mapa-report-group-profile__scale-description ::ng-deep strong{color:var(--mapa-report-text, inherit);font-weight:600}.mapa-report-group-profile__scale-description ::ng-deep :last-child{margin-bottom:0}.mapa-report-group-profile__average{border:1px solid var(--mapa-report-border, #e1e5e7);border-radius:var(--mapa-report-radius, 8px);min-width:230px;padding:10px 14px}.mapa-report-group-profile__average-label{color:var(--mapa-report-muted, #68747a);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, #edf1f3);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, #68747a);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, #263238);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, #eef2f3);border-radius:999px;display:flex;gap:2px;height:var(--mapa-report-pill-height, 21px);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, #fff);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, #68747a);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{box-sizing:border-box;min-width:0;width:100%}.mapa-report-group-profile__row{gap:8px;grid-template-columns:minmax(0,1fr)}}\n"] }]
+        }] });
+
+class MapaReportGroupProfileWidgetComponent extends ReportGroupProfileContent {
+    constructor() {
+        super(...arguments);
+        this.heading = input(...(ngDevMode ? [undefined, { debugName: "heading" }] : []));
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.21", ngImport: i0, type: MapaReportGroupProfileWidgetComponent, deps: null, 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 } }, usesInheritance: true, 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      <div class=\"mapa-report-group-profile__scale-heading\">\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 (data()?.description; as description) {\n          <div\n            class=\"mapa-report-group-profile__scale-description\"\n            [innerHTML]=\"description | safeHtml\"\n          ></div>\n        }\n      </div>\n      @if (showAverage() && average() !== null) {\n        <mapa-report-group-profile-widget-average\n          [data]=\"data()\"\n          [palette]=\"palette()\"\n          [averageLabel]=\"averageLabel()\"\n          [averageAppearance]=\"averageAppearance()\"\n        />\n      }\n    </header>\n\n    <mapa-report-group-profile-widget-distribution\n      [data]=\"data()\"\n      [palette]=\"palette()\"\n      [showLegend]=\"showLegend()\"\n      [legend]=\"legend()\"\n      [distributionLabel]=\"distributionLabel()\"\n    />\n  }\n</section>\n", styles: ["@charset \"UTF-8\";:host{color:var(--mapa-report-text, #263238);display:block;min-width:0;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__modes--standalone{grid-column:1;grid-row:auto;justify-self:end}.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-report-widget__modes--standalone{grid-row:auto;margin-top:0}}.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-group-profile__filters{border-bottom:1px solid var(--mapa-report-border, #e1e5e7);display:grid;gap:12px;grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;padding-bottom:var(--mapa-report-space, 20px)}.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__scale-heading{display:grid;flex:1 1 320px;gap:6px;min-width:0}.mapa-report-group-profile__scale-description{color:var(--mapa-report-muted, #68747a);font-size:13px;line-height:1.5;margin:0}.mapa-report-group-profile__scale-description ::ng-deep ol,.mapa-report-group-profile__scale-description ::ng-deep p,.mapa-report-group-profile__scale-description ::ng-deep ul{margin:0 0 8px}.mapa-report-group-profile__scale-description ::ng-deep ol,.mapa-report-group-profile__scale-description ::ng-deep ul{padding-left:20px}.mapa-report-group-profile__scale-description ::ng-deep li{margin:0 0 3px}.mapa-report-group-profile__scale-description ::ng-deep b,.mapa-report-group-profile__scale-description ::ng-deep strong{color:var(--mapa-report-text, inherit);font-weight:600}.mapa-report-group-profile__scale-description ::ng-deep :last-child{margin-bottom:0}.mapa-report-group-profile__average{border:1px solid var(--mapa-report-border, #e1e5e7);border-radius:var(--mapa-report-radius, 8px);min-width:230px;padding:10px 14px}.mapa-report-group-profile__average-label{color:var(--mapa-report-muted, #68747a);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, #edf1f3);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, #68747a);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, #263238);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, #eef2f3);border-radius:999px;display:flex;gap:2px;height:var(--mapa-report-pill-height, 21px);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, #fff);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, #68747a);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{box-sizing:border-box;min-width:0;width:100%}.mapa-report-group-profile__row{gap:8px;grid-template-columns:minmax(0,1fr)}}: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)}:host{--mapa-report-pill-height: 21px;--mapa-report-line-soft: #edf1f3}\n"], dependencies: [{ kind: "component", type: MapaReportGroupProfileWidgetAverageComponent, selector: "mapa-report-group-profile-widget-average" }, { kind: "component", type: MapaReportGroupProfileWidgetDistributionComponent, selector: "mapa-report-group-profile-widget-distribution" }, { 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      <div class=\"mapa-report-group-profile__scale-heading\">\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 (data()?.description; as description) {\n          <div\n            class=\"mapa-report-group-profile__scale-description\"\n            [innerHTML]=\"description | safeHtml\"\n          ></div>\n        }\n      </div>\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              [appearance]=\"averageAppearance()\"\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\" 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      @if (showLegend() && legendItems().length) {\n        <article class=\"mapa-report-group-profile__row\">\n          <h4 class=\"mapa-report-group-profile__row-name\"></h4>\n          <div class=\"mapa-report-group-profile__bar\">\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          </div>\n        </article>\n      }\n    </div>\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__modes--standalone{grid-column:1;grid-row:auto;justify-self:end}.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-report-widget__modes--standalone{grid-row:auto;margin-top:0}}.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__scale-heading{display:grid;flex:1 1 320px;gap:6px;min-width:0}.mapa-report-group-profile__scale-description{color:var(--mapa-report-muted);font-size:13px;line-height:1.5;margin:0}.mapa-report-group-profile__scale-description ::ng-deep ol,.mapa-report-group-profile__scale-description ::ng-deep p,.mapa-report-group-profile__scale-description ::ng-deep ul{margin:0 0 8px}.mapa-report-group-profile__scale-description ::ng-deep ol,.mapa-report-group-profile__scale-description ::ng-deep ul{padding-left:20px}.mapa-report-group-profile__scale-description ::ng-deep li{margin:0 0 3px}.mapa-report-group-profile__scale-description ::ng-deep b,.mapa-report-group-profile__scale-description ::ng-deep strong{color:var(--mapa-report-text, inherit);font-weight:600}.mapa-report-group-profile__scale-description ::ng-deep :last-child{margin-bottom: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 }] }], averageAppearance: [{ type: i0.Input, args: [{ isSignal: true, alias: "averageAppearance", required: false }] }] } });
+            args: [{ selector: 'mapa-report-group-profile-widget', standalone: true, imports: [
+                        SafeHtmlPipe,
+                        MapaReportGroupProfileWidgetAverageComponent,
+                        MapaReportGroupProfileWidgetDistributionComponent,
+                    ], 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      <div class=\"mapa-report-group-profile__scale-heading\">\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 (data()?.description; as description) {\n          <div\n            class=\"mapa-report-group-profile__scale-description\"\n            [innerHTML]=\"description | safeHtml\"\n          ></div>\n        }\n      </div>\n      @if (showAverage() && average() !== null) {\n        <mapa-report-group-profile-widget-average\n          [data]=\"data()\"\n          [palette]=\"palette()\"\n          [averageLabel]=\"averageLabel()\"\n          [averageAppearance]=\"averageAppearance()\"\n        />\n      }\n    </header>\n\n    <mapa-report-group-profile-widget-distribution\n      [data]=\"data()\"\n      [palette]=\"palette()\"\n      [showLegend]=\"showLegend()\"\n      [legend]=\"legend()\"\n      [distributionLabel]=\"distributionLabel()\"\n    />\n  }\n</section>\n", styles: ["@charset \"UTF-8\";:host{color:var(--mapa-report-text, #263238);display:block;min-width:0;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__modes--standalone{grid-column:1;grid-row:auto;justify-self:end}.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-report-widget__modes--standalone{grid-row:auto;margin-top:0}}.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-group-profile__filters{border-bottom:1px solid var(--mapa-report-border, #e1e5e7);display:grid;gap:12px;grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;padding-bottom:var(--mapa-report-space, 20px)}.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__scale-heading{display:grid;flex:1 1 320px;gap:6px;min-width:0}.mapa-report-group-profile__scale-description{color:var(--mapa-report-muted, #68747a);font-size:13px;line-height:1.5;margin:0}.mapa-report-group-profile__scale-description ::ng-deep ol,.mapa-report-group-profile__scale-description ::ng-deep p,.mapa-report-group-profile__scale-description ::ng-deep ul{margin:0 0 8px}.mapa-report-group-profile__scale-description ::ng-deep ol,.mapa-report-group-profile__scale-description ::ng-deep ul{padding-left:20px}.mapa-report-group-profile__scale-description ::ng-deep li{margin:0 0 3px}.mapa-report-group-profile__scale-description ::ng-deep b,.mapa-report-group-profile__scale-description ::ng-deep strong{color:var(--mapa-report-text, inherit);font-weight:600}.mapa-report-group-profile__scale-description ::ng-deep :last-child{margin-bottom:0}.mapa-report-group-profile__average{border:1px solid var(--mapa-report-border, #e1e5e7);border-radius:var(--mapa-report-radius, 8px);min-width:230px;padding:10px 14px}.mapa-report-group-profile__average-label{color:var(--mapa-report-muted, #68747a);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, #edf1f3);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, #68747a);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, #263238);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, #eef2f3);border-radius:999px;display:flex;gap:2px;height:var(--mapa-report-pill-height, 21px);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, #fff);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, #68747a);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{box-sizing:border-box;min-width:0;width:100%}.mapa-report-group-profile__row{gap:8px;grid-template-columns:minmax(0,1fr)}}: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)}:host{--mapa-report-pill-height: 21px;--mapa-report-line-soft: #edf1f3}\n"] }]
+        }], propDecorators: { heading: [{ type: i0.Input, args: [{ isSignal: true, alias: "heading", required: false }] }] } });
 
 class MapaReportLegendComponent {
     constructor() {
@@ -8626,23 +8661,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.21", ngImpo
             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 {
+class ReportIndicatorsContent {
     constructor() {
         this.i18n = inject(MapaI18nService);
-        this.heading = input.required(...(ngDevMode ? [{ debugName: "heading" }] : []));
         this.groups = input([], ...(ngDevMode ? [{ debugName: "groups" }] : []));
-        this.legendGroups = input([], ...(ngDevMode ? [{ debugName: "legendGroups" }] : []));
-        this.legendTitle = input(...(ngDevMode ? [undefined, { debugName: "legendTitle" }] : []));
-        this.legendIntro = input(...(ngDevMode ? [undefined, { debugName: "legendIntro" }] : []));
-        this.legendExpanded = input(false, ...(ngDevMode ? [{ debugName: "legendExpanded" }] : []));
-        /** Overrides the detailed toggle label; defaults to the i18n text. */
-        this.detailedViewLabel = input(...(ngDevMode ? [undefined, { debugName: "detailedViewLabel" }] : []));
-        /** Overrides the narrow-screen detailed toggle label. */
-        this.compactDetailedViewLabel = input(...(ngDevMode ? [undefined, { debugName: "compactDetailedViewLabel" }] : []));
         this.palette = input('current', ...(ngDevMode ? [{ debugName: "palette" }] : []));
-        this.mode = model('list', ...(ngDevMode ? [{ debugName: "mode" }] : []));
-        this.detailedViewCaption = computed(() => this.detailedViewLabel() ?? this.i18n.texts.report.detailedListLabel, ...(ngDevMode ? [{ debugName: "detailedViewCaption" }] : []));
-        this.compactDetailedViewCaption = computed(() => this.compactDetailedViewLabel() ?? this.i18n.texts.report.detailed, ...(ngDevMode ? [{ debugName: "compactDetailedViewCaption" }] : []));
         this.indicators = computed(() => this.groups().flatMap((group) => group.indicators), ...(ngDevMode ? [{ debugName: "indicators" }] : []));
         this.indicatorColumns = computed(() => {
             const columns = [[], [], []];
@@ -8686,19 +8709,12 @@ class MapaReportIndicatorsWidgetComponent {
             ? this.i18n.texts.report.negativeDirectionLabel
             : this.i18n.texts.report.positiveDirectionLabel;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.21", ngImport: i0, type: MapaReportIndicatorsWidgetComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.21", type: MapaReportIndicatorsWidgetComponent, isStandalone: true, selector: "mapa-report-indicators-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 }, legendExpanded: { classPropertyName: "legendExpanded", publicName: "legendExpanded", isSignal: true, isRequired: false, transformFunction: null }, detailedViewLabel: { classPropertyName: "detailedViewLabel", publicName: "detailedViewLabel", isSignal: true, isRequired: false, transformFunction: null }, compactDetailedViewLabel: { classPropertyName: "compactDetailedViewLabel", publicName: "compactDetailedViewLabel", 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  </header>\n\n  @if (legendGroups().length || legendIntro()) {\n    <mapa-report-legend\n      appearance=\"psychosocial\"\n      [expanded]=\"legendExpanded()\"\n      [groups]=\"legendGroups()\"\n      [intro]=\"legendIntro()\"\n      [title]=\"legendTitle()\"\n    />\n  }\n\n  <mat-button-toggle-group\n    class=\"mapa-report-widget__modes mapa-report-widget__modes--standalone\"\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=\"list\">\n      <span class=\"mapa-report-indicator__mode-icon\" aria-hidden=\"true\">\u25A5</span>\n      {{ i18n.texts.report.list }}\n    </mat-button-toggle>\n    <mat-button-toggle value=\"chart\">\n      <span class=\"mapa-report-indicator__mode-icon\" aria-hidden=\"true\">\u25A6</span>\n      {{ i18n.texts.report.chart }}\n    </mat-button-toggle>\n    <mat-button-toggle value=\"detailed\">\n      <span class=\"mapa-report-indicator__mode-icon\" aria-hidden=\"true\">\u25A4</span>\n      <span\n        class=\"mapa-report-indicator__mode-label mapa-report-indicator__mode-label--full\"\n        >{{ detailedViewCaption() }}</span\n      >\n      <span\n        class=\"mapa-report-indicator__mode-label mapa-report-indicator__mode-label--compact\"\n        >{{ compactDetailedViewCaption() }}</span\n      >\n    </mat-button-toggle>\n  </mat-button-toggle-group>\n\n  @if (!indicators().length) {\n    <p class=\"mapa-report-widget__empty\">{{ i18n.texts.report.emptyState }}</p>\n  } @else if (mode() === \"list\") {\n    <div\n      class=\"mapa-report-indicators mapa-report-indicators--list\"\n      [class.mapa-report-indicators--single-column]=\"\n        indicatorColumns().length === 1\n      \"\n      [class.mapa-report-indicators--two-columns]=\"\n        indicatorColumns().length === 2\n      \"\n    >\n      @for (column of indicatorColumns(); track $index) {\n        <div class=\"mapa-report-indicators__column\">\n          @for (group of column; track group.id) {\n            <section\n              class=\"mapa-report-indicator-group mapa-report-indicator-group--list\"\n            >\n              <h3>{{ group.name }}</h3>\n              <div class=\"mapa-report-indicator-group__list\">\n                @for (indicator of group.indicators; track indicator.id) {\n                  <article\n                    class=\"mapa-report-indicator mapa-report-indicator--list\"\n                    [style.--mapa-indicator-background]=\"color(indicator)\"\n                    [style.--mapa-indicator-foreground]=\"foreground(indicator)\"\n                  >\n                    <span\n                      class=\"mapa-direction-indicator\"\n                      [attr.aria-label]=\"directionLabel(indicator)\"\n                      >{{ directionArrow(indicator) }}</span\n                    >\n                    <h4>{{ indicator.name }}</h4>\n                    <strong>{{ value(indicator) }}%</strong>\n                  </article>\n                }\n              </div>\n            </section>\n          }\n        </div>\n      }\n    </div>\n  } @else {\n    <div class=\"mapa-report-indicators mapa-report-indicators--rows\">\n      @for (group of groups(); track group.id) {\n        <section\n          class=\"mapa-report-indicator-group mapa-report-indicator-group--rows\"\n        >\n          <h3>{{ group.name }}</h3>\n          <div class=\"mapa-report-indicator-group__rows\">\n            @for (indicator of group.indicators; track indicator.id) {\n              <article class=\"mapa-report-indicator mapa-report-indicator--row\">\n                <div class=\"mapa-report-indicator__graph\">\n                  <div class=\"mapa-report-indicator__name\">\n                    <span\n                      class=\"mapa-direction-indicator\"\n                      [attr.aria-label]=\"directionLabel(indicator)\"\n                      >{{ directionArrow(indicator) }}</span\n                    >\n                    <h4>{{ indicator.name }}</h4>\n                  </div>\n                  <mapa-classification-tag\n                    appearance=\"solid\"\n                    [classification]=\"indicator.classification\"\n                  />\n                  <mapa-result-track\n                    appearance=\"segmented\"\n                    mode=\"linear\"\n                    [color]=\"color(indicator)\"\n                    [name]=\"indicator.name\"\n                    [value]=\"value(indicator)\"\n                  />\n                  <strong class=\"mapa-report-indicator__percent\"\n                    >{{ value(indicator) }}%</strong\n                  >\n                </div>\n\n                @if (mode() === \"detailed\" && indicator.concept) {\n                  <div class=\"mapa-report-indicator__detail\">\n                    <strong>{{ i18n.texts.report.conceptTitle }}:</strong>\n                    <div\n                      class=\"mapa-report-indicator__copy\"\n                      [innerHTML]=\"indicator.concept | safeHtml\"\n                    ></div>\n                  </div>\n                }\n                @if (mode() === \"detailed\" && indicator.description) {\n                  <div class=\"mapa-report-indicator__detail\">\n                    <strong>{{ i18n.texts.report.resultTitle }}:</strong>\n                    <div\n                      class=\"mapa-report-indicator__copy\"\n                      [innerHTML]=\"indicator.description | safeHtml\"\n                    ></div>\n                  </div>\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__modes--standalone{grid-column:1;grid-row:auto;justify-self:end}.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-report-widget__modes--standalone{grid-row:auto;margin-top:0}}.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-indicators{display:grid;gap:20px}.mapa-report-indicators--list{align-items:start;grid-template-columns:repeat(3,minmax(0,1fr))}.mapa-report-indicators--single-column{grid-template-columns:1fr}.mapa-report-indicators--two-columns{grid-template-columns:repeat(2,minmax(0,1fr))}.mapa-report-indicators--rows{padding-top:2px}.mapa-report-indicators__column{display:grid;gap:23px;min-width:0}.mapa-report-indicator-group{min-width:0}.mapa-report-indicator-group>h3{color:var(--mapa-report-text);font-size:15px;font-weight:600;line-height:1.3;margin:0 0 11px}.mapa-report-indicator-group__list{display:grid;gap:8px}.mapa-report-indicator-group__rows{background:var(--mapa-report-surface);border:1px solid var(--mapa-report-border);border-radius:12px;overflow:hidden}.mapa-report-indicator{min-width:0}.mapa-report-indicator--list{align-items:center;background:var(--mapa-indicator-background);border:1px solid rgba(26,26,26,.08);border-radius:9px;color:var(--mapa-indicator-foreground);display:grid;gap:9px;grid-template-columns:20px minmax(0,1fr) auto;min-height:38px;padding:5px 10px 5px 9px}.mapa-report-indicator--list h4{font-size:12px;font-weight:400;line-height:1.25;margin:0;overflow-wrap:anywhere}.mapa-report-indicator--list>strong{align-items:center;background:#fff;border:1px solid rgba(99,114,124,.16);border-radius:999px;color:#1f3850;display:inline-flex;font-size:10px;font-weight:600;height:25px;justify-content:center;min-width:38px;padding:0 6px}.mapa-report-indicator--row{padding:13px 13px 14px}.mapa-report-indicator--row+.mapa-report-indicator--row{border-top:1px solid var(--mapa-report-border)}.mapa-report-indicator__graph{align-items:center;display:grid;gap:14px;grid-template-columns:minmax(0,250px) var(--mapa-report-pill-width) minmax(0,1fr) 42px}.mapa-report-indicator__name{align-items:center;color:var(--mapa-report-text);display:flex;gap:7px;min-width:0}.mapa-report-indicator__name h4{font-size:12px;font-weight:400;line-height:1.25;margin:0;overflow-wrap:anywhere}.mapa-report-indicator__graph mapa-classification-tag{--mapa-classification-tag-min-width: var(--mapa-report-pill-width);justify-self:start;max-width:var(--mapa-report-pill-width)}.mapa-report-indicator__percent{color:#1f3850;font-size:12px;font-weight:400;text-align:right}.mapa-report-indicator__mode-label--compact{display:none}.mapa-report-indicator__detail{border-top:1px solid var(--mapa-report-border);color:var(--mapa-report-muted);display:flex;font-size:11px;gap:4px;line-height:1.45;margin-top:11px;padding-top:10px}.mapa-report-indicator__detail>strong{color:var(--mapa-report-text);flex:0 0 auto;font-weight:600}.mapa-report-indicator__detail .mapa-report-indicator__copy{min-width:0}.mapa-report-indicator__detail .mapa-report-indicator__copy ::ng-deep ol,.mapa-report-indicator__detail .mapa-report-indicator__copy ::ng-deep p,.mapa-report-indicator__detail .mapa-report-indicator__copy ::ng-deep ul{margin:0 0 8px}.mapa-report-indicator__detail .mapa-report-indicator__copy ::ng-deep ol,.mapa-report-indicator__detail .mapa-report-indicator__copy ::ng-deep ul{padding-left:20px}.mapa-report-indicator__detail .mapa-report-indicator__copy ::ng-deep li{margin:0 0 3px}.mapa-report-indicator__detail .mapa-report-indicator__copy ::ng-deep b,.mapa-report-indicator__detail .mapa-report-indicator__copy ::ng-deep strong{color:var(--mapa-report-text, inherit);font-weight:600}.mapa-report-indicator__detail .mapa-report-indicator__copy ::ng-deep :last-child{margin-bottom:0}.mapa-report-indicator__detail div{min-width:0}.mapa-report-indicator__detail :last-child{margin-bottom:0}@media(max-width:760px){.mapa-report-indicator__graph{gap:8px;grid-template-columns:minmax(0,1fr) var(--mapa-report-pill-width) 40px}.mapa-report-indicator__graph mapa-result-track{grid-column:1/-1;grid-row:2;margin-top:3px}}@media(max-width:560px){.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 10px/1 var(--mapa-font-body, \"Asap\", sans-serif);min-width:0}.mapa-report-indicator__mode-icon,.mapa-report-indicator__mode-label--full{display:none}.mapa-report-indicator__mode-label--compact{display:inline}.mapa-report-indicators--list:not(.mapa-report-indicators--single-column){grid-template-columns:1fr}.mapa-report-indicator--list{min-height:36px}.mapa-report-indicator--row{padding:12px}.mapa-report-indicator__detail{display:block}.mapa-report-indicator__detail>strong{display:block;margin-bottom:3px}}\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", "style", "direction", "showValue", "ariaLabel"] }, { kind: "pipe", type: SafeHtmlPipe, name: "safeHtml" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.21", ngImport: i0, type: ReportIndicatorsContent, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "20.3.21", type: ReportIndicatorsContent, isStandalone: true, inputs: { groups: { classPropertyName: "groups", publicName: "groups", isSignal: true, isRequired: false, transformFunction: null }, palette: { classPropertyName: "palette", publicName: "palette", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.21", ngImport: i0, type: MapaReportIndicatorsWidgetComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'mapa-report-indicators-widget', standalone: true, imports: [
-                        MatButtonToggleModule,
-                        MapaClassificationTagComponent,
-                        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  </header>\n\n  @if (legendGroups().length || legendIntro()) {\n    <mapa-report-legend\n      appearance=\"psychosocial\"\n      [expanded]=\"legendExpanded()\"\n      [groups]=\"legendGroups()\"\n      [intro]=\"legendIntro()\"\n      [title]=\"legendTitle()\"\n    />\n  }\n\n  <mat-button-toggle-group\n    class=\"mapa-report-widget__modes mapa-report-widget__modes--standalone\"\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=\"list\">\n      <span class=\"mapa-report-indicator__mode-icon\" aria-hidden=\"true\">\u25A5</span>\n      {{ i18n.texts.report.list }}\n    </mat-button-toggle>\n    <mat-button-toggle value=\"chart\">\n      <span class=\"mapa-report-indicator__mode-icon\" aria-hidden=\"true\">\u25A6</span>\n      {{ i18n.texts.report.chart }}\n    </mat-button-toggle>\n    <mat-button-toggle value=\"detailed\">\n      <span class=\"mapa-report-indicator__mode-icon\" aria-hidden=\"true\">\u25A4</span>\n      <span\n        class=\"mapa-report-indicator__mode-label mapa-report-indicator__mode-label--full\"\n        >{{ detailedViewCaption() }}</span\n      >\n      <span\n        class=\"mapa-report-indicator__mode-label mapa-report-indicator__mode-label--compact\"\n        >{{ compactDetailedViewCaption() }}</span\n      >\n    </mat-button-toggle>\n  </mat-button-toggle-group>\n\n  @if (!indicators().length) {\n    <p class=\"mapa-report-widget__empty\">{{ i18n.texts.report.emptyState }}</p>\n  } @else if (mode() === \"list\") {\n    <div\n      class=\"mapa-report-indicators mapa-report-indicators--list\"\n      [class.mapa-report-indicators--single-column]=\"\n        indicatorColumns().length === 1\n      \"\n      [class.mapa-report-indicators--two-columns]=\"\n        indicatorColumns().length === 2\n      \"\n    >\n      @for (column of indicatorColumns(); track $index) {\n        <div class=\"mapa-report-indicators__column\">\n          @for (group of column; track group.id) {\n            <section\n              class=\"mapa-report-indicator-group mapa-report-indicator-group--list\"\n            >\n              <h3>{{ group.name }}</h3>\n              <div class=\"mapa-report-indicator-group__list\">\n                @for (indicator of group.indicators; track indicator.id) {\n                  <article\n                    class=\"mapa-report-indicator mapa-report-indicator--list\"\n                    [style.--mapa-indicator-background]=\"color(indicator)\"\n                    [style.--mapa-indicator-foreground]=\"foreground(indicator)\"\n                  >\n                    <span\n                      class=\"mapa-direction-indicator\"\n                      [attr.aria-label]=\"directionLabel(indicator)\"\n                      >{{ directionArrow(indicator) }}</span\n                    >\n                    <h4>{{ indicator.name }}</h4>\n                    <strong>{{ value(indicator) }}%</strong>\n                  </article>\n                }\n              </div>\n            </section>\n          }\n        </div>\n      }\n    </div>\n  } @else {\n    <div class=\"mapa-report-indicators mapa-report-indicators--rows\">\n      @for (group of groups(); track group.id) {\n        <section\n          class=\"mapa-report-indicator-group mapa-report-indicator-group--rows\"\n        >\n          <h3>{{ group.name }}</h3>\n          <div class=\"mapa-report-indicator-group__rows\">\n            @for (indicator of group.indicators; track indicator.id) {\n              <article class=\"mapa-report-indicator mapa-report-indicator--row\">\n                <div class=\"mapa-report-indicator__graph\">\n                  <div class=\"mapa-report-indicator__name\">\n                    <span\n                      class=\"mapa-direction-indicator\"\n                      [attr.aria-label]=\"directionLabel(indicator)\"\n                      >{{ directionArrow(indicator) }}</span\n                    >\n                    <h4>{{ indicator.name }}</h4>\n                  </div>\n                  <mapa-classification-tag\n                    appearance=\"solid\"\n                    [classification]=\"indicator.classification\"\n                  />\n                  <mapa-result-track\n                    appearance=\"segmented\"\n                    mode=\"linear\"\n                    [color]=\"color(indicator)\"\n                    [name]=\"indicator.name\"\n                    [value]=\"value(indicator)\"\n                  />\n                  <strong class=\"mapa-report-indicator__percent\"\n                    >{{ value(indicator) }}%</strong\n                  >\n                </div>\n\n                @if (mode() === \"detailed\" && indicator.concept) {\n                  <div class=\"mapa-report-indicator__detail\">\n                    <strong>{{ i18n.texts.report.conceptTitle }}:</strong>\n                    <div\n                      class=\"mapa-report-indicator__copy\"\n                      [innerHTML]=\"indicator.concept | safeHtml\"\n                    ></div>\n                  </div>\n                }\n                @if (mode() === \"detailed\" && indicator.description) {\n                  <div class=\"mapa-report-indicator__detail\">\n                    <strong>{{ i18n.texts.report.resultTitle }}:</strong>\n                    <div\n                      class=\"mapa-report-indicator__copy\"\n                      [innerHTML]=\"indicator.description | safeHtml\"\n                    ></div>\n                  </div>\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__modes--standalone{grid-column:1;grid-row:auto;justify-self:end}.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-report-widget__modes--standalone{grid-row:auto;margin-top:0}}.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-indicators{display:grid;gap:20px}.mapa-report-indicators--list{align-items:start;grid-template-columns:repeat(3,minmax(0,1fr))}.mapa-report-indicators--single-column{grid-template-columns:1fr}.mapa-report-indicators--two-columns{grid-template-columns:repeat(2,minmax(0,1fr))}.mapa-report-indicators--rows{padding-top:2px}.mapa-report-indicators__column{display:grid;gap:23px;min-width:0}.mapa-report-indicator-group{min-width:0}.mapa-report-indicator-group>h3{color:var(--mapa-report-text);font-size:15px;font-weight:600;line-height:1.3;margin:0 0 11px}.mapa-report-indicator-group__list{display:grid;gap:8px}.mapa-report-indicator-group__rows{background:var(--mapa-report-surface);border:1px solid var(--mapa-report-border);border-radius:12px;overflow:hidden}.mapa-report-indicator{min-width:0}.mapa-report-indicator--list{align-items:center;background:var(--mapa-indicator-background);border:1px solid rgba(26,26,26,.08);border-radius:9px;color:var(--mapa-indicator-foreground);display:grid;gap:9px;grid-template-columns:20px minmax(0,1fr) auto;min-height:38px;padding:5px 10px 5px 9px}.mapa-report-indicator--list h4{font-size:12px;font-weight:400;line-height:1.25;margin:0;overflow-wrap:anywhere}.mapa-report-indicator--list>strong{align-items:center;background:#fff;border:1px solid rgba(99,114,124,.16);border-radius:999px;color:#1f3850;display:inline-flex;font-size:10px;font-weight:600;height:25px;justify-content:center;min-width:38px;padding:0 6px}.mapa-report-indicator--row{padding:13px 13px 14px}.mapa-report-indicator--row+.mapa-report-indicator--row{border-top:1px solid var(--mapa-report-border)}.mapa-report-indicator__graph{align-items:center;display:grid;gap:14px;grid-template-columns:minmax(0,250px) var(--mapa-report-pill-width) minmax(0,1fr) 42px}.mapa-report-indicator__name{align-items:center;color:var(--mapa-report-text);display:flex;gap:7px;min-width:0}.mapa-report-indicator__name h4{font-size:12px;font-weight:400;line-height:1.25;margin:0;overflow-wrap:anywhere}.mapa-report-indicator__graph mapa-classification-tag{--mapa-classification-tag-min-width: var(--mapa-report-pill-width);justify-self:start;max-width:var(--mapa-report-pill-width)}.mapa-report-indicator__percent{color:#1f3850;font-size:12px;font-weight:400;text-align:right}.mapa-report-indicator__mode-label--compact{display:none}.mapa-report-indicator__detail{border-top:1px solid var(--mapa-report-border);color:var(--mapa-report-muted);display:flex;font-size:11px;gap:4px;line-height:1.45;margin-top:11px;padding-top:10px}.mapa-report-indicator__detail>strong{color:var(--mapa-report-text);flex:0 0 auto;font-weight:600}.mapa-report-indicator__detail .mapa-report-indicator__copy{min-width:0}.mapa-report-indicator__detail .mapa-report-indicator__copy ::ng-deep ol,.mapa-report-indicator__detail .mapa-report-indicator__copy ::ng-deep p,.mapa-report-indicator__detail .mapa-report-indicator__copy ::ng-deep ul{margin:0 0 8px}.mapa-report-indicator__detail .mapa-report-indicator__copy ::ng-deep ol,.mapa-report-indicator__detail .mapa-report-indicator__copy ::ng-deep ul{padding-left:20px}.mapa-report-indicator__detail .mapa-report-indicator__copy ::ng-deep li{margin:0 0 3px}.mapa-report-indicator__detail .mapa-report-indicator__copy ::ng-deep b,.mapa-report-indicator__detail .mapa-report-indicator__copy ::ng-deep strong{color:var(--mapa-report-text, inherit);font-weight:600}.mapa-report-indicator__detail .mapa-report-indicator__copy ::ng-deep :last-child{margin-bottom:0}.mapa-report-indicator__detail div{min-width:0}.mapa-report-indicator__detail :last-child{margin-bottom:0}@media(max-width:760px){.mapa-report-indicator__graph{gap:8px;grid-template-columns:minmax(0,1fr) var(--mapa-report-pill-width) 40px}.mapa-report-indicator__graph mapa-result-track{grid-column:1/-1;grid-row:2;margin-top:3px}}@media(max-width:560px){.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 10px/1 var(--mapa-font-body, \"Asap\", sans-serif);min-width:0}.mapa-report-indicator__mode-icon,.mapa-report-indicator__mode-label--full{display:none}.mapa-report-indicator__mode-label--compact{display:inline}.mapa-report-indicators--list:not(.mapa-report-indicators--single-column){grid-template-columns:1fr}.mapa-report-indicator--list{min-height:36px}.mapa-report-indicator--row{padding:12px}.mapa-report-indicator__detail{display:block}.mapa-report-indicator__detail>strong{display:block;margin-bottom:3px}}\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 }] }], legendExpanded: [{ type: i0.Input, args: [{ isSignal: true, alias: "legendExpanded", required: false }] }], detailedViewLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "detailedViewLabel", required: false }] }], compactDetailedViewLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "compactDetailedViewLabel", 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"] }] } });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.21", ngImport: i0, type: ReportIndicatorsContent, decorators: [{
+            type: Directive
+        }], propDecorators: { groups: [{ type: i0.Input, args: [{ isSignal: true, alias: "groups", required: false }] }], palette: [{ type: i0.Input, args: [{ isSignal: true, alias: "palette", required: false }] }] } });
 function indicatorColumn(group) {
     const name = group.name
         .normalize('NFD')
@@ -8711,18 +8727,76 @@ function indicatorColumn(group) {
     return 3;
 }
 
-class MapaReportScaleWidgetComponent {
+/** Reusable list content, without the widget heading or mode selector. */
+class MapaReportIndicatorsWidgetListComponent extends ReportIndicatorsContent {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.21", ngImport: i0, type: MapaReportIndicatorsWidgetListComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.21", type: MapaReportIndicatorsWidgetListComponent, isStandalone: true, selector: "mapa-report-indicators-widget-list", usesInheritance: true, ngImport: i0, template: "<div class=\"mapa-report-widget\" [attr.data-palette]=\"palette()\">\n  @if (!indicators().length) {\n    <p class=\"mapa-report-widget__empty\">{{ i18n.texts.report.emptyState }}</p>\n  } @else {\n    <div\n      class=\"mapa-report-indicators mapa-report-indicators--list\"\n      [class.mapa-report-indicators--single-column]=\"\n        indicatorColumns().length === 1\n      \"\n      [class.mapa-report-indicators--two-columns]=\"\n        indicatorColumns().length === 2\n      \"\n    >\n      @for (column of indicatorColumns(); track $index) {\n        <div class=\"mapa-report-indicators__column\">\n          @for (group of column; track group.id) {\n            <section\n              class=\"mapa-report-indicator-group mapa-report-indicator-group--list\"\n            >\n              <h3>{{ group.name }}</h3>\n              <div class=\"mapa-report-indicator-group__list\">\n                @for (indicator of group.indicators; track indicator.id) {\n                  <article\n                    class=\"mapa-report-indicator mapa-report-indicator--list\"\n                    [style.--mapa-indicator-background]=\"color(indicator)\"\n                    [style.--mapa-indicator-foreground]=\"foreground(indicator)\"\n                  >\n                    <span\n                      class=\"mapa-direction-indicator\"\n                      [attr.aria-label]=\"directionLabel(indicator)\"\n                      >{{ directionArrow(indicator) }}</span\n                    >\n                    <h4>{{ indicator.name }}</h4>\n                    <strong>{{ value(indicator) }}%</strong>\n                  </article>\n                }\n              </div>\n            </section>\n          }\n        </div>\n      }\n    </div>\n  }\n</div>\n", styles: [":host{color:var(--mapa-report-text, #263238);display:block;min-width:0;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__modes--standalone{grid-column:1;grid-row:auto;justify-self:end}.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-report-widget__modes--standalone{grid-row:auto;margin-top:0}}.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-indicators{display:grid;gap:20px}.mapa-report-indicators--list{align-items:start;grid-template-columns:repeat(3,minmax(0,1fr))}.mapa-report-indicators--single-column{grid-template-columns:1fr}.mapa-report-indicators--two-columns{grid-template-columns:repeat(2,minmax(0,1fr))}.mapa-report-indicators--rows{padding-top:2px}.mapa-report-indicators__column{display:grid;gap:23px;min-width:0}.mapa-report-indicator-group{min-width:0}.mapa-report-indicator-group>h3{color:var(--mapa-report-text, #263238);font-size:15px;font-weight:600;line-height:1.3;margin:0 0 11px}.mapa-report-indicator-group__list{display:grid;gap:8px}.mapa-report-indicator-group__rows{background:var(--mapa-report-surface, #fff);border:1px solid var(--mapa-report-border, #e1e5e7);border-radius:12px;overflow:hidden}.mapa-report-indicator{min-width:0}.mapa-report-indicator--list{align-items:center;background:var(--mapa-indicator-background);border:1px solid rgba(26,26,26,.08);border-radius:9px;color:var(--mapa-indicator-foreground);display:grid;gap:9px;grid-template-columns:20px minmax(0,1fr) auto;min-height:38px;padding:5px 10px 5px 9px}.mapa-report-indicator--list h4{font-size:12px;font-weight:400;line-height:1.25;margin:0;overflow-wrap:anywhere}.mapa-report-indicator--list>strong{align-items:center;background:#fff;border:1px solid rgba(99,114,124,.16);border-radius:999px;color:#1f3850;display:inline-flex;font-size:10px;font-weight:600;height:25px;justify-content:center;min-width:38px;padding:0 6px}.mapa-report-indicator--row{padding:13px 13px 14px}.mapa-report-indicator--row+.mapa-report-indicator--row{border-top:1px solid var(--mapa-report-border, #e1e5e7)}.mapa-report-indicator__graph{align-items:center;display:grid;gap:14px;grid-template-columns:minmax(0,250px) var(--mapa-report-pill-width, 104px) minmax(0,1fr) 42px}.mapa-report-indicator__name{align-items:center;color:var(--mapa-report-text, #263238);display:flex;gap:7px;min-width:0}.mapa-report-indicator__name h4{font-size:12px;font-weight:400;line-height:1.25;margin:0;overflow-wrap:anywhere}.mapa-report-indicator__graph mapa-classification-tag{--mapa-classification-tag-min-width: var(--mapa-report-pill-width, 104px);justify-self:start;max-width:var(--mapa-report-pill-width, 104px)}.mapa-report-indicator__percent{color:#1f3850;font-size:12px;font-weight:400;text-align:right}.mapa-report-indicator__mode-label--compact{display:none}.mapa-report-indicator__detail{border-top:1px solid var(--mapa-report-border, #e1e5e7);color:var(--mapa-report-muted, #68747a);display:flex;font-size:11px;gap:4px;line-height:1.45;margin-top:11px;padding-top:10px}.mapa-report-indicator__detail>strong{color:var(--mapa-report-text, #263238);flex:0 0 auto;font-weight:600}.mapa-report-indicator__detail .mapa-report-indicator__copy{min-width:0}.mapa-report-indicator__detail .mapa-report-indicator__copy ::ng-deep ol,.mapa-report-indicator__detail .mapa-report-indicator__copy ::ng-deep p,.mapa-report-indicator__detail .mapa-report-indicator__copy ::ng-deep ul{margin:0 0 8px}.mapa-report-indicator__detail .mapa-report-indicator__copy ::ng-deep ol,.mapa-report-indicator__detail .mapa-report-indicator__copy ::ng-deep ul{padding-left:20px}.mapa-report-indicator__detail .mapa-report-indicator__copy ::ng-deep li{margin:0 0 3px}.mapa-report-indicator__detail .mapa-report-indicator__copy ::ng-deep b,.mapa-report-indicator__detail .mapa-report-indicator__copy ::ng-deep strong{color:var(--mapa-report-text, inherit);font-weight:600}.mapa-report-indicator__detail .mapa-report-indicator__copy ::ng-deep :last-child{margin-bottom:0}.mapa-report-indicator__detail div{min-width:0}.mapa-report-indicator__detail :last-child{margin-bottom:0}@media(max-width:760px){.mapa-report-indicator__graph{gap:8px;grid-template-columns:minmax(0,1fr) var(--mapa-report-pill-width, 104px) 40px}.mapa-report-indicator__graph mapa-result-track{grid-column:1/-1;grid-row:2;margin-top:3px}}@media(max-width:560px){.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 10px/1 var(--mapa-font-body, \"Asap\", sans-serif);min-width:0}.mapa-report-indicator__mode-icon,.mapa-report-indicator__mode-label--full{display:none}.mapa-report-indicator__mode-label--compact{display:inline}.mapa-report-indicators--list:not(.mapa-report-indicators--single-column){grid-template-columns:1fr}.mapa-report-indicator--list{min-height:36px}.mapa-report-indicator--row{padding:12px}.mapa-report-indicator__detail{display:block}.mapa-report-indicator__detail>strong{display:block;margin-bottom:3px}}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.21", ngImport: i0, type: MapaReportIndicatorsWidgetListComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'mapa-report-indicators-widget-list', standalone: true, imports: [], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"mapa-report-widget\" [attr.data-palette]=\"palette()\">\n  @if (!indicators().length) {\n    <p class=\"mapa-report-widget__empty\">{{ i18n.texts.report.emptyState }}</p>\n  } @else {\n    <div\n      class=\"mapa-report-indicators mapa-report-indicators--list\"\n      [class.mapa-report-indicators--single-column]=\"\n        indicatorColumns().length === 1\n      \"\n      [class.mapa-report-indicators--two-columns]=\"\n        indicatorColumns().length === 2\n      \"\n    >\n      @for (column of indicatorColumns(); track $index) {\n        <div class=\"mapa-report-indicators__column\">\n          @for (group of column; track group.id) {\n            <section\n              class=\"mapa-report-indicator-group mapa-report-indicator-group--list\"\n            >\n              <h3>{{ group.name }}</h3>\n              <div class=\"mapa-report-indicator-group__list\">\n                @for (indicator of group.indicators; track indicator.id) {\n                  <article\n                    class=\"mapa-report-indicator mapa-report-indicator--list\"\n                    [style.--mapa-indicator-background]=\"color(indicator)\"\n                    [style.--mapa-indicator-foreground]=\"foreground(indicator)\"\n                  >\n                    <span\n                      class=\"mapa-direction-indicator\"\n                      [attr.aria-label]=\"directionLabel(indicator)\"\n                      >{{ directionArrow(indicator) }}</span\n                    >\n                    <h4>{{ indicator.name }}</h4>\n                    <strong>{{ value(indicator) }}%</strong>\n                  </article>\n                }\n              </div>\n            </section>\n          }\n        </div>\n      }\n    </div>\n  }\n</div>\n", styles: [":host{color:var(--mapa-report-text, #263238);display:block;min-width:0;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__modes--standalone{grid-column:1;grid-row:auto;justify-self:end}.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-report-widget__modes--standalone{grid-row:auto;margin-top:0}}.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-indicators{display:grid;gap:20px}.mapa-report-indicators--list{align-items:start;grid-template-columns:repeat(3,minmax(0,1fr))}.mapa-report-indicators--single-column{grid-template-columns:1fr}.mapa-report-indicators--two-columns{grid-template-columns:repeat(2,minmax(0,1fr))}.mapa-report-indicators--rows{padding-top:2px}.mapa-report-indicators__column{display:grid;gap:23px;min-width:0}.mapa-report-indicator-group{min-width:0}.mapa-report-indicator-group>h3{color:var(--mapa-report-text, #263238);font-size:15px;font-weight:600;line-height:1.3;margin:0 0 11px}.mapa-report-indicator-group__list{display:grid;gap:8px}.mapa-report-indicator-group__rows{background:var(--mapa-report-surface, #fff);border:1px solid var(--mapa-report-border, #e1e5e7);border-radius:12px;overflow:hidden}.mapa-report-indicator{min-width:0}.mapa-report-indicator--list{align-items:center;background:var(--mapa-indicator-background);border:1px solid rgba(26,26,26,.08);border-radius:9px;color:var(--mapa-indicator-foreground);display:grid;gap:9px;grid-template-columns:20px minmax(0,1fr) auto;min-height:38px;padding:5px 10px 5px 9px}.mapa-report-indicator--list h4{font-size:12px;font-weight:400;line-height:1.25;margin:0;overflow-wrap:anywhere}.mapa-report-indicator--list>strong{align-items:center;background:#fff;border:1px solid rgba(99,114,124,.16);border-radius:999px;color:#1f3850;display:inline-flex;font-size:10px;font-weight:600;height:25px;justify-content:center;min-width:38px;padding:0 6px}.mapa-report-indicator--row{padding:13px 13px 14px}.mapa-report-indicator--row+.mapa-report-indicator--row{border-top:1px solid var(--mapa-report-border, #e1e5e7)}.mapa-report-indicator__graph{align-items:center;display:grid;gap:14px;grid-template-columns:minmax(0,250px) var(--mapa-report-pill-width, 104px) minmax(0,1fr) 42px}.mapa-report-indicator__name{align-items:center;color:var(--mapa-report-text, #263238);display:flex;gap:7px;min-width:0}.mapa-report-indicator__name h4{font-size:12px;font-weight:400;line-height:1.25;margin:0;overflow-wrap:anywhere}.mapa-report-indicator__graph mapa-classification-tag{--mapa-classification-tag-min-width: var(--mapa-report-pill-width, 104px);justify-self:start;max-width:var(--mapa-report-pill-width, 104px)}.mapa-report-indicator__percent{color:#1f3850;font-size:12px;font-weight:400;text-align:right}.mapa-report-indicator__mode-label--compact{display:none}.mapa-report-indicator__detail{border-top:1px solid var(--mapa-report-border, #e1e5e7);color:var(--mapa-report-muted, #68747a);display:flex;font-size:11px;gap:4px;line-height:1.45;margin-top:11px;padding-top:10px}.mapa-report-indicator__detail>strong{color:var(--mapa-report-text, #263238);flex:0 0 auto;font-weight:600}.mapa-report-indicator__detail .mapa-report-indicator__copy{min-width:0}.mapa-report-indicator__detail .mapa-report-indicator__copy ::ng-deep ol,.mapa-report-indicator__detail .mapa-report-indicator__copy ::ng-deep p,.mapa-report-indicator__detail .mapa-report-indicator__copy ::ng-deep ul{margin:0 0 8px}.mapa-report-indicator__detail .mapa-report-indicator__copy ::ng-deep ol,.mapa-report-indicator__detail .mapa-report-indicator__copy ::ng-deep ul{padding-left:20px}.mapa-report-indicator__detail .mapa-report-indicator__copy ::ng-deep li{margin:0 0 3px}.mapa-report-indicator__detail .mapa-report-indicator__copy ::ng-deep b,.mapa-report-indicator__detail .mapa-report-indicator__copy ::ng-deep strong{color:var(--mapa-report-text, inherit);font-weight:600}.mapa-report-indicator__detail .mapa-report-indicator__copy ::ng-deep :last-child{margin-bottom:0}.mapa-report-indicator__detail div{min-width:0}.mapa-report-indicator__detail :last-child{margin-bottom:0}@media(max-width:760px){.mapa-report-indicator__graph{gap:8px;grid-template-columns:minmax(0,1fr) var(--mapa-report-pill-width, 104px) 40px}.mapa-report-indicator__graph mapa-result-track{grid-column:1/-1;grid-row:2;margin-top:3px}}@media(max-width:560px){.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 10px/1 var(--mapa-font-body, \"Asap\", sans-serif);min-width:0}.mapa-report-indicator__mode-icon,.mapa-report-indicator__mode-label--full{display:none}.mapa-report-indicator__mode-label--compact{display:inline}.mapa-report-indicators--list:not(.mapa-report-indicators--single-column){grid-template-columns:1fr}.mapa-report-indicator--list{min-height:36px}.mapa-report-indicator--row{padding:12px}.mapa-report-indicator__detail{display:block}.mapa-report-indicator__detail>strong{display:block;margin-bottom:3px}}\n"] }]
+        }] });
+
+/** Reusable chart content, without the widget heading or mode selector. */
+class MapaReportIndicatorsWidgetChartComponent extends ReportIndicatorsContent {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.21", ngImport: i0, type: MapaReportIndicatorsWidgetChartComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.21", type: MapaReportIndicatorsWidgetChartComponent, isStandalone: true, selector: "mapa-report-indicators-widget-chart", usesInheritance: true, ngImport: i0, template: "<div class=\"mapa-report-widget\" [attr.data-palette]=\"palette()\">\n  @if (!indicators().length) {\n    <p class=\"mapa-report-widget__empty\">{{ i18n.texts.report.emptyState }}</p>\n  } @else {\n    <div class=\"mapa-report-indicators mapa-report-indicators--rows\">\n      @for (group of groups(); track group.id) {\n        <section\n          class=\"mapa-report-indicator-group mapa-report-indicator-group--rows\"\n        >\n          <h3>{{ group.name }}</h3>\n          <div class=\"mapa-report-indicator-group__rows\">\n            @for (indicator of group.indicators; track indicator.id) {\n              <article class=\"mapa-report-indicator mapa-report-indicator--row\">\n                <div class=\"mapa-report-indicator__graph\">\n                  <div class=\"mapa-report-indicator__name\">\n                    <span\n                      class=\"mapa-direction-indicator\"\n                      [attr.aria-label]=\"directionLabel(indicator)\"\n                      >{{ directionArrow(indicator) }}</span\n                    >\n                    <h4>{{ indicator.name }}</h4>\n                  </div>\n                  <mapa-classification-tag\n                    appearance=\"solid\"\n                    [classification]=\"indicator.classification\"\n                  />\n                  <mapa-result-track\n                    appearance=\"segmented\"\n                    mode=\"linear\"\n                    [color]=\"color(indicator)\"\n                    [name]=\"indicator.name\"\n                    [value]=\"value(indicator)\"\n                  />\n                  <strong class=\"mapa-report-indicator__percent\"\n                    >{{ value(indicator) }}%</strong\n                  >\n                </div>\n              </article>\n            }\n          </div>\n        </section>\n      }\n    </div>\n  }\n</div>\n", styles: [":host{color:var(--mapa-report-text, #263238);display:block;min-width:0;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__modes--standalone{grid-column:1;grid-row:auto;justify-self:end}.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-report-widget__modes--standalone{grid-row:auto;margin-top:0}}.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-indicators{display:grid;gap:20px}.mapa-report-indicators--list{align-items:start;grid-template-columns:repeat(3,minmax(0,1fr))}.mapa-report-indicators--single-column{grid-template-columns:1fr}.mapa-report-indicators--two-columns{grid-template-columns:repeat(2,minmax(0,1fr))}.mapa-report-indicators--rows{padding-top:2px}.mapa-report-indicators__column{display:grid;gap:23px;min-width:0}.mapa-report-indicator-group{min-width:0}.mapa-report-indicator-group>h3{color:var(--mapa-report-text, #263238);font-size:15px;font-weight:600;line-height:1.3;margin:0 0 11px}.mapa-report-indicator-group__list{display:grid;gap:8px}.mapa-report-indicator-group__rows{background:var(--mapa-report-surface, #fff);border:1px solid var(--mapa-report-border, #e1e5e7);border-radius:12px;overflow:hidden}.mapa-report-indicator{min-width:0}.mapa-report-indicator--list{align-items:center;background:var(--mapa-indicator-background);border:1px solid rgba(26,26,26,.08);border-radius:9px;color:var(--mapa-indicator-foreground);display:grid;gap:9px;grid-template-columns:20px minmax(0,1fr) auto;min-height:38px;padding:5px 10px 5px 9px}.mapa-report-indicator--list h4{font-size:12px;font-weight:400;line-height:1.25;margin:0;overflow-wrap:anywhere}.mapa-report-indicator--list>strong{align-items:center;background:#fff;border:1px solid rgba(99,114,124,.16);border-radius:999px;color:#1f3850;display:inline-flex;font-size:10px;font-weight:600;height:25px;justify-content:center;min-width:38px;padding:0 6px}.mapa-report-indicator--row{padding:13px 13px 14px}.mapa-report-indicator--row+.mapa-report-indicator--row{border-top:1px solid var(--mapa-report-border, #e1e5e7)}.mapa-report-indicator__graph{align-items:center;display:grid;gap:14px;grid-template-columns:minmax(0,250px) var(--mapa-report-pill-width, 104px) minmax(0,1fr) 42px}.mapa-report-indicator__name{align-items:center;color:var(--mapa-report-text, #263238);display:flex;gap:7px;min-width:0}.mapa-report-indicator__name h4{font-size:12px;font-weight:400;line-height:1.25;margin:0;overflow-wrap:anywhere}.mapa-report-indicator__graph mapa-classification-tag{--mapa-classification-tag-min-width: var(--mapa-report-pill-width, 104px);justify-self:start;max-width:var(--mapa-report-pill-width, 104px)}.mapa-report-indicator__percent{color:#1f3850;font-size:12px;font-weight:400;text-align:right}.mapa-report-indicator__mode-label--compact{display:none}.mapa-report-indicator__detail{border-top:1px solid var(--mapa-report-border, #e1e5e7);color:var(--mapa-report-muted, #68747a);display:flex;font-size:11px;gap:4px;line-height:1.45;margin-top:11px;padding-top:10px}.mapa-report-indicator__detail>strong{color:var(--mapa-report-text, #263238);flex:0 0 auto;font-weight:600}.mapa-report-indicator__detail .mapa-report-indicator__copy{min-width:0}.mapa-report-indicator__detail .mapa-report-indicator__copy ::ng-deep ol,.mapa-report-indicator__detail .mapa-report-indicator__copy ::ng-deep p,.mapa-report-indicator__detail .mapa-report-indicator__copy ::ng-deep ul{margin:0 0 8px}.mapa-report-indicator__detail .mapa-report-indicator__copy ::ng-deep ol,.mapa-report-indicator__detail .mapa-report-indicator__copy ::ng-deep ul{padding-left:20px}.mapa-report-indicator__detail .mapa-report-indicator__copy ::ng-deep li{margin:0 0 3px}.mapa-report-indicator__detail .mapa-report-indicator__copy ::ng-deep b,.mapa-report-indicator__detail .mapa-report-indicator__copy ::ng-deep strong{color:var(--mapa-report-text, inherit);font-weight:600}.mapa-report-indicator__detail .mapa-report-indicator__copy ::ng-deep :last-child{margin-bottom:0}.mapa-report-indicator__detail div{min-width:0}.mapa-report-indicator__detail :last-child{margin-bottom:0}@media(max-width:760px){.mapa-report-indicator__graph{gap:8px;grid-template-columns:minmax(0,1fr) var(--mapa-report-pill-width, 104px) 40px}.mapa-report-indicator__graph mapa-result-track{grid-column:1/-1;grid-row:2;margin-top:3px}}@media(max-width:560px){.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 10px/1 var(--mapa-font-body, \"Asap\", sans-serif);min-width:0}.mapa-report-indicator__mode-icon,.mapa-report-indicator__mode-label--full{display:none}.mapa-report-indicator__mode-label--compact{display:inline}.mapa-report-indicators--list:not(.mapa-report-indicators--single-column){grid-template-columns:1fr}.mapa-report-indicator--list{min-height:36px}.mapa-report-indicator--row{padding:12px}.mapa-report-indicator__detail{display:block}.mapa-report-indicator__detail>strong{display:block;margin-bottom:3px}}\n"], dependencies: [{ kind: "component", type: MapaClassificationTagComponent, selector: "mapa-classification-tag", inputs: ["classification", "size", "appearance", "shape", "casing", "fallbackLabel"] }, { kind: "component", type: MapaResultTrackComponent, selector: "mapa-result-track", inputs: ["name", "value", "color", "mode", "appearance", "style", "direction", "showValue", "ariaLabel"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.21", ngImport: i0, type: MapaReportIndicatorsWidgetChartComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'mapa-report-indicators-widget-chart', standalone: true, imports: [MapaClassificationTagComponent, MapaResultTrackComponent], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"mapa-report-widget\" [attr.data-palette]=\"palette()\">\n  @if (!indicators().length) {\n    <p class=\"mapa-report-widget__empty\">{{ i18n.texts.report.emptyState }}</p>\n  } @else {\n    <div class=\"mapa-report-indicators mapa-report-indicators--rows\">\n      @for (group of groups(); track group.id) {\n        <section\n          class=\"mapa-report-indicator-group mapa-report-indicator-group--rows\"\n        >\n          <h3>{{ group.name }}</h3>\n          <div class=\"mapa-report-indicator-group__rows\">\n            @for (indicator of group.indicators; track indicator.id) {\n              <article class=\"mapa-report-indicator mapa-report-indicator--row\">\n                <div class=\"mapa-report-indicator__graph\">\n                  <div class=\"mapa-report-indicator__name\">\n                    <span\n                      class=\"mapa-direction-indicator\"\n                      [attr.aria-label]=\"directionLabel(indicator)\"\n                      >{{ directionArrow(indicator) }}</span\n                    >\n                    <h4>{{ indicator.name }}</h4>\n                  </div>\n                  <mapa-classification-tag\n                    appearance=\"solid\"\n                    [classification]=\"indicator.classification\"\n                  />\n                  <mapa-result-track\n                    appearance=\"segmented\"\n                    mode=\"linear\"\n                    [color]=\"color(indicator)\"\n                    [name]=\"indicator.name\"\n                    [value]=\"value(indicator)\"\n                  />\n                  <strong class=\"mapa-report-indicator__percent\"\n                    >{{ value(indicator) }}%</strong\n                  >\n                </div>\n              </article>\n            }\n          </div>\n        </section>\n      }\n    </div>\n  }\n</div>\n", styles: [":host{color:var(--mapa-report-text, #263238);display:block;min-width:0;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__modes--standalone{grid-column:1;grid-row:auto;justify-self:end}.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-report-widget__modes--standalone{grid-row:auto;margin-top:0}}.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-indicators{display:grid;gap:20px}.mapa-report-indicators--list{align-items:start;grid-template-columns:repeat(3,minmax(0,1fr))}.mapa-report-indicators--single-column{grid-template-columns:1fr}.mapa-report-indicators--two-columns{grid-template-columns:repeat(2,minmax(0,1fr))}.mapa-report-indicators--rows{padding-top:2px}.mapa-report-indicators__column{display:grid;gap:23px;min-width:0}.mapa-report-indicator-group{min-width:0}.mapa-report-indicator-group>h3{color:var(--mapa-report-text, #263238);font-size:15px;font-weight:600;line-height:1.3;margin:0 0 11px}.mapa-report-indicator-group__list{display:grid;gap:8px}.mapa-report-indicator-group__rows{background:var(--mapa-report-surface, #fff);border:1px solid var(--mapa-report-border, #e1e5e7);border-radius:12px;overflow:hidden}.mapa-report-indicator{min-width:0}.mapa-report-indicator--list{align-items:center;background:var(--mapa-indicator-background);border:1px solid rgba(26,26,26,.08);border-radius:9px;color:var(--mapa-indicator-foreground);display:grid;gap:9px;grid-template-columns:20px minmax(0,1fr) auto;min-height:38px;padding:5px 10px 5px 9px}.mapa-report-indicator--list h4{font-size:12px;font-weight:400;line-height:1.25;margin:0;overflow-wrap:anywhere}.mapa-report-indicator--list>strong{align-items:center;background:#fff;border:1px solid rgba(99,114,124,.16);border-radius:999px;color:#1f3850;display:inline-flex;font-size:10px;font-weight:600;height:25px;justify-content:center;min-width:38px;padding:0 6px}.mapa-report-indicator--row{padding:13px 13px 14px}.mapa-report-indicator--row+.mapa-report-indicator--row{border-top:1px solid var(--mapa-report-border, #e1e5e7)}.mapa-report-indicator__graph{align-items:center;display:grid;gap:14px;grid-template-columns:minmax(0,250px) var(--mapa-report-pill-width, 104px) minmax(0,1fr) 42px}.mapa-report-indicator__name{align-items:center;color:var(--mapa-report-text, #263238);display:flex;gap:7px;min-width:0}.mapa-report-indicator__name h4{font-size:12px;font-weight:400;line-height:1.25;margin:0;overflow-wrap:anywhere}.mapa-report-indicator__graph mapa-classification-tag{--mapa-classification-tag-min-width: var(--mapa-report-pill-width, 104px);justify-self:start;max-width:var(--mapa-report-pill-width, 104px)}.mapa-report-indicator__percent{color:#1f3850;font-size:12px;font-weight:400;text-align:right}.mapa-report-indicator__mode-label--compact{display:none}.mapa-report-indicator__detail{border-top:1px solid var(--mapa-report-border, #e1e5e7);color:var(--mapa-report-muted, #68747a);display:flex;font-size:11px;gap:4px;line-height:1.45;margin-top:11px;padding-top:10px}.mapa-report-indicator__detail>strong{color:var(--mapa-report-text, #263238);flex:0 0 auto;font-weight:600}.mapa-report-indicator__detail .mapa-report-indicator__copy{min-width:0}.mapa-report-indicator__detail .mapa-report-indicator__copy ::ng-deep ol,.mapa-report-indicator__detail .mapa-report-indicator__copy ::ng-deep p,.mapa-report-indicator__detail .mapa-report-indicator__copy ::ng-deep ul{margin:0 0 8px}.mapa-report-indicator__detail .mapa-report-indicator__copy ::ng-deep ol,.mapa-report-indicator__detail .mapa-report-indicator__copy ::ng-deep ul{padding-left:20px}.mapa-report-indicator__detail .mapa-report-indicator__copy ::ng-deep li{margin:0 0 3px}.mapa-report-indicator__detail .mapa-report-indicator__copy ::ng-deep b,.mapa-report-indicator__detail .mapa-report-indicator__copy ::ng-deep strong{color:var(--mapa-report-text, inherit);font-weight:600}.mapa-report-indicator__detail .mapa-report-indicator__copy ::ng-deep :last-child{margin-bottom:0}.mapa-report-indicator__detail div{min-width:0}.mapa-report-indicator__detail :last-child{margin-bottom:0}@media(max-width:760px){.mapa-report-indicator__graph{gap:8px;grid-template-columns:minmax(0,1fr) var(--mapa-report-pill-width, 104px) 40px}.mapa-report-indicator__graph mapa-result-track{grid-column:1/-1;grid-row:2;margin-top:3px}}@media(max-width:560px){.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 10px/1 var(--mapa-font-body, \"Asap\", sans-serif);min-width:0}.mapa-report-indicator__mode-icon,.mapa-report-indicator__mode-label--full{display:none}.mapa-report-indicator__mode-label--compact{display:inline}.mapa-report-indicators--list:not(.mapa-report-indicators--single-column){grid-template-columns:1fr}.mapa-report-indicator--list{min-height:36px}.mapa-report-indicator--row{padding:12px}.mapa-report-indicator__detail{display:block}.mapa-report-indicator__detail>strong{display:block;margin-bottom:3px}}\n"] }]
+        }] });
+
+/** Reusable detailed content, without the widget heading or mode selector. */
+class MapaReportIndicatorsWidgetDetailedComponent extends ReportIndicatorsContent {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.21", ngImport: i0, type: MapaReportIndicatorsWidgetDetailedComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.21", type: MapaReportIndicatorsWidgetDetailedComponent, isStandalone: true, selector: "mapa-report-indicators-widget-detailed", usesInheritance: true, ngImport: i0, template: "<div class=\"mapa-report-widget\" [attr.data-palette]=\"palette()\">\n  @if (!indicators().length) {\n    <p class=\"mapa-report-widget__empty\">{{ i18n.texts.report.emptyState }}</p>\n  } @else {\n    <div class=\"mapa-report-indicators mapa-report-indicators--rows\">\n      @for (group of groups(); track group.id) {\n        <section\n          class=\"mapa-report-indicator-group mapa-report-indicator-group--rows\"\n        >\n          <h3>{{ group.name }}</h3>\n          <div class=\"mapa-report-indicator-group__rows\">\n            @for (indicator of group.indicators; track indicator.id) {\n              <article class=\"mapa-report-indicator mapa-report-indicator--row\">\n                <div class=\"mapa-report-indicator__graph\">\n                  <div class=\"mapa-report-indicator__name\">\n                    <span\n                      class=\"mapa-direction-indicator\"\n                      [attr.aria-label]=\"directionLabel(indicator)\"\n                      >{{ directionArrow(indicator) }}</span\n                    >\n                    <h4>{{ indicator.name }}</h4>\n                  </div>\n                  <mapa-classification-tag\n                    appearance=\"solid\"\n                    [classification]=\"indicator.classification\"\n                  />\n                  <mapa-result-track\n                    appearance=\"segmented\"\n                    mode=\"linear\"\n                    [color]=\"color(indicator)\"\n                    [name]=\"indicator.name\"\n                    [value]=\"value(indicator)\"\n                  />\n                  <strong class=\"mapa-report-indicator__percent\"\n                    >{{ value(indicator) }}%</strong\n                  >\n                </div>\n\n                @if (indicator.concept) {\n                  <div class=\"mapa-report-indicator__detail\">\n                    <strong>{{ i18n.texts.report.conceptTitle }}:</strong>\n                    <div\n                      class=\"mapa-report-indicator__copy\"\n                      [innerHTML]=\"indicator.concept | safeHtml\"\n                    ></div>\n                  </div>\n                }\n                @if (indicator.description) {\n                  <div class=\"mapa-report-indicator__detail\">\n                    <strong>{{ i18n.texts.report.resultTitle }}:</strong>\n                    <div\n                      class=\"mapa-report-indicator__copy\"\n                      [innerHTML]=\"indicator.description | safeHtml\"\n                    ></div>\n                  </div>\n                }\n              </article>\n            }\n          </div>\n        </section>\n      }\n    </div>\n  }\n</div>\n", styles: [":host{color:var(--mapa-report-text, #263238);display:block;min-width:0;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__modes--standalone{grid-column:1;grid-row:auto;justify-self:end}.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-report-widget__modes--standalone{grid-row:auto;margin-top:0}}.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-indicators{display:grid;gap:20px}.mapa-report-indicators--list{align-items:start;grid-template-columns:repeat(3,minmax(0,1fr))}.mapa-report-indicators--single-column{grid-template-columns:1fr}.mapa-report-indicators--two-columns{grid-template-columns:repeat(2,minmax(0,1fr))}.mapa-report-indicators--rows{padding-top:2px}.mapa-report-indicators__column{display:grid;gap:23px;min-width:0}.mapa-report-indicator-group{min-width:0}.mapa-report-indicator-group>h3{color:var(--mapa-report-text, #263238);font-size:15px;font-weight:600;line-height:1.3;margin:0 0 11px}.mapa-report-indicator-group__list{display:grid;gap:8px}.mapa-report-indicator-group__rows{background:var(--mapa-report-surface, #fff);border:1px solid var(--mapa-report-border, #e1e5e7);border-radius:12px;overflow:hidden}.mapa-report-indicator{min-width:0}.mapa-report-indicator--list{align-items:center;background:var(--mapa-indicator-background);border:1px solid rgba(26,26,26,.08);border-radius:9px;color:var(--mapa-indicator-foreground);display:grid;gap:9px;grid-template-columns:20px minmax(0,1fr) auto;min-height:38px;padding:5px 10px 5px 9px}.mapa-report-indicator--list h4{font-size:12px;font-weight:400;line-height:1.25;margin:0;overflow-wrap:anywhere}.mapa-report-indicator--list>strong{align-items:center;background:#fff;border:1px solid rgba(99,114,124,.16);border-radius:999px;color:#1f3850;display:inline-flex;font-size:10px;font-weight:600;height:25px;justify-content:center;min-width:38px;padding:0 6px}.mapa-report-indicator--row{padding:13px 13px 14px}.mapa-report-indicator--row+.mapa-report-indicator--row{border-top:1px solid var(--mapa-report-border, #e1e5e7)}.mapa-report-indicator__graph{align-items:center;display:grid;gap:14px;grid-template-columns:minmax(0,250px) var(--mapa-report-pill-width, 104px) minmax(0,1fr) 42px}.mapa-report-indicator__name{align-items:center;color:var(--mapa-report-text, #263238);display:flex;gap:7px;min-width:0}.mapa-report-indicator__name h4{font-size:12px;font-weight:400;line-height:1.25;margin:0;overflow-wrap:anywhere}.mapa-report-indicator__graph mapa-classification-tag{--mapa-classification-tag-min-width: var(--mapa-report-pill-width, 104px);justify-self:start;max-width:var(--mapa-report-pill-width, 104px)}.mapa-report-indicator__percent{color:#1f3850;font-size:12px;font-weight:400;text-align:right}.mapa-report-indicator__mode-label--compact{display:none}.mapa-report-indicator__detail{border-top:1px solid var(--mapa-report-border, #e1e5e7);color:var(--mapa-report-muted, #68747a);display:flex;font-size:11px;gap:4px;line-height:1.45;margin-top:11px;padding-top:10px}.mapa-report-indicator__detail>strong{color:var(--mapa-report-text, #263238);flex:0 0 auto;font-weight:600}.mapa-report-indicator__detail .mapa-report-indicator__copy{min-width:0}.mapa-report-indicator__detail .mapa-report-indicator__copy ::ng-deep ol,.mapa-report-indicator__detail .mapa-report-indicator__copy ::ng-deep p,.mapa-report-indicator__detail .mapa-report-indicator__copy ::ng-deep ul{margin:0 0 8px}.mapa-report-indicator__detail .mapa-report-indicator__copy ::ng-deep ol,.mapa-report-indicator__detail .mapa-report-indicator__copy ::ng-deep ul{padding-left:20px}.mapa-report-indicator__detail .mapa-report-indicator__copy ::ng-deep li{margin:0 0 3px}.mapa-report-indicator__detail .mapa-report-indicator__copy ::ng-deep b,.mapa-report-indicator__detail .mapa-report-indicator__copy ::ng-deep strong{color:var(--mapa-report-text, inherit);font-weight:600}.mapa-report-indicator__detail .mapa-report-indicator__copy ::ng-deep :last-child{margin-bottom:0}.mapa-report-indicator__detail div{min-width:0}.mapa-report-indicator__detail :last-child{margin-bottom:0}@media(max-width:760px){.mapa-report-indicator__graph{gap:8px;grid-template-columns:minmax(0,1fr) var(--mapa-report-pill-width, 104px) 40px}.mapa-report-indicator__graph mapa-result-track{grid-column:1/-1;grid-row:2;margin-top:3px}}@media(max-width:560px){.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 10px/1 var(--mapa-font-body, \"Asap\", sans-serif);min-width:0}.mapa-report-indicator__mode-icon,.mapa-report-indicator__mode-label--full{display:none}.mapa-report-indicator__mode-label--compact{display:inline}.mapa-report-indicators--list:not(.mapa-report-indicators--single-column){grid-template-columns:1fr}.mapa-report-indicator--list{min-height:36px}.mapa-report-indicator--row{padding:12px}.mapa-report-indicator__detail{display:block}.mapa-report-indicator__detail>strong{display:block;margin-bottom:3px}}\n"], dependencies: [{ kind: "component", type: MapaClassificationTagComponent, selector: "mapa-classification-tag", inputs: ["classification", "size", "appearance", "shape", "casing", "fallbackLabel"] }, { kind: "component", type: MapaResultTrackComponent, selector: "mapa-result-track", inputs: ["name", "value", "color", "mode", "appearance", "style", "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: MapaReportIndicatorsWidgetDetailedComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'mapa-report-indicators-widget-detailed', standalone: true, imports: [
+                        MapaClassificationTagComponent,
+                        MapaResultTrackComponent,
+                        SafeHtmlPipe,
+                    ], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"mapa-report-widget\" [attr.data-palette]=\"palette()\">\n  @if (!indicators().length) {\n    <p class=\"mapa-report-widget__empty\">{{ i18n.texts.report.emptyState }}</p>\n  } @else {\n    <div class=\"mapa-report-indicators mapa-report-indicators--rows\">\n      @for (group of groups(); track group.id) {\n        <section\n          class=\"mapa-report-indicator-group mapa-report-indicator-group--rows\"\n        >\n          <h3>{{ group.name }}</h3>\n          <div class=\"mapa-report-indicator-group__rows\">\n            @for (indicator of group.indicators; track indicator.id) {\n              <article class=\"mapa-report-indicator mapa-report-indicator--row\">\n                <div class=\"mapa-report-indicator__graph\">\n                  <div class=\"mapa-report-indicator__name\">\n                    <span\n                      class=\"mapa-direction-indicator\"\n                      [attr.aria-label]=\"directionLabel(indicator)\"\n                      >{{ directionArrow(indicator) }}</span\n                    >\n                    <h4>{{ indicator.name }}</h4>\n                  </div>\n                  <mapa-classification-tag\n                    appearance=\"solid\"\n                    [classification]=\"indicator.classification\"\n                  />\n                  <mapa-result-track\n                    appearance=\"segmented\"\n                    mode=\"linear\"\n                    [color]=\"color(indicator)\"\n                    [name]=\"indicator.name\"\n                    [value]=\"value(indicator)\"\n                  />\n                  <strong class=\"mapa-report-indicator__percent\"\n                    >{{ value(indicator) }}%</strong\n                  >\n                </div>\n\n                @if (indicator.concept) {\n                  <div class=\"mapa-report-indicator__detail\">\n                    <strong>{{ i18n.texts.report.conceptTitle }}:</strong>\n                    <div\n                      class=\"mapa-report-indicator__copy\"\n                      [innerHTML]=\"indicator.concept | safeHtml\"\n                    ></div>\n                  </div>\n                }\n                @if (indicator.description) {\n                  <div class=\"mapa-report-indicator__detail\">\n                    <strong>{{ i18n.texts.report.resultTitle }}:</strong>\n                    <div\n                      class=\"mapa-report-indicator__copy\"\n                      [innerHTML]=\"indicator.description | safeHtml\"\n                    ></div>\n                  </div>\n                }\n              </article>\n            }\n          </div>\n        </section>\n      }\n    </div>\n  }\n</div>\n", styles: [":host{color:var(--mapa-report-text, #263238);display:block;min-width:0;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__modes--standalone{grid-column:1;grid-row:auto;justify-self:end}.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-report-widget__modes--standalone{grid-row:auto;margin-top:0}}.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-indicators{display:grid;gap:20px}.mapa-report-indicators--list{align-items:start;grid-template-columns:repeat(3,minmax(0,1fr))}.mapa-report-indicators--single-column{grid-template-columns:1fr}.mapa-report-indicators--two-columns{grid-template-columns:repeat(2,minmax(0,1fr))}.mapa-report-indicators--rows{padding-top:2px}.mapa-report-indicators__column{display:grid;gap:23px;min-width:0}.mapa-report-indicator-group{min-width:0}.mapa-report-indicator-group>h3{color:var(--mapa-report-text, #263238);font-size:15px;font-weight:600;line-height:1.3;margin:0 0 11px}.mapa-report-indicator-group__list{display:grid;gap:8px}.mapa-report-indicator-group__rows{background:var(--mapa-report-surface, #fff);border:1px solid var(--mapa-report-border, #e1e5e7);border-radius:12px;overflow:hidden}.mapa-report-indicator{min-width:0}.mapa-report-indicator--list{align-items:center;background:var(--mapa-indicator-background);border:1px solid rgba(26,26,26,.08);border-radius:9px;color:var(--mapa-indicator-foreground);display:grid;gap:9px;grid-template-columns:20px minmax(0,1fr) auto;min-height:38px;padding:5px 10px 5px 9px}.mapa-report-indicator--list h4{font-size:12px;font-weight:400;line-height:1.25;margin:0;overflow-wrap:anywhere}.mapa-report-indicator--list>strong{align-items:center;background:#fff;border:1px solid rgba(99,114,124,.16);border-radius:999px;color:#1f3850;display:inline-flex;font-size:10px;font-weight:600;height:25px;justify-content:center;min-width:38px;padding:0 6px}.mapa-report-indicator--row{padding:13px 13px 14px}.mapa-report-indicator--row+.mapa-report-indicator--row{border-top:1px solid var(--mapa-report-border, #e1e5e7)}.mapa-report-indicator__graph{align-items:center;display:grid;gap:14px;grid-template-columns:minmax(0,250px) var(--mapa-report-pill-width, 104px) minmax(0,1fr) 42px}.mapa-report-indicator__name{align-items:center;color:var(--mapa-report-text, #263238);display:flex;gap:7px;min-width:0}.mapa-report-indicator__name h4{font-size:12px;font-weight:400;line-height:1.25;margin:0;overflow-wrap:anywhere}.mapa-report-indicator__graph mapa-classification-tag{--mapa-classification-tag-min-width: var(--mapa-report-pill-width, 104px);justify-self:start;max-width:var(--mapa-report-pill-width, 104px)}.mapa-report-indicator__percent{color:#1f3850;font-size:12px;font-weight:400;text-align:right}.mapa-report-indicator__mode-label--compact{display:none}.mapa-report-indicator__detail{border-top:1px solid var(--mapa-report-border, #e1e5e7);color:var(--mapa-report-muted, #68747a);display:flex;font-size:11px;gap:4px;line-height:1.45;margin-top:11px;padding-top:10px}.mapa-report-indicator__detail>strong{color:var(--mapa-report-text, #263238);flex:0 0 auto;font-weight:600}.mapa-report-indicator__detail .mapa-report-indicator__copy{min-width:0}.mapa-report-indicator__detail .mapa-report-indicator__copy ::ng-deep ol,.mapa-report-indicator__detail .mapa-report-indicator__copy ::ng-deep p,.mapa-report-indicator__detail .mapa-report-indicator__copy ::ng-deep ul{margin:0 0 8px}.mapa-report-indicator__detail .mapa-report-indicator__copy ::ng-deep ol,.mapa-report-indicator__detail .mapa-report-indicator__copy ::ng-deep ul{padding-left:20px}.mapa-report-indicator__detail .mapa-report-indicator__copy ::ng-deep li{margin:0 0 3px}.mapa-report-indicator__detail .mapa-report-indicator__copy ::ng-deep b,.mapa-report-indicator__detail .mapa-report-indicator__copy ::ng-deep strong{color:var(--mapa-report-text, inherit);font-weight:600}.mapa-report-indicator__detail .mapa-report-indicator__copy ::ng-deep :last-child{margin-bottom:0}.mapa-report-indicator__detail div{min-width:0}.mapa-report-indicator__detail :last-child{margin-bottom:0}@media(max-width:760px){.mapa-report-indicator__graph{gap:8px;grid-template-columns:minmax(0,1fr) var(--mapa-report-pill-width, 104px) 40px}.mapa-report-indicator__graph mapa-result-track{grid-column:1/-1;grid-row:2;margin-top:3px}}@media(max-width:560px){.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 10px/1 var(--mapa-font-body, \"Asap\", sans-serif);min-width:0}.mapa-report-indicator__mode-icon,.mapa-report-indicator__mode-label--full{display:none}.mapa-report-indicator__mode-label--compact{display:inline}.mapa-report-indicators--list:not(.mapa-report-indicators--single-column){grid-template-columns:1fr}.mapa-report-indicator--list{min-height:36px}.mapa-report-indicator--row{padding:12px}.mapa-report-indicator__detail{display:block}.mapa-report-indicator__detail>strong{display:block;margin-bottom:3px}}\n"] }]
+        }] });
+
+class MapaReportIndicatorsWidgetComponent extends ReportIndicatorsContent {
     constructor() {
-        this.i18n = inject(MapaI18nService);
+        super(...arguments);
         this.heading = input.required(...(ngDevMode ? [{ debugName: "heading" }] : []));
-        this.groups = input([], ...(ngDevMode ? [{ debugName: "groups" }] : []));
         this.legendGroups = input([], ...(ngDevMode ? [{ debugName: "legendGroups" }] : []));
         this.legendTitle = input(...(ngDevMode ? [undefined, { debugName: "legendTitle" }] : []));
         this.legendIntro = input(...(ngDevMode ? [undefined, { debugName: "legendIntro" }] : []));
-        this.legendGroupsTitle = input(...(ngDevMode ? [undefined, { debugName: "legendGroupsTitle" }] : []));
         this.legendExpanded = input(false, ...(ngDevMode ? [{ debugName: "legendExpanded" }] : []));
+        /** Overrides the detailed toggle label; defaults to the i18n text. */
+        this.detailedViewLabel = input(...(ngDevMode ? [undefined, { debugName: "detailedViewLabel" }] : []));
+        /** Overrides the narrow-screen detailed toggle label. */
+        this.compactDetailedViewLabel = input(...(ngDevMode ? [undefined, { debugName: "compactDetailedViewLabel" }] : []));
+        this.mode = model('list', ...(ngDevMode ? [{ debugName: "mode" }] : []));
+        this.detailedViewCaption = computed(() => this.detailedViewLabel() ?? this.i18n.texts.report.detailedListLabel, ...(ngDevMode ? [{ debugName: "detailedViewCaption" }] : []));
+        this.compactDetailedViewCaption = computed(() => this.compactDetailedViewLabel() ?? this.i18n.texts.report.detailed, ...(ngDevMode ? [{ debugName: "compactDetailedViewCaption" }] : []));
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.21", ngImport: i0, type: MapaReportIndicatorsWidgetComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.21", type: MapaReportIndicatorsWidgetComponent, isStandalone: true, selector: "mapa-report-indicators-widget", inputs: { heading: { classPropertyName: "heading", publicName: "heading", isSignal: true, isRequired: true, 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 }, legendExpanded: { classPropertyName: "legendExpanded", publicName: "legendExpanded", isSignal: true, isRequired: false, transformFunction: null }, detailedViewLabel: { classPropertyName: "detailedViewLabel", publicName: "detailedViewLabel", isSignal: true, isRequired: false, transformFunction: null }, compactDetailedViewLabel: { classPropertyName: "compactDetailedViewLabel", publicName: "compactDetailedViewLabel", isSignal: true, isRequired: false, transformFunction: null }, mode: { classPropertyName: "mode", publicName: "mode", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { mode: "modeChange" }, usesInheritance: true, 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 (legendGroups().length || legendIntro()) {\n    <mapa-report-legend\n      appearance=\"psychosocial\"\n      [expanded]=\"legendExpanded()\"\n      [groups]=\"legendGroups()\"\n      [intro]=\"legendIntro()\"\n      [title]=\"legendTitle()\"\n    />\n  }\n\n  <mat-button-toggle-group\n    class=\"mapa-report-widget__modes mapa-report-widget__modes--standalone\"\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=\"list\">\n      <span class=\"mapa-report-indicator__mode-icon\" aria-hidden=\"true\">\u25A5</span>\n      {{ i18n.texts.report.list }}\n    </mat-button-toggle>\n    <mat-button-toggle value=\"chart\">\n      <span class=\"mapa-report-indicator__mode-icon\" aria-hidden=\"true\">\u25A6</span>\n      {{ i18n.texts.report.chart }}\n    </mat-button-toggle>\n    <mat-button-toggle value=\"detailed\">\n      <span class=\"mapa-report-indicator__mode-icon\" aria-hidden=\"true\">\u25A4</span>\n      <span\n        class=\"mapa-report-indicator__mode-label mapa-report-indicator__mode-label--full\"\n        >{{ detailedViewCaption() }}</span\n      >\n      <span\n        class=\"mapa-report-indicator__mode-label mapa-report-indicator__mode-label--compact\"\n        >{{ compactDetailedViewCaption() }}</span\n      >\n    </mat-button-toggle>\n  </mat-button-toggle-group>\n\n  @switch (mode()) {\n    @case (\"list\") {\n      <mapa-report-indicators-widget-list\n        [groups]=\"groups()\"\n        [palette]=\"palette()\"\n      />\n    }\n    @case (\"chart\") {\n      <mapa-report-indicators-widget-chart\n        [groups]=\"groups()\"\n        [palette]=\"palette()\"\n      />\n    }\n    @default {\n      <mapa-report-indicators-widget-detailed\n        [groups]=\"groups()\"\n        [palette]=\"palette()\"\n      />\n    }\n  }\n</section>\n", styles: [":host{color:var(--mapa-report-text, #263238);display:block;min-width:0;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__modes--standalone{grid-column:1;grid-row:auto;justify-self:end}.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-report-widget__modes--standalone{grid-row:auto;margin-top:0}}.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-indicators{display:grid;gap:20px}.mapa-report-indicators--list{align-items:start;grid-template-columns:repeat(3,minmax(0,1fr))}.mapa-report-indicators--single-column{grid-template-columns:1fr}.mapa-report-indicators--two-columns{grid-template-columns:repeat(2,minmax(0,1fr))}.mapa-report-indicators--rows{padding-top:2px}.mapa-report-indicators__column{display:grid;gap:23px;min-width:0}.mapa-report-indicator-group{min-width:0}.mapa-report-indicator-group>h3{color:var(--mapa-report-text, #263238);font-size:15px;font-weight:600;line-height:1.3;margin:0 0 11px}.mapa-report-indicator-group__list{display:grid;gap:8px}.mapa-report-indicator-group__rows{background:var(--mapa-report-surface, #fff);border:1px solid var(--mapa-report-border, #e1e5e7);border-radius:12px;overflow:hidden}.mapa-report-indicator{min-width:0}.mapa-report-indicator--list{align-items:center;background:var(--mapa-indicator-background);border:1px solid rgba(26,26,26,.08);border-radius:9px;color:var(--mapa-indicator-foreground);display:grid;gap:9px;grid-template-columns:20px minmax(0,1fr) auto;min-height:38px;padding:5px 10px 5px 9px}.mapa-report-indicator--list h4{font-size:12px;font-weight:400;line-height:1.25;margin:0;overflow-wrap:anywhere}.mapa-report-indicator--list>strong{align-items:center;background:#fff;border:1px solid rgba(99,114,124,.16);border-radius:999px;color:#1f3850;display:inline-flex;font-size:10px;font-weight:600;height:25px;justify-content:center;min-width:38px;padding:0 6px}.mapa-report-indicator--row{padding:13px 13px 14px}.mapa-report-indicator--row+.mapa-report-indicator--row{border-top:1px solid var(--mapa-report-border, #e1e5e7)}.mapa-report-indicator__graph{align-items:center;display:grid;gap:14px;grid-template-columns:minmax(0,250px) var(--mapa-report-pill-width, 104px) minmax(0,1fr) 42px}.mapa-report-indicator__name{align-items:center;color:var(--mapa-report-text, #263238);display:flex;gap:7px;min-width:0}.mapa-report-indicator__name h4{font-size:12px;font-weight:400;line-height:1.25;margin:0;overflow-wrap:anywhere}.mapa-report-indicator__graph mapa-classification-tag{--mapa-classification-tag-min-width: var(--mapa-report-pill-width, 104px);justify-self:start;max-width:var(--mapa-report-pill-width, 104px)}.mapa-report-indicator__percent{color:#1f3850;font-size:12px;font-weight:400;text-align:right}.mapa-report-indicator__mode-label--compact{display:none}.mapa-report-indicator__detail{border-top:1px solid var(--mapa-report-border, #e1e5e7);color:var(--mapa-report-muted, #68747a);display:flex;font-size:11px;gap:4px;line-height:1.45;margin-top:11px;padding-top:10px}.mapa-report-indicator__detail>strong{color:var(--mapa-report-text, #263238);flex:0 0 auto;font-weight:600}.mapa-report-indicator__detail .mapa-report-indicator__copy{min-width:0}.mapa-report-indicator__detail .mapa-report-indicator__copy ::ng-deep ol,.mapa-report-indicator__detail .mapa-report-indicator__copy ::ng-deep p,.mapa-report-indicator__detail .mapa-report-indicator__copy ::ng-deep ul{margin:0 0 8px}.mapa-report-indicator__detail .mapa-report-indicator__copy ::ng-deep ol,.mapa-report-indicator__detail .mapa-report-indicator__copy ::ng-deep ul{padding-left:20px}.mapa-report-indicator__detail .mapa-report-indicator__copy ::ng-deep li{margin:0 0 3px}.mapa-report-indicator__detail .mapa-report-indicator__copy ::ng-deep b,.mapa-report-indicator__detail .mapa-report-indicator__copy ::ng-deep strong{color:var(--mapa-report-text, inherit);font-weight:600}.mapa-report-indicator__detail .mapa-report-indicator__copy ::ng-deep :last-child{margin-bottom:0}.mapa-report-indicator__detail div{min-width:0}.mapa-report-indicator__detail :last-child{margin-bottom:0}@media(max-width:760px){.mapa-report-indicator__graph{gap:8px;grid-template-columns:minmax(0,1fr) var(--mapa-report-pill-width, 104px) 40px}.mapa-report-indicator__graph mapa-result-track{grid-column:1/-1;grid-row:2;margin-top:3px}}@media(max-width:560px){.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 10px/1 var(--mapa-font-body, \"Asap\", sans-serif);min-width:0}.mapa-report-indicator__mode-icon,.mapa-report-indicator__mode-label--full{display:none}.mapa-report-indicator__mode-label--compact{display:inline}.mapa-report-indicators--list:not(.mapa-report-indicators--single-column){grid-template-columns:1fr}.mapa-report-indicator--list{min-height:36px}.mapa-report-indicator--row{padding:12px}.mapa-report-indicator__detail{display:block}.mapa-report-indicator__detail>strong{display:block;margin-bottom:3px}}: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)}\n"], dependencies: [{ kind: "component", type: MapaReportIndicatorsWidgetListComponent, selector: "mapa-report-indicators-widget-list" }, { kind: "component", type: MapaReportIndicatorsWidgetChartComponent, selector: "mapa-report-indicators-widget-chart" }, { kind: "component", type: MapaReportIndicatorsWidgetDetailedComponent, selector: "mapa-report-indicators-widget-detailed" }, { kind: "ngmodule", type: MatButtonToggleModule }, { kind: "directive", type: i1$7.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$7.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: MapaReportLegendComponent, selector: "mapa-report-legend", inputs: ["title", "intro", "groupsTitle", "groups", "expanded", "appearance"] }, { kind: "pipe", type: SafeHtmlPipe, name: "safeHtml" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.21", ngImport: i0, type: MapaReportIndicatorsWidgetComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'mapa-report-indicators-widget', standalone: true, imports: [
+                        MapaReportIndicatorsWidgetListComponent,
+                        MapaReportIndicatorsWidgetChartComponent,
+                        MapaReportIndicatorsWidgetDetailedComponent,
+                        MatButtonToggleModule,
+                        MapaReportLegendComponent,
+                        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 (legendGroups().length || legendIntro()) {\n    <mapa-report-legend\n      appearance=\"psychosocial\"\n      [expanded]=\"legendExpanded()\"\n      [groups]=\"legendGroups()\"\n      [intro]=\"legendIntro()\"\n      [title]=\"legendTitle()\"\n    />\n  }\n\n  <mat-button-toggle-group\n    class=\"mapa-report-widget__modes mapa-report-widget__modes--standalone\"\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=\"list\">\n      <span class=\"mapa-report-indicator__mode-icon\" aria-hidden=\"true\">\u25A5</span>\n      {{ i18n.texts.report.list }}\n    </mat-button-toggle>\n    <mat-button-toggle value=\"chart\">\n      <span class=\"mapa-report-indicator__mode-icon\" aria-hidden=\"true\">\u25A6</span>\n      {{ i18n.texts.report.chart }}\n    </mat-button-toggle>\n    <mat-button-toggle value=\"detailed\">\n      <span class=\"mapa-report-indicator__mode-icon\" aria-hidden=\"true\">\u25A4</span>\n      <span\n        class=\"mapa-report-indicator__mode-label mapa-report-indicator__mode-label--full\"\n        >{{ detailedViewCaption() }}</span\n      >\n      <span\n        class=\"mapa-report-indicator__mode-label mapa-report-indicator__mode-label--compact\"\n        >{{ compactDetailedViewCaption() }}</span\n      >\n    </mat-button-toggle>\n  </mat-button-toggle-group>\n\n  @switch (mode()) {\n    @case (\"list\") {\n      <mapa-report-indicators-widget-list\n        [groups]=\"groups()\"\n        [palette]=\"palette()\"\n      />\n    }\n    @case (\"chart\") {\n      <mapa-report-indicators-widget-chart\n        [groups]=\"groups()\"\n        [palette]=\"palette()\"\n      />\n    }\n    @default {\n      <mapa-report-indicators-widget-detailed\n        [groups]=\"groups()\"\n        [palette]=\"palette()\"\n      />\n    }\n  }\n</section>\n", styles: [":host{color:var(--mapa-report-text, #263238);display:block;min-width:0;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__modes--standalone{grid-column:1;grid-row:auto;justify-self:end}.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-report-widget__modes--standalone{grid-row:auto;margin-top:0}}.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-indicators{display:grid;gap:20px}.mapa-report-indicators--list{align-items:start;grid-template-columns:repeat(3,minmax(0,1fr))}.mapa-report-indicators--single-column{grid-template-columns:1fr}.mapa-report-indicators--two-columns{grid-template-columns:repeat(2,minmax(0,1fr))}.mapa-report-indicators--rows{padding-top:2px}.mapa-report-indicators__column{display:grid;gap:23px;min-width:0}.mapa-report-indicator-group{min-width:0}.mapa-report-indicator-group>h3{color:var(--mapa-report-text, #263238);font-size:15px;font-weight:600;line-height:1.3;margin:0 0 11px}.mapa-report-indicator-group__list{display:grid;gap:8px}.mapa-report-indicator-group__rows{background:var(--mapa-report-surface, #fff);border:1px solid var(--mapa-report-border, #e1e5e7);border-radius:12px;overflow:hidden}.mapa-report-indicator{min-width:0}.mapa-report-indicator--list{align-items:center;background:var(--mapa-indicator-background);border:1px solid rgba(26,26,26,.08);border-radius:9px;color:var(--mapa-indicator-foreground);display:grid;gap:9px;grid-template-columns:20px minmax(0,1fr) auto;min-height:38px;padding:5px 10px 5px 9px}.mapa-report-indicator--list h4{font-size:12px;font-weight:400;line-height:1.25;margin:0;overflow-wrap:anywhere}.mapa-report-indicator--list>strong{align-items:center;background:#fff;border:1px solid rgba(99,114,124,.16);border-radius:999px;color:#1f3850;display:inline-flex;font-size:10px;font-weight:600;height:25px;justify-content:center;min-width:38px;padding:0 6px}.mapa-report-indicator--row{padding:13px 13px 14px}.mapa-report-indicator--row+.mapa-report-indicator--row{border-top:1px solid var(--mapa-report-border, #e1e5e7)}.mapa-report-indicator__graph{align-items:center;display:grid;gap:14px;grid-template-columns:minmax(0,250px) var(--mapa-report-pill-width, 104px) minmax(0,1fr) 42px}.mapa-report-indicator__name{align-items:center;color:var(--mapa-report-text, #263238);display:flex;gap:7px;min-width:0}.mapa-report-indicator__name h4{font-size:12px;font-weight:400;line-height:1.25;margin:0;overflow-wrap:anywhere}.mapa-report-indicator__graph mapa-classification-tag{--mapa-classification-tag-min-width: var(--mapa-report-pill-width, 104px);justify-self:start;max-width:var(--mapa-report-pill-width, 104px)}.mapa-report-indicator__percent{color:#1f3850;font-size:12px;font-weight:400;text-align:right}.mapa-report-indicator__mode-label--compact{display:none}.mapa-report-indicator__detail{border-top:1px solid var(--mapa-report-border, #e1e5e7);color:var(--mapa-report-muted, #68747a);display:flex;font-size:11px;gap:4px;line-height:1.45;margin-top:11px;padding-top:10px}.mapa-report-indicator__detail>strong{color:var(--mapa-report-text, #263238);flex:0 0 auto;font-weight:600}.mapa-report-indicator__detail .mapa-report-indicator__copy{min-width:0}.mapa-report-indicator__detail .mapa-report-indicator__copy ::ng-deep ol,.mapa-report-indicator__detail .mapa-report-indicator__copy ::ng-deep p,.mapa-report-indicator__detail .mapa-report-indicator__copy ::ng-deep ul{margin:0 0 8px}.mapa-report-indicator__detail .mapa-report-indicator__copy ::ng-deep ol,.mapa-report-indicator__detail .mapa-report-indicator__copy ::ng-deep ul{padding-left:20px}.mapa-report-indicator__detail .mapa-report-indicator__copy ::ng-deep li{margin:0 0 3px}.mapa-report-indicator__detail .mapa-report-indicator__copy ::ng-deep b,.mapa-report-indicator__detail .mapa-report-indicator__copy ::ng-deep strong{color:var(--mapa-report-text, inherit);font-weight:600}.mapa-report-indicator__detail .mapa-report-indicator__copy ::ng-deep :last-child{margin-bottom:0}.mapa-report-indicator__detail div{min-width:0}.mapa-report-indicator__detail :last-child{margin-bottom:0}@media(max-width:760px){.mapa-report-indicator__graph{gap:8px;grid-template-columns:minmax(0,1fr) var(--mapa-report-pill-width, 104px) 40px}.mapa-report-indicator__graph mapa-result-track{grid-column:1/-1;grid-row:2;margin-top:3px}}@media(max-width:560px){.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 10px/1 var(--mapa-font-body, \"Asap\", sans-serif);min-width:0}.mapa-report-indicator__mode-icon,.mapa-report-indicator__mode-label--full{display:none}.mapa-report-indicator__mode-label--compact{display:inline}.mapa-report-indicators--list:not(.mapa-report-indicators--single-column){grid-template-columns:1fr}.mapa-report-indicator--list{min-height:36px}.mapa-report-indicator--row{padding:12px}.mapa-report-indicator__detail{display:block}.mapa-report-indicator__detail>strong{display:block;margin-bottom:3px}}: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)}\n"] }]
+        }], propDecorators: { heading: [{ type: i0.Input, args: [{ isSignal: true, alias: "heading", required: true }] }], 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 }] }], legendExpanded: [{ type: i0.Input, args: [{ isSignal: true, alias: "legendExpanded", required: false }] }], detailedViewLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "detailedViewLabel", required: false }] }], compactDetailedViewLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "compactDetailedViewLabel", required: false }] }], mode: [{ type: i0.Input, args: [{ isSignal: true, alias: "mode", required: false }] }, { type: i0.Output, args: ["modeChange"] }] } });
+
+class ReportScaleContent {
+    constructor() {
+        this.i18n = inject(MapaI18nService);
+        this.groups = input([], ...(ngDevMode ? [{ debugName: "groups" }] : []));
         this.palette = input('current', ...(ngDevMode ? [{ debugName: "palette" }] : []));
-        this.mode = model('summarized', ...(ngDevMode ? [{ debugName: "mode" }] : []));
         this.scales = computed(() => this.groups().flatMap((group) => group.scales), ...(ngDevMode ? [{ debugName: "scales" }] : []));
     }
     color(scale) {
@@ -8746,19 +8820,61 @@ class MapaReportScaleWidgetComponent {
             ? this.i18n.texts.report.negativeDirectionLabel
             : 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  </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  <mat-button-toggle-group\n    class=\"mapa-report-widget__modes mapa-report-widget__modes--standalone\"\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\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__modes--standalone{grid-column:1;grid-row:auto;justify-self:end}.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-report-widget__modes--standalone{grid-row:auto;margin-top:0}}.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", "style", "direction", "showValue", "ariaLabel"] }, { kind: "pipe", type: SafeHtmlPipe, name: "safeHtml" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.21", ngImport: i0, type: ReportScaleContent, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "20.3.21", type: ReportScaleContent, isStandalone: true, inputs: { groups: { classPropertyName: "groups", publicName: "groups", isSignal: true, isRequired: false, transformFunction: null }, palette: { classPropertyName: "palette", publicName: "palette", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.21", ngImport: i0, type: ReportScaleContent, decorators: [{
+            type: Directive
+        }], propDecorators: { groups: [{ type: i0.Input, args: [{ isSignal: true, alias: "groups", required: false }] }], palette: [{ type: i0.Input, args: [{ isSignal: true, alias: "palette", required: false }] }] } });
+
+/** Reusable summarized content, without the widget heading or mode selector. */
+class MapaReportScaleWidgetSummarizedComponent extends ReportScaleContent {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.21", ngImport: i0, type: MapaReportScaleWidgetSummarizedComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.21", type: MapaReportScaleWidgetSummarizedComponent, isStandalone: true, selector: "mapa-report-scale-widget-summarized", usesInheritance: true, ngImport: i0, template: "<div class=\"mapa-report-widget\" [attr.data-palette]=\"palette()\">\n  @if (!scales().length) {\n    <p class=\"mapa-report-widget__empty\">{{ i18n.texts.report.emptyState }}</p>\n  } @else {\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  }\n</div>\n", styles: [":host{color:var(--mapa-report-text, #263238);display:block;min-width:0;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__modes--standalone{grid-column:1;grid-row:auto;justify-self:end}.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-report-widget__modes--standalone{grid-row:auto;margin-top:0}}.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-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, #e1e5e7);display:flex;gap:11px;margin:0 0 14px;padding:2px 2px 12px}.mapa-report-scale-group__head:before{background:var(--mapa-report-accent, #ff560b);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, #fff);border:1px solid var(--mapa-report-border, #e1e5e7);border-radius:var(--mapa-report-card-radius, 10px);min-width:0}.mapa-report-scale-card mapa-classification-tag{--mapa-classification-tag-min-width: var(--mapa-report-pill-width, 104px);flex:0 0 auto;max-width:var(--mapa-report-pill-width, 104px)}.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, #edf1f3);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, #fafbfc);border:1px solid var(--mapa-report-line-soft, #edf1f3);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, #fafbfc);border-radius:var(--mapa-report-card-radius, 10px);color:var(--mapa-report-muted, #68747a);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, #e1e5e7);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, #fafbfc);border:1px solid var(--mapa-report-line-soft, #edf1f3);border-radius:9px;display:grid;gap:16px;grid-template-columns:minmax(180px,240px) var(--mapa-report-pill-width, 104px) 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, #68747a);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, 104px)}.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: "component", type: MapaClassificationTagComponent, selector: "mapa-classification-tag", inputs: ["classification", "size", "appearance", "shape", "casing", "fallbackLabel"] }, { kind: "component", type: MapaResultTrackComponent, selector: "mapa-result-track", inputs: ["name", "value", "color", "mode", "appearance", "style", "direction", "showValue", "ariaLabel"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.21", ngImport: i0, type: MapaReportScaleWidgetSummarizedComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'mapa-report-scale-widget-summarized', standalone: true, imports: [MapaClassificationTagComponent, MapaResultTrackComponent], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"mapa-report-widget\" [attr.data-palette]=\"palette()\">\n  @if (!scales().length) {\n    <p class=\"mapa-report-widget__empty\">{{ i18n.texts.report.emptyState }}</p>\n  } @else {\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  }\n</div>\n", styles: [":host{color:var(--mapa-report-text, #263238);display:block;min-width:0;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__modes--standalone{grid-column:1;grid-row:auto;justify-self:end}.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-report-widget__modes--standalone{grid-row:auto;margin-top:0}}.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-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, #e1e5e7);display:flex;gap:11px;margin:0 0 14px;padding:2px 2px 12px}.mapa-report-scale-group__head:before{background:var(--mapa-report-accent, #ff560b);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, #fff);border:1px solid var(--mapa-report-border, #e1e5e7);border-radius:var(--mapa-report-card-radius, 10px);min-width:0}.mapa-report-scale-card mapa-classification-tag{--mapa-classification-tag-min-width: var(--mapa-report-pill-width, 104px);flex:0 0 auto;max-width:var(--mapa-report-pill-width, 104px)}.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, #edf1f3);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, #fafbfc);border:1px solid var(--mapa-report-line-soft, #edf1f3);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, #fafbfc);border-radius:var(--mapa-report-card-radius, 10px);color:var(--mapa-report-muted, #68747a);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, #e1e5e7);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, #fafbfc);border:1px solid var(--mapa-report-line-soft, #edf1f3);border-radius:9px;display:grid;gap:16px;grid-template-columns:minmax(180px,240px) var(--mapa-report-pill-width, 104px) 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, #68747a);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, 104px)}.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"] }]
+        }] });
+
+/** Reusable detailed content, without the widget heading or mode selector. */
+class MapaReportScaleWidgetDetailedComponent extends ReportScaleContent {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.21", ngImport: i0, type: MapaReportScaleWidgetDetailedComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.21", type: MapaReportScaleWidgetDetailedComponent, isStandalone: true, selector: "mapa-report-scale-widget-detailed", usesInheritance: true, ngImport: i0, template: "<div class=\"mapa-report-widget\" [attr.data-palette]=\"palette()\">\n  @if (!scales().length) {\n    <p class=\"mapa-report-widget__empty\">{{ i18n.texts.report.emptyState }}</p>\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</div>\n", styles: [":host{color:var(--mapa-report-text, #263238);display:block;min-width:0;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__modes--standalone{grid-column:1;grid-row:auto;justify-self:end}.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-report-widget__modes--standalone{grid-row:auto;margin-top:0}}.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-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, #e1e5e7);display:flex;gap:11px;margin:0 0 14px;padding:2px 2px 12px}.mapa-report-scale-group__head:before{background:var(--mapa-report-accent, #ff560b);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, #fff);border:1px solid var(--mapa-report-border, #e1e5e7);border-radius:var(--mapa-report-card-radius, 10px);min-width:0}.mapa-report-scale-card mapa-classification-tag{--mapa-classification-tag-min-width: var(--mapa-report-pill-width, 104px);flex:0 0 auto;max-width:var(--mapa-report-pill-width, 104px)}.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, #edf1f3);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, #fafbfc);border:1px solid var(--mapa-report-line-soft, #edf1f3);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, #fafbfc);border-radius:var(--mapa-report-card-radius, 10px);color:var(--mapa-report-muted, #68747a);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, #e1e5e7);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, #fafbfc);border:1px solid var(--mapa-report-line-soft, #edf1f3);border-radius:9px;display:grid;gap:16px;grid-template-columns:minmax(180px,240px) var(--mapa-report-pill-width, 104px) 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, #68747a);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, 104px)}.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: "component", type: MapaClassificationTagComponent, selector: "mapa-classification-tag", inputs: ["classification", "size", "appearance", "shape", "casing", "fallbackLabel"] }, { kind: "component", type: MapaResultTrackComponent, selector: "mapa-result-track", inputs: ["name", "value", "color", "mode", "appearance", "style", "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: MapaReportScaleWidgetDetailedComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'mapa-report-scale-widget-detailed', standalone: true, imports: [
+                        MapaClassificationTagComponent,
+                        MapaResultTrackComponent,
+                        SafeHtmlPipe,
+                    ], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"mapa-report-widget\" [attr.data-palette]=\"palette()\">\n  @if (!scales().length) {\n    <p class=\"mapa-report-widget__empty\">{{ i18n.texts.report.emptyState }}</p>\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</div>\n", styles: [":host{color:var(--mapa-report-text, #263238);display:block;min-width:0;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__modes--standalone{grid-column:1;grid-row:auto;justify-self:end}.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-report-widget__modes--standalone{grid-row:auto;margin-top:0}}.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-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, #e1e5e7);display:flex;gap:11px;margin:0 0 14px;padding:2px 2px 12px}.mapa-report-scale-group__head:before{background:var(--mapa-report-accent, #ff560b);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, #fff);border:1px solid var(--mapa-report-border, #e1e5e7);border-radius:var(--mapa-report-card-radius, 10px);min-width:0}.mapa-report-scale-card mapa-classification-tag{--mapa-classification-tag-min-width: var(--mapa-report-pill-width, 104px);flex:0 0 auto;max-width:var(--mapa-report-pill-width, 104px)}.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, #edf1f3);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, #fafbfc);border:1px solid var(--mapa-report-line-soft, #edf1f3);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, #fafbfc);border-radius:var(--mapa-report-card-radius, 10px);color:var(--mapa-report-muted, #68747a);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, #e1e5e7);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, #fafbfc);border:1px solid var(--mapa-report-line-soft, #edf1f3);border-radius:9px;display:grid;gap:16px;grid-template-columns:minmax(180px,240px) var(--mapa-report-pill-width, 104px) 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, #68747a);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, 104px)}.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"] }]
+        }] });
+
+class MapaReportScaleWidgetComponent extends ReportScaleContent {
+    constructor() {
+        super(...arguments);
+        this.heading = input.required(...(ngDevMode ? [{ debugName: "heading" }] : []));
+        this.legendGroups = input([], ...(ngDevMode ? [{ debugName: "legendGroups" }] : []));
+        this.legendTitle = input(...(ngDevMode ? [undefined, { debugName: "legendTitle" }] : []));
+        this.legendIntro = input(...(ngDevMode ? [undefined, { debugName: "legendIntro" }] : []));
+        this.legendGroupsTitle = input(...(ngDevMode ? [undefined, { debugName: "legendGroupsTitle" }] : []));
+        this.legendExpanded = input(false, ...(ngDevMode ? [{ debugName: "legendExpanded" }] : []));
+        this.mode = model('summarized', ...(ngDevMode ? [{ debugName: "mode" }] : []));
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.21", ngImport: i0, type: MapaReportScaleWidgetComponent, deps: null, 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 }, 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 }, mode: { classPropertyName: "mode", publicName: "mode", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { mode: "modeChange" }, usesInheritance: true, 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 (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  <mat-button-toggle-group\n    class=\"mapa-report-widget__modes mapa-report-widget__modes--standalone\"\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\n  @if (mode() === \"summarized\") {\n    <mapa-report-scale-widget-summarized\n      [groups]=\"groups()\"\n      [palette]=\"palette()\"\n    />\n  } @else {\n    <mapa-report-scale-widget-detailed\n      [groups]=\"groups()\"\n      [palette]=\"palette()\"\n    />\n  }\n</section>\n", styles: [":host{color:var(--mapa-report-text, #263238);display:block;min-width:0;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__modes--standalone{grid-column:1;grid-row:auto;justify-self:end}.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-report-widget__modes--standalone{grid-row:auto;margin-top:0}}.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-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, #e1e5e7);display:flex;gap:11px;margin:0 0 14px;padding:2px 2px 12px}.mapa-report-scale-group__head:before{background:var(--mapa-report-accent, #ff560b);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, #fff);border:1px solid var(--mapa-report-border, #e1e5e7);border-radius:var(--mapa-report-card-radius, 10px);min-width:0}.mapa-report-scale-card mapa-classification-tag{--mapa-classification-tag-min-width: var(--mapa-report-pill-width, 104px);flex:0 0 auto;max-width:var(--mapa-report-pill-width, 104px)}.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, #edf1f3);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, #fafbfc);border:1px solid var(--mapa-report-line-soft, #edf1f3);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, #fafbfc);border-radius:var(--mapa-report-card-radius, 10px);color:var(--mapa-report-muted, #68747a);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, #e1e5e7);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, #fafbfc);border:1px solid var(--mapa-report-line-soft, #edf1f3);border-radius:9px;display:grid;gap:16px;grid-template-columns:minmax(180px,240px) var(--mapa-report-pill-width, 104px) 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, #68747a);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, 104px)}.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}}: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)}:host{--mapa-report-line-soft: #edf1f3;--mapa-report-surface-soft: #fafbfc;--mapa-report-card-radius: 10px}\n"], dependencies: [{ kind: "component", type: MapaReportScaleWidgetSummarizedComponent, selector: "mapa-report-scale-widget-summarized" }, { kind: "component", type: MapaReportScaleWidgetDetailedComponent, selector: "mapa-report-scale-widget-detailed" }, { kind: "ngmodule", type: MatButtonToggleModule }, { kind: "directive", type: i1$7.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$7.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: MapaReportLegendComponent, selector: "mapa-report-legend", inputs: ["title", "intro", "groupsTitle", "groups", "expanded", "appearance"] }, { 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,
             args: [{ selector: 'mapa-report-scale-widget', standalone: true, imports: [
+                        MapaReportScaleWidgetSummarizedComponent,
+                        MapaReportScaleWidgetDetailedComponent,
                         MatButtonToggleModule,
-                        MapaClassificationTagComponent,
                         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  </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  <mat-button-toggle-group\n    class=\"mapa-report-widget__modes mapa-report-widget__modes--standalone\"\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\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__modes--standalone{grid-column:1;grid-row:auto;justify-self:end}.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-report-widget__modes--standalone{grid-row:auto;margin-top:0}}.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"] }] } });
+                    ], 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 (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  <mat-button-toggle-group\n    class=\"mapa-report-widget__modes mapa-report-widget__modes--standalone\"\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\n  @if (mode() === \"summarized\") {\n    <mapa-report-scale-widget-summarized\n      [groups]=\"groups()\"\n      [palette]=\"palette()\"\n    />\n  } @else {\n    <mapa-report-scale-widget-detailed\n      [groups]=\"groups()\"\n      [palette]=\"palette()\"\n    />\n  }\n</section>\n", styles: [":host{color:var(--mapa-report-text, #263238);display:block;min-width:0;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__modes--standalone{grid-column:1;grid-row:auto;justify-self:end}.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-report-widget__modes--standalone{grid-row:auto;margin-top:0}}.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-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, #e1e5e7);display:flex;gap:11px;margin:0 0 14px;padding:2px 2px 12px}.mapa-report-scale-group__head:before{background:var(--mapa-report-accent, #ff560b);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, #fff);border:1px solid var(--mapa-report-border, #e1e5e7);border-radius:var(--mapa-report-card-radius, 10px);min-width:0}.mapa-report-scale-card mapa-classification-tag{--mapa-classification-tag-min-width: var(--mapa-report-pill-width, 104px);flex:0 0 auto;max-width:var(--mapa-report-pill-width, 104px)}.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, #edf1f3);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, #fafbfc);border:1px solid var(--mapa-report-line-soft, #edf1f3);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, #fafbfc);border-radius:var(--mapa-report-card-radius, 10px);color:var(--mapa-report-muted, #68747a);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, #e1e5e7);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, #fafbfc);border:1px solid var(--mapa-report-line-soft, #edf1f3);border-radius:9px;display:grid;gap:16px;grid-template-columns:minmax(180px,240px) var(--mapa-report-pill-width, 104px) 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, #68747a);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, 104px)}.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}}: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)}:host{--mapa-report-line-soft: #edf1f3;--mapa-report-surface-soft: #fafbfc;--mapa-report-card-radius: 10px}\n"] }]
+        }], propDecorators: { heading: [{ type: i0.Input, args: [{ isSignal: true, alias: "heading", required: true }] }], 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 }] }], mode: [{ type: i0.Input, args: [{ isSignal: true, alias: "mode", required: false }] }, { type: i0.Output, args: ["modeChange"] }] } });
 
 const GAUGE_SEGMENT_COUNT = 25;
 const GAUGE_START_ANGLE = 180;
@@ -8767,7 +8883,7 @@ const GAUGE_INNER_RADIUS_X = 55;
 const GAUGE_INNER_RADIUS_Y = 55;
 const GAUGE_OUTER_RADIUS_X = 70;
 const GAUGE_OUTER_RADIUS_Y = 70;
-class MapaReportSocioemotionalWidgetComponent {
+class ReportSocioemotionalContent {
     constructor() {
         this.i18n = inject(MapaI18nService);
         this.gaugeSegments = Array.from({ length: GAUGE_SEGMENT_COUNT }, (_, index) => {
@@ -8784,7 +8900,6 @@ class MapaReportSocioemotionalWidgetComponent {
                 y2: centerY - Math.sin(angle) * GAUGE_OUTER_RADIUS_Y,
             };
         });
-        this.heading = input.required(...(ngDevMode ? [{ debugName: "heading" }] : []));
         this.data = input.required(...(ngDevMode ? [{ debugName: "data" }] : []));
         this.palette = input('current', ...(ngDevMode ? [{ debugName: "palette" }] : []));
     }
@@ -8824,22 +8939,54 @@ class MapaReportSocioemotionalWidgetComponent {
     gaugeValueText(value, classification) {
         return `${this.clamp(value)}, ${this.classificationLabel(classification)}`;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.21", ngImport: i0, type: MapaReportSocioemotionalWidgetComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.21", type: MapaReportSocioemotionalWidgetComponent, isStandalone: true, selector: "mapa-report-socioemotional-widget", inputs: { heading: { classPropertyName: "heading", publicName: "heading", isSignal: true, isRequired: true, transformFunction: null }, data: { classPropertyName: "data", publicName: "data", isSignal: true, isRequired: true, transformFunction: null }, palette: { classPropertyName: "palette", publicName: "palette", 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 (data().legend) {\n    <mapa-report-legend\n      appearance=\"psychosocial\"\n      [expanded]=\"data().legend?.expanded ?? false\"\n      [groups]=\"data().legend?.groups ?? []\"\n      [groupsTitle]=\"data().legend?.groupsTitle\"\n      [intro]=\"data().legend?.intro\"\n      [title]=\"data().legend?.title\"\n    />\n  }\n\n  @if (data().competencies.length) {\n    <div class=\"mapa-report-socio__competencies\">\n      @for (competence of data().competencies; track competence.id) {\n        <section class=\"mapa-report-socio__competence\">\n          <header class=\"mapa-report-socio__competence-heading\">\n            <h3>{{ competence.name }}</h3>\n            @if (competence.description) {\n              <div\n                class=\"mapa-report-socio__competence-description\"\n                [innerHTML]=\"competence.description | safeHtml\"\n              ></div>\n            }\n          </header>\n\n          <div class=\"mapa-report-socio__skills\">\n            @for (skill of competence.skills; track skill.id) {\n              <article class=\"mapa-report-socio__skill\">\n                <div class=\"mapa-report-socio__skill-visual\">\n                  <h4\n                    [attr.aria-label]=\"\n                      skillHeadingLabel(skill.name, skill.direction)\n                    \"\n                  >\n                    <span\n                      class=\"mapa-direction-indicator\"\n                      aria-hidden=\"true\"\n                      >{{ directionArrow(skill.direction) }}</span\n                    >\n                    <span>{{ skill.name }}</span>\n                  </h4>\n                  <div class=\"mapa-report-gauge\">\n                    <div\n                      class=\"mapa-report-gauge__visual\"\n                      role=\"meter\"\n                      aria-valuemin=\"0\"\n                      aria-valuemax=\"100\"\n                      [attr.aria-valuenow]=\"clamp(skill.value)\"\n                      [attr.aria-valuetext]=\"\n                        gaugeValueText(skill.value, skill.classification)\n                      \"\n                      [attr.aria-label]=\"\n                        i18n.texts.report.gaugeLabel(\n                          skill.name,\n                          clamp(skill.value)\n                        )\n                      \"\n                      [style.--mapa-gauge-color]=\"\n                        gaugeColor(skill.classification)\n                      \"\n                    >\n                      <svg\n                        class=\"mapa-report-gauge__arc\"\n                        viewBox=\"0 0 180 104\"\n                        aria-hidden=\"true\"\n                      >\n                        @for (\n                          segment of gaugeSegments;\n                          track segment.index\n                        ) {\n                          <line\n                            class=\"mapa-report-gauge__segment\"\n                            [class.mapa-report-gauge__segment--active]=\"\n                              segment.index <\n                              activeSegmentCount(skill.value)\n                            \"\n                            [attr.x1]=\"segment.x1\"\n                            [attr.y1]=\"segment.y1\"\n                            [attr.x2]=\"segment.x2\"\n                            [attr.y2]=\"segment.y2\"\n                          />\n                        }\n                      </svg>\n                      <div\n                        class=\"mapa-report-gauge__reading\"\n                        aria-hidden=\"true\"\n                      >\n                        <strong>{{ clamp(skill.value) }}</strong>\n                        <span>{{\n                          classificationLabel(skill.classification)\n                        }}</span>\n                      </div>\n                    </div>\n                    <div class=\"mapa-report-gauge__extremes\">\n                      <span>{{\n                        i18n.texts.report.lowerIntensityLabel\n                      }}</span>\n                      <span>{{\n                        i18n.texts.report.higherIntensityLabel\n                      }}</span>\n                    </div>\n                  </div>\n                </div>\n                <div class=\"mapa-report-socio__skill-copy\">\n                  @if (skill.concept) {\n                    <section class=\"mapa-report-socio__copy-block\">\n                      <h5>{{ i18n.texts.report.conceptTitle }}</h5>\n                      <div\n                        class=\"mapa-report-socio__concept\"\n                        [innerHTML]=\"skill.concept | safeHtml\"\n                      ></div>\n                    </section>\n                  }\n                  @if (skill.description) {\n                    <section class=\"mapa-report-socio__copy-block\">\n                      <h5>{{ i18n.texts.report.resultTitle }}</h5>\n                      <div\n                        class=\"mapa-report-socio__description\"\n                        [innerHTML]=\"skill.description | safeHtml\"\n                      ></div>\n                    </section>\n                  }\n                </div>\n              </article>\n            }\n          </div>\n        </section>\n      }\n    </div>\n  }\n\n  @if (data().vulnerabilities.length) {\n    <section class=\"mapa-report-socio__vulnerabilities\">\n      @if (data().vulnerabilityLegend) {\n        <mapa-report-legend\n          appearance=\"psychosocial\"\n          [expanded]=\"data().vulnerabilityLegend?.expanded ?? false\"\n          [groups]=\"data().vulnerabilityLegend?.groups ?? []\"\n          [groupsTitle]=\"data().vulnerabilityLegend?.groupsTitle\"\n          [intro]=\"data().vulnerabilityLegend?.intro\"\n          [title]=\"data().vulnerabilityLegend?.title\"\n        />\n      }\n\n      @for (scale of data().vulnerabilities; track scale.id) {\n        <section class=\"mapa-report-socio__vulnerability-scale\">\n          <header class=\"mapa-report-socio__vulnerability-heading\">\n            <h3>{{ scale.name }}</h3>\n            @if (scale.concept) {\n              <div\n                class=\"mapa-report-socio__vulnerability-copy\"\n                [innerHTML]=\"scale.concept | safeHtml\"\n              ></div>\n            }\n          </header>\n\n          <div\n            class=\"mapa-report-socio__vulnerability-table\"\n            role=\"table\"\n            [attr.aria-label]=\"scale.name\"\n          >\n            <div class=\"mapa-report-socio__vulnerability-head\" role=\"row\">\n              <span role=\"columnheader\">{{\n                i18n.texts.report.dimensionTitle\n              }}</span>\n              <span role=\"columnheader\">{{\n                i18n.texts.report.classificationTitle\n              }}</span>\n              <span role=\"columnheader\">{{\n                i18n.texts.report.resultReadingTitle\n              }}</span>\n            </div>\n\n            @for (item of vulnerabilityDimensions(scale); track item.id) {\n              <article class=\"mapa-report-socio__vulnerability-row\" role=\"row\">\n                <div\n                  class=\"mapa-report-socio__vulnerability-dimension\"\n                  role=\"cell\"\n                >\n                  <span\n                    class=\"mapa-report-socio__cell-label\"\n                    aria-hidden=\"true\"\n                    >{{ i18n.texts.report.dimensionTitle }}</span\n                  >\n                  <h4\n                    [attr.aria-label]=\"\n                      skillHeadingLabel(item.name, item.direction)\n                    \"\n                  >\n                    <span>{{ item.name }}</span>\n                    <span\n                      class=\"mapa-direction-indicator\"\n                      aria-hidden=\"true\"\n                      >{{ directionArrow(item.direction) }}</span\n                    >\n                  </h4>\n                </div>\n\n                <div\n                  class=\"mapa-report-socio__vulnerability-classification\"\n                  role=\"cell\"\n                >\n                  <span\n                    class=\"mapa-report-socio__cell-label\"\n                    aria-hidden=\"true\"\n                    >{{ i18n.texts.report.classificationTitle }}</span\n                  >\n                  <mapa-classification-tag\n                    appearance=\"solid\"\n                    casing=\"natural\"\n                    shape=\"rounded\"\n                    size=\"large\"\n                    [classification]=\"item.classification\"\n                  />\n                </div>\n\n                <div\n                  class=\"mapa-report-socio__vulnerability-reading\"\n                  role=\"cell\"\n                >\n                  <span\n                    class=\"mapa-report-socio__cell-label\"\n                    aria-hidden=\"true\"\n                    >{{ i18n.texts.report.resultReadingTitle }}</span\n                  >\n                  <div class=\"mapa-report-socio__vulnerability-reading-grid\">\n                    @if (item.concept) {\n                      <section class=\"mapa-report-socio__copy-block\">\n                        <h4>{{ i18n.texts.report.conceptTitle }}</h4>\n                        <div\n                          class=\"mapa-report-socio__concept\"\n                          [innerHTML]=\"item.concept | safeHtml\"\n                        ></div>\n                      </section>\n                    }\n                    @if (item.description) {\n                      <section class=\"mapa-report-socio__copy-block\">\n                        <h4>{{ i18n.texts.report.resultTitle }}</h4>\n                        <div\n                          class=\"mapa-report-socio__description\"\n                          [innerHTML]=\"item.description | safeHtml\"\n                        ></div>\n                      </section>\n                    }\n                  </div>\n                </div>\n              </article>\n            }\n          </div>\n        </section>\n      }\n    </section>\n  }\n\n  @if (!data().competencies.length && !data().vulnerabilities.length) {\n    <p class=\"mapa-report-widget__empty\">{{ i18n.texts.report.emptyState }}</p>\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__modes--standalone{grid-column:1;grid-row:auto;justify-self:end}.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-report-widget__modes--standalone{grid-row:auto;margin-top:0}}.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-socio__competencies{display:grid;gap:28px}.mapa-report-socio__competence{display:grid;gap:12px}.mapa-report-socio__competence-heading{display:grid;gap:5px}.mapa-report-socio__competence-heading h3{font-size:20px;font-weight:500;margin:0}.mapa-report-socio__competence-description{color:var(--mapa-report-muted);font-size:12px;line-height:1.5;margin:0}.mapa-report-socio__competence-description ::ng-deep ol,.mapa-report-socio__competence-description ::ng-deep p,.mapa-report-socio__competence-description ::ng-deep ul{margin:0 0 8px}.mapa-report-socio__competence-description ::ng-deep ol,.mapa-report-socio__competence-description ::ng-deep ul{padding-left:20px}.mapa-report-socio__competence-description ::ng-deep li{margin:0 0 3px}.mapa-report-socio__competence-description ::ng-deep b,.mapa-report-socio__competence-description ::ng-deep strong{color:var(--mapa-report-text, inherit);font-weight:600}.mapa-report-socio__competence-description ::ng-deep :last-child{margin-bottom:0}.mapa-report-socio__skills,.mapa-report-socio__vulnerabilities{display:grid;gap:10px}.mapa-report-socio__skill{align-items:stretch;border:1px solid var(--mapa-report-border);border-radius:var(--mapa-report-radius);display:grid;gap:22px;grid-template-columns:210px minmax(0,1fr);padding:18px}.mapa-report-socio__skill-visual{align-content:start;display:grid;gap:10px;min-width:0}.mapa-report-socio__skill-visual>h4{align-items:center;display:inline-flex;font-size:14px;gap:8px;margin:0}.mapa-report-socio__skill-copy{align-content:center;display:grid;gap:16px;min-width:0}.mapa-report-socio__copy-block{display:grid;gap:4px}.mapa-report-socio__copy-block h5{color:var(--mapa-report-text);font-size:11px;font-weight:700;margin:0}.mapa-report-socio__concept{color:var(--mapa-report-text);font-size:12px;line-height:1.5}.mapa-report-socio__concept ::ng-deep ol,.mapa-report-socio__concept ::ng-deep p,.mapa-report-socio__concept ::ng-deep ul{margin:0 0 8px}.mapa-report-socio__concept ::ng-deep ol,.mapa-report-socio__concept ::ng-deep ul{padding-left:20px}.mapa-report-socio__concept ::ng-deep li{margin:0 0 3px}.mapa-report-socio__concept ::ng-deep b,.mapa-report-socio__concept ::ng-deep strong{color:var(--mapa-report-text, inherit);font-weight:600}.mapa-report-socio__concept ::ng-deep :last-child{margin-bottom:0}.mapa-report-socio__description{color:var(--mapa-report-muted);font-size:11px;line-height:1.5}.mapa-report-socio__description ::ng-deep ol,.mapa-report-socio__description ::ng-deep p,.mapa-report-socio__description ::ng-deep ul{margin:0 0 8px}.mapa-report-socio__description ::ng-deep ol,.mapa-report-socio__description ::ng-deep ul{padding-left:20px}.mapa-report-socio__description ::ng-deep li{margin:0 0 3px}.mapa-report-socio__description ::ng-deep b,.mapa-report-socio__description ::ng-deep strong{color:var(--mapa-report-text, inherit);font-weight:600}.mapa-report-socio__description ::ng-deep :last-child{margin-bottom:0}.mapa-report-socio__vulnerability-copy ::ng-deep ol,.mapa-report-socio__vulnerability-copy ::ng-deep p,.mapa-report-socio__vulnerability-copy ::ng-deep ul{margin:0 0 8px}.mapa-report-socio__vulnerability-copy ::ng-deep ol,.mapa-report-socio__vulnerability-copy ::ng-deep ul{padding-left:20px}.mapa-report-socio__vulnerability-copy ::ng-deep li{margin:0 0 3px}.mapa-report-socio__vulnerability-copy ::ng-deep b,.mapa-report-socio__vulnerability-copy ::ng-deep strong{color:var(--mapa-report-text, inherit);font-weight:600}.mapa-report-socio__vulnerability-copy ::ng-deep :last-child{margin-bottom:0}.mapa-report-socio__vulnerabilities{gap:24px;margin-top:20px}.mapa-report-socio__vulnerability-scale{display:grid;gap:12px}.mapa-report-socio__vulnerability-heading{display:grid;gap:5px}.mapa-report-socio__vulnerability-heading h3{font-size:20px;font-weight:500;margin:0}.mapa-report-socio__vulnerability-heading>div{color:var(--mapa-report-muted);font-size:12px;line-height:1.5}.mapa-report-socio__vulnerability-table{border:1px solid var(--mapa-report-border);border-radius:var(--mapa-report-radius);overflow:hidden}.mapa-report-socio__vulnerability-head,.mapa-report-socio__vulnerability-row{align-items:center;display:grid;gap:18px;grid-template-columns:minmax(180px,.72fr) minmax(105px,.42fr) minmax(0,2fr)}.mapa-report-socio__vulnerability-head{background:var(--mapa-report-surface-muted);border-bottom:1px solid var(--mapa-report-border);color:var(--mapa-report-muted);font-size:10px;font-weight:600;letter-spacing:.03em;padding:10px 16px;text-transform:uppercase}.mapa-report-socio__vulnerability-row{min-height:118px;padding:16px}.mapa-report-socio__vulnerability-row+.mapa-report-socio__vulnerability-row{border-top:1px solid var(--mapa-report-border)}.mapa-report-socio__vulnerability-dimension{min-width:0}.mapa-report-socio__vulnerability-dimension h4{align-items:center;display:flex;font-size:14px;gap:8px;margin:0}.mapa-report-socio__vulnerability-classification{--mapa-classification-tag-min-width: var(--mapa-report-pill-width);min-width:0}.mapa-report-socio__vulnerability-reading{min-width:0}.mapa-report-socio__vulnerability-reading-grid{display:grid;gap:18px;grid-template-columns:minmax(140px,.72fr) minmax(0,1.28fr)}.mapa-report-socio__vulnerability-reading-grid>.mapa-report-socio__copy-block{border-left:1px solid var(--mapa-report-border);min-width:0;padding-left:13px}.mapa-report-socio__cell-label{display:none}.mapa-report-gauge{display:grid;justify-items:center;width:190px}.mapa-report-gauge__visual{height:104px;position:relative;width:180px}.mapa-report-gauge__arc{display:block;height:104px;width:180px}.mapa-report-gauge__segment{stroke:#dfe5e7;stroke-linecap:round;stroke-width:5}.mapa-report-gauge__segment--active{stroke:var(--mapa-gauge-color)}.mapa-report-gauge__reading{bottom:8px;color:var(--mapa-report-text);display:grid;justify-items:center;left:50%;line-height:1.1;position:absolute;transform:translate(-50%)}.mapa-report-gauge__reading strong{font-size:16px;font-weight:600}.mapa-report-gauge__reading span{color:var(--mapa-report-muted);font-size:11px;margin-top:2px}.mapa-report-gauge__extremes{color:var(--mapa-report-muted);display:flex;font-size:10px;justify-content:space-between;line-height:1.15;margin-top:3px;width:190px}.mapa-report-gauge__extremes span{max-width:68px}.mapa-report-gauge__extremes span:last-child{text-align:right}@media(max-width:760px){.mapa-report-socio__skill{grid-template-columns:1fr}.mapa-report-socio__skill-copy{align-content:start}.mapa-report-socio__vulnerability-head{display:none}.mapa-report-socio__vulnerability-row{align-items:start;gap:14px;grid-template-columns:1fr;min-height:0;padding:15px}.mapa-report-socio__vulnerability-dimension,.mapa-report-socio__vulnerability-classification,.mapa-report-socio__vulnerability-reading{display:grid;gap:6px}.mapa-report-socio__vulnerability-reading-grid{gap:10px;grid-template-columns:1fr}.mapa-report-socio__vulnerability-reading-grid>.mapa-report-socio__copy-block{border-left:0;border-top:1px solid var(--mapa-report-border);padding-left:0;padding-top:10px}.mapa-report-socio__cell-label{color:var(--mapa-report-muted);display:block;font-size:9px;font-weight:600;letter-spacing:.04em;text-transform:uppercase}}\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: "pipe", type: SafeHtmlPipe, name: "safeHtml" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.21", ngImport: i0, type: ReportSocioemotionalContent, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "20.3.21", type: ReportSocioemotionalContent, isStandalone: true, inputs: { data: { classPropertyName: "data", publicName: "data", isSignal: true, isRequired: true, transformFunction: null }, palette: { classPropertyName: "palette", publicName: "palette", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.21", ngImport: i0, type: ReportSocioemotionalContent, decorators: [{
+            type: Directive
+        }], propDecorators: { data: [{ type: i0.Input, args: [{ isSignal: true, alias: "data", required: true }] }], palette: [{ type: i0.Input, args: [{ isSignal: true, alias: "palette", required: false }] }] } });
+
+/** Reusable competencies content, without the widget heading or mode selector. */
+class MapaReportSocioemotionalWidgetCompetenciesComponent extends ReportSocioemotionalContent {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.21", ngImport: i0, type: MapaReportSocioemotionalWidgetCompetenciesComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.21", type: MapaReportSocioemotionalWidgetCompetenciesComponent, isStandalone: true, selector: "mapa-report-socioemotional-widget-competencies", usesInheritance: true, ngImport: i0, template: "<div class=\"mapa-report-widget\" [attr.data-palette]=\"palette()\">\n  @if (data().competencies.length) {\n    <div class=\"mapa-report-socio__competencies\">\n      @for (competence of data().competencies; track competence.id) {\n        <section class=\"mapa-report-socio__competence\">\n          <header class=\"mapa-report-socio__competence-heading\">\n            <h3>{{ competence.name }}</h3>\n            @if (competence.description) {\n              <div\n                class=\"mapa-report-socio__competence-description\"\n                [innerHTML]=\"competence.description | safeHtml\"\n              ></div>\n            }\n          </header>\n\n          <div class=\"mapa-report-socio__skills\">\n            @for (skill of competence.skills; track skill.id) {\n              <article class=\"mapa-report-socio__skill\">\n                <div class=\"mapa-report-socio__skill-visual\">\n                  <h4\n                    [attr.aria-label]=\"\n                      skillHeadingLabel(skill.name, skill.direction)\n                    \"\n                  >\n                    <span class=\"mapa-direction-indicator\" aria-hidden=\"true\">{{\n                      directionArrow(skill.direction)\n                    }}</span>\n                    <span>{{ skill.name }}</span>\n                  </h4>\n                  <div class=\"mapa-report-gauge\">\n                    <div\n                      class=\"mapa-report-gauge__visual\"\n                      role=\"meter\"\n                      aria-valuemin=\"0\"\n                      aria-valuemax=\"100\"\n                      [attr.aria-valuenow]=\"clamp(skill.value)\"\n                      [attr.aria-valuetext]=\"\n                        gaugeValueText(skill.value, skill.classification)\n                      \"\n                      [attr.aria-label]=\"\n                        i18n.texts.report.gaugeLabel(\n                          skill.name,\n                          clamp(skill.value)\n                        )\n                      \"\n                      [style.--mapa-gauge-color]=\"\n                        gaugeColor(skill.classification)\n                      \"\n                    >\n                      <svg\n                        class=\"mapa-report-gauge__arc\"\n                        viewBox=\"0 0 180 104\"\n                        aria-hidden=\"true\"\n                      >\n                        @for (segment of gaugeSegments; track segment.index) {\n                          <line\n                            class=\"mapa-report-gauge__segment\"\n                            [class.mapa-report-gauge__segment--active]=\"\n                              segment.index < activeSegmentCount(skill.value)\n                            \"\n                            [attr.x1]=\"segment.x1\"\n                            [attr.y1]=\"segment.y1\"\n                            [attr.x2]=\"segment.x2\"\n                            [attr.y2]=\"segment.y2\"\n                          />\n                        }\n                      </svg>\n                      <div\n                        class=\"mapa-report-gauge__reading\"\n                        aria-hidden=\"true\"\n                      >\n                        <strong>{{ clamp(skill.value) }}</strong>\n                        <span>{{\n                          classificationLabel(skill.classification)\n                        }}</span>\n                      </div>\n                    </div>\n                    <div class=\"mapa-report-gauge__extremes\">\n                      <span>{{ i18n.texts.report.lowerIntensityLabel }}</span>\n                      <span>{{ i18n.texts.report.higherIntensityLabel }}</span>\n                    </div>\n                  </div>\n                </div>\n                <div class=\"mapa-report-socio__skill-copy\">\n                  @if (skill.concept) {\n                    <section class=\"mapa-report-socio__copy-block\">\n                      <h5>{{ i18n.texts.report.conceptTitle }}</h5>\n                      <div\n                        class=\"mapa-report-socio__concept\"\n                        [innerHTML]=\"skill.concept | safeHtml\"\n                      ></div>\n                    </section>\n                  }\n                  @if (skill.description) {\n                    <section class=\"mapa-report-socio__copy-block\">\n                      <h5>{{ i18n.texts.report.resultTitle }}</h5>\n                      <div\n                        class=\"mapa-report-socio__description\"\n                        [innerHTML]=\"skill.description | safeHtml\"\n                      ></div>\n                    </section>\n                  }\n                </div>\n              </article>\n            }\n          </div>\n        </section>\n      }\n    </div>\n  } @else {\n    <p class=\"mapa-report-widget__empty\">{{ i18n.texts.report.emptyState }}</p>\n  }\n</div>\n", styles: [":host{color:var(--mapa-report-text, #263238);display:block;min-width:0;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__modes--standalone{grid-column:1;grid-row:auto;justify-self:end}.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-report-widget__modes--standalone{grid-row:auto;margin-top:0}}.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-socio__competencies{display:grid;gap:28px}.mapa-report-socio__competence{display:grid;gap:12px}.mapa-report-socio__competence-heading{display:grid;gap:5px}.mapa-report-socio__competence-heading h3{font-size:20px;font-weight:500;margin:0}.mapa-report-socio__competence-description{color:var(--mapa-report-muted, #68747a);font-size:12px;line-height:1.5;margin:0}.mapa-report-socio__competence-description ::ng-deep ol,.mapa-report-socio__competence-description ::ng-deep p,.mapa-report-socio__competence-description ::ng-deep ul{margin:0 0 8px}.mapa-report-socio__competence-description ::ng-deep ol,.mapa-report-socio__competence-description ::ng-deep ul{padding-left:20px}.mapa-report-socio__competence-description ::ng-deep li{margin:0 0 3px}.mapa-report-socio__competence-description ::ng-deep b,.mapa-report-socio__competence-description ::ng-deep strong{color:var(--mapa-report-text, inherit);font-weight:600}.mapa-report-socio__competence-description ::ng-deep :last-child{margin-bottom:0}.mapa-report-socio__skills,.mapa-report-socio__vulnerabilities{display:grid;gap:10px}.mapa-report-socio__skill{align-items:stretch;border:1px solid var(--mapa-report-border, #e1e5e7);border-radius:var(--mapa-report-radius, 8px);display:grid;gap:22px;grid-template-columns:210px minmax(0,1fr);padding:18px}.mapa-report-socio__skill-visual{align-content:start;display:grid;gap:10px;min-width:0}.mapa-report-socio__skill-visual>h4{align-items:center;display:inline-flex;font-size:14px;gap:8px;margin:0}.mapa-report-socio__skill-copy{align-content:center;display:grid;gap:16px;min-width:0}.mapa-report-socio__copy-block{display:grid;gap:4px}.mapa-report-socio__copy-block h5{color:var(--mapa-report-text, #263238);font-size:11px;font-weight:700;margin:0}.mapa-report-socio__concept{color:var(--mapa-report-text, #263238);font-size:12px;line-height:1.5}.mapa-report-socio__concept ::ng-deep ol,.mapa-report-socio__concept ::ng-deep p,.mapa-report-socio__concept ::ng-deep ul{margin:0 0 8px}.mapa-report-socio__concept ::ng-deep ol,.mapa-report-socio__concept ::ng-deep ul{padding-left:20px}.mapa-report-socio__concept ::ng-deep li{margin:0 0 3px}.mapa-report-socio__concept ::ng-deep b,.mapa-report-socio__concept ::ng-deep strong{color:var(--mapa-report-text, inherit);font-weight:600}.mapa-report-socio__concept ::ng-deep :last-child{margin-bottom:0}.mapa-report-socio__description{color:var(--mapa-report-muted, #68747a);font-size:11px;line-height:1.5}.mapa-report-socio__description ::ng-deep ol,.mapa-report-socio__description ::ng-deep p,.mapa-report-socio__description ::ng-deep ul{margin:0 0 8px}.mapa-report-socio__description ::ng-deep ol,.mapa-report-socio__description ::ng-deep ul{padding-left:20px}.mapa-report-socio__description ::ng-deep li{margin:0 0 3px}.mapa-report-socio__description ::ng-deep b,.mapa-report-socio__description ::ng-deep strong{color:var(--mapa-report-text, inherit);font-weight:600}.mapa-report-socio__description ::ng-deep :last-child{margin-bottom:0}.mapa-report-socio__vulnerability-copy ::ng-deep ol,.mapa-report-socio__vulnerability-copy ::ng-deep p,.mapa-report-socio__vulnerability-copy ::ng-deep ul{margin:0 0 8px}.mapa-report-socio__vulnerability-copy ::ng-deep ol,.mapa-report-socio__vulnerability-copy ::ng-deep ul{padding-left:20px}.mapa-report-socio__vulnerability-copy ::ng-deep li{margin:0 0 3px}.mapa-report-socio__vulnerability-copy ::ng-deep b,.mapa-report-socio__vulnerability-copy ::ng-deep strong{color:var(--mapa-report-text, inherit);font-weight:600}.mapa-report-socio__vulnerability-copy ::ng-deep :last-child{margin-bottom:0}.mapa-report-socio__vulnerabilities{gap:24px;margin-top:20px}.mapa-report-socio__vulnerability-scale{display:grid;gap:12px}.mapa-report-socio__vulnerability-heading{display:grid;gap:5px}.mapa-report-socio__vulnerability-heading h3{font-size:20px;font-weight:500;margin:0}.mapa-report-socio__vulnerability-heading>div{color:var(--mapa-report-muted, #68747a);font-size:12px;line-height:1.5}.mapa-report-socio__vulnerability-table{border:1px solid var(--mapa-report-border, #e1e5e7);border-radius:var(--mapa-report-radius, 8px);overflow:hidden}.mapa-report-socio__vulnerability-head,.mapa-report-socio__vulnerability-row{align-items:center;display:grid;gap:18px;grid-template-columns:minmax(180px,.72fr) minmax(105px,.42fr) minmax(0,2fr)}.mapa-report-socio__vulnerability-head{background:var(--mapa-report-surface-muted, #eef2f3);border-bottom:1px solid var(--mapa-report-border, #e1e5e7);color:var(--mapa-report-muted, #68747a);font-size:10px;font-weight:600;letter-spacing:.03em;padding:10px 16px;text-transform:uppercase}.mapa-report-socio__vulnerability-row{min-height:118px;padding:16px}.mapa-report-socio__vulnerability-row+.mapa-report-socio__vulnerability-row{border-top:1px solid var(--mapa-report-border, #e1e5e7)}.mapa-report-socio__vulnerability-dimension{min-width:0}.mapa-report-socio__vulnerability-dimension h4{align-items:center;display:flex;font-size:14px;gap:8px;margin:0}.mapa-report-socio__vulnerability-classification{--mapa-classification-tag-min-width: var(--mapa-report-pill-width, 104px);min-width:0}.mapa-report-socio__vulnerability-reading{min-width:0}.mapa-report-socio__vulnerability-reading-grid{display:grid;gap:18px;grid-template-columns:minmax(140px,.72fr) minmax(0,1.28fr)}.mapa-report-socio__vulnerability-reading-grid>.mapa-report-socio__copy-block{border-left:1px solid var(--mapa-report-border, #e1e5e7);min-width:0;padding-left:13px}.mapa-report-socio__cell-label{display:none}.mapa-report-gauge{display:grid;justify-items:center;width:190px}.mapa-report-gauge__visual{height:104px;position:relative;width:180px}.mapa-report-gauge__arc{display:block;height:104px;width:180px}.mapa-report-gauge__segment{stroke:#dfe5e7;stroke-linecap:round;stroke-width:5}.mapa-report-gauge__segment--active{stroke:var(--mapa-gauge-color)}.mapa-report-gauge__reading{bottom:8px;color:var(--mapa-report-text, #263238);display:grid;justify-items:center;left:50%;line-height:1.1;position:absolute;transform:translate(-50%)}.mapa-report-gauge__reading strong{font-size:16px;font-weight:600}.mapa-report-gauge__reading span{color:var(--mapa-report-muted, #68747a);font-size:11px;margin-top:2px}.mapa-report-gauge__extremes{color:var(--mapa-report-muted, #68747a);display:flex;font-size:10px;justify-content:space-between;line-height:1.15;margin-top:3px;width:190px}.mapa-report-gauge__extremes span{max-width:68px}.mapa-report-gauge__extremes span:last-child{text-align:right}@media(max-width:760px){.mapa-report-socio__skill{grid-template-columns:1fr}.mapa-report-socio__skill-copy{align-content:start}.mapa-report-socio__vulnerability-head{display:none}.mapa-report-socio__vulnerability-row{align-items:start;gap:14px;grid-template-columns:1fr;min-height:0;padding:15px}.mapa-report-socio__vulnerability-dimension,.mapa-report-socio__vulnerability-classification,.mapa-report-socio__vulnerability-reading{display:grid;gap:6px}.mapa-report-socio__vulnerability-reading-grid{gap:10px;grid-template-columns:1fr}.mapa-report-socio__vulnerability-reading-grid>.mapa-report-socio__copy-block{border-left:0;border-top:1px solid var(--mapa-report-border, #e1e5e7);padding-left:0;padding-top:10px}.mapa-report-socio__cell-label{color:var(--mapa-report-muted, #68747a);display:block;font-size:9px;font-weight:600;letter-spacing:.04em;text-transform:uppercase}}\n"], dependencies: [{ kind: "pipe", type: SafeHtmlPipe, name: "safeHtml" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.21", ngImport: i0, type: MapaReportSocioemotionalWidgetCompetenciesComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'mapa-report-socioemotional-widget-competencies', standalone: true, imports: [SafeHtmlPipe], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"mapa-report-widget\" [attr.data-palette]=\"palette()\">\n  @if (data().competencies.length) {\n    <div class=\"mapa-report-socio__competencies\">\n      @for (competence of data().competencies; track competence.id) {\n        <section class=\"mapa-report-socio__competence\">\n          <header class=\"mapa-report-socio__competence-heading\">\n            <h3>{{ competence.name }}</h3>\n            @if (competence.description) {\n              <div\n                class=\"mapa-report-socio__competence-description\"\n                [innerHTML]=\"competence.description | safeHtml\"\n              ></div>\n            }\n          </header>\n\n          <div class=\"mapa-report-socio__skills\">\n            @for (skill of competence.skills; track skill.id) {\n              <article class=\"mapa-report-socio__skill\">\n                <div class=\"mapa-report-socio__skill-visual\">\n                  <h4\n                    [attr.aria-label]=\"\n                      skillHeadingLabel(skill.name, skill.direction)\n                    \"\n                  >\n                    <span class=\"mapa-direction-indicator\" aria-hidden=\"true\">{{\n                      directionArrow(skill.direction)\n                    }}</span>\n                    <span>{{ skill.name }}</span>\n                  </h4>\n                  <div class=\"mapa-report-gauge\">\n                    <div\n                      class=\"mapa-report-gauge__visual\"\n                      role=\"meter\"\n                      aria-valuemin=\"0\"\n                      aria-valuemax=\"100\"\n                      [attr.aria-valuenow]=\"clamp(skill.value)\"\n                      [attr.aria-valuetext]=\"\n                        gaugeValueText(skill.value, skill.classification)\n                      \"\n                      [attr.aria-label]=\"\n                        i18n.texts.report.gaugeLabel(\n                          skill.name,\n                          clamp(skill.value)\n                        )\n                      \"\n                      [style.--mapa-gauge-color]=\"\n                        gaugeColor(skill.classification)\n                      \"\n                    >\n                      <svg\n                        class=\"mapa-report-gauge__arc\"\n                        viewBox=\"0 0 180 104\"\n                        aria-hidden=\"true\"\n                      >\n                        @for (segment of gaugeSegments; track segment.index) {\n                          <line\n                            class=\"mapa-report-gauge__segment\"\n                            [class.mapa-report-gauge__segment--active]=\"\n                              segment.index < activeSegmentCount(skill.value)\n                            \"\n                            [attr.x1]=\"segment.x1\"\n                            [attr.y1]=\"segment.y1\"\n                            [attr.x2]=\"segment.x2\"\n                            [attr.y2]=\"segment.y2\"\n                          />\n                        }\n                      </svg>\n                      <div\n                        class=\"mapa-report-gauge__reading\"\n                        aria-hidden=\"true\"\n                      >\n                        <strong>{{ clamp(skill.value) }}</strong>\n                        <span>{{\n                          classificationLabel(skill.classification)\n                        }}</span>\n                      </div>\n                    </div>\n                    <div class=\"mapa-report-gauge__extremes\">\n                      <span>{{ i18n.texts.report.lowerIntensityLabel }}</span>\n                      <span>{{ i18n.texts.report.higherIntensityLabel }}</span>\n                    </div>\n                  </div>\n                </div>\n                <div class=\"mapa-report-socio__skill-copy\">\n                  @if (skill.concept) {\n                    <section class=\"mapa-report-socio__copy-block\">\n                      <h5>{{ i18n.texts.report.conceptTitle }}</h5>\n                      <div\n                        class=\"mapa-report-socio__concept\"\n                        [innerHTML]=\"skill.concept | safeHtml\"\n                      ></div>\n                    </section>\n                  }\n                  @if (skill.description) {\n                    <section class=\"mapa-report-socio__copy-block\">\n                      <h5>{{ i18n.texts.report.resultTitle }}</h5>\n                      <div\n                        class=\"mapa-report-socio__description\"\n                        [innerHTML]=\"skill.description | safeHtml\"\n                      ></div>\n                    </section>\n                  }\n                </div>\n              </article>\n            }\n          </div>\n        </section>\n      }\n    </div>\n  } @else {\n    <p class=\"mapa-report-widget__empty\">{{ i18n.texts.report.emptyState }}</p>\n  }\n</div>\n", styles: [":host{color:var(--mapa-report-text, #263238);display:block;min-width:0;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__modes--standalone{grid-column:1;grid-row:auto;justify-self:end}.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-report-widget__modes--standalone{grid-row:auto;margin-top:0}}.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-socio__competencies{display:grid;gap:28px}.mapa-report-socio__competence{display:grid;gap:12px}.mapa-report-socio__competence-heading{display:grid;gap:5px}.mapa-report-socio__competence-heading h3{font-size:20px;font-weight:500;margin:0}.mapa-report-socio__competence-description{color:var(--mapa-report-muted, #68747a);font-size:12px;line-height:1.5;margin:0}.mapa-report-socio__competence-description ::ng-deep ol,.mapa-report-socio__competence-description ::ng-deep p,.mapa-report-socio__competence-description ::ng-deep ul{margin:0 0 8px}.mapa-report-socio__competence-description ::ng-deep ol,.mapa-report-socio__competence-description ::ng-deep ul{padding-left:20px}.mapa-report-socio__competence-description ::ng-deep li{margin:0 0 3px}.mapa-report-socio__competence-description ::ng-deep b,.mapa-report-socio__competence-description ::ng-deep strong{color:var(--mapa-report-text, inherit);font-weight:600}.mapa-report-socio__competence-description ::ng-deep :last-child{margin-bottom:0}.mapa-report-socio__skills,.mapa-report-socio__vulnerabilities{display:grid;gap:10px}.mapa-report-socio__skill{align-items:stretch;border:1px solid var(--mapa-report-border, #e1e5e7);border-radius:var(--mapa-report-radius, 8px);display:grid;gap:22px;grid-template-columns:210px minmax(0,1fr);padding:18px}.mapa-report-socio__skill-visual{align-content:start;display:grid;gap:10px;min-width:0}.mapa-report-socio__skill-visual>h4{align-items:center;display:inline-flex;font-size:14px;gap:8px;margin:0}.mapa-report-socio__skill-copy{align-content:center;display:grid;gap:16px;min-width:0}.mapa-report-socio__copy-block{display:grid;gap:4px}.mapa-report-socio__copy-block h5{color:var(--mapa-report-text, #263238);font-size:11px;font-weight:700;margin:0}.mapa-report-socio__concept{color:var(--mapa-report-text, #263238);font-size:12px;line-height:1.5}.mapa-report-socio__concept ::ng-deep ol,.mapa-report-socio__concept ::ng-deep p,.mapa-report-socio__concept ::ng-deep ul{margin:0 0 8px}.mapa-report-socio__concept ::ng-deep ol,.mapa-report-socio__concept ::ng-deep ul{padding-left:20px}.mapa-report-socio__concept ::ng-deep li{margin:0 0 3px}.mapa-report-socio__concept ::ng-deep b,.mapa-report-socio__concept ::ng-deep strong{color:var(--mapa-report-text, inherit);font-weight:600}.mapa-report-socio__concept ::ng-deep :last-child{margin-bottom:0}.mapa-report-socio__description{color:var(--mapa-report-muted, #68747a);font-size:11px;line-height:1.5}.mapa-report-socio__description ::ng-deep ol,.mapa-report-socio__description ::ng-deep p,.mapa-report-socio__description ::ng-deep ul{margin:0 0 8px}.mapa-report-socio__description ::ng-deep ol,.mapa-report-socio__description ::ng-deep ul{padding-left:20px}.mapa-report-socio__description ::ng-deep li{margin:0 0 3px}.mapa-report-socio__description ::ng-deep b,.mapa-report-socio__description ::ng-deep strong{color:var(--mapa-report-text, inherit);font-weight:600}.mapa-report-socio__description ::ng-deep :last-child{margin-bottom:0}.mapa-report-socio__vulnerability-copy ::ng-deep ol,.mapa-report-socio__vulnerability-copy ::ng-deep p,.mapa-report-socio__vulnerability-copy ::ng-deep ul{margin:0 0 8px}.mapa-report-socio__vulnerability-copy ::ng-deep ol,.mapa-report-socio__vulnerability-copy ::ng-deep ul{padding-left:20px}.mapa-report-socio__vulnerability-copy ::ng-deep li{margin:0 0 3px}.mapa-report-socio__vulnerability-copy ::ng-deep b,.mapa-report-socio__vulnerability-copy ::ng-deep strong{color:var(--mapa-report-text, inherit);font-weight:600}.mapa-report-socio__vulnerability-copy ::ng-deep :last-child{margin-bottom:0}.mapa-report-socio__vulnerabilities{gap:24px;margin-top:20px}.mapa-report-socio__vulnerability-scale{display:grid;gap:12px}.mapa-report-socio__vulnerability-heading{display:grid;gap:5px}.mapa-report-socio__vulnerability-heading h3{font-size:20px;font-weight:500;margin:0}.mapa-report-socio__vulnerability-heading>div{color:var(--mapa-report-muted, #68747a);font-size:12px;line-height:1.5}.mapa-report-socio__vulnerability-table{border:1px solid var(--mapa-report-border, #e1e5e7);border-radius:var(--mapa-report-radius, 8px);overflow:hidden}.mapa-report-socio__vulnerability-head,.mapa-report-socio__vulnerability-row{align-items:center;display:grid;gap:18px;grid-template-columns:minmax(180px,.72fr) minmax(105px,.42fr) minmax(0,2fr)}.mapa-report-socio__vulnerability-head{background:var(--mapa-report-surface-muted, #eef2f3);border-bottom:1px solid var(--mapa-report-border, #e1e5e7);color:var(--mapa-report-muted, #68747a);font-size:10px;font-weight:600;letter-spacing:.03em;padding:10px 16px;text-transform:uppercase}.mapa-report-socio__vulnerability-row{min-height:118px;padding:16px}.mapa-report-socio__vulnerability-row+.mapa-report-socio__vulnerability-row{border-top:1px solid var(--mapa-report-border, #e1e5e7)}.mapa-report-socio__vulnerability-dimension{min-width:0}.mapa-report-socio__vulnerability-dimension h4{align-items:center;display:flex;font-size:14px;gap:8px;margin:0}.mapa-report-socio__vulnerability-classification{--mapa-classification-tag-min-width: var(--mapa-report-pill-width, 104px);min-width:0}.mapa-report-socio__vulnerability-reading{min-width:0}.mapa-report-socio__vulnerability-reading-grid{display:grid;gap:18px;grid-template-columns:minmax(140px,.72fr) minmax(0,1.28fr)}.mapa-report-socio__vulnerability-reading-grid>.mapa-report-socio__copy-block{border-left:1px solid var(--mapa-report-border, #e1e5e7);min-width:0;padding-left:13px}.mapa-report-socio__cell-label{display:none}.mapa-report-gauge{display:grid;justify-items:center;width:190px}.mapa-report-gauge__visual{height:104px;position:relative;width:180px}.mapa-report-gauge__arc{display:block;height:104px;width:180px}.mapa-report-gauge__segment{stroke:#dfe5e7;stroke-linecap:round;stroke-width:5}.mapa-report-gauge__segment--active{stroke:var(--mapa-gauge-color)}.mapa-report-gauge__reading{bottom:8px;color:var(--mapa-report-text, #263238);display:grid;justify-items:center;left:50%;line-height:1.1;position:absolute;transform:translate(-50%)}.mapa-report-gauge__reading strong{font-size:16px;font-weight:600}.mapa-report-gauge__reading span{color:var(--mapa-report-muted, #68747a);font-size:11px;margin-top:2px}.mapa-report-gauge__extremes{color:var(--mapa-report-muted, #68747a);display:flex;font-size:10px;justify-content:space-between;line-height:1.15;margin-top:3px;width:190px}.mapa-report-gauge__extremes span{max-width:68px}.mapa-report-gauge__extremes span:last-child{text-align:right}@media(max-width:760px){.mapa-report-socio__skill{grid-template-columns:1fr}.mapa-report-socio__skill-copy{align-content:start}.mapa-report-socio__vulnerability-head{display:none}.mapa-report-socio__vulnerability-row{align-items:start;gap:14px;grid-template-columns:1fr;min-height:0;padding:15px}.mapa-report-socio__vulnerability-dimension,.mapa-report-socio__vulnerability-classification,.mapa-report-socio__vulnerability-reading{display:grid;gap:6px}.mapa-report-socio__vulnerability-reading-grid{gap:10px;grid-template-columns:1fr}.mapa-report-socio__vulnerability-reading-grid>.mapa-report-socio__copy-block{border-left:0;border-top:1px solid var(--mapa-report-border, #e1e5e7);padding-left:0;padding-top:10px}.mapa-report-socio__cell-label{color:var(--mapa-report-muted, #68747a);display:block;font-size:9px;font-weight:600;letter-spacing:.04em;text-transform:uppercase}}\n"] }]
+        }] });
+
+/** Reusable vulnerabilities content, without the widget heading or mode selector. */
+class MapaReportSocioemotionalWidgetVulnerabilitiesComponent extends ReportSocioemotionalContent {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.21", ngImport: i0, type: MapaReportSocioemotionalWidgetVulnerabilitiesComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.21", type: MapaReportSocioemotionalWidgetVulnerabilitiesComponent, isStandalone: true, selector: "mapa-report-socioemotional-widget-vulnerabilities", usesInheritance: true, ngImport: i0, template: "<div class=\"mapa-report-widget\" [attr.data-palette]=\"palette()\">\n  @if (data().vulnerabilities.length) {\n    <section class=\"mapa-report-socio__vulnerabilities\">\n      @for (scale of data().vulnerabilities; track scale.id) {\n        <section class=\"mapa-report-socio__vulnerability-scale\">\n          <header class=\"mapa-report-socio__vulnerability-heading\">\n            <h3>{{ scale.name }}</h3>\n            @if (scale.concept) {\n              <div\n                class=\"mapa-report-socio__vulnerability-copy\"\n                [innerHTML]=\"scale.concept | safeHtml\"\n              ></div>\n            }\n          </header>\n\n          <div\n            class=\"mapa-report-socio__vulnerability-table\"\n            role=\"table\"\n            [attr.aria-label]=\"scale.name\"\n          >\n            <div class=\"mapa-report-socio__vulnerability-head\" role=\"row\">\n              <span role=\"columnheader\">{{\n                i18n.texts.report.dimensionTitle\n              }}</span>\n              <span role=\"columnheader\">{{\n                i18n.texts.report.classificationTitle\n              }}</span>\n              <span role=\"columnheader\">{{\n                i18n.texts.report.resultReadingTitle\n              }}</span>\n            </div>\n\n            @for (item of vulnerabilityDimensions(scale); track item.id) {\n              <article class=\"mapa-report-socio__vulnerability-row\" role=\"row\">\n                <div\n                  class=\"mapa-report-socio__vulnerability-dimension\"\n                  role=\"cell\"\n                >\n                  <span\n                    class=\"mapa-report-socio__cell-label\"\n                    aria-hidden=\"true\"\n                    >{{ i18n.texts.report.dimensionTitle }}</span\n                  >\n                  <h4\n                    [attr.aria-label]=\"\n                      skillHeadingLabel(item.name, item.direction)\n                    \"\n                  >\n                    <span>{{ item.name }}</span>\n                    <span class=\"mapa-direction-indicator\" aria-hidden=\"true\">{{\n                      directionArrow(item.direction)\n                    }}</span>\n                  </h4>\n                </div>\n\n                <div\n                  class=\"mapa-report-socio__vulnerability-classification\"\n                  role=\"cell\"\n                >\n                  <span\n                    class=\"mapa-report-socio__cell-label\"\n                    aria-hidden=\"true\"\n                    >{{ i18n.texts.report.classificationTitle }}</span\n                  >\n                  <mapa-classification-tag\n                    appearance=\"solid\"\n                    casing=\"natural\"\n                    shape=\"rounded\"\n                    size=\"large\"\n                    [classification]=\"item.classification\"\n                  />\n                </div>\n\n                <div\n                  class=\"mapa-report-socio__vulnerability-reading\"\n                  role=\"cell\"\n                >\n                  <span\n                    class=\"mapa-report-socio__cell-label\"\n                    aria-hidden=\"true\"\n                    >{{ i18n.texts.report.resultReadingTitle }}</span\n                  >\n                  <div class=\"mapa-report-socio__vulnerability-reading-grid\">\n                    @if (item.concept) {\n                      <section class=\"mapa-report-socio__copy-block\">\n                        <h4>{{ i18n.texts.report.conceptTitle }}</h4>\n                        <div\n                          class=\"mapa-report-socio__concept\"\n                          [innerHTML]=\"item.concept | safeHtml\"\n                        ></div>\n                      </section>\n                    }\n                    @if (item.description) {\n                      <section class=\"mapa-report-socio__copy-block\">\n                        <h4>{{ i18n.texts.report.resultTitle }}</h4>\n                        <div\n                          class=\"mapa-report-socio__description\"\n                          [innerHTML]=\"item.description | safeHtml\"\n                        ></div>\n                      </section>\n                    }\n                  </div>\n                </div>\n              </article>\n            }\n          </div>\n        </section>\n      }\n    </section>\n  } @else {\n    <p class=\"mapa-report-widget__empty\">{{ i18n.texts.report.emptyState }}</p>\n  }\n</div>\n", styles: [":host{color:var(--mapa-report-text, #263238);display:block;min-width:0;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__modes--standalone{grid-column:1;grid-row:auto;justify-self:end}.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-report-widget__modes--standalone{grid-row:auto;margin-top:0}}.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-socio__competencies{display:grid;gap:28px}.mapa-report-socio__competence{display:grid;gap:12px}.mapa-report-socio__competence-heading{display:grid;gap:5px}.mapa-report-socio__competence-heading h3{font-size:20px;font-weight:500;margin:0}.mapa-report-socio__competence-description{color:var(--mapa-report-muted, #68747a);font-size:12px;line-height:1.5;margin:0}.mapa-report-socio__competence-description ::ng-deep ol,.mapa-report-socio__competence-description ::ng-deep p,.mapa-report-socio__competence-description ::ng-deep ul{margin:0 0 8px}.mapa-report-socio__competence-description ::ng-deep ol,.mapa-report-socio__competence-description ::ng-deep ul{padding-left:20px}.mapa-report-socio__competence-description ::ng-deep li{margin:0 0 3px}.mapa-report-socio__competence-description ::ng-deep b,.mapa-report-socio__competence-description ::ng-deep strong{color:var(--mapa-report-text, inherit);font-weight:600}.mapa-report-socio__competence-description ::ng-deep :last-child{margin-bottom:0}.mapa-report-socio__skills,.mapa-report-socio__vulnerabilities{display:grid;gap:10px}.mapa-report-socio__skill{align-items:stretch;border:1px solid var(--mapa-report-border, #e1e5e7);border-radius:var(--mapa-report-radius, 8px);display:grid;gap:22px;grid-template-columns:210px minmax(0,1fr);padding:18px}.mapa-report-socio__skill-visual{align-content:start;display:grid;gap:10px;min-width:0}.mapa-report-socio__skill-visual>h4{align-items:center;display:inline-flex;font-size:14px;gap:8px;margin:0}.mapa-report-socio__skill-copy{align-content:center;display:grid;gap:16px;min-width:0}.mapa-report-socio__copy-block{display:grid;gap:4px}.mapa-report-socio__copy-block h5{color:var(--mapa-report-text, #263238);font-size:11px;font-weight:700;margin:0}.mapa-report-socio__concept{color:var(--mapa-report-text, #263238);font-size:12px;line-height:1.5}.mapa-report-socio__concept ::ng-deep ol,.mapa-report-socio__concept ::ng-deep p,.mapa-report-socio__concept ::ng-deep ul{margin:0 0 8px}.mapa-report-socio__concept ::ng-deep ol,.mapa-report-socio__concept ::ng-deep ul{padding-left:20px}.mapa-report-socio__concept ::ng-deep li{margin:0 0 3px}.mapa-report-socio__concept ::ng-deep b,.mapa-report-socio__concept ::ng-deep strong{color:var(--mapa-report-text, inherit);font-weight:600}.mapa-report-socio__concept ::ng-deep :last-child{margin-bottom:0}.mapa-report-socio__description{color:var(--mapa-report-muted, #68747a);font-size:11px;line-height:1.5}.mapa-report-socio__description ::ng-deep ol,.mapa-report-socio__description ::ng-deep p,.mapa-report-socio__description ::ng-deep ul{margin:0 0 8px}.mapa-report-socio__description ::ng-deep ol,.mapa-report-socio__description ::ng-deep ul{padding-left:20px}.mapa-report-socio__description ::ng-deep li{margin:0 0 3px}.mapa-report-socio__description ::ng-deep b,.mapa-report-socio__description ::ng-deep strong{color:var(--mapa-report-text, inherit);font-weight:600}.mapa-report-socio__description ::ng-deep :last-child{margin-bottom:0}.mapa-report-socio__vulnerability-copy ::ng-deep ol,.mapa-report-socio__vulnerability-copy ::ng-deep p,.mapa-report-socio__vulnerability-copy ::ng-deep ul{margin:0 0 8px}.mapa-report-socio__vulnerability-copy ::ng-deep ol,.mapa-report-socio__vulnerability-copy ::ng-deep ul{padding-left:20px}.mapa-report-socio__vulnerability-copy ::ng-deep li{margin:0 0 3px}.mapa-report-socio__vulnerability-copy ::ng-deep b,.mapa-report-socio__vulnerability-copy ::ng-deep strong{color:var(--mapa-report-text, inherit);font-weight:600}.mapa-report-socio__vulnerability-copy ::ng-deep :last-child{margin-bottom:0}.mapa-report-socio__vulnerabilities{gap:24px;margin-top:20px}.mapa-report-socio__vulnerability-scale{display:grid;gap:12px}.mapa-report-socio__vulnerability-heading{display:grid;gap:5px}.mapa-report-socio__vulnerability-heading h3{font-size:20px;font-weight:500;margin:0}.mapa-report-socio__vulnerability-heading>div{color:var(--mapa-report-muted, #68747a);font-size:12px;line-height:1.5}.mapa-report-socio__vulnerability-table{border:1px solid var(--mapa-report-border, #e1e5e7);border-radius:var(--mapa-report-radius, 8px);overflow:hidden}.mapa-report-socio__vulnerability-head,.mapa-report-socio__vulnerability-row{align-items:center;display:grid;gap:18px;grid-template-columns:minmax(180px,.72fr) minmax(105px,.42fr) minmax(0,2fr)}.mapa-report-socio__vulnerability-head{background:var(--mapa-report-surface-muted, #eef2f3);border-bottom:1px solid var(--mapa-report-border, #e1e5e7);color:var(--mapa-report-muted, #68747a);font-size:10px;font-weight:600;letter-spacing:.03em;padding:10px 16px;text-transform:uppercase}.mapa-report-socio__vulnerability-row{min-height:118px;padding:16px}.mapa-report-socio__vulnerability-row+.mapa-report-socio__vulnerability-row{border-top:1px solid var(--mapa-report-border, #e1e5e7)}.mapa-report-socio__vulnerability-dimension{min-width:0}.mapa-report-socio__vulnerability-dimension h4{align-items:center;display:flex;font-size:14px;gap:8px;margin:0}.mapa-report-socio__vulnerability-classification{--mapa-classification-tag-min-width: var(--mapa-report-pill-width, 104px);min-width:0}.mapa-report-socio__vulnerability-reading{min-width:0}.mapa-report-socio__vulnerability-reading-grid{display:grid;gap:18px;grid-template-columns:minmax(140px,.72fr) minmax(0,1.28fr)}.mapa-report-socio__vulnerability-reading-grid>.mapa-report-socio__copy-block{border-left:1px solid var(--mapa-report-border, #e1e5e7);min-width:0;padding-left:13px}.mapa-report-socio__cell-label{display:none}.mapa-report-gauge{display:grid;justify-items:center;width:190px}.mapa-report-gauge__visual{height:104px;position:relative;width:180px}.mapa-report-gauge__arc{display:block;height:104px;width:180px}.mapa-report-gauge__segment{stroke:#dfe5e7;stroke-linecap:round;stroke-width:5}.mapa-report-gauge__segment--active{stroke:var(--mapa-gauge-color)}.mapa-report-gauge__reading{bottom:8px;color:var(--mapa-report-text, #263238);display:grid;justify-items:center;left:50%;line-height:1.1;position:absolute;transform:translate(-50%)}.mapa-report-gauge__reading strong{font-size:16px;font-weight:600}.mapa-report-gauge__reading span{color:var(--mapa-report-muted, #68747a);font-size:11px;margin-top:2px}.mapa-report-gauge__extremes{color:var(--mapa-report-muted, #68747a);display:flex;font-size:10px;justify-content:space-between;line-height:1.15;margin-top:3px;width:190px}.mapa-report-gauge__extremes span{max-width:68px}.mapa-report-gauge__extremes span:last-child{text-align:right}@media(max-width:760px){.mapa-report-socio__skill{grid-template-columns:1fr}.mapa-report-socio__skill-copy{align-content:start}.mapa-report-socio__vulnerability-head{display:none}.mapa-report-socio__vulnerability-row{align-items:start;gap:14px;grid-template-columns:1fr;min-height:0;padding:15px}.mapa-report-socio__vulnerability-dimension,.mapa-report-socio__vulnerability-classification,.mapa-report-socio__vulnerability-reading{display:grid;gap:6px}.mapa-report-socio__vulnerability-reading-grid{gap:10px;grid-template-columns:1fr}.mapa-report-socio__vulnerability-reading-grid>.mapa-report-socio__copy-block{border-left:0;border-top:1px solid var(--mapa-report-border, #e1e5e7);padding-left:0;padding-top:10px}.mapa-report-socio__cell-label{color:var(--mapa-report-muted, #68747a);display:block;font-size:9px;font-weight:600;letter-spacing:.04em;text-transform:uppercase}}\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: MapaReportSocioemotionalWidgetVulnerabilitiesComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'mapa-report-socioemotional-widget-vulnerabilities', standalone: true, imports: [MapaClassificationTagComponent, SafeHtmlPipe], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"mapa-report-widget\" [attr.data-palette]=\"palette()\">\n  @if (data().vulnerabilities.length) {\n    <section class=\"mapa-report-socio__vulnerabilities\">\n      @for (scale of data().vulnerabilities; track scale.id) {\n        <section class=\"mapa-report-socio__vulnerability-scale\">\n          <header class=\"mapa-report-socio__vulnerability-heading\">\n            <h3>{{ scale.name }}</h3>\n            @if (scale.concept) {\n              <div\n                class=\"mapa-report-socio__vulnerability-copy\"\n                [innerHTML]=\"scale.concept | safeHtml\"\n              ></div>\n            }\n          </header>\n\n          <div\n            class=\"mapa-report-socio__vulnerability-table\"\n            role=\"table\"\n            [attr.aria-label]=\"scale.name\"\n          >\n            <div class=\"mapa-report-socio__vulnerability-head\" role=\"row\">\n              <span role=\"columnheader\">{{\n                i18n.texts.report.dimensionTitle\n              }}</span>\n              <span role=\"columnheader\">{{\n                i18n.texts.report.classificationTitle\n              }}</span>\n              <span role=\"columnheader\">{{\n                i18n.texts.report.resultReadingTitle\n              }}</span>\n            </div>\n\n            @for (item of vulnerabilityDimensions(scale); track item.id) {\n              <article class=\"mapa-report-socio__vulnerability-row\" role=\"row\">\n                <div\n                  class=\"mapa-report-socio__vulnerability-dimension\"\n                  role=\"cell\"\n                >\n                  <span\n                    class=\"mapa-report-socio__cell-label\"\n                    aria-hidden=\"true\"\n                    >{{ i18n.texts.report.dimensionTitle }}</span\n                  >\n                  <h4\n                    [attr.aria-label]=\"\n                      skillHeadingLabel(item.name, item.direction)\n                    \"\n                  >\n                    <span>{{ item.name }}</span>\n                    <span class=\"mapa-direction-indicator\" aria-hidden=\"true\">{{\n                      directionArrow(item.direction)\n                    }}</span>\n                  </h4>\n                </div>\n\n                <div\n                  class=\"mapa-report-socio__vulnerability-classification\"\n                  role=\"cell\"\n                >\n                  <span\n                    class=\"mapa-report-socio__cell-label\"\n                    aria-hidden=\"true\"\n                    >{{ i18n.texts.report.classificationTitle }}</span\n                  >\n                  <mapa-classification-tag\n                    appearance=\"solid\"\n                    casing=\"natural\"\n                    shape=\"rounded\"\n                    size=\"large\"\n                    [classification]=\"item.classification\"\n                  />\n                </div>\n\n                <div\n                  class=\"mapa-report-socio__vulnerability-reading\"\n                  role=\"cell\"\n                >\n                  <span\n                    class=\"mapa-report-socio__cell-label\"\n                    aria-hidden=\"true\"\n                    >{{ i18n.texts.report.resultReadingTitle }}</span\n                  >\n                  <div class=\"mapa-report-socio__vulnerability-reading-grid\">\n                    @if (item.concept) {\n                      <section class=\"mapa-report-socio__copy-block\">\n                        <h4>{{ i18n.texts.report.conceptTitle }}</h4>\n                        <div\n                          class=\"mapa-report-socio__concept\"\n                          [innerHTML]=\"item.concept | safeHtml\"\n                        ></div>\n                      </section>\n                    }\n                    @if (item.description) {\n                      <section class=\"mapa-report-socio__copy-block\">\n                        <h4>{{ i18n.texts.report.resultTitle }}</h4>\n                        <div\n                          class=\"mapa-report-socio__description\"\n                          [innerHTML]=\"item.description | safeHtml\"\n                        ></div>\n                      </section>\n                    }\n                  </div>\n                </div>\n              </article>\n            }\n          </div>\n        </section>\n      }\n    </section>\n  } @else {\n    <p class=\"mapa-report-widget__empty\">{{ i18n.texts.report.emptyState }}</p>\n  }\n</div>\n", styles: [":host{color:var(--mapa-report-text, #263238);display:block;min-width:0;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__modes--standalone{grid-column:1;grid-row:auto;justify-self:end}.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-report-widget__modes--standalone{grid-row:auto;margin-top:0}}.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-socio__competencies{display:grid;gap:28px}.mapa-report-socio__competence{display:grid;gap:12px}.mapa-report-socio__competence-heading{display:grid;gap:5px}.mapa-report-socio__competence-heading h3{font-size:20px;font-weight:500;margin:0}.mapa-report-socio__competence-description{color:var(--mapa-report-muted, #68747a);font-size:12px;line-height:1.5;margin:0}.mapa-report-socio__competence-description ::ng-deep ol,.mapa-report-socio__competence-description ::ng-deep p,.mapa-report-socio__competence-description ::ng-deep ul{margin:0 0 8px}.mapa-report-socio__competence-description ::ng-deep ol,.mapa-report-socio__competence-description ::ng-deep ul{padding-left:20px}.mapa-report-socio__competence-description ::ng-deep li{margin:0 0 3px}.mapa-report-socio__competence-description ::ng-deep b,.mapa-report-socio__competence-description ::ng-deep strong{color:var(--mapa-report-text, inherit);font-weight:600}.mapa-report-socio__competence-description ::ng-deep :last-child{margin-bottom:0}.mapa-report-socio__skills,.mapa-report-socio__vulnerabilities{display:grid;gap:10px}.mapa-report-socio__skill{align-items:stretch;border:1px solid var(--mapa-report-border, #e1e5e7);border-radius:var(--mapa-report-radius, 8px);display:grid;gap:22px;grid-template-columns:210px minmax(0,1fr);padding:18px}.mapa-report-socio__skill-visual{align-content:start;display:grid;gap:10px;min-width:0}.mapa-report-socio__skill-visual>h4{align-items:center;display:inline-flex;font-size:14px;gap:8px;margin:0}.mapa-report-socio__skill-copy{align-content:center;display:grid;gap:16px;min-width:0}.mapa-report-socio__copy-block{display:grid;gap:4px}.mapa-report-socio__copy-block h5{color:var(--mapa-report-text, #263238);font-size:11px;font-weight:700;margin:0}.mapa-report-socio__concept{color:var(--mapa-report-text, #263238);font-size:12px;line-height:1.5}.mapa-report-socio__concept ::ng-deep ol,.mapa-report-socio__concept ::ng-deep p,.mapa-report-socio__concept ::ng-deep ul{margin:0 0 8px}.mapa-report-socio__concept ::ng-deep ol,.mapa-report-socio__concept ::ng-deep ul{padding-left:20px}.mapa-report-socio__concept ::ng-deep li{margin:0 0 3px}.mapa-report-socio__concept ::ng-deep b,.mapa-report-socio__concept ::ng-deep strong{color:var(--mapa-report-text, inherit);font-weight:600}.mapa-report-socio__concept ::ng-deep :last-child{margin-bottom:0}.mapa-report-socio__description{color:var(--mapa-report-muted, #68747a);font-size:11px;line-height:1.5}.mapa-report-socio__description ::ng-deep ol,.mapa-report-socio__description ::ng-deep p,.mapa-report-socio__description ::ng-deep ul{margin:0 0 8px}.mapa-report-socio__description ::ng-deep ol,.mapa-report-socio__description ::ng-deep ul{padding-left:20px}.mapa-report-socio__description ::ng-deep li{margin:0 0 3px}.mapa-report-socio__description ::ng-deep b,.mapa-report-socio__description ::ng-deep strong{color:var(--mapa-report-text, inherit);font-weight:600}.mapa-report-socio__description ::ng-deep :last-child{margin-bottom:0}.mapa-report-socio__vulnerability-copy ::ng-deep ol,.mapa-report-socio__vulnerability-copy ::ng-deep p,.mapa-report-socio__vulnerability-copy ::ng-deep ul{margin:0 0 8px}.mapa-report-socio__vulnerability-copy ::ng-deep ol,.mapa-report-socio__vulnerability-copy ::ng-deep ul{padding-left:20px}.mapa-report-socio__vulnerability-copy ::ng-deep li{margin:0 0 3px}.mapa-report-socio__vulnerability-copy ::ng-deep b,.mapa-report-socio__vulnerability-copy ::ng-deep strong{color:var(--mapa-report-text, inherit);font-weight:600}.mapa-report-socio__vulnerability-copy ::ng-deep :last-child{margin-bottom:0}.mapa-report-socio__vulnerabilities{gap:24px;margin-top:20px}.mapa-report-socio__vulnerability-scale{display:grid;gap:12px}.mapa-report-socio__vulnerability-heading{display:grid;gap:5px}.mapa-report-socio__vulnerability-heading h3{font-size:20px;font-weight:500;margin:0}.mapa-report-socio__vulnerability-heading>div{color:var(--mapa-report-muted, #68747a);font-size:12px;line-height:1.5}.mapa-report-socio__vulnerability-table{border:1px solid var(--mapa-report-border, #e1e5e7);border-radius:var(--mapa-report-radius, 8px);overflow:hidden}.mapa-report-socio__vulnerability-head,.mapa-report-socio__vulnerability-row{align-items:center;display:grid;gap:18px;grid-template-columns:minmax(180px,.72fr) minmax(105px,.42fr) minmax(0,2fr)}.mapa-report-socio__vulnerability-head{background:var(--mapa-report-surface-muted, #eef2f3);border-bottom:1px solid var(--mapa-report-border, #e1e5e7);color:var(--mapa-report-muted, #68747a);font-size:10px;font-weight:600;letter-spacing:.03em;padding:10px 16px;text-transform:uppercase}.mapa-report-socio__vulnerability-row{min-height:118px;padding:16px}.mapa-report-socio__vulnerability-row+.mapa-report-socio__vulnerability-row{border-top:1px solid var(--mapa-report-border, #e1e5e7)}.mapa-report-socio__vulnerability-dimension{min-width:0}.mapa-report-socio__vulnerability-dimension h4{align-items:center;display:flex;font-size:14px;gap:8px;margin:0}.mapa-report-socio__vulnerability-classification{--mapa-classification-tag-min-width: var(--mapa-report-pill-width, 104px);min-width:0}.mapa-report-socio__vulnerability-reading{min-width:0}.mapa-report-socio__vulnerability-reading-grid{display:grid;gap:18px;grid-template-columns:minmax(140px,.72fr) minmax(0,1.28fr)}.mapa-report-socio__vulnerability-reading-grid>.mapa-report-socio__copy-block{border-left:1px solid var(--mapa-report-border, #e1e5e7);min-width:0;padding-left:13px}.mapa-report-socio__cell-label{display:none}.mapa-report-gauge{display:grid;justify-items:center;width:190px}.mapa-report-gauge__visual{height:104px;position:relative;width:180px}.mapa-report-gauge__arc{display:block;height:104px;width:180px}.mapa-report-gauge__segment{stroke:#dfe5e7;stroke-linecap:round;stroke-width:5}.mapa-report-gauge__segment--active{stroke:var(--mapa-gauge-color)}.mapa-report-gauge__reading{bottom:8px;color:var(--mapa-report-text, #263238);display:grid;justify-items:center;left:50%;line-height:1.1;position:absolute;transform:translate(-50%)}.mapa-report-gauge__reading strong{font-size:16px;font-weight:600}.mapa-report-gauge__reading span{color:var(--mapa-report-muted, #68747a);font-size:11px;margin-top:2px}.mapa-report-gauge__extremes{color:var(--mapa-report-muted, #68747a);display:flex;font-size:10px;justify-content:space-between;line-height:1.15;margin-top:3px;width:190px}.mapa-report-gauge__extremes span{max-width:68px}.mapa-report-gauge__extremes span:last-child{text-align:right}@media(max-width:760px){.mapa-report-socio__skill{grid-template-columns:1fr}.mapa-report-socio__skill-copy{align-content:start}.mapa-report-socio__vulnerability-head{display:none}.mapa-report-socio__vulnerability-row{align-items:start;gap:14px;grid-template-columns:1fr;min-height:0;padding:15px}.mapa-report-socio__vulnerability-dimension,.mapa-report-socio__vulnerability-classification,.mapa-report-socio__vulnerability-reading{display:grid;gap:6px}.mapa-report-socio__vulnerability-reading-grid{gap:10px;grid-template-columns:1fr}.mapa-report-socio__vulnerability-reading-grid>.mapa-report-socio__copy-block{border-left:0;border-top:1px solid var(--mapa-report-border, #e1e5e7);padding-left:0;padding-top:10px}.mapa-report-socio__cell-label{color:var(--mapa-report-muted, #68747a);display:block;font-size:9px;font-weight:600;letter-spacing:.04em;text-transform:uppercase}}\n"] }]
+        }] });
+
+class MapaReportSocioemotionalWidgetComponent extends ReportSocioemotionalContent {
+    constructor() {
+        super(...arguments);
+        this.heading = input.required(...(ngDevMode ? [{ debugName: "heading" }] : []));
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.21", ngImport: i0, type: MapaReportSocioemotionalWidgetComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.21", type: MapaReportSocioemotionalWidgetComponent, isStandalone: true, selector: "mapa-report-socioemotional-widget", inputs: { heading: { classPropertyName: "heading", publicName: "heading", isSignal: true, isRequired: true, transformFunction: null } }, usesInheritance: true, 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 (data().legend) {\n    <mapa-report-legend\n      appearance=\"psychosocial\"\n      [expanded]=\"data().legend?.expanded ?? false\"\n      [groups]=\"data().legend?.groups ?? []\"\n      [groupsTitle]=\"data().legend?.groupsTitle\"\n      [intro]=\"data().legend?.intro\"\n      [title]=\"data().legend?.title\"\n    />\n  }\n\n  @if (data().competencies.length) {\n    <mapa-report-socioemotional-widget-competencies\n      [data]=\"data()\"\n      [palette]=\"palette()\"\n    />\n  }\n\n  @if (data().vulnerabilities.length) {\n    <section class=\"mapa-report-socio__vulnerabilities\">\n      @if (data().vulnerabilityLegend) {\n        <mapa-report-legend\n          appearance=\"psychosocial\"\n          [expanded]=\"data().vulnerabilityLegend?.expanded ?? false\"\n          [groups]=\"data().vulnerabilityLegend?.groups ?? []\"\n          [groupsTitle]=\"data().vulnerabilityLegend?.groupsTitle\"\n          [intro]=\"data().vulnerabilityLegend?.intro\"\n          [title]=\"data().vulnerabilityLegend?.title\"\n        />\n      }\n      <mapa-report-socioemotional-widget-vulnerabilities\n        [data]=\"data()\"\n        [palette]=\"palette()\"\n      />\n    </section>\n  }\n\n  @if (!data().competencies.length && !data().vulnerabilities.length) {\n    <p class=\"mapa-report-widget__empty\">{{ i18n.texts.report.emptyState }}</p>\n  }\n</section>\n", styles: [":host{color:var(--mapa-report-text, #263238);display:block;min-width:0;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__modes--standalone{grid-column:1;grid-row:auto;justify-self:end}.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-report-widget__modes--standalone{grid-row:auto;margin-top:0}}.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-socio__competencies{display:grid;gap:28px}.mapa-report-socio__competence{display:grid;gap:12px}.mapa-report-socio__competence-heading{display:grid;gap:5px}.mapa-report-socio__competence-heading h3{font-size:20px;font-weight:500;margin:0}.mapa-report-socio__competence-description{color:var(--mapa-report-muted, #68747a);font-size:12px;line-height:1.5;margin:0}.mapa-report-socio__competence-description ::ng-deep ol,.mapa-report-socio__competence-description ::ng-deep p,.mapa-report-socio__competence-description ::ng-deep ul{margin:0 0 8px}.mapa-report-socio__competence-description ::ng-deep ol,.mapa-report-socio__competence-description ::ng-deep ul{padding-left:20px}.mapa-report-socio__competence-description ::ng-deep li{margin:0 0 3px}.mapa-report-socio__competence-description ::ng-deep b,.mapa-report-socio__competence-description ::ng-deep strong{color:var(--mapa-report-text, inherit);font-weight:600}.mapa-report-socio__competence-description ::ng-deep :last-child{margin-bottom:0}.mapa-report-socio__skills,.mapa-report-socio__vulnerabilities{display:grid;gap:10px}.mapa-report-socio__skill{align-items:stretch;border:1px solid var(--mapa-report-border, #e1e5e7);border-radius:var(--mapa-report-radius, 8px);display:grid;gap:22px;grid-template-columns:210px minmax(0,1fr);padding:18px}.mapa-report-socio__skill-visual{align-content:start;display:grid;gap:10px;min-width:0}.mapa-report-socio__skill-visual>h4{align-items:center;display:inline-flex;font-size:14px;gap:8px;margin:0}.mapa-report-socio__skill-copy{align-content:center;display:grid;gap:16px;min-width:0}.mapa-report-socio__copy-block{display:grid;gap:4px}.mapa-report-socio__copy-block h5{color:var(--mapa-report-text, #263238);font-size:11px;font-weight:700;margin:0}.mapa-report-socio__concept{color:var(--mapa-report-text, #263238);font-size:12px;line-height:1.5}.mapa-report-socio__concept ::ng-deep ol,.mapa-report-socio__concept ::ng-deep p,.mapa-report-socio__concept ::ng-deep ul{margin:0 0 8px}.mapa-report-socio__concept ::ng-deep ol,.mapa-report-socio__concept ::ng-deep ul{padding-left:20px}.mapa-report-socio__concept ::ng-deep li{margin:0 0 3px}.mapa-report-socio__concept ::ng-deep b,.mapa-report-socio__concept ::ng-deep strong{color:var(--mapa-report-text, inherit);font-weight:600}.mapa-report-socio__concept ::ng-deep :last-child{margin-bottom:0}.mapa-report-socio__description{color:var(--mapa-report-muted, #68747a);font-size:11px;line-height:1.5}.mapa-report-socio__description ::ng-deep ol,.mapa-report-socio__description ::ng-deep p,.mapa-report-socio__description ::ng-deep ul{margin:0 0 8px}.mapa-report-socio__description ::ng-deep ol,.mapa-report-socio__description ::ng-deep ul{padding-left:20px}.mapa-report-socio__description ::ng-deep li{margin:0 0 3px}.mapa-report-socio__description ::ng-deep b,.mapa-report-socio__description ::ng-deep strong{color:var(--mapa-report-text, inherit);font-weight:600}.mapa-report-socio__description ::ng-deep :last-child{margin-bottom:0}.mapa-report-socio__vulnerability-copy ::ng-deep ol,.mapa-report-socio__vulnerability-copy ::ng-deep p,.mapa-report-socio__vulnerability-copy ::ng-deep ul{margin:0 0 8px}.mapa-report-socio__vulnerability-copy ::ng-deep ol,.mapa-report-socio__vulnerability-copy ::ng-deep ul{padding-left:20px}.mapa-report-socio__vulnerability-copy ::ng-deep li{margin:0 0 3px}.mapa-report-socio__vulnerability-copy ::ng-deep b,.mapa-report-socio__vulnerability-copy ::ng-deep strong{color:var(--mapa-report-text, inherit);font-weight:600}.mapa-report-socio__vulnerability-copy ::ng-deep :last-child{margin-bottom:0}.mapa-report-socio__vulnerabilities{gap:24px;margin-top:20px}.mapa-report-socio__vulnerability-scale{display:grid;gap:12px}.mapa-report-socio__vulnerability-heading{display:grid;gap:5px}.mapa-report-socio__vulnerability-heading h3{font-size:20px;font-weight:500;margin:0}.mapa-report-socio__vulnerability-heading>div{color:var(--mapa-report-muted, #68747a);font-size:12px;line-height:1.5}.mapa-report-socio__vulnerability-table{border:1px solid var(--mapa-report-border, #e1e5e7);border-radius:var(--mapa-report-radius, 8px);overflow:hidden}.mapa-report-socio__vulnerability-head,.mapa-report-socio__vulnerability-row{align-items:center;display:grid;gap:18px;grid-template-columns:minmax(180px,.72fr) minmax(105px,.42fr) minmax(0,2fr)}.mapa-report-socio__vulnerability-head{background:var(--mapa-report-surface-muted, #eef2f3);border-bottom:1px solid var(--mapa-report-border, #e1e5e7);color:var(--mapa-report-muted, #68747a);font-size:10px;font-weight:600;letter-spacing:.03em;padding:10px 16px;text-transform:uppercase}.mapa-report-socio__vulnerability-row{min-height:118px;padding:16px}.mapa-report-socio__vulnerability-row+.mapa-report-socio__vulnerability-row{border-top:1px solid var(--mapa-report-border, #e1e5e7)}.mapa-report-socio__vulnerability-dimension{min-width:0}.mapa-report-socio__vulnerability-dimension h4{align-items:center;display:flex;font-size:14px;gap:8px;margin:0}.mapa-report-socio__vulnerability-classification{--mapa-classification-tag-min-width: var(--mapa-report-pill-width, 104px);min-width:0}.mapa-report-socio__vulnerability-reading{min-width:0}.mapa-report-socio__vulnerability-reading-grid{display:grid;gap:18px;grid-template-columns:minmax(140px,.72fr) minmax(0,1.28fr)}.mapa-report-socio__vulnerability-reading-grid>.mapa-report-socio__copy-block{border-left:1px solid var(--mapa-report-border, #e1e5e7);min-width:0;padding-left:13px}.mapa-report-socio__cell-label{display:none}.mapa-report-gauge{display:grid;justify-items:center;width:190px}.mapa-report-gauge__visual{height:104px;position:relative;width:180px}.mapa-report-gauge__arc{display:block;height:104px;width:180px}.mapa-report-gauge__segment{stroke:#dfe5e7;stroke-linecap:round;stroke-width:5}.mapa-report-gauge__segment--active{stroke:var(--mapa-gauge-color)}.mapa-report-gauge__reading{bottom:8px;color:var(--mapa-report-text, #263238);display:grid;justify-items:center;left:50%;line-height:1.1;position:absolute;transform:translate(-50%)}.mapa-report-gauge__reading strong{font-size:16px;font-weight:600}.mapa-report-gauge__reading span{color:var(--mapa-report-muted, #68747a);font-size:11px;margin-top:2px}.mapa-report-gauge__extremes{color:var(--mapa-report-muted, #68747a);display:flex;font-size:10px;justify-content:space-between;line-height:1.15;margin-top:3px;width:190px}.mapa-report-gauge__extremes span{max-width:68px}.mapa-report-gauge__extremes span:last-child{text-align:right}@media(max-width:760px){.mapa-report-socio__skill{grid-template-columns:1fr}.mapa-report-socio__skill-copy{align-content:start}.mapa-report-socio__vulnerability-head{display:none}.mapa-report-socio__vulnerability-row{align-items:start;gap:14px;grid-template-columns:1fr;min-height:0;padding:15px}.mapa-report-socio__vulnerability-dimension,.mapa-report-socio__vulnerability-classification,.mapa-report-socio__vulnerability-reading{display:grid;gap:6px}.mapa-report-socio__vulnerability-reading-grid{gap:10px;grid-template-columns:1fr}.mapa-report-socio__vulnerability-reading-grid>.mapa-report-socio__copy-block{border-left:0;border-top:1px solid var(--mapa-report-border, #e1e5e7);padding-left:0;padding-top:10px}.mapa-report-socio__cell-label{color:var(--mapa-report-muted, #68747a);display:block;font-size:9px;font-weight:600;letter-spacing:.04em;text-transform:uppercase}}: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)}\n"], dependencies: [{ kind: "component", type: MapaReportSocioemotionalWidgetCompetenciesComponent, selector: "mapa-report-socioemotional-widget-competencies" }, { kind: "component", type: MapaReportSocioemotionalWidgetVulnerabilitiesComponent, selector: "mapa-report-socioemotional-widget-vulnerabilities" }, { kind: "component", type: MapaReportLegendComponent, selector: "mapa-report-legend", inputs: ["title", "intro", "groupsTitle", "groups", "expanded", "appearance"] }, { kind: "pipe", type: SafeHtmlPipe, name: "safeHtml" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.21", ngImport: i0, type: MapaReportSocioemotionalWidgetComponent, decorators: [{
             type: Component,
             args: [{ selector: 'mapa-report-socioemotional-widget', standalone: true, imports: [
-                        MapaClassificationTagComponent,
+                        MapaReportSocioemotionalWidgetCompetenciesComponent,
+                        MapaReportSocioemotionalWidgetVulnerabilitiesComponent,
                         MapaReportLegendComponent,
                         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 (data().legend) {\n    <mapa-report-legend\n      appearance=\"psychosocial\"\n      [expanded]=\"data().legend?.expanded ?? false\"\n      [groups]=\"data().legend?.groups ?? []\"\n      [groupsTitle]=\"data().legend?.groupsTitle\"\n      [intro]=\"data().legend?.intro\"\n      [title]=\"data().legend?.title\"\n    />\n  }\n\n  @if (data().competencies.length) {\n    <div class=\"mapa-report-socio__competencies\">\n      @for (competence of data().competencies; track competence.id) {\n        <section class=\"mapa-report-socio__competence\">\n          <header class=\"mapa-report-socio__competence-heading\">\n            <h3>{{ competence.name }}</h3>\n            @if (competence.description) {\n              <div\n                class=\"mapa-report-socio__competence-description\"\n                [innerHTML]=\"competence.description | safeHtml\"\n              ></div>\n            }\n          </header>\n\n          <div class=\"mapa-report-socio__skills\">\n            @for (skill of competence.skills; track skill.id) {\n              <article class=\"mapa-report-socio__skill\">\n                <div class=\"mapa-report-socio__skill-visual\">\n                  <h4\n                    [attr.aria-label]=\"\n                      skillHeadingLabel(skill.name, skill.direction)\n                    \"\n                  >\n                    <span\n                      class=\"mapa-direction-indicator\"\n                      aria-hidden=\"true\"\n                      >{{ directionArrow(skill.direction) }}</span\n                    >\n                    <span>{{ skill.name }}</span>\n                  </h4>\n                  <div class=\"mapa-report-gauge\">\n                    <div\n                      class=\"mapa-report-gauge__visual\"\n                      role=\"meter\"\n                      aria-valuemin=\"0\"\n                      aria-valuemax=\"100\"\n                      [attr.aria-valuenow]=\"clamp(skill.value)\"\n                      [attr.aria-valuetext]=\"\n                        gaugeValueText(skill.value, skill.classification)\n                      \"\n                      [attr.aria-label]=\"\n                        i18n.texts.report.gaugeLabel(\n                          skill.name,\n                          clamp(skill.value)\n                        )\n                      \"\n                      [style.--mapa-gauge-color]=\"\n                        gaugeColor(skill.classification)\n                      \"\n                    >\n                      <svg\n                        class=\"mapa-report-gauge__arc\"\n                        viewBox=\"0 0 180 104\"\n                        aria-hidden=\"true\"\n                      >\n                        @for (\n                          segment of gaugeSegments;\n                          track segment.index\n                        ) {\n                          <line\n                            class=\"mapa-report-gauge__segment\"\n                            [class.mapa-report-gauge__segment--active]=\"\n                              segment.index <\n                              activeSegmentCount(skill.value)\n                            \"\n                            [attr.x1]=\"segment.x1\"\n                            [attr.y1]=\"segment.y1\"\n                            [attr.x2]=\"segment.x2\"\n                            [attr.y2]=\"segment.y2\"\n                          />\n                        }\n                      </svg>\n                      <div\n                        class=\"mapa-report-gauge__reading\"\n                        aria-hidden=\"true\"\n                      >\n                        <strong>{{ clamp(skill.value) }}</strong>\n                        <span>{{\n                          classificationLabel(skill.classification)\n                        }}</span>\n                      </div>\n                    </div>\n                    <div class=\"mapa-report-gauge__extremes\">\n                      <span>{{\n                        i18n.texts.report.lowerIntensityLabel\n                      }}</span>\n                      <span>{{\n                        i18n.texts.report.higherIntensityLabel\n                      }}</span>\n                    </div>\n                  </div>\n                </div>\n                <div class=\"mapa-report-socio__skill-copy\">\n                  @if (skill.concept) {\n                    <section class=\"mapa-report-socio__copy-block\">\n                      <h5>{{ i18n.texts.report.conceptTitle }}</h5>\n                      <div\n                        class=\"mapa-report-socio__concept\"\n                        [innerHTML]=\"skill.concept | safeHtml\"\n                      ></div>\n                    </section>\n                  }\n                  @if (skill.description) {\n                    <section class=\"mapa-report-socio__copy-block\">\n                      <h5>{{ i18n.texts.report.resultTitle }}</h5>\n                      <div\n                        class=\"mapa-report-socio__description\"\n                        [innerHTML]=\"skill.description | safeHtml\"\n                      ></div>\n                    </section>\n                  }\n                </div>\n              </article>\n            }\n          </div>\n        </section>\n      }\n    </div>\n  }\n\n  @if (data().vulnerabilities.length) {\n    <section class=\"mapa-report-socio__vulnerabilities\">\n      @if (data().vulnerabilityLegend) {\n        <mapa-report-legend\n          appearance=\"psychosocial\"\n          [expanded]=\"data().vulnerabilityLegend?.expanded ?? false\"\n          [groups]=\"data().vulnerabilityLegend?.groups ?? []\"\n          [groupsTitle]=\"data().vulnerabilityLegend?.groupsTitle\"\n          [intro]=\"data().vulnerabilityLegend?.intro\"\n          [title]=\"data().vulnerabilityLegend?.title\"\n        />\n      }\n\n      @for (scale of data().vulnerabilities; track scale.id) {\n        <section class=\"mapa-report-socio__vulnerability-scale\">\n          <header class=\"mapa-report-socio__vulnerability-heading\">\n            <h3>{{ scale.name }}</h3>\n            @if (scale.concept) {\n              <div\n                class=\"mapa-report-socio__vulnerability-copy\"\n                [innerHTML]=\"scale.concept | safeHtml\"\n              ></div>\n            }\n          </header>\n\n          <div\n            class=\"mapa-report-socio__vulnerability-table\"\n            role=\"table\"\n            [attr.aria-label]=\"scale.name\"\n          >\n            <div class=\"mapa-report-socio__vulnerability-head\" role=\"row\">\n              <span role=\"columnheader\">{{\n                i18n.texts.report.dimensionTitle\n              }}</span>\n              <span role=\"columnheader\">{{\n                i18n.texts.report.classificationTitle\n              }}</span>\n              <span role=\"columnheader\">{{\n                i18n.texts.report.resultReadingTitle\n              }}</span>\n            </div>\n\n            @for (item of vulnerabilityDimensions(scale); track item.id) {\n              <article class=\"mapa-report-socio__vulnerability-row\" role=\"row\">\n                <div\n                  class=\"mapa-report-socio__vulnerability-dimension\"\n                  role=\"cell\"\n                >\n                  <span\n                    class=\"mapa-report-socio__cell-label\"\n                    aria-hidden=\"true\"\n                    >{{ i18n.texts.report.dimensionTitle }}</span\n                  >\n                  <h4\n                    [attr.aria-label]=\"\n                      skillHeadingLabel(item.name, item.direction)\n                    \"\n                  >\n                    <span>{{ item.name }}</span>\n                    <span\n                      class=\"mapa-direction-indicator\"\n                      aria-hidden=\"true\"\n                      >{{ directionArrow(item.direction) }}</span\n                    >\n                  </h4>\n                </div>\n\n                <div\n                  class=\"mapa-report-socio__vulnerability-classification\"\n                  role=\"cell\"\n                >\n                  <span\n                    class=\"mapa-report-socio__cell-label\"\n                    aria-hidden=\"true\"\n                    >{{ i18n.texts.report.classificationTitle }}</span\n                  >\n                  <mapa-classification-tag\n                    appearance=\"solid\"\n                    casing=\"natural\"\n                    shape=\"rounded\"\n                    size=\"large\"\n                    [classification]=\"item.classification\"\n                  />\n                </div>\n\n                <div\n                  class=\"mapa-report-socio__vulnerability-reading\"\n                  role=\"cell\"\n                >\n                  <span\n                    class=\"mapa-report-socio__cell-label\"\n                    aria-hidden=\"true\"\n                    >{{ i18n.texts.report.resultReadingTitle }}</span\n                  >\n                  <div class=\"mapa-report-socio__vulnerability-reading-grid\">\n                    @if (item.concept) {\n                      <section class=\"mapa-report-socio__copy-block\">\n                        <h4>{{ i18n.texts.report.conceptTitle }}</h4>\n                        <div\n                          class=\"mapa-report-socio__concept\"\n                          [innerHTML]=\"item.concept | safeHtml\"\n                        ></div>\n                      </section>\n                    }\n                    @if (item.description) {\n                      <section class=\"mapa-report-socio__copy-block\">\n                        <h4>{{ i18n.texts.report.resultTitle }}</h4>\n                        <div\n                          class=\"mapa-report-socio__description\"\n                          [innerHTML]=\"item.description | safeHtml\"\n                        ></div>\n                      </section>\n                    }\n                  </div>\n                </div>\n              </article>\n            }\n          </div>\n        </section>\n      }\n    </section>\n  }\n\n  @if (!data().competencies.length && !data().vulnerabilities.length) {\n    <p class=\"mapa-report-widget__empty\">{{ i18n.texts.report.emptyState }}</p>\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__modes--standalone{grid-column:1;grid-row:auto;justify-self:end}.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-report-widget__modes--standalone{grid-row:auto;margin-top:0}}.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-socio__competencies{display:grid;gap:28px}.mapa-report-socio__competence{display:grid;gap:12px}.mapa-report-socio__competence-heading{display:grid;gap:5px}.mapa-report-socio__competence-heading h3{font-size:20px;font-weight:500;margin:0}.mapa-report-socio__competence-description{color:var(--mapa-report-muted);font-size:12px;line-height:1.5;margin:0}.mapa-report-socio__competence-description ::ng-deep ol,.mapa-report-socio__competence-description ::ng-deep p,.mapa-report-socio__competence-description ::ng-deep ul{margin:0 0 8px}.mapa-report-socio__competence-description ::ng-deep ol,.mapa-report-socio__competence-description ::ng-deep ul{padding-left:20px}.mapa-report-socio__competence-description ::ng-deep li{margin:0 0 3px}.mapa-report-socio__competence-description ::ng-deep b,.mapa-report-socio__competence-description ::ng-deep strong{color:var(--mapa-report-text, inherit);font-weight:600}.mapa-report-socio__competence-description ::ng-deep :last-child{margin-bottom:0}.mapa-report-socio__skills,.mapa-report-socio__vulnerabilities{display:grid;gap:10px}.mapa-report-socio__skill{align-items:stretch;border:1px solid var(--mapa-report-border);border-radius:var(--mapa-report-radius);display:grid;gap:22px;grid-template-columns:210px minmax(0,1fr);padding:18px}.mapa-report-socio__skill-visual{align-content:start;display:grid;gap:10px;min-width:0}.mapa-report-socio__skill-visual>h4{align-items:center;display:inline-flex;font-size:14px;gap:8px;margin:0}.mapa-report-socio__skill-copy{align-content:center;display:grid;gap:16px;min-width:0}.mapa-report-socio__copy-block{display:grid;gap:4px}.mapa-report-socio__copy-block h5{color:var(--mapa-report-text);font-size:11px;font-weight:700;margin:0}.mapa-report-socio__concept{color:var(--mapa-report-text);font-size:12px;line-height:1.5}.mapa-report-socio__concept ::ng-deep ol,.mapa-report-socio__concept ::ng-deep p,.mapa-report-socio__concept ::ng-deep ul{margin:0 0 8px}.mapa-report-socio__concept ::ng-deep ol,.mapa-report-socio__concept ::ng-deep ul{padding-left:20px}.mapa-report-socio__concept ::ng-deep li{margin:0 0 3px}.mapa-report-socio__concept ::ng-deep b,.mapa-report-socio__concept ::ng-deep strong{color:var(--mapa-report-text, inherit);font-weight:600}.mapa-report-socio__concept ::ng-deep :last-child{margin-bottom:0}.mapa-report-socio__description{color:var(--mapa-report-muted);font-size:11px;line-height:1.5}.mapa-report-socio__description ::ng-deep ol,.mapa-report-socio__description ::ng-deep p,.mapa-report-socio__description ::ng-deep ul{margin:0 0 8px}.mapa-report-socio__description ::ng-deep ol,.mapa-report-socio__description ::ng-deep ul{padding-left:20px}.mapa-report-socio__description ::ng-deep li{margin:0 0 3px}.mapa-report-socio__description ::ng-deep b,.mapa-report-socio__description ::ng-deep strong{color:var(--mapa-report-text, inherit);font-weight:600}.mapa-report-socio__description ::ng-deep :last-child{margin-bottom:0}.mapa-report-socio__vulnerability-copy ::ng-deep ol,.mapa-report-socio__vulnerability-copy ::ng-deep p,.mapa-report-socio__vulnerability-copy ::ng-deep ul{margin:0 0 8px}.mapa-report-socio__vulnerability-copy ::ng-deep ol,.mapa-report-socio__vulnerability-copy ::ng-deep ul{padding-left:20px}.mapa-report-socio__vulnerability-copy ::ng-deep li{margin:0 0 3px}.mapa-report-socio__vulnerability-copy ::ng-deep b,.mapa-report-socio__vulnerability-copy ::ng-deep strong{color:var(--mapa-report-text, inherit);font-weight:600}.mapa-report-socio__vulnerability-copy ::ng-deep :last-child{margin-bottom:0}.mapa-report-socio__vulnerabilities{gap:24px;margin-top:20px}.mapa-report-socio__vulnerability-scale{display:grid;gap:12px}.mapa-report-socio__vulnerability-heading{display:grid;gap:5px}.mapa-report-socio__vulnerability-heading h3{font-size:20px;font-weight:500;margin:0}.mapa-report-socio__vulnerability-heading>div{color:var(--mapa-report-muted);font-size:12px;line-height:1.5}.mapa-report-socio__vulnerability-table{border:1px solid var(--mapa-report-border);border-radius:var(--mapa-report-radius);overflow:hidden}.mapa-report-socio__vulnerability-head,.mapa-report-socio__vulnerability-row{align-items:center;display:grid;gap:18px;grid-template-columns:minmax(180px,.72fr) minmax(105px,.42fr) minmax(0,2fr)}.mapa-report-socio__vulnerability-head{background:var(--mapa-report-surface-muted);border-bottom:1px solid var(--mapa-report-border);color:var(--mapa-report-muted);font-size:10px;font-weight:600;letter-spacing:.03em;padding:10px 16px;text-transform:uppercase}.mapa-report-socio__vulnerability-row{min-height:118px;padding:16px}.mapa-report-socio__vulnerability-row+.mapa-report-socio__vulnerability-row{border-top:1px solid var(--mapa-report-border)}.mapa-report-socio__vulnerability-dimension{min-width:0}.mapa-report-socio__vulnerability-dimension h4{align-items:center;display:flex;font-size:14px;gap:8px;margin:0}.mapa-report-socio__vulnerability-classification{--mapa-classification-tag-min-width: var(--mapa-report-pill-width);min-width:0}.mapa-report-socio__vulnerability-reading{min-width:0}.mapa-report-socio__vulnerability-reading-grid{display:grid;gap:18px;grid-template-columns:minmax(140px,.72fr) minmax(0,1.28fr)}.mapa-report-socio__vulnerability-reading-grid>.mapa-report-socio__copy-block{border-left:1px solid var(--mapa-report-border);min-width:0;padding-left:13px}.mapa-report-socio__cell-label{display:none}.mapa-report-gauge{display:grid;justify-items:center;width:190px}.mapa-report-gauge__visual{height:104px;position:relative;width:180px}.mapa-report-gauge__arc{display:block;height:104px;width:180px}.mapa-report-gauge__segment{stroke:#dfe5e7;stroke-linecap:round;stroke-width:5}.mapa-report-gauge__segment--active{stroke:var(--mapa-gauge-color)}.mapa-report-gauge__reading{bottom:8px;color:var(--mapa-report-text);display:grid;justify-items:center;left:50%;line-height:1.1;position:absolute;transform:translate(-50%)}.mapa-report-gauge__reading strong{font-size:16px;font-weight:600}.mapa-report-gauge__reading span{color:var(--mapa-report-muted);font-size:11px;margin-top:2px}.mapa-report-gauge__extremes{color:var(--mapa-report-muted);display:flex;font-size:10px;justify-content:space-between;line-height:1.15;margin-top:3px;width:190px}.mapa-report-gauge__extremes span{max-width:68px}.mapa-report-gauge__extremes span:last-child{text-align:right}@media(max-width:760px){.mapa-report-socio__skill{grid-template-columns:1fr}.mapa-report-socio__skill-copy{align-content:start}.mapa-report-socio__vulnerability-head{display:none}.mapa-report-socio__vulnerability-row{align-items:start;gap:14px;grid-template-columns:1fr;min-height:0;padding:15px}.mapa-report-socio__vulnerability-dimension,.mapa-report-socio__vulnerability-classification,.mapa-report-socio__vulnerability-reading{display:grid;gap:6px}.mapa-report-socio__vulnerability-reading-grid{gap:10px;grid-template-columns:1fr}.mapa-report-socio__vulnerability-reading-grid>.mapa-report-socio__copy-block{border-left:0;border-top:1px solid var(--mapa-report-border);padding-left:0;padding-top:10px}.mapa-report-socio__cell-label{color:var(--mapa-report-muted);display:block;font-size:9px;font-weight:600;letter-spacing:.04em;text-transform:uppercase}}\n"] }]
-        }], propDecorators: { heading: [{ type: i0.Input, args: [{ isSignal: true, alias: "heading", required: true }] }], data: [{ type: i0.Input, args: [{ isSignal: true, alias: "data", required: true }] }], palette: [{ type: i0.Input, args: [{ isSignal: true, alias: "palette", required: false }] }] } });
+                    ], 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 (data().legend) {\n    <mapa-report-legend\n      appearance=\"psychosocial\"\n      [expanded]=\"data().legend?.expanded ?? false\"\n      [groups]=\"data().legend?.groups ?? []\"\n      [groupsTitle]=\"data().legend?.groupsTitle\"\n      [intro]=\"data().legend?.intro\"\n      [title]=\"data().legend?.title\"\n    />\n  }\n\n  @if (data().competencies.length) {\n    <mapa-report-socioemotional-widget-competencies\n      [data]=\"data()\"\n      [palette]=\"palette()\"\n    />\n  }\n\n  @if (data().vulnerabilities.length) {\n    <section class=\"mapa-report-socio__vulnerabilities\">\n      @if (data().vulnerabilityLegend) {\n        <mapa-report-legend\n          appearance=\"psychosocial\"\n          [expanded]=\"data().vulnerabilityLegend?.expanded ?? false\"\n          [groups]=\"data().vulnerabilityLegend?.groups ?? []\"\n          [groupsTitle]=\"data().vulnerabilityLegend?.groupsTitle\"\n          [intro]=\"data().vulnerabilityLegend?.intro\"\n          [title]=\"data().vulnerabilityLegend?.title\"\n        />\n      }\n      <mapa-report-socioemotional-widget-vulnerabilities\n        [data]=\"data()\"\n        [palette]=\"palette()\"\n      />\n    </section>\n  }\n\n  @if (!data().competencies.length && !data().vulnerabilities.length) {\n    <p class=\"mapa-report-widget__empty\">{{ i18n.texts.report.emptyState }}</p>\n  }\n</section>\n", styles: [":host{color:var(--mapa-report-text, #263238);display:block;min-width:0;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__modes--standalone{grid-column:1;grid-row:auto;justify-self:end}.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-report-widget__modes--standalone{grid-row:auto;margin-top:0}}.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-socio__competencies{display:grid;gap:28px}.mapa-report-socio__competence{display:grid;gap:12px}.mapa-report-socio__competence-heading{display:grid;gap:5px}.mapa-report-socio__competence-heading h3{font-size:20px;font-weight:500;margin:0}.mapa-report-socio__competence-description{color:var(--mapa-report-muted, #68747a);font-size:12px;line-height:1.5;margin:0}.mapa-report-socio__competence-description ::ng-deep ol,.mapa-report-socio__competence-description ::ng-deep p,.mapa-report-socio__competence-description ::ng-deep ul{margin:0 0 8px}.mapa-report-socio__competence-description ::ng-deep ol,.mapa-report-socio__competence-description ::ng-deep ul{padding-left:20px}.mapa-report-socio__competence-description ::ng-deep li{margin:0 0 3px}.mapa-report-socio__competence-description ::ng-deep b,.mapa-report-socio__competence-description ::ng-deep strong{color:var(--mapa-report-text, inherit);font-weight:600}.mapa-report-socio__competence-description ::ng-deep :last-child{margin-bottom:0}.mapa-report-socio__skills,.mapa-report-socio__vulnerabilities{display:grid;gap:10px}.mapa-report-socio__skill{align-items:stretch;border:1px solid var(--mapa-report-border, #e1e5e7);border-radius:var(--mapa-report-radius, 8px);display:grid;gap:22px;grid-template-columns:210px minmax(0,1fr);padding:18px}.mapa-report-socio__skill-visual{align-content:start;display:grid;gap:10px;min-width:0}.mapa-report-socio__skill-visual>h4{align-items:center;display:inline-flex;font-size:14px;gap:8px;margin:0}.mapa-report-socio__skill-copy{align-content:center;display:grid;gap:16px;min-width:0}.mapa-report-socio__copy-block{display:grid;gap:4px}.mapa-report-socio__copy-block h5{color:var(--mapa-report-text, #263238);font-size:11px;font-weight:700;margin:0}.mapa-report-socio__concept{color:var(--mapa-report-text, #263238);font-size:12px;line-height:1.5}.mapa-report-socio__concept ::ng-deep ol,.mapa-report-socio__concept ::ng-deep p,.mapa-report-socio__concept ::ng-deep ul{margin:0 0 8px}.mapa-report-socio__concept ::ng-deep ol,.mapa-report-socio__concept ::ng-deep ul{padding-left:20px}.mapa-report-socio__concept ::ng-deep li{margin:0 0 3px}.mapa-report-socio__concept ::ng-deep b,.mapa-report-socio__concept ::ng-deep strong{color:var(--mapa-report-text, inherit);font-weight:600}.mapa-report-socio__concept ::ng-deep :last-child{margin-bottom:0}.mapa-report-socio__description{color:var(--mapa-report-muted, #68747a);font-size:11px;line-height:1.5}.mapa-report-socio__description ::ng-deep ol,.mapa-report-socio__description ::ng-deep p,.mapa-report-socio__description ::ng-deep ul{margin:0 0 8px}.mapa-report-socio__description ::ng-deep ol,.mapa-report-socio__description ::ng-deep ul{padding-left:20px}.mapa-report-socio__description ::ng-deep li{margin:0 0 3px}.mapa-report-socio__description ::ng-deep b,.mapa-report-socio__description ::ng-deep strong{color:var(--mapa-report-text, inherit);font-weight:600}.mapa-report-socio__description ::ng-deep :last-child{margin-bottom:0}.mapa-report-socio__vulnerability-copy ::ng-deep ol,.mapa-report-socio__vulnerability-copy ::ng-deep p,.mapa-report-socio__vulnerability-copy ::ng-deep ul{margin:0 0 8px}.mapa-report-socio__vulnerability-copy ::ng-deep ol,.mapa-report-socio__vulnerability-copy ::ng-deep ul{padding-left:20px}.mapa-report-socio__vulnerability-copy ::ng-deep li{margin:0 0 3px}.mapa-report-socio__vulnerability-copy ::ng-deep b,.mapa-report-socio__vulnerability-copy ::ng-deep strong{color:var(--mapa-report-text, inherit);font-weight:600}.mapa-report-socio__vulnerability-copy ::ng-deep :last-child{margin-bottom:0}.mapa-report-socio__vulnerabilities{gap:24px;margin-top:20px}.mapa-report-socio__vulnerability-scale{display:grid;gap:12px}.mapa-report-socio__vulnerability-heading{display:grid;gap:5px}.mapa-report-socio__vulnerability-heading h3{font-size:20px;font-weight:500;margin:0}.mapa-report-socio__vulnerability-heading>div{color:var(--mapa-report-muted, #68747a);font-size:12px;line-height:1.5}.mapa-report-socio__vulnerability-table{border:1px solid var(--mapa-report-border, #e1e5e7);border-radius:var(--mapa-report-radius, 8px);overflow:hidden}.mapa-report-socio__vulnerability-head,.mapa-report-socio__vulnerability-row{align-items:center;display:grid;gap:18px;grid-template-columns:minmax(180px,.72fr) minmax(105px,.42fr) minmax(0,2fr)}.mapa-report-socio__vulnerability-head{background:var(--mapa-report-surface-muted, #eef2f3);border-bottom:1px solid var(--mapa-report-border, #e1e5e7);color:var(--mapa-report-muted, #68747a);font-size:10px;font-weight:600;letter-spacing:.03em;padding:10px 16px;text-transform:uppercase}.mapa-report-socio__vulnerability-row{min-height:118px;padding:16px}.mapa-report-socio__vulnerability-row+.mapa-report-socio__vulnerability-row{border-top:1px solid var(--mapa-report-border, #e1e5e7)}.mapa-report-socio__vulnerability-dimension{min-width:0}.mapa-report-socio__vulnerability-dimension h4{align-items:center;display:flex;font-size:14px;gap:8px;margin:0}.mapa-report-socio__vulnerability-classification{--mapa-classification-tag-min-width: var(--mapa-report-pill-width, 104px);min-width:0}.mapa-report-socio__vulnerability-reading{min-width:0}.mapa-report-socio__vulnerability-reading-grid{display:grid;gap:18px;grid-template-columns:minmax(140px,.72fr) minmax(0,1.28fr)}.mapa-report-socio__vulnerability-reading-grid>.mapa-report-socio__copy-block{border-left:1px solid var(--mapa-report-border, #e1e5e7);min-width:0;padding-left:13px}.mapa-report-socio__cell-label{display:none}.mapa-report-gauge{display:grid;justify-items:center;width:190px}.mapa-report-gauge__visual{height:104px;position:relative;width:180px}.mapa-report-gauge__arc{display:block;height:104px;width:180px}.mapa-report-gauge__segment{stroke:#dfe5e7;stroke-linecap:round;stroke-width:5}.mapa-report-gauge__segment--active{stroke:var(--mapa-gauge-color)}.mapa-report-gauge__reading{bottom:8px;color:var(--mapa-report-text, #263238);display:grid;justify-items:center;left:50%;line-height:1.1;position:absolute;transform:translate(-50%)}.mapa-report-gauge__reading strong{font-size:16px;font-weight:600}.mapa-report-gauge__reading span{color:var(--mapa-report-muted, #68747a);font-size:11px;margin-top:2px}.mapa-report-gauge__extremes{color:var(--mapa-report-muted, #68747a);display:flex;font-size:10px;justify-content:space-between;line-height:1.15;margin-top:3px;width:190px}.mapa-report-gauge__extremes span{max-width:68px}.mapa-report-gauge__extremes span:last-child{text-align:right}@media(max-width:760px){.mapa-report-socio__skill{grid-template-columns:1fr}.mapa-report-socio__skill-copy{align-content:start}.mapa-report-socio__vulnerability-head{display:none}.mapa-report-socio__vulnerability-row{align-items:start;gap:14px;grid-template-columns:1fr;min-height:0;padding:15px}.mapa-report-socio__vulnerability-dimension,.mapa-report-socio__vulnerability-classification,.mapa-report-socio__vulnerability-reading{display:grid;gap:6px}.mapa-report-socio__vulnerability-reading-grid{gap:10px;grid-template-columns:1fr}.mapa-report-socio__vulnerability-reading-grid>.mapa-report-socio__copy-block{border-left:0;border-top:1px solid var(--mapa-report-border, #e1e5e7);padding-left:0;padding-top:10px}.mapa-report-socio__cell-label{color:var(--mapa-report-muted, #68747a);display:block;font-size:9px;font-weight:600;letter-spacing:.04em;text-transform:uppercase}}: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)}\n"] }]
+        }], propDecorators: { heading: [{ type: i0.Input, args: [{ isSignal: true, alias: "heading", required: true }] }] } });
 
-class MapaReportPsychosocialWidgetComponent {
+class ReportPsychosocialContent {
     constructor() {
         this.i18n = inject(MapaI18nService);
-        this.heading = input.required(...(ngDevMode ? [{ debugName: "heading" }] : []));
         this.data = input.required(...(ngDevMode ? [{ debugName: "data" }] : []));
         this.palette = input('current', ...(ngDevMode ? [{ debugName: "palette" }] : []));
     }
@@ -8855,25 +9002,56 @@ class MapaReportPsychosocialWidgetComponent {
             ? this.i18n.texts.report.negativeDirectionLabel
             : this.i18n.texts.report.positiveDirectionLabel;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.21", ngImport: i0, type: MapaReportPsychosocialWidgetComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.21", type: MapaReportPsychosocialWidgetComponent, isStandalone: true, selector: "mapa-report-psychosocial-widget", inputs: { heading: { classPropertyName: "heading", publicName: "heading", isSignal: true, isRequired: true, transformFunction: null }, data: { classPropertyName: "data", publicName: "data", isSignal: true, isRequired: true, transformFunction: null }, palette: { classPropertyName: "palette", publicName: "palette", 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 (data().legendGroups?.length || data().readingIntro) {\n    <mapa-report-legend\n      appearance=\"psychosocial\"\n      [intro]=\"data().readingIntro\"\n      [groups]=\"data().legendGroups || []\"\n    />\n  }\n\n  @if (data().globalAverage !== undefined) {\n    <section class=\"mapa-report-psychosocial__global\">\n      <h3>{{ i18n.texts.report.globalAverageTitle }}</h3>\n      <mapa-result-track\n        [name]=\"i18n.texts.report.globalAverageTitle\"\n        [value]=\"data().globalAverage || 0\"\n      />\n      @if (data().globalDescription) {\n        <div\n          class=\"mapa-report-psychosocial__global-description\"\n          [innerHTML]=\"data().globalDescription | safeHtml\"\n        ></div>\n      }\n    </section>\n  }\n\n  @if (data().factors?.length) {\n    <div class=\"mapa-report-psychosocial__factors\">\n      @for (group of data().factors; track group.id) {\n        <section class=\"mapa-report-psychosocial__group\">\n          <h3>{{ group.name }}</h3>\n          @for (indicator of group.indicators; track indicator.id) {\n            <article class=\"mapa-report-psychosocial__factor\">\n              <header>\n                <h4>{{ indicator.name }}</h4>\n                <mapa-result-track\n                  mode=\"diverging\"\n                  [name]=\"indicator.name\"\n                  [value]=\"indicator.value ?? 0\"\n                  [direction]=\"indicator.direction || 'positive'\"\n                  [color]=\"color(indicator)\"\n                />\n                <strong>{{ indicator.value ?? 0 }}%</strong>\n              </header>\n\n              @if (indicator.concept) {\n                <section class=\"mapa-report-psychosocial__concept\">\n                  <h5>{{ i18n.texts.report.scaleConceptTitle }}</h5>\n                  <div\n                    class=\"mapa-report-psychosocial__copy\"\n                    [innerHTML]=\"indicator.concept | safeHtml\"\n                  ></div>\n                </section>\n              }\n\n              @if (indicator.description) {\n                <div\n                  class=\"mapa-report-psychosocial__description\"\n                  [innerHTML]=\"indicator.description | safeHtml\"\n                ></div>\n              }\n\n              @if (indicator.dimensions?.length) {\n                <section class=\"mapa-report-psychosocial__dimensions\">\n                  <h5>{{ i18n.texts.report.psychosocialFactorsTitle }}</h5>\n                  <div class=\"mapa-report-psychosocial__dimension-list\">\n                    @for (dimension of indicator.dimensions; track dimension.id) {\n                      <div class=\"mapa-report-psychosocial__dimension\">\n                        <span class=\"mapa-report-psychosocial__dimension-name\">\n                          <span\n                            class=\"mapa-direction-indicator\"\n                            [attr.aria-label]=\"\n                              directionLabel(\n                                dimension.direction || indicator.direction\n                              )\n                            \"\n                            >{{\n                              directionArrow(\n                                dimension.direction || indicator.direction\n                              )\n                            }}</span\n                          >\n                          <span>{{ dimension.name }}</span>\n                        </span>\n                        <mapa-result-track\n                          mode=\"diverging\"\n                          [name]=\"dimension.name\"\n                          [value]=\"dimension.value ?? 0\"\n                          [direction]=\"\n                            dimension.direction ||\n                            indicator.direction ||\n                            'positive'\n                          \"\n                          [color]=\"\n                            dimension.classification?.classificationColor ||\n                            color(indicator)\n                          \"\n                        />\n                        <strong>{{ dimension.value ?? 0 }}%</strong>\n                      </div>\n                    }\n                  </div>\n                </section>\n              }\n            </article>\n          }\n        </section>\n      }\n    </div>\n  } @else if (data().globalAverage === undefined) {\n    <p class=\"mapa-report-widget__empty\">{{ i18n.texts.report.emptyState }}</p>\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__modes--standalone{grid-column:1;grid-row:auto;justify-self:end}.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-report-widget__modes--standalone{grid-row:auto;margin-top:0}}.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-psychosocial__global{align-items:center;background:var(--mapa-report-surface);border:1px solid var(--mapa-report-border);border-radius:12px;display:grid;gap:12px 24px;grid-template-columns:minmax(180px,.62fr) minmax(260px,1.38fr);padding:16px 18px}.mapa-report-psychosocial__global h3{font-size:14px;margin:0}.mapa-report-psychosocial__global>div{color:var(--mapa-report-muted);font-size:12px;grid-column:1/-1;line-height:1.55}.mapa-report-psychosocial__global>div ::ng-deep ol,.mapa-report-psychosocial__global>div ::ng-deep p,.mapa-report-psychosocial__global>div ::ng-deep ul{margin:0 0 8px}.mapa-report-psychosocial__global>div ::ng-deep ol,.mapa-report-psychosocial__global>div ::ng-deep ul{padding-left:20px}.mapa-report-psychosocial__global>div ::ng-deep li{margin:0 0 3px}.mapa-report-psychosocial__global>div ::ng-deep b,.mapa-report-psychosocial__global>div ::ng-deep strong{color:var(--mapa-report-text, inherit);font-weight:600}.mapa-report-psychosocial__global>div ::ng-deep :last-child{margin-bottom:0}.mapa-report-psychosocial__factors,.mapa-report-psychosocial__group{display:grid}.mapa-report-psychosocial__factors{gap:28px}.mapa-report-psychosocial__group{gap:12px}.mapa-report-psychosocial__group>h3{align-items:center;border-bottom:1px solid var(--mapa-report-border);color:var(--mapa-report-text);display:flex;font-size:18px;font-weight:600;gap:11px;line-height:1.25;margin:0;padding:2px 2px 12px}.mapa-report-psychosocial__group>h3:before{background:var(--mapa-report-accent);border-radius:4px;content:\"\";flex:0 0 4px;height:24px}.mapa-report-psychosocial__factor{background:var(--mapa-report-surface);border:1px solid var(--mapa-report-border);border-radius:13px;overflow:hidden}.mapa-report-psychosocial__factor>header{align-items:center;display:grid;gap:20px;grid-template-columns:minmax(180px,1fr) minmax(260px,1.2fr) auto;padding:17px 18px 14px}.mapa-report-psychosocial__factor>header h4{color:#274866;font-size:17px;font-weight:500;line-height:1.25;margin:0}.mapa-report-psychosocial__factor>header>strong{color:var(--mapa-report-text);font-size:18px;text-align:right}.mapa-report-psychosocial__concept{background:#f8f9fa;border-radius:10px;margin:0 18px;padding:13px 14px}.mapa-report-psychosocial__concept div{color:var(--mapa-report-muted);font-size:12px;line-height:1.6}.mapa-report-psychosocial__concept div ::ng-deep ol,.mapa-report-psychosocial__concept div ::ng-deep p,.mapa-report-psychosocial__concept div ::ng-deep ul{margin:0 0 8px}.mapa-report-psychosocial__concept div ::ng-deep ol,.mapa-report-psychosocial__concept div ::ng-deep ul{padding-left:20px}.mapa-report-psychosocial__concept div ::ng-deep li{margin:0 0 3px}.mapa-report-psychosocial__concept div ::ng-deep b,.mapa-report-psychosocial__concept div ::ng-deep strong{color:var(--mapa-report-text, inherit);font-weight:600}.mapa-report-psychosocial__concept div ::ng-deep :last-child{margin-bottom:0}.mapa-report-psychosocial__description{color:var(--mapa-report-muted);font-size:12px;line-height:1.55;padding:14px 18px 0}.mapa-report-psychosocial__description ::ng-deep ol,.mapa-report-psychosocial__description ::ng-deep p,.mapa-report-psychosocial__description ::ng-deep ul{margin:0 0 8px}.mapa-report-psychosocial__description ::ng-deep ol,.mapa-report-psychosocial__description ::ng-deep ul{padding-left:20px}.mapa-report-psychosocial__description ::ng-deep li{margin:0 0 3px}.mapa-report-psychosocial__description ::ng-deep b,.mapa-report-psychosocial__description ::ng-deep strong{color:var(--mapa-report-text, inherit);font-weight:600}.mapa-report-psychosocial__description ::ng-deep :last-child{margin-bottom:0}.mapa-report-psychosocial__concept h5,.mapa-report-psychosocial__dimensions h5{align-items:center;color:#53646e;display:flex;font-size:10px;font-weight:800;gap:10px;letter-spacing:.06em;margin:0 0 8px;text-transform:uppercase}.mapa-report-psychosocial__concept h5:after,.mapa-report-psychosocial__dimensions h5:after{background:var(--mapa-report-border);content:\"\";flex:1;height:1px}.mapa-report-psychosocial__dimensions{padding:16px 18px 18px}.mapa-report-psychosocial__dimensions h5{margin-bottom:10px}.mapa-report-psychosocial__dimension-list{display:grid}.mapa-report-psychosocial__dimension{align-items:center;display:grid;gap:14px;grid-template-columns:212px minmax(220px,1fr) 45px;min-height:34px;padding:5px 0}.mapa-report-psychosocial__dimension+.mapa-report-psychosocial__dimension{border-top:1px solid #edf0f2}.mapa-report-psychosocial__dimension>strong{color:var(--mapa-report-muted);font-size:11px;text-align:right}.mapa-report-psychosocial__dimension-name{align-items:center;color:#3f5870;display:flex;font-size:12px;gap:7px;min-width:0}.mapa-report-psychosocial__dimension-name>span:last-child{overflow-wrap:anywhere}@media(max-width:760px){.mapa-report-psychosocial__global,.mapa-report-psychosocial__factor>header,.mapa-report-psychosocial__dimension{grid-template-columns:1fr}.mapa-report-psychosocial__factor>header{gap:8px}.mapa-report-psychosocial__factor>header>strong{text-align:left}.mapa-report-psychosocial__dimension{gap:4px}.mapa-report-psychosocial__dimension>strong{text-align:left}.mapa-report-psychosocial__concept{margin:0 14px}.mapa-report-psychosocial__dimensions{padding:14px}}\n"], dependencies: [{ 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", "style", "direction", "showValue", "ariaLabel"] }, { kind: "pipe", type: SafeHtmlPipe, name: "safeHtml" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.21", ngImport: i0, type: ReportPsychosocialContent, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "20.3.21", type: ReportPsychosocialContent, isStandalone: true, inputs: { data: { classPropertyName: "data", publicName: "data", isSignal: true, isRequired: true, transformFunction: null }, palette: { classPropertyName: "palette", publicName: "palette", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.21", ngImport: i0, type: ReportPsychosocialContent, decorators: [{
+            type: Directive
+        }], propDecorators: { data: [{ type: i0.Input, args: [{ isSignal: true, alias: "data", required: true }] }], palette: [{ type: i0.Input, args: [{ isSignal: true, alias: "palette", required: false }] }] } });
+
+/** Reusable global content, without the widget heading or mode selector. */
+class MapaReportPsychosocialWidgetGlobalComponent extends ReportPsychosocialContent {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.21", ngImport: i0, type: MapaReportPsychosocialWidgetGlobalComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.21", type: MapaReportPsychosocialWidgetGlobalComponent, isStandalone: true, selector: "mapa-report-psychosocial-widget-global", usesInheritance: true, ngImport: i0, template: "<div class=\"mapa-report-widget\" [attr.data-palette]=\"palette()\">\n  @if (data().globalAverage !== undefined) {\n    <section class=\"mapa-report-psychosocial__global\">\n      <h3>{{ i18n.texts.report.globalAverageTitle }}</h3>\n      <mapa-result-track\n        [name]=\"i18n.texts.report.globalAverageTitle\"\n        [value]=\"data().globalAverage || 0\"\n      />\n      @if (data().globalDescription) {\n        <div\n          class=\"mapa-report-psychosocial__global-description\"\n          [innerHTML]=\"data().globalDescription | safeHtml\"\n        ></div>\n      }\n    </section>\n  }\n</div>\n", styles: [":host{color:var(--mapa-report-text, #263238);display:block;min-width:0;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__modes--standalone{grid-column:1;grid-row:auto;justify-self:end}.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-report-widget__modes--standalone{grid-row:auto;margin-top:0}}.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-psychosocial__global{align-items:center;background:var(--mapa-report-surface, #fff);border:1px solid var(--mapa-report-border, #e1e5e7);border-radius:12px;display:grid;gap:12px 24px;grid-template-columns:minmax(180px,.62fr) minmax(260px,1.38fr);padding:16px 18px}.mapa-report-psychosocial__global h3{font-size:14px;margin:0}.mapa-report-psychosocial__global>div{color:var(--mapa-report-muted, #68747a);font-size:12px;grid-column:1/-1;line-height:1.55}.mapa-report-psychosocial__global>div ::ng-deep ol,.mapa-report-psychosocial__global>div ::ng-deep p,.mapa-report-psychosocial__global>div ::ng-deep ul{margin:0 0 8px}.mapa-report-psychosocial__global>div ::ng-deep ol,.mapa-report-psychosocial__global>div ::ng-deep ul{padding-left:20px}.mapa-report-psychosocial__global>div ::ng-deep li{margin:0 0 3px}.mapa-report-psychosocial__global>div ::ng-deep b,.mapa-report-psychosocial__global>div ::ng-deep strong{color:var(--mapa-report-text, inherit);font-weight:600}.mapa-report-psychosocial__global>div ::ng-deep :last-child{margin-bottom:0}.mapa-report-psychosocial__factors,.mapa-report-psychosocial__group{display:grid}.mapa-report-psychosocial__factors{gap:28px}.mapa-report-psychosocial__group{gap:12px}.mapa-report-psychosocial__group>h3{align-items:center;border-bottom:1px solid var(--mapa-report-border, #e1e5e7);color:var(--mapa-report-text, #263238);display:flex;font-size:18px;font-weight:600;gap:11px;line-height:1.25;margin:0;padding:2px 2px 12px}.mapa-report-psychosocial__group>h3:before{background:var(--mapa-report-accent, #ff560b);border-radius:4px;content:\"\";flex:0 0 4px;height:24px}.mapa-report-psychosocial__factor{background:var(--mapa-report-surface, #fff);border:1px solid var(--mapa-report-border, #e1e5e7);border-radius:13px;overflow:hidden}.mapa-report-psychosocial__factor>header{align-items:center;display:grid;gap:20px;grid-template-columns:minmax(180px,1fr) minmax(260px,1.2fr) auto;padding:17px 18px 14px}.mapa-report-psychosocial__factor>header h4{color:#274866;font-size:17px;font-weight:500;line-height:1.25;margin:0}.mapa-report-psychosocial__factor>header>strong{color:var(--mapa-report-text, #263238);font-size:18px;text-align:right}.mapa-report-psychosocial__concept{background:#f8f9fa;border-radius:10px;margin:0 18px;padding:13px 14px}.mapa-report-psychosocial__concept div{color:var(--mapa-report-muted, #68747a);font-size:12px;line-height:1.6}.mapa-report-psychosocial__concept div ::ng-deep ol,.mapa-report-psychosocial__concept div ::ng-deep p,.mapa-report-psychosocial__concept div ::ng-deep ul{margin:0 0 8px}.mapa-report-psychosocial__concept div ::ng-deep ol,.mapa-report-psychosocial__concept div ::ng-deep ul{padding-left:20px}.mapa-report-psychosocial__concept div ::ng-deep li{margin:0 0 3px}.mapa-report-psychosocial__concept div ::ng-deep b,.mapa-report-psychosocial__concept div ::ng-deep strong{color:var(--mapa-report-text, inherit);font-weight:600}.mapa-report-psychosocial__concept div ::ng-deep :last-child{margin-bottom:0}.mapa-report-psychosocial__description{color:var(--mapa-report-muted, #68747a);font-size:12px;line-height:1.55;padding:14px 18px 0}.mapa-report-psychosocial__description ::ng-deep ol,.mapa-report-psychosocial__description ::ng-deep p,.mapa-report-psychosocial__description ::ng-deep ul{margin:0 0 8px}.mapa-report-psychosocial__description ::ng-deep ol,.mapa-report-psychosocial__description ::ng-deep ul{padding-left:20px}.mapa-report-psychosocial__description ::ng-deep li{margin:0 0 3px}.mapa-report-psychosocial__description ::ng-deep b,.mapa-report-psychosocial__description ::ng-deep strong{color:var(--mapa-report-text, inherit);font-weight:600}.mapa-report-psychosocial__description ::ng-deep :last-child{margin-bottom:0}.mapa-report-psychosocial__concept h5,.mapa-report-psychosocial__dimensions h5{align-items:center;color:#53646e;display:flex;font-size:10px;font-weight:800;gap:10px;letter-spacing:.06em;margin:0 0 8px;text-transform:uppercase}.mapa-report-psychosocial__concept h5:after,.mapa-report-psychosocial__dimensions h5:after{background:var(--mapa-report-border, #e1e5e7);content:\"\";flex:1;height:1px}.mapa-report-psychosocial__dimensions{padding:16px 18px 18px}.mapa-report-psychosocial__dimensions h5{margin-bottom:10px}.mapa-report-psychosocial__dimension-list{display:grid}.mapa-report-psychosocial__dimension{align-items:center;display:grid;gap:14px;grid-template-columns:212px minmax(220px,1fr) 45px;min-height:34px;padding:5px 0}.mapa-report-psychosocial__dimension+.mapa-report-psychosocial__dimension{border-top:1px solid #edf0f2}.mapa-report-psychosocial__dimension>strong{color:var(--mapa-report-muted, #68747a);font-size:11px;text-align:right}.mapa-report-psychosocial__dimension-name{align-items:center;color:#3f5870;display:flex;font-size:12px;gap:7px;min-width:0}.mapa-report-psychosocial__dimension-name>span:last-child{overflow-wrap:anywhere}@media(max-width:760px){.mapa-report-psychosocial__global,.mapa-report-psychosocial__factor>header,.mapa-report-psychosocial__dimension{grid-template-columns:1fr}.mapa-report-psychosocial__factor>header{gap:8px}.mapa-report-psychosocial__factor>header>strong{text-align:left}.mapa-report-psychosocial__dimension{gap:4px}.mapa-report-psychosocial__dimension>strong{text-align:left}.mapa-report-psychosocial__concept{margin:0 14px}.mapa-report-psychosocial__dimensions{padding:14px}}\n"], dependencies: [{ kind: "component", type: MapaResultTrackComponent, selector: "mapa-result-track", inputs: ["name", "value", "color", "mode", "appearance", "style", "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: MapaReportPsychosocialWidgetGlobalComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'mapa-report-psychosocial-widget-global', standalone: true, imports: [MapaResultTrackComponent, SafeHtmlPipe], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"mapa-report-widget\" [attr.data-palette]=\"palette()\">\n  @if (data().globalAverage !== undefined) {\n    <section class=\"mapa-report-psychosocial__global\">\n      <h3>{{ i18n.texts.report.globalAverageTitle }}</h3>\n      <mapa-result-track\n        [name]=\"i18n.texts.report.globalAverageTitle\"\n        [value]=\"data().globalAverage || 0\"\n      />\n      @if (data().globalDescription) {\n        <div\n          class=\"mapa-report-psychosocial__global-description\"\n          [innerHTML]=\"data().globalDescription | safeHtml\"\n        ></div>\n      }\n    </section>\n  }\n</div>\n", styles: [":host{color:var(--mapa-report-text, #263238);display:block;min-width:0;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__modes--standalone{grid-column:1;grid-row:auto;justify-self:end}.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-report-widget__modes--standalone{grid-row:auto;margin-top:0}}.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-psychosocial__global{align-items:center;background:var(--mapa-report-surface, #fff);border:1px solid var(--mapa-report-border, #e1e5e7);border-radius:12px;display:grid;gap:12px 24px;grid-template-columns:minmax(180px,.62fr) minmax(260px,1.38fr);padding:16px 18px}.mapa-report-psychosocial__global h3{font-size:14px;margin:0}.mapa-report-psychosocial__global>div{color:var(--mapa-report-muted, #68747a);font-size:12px;grid-column:1/-1;line-height:1.55}.mapa-report-psychosocial__global>div ::ng-deep ol,.mapa-report-psychosocial__global>div ::ng-deep p,.mapa-report-psychosocial__global>div ::ng-deep ul{margin:0 0 8px}.mapa-report-psychosocial__global>div ::ng-deep ol,.mapa-report-psychosocial__global>div ::ng-deep ul{padding-left:20px}.mapa-report-psychosocial__global>div ::ng-deep li{margin:0 0 3px}.mapa-report-psychosocial__global>div ::ng-deep b,.mapa-report-psychosocial__global>div ::ng-deep strong{color:var(--mapa-report-text, inherit);font-weight:600}.mapa-report-psychosocial__global>div ::ng-deep :last-child{margin-bottom:0}.mapa-report-psychosocial__factors,.mapa-report-psychosocial__group{display:grid}.mapa-report-psychosocial__factors{gap:28px}.mapa-report-psychosocial__group{gap:12px}.mapa-report-psychosocial__group>h3{align-items:center;border-bottom:1px solid var(--mapa-report-border, #e1e5e7);color:var(--mapa-report-text, #263238);display:flex;font-size:18px;font-weight:600;gap:11px;line-height:1.25;margin:0;padding:2px 2px 12px}.mapa-report-psychosocial__group>h3:before{background:var(--mapa-report-accent, #ff560b);border-radius:4px;content:\"\";flex:0 0 4px;height:24px}.mapa-report-psychosocial__factor{background:var(--mapa-report-surface, #fff);border:1px solid var(--mapa-report-border, #e1e5e7);border-radius:13px;overflow:hidden}.mapa-report-psychosocial__factor>header{align-items:center;display:grid;gap:20px;grid-template-columns:minmax(180px,1fr) minmax(260px,1.2fr) auto;padding:17px 18px 14px}.mapa-report-psychosocial__factor>header h4{color:#274866;font-size:17px;font-weight:500;line-height:1.25;margin:0}.mapa-report-psychosocial__factor>header>strong{color:var(--mapa-report-text, #263238);font-size:18px;text-align:right}.mapa-report-psychosocial__concept{background:#f8f9fa;border-radius:10px;margin:0 18px;padding:13px 14px}.mapa-report-psychosocial__concept div{color:var(--mapa-report-muted, #68747a);font-size:12px;line-height:1.6}.mapa-report-psychosocial__concept div ::ng-deep ol,.mapa-report-psychosocial__concept div ::ng-deep p,.mapa-report-psychosocial__concept div ::ng-deep ul{margin:0 0 8px}.mapa-report-psychosocial__concept div ::ng-deep ol,.mapa-report-psychosocial__concept div ::ng-deep ul{padding-left:20px}.mapa-report-psychosocial__concept div ::ng-deep li{margin:0 0 3px}.mapa-report-psychosocial__concept div ::ng-deep b,.mapa-report-psychosocial__concept div ::ng-deep strong{color:var(--mapa-report-text, inherit);font-weight:600}.mapa-report-psychosocial__concept div ::ng-deep :last-child{margin-bottom:0}.mapa-report-psychosocial__description{color:var(--mapa-report-muted, #68747a);font-size:12px;line-height:1.55;padding:14px 18px 0}.mapa-report-psychosocial__description ::ng-deep ol,.mapa-report-psychosocial__description ::ng-deep p,.mapa-report-psychosocial__description ::ng-deep ul{margin:0 0 8px}.mapa-report-psychosocial__description ::ng-deep ol,.mapa-report-psychosocial__description ::ng-deep ul{padding-left:20px}.mapa-report-psychosocial__description ::ng-deep li{margin:0 0 3px}.mapa-report-psychosocial__description ::ng-deep b,.mapa-report-psychosocial__description ::ng-deep strong{color:var(--mapa-report-text, inherit);font-weight:600}.mapa-report-psychosocial__description ::ng-deep :last-child{margin-bottom:0}.mapa-report-psychosocial__concept h5,.mapa-report-psychosocial__dimensions h5{align-items:center;color:#53646e;display:flex;font-size:10px;font-weight:800;gap:10px;letter-spacing:.06em;margin:0 0 8px;text-transform:uppercase}.mapa-report-psychosocial__concept h5:after,.mapa-report-psychosocial__dimensions h5:after{background:var(--mapa-report-border, #e1e5e7);content:\"\";flex:1;height:1px}.mapa-report-psychosocial__dimensions{padding:16px 18px 18px}.mapa-report-psychosocial__dimensions h5{margin-bottom:10px}.mapa-report-psychosocial__dimension-list{display:grid}.mapa-report-psychosocial__dimension{align-items:center;display:grid;gap:14px;grid-template-columns:212px minmax(220px,1fr) 45px;min-height:34px;padding:5px 0}.mapa-report-psychosocial__dimension+.mapa-report-psychosocial__dimension{border-top:1px solid #edf0f2}.mapa-report-psychosocial__dimension>strong{color:var(--mapa-report-muted, #68747a);font-size:11px;text-align:right}.mapa-report-psychosocial__dimension-name{align-items:center;color:#3f5870;display:flex;font-size:12px;gap:7px;min-width:0}.mapa-report-psychosocial__dimension-name>span:last-child{overflow-wrap:anywhere}@media(max-width:760px){.mapa-report-psychosocial__global,.mapa-report-psychosocial__factor>header,.mapa-report-psychosocial__dimension{grid-template-columns:1fr}.mapa-report-psychosocial__factor>header{gap:8px}.mapa-report-psychosocial__factor>header>strong{text-align:left}.mapa-report-psychosocial__dimension{gap:4px}.mapa-report-psychosocial__dimension>strong{text-align:left}.mapa-report-psychosocial__concept{margin:0 14px}.mapa-report-psychosocial__dimensions{padding:14px}}\n"] }]
+        }] });
+
+/** Reusable factors content, without the widget heading or mode selector. */
+class MapaReportPsychosocialWidgetFactorsComponent extends ReportPsychosocialContent {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.21", ngImport: i0, type: MapaReportPsychosocialWidgetFactorsComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.21", type: MapaReportPsychosocialWidgetFactorsComponent, isStandalone: true, selector: "mapa-report-psychosocial-widget-factors", usesInheritance: true, ngImport: i0, template: "<div class=\"mapa-report-widget\" [attr.data-palette]=\"palette()\">\n  @if (data().factors?.length) {\n    <div class=\"mapa-report-psychosocial__factors\">\n      @for (group of data().factors; track group.id) {\n        <section class=\"mapa-report-psychosocial__group\">\n          <h3>{{ group.name }}</h3>\n          @for (indicator of group.indicators; track indicator.id) {\n            <article class=\"mapa-report-psychosocial__factor\">\n              <header>\n                <h4>{{ indicator.name }}</h4>\n                <mapa-result-track\n                  mode=\"diverging\"\n                  [name]=\"indicator.name\"\n                  [value]=\"indicator.value ?? 0\"\n                  [direction]=\"indicator.direction || 'positive'\"\n                  [color]=\"color(indicator)\"\n                />\n                <strong>{{ indicator.value ?? 0 }}%</strong>\n              </header>\n\n              @if (indicator.concept) {\n                <section class=\"mapa-report-psychosocial__concept\">\n                  <h5>{{ i18n.texts.report.scaleConceptTitle }}</h5>\n                  <div\n                    class=\"mapa-report-psychosocial__copy\"\n                    [innerHTML]=\"indicator.concept | safeHtml\"\n                  ></div>\n                </section>\n              }\n\n              @if (indicator.description) {\n                <div\n                  class=\"mapa-report-psychosocial__description\"\n                  [innerHTML]=\"indicator.description | safeHtml\"\n                ></div>\n              }\n\n              @if (indicator.dimensions?.length) {\n                <section class=\"mapa-report-psychosocial__dimensions\">\n                  <h5>{{ i18n.texts.report.psychosocialFactorsTitle }}</h5>\n                  <div class=\"mapa-report-psychosocial__dimension-list\">\n                    @for (\n                      dimension of indicator.dimensions;\n                      track dimension.id\n                    ) {\n                      <div class=\"mapa-report-psychosocial__dimension\">\n                        <span class=\"mapa-report-psychosocial__dimension-name\">\n                          <span\n                            class=\"mapa-direction-indicator\"\n                            [attr.aria-label]=\"\n                              directionLabel(\n                                dimension.direction || indicator.direction\n                              )\n                            \"\n                            >{{\n                              directionArrow(\n                                dimension.direction || indicator.direction\n                              )\n                            }}</span\n                          >\n                          <span>{{ dimension.name }}</span>\n                        </span>\n                        <mapa-result-track\n                          mode=\"diverging\"\n                          [name]=\"dimension.name\"\n                          [value]=\"dimension.value ?? 0\"\n                          [direction]=\"\n                            dimension.direction ||\n                            indicator.direction ||\n                            'positive'\n                          \"\n                          [color]=\"\n                            dimension.classification?.classificationColor ||\n                            color(indicator)\n                          \"\n                        />\n                        <strong>{{ dimension.value ?? 0 }}%</strong>\n                      </div>\n                    }\n                  </div>\n                </section>\n              }\n            </article>\n          }\n        </section>\n      }\n    </div>\n  } @else {\n    <p class=\"mapa-report-widget__empty\">{{ i18n.texts.report.emptyState }}</p>\n  }\n</div>\n", styles: [":host{color:var(--mapa-report-text, #263238);display:block;min-width:0;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__modes--standalone{grid-column:1;grid-row:auto;justify-self:end}.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-report-widget__modes--standalone{grid-row:auto;margin-top:0}}.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-psychosocial__global{align-items:center;background:var(--mapa-report-surface, #fff);border:1px solid var(--mapa-report-border, #e1e5e7);border-radius:12px;display:grid;gap:12px 24px;grid-template-columns:minmax(180px,.62fr) minmax(260px,1.38fr);padding:16px 18px}.mapa-report-psychosocial__global h3{font-size:14px;margin:0}.mapa-report-psychosocial__global>div{color:var(--mapa-report-muted, #68747a);font-size:12px;grid-column:1/-1;line-height:1.55}.mapa-report-psychosocial__global>div ::ng-deep ol,.mapa-report-psychosocial__global>div ::ng-deep p,.mapa-report-psychosocial__global>div ::ng-deep ul{margin:0 0 8px}.mapa-report-psychosocial__global>div ::ng-deep ol,.mapa-report-psychosocial__global>div ::ng-deep ul{padding-left:20px}.mapa-report-psychosocial__global>div ::ng-deep li{margin:0 0 3px}.mapa-report-psychosocial__global>div ::ng-deep b,.mapa-report-psychosocial__global>div ::ng-deep strong{color:var(--mapa-report-text, inherit);font-weight:600}.mapa-report-psychosocial__global>div ::ng-deep :last-child{margin-bottom:0}.mapa-report-psychosocial__factors,.mapa-report-psychosocial__group{display:grid}.mapa-report-psychosocial__factors{gap:28px}.mapa-report-psychosocial__group{gap:12px}.mapa-report-psychosocial__group>h3{align-items:center;border-bottom:1px solid var(--mapa-report-border, #e1e5e7);color:var(--mapa-report-text, #263238);display:flex;font-size:18px;font-weight:600;gap:11px;line-height:1.25;margin:0;padding:2px 2px 12px}.mapa-report-psychosocial__group>h3:before{background:var(--mapa-report-accent, #ff560b);border-radius:4px;content:\"\";flex:0 0 4px;height:24px}.mapa-report-psychosocial__factor{background:var(--mapa-report-surface, #fff);border:1px solid var(--mapa-report-border, #e1e5e7);border-radius:13px;overflow:hidden}.mapa-report-psychosocial__factor>header{align-items:center;display:grid;gap:20px;grid-template-columns:minmax(180px,1fr) minmax(260px,1.2fr) auto;padding:17px 18px 14px}.mapa-report-psychosocial__factor>header h4{color:#274866;font-size:17px;font-weight:500;line-height:1.25;margin:0}.mapa-report-psychosocial__factor>header>strong{color:var(--mapa-report-text, #263238);font-size:18px;text-align:right}.mapa-report-psychosocial__concept{background:#f8f9fa;border-radius:10px;margin:0 18px;padding:13px 14px}.mapa-report-psychosocial__concept div{color:var(--mapa-report-muted, #68747a);font-size:12px;line-height:1.6}.mapa-report-psychosocial__concept div ::ng-deep ol,.mapa-report-psychosocial__concept div ::ng-deep p,.mapa-report-psychosocial__concept div ::ng-deep ul{margin:0 0 8px}.mapa-report-psychosocial__concept div ::ng-deep ol,.mapa-report-psychosocial__concept div ::ng-deep ul{padding-left:20px}.mapa-report-psychosocial__concept div ::ng-deep li{margin:0 0 3px}.mapa-report-psychosocial__concept div ::ng-deep b,.mapa-report-psychosocial__concept div ::ng-deep strong{color:var(--mapa-report-text, inherit);font-weight:600}.mapa-report-psychosocial__concept div ::ng-deep :last-child{margin-bottom:0}.mapa-report-psychosocial__description{color:var(--mapa-report-muted, #68747a);font-size:12px;line-height:1.55;padding:14px 18px 0}.mapa-report-psychosocial__description ::ng-deep ol,.mapa-report-psychosocial__description ::ng-deep p,.mapa-report-psychosocial__description ::ng-deep ul{margin:0 0 8px}.mapa-report-psychosocial__description ::ng-deep ol,.mapa-report-psychosocial__description ::ng-deep ul{padding-left:20px}.mapa-report-psychosocial__description ::ng-deep li{margin:0 0 3px}.mapa-report-psychosocial__description ::ng-deep b,.mapa-report-psychosocial__description ::ng-deep strong{color:var(--mapa-report-text, inherit);font-weight:600}.mapa-report-psychosocial__description ::ng-deep :last-child{margin-bottom:0}.mapa-report-psychosocial__concept h5,.mapa-report-psychosocial__dimensions h5{align-items:center;color:#53646e;display:flex;font-size:10px;font-weight:800;gap:10px;letter-spacing:.06em;margin:0 0 8px;text-transform:uppercase}.mapa-report-psychosocial__concept h5:after,.mapa-report-psychosocial__dimensions h5:after{background:var(--mapa-report-border, #e1e5e7);content:\"\";flex:1;height:1px}.mapa-report-psychosocial__dimensions{padding:16px 18px 18px}.mapa-report-psychosocial__dimensions h5{margin-bottom:10px}.mapa-report-psychosocial__dimension-list{display:grid}.mapa-report-psychosocial__dimension{align-items:center;display:grid;gap:14px;grid-template-columns:212px minmax(220px,1fr) 45px;min-height:34px;padding:5px 0}.mapa-report-psychosocial__dimension+.mapa-report-psychosocial__dimension{border-top:1px solid #edf0f2}.mapa-report-psychosocial__dimension>strong{color:var(--mapa-report-muted, #68747a);font-size:11px;text-align:right}.mapa-report-psychosocial__dimension-name{align-items:center;color:#3f5870;display:flex;font-size:12px;gap:7px;min-width:0}.mapa-report-psychosocial__dimension-name>span:last-child{overflow-wrap:anywhere}@media(max-width:760px){.mapa-report-psychosocial__global,.mapa-report-psychosocial__factor>header,.mapa-report-psychosocial__dimension{grid-template-columns:1fr}.mapa-report-psychosocial__factor>header{gap:8px}.mapa-report-psychosocial__factor>header>strong{text-align:left}.mapa-report-psychosocial__dimension{gap:4px}.mapa-report-psychosocial__dimension>strong{text-align:left}.mapa-report-psychosocial__concept{margin:0 14px}.mapa-report-psychosocial__dimensions{padding:14px}}\n"], dependencies: [{ kind: "component", type: MapaResultTrackComponent, selector: "mapa-result-track", inputs: ["name", "value", "color", "mode", "appearance", "style", "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: MapaReportPsychosocialWidgetFactorsComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'mapa-report-psychosocial-widget-factors', standalone: true, imports: [MapaResultTrackComponent, SafeHtmlPipe], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"mapa-report-widget\" [attr.data-palette]=\"palette()\">\n  @if (data().factors?.length) {\n    <div class=\"mapa-report-psychosocial__factors\">\n      @for (group of data().factors; track group.id) {\n        <section class=\"mapa-report-psychosocial__group\">\n          <h3>{{ group.name }}</h3>\n          @for (indicator of group.indicators; track indicator.id) {\n            <article class=\"mapa-report-psychosocial__factor\">\n              <header>\n                <h4>{{ indicator.name }}</h4>\n                <mapa-result-track\n                  mode=\"diverging\"\n                  [name]=\"indicator.name\"\n                  [value]=\"indicator.value ?? 0\"\n                  [direction]=\"indicator.direction || 'positive'\"\n                  [color]=\"color(indicator)\"\n                />\n                <strong>{{ indicator.value ?? 0 }}%</strong>\n              </header>\n\n              @if (indicator.concept) {\n                <section class=\"mapa-report-psychosocial__concept\">\n                  <h5>{{ i18n.texts.report.scaleConceptTitle }}</h5>\n                  <div\n                    class=\"mapa-report-psychosocial__copy\"\n                    [innerHTML]=\"indicator.concept | safeHtml\"\n                  ></div>\n                </section>\n              }\n\n              @if (indicator.description) {\n                <div\n                  class=\"mapa-report-psychosocial__description\"\n                  [innerHTML]=\"indicator.description | safeHtml\"\n                ></div>\n              }\n\n              @if (indicator.dimensions?.length) {\n                <section class=\"mapa-report-psychosocial__dimensions\">\n                  <h5>{{ i18n.texts.report.psychosocialFactorsTitle }}</h5>\n                  <div class=\"mapa-report-psychosocial__dimension-list\">\n                    @for (\n                      dimension of indicator.dimensions;\n                      track dimension.id\n                    ) {\n                      <div class=\"mapa-report-psychosocial__dimension\">\n                        <span class=\"mapa-report-psychosocial__dimension-name\">\n                          <span\n                            class=\"mapa-direction-indicator\"\n                            [attr.aria-label]=\"\n                              directionLabel(\n                                dimension.direction || indicator.direction\n                              )\n                            \"\n                            >{{\n                              directionArrow(\n                                dimension.direction || indicator.direction\n                              )\n                            }}</span\n                          >\n                          <span>{{ dimension.name }}</span>\n                        </span>\n                        <mapa-result-track\n                          mode=\"diverging\"\n                          [name]=\"dimension.name\"\n                          [value]=\"dimension.value ?? 0\"\n                          [direction]=\"\n                            dimension.direction ||\n                            indicator.direction ||\n                            'positive'\n                          \"\n                          [color]=\"\n                            dimension.classification?.classificationColor ||\n                            color(indicator)\n                          \"\n                        />\n                        <strong>{{ dimension.value ?? 0 }}%</strong>\n                      </div>\n                    }\n                  </div>\n                </section>\n              }\n            </article>\n          }\n        </section>\n      }\n    </div>\n  } @else {\n    <p class=\"mapa-report-widget__empty\">{{ i18n.texts.report.emptyState }}</p>\n  }\n</div>\n", styles: [":host{color:var(--mapa-report-text, #263238);display:block;min-width:0;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__modes--standalone{grid-column:1;grid-row:auto;justify-self:end}.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-report-widget__modes--standalone{grid-row:auto;margin-top:0}}.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-psychosocial__global{align-items:center;background:var(--mapa-report-surface, #fff);border:1px solid var(--mapa-report-border, #e1e5e7);border-radius:12px;display:grid;gap:12px 24px;grid-template-columns:minmax(180px,.62fr) minmax(260px,1.38fr);padding:16px 18px}.mapa-report-psychosocial__global h3{font-size:14px;margin:0}.mapa-report-psychosocial__global>div{color:var(--mapa-report-muted, #68747a);font-size:12px;grid-column:1/-1;line-height:1.55}.mapa-report-psychosocial__global>div ::ng-deep ol,.mapa-report-psychosocial__global>div ::ng-deep p,.mapa-report-psychosocial__global>div ::ng-deep ul{margin:0 0 8px}.mapa-report-psychosocial__global>div ::ng-deep ol,.mapa-report-psychosocial__global>div ::ng-deep ul{padding-left:20px}.mapa-report-psychosocial__global>div ::ng-deep li{margin:0 0 3px}.mapa-report-psychosocial__global>div ::ng-deep b,.mapa-report-psychosocial__global>div ::ng-deep strong{color:var(--mapa-report-text, inherit);font-weight:600}.mapa-report-psychosocial__global>div ::ng-deep :last-child{margin-bottom:0}.mapa-report-psychosocial__factors,.mapa-report-psychosocial__group{display:grid}.mapa-report-psychosocial__factors{gap:28px}.mapa-report-psychosocial__group{gap:12px}.mapa-report-psychosocial__group>h3{align-items:center;border-bottom:1px solid var(--mapa-report-border, #e1e5e7);color:var(--mapa-report-text, #263238);display:flex;font-size:18px;font-weight:600;gap:11px;line-height:1.25;margin:0;padding:2px 2px 12px}.mapa-report-psychosocial__group>h3:before{background:var(--mapa-report-accent, #ff560b);border-radius:4px;content:\"\";flex:0 0 4px;height:24px}.mapa-report-psychosocial__factor{background:var(--mapa-report-surface, #fff);border:1px solid var(--mapa-report-border, #e1e5e7);border-radius:13px;overflow:hidden}.mapa-report-psychosocial__factor>header{align-items:center;display:grid;gap:20px;grid-template-columns:minmax(180px,1fr) minmax(260px,1.2fr) auto;padding:17px 18px 14px}.mapa-report-psychosocial__factor>header h4{color:#274866;font-size:17px;font-weight:500;line-height:1.25;margin:0}.mapa-report-psychosocial__factor>header>strong{color:var(--mapa-report-text, #263238);font-size:18px;text-align:right}.mapa-report-psychosocial__concept{background:#f8f9fa;border-radius:10px;margin:0 18px;padding:13px 14px}.mapa-report-psychosocial__concept div{color:var(--mapa-report-muted, #68747a);font-size:12px;line-height:1.6}.mapa-report-psychosocial__concept div ::ng-deep ol,.mapa-report-psychosocial__concept div ::ng-deep p,.mapa-report-psychosocial__concept div ::ng-deep ul{margin:0 0 8px}.mapa-report-psychosocial__concept div ::ng-deep ol,.mapa-report-psychosocial__concept div ::ng-deep ul{padding-left:20px}.mapa-report-psychosocial__concept div ::ng-deep li{margin:0 0 3px}.mapa-report-psychosocial__concept div ::ng-deep b,.mapa-report-psychosocial__concept div ::ng-deep strong{color:var(--mapa-report-text, inherit);font-weight:600}.mapa-report-psychosocial__concept div ::ng-deep :last-child{margin-bottom:0}.mapa-report-psychosocial__description{color:var(--mapa-report-muted, #68747a);font-size:12px;line-height:1.55;padding:14px 18px 0}.mapa-report-psychosocial__description ::ng-deep ol,.mapa-report-psychosocial__description ::ng-deep p,.mapa-report-psychosocial__description ::ng-deep ul{margin:0 0 8px}.mapa-report-psychosocial__description ::ng-deep ol,.mapa-report-psychosocial__description ::ng-deep ul{padding-left:20px}.mapa-report-psychosocial__description ::ng-deep li{margin:0 0 3px}.mapa-report-psychosocial__description ::ng-deep b,.mapa-report-psychosocial__description ::ng-deep strong{color:var(--mapa-report-text, inherit);font-weight:600}.mapa-report-psychosocial__description ::ng-deep :last-child{margin-bottom:0}.mapa-report-psychosocial__concept h5,.mapa-report-psychosocial__dimensions h5{align-items:center;color:#53646e;display:flex;font-size:10px;font-weight:800;gap:10px;letter-spacing:.06em;margin:0 0 8px;text-transform:uppercase}.mapa-report-psychosocial__concept h5:after,.mapa-report-psychosocial__dimensions h5:after{background:var(--mapa-report-border, #e1e5e7);content:\"\";flex:1;height:1px}.mapa-report-psychosocial__dimensions{padding:16px 18px 18px}.mapa-report-psychosocial__dimensions h5{margin-bottom:10px}.mapa-report-psychosocial__dimension-list{display:grid}.mapa-report-psychosocial__dimension{align-items:center;display:grid;gap:14px;grid-template-columns:212px minmax(220px,1fr) 45px;min-height:34px;padding:5px 0}.mapa-report-psychosocial__dimension+.mapa-report-psychosocial__dimension{border-top:1px solid #edf0f2}.mapa-report-psychosocial__dimension>strong{color:var(--mapa-report-muted, #68747a);font-size:11px;text-align:right}.mapa-report-psychosocial__dimension-name{align-items:center;color:#3f5870;display:flex;font-size:12px;gap:7px;min-width:0}.mapa-report-psychosocial__dimension-name>span:last-child{overflow-wrap:anywhere}@media(max-width:760px){.mapa-report-psychosocial__global,.mapa-report-psychosocial__factor>header,.mapa-report-psychosocial__dimension{grid-template-columns:1fr}.mapa-report-psychosocial__factor>header{gap:8px}.mapa-report-psychosocial__factor>header>strong{text-align:left}.mapa-report-psychosocial__dimension{gap:4px}.mapa-report-psychosocial__dimension>strong{text-align:left}.mapa-report-psychosocial__concept{margin:0 14px}.mapa-report-psychosocial__dimensions{padding:14px}}\n"] }]
+        }] });
+
+class MapaReportPsychosocialWidgetComponent extends ReportPsychosocialContent {
+    constructor() {
+        super(...arguments);
+        this.heading = input.required(...(ngDevMode ? [{ debugName: "heading" }] : []));
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.21", ngImport: i0, type: MapaReportPsychosocialWidgetComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.21", type: MapaReportPsychosocialWidgetComponent, isStandalone: true, selector: "mapa-report-psychosocial-widget", inputs: { heading: { classPropertyName: "heading", publicName: "heading", isSignal: true, isRequired: true, transformFunction: null } }, usesInheritance: true, 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 (data().legendGroups?.length || data().readingIntro) {\n    <mapa-report-legend\n      appearance=\"psychosocial\"\n      [intro]=\"data().readingIntro\"\n      [groups]=\"data().legendGroups || []\"\n    />\n  }\n\n  @if (data().globalAverage !== undefined) {\n    <mapa-report-psychosocial-widget-global\n      [data]=\"data()\"\n      [palette]=\"palette()\"\n    />\n  }\n  @if (data().factors?.length) {\n    <mapa-report-psychosocial-widget-factors\n      [data]=\"data()\"\n      [palette]=\"palette()\"\n    />\n  } @else if (data().globalAverage === undefined) {\n    <p class=\"mapa-report-widget__empty\">{{ i18n.texts.report.emptyState }}</p>\n  }\n</section>\n", styles: [":host{color:var(--mapa-report-text, #263238);display:block;min-width:0;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__modes--standalone{grid-column:1;grid-row:auto;justify-self:end}.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-report-widget__modes--standalone{grid-row:auto;margin-top:0}}.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-psychosocial__global{align-items:center;background:var(--mapa-report-surface, #fff);border:1px solid var(--mapa-report-border, #e1e5e7);border-radius:12px;display:grid;gap:12px 24px;grid-template-columns:minmax(180px,.62fr) minmax(260px,1.38fr);padding:16px 18px}.mapa-report-psychosocial__global h3{font-size:14px;margin:0}.mapa-report-psychosocial__global>div{color:var(--mapa-report-muted, #68747a);font-size:12px;grid-column:1/-1;line-height:1.55}.mapa-report-psychosocial__global>div ::ng-deep ol,.mapa-report-psychosocial__global>div ::ng-deep p,.mapa-report-psychosocial__global>div ::ng-deep ul{margin:0 0 8px}.mapa-report-psychosocial__global>div ::ng-deep ol,.mapa-report-psychosocial__global>div ::ng-deep ul{padding-left:20px}.mapa-report-psychosocial__global>div ::ng-deep li{margin:0 0 3px}.mapa-report-psychosocial__global>div ::ng-deep b,.mapa-report-psychosocial__global>div ::ng-deep strong{color:var(--mapa-report-text, inherit);font-weight:600}.mapa-report-psychosocial__global>div ::ng-deep :last-child{margin-bottom:0}.mapa-report-psychosocial__factors,.mapa-report-psychosocial__group{display:grid}.mapa-report-psychosocial__factors{gap:28px}.mapa-report-psychosocial__group{gap:12px}.mapa-report-psychosocial__group>h3{align-items:center;border-bottom:1px solid var(--mapa-report-border, #e1e5e7);color:var(--mapa-report-text, #263238);display:flex;font-size:18px;font-weight:600;gap:11px;line-height:1.25;margin:0;padding:2px 2px 12px}.mapa-report-psychosocial__group>h3:before{background:var(--mapa-report-accent, #ff560b);border-radius:4px;content:\"\";flex:0 0 4px;height:24px}.mapa-report-psychosocial__factor{background:var(--mapa-report-surface, #fff);border:1px solid var(--mapa-report-border, #e1e5e7);border-radius:13px;overflow:hidden}.mapa-report-psychosocial__factor>header{align-items:center;display:grid;gap:20px;grid-template-columns:minmax(180px,1fr) minmax(260px,1.2fr) auto;padding:17px 18px 14px}.mapa-report-psychosocial__factor>header h4{color:#274866;font-size:17px;font-weight:500;line-height:1.25;margin:0}.mapa-report-psychosocial__factor>header>strong{color:var(--mapa-report-text, #263238);font-size:18px;text-align:right}.mapa-report-psychosocial__concept{background:#f8f9fa;border-radius:10px;margin:0 18px;padding:13px 14px}.mapa-report-psychosocial__concept div{color:var(--mapa-report-muted, #68747a);font-size:12px;line-height:1.6}.mapa-report-psychosocial__concept div ::ng-deep ol,.mapa-report-psychosocial__concept div ::ng-deep p,.mapa-report-psychosocial__concept div ::ng-deep ul{margin:0 0 8px}.mapa-report-psychosocial__concept div ::ng-deep ol,.mapa-report-psychosocial__concept div ::ng-deep ul{padding-left:20px}.mapa-report-psychosocial__concept div ::ng-deep li{margin:0 0 3px}.mapa-report-psychosocial__concept div ::ng-deep b,.mapa-report-psychosocial__concept div ::ng-deep strong{color:var(--mapa-report-text, inherit);font-weight:600}.mapa-report-psychosocial__concept div ::ng-deep :last-child{margin-bottom:0}.mapa-report-psychosocial__description{color:var(--mapa-report-muted, #68747a);font-size:12px;line-height:1.55;padding:14px 18px 0}.mapa-report-psychosocial__description ::ng-deep ol,.mapa-report-psychosocial__description ::ng-deep p,.mapa-report-psychosocial__description ::ng-deep ul{margin:0 0 8px}.mapa-report-psychosocial__description ::ng-deep ol,.mapa-report-psychosocial__description ::ng-deep ul{padding-left:20px}.mapa-report-psychosocial__description ::ng-deep li{margin:0 0 3px}.mapa-report-psychosocial__description ::ng-deep b,.mapa-report-psychosocial__description ::ng-deep strong{color:var(--mapa-report-text, inherit);font-weight:600}.mapa-report-psychosocial__description ::ng-deep :last-child{margin-bottom:0}.mapa-report-psychosocial__concept h5,.mapa-report-psychosocial__dimensions h5{align-items:center;color:#53646e;display:flex;font-size:10px;font-weight:800;gap:10px;letter-spacing:.06em;margin:0 0 8px;text-transform:uppercase}.mapa-report-psychosocial__concept h5:after,.mapa-report-psychosocial__dimensions h5:after{background:var(--mapa-report-border, #e1e5e7);content:\"\";flex:1;height:1px}.mapa-report-psychosocial__dimensions{padding:16px 18px 18px}.mapa-report-psychosocial__dimensions h5{margin-bottom:10px}.mapa-report-psychosocial__dimension-list{display:grid}.mapa-report-psychosocial__dimension{align-items:center;display:grid;gap:14px;grid-template-columns:212px minmax(220px,1fr) 45px;min-height:34px;padding:5px 0}.mapa-report-psychosocial__dimension+.mapa-report-psychosocial__dimension{border-top:1px solid #edf0f2}.mapa-report-psychosocial__dimension>strong{color:var(--mapa-report-muted, #68747a);font-size:11px;text-align:right}.mapa-report-psychosocial__dimension-name{align-items:center;color:#3f5870;display:flex;font-size:12px;gap:7px;min-width:0}.mapa-report-psychosocial__dimension-name>span:last-child{overflow-wrap:anywhere}@media(max-width:760px){.mapa-report-psychosocial__global,.mapa-report-psychosocial__factor>header,.mapa-report-psychosocial__dimension{grid-template-columns:1fr}.mapa-report-psychosocial__factor>header{gap:8px}.mapa-report-psychosocial__factor>header>strong{text-align:left}.mapa-report-psychosocial__dimension{gap:4px}.mapa-report-psychosocial__dimension>strong{text-align:left}.mapa-report-psychosocial__concept{margin:0 14px}.mapa-report-psychosocial__dimensions{padding:14px}}: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)}\n"], dependencies: [{ kind: "component", type: MapaReportPsychosocialWidgetGlobalComponent, selector: "mapa-report-psychosocial-widget-global" }, { kind: "component", type: MapaReportPsychosocialWidgetFactorsComponent, selector: "mapa-report-psychosocial-widget-factors" }, { kind: "component", type: MapaReportLegendComponent, selector: "mapa-report-legend", inputs: ["title", "intro", "groupsTitle", "groups", "expanded", "appearance"] }, { kind: "pipe", type: SafeHtmlPipe, name: "safeHtml" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.21", ngImport: i0, type: MapaReportPsychosocialWidgetComponent, decorators: [{
             type: Component,
             args: [{ selector: 'mapa-report-psychosocial-widget', standalone: true, imports: [
+                        MapaReportPsychosocialWidgetGlobalComponent,
+                        MapaReportPsychosocialWidgetFactorsComponent,
                         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  </header>\n\n  @if (data().legendGroups?.length || data().readingIntro) {\n    <mapa-report-legend\n      appearance=\"psychosocial\"\n      [intro]=\"data().readingIntro\"\n      [groups]=\"data().legendGroups || []\"\n    />\n  }\n\n  @if (data().globalAverage !== undefined) {\n    <section class=\"mapa-report-psychosocial__global\">\n      <h3>{{ i18n.texts.report.globalAverageTitle }}</h3>\n      <mapa-result-track\n        [name]=\"i18n.texts.report.globalAverageTitle\"\n        [value]=\"data().globalAverage || 0\"\n      />\n      @if (data().globalDescription) {\n        <div\n          class=\"mapa-report-psychosocial__global-description\"\n          [innerHTML]=\"data().globalDescription | safeHtml\"\n        ></div>\n      }\n    </section>\n  }\n\n  @if (data().factors?.length) {\n    <div class=\"mapa-report-psychosocial__factors\">\n      @for (group of data().factors; track group.id) {\n        <section class=\"mapa-report-psychosocial__group\">\n          <h3>{{ group.name }}</h3>\n          @for (indicator of group.indicators; track indicator.id) {\n            <article class=\"mapa-report-psychosocial__factor\">\n              <header>\n                <h4>{{ indicator.name }}</h4>\n                <mapa-result-track\n                  mode=\"diverging\"\n                  [name]=\"indicator.name\"\n                  [value]=\"indicator.value ?? 0\"\n                  [direction]=\"indicator.direction || 'positive'\"\n                  [color]=\"color(indicator)\"\n                />\n                <strong>{{ indicator.value ?? 0 }}%</strong>\n              </header>\n\n              @if (indicator.concept) {\n                <section class=\"mapa-report-psychosocial__concept\">\n                  <h5>{{ i18n.texts.report.scaleConceptTitle }}</h5>\n                  <div\n                    class=\"mapa-report-psychosocial__copy\"\n                    [innerHTML]=\"indicator.concept | safeHtml\"\n                  ></div>\n                </section>\n              }\n\n              @if (indicator.description) {\n                <div\n                  class=\"mapa-report-psychosocial__description\"\n                  [innerHTML]=\"indicator.description | safeHtml\"\n                ></div>\n              }\n\n              @if (indicator.dimensions?.length) {\n                <section class=\"mapa-report-psychosocial__dimensions\">\n                  <h5>{{ i18n.texts.report.psychosocialFactorsTitle }}</h5>\n                  <div class=\"mapa-report-psychosocial__dimension-list\">\n                    @for (dimension of indicator.dimensions; track dimension.id) {\n                      <div class=\"mapa-report-psychosocial__dimension\">\n                        <span class=\"mapa-report-psychosocial__dimension-name\">\n                          <span\n                            class=\"mapa-direction-indicator\"\n                            [attr.aria-label]=\"\n                              directionLabel(\n                                dimension.direction || indicator.direction\n                              )\n                            \"\n                            >{{\n                              directionArrow(\n                                dimension.direction || indicator.direction\n                              )\n                            }}</span\n                          >\n                          <span>{{ dimension.name }}</span>\n                        </span>\n                        <mapa-result-track\n                          mode=\"diverging\"\n                          [name]=\"dimension.name\"\n                          [value]=\"dimension.value ?? 0\"\n                          [direction]=\"\n                            dimension.direction ||\n                            indicator.direction ||\n                            'positive'\n                          \"\n                          [color]=\"\n                            dimension.classification?.classificationColor ||\n                            color(indicator)\n                          \"\n                        />\n                        <strong>{{ dimension.value ?? 0 }}%</strong>\n                      </div>\n                    }\n                  </div>\n                </section>\n              }\n            </article>\n          }\n        </section>\n      }\n    </div>\n  } @else if (data().globalAverage === undefined) {\n    <p class=\"mapa-report-widget__empty\">{{ i18n.texts.report.emptyState }}</p>\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__modes--standalone{grid-column:1;grid-row:auto;justify-self:end}.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-report-widget__modes--standalone{grid-row:auto;margin-top:0}}.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-psychosocial__global{align-items:center;background:var(--mapa-report-surface);border:1px solid var(--mapa-report-border);border-radius:12px;display:grid;gap:12px 24px;grid-template-columns:minmax(180px,.62fr) minmax(260px,1.38fr);padding:16px 18px}.mapa-report-psychosocial__global h3{font-size:14px;margin:0}.mapa-report-psychosocial__global>div{color:var(--mapa-report-muted);font-size:12px;grid-column:1/-1;line-height:1.55}.mapa-report-psychosocial__global>div ::ng-deep ol,.mapa-report-psychosocial__global>div ::ng-deep p,.mapa-report-psychosocial__global>div ::ng-deep ul{margin:0 0 8px}.mapa-report-psychosocial__global>div ::ng-deep ol,.mapa-report-psychosocial__global>div ::ng-deep ul{padding-left:20px}.mapa-report-psychosocial__global>div ::ng-deep li{margin:0 0 3px}.mapa-report-psychosocial__global>div ::ng-deep b,.mapa-report-psychosocial__global>div ::ng-deep strong{color:var(--mapa-report-text, inherit);font-weight:600}.mapa-report-psychosocial__global>div ::ng-deep :last-child{margin-bottom:0}.mapa-report-psychosocial__factors,.mapa-report-psychosocial__group{display:grid}.mapa-report-psychosocial__factors{gap:28px}.mapa-report-psychosocial__group{gap:12px}.mapa-report-psychosocial__group>h3{align-items:center;border-bottom:1px solid var(--mapa-report-border);color:var(--mapa-report-text);display:flex;font-size:18px;font-weight:600;gap:11px;line-height:1.25;margin:0;padding:2px 2px 12px}.mapa-report-psychosocial__group>h3:before{background:var(--mapa-report-accent);border-radius:4px;content:\"\";flex:0 0 4px;height:24px}.mapa-report-psychosocial__factor{background:var(--mapa-report-surface);border:1px solid var(--mapa-report-border);border-radius:13px;overflow:hidden}.mapa-report-psychosocial__factor>header{align-items:center;display:grid;gap:20px;grid-template-columns:minmax(180px,1fr) minmax(260px,1.2fr) auto;padding:17px 18px 14px}.mapa-report-psychosocial__factor>header h4{color:#274866;font-size:17px;font-weight:500;line-height:1.25;margin:0}.mapa-report-psychosocial__factor>header>strong{color:var(--mapa-report-text);font-size:18px;text-align:right}.mapa-report-psychosocial__concept{background:#f8f9fa;border-radius:10px;margin:0 18px;padding:13px 14px}.mapa-report-psychosocial__concept div{color:var(--mapa-report-muted);font-size:12px;line-height:1.6}.mapa-report-psychosocial__concept div ::ng-deep ol,.mapa-report-psychosocial__concept div ::ng-deep p,.mapa-report-psychosocial__concept div ::ng-deep ul{margin:0 0 8px}.mapa-report-psychosocial__concept div ::ng-deep ol,.mapa-report-psychosocial__concept div ::ng-deep ul{padding-left:20px}.mapa-report-psychosocial__concept div ::ng-deep li{margin:0 0 3px}.mapa-report-psychosocial__concept div ::ng-deep b,.mapa-report-psychosocial__concept div ::ng-deep strong{color:var(--mapa-report-text, inherit);font-weight:600}.mapa-report-psychosocial__concept div ::ng-deep :last-child{margin-bottom:0}.mapa-report-psychosocial__description{color:var(--mapa-report-muted);font-size:12px;line-height:1.55;padding:14px 18px 0}.mapa-report-psychosocial__description ::ng-deep ol,.mapa-report-psychosocial__description ::ng-deep p,.mapa-report-psychosocial__description ::ng-deep ul{margin:0 0 8px}.mapa-report-psychosocial__description ::ng-deep ol,.mapa-report-psychosocial__description ::ng-deep ul{padding-left:20px}.mapa-report-psychosocial__description ::ng-deep li{margin:0 0 3px}.mapa-report-psychosocial__description ::ng-deep b,.mapa-report-psychosocial__description ::ng-deep strong{color:var(--mapa-report-text, inherit);font-weight:600}.mapa-report-psychosocial__description ::ng-deep :last-child{margin-bottom:0}.mapa-report-psychosocial__concept h5,.mapa-report-psychosocial__dimensions h5{align-items:center;color:#53646e;display:flex;font-size:10px;font-weight:800;gap:10px;letter-spacing:.06em;margin:0 0 8px;text-transform:uppercase}.mapa-report-psychosocial__concept h5:after,.mapa-report-psychosocial__dimensions h5:after{background:var(--mapa-report-border);content:\"\";flex:1;height:1px}.mapa-report-psychosocial__dimensions{padding:16px 18px 18px}.mapa-report-psychosocial__dimensions h5{margin-bottom:10px}.mapa-report-psychosocial__dimension-list{display:grid}.mapa-report-psychosocial__dimension{align-items:center;display:grid;gap:14px;grid-template-columns:212px minmax(220px,1fr) 45px;min-height:34px;padding:5px 0}.mapa-report-psychosocial__dimension+.mapa-report-psychosocial__dimension{border-top:1px solid #edf0f2}.mapa-report-psychosocial__dimension>strong{color:var(--mapa-report-muted);font-size:11px;text-align:right}.mapa-report-psychosocial__dimension-name{align-items:center;color:#3f5870;display:flex;font-size:12px;gap:7px;min-width:0}.mapa-report-psychosocial__dimension-name>span:last-child{overflow-wrap:anywhere}@media(max-width:760px){.mapa-report-psychosocial__global,.mapa-report-psychosocial__factor>header,.mapa-report-psychosocial__dimension{grid-template-columns:1fr}.mapa-report-psychosocial__factor>header{gap:8px}.mapa-report-psychosocial__factor>header>strong{text-align:left}.mapa-report-psychosocial__dimension{gap:4px}.mapa-report-psychosocial__dimension>strong{text-align:left}.mapa-report-psychosocial__concept{margin:0 14px}.mapa-report-psychosocial__dimensions{padding:14px}}\n"] }]
-        }], propDecorators: { heading: [{ type: i0.Input, args: [{ isSignal: true, alias: "heading", required: true }] }], data: [{ type: i0.Input, args: [{ isSignal: true, alias: "data", required: true }] }], palette: [{ type: i0.Input, args: [{ isSignal: true, alias: "palette", required: false }] }] } });
+                    ], 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 (data().legendGroups?.length || data().readingIntro) {\n    <mapa-report-legend\n      appearance=\"psychosocial\"\n      [intro]=\"data().readingIntro\"\n      [groups]=\"data().legendGroups || []\"\n    />\n  }\n\n  @if (data().globalAverage !== undefined) {\n    <mapa-report-psychosocial-widget-global\n      [data]=\"data()\"\n      [palette]=\"palette()\"\n    />\n  }\n  @if (data().factors?.length) {\n    <mapa-report-psychosocial-widget-factors\n      [data]=\"data()\"\n      [palette]=\"palette()\"\n    />\n  } @else if (data().globalAverage === undefined) {\n    <p class=\"mapa-report-widget__empty\">{{ i18n.texts.report.emptyState }}</p>\n  }\n</section>\n", styles: [":host{color:var(--mapa-report-text, #263238);display:block;min-width:0;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__modes--standalone{grid-column:1;grid-row:auto;justify-self:end}.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-report-widget__modes--standalone{grid-row:auto;margin-top:0}}.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-psychosocial__global{align-items:center;background:var(--mapa-report-surface, #fff);border:1px solid var(--mapa-report-border, #e1e5e7);border-radius:12px;display:grid;gap:12px 24px;grid-template-columns:minmax(180px,.62fr) minmax(260px,1.38fr);padding:16px 18px}.mapa-report-psychosocial__global h3{font-size:14px;margin:0}.mapa-report-psychosocial__global>div{color:var(--mapa-report-muted, #68747a);font-size:12px;grid-column:1/-1;line-height:1.55}.mapa-report-psychosocial__global>div ::ng-deep ol,.mapa-report-psychosocial__global>div ::ng-deep p,.mapa-report-psychosocial__global>div ::ng-deep ul{margin:0 0 8px}.mapa-report-psychosocial__global>div ::ng-deep ol,.mapa-report-psychosocial__global>div ::ng-deep ul{padding-left:20px}.mapa-report-psychosocial__global>div ::ng-deep li{margin:0 0 3px}.mapa-report-psychosocial__global>div ::ng-deep b,.mapa-report-psychosocial__global>div ::ng-deep strong{color:var(--mapa-report-text, inherit);font-weight:600}.mapa-report-psychosocial__global>div ::ng-deep :last-child{margin-bottom:0}.mapa-report-psychosocial__factors,.mapa-report-psychosocial__group{display:grid}.mapa-report-psychosocial__factors{gap:28px}.mapa-report-psychosocial__group{gap:12px}.mapa-report-psychosocial__group>h3{align-items:center;border-bottom:1px solid var(--mapa-report-border, #e1e5e7);color:var(--mapa-report-text, #263238);display:flex;font-size:18px;font-weight:600;gap:11px;line-height:1.25;margin:0;padding:2px 2px 12px}.mapa-report-psychosocial__group>h3:before{background:var(--mapa-report-accent, #ff560b);border-radius:4px;content:\"\";flex:0 0 4px;height:24px}.mapa-report-psychosocial__factor{background:var(--mapa-report-surface, #fff);border:1px solid var(--mapa-report-border, #e1e5e7);border-radius:13px;overflow:hidden}.mapa-report-psychosocial__factor>header{align-items:center;display:grid;gap:20px;grid-template-columns:minmax(180px,1fr) minmax(260px,1.2fr) auto;padding:17px 18px 14px}.mapa-report-psychosocial__factor>header h4{color:#274866;font-size:17px;font-weight:500;line-height:1.25;margin:0}.mapa-report-psychosocial__factor>header>strong{color:var(--mapa-report-text, #263238);font-size:18px;text-align:right}.mapa-report-psychosocial__concept{background:#f8f9fa;border-radius:10px;margin:0 18px;padding:13px 14px}.mapa-report-psychosocial__concept div{color:var(--mapa-report-muted, #68747a);font-size:12px;line-height:1.6}.mapa-report-psychosocial__concept div ::ng-deep ol,.mapa-report-psychosocial__concept div ::ng-deep p,.mapa-report-psychosocial__concept div ::ng-deep ul{margin:0 0 8px}.mapa-report-psychosocial__concept div ::ng-deep ol,.mapa-report-psychosocial__concept div ::ng-deep ul{padding-left:20px}.mapa-report-psychosocial__concept div ::ng-deep li{margin:0 0 3px}.mapa-report-psychosocial__concept div ::ng-deep b,.mapa-report-psychosocial__concept div ::ng-deep strong{color:var(--mapa-report-text, inherit);font-weight:600}.mapa-report-psychosocial__concept div ::ng-deep :last-child{margin-bottom:0}.mapa-report-psychosocial__description{color:var(--mapa-report-muted, #68747a);font-size:12px;line-height:1.55;padding:14px 18px 0}.mapa-report-psychosocial__description ::ng-deep ol,.mapa-report-psychosocial__description ::ng-deep p,.mapa-report-psychosocial__description ::ng-deep ul{margin:0 0 8px}.mapa-report-psychosocial__description ::ng-deep ol,.mapa-report-psychosocial__description ::ng-deep ul{padding-left:20px}.mapa-report-psychosocial__description ::ng-deep li{margin:0 0 3px}.mapa-report-psychosocial__description ::ng-deep b,.mapa-report-psychosocial__description ::ng-deep strong{color:var(--mapa-report-text, inherit);font-weight:600}.mapa-report-psychosocial__description ::ng-deep :last-child{margin-bottom:0}.mapa-report-psychosocial__concept h5,.mapa-report-psychosocial__dimensions h5{align-items:center;color:#53646e;display:flex;font-size:10px;font-weight:800;gap:10px;letter-spacing:.06em;margin:0 0 8px;text-transform:uppercase}.mapa-report-psychosocial__concept h5:after,.mapa-report-psychosocial__dimensions h5:after{background:var(--mapa-report-border, #e1e5e7);content:\"\";flex:1;height:1px}.mapa-report-psychosocial__dimensions{padding:16px 18px 18px}.mapa-report-psychosocial__dimensions h5{margin-bottom:10px}.mapa-report-psychosocial__dimension-list{display:grid}.mapa-report-psychosocial__dimension{align-items:center;display:grid;gap:14px;grid-template-columns:212px minmax(220px,1fr) 45px;min-height:34px;padding:5px 0}.mapa-report-psychosocial__dimension+.mapa-report-psychosocial__dimension{border-top:1px solid #edf0f2}.mapa-report-psychosocial__dimension>strong{color:var(--mapa-report-muted, #68747a);font-size:11px;text-align:right}.mapa-report-psychosocial__dimension-name{align-items:center;color:#3f5870;display:flex;font-size:12px;gap:7px;min-width:0}.mapa-report-psychosocial__dimension-name>span:last-child{overflow-wrap:anywhere}@media(max-width:760px){.mapa-report-psychosocial__global,.mapa-report-psychosocial__factor>header,.mapa-report-psychosocial__dimension{grid-template-columns:1fr}.mapa-report-psychosocial__factor>header{gap:8px}.mapa-report-psychosocial__factor>header>strong{text-align:left}.mapa-report-psychosocial__dimension{gap:4px}.mapa-report-psychosocial__dimension>strong{text-align:left}.mapa-report-psychosocial__concept{margin:0 14px}.mapa-report-psychosocial__dimensions{padding:14px}}: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)}\n"] }]
+        }], propDecorators: { heading: [{ type: i0.Input, args: [{ isSignal: true, alias: "heading", required: true }] }] } });
 
-class MapaReportPointsWidgetComponent {
+class ReportPointsContent {
     constructor() {
         this.i18n = inject(MapaI18nService);
-        this.heading = input.required(...(ngDevMode ? [{ debugName: "heading" }] : []));
         this.data = input.required(...(ngDevMode ? [{ debugName: "data" }] : []));
         this.palette = input('current', ...(ngDevMode ? [{ debugName: "palette" }] : []));
-        this.mode = model('summarized', ...(ngDevMode ? [{ debugName: "mode" }] : []));
     }
     color(item, fallback) {
         return item.classification?.classificationColor ?? fallback;
@@ -8881,47 +9059,221 @@ class MapaReportPointsWidgetComponent {
     countLabel(count) {
         return this.i18n.texts.report.itemCountLabel(count);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.21", ngImport: i0, type: MapaReportPointsWidgetComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.21", type: MapaReportPointsWidgetComponent, isStandalone: true, selector: "mapa-report-points-widget", inputs: { heading: { classPropertyName: "heading", publicName: "heading", isSignal: true, isRequired: true, transformFunction: null }, data: { classPropertyName: "data", publicName: "data", isSignal: true, isRequired: true, 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\n        value=\"summarized\"\n        [aria-label]=\"i18n.texts.report.summarized\"\n      >\n        <mat-icon aria-hidden=\"true\">view_list</mat-icon>\n        {{ i18n.texts.report.summarized }}\n      </mat-button-toggle>\n      <mat-button-toggle\n        value=\"detailed\"\n        [aria-label]=\"i18n.texts.report.detailed\"\n      >\n        <mat-icon aria-hidden=\"true\">article</mat-icon>\n        {{ i18n.texts.report.detailed }}\n      </mat-button-toggle>\n    </mat-button-toggle-group>\n  </header>\n\n  @if (!data().strong.length && !data().attention.length) {\n    <p class=\"mapa-report-widget__empty\">{{ i18n.texts.report.emptyState }}</p>\n  } @else {\n    <div\n      class=\"mapa-report-points\"\n      [class.mapa-report-points--detailed]=\"mode() === 'detailed'\"\n    >\n      <section\n        class=\"mapa-report-points__group mapa-report-points__group--strong\"\n      >\n        <header class=\"mapa-report-points__group-header\">\n          <div>\n            <h3>\n              {{\n                data().strongHeading?.title ||\n                  i18n.texts.report.strongPointsTitle\n              }}\n            </h3>\n            @if (data().strongHeading?.description) {\n              <div\n                class=\"mapa-report-points__group-description\"\n                [innerHTML]=\"data().strongHeading?.description | safeHtml\"\n              ></div>\n            }\n          </div>\n          <span class=\"mapa-report-points__count\">{{\n            countLabel(data().strong.length)\n          }}</span>\n        </header>\n        <div class=\"mapa-report-points__items\">\n          @for (item of data().strong; track item.id) {\n            @if (mode() === \"summarized\") {\n              <details class=\"mapa-report-point\">\n                <summary>\n                  <span class=\"mapa-report-point__label\">\n                    <span\n                      class=\"mapa-report-point__dot\"\n                      [style.background]=\"color(item, '#2c93dc')\"\n                    ></span>\n                    <span>{{ item.name }}</span>\n                  </span>\n                  <mat-icon class=\"mapa-report-point__arrow\" aria-hidden=\"true\"\n                    >expand_more</mat-icon\n                  >\n                </summary>\n                @if (item.description) {\n                  <div\n                    class=\"mapa-report-point__copy\"\n                    [innerHTML]=\"item.description | safeHtml\"\n                  ></div>\n                }\n              </details>\n            } @else {\n              <article class=\"mapa-report-point mapa-report-point--card\">\n                <h4>\n                  <span\n                    class=\"mapa-report-point__dot\"\n                    [style.background]=\"color(item, '#2c93dc')\"\n                  ></span\n                  >{{ item.name }}\n                </h4>\n                @if (item.description) {\n                  <div\n                    class=\"mapa-report-point__copy\"\n                    [innerHTML]=\"item.description | safeHtml\"\n                  ></div>\n                }\n              </article>\n            }\n          }\n        </div>\n      </section>\n\n      <section\n        class=\"mapa-report-points__group mapa-report-points__group--attention\"\n      >\n        <header class=\"mapa-report-points__group-header\">\n          <div>\n            <h3>\n              {{\n                data().attentionHeading?.title ||\n                  i18n.texts.report.attentionPointsTitle\n              }}\n            </h3>\n            @if (data().attentionHeading?.description) {\n              <div\n                class=\"mapa-report-points__group-description\"\n                [innerHTML]=\"data().attentionHeading?.description | safeHtml\"\n              ></div>\n            }\n          </div>\n          <span class=\"mapa-report-points__count\">{{\n            countLabel(data().attention.length)\n          }}</span>\n        </header>\n        <div class=\"mapa-report-points__items\">\n          @for (item of data().attention; track item.id) {\n            @if (mode() === \"summarized\") {\n              <details class=\"mapa-report-point\">\n                <summary>\n                  <span class=\"mapa-report-point__label\">\n                    <span\n                      class=\"mapa-report-point__dot\"\n                      [style.background]=\"color(item, '#e84d68')\"\n                    ></span>\n                    <span>{{ item.name }}</span>\n                  </span>\n                  <mat-icon class=\"mapa-report-point__arrow\" aria-hidden=\"true\"\n                    >expand_more</mat-icon\n                  >\n                </summary>\n                @if (item.description) {\n                  <div\n                    class=\"mapa-report-point__copy\"\n                    [innerHTML]=\"item.description | safeHtml\"\n                  ></div>\n                }\n              </details>\n            } @else {\n              <article class=\"mapa-report-point mapa-report-point--card\">\n                <h4>\n                  <span\n                    class=\"mapa-report-point__dot\"\n                    [style.background]=\"color(item, '#e84d68')\"\n                  ></span\n                  >{{ item.name }}\n                </h4>\n                @if (item.description) {\n                  <div\n                    class=\"mapa-report-point__copy\"\n                    [innerHTML]=\"item.description | safeHtml\"\n                  ></div>\n                }\n              </article>\n            }\n          }\n        </div>\n      </section>\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__modes--standalone{grid-column:1;grid-row:auto;justify-self:end}.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-report-widget__modes--standalone{grid-row:auto;margin-top:0}}.mapa-report-points{display:grid;gap:22px}.mapa-report-points__group{display:grid;gap:17px;padding:20px;border:1px solid;border-radius:13px}.mapa-report-points__group--strong{background:#f8faff;border-color:#cbd9ff}.mapa-report-points__group--strong .mapa-report-points__count{background:#f1f5ff;border-color:#c7d7ff;color:#315fcc}.mapa-report-points__group--attention{background:#fffaf9;border-color:#ffd0ca}.mapa-report-points__group--attention .mapa-report-points__count{background:#fff5f3;border-color:#ffc9c3;color:#d94d43}.mapa-report-points__group-header{align-items:flex-end;column-gap:15px;display:grid;grid-template-columns:minmax(0,1fr) auto}.mapa-report-points__group-header>div{display:contents}.mapa-report-points__group-header h3{font-size:16px;font-weight:500;grid-column:1;grid-row:1;margin:0}.mapa-report-points__group-description{color:var(--mapa-report-muted);font-size:12px;grid-column:1/-1;grid-row:2;line-height:1.35;margin:5px 0 0}.mapa-report-points__group-description ::ng-deep ol,.mapa-report-points__group-description ::ng-deep p,.mapa-report-points__group-description ::ng-deep ul{margin:0 0 8px}.mapa-report-points__group-description ::ng-deep ol,.mapa-report-points__group-description ::ng-deep ul{padding-left:20px}.mapa-report-points__group-description ::ng-deep li{margin:0 0 3px}.mapa-report-points__group-description ::ng-deep b,.mapa-report-points__group-description ::ng-deep strong{color:var(--mapa-report-text, inherit);font-weight:600}.mapa-report-points__group-description ::ng-deep :last-child{margin-bottom:0}.mapa-report-points__count{align-self:end;border:1px solid;border-radius:999px;font-size:10px;font-weight:600;grid-column:2;grid-row:1;padding:5px 10px}.mapa-report-points__items{display:grid;gap:9px 12px;grid-template-columns:repeat(2,minmax(0,1fr))}.mapa-report-point{background:var(--mapa-report-surface);border:1px solid var(--mapa-report-border);border-radius:9px;overflow:hidden;height:min-content}.mapa-report-point[open]{border-color:#b9c9d3;box-shadow:0 5px 14px #233d4e0f}.mapa-report-point[open] .mapa-report-point__arrow{transform:rotate(180deg)}.mapa-report-point summary{align-items:center;cursor:pointer;display:flex;font-size:13px;gap:12px;justify-content:space-between;list-style:none;min-height:43px;padding:10px 12px}.mapa-report-point summary::-webkit-details-marker{display:none}.mapa-report-point summary:focus-visible{outline:3px solid rgba(255,86,11,.28);outline-offset:-3px}.mapa-report-point>div{border-top:1px solid #e8eef1;color:var(--mapa-report-muted);font-size:11px;line-height:1.5;padding:10px 12px 12px 28px}.mapa-report-point>div ::ng-deep ol,.mapa-report-point>div ::ng-deep p,.mapa-report-point>div ::ng-deep ul{margin:0 0 8px}.mapa-report-point>div ::ng-deep ol,.mapa-report-point>div ::ng-deep ul{padding-left:20px}.mapa-report-point>div ::ng-deep li{margin:0 0 3px}.mapa-report-point>div ::ng-deep b,.mapa-report-point>div ::ng-deep strong{color:var(--mapa-report-text, inherit);font-weight:600}.mapa-report-point>div ::ng-deep :last-child{margin-bottom:0}.mapa-report-point--card{background:var(--mapa-report-surface);padding:14px}.mapa-report-point--card h4{align-items:center;display:flex;font-size:12px;gap:9px;margin:0}.mapa-report-point--card>div{padding:8px 0 0 16px}.mapa-report-point__dot{border-radius:50%;flex:0 0 7px;height:7px;width:7px}.mapa-report-point__label{align-items:center;display:flex;gap:9px;min-width:0}.mapa-report-point__label span:last-child{overflow-wrap:anywhere}.mapa-report-point__arrow{color:#788a95;flex:0 0 16px;font-size:16px;height:16px;transition:transform .18s cubic-bezier(.25,1,.5,1);width:16px}@media(max-width:760px){.mapa-report-points__items{grid-template-columns:1fr}}\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: "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.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.21", ngImport: i0, type: ReportPointsContent, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "20.3.21", type: ReportPointsContent, isStandalone: true, inputs: { data: { classPropertyName: "data", publicName: "data", isSignal: true, isRequired: true, transformFunction: null }, palette: { classPropertyName: "palette", publicName: "palette", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.21", ngImport: i0, type: MapaReportPointsWidgetComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.21", ngImport: i0, type: ReportPointsContent, decorators: [{
+            type: Directive
+        }], propDecorators: { data: [{ type: i0.Input, args: [{ isSignal: true, alias: "data", required: true }] }], palette: [{ type: i0.Input, args: [{ isSignal: true, alias: "palette", required: false }] }] } });
+
+/** Reusable summarized content, without the widget heading or mode selector. */
+class MapaReportPointsWidgetSummarizedComponent extends ReportPointsContent {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.21", ngImport: i0, type: MapaReportPointsWidgetSummarizedComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.21", type: MapaReportPointsWidgetSummarizedComponent, isStandalone: true, selector: "mapa-report-points-widget-summarized", usesInheritance: true, ngImport: i0, template: "<div class=\"mapa-report-widget\" [attr.data-palette]=\"palette()\">\n  @if (!data().strong.length && !data().attention.length) {\n    <p class=\"mapa-report-widget__empty\">{{ i18n.texts.report.emptyState }}</p>\n  } @else {\n    <div class=\"mapa-report-points\">\n      <section\n        class=\"mapa-report-points__group mapa-report-points__group--strong\"\n      >\n        <header class=\"mapa-report-points__group-header\">\n          <div>\n            <h3>\n              {{\n                data().strongHeading?.title ||\n                  i18n.texts.report.strongPointsTitle\n              }}\n            </h3>\n            @if (data().strongHeading?.description) {\n              <div\n                class=\"mapa-report-points__group-description\"\n                [innerHTML]=\"data().strongHeading?.description | safeHtml\"\n              ></div>\n            }\n          </div>\n          <span class=\"mapa-report-points__count\">{{\n            countLabel(data().strong.length)\n          }}</span>\n        </header>\n        <div class=\"mapa-report-points__items\">\n          @for (item of data().strong; track item.id) {\n            <details class=\"mapa-report-point\">\n              <summary>\n                <span class=\"mapa-report-point__label\">\n                  <span\n                    class=\"mapa-report-point__dot\"\n                    [style.background]=\"color(item, '#2c93dc')\"\n                  ></span>\n                  <span>{{ item.name }}</span>\n                </span>\n                <mat-icon class=\"mapa-report-point__arrow\" aria-hidden=\"true\"\n                  >expand_more</mat-icon\n                >\n              </summary>\n              @if (item.description) {\n                <div\n                  class=\"mapa-report-point__copy\"\n                  [innerHTML]=\"item.description | safeHtml\"\n                ></div>\n              }\n            </details>\n          }\n        </div>\n      </section>\n\n      <section\n        class=\"mapa-report-points__group mapa-report-points__group--attention\"\n      >\n        <header class=\"mapa-report-points__group-header\">\n          <div>\n            <h3>\n              {{\n                data().attentionHeading?.title ||\n                  i18n.texts.report.attentionPointsTitle\n              }}\n            </h3>\n            @if (data().attentionHeading?.description) {\n              <div\n                class=\"mapa-report-points__group-description\"\n                [innerHTML]=\"data().attentionHeading?.description | safeHtml\"\n              ></div>\n            }\n          </div>\n          <span class=\"mapa-report-points__count\">{{\n            countLabel(data().attention.length)\n          }}</span>\n        </header>\n        <div class=\"mapa-report-points__items\">\n          @for (item of data().attention; track item.id) {\n            <details class=\"mapa-report-point\">\n              <summary>\n                <span class=\"mapa-report-point__label\">\n                  <span\n                    class=\"mapa-report-point__dot\"\n                    [style.background]=\"color(item, '#e84d68')\"\n                  ></span>\n                  <span>{{ item.name }}</span>\n                </span>\n                <mat-icon class=\"mapa-report-point__arrow\" aria-hidden=\"true\"\n                  >expand_more</mat-icon\n                >\n              </summary>\n              @if (item.description) {\n                <div\n                  class=\"mapa-report-point__copy\"\n                  [innerHTML]=\"item.description | safeHtml\"\n                ></div>\n              }\n            </details>\n          }\n        </div>\n      </section>\n    </div>\n  }\n</div>\n", styles: [":host{color:var(--mapa-report-text, #263238);display:block;min-width:0;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__modes--standalone{grid-column:1;grid-row:auto;justify-self:end}.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-report-widget__modes--standalone{grid-row:auto;margin-top:0}}.mapa-report-points{display:grid;gap:22px}.mapa-report-points__group{display:grid;gap:17px;padding:20px;border:1px solid;border-radius:13px}.mapa-report-points__group--strong{background:#f8faff;border-color:#cbd9ff}.mapa-report-points__group--strong .mapa-report-points__count{background:#f1f5ff;border-color:#c7d7ff;color:#315fcc}.mapa-report-points__group--attention{background:#fffaf9;border-color:#ffd0ca}.mapa-report-points__group--attention .mapa-report-points__count{background:#fff5f3;border-color:#ffc9c3;color:#d94d43}.mapa-report-points__group-header{align-items:flex-end;column-gap:15px;display:grid;grid-template-columns:minmax(0,1fr) auto}.mapa-report-points__group-header>div{display:contents}.mapa-report-points__group-header h3{font-size:16px;font-weight:500;grid-column:1;grid-row:1;margin:0}.mapa-report-points__group-description{color:var(--mapa-report-muted, #68747a);font-size:12px;grid-column:1/-1;grid-row:2;line-height:1.35;margin:5px 0 0}.mapa-report-points__group-description ::ng-deep ol,.mapa-report-points__group-description ::ng-deep p,.mapa-report-points__group-description ::ng-deep ul{margin:0 0 8px}.mapa-report-points__group-description ::ng-deep ol,.mapa-report-points__group-description ::ng-deep ul{padding-left:20px}.mapa-report-points__group-description ::ng-deep li{margin:0 0 3px}.mapa-report-points__group-description ::ng-deep b,.mapa-report-points__group-description ::ng-deep strong{color:var(--mapa-report-text, inherit);font-weight:600}.mapa-report-points__group-description ::ng-deep :last-child{margin-bottom:0}.mapa-report-points__count{align-self:end;border:1px solid;border-radius:999px;font-size:10px;font-weight:600;grid-column:2;grid-row:1;padding:5px 10px}.mapa-report-points__items{display:grid;gap:9px 12px;grid-template-columns:repeat(2,minmax(0,1fr))}.mapa-report-point{background:var(--mapa-report-surface, #fff);border:1px solid var(--mapa-report-border, #e1e5e7);border-radius:9px;overflow:hidden;height:min-content}.mapa-report-point[open]{border-color:#b9c9d3;box-shadow:0 5px 14px #233d4e0f}.mapa-report-point[open] .mapa-report-point__arrow{transform:rotate(180deg)}.mapa-report-point summary{align-items:center;cursor:pointer;display:flex;font-size:13px;gap:12px;justify-content:space-between;list-style:none;min-height:43px;padding:10px 12px}.mapa-report-point summary::-webkit-details-marker{display:none}.mapa-report-point summary:focus-visible{outline:3px solid rgba(255,86,11,.28);outline-offset:-3px}.mapa-report-point>div{border-top:1px solid #e8eef1;color:var(--mapa-report-muted, #68747a);font-size:11px;line-height:1.5;padding:10px 12px 12px 28px}.mapa-report-point>div ::ng-deep ol,.mapa-report-point>div ::ng-deep p,.mapa-report-point>div ::ng-deep ul{margin:0 0 8px}.mapa-report-point>div ::ng-deep ol,.mapa-report-point>div ::ng-deep ul{padding-left:20px}.mapa-report-point>div ::ng-deep li{margin:0 0 3px}.mapa-report-point>div ::ng-deep b,.mapa-report-point>div ::ng-deep strong{color:var(--mapa-report-text, inherit);font-weight:600}.mapa-report-point>div ::ng-deep :last-child{margin-bottom:0}.mapa-report-point--card{background:var(--mapa-report-surface, #fff);padding:14px}.mapa-report-point--card h4{align-items:center;display:flex;font-size:12px;gap:9px;margin:0}.mapa-report-point--card>div{padding:8px 0 0 16px}.mapa-report-point__dot{border-radius:50%;flex:0 0 7px;height:7px;width:7px}.mapa-report-point__label{align-items:center;display:flex;gap:9px;min-width:0}.mapa-report-point__label span:last-child{overflow-wrap:anywhere}.mapa-report-point__arrow{color:#788a95;flex:0 0 16px;font-size:16px;height:16px;transition:transform .18s cubic-bezier(.25,1,.5,1);width:16px}@media(max-width:760px){.mapa-report-points__items{grid-template-columns:1fr}}\n"], dependencies: [{ kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i1$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: MapaReportPointsWidgetSummarizedComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'mapa-report-points-widget', standalone: true, imports: [MatButtonToggleModule, MatIconModule, 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\n        value=\"summarized\"\n        [aria-label]=\"i18n.texts.report.summarized\"\n      >\n        <mat-icon aria-hidden=\"true\">view_list</mat-icon>\n        {{ i18n.texts.report.summarized }}\n      </mat-button-toggle>\n      <mat-button-toggle\n        value=\"detailed\"\n        [aria-label]=\"i18n.texts.report.detailed\"\n      >\n        <mat-icon aria-hidden=\"true\">article</mat-icon>\n        {{ i18n.texts.report.detailed }}\n      </mat-button-toggle>\n    </mat-button-toggle-group>\n  </header>\n\n  @if (!data().strong.length && !data().attention.length) {\n    <p class=\"mapa-report-widget__empty\">{{ i18n.texts.report.emptyState }}</p>\n  } @else {\n    <div\n      class=\"mapa-report-points\"\n      [class.mapa-report-points--detailed]=\"mode() === 'detailed'\"\n    >\n      <section\n        class=\"mapa-report-points__group mapa-report-points__group--strong\"\n      >\n        <header class=\"mapa-report-points__group-header\">\n          <div>\n            <h3>\n              {{\n                data().strongHeading?.title ||\n                  i18n.texts.report.strongPointsTitle\n              }}\n            </h3>\n            @if (data().strongHeading?.description) {\n              <div\n                class=\"mapa-report-points__group-description\"\n                [innerHTML]=\"data().strongHeading?.description | safeHtml\"\n              ></div>\n            }\n          </div>\n          <span class=\"mapa-report-points__count\">{{\n            countLabel(data().strong.length)\n          }}</span>\n        </header>\n        <div class=\"mapa-report-points__items\">\n          @for (item of data().strong; track item.id) {\n            @if (mode() === \"summarized\") {\n              <details class=\"mapa-report-point\">\n                <summary>\n                  <span class=\"mapa-report-point__label\">\n                    <span\n                      class=\"mapa-report-point__dot\"\n                      [style.background]=\"color(item, '#2c93dc')\"\n                    ></span>\n                    <span>{{ item.name }}</span>\n                  </span>\n                  <mat-icon class=\"mapa-report-point__arrow\" aria-hidden=\"true\"\n                    >expand_more</mat-icon\n                  >\n                </summary>\n                @if (item.description) {\n                  <div\n                    class=\"mapa-report-point__copy\"\n                    [innerHTML]=\"item.description | safeHtml\"\n                  ></div>\n                }\n              </details>\n            } @else {\n              <article class=\"mapa-report-point mapa-report-point--card\">\n                <h4>\n                  <span\n                    class=\"mapa-report-point__dot\"\n                    [style.background]=\"color(item, '#2c93dc')\"\n                  ></span\n                  >{{ item.name }}\n                </h4>\n                @if (item.description) {\n                  <div\n                    class=\"mapa-report-point__copy\"\n                    [innerHTML]=\"item.description | safeHtml\"\n                  ></div>\n                }\n              </article>\n            }\n          }\n        </div>\n      </section>\n\n      <section\n        class=\"mapa-report-points__group mapa-report-points__group--attention\"\n      >\n        <header class=\"mapa-report-points__group-header\">\n          <div>\n            <h3>\n              {{\n                data().attentionHeading?.title ||\n                  i18n.texts.report.attentionPointsTitle\n              }}\n            </h3>\n            @if (data().attentionHeading?.description) {\n              <div\n                class=\"mapa-report-points__group-description\"\n                [innerHTML]=\"data().attentionHeading?.description | safeHtml\"\n              ></div>\n            }\n          </div>\n          <span class=\"mapa-report-points__count\">{{\n            countLabel(data().attention.length)\n          }}</span>\n        </header>\n        <div class=\"mapa-report-points__items\">\n          @for (item of data().attention; track item.id) {\n            @if (mode() === \"summarized\") {\n              <details class=\"mapa-report-point\">\n                <summary>\n                  <span class=\"mapa-report-point__label\">\n                    <span\n                      class=\"mapa-report-point__dot\"\n                      [style.background]=\"color(item, '#e84d68')\"\n                    ></span>\n                    <span>{{ item.name }}</span>\n                  </span>\n                  <mat-icon class=\"mapa-report-point__arrow\" aria-hidden=\"true\"\n                    >expand_more</mat-icon\n                  >\n                </summary>\n                @if (item.description) {\n                  <div\n                    class=\"mapa-report-point__copy\"\n                    [innerHTML]=\"item.description | safeHtml\"\n                  ></div>\n                }\n              </details>\n            } @else {\n              <article class=\"mapa-report-point mapa-report-point--card\">\n                <h4>\n                  <span\n                    class=\"mapa-report-point__dot\"\n                    [style.background]=\"color(item, '#e84d68')\"\n                  ></span\n                  >{{ item.name }}\n                </h4>\n                @if (item.description) {\n                  <div\n                    class=\"mapa-report-point__copy\"\n                    [innerHTML]=\"item.description | safeHtml\"\n                  ></div>\n                }\n              </article>\n            }\n          }\n        </div>\n      </section>\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__modes--standalone{grid-column:1;grid-row:auto;justify-self:end}.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-report-widget__modes--standalone{grid-row:auto;margin-top:0}}.mapa-report-points{display:grid;gap:22px}.mapa-report-points__group{display:grid;gap:17px;padding:20px;border:1px solid;border-radius:13px}.mapa-report-points__group--strong{background:#f8faff;border-color:#cbd9ff}.mapa-report-points__group--strong .mapa-report-points__count{background:#f1f5ff;border-color:#c7d7ff;color:#315fcc}.mapa-report-points__group--attention{background:#fffaf9;border-color:#ffd0ca}.mapa-report-points__group--attention .mapa-report-points__count{background:#fff5f3;border-color:#ffc9c3;color:#d94d43}.mapa-report-points__group-header{align-items:flex-end;column-gap:15px;display:grid;grid-template-columns:minmax(0,1fr) auto}.mapa-report-points__group-header>div{display:contents}.mapa-report-points__group-header h3{font-size:16px;font-weight:500;grid-column:1;grid-row:1;margin:0}.mapa-report-points__group-description{color:var(--mapa-report-muted);font-size:12px;grid-column:1/-1;grid-row:2;line-height:1.35;margin:5px 0 0}.mapa-report-points__group-description ::ng-deep ol,.mapa-report-points__group-description ::ng-deep p,.mapa-report-points__group-description ::ng-deep ul{margin:0 0 8px}.mapa-report-points__group-description ::ng-deep ol,.mapa-report-points__group-description ::ng-deep ul{padding-left:20px}.mapa-report-points__group-description ::ng-deep li{margin:0 0 3px}.mapa-report-points__group-description ::ng-deep b,.mapa-report-points__group-description ::ng-deep strong{color:var(--mapa-report-text, inherit);font-weight:600}.mapa-report-points__group-description ::ng-deep :last-child{margin-bottom:0}.mapa-report-points__count{align-self:end;border:1px solid;border-radius:999px;font-size:10px;font-weight:600;grid-column:2;grid-row:1;padding:5px 10px}.mapa-report-points__items{display:grid;gap:9px 12px;grid-template-columns:repeat(2,minmax(0,1fr))}.mapa-report-point{background:var(--mapa-report-surface);border:1px solid var(--mapa-report-border);border-radius:9px;overflow:hidden;height:min-content}.mapa-report-point[open]{border-color:#b9c9d3;box-shadow:0 5px 14px #233d4e0f}.mapa-report-point[open] .mapa-report-point__arrow{transform:rotate(180deg)}.mapa-report-point summary{align-items:center;cursor:pointer;display:flex;font-size:13px;gap:12px;justify-content:space-between;list-style:none;min-height:43px;padding:10px 12px}.mapa-report-point summary::-webkit-details-marker{display:none}.mapa-report-point summary:focus-visible{outline:3px solid rgba(255,86,11,.28);outline-offset:-3px}.mapa-report-point>div{border-top:1px solid #e8eef1;color:var(--mapa-report-muted);font-size:11px;line-height:1.5;padding:10px 12px 12px 28px}.mapa-report-point>div ::ng-deep ol,.mapa-report-point>div ::ng-deep p,.mapa-report-point>div ::ng-deep ul{margin:0 0 8px}.mapa-report-point>div ::ng-deep ol,.mapa-report-point>div ::ng-deep ul{padding-left:20px}.mapa-report-point>div ::ng-deep li{margin:0 0 3px}.mapa-report-point>div ::ng-deep b,.mapa-report-point>div ::ng-deep strong{color:var(--mapa-report-text, inherit);font-weight:600}.mapa-report-point>div ::ng-deep :last-child{margin-bottom:0}.mapa-report-point--card{background:var(--mapa-report-surface);padding:14px}.mapa-report-point--card h4{align-items:center;display:flex;font-size:12px;gap:9px;margin:0}.mapa-report-point--card>div{padding:8px 0 0 16px}.mapa-report-point__dot{border-radius:50%;flex:0 0 7px;height:7px;width:7px}.mapa-report-point__label{align-items:center;display:flex;gap:9px;min-width:0}.mapa-report-point__label span:last-child{overflow-wrap:anywhere}.mapa-report-point__arrow{color:#788a95;flex:0 0 16px;font-size:16px;height:16px;transition:transform .18s cubic-bezier(.25,1,.5,1);width:16px}@media(max-width:760px){.mapa-report-points__items{grid-template-columns:1fr}}\n"] }]
-        }], propDecorators: { heading: [{ type: i0.Input, args: [{ isSignal: true, alias: "heading", required: true }] }], data: [{ type: i0.Input, args: [{ isSignal: true, alias: "data", required: true }] }], 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"] }] } });
+            args: [{ selector: 'mapa-report-points-widget-summarized', standalone: true, imports: [MatIconModule, SafeHtmlPipe], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"mapa-report-widget\" [attr.data-palette]=\"palette()\">\n  @if (!data().strong.length && !data().attention.length) {\n    <p class=\"mapa-report-widget__empty\">{{ i18n.texts.report.emptyState }}</p>\n  } @else {\n    <div class=\"mapa-report-points\">\n      <section\n        class=\"mapa-report-points__group mapa-report-points__group--strong\"\n      >\n        <header class=\"mapa-report-points__group-header\">\n          <div>\n            <h3>\n              {{\n                data().strongHeading?.title ||\n                  i18n.texts.report.strongPointsTitle\n              }}\n            </h3>\n            @if (data().strongHeading?.description) {\n              <div\n                class=\"mapa-report-points__group-description\"\n                [innerHTML]=\"data().strongHeading?.description | safeHtml\"\n              ></div>\n            }\n          </div>\n          <span class=\"mapa-report-points__count\">{{\n            countLabel(data().strong.length)\n          }}</span>\n        </header>\n        <div class=\"mapa-report-points__items\">\n          @for (item of data().strong; track item.id) {\n            <details class=\"mapa-report-point\">\n              <summary>\n                <span class=\"mapa-report-point__label\">\n                  <span\n                    class=\"mapa-report-point__dot\"\n                    [style.background]=\"color(item, '#2c93dc')\"\n                  ></span>\n                  <span>{{ item.name }}</span>\n                </span>\n                <mat-icon class=\"mapa-report-point__arrow\" aria-hidden=\"true\"\n                  >expand_more</mat-icon\n                >\n              </summary>\n              @if (item.description) {\n                <div\n                  class=\"mapa-report-point__copy\"\n                  [innerHTML]=\"item.description | safeHtml\"\n                ></div>\n              }\n            </details>\n          }\n        </div>\n      </section>\n\n      <section\n        class=\"mapa-report-points__group mapa-report-points__group--attention\"\n      >\n        <header class=\"mapa-report-points__group-header\">\n          <div>\n            <h3>\n              {{\n                data().attentionHeading?.title ||\n                  i18n.texts.report.attentionPointsTitle\n              }}\n            </h3>\n            @if (data().attentionHeading?.description) {\n              <div\n                class=\"mapa-report-points__group-description\"\n                [innerHTML]=\"data().attentionHeading?.description | safeHtml\"\n              ></div>\n            }\n          </div>\n          <span class=\"mapa-report-points__count\">{{\n            countLabel(data().attention.length)\n          }}</span>\n        </header>\n        <div class=\"mapa-report-points__items\">\n          @for (item of data().attention; track item.id) {\n            <details class=\"mapa-report-point\">\n              <summary>\n                <span class=\"mapa-report-point__label\">\n                  <span\n                    class=\"mapa-report-point__dot\"\n                    [style.background]=\"color(item, '#e84d68')\"\n                  ></span>\n                  <span>{{ item.name }}</span>\n                </span>\n                <mat-icon class=\"mapa-report-point__arrow\" aria-hidden=\"true\"\n                  >expand_more</mat-icon\n                >\n              </summary>\n              @if (item.description) {\n                <div\n                  class=\"mapa-report-point__copy\"\n                  [innerHTML]=\"item.description | safeHtml\"\n                ></div>\n              }\n            </details>\n          }\n        </div>\n      </section>\n    </div>\n  }\n</div>\n", styles: [":host{color:var(--mapa-report-text, #263238);display:block;min-width:0;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__modes--standalone{grid-column:1;grid-row:auto;justify-self:end}.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-report-widget__modes--standalone{grid-row:auto;margin-top:0}}.mapa-report-points{display:grid;gap:22px}.mapa-report-points__group{display:grid;gap:17px;padding:20px;border:1px solid;border-radius:13px}.mapa-report-points__group--strong{background:#f8faff;border-color:#cbd9ff}.mapa-report-points__group--strong .mapa-report-points__count{background:#f1f5ff;border-color:#c7d7ff;color:#315fcc}.mapa-report-points__group--attention{background:#fffaf9;border-color:#ffd0ca}.mapa-report-points__group--attention .mapa-report-points__count{background:#fff5f3;border-color:#ffc9c3;color:#d94d43}.mapa-report-points__group-header{align-items:flex-end;column-gap:15px;display:grid;grid-template-columns:minmax(0,1fr) auto}.mapa-report-points__group-header>div{display:contents}.mapa-report-points__group-header h3{font-size:16px;font-weight:500;grid-column:1;grid-row:1;margin:0}.mapa-report-points__group-description{color:var(--mapa-report-muted, #68747a);font-size:12px;grid-column:1/-1;grid-row:2;line-height:1.35;margin:5px 0 0}.mapa-report-points__group-description ::ng-deep ol,.mapa-report-points__group-description ::ng-deep p,.mapa-report-points__group-description ::ng-deep ul{margin:0 0 8px}.mapa-report-points__group-description ::ng-deep ol,.mapa-report-points__group-description ::ng-deep ul{padding-left:20px}.mapa-report-points__group-description ::ng-deep li{margin:0 0 3px}.mapa-report-points__group-description ::ng-deep b,.mapa-report-points__group-description ::ng-deep strong{color:var(--mapa-report-text, inherit);font-weight:600}.mapa-report-points__group-description ::ng-deep :last-child{margin-bottom:0}.mapa-report-points__count{align-self:end;border:1px solid;border-radius:999px;font-size:10px;font-weight:600;grid-column:2;grid-row:1;padding:5px 10px}.mapa-report-points__items{display:grid;gap:9px 12px;grid-template-columns:repeat(2,minmax(0,1fr))}.mapa-report-point{background:var(--mapa-report-surface, #fff);border:1px solid var(--mapa-report-border, #e1e5e7);border-radius:9px;overflow:hidden;height:min-content}.mapa-report-point[open]{border-color:#b9c9d3;box-shadow:0 5px 14px #233d4e0f}.mapa-report-point[open] .mapa-report-point__arrow{transform:rotate(180deg)}.mapa-report-point summary{align-items:center;cursor:pointer;display:flex;font-size:13px;gap:12px;justify-content:space-between;list-style:none;min-height:43px;padding:10px 12px}.mapa-report-point summary::-webkit-details-marker{display:none}.mapa-report-point summary:focus-visible{outline:3px solid rgba(255,86,11,.28);outline-offset:-3px}.mapa-report-point>div{border-top:1px solid #e8eef1;color:var(--mapa-report-muted, #68747a);font-size:11px;line-height:1.5;padding:10px 12px 12px 28px}.mapa-report-point>div ::ng-deep ol,.mapa-report-point>div ::ng-deep p,.mapa-report-point>div ::ng-deep ul{margin:0 0 8px}.mapa-report-point>div ::ng-deep ol,.mapa-report-point>div ::ng-deep ul{padding-left:20px}.mapa-report-point>div ::ng-deep li{margin:0 0 3px}.mapa-report-point>div ::ng-deep b,.mapa-report-point>div ::ng-deep strong{color:var(--mapa-report-text, inherit);font-weight:600}.mapa-report-point>div ::ng-deep :last-child{margin-bottom:0}.mapa-report-point--card{background:var(--mapa-report-surface, #fff);padding:14px}.mapa-report-point--card h4{align-items:center;display:flex;font-size:12px;gap:9px;margin:0}.mapa-report-point--card>div{padding:8px 0 0 16px}.mapa-report-point__dot{border-radius:50%;flex:0 0 7px;height:7px;width:7px}.mapa-report-point__label{align-items:center;display:flex;gap:9px;min-width:0}.mapa-report-point__label span:last-child{overflow-wrap:anywhere}.mapa-report-point__arrow{color:#788a95;flex:0 0 16px;font-size:16px;height:16px;transition:transform .18s cubic-bezier(.25,1,.5,1);width:16px}@media(max-width:760px){.mapa-report-points__items{grid-template-columns:1fr}}\n"] }]
+        }] });
 
-class MapaReportRankingTableWidgetComponent {
+/** Reusable detailed content, without the widget heading or mode selector. */
+class MapaReportPointsWidgetDetailedComponent extends ReportPointsContent {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.21", ngImport: i0, type: MapaReportPointsWidgetDetailedComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.21", type: MapaReportPointsWidgetDetailedComponent, isStandalone: true, selector: "mapa-report-points-widget-detailed", usesInheritance: true, ngImport: i0, template: "<div class=\"mapa-report-widget\" [attr.data-palette]=\"palette()\">\n  @if (!data().strong.length && !data().attention.length) {\n    <p class=\"mapa-report-widget__empty\">{{ i18n.texts.report.emptyState }}</p>\n  } @else {\n    <div class=\"mapa-report-points mapa-report-points--detailed\">\n      <section\n        class=\"mapa-report-points__group mapa-report-points__group--strong\"\n      >\n        <header class=\"mapa-report-points__group-header\">\n          <div>\n            <h3>\n              {{\n                data().strongHeading?.title ||\n                  i18n.texts.report.strongPointsTitle\n              }}\n            </h3>\n            @if (data().strongHeading?.description) {\n              <div\n                class=\"mapa-report-points__group-description\"\n                [innerHTML]=\"data().strongHeading?.description | safeHtml\"\n              ></div>\n            }\n          </div>\n          <span class=\"mapa-report-points__count\">{{\n            countLabel(data().strong.length)\n          }}</span>\n        </header>\n        <div class=\"mapa-report-points__items\">\n          @for (item of data().strong; track item.id) {\n            <article class=\"mapa-report-point mapa-report-point--card\">\n              <h4>\n                <span\n                  class=\"mapa-report-point__dot\"\n                  [style.background]=\"color(item, '#2c93dc')\"\n                ></span\n                >{{ item.name }}\n              </h4>\n              @if (item.description) {\n                <div\n                  class=\"mapa-report-point__copy\"\n                  [innerHTML]=\"item.description | safeHtml\"\n                ></div>\n              }\n            </article>\n          }\n        </div>\n      </section>\n\n      <section\n        class=\"mapa-report-points__group mapa-report-points__group--attention\"\n      >\n        <header class=\"mapa-report-points__group-header\">\n          <div>\n            <h3>\n              {{\n                data().attentionHeading?.title ||\n                  i18n.texts.report.attentionPointsTitle\n              }}\n            </h3>\n            @if (data().attentionHeading?.description) {\n              <div\n                class=\"mapa-report-points__group-description\"\n                [innerHTML]=\"data().attentionHeading?.description | safeHtml\"\n              ></div>\n            }\n          </div>\n          <span class=\"mapa-report-points__count\">{{\n            countLabel(data().attention.length)\n          }}</span>\n        </header>\n        <div class=\"mapa-report-points__items\">\n          @for (item of data().attention; track item.id) {\n            <article class=\"mapa-report-point mapa-report-point--card\">\n              <h4>\n                <span\n                  class=\"mapa-report-point__dot\"\n                  [style.background]=\"color(item, '#e84d68')\"\n                ></span\n                >{{ item.name }}\n              </h4>\n              @if (item.description) {\n                <div\n                  class=\"mapa-report-point__copy\"\n                  [innerHTML]=\"item.description | safeHtml\"\n                ></div>\n              }\n            </article>\n          }\n        </div>\n      </section>\n    </div>\n  }\n</div>\n", styles: [":host{color:var(--mapa-report-text, #263238);display:block;min-width:0;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__modes--standalone{grid-column:1;grid-row:auto;justify-self:end}.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-report-widget__modes--standalone{grid-row:auto;margin-top:0}}.mapa-report-points{display:grid;gap:22px}.mapa-report-points__group{display:grid;gap:17px;padding:20px;border:1px solid;border-radius:13px}.mapa-report-points__group--strong{background:#f8faff;border-color:#cbd9ff}.mapa-report-points__group--strong .mapa-report-points__count{background:#f1f5ff;border-color:#c7d7ff;color:#315fcc}.mapa-report-points__group--attention{background:#fffaf9;border-color:#ffd0ca}.mapa-report-points__group--attention .mapa-report-points__count{background:#fff5f3;border-color:#ffc9c3;color:#d94d43}.mapa-report-points__group-header{align-items:flex-end;column-gap:15px;display:grid;grid-template-columns:minmax(0,1fr) auto}.mapa-report-points__group-header>div{display:contents}.mapa-report-points__group-header h3{font-size:16px;font-weight:500;grid-column:1;grid-row:1;margin:0}.mapa-report-points__group-description{color:var(--mapa-report-muted, #68747a);font-size:12px;grid-column:1/-1;grid-row:2;line-height:1.35;margin:5px 0 0}.mapa-report-points__group-description ::ng-deep ol,.mapa-report-points__group-description ::ng-deep p,.mapa-report-points__group-description ::ng-deep ul{margin:0 0 8px}.mapa-report-points__group-description ::ng-deep ol,.mapa-report-points__group-description ::ng-deep ul{padding-left:20px}.mapa-report-points__group-description ::ng-deep li{margin:0 0 3px}.mapa-report-points__group-description ::ng-deep b,.mapa-report-points__group-description ::ng-deep strong{color:var(--mapa-report-text, inherit);font-weight:600}.mapa-report-points__group-description ::ng-deep :last-child{margin-bottom:0}.mapa-report-points__count{align-self:end;border:1px solid;border-radius:999px;font-size:10px;font-weight:600;grid-column:2;grid-row:1;padding:5px 10px}.mapa-report-points__items{display:grid;gap:9px 12px;grid-template-columns:repeat(2,minmax(0,1fr))}.mapa-report-point{background:var(--mapa-report-surface, #fff);border:1px solid var(--mapa-report-border, #e1e5e7);border-radius:9px;overflow:hidden;height:min-content}.mapa-report-point[open]{border-color:#b9c9d3;box-shadow:0 5px 14px #233d4e0f}.mapa-report-point[open] .mapa-report-point__arrow{transform:rotate(180deg)}.mapa-report-point summary{align-items:center;cursor:pointer;display:flex;font-size:13px;gap:12px;justify-content:space-between;list-style:none;min-height:43px;padding:10px 12px}.mapa-report-point summary::-webkit-details-marker{display:none}.mapa-report-point summary:focus-visible{outline:3px solid rgba(255,86,11,.28);outline-offset:-3px}.mapa-report-point>div{border-top:1px solid #e8eef1;color:var(--mapa-report-muted, #68747a);font-size:11px;line-height:1.5;padding:10px 12px 12px 28px}.mapa-report-point>div ::ng-deep ol,.mapa-report-point>div ::ng-deep p,.mapa-report-point>div ::ng-deep ul{margin:0 0 8px}.mapa-report-point>div ::ng-deep ol,.mapa-report-point>div ::ng-deep ul{padding-left:20px}.mapa-report-point>div ::ng-deep li{margin:0 0 3px}.mapa-report-point>div ::ng-deep b,.mapa-report-point>div ::ng-deep strong{color:var(--mapa-report-text, inherit);font-weight:600}.mapa-report-point>div ::ng-deep :last-child{margin-bottom:0}.mapa-report-point--card{background:var(--mapa-report-surface, #fff);padding:14px}.mapa-report-point--card h4{align-items:center;display:flex;font-size:12px;gap:9px;margin:0}.mapa-report-point--card>div{padding:8px 0 0 16px}.mapa-report-point__dot{border-radius:50%;flex:0 0 7px;height:7px;width:7px}.mapa-report-point__label{align-items:center;display:flex;gap:9px;min-width:0}.mapa-report-point__label span:last-child{overflow-wrap:anywhere}.mapa-report-point__arrow{color:#788a95;flex:0 0 16px;font-size:16px;height:16px;transition:transform .18s cubic-bezier(.25,1,.5,1);width:16px}@media(max-width:760px){.mapa-report-points__items{grid-template-columns:1fr}}\n"], dependencies: [{ kind: "ngmodule", type: MatIconModule }, { kind: "pipe", type: SafeHtmlPipe, name: "safeHtml" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.21", ngImport: i0, type: MapaReportPointsWidgetDetailedComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'mapa-report-points-widget-detailed', standalone: true, imports: [MatIconModule, SafeHtmlPipe], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"mapa-report-widget\" [attr.data-palette]=\"palette()\">\n  @if (!data().strong.length && !data().attention.length) {\n    <p class=\"mapa-report-widget__empty\">{{ i18n.texts.report.emptyState }}</p>\n  } @else {\n    <div class=\"mapa-report-points mapa-report-points--detailed\">\n      <section\n        class=\"mapa-report-points__group mapa-report-points__group--strong\"\n      >\n        <header class=\"mapa-report-points__group-header\">\n          <div>\n            <h3>\n              {{\n                data().strongHeading?.title ||\n                  i18n.texts.report.strongPointsTitle\n              }}\n            </h3>\n            @if (data().strongHeading?.description) {\n              <div\n                class=\"mapa-report-points__group-description\"\n                [innerHTML]=\"data().strongHeading?.description | safeHtml\"\n              ></div>\n            }\n          </div>\n          <span class=\"mapa-report-points__count\">{{\n            countLabel(data().strong.length)\n          }}</span>\n        </header>\n        <div class=\"mapa-report-points__items\">\n          @for (item of data().strong; track item.id) {\n            <article class=\"mapa-report-point mapa-report-point--card\">\n              <h4>\n                <span\n                  class=\"mapa-report-point__dot\"\n                  [style.background]=\"color(item, '#2c93dc')\"\n                ></span\n                >{{ item.name }}\n              </h4>\n              @if (item.description) {\n                <div\n                  class=\"mapa-report-point__copy\"\n                  [innerHTML]=\"item.description | safeHtml\"\n                ></div>\n              }\n            </article>\n          }\n        </div>\n      </section>\n\n      <section\n        class=\"mapa-report-points__group mapa-report-points__group--attention\"\n      >\n        <header class=\"mapa-report-points__group-header\">\n          <div>\n            <h3>\n              {{\n                data().attentionHeading?.title ||\n                  i18n.texts.report.attentionPointsTitle\n              }}\n            </h3>\n            @if (data().attentionHeading?.description) {\n              <div\n                class=\"mapa-report-points__group-description\"\n                [innerHTML]=\"data().attentionHeading?.description | safeHtml\"\n              ></div>\n            }\n          </div>\n          <span class=\"mapa-report-points__count\">{{\n            countLabel(data().attention.length)\n          }}</span>\n        </header>\n        <div class=\"mapa-report-points__items\">\n          @for (item of data().attention; track item.id) {\n            <article class=\"mapa-report-point mapa-report-point--card\">\n              <h4>\n                <span\n                  class=\"mapa-report-point__dot\"\n                  [style.background]=\"color(item, '#e84d68')\"\n                ></span\n                >{{ item.name }}\n              </h4>\n              @if (item.description) {\n                <div\n                  class=\"mapa-report-point__copy\"\n                  [innerHTML]=\"item.description | safeHtml\"\n                ></div>\n              }\n            </article>\n          }\n        </div>\n      </section>\n    </div>\n  }\n</div>\n", styles: [":host{color:var(--mapa-report-text, #263238);display:block;min-width:0;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__modes--standalone{grid-column:1;grid-row:auto;justify-self:end}.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-report-widget__modes--standalone{grid-row:auto;margin-top:0}}.mapa-report-points{display:grid;gap:22px}.mapa-report-points__group{display:grid;gap:17px;padding:20px;border:1px solid;border-radius:13px}.mapa-report-points__group--strong{background:#f8faff;border-color:#cbd9ff}.mapa-report-points__group--strong .mapa-report-points__count{background:#f1f5ff;border-color:#c7d7ff;color:#315fcc}.mapa-report-points__group--attention{background:#fffaf9;border-color:#ffd0ca}.mapa-report-points__group--attention .mapa-report-points__count{background:#fff5f3;border-color:#ffc9c3;color:#d94d43}.mapa-report-points__group-header{align-items:flex-end;column-gap:15px;display:grid;grid-template-columns:minmax(0,1fr) auto}.mapa-report-points__group-header>div{display:contents}.mapa-report-points__group-header h3{font-size:16px;font-weight:500;grid-column:1;grid-row:1;margin:0}.mapa-report-points__group-description{color:var(--mapa-report-muted, #68747a);font-size:12px;grid-column:1/-1;grid-row:2;line-height:1.35;margin:5px 0 0}.mapa-report-points__group-description ::ng-deep ol,.mapa-report-points__group-description ::ng-deep p,.mapa-report-points__group-description ::ng-deep ul{margin:0 0 8px}.mapa-report-points__group-description ::ng-deep ol,.mapa-report-points__group-description ::ng-deep ul{padding-left:20px}.mapa-report-points__group-description ::ng-deep li{margin:0 0 3px}.mapa-report-points__group-description ::ng-deep b,.mapa-report-points__group-description ::ng-deep strong{color:var(--mapa-report-text, inherit);font-weight:600}.mapa-report-points__group-description ::ng-deep :last-child{margin-bottom:0}.mapa-report-points__count{align-self:end;border:1px solid;border-radius:999px;font-size:10px;font-weight:600;grid-column:2;grid-row:1;padding:5px 10px}.mapa-report-points__items{display:grid;gap:9px 12px;grid-template-columns:repeat(2,minmax(0,1fr))}.mapa-report-point{background:var(--mapa-report-surface, #fff);border:1px solid var(--mapa-report-border, #e1e5e7);border-radius:9px;overflow:hidden;height:min-content}.mapa-report-point[open]{border-color:#b9c9d3;box-shadow:0 5px 14px #233d4e0f}.mapa-report-point[open] .mapa-report-point__arrow{transform:rotate(180deg)}.mapa-report-point summary{align-items:center;cursor:pointer;display:flex;font-size:13px;gap:12px;justify-content:space-between;list-style:none;min-height:43px;padding:10px 12px}.mapa-report-point summary::-webkit-details-marker{display:none}.mapa-report-point summary:focus-visible{outline:3px solid rgba(255,86,11,.28);outline-offset:-3px}.mapa-report-point>div{border-top:1px solid #e8eef1;color:var(--mapa-report-muted, #68747a);font-size:11px;line-height:1.5;padding:10px 12px 12px 28px}.mapa-report-point>div ::ng-deep ol,.mapa-report-point>div ::ng-deep p,.mapa-report-point>div ::ng-deep ul{margin:0 0 8px}.mapa-report-point>div ::ng-deep ol,.mapa-report-point>div ::ng-deep ul{padding-left:20px}.mapa-report-point>div ::ng-deep li{margin:0 0 3px}.mapa-report-point>div ::ng-deep b,.mapa-report-point>div ::ng-deep strong{color:var(--mapa-report-text, inherit);font-weight:600}.mapa-report-point>div ::ng-deep :last-child{margin-bottom:0}.mapa-report-point--card{background:var(--mapa-report-surface, #fff);padding:14px}.mapa-report-point--card h4{align-items:center;display:flex;font-size:12px;gap:9px;margin:0}.mapa-report-point--card>div{padding:8px 0 0 16px}.mapa-report-point__dot{border-radius:50%;flex:0 0 7px;height:7px;width:7px}.mapa-report-point__label{align-items:center;display:flex;gap:9px;min-width:0}.mapa-report-point__label span:last-child{overflow-wrap:anywhere}.mapa-report-point__arrow{color:#788a95;flex:0 0 16px;font-size:16px;height:16px;transition:transform .18s cubic-bezier(.25,1,.5,1);width:16px}@media(max-width:760px){.mapa-report-points__items{grid-template-columns:1fr}}\n"] }]
+        }] });
+
+class MapaReportPointsWidgetComponent extends ReportPointsContent {
     constructor() {
-        this.i18n = inject(MapaI18nService);
-        this.heading = input(...(ngDevMode ? [undefined, { debugName: "heading" }] : []));
-        this.views = input([], ...(ngDevMode ? [{ debugName: "views" }] : []));
-        /** Id of the active view; two-way so the host can drive or observe it. */
-        this.view = model(...(ngDevMode ? [undefined, { debugName: "view" }] : []));
-        this.palette = input('current', ...(ngDevMode ? [{ debugName: "palette" }] : []));
-        this.showAverage = input(false, ...(ngDevMode ? [{ debugName: "showAverage" }] : []));
-        /** Header of the first column, per view id. Falls back to the view label. */
-        this.entryColumnLabel = input(...(ngDevMode ? [undefined, { debugName: "entryColumnLabel" }] : []));
+        super(...arguments);
+        this.heading = input.required(...(ngDevMode ? [{ debugName: "heading" }] : []));
+        this.mode = model('summarized', ...(ngDevMode ? [{ debugName: "mode" }] : []));
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.21", ngImport: i0, type: MapaReportPointsWidgetComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.21", type: MapaReportPointsWidgetComponent, isStandalone: true, selector: "mapa-report-points-widget", inputs: { heading: { classPropertyName: "heading", publicName: "heading", isSignal: true, isRequired: true, transformFunction: null }, mode: { classPropertyName: "mode", publicName: "mode", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { mode: "modeChange" }, usesInheritance: true, 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\n        value=\"summarized\"\n        [aria-label]=\"i18n.texts.report.summarized\"\n      >\n        <mat-icon aria-hidden=\"true\">view_list</mat-icon>\n        {{ i18n.texts.report.summarized }}\n      </mat-button-toggle>\n      <mat-button-toggle\n        value=\"detailed\"\n        [aria-label]=\"i18n.texts.report.detailed\"\n      >\n        <mat-icon aria-hidden=\"true\">article</mat-icon>\n        {{ i18n.texts.report.detailed }}\n      </mat-button-toggle>\n    </mat-button-toggle-group>\n  </header>\n\n  @if (mode() === \"summarized\") {\n    <mapa-report-points-widget-summarized\n      [data]=\"data()\"\n      [palette]=\"palette()\"\n    />\n  } @else {\n    <mapa-report-points-widget-detailed [data]=\"data()\" [palette]=\"palette()\" />\n  }\n</section>\n", styles: [":host{color:var(--mapa-report-text, #263238);display:block;min-width:0;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__modes--standalone{grid-column:1;grid-row:auto;justify-self:end}.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-report-widget__modes--standalone{grid-row:auto;margin-top:0}}.mapa-report-points{display:grid;gap:22px}.mapa-report-points__group{display:grid;gap:17px;padding:20px;border:1px solid;border-radius:13px}.mapa-report-points__group--strong{background:#f8faff;border-color:#cbd9ff}.mapa-report-points__group--strong .mapa-report-points__count{background:#f1f5ff;border-color:#c7d7ff;color:#315fcc}.mapa-report-points__group--attention{background:#fffaf9;border-color:#ffd0ca}.mapa-report-points__group--attention .mapa-report-points__count{background:#fff5f3;border-color:#ffc9c3;color:#d94d43}.mapa-report-points__group-header{align-items:flex-end;column-gap:15px;display:grid;grid-template-columns:minmax(0,1fr) auto}.mapa-report-points__group-header>div{display:contents}.mapa-report-points__group-header h3{font-size:16px;font-weight:500;grid-column:1;grid-row:1;margin:0}.mapa-report-points__group-description{color:var(--mapa-report-muted, #68747a);font-size:12px;grid-column:1/-1;grid-row:2;line-height:1.35;margin:5px 0 0}.mapa-report-points__group-description ::ng-deep ol,.mapa-report-points__group-description ::ng-deep p,.mapa-report-points__group-description ::ng-deep ul{margin:0 0 8px}.mapa-report-points__group-description ::ng-deep ol,.mapa-report-points__group-description ::ng-deep ul{padding-left:20px}.mapa-report-points__group-description ::ng-deep li{margin:0 0 3px}.mapa-report-points__group-description ::ng-deep b,.mapa-report-points__group-description ::ng-deep strong{color:var(--mapa-report-text, inherit);font-weight:600}.mapa-report-points__group-description ::ng-deep :last-child{margin-bottom:0}.mapa-report-points__count{align-self:end;border:1px solid;border-radius:999px;font-size:10px;font-weight:600;grid-column:2;grid-row:1;padding:5px 10px}.mapa-report-points__items{display:grid;gap:9px 12px;grid-template-columns:repeat(2,minmax(0,1fr))}.mapa-report-point{background:var(--mapa-report-surface, #fff);border:1px solid var(--mapa-report-border, #e1e5e7);border-radius:9px;overflow:hidden;height:min-content}.mapa-report-point[open]{border-color:#b9c9d3;box-shadow:0 5px 14px #233d4e0f}.mapa-report-point[open] .mapa-report-point__arrow{transform:rotate(180deg)}.mapa-report-point summary{align-items:center;cursor:pointer;display:flex;font-size:13px;gap:12px;justify-content:space-between;list-style:none;min-height:43px;padding:10px 12px}.mapa-report-point summary::-webkit-details-marker{display:none}.mapa-report-point summary:focus-visible{outline:3px solid rgba(255,86,11,.28);outline-offset:-3px}.mapa-report-point>div{border-top:1px solid #e8eef1;color:var(--mapa-report-muted, #68747a);font-size:11px;line-height:1.5;padding:10px 12px 12px 28px}.mapa-report-point>div ::ng-deep ol,.mapa-report-point>div ::ng-deep p,.mapa-report-point>div ::ng-deep ul{margin:0 0 8px}.mapa-report-point>div ::ng-deep ol,.mapa-report-point>div ::ng-deep ul{padding-left:20px}.mapa-report-point>div ::ng-deep li{margin:0 0 3px}.mapa-report-point>div ::ng-deep b,.mapa-report-point>div ::ng-deep strong{color:var(--mapa-report-text, inherit);font-weight:600}.mapa-report-point>div ::ng-deep :last-child{margin-bottom:0}.mapa-report-point--card{background:var(--mapa-report-surface, #fff);padding:14px}.mapa-report-point--card h4{align-items:center;display:flex;font-size:12px;gap:9px;margin:0}.mapa-report-point--card>div{padding:8px 0 0 16px}.mapa-report-point__dot{border-radius:50%;flex:0 0 7px;height:7px;width:7px}.mapa-report-point__label{align-items:center;display:flex;gap:9px;min-width:0}.mapa-report-point__label span:last-child{overflow-wrap:anywhere}.mapa-report-point__arrow{color:#788a95;flex:0 0 16px;font-size:16px;height:16px;transition:transform .18s cubic-bezier(.25,1,.5,1);width:16px}@media(max-width:760px){.mapa-report-points__items{grid-template-columns:1fr}}: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)}\n"], dependencies: [{ kind: "component", type: MapaReportPointsWidgetSummarizedComponent, selector: "mapa-report-points-widget-summarized" }, { kind: "component", type: MapaReportPointsWidgetDetailedComponent, selector: "mapa-report-points-widget-detailed" }, { kind: "ngmodule", type: MatButtonToggleModule }, { kind: "directive", type: i1$7.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$7.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: i1$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: MapaReportPointsWidgetComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'mapa-report-points-widget', standalone: true, imports: [
+                        MapaReportPointsWidgetSummarizedComponent,
+                        MapaReportPointsWidgetDetailedComponent,
+                        MatButtonToggleModule,
+                        MatIconModule,
+                        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\n        value=\"summarized\"\n        [aria-label]=\"i18n.texts.report.summarized\"\n      >\n        <mat-icon aria-hidden=\"true\">view_list</mat-icon>\n        {{ i18n.texts.report.summarized }}\n      </mat-button-toggle>\n      <mat-button-toggle\n        value=\"detailed\"\n        [aria-label]=\"i18n.texts.report.detailed\"\n      >\n        <mat-icon aria-hidden=\"true\">article</mat-icon>\n        {{ i18n.texts.report.detailed }}\n      </mat-button-toggle>\n    </mat-button-toggle-group>\n  </header>\n\n  @if (mode() === \"summarized\") {\n    <mapa-report-points-widget-summarized\n      [data]=\"data()\"\n      [palette]=\"palette()\"\n    />\n  } @else {\n    <mapa-report-points-widget-detailed [data]=\"data()\" [palette]=\"palette()\" />\n  }\n</section>\n", styles: [":host{color:var(--mapa-report-text, #263238);display:block;min-width:0;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__modes--standalone{grid-column:1;grid-row:auto;justify-self:end}.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-report-widget__modes--standalone{grid-row:auto;margin-top:0}}.mapa-report-points{display:grid;gap:22px}.mapa-report-points__group{display:grid;gap:17px;padding:20px;border:1px solid;border-radius:13px}.mapa-report-points__group--strong{background:#f8faff;border-color:#cbd9ff}.mapa-report-points__group--strong .mapa-report-points__count{background:#f1f5ff;border-color:#c7d7ff;color:#315fcc}.mapa-report-points__group--attention{background:#fffaf9;border-color:#ffd0ca}.mapa-report-points__group--attention .mapa-report-points__count{background:#fff5f3;border-color:#ffc9c3;color:#d94d43}.mapa-report-points__group-header{align-items:flex-end;column-gap:15px;display:grid;grid-template-columns:minmax(0,1fr) auto}.mapa-report-points__group-header>div{display:contents}.mapa-report-points__group-header h3{font-size:16px;font-weight:500;grid-column:1;grid-row:1;margin:0}.mapa-report-points__group-description{color:var(--mapa-report-muted, #68747a);font-size:12px;grid-column:1/-1;grid-row:2;line-height:1.35;margin:5px 0 0}.mapa-report-points__group-description ::ng-deep ol,.mapa-report-points__group-description ::ng-deep p,.mapa-report-points__group-description ::ng-deep ul{margin:0 0 8px}.mapa-report-points__group-description ::ng-deep ol,.mapa-report-points__group-description ::ng-deep ul{padding-left:20px}.mapa-report-points__group-description ::ng-deep li{margin:0 0 3px}.mapa-report-points__group-description ::ng-deep b,.mapa-report-points__group-description ::ng-deep strong{color:var(--mapa-report-text, inherit);font-weight:600}.mapa-report-points__group-description ::ng-deep :last-child{margin-bottom:0}.mapa-report-points__count{align-self:end;border:1px solid;border-radius:999px;font-size:10px;font-weight:600;grid-column:2;grid-row:1;padding:5px 10px}.mapa-report-points__items{display:grid;gap:9px 12px;grid-template-columns:repeat(2,minmax(0,1fr))}.mapa-report-point{background:var(--mapa-report-surface, #fff);border:1px solid var(--mapa-report-border, #e1e5e7);border-radius:9px;overflow:hidden;height:min-content}.mapa-report-point[open]{border-color:#b9c9d3;box-shadow:0 5px 14px #233d4e0f}.mapa-report-point[open] .mapa-report-point__arrow{transform:rotate(180deg)}.mapa-report-point summary{align-items:center;cursor:pointer;display:flex;font-size:13px;gap:12px;justify-content:space-between;list-style:none;min-height:43px;padding:10px 12px}.mapa-report-point summary::-webkit-details-marker{display:none}.mapa-report-point summary:focus-visible{outline:3px solid rgba(255,86,11,.28);outline-offset:-3px}.mapa-report-point>div{border-top:1px solid #e8eef1;color:var(--mapa-report-muted, #68747a);font-size:11px;line-height:1.5;padding:10px 12px 12px 28px}.mapa-report-point>div ::ng-deep ol,.mapa-report-point>div ::ng-deep p,.mapa-report-point>div ::ng-deep ul{margin:0 0 8px}.mapa-report-point>div ::ng-deep ol,.mapa-report-point>div ::ng-deep ul{padding-left:20px}.mapa-report-point>div ::ng-deep li{margin:0 0 3px}.mapa-report-point>div ::ng-deep b,.mapa-report-point>div ::ng-deep strong{color:var(--mapa-report-text, inherit);font-weight:600}.mapa-report-point>div ::ng-deep :last-child{margin-bottom:0}.mapa-report-point--card{background:var(--mapa-report-surface, #fff);padding:14px}.mapa-report-point--card h4{align-items:center;display:flex;font-size:12px;gap:9px;margin:0}.mapa-report-point--card>div{padding:8px 0 0 16px}.mapa-report-point__dot{border-radius:50%;flex:0 0 7px;height:7px;width:7px}.mapa-report-point__label{align-items:center;display:flex;gap:9px;min-width:0}.mapa-report-point__label span:last-child{overflow-wrap:anywhere}.mapa-report-point__arrow{color:#788a95;flex:0 0 16px;font-size:16px;height:16px;transition:transform .18s cubic-bezier(.25,1,.5,1);width:16px}@media(max-width:760px){.mapa-report-points__items{grid-template-columns:1fr}}: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)}\n"] }]
+        }], propDecorators: { heading: [{ type: i0.Input, args: [{ isSignal: true, alias: "heading", required: true }] }], mode: [{ type: i0.Input, args: [{ isSignal: true, alias: "mode", required: false }] }, { type: i0.Output, args: ["modeChange"] }] } });
+
+class ReportParameterizationContent {
+    constructor() {
+        this.i18n = inject(MapaI18nService);
+        this.data = input.required(...(ngDevMode ? [{ debugName: "data" }] : []));
+        this.palette = input('current', ...(ngDevMode ? [{ debugName: "palette" }] : []));
+        this.metadata = computed(() => (this.data().metadata ?? []).filter((item) => !!item.value?.trim()), ...(ngDevMode ? [{ debugName: "metadata" }] : []));
+        /** Classificação final do resultado: tag neutra logo abaixo do nome da parametrização. */
+        this.finalClassification = computed(() => {
+            const final = this.data().finalClassification;
+            return final?.label?.trim() ? final : null;
+        }, ...(ngDevMode ? [{ debugName: "finalClassification" }] : []));
+        /**
+         * O resumo mostra o valor por grupo; seções sem agrupamento (sem nota de
+         * grupo) caem para as competências.
+         */
+        this.summaryRows = computed(() => this.data().sections.flatMap((section) => this.isNumber(section.value)
+            ? [
+                {
+                    id: `group:${section.id}`,
+                    name: section.name?.trim() || this.i18n.texts.report.groupsTitle,
+                    value: section.value,
+                },
+            ]
+            : section.competences.flatMap((competence) => this.isNumber(competence.value)
+                ? [
+                    {
+                        id: `competence:${section.id}:${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)));
+    }
+    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: ReportParameterizationContent, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "20.3.21", type: ReportParameterizationContent, isStandalone: true, inputs: { data: { classPropertyName: "data", publicName: "data", isSignal: true, isRequired: true, transformFunction: null }, palette: { classPropertyName: "palette", publicName: "palette", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.21", ngImport: i0, type: ReportParameterizationContent, decorators: [{
+            type: Directive
+        }], propDecorators: { data: [{ type: i0.Input, args: [{ isSignal: true, alias: "data", required: true }] }], palette: [{ type: i0.Input, args: [{ isSignal: true, alias: "palette", required: false }] }] } });
+
+/** Reusable overview content, without the widget heading or mode selector. */
+class MapaReportParameterizationWidgetOverviewComponent extends ReportParameterizationContent {
+    constructor() {
+        super(...arguments);
+        this.title = input(...(ngDevMode ? [undefined, { debugName: "title" }] : []));
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.21", ngImport: i0, type: MapaReportParameterizationWidgetOverviewComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.21", type: MapaReportParameterizationWidgetOverviewComponent, isStandalone: true, selector: "mapa-report-parameterization-widget-overview", inputs: { title: { classPropertyName: "title", publicName: "title", isSignal: true, isRequired: false, transformFunction: null } }, usesInheritance: true, ngImport: i0, template: "<div class=\"mapa-report-widget\" [attr.data-palette]=\"palette()\">\n  <section class=\"mapa-parameterization-overview\">\n    <div class=\"mapa-parameterization-overview__headline\">\n      <div>\n        <span class=\"mapa-parameterization-overview__eyebrow\">{{\n          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        <mapa-result-track\n          appearance=\"stepped\"\n          color=\"#59636a\"\n          [style]=\"'thick'\"\n          [name]=\"data().name\"\n          [value]=\"data().value\"\n        />\n      </div>\n    </div>\n\n    @if (finalClassification(); as final) {\n      <div class=\"mapa-parameterization-overview__classification\">\n        <span class=\"mapa-parameterization-overview__classification-tag\">{{\n          final.label\n        }}</span>\n        @if (final.description) {\n          <p>{{ final.description }}</p>\n        }\n      </div>\n    }\n  </section>\n</div>\n", styles: [":host{color:var(--mapa-report-text, #263238);display:block;min-width:0;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__modes--standalone{grid-column:1;grid-row:auto;justify-self:end}.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-report-widget__modes--standalone{grid-row:auto;margin-top:0}}.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-parameterization-overview{border:1px solid var(--mapa-report-border, #e1e5e7);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 mapa-result-track{display:block;min-width:0;width:100%}.mapa-parameterization-overview__score>span{color:#8a95a5;font-size:12px;text-transform:uppercase}.mapa-parameterization-overview__classification{display:grid;gap:8px;justify-items:start}.mapa-parameterization-overview__classification p{color:#59636a;font-size:14px;line-height:1.5;margin:0;overflow-wrap:anywhere}.mapa-parameterization-overview__classification-tag{background:#fff;border:1px solid var(--mapa-report-border, #e1e5e7);border-radius:999px;color:#2c2e3a;font-size:13px;font-weight:650;line-height:1.3;padding:5px 13px}.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, #e1e5e7);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-legend{--mapa-classification-tag-min-width: var(--mapa-report-pill-width, 104px)}.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, #e1e5e7);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, #e7ebee)}.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, #dfe4ea);border-radius:999px;display:block;height:14px;overflow:hidden}.mapa-parameterization-summary__track i{background:var(--mapa-parameterization-accent, #59636a);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-result-track{min-width:0}.mapa-parameterization-group__header>mapa-result-track{justify-self:start}.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-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, 104px);border:1px solid var(--mapa-report-border, #e1e5e7);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>mapa-result-track{display:block;justify-self:end;max-width:100%;width:max-content}.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, #68747a);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, #e1e5e7);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, 104px)}.mapa-parameterization-competence{background:var(--mapa-report-surface, #fff);border:1px solid var(--mapa-report-border, #e1e5e7);border-radius:var(--mapa-report-card-radius, 10px);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-result-track{display:block;justify-self:end;max-width:100%;width:max-content}.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, #68747a);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, #edf1f3);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, #fafbfc);border:1px solid var(--mapa-report-line-soft, #edf1f3);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, #68747a);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-result-track{justify-self:start}}\n"], dependencies: [{ kind: "component", type: MapaResultTrackComponent, selector: "mapa-result-track", inputs: ["name", "value", "color", "mode", "appearance", "style", "direction", "showValue", "ariaLabel"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.21", ngImport: i0, type: MapaReportParameterizationWidgetOverviewComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'mapa-report-parameterization-widget-overview', standalone: true, imports: [MapaResultTrackComponent], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"mapa-report-widget\" [attr.data-palette]=\"palette()\">\n  <section class=\"mapa-parameterization-overview\">\n    <div class=\"mapa-parameterization-overview__headline\">\n      <div>\n        <span class=\"mapa-parameterization-overview__eyebrow\">{{\n          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        <mapa-result-track\n          appearance=\"stepped\"\n          color=\"#59636a\"\n          [style]=\"'thick'\"\n          [name]=\"data().name\"\n          [value]=\"data().value\"\n        />\n      </div>\n    </div>\n\n    @if (finalClassification(); as final) {\n      <div class=\"mapa-parameterization-overview__classification\">\n        <span class=\"mapa-parameterization-overview__classification-tag\">{{\n          final.label\n        }}</span>\n        @if (final.description) {\n          <p>{{ final.description }}</p>\n        }\n      </div>\n    }\n  </section>\n</div>\n", styles: [":host{color:var(--mapa-report-text, #263238);display:block;min-width:0;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__modes--standalone{grid-column:1;grid-row:auto;justify-self:end}.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-report-widget__modes--standalone{grid-row:auto;margin-top:0}}.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-parameterization-overview{border:1px solid var(--mapa-report-border, #e1e5e7);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 mapa-result-track{display:block;min-width:0;width:100%}.mapa-parameterization-overview__score>span{color:#8a95a5;font-size:12px;text-transform:uppercase}.mapa-parameterization-overview__classification{display:grid;gap:8px;justify-items:start}.mapa-parameterization-overview__classification p{color:#59636a;font-size:14px;line-height:1.5;margin:0;overflow-wrap:anywhere}.mapa-parameterization-overview__classification-tag{background:#fff;border:1px solid var(--mapa-report-border, #e1e5e7);border-radius:999px;color:#2c2e3a;font-size:13px;font-weight:650;line-height:1.3;padding:5px 13px}.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, #e1e5e7);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-legend{--mapa-classification-tag-min-width: var(--mapa-report-pill-width, 104px)}.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, #e1e5e7);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, #e7ebee)}.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, #dfe4ea);border-radius:999px;display:block;height:14px;overflow:hidden}.mapa-parameterization-summary__track i{background:var(--mapa-parameterization-accent, #59636a);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-result-track{min-width:0}.mapa-parameterization-group__header>mapa-result-track{justify-self:start}.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-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, 104px);border:1px solid var(--mapa-report-border, #e1e5e7);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>mapa-result-track{display:block;justify-self:end;max-width:100%;width:max-content}.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, #68747a);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, #e1e5e7);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, 104px)}.mapa-parameterization-competence{background:var(--mapa-report-surface, #fff);border:1px solid var(--mapa-report-border, #e1e5e7);border-radius:var(--mapa-report-card-radius, 10px);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-result-track{display:block;justify-self:end;max-width:100%;width:max-content}.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, #68747a);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, #edf1f3);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, #fafbfc);border:1px solid var(--mapa-report-line-soft, #edf1f3);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, #68747a);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-result-track{justify-self:start}}\n"] }]
+        }], propDecorators: { title: [{ type: i0.Input, args: [{ isSignal: true, alias: "title", required: false }] }] } });
+
+/** Reusable summarized content, without the widget heading or mode selector. */
+class MapaReportParameterizationWidgetSummarizedComponent extends ReportParameterizationContent {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.21", ngImport: i0, type: MapaReportParameterizationWidgetSummarizedComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.21", type: MapaReportParameterizationWidgetSummarizedComponent, isStandalone: true, selector: "mapa-report-parameterization-widget-summarized", usesInheritance: true, ngImport: i0, template: "<div class=\"mapa-report-widget\" [attr.data-palette]=\"palette()\">\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 [style.width.%]=\"safeValue(row.value)\" aria-hidden=\"true\"></i>\n            </span>\n            <strong>{{ safeValue(row.value) }}%</strong>\n          </div>\n        }\n      </div>\n    </section>\n  } @else {\n    <p class=\"mapa-report-widget__empty\">{{ i18n.texts.report.emptyState }}</p>\n  }\n</div>\n", styles: [":host{color:var(--mapa-report-text, #263238);display:block;min-width:0;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__modes--standalone{grid-column:1;grid-row:auto;justify-self:end}.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-report-widget__modes--standalone{grid-row:auto;margin-top:0}}.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-parameterization-overview{border:1px solid var(--mapa-report-border, #e1e5e7);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 mapa-result-track{display:block;min-width:0;width:100%}.mapa-parameterization-overview__score>span{color:#8a95a5;font-size:12px;text-transform:uppercase}.mapa-parameterization-overview__classification{display:grid;gap:8px;justify-items:start}.mapa-parameterization-overview__classification p{color:#59636a;font-size:14px;line-height:1.5;margin:0;overflow-wrap:anywhere}.mapa-parameterization-overview__classification-tag{background:#fff;border:1px solid var(--mapa-report-border, #e1e5e7);border-radius:999px;color:#2c2e3a;font-size:13px;font-weight:650;line-height:1.3;padding:5px 13px}.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, #e1e5e7);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-legend{--mapa-classification-tag-min-width: var(--mapa-report-pill-width, 104px)}.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, #e1e5e7);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, #e7ebee)}.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, #dfe4ea);border-radius:999px;display:block;height:14px;overflow:hidden}.mapa-parameterization-summary__track i{background:var(--mapa-parameterization-accent, #59636a);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-result-track{min-width:0}.mapa-parameterization-group__header>mapa-result-track{justify-self:start}.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-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, 104px);border:1px solid var(--mapa-report-border, #e1e5e7);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>mapa-result-track{display:block;justify-self:end;max-width:100%;width:max-content}.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, #68747a);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, #e1e5e7);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, 104px)}.mapa-parameterization-competence{background:var(--mapa-report-surface, #fff);border:1px solid var(--mapa-report-border, #e1e5e7);border-radius:var(--mapa-report-card-radius, 10px);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-result-track{display:block;justify-self:end;max-width:100%;width:max-content}.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, #68747a);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, #edf1f3);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, #fafbfc);border:1px solid var(--mapa-report-line-soft, #edf1f3);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, #68747a);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-result-track{justify-self:start}}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.21", ngImport: i0, type: MapaReportParameterizationWidgetSummarizedComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'mapa-report-parameterization-widget-summarized', standalone: true, imports: [], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"mapa-report-widget\" [attr.data-palette]=\"palette()\">\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 [style.width.%]=\"safeValue(row.value)\" aria-hidden=\"true\"></i>\n            </span>\n            <strong>{{ safeValue(row.value) }}%</strong>\n          </div>\n        }\n      </div>\n    </section>\n  } @else {\n    <p class=\"mapa-report-widget__empty\">{{ i18n.texts.report.emptyState }}</p>\n  }\n</div>\n", styles: [":host{color:var(--mapa-report-text, #263238);display:block;min-width:0;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__modes--standalone{grid-column:1;grid-row:auto;justify-self:end}.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-report-widget__modes--standalone{grid-row:auto;margin-top:0}}.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-parameterization-overview{border:1px solid var(--mapa-report-border, #e1e5e7);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 mapa-result-track{display:block;min-width:0;width:100%}.mapa-parameterization-overview__score>span{color:#8a95a5;font-size:12px;text-transform:uppercase}.mapa-parameterization-overview__classification{display:grid;gap:8px;justify-items:start}.mapa-parameterization-overview__classification p{color:#59636a;font-size:14px;line-height:1.5;margin:0;overflow-wrap:anywhere}.mapa-parameterization-overview__classification-tag{background:#fff;border:1px solid var(--mapa-report-border, #e1e5e7);border-radius:999px;color:#2c2e3a;font-size:13px;font-weight:650;line-height:1.3;padding:5px 13px}.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, #e1e5e7);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-legend{--mapa-classification-tag-min-width: var(--mapa-report-pill-width, 104px)}.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, #e1e5e7);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, #e7ebee)}.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, #dfe4ea);border-radius:999px;display:block;height:14px;overflow:hidden}.mapa-parameterization-summary__track i{background:var(--mapa-parameterization-accent, #59636a);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-result-track{min-width:0}.mapa-parameterization-group__header>mapa-result-track{justify-self:start}.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-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, 104px);border:1px solid var(--mapa-report-border, #e1e5e7);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>mapa-result-track{display:block;justify-self:end;max-width:100%;width:max-content}.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, #68747a);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, #e1e5e7);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, 104px)}.mapa-parameterization-competence{background:var(--mapa-report-surface, #fff);border:1px solid var(--mapa-report-border, #e1e5e7);border-radius:var(--mapa-report-card-radius, 10px);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-result-track{display:block;justify-self:end;max-width:100%;width:max-content}.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, #68747a);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, #edf1f3);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, #fafbfc);border:1px solid var(--mapa-report-line-soft, #edf1f3);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, #68747a);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-result-track{justify-self:start}}\n"] }]
+        }] });
+
+/** Reusable detailed content, without the widget heading or mode selector. */
+class MapaReportParameterizationWidgetDetailedComponent extends ReportParameterizationContent {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.21", ngImport: i0, type: MapaReportParameterizationWidgetDetailedComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.21", type: MapaReportParameterizationWidgetDetailedComponent, isStandalone: true, selector: "mapa-report-parameterization-widget-detailed", usesInheritance: true, ngImport: i0, template: "<div class=\"mapa-report-widget\" [attr.data-palette]=\"palette()\">\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                  <mapa-result-track\n                    appearance=\"stepped\"\n                    color=\"#59636a\"\n                    [style]=\"'thin'\"\n                    [name]=\"section.name || i18n.texts.report.groupsTitle\"\n                    [value]=\"safeValue(section.value)\"\n                  />\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 (competence of section.competences; track competence.id) {\n                  <article class=\"mapa-parameterization-competence\">\n                    <header class=\"mapa-parameterization-competence__header\">\n                      <h5>{{ competence.name }}</h5>\n                      <mapa-result-track\n                        appearance=\"stepped\"\n                        color=\"#59636a\"\n                        [style]=\"'thin'\"\n                        [name]=\"competence.name\"\n                        [value]=\"safeValue(competence.value)\"\n                      />\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                                >{{ directionArrow(dimension.direction) }}</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  } @else {\n    <p class=\"mapa-report-widget__empty\">{{ i18n.texts.report.emptyState }}</p>\n  }\n</div>\n", styles: [":host{color:var(--mapa-report-text, #263238);display:block;min-width:0;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__modes--standalone{grid-column:1;grid-row:auto;justify-self:end}.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-report-widget__modes--standalone{grid-row:auto;margin-top:0}}.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-parameterization-overview{border:1px solid var(--mapa-report-border, #e1e5e7);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 mapa-result-track{display:block;min-width:0;width:100%}.mapa-parameterization-overview__score>span{color:#8a95a5;font-size:12px;text-transform:uppercase}.mapa-parameterization-overview__classification{display:grid;gap:8px;justify-items:start}.mapa-parameterization-overview__classification p{color:#59636a;font-size:14px;line-height:1.5;margin:0;overflow-wrap:anywhere}.mapa-parameterization-overview__classification-tag{background:#fff;border:1px solid var(--mapa-report-border, #e1e5e7);border-radius:999px;color:#2c2e3a;font-size:13px;font-weight:650;line-height:1.3;padding:5px 13px}.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, #e1e5e7);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-legend{--mapa-classification-tag-min-width: var(--mapa-report-pill-width, 104px)}.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, #e1e5e7);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, #e7ebee)}.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, #dfe4ea);border-radius:999px;display:block;height:14px;overflow:hidden}.mapa-parameterization-summary__track i{background:var(--mapa-parameterization-accent, #59636a);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-result-track{min-width:0}.mapa-parameterization-group__header>mapa-result-track{justify-self:start}.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-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, 104px);border:1px solid var(--mapa-report-border, #e1e5e7);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>mapa-result-track{display:block;justify-self:end;max-width:100%;width:max-content}.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, #68747a);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, #e1e5e7);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, 104px)}.mapa-parameterization-competence{background:var(--mapa-report-surface, #fff);border:1px solid var(--mapa-report-border, #e1e5e7);border-radius:var(--mapa-report-card-radius, 10px);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-result-track{display:block;justify-self:end;max-width:100%;width:max-content}.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, #68747a);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, #edf1f3);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, #fafbfc);border:1px solid var(--mapa-report-line-soft, #edf1f3);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, #68747a);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-result-track{justify-self:start}}\n"], dependencies: [{ kind: "component", type: MapaClassificationTagComponent, selector: "mapa-classification-tag", inputs: ["classification", "size", "appearance", "shape", "casing", "fallbackLabel"] }, { kind: "component", type: MapaResultTrackComponent, selector: "mapa-result-track", inputs: ["name", "value", "color", "mode", "appearance", "style", "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: MapaReportParameterizationWidgetDetailedComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'mapa-report-parameterization-widget-detailed', standalone: true, imports: [
+                        MapaClassificationTagComponent,
+                        MapaResultTrackComponent,
+                        SafeHtmlPipe,
+                    ], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"mapa-report-widget\" [attr.data-palette]=\"palette()\">\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                  <mapa-result-track\n                    appearance=\"stepped\"\n                    color=\"#59636a\"\n                    [style]=\"'thin'\"\n                    [name]=\"section.name || i18n.texts.report.groupsTitle\"\n                    [value]=\"safeValue(section.value)\"\n                  />\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 (competence of section.competences; track competence.id) {\n                  <article class=\"mapa-parameterization-competence\">\n                    <header class=\"mapa-parameterization-competence__header\">\n                      <h5>{{ competence.name }}</h5>\n                      <mapa-result-track\n                        appearance=\"stepped\"\n                        color=\"#59636a\"\n                        [style]=\"'thin'\"\n                        [name]=\"competence.name\"\n                        [value]=\"safeValue(competence.value)\"\n                      />\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                                >{{ directionArrow(dimension.direction) }}</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  } @else {\n    <p class=\"mapa-report-widget__empty\">{{ i18n.texts.report.emptyState }}</p>\n  }\n</div>\n", styles: [":host{color:var(--mapa-report-text, #263238);display:block;min-width:0;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__modes--standalone{grid-column:1;grid-row:auto;justify-self:end}.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-report-widget__modes--standalone{grid-row:auto;margin-top:0}}.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-parameterization-overview{border:1px solid var(--mapa-report-border, #e1e5e7);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 mapa-result-track{display:block;min-width:0;width:100%}.mapa-parameterization-overview__score>span{color:#8a95a5;font-size:12px;text-transform:uppercase}.mapa-parameterization-overview__classification{display:grid;gap:8px;justify-items:start}.mapa-parameterization-overview__classification p{color:#59636a;font-size:14px;line-height:1.5;margin:0;overflow-wrap:anywhere}.mapa-parameterization-overview__classification-tag{background:#fff;border:1px solid var(--mapa-report-border, #e1e5e7);border-radius:999px;color:#2c2e3a;font-size:13px;font-weight:650;line-height:1.3;padding:5px 13px}.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, #e1e5e7);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-legend{--mapa-classification-tag-min-width: var(--mapa-report-pill-width, 104px)}.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, #e1e5e7);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, #e7ebee)}.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, #dfe4ea);border-radius:999px;display:block;height:14px;overflow:hidden}.mapa-parameterization-summary__track i{background:var(--mapa-parameterization-accent, #59636a);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-result-track{min-width:0}.mapa-parameterization-group__header>mapa-result-track{justify-self:start}.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-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, 104px);border:1px solid var(--mapa-report-border, #e1e5e7);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>mapa-result-track{display:block;justify-self:end;max-width:100%;width:max-content}.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, #68747a);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, #e1e5e7);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, 104px)}.mapa-parameterization-competence{background:var(--mapa-report-surface, #fff);border:1px solid var(--mapa-report-border, #e1e5e7);border-radius:var(--mapa-report-card-radius, 10px);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-result-track{display:block;justify-self:end;max-width:100%;width:max-content}.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, #68747a);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, #edf1f3);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, #fafbfc);border:1px solid var(--mapa-report-line-soft, #edf1f3);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, #68747a);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-result-track{justify-self:start}}\n"] }]
+        }] });
+
+/** A single ranking table, without view selector, heading or export button. */
+class MapaReportRankingTableContentComponent {
+    constructor() {
+        this.i18n = inject(MapaI18nService);
+        this.palette = input('current', ...(ngDevMode ? [{ debugName: "palette" }] : []));
+        this.showAverage = input(false, ...(ngDevMode ? [{ debugName: "showAverage" }] : []));
+        /** Header of the entry column. */
+        this.entryColumnLabel = input(...(ngDevMode ? [undefined, { debugName: "entryColumnLabel" }] : []));
         /** Footnote under the table. */
         this.note = input(...(ngDevMode ? [undefined, { debugName: "note" }] : []));
         /** Header of the average column; defaults to the i18n text. */
         this.averageLabel = input(...(ngDevMode ? [undefined, { debugName: "averageLabel" }] : []));
-        this.exportLabel = input(...(ngDevMode ? [undefined, { debugName: "exportLabel" }] : []));
-        this.exporting = input(false, ...(ngDevMode ? [{ debugName: "exporting" }] : []));
-        this.exportRequested = output();
-        this.sort = signal({
+        this.sort = model({
             active: '',
             direction: '',
         }, ...(ngDevMode ? [{ debugName: "sort" }] : []));
-        this.visibleViews = computed(() => this.views().filter((view) => view.entries?.length), ...(ngDevMode ? [{ debugName: "visibleViews" }] : []));
-        this.activeView = computed(() => {
-            const views = this.visibleViews();
-            return views.find((item) => item.id === this.view()) ?? views[0];
-        }, ...(ngDevMode ? [{ debugName: "activeView" }] : []));
-        this.entries = computed(() => this.activeView()?.entries ?? [], ...(ngDevMode ? [{ debugName: "entries" }] : []));
         this.columns = computed(() => {
             const columns = [
                 {
                     key: 'name',
-                    label: this.entryColumnLabel() ?? this.activeView()?.label ?? '',
+                    label: this.entryColumnLabel() ?? '',
                     sortable: true,
                 },
             ];
@@ -8949,14 +9301,12 @@ class MapaReportRankingTableWidgetComponent {
             const rows = this.entries().map((entry) => this.toRow(entry));
             return this.sortRows(rows, this.sort());
         }, ...(ngDevMode ? [{ debugName: "rows" }] : []));
+        this.entries = input([], ...(ngDevMode ? [{ debugName: "entries" }] : []));
+        this.caption = input('', ...(ngDevMode ? [{ debugName: "caption" }] : []));
     }
     handleSortChange(change) {
         this.sort.set(change);
     }
-    selectView(id) {
-        this.view.set(id);
-        this.sort.set({ active: '', direction: '' });
-    }
     classification(row, key) {
         return this.cell(row, key)?.classification;
     }
@@ -9023,141 +9373,98 @@ class MapaReportRankingTableWidgetComponent {
     columnKey(name) {
         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 }, 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 }, exportLabel: { classPropertyName: "exportLabel", publicName: "exportLabel", isSignal: true, isRequired: false, transformFunction: null }, exporting: { classPropertyName: "exporting", publicName: "exporting", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { view: "viewChange", exportRequested: "exportRequested" }, ngImport: i0, template: "<section class=\"mapa-report-widget\" [attr.data-palette]=\"palette()\">\n  @if (heading() || exportLabel()) {\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 (exportLabel(); as label) {\n        <button\n          type=\"button\"\n          class=\"mapa-report-ranking-table__export\"\n          [disabled]=\"exporting()\"\n          (click)=\"exportRequested.emit()\"\n        >\n          <mat-icon aria-hidden=\"true\">download</mat-icon>\n          {{ label }}\n        </button>\n      }\n    </header>\n  }\n\n  <ng-content select=\"[mapaReportRankingLegend]\"></ng-content>\n\n  @if (visibleViews().length > 1) {\n    <mat-button-toggle-group\n      class=\"mapa-report-widget__modes mapa-report-widget__modes--standalone\"\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\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 class=\"mapa-report-ranking-table__cell\">\n              @if (hasClassification($any(row), column.key)) {\n                <mapa-classification-tag\n                  appearance=\"solid\"\n                  [classification]=\"classification($any(row), column.key)\"\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__modes--standalone{grid-column:1;grid-row:auto;justify-self:end}.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-report-widget__modes--standalone{grid-row:auto;margin-top:0}}.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__export{align-items:center;background:var(--mapa-report-accent);border:0;border-radius:var(--mapa-report-radius);color:var(--mapa-report-surface);cursor:pointer;display:inline-flex;font:600 13px/1 var(--mapa-font-body, \"Asap\", sans-serif);gap:6px;min-height:36px;padding:7px 12px}.mapa-report-ranking-table__export:disabled{cursor:default;opacity:.6}.mapa-report-ranking-table__export:focus-visible{outline:2px solid var(--mapa-report-text);outline-offset:2px}.mapa-report-ranking-table__export mat-icon{font-size:18px;height:18px;width:18px}.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__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__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.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.21", ngImport: i0, type: MapaReportRankingTableContentComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.21", type: MapaReportRankingTableContentComponent, isStandalone: true, selector: "mapa-report-ranking-table-content", inputs: { palette: { classPropertyName: "palette", publicName: "palette", isSignal: true, isRequired: false, transformFunction: null }, showAverage: { classPropertyName: "showAverage", publicName: "showAverage", 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 }, sort: { classPropertyName: "sort", publicName: "sort", isSignal: true, isRequired: false, transformFunction: null }, entries: { classPropertyName: "entries", publicName: "entries", isSignal: true, isRequired: false, transformFunction: null }, caption: { classPropertyName: "caption", publicName: "caption", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { sort: "sortChange" }, ngImport: i0, template: "<div class=\"mapa-report-widget\" [attr.data-palette]=\"palette()\">\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]=\"caption()\"\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 class=\"mapa-report-ranking-table__cell\">\n              @if (hasClassification($any(row), column.key)) {\n                <mapa-classification-tag\n                  appearance=\"solid\"\n                  [classification]=\"classification($any(row), column.key)\"\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</div>\n", styles: [":host{color:var(--mapa-report-text, #263238);display:block;min-width:0;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__modes--standalone{grid-column:1;grid-row:auto;justify-self:end}.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-report-widget__modes--standalone{grid-row:auto;margin-top:0}}.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__export{align-items:center;background:var(--mapa-report-accent, #ff560b);border:0;border-radius:var(--mapa-report-radius, 8px);color:var(--mapa-report-surface, #fff);cursor:pointer;display:inline-flex;font:600 13px/1 var(--mapa-font-body, \"Asap\", sans-serif);gap:6px;min-height:36px;padding:7px 12px}.mapa-report-ranking-table__export:disabled{cursor:default;opacity:.6}.mapa-report-ranking-table__export:focus-visible{outline:2px solid var(--mapa-report-text, #263238);outline-offset:2px}.mapa-report-ranking-table__export mat-icon{font-size:18px;height:18px;width:18px}.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, #263238);font-size:13px;font-weight:500;line-height:1.35;white-space:nowrap}.mapa-report-ranking-table__entry small{color:var(--mapa-report-muted, #68747a);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__score{align-items:center;color:var(--mapa-report-text, #263238);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__note{color:var(--mapa-report-muted, #68747a);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: "pipe", type: SafeHtmlPipe, name: "safeHtml" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.21", ngImport: i0, type: MapaReportRankingTableWidgetComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.21", ngImport: i0, type: MapaReportRankingTableContentComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'mapa-report-ranking-table-widget', standalone: true, imports: [
+            args: [{ selector: 'mapa-report-ranking-table-content', standalone: true, imports: [
                         MapaClassificationTagComponent,
                         MapaTableCellDirective,
                         MapaTableComponent,
+                        SafeHtmlPipe,
+                    ], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"mapa-report-widget\" [attr.data-palette]=\"palette()\">\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]=\"caption()\"\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 class=\"mapa-report-ranking-table__cell\">\n              @if (hasClassification($any(row), column.key)) {\n                <mapa-classification-tag\n                  appearance=\"solid\"\n                  [classification]=\"classification($any(row), column.key)\"\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</div>\n", styles: [":host{color:var(--mapa-report-text, #263238);display:block;min-width:0;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__modes--standalone{grid-column:1;grid-row:auto;justify-self:end}.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-report-widget__modes--standalone{grid-row:auto;margin-top:0}}.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__export{align-items:center;background:var(--mapa-report-accent, #ff560b);border:0;border-radius:var(--mapa-report-radius, 8px);color:var(--mapa-report-surface, #fff);cursor:pointer;display:inline-flex;font:600 13px/1 var(--mapa-font-body, \"Asap\", sans-serif);gap:6px;min-height:36px;padding:7px 12px}.mapa-report-ranking-table__export:disabled{cursor:default;opacity:.6}.mapa-report-ranking-table__export:focus-visible{outline:2px solid var(--mapa-report-text, #263238);outline-offset:2px}.mapa-report-ranking-table__export mat-icon{font-size:18px;height:18px;width:18px}.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, #263238);font-size:13px;font-weight:500;line-height:1.35;white-space:nowrap}.mapa-report-ranking-table__entry small{color:var(--mapa-report-muted, #68747a);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__score{align-items:center;color:var(--mapa-report-text, #263238);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__note{color:var(--mapa-report-muted, #68747a);font-size:11px;margin:0}\n"] }]
+        }], propDecorators: { palette: [{ type: i0.Input, args: [{ isSignal: true, alias: "palette", required: false }] }], showAverage: [{ type: i0.Input, args: [{ isSignal: true, alias: "showAverage", 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 }] }], sort: [{ type: i0.Input, args: [{ isSignal: true, alias: "sort", required: false }] }, { type: i0.Output, args: ["sortChange"] }], entries: [{ type: i0.Input, args: [{ isSignal: true, alias: "entries", required: false }] }], caption: [{ type: i0.Input, args: [{ isSignal: true, alias: "caption", required: false }] }] } });
+
+class MapaReportRankingTableWidgetComponent {
+    constructor() {
+        this.i18n = inject(MapaI18nService);
+        this.heading = input(...(ngDevMode ? [undefined, { debugName: "heading" }] : []));
+        this.views = input([], ...(ngDevMode ? [{ debugName: "views" }] : []));
+        /** Id of the active view; two-way so the host can drive or observe it. */
+        this.view = model(...(ngDevMode ? [undefined, { debugName: "view" }] : []));
+        this.palette = input('current', ...(ngDevMode ? [{ debugName: "palette" }] : []));
+        this.showAverage = input(false, ...(ngDevMode ? [{ debugName: "showAverage" }] : []));
+        /** Header of the first column, per view id. Falls back to the view label. */
+        this.entryColumnLabel = input(...(ngDevMode ? [undefined, { debugName: "entryColumnLabel" }] : []));
+        /** Footnote under the table. */
+        this.note = input(...(ngDevMode ? [undefined, { debugName: "note" }] : []));
+        /** Header of the average column; defaults to the i18n text. */
+        this.averageLabel = input(...(ngDevMode ? [undefined, { debugName: "averageLabel" }] : []));
+        this.exportLabel = input(...(ngDevMode ? [undefined, { debugName: "exportLabel" }] : []));
+        this.exporting = input(false, ...(ngDevMode ? [{ debugName: "exporting" }] : []));
+        this.exportRequested = output();
+        this.sort = signal({
+            active: '',
+            direction: '',
+        }, ...(ngDevMode ? [{ debugName: "sort" }] : []));
+        this.visibleViews = computed(() => this.views().filter((view) => view.entries?.length), ...(ngDevMode ? [{ debugName: "visibleViews" }] : []));
+        this.activeView = computed(() => {
+            const views = this.visibleViews();
+            return views.find((item) => item.id === this.view()) ?? views[0];
+        }, ...(ngDevMode ? [{ debugName: "activeView" }] : []));
+    }
+    selectView(id) {
+        this.view.set(id);
+        this.sort.set({ active: '', direction: '' });
+    }
+    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 }, 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 }, exportLabel: { classPropertyName: "exportLabel", publicName: "exportLabel", isSignal: true, isRequired: false, transformFunction: null }, exporting: { classPropertyName: "exporting", publicName: "exporting", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { view: "viewChange", exportRequested: "exportRequested" }, ngImport: i0, template: "<section class=\"mapa-report-widget\" [attr.data-palette]=\"palette()\">\n  @if (heading() || exportLabel()) {\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 (exportLabel(); as label) {\n        <button\n          type=\"button\"\n          class=\"mapa-report-ranking-table__export\"\n          [disabled]=\"exporting()\"\n          (click)=\"exportRequested.emit()\"\n        >\n          <mat-icon aria-hidden=\"true\">download</mat-icon>\n          {{ label }}\n        </button>\n      }\n    </header>\n  }\n\n  <ng-content select=\"[mapaReportRankingLegend]\"></ng-content>\n\n  @if (visibleViews().length > 1) {\n    <mat-button-toggle-group\n      class=\"mapa-report-widget__modes mapa-report-widget__modes--standalone\"\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\n  <mapa-report-ranking-table-content\n    [entries]=\"activeView()?.entries ?? []\"\n    [palette]=\"palette()\"\n    [showAverage]=\"showAverage()\"\n    [entryColumnLabel]=\"entryColumnLabel() ?? activeView()?.label\"\n    [averageLabel]=\"averageLabel()\"\n    [note]=\"note()\"\n    [caption]=\"heading()?.title ?? ''\"\n    [(sort)]=\"sort\"\n  />\n</section>\n", styles: [":host{color:var(--mapa-report-text, #263238);display:block;min-width:0;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__modes--standalone{grid-column:1;grid-row:auto;justify-self:end}.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-report-widget__modes--standalone{grid-row:auto;margin-top:0}}.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__export{align-items:center;background:var(--mapa-report-accent, #ff560b);border:0;border-radius:var(--mapa-report-radius, 8px);color:var(--mapa-report-surface, #fff);cursor:pointer;display:inline-flex;font:600 13px/1 var(--mapa-font-body, \"Asap\", sans-serif);gap:6px;min-height:36px;padding:7px 12px}.mapa-report-ranking-table__export:disabled{cursor:default;opacity:.6}.mapa-report-ranking-table__export:focus-visible{outline:2px solid var(--mapa-report-text, #263238);outline-offset:2px}.mapa-report-ranking-table__export mat-icon{font-size:18px;height:18px;width:18px}.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, #263238);font-size:13px;font-weight:500;line-height:1.35;white-space:nowrap}.mapa-report-ranking-table__entry small{color:var(--mapa-report-muted, #68747a);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__score{align-items:center;color:var(--mapa-report-text, #263238);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__note{color:var(--mapa-report-muted, #68747a);font-size:11px;margin:0}: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)}\n"], dependencies: [{ kind: "ngmodule", type: MatButtonToggleModule }, { kind: "directive", type: i1$7.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$7.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: i1$4.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: MapaReportRankingTableContentComponent, selector: "mapa-report-ranking-table-content", inputs: ["palette", "showAverage", "entryColumnLabel", "note", "averageLabel", "sort", "entries", "caption"], outputs: ["sortChange"] }, { 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,
+            args: [{ selector: 'mapa-report-ranking-table-widget', standalone: true, imports: [
                         MatButtonToggleModule,
                         MatIconModule,
                         SafeHtmlPipe,
-                    ], changeDetection: ChangeDetectionStrategy.OnPush, template: "<section class=\"mapa-report-widget\" [attr.data-palette]=\"palette()\">\n  @if (heading() || exportLabel()) {\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 (exportLabel(); as label) {\n        <button\n          type=\"button\"\n          class=\"mapa-report-ranking-table__export\"\n          [disabled]=\"exporting()\"\n          (click)=\"exportRequested.emit()\"\n        >\n          <mat-icon aria-hidden=\"true\">download</mat-icon>\n          {{ label }}\n        </button>\n      }\n    </header>\n  }\n\n  <ng-content select=\"[mapaReportRankingLegend]\"></ng-content>\n\n  @if (visibleViews().length > 1) {\n    <mat-button-toggle-group\n      class=\"mapa-report-widget__modes mapa-report-widget__modes--standalone\"\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\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 class=\"mapa-report-ranking-table__cell\">\n              @if (hasClassification($any(row), column.key)) {\n                <mapa-classification-tag\n                  appearance=\"solid\"\n                  [classification]=\"classification($any(row), column.key)\"\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__modes--standalone{grid-column:1;grid-row:auto;justify-self:end}.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-report-widget__modes--standalone{grid-row:auto;margin-top:0}}.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__export{align-items:center;background:var(--mapa-report-accent);border:0;border-radius:var(--mapa-report-radius);color:var(--mapa-report-surface);cursor:pointer;display:inline-flex;font:600 13px/1 var(--mapa-font-body, \"Asap\", sans-serif);gap:6px;min-height:36px;padding:7px 12px}.mapa-report-ranking-table__export:disabled{cursor:default;opacity:.6}.mapa-report-ranking-table__export:focus-visible{outline:2px solid var(--mapa-report-text);outline-offset:2px}.mapa-report-ranking-table__export mat-icon{font-size:18px;height:18px;width:18px}.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__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__note{color:var(--mapa-report-muted);font-size:11px;margin:0}\n"] }]
+                        MapaReportRankingTableContentComponent,
+                    ], changeDetection: ChangeDetectionStrategy.OnPush, template: "<section class=\"mapa-report-widget\" [attr.data-palette]=\"palette()\">\n  @if (heading() || exportLabel()) {\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 (exportLabel(); as label) {\n        <button\n          type=\"button\"\n          class=\"mapa-report-ranking-table__export\"\n          [disabled]=\"exporting()\"\n          (click)=\"exportRequested.emit()\"\n        >\n          <mat-icon aria-hidden=\"true\">download</mat-icon>\n          {{ label }}\n        </button>\n      }\n    </header>\n  }\n\n  <ng-content select=\"[mapaReportRankingLegend]\"></ng-content>\n\n  @if (visibleViews().length > 1) {\n    <mat-button-toggle-group\n      class=\"mapa-report-widget__modes mapa-report-widget__modes--standalone\"\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\n  <mapa-report-ranking-table-content\n    [entries]=\"activeView()?.entries ?? []\"\n    [palette]=\"palette()\"\n    [showAverage]=\"showAverage()\"\n    [entryColumnLabel]=\"entryColumnLabel() ?? activeView()?.label\"\n    [averageLabel]=\"averageLabel()\"\n    [note]=\"note()\"\n    [caption]=\"heading()?.title ?? ''\"\n    [(sort)]=\"sort\"\n  />\n</section>\n", styles: [":host{color:var(--mapa-report-text, #263238);display:block;min-width:0;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__modes--standalone{grid-column:1;grid-row:auto;justify-self:end}.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-report-widget__modes--standalone{grid-row:auto;margin-top:0}}.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__export{align-items:center;background:var(--mapa-report-accent, #ff560b);border:0;border-radius:var(--mapa-report-radius, 8px);color:var(--mapa-report-surface, #fff);cursor:pointer;display:inline-flex;font:600 13px/1 var(--mapa-font-body, \"Asap\", sans-serif);gap:6px;min-height:36px;padding:7px 12px}.mapa-report-ranking-table__export:disabled{cursor:default;opacity:.6}.mapa-report-ranking-table__export:focus-visible{outline:2px solid var(--mapa-report-text, #263238);outline-offset:2px}.mapa-report-ranking-table__export mat-icon{font-size:18px;height:18px;width:18px}.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, #263238);font-size:13px;font-weight:500;line-height:1.35;white-space:nowrap}.mapa-report-ranking-table__entry small{color:var(--mapa-report-muted, #68747a);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__score{align-items:center;color:var(--mapa-report-text, #263238);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__note{color:var(--mapa-report-muted, #68747a);font-size:11px;margin:0}: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)}\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 }] }], 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 }] }], exportLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "exportLabel", required: false }] }], exporting: [{ type: i0.Input, args: [{ isSignal: true, alias: "exporting", required: false }] }], exportRequested: [{ type: i0.Output, args: ["exportRequested"] }] } });
 
-class MapaReportParameterizationWidgetComponent {
+/** Reusable ranking content, without the widget heading or mode selector. */
+class MapaReportParameterizationWidgetRankingComponent extends ReportParameterizationContent {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.21", ngImport: i0, type: MapaReportParameterizationWidgetRankingComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.21", type: MapaReportParameterizationWidgetRankingComponent, isStandalone: true, selector: "mapa-report-parameterization-widget-ranking", usesInheritance: true, ngImport: i0, template: "<div class=\"mapa-report-widget\" [attr.data-palette]=\"palette()\">\n  <mapa-report-ranking-table-widget\n    [palette]=\"palette()\"\n    [showAverage]=\"false\"\n    [views]=\"rankingViews()\"\n  />\n</div>\n", styles: [":host{color:var(--mapa-report-text, #263238);display:block;min-width:0;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__modes--standalone{grid-column:1;grid-row:auto;justify-self:end}.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-report-widget__modes--standalone{grid-row:auto;margin-top:0}}.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-parameterization-overview{border:1px solid var(--mapa-report-border, #e1e5e7);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 mapa-result-track{display:block;min-width:0;width:100%}.mapa-parameterization-overview__score>span{color:#8a95a5;font-size:12px;text-transform:uppercase}.mapa-parameterization-overview__classification{display:grid;gap:8px;justify-items:start}.mapa-parameterization-overview__classification p{color:#59636a;font-size:14px;line-height:1.5;margin:0;overflow-wrap:anywhere}.mapa-parameterization-overview__classification-tag{background:#fff;border:1px solid var(--mapa-report-border, #e1e5e7);border-radius:999px;color:#2c2e3a;font-size:13px;font-weight:650;line-height:1.3;padding:5px 13px}.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, #e1e5e7);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-legend{--mapa-classification-tag-min-width: var(--mapa-report-pill-width, 104px)}.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, #e1e5e7);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, #e7ebee)}.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, #dfe4ea);border-radius:999px;display:block;height:14px;overflow:hidden}.mapa-parameterization-summary__track i{background:var(--mapa-parameterization-accent, #59636a);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-result-track{min-width:0}.mapa-parameterization-group__header>mapa-result-track{justify-self:start}.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-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, 104px);border:1px solid var(--mapa-report-border, #e1e5e7);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>mapa-result-track{display:block;justify-self:end;max-width:100%;width:max-content}.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, #68747a);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, #e1e5e7);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, 104px)}.mapa-parameterization-competence{background:var(--mapa-report-surface, #fff);border:1px solid var(--mapa-report-border, #e1e5e7);border-radius:var(--mapa-report-card-radius, 10px);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-result-track{display:block;justify-self:end;max-width:100%;width:max-content}.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, #68747a);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, #edf1f3);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, #fafbfc);border:1px solid var(--mapa-report-line-soft, #edf1f3);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, #68747a);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-result-track{justify-self:start}}\n"], dependencies: [{ kind: "component", type: MapaReportRankingTableWidgetComponent, selector: "mapa-report-ranking-table-widget", inputs: ["heading", "views", "view", "palette", "showAverage", "entryColumnLabel", "note", "averageLabel", "exportLabel", "exporting"], outputs: ["viewChange", "exportRequested"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.21", ngImport: i0, type: MapaReportParameterizationWidgetRankingComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'mapa-report-parameterization-widget-ranking', standalone: true, imports: [MapaReportRankingTableWidgetComponent], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"mapa-report-widget\" [attr.data-palette]=\"palette()\">\n  <mapa-report-ranking-table-widget\n    [palette]=\"palette()\"\n    [showAverage]=\"false\"\n    [views]=\"rankingViews()\"\n  />\n</div>\n", styles: [":host{color:var(--mapa-report-text, #263238);display:block;min-width:0;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__modes--standalone{grid-column:1;grid-row:auto;justify-self:end}.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-report-widget__modes--standalone{grid-row:auto;margin-top:0}}.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-parameterization-overview{border:1px solid var(--mapa-report-border, #e1e5e7);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 mapa-result-track{display:block;min-width:0;width:100%}.mapa-parameterization-overview__score>span{color:#8a95a5;font-size:12px;text-transform:uppercase}.mapa-parameterization-overview__classification{display:grid;gap:8px;justify-items:start}.mapa-parameterization-overview__classification p{color:#59636a;font-size:14px;line-height:1.5;margin:0;overflow-wrap:anywhere}.mapa-parameterization-overview__classification-tag{background:#fff;border:1px solid var(--mapa-report-border, #e1e5e7);border-radius:999px;color:#2c2e3a;font-size:13px;font-weight:650;line-height:1.3;padding:5px 13px}.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, #e1e5e7);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-legend{--mapa-classification-tag-min-width: var(--mapa-report-pill-width, 104px)}.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, #e1e5e7);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, #e7ebee)}.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, #dfe4ea);border-radius:999px;display:block;height:14px;overflow:hidden}.mapa-parameterization-summary__track i{background:var(--mapa-parameterization-accent, #59636a);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-result-track{min-width:0}.mapa-parameterization-group__header>mapa-result-track{justify-self:start}.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-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, 104px);border:1px solid var(--mapa-report-border, #e1e5e7);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>mapa-result-track{display:block;justify-self:end;max-width:100%;width:max-content}.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, #68747a);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, #e1e5e7);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, 104px)}.mapa-parameterization-competence{background:var(--mapa-report-surface, #fff);border:1px solid var(--mapa-report-border, #e1e5e7);border-radius:var(--mapa-report-card-radius, 10px);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-result-track{display:block;justify-self:end;max-width:100%;width:max-content}.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, #68747a);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, #edf1f3);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, #fafbfc);border:1px solid var(--mapa-report-line-soft, #edf1f3);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, #68747a);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-result-track{justify-self:start}}\n"] }]
+        }] });
+
+class MapaReportParameterizationWidgetComponent extends ReportParameterizationContent {
     constructor() {
-        this.i18n = inject(MapaI18nService);
+        super(...arguments);
         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.legendExpanded = input(false, ...(ngDevMode ? [{ debugName: "legendExpanded" }] : []));
         this.content = input('all', ...(ngDevMode ? [{ debugName: "content" }] : []));
         this.mode = model('summarized', ...(ngDevMode ? [{ debugName: "mode" }] : []));
-        this.metadata = computed(() => (this.data().metadata ?? []).filter((item) => !!item.value?.trim()), ...(ngDevMode ? [{ debugName: "metadata" }] : []));
-        /** Classificação final do resultado: tag neutra logo abaixo do nome da parametrização. */
-        this.finalClassification = computed(() => {
-            const final = this.data().finalClassification;
-            return final?.label?.trim() ? final : null;
-        }, ...(ngDevMode ? [{ debugName: "finalClassification" }] : []));
-        /**
-         * O resumo mostra o valor por grupo; seções sem agrupamento (sem nota de
-         * grupo) caem para as competências.
-         */
-        this.summaryRows = computed(() => this.data().sections.flatMap((section) => this.isNumber(section.value)
-            ? [
-                {
-                    id: `group:${section.id}`,
-                    name: section.name?.trim() || this.i18n.texts.report.groupsTitle,
-                    value: section.value,
-                },
-            ]
-            : section.competences.flatMap((competence) => this.isNumber(competence.value)
-                ? [
-                    {
-                        id: `competence:${section.id}:${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)));
-    }
-    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 }, 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  </header>\n\n  @if (content() !== \"ranking\") {\n    @if (legend().length) {\n      <mapa-report-legend\n        class=\"mapa-parameterization-legend\"\n        appearance=\"psychosocial\"\n        [expanded]=\"true\"\n        [groups]=\"legend()\"\n      />\n    }\n\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          <mapa-result-track\n            appearance=\"stepped\"\n            color=\"#59636a\"\n            [style]=\"'thick'\"\n            [name]=\"data().name\"\n            [value]=\"data().value\"\n          />\n        </div>\n      </div>\n\n      @if (finalClassification(); as final) {\n        <div class=\"mapa-parameterization-overview__classification\">\n          <span class=\"mapa-parameterization-overview__classification-tag\">{{\n            final.label\n          }}</span>\n          @if (final.description) {\n            <p>{{ final.description }}</p>\n          }\n        </div>\n      }\n    </section>\n\n        <mat-button-toggle-group\n      class=\"mapa-report-widget__modes mapa-report-widget__modes--standalone\"\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        {{ i18n.texts.report.summarized }}\n      </mat-button-toggle>\n      <mat-button-toggle value=\"detailed\">\n        {{ i18n.texts.report.detailed }}\n      </mat-button-toggle>\n    </mat-button-toggle-group>\n\n    \n    @if (mode() === \"summarized\" && 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 (mode() === \"detailed\" && 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                    <mapa-result-track\n                      appearance=\"stepped\"\n                      color=\"#59636a\"\n                      [style]=\"'thin'\"\n                      [name]=\"section.name || i18n.texts.report.groupsTitle\"\n                      [value]=\"safeValue(section.value)\"\n                    />\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                        <mapa-result-track\n                          appearance=\"stepped\"\n                          color=\"#59636a\"\n                          [style]=\"'thin'\"\n                          [name]=\"competence.name\"\n                          [value]=\"safeValue(competence.value)\"\n                        />\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__modes--standalone{grid-column:1;grid-row:auto;justify-self:end}.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-report-widget__modes--standalone{grid-row:auto;margin-top:0}}.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: #59636a;--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 mapa-result-track{display:block;min-width:0;width:100%}.mapa-parameterization-overview__score>span{color:#8a95a5;font-size:12px;text-transform:uppercase}.mapa-parameterization-overview__classification{display:grid;gap:8px;justify-items:start}.mapa-parameterization-overview__classification p{color:#59636a;font-size:14px;line-height:1.5;margin:0;overflow-wrap:anywhere}.mapa-parameterization-overview__classification-tag{background:#fff;border:1px solid var(--mapa-report-border);border-radius:999px;color:#2c2e3a;font-size:13px;font-weight:650;line-height:1.3;padding:5px 13px}.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-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-result-track{min-width:0}.mapa-parameterization-group__header>mapa-result-track{justify-self:start}.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-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>mapa-result-track{display:block;justify-self:end;max-width:100%;width:max-content}.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-result-track{display:block;justify-self:end;max-width:100%;width:max-content}.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-result-track{justify-self:start}}\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: MapaReportRankingTableWidgetComponent, selector: "mapa-report-ranking-table-widget", inputs: ["heading", "views", "view", "palette", "showAverage", "entryColumnLabel", "note", "averageLabel", "exportLabel", "exporting"], outputs: ["viewChange", "exportRequested"] }, { kind: "component", type: MapaResultTrackComponent, selector: "mapa-result-track", inputs: ["name", "value", "color", "mode", "appearance", "style", "direction", "showValue", "ariaLabel"] }, { kind: "pipe", type: SafeHtmlPipe, name: "safeHtml" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.21", ngImport: i0, type: MapaReportParameterizationWidgetComponent, deps: null, 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 }, legend: { classPropertyName: "legend", publicName: "legend", isSignal: true, isRequired: false, transformFunction: null }, legendExpanded: { classPropertyName: "legendExpanded", publicName: "legendExpanded", isSignal: true, isRequired: false, transformFunction: null }, content: { classPropertyName: "content", publicName: "content", isSignal: true, isRequired: false, transformFunction: null }, mode: { classPropertyName: "mode", publicName: "mode", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { mode: "modeChange" }, usesInheritance: true, 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    @if (legend().length) {\n      <mapa-report-legend\n        class=\"mapa-parameterization-legend\"\n        appearance=\"psychosocial\"\n        [expanded]=\"legendExpanded()\"\n        [groups]=\"legend()\"\n      />\n    }\n\n    <mapa-report-parameterization-widget-overview\n      [title]=\"heading().title\"\n      [data]=\"data()\"\n      [palette]=\"palette()\"\n    />\n    <mat-button-toggle-group\n      class=\"mapa-report-widget__modes mapa-report-widget__modes--standalone\"\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        {{ i18n.texts.report.summarized }}\n      </mat-button-toggle>\n      <mat-button-toggle value=\"detailed\">\n        {{ i18n.texts.report.detailed }}\n      </mat-button-toggle>\n    </mat-button-toggle-group>\n\n    @if (mode() === \"summarized\" && summaryRows().length) {\n      <mapa-report-parameterization-widget-summarized\n        [data]=\"data()\"\n        [palette]=\"palette()\"\n      />\n    }\n\n    @if (mode() === \"detailed\" && data().sections.length) {\n      <mapa-report-parameterization-widget-detailed\n        [data]=\"data()\"\n        [palette]=\"palette()\"\n      />\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-parameterization-widget-ranking\n        [data]=\"data()\"\n        [palette]=\"palette()\"\n      />\n    </section>\n  }\n</section>\n", styles: [":host{color:var(--mapa-report-text, #263238);display:block;min-width:0;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__modes--standalone{grid-column:1;grid-row:auto;justify-self:end}.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-report-widget__modes--standalone{grid-row:auto;margin-top:0}}.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-parameterization-overview{border:1px solid var(--mapa-report-border, #e1e5e7);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 mapa-result-track{display:block;min-width:0;width:100%}.mapa-parameterization-overview__score>span{color:#8a95a5;font-size:12px;text-transform:uppercase}.mapa-parameterization-overview__classification{display:grid;gap:8px;justify-items:start}.mapa-parameterization-overview__classification p{color:#59636a;font-size:14px;line-height:1.5;margin:0;overflow-wrap:anywhere}.mapa-parameterization-overview__classification-tag{background:#fff;border:1px solid var(--mapa-report-border, #e1e5e7);border-radius:999px;color:#2c2e3a;font-size:13px;font-weight:650;line-height:1.3;padding:5px 13px}.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, #e1e5e7);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-legend{--mapa-classification-tag-min-width: var(--mapa-report-pill-width, 104px)}.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, #e1e5e7);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, #e7ebee)}.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, #dfe4ea);border-radius:999px;display:block;height:14px;overflow:hidden}.mapa-parameterization-summary__track i{background:var(--mapa-parameterization-accent, #59636a);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-result-track{min-width:0}.mapa-parameterization-group__header>mapa-result-track{justify-self:start}.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-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}}: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)}:host{--mapa-parameterization-accent: #59636a;--mapa-parameterization-rail: #dfe4ea;--mapa-parameterization-line: #e7ebee;--mapa-report-card-radius: 10px;--mapa-report-line-soft: #edf1f3;--mapa-report-surface-soft: #fafbfc}\n", ".mapa-parameterization-detail__sections{display:grid;gap:22px}.mapa-parameterization-group{--mapa-classification-tag-min-width: var(--mapa-report-pill-width, 104px);border:1px solid var(--mapa-report-border, #e1e5e7);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>mapa-result-track{display:block;justify-self:end;max-width:100%;width:max-content}.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, #68747a);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, #e1e5e7);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, 104px)}.mapa-parameterization-competence{background:var(--mapa-report-surface, #fff);border:1px solid var(--mapa-report-border, #e1e5e7);border-radius:var(--mapa-report-card-radius, 10px);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-result-track{display:block;justify-self:end;max-width:100%;width:max-content}.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, #68747a);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, #edf1f3);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, #fafbfc);border:1px solid var(--mapa-report-line-soft, #edf1f3);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, #68747a);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-result-track{justify-self:start}}\n"], dependencies: [{ kind: "component", type: MapaReportParameterizationWidgetOverviewComponent, selector: "mapa-report-parameterization-widget-overview", inputs: ["title"] }, { kind: "component", type: MapaReportParameterizationWidgetSummarizedComponent, selector: "mapa-report-parameterization-widget-summarized" }, { kind: "component", type: MapaReportParameterizationWidgetDetailedComponent, selector: "mapa-report-parameterization-widget-detailed" }, { kind: "component", type: MapaReportParameterizationWidgetRankingComponent, selector: "mapa-report-parameterization-widget-ranking" }, { kind: "ngmodule", type: MatButtonToggleModule }, { kind: "directive", type: i1$7.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$7.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: MapaReportLegendComponent, selector: "mapa-report-legend", inputs: ["title", "intro", "groupsTitle", "groups", "expanded", "appearance"] }, { 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: [
+                        MapaReportParameterizationWidgetOverviewComponent,
+                        MapaReportParameterizationWidgetSummarizedComponent,
+                        MapaReportParameterizationWidgetDetailedComponent,
+                        MapaReportParameterizationWidgetRankingComponent,
                         MatButtonToggleModule,
-                        MapaClassificationTagComponent,
                         MapaReportLegendComponent,
-                        MapaReportRankingTableWidgetComponent,
-                        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  </header>\n\n  @if (content() !== \"ranking\") {\n    @if (legend().length) {\n      <mapa-report-legend\n        class=\"mapa-parameterization-legend\"\n        appearance=\"psychosocial\"\n        [expanded]=\"true\"\n        [groups]=\"legend()\"\n      />\n    }\n\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          <mapa-result-track\n            appearance=\"stepped\"\n            color=\"#59636a\"\n            [style]=\"'thick'\"\n            [name]=\"data().name\"\n            [value]=\"data().value\"\n          />\n        </div>\n      </div>\n\n      @if (finalClassification(); as final) {\n        <div class=\"mapa-parameterization-overview__classification\">\n          <span class=\"mapa-parameterization-overview__classification-tag\">{{\n            final.label\n          }}</span>\n          @if (final.description) {\n            <p>{{ final.description }}</p>\n          }\n        </div>\n      }\n    </section>\n\n        <mat-button-toggle-group\n      class=\"mapa-report-widget__modes mapa-report-widget__modes--standalone\"\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        {{ i18n.texts.report.summarized }}\n      </mat-button-toggle>\n      <mat-button-toggle value=\"detailed\">\n        {{ i18n.texts.report.detailed }}\n      </mat-button-toggle>\n    </mat-button-toggle-group>\n\n    \n    @if (mode() === \"summarized\" && 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 (mode() === \"detailed\" && 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                    <mapa-result-track\n                      appearance=\"stepped\"\n                      color=\"#59636a\"\n                      [style]=\"'thin'\"\n                      [name]=\"section.name || i18n.texts.report.groupsTitle\"\n                      [value]=\"safeValue(section.value)\"\n                    />\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                        <mapa-result-track\n                          appearance=\"stepped\"\n                          color=\"#59636a\"\n                          [style]=\"'thin'\"\n                          [name]=\"competence.name\"\n                          [value]=\"safeValue(competence.value)\"\n                        />\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__modes--standalone{grid-column:1;grid-row:auto;justify-self:end}.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-report-widget__modes--standalone{grid-row:auto;margin-top:0}}.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: #59636a;--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 mapa-result-track{display:block;min-width:0;width:100%}.mapa-parameterization-overview__score>span{color:#8a95a5;font-size:12px;text-transform:uppercase}.mapa-parameterization-overview__classification{display:grid;gap:8px;justify-items:start}.mapa-parameterization-overview__classification p{color:#59636a;font-size:14px;line-height:1.5;margin:0;overflow-wrap:anywhere}.mapa-parameterization-overview__classification-tag{background:#fff;border:1px solid var(--mapa-report-border);border-radius:999px;color:#2c2e3a;font-size:13px;font-weight:650;line-height:1.3;padding:5px 13px}.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-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-result-track{min-width:0}.mapa-parameterization-group__header>mapa-result-track{justify-self:start}.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-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>mapa-result-track{display:block;justify-self:end;max-width:100%;width:max-content}.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-result-track{display:block;justify-self:end;max-width:100%;width:max-content}.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-result-track{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 }] }], mode: [{ type: i0.Input, args: [{ isSignal: true, alias: "mode", required: false }] }, { type: i0.Output, args: ["modeChange"] }] } });
+                    ], 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    @if (legend().length) {\n      <mapa-report-legend\n        class=\"mapa-parameterization-legend\"\n        appearance=\"psychosocial\"\n        [expanded]=\"legendExpanded()\"\n        [groups]=\"legend()\"\n      />\n    }\n\n    <mapa-report-parameterization-widget-overview\n      [title]=\"heading().title\"\n      [data]=\"data()\"\n      [palette]=\"palette()\"\n    />\n    <mat-button-toggle-group\n      class=\"mapa-report-widget__modes mapa-report-widget__modes--standalone\"\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        {{ i18n.texts.report.summarized }}\n      </mat-button-toggle>\n      <mat-button-toggle value=\"detailed\">\n        {{ i18n.texts.report.detailed }}\n      </mat-button-toggle>\n    </mat-button-toggle-group>\n\n    @if (mode() === \"summarized\" && summaryRows().length) {\n      <mapa-report-parameterization-widget-summarized\n        [data]=\"data()\"\n        [palette]=\"palette()\"\n      />\n    }\n\n    @if (mode() === \"detailed\" && data().sections.length) {\n      <mapa-report-parameterization-widget-detailed\n        [data]=\"data()\"\n        [palette]=\"palette()\"\n      />\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-parameterization-widget-ranking\n        [data]=\"data()\"\n        [palette]=\"palette()\"\n      />\n    </section>\n  }\n</section>\n", styles: [":host{color:var(--mapa-report-text, #263238);display:block;min-width:0;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__modes--standalone{grid-column:1;grid-row:auto;justify-self:end}.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-report-widget__modes--standalone{grid-row:auto;margin-top:0}}.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-parameterization-overview{border:1px solid var(--mapa-report-border, #e1e5e7);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 mapa-result-track{display:block;min-width:0;width:100%}.mapa-parameterization-overview__score>span{color:#8a95a5;font-size:12px;text-transform:uppercase}.mapa-parameterization-overview__classification{display:grid;gap:8px;justify-items:start}.mapa-parameterization-overview__classification p{color:#59636a;font-size:14px;line-height:1.5;margin:0;overflow-wrap:anywhere}.mapa-parameterization-overview__classification-tag{background:#fff;border:1px solid var(--mapa-report-border, #e1e5e7);border-radius:999px;color:#2c2e3a;font-size:13px;font-weight:650;line-height:1.3;padding:5px 13px}.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, #e1e5e7);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-legend{--mapa-classification-tag-min-width: var(--mapa-report-pill-width, 104px)}.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, #e1e5e7);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, #e7ebee)}.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, #dfe4ea);border-radius:999px;display:block;height:14px;overflow:hidden}.mapa-parameterization-summary__track i{background:var(--mapa-parameterization-accent, #59636a);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-result-track{min-width:0}.mapa-parameterization-group__header>mapa-result-track{justify-self:start}.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-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}}: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)}:host{--mapa-parameterization-accent: #59636a;--mapa-parameterization-rail: #dfe4ea;--mapa-parameterization-line: #e7ebee;--mapa-report-card-radius: 10px;--mapa-report-line-soft: #edf1f3;--mapa-report-surface-soft: #fafbfc}\n", ".mapa-parameterization-detail__sections{display:grid;gap:22px}.mapa-parameterization-group{--mapa-classification-tag-min-width: var(--mapa-report-pill-width, 104px);border:1px solid var(--mapa-report-border, #e1e5e7);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>mapa-result-track{display:block;justify-self:end;max-width:100%;width:max-content}.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, #68747a);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, #e1e5e7);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, 104px)}.mapa-parameterization-competence{background:var(--mapa-report-surface, #fff);border:1px solid var(--mapa-report-border, #e1e5e7);border-radius:var(--mapa-report-card-radius, 10px);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-result-track{display:block;justify-self:end;max-width:100%;width:max-content}.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, #68747a);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, #edf1f3);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, #fafbfc);border:1px solid var(--mapa-report-line-soft, #edf1f3);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, #68747a);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-result-track{justify-self:start}}\n"] }]
+        }], propDecorators: { heading: [{ type: i0.Input, args: [{ isSignal: true, alias: "heading", required: true }] }], legend: [{ type: i0.Input, args: [{ isSignal: true, alias: "legend", required: false }] }], legendExpanded: [{ type: i0.Input, args: [{ isSignal: true, alias: "legendExpanded", required: false }] }], content: [{ type: i0.Input, args: [{ isSignal: true, alias: "content", required: false }] }], mode: [{ type: i0.Input, args: [{ isSignal: true, alias: "mode", required: false }] }, { type: i0.Output, args: ["modeChange"] }] } });
 
 class MapaProgressbarComponent {
     constructor() {
@@ -9427,5 +9734,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, 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 };
+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, MapaReportGroupProfileWidgetAverageComponent, MapaReportGroupProfileWidgetComponent, MapaReportGroupProfileWidgetDistributionComponent, MapaReportIndicatorsWidgetChartComponent, MapaReportIndicatorsWidgetComponent, MapaReportIndicatorsWidgetDetailedComponent, MapaReportIndicatorsWidgetListComponent, MapaReportLegendComponent, MapaReportParameterizationWidgetComponent, MapaReportParameterizationWidgetDetailedComponent, MapaReportParameterizationWidgetOverviewComponent, MapaReportParameterizationWidgetRankingComponent, MapaReportParameterizationWidgetSummarizedComponent, MapaReportPointsWidgetComponent, MapaReportPointsWidgetDetailedComponent, MapaReportPointsWidgetSummarizedComponent, MapaReportPsychosocialWidgetComponent, MapaReportPsychosocialWidgetFactorsComponent, MapaReportPsychosocialWidgetGlobalComponent, MapaReportRankingTableContentComponent, MapaReportRankingTableWidgetComponent, MapaReportScaleWidgetComponent, MapaReportScaleWidgetDetailedComponent, MapaReportScaleWidgetSummarizedComponent, MapaReportSocioemotionalWidgetCompetenciesComponent, MapaReportSocioemotionalWidgetComponent, MapaReportSocioemotionalWidgetVulnerabilitiesComponent, 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