mapa-library-ui 2.6.0 → 2.6.1

package/README.md

@@ -213,6 +213,9 @@ continuam intactos para o **mv-frontend**.
 - `data` (`MapaReportGroupProfileData`): cada dimensão vira uma **pílula contínua**
   em que as fatias (`slices`) mudam de cor; os percentuais aparecem alinhados à
   direita, acima da pílula. Fatias com `value: 0` são descartadas.
+- `data.description` (opcional) é a descrição da escala e aparece em texto
+  secundário **abaixo do nome**, ao lado do card de média. Aceita HTML (passa
+  pelo `safeHtml`); vazio ou ausente não ocupa espaço.
 - `slice.highlighted` marca a posição de uma pessoa dentro do grupo.
 - A **legenda** sai abaixo do gráfico, montada a partir das fatias efetivamente
   desenhadas; use `legend` para sobrescrever ou `showLegend="false"` para ocultar.

package/fesm2022/mapa-library-ui.mjs

@@ -8593,11 +8593,11 @@ class MapaReportGroupProfileWidgetComponent {
             : this.i18n.texts.report.positiveDirectionLabel;
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.21", ngImport: i0, type: MapaReportGroupProfileWidgetComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.21", type: MapaReportGroupProfileWidgetComponent, isStandalone: true, selector: "mapa-report-group-profile-widget", inputs: { heading: { classPropertyName: "heading", publicName: "heading", isSignal: true, isRequired: false, transformFunction: null }, data: { classPropertyName: "data", publicName: "data", isSignal: true, isRequired: false, transformFunction: null }, palette: { classPropertyName: "palette", publicName: "palette", isSignal: true, isRequired: false, transformFunction: null }, showAverage: { classPropertyName: "showAverage", publicName: "showAverage", isSignal: true, isRequired: false, transformFunction: null }, showLegend: { classPropertyName: "showLegend", publicName: "showLegend", isSignal: true, isRequired: false, transformFunction: null }, legend: { classPropertyName: "legend", publicName: "legend", isSignal: true, isRequired: false, transformFunction: null }, distributionLabel: { classPropertyName: "distributionLabel", publicName: "distributionLabel", isSignal: true, isRequired: false, transformFunction: null }, averageLabel: { classPropertyName: "averageLabel", publicName: "averageLabel", isSignal: true, isRequired: false, transformFunction: null }, 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      <h3>\n        {{ data()?.name }}\n        @if (direction()) {\n          <span\n            class=\"mapa-direction-indicator\"\n            [attr.title]=\"directionLabel()\"\n            [attr.aria-label]=\"directionLabel()\"\n            >{{ directionArrow() }}</span\n          >\n        }\n      </h3>\n      @if (showAverage() && average() !== null) {\n        <div class=\"mapa-report-group-profile__average\">\n          <span class=\"mapa-report-group-profile__average-label\">{{\n            averageCaption()\n          }}</span>\n          <div class=\"mapa-report-group-profile__average-value\">\n            <mapa-result-track\n              [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__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.ɵ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 }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.21", ngImport: i0, type: MapaReportGroupProfileWidgetComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'mapa-report-group-profile-widget', standalone: true, imports: [MapaResultTrackComponent, SafeHtmlPipe], changeDetection: ChangeDetectionStrategy.OnPush, template: "<section class=\"mapa-report-widget\" [attr.data-palette]=\"palette()\">\n  @if (heading(); as head) {\n    <header class=\"mapa-report-widget__header\">\n      <div class=\"mapa-report-widget__heading\">\n        <h2>{{ head.title }}</h2>\n        @if (head.description) {\n          <div\n            class=\"mapa-report-widget__description\"\n            [innerHTML]=\"head.description | safeHtml\"\n          ></div>\n        }\n      </div>\n    </header>\n  }\n\n  <div class=\"mapa-report-group-profile__filters\">\n    <ng-content select=\"[mapaReportGroupProfileFilters]\"></ng-content>\n  </div>\n\n  @if (!dimensions().length) {\n    <p class=\"mapa-report-widget__empty\">{{ i18n.texts.report.emptyState }}</p>\n  } @else {\n    <header class=\"mapa-report-group-profile__scale\">\n      <h3>\n        {{ data()?.name }}\n        @if (direction()) {\n          <span\n            class=\"mapa-direction-indicator\"\n            [attr.title]=\"directionLabel()\"\n            [attr.aria-label]=\"directionLabel()\"\n            >{{ directionArrow() }}</span\n          >\n        }\n      </h3>\n      @if (showAverage() && average() !== null) {\n        <div class=\"mapa-report-group-profile__average\">\n          <span class=\"mapa-report-group-profile__average-label\">{{\n            averageCaption()\n          }}</span>\n          <div class=\"mapa-report-group-profile__average-value\">\n            <mapa-result-track\n              [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__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"] }]
+            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 }] }] } });
 
 class MapaReportLegendComponent {