mapa-library-ui 2.9.0 → 2.11.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (37) hide show
  1. package/README.md +16 -1
  2. package/fesm2022/mapa-library-ui-src-lib-components-capability.mjs +14 -2
  3. package/fesm2022/mapa-library-ui-src-lib-components-capability.mjs.map +1 -1
  4. package/fesm2022/mapa-library-ui-src-lib-components-chart.mjs +14 -2
  5. package/fesm2022/mapa-library-ui-src-lib-components-chart.mjs.map +1 -1
  6. package/fesm2022/mapa-library-ui-src-lib-components-datepicker.mjs +14 -2
  7. package/fesm2022/mapa-library-ui-src-lib-components-datepicker.mjs.map +1 -1
  8. package/fesm2022/mapa-library-ui-src-lib-components-dropdown-tree.mjs +14 -2
  9. package/fesm2022/mapa-library-ui-src-lib-components-dropdown-tree.mjs.map +1 -1
  10. package/fesm2022/mapa-library-ui-src-lib-components-dropdown.mjs +14 -2
  11. package/fesm2022/mapa-library-ui-src-lib-components-dropdown.mjs.map +1 -1
  12. package/fesm2022/mapa-library-ui-src-lib-components-filters.mjs +14 -2
  13. package/fesm2022/mapa-library-ui-src-lib-components-filters.mjs.map +1 -1
  14. package/fesm2022/mapa-library-ui-src-lib-components-form.mjs +14 -2
  15. package/fesm2022/mapa-library-ui-src-lib-components-form.mjs.map +1 -1
  16. package/fesm2022/mapa-library-ui-src-lib-components-group-report.mjs +64 -9
  17. package/fesm2022/mapa-library-ui-src-lib-components-group-report.mjs.map +1 -1
  18. package/fesm2022/mapa-library-ui-src-lib-components-input.mjs +14 -2
  19. package/fesm2022/mapa-library-ui-src-lib-components-input.mjs.map +1 -1
  20. package/fesm2022/mapa-library-ui-src-lib-components-scale-parameterization.mjs +14 -2
  21. package/fesm2022/mapa-library-ui-src-lib-components-scale-parameterization.mjs.map +1 -1
  22. package/fesm2022/mapa-library-ui-src-lib-components-scale.mjs +14 -2
  23. package/fesm2022/mapa-library-ui-src-lib-components-scale.mjs.map +1 -1
  24. package/fesm2022/mapa-library-ui-src-lib-components-table.mjs +63 -8
  25. package/fesm2022/mapa-library-ui-src-lib-components-table.mjs.map +1 -1
  26. package/fesm2022/mapa-library-ui-src-lib-components-textarea.mjs +14 -2
  27. package/fesm2022/mapa-library-ui-src-lib-components-textarea.mjs.map +1 -1
  28. package/fesm2022/mapa-library-ui-src-lib-components-warning.mjs +14 -2
  29. package/fesm2022/mapa-library-ui-src-lib-components-warning.mjs.map +1 -1
  30. package/fesm2022/mapa-library-ui.mjs +327 -154
  31. package/fesm2022/mapa-library-ui.mjs.map +1 -1
  32. package/index.d.ts +94 -17
  33. package/mapa-library-ui-2.11.0.tgz +0 -0
  34. package/package.json +2 -2
  35. package/src/lib/components/group-report/index.d.ts +2 -0
  36. package/src/lib/components/table/index.d.ts +14 -1
  37. package/mapa-library-ui-2.9.0.tgz +0 -0
@@ -1,7 +1,7 @@
1
1
  import * as i5 from '@angular/cdk/text-field';
2
2
  import { AutofillMonitor } from '@angular/cdk/text-field';
3
3
  import * as i0 from '@angular/core';
4
- import { inject, ElementRef, DestroyRef, booleanAttribute, Input, Directive, Self, Optional, EventEmitter, Output, InjectionToken, Injector, signal, Inject, Injectable, Component, SecurityContext, Pipe, effect, ChangeDetectionStrategy, input, computed, EnvironmentInjector, createComponent, HostListener, ViewChild, ChangeDetectorRef, forwardRef, model, output, TemplateRef, contentChildren } from '@angular/core';
4
+ import { inject, ElementRef, DestroyRef, booleanAttribute, Input, Directive, Self, Optional, EventEmitter, Output, InjectionToken, Injector, signal, Inject, Injectable, Component, SecurityContext, Pipe, effect, ChangeDetectionStrategy, input, computed, EnvironmentInjector, createComponent, HostListener, ViewChild, ChangeDetectorRef, forwardRef, model, output, TemplateRef, contentChildren, viewChild, afterEveryRender } from '@angular/core';
5
5
  import { takeUntilDestroyed, toObservable } from '@angular/core/rxjs-interop';
6
6
  import * as i2 from '@angular/forms';
7
7
  import { NgControl, ReactiveFormsModule, NG_VALUE_ACCESSOR, FormGroup, FormControl, FormsModule } from '@angular/forms';
@@ -689,6 +689,7 @@ const DEFAULT_MAPA_UI_TEXTS = {
689
689
  viewModeLabel: 'Modo de visualização',
690
690
  readingInformationTitle: 'Informações de leitura',
691
691
  dimensionTitle: 'Dimensão',
692
+ indicatorTitle: 'Indicador',
692
693
  conceptTitle: 'Conceito',
693
694
  classificationTitle: 'Classificação',
694
695
  resultReadingTitle: 'Leitura do resultado',
@@ -700,8 +701,8 @@ const DEFAULT_MAPA_UI_TEXTS = {
700
701
  vulnerabilitiesTitle: 'Vulnerabilidades socioemocionais',
701
702
  positiveDirectionLabel: 'Direção positiva',
702
703
  negativeDirectionLabel: 'Direção negativa',
703
- lowerIntensityLabel: 'Menos intensamente',
704
- higherIntensityLabel: 'Mais intensamente',
704
+ lowerIntensityLabel: 'Menos intenso',
705
+ higherIntensityLabel: 'Mais intenso',
705
706
  noClassification: 'Sem classificação',
706
707
  emptyState: 'Não há resultados disponíveis para esta seção.',
707
708
  interpretationTitle: 'Interpretação',
@@ -726,6 +727,16 @@ const DEFAULT_MAPA_UI_TEXTS = {
726
727
  meterLabel: (name, value) => `${name}: ${value}%`,
727
728
  gaugeLabel: (name, value) => `${name}: ${value}%`,
728
729
  itemCountLabel: formatItemCount,
730
+ continueLabel: 'Continuar',
731
+ newGroupTitle: 'Novo grupo',
732
+ groupNameHint: 'Esse nome identifica o grupo nas tabelas, gráficos e legendas.',
733
+ groupNameRequired: 'Informe o nome do grupo.',
734
+ groupPeopleRequired: 'Selecione pelo menos uma pessoa para criar o grupo.',
735
+ groupMinimumHint: 'Crie pelo menos dois grupos para comparar.',
736
+ groupUnsavedHint: 'Salve ou cancele as alterações em edição antes de analisar os resultados.',
737
+ groupSavedLabel: (name) => `Grupo ${name} salvo.`,
738
+ groupCountLabel: (count, limit) => `${count} de ${limit} grupos criados`,
739
+ scaleCountLabel: (count) => `${count} ${count === 1 ? 'escala' : 'escalas'}`,
729
740
  },
730
741
  paginator: {
731
742
  itemsPerPage: 'Itens por página',
@@ -746,6 +757,7 @@ const DEFAULT_MAPA_UI_TEXTS = {
746
757
  selectAllVisible: 'Selecionar todos os itens desta página',
747
758
  selectionColumn: 'Seleção',
748
759
  selectRow: 'Selecionar item',
760
+ horizontalScrollHint: 'Role horizontalmente para ver todas as colunas →',
749
761
  selectNamedRow: (item) => `Selecionar ${item}`,
750
762
  },
751
763
  validation: {
@@ -5114,51 +5126,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.21", ngImpo
5114
5126
  * Public API Surface of mapa-library-ui button
5115
5127
  */
5116
5128
 
5117
- class MapaClassificationTagComponent {
5118
- constructor() {
5119
- this.i18n = inject(MapaI18nService);
5120
- this.classification = input(...(ngDevMode ? [undefined, { debugName: "classification" }] : []));
5121
- this.size = input('small', ...(ngDevMode ? [{ debugName: "size" }] : []));
5122
- this.appearance = input('solid', ...(ngDevMode ? [{ debugName: "appearance" }] : []));
5123
- this.shape = input('pill', ...(ngDevMode ? [{ debugName: "shape" }] : []));
5124
- this.casing = input('auto', ...(ngDevMode ? [{ debugName: "casing" }] : []));
5125
- /** Shown when there is no classification; defaults to the i18n text. */
5126
- this.fallbackLabel = input(...(ngDevMode ? [undefined, { debugName: "fallbackLabel" }] : []));
5127
- this.label = computed(() => this.classification()?.classificationName?.trim() ||
5128
- this.fallbackLabel() ||
5129
- this.i18n.texts.report.noClassification, ...(ngDevMode ? [{ debugName: "label" }] : []));
5130
- this.background = computed(() => {
5131
- const classification = this.classification();
5132
- const explicit = normalizeHex(classification?.classificationBg);
5133
- const color = normalizeHex(classification?.classificationColor) ?? '#ff560b';
5134
- return this.appearance() === 'tonal'
5135
- ? (explicit ?? mixWithSurface(color, 0.14))
5136
- : color;
5137
- }, ...(ngDevMode ? [{ debugName: "background" }] : []));
5138
- this.foreground = computed(() => {
5139
- const color = normalizeHex(this.classification()?.classificationColor) ?? '#a63a0a';
5140
- const background = this.background();
5141
- if (this.appearance() === 'tonal') {
5142
- return readableTonalForeground(color, background);
5143
- }
5144
- return readableForeground(background);
5145
- }, ...(ngDevMode ? [{ debugName: "foreground" }] : []));
5146
- this.border = computed(() => {
5147
- const color = normalizeHex(this.classification()?.classificationColor) ?? '#ff8a55';
5148
- return this.appearance() === 'solid'
5149
- ? this.background()
5150
- : mixWithSurface(color, 0.38);
5151
- }, ...(ngDevMode ? [{ debugName: "border" }] : []));
5152
- this.usesNaturalCasing = computed(() => this.casing() === 'natural' ||
5153
- (this.casing() === 'auto' && this.size() === 'large'), ...(ngDevMode ? [{ debugName: "usesNaturalCasing" }] : []));
5154
- }
5155
- static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.21", ngImport: i0, type: MapaClassificationTagComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
5156
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "20.3.21", type: MapaClassificationTagComponent, isStandalone: true, selector: "mapa-classification-tag", inputs: { classification: { classPropertyName: "classification", publicName: "classification", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, appearance: { classPropertyName: "appearance", publicName: "appearance", isSignal: true, isRequired: false, transformFunction: null }, shape: { classPropertyName: "shape", publicName: "shape", isSignal: true, isRequired: false, transformFunction: null }, casing: { classPropertyName: "casing", publicName: "casing", isSignal: true, isRequired: false, transformFunction: null }, fallbackLabel: { classPropertyName: "fallbackLabel", publicName: "fallbackLabel", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "<span\n class=\"mapa-classification-tag\"\n [class.mapa-classification-tag--medium]=\"size() === 'medium'\"\n [class.mapa-classification-tag--large]=\"size() === 'large'\"\n [class.mapa-classification-tag--solid]=\"appearance() === 'solid'\"\n [class.mapa-classification-tag--tonal]=\"appearance() === 'tonal'\"\n [class.mapa-classification-tag--rounded]=\"shape() === 'rounded'\"\n [class.mapa-classification-tag--natural-case]=\"usesNaturalCasing()\"\n [style.--mapa-classification-background]=\"background()\"\n [style.--mapa-classification-border]=\"border()\"\n [style.--mapa-classification-foreground]=\"foreground()\"\n >{{ label() }}</span\n>\n", styles: [".mapa-classification-tag{align-items:center;background:var(--mapa-classification-background);border:var(--mapa-classification-tag-border-width, 1px) solid var(--mapa-classification-border);border-radius:var(--mapa-classification-tag-radius, 999px);box-sizing:border-box;color:var(--mapa-classification-foreground);display:inline-flex;font:600 var(--mapa-classification-tag-font-size, 10px)/1.2 var(--mapa-font-body, \"Asap\", sans-serif);justify-content:center;max-width:100%;min-height:22px;min-width:var(--mapa-classification-tag-min-width, 0);overflow-wrap:anywhere;padding:3px 7px;text-align:center;text-transform:uppercase;white-space:normal}.mapa-classification-tag--medium{--mapa-classification-tag-font-size: 11px;min-height:28px;padding:4px 10px}.mapa-classification-tag--large{--mapa-classification-tag-font-size: 12px;min-height:34px;padding:6px 14px}.mapa-classification-tag--rounded{border-radius:var(--mapa-classification-tag-radius, 12px)}.mapa-classification-tag--natural-case{text-transform:none}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
5157
- }
5158
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.21", ngImport: i0, type: MapaClassificationTagComponent, decorators: [{
5159
- type: Component,
5160
- args: [{ selector: 'mapa-classification-tag', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, template: "<span\n class=\"mapa-classification-tag\"\n [class.mapa-classification-tag--medium]=\"size() === 'medium'\"\n [class.mapa-classification-tag--large]=\"size() === 'large'\"\n [class.mapa-classification-tag--solid]=\"appearance() === 'solid'\"\n [class.mapa-classification-tag--tonal]=\"appearance() === 'tonal'\"\n [class.mapa-classification-tag--rounded]=\"shape() === 'rounded'\"\n [class.mapa-classification-tag--natural-case]=\"usesNaturalCasing()\"\n [style.--mapa-classification-background]=\"background()\"\n [style.--mapa-classification-border]=\"border()\"\n [style.--mapa-classification-foreground]=\"foreground()\"\n >{{ label() }}</span\n>\n", styles: [".mapa-classification-tag{align-items:center;background:var(--mapa-classification-background);border:var(--mapa-classification-tag-border-width, 1px) solid var(--mapa-classification-border);border-radius:var(--mapa-classification-tag-radius, 999px);box-sizing:border-box;color:var(--mapa-classification-foreground);display:inline-flex;font:600 var(--mapa-classification-tag-font-size, 10px)/1.2 var(--mapa-font-body, \"Asap\", sans-serif);justify-content:center;max-width:100%;min-height:22px;min-width:var(--mapa-classification-tag-min-width, 0);overflow-wrap:anywhere;padding:3px 7px;text-align:center;text-transform:uppercase;white-space:normal}.mapa-classification-tag--medium{--mapa-classification-tag-font-size: 11px;min-height:28px;padding:4px 10px}.mapa-classification-tag--large{--mapa-classification-tag-font-size: 12px;min-height:34px;padding:6px 14px}.mapa-classification-tag--rounded{border-radius:var(--mapa-classification-tag-radius, 12px)}.mapa-classification-tag--natural-case{text-transform:none}\n"] }]
5161
- }], propDecorators: { classification: [{ type: i0.Input, args: [{ isSignal: true, alias: "classification", required: false }] }], size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }], appearance: [{ type: i0.Input, args: [{ isSignal: true, alias: "appearance", required: false }] }], shape: [{ type: i0.Input, args: [{ isSignal: true, alias: "shape", required: false }] }], casing: [{ type: i0.Input, args: [{ isSignal: true, alias: "casing", required: false }] }], fallbackLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "fallbackLabel", required: false }] }] } });
5162
5129
  function normalizeHex(value) {
5163
5130
  if (!value)
5164
5131
  return null;
@@ -5214,6 +5181,54 @@ function readableTonalForeground(color, background) {
5214
5181
  return readableForeground(background);
5215
5182
  }
5216
5183
 
5184
+ class MapaClassificationTagComponent {
5185
+ constructor() {
5186
+ this.i18n = inject(MapaI18nService);
5187
+ this.classification = input(...(ngDevMode ? [undefined, { debugName: "classification" }] : []));
5188
+ this.size = input('small', ...(ngDevMode ? [{ debugName: "size" }] : []));
5189
+ this.appearance = input('solid', ...(ngDevMode ? [{ debugName: "appearance" }] : []));
5190
+ this.shape = input('rounded', ...(ngDevMode ? [{ debugName: "shape" }] : []));
5191
+ this.casing = input('auto', ...(ngDevMode ? [{ debugName: "casing" }] : []));
5192
+ /** Shown when there is no classification; defaults to the i18n text. */
5193
+ this.fallbackLabel = input(...(ngDevMode ? [undefined, { debugName: "fallbackLabel" }] : []));
5194
+ /** Visible value override; the original classification remains accessible. */
5195
+ this.valueLabel = input(...(ngDevMode ? [undefined, { debugName: "valueLabel" }] : []));
5196
+ this.label = computed(() => this.classification()?.classificationName?.trim() ||
5197
+ this.fallbackLabel() ||
5198
+ this.i18n.texts.report.noClassification, ...(ngDevMode ? [{ debugName: "label" }] : []));
5199
+ this.background = computed(() => {
5200
+ const classification = this.classification();
5201
+ const explicit = normalizeHex(classification?.classificationBg);
5202
+ const color = normalizeHex(classification?.classificationColor) ?? '#ff560b';
5203
+ return this.appearance() === 'tonal'
5204
+ ? (explicit ?? mixWithSurface(color, 0.14))
5205
+ : color;
5206
+ }, ...(ngDevMode ? [{ debugName: "background" }] : []));
5207
+ this.foreground = computed(() => {
5208
+ const color = normalizeHex(this.classification()?.classificationColor) ?? '#a63a0a';
5209
+ const background = this.background();
5210
+ if (this.appearance() === 'tonal') {
5211
+ return readableTonalForeground(color, background);
5212
+ }
5213
+ return readableForeground(background);
5214
+ }, ...(ngDevMode ? [{ debugName: "foreground" }] : []));
5215
+ this.border = computed(() => {
5216
+ const color = normalizeHex(this.classification()?.classificationColor) ?? '#ff8a55';
5217
+ return this.appearance() === 'solid'
5218
+ ? this.background()
5219
+ : mixWithSurface(color, 0.38);
5220
+ }, ...(ngDevMode ? [{ debugName: "border" }] : []));
5221
+ this.usesNaturalCasing = computed(() => this.casing() === 'natural' ||
5222
+ (this.casing() === 'auto' && this.size() === 'large'), ...(ngDevMode ? [{ debugName: "usesNaturalCasing" }] : []));
5223
+ }
5224
+ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.21", ngImport: i0, type: MapaClassificationTagComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
5225
+ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "20.3.21", type: MapaClassificationTagComponent, isStandalone: true, selector: "mapa-classification-tag", inputs: { classification: { classPropertyName: "classification", publicName: "classification", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, appearance: { classPropertyName: "appearance", publicName: "appearance", isSignal: true, isRequired: false, transformFunction: null }, shape: { classPropertyName: "shape", publicName: "shape", isSignal: true, isRequired: false, transformFunction: null }, casing: { classPropertyName: "casing", publicName: "casing", isSignal: true, isRequired: false, transformFunction: null }, fallbackLabel: { classPropertyName: "fallbackLabel", publicName: "fallbackLabel", isSignal: true, isRequired: false, transformFunction: null }, valueLabel: { classPropertyName: "valueLabel", publicName: "valueLabel", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "<span\n class=\"mapa-classification-tag\"\n [class.mapa-classification-tag--medium]=\"size() === 'medium'\"\n [class.mapa-classification-tag--large]=\"size() === 'large'\"\n [class.mapa-classification-tag--solid]=\"appearance() === 'solid'\"\n [class.mapa-classification-tag--tonal]=\"appearance() === 'tonal'\"\n [class.mapa-classification-tag--rounded]=\"shape() === 'rounded'\"\n [class.mapa-classification-tag--natural-case]=\"usesNaturalCasing()\"\n [style.--mapa-classification-background]=\"background()\"\n [style.--mapa-classification-border]=\"border()\"\n [style.--mapa-classification-foreground]=\"foreground()\"\n [attr.aria-label]=\"valueLabel() ? valueLabel() + ': ' + label() : null\"\n [attr.title]=\"valueLabel() ? label() : null\"\n>\n <span>{{ valueLabel() ?? label() }}</span>\n</span>\n", styles: [".mapa-classification-tag{align-items:center;background:var(--mapa-classification-background);border:var(--mapa-classification-tag-border-width, 1px) solid var(--mapa-classification-border);border-radius:var(--mapa-classification-tag-radius, 999px);box-sizing:border-box;color:var(--mapa-classification-foreground);display:inline-flex;gap:6px;font:600 var(--mapa-classification-tag-font-size, 10.5px)/1.2 var(--mapa-font-body, \"Asap\", sans-serif);justify-content:center;max-width:100%;height:var(--mapa-classification-tag-height, 22px);min-width:var(--mapa-classification-tag-min-width, 0);overflow-wrap:anywhere;padding:3px 7px;text-align:center;text-transform:uppercase;white-space:normal}.mapa-classification-tag--medium{--mapa-classification-tag-font-size: 11px;--mapa-classification-tag-height: 22px;padding:2px 10px}.mapa-classification-tag--large{--mapa-classification-tag-font-size: 12px;--mapa-classification-tag-height: 34px;padding:6px 14px}.mapa-classification-tag--rounded{border-radius:var(--mapa-classification-tag-radius, 6px)}.mapa-classification-tag__marker{background:currentColor;border-radius:50%;flex:0 0 6px;height:6px}.mapa-classification-tag>span{min-width:0;white-space:nowrap}.mapa-classification-tag--natural-case{text-transform:none}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
5226
+ }
5227
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.21", ngImport: i0, type: MapaClassificationTagComponent, decorators: [{
5228
+ type: Component,
5229
+ args: [{ selector: 'mapa-classification-tag', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, template: "<span\n class=\"mapa-classification-tag\"\n [class.mapa-classification-tag--medium]=\"size() === 'medium'\"\n [class.mapa-classification-tag--large]=\"size() === 'large'\"\n [class.mapa-classification-tag--solid]=\"appearance() === 'solid'\"\n [class.mapa-classification-tag--tonal]=\"appearance() === 'tonal'\"\n [class.mapa-classification-tag--rounded]=\"shape() === 'rounded'\"\n [class.mapa-classification-tag--natural-case]=\"usesNaturalCasing()\"\n [style.--mapa-classification-background]=\"background()\"\n [style.--mapa-classification-border]=\"border()\"\n [style.--mapa-classification-foreground]=\"foreground()\"\n [attr.aria-label]=\"valueLabel() ? valueLabel() + ': ' + label() : null\"\n [attr.title]=\"valueLabel() ? label() : null\"\n>\n <span>{{ valueLabel() ?? label() }}</span>\n</span>\n", styles: [".mapa-classification-tag{align-items:center;background:var(--mapa-classification-background);border:var(--mapa-classification-tag-border-width, 1px) solid var(--mapa-classification-border);border-radius:var(--mapa-classification-tag-radius, 999px);box-sizing:border-box;color:var(--mapa-classification-foreground);display:inline-flex;gap:6px;font:600 var(--mapa-classification-tag-font-size, 10.5px)/1.2 var(--mapa-font-body, \"Asap\", sans-serif);justify-content:center;max-width:100%;height:var(--mapa-classification-tag-height, 22px);min-width:var(--mapa-classification-tag-min-width, 0);overflow-wrap:anywhere;padding:3px 7px;text-align:center;text-transform:uppercase;white-space:normal}.mapa-classification-tag--medium{--mapa-classification-tag-font-size: 11px;--mapa-classification-tag-height: 22px;padding:2px 10px}.mapa-classification-tag--large{--mapa-classification-tag-font-size: 12px;--mapa-classification-tag-height: 34px;padding:6px 14px}.mapa-classification-tag--rounded{border-radius:var(--mapa-classification-tag-radius, 6px)}.mapa-classification-tag__marker{background:currentColor;border-radius:50%;flex:0 0 6px;height:6px}.mapa-classification-tag>span{min-width:0;white-space:nowrap}.mapa-classification-tag--natural-case{text-transform:none}\n"] }]
5230
+ }], propDecorators: { classification: [{ type: i0.Input, args: [{ isSignal: true, alias: "classification", required: false }] }], size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }], appearance: [{ type: i0.Input, args: [{ isSignal: true, alias: "appearance", required: false }] }], shape: [{ type: i0.Input, args: [{ isSignal: true, alias: "shape", required: false }] }], casing: [{ type: i0.Input, args: [{ isSignal: true, alias: "casing", required: false }] }], fallbackLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "fallbackLabel", required: false }] }], valueLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "valueLabel", required: false }] }] } });
5231
+
5217
5232
  class ButtonIconComponent {
5218
5233
  onClick(data) {
5219
5234
  this.clicked.emit(data);
@@ -6486,7 +6501,7 @@ class MapaConclusionCardComponent {
6486
6501
  this.expanded.set(!this.expanded());
6487
6502
  }
6488
6503
  static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.21", ngImport: i0, type: MapaConclusionCardComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
6489
- 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 }); }
6504
+ 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", "valueLabel"] }, { 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 }); }
6490
6505
  }
6491
6506
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.21", ngImport: i0, type: MapaConclusionCardComponent, decorators: [{
6492
6507
  type: Component,
@@ -7646,6 +7661,8 @@ class MapaTableComponent {
7646
7661
  this.data = [];
7647
7662
  this.rowKey = 'id';
7648
7663
  this.caption = '';
7664
+ this.responsiveLayout = 'cards';
7665
+ this.stickyFirstColumn = false;
7649
7666
  this.showSelectAll = true;
7650
7667
  this.selectionLabelKey = 'name';
7651
7668
  this.error = false;
@@ -7686,6 +7703,43 @@ class MapaTableComponent {
7686
7703
  this.i18n = inject(MapaI18nService);
7687
7704
  this.localSort = { active: '', direction: '' };
7688
7705
  this.filterValue = '';
7706
+ this.tableFrame = viewChild('tableFrame', ...(ngDevMode ? [{ debugName: "tableFrame" }] : []));
7707
+ this.horizontalOverflow = false;
7708
+ afterEveryRender(() => this.observeOverflow());
7709
+ this.destroyRef.onDestroy(() => this.resizeObserver?.disconnect());
7710
+ }
7711
+ observeOverflow() {
7712
+ const frame = this.tableFrame()?.nativeElement;
7713
+ if (!frame)
7714
+ return;
7715
+ const table = frame.querySelector('table');
7716
+ if (frame !== this.observedFrame || table !== this.observedTable) {
7717
+ this.resizeObserver?.disconnect();
7718
+ this.observedFrame = frame;
7719
+ this.observedTable = table;
7720
+ if (typeof ResizeObserver !== 'undefined') {
7721
+ this.resizeObserver ??= new ResizeObserver(() => this.measureOverflow());
7722
+ this.resizeObserver.observe(frame);
7723
+ if (table)
7724
+ this.resizeObserver.observe(table);
7725
+ }
7726
+ }
7727
+ this.measureOverflow();
7728
+ }
7729
+ measureOverflow() {
7730
+ const frame = this.observedFrame;
7731
+ const overflow = this.responsiveLayout === 'scroll' &&
7732
+ !!frame &&
7733
+ frame.scrollWidth > frame.clientWidth + 1;
7734
+ if (this.horizontalOverflow !== overflow) {
7735
+ this.horizontalOverflow = overflow;
7736
+ this.cdr.markForCheck();
7737
+ }
7738
+ }
7739
+ headerDirectionLabel(column) {
7740
+ return column.headerDirection === 'negative'
7741
+ ? this.texts.report.negativeDirectionLabel
7742
+ : this.texts.report.positiveDirectionLabel;
7689
7743
  }
7690
7744
  get texts() {
7691
7745
  return this.i18n.textsSignal();
@@ -8016,13 +8070,13 @@ class MapaTableComponent {
8016
8070
  !!target.closest("a, button, input, select, textarea, [role='button'], [role='menuitem']"));
8017
8071
  }
8018
8072
  static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.21", ngImport: i0, type: MapaTableComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
8019
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.21", type: MapaTableComponent, isStandalone: true, selector: "mapa-table", inputs: { columns: "columns", data: "data", rowKey: "rowKey", caption: "caption", selectable: "selectable", showSelectAll: "showSelectAll", selectedKeys: "selectedKeys", selectionLabelKey: "selectionLabelKey", checkbox: "checkbox", selection: "selection", loading: "loading", finished: "finished", error: "error", emptyTitle: "emptyTitle", emptySubtitle: "emptySubtitle", errorTitle: "errorTitle", errorSubtitle: "errorSubtitle", retryLabel: "retryLabel", status: "status", empty: "empty", pagination: "pagination", pageIndex: "pageIndex", pageSize: "pageSize", totalCount: "totalCount", pageSizeOptions: "pageSizeOptions", totalPages: "totalPages", showPaginator: "showPaginator", paginatorShowFirstButton: "paginatorShowFirstButton", paginatorShowLastButton: "paginatorShowLastButton", paginatorRenderButtonsNumber: "paginatorRenderButtonsNumber", paginatorHideDefaultArrows: "paginatorHideDefaultArrows", sortActive: "sortActive", sortDirection: "sortDirection", actions: "actions", menuItems: "menuItems", menu: "menu", filterControl: "filterControl" }, outputs: { pageChange: "pageChange", sortChange: "sortChange", selectionChange: "selectionChange", retry: "retry", onChangePage: "onChangePage", onSortChange: "onSortChange", selectedRows: "selectedRows", rowClick: "rowClick" }, providers: [
8073
+ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.21", type: MapaTableComponent, isStandalone: true, selector: "mapa-table", inputs: { columns: "columns", data: "data", rowKey: "rowKey", caption: "caption", responsiveLayout: "responsiveLayout", stickyFirstColumn: "stickyFirstColumn", selectable: "selectable", showSelectAll: "showSelectAll", selectedKeys: "selectedKeys", selectionLabelKey: "selectionLabelKey", checkbox: "checkbox", selection: "selection", loading: "loading", finished: "finished", error: "error", emptyTitle: "emptyTitle", emptySubtitle: "emptySubtitle", errorTitle: "errorTitle", errorSubtitle: "errorSubtitle", retryLabel: "retryLabel", status: "status", empty: "empty", pagination: "pagination", pageIndex: "pageIndex", pageSize: "pageSize", totalCount: "totalCount", pageSizeOptions: "pageSizeOptions", totalPages: "totalPages", showPaginator: "showPaginator", paginatorShowFirstButton: "paginatorShowFirstButton", paginatorShowLastButton: "paginatorShowLastButton", paginatorRenderButtonsNumber: "paginatorRenderButtonsNumber", paginatorHideDefaultArrows: "paginatorHideDefaultArrows", sortActive: "sortActive", sortDirection: "sortDirection", actions: "actions", menuItems: "menuItems", menu: "menu", filterControl: "filterControl" }, outputs: { pageChange: "pageChange", sortChange: "sortChange", selectionChange: "selectionChange", retry: "retry", onChangePage: "onChangePage", onSortChange: "onSortChange", selectedRows: "selectedRows", rowClick: "rowClick" }, providers: [
8020
8074
  {
8021
8075
  provide: MatPaginatorIntl,
8022
8076
  useFactory: customPaginatorFactory,
8023
8077
  deps: [MapaI18nService, Injector],
8024
8078
  },
8025
- ], 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 }); }
8079
+ ], queries: [{ propertyName: "projectedCells", predicate: MapaTableCellDirective, isSignal: true }], viewQueries: [{ propertyName: "tableFrame", first: true, predicate: ["tableFrame"], descendants: true, isSignal: true }], ngImport: i0, template: "<section\n class=\"mapa-data-table\"\n [class.mapa-data-table--selectable]=\"isSelectable\"\n [class.mapa-data-table--scroll]=\"responsiveLayout === 'scroll'\"\n [class.mapa-data-table--sticky-first]=\"stickyFirstColumn\"\n>\n <div\n class=\"mapa-data-table__frame\"\n #tableFrame\n [attr.tabindex]=\"horizontalOverflow ? 0 : null\"\n [attr.role]=\"horizontalOverflow ? 'region' : null\"\n [attr.aria-label]=\"horizontalOverflow ? caption : null\"\n >\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 @if (column.headerDirection) {\n <span\n class=\"mapa-direction-indicator\"\n [attr.aria-label]=\"headerDirectionLabel(column)\"\n [attr.title]=\"headerDirectionLabel(column)\"\n >{{\n column.headerDirection === \"negative\" ? \"\u2193\" : \"\u2191\"\n }}</span\n >\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 @if (column.headerDirection) {\n <span\n class=\"mapa-direction-indicator\"\n [attr.aria-label]=\"headerDirectionLabel(column)\"\n >{{\n column.headerDirection === \"negative\" ? \"\u2193\" : \"\u2191\"\n }}</span\n >\n }\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\n fontSet=\"material-icons-outlined\"\n aria-hidden=\"true\"\n >{{ item.icon }}</mat-icon\n >\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\n fontSet=\"material-icons-outlined\"\n aria-hidden=\"true\"\n >{{ item.icon }}</mat-icon\n >\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\n fontSet=\"material-icons-outlined\"\n aria-hidden=\"true\"\n >{{ item.icon }}</mat-icon\n >\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\n fontSet=\"material-icons-outlined\"\n aria-hidden=\"true\"\n >{{ item.icon }}</mat-icon\n >\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 (horizontalOverflow) {\n <p class=\"mapa-data-table__scroll-hint\">\n {{ texts.table.horizontalScrollHint }}\n </p>\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: [".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{display:block}.mapa-data-table{color:var(--mapa-color-text, #1a1a1a);font-family:var(--mapa-font-body, Asap, sans-serif)}.mapa-data-table--scroll{min-width:0}.mapa-data-table--scroll .mapa-data-table__frame{isolation:isolate}.mapa-data-table--sticky-first th:first-child,.mapa-data-table--sticky-first td:first-child{background:var(--mapa-color-surface, #fff);box-shadow:1px 0 var(--mapa-color-border, #e1e5e7);inset-inline-start:0;max-width:var(--mapa-report-ranking-entry-width, 200px);min-width:var(--mapa-report-ranking-entry-width, 200px);position:sticky;width:var(--mapa-report-ranking-entry-width, 200px);z-index:1}.mapa-data-table--sticky-first th:first-child{background:var(--mapa-color-surface-muted, #fafbfc);z-index:2}.mapa-data-table--sticky-first tbody tr:hover td:first-child{background:var(--mapa-color-primary-soft, #fff8f4)}.mapa-data-table__scroll-hint{color:var(--mapa-color-text-subtle, #555);font-size:12px;margin:10px 0 0}.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:not(.mapa-data-table--scroll) .mapa-data-table__frame{border:0;overflow:visible}.mapa-data-table:not(.mapa-data-table--scroll) thead{display:none}.mapa-data-table:not(.mapa-data-table--scroll) tbody{display:grid;gap:.75rem}.mapa-data-table:not(.mapa-data-table--scroll) 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:not(.mapa-data-table--scroll).mapa-data-table--selectable tr{grid-template-columns:auto minmax(0,1fr)}.mapa-data-table:not(.mapa-data-table--scroll) td{border:0;grid-column:1;padding:.375rem .5rem;text-align:left;width:auto}.mapa-data-table:not(.mapa-data-table--scroll).mapa-data-table--selectable td:not(.mapa-data-table__selection-cell){grid-column:2}.mapa-data-table:not(.mapa-data-table--scroll) 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:not(.mapa-data-table--scroll) .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 }); }
8026
8080
  }
8027
8081
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.21", ngImport: i0, type: MapaTableComponent, decorators: [{
8028
8082
  type: Component,
@@ -8044,8 +8098,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.21", ngImpo
8044
8098
  useFactory: customPaginatorFactory,
8045
8099
  deps: [MapaI18nService, Injector],
8046
8100
  },
8047
- ], standalone: true, 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"] }]
8048
- }], propDecorators: { columns: [{
8101
+ ], standalone: true, template: "<section\n class=\"mapa-data-table\"\n [class.mapa-data-table--selectable]=\"isSelectable\"\n [class.mapa-data-table--scroll]=\"responsiveLayout === 'scroll'\"\n [class.mapa-data-table--sticky-first]=\"stickyFirstColumn\"\n>\n <div\n class=\"mapa-data-table__frame\"\n #tableFrame\n [attr.tabindex]=\"horizontalOverflow ? 0 : null\"\n [attr.role]=\"horizontalOverflow ? 'region' : null\"\n [attr.aria-label]=\"horizontalOverflow ? caption : null\"\n >\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 @if (column.headerDirection) {\n <span\n class=\"mapa-direction-indicator\"\n [attr.aria-label]=\"headerDirectionLabel(column)\"\n [attr.title]=\"headerDirectionLabel(column)\"\n >{{\n column.headerDirection === \"negative\" ? \"\u2193\" : \"\u2191\"\n }}</span\n >\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 @if (column.headerDirection) {\n <span\n class=\"mapa-direction-indicator\"\n [attr.aria-label]=\"headerDirectionLabel(column)\"\n >{{\n column.headerDirection === \"negative\" ? \"\u2193\" : \"\u2191\"\n }}</span\n >\n }\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\n fontSet=\"material-icons-outlined\"\n aria-hidden=\"true\"\n >{{ item.icon }}</mat-icon\n >\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\n fontSet=\"material-icons-outlined\"\n aria-hidden=\"true\"\n >{{ item.icon }}</mat-icon\n >\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\n fontSet=\"material-icons-outlined\"\n aria-hidden=\"true\"\n >{{ item.icon }}</mat-icon\n >\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\n fontSet=\"material-icons-outlined\"\n aria-hidden=\"true\"\n >{{ item.icon }}</mat-icon\n >\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 (horizontalOverflow) {\n <p class=\"mapa-data-table__scroll-hint\">\n {{ texts.table.horizontalScrollHint }}\n </p>\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: [".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{display:block}.mapa-data-table{color:var(--mapa-color-text, #1a1a1a);font-family:var(--mapa-font-body, Asap, sans-serif)}.mapa-data-table--scroll{min-width:0}.mapa-data-table--scroll .mapa-data-table__frame{isolation:isolate}.mapa-data-table--sticky-first th:first-child,.mapa-data-table--sticky-first td:first-child{background:var(--mapa-color-surface, #fff);box-shadow:1px 0 var(--mapa-color-border, #e1e5e7);inset-inline-start:0;max-width:var(--mapa-report-ranking-entry-width, 200px);min-width:var(--mapa-report-ranking-entry-width, 200px);position:sticky;width:var(--mapa-report-ranking-entry-width, 200px);z-index:1}.mapa-data-table--sticky-first th:first-child{background:var(--mapa-color-surface-muted, #fafbfc);z-index:2}.mapa-data-table--sticky-first tbody tr:hover td:first-child{background:var(--mapa-color-primary-soft, #fff8f4)}.mapa-data-table__scroll-hint{color:var(--mapa-color-text-subtle, #555);font-size:12px;margin:10px 0 0}.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:not(.mapa-data-table--scroll) .mapa-data-table__frame{border:0;overflow:visible}.mapa-data-table:not(.mapa-data-table--scroll) thead{display:none}.mapa-data-table:not(.mapa-data-table--scroll) tbody{display:grid;gap:.75rem}.mapa-data-table:not(.mapa-data-table--scroll) 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:not(.mapa-data-table--scroll).mapa-data-table--selectable tr{grid-template-columns:auto minmax(0,1fr)}.mapa-data-table:not(.mapa-data-table--scroll) td{border:0;grid-column:1;padding:.375rem .5rem;text-align:left;width:auto}.mapa-data-table:not(.mapa-data-table--scroll).mapa-data-table--selectable td:not(.mapa-data-table__selection-cell){grid-column:2}.mapa-data-table:not(.mapa-data-table--scroll) 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:not(.mapa-data-table--scroll) .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"] }]
8102
+ }], ctorParameters: () => [], propDecorators: { columns: [{
8049
8103
  type: Input
8050
8104
  }], data: [{
8051
8105
  type: Input
@@ -8053,6 +8107,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.21", ngImpo
8053
8107
  type: Input
8054
8108
  }], caption: [{
8055
8109
  type: Input
8110
+ }], responsiveLayout: [{
8111
+ type: Input
8112
+ }], stickyFirstColumn: [{
8113
+ type: Input
8056
8114
  }], selectable: [{
8057
8115
  type: Input
8058
8116
  }], showSelectAll: [{
@@ -8135,7 +8193,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.21", ngImpo
8135
8193
  type: Output
8136
8194
  }], rowClick: [{
8137
8195
  type: Output
8138
- }], projectedCells: [{ type: i0.ContentChildren, args: [i0.forwardRef(() => MapaTableCellDirective), { isSignal: true }] }] } });
8196
+ }], projectedCells: [{ type: i0.ContentChildren, args: [i0.forwardRef(() => MapaTableCellDirective), { isSignal: true }] }], tableFrame: [{ type: i0.ViewChild, args: ['tableFrame', { isSignal: true }] }] } });
8139
8197
 
8140
8198
  /*
8141
8199
  * Public API Surface of mapa-library-ui table
@@ -8281,7 +8339,7 @@ class MapaGroupReportComponent {
8281
8339
  };
8282
8340
  }
8283
8341
  static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.21", ngImport: i0, type: MapaGroupReportComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
8284
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.21", type: MapaGroupReportComponent, isStandalone: true, selector: "mapa-group-report", inputs: { groupReport: "groupReport", showGroupReportGeneral: "showGroupReportGeneral" }, outputs: { onSortChange: "onSortChange" }, usesOnChanges: true, ngImport: i0, template: "<section class=\"mapa-group-report\">\n <mapa-table\n [columns]=\"columns\"\n [data]=\"data\"\n [finished]=\"true\"\n caption=\"Relat\u00F3rio de grupo por dimens\u00E3o\"\n (sortChange)=\"handleSortChange($event)\"\n >\n <ng-template mapaTableCell=\"name\" let-row>\n <div class=\"mapa-group-report__content--value\">\n <div class=\"mapa-group-report__content--title\">\n {{ $any(row).name }}\n </div>\n <div class=\"mapa-group-report__content--subtitle\">\n {{ $any(row).cpf }}\n </div>\n </div>\n </ng-template>\n\n @if (showGroupReportGeneral) {\n <ng-template mapaTableCell=\"general\" let-row>\n <div\n class=\"mapa-group-report__column mapa-group-report__column--center-cell\"\n >\n <div class=\"general\">\n {{ getGeneralValue($any(row)) | currency: \"\" : \"\" }}%\n </div>\n </div>\n </ng-template>\n }\n\n @for (column of columns; track trackColumn($index, column)) {\n @if (column.key !== \"name\" && column.key !== \"general\") {\n <ng-template [mapaTableCell]=\"column.key\" let-row>\n <div\n class=\"mapa-group-report__column mapa-group-report__column--center-cell\"\n >\n <div class=\"mapa-group-report__hover\">\n <span class=\"mapa-group-report__hover--main\">\n <span\n class=\"mapa__tag--bg\"\n [class.mapa__tag--contrast]=\"\n getDimensionClassification($any(row), column.key)\n ?.classificationId === 1\n \"\n [style.backgroundColor]=\"\n getDimensionClassification($any(row), column.key)\n ?.classificationColor\n \"\n >\n {{\n getDimensionClassification($any(row), column.key)\n ?.classificationName || \"-\"\n }}\n </span>\n </span>\n <span class=\"mapa-group-report__hover--hidden\">\n {{ getDimensionLabel($any(row), column.key) }}\n </span>\n </div>\n </div>\n </ng-template>\n }\n }\n </mapa-table>\n</section>\n", styles: [":host{display:block}.mapa-group-report{width:100%}.mapa-group-report mapa-table{display:block;width:100%}.mapa-group-report__column{display:flex;align-items:center}.mapa-group-report__column--center-cell{display:flex;align-items:center;justify-content:center;width:100%}.mapa-group-report__content--value{margin-right:40px}.mapa-group-report__content--title{color:var(--mapa-color-text, #1a1a1a);text-align:left;font-family:var(--mapa-font-heading, \"Asap\", \"Inter\", sans-serif);font-size:14px;font-style:normal;font-weight:500;line-height:20px}.mapa-group-report__content--subtitle{color:#77838f;text-align:left;font-family:var(--mapa-font-heading, \"Asap\", \"Inter\", sans-serif);font-size:12px;font-style:normal;font-weight:400;line-height:16px}.mapa-group-report__hover--hidden{display:none}.mapa-group-report__hover:hover .mapa-group-report__hover--main,.mapa-group-report__hover:focus-within .mapa-group-report__hover--main{display:none}.mapa-group-report__hover:hover .mapa-group-report__hover--hidden,.mapa-group-report__hover:focus-within .mapa-group-report__hover--hidden{display:flex}.mapa-group-report .general{border-radius:24px;border:1px solid #dcdcde;display:flex;justify-content:center;align-items:center;width:48px;height:48px}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { 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: i1$2.CurrencyPipe, name: "currency" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
8342
+ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.21", type: MapaGroupReportComponent, isStandalone: true, selector: "mapa-group-report", inputs: { groupReport: "groupReport", showGroupReportGeneral: "showGroupReportGeneral" }, outputs: { onSortChange: "onSortChange" }, usesOnChanges: true, ngImport: i0, template: "<section class=\"mapa-group-report\">\n <mapa-table\n [columns]=\"columns\"\n [data]=\"data\"\n [finished]=\"true\"\n caption=\"Relat\u00F3rio de grupo por dimens\u00E3o\"\n (sortChange)=\"handleSortChange($event)\"\n >\n <ng-template mapaTableCell=\"name\" let-row>\n <div class=\"mapa-group-report__content--value\">\n <div class=\"mapa-group-report__content--title\">\n {{ $any(row).name }}\n </div>\n <div class=\"mapa-group-report__content--subtitle\">\n {{ $any(row).cpf }}\n </div>\n </div>\n </ng-template>\n\n @if (showGroupReportGeneral) {\n <ng-template mapaTableCell=\"general\" let-row>\n <div\n class=\"mapa-group-report__column mapa-group-report__column--center-cell\"\n >\n <div class=\"general\">\n {{ getGeneralValue($any(row)) | currency: \"\" : \"\" }}%\n </div>\n </div>\n </ng-template>\n }\n\n @for (column of columns; track trackColumn($index, column)) {\n @if (column.key !== \"name\" && column.key !== \"general\") {\n <ng-template [mapaTableCell]=\"column.key\" let-row>\n <div\n class=\"mapa-group-report__column mapa-group-report__column--center-cell\"\n >\n <div class=\"mapa-group-report__hover\">\n <span class=\"mapa-group-report__hover--main\">\n <span\n class=\"mapa__tag--bg\"\n [class.mapa__tag--contrast]=\"\n getDimensionClassification($any(row), column.key)\n ?.classificationId === 1\n \"\n [style.backgroundColor]=\"\n getDimensionClassification($any(row), column.key)\n ?.classificationColor\n \"\n >\n {{\n getDimensionClassification($any(row), column.key)\n ?.classificationName || \"-\"\n }}\n </span>\n </span>\n <span class=\"mapa-group-report__hover--hidden\">\n {{ getDimensionLabel($any(row), column.key) }}\n </span>\n </div>\n </div>\n </ng-template>\n }\n }\n </mapa-table>\n</section>\n", styles: [":host{display:block}.mapa-group-report{width:100%}.mapa-group-report mapa-table{display:block;width:100%}.mapa-group-report__column{display:flex;align-items:center}.mapa-group-report__column--center-cell{display:flex;align-items:center;justify-content:center;width:100%}.mapa-group-report__content--value{margin-right:40px}.mapa-group-report__content--title{color:var(--mapa-color-text, #1a1a1a);text-align:left;font-family:var(--mapa-font-heading, \"Asap\", \"Inter\", sans-serif);font-size:14px;font-style:normal;font-weight:500;line-height:20px}.mapa-group-report__content--subtitle{color:#77838f;text-align:left;font-family:var(--mapa-font-heading, \"Asap\", \"Inter\", sans-serif);font-size:12px;font-style:normal;font-weight:400;line-height:16px}.mapa-group-report__hover--hidden{display:none}.mapa-group-report__hover:hover .mapa-group-report__hover--main,.mapa-group-report__hover:focus-within .mapa-group-report__hover--main{display:none}.mapa-group-report__hover:hover .mapa-group-report__hover--hidden,.mapa-group-report__hover:focus-within .mapa-group-report__hover--hidden{display:flex}.mapa-group-report .general{border-radius:24px;border:1px solid #dcdcde;display:flex;justify-content:center;align-items:center;width:48px;height:48px}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: MapaTableCellDirective, selector: "ng-template[mapaTableCell]", inputs: ["mapaTableCell"] }, { kind: "component", type: MapaTableComponent, selector: "mapa-table", inputs: ["columns", "data", "rowKey", "caption", "responsiveLayout", "stickyFirstColumn", "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: i1$2.CurrencyPipe, name: "currency" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
8285
8343
  }
8286
8344
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.21", ngImport: i0, type: MapaGroupReportComponent, decorators: [{
8287
8345
  type: Component,
@@ -8450,7 +8508,11 @@ class ReportGroupProfileContent {
8450
8508
  this.palette = input('current', ...(ngDevMode ? [{ debugName: "palette" }] : []));
8451
8509
  this.showAverage = input(true, ...(ngDevMode ? [{ debugName: "showAverage" }] : []));
8452
8510
  this.showLegend = input(true, ...(ngDevMode ? [{ debugName: "showLegend" }] : []));
8453
- /** Overrides the legend derived from the slice classifications. */
8511
+ /**
8512
+ * Replaces the legend derived from the slice classifications. Pass the
8513
+ * GenerateReport captions in the order they were returned: that order is
8514
+ * kept, and captions no slice draws are left out.
8515
+ */
8454
8516
  this.legend = input(...(ngDevMode ? [undefined, { debugName: "legend" }] : []));
8455
8517
  /** Overrides the caption above each pill; defaults to the i18n text. */
8456
8518
  this.distributionLabel = input(...(ngDevMode ? [undefined, { debugName: "distributionLabel" }] : []));
@@ -8476,7 +8538,7 @@ class ReportGroupProfileContent {
8476
8538
  this.legendItems = computed(() => {
8477
8539
  const explicit = this.legend();
8478
8540
  if (explicit)
8479
- return explicit;
8541
+ return this.drawnCaptions(explicit);
8480
8542
  const items = new Map();
8481
8543
  // Only the slices the pill actually draws deserve a legend entry.
8482
8544
  for (const dimension of this.dimensions()) {
@@ -8487,15 +8549,61 @@ class ReportGroupProfileContent {
8487
8549
  continue;
8488
8550
  const key = String(slice.classification?.classificationId ?? slice.id ?? label);
8489
8551
  if (!items.has(key))
8490
- items.set(key, { id: key, label, color });
8552
+ items.set(key, {
8553
+ id: key,
8554
+ label,
8555
+ color,
8556
+ classification: slice.classification,
8557
+ order: this.sliceOrder(slice, this.direction(dimension)),
8558
+ });
8491
8559
  }
8492
8560
  }
8493
- return [...items.values()];
8561
+ return [...items.values()].sort((a, b) => this.itemOrder(a) - this.itemOrder(b));
8494
8562
  }, ...(ngDevMode ? [{ debugName: "legendItems" }] : []));
8495
8563
  }
8564
+ /**
8565
+ * Keeps the caller's order (the captions returned by GenerateReport) and
8566
+ * drops what no slice draws. If nothing matches, the slices carry no
8567
+ * identity the captions can be matched against, so the list stays whole.
8568
+ */
8569
+ drawnCaptions(captions) {
8570
+ const slices = this.dimensions().flatMap((dimension) => this.slices(dimension));
8571
+ const drawn = captions.filter((caption) => slices.some((slice) => this.captionMatches(caption, slice)));
8572
+ return drawn.length ? drawn : captions;
8573
+ }
8574
+ captionMatches(caption, slice) {
8575
+ const captionIds = [caption.classification?.classificationId, caption.id];
8576
+ const sliceIds = [slice.classification?.classificationId, slice.id];
8577
+ const sameId = captionIds.some((a) => a != null && sliceIds.some((b) => b != null && String(a) === String(b)));
8578
+ if (sameId)
8579
+ return true;
8580
+ const label = this.sliceLabel(slice);
8581
+ return !!label && label === caption.label;
8582
+ }
8496
8583
  /** Zero-width slices would still cost a pill seam, so they are dropped. */
8497
8584
  slices(dimension) {
8498
- return (dimension.slices ?? []).filter((slice) => this.width(slice) > 0);
8585
+ return (dimension.slices ?? [])
8586
+ .filter((slice) => this.width(slice) > 0)
8587
+ .sort((a, b) => this.sliceOrder(a, this.direction(dimension)) -
8588
+ this.sliceOrder(b, this.direction(dimension)));
8589
+ }
8590
+ legacyOrder(id, direction) {
8591
+ const ranks = direction === 'negative' ? [9, 7, 8, 6] : [5, 4, 3, 2, 1];
8592
+ const index = ranks.indexOf(Number(id));
8593
+ return index < 0 ? Number.MAX_SAFE_INTEGER : index;
8594
+ }
8595
+ sliceOrder(slice, direction) {
8596
+ return typeof slice.order === 'number' && Number.isFinite(slice.order)
8597
+ ? slice.order
8598
+ : this.legacyOrder(slice.classification?.classificationId ?? slice.id, direction);
8599
+ }
8600
+ itemOrder(item) {
8601
+ return typeof item.order === 'number' && Number.isFinite(item.order)
8602
+ ? item.order
8603
+ : this.legacyOrder(item.classification?.classificationId ?? item.id, this.data()?.direction ?? this.dimensions()[0]?.direction);
8604
+ }
8605
+ sliceForeground(slice) {
8606
+ return readableForeground(normalizeHex(this.sliceColor(slice)) ?? '#c3ccd1');
8499
8607
  }
8500
8608
  width(slice) {
8501
8609
  const value = slice.value;
@@ -8526,7 +8634,9 @@ class ReportGroupProfileContent {
8526
8634
  .join(' · ');
8527
8635
  }
8528
8636
  pillLabel(dimension) {
8529
- return `${dimension.name}: ${this.valuesLabel(dimension)}`;
8637
+ return `${dimension.name}: ${this.slices(dimension)
8638
+ .map((slice) => this.sliceTitle(slice))
8639
+ .join(' · ')}`;
8530
8640
  }
8531
8641
  direction(dimension) {
8532
8642
  return dimension?.direction ?? this.data()?.direction;
@@ -8586,11 +8696,11 @@ class MapaResultTrackComponent {
8586
8696
  return Math.min(100, Math.max(0, (this.safeValue() - step * 10) * 10));
8587
8697
  }
8588
8698
  static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.21", ngImport: i0, type: MapaResultTrackComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
8589
- 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 }); }
8699
+ 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: var( --mapa-result-track-fill-height, calc(var(--mapa-result-track-height, 14px) - 2px) );min-height:var(--mapa-result-track-min-height, 28px);padding:var(--mapa-result-track-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:var(--mapa-result-track-rail, #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:var(--mapa-result-midpoint-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:var(--mapa-result-badge-top, 6px);transform:var(--mapa-result-badge-transform, translateX(-50%));z-index:1}.mapa-result-track--plain{min-height:0;padding:0}.mapa-result-track--segmented{--mapa-result-badge-height: 20px;--mapa-result-fill-height: 10px;box-sizing:border-box;min-height:24px;padding:3px 0}.mapa-result-track--segmented .mapa-result-track__rail{background:repeating-linear-gradient(90deg,#edf0f3 0 calc(20% - 1px),#fff calc(20% - 1px) 20%);border-radius:999px;height:10px}.mapa-result-track--segmented .mapa-result-track__fill{border-radius:999px}.mapa-result-track--segmented .mapa-result-track__badge{background:#fff;border-width:1px;border-color:#c9d0d6;color:#263238;min-width:34px;padding:0 6px;top:50%;transform:translate(-50%,-70%)}.mapa-result-track--thin:not(.mapa-result-track--stepped){--mapa-result-track-height: 6px;--mapa-result-fill-height: 6px}.mapa-result-track--thin:not(.mapa-result-track--stepped) .mapa-result-track__rail{background:#edf0f3}.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:var(--mapa-result-step-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 }); }
8590
8700
  }
8591
8701
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.21", ngImport: i0, type: MapaResultTrackComponent, decorators: [{
8592
8702
  type: Component,
8593
- 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"] }]
8703
+ 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: var( --mapa-result-track-fill-height, calc(var(--mapa-result-track-height, 14px) - 2px) );min-height:var(--mapa-result-track-min-height, 28px);padding:var(--mapa-result-track-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:var(--mapa-result-track-rail, #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:var(--mapa-result-midpoint-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:var(--mapa-result-badge-top, 6px);transform:var(--mapa-result-badge-transform, translateX(-50%));z-index:1}.mapa-result-track--plain{min-height:0;padding:0}.mapa-result-track--segmented{--mapa-result-badge-height: 20px;--mapa-result-fill-height: 10px;box-sizing:border-box;min-height:24px;padding:3px 0}.mapa-result-track--segmented .mapa-result-track__rail{background:repeating-linear-gradient(90deg,#edf0f3 0 calc(20% - 1px),#fff calc(20% - 1px) 20%);border-radius:999px;height:10px}.mapa-result-track--segmented .mapa-result-track__fill{border-radius:999px}.mapa-result-track--segmented .mapa-result-track__badge{background:#fff;border-width:1px;border-color:#c9d0d6;color:#263238;min-width:34px;padding:0 6px;top:50%;transform:translate(-50%,-70%)}.mapa-result-track--thin:not(.mapa-result-track--stepped){--mapa-result-track-height: 6px;--mapa-result-fill-height: 6px}.mapa-result-track--thin:not(.mapa-result-track--stepped) .mapa-result-track__rail{background:#edf0f3}.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:var(--mapa-result-step-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"] }]
8594
8704
  }], 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 }] }] } });
8595
8705
  function clamp(value) {
8596
8706
  if (!Number.isFinite(value))
@@ -8601,21 +8711,21 @@ function clamp(value) {
8601
8711
  /** Reusable average content, without filters or widget heading. */
8602
8712
  class MapaReportGroupProfileWidgetAverageComponent extends ReportGroupProfileContent {
8603
8713
  static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.21", ngImport: i0, type: MapaReportGroupProfileWidgetAverageComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
8604
- 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 }); }
8714
+ 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\n class=\"mapa-report-group-profile__average-value\"\n [class.mapa-report-group-profile__average-value--stepped]=\"\n averageAppearance() === 'stepped'\n \"\n >\n <strong>{{ averageText() }}</strong>\n <mapa-result-track\n [appearance]=\"averageAppearance()\"\n [color]=\"averageAppearance() === 'rounded' ? '#3f5870' : undefined\"\n [name]=\"averageCaption()\"\n [showValue]=\"false\"\n [value]=\"average()!\"\n />\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: transparent;--mat-button-toggle-divider-color: transparent;--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: var( --mapa-toggle-selected-surface, #fff );--mat-button-toggle-selected-state-text-color: var( --mapa-toggle-selected-text, #162f42 );--mat-button-toggle-shape: 7px;--mat-button-toggle-text-color: var(--mapa-toggle-text, #5b6672);align-items:center;background:var(--mapa-toggle-surface, #f1f2f4);border:0;border-radius:9px;box-sizing:border-box;gap:2px;grid-column:2;grid-row:1;overflow:hidden;padding:3px}.mapa-report-widget__modes mat-button-toggle{border:0;border-radius:7px;font:500 13px/1 var(--mapa-font-body, \"Asap\", sans-serif)}.mapa-report-widget__modes mat-button-toggle.mat-button-toggle-checked{box-shadow:0 1px 2px #162f4224}.mapa-report-widget__modes ::ng-deep .mat-button-toggle-button:focus-visible{outline:2px solid #cf450c;outline-offset:-2px}.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__action{align-self:center;grid-column:2;grid-row:1}.mapa-report-group-profile__action: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{align-items:center;align-self:flex-start;background:var(--mapa-report-average-surface, #eef2f5);border-radius:14px;display:flex;gap:16px;padding:14px 22px}.mapa-report-group-profile__average-label{color:var(--mapa-report-average-label, #3f5060);font-size:12.5px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;white-space:nowrap}.mapa-report-group-profile__average-value{align-items:center;display:flex;flex-direction:row-reverse;gap:14px}.mapa-report-group-profile__average-value mapa-result-track{--mapa-result-track-height: 6px;--mapa-result-track-fill-height: 6px;--mapa-result-track-rail: var(--mapa-report-average-rail, #d3dbe1);flex:none;width:72px}.mapa-report-group-profile__average-value--stepped mapa-result-track{--mapa-result-step-gap: 4px;width:168px}.mapa-report-group-profile__average-value strong{color:var(--mapa-report-average-value, #14283a);font-size:30px;font-weight:700;line-height:1}.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__pill{background:var(--mapa-report-surface-muted, #eef2f3);border-radius:6px;display:flex;height:var(--mapa-report-pill-height, 34px);overflow:hidden;width:100%}.mapa-report-group-profile__slice{align-items:center;container-type:inline-size;display:flex;justify-content:center;flex:0 0 auto;height:100%;min-width:0;overflow:hidden;position:relative}.mapa-report-group-profile__slice-value{font-size:11px;font-weight:600;line-height:1;white-space:nowrap}.mapa-report-group-profile__slice--highlighted{align-items:center;display:flex;justify-content:center}.mapa-report-group-profile__slice--highlighted:after{color:currentColor;content:\"\\25bc\";font-size:9px;line-height:1;position:absolute;top:2px}.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}@container (max-width: 35.99px){.mapa-report-group-profile__slice-value{display:none}}: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__action{grid-column:1;grid-row:auto;justify-self:start;margin-top:12px}.mapa-report-group-profile__average{box-sizing:border-box;flex-wrap:wrap;justify-content:space-between;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 }); }
8605
8715
  }
8606
8716
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.21", ngImport: i0, type: MapaReportGroupProfileWidgetAverageComponent, decorators: [{
8607
8717
  type: Component,
8608
- 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"] }]
8718
+ 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\n class=\"mapa-report-group-profile__average-value\"\n [class.mapa-report-group-profile__average-value--stepped]=\"\n averageAppearance() === 'stepped'\n \"\n >\n <strong>{{ averageText() }}</strong>\n <mapa-result-track\n [appearance]=\"averageAppearance()\"\n [color]=\"averageAppearance() === 'rounded' ? '#3f5870' : undefined\"\n [name]=\"averageCaption()\"\n [showValue]=\"false\"\n [value]=\"average()!\"\n />\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: transparent;--mat-button-toggle-divider-color: transparent;--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: var( --mapa-toggle-selected-surface, #fff );--mat-button-toggle-selected-state-text-color: var( --mapa-toggle-selected-text, #162f42 );--mat-button-toggle-shape: 7px;--mat-button-toggle-text-color: var(--mapa-toggle-text, #5b6672);align-items:center;background:var(--mapa-toggle-surface, #f1f2f4);border:0;border-radius:9px;box-sizing:border-box;gap:2px;grid-column:2;grid-row:1;overflow:hidden;padding:3px}.mapa-report-widget__modes mat-button-toggle{border:0;border-radius:7px;font:500 13px/1 var(--mapa-font-body, \"Asap\", sans-serif)}.mapa-report-widget__modes mat-button-toggle.mat-button-toggle-checked{box-shadow:0 1px 2px #162f4224}.mapa-report-widget__modes ::ng-deep .mat-button-toggle-button:focus-visible{outline:2px solid #cf450c;outline-offset:-2px}.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__action{align-self:center;grid-column:2;grid-row:1}.mapa-report-group-profile__action: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{align-items:center;align-self:flex-start;background:var(--mapa-report-average-surface, #eef2f5);border-radius:14px;display:flex;gap:16px;padding:14px 22px}.mapa-report-group-profile__average-label{color:var(--mapa-report-average-label, #3f5060);font-size:12.5px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;white-space:nowrap}.mapa-report-group-profile__average-value{align-items:center;display:flex;flex-direction:row-reverse;gap:14px}.mapa-report-group-profile__average-value mapa-result-track{--mapa-result-track-height: 6px;--mapa-result-track-fill-height: 6px;--mapa-result-track-rail: var(--mapa-report-average-rail, #d3dbe1);flex:none;width:72px}.mapa-report-group-profile__average-value--stepped mapa-result-track{--mapa-result-step-gap: 4px;width:168px}.mapa-report-group-profile__average-value strong{color:var(--mapa-report-average-value, #14283a);font-size:30px;font-weight:700;line-height:1}.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__pill{background:var(--mapa-report-surface-muted, #eef2f3);border-radius:6px;display:flex;height:var(--mapa-report-pill-height, 34px);overflow:hidden;width:100%}.mapa-report-group-profile__slice{align-items:center;container-type:inline-size;display:flex;justify-content:center;flex:0 0 auto;height:100%;min-width:0;overflow:hidden;position:relative}.mapa-report-group-profile__slice-value{font-size:11px;font-weight:600;line-height:1;white-space:nowrap}.mapa-report-group-profile__slice--highlighted{align-items:center;display:flex;justify-content:center}.mapa-report-group-profile__slice--highlighted:after{color:currentColor;content:\"\\25bc\";font-size:9px;line-height:1;position:absolute;top:2px}.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}@container (max-width: 35.99px){.mapa-report-group-profile__slice-value{display:none}}: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__action{grid-column:1;grid-row:auto;justify-self:start;margin-top:12px}.mapa-report-group-profile__average{box-sizing:border-box;flex-wrap:wrap;justify-content:space-between;width:100%}.mapa-report-group-profile__row{gap:8px;grid-template-columns:minmax(0,1fr)}}\n"] }]
8609
8719
  }] });
8610
8720
 
8611
8721
  /** Reusable distribution content, without filters or widget heading. */
8612
8722
  class MapaReportGroupProfileWidgetDistributionComponent extends ReportGroupProfileContent {
8613
8723
  static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.21", ngImport: i0, type: MapaReportGroupProfileWidgetDistributionComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
8614
- 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 }); }
8724
+ 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\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 [style.color]=\"sliceForeground(slice)\"\n [attr.title]=\"sliceTitle(slice)\"\n ><b class=\"mapa-report-group-profile__slice-value\" aria-hidden=\"true\">{{ sliceValue(slice) }}</b></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 <mapa-classification-tag\n [classification]=\"\n item.classification || {\n classificationName: item.label,\n classificationColor: item.color || '#eef2f3',\n }\n \"\n />\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: transparent;--mat-button-toggle-divider-color: transparent;--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: var( --mapa-toggle-selected-surface, #fff );--mat-button-toggle-selected-state-text-color: var( --mapa-toggle-selected-text, #162f42 );--mat-button-toggle-shape: 7px;--mat-button-toggle-text-color: var(--mapa-toggle-text, #5b6672);align-items:center;background:var(--mapa-toggle-surface, #f1f2f4);border:0;border-radius:9px;box-sizing:border-box;gap:2px;grid-column:2;grid-row:1;overflow:hidden;padding:3px}.mapa-report-widget__modes mat-button-toggle{border:0;border-radius:7px;font:500 13px/1 var(--mapa-font-body, \"Asap\", sans-serif)}.mapa-report-widget__modes mat-button-toggle.mat-button-toggle-checked{box-shadow:0 1px 2px #162f4224}.mapa-report-widget__modes ::ng-deep .mat-button-toggle-button:focus-visible{outline:2px solid #cf450c;outline-offset:-2px}.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__action{align-self:center;grid-column:2;grid-row:1}.mapa-report-group-profile__action: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{align-items:center;align-self:flex-start;background:var(--mapa-report-average-surface, #eef2f5);border-radius:14px;display:flex;gap:16px;padding:14px 22px}.mapa-report-group-profile__average-label{color:var(--mapa-report-average-label, #3f5060);font-size:12.5px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;white-space:nowrap}.mapa-report-group-profile__average-value{align-items:center;display:flex;flex-direction:row-reverse;gap:14px}.mapa-report-group-profile__average-value mapa-result-track{--mapa-result-track-height: 6px;--mapa-result-track-fill-height: 6px;--mapa-result-track-rail: var(--mapa-report-average-rail, #d3dbe1);flex:none;width:72px}.mapa-report-group-profile__average-value--stepped mapa-result-track{--mapa-result-step-gap: 4px;width:168px}.mapa-report-group-profile__average-value strong{color:var(--mapa-report-average-value, #14283a);font-size:30px;font-weight:700;line-height:1}.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__pill{background:var(--mapa-report-surface-muted, #eef2f3);border-radius:6px;display:flex;height:var(--mapa-report-pill-height, 34px);overflow:hidden;width:100%}.mapa-report-group-profile__slice{align-items:center;container-type:inline-size;display:flex;justify-content:center;flex:0 0 auto;height:100%;min-width:0;overflow:hidden;position:relative}.mapa-report-group-profile__slice-value{font-size:11px;font-weight:600;line-height:1;white-space:nowrap}.mapa-report-group-profile__slice--highlighted{align-items:center;display:flex;justify-content:center}.mapa-report-group-profile__slice--highlighted:after{color:currentColor;content:\"\\25bc\";font-size:9px;line-height:1;position:absolute;top:2px}.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}@container (max-width: 35.99px){.mapa-report-group-profile__slice-value{display:none}}: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__action{grid-column:1;grid-row:auto;justify-self:start;margin-top:12px}.mapa-report-group-profile__average{box-sizing:border-box;flex-wrap:wrap;justify-content:space-between;width:100%}.mapa-report-group-profile__row{gap:8px;grid-template-columns:minmax(0,1fr)}}\n"], dependencies: [{ kind: "component", type: MapaClassificationTagComponent, selector: "mapa-classification-tag", inputs: ["classification", "size", "appearance", "shape", "casing", "fallbackLabel", "valueLabel"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
8615
8725
  }
8616
8726
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.21", ngImport: i0, type: MapaReportGroupProfileWidgetDistributionComponent, decorators: [{
8617
8727
  type: Component,
8618
- 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"] }]
8728
+ args: [{ selector: 'mapa-report-group-profile-widget-distribution', standalone: true, imports: [MapaClassificationTagComponent], 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\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 [style.color]=\"sliceForeground(slice)\"\n [attr.title]=\"sliceTitle(slice)\"\n ><b class=\"mapa-report-group-profile__slice-value\" aria-hidden=\"true\">{{ sliceValue(slice) }}</b></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 <mapa-classification-tag\n [classification]=\"\n item.classification || {\n classificationName: item.label,\n classificationColor: item.color || '#eef2f3',\n }\n \"\n />\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: transparent;--mat-button-toggle-divider-color: transparent;--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: var( --mapa-toggle-selected-surface, #fff );--mat-button-toggle-selected-state-text-color: var( --mapa-toggle-selected-text, #162f42 );--mat-button-toggle-shape: 7px;--mat-button-toggle-text-color: var(--mapa-toggle-text, #5b6672);align-items:center;background:var(--mapa-toggle-surface, #f1f2f4);border:0;border-radius:9px;box-sizing:border-box;gap:2px;grid-column:2;grid-row:1;overflow:hidden;padding:3px}.mapa-report-widget__modes mat-button-toggle{border:0;border-radius:7px;font:500 13px/1 var(--mapa-font-body, \"Asap\", sans-serif)}.mapa-report-widget__modes mat-button-toggle.mat-button-toggle-checked{box-shadow:0 1px 2px #162f4224}.mapa-report-widget__modes ::ng-deep .mat-button-toggle-button:focus-visible{outline:2px solid #cf450c;outline-offset:-2px}.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__action{align-self:center;grid-column:2;grid-row:1}.mapa-report-group-profile__action: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{align-items:center;align-self:flex-start;background:var(--mapa-report-average-surface, #eef2f5);border-radius:14px;display:flex;gap:16px;padding:14px 22px}.mapa-report-group-profile__average-label{color:var(--mapa-report-average-label, #3f5060);font-size:12.5px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;white-space:nowrap}.mapa-report-group-profile__average-value{align-items:center;display:flex;flex-direction:row-reverse;gap:14px}.mapa-report-group-profile__average-value mapa-result-track{--mapa-result-track-height: 6px;--mapa-result-track-fill-height: 6px;--mapa-result-track-rail: var(--mapa-report-average-rail, #d3dbe1);flex:none;width:72px}.mapa-report-group-profile__average-value--stepped mapa-result-track{--mapa-result-step-gap: 4px;width:168px}.mapa-report-group-profile__average-value strong{color:var(--mapa-report-average-value, #14283a);font-size:30px;font-weight:700;line-height:1}.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__pill{background:var(--mapa-report-surface-muted, #eef2f3);border-radius:6px;display:flex;height:var(--mapa-report-pill-height, 34px);overflow:hidden;width:100%}.mapa-report-group-profile__slice{align-items:center;container-type:inline-size;display:flex;justify-content:center;flex:0 0 auto;height:100%;min-width:0;overflow:hidden;position:relative}.mapa-report-group-profile__slice-value{font-size:11px;font-weight:600;line-height:1;white-space:nowrap}.mapa-report-group-profile__slice--highlighted{align-items:center;display:flex;justify-content:center}.mapa-report-group-profile__slice--highlighted:after{color:currentColor;content:\"\\25bc\";font-size:9px;line-height:1;position:absolute;top:2px}.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}@container (max-width: 35.99px){.mapa-report-group-profile__slice-value{display:none}}: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__action{grid-column:1;grid-row:auto;justify-self:start;margin-top:12px}.mapa-report-group-profile__average{box-sizing:border-box;flex-wrap:wrap;justify-content:space-between;width:100%}.mapa-report-group-profile__row{gap:8px;grid-template-columns:minmax(0,1fr)}}\n"] }]
8619
8729
  }] });
8620
8730
 
8621
8731
  class MapaReportGroupProfileWidgetComponent extends ReportGroupProfileContent {
@@ -8624,7 +8734,7 @@ class MapaReportGroupProfileWidgetComponent extends ReportGroupProfileContent {
8624
8734
  this.heading = input(...(ngDevMode ? [undefined, { debugName: "heading" }] : []));
8625
8735
  }
8626
8736
  static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.21", ngImport: i0, type: MapaReportGroupProfileWidgetComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
8627
- 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 }); }
8737
+ 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 <div class=\"mapa-report-group-profile__action\">\n <ng-content select=\"[mapaReportGroupProfileAction]\"></ng-content>\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: transparent;--mat-button-toggle-divider-color: transparent;--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: var( --mapa-toggle-selected-surface, #fff );--mat-button-toggle-selected-state-text-color: var( --mapa-toggle-selected-text, #162f42 );--mat-button-toggle-shape: 7px;--mat-button-toggle-text-color: var(--mapa-toggle-text, #5b6672);align-items:center;background:var(--mapa-toggle-surface, #f1f2f4);border:0;border-radius:9px;box-sizing:border-box;gap:2px;grid-column:2;grid-row:1;overflow:hidden;padding:3px}.mapa-report-widget__modes mat-button-toggle{border:0;border-radius:7px;font:500 13px/1 var(--mapa-font-body, \"Asap\", sans-serif)}.mapa-report-widget__modes mat-button-toggle.mat-button-toggle-checked{box-shadow:0 1px 2px #162f4224}.mapa-report-widget__modes ::ng-deep .mat-button-toggle-button:focus-visible{outline:2px solid #cf450c;outline-offset:-2px}.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__action{align-self:center;grid-column:2;grid-row:1}.mapa-report-group-profile__action: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{align-items:center;align-self:flex-start;background:var(--mapa-report-average-surface, #eef2f5);border-radius:14px;display:flex;gap:16px;padding:14px 22px}.mapa-report-group-profile__average-label{color:var(--mapa-report-average-label, #3f5060);font-size:12.5px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;white-space:nowrap}.mapa-report-group-profile__average-value{align-items:center;display:flex;flex-direction:row-reverse;gap:14px}.mapa-report-group-profile__average-value mapa-result-track{--mapa-result-track-height: 6px;--mapa-result-track-fill-height: 6px;--mapa-result-track-rail: var(--mapa-report-average-rail, #d3dbe1);flex:none;width:72px}.mapa-report-group-profile__average-value--stepped mapa-result-track{--mapa-result-step-gap: 4px;width:168px}.mapa-report-group-profile__average-value strong{color:var(--mapa-report-average-value, #14283a);font-size:30px;font-weight:700;line-height:1}.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__pill{background:var(--mapa-report-surface-muted, #eef2f3);border-radius:6px;display:flex;height:var(--mapa-report-pill-height, 34px);overflow:hidden;width:100%}.mapa-report-group-profile__slice{align-items:center;container-type:inline-size;display:flex;justify-content:center;flex:0 0 auto;height:100%;min-width:0;overflow:hidden;position:relative}.mapa-report-group-profile__slice-value{font-size:11px;font-weight:600;line-height:1;white-space:nowrap}.mapa-report-group-profile__slice--highlighted{align-items:center;display:flex;justify-content:center}.mapa-report-group-profile__slice--highlighted:after{color:currentColor;content:\"\\25bc\";font-size:9px;line-height:1;position:absolute;top:2px}.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}@container (max-width: 35.99px){.mapa-report-group-profile__slice-value{display:none}}: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__action{grid-column:1;grid-row:auto;justify-self:start;margin-top:12px}.mapa-report-group-profile__average{box-sizing:border-box;flex-wrap:wrap;justify-content:space-between;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: 34px;--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 }); }
8628
8738
  }
8629
8739
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.21", ngImport: i0, type: MapaReportGroupProfileWidgetComponent, decorators: [{
8630
8740
  type: Component,
@@ -8632,9 +8742,59 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.21", ngImpo
8632
8742
  SafeHtmlPipe,
8633
8743
  MapaReportGroupProfileWidgetAverageComponent,
8634
8744
  MapaReportGroupProfileWidgetDistributionComponent,
8635
- ], 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"] }]
8745
+ ], 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 <div class=\"mapa-report-group-profile__action\">\n <ng-content select=\"[mapaReportGroupProfileAction]\"></ng-content>\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: transparent;--mat-button-toggle-divider-color: transparent;--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: var( --mapa-toggle-selected-surface, #fff );--mat-button-toggle-selected-state-text-color: var( --mapa-toggle-selected-text, #162f42 );--mat-button-toggle-shape: 7px;--mat-button-toggle-text-color: var(--mapa-toggle-text, #5b6672);align-items:center;background:var(--mapa-toggle-surface, #f1f2f4);border:0;border-radius:9px;box-sizing:border-box;gap:2px;grid-column:2;grid-row:1;overflow:hidden;padding:3px}.mapa-report-widget__modes mat-button-toggle{border:0;border-radius:7px;font:500 13px/1 var(--mapa-font-body, \"Asap\", sans-serif)}.mapa-report-widget__modes mat-button-toggle.mat-button-toggle-checked{box-shadow:0 1px 2px #162f4224}.mapa-report-widget__modes ::ng-deep .mat-button-toggle-button:focus-visible{outline:2px solid #cf450c;outline-offset:-2px}.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__action{align-self:center;grid-column:2;grid-row:1}.mapa-report-group-profile__action: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{align-items:center;align-self:flex-start;background:var(--mapa-report-average-surface, #eef2f5);border-radius:14px;display:flex;gap:16px;padding:14px 22px}.mapa-report-group-profile__average-label{color:var(--mapa-report-average-label, #3f5060);font-size:12.5px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;white-space:nowrap}.mapa-report-group-profile__average-value{align-items:center;display:flex;flex-direction:row-reverse;gap:14px}.mapa-report-group-profile__average-value mapa-result-track{--mapa-result-track-height: 6px;--mapa-result-track-fill-height: 6px;--mapa-result-track-rail: var(--mapa-report-average-rail, #d3dbe1);flex:none;width:72px}.mapa-report-group-profile__average-value--stepped mapa-result-track{--mapa-result-step-gap: 4px;width:168px}.mapa-report-group-profile__average-value strong{color:var(--mapa-report-average-value, #14283a);font-size:30px;font-weight:700;line-height:1}.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__pill{background:var(--mapa-report-surface-muted, #eef2f3);border-radius:6px;display:flex;height:var(--mapa-report-pill-height, 34px);overflow:hidden;width:100%}.mapa-report-group-profile__slice{align-items:center;container-type:inline-size;display:flex;justify-content:center;flex:0 0 auto;height:100%;min-width:0;overflow:hidden;position:relative}.mapa-report-group-profile__slice-value{font-size:11px;font-weight:600;line-height:1;white-space:nowrap}.mapa-report-group-profile__slice--highlighted{align-items:center;display:flex;justify-content:center}.mapa-report-group-profile__slice--highlighted:after{color:currentColor;content:\"\\25bc\";font-size:9px;line-height:1;position:absolute;top:2px}.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}@container (max-width: 35.99px){.mapa-report-group-profile__slice-value{display:none}}: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__action{grid-column:1;grid-row:auto;justify-self:start;margin-top:12px}.mapa-report-group-profile__average{box-sizing:border-box;flex-wrap:wrap;justify-content:space-between;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: 34px;--mapa-report-line-soft: #edf1f3}\n"] }]
8636
8746
  }], propDecorators: { heading: [{ type: i0.Input, args: [{ isSignal: true, alias: "heading", required: false }] }] } });
8637
8747
 
8748
+ /** Full profile, using exactly the same scales and distribution as the summary. */
8749
+ class MapaReportGroupProfileDetailComponent {
8750
+ constructor() {
8751
+ this.profiles = input([], ...(ngDevMode ? [{ debugName: "profiles" }] : []));
8752
+ this.heading = input(...(ngDevMode ? [undefined, { debugName: "heading" }] : []));
8753
+ this.palette = input('current', ...(ngDevMode ? [{ debugName: "palette" }] : []));
8754
+ this.showAverage = input(true, ...(ngDevMode ? [{ debugName: "showAverage" }] : []));
8755
+ this.averageAppearance = input('rounded', ...(ngDevMode ? [{ debugName: "averageAppearance" }] : []));
8756
+ this.exportLabel = input(...(ngDevMode ? [undefined, { debugName: "exportLabel" }] : []));
8757
+ this.exporting = input(false, ...(ngDevMode ? [{ debugName: "exporting" }] : []));
8758
+ this.exportRequested = output();
8759
+ }
8760
+ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.21", ngImport: i0, type: MapaReportGroupProfileDetailComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
8761
+ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.21", type: MapaReportGroupProfileDetailComponent, isStandalone: true, selector: "mapa-report-group-profile-detail", inputs: { profiles: { classPropertyName: "profiles", publicName: "profiles", isSignal: true, isRequired: false, transformFunction: null }, heading: { classPropertyName: "heading", publicName: "heading", 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 }, averageAppearance: { classPropertyName: "averageAppearance", publicName: "averageAppearance", 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: { exportRequested: "exportRequested" }, ngImport: i0, template: `
8762
+ <section class="mapa-report-group-profile-detail">
8763
+ <header class="mapa-report-group-profile-detail__header">
8764
+ <h2>{{ heading()?.title }}</h2>
8765
+ @if (exportLabel()) {
8766
+ <button type="button" [disabled]="exporting()" (click)="exportRequested.emit()">{{ exportLabel() }}</button>
8767
+ }
8768
+ </header>
8769
+ <ng-content select="[mapaReportGroupProfileReading]"></ng-content>
8770
+ @for (profile of profiles(); track $index) {
8771
+ <mapa-report-group-profile-widget [data]="profile" [palette]="palette()" [showAverage]="showAverage()" [averageAppearance]="averageAppearance()" />
8772
+ } @empty {
8773
+ <mapa-report-group-profile-widget [heading]="heading()" />
8774
+ }
8775
+ </section>
8776
+ `, isInline: true, styles: [":host{display:block;min-width:0}.mapa-report-group-profile-detail{display:grid;gap:18px}.mapa-report-group-profile-detail__header{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px}h2{margin:0}button{background:transparent;border:1px solid var(--mapa-report-accent, #ff560b);border-radius:8px;color:var(--mapa-report-accent, #ff560b);padding:10px 16px;font:inherit;cursor:pointer}button:focus-visible{outline:2px solid currentColor;outline-offset:3px}\n"], dependencies: [{ kind: "component", type: MapaReportGroupProfileWidgetComponent, selector: "mapa-report-group-profile-widget", inputs: ["heading"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
8777
+ }
8778
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.21", ngImport: i0, type: MapaReportGroupProfileDetailComponent, decorators: [{
8779
+ type: Component,
8780
+ args: [{ selector: 'mapa-report-group-profile-detail', standalone: true, imports: [MapaReportGroupProfileWidgetComponent], changeDetection: ChangeDetectionStrategy.OnPush, template: `
8781
+ <section class="mapa-report-group-profile-detail">
8782
+ <header class="mapa-report-group-profile-detail__header">
8783
+ <h2>{{ heading()?.title }}</h2>
8784
+ @if (exportLabel()) {
8785
+ <button type="button" [disabled]="exporting()" (click)="exportRequested.emit()">{{ exportLabel() }}</button>
8786
+ }
8787
+ </header>
8788
+ <ng-content select="[mapaReportGroupProfileReading]"></ng-content>
8789
+ @for (profile of profiles(); track $index) {
8790
+ <mapa-report-group-profile-widget [data]="profile" [palette]="palette()" [showAverage]="showAverage()" [averageAppearance]="averageAppearance()" />
8791
+ } @empty {
8792
+ <mapa-report-group-profile-widget [heading]="heading()" />
8793
+ }
8794
+ </section>
8795
+ `, styles: [":host{display:block;min-width:0}.mapa-report-group-profile-detail{display:grid;gap:18px}.mapa-report-group-profile-detail__header{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px}h2{margin:0}button{background:transparent;border:1px solid var(--mapa-report-accent, #ff560b);border-radius:8px;color:var(--mapa-report-accent, #ff560b);padding:10px 16px;font:inherit;cursor:pointer}button:focus-visible{outline:2px solid currentColor;outline-offset:3px}\n"] }]
8796
+ }], propDecorators: { profiles: [{ type: i0.Input, args: [{ isSignal: true, alias: "profiles", required: false }] }], heading: [{ type: i0.Input, args: [{ isSignal: true, alias: "heading", required: false }] }], palette: [{ type: i0.Input, args: [{ isSignal: true, alias: "palette", required: false }] }], showAverage: [{ type: i0.Input, args: [{ isSignal: true, alias: "showAverage", required: false }] }], averageAppearance: [{ type: i0.Input, args: [{ isSignal: true, alias: "averageAppearance", 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"] }] } });
8797
+
8638
8798
  class MapaReportLegendComponent {
8639
8799
  constructor() {
8640
8800
  this.i18n = inject(MapaI18nService);
@@ -8654,11 +8814,11 @@ class MapaReportLegendComponent {
8654
8814
  : this.i18n.texts.report.positiveDirectionLabel;
8655
8815
  }
8656
8816
  static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.21", ngImport: i0, type: MapaReportLegendComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
8657
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.21", type: MapaReportLegendComponent, isStandalone: true, selector: "mapa-report-legend", inputs: { title: { classPropertyName: "title", publicName: "title", isSignal: true, isRequired: false, transformFunction: null }, intro: { classPropertyName: "intro", publicName: "intro", isSignal: true, isRequired: false, transformFunction: null }, groupsTitle: { classPropertyName: "groupsTitle", publicName: "groupsTitle", isSignal: true, isRequired: false, transformFunction: null }, groups: { classPropertyName: "groups", publicName: "groups", isSignal: true, isRequired: false, transformFunction: null }, expanded: { classPropertyName: "expanded", publicName: "expanded", isSignal: true, isRequired: false, transformFunction: null }, appearance: { classPropertyName: "appearance", publicName: "appearance", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "<details\n class=\"mapa-report-legend\"\n [class.mapa-report-legend--psychosocial]=\"appearance() === 'psychosocial'\"\n [open]=\"expanded()\"\n>\n <summary>{{ title() || i18n.texts.report.readingInformationTitle }}</summary>\n <div class=\"mapa-report-legend__content\">\n @if (intro()) {\n <div\n class=\"mapa-report-legend__intro\"\n [innerHTML]=\"intro() | safeHtml\"\n ></div>\n }\n\n @if (groupsTitle()) {\n <h3 class=\"mapa-report-legend__groups-title\">{{ groupsTitle() }}</h3>\n }\n\n @if (appearance() === \"psychosocial\") {\n <div class=\"mapa-report-legend__groups\">\n @for (group of groups(); track group.id ?? $index) {\n <section class=\"mapa-report-legend__group\">\n <div class=\"mapa-report-legend__direction\">\n <h3>\n @if (group.direction) {\n <span class=\"mapa-direction-indicator\" aria-hidden=\"true\">{{\n directionArrow(group.direction)\n }}</span>\n }\n {{ group.title || directionLabel(group.direction) }}\n </h3>\n @if (group.description) {\n <div\n class=\"mapa-report-legend__group-description\"\n [innerHTML]=\"group.description | safeHtml\"\n ></div>\n }\n </div>\n <div class=\"mapa-report-legend__table\">\n <div class=\"mapa-report-legend__columns\" aria-hidden=\"true\">\n <span>{{ i18n.texts.report.classificationTitle }}</span>\n <span>{{ i18n.texts.report.interpretationTitle }}</span>\n </div>\n <ul>\n @for (item of group.items; track item.id ?? $index) {\n <li>\n <span class=\"mapa-report-legend__classification\">\n <i\n class=\"mapa-report-legend__swatch\"\n [class.mapa-report-legend__swatch--empty]=\"\n !(\n item.classification?.classificationColor ||\n item.color\n )\n \"\n [style.background-color]=\"\n item.classification?.classificationColor || item.color\n \"\n aria-hidden=\"true\"\n ></i>\n <strong>{{\n item.classification?.classificationName || item.label\n }}</strong>\n @if (item.range) {\n <small>{{ item.range }}</small>\n }\n </span>\n @if (item.description) {\n <span\n class=\"mapa-report-legend__item-copy\"\n [innerHTML]=\"item.description | safeHtml\"\n ></span>\n }\n </li>\n }\n </ul>\n </div>\n </section>\n }\n </div>\n } @else {\n <div class=\"mapa-report-legend__groups\">\n @for (group of groups(); track group.id ?? $index) {\n <section class=\"mapa-report-legend__group\">\n <h3>{{ group.title || directionLabel(group.direction) }}</h3>\n @if (group.description) {\n <div\n class=\"mapa-report-legend__group-description\"\n [innerHTML]=\"group.description | safeHtml\"\n ></div>\n }\n <ul>\n @for (item of group.items; track item.id ?? $index) {\n <li>\n <mapa-classification-tag\n appearance=\"solid\"\n [classification]=\"\n item.classification || {\n classificationName: item.label,\n classificationColor: item.color,\n }\n \"\n />\n <span class=\"mapa-report-legend__item-copy\">\n @if (item.range) {\n <strong>{{ item.range }}</strong>\n }\n @if (item.description) {\n <span [innerHTML]=\"item.description | safeHtml\"></span>\n }\n </span>\n </li>\n }\n </ul>\n </section>\n }\n </div>\n }\n </div>\n</details>\n", styles: ["@charset \"UTF-8\";:host{--mapa-report-accent: #ff560b;--mapa-report-accent-soft: #fff0e9;--mapa-report-surface: #fff;--mapa-report-surface-muted: #eef2f3;--mapa-report-border: #e1e5e7;--mapa-report-text: #263238;--mapa-report-muted: #68747a;--mapa-report-pill-width: 104px;--mapa-report-radius: 8px;--mapa-report-space: 20px;color:var(--mapa-report-text);display:block;font-family:var(--mapa-font-body, \"Asap\", \"Roboto\", sans-serif)}.mapa-direction-indicator{background:var(--mapa-report-surface, var(--mapa-color-surface, #fafbfc));border:1px solid currentColor;border-radius:50%;box-sizing:border-box;color:var(--mapa-report-muted, var(--mapa-color-text-subtle, #68747a));display:inline-grid;flex:0 0 20px;font-size:11px;font-weight:700;height:20px;line-height:1;place-items:center;width:20px}.mapa-report-legend{border:1px solid var(--mapa-report-border);border-radius:var(--mapa-report-radius);overflow:clip}.mapa-report-legend summary{background:#f8f9f9;cursor:pointer;font-size:13px;font-weight:650;list-style-position:inside;padding:12px 14px}.mapa-report-legend summary:focus-visible{outline:3px solid rgba(255,86,11,.28);outline-offset:-3px}.mapa-report-legend__content{background:var(--mapa-report-surface-muted);padding:16px}.mapa-report-legend__intro{color:var(--mapa-report-muted);font-size:12px;line-height:1.55;margin:0 0 14px}.mapa-report-legend__intro ::ng-deep ol,.mapa-report-legend__intro ::ng-deep p,.mapa-report-legend__intro ::ng-deep ul{margin:0 0 8px}.mapa-report-legend__intro ::ng-deep ol,.mapa-report-legend__intro ::ng-deep ul{padding-left:20px}.mapa-report-legend__intro ::ng-deep li{margin:0 0 3px}.mapa-report-legend__intro ::ng-deep b,.mapa-report-legend__intro ::ng-deep strong{color:var(--mapa-report-text, inherit);font-weight:600}.mapa-report-legend__intro ::ng-deep :last-child{margin-bottom:0}.mapa-report-legend__groups-title{font-size:14px;margin:0 0 14px}.mapa-report-legend__groups{display:grid;gap:12px;grid-template-columns:repeat(2,minmax(0,1fr))}.mapa-report-legend__group{background:var(--mapa-report-surface);border:1px solid var(--mapa-report-border);border-radius:6px;padding:12px}.mapa-report-legend__group>h3{font-size:12px;margin:0 0 10px}.mapa-report-legend__group>ul{display:grid;gap:8px;list-style:none;margin:0;padding:0}.mapa-report-legend__group>ul>li{align-items:center;display:grid;gap:10px;grid-template-columns:minmax(86px,auto) 1fr}.mapa-report-legend__group-description{color:var(--mapa-report-muted);font-size:11px;line-height:1.45;margin:-4px 0 10px}.mapa-report-legend__group-description ::ng-deep ol,.mapa-report-legend__group-description ::ng-deep p,.mapa-report-legend__group-description ::ng-deep ul{margin:0 0 8px}.mapa-report-legend__group-description ::ng-deep ol,.mapa-report-legend__group-description ::ng-deep ul{padding-left:20px}.mapa-report-legend__group-description ::ng-deep li{margin:0 0 3px}.mapa-report-legend__group-description ::ng-deep b,.mapa-report-legend__group-description ::ng-deep strong{color:var(--mapa-report-text, inherit);font-weight:600}.mapa-report-legend__group-description ::ng-deep :last-child{margin-bottom:0}.mapa-report-legend__item-copy{color:var(--mapa-report-muted);display:grid;font-size:11px;gap:2px;line-height:1.35}.mapa-report-legend__item-copy ::ng-deep ol,.mapa-report-legend__item-copy ::ng-deep p,.mapa-report-legend__item-copy ::ng-deep ul{margin:0 0 8px}.mapa-report-legend__item-copy ::ng-deep ol,.mapa-report-legend__item-copy ::ng-deep ul{padding-left:20px}.mapa-report-legend__item-copy ::ng-deep li{margin:0 0 3px}.mapa-report-legend__item-copy ::ng-deep b,.mapa-report-legend__item-copy ::ng-deep strong{color:var(--mapa-report-text, inherit);font-weight:600}.mapa-report-legend__item-copy ::ng-deep :last-child{margin-bottom:0}.mapa-report-legend__item-copy strong{color:var(--mapa-report-text)}.mapa-report-legend--psychosocial{border-radius:12px}.mapa-report-legend--psychosocial summary{align-items:center;display:flex;font-size:14px;justify-content:space-between;list-style:none;padding:16px 18px}.mapa-report-legend--psychosocial summary::-webkit-details-marker{display:none}.mapa-report-legend--psychosocial summary:after{color:#84919a;content:\"\\2304\";font-size:14px;line-height:1}.mapa-report-legend--psychosocial[open] summary:after{content:\"\\2303\"}.mapa-report-legend--psychosocial .mapa-report-legend__content{border-top:1px solid var(--mapa-report-border);padding:20px}.mapa-report-legend--psychosocial .mapa-report-legend__intro{font-size:14px;margin-bottom:18px}.mapa-report-legend--psychosocial .mapa-report-legend__groups{gap:20px}.mapa-report-legend--psychosocial .mapa-report-legend__group{background:transparent;border:0;border-radius:0;display:grid;gap:18px;min-width:0;padding:0}.mapa-report-legend--psychosocial .mapa-report-legend__direction{display:grid;gap:9px}.mapa-report-legend--psychosocial .mapa-report-legend__direction h3{align-items:center;display:flex;font-size:14px;gap:8px;margin:0}.mapa-report-legend--psychosocial .mapa-report-legend__direction .mapa-report-legend__group-description{color:var(--mapa-report-muted);font-size:12px;line-height:1.5;margin:0}.mapa-report-legend--psychosocial .mapa-report-legend__table{background:var(--mapa-report-surface);border:1px solid var(--mapa-report-border);border-radius:10px;overflow:hidden}.mapa-report-legend--psychosocial .mapa-report-legend__table ul{display:grid;list-style:none;margin:0;padding:0}.mapa-report-legend--psychosocial .mapa-report-legend__table li{align-items:center;display:grid;gap:12px;grid-template-columns:100px 1fr;min-height:38px;padding:8px 11px}.mapa-report-legend--psychosocial .mapa-report-legend__table li+li{border-top:1px solid var(--mapa-report-border)}.mapa-report-legend--psychosocial .mapa-report-legend__columns{background:#f3f5f6;color:#84919a;display:grid;font-size:9px;font-weight:800;gap:12px;grid-template-columns:100px 1fr;letter-spacing:.04em;padding:10px 11px 8px;text-transform:uppercase}.mapa-report-legend--psychosocial .mapa-report-legend__classification{align-items:center;display:grid;font-size:11px;gap:2px 7px;grid-template-columns:7px 1fr;min-width:0}.mapa-report-legend--psychosocial .mapa-report-legend__classification strong{color:var(--mapa-report-text)}.mapa-report-legend--psychosocial .mapa-report-legend__classification small{color:var(--mapa-report-muted);grid-column:2}.mapa-report-legend--psychosocial .mapa-report-legend__swatch{align-self:stretch;border-radius:3px;grid-row:1/span 2;min-height:22px}.mapa-report-legend--psychosocial .mapa-report-legend__swatch--empty{background:var(--mapa-report-surface);border:1px solid #cfd7dc;position:relative}.mapa-report-legend--psychosocial .mapa-report-legend__item-copy{display:block}@media(max-width:760px){.mapa-report-legend__groups{grid-template-columns:1fr}.mapa-report-legend__group>ul>li{align-items:start;grid-template-columns:1fr}.mapa-report-legend--psychosocial .mapa-report-legend__content{padding:16px}.mapa-report-legend--psychosocial .mapa-report-legend__table li{align-items:center;grid-template-columns:100px 1fr}}\n"], dependencies: [{ kind: "component", type: MapaClassificationTagComponent, selector: "mapa-classification-tag", inputs: ["classification", "size", "appearance", "shape", "casing", "fallbackLabel"] }, { kind: "pipe", type: SafeHtmlPipe, name: "safeHtml" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
8817
+ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.21", type: MapaReportLegendComponent, isStandalone: true, selector: "mapa-report-legend", inputs: { title: { classPropertyName: "title", publicName: "title", isSignal: true, isRequired: false, transformFunction: null }, intro: { classPropertyName: "intro", publicName: "intro", isSignal: true, isRequired: false, transformFunction: null }, groupsTitle: { classPropertyName: "groupsTitle", publicName: "groupsTitle", isSignal: true, isRequired: false, transformFunction: null }, groups: { classPropertyName: "groups", publicName: "groups", isSignal: true, isRequired: false, transformFunction: null }, expanded: { classPropertyName: "expanded", publicName: "expanded", isSignal: true, isRequired: false, transformFunction: null }, appearance: { classPropertyName: "appearance", publicName: "appearance", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "<details\n class=\"mapa-report-legend\"\n [class.mapa-report-legend--psychosocial]=\"appearance() === 'psychosocial'\"\n [open]=\"expanded()\"\n>\n <summary>{{ title() || i18n.texts.report.readingInformationTitle }}</summary>\n <div class=\"mapa-report-legend__content\">\n @if (intro()) {\n <div\n class=\"mapa-report-legend__intro\"\n [innerHTML]=\"intro() | safeHtml\"\n ></div>\n }\n\n @if (groupsTitle()) {\n <h3 class=\"mapa-report-legend__groups-title\">{{ groupsTitle() }}</h3>\n }\n\n @if (appearance() === \"psychosocial\") {\n <div class=\"mapa-report-legend__groups\">\n @for (group of groups(); track group.id ?? $index) {\n <section class=\"mapa-report-legend__group\">\n <div class=\"mapa-report-legend__direction\">\n <h3>\n @if (group.direction) {\n <span class=\"mapa-direction-indicator\" aria-hidden=\"true\">{{\n directionArrow(group.direction)\n }}</span>\n }\n {{ group.title || directionLabel(group.direction) }}\n </h3>\n @if (group.description) {\n <div\n class=\"mapa-report-legend__group-description\"\n [innerHTML]=\"group.description | safeHtml\"\n ></div>\n }\n </div>\n <div class=\"mapa-report-legend__table\">\n <div class=\"mapa-report-legend__columns\" aria-hidden=\"true\">\n <span>{{ i18n.texts.report.classificationTitle }}</span>\n <span>{{ i18n.texts.report.interpretationTitle }}</span>\n </div>\n <ul>\n @for (item of group.items; track item.id ?? $index) {\n <li>\n <span class=\"mapa-report-legend__classification\">\n <mapa-classification-tag\n [classification]=\"\n item.classification || {\n classificationName: item.label,\n classificationColor: item.color || '#eef2f3',\n }\n \"\n />\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:minmax(0,1fr);justify-items:start;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:1}.mapa-report-legend--psychosocial .mapa-report-legend__item-copy{display:block}@media(max-width:760px){.mapa-report-legend__groups{grid-template-columns:1fr}.mapa-report-legend__group>ul>li{align-items:start;grid-template-columns:1fr}.mapa-report-legend--psychosocial .mapa-report-legend__content{padding:16px}.mapa-report-legend--psychosocial .mapa-report-legend__table li{align-items:center;grid-template-columns:100px 1fr}}\n"], dependencies: [{ kind: "component", type: MapaClassificationTagComponent, selector: "mapa-classification-tag", inputs: ["classification", "size", "appearance", "shape", "casing", "fallbackLabel", "valueLabel"] }, { kind: "pipe", type: SafeHtmlPipe, name: "safeHtml" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
8658
8818
  }
8659
8819
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.21", ngImport: i0, type: MapaReportLegendComponent, decorators: [{
8660
8820
  type: Component,
8661
- 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"] }]
8821
+ 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 <mapa-classification-tag\n [classification]=\"\n item.classification || {\n classificationName: item.label,\n classificationColor: item.color || '#eef2f3',\n }\n \"\n />\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:minmax(0,1fr);justify-items:start;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:1}.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"] }]
8662
8822
  }], 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 }] }] } });
8663
8823
 
8664
8824
  class ReportIndicatorsContent {
@@ -8730,27 +8890,27 @@ function indicatorColumn(group) {
8730
8890
  /** Reusable list content, without the widget heading or mode selector. */
8731
8891
  class MapaReportIndicatorsWidgetListComponent extends ReportIndicatorsContent {
8732
8892
  static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.21", ngImport: i0, type: MapaReportIndicatorsWidgetListComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
8733
- 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 }); }
8893
+ 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 <header class=\"mapa-report-indicator-group__heading\">\n <h3>{{ group.name }}</h3>\n <span>{{\n i18n.texts.report.itemCountLabel(group.indicators.length)\n }}</span>\n </header>\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 >\n <span\n class=\"mapa-direction-indicator\"\n [attr.aria-label]=\"directionLabel(indicator)\"\n >{{ directionArrow(indicator) }}</span\n >\n <h4>{{ indicator.name }}</h4>\n <mapa-result-track\n appearance=\"rounded\"\n [style]=\"'thin'\"\n [showValue]=\"false\"\n [color]=\"color(indicator)\"\n [name]=\"indicator.name\"\n [value]=\"value(indicator)\"\n />\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: transparent;--mat-button-toggle-divider-color: transparent;--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: var( --mapa-toggle-selected-surface, #fff );--mat-button-toggle-selected-state-text-color: var( --mapa-toggle-selected-text, #162f42 );--mat-button-toggle-shape: 7px;--mat-button-toggle-text-color: var(--mapa-toggle-text, #5b6672);align-items:center;background:var(--mapa-toggle-surface, #f1f2f4);border:0;border-radius:9px;box-sizing:border-box;gap:2px;grid-column:2;grid-row:1;overflow:hidden;padding:3px}.mapa-report-widget__modes mat-button-toggle{border:0;border-radius:7px;font:500 13px/1 var(--mapa-font-body, \"Asap\", sans-serif)}.mapa-report-widget__modes mat-button-toggle.mat-button-toggle-checked{box-shadow:0 1px 2px #162f4224}.mapa-report-widget__modes ::ng-deep .mat-button-toggle-button:focus-visible{outline:2px solid #cf450c;outline-offset:-2px}.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__heading{align-items:baseline;display:flex;gap:12px;justify-content:space-between;margin-bottom:10px}.mapa-report-indicator-group__heading h3{color:var(--mapa-report-text, #263238);font-size:15px;font-weight:600;line-height:1.3;margin:0}.mapa-report-indicator-group__heading>span{color:var(--mapa-report-muted, #68747a);flex-shrink:0;font-size:12px}.mapa-report-indicator-group--list .mapa-report-indicator-group__heading{border-bottom:1px solid var(--mapa-report-border, #e1e5e7);margin-bottom:0;padding-bottom:8px}.mapa-report-indicator-group__list{display:grid;gap:0}.mapa-report-indicator-group__rows{background:var(--mapa-report-surface, #fff);border:1px solid var(--mapa-report-border, #e1e5e7);border-radius:10px;overflow:hidden}.mapa-report-indicator{min-width:0}.mapa-report-indicator--list{align-items:center;box-sizing:border-box;border-bottom:1px solid #f1f3f5;color:#334452;display:grid;gap:10px;grid-template-columns:20px minmax(0,1fr) minmax(48px,.5fr) 34px;min-height:38px;padding:9px 0}.mapa-report-indicator--list h4{font-size:13px;font-weight:400;line-height:1.25;margin:0;overflow-wrap:anywhere}.mapa-report-indicator--list>strong{color:var(--mapa-report-text, #263238);font-size:13px;font-weight:600;font-variant-numeric:tabular-nums;text-align:right}.mapa-report-indicator--row{padding:12px 16px}.mapa-report-indicator--row+.mapa-report-indicator--row{border-top:1px solid var(--mapa-report-border, #e1e5e7)}.mapa-report-indicator__graph,.mapa-report-indicator__columns{align-items:center;display:grid;gap:16px;grid-template-columns:minmax(0,1.2fr) 112px minmax(0,2.6fr) 44px}.mapa-report-indicator__columns{background:#fafbfb;border-bottom:1px solid var(--mapa-report-border, #e1e5e7);color:var(--mapa-report-muted, #68747a);font-size:11px;font-weight:600;letter-spacing:.08em;padding:10px 16px;text-transform:uppercase}.mapa-report-indicator__columns>:first-child{padding-left:36px}.mapa-report-indicator__columns>:last-child{text-align:right}.mapa-report-indicator__name{align-items:center;color:var(--mapa-report-text, #263238);display:flex;gap:16px;min-width:0}.mapa-report-indicator__name h4{font-size:13.5px;font-weight:500;line-height:1.25;margin:0;overflow-wrap:anywhere}.mapa-report-indicator__graph mapa-classification-tag{--mapa-classification-tag-min-width: 112px;justify-self:start;max-width:112px}.mapa-report-indicator__percent{color:#1f3850;font-size:13px;font-weight:600;font-variant-numeric:tabular-nums;text-align:right}.mapa-report-indicator__mode-label--compact{display:none}.mapa-report-indicator__detail{color:var(--mapa-report-muted, #68747a);display:flex;font-size:12.5px;gap:4px;line-height:1.55;margin:8px 0 0 36px}.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__name{gap:8px}.mapa-report-indicator__columns{display:none}.mapa-report-indicator__graph{gap:8px;grid-template-columns:minmax(0,1fr) 112px 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: MapaResultTrackComponent, selector: "mapa-result-track", inputs: ["name", "value", "color", "mode", "appearance", "style", "direction", "showValue", "ariaLabel"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
8734
8894
  }
8735
8895
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.21", ngImport: i0, type: MapaReportIndicatorsWidgetListComponent, decorators: [{
8736
8896
  type: Component,
8737
- 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"] }]
8897
+ args: [{ selector: 'mapa-report-indicators-widget-list', standalone: true, imports: [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\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 <header class=\"mapa-report-indicator-group__heading\">\n <h3>{{ group.name }}</h3>\n <span>{{\n i18n.texts.report.itemCountLabel(group.indicators.length)\n }}</span>\n </header>\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 >\n <span\n class=\"mapa-direction-indicator\"\n [attr.aria-label]=\"directionLabel(indicator)\"\n >{{ directionArrow(indicator) }}</span\n >\n <h4>{{ indicator.name }}</h4>\n <mapa-result-track\n appearance=\"rounded\"\n [style]=\"'thin'\"\n [showValue]=\"false\"\n [color]=\"color(indicator)\"\n [name]=\"indicator.name\"\n [value]=\"value(indicator)\"\n />\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: transparent;--mat-button-toggle-divider-color: transparent;--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: var( --mapa-toggle-selected-surface, #fff );--mat-button-toggle-selected-state-text-color: var( --mapa-toggle-selected-text, #162f42 );--mat-button-toggle-shape: 7px;--mat-button-toggle-text-color: var(--mapa-toggle-text, #5b6672);align-items:center;background:var(--mapa-toggle-surface, #f1f2f4);border:0;border-radius:9px;box-sizing:border-box;gap:2px;grid-column:2;grid-row:1;overflow:hidden;padding:3px}.mapa-report-widget__modes mat-button-toggle{border:0;border-radius:7px;font:500 13px/1 var(--mapa-font-body, \"Asap\", sans-serif)}.mapa-report-widget__modes mat-button-toggle.mat-button-toggle-checked{box-shadow:0 1px 2px #162f4224}.mapa-report-widget__modes ::ng-deep .mat-button-toggle-button:focus-visible{outline:2px solid #cf450c;outline-offset:-2px}.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__heading{align-items:baseline;display:flex;gap:12px;justify-content:space-between;margin-bottom:10px}.mapa-report-indicator-group__heading h3{color:var(--mapa-report-text, #263238);font-size:15px;font-weight:600;line-height:1.3;margin:0}.mapa-report-indicator-group__heading>span{color:var(--mapa-report-muted, #68747a);flex-shrink:0;font-size:12px}.mapa-report-indicator-group--list .mapa-report-indicator-group__heading{border-bottom:1px solid var(--mapa-report-border, #e1e5e7);margin-bottom:0;padding-bottom:8px}.mapa-report-indicator-group__list{display:grid;gap:0}.mapa-report-indicator-group__rows{background:var(--mapa-report-surface, #fff);border:1px solid var(--mapa-report-border, #e1e5e7);border-radius:10px;overflow:hidden}.mapa-report-indicator{min-width:0}.mapa-report-indicator--list{align-items:center;box-sizing:border-box;border-bottom:1px solid #f1f3f5;color:#334452;display:grid;gap:10px;grid-template-columns:20px minmax(0,1fr) minmax(48px,.5fr) 34px;min-height:38px;padding:9px 0}.mapa-report-indicator--list h4{font-size:13px;font-weight:400;line-height:1.25;margin:0;overflow-wrap:anywhere}.mapa-report-indicator--list>strong{color:var(--mapa-report-text, #263238);font-size:13px;font-weight:600;font-variant-numeric:tabular-nums;text-align:right}.mapa-report-indicator--row{padding:12px 16px}.mapa-report-indicator--row+.mapa-report-indicator--row{border-top:1px solid var(--mapa-report-border, #e1e5e7)}.mapa-report-indicator__graph,.mapa-report-indicator__columns{align-items:center;display:grid;gap:16px;grid-template-columns:minmax(0,1.2fr) 112px minmax(0,2.6fr) 44px}.mapa-report-indicator__columns{background:#fafbfb;border-bottom:1px solid var(--mapa-report-border, #e1e5e7);color:var(--mapa-report-muted, #68747a);font-size:11px;font-weight:600;letter-spacing:.08em;padding:10px 16px;text-transform:uppercase}.mapa-report-indicator__columns>:first-child{padding-left:36px}.mapa-report-indicator__columns>:last-child{text-align:right}.mapa-report-indicator__name{align-items:center;color:var(--mapa-report-text, #263238);display:flex;gap:16px;min-width:0}.mapa-report-indicator__name h4{font-size:13.5px;font-weight:500;line-height:1.25;margin:0;overflow-wrap:anywhere}.mapa-report-indicator__graph mapa-classification-tag{--mapa-classification-tag-min-width: 112px;justify-self:start;max-width:112px}.mapa-report-indicator__percent{color:#1f3850;font-size:13px;font-weight:600;font-variant-numeric:tabular-nums;text-align:right}.mapa-report-indicator__mode-label--compact{display:none}.mapa-report-indicator__detail{color:var(--mapa-report-muted, #68747a);display:flex;font-size:12.5px;gap:4px;line-height:1.55;margin:8px 0 0 36px}.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__name{gap:8px}.mapa-report-indicator__columns{display:none}.mapa-report-indicator__graph{gap:8px;grid-template-columns:minmax(0,1fr) 112px 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"] }]
8738
8898
  }] });
8739
8899
 
8740
8900
  /** Reusable chart content, without the widget heading or mode selector. */
8741
8901
  class MapaReportIndicatorsWidgetChartComponent extends ReportIndicatorsContent {
8742
8902
  static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.21", ngImport: i0, type: MapaReportIndicatorsWidgetChartComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
8743
- 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 }); }
8903
+ 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 <header class=\"mapa-report-indicator-group__heading\">\n <h3>{{ group.name }}</h3>\n <span>{{\n i18n.texts.report.itemCountLabel(group.indicators.length)\n }}</span>\n </header>\n <div class=\"mapa-report-indicator-group__rows\">\n <div class=\"mapa-report-indicator__columns\" aria-hidden=\"true\">\n <span>{{ i18n.texts.report.indicatorTitle }}</span>\n <span>{{ i18n.texts.report.classificationTitle }}</span>\n <span>{{ i18n.texts.report.resultTitle }}</span>\n <span>%</span>\n </div>\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: transparent;--mat-button-toggle-divider-color: transparent;--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: var( --mapa-toggle-selected-surface, #fff );--mat-button-toggle-selected-state-text-color: var( --mapa-toggle-selected-text, #162f42 );--mat-button-toggle-shape: 7px;--mat-button-toggle-text-color: var(--mapa-toggle-text, #5b6672);align-items:center;background:var(--mapa-toggle-surface, #f1f2f4);border:0;border-radius:9px;box-sizing:border-box;gap:2px;grid-column:2;grid-row:1;overflow:hidden;padding:3px}.mapa-report-widget__modes mat-button-toggle{border:0;border-radius:7px;font:500 13px/1 var(--mapa-font-body, \"Asap\", sans-serif)}.mapa-report-widget__modes mat-button-toggle.mat-button-toggle-checked{box-shadow:0 1px 2px #162f4224}.mapa-report-widget__modes ::ng-deep .mat-button-toggle-button:focus-visible{outline:2px solid #cf450c;outline-offset:-2px}.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__heading{align-items:baseline;display:flex;gap:12px;justify-content:space-between;margin-bottom:10px}.mapa-report-indicator-group__heading h3{color:var(--mapa-report-text, #263238);font-size:15px;font-weight:600;line-height:1.3;margin:0}.mapa-report-indicator-group__heading>span{color:var(--mapa-report-muted, #68747a);flex-shrink:0;font-size:12px}.mapa-report-indicator-group--list .mapa-report-indicator-group__heading{border-bottom:1px solid var(--mapa-report-border, #e1e5e7);margin-bottom:0;padding-bottom:8px}.mapa-report-indicator-group__list{display:grid;gap:0}.mapa-report-indicator-group__rows{background:var(--mapa-report-surface, #fff);border:1px solid var(--mapa-report-border, #e1e5e7);border-radius:10px;overflow:hidden}.mapa-report-indicator{min-width:0}.mapa-report-indicator--list{align-items:center;box-sizing:border-box;border-bottom:1px solid #f1f3f5;color:#334452;display:grid;gap:10px;grid-template-columns:20px minmax(0,1fr) minmax(48px,.5fr) 34px;min-height:38px;padding:9px 0}.mapa-report-indicator--list h4{font-size:13px;font-weight:400;line-height:1.25;margin:0;overflow-wrap:anywhere}.mapa-report-indicator--list>strong{color:var(--mapa-report-text, #263238);font-size:13px;font-weight:600;font-variant-numeric:tabular-nums;text-align:right}.mapa-report-indicator--row{padding:12px 16px}.mapa-report-indicator--row+.mapa-report-indicator--row{border-top:1px solid var(--mapa-report-border, #e1e5e7)}.mapa-report-indicator__graph,.mapa-report-indicator__columns{align-items:center;display:grid;gap:16px;grid-template-columns:minmax(0,1.2fr) 112px minmax(0,2.6fr) 44px}.mapa-report-indicator__columns{background:#fafbfb;border-bottom:1px solid var(--mapa-report-border, #e1e5e7);color:var(--mapa-report-muted, #68747a);font-size:11px;font-weight:600;letter-spacing:.08em;padding:10px 16px;text-transform:uppercase}.mapa-report-indicator__columns>:first-child{padding-left:36px}.mapa-report-indicator__columns>:last-child{text-align:right}.mapa-report-indicator__name{align-items:center;color:var(--mapa-report-text, #263238);display:flex;gap:16px;min-width:0}.mapa-report-indicator__name h4{font-size:13.5px;font-weight:500;line-height:1.25;margin:0;overflow-wrap:anywhere}.mapa-report-indicator__graph mapa-classification-tag{--mapa-classification-tag-min-width: 112px;justify-self:start;max-width:112px}.mapa-report-indicator__percent{color:#1f3850;font-size:13px;font-weight:600;font-variant-numeric:tabular-nums;text-align:right}.mapa-report-indicator__mode-label--compact{display:none}.mapa-report-indicator__detail{color:var(--mapa-report-muted, #68747a);display:flex;font-size:12.5px;gap:4px;line-height:1.55;margin:8px 0 0 36px}.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__name{gap:8px}.mapa-report-indicator__columns{display:none}.mapa-report-indicator__graph{gap:8px;grid-template-columns:minmax(0,1fr) 112px 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", "valueLabel"] }, { kind: "component", type: MapaResultTrackComponent, selector: "mapa-result-track", inputs: ["name", "value", "color", "mode", "appearance", "style", "direction", "showValue", "ariaLabel"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
8744
8904
  }
8745
8905
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.21", ngImport: i0, type: MapaReportIndicatorsWidgetChartComponent, decorators: [{
8746
8906
  type: Component,
8747
- 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"] }]
8907
+ 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 <header class=\"mapa-report-indicator-group__heading\">\n <h3>{{ group.name }}</h3>\n <span>{{\n i18n.texts.report.itemCountLabel(group.indicators.length)\n }}</span>\n </header>\n <div class=\"mapa-report-indicator-group__rows\">\n <div class=\"mapa-report-indicator__columns\" aria-hidden=\"true\">\n <span>{{ i18n.texts.report.indicatorTitle }}</span>\n <span>{{ i18n.texts.report.classificationTitle }}</span>\n <span>{{ i18n.texts.report.resultTitle }}</span>\n <span>%</span>\n </div>\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: transparent;--mat-button-toggle-divider-color: transparent;--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: var( --mapa-toggle-selected-surface, #fff );--mat-button-toggle-selected-state-text-color: var( --mapa-toggle-selected-text, #162f42 );--mat-button-toggle-shape: 7px;--mat-button-toggle-text-color: var(--mapa-toggle-text, #5b6672);align-items:center;background:var(--mapa-toggle-surface, #f1f2f4);border:0;border-radius:9px;box-sizing:border-box;gap:2px;grid-column:2;grid-row:1;overflow:hidden;padding:3px}.mapa-report-widget__modes mat-button-toggle{border:0;border-radius:7px;font:500 13px/1 var(--mapa-font-body, \"Asap\", sans-serif)}.mapa-report-widget__modes mat-button-toggle.mat-button-toggle-checked{box-shadow:0 1px 2px #162f4224}.mapa-report-widget__modes ::ng-deep .mat-button-toggle-button:focus-visible{outline:2px solid #cf450c;outline-offset:-2px}.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__heading{align-items:baseline;display:flex;gap:12px;justify-content:space-between;margin-bottom:10px}.mapa-report-indicator-group__heading h3{color:var(--mapa-report-text, #263238);font-size:15px;font-weight:600;line-height:1.3;margin:0}.mapa-report-indicator-group__heading>span{color:var(--mapa-report-muted, #68747a);flex-shrink:0;font-size:12px}.mapa-report-indicator-group--list .mapa-report-indicator-group__heading{border-bottom:1px solid var(--mapa-report-border, #e1e5e7);margin-bottom:0;padding-bottom:8px}.mapa-report-indicator-group__list{display:grid;gap:0}.mapa-report-indicator-group__rows{background:var(--mapa-report-surface, #fff);border:1px solid var(--mapa-report-border, #e1e5e7);border-radius:10px;overflow:hidden}.mapa-report-indicator{min-width:0}.mapa-report-indicator--list{align-items:center;box-sizing:border-box;border-bottom:1px solid #f1f3f5;color:#334452;display:grid;gap:10px;grid-template-columns:20px minmax(0,1fr) minmax(48px,.5fr) 34px;min-height:38px;padding:9px 0}.mapa-report-indicator--list h4{font-size:13px;font-weight:400;line-height:1.25;margin:0;overflow-wrap:anywhere}.mapa-report-indicator--list>strong{color:var(--mapa-report-text, #263238);font-size:13px;font-weight:600;font-variant-numeric:tabular-nums;text-align:right}.mapa-report-indicator--row{padding:12px 16px}.mapa-report-indicator--row+.mapa-report-indicator--row{border-top:1px solid var(--mapa-report-border, #e1e5e7)}.mapa-report-indicator__graph,.mapa-report-indicator__columns{align-items:center;display:grid;gap:16px;grid-template-columns:minmax(0,1.2fr) 112px minmax(0,2.6fr) 44px}.mapa-report-indicator__columns{background:#fafbfb;border-bottom:1px solid var(--mapa-report-border, #e1e5e7);color:var(--mapa-report-muted, #68747a);font-size:11px;font-weight:600;letter-spacing:.08em;padding:10px 16px;text-transform:uppercase}.mapa-report-indicator__columns>:first-child{padding-left:36px}.mapa-report-indicator__columns>:last-child{text-align:right}.mapa-report-indicator__name{align-items:center;color:var(--mapa-report-text, #263238);display:flex;gap:16px;min-width:0}.mapa-report-indicator__name h4{font-size:13.5px;font-weight:500;line-height:1.25;margin:0;overflow-wrap:anywhere}.mapa-report-indicator__graph mapa-classification-tag{--mapa-classification-tag-min-width: 112px;justify-self:start;max-width:112px}.mapa-report-indicator__percent{color:#1f3850;font-size:13px;font-weight:600;font-variant-numeric:tabular-nums;text-align:right}.mapa-report-indicator__mode-label--compact{display:none}.mapa-report-indicator__detail{color:var(--mapa-report-muted, #68747a);display:flex;font-size:12.5px;gap:4px;line-height:1.55;margin:8px 0 0 36px}.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__name{gap:8px}.mapa-report-indicator__columns{display:none}.mapa-report-indicator__graph{gap:8px;grid-template-columns:minmax(0,1fr) 112px 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"] }]
8748
8908
  }] });
8749
8909
 
8750
8910
  /** Reusable detailed content, without the widget heading or mode selector. */
8751
8911
  class MapaReportIndicatorsWidgetDetailedComponent extends ReportIndicatorsContent {
8752
8912
  static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.21", ngImport: i0, type: MapaReportIndicatorsWidgetDetailedComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
8753
- 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 }); }
8913
+ 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 <header class=\"mapa-report-indicator-group__heading\">\n <h3>{{ group.name }}</h3>\n <span>{{\n i18n.texts.report.itemCountLabel(group.indicators.length)\n }}</span>\n </header>\n <div class=\"mapa-report-indicator-group__rows\">\n <div class=\"mapa-report-indicator__columns\" aria-hidden=\"true\">\n <span>{{ i18n.texts.report.indicatorTitle }}</span>\n <span>{{ i18n.texts.report.classificationTitle }}</span>\n <span>{{ i18n.texts.report.resultTitle }}</span>\n <span>%</span>\n </div>\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: transparent;--mat-button-toggle-divider-color: transparent;--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: var( --mapa-toggle-selected-surface, #fff );--mat-button-toggle-selected-state-text-color: var( --mapa-toggle-selected-text, #162f42 );--mat-button-toggle-shape: 7px;--mat-button-toggle-text-color: var(--mapa-toggle-text, #5b6672);align-items:center;background:var(--mapa-toggle-surface, #f1f2f4);border:0;border-radius:9px;box-sizing:border-box;gap:2px;grid-column:2;grid-row:1;overflow:hidden;padding:3px}.mapa-report-widget__modes mat-button-toggle{border:0;border-radius:7px;font:500 13px/1 var(--mapa-font-body, \"Asap\", sans-serif)}.mapa-report-widget__modes mat-button-toggle.mat-button-toggle-checked{box-shadow:0 1px 2px #162f4224}.mapa-report-widget__modes ::ng-deep .mat-button-toggle-button:focus-visible{outline:2px solid #cf450c;outline-offset:-2px}.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__heading{align-items:baseline;display:flex;gap:12px;justify-content:space-between;margin-bottom:10px}.mapa-report-indicator-group__heading h3{color:var(--mapa-report-text, #263238);font-size:15px;font-weight:600;line-height:1.3;margin:0}.mapa-report-indicator-group__heading>span{color:var(--mapa-report-muted, #68747a);flex-shrink:0;font-size:12px}.mapa-report-indicator-group--list .mapa-report-indicator-group__heading{border-bottom:1px solid var(--mapa-report-border, #e1e5e7);margin-bottom:0;padding-bottom:8px}.mapa-report-indicator-group__list{display:grid;gap:0}.mapa-report-indicator-group__rows{background:var(--mapa-report-surface, #fff);border:1px solid var(--mapa-report-border, #e1e5e7);border-radius:10px;overflow:hidden}.mapa-report-indicator{min-width:0}.mapa-report-indicator--list{align-items:center;box-sizing:border-box;border-bottom:1px solid #f1f3f5;color:#334452;display:grid;gap:10px;grid-template-columns:20px minmax(0,1fr) minmax(48px,.5fr) 34px;min-height:38px;padding:9px 0}.mapa-report-indicator--list h4{font-size:13px;font-weight:400;line-height:1.25;margin:0;overflow-wrap:anywhere}.mapa-report-indicator--list>strong{color:var(--mapa-report-text, #263238);font-size:13px;font-weight:600;font-variant-numeric:tabular-nums;text-align:right}.mapa-report-indicator--row{padding:12px 16px}.mapa-report-indicator--row+.mapa-report-indicator--row{border-top:1px solid var(--mapa-report-border, #e1e5e7)}.mapa-report-indicator__graph,.mapa-report-indicator__columns{align-items:center;display:grid;gap:16px;grid-template-columns:minmax(0,1.2fr) 112px minmax(0,2.6fr) 44px}.mapa-report-indicator__columns{background:#fafbfb;border-bottom:1px solid var(--mapa-report-border, #e1e5e7);color:var(--mapa-report-muted, #68747a);font-size:11px;font-weight:600;letter-spacing:.08em;padding:10px 16px;text-transform:uppercase}.mapa-report-indicator__columns>:first-child{padding-left:36px}.mapa-report-indicator__columns>:last-child{text-align:right}.mapa-report-indicator__name{align-items:center;color:var(--mapa-report-text, #263238);display:flex;gap:16px;min-width:0}.mapa-report-indicator__name h4{font-size:13.5px;font-weight:500;line-height:1.25;margin:0;overflow-wrap:anywhere}.mapa-report-indicator__graph mapa-classification-tag{--mapa-classification-tag-min-width: 112px;justify-self:start;max-width:112px}.mapa-report-indicator__percent{color:#1f3850;font-size:13px;font-weight:600;font-variant-numeric:tabular-nums;text-align:right}.mapa-report-indicator__mode-label--compact{display:none}.mapa-report-indicator__detail{color:var(--mapa-report-muted, #68747a);display:flex;font-size:12.5px;gap:4px;line-height:1.55;margin:8px 0 0 36px}.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__name{gap:8px}.mapa-report-indicator__columns{display:none}.mapa-report-indicator__graph{gap:8px;grid-template-columns:minmax(0,1fr) 112px 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", "valueLabel"] }, { 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 }); }
8754
8914
  }
8755
8915
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.21", ngImport: i0, type: MapaReportIndicatorsWidgetDetailedComponent, decorators: [{
8756
8916
  type: Component,
@@ -8758,7 +8918,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.21", ngImpo
8758
8918
  MapaClassificationTagComponent,
8759
8919
  MapaResultTrackComponent,
8760
8920
  SafeHtmlPipe,
8761
- ], 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"] }]
8921
+ ], 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 <header class=\"mapa-report-indicator-group__heading\">\n <h3>{{ group.name }}</h3>\n <span>{{\n i18n.texts.report.itemCountLabel(group.indicators.length)\n }}</span>\n </header>\n <div class=\"mapa-report-indicator-group__rows\">\n <div class=\"mapa-report-indicator__columns\" aria-hidden=\"true\">\n <span>{{ i18n.texts.report.indicatorTitle }}</span>\n <span>{{ i18n.texts.report.classificationTitle }}</span>\n <span>{{ i18n.texts.report.resultTitle }}</span>\n <span>%</span>\n </div>\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: transparent;--mat-button-toggle-divider-color: transparent;--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: var( --mapa-toggle-selected-surface, #fff );--mat-button-toggle-selected-state-text-color: var( --mapa-toggle-selected-text, #162f42 );--mat-button-toggle-shape: 7px;--mat-button-toggle-text-color: var(--mapa-toggle-text, #5b6672);align-items:center;background:var(--mapa-toggle-surface, #f1f2f4);border:0;border-radius:9px;box-sizing:border-box;gap:2px;grid-column:2;grid-row:1;overflow:hidden;padding:3px}.mapa-report-widget__modes mat-button-toggle{border:0;border-radius:7px;font:500 13px/1 var(--mapa-font-body, \"Asap\", sans-serif)}.mapa-report-widget__modes mat-button-toggle.mat-button-toggle-checked{box-shadow:0 1px 2px #162f4224}.mapa-report-widget__modes ::ng-deep .mat-button-toggle-button:focus-visible{outline:2px solid #cf450c;outline-offset:-2px}.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__heading{align-items:baseline;display:flex;gap:12px;justify-content:space-between;margin-bottom:10px}.mapa-report-indicator-group__heading h3{color:var(--mapa-report-text, #263238);font-size:15px;font-weight:600;line-height:1.3;margin:0}.mapa-report-indicator-group__heading>span{color:var(--mapa-report-muted, #68747a);flex-shrink:0;font-size:12px}.mapa-report-indicator-group--list .mapa-report-indicator-group__heading{border-bottom:1px solid var(--mapa-report-border, #e1e5e7);margin-bottom:0;padding-bottom:8px}.mapa-report-indicator-group__list{display:grid;gap:0}.mapa-report-indicator-group__rows{background:var(--mapa-report-surface, #fff);border:1px solid var(--mapa-report-border, #e1e5e7);border-radius:10px;overflow:hidden}.mapa-report-indicator{min-width:0}.mapa-report-indicator--list{align-items:center;box-sizing:border-box;border-bottom:1px solid #f1f3f5;color:#334452;display:grid;gap:10px;grid-template-columns:20px minmax(0,1fr) minmax(48px,.5fr) 34px;min-height:38px;padding:9px 0}.mapa-report-indicator--list h4{font-size:13px;font-weight:400;line-height:1.25;margin:0;overflow-wrap:anywhere}.mapa-report-indicator--list>strong{color:var(--mapa-report-text, #263238);font-size:13px;font-weight:600;font-variant-numeric:tabular-nums;text-align:right}.mapa-report-indicator--row{padding:12px 16px}.mapa-report-indicator--row+.mapa-report-indicator--row{border-top:1px solid var(--mapa-report-border, #e1e5e7)}.mapa-report-indicator__graph,.mapa-report-indicator__columns{align-items:center;display:grid;gap:16px;grid-template-columns:minmax(0,1.2fr) 112px minmax(0,2.6fr) 44px}.mapa-report-indicator__columns{background:#fafbfb;border-bottom:1px solid var(--mapa-report-border, #e1e5e7);color:var(--mapa-report-muted, #68747a);font-size:11px;font-weight:600;letter-spacing:.08em;padding:10px 16px;text-transform:uppercase}.mapa-report-indicator__columns>:first-child{padding-left:36px}.mapa-report-indicator__columns>:last-child{text-align:right}.mapa-report-indicator__name{align-items:center;color:var(--mapa-report-text, #263238);display:flex;gap:16px;min-width:0}.mapa-report-indicator__name h4{font-size:13.5px;font-weight:500;line-height:1.25;margin:0;overflow-wrap:anywhere}.mapa-report-indicator__graph mapa-classification-tag{--mapa-classification-tag-min-width: 112px;justify-self:start;max-width:112px}.mapa-report-indicator__percent{color:#1f3850;font-size:13px;font-weight:600;font-variant-numeric:tabular-nums;text-align:right}.mapa-report-indicator__mode-label--compact{display:none}.mapa-report-indicator__detail{color:var(--mapa-report-muted, #68747a);display:flex;font-size:12.5px;gap:4px;line-height:1.55;margin:8px 0 0 36px}.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__name{gap:8px}.mapa-report-indicator__columns{display:none}.mapa-report-indicator__graph{gap:8px;grid-template-columns:minmax(0,1fr) 112px 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"] }]
8762
8922
  }] });
8763
8923
 
8764
8924
  class MapaReportIndicatorsWidgetComponent extends ReportIndicatorsContent {
@@ -8778,7 +8938,7 @@ class MapaReportIndicatorsWidgetComponent extends ReportIndicatorsContent {
8778
8938
  this.compactDetailedViewCaption = computed(() => this.compactDetailedViewLabel() ?? this.i18n.texts.report.detailed, ...(ngDevMode ? [{ debugName: "compactDetailedViewCaption" }] : []));
8779
8939
  }
8780
8940
  static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.21", ngImport: i0, type: MapaReportIndicatorsWidgetComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
8781
- 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 }); }
8941
+ 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 <mat-button-toggle-group\n class=\"mapa-report-widget__modes\"\n hideSingleSelectionIndicator\n [attr.aria-label]=\"i18n.texts.report.viewModeLabel\"\n [value]=\"mode()\"\n (change)=\"mode.set($event.value)\"\n >\n <mat-button-toggle value=\"list\">\n {{ i18n.texts.report.list }}\n </mat-button-toggle>\n <mat-button-toggle value=\"chart\">\n {{ i18n.texts.report.chart }}\n </mat-button-toggle>\n <mat-button-toggle value=\"detailed\">\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 </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 @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: transparent;--mat-button-toggle-divider-color: transparent;--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: var( --mapa-toggle-selected-surface, #fff );--mat-button-toggle-selected-state-text-color: var( --mapa-toggle-selected-text, #162f42 );--mat-button-toggle-shape: 7px;--mat-button-toggle-text-color: var(--mapa-toggle-text, #5b6672);align-items:center;background:var(--mapa-toggle-surface, #f1f2f4);border:0;border-radius:9px;box-sizing:border-box;gap:2px;grid-column:2;grid-row:1;overflow:hidden;padding:3px}.mapa-report-widget__modes mat-button-toggle{border:0;border-radius:7px;font:500 13px/1 var(--mapa-font-body, \"Asap\", sans-serif)}.mapa-report-widget__modes mat-button-toggle.mat-button-toggle-checked{box-shadow:0 1px 2px #162f4224}.mapa-report-widget__modes ::ng-deep .mat-button-toggle-button:focus-visible{outline:2px solid #cf450c;outline-offset:-2px}.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__heading{align-items:baseline;display:flex;gap:12px;justify-content:space-between;margin-bottom:10px}.mapa-report-indicator-group__heading h3{color:var(--mapa-report-text, #263238);font-size:15px;font-weight:600;line-height:1.3;margin:0}.mapa-report-indicator-group__heading>span{color:var(--mapa-report-muted, #68747a);flex-shrink:0;font-size:12px}.mapa-report-indicator-group--list .mapa-report-indicator-group__heading{border-bottom:1px solid var(--mapa-report-border, #e1e5e7);margin-bottom:0;padding-bottom:8px}.mapa-report-indicator-group__list{display:grid;gap:0}.mapa-report-indicator-group__rows{background:var(--mapa-report-surface, #fff);border:1px solid var(--mapa-report-border, #e1e5e7);border-radius:10px;overflow:hidden}.mapa-report-indicator{min-width:0}.mapa-report-indicator--list{align-items:center;box-sizing:border-box;border-bottom:1px solid #f1f3f5;color:#334452;display:grid;gap:10px;grid-template-columns:20px minmax(0,1fr) minmax(48px,.5fr) 34px;min-height:38px;padding:9px 0}.mapa-report-indicator--list h4{font-size:13px;font-weight:400;line-height:1.25;margin:0;overflow-wrap:anywhere}.mapa-report-indicator--list>strong{color:var(--mapa-report-text, #263238);font-size:13px;font-weight:600;font-variant-numeric:tabular-nums;text-align:right}.mapa-report-indicator--row{padding:12px 16px}.mapa-report-indicator--row+.mapa-report-indicator--row{border-top:1px solid var(--mapa-report-border, #e1e5e7)}.mapa-report-indicator__graph,.mapa-report-indicator__columns{align-items:center;display:grid;gap:16px;grid-template-columns:minmax(0,1.2fr) 112px minmax(0,2.6fr) 44px}.mapa-report-indicator__columns{background:#fafbfb;border-bottom:1px solid var(--mapa-report-border, #e1e5e7);color:var(--mapa-report-muted, #68747a);font-size:11px;font-weight:600;letter-spacing:.08em;padding:10px 16px;text-transform:uppercase}.mapa-report-indicator__columns>:first-child{padding-left:36px}.mapa-report-indicator__columns>:last-child{text-align:right}.mapa-report-indicator__name{align-items:center;color:var(--mapa-report-text, #263238);display:flex;gap:16px;min-width:0}.mapa-report-indicator__name h4{font-size:13.5px;font-weight:500;line-height:1.25;margin:0;overflow-wrap:anywhere}.mapa-report-indicator__graph mapa-classification-tag{--mapa-classification-tag-min-width: 112px;justify-self:start;max-width:112px}.mapa-report-indicator__percent{color:#1f3850;font-size:13px;font-weight:600;font-variant-numeric:tabular-nums;text-align:right}.mapa-report-indicator__mode-label--compact{display:none}.mapa-report-indicator__detail{color:var(--mapa-report-muted, #68747a);display:flex;font-size:12.5px;gap:4px;line-height:1.55;margin:8px 0 0 36px}.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__name{gap:8px}.mapa-report-indicator__columns{display:none}.mapa-report-indicator__graph{gap:8px;grid-template-columns:minmax(0,1fr) 112px 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 }); }
8782
8942
  }
8783
8943
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.21", ngImport: i0, type: MapaReportIndicatorsWidgetComponent, decorators: [{
8784
8944
  type: Component,
@@ -8789,7 +8949,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.21", ngImpo
8789
8949
  MatButtonToggleModule,
8790
8950
  MapaReportLegendComponent,
8791
8951
  SafeHtmlPipe,
8792
- ], 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"] }]
8952
+ ], changeDetection: ChangeDetectionStrategy.OnPush, template: "<section class=\"mapa-report-widget\" [attr.data-palette]=\"palette()\">\n <header class=\"mapa-report-widget__header\">\n <div class=\"mapa-report-widget__heading\">\n <h2>{{ heading().title }}</h2>\n @if (heading().description) {\n <div\n class=\"mapa-report-widget__description\"\n [innerHTML]=\"heading().description | safeHtml\"\n ></div>\n }\n </div>\n <mat-button-toggle-group\n class=\"mapa-report-widget__modes\"\n hideSingleSelectionIndicator\n [attr.aria-label]=\"i18n.texts.report.viewModeLabel\"\n [value]=\"mode()\"\n (change)=\"mode.set($event.value)\"\n >\n <mat-button-toggle value=\"list\">\n {{ i18n.texts.report.list }}\n </mat-button-toggle>\n <mat-button-toggle value=\"chart\">\n {{ i18n.texts.report.chart }}\n </mat-button-toggle>\n <mat-button-toggle value=\"detailed\">\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 </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 @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: transparent;--mat-button-toggle-divider-color: transparent;--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: var( --mapa-toggle-selected-surface, #fff );--mat-button-toggle-selected-state-text-color: var( --mapa-toggle-selected-text, #162f42 );--mat-button-toggle-shape: 7px;--mat-button-toggle-text-color: var(--mapa-toggle-text, #5b6672);align-items:center;background:var(--mapa-toggle-surface, #f1f2f4);border:0;border-radius:9px;box-sizing:border-box;gap:2px;grid-column:2;grid-row:1;overflow:hidden;padding:3px}.mapa-report-widget__modes mat-button-toggle{border:0;border-radius:7px;font:500 13px/1 var(--mapa-font-body, \"Asap\", sans-serif)}.mapa-report-widget__modes mat-button-toggle.mat-button-toggle-checked{box-shadow:0 1px 2px #162f4224}.mapa-report-widget__modes ::ng-deep .mat-button-toggle-button:focus-visible{outline:2px solid #cf450c;outline-offset:-2px}.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__heading{align-items:baseline;display:flex;gap:12px;justify-content:space-between;margin-bottom:10px}.mapa-report-indicator-group__heading h3{color:var(--mapa-report-text, #263238);font-size:15px;font-weight:600;line-height:1.3;margin:0}.mapa-report-indicator-group__heading>span{color:var(--mapa-report-muted, #68747a);flex-shrink:0;font-size:12px}.mapa-report-indicator-group--list .mapa-report-indicator-group__heading{border-bottom:1px solid var(--mapa-report-border, #e1e5e7);margin-bottom:0;padding-bottom:8px}.mapa-report-indicator-group__list{display:grid;gap:0}.mapa-report-indicator-group__rows{background:var(--mapa-report-surface, #fff);border:1px solid var(--mapa-report-border, #e1e5e7);border-radius:10px;overflow:hidden}.mapa-report-indicator{min-width:0}.mapa-report-indicator--list{align-items:center;box-sizing:border-box;border-bottom:1px solid #f1f3f5;color:#334452;display:grid;gap:10px;grid-template-columns:20px minmax(0,1fr) minmax(48px,.5fr) 34px;min-height:38px;padding:9px 0}.mapa-report-indicator--list h4{font-size:13px;font-weight:400;line-height:1.25;margin:0;overflow-wrap:anywhere}.mapa-report-indicator--list>strong{color:var(--mapa-report-text, #263238);font-size:13px;font-weight:600;font-variant-numeric:tabular-nums;text-align:right}.mapa-report-indicator--row{padding:12px 16px}.mapa-report-indicator--row+.mapa-report-indicator--row{border-top:1px solid var(--mapa-report-border, #e1e5e7)}.mapa-report-indicator__graph,.mapa-report-indicator__columns{align-items:center;display:grid;gap:16px;grid-template-columns:minmax(0,1.2fr) 112px minmax(0,2.6fr) 44px}.mapa-report-indicator__columns{background:#fafbfb;border-bottom:1px solid var(--mapa-report-border, #e1e5e7);color:var(--mapa-report-muted, #68747a);font-size:11px;font-weight:600;letter-spacing:.08em;padding:10px 16px;text-transform:uppercase}.mapa-report-indicator__columns>:first-child{padding-left:36px}.mapa-report-indicator__columns>:last-child{text-align:right}.mapa-report-indicator__name{align-items:center;color:var(--mapa-report-text, #263238);display:flex;gap:16px;min-width:0}.mapa-report-indicator__name h4{font-size:13.5px;font-weight:500;line-height:1.25;margin:0;overflow-wrap:anywhere}.mapa-report-indicator__graph mapa-classification-tag{--mapa-classification-tag-min-width: 112px;justify-self:start;max-width:112px}.mapa-report-indicator__percent{color:#1f3850;font-size:13px;font-weight:600;font-variant-numeric:tabular-nums;text-align:right}.mapa-report-indicator__mode-label--compact{display:none}.mapa-report-indicator__detail{color:var(--mapa-report-muted, #68747a);display:flex;font-size:12.5px;gap:4px;line-height:1.55;margin:8px 0 0 36px}.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__name{gap:8px}.mapa-report-indicator__columns{display:none}.mapa-report-indicator__graph{gap:8px;grid-template-columns:minmax(0,1fr) 112px 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"] }]
8793
8953
  }], 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"] }] } });
8794
8954
 
8795
8955
  class ReportScaleContent {
@@ -8830,17 +8990,17 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.21", ngImpo
8830
8990
  /** Reusable summarized content, without the widget heading or mode selector. */
8831
8991
  class MapaReportScaleWidgetSummarizedComponent extends ReportScaleContent {
8832
8992
  static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.21", ngImport: i0, type: MapaReportScaleWidgetSummarizedComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
8833
- 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 }); }
8993
+ 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 <span class=\"mapa-report-scale-group__count\">\n {{ i18n.texts.report.scaleCountLabel(group.scales.length) }}\n </span>\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 size=\"medium\"\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 [style]=\"'thin'\"\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 size=\"medium\"\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: transparent;--mat-button-toggle-divider-color: transparent;--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: var( --mapa-toggle-selected-surface, #fff );--mat-button-toggle-selected-state-text-color: var( --mapa-toggle-selected-text, #162f42 );--mat-button-toggle-shape: 7px;--mat-button-toggle-text-color: var(--mapa-toggle-text, #5b6672);align-items:center;background:var(--mapa-toggle-surface, #f1f2f4);border:0;border-radius:9px;box-sizing:border-box;gap:2px;grid-column:2;grid-row:1;overflow:hidden;padding:3px}.mapa-report-widget__modes mat-button-toggle{border:0;border-radius:7px;font:500 13px/1 var(--mapa-font-body, \"Asap\", sans-serif)}.mapa-report-widget__modes mat-button-toggle.mat-button-toggle-checked{box-shadow:0 1px 2px #162f4224}.mapa-report-widget__modes ::ng-deep .mat-button-toggle-button:focus-visible{outline:2px solid #cf450c;outline-offset:-2px}.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;display:flex;gap:11px;margin:0 0 14px;padding:2px 0}.mapa-report-scale-group__head:after{background:var(--mapa-report-line-soft, #edf1f3);content:\"\";flex:1;height:1px;min-width:24px}.mapa-report-scale-group__head h3{font-size:18px;font-weight:600;letter-spacing:-.2px;line-height:1.25;margin:0;min-width:0;overflow-wrap:anywhere}.mapa-report-scale-group__count{color:var(--mapa-report-muted, #68747a);font-size:13px;white-space:nowrap}.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, 112px);flex:0 0 auto;max-width:var(--mapa-report-pill-width, 112px)}.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;font-weight:600;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:20px}.mapa-report-scale-card--summary .mapa-report-scale-card__head{align-items:flex-start;display:flex;gap:10px;justify-content:space-between}.mapa-report-scale-card--summary .mapa-report-scale-card__head h4{color:#234b68;font-size:16px;font-weight:600;line-height:1.2;margin:0;min-width:0;overflow-wrap:anywhere}.mapa-report-scale-card--summary .mapa-report-scale-card__score{margin:15px 0 13px}.mapa-report-scale-card--summary .mapa-report-scale-card__dimensions{border-top:1px solid var(--mapa-report-line-soft, #edf1f3);display:grid;list-style:none;margin:0;padding:0}.mapa-report-scale-card--summary .mapa-report-scale-card__dimensions li{align-items:center;box-sizing:border-box;display:grid;gap:8px;grid-template-columns:minmax(0,1fr) auto;min-height:48px;padding:10px 0}.mapa-report-scale-card--summary .mapa-report-scale-card__dimensions li+li{border-top:1px solid var(--mapa-report-line-soft, #edf1f3)}.mapa-report-scale-card--summary .mapa-report-scale-card__dimension-name{color:#3f5870;font-size:14px;line-height:1.5}.mapa-report-scale-card--detailed{padding:24px}.mapa-report-scale-card--detailed .mapa-report-scale-card__head{align-items:center;display:grid;gap:20px;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr)}.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:600;line-height:1.2;margin:0;flex:1;min-width:0;overflow-wrap:anywhere}.mapa-report-scale-card--detailed .mapa-report-scale-card__score{gap:11px}.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, #f6f7f9);border-radius:var(--mapa-report-card-radius, 10px);color:var(--mapa-report-muted, #68747a);font-size:14px;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 :last-child{margin-bottom:0}.mapa-report-scale-card--detailed .mapa-report-scale-card__dimension-list{display:grid;list-style:none;margin:14px 0 0;padding:0}.mapa-report-scale-card--detailed .mapa-report-scale-card__dimension-list li{align-items:center;border-top:1px solid var(--mapa-report-line-soft, #edf1f3);display:grid;gap:16px;grid-template-columns:minmax(0,30%) var(--mapa-report-pill-width, 112px) minmax(0,1fr);min-height:54px;padding:14px 0}.mapa-report-scale-card--detailed .mapa-report-scale-card__dimension-name{font-size:14px;gap:9px}.mapa-report-scale-card--detailed .mapa-report-scale-card__copy{color:var(--mapa-report-muted, #68747a);font-size:14px;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))}}@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__head{gap:13px;grid-template-columns:1fr}.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:minmax(0,1fr) var(--mapa-report-pill-width, 112px)}.mapa-report-scale-card--detailed .mapa-report-scale-card__copy{grid-column:1/-1;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", "valueLabel"] }, { kind: "component", type: MapaResultTrackComponent, selector: "mapa-result-track", inputs: ["name", "value", "color", "mode", "appearance", "style", "direction", "showValue", "ariaLabel"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
8834
8994
  }
8835
8995
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.21", ngImport: i0, type: MapaReportScaleWidgetSummarizedComponent, decorators: [{
8836
8996
  type: Component,
8837
- 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"] }]
8997
+ 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 <span class=\"mapa-report-scale-group__count\">\n {{ i18n.texts.report.scaleCountLabel(group.scales.length) }}\n </span>\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 size=\"medium\"\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 [style]=\"'thin'\"\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 size=\"medium\"\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: transparent;--mat-button-toggle-divider-color: transparent;--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: var( --mapa-toggle-selected-surface, #fff );--mat-button-toggle-selected-state-text-color: var( --mapa-toggle-selected-text, #162f42 );--mat-button-toggle-shape: 7px;--mat-button-toggle-text-color: var(--mapa-toggle-text, #5b6672);align-items:center;background:var(--mapa-toggle-surface, #f1f2f4);border:0;border-radius:9px;box-sizing:border-box;gap:2px;grid-column:2;grid-row:1;overflow:hidden;padding:3px}.mapa-report-widget__modes mat-button-toggle{border:0;border-radius:7px;font:500 13px/1 var(--mapa-font-body, \"Asap\", sans-serif)}.mapa-report-widget__modes mat-button-toggle.mat-button-toggle-checked{box-shadow:0 1px 2px #162f4224}.mapa-report-widget__modes ::ng-deep .mat-button-toggle-button:focus-visible{outline:2px solid #cf450c;outline-offset:-2px}.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;display:flex;gap:11px;margin:0 0 14px;padding:2px 0}.mapa-report-scale-group__head:after{background:var(--mapa-report-line-soft, #edf1f3);content:\"\";flex:1;height:1px;min-width:24px}.mapa-report-scale-group__head h3{font-size:18px;font-weight:600;letter-spacing:-.2px;line-height:1.25;margin:0;min-width:0;overflow-wrap:anywhere}.mapa-report-scale-group__count{color:var(--mapa-report-muted, #68747a);font-size:13px;white-space:nowrap}.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, 112px);flex:0 0 auto;max-width:var(--mapa-report-pill-width, 112px)}.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;font-weight:600;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:20px}.mapa-report-scale-card--summary .mapa-report-scale-card__head{align-items:flex-start;display:flex;gap:10px;justify-content:space-between}.mapa-report-scale-card--summary .mapa-report-scale-card__head h4{color:#234b68;font-size:16px;font-weight:600;line-height:1.2;margin:0;min-width:0;overflow-wrap:anywhere}.mapa-report-scale-card--summary .mapa-report-scale-card__score{margin:15px 0 13px}.mapa-report-scale-card--summary .mapa-report-scale-card__dimensions{border-top:1px solid var(--mapa-report-line-soft, #edf1f3);display:grid;list-style:none;margin:0;padding:0}.mapa-report-scale-card--summary .mapa-report-scale-card__dimensions li{align-items:center;box-sizing:border-box;display:grid;gap:8px;grid-template-columns:minmax(0,1fr) auto;min-height:48px;padding:10px 0}.mapa-report-scale-card--summary .mapa-report-scale-card__dimensions li+li{border-top:1px solid var(--mapa-report-line-soft, #edf1f3)}.mapa-report-scale-card--summary .mapa-report-scale-card__dimension-name{color:#3f5870;font-size:14px;line-height:1.5}.mapa-report-scale-card--detailed{padding:24px}.mapa-report-scale-card--detailed .mapa-report-scale-card__head{align-items:center;display:grid;gap:20px;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr)}.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:600;line-height:1.2;margin:0;flex:1;min-width:0;overflow-wrap:anywhere}.mapa-report-scale-card--detailed .mapa-report-scale-card__score{gap:11px}.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, #f6f7f9);border-radius:var(--mapa-report-card-radius, 10px);color:var(--mapa-report-muted, #68747a);font-size:14px;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 :last-child{margin-bottom:0}.mapa-report-scale-card--detailed .mapa-report-scale-card__dimension-list{display:grid;list-style:none;margin:14px 0 0;padding:0}.mapa-report-scale-card--detailed .mapa-report-scale-card__dimension-list li{align-items:center;border-top:1px solid var(--mapa-report-line-soft, #edf1f3);display:grid;gap:16px;grid-template-columns:minmax(0,30%) var(--mapa-report-pill-width, 112px) minmax(0,1fr);min-height:54px;padding:14px 0}.mapa-report-scale-card--detailed .mapa-report-scale-card__dimension-name{font-size:14px;gap:9px}.mapa-report-scale-card--detailed .mapa-report-scale-card__copy{color:var(--mapa-report-muted, #68747a);font-size:14px;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))}}@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__head{gap:13px;grid-template-columns:1fr}.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:minmax(0,1fr) var(--mapa-report-pill-width, 112px)}.mapa-report-scale-card--detailed .mapa-report-scale-card__copy{grid-column:1/-1;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"] }]
8838
8998
  }] });
8839
8999
 
8840
9000
  /** Reusable detailed content, without the widget heading or mode selector. */
8841
9001
  class MapaReportScaleWidgetDetailedComponent extends ReportScaleContent {
8842
9002
  static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.21", ngImport: i0, type: MapaReportScaleWidgetDetailedComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
8843
- 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 }); }
9003
+ 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 <span class=\"mapa-report-scale-group__count\">\n {{ i18n.texts.report.scaleCountLabel(group.scales.length) }}\n </span>\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 size=\"medium\"\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 [style]=\"'thin'\"\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 size=\"medium\"\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: transparent;--mat-button-toggle-divider-color: transparent;--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: var( --mapa-toggle-selected-surface, #fff );--mat-button-toggle-selected-state-text-color: var( --mapa-toggle-selected-text, #162f42 );--mat-button-toggle-shape: 7px;--mat-button-toggle-text-color: var(--mapa-toggle-text, #5b6672);align-items:center;background:var(--mapa-toggle-surface, #f1f2f4);border:0;border-radius:9px;box-sizing:border-box;gap:2px;grid-column:2;grid-row:1;overflow:hidden;padding:3px}.mapa-report-widget__modes mat-button-toggle{border:0;border-radius:7px;font:500 13px/1 var(--mapa-font-body, \"Asap\", sans-serif)}.mapa-report-widget__modes mat-button-toggle.mat-button-toggle-checked{box-shadow:0 1px 2px #162f4224}.mapa-report-widget__modes ::ng-deep .mat-button-toggle-button:focus-visible{outline:2px solid #cf450c;outline-offset:-2px}.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;display:flex;gap:11px;margin:0 0 14px;padding:2px 0}.mapa-report-scale-group__head:after{background:var(--mapa-report-line-soft, #edf1f3);content:\"\";flex:1;height:1px;min-width:24px}.mapa-report-scale-group__head h3{font-size:18px;font-weight:600;letter-spacing:-.2px;line-height:1.25;margin:0;min-width:0;overflow-wrap:anywhere}.mapa-report-scale-group__count{color:var(--mapa-report-muted, #68747a);font-size:13px;white-space:nowrap}.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, 112px);flex:0 0 auto;max-width:var(--mapa-report-pill-width, 112px)}.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;font-weight:600;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:20px}.mapa-report-scale-card--summary .mapa-report-scale-card__head{align-items:flex-start;display:flex;gap:10px;justify-content:space-between}.mapa-report-scale-card--summary .mapa-report-scale-card__head h4{color:#234b68;font-size:16px;font-weight:600;line-height:1.2;margin:0;min-width:0;overflow-wrap:anywhere}.mapa-report-scale-card--summary .mapa-report-scale-card__score{margin:15px 0 13px}.mapa-report-scale-card--summary .mapa-report-scale-card__dimensions{border-top:1px solid var(--mapa-report-line-soft, #edf1f3);display:grid;list-style:none;margin:0;padding:0}.mapa-report-scale-card--summary .mapa-report-scale-card__dimensions li{align-items:center;box-sizing:border-box;display:grid;gap:8px;grid-template-columns:minmax(0,1fr) auto;min-height:48px;padding:10px 0}.mapa-report-scale-card--summary .mapa-report-scale-card__dimensions li+li{border-top:1px solid var(--mapa-report-line-soft, #edf1f3)}.mapa-report-scale-card--summary .mapa-report-scale-card__dimension-name{color:#3f5870;font-size:14px;line-height:1.5}.mapa-report-scale-card--detailed{padding:24px}.mapa-report-scale-card--detailed .mapa-report-scale-card__head{align-items:center;display:grid;gap:20px;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr)}.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:600;line-height:1.2;margin:0;flex:1;min-width:0;overflow-wrap:anywhere}.mapa-report-scale-card--detailed .mapa-report-scale-card__score{gap:11px}.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, #f6f7f9);border-radius:var(--mapa-report-card-radius, 10px);color:var(--mapa-report-muted, #68747a);font-size:14px;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 :last-child{margin-bottom:0}.mapa-report-scale-card--detailed .mapa-report-scale-card__dimension-list{display:grid;list-style:none;margin:14px 0 0;padding:0}.mapa-report-scale-card--detailed .mapa-report-scale-card__dimension-list li{align-items:center;border-top:1px solid var(--mapa-report-line-soft, #edf1f3);display:grid;gap:16px;grid-template-columns:minmax(0,30%) var(--mapa-report-pill-width, 112px) minmax(0,1fr);min-height:54px;padding:14px 0}.mapa-report-scale-card--detailed .mapa-report-scale-card__dimension-name{font-size:14px;gap:9px}.mapa-report-scale-card--detailed .mapa-report-scale-card__copy{color:var(--mapa-report-muted, #68747a);font-size:14px;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))}}@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__head{gap:13px;grid-template-columns:1fr}.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:minmax(0,1fr) var(--mapa-report-pill-width, 112px)}.mapa-report-scale-card--detailed .mapa-report-scale-card__copy{grid-column:1/-1;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", "valueLabel"] }, { 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 }); }
8844
9004
  }
8845
9005
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.21", ngImport: i0, type: MapaReportScaleWidgetDetailedComponent, decorators: [{
8846
9006
  type: Component,
@@ -8848,7 +9008,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.21", ngImpo
8848
9008
  MapaClassificationTagComponent,
8849
9009
  MapaResultTrackComponent,
8850
9010
  SafeHtmlPipe,
8851
- ], 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"] }]
9011
+ ], 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 <span class=\"mapa-report-scale-group__count\">\n {{ i18n.texts.report.scaleCountLabel(group.scales.length) }}\n </span>\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 size=\"medium\"\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 [style]=\"'thin'\"\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 size=\"medium\"\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: transparent;--mat-button-toggle-divider-color: transparent;--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: var( --mapa-toggle-selected-surface, #fff );--mat-button-toggle-selected-state-text-color: var( --mapa-toggle-selected-text, #162f42 );--mat-button-toggle-shape: 7px;--mat-button-toggle-text-color: var(--mapa-toggle-text, #5b6672);align-items:center;background:var(--mapa-toggle-surface, #f1f2f4);border:0;border-radius:9px;box-sizing:border-box;gap:2px;grid-column:2;grid-row:1;overflow:hidden;padding:3px}.mapa-report-widget__modes mat-button-toggle{border:0;border-radius:7px;font:500 13px/1 var(--mapa-font-body, \"Asap\", sans-serif)}.mapa-report-widget__modes mat-button-toggle.mat-button-toggle-checked{box-shadow:0 1px 2px #162f4224}.mapa-report-widget__modes ::ng-deep .mat-button-toggle-button:focus-visible{outline:2px solid #cf450c;outline-offset:-2px}.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;display:flex;gap:11px;margin:0 0 14px;padding:2px 0}.mapa-report-scale-group__head:after{background:var(--mapa-report-line-soft, #edf1f3);content:\"\";flex:1;height:1px;min-width:24px}.mapa-report-scale-group__head h3{font-size:18px;font-weight:600;letter-spacing:-.2px;line-height:1.25;margin:0;min-width:0;overflow-wrap:anywhere}.mapa-report-scale-group__count{color:var(--mapa-report-muted, #68747a);font-size:13px;white-space:nowrap}.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, 112px);flex:0 0 auto;max-width:var(--mapa-report-pill-width, 112px)}.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;font-weight:600;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:20px}.mapa-report-scale-card--summary .mapa-report-scale-card__head{align-items:flex-start;display:flex;gap:10px;justify-content:space-between}.mapa-report-scale-card--summary .mapa-report-scale-card__head h4{color:#234b68;font-size:16px;font-weight:600;line-height:1.2;margin:0;min-width:0;overflow-wrap:anywhere}.mapa-report-scale-card--summary .mapa-report-scale-card__score{margin:15px 0 13px}.mapa-report-scale-card--summary .mapa-report-scale-card__dimensions{border-top:1px solid var(--mapa-report-line-soft, #edf1f3);display:grid;list-style:none;margin:0;padding:0}.mapa-report-scale-card--summary .mapa-report-scale-card__dimensions li{align-items:center;box-sizing:border-box;display:grid;gap:8px;grid-template-columns:minmax(0,1fr) auto;min-height:48px;padding:10px 0}.mapa-report-scale-card--summary .mapa-report-scale-card__dimensions li+li{border-top:1px solid var(--mapa-report-line-soft, #edf1f3)}.mapa-report-scale-card--summary .mapa-report-scale-card__dimension-name{color:#3f5870;font-size:14px;line-height:1.5}.mapa-report-scale-card--detailed{padding:24px}.mapa-report-scale-card--detailed .mapa-report-scale-card__head{align-items:center;display:grid;gap:20px;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr)}.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:600;line-height:1.2;margin:0;flex:1;min-width:0;overflow-wrap:anywhere}.mapa-report-scale-card--detailed .mapa-report-scale-card__score{gap:11px}.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, #f6f7f9);border-radius:var(--mapa-report-card-radius, 10px);color:var(--mapa-report-muted, #68747a);font-size:14px;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 :last-child{margin-bottom:0}.mapa-report-scale-card--detailed .mapa-report-scale-card__dimension-list{display:grid;list-style:none;margin:14px 0 0;padding:0}.mapa-report-scale-card--detailed .mapa-report-scale-card__dimension-list li{align-items:center;border-top:1px solid var(--mapa-report-line-soft, #edf1f3);display:grid;gap:16px;grid-template-columns:minmax(0,30%) var(--mapa-report-pill-width, 112px) minmax(0,1fr);min-height:54px;padding:14px 0}.mapa-report-scale-card--detailed .mapa-report-scale-card__dimension-name{font-size:14px;gap:9px}.mapa-report-scale-card--detailed .mapa-report-scale-card__copy{color:var(--mapa-report-muted, #68747a);font-size:14px;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))}}@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__head{gap:13px;grid-template-columns:1fr}.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:minmax(0,1fr) var(--mapa-report-pill-width, 112px)}.mapa-report-scale-card--detailed .mapa-report-scale-card__copy{grid-column:1/-1;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"] }]
8852
9012
  }] });
8853
9013
 
8854
9014
  class MapaReportScaleWidgetComponent extends ReportScaleContent {
@@ -8863,7 +9023,7 @@ class MapaReportScaleWidgetComponent extends ReportScaleContent {
8863
9023
  this.mode = model('summarized', ...(ngDevMode ? [{ debugName: "mode" }] : []));
8864
9024
  }
8865
9025
  static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.21", ngImport: i0, type: MapaReportScaleWidgetComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
8866
- 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 }); }
9026
+ 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: transparent;--mat-button-toggle-divider-color: transparent;--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: var( --mapa-toggle-selected-surface, #fff );--mat-button-toggle-selected-state-text-color: var( --mapa-toggle-selected-text, #162f42 );--mat-button-toggle-shape: 7px;--mat-button-toggle-text-color: var(--mapa-toggle-text, #5b6672);align-items:center;background:var(--mapa-toggle-surface, #f1f2f4);border:0;border-radius:9px;box-sizing:border-box;gap:2px;grid-column:2;grid-row:1;overflow:hidden;padding:3px}.mapa-report-widget__modes mat-button-toggle{border:0;border-radius:7px;font:500 13px/1 var(--mapa-font-body, \"Asap\", sans-serif)}.mapa-report-widget__modes mat-button-toggle.mat-button-toggle-checked{box-shadow:0 1px 2px #162f4224}.mapa-report-widget__modes ::ng-deep .mat-button-toggle-button:focus-visible{outline:2px solid #cf450c;outline-offset:-2px}.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;display:flex;gap:11px;margin:0 0 14px;padding:2px 0}.mapa-report-scale-group__head:after{background:var(--mapa-report-line-soft, #edf1f3);content:\"\";flex:1;height:1px;min-width:24px}.mapa-report-scale-group__head h3{font-size:18px;font-weight:600;letter-spacing:-.2px;line-height:1.25;margin:0;min-width:0;overflow-wrap:anywhere}.mapa-report-scale-group__count{color:var(--mapa-report-muted, #68747a);font-size:13px;white-space:nowrap}.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, 112px);flex:0 0 auto;max-width:var(--mapa-report-pill-width, 112px)}.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;font-weight:600;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:20px}.mapa-report-scale-card--summary .mapa-report-scale-card__head{align-items:flex-start;display:flex;gap:10px;justify-content:space-between}.mapa-report-scale-card--summary .mapa-report-scale-card__head h4{color:#234b68;font-size:16px;font-weight:600;line-height:1.2;margin:0;min-width:0;overflow-wrap:anywhere}.mapa-report-scale-card--summary .mapa-report-scale-card__score{margin:15px 0 13px}.mapa-report-scale-card--summary .mapa-report-scale-card__dimensions{border-top:1px solid var(--mapa-report-line-soft, #edf1f3);display:grid;list-style:none;margin:0;padding:0}.mapa-report-scale-card--summary .mapa-report-scale-card__dimensions li{align-items:center;box-sizing:border-box;display:grid;gap:8px;grid-template-columns:minmax(0,1fr) auto;min-height:48px;padding:10px 0}.mapa-report-scale-card--summary .mapa-report-scale-card__dimensions li+li{border-top:1px solid var(--mapa-report-line-soft, #edf1f3)}.mapa-report-scale-card--summary .mapa-report-scale-card__dimension-name{color:#3f5870;font-size:14px;line-height:1.5}.mapa-report-scale-card--detailed{padding:24px}.mapa-report-scale-card--detailed .mapa-report-scale-card__head{align-items:center;display:grid;gap:20px;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr)}.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:600;line-height:1.2;margin:0;flex:1;min-width:0;overflow-wrap:anywhere}.mapa-report-scale-card--detailed .mapa-report-scale-card__score{gap:11px}.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, #f6f7f9);border-radius:var(--mapa-report-card-radius, 10px);color:var(--mapa-report-muted, #68747a);font-size:14px;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 :last-child{margin-bottom:0}.mapa-report-scale-card--detailed .mapa-report-scale-card__dimension-list{display:grid;list-style:none;margin:14px 0 0;padding:0}.mapa-report-scale-card--detailed .mapa-report-scale-card__dimension-list li{align-items:center;border-top:1px solid var(--mapa-report-line-soft, #edf1f3);display:grid;gap:16px;grid-template-columns:minmax(0,30%) var(--mapa-report-pill-width, 112px) minmax(0,1fr);min-height:54px;padding:14px 0}.mapa-report-scale-card--detailed .mapa-report-scale-card__dimension-name{font-size:14px;gap:9px}.mapa-report-scale-card--detailed .mapa-report-scale-card__copy{color:var(--mapa-report-muted, #68747a);font-size:14px;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))}}@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__head{gap:13px;grid-template-columns:1fr}.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:minmax(0,1fr) var(--mapa-report-pill-width, 112px)}.mapa-report-scale-card--detailed .mapa-report-scale-card__copy{grid-column:1/-1;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-pill-width: 112px;--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 }); }
8867
9027
  }
8868
9028
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.21", ngImport: i0, type: MapaReportScaleWidgetComponent, decorators: [{
8869
9029
  type: Component,
@@ -8873,33 +9033,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.21", ngImpo
8873
9033
  MatButtonToggleModule,
8874
9034
  MapaReportLegendComponent,
8875
9035
  SafeHtmlPipe,
8876
- ], 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"] }]
9036
+ ], 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: transparent;--mat-button-toggle-divider-color: transparent;--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: var( --mapa-toggle-selected-surface, #fff );--mat-button-toggle-selected-state-text-color: var( --mapa-toggle-selected-text, #162f42 );--mat-button-toggle-shape: 7px;--mat-button-toggle-text-color: var(--mapa-toggle-text, #5b6672);align-items:center;background:var(--mapa-toggle-surface, #f1f2f4);border:0;border-radius:9px;box-sizing:border-box;gap:2px;grid-column:2;grid-row:1;overflow:hidden;padding:3px}.mapa-report-widget__modes mat-button-toggle{border:0;border-radius:7px;font:500 13px/1 var(--mapa-font-body, \"Asap\", sans-serif)}.mapa-report-widget__modes mat-button-toggle.mat-button-toggle-checked{box-shadow:0 1px 2px #162f4224}.mapa-report-widget__modes ::ng-deep .mat-button-toggle-button:focus-visible{outline:2px solid #cf450c;outline-offset:-2px}.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;display:flex;gap:11px;margin:0 0 14px;padding:2px 0}.mapa-report-scale-group__head:after{background:var(--mapa-report-line-soft, #edf1f3);content:\"\";flex:1;height:1px;min-width:24px}.mapa-report-scale-group__head h3{font-size:18px;font-weight:600;letter-spacing:-.2px;line-height:1.25;margin:0;min-width:0;overflow-wrap:anywhere}.mapa-report-scale-group__count{color:var(--mapa-report-muted, #68747a);font-size:13px;white-space:nowrap}.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, 112px);flex:0 0 auto;max-width:var(--mapa-report-pill-width, 112px)}.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;font-weight:600;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:20px}.mapa-report-scale-card--summary .mapa-report-scale-card__head{align-items:flex-start;display:flex;gap:10px;justify-content:space-between}.mapa-report-scale-card--summary .mapa-report-scale-card__head h4{color:#234b68;font-size:16px;font-weight:600;line-height:1.2;margin:0;min-width:0;overflow-wrap:anywhere}.mapa-report-scale-card--summary .mapa-report-scale-card__score{margin:15px 0 13px}.mapa-report-scale-card--summary .mapa-report-scale-card__dimensions{border-top:1px solid var(--mapa-report-line-soft, #edf1f3);display:grid;list-style:none;margin:0;padding:0}.mapa-report-scale-card--summary .mapa-report-scale-card__dimensions li{align-items:center;box-sizing:border-box;display:grid;gap:8px;grid-template-columns:minmax(0,1fr) auto;min-height:48px;padding:10px 0}.mapa-report-scale-card--summary .mapa-report-scale-card__dimensions li+li{border-top:1px solid var(--mapa-report-line-soft, #edf1f3)}.mapa-report-scale-card--summary .mapa-report-scale-card__dimension-name{color:#3f5870;font-size:14px;line-height:1.5}.mapa-report-scale-card--detailed{padding:24px}.mapa-report-scale-card--detailed .mapa-report-scale-card__head{align-items:center;display:grid;gap:20px;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr)}.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:600;line-height:1.2;margin:0;flex:1;min-width:0;overflow-wrap:anywhere}.mapa-report-scale-card--detailed .mapa-report-scale-card__score{gap:11px}.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, #f6f7f9);border-radius:var(--mapa-report-card-radius, 10px);color:var(--mapa-report-muted, #68747a);font-size:14px;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 :last-child{margin-bottom:0}.mapa-report-scale-card--detailed .mapa-report-scale-card__dimension-list{display:grid;list-style:none;margin:14px 0 0;padding:0}.mapa-report-scale-card--detailed .mapa-report-scale-card__dimension-list li{align-items:center;border-top:1px solid var(--mapa-report-line-soft, #edf1f3);display:grid;gap:16px;grid-template-columns:minmax(0,30%) var(--mapa-report-pill-width, 112px) minmax(0,1fr);min-height:54px;padding:14px 0}.mapa-report-scale-card--detailed .mapa-report-scale-card__dimension-name{font-size:14px;gap:9px}.mapa-report-scale-card--detailed .mapa-report-scale-card__copy{color:var(--mapa-report-muted, #68747a);font-size:14px;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))}}@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__head{gap:13px;grid-template-columns:1fr}.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:minmax(0,1fr) var(--mapa-report-pill-width, 112px)}.mapa-report-scale-card--detailed .mapa-report-scale-card__copy{grid-column:1/-1;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-pill-width: 112px;--mapa-report-card-radius: 10px}\n"] }]
8877
9037
  }], 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"] }] } });
8878
9038
 
8879
- const GAUGE_SEGMENT_COUNT = 25;
8880
- const GAUGE_START_ANGLE = 180;
8881
- const GAUGE_SWEEP_ANGLE = 180;
8882
- const GAUGE_INNER_RADIUS_X = 55;
8883
- const GAUGE_INNER_RADIUS_Y = 55;
8884
- const GAUGE_OUTER_RADIUS_X = 70;
8885
- const GAUGE_OUTER_RADIUS_Y = 70;
8886
9039
  class ReportSocioemotionalContent {
8887
9040
  constructor() {
8888
9041
  this.i18n = inject(MapaI18nService);
8889
- this.gaugeSegments = Array.from({ length: GAUGE_SEGMENT_COUNT }, (_, index) => {
8890
- const angle = (GAUGE_START_ANGLE -
8891
- (index / (GAUGE_SEGMENT_COUNT - 1)) * GAUGE_SWEEP_ANGLE) *
8892
- (Math.PI / 180);
8893
- const centerX = 90;
8894
- const centerY = 86;
8895
- return {
8896
- index,
8897
- x1: centerX + Math.cos(angle) * GAUGE_INNER_RADIUS_X,
8898
- y1: centerY - Math.sin(angle) * GAUGE_INNER_RADIUS_Y,
8899
- x2: centerX + Math.cos(angle) * GAUGE_OUTER_RADIUS_X,
8900
- y2: centerY - Math.sin(angle) * GAUGE_OUTER_RADIUS_Y,
8901
- };
8902
- });
8903
9042
  this.data = input.required(...(ngDevMode ? [{ debugName: "data" }] : []));
8904
9043
  this.palette = input('current', ...(ngDevMode ? [{ debugName: "palette" }] : []));
8905
9044
  }
@@ -8908,12 +9047,6 @@ class ReportSocioemotionalContent {
8908
9047
  return 0;
8909
9048
  return Math.min(100, Math.max(0, Math.round(value)));
8910
9049
  }
8911
- activeSegmentCount(value) {
8912
- const normalized = this.clamp(value);
8913
- return normalized === 0
8914
- ? 0
8915
- : Math.ceil((normalized / 100) * this.gaugeSegments.length);
8916
- }
8917
9050
  classificationLabel(classification) {
8918
9051
  return (classification?.classificationName?.trim() ||
8919
9052
  this.i18n.texts.report.noClassification);
@@ -8936,8 +9069,15 @@ class ReportSocioemotionalContent {
8936
9069
  ? color
8937
9070
  : '#758087';
8938
9071
  }
9072
+ gaugeClassification(classification) {
9073
+ return {
9074
+ ...classification,
9075
+ classificationName: this.classificationLabel(classification),
9076
+ classificationColor: this.gaugeColor(classification),
9077
+ };
9078
+ }
8939
9079
  gaugeValueText(value, classification) {
8940
- return `${this.clamp(value)}, ${this.classificationLabel(classification)}`;
9080
+ return `${this.clamp(value)}%, ${this.classificationLabel(classification)}`;
8941
9081
  }
8942
9082
  static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.21", ngImport: i0, type: ReportSocioemotionalContent, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
8943
9083
  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 }); }
@@ -8949,21 +9089,21 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.21", ngImpo
8949
9089
  /** Reusable competencies content, without the widget heading or mode selector. */
8950
9090
  class MapaReportSocioemotionalWidgetCompetenciesComponent extends ReportSocioemotionalContent {
8951
9091
  static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.21", ngImport: i0, type: MapaReportSocioemotionalWidgetCompetenciesComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
8952
- 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 }); }
9092
+ 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 160 96\"\n aria-hidden=\"true\"\n >\n <path\n class=\"mapa-report-gauge__track\"\n d=\"M 20 84 A 60 60 0 0 1 140 84\"\n />\n @if (clamp(skill.value) > 0) {\n <path\n class=\"mapa-report-gauge__fill\"\n d=\"M 20 84 A 60 60 0 0 1 140 84\"\n pathLength=\"100\"\n [attr.stroke-dasharray]=\"\n clamp(skill.value) + ' 100'\n \"\n />\n }\n </svg>\n <div\n class=\"mapa-report-gauge__reading\"\n aria-hidden=\"true\"\n >\n <strong>{{ clamp(skill.value) }}%</strong>\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 <mapa-classification-tag\n appearance=\"solid\"\n casing=\"uppercase\"\n [classification]=\"gaugeClassification(skill.classification)\"\n />\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: transparent;--mat-button-toggle-divider-color: transparent;--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: var( --mapa-toggle-selected-surface, #fff );--mat-button-toggle-selected-state-text-color: var( --mapa-toggle-selected-text, #162f42 );--mat-button-toggle-shape: 7px;--mat-button-toggle-text-color: var(--mapa-toggle-text, #5b6672);align-items:center;background:var(--mapa-toggle-surface, #f1f2f4);border:0;border-radius:9px;box-sizing:border-box;gap:2px;grid-column:2;grid-row:1;overflow:hidden;padding:3px}.mapa-report-widget__modes mat-button-toggle{border:0;border-radius:7px;font:500 13px/1 var(--mapa-font-body, \"Asap\", sans-serif)}.mapa-report-widget__modes mat-button-toggle.mat-button-toggle-checked{box-shadow:0 1px 2px #162f4224}.mapa-report-widget__modes ::ng-deep .mat-button-toggle-button:focus-visible{outline:2px solid #cf450c;outline-offset:-2px}.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:10px;display:grid;gap:24px;grid-template-columns:200px minmax(0,1fr) minmax(0,1fr);padding:20px 22px}.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:15px;font-weight:600;gap:8px;margin:0}.mapa-report-socio__skill-copy{display:contents}.mapa-report-socio__skill-visual>mapa-classification-tag{justify-self:start}.mapa-report-socio__copy-block{align-content:start;display:grid;gap:4px;min-width:0}.mapa-report-socio__copy-block h5{color:var(--mapa-report-text, #263238);font-size:11px;font-weight:700;letter-spacing:.08em;margin:0;text-transform:uppercase}.mapa-report-socio__concept{color:var(--mapa-report-muted, #68747a);font-size:13px;line-height:1.6}.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:13px;line-height:1.6}.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:12px;overflow:hidden}.mapa-report-socio__vulnerability-head,.mapa-report-socio__vulnerability-row{align-items:start;display:grid;gap:32px;grid-template-columns:minmax(0,1.15fr) minmax(120px,.85fr) minmax(0,2fr) minmax(0,1.2fr)}.mapa-report-socio__vulnerability-head{background:var(--mapa-report-table-header, #f8fafb);border-bottom:1px solid var(--mapa-report-border, #e1e5e7);color:var(--mapa-report-muted, #68747a);font-size:12px;font-weight:600;letter-spacing:.03em;padding:16px 20px;text-transform:uppercase}.mapa-report-socio__vulnerability-row{padding:20px}.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:16px;gap:12px;line-height:1.6;margin:0;overflow-wrap:anywhere}.mapa-report-socio__vulnerability-classification{min-width:0}.mapa-report-socio__vulnerability-classification mapa-classification-tag{--mapa-classification-tag-min-width: 100%;display:block}.mapa-report-socio__vulnerability-concept,.mapa-report-socio__vulnerability-reading{min-width:0;overflow-wrap:anywhere}.mapa-report-socio__missing-copy{color:var(--mapa-report-muted, #68747a);line-height:1.6}.mapa-report-socio__cell-label{display:none}.mapa-report-gauge{display:grid;justify-items:center;width:160px}.mapa-report-gauge__visual{height:96px;position:relative;width:160px}.mapa-report-gauge__arc{display:block;height:96px;width:160px}.mapa-report-gauge__track,.mapa-report-gauge__fill{fill:none;stroke:#dfe5e7;stroke-linecap:round;stroke-width:12}.mapa-report-gauge__fill{stroke:var(--mapa-gauge-color)}.mapa-report-gauge__reading{color:var(--mapa-report-text, #263238);font-variant-numeric:tabular-nums;left:0;line-height:1;position:absolute;right:0;text-align:center;top:50px}.mapa-report-gauge__reading strong{font-size:24px;font-weight:700}.mapa-report-gauge__extremes{color:var(--mapa-report-muted, #68747a);display:flex;font-size:10.5px;justify-content:space-between;line-height:1.15;margin-top:2px;width:160px}.mapa-report-gauge__extremes span{max-width:78px}.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{display:grid;gap:16px}.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-concept,.mapa-report-socio__vulnerability-reading{display:grid;gap:6px}.mapa-report-socio__vulnerability-classification mapa-classification-tag{--mapa-classification-tag-min-width: 155px;justify-self:start}.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", "valueLabel"] }, { kind: "pipe", type: SafeHtmlPipe, name: "safeHtml" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
8953
9093
  }
8954
9094
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.21", ngImport: i0, type: MapaReportSocioemotionalWidgetCompetenciesComponent, decorators: [{
8955
9095
  type: Component,
8956
- 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"] }]
9096
+ args: [{ selector: 'mapa-report-socioemotional-widget-competencies', standalone: true, imports: [SafeHtmlPipe, MapaClassificationTagComponent], 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 160 96\"\n aria-hidden=\"true\"\n >\n <path\n class=\"mapa-report-gauge__track\"\n d=\"M 20 84 A 60 60 0 0 1 140 84\"\n />\n @if (clamp(skill.value) > 0) {\n <path\n class=\"mapa-report-gauge__fill\"\n d=\"M 20 84 A 60 60 0 0 1 140 84\"\n pathLength=\"100\"\n [attr.stroke-dasharray]=\"\n clamp(skill.value) + ' 100'\n \"\n />\n }\n </svg>\n <div\n class=\"mapa-report-gauge__reading\"\n aria-hidden=\"true\"\n >\n <strong>{{ clamp(skill.value) }}%</strong>\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 <mapa-classification-tag\n appearance=\"solid\"\n casing=\"uppercase\"\n [classification]=\"gaugeClassification(skill.classification)\"\n />\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: transparent;--mat-button-toggle-divider-color: transparent;--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: var( --mapa-toggle-selected-surface, #fff );--mat-button-toggle-selected-state-text-color: var( --mapa-toggle-selected-text, #162f42 );--mat-button-toggle-shape: 7px;--mat-button-toggle-text-color: var(--mapa-toggle-text, #5b6672);align-items:center;background:var(--mapa-toggle-surface, #f1f2f4);border:0;border-radius:9px;box-sizing:border-box;gap:2px;grid-column:2;grid-row:1;overflow:hidden;padding:3px}.mapa-report-widget__modes mat-button-toggle{border:0;border-radius:7px;font:500 13px/1 var(--mapa-font-body, \"Asap\", sans-serif)}.mapa-report-widget__modes mat-button-toggle.mat-button-toggle-checked{box-shadow:0 1px 2px #162f4224}.mapa-report-widget__modes ::ng-deep .mat-button-toggle-button:focus-visible{outline:2px solid #cf450c;outline-offset:-2px}.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:10px;display:grid;gap:24px;grid-template-columns:200px minmax(0,1fr) minmax(0,1fr);padding:20px 22px}.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:15px;font-weight:600;gap:8px;margin:0}.mapa-report-socio__skill-copy{display:contents}.mapa-report-socio__skill-visual>mapa-classification-tag{justify-self:start}.mapa-report-socio__copy-block{align-content:start;display:grid;gap:4px;min-width:0}.mapa-report-socio__copy-block h5{color:var(--mapa-report-text, #263238);font-size:11px;font-weight:700;letter-spacing:.08em;margin:0;text-transform:uppercase}.mapa-report-socio__concept{color:var(--mapa-report-muted, #68747a);font-size:13px;line-height:1.6}.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:13px;line-height:1.6}.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:12px;overflow:hidden}.mapa-report-socio__vulnerability-head,.mapa-report-socio__vulnerability-row{align-items:start;display:grid;gap:32px;grid-template-columns:minmax(0,1.15fr) minmax(120px,.85fr) minmax(0,2fr) minmax(0,1.2fr)}.mapa-report-socio__vulnerability-head{background:var(--mapa-report-table-header, #f8fafb);border-bottom:1px solid var(--mapa-report-border, #e1e5e7);color:var(--mapa-report-muted, #68747a);font-size:12px;font-weight:600;letter-spacing:.03em;padding:16px 20px;text-transform:uppercase}.mapa-report-socio__vulnerability-row{padding:20px}.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:16px;gap:12px;line-height:1.6;margin:0;overflow-wrap:anywhere}.mapa-report-socio__vulnerability-classification{min-width:0}.mapa-report-socio__vulnerability-classification mapa-classification-tag{--mapa-classification-tag-min-width: 100%;display:block}.mapa-report-socio__vulnerability-concept,.mapa-report-socio__vulnerability-reading{min-width:0;overflow-wrap:anywhere}.mapa-report-socio__missing-copy{color:var(--mapa-report-muted, #68747a);line-height:1.6}.mapa-report-socio__cell-label{display:none}.mapa-report-gauge{display:grid;justify-items:center;width:160px}.mapa-report-gauge__visual{height:96px;position:relative;width:160px}.mapa-report-gauge__arc{display:block;height:96px;width:160px}.mapa-report-gauge__track,.mapa-report-gauge__fill{fill:none;stroke:#dfe5e7;stroke-linecap:round;stroke-width:12}.mapa-report-gauge__fill{stroke:var(--mapa-gauge-color)}.mapa-report-gauge__reading{color:var(--mapa-report-text, #263238);font-variant-numeric:tabular-nums;left:0;line-height:1;position:absolute;right:0;text-align:center;top:50px}.mapa-report-gauge__reading strong{font-size:24px;font-weight:700}.mapa-report-gauge__extremes{color:var(--mapa-report-muted, #68747a);display:flex;font-size:10.5px;justify-content:space-between;line-height:1.15;margin-top:2px;width:160px}.mapa-report-gauge__extremes span{max-width:78px}.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{display:grid;gap:16px}.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-concept,.mapa-report-socio__vulnerability-reading{display:grid;gap:6px}.mapa-report-socio__vulnerability-classification mapa-classification-tag{--mapa-classification-tag-min-width: 155px;justify-self:start}.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"] }]
8957
9097
  }] });
8958
9098
 
8959
9099
  /** Reusable vulnerabilities content, without the widget heading or mode selector. */
8960
9100
  class MapaReportSocioemotionalWidgetVulnerabilitiesComponent extends ReportSocioemotionalContent {
8961
9101
  static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.21", ngImport: i0, type: MapaReportSocioemotionalWidgetVulnerabilitiesComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
8962
- 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 }); }
9102
+ 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.conceptTitle\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 item.direction\n ? skillHeadingLabel(item.name, item.direction)\n : item.name\n \"\n >\n @if (item.direction) {\n <span\n class=\"mapa-direction-indicator\"\n aria-hidden=\"true\"\n >{{ directionArrow(item.direction) }}</span\n >\n }\n <span>{{ item.name }}</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-concept\"\n role=\"cell\"\n >\n <span\n class=\"mapa-report-socio__cell-label\"\n aria-hidden=\"true\"\n >{{ i18n.texts.report.conceptTitle }}</span\n >\n @if (item.concept) {\n <div\n class=\"mapa-report-socio__concept\"\n [innerHTML]=\"item.concept | safeHtml\"\n ></div>\n } @else {\n <span class=\"mapa-report-socio__missing-copy\">\u2014</span>\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 @if (item.description) {\n <div\n class=\"mapa-report-socio__description\"\n [innerHTML]=\"item.description | safeHtml\"\n ></div>\n } @else {\n <span class=\"mapa-report-socio__missing-copy\">\u2014</span>\n }\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: transparent;--mat-button-toggle-divider-color: transparent;--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: var( --mapa-toggle-selected-surface, #fff );--mat-button-toggle-selected-state-text-color: var( --mapa-toggle-selected-text, #162f42 );--mat-button-toggle-shape: 7px;--mat-button-toggle-text-color: var(--mapa-toggle-text, #5b6672);align-items:center;background:var(--mapa-toggle-surface, #f1f2f4);border:0;border-radius:9px;box-sizing:border-box;gap:2px;grid-column:2;grid-row:1;overflow:hidden;padding:3px}.mapa-report-widget__modes mat-button-toggle{border:0;border-radius:7px;font:500 13px/1 var(--mapa-font-body, \"Asap\", sans-serif)}.mapa-report-widget__modes mat-button-toggle.mat-button-toggle-checked{box-shadow:0 1px 2px #162f4224}.mapa-report-widget__modes ::ng-deep .mat-button-toggle-button:focus-visible{outline:2px solid #cf450c;outline-offset:-2px}.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:10px;display:grid;gap:24px;grid-template-columns:200px minmax(0,1fr) minmax(0,1fr);padding:20px 22px}.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:15px;font-weight:600;gap:8px;margin:0}.mapa-report-socio__skill-copy{display:contents}.mapa-report-socio__skill-visual>mapa-classification-tag{justify-self:start}.mapa-report-socio__copy-block{align-content:start;display:grid;gap:4px;min-width:0}.mapa-report-socio__copy-block h5{color:var(--mapa-report-text, #263238);font-size:11px;font-weight:700;letter-spacing:.08em;margin:0;text-transform:uppercase}.mapa-report-socio__concept{color:var(--mapa-report-muted, #68747a);font-size:13px;line-height:1.6}.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:13px;line-height:1.6}.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:12px;overflow:hidden}.mapa-report-socio__vulnerability-head,.mapa-report-socio__vulnerability-row{align-items:start;display:grid;gap:32px;grid-template-columns:minmax(0,1.15fr) minmax(120px,.85fr) minmax(0,2fr) minmax(0,1.2fr)}.mapa-report-socio__vulnerability-head{background:var(--mapa-report-table-header, #f8fafb);border-bottom:1px solid var(--mapa-report-border, #e1e5e7);color:var(--mapa-report-muted, #68747a);font-size:12px;font-weight:600;letter-spacing:.03em;padding:16px 20px;text-transform:uppercase}.mapa-report-socio__vulnerability-row{padding:20px}.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:16px;gap:12px;line-height:1.6;margin:0;overflow-wrap:anywhere}.mapa-report-socio__vulnerability-classification{min-width:0}.mapa-report-socio__vulnerability-classification mapa-classification-tag{--mapa-classification-tag-min-width: 100%;display:block}.mapa-report-socio__vulnerability-concept,.mapa-report-socio__vulnerability-reading{min-width:0;overflow-wrap:anywhere}.mapa-report-socio__missing-copy{color:var(--mapa-report-muted, #68747a);line-height:1.6}.mapa-report-socio__cell-label{display:none}.mapa-report-gauge{display:grid;justify-items:center;width:160px}.mapa-report-gauge__visual{height:96px;position:relative;width:160px}.mapa-report-gauge__arc{display:block;height:96px;width:160px}.mapa-report-gauge__track,.mapa-report-gauge__fill{fill:none;stroke:#dfe5e7;stroke-linecap:round;stroke-width:12}.mapa-report-gauge__fill{stroke:var(--mapa-gauge-color)}.mapa-report-gauge__reading{color:var(--mapa-report-text, #263238);font-variant-numeric:tabular-nums;left:0;line-height:1;position:absolute;right:0;text-align:center;top:50px}.mapa-report-gauge__reading strong{font-size:24px;font-weight:700}.mapa-report-gauge__extremes{color:var(--mapa-report-muted, #68747a);display:flex;font-size:10.5px;justify-content:space-between;line-height:1.15;margin-top:2px;width:160px}.mapa-report-gauge__extremes span{max-width:78px}.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{display:grid;gap:16px}.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-concept,.mapa-report-socio__vulnerability-reading{display:grid;gap:6px}.mapa-report-socio__vulnerability-classification mapa-classification-tag{--mapa-classification-tag-min-width: 155px;justify-self:start}.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", "valueLabel"] }, { kind: "pipe", type: SafeHtmlPipe, name: "safeHtml" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
8963
9103
  }
8964
9104
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.21", ngImport: i0, type: MapaReportSocioemotionalWidgetVulnerabilitiesComponent, decorators: [{
8965
9105
  type: Component,
8966
- 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"] }]
9106
+ 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.conceptTitle\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 item.direction\n ? skillHeadingLabel(item.name, item.direction)\n : item.name\n \"\n >\n @if (item.direction) {\n <span\n class=\"mapa-direction-indicator\"\n aria-hidden=\"true\"\n >{{ directionArrow(item.direction) }}</span\n >\n }\n <span>{{ item.name }}</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-concept\"\n role=\"cell\"\n >\n <span\n class=\"mapa-report-socio__cell-label\"\n aria-hidden=\"true\"\n >{{ i18n.texts.report.conceptTitle }}</span\n >\n @if (item.concept) {\n <div\n class=\"mapa-report-socio__concept\"\n [innerHTML]=\"item.concept | safeHtml\"\n ></div>\n } @else {\n <span class=\"mapa-report-socio__missing-copy\">\u2014</span>\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 @if (item.description) {\n <div\n class=\"mapa-report-socio__description\"\n [innerHTML]=\"item.description | safeHtml\"\n ></div>\n } @else {\n <span class=\"mapa-report-socio__missing-copy\">\u2014</span>\n }\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: transparent;--mat-button-toggle-divider-color: transparent;--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: var( --mapa-toggle-selected-surface, #fff );--mat-button-toggle-selected-state-text-color: var( --mapa-toggle-selected-text, #162f42 );--mat-button-toggle-shape: 7px;--mat-button-toggle-text-color: var(--mapa-toggle-text, #5b6672);align-items:center;background:var(--mapa-toggle-surface, #f1f2f4);border:0;border-radius:9px;box-sizing:border-box;gap:2px;grid-column:2;grid-row:1;overflow:hidden;padding:3px}.mapa-report-widget__modes mat-button-toggle{border:0;border-radius:7px;font:500 13px/1 var(--mapa-font-body, \"Asap\", sans-serif)}.mapa-report-widget__modes mat-button-toggle.mat-button-toggle-checked{box-shadow:0 1px 2px #162f4224}.mapa-report-widget__modes ::ng-deep .mat-button-toggle-button:focus-visible{outline:2px solid #cf450c;outline-offset:-2px}.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:10px;display:grid;gap:24px;grid-template-columns:200px minmax(0,1fr) minmax(0,1fr);padding:20px 22px}.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:15px;font-weight:600;gap:8px;margin:0}.mapa-report-socio__skill-copy{display:contents}.mapa-report-socio__skill-visual>mapa-classification-tag{justify-self:start}.mapa-report-socio__copy-block{align-content:start;display:grid;gap:4px;min-width:0}.mapa-report-socio__copy-block h5{color:var(--mapa-report-text, #263238);font-size:11px;font-weight:700;letter-spacing:.08em;margin:0;text-transform:uppercase}.mapa-report-socio__concept{color:var(--mapa-report-muted, #68747a);font-size:13px;line-height:1.6}.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:13px;line-height:1.6}.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:12px;overflow:hidden}.mapa-report-socio__vulnerability-head,.mapa-report-socio__vulnerability-row{align-items:start;display:grid;gap:32px;grid-template-columns:minmax(0,1.15fr) minmax(120px,.85fr) minmax(0,2fr) minmax(0,1.2fr)}.mapa-report-socio__vulnerability-head{background:var(--mapa-report-table-header, #f8fafb);border-bottom:1px solid var(--mapa-report-border, #e1e5e7);color:var(--mapa-report-muted, #68747a);font-size:12px;font-weight:600;letter-spacing:.03em;padding:16px 20px;text-transform:uppercase}.mapa-report-socio__vulnerability-row{padding:20px}.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:16px;gap:12px;line-height:1.6;margin:0;overflow-wrap:anywhere}.mapa-report-socio__vulnerability-classification{min-width:0}.mapa-report-socio__vulnerability-classification mapa-classification-tag{--mapa-classification-tag-min-width: 100%;display:block}.mapa-report-socio__vulnerability-concept,.mapa-report-socio__vulnerability-reading{min-width:0;overflow-wrap:anywhere}.mapa-report-socio__missing-copy{color:var(--mapa-report-muted, #68747a);line-height:1.6}.mapa-report-socio__cell-label{display:none}.mapa-report-gauge{display:grid;justify-items:center;width:160px}.mapa-report-gauge__visual{height:96px;position:relative;width:160px}.mapa-report-gauge__arc{display:block;height:96px;width:160px}.mapa-report-gauge__track,.mapa-report-gauge__fill{fill:none;stroke:#dfe5e7;stroke-linecap:round;stroke-width:12}.mapa-report-gauge__fill{stroke:var(--mapa-gauge-color)}.mapa-report-gauge__reading{color:var(--mapa-report-text, #263238);font-variant-numeric:tabular-nums;left:0;line-height:1;position:absolute;right:0;text-align:center;top:50px}.mapa-report-gauge__reading strong{font-size:24px;font-weight:700}.mapa-report-gauge__extremes{color:var(--mapa-report-muted, #68747a);display:flex;font-size:10.5px;justify-content:space-between;line-height:1.15;margin-top:2px;width:160px}.mapa-report-gauge__extremes span{max-width:78px}.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{display:grid;gap:16px}.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-concept,.mapa-report-socio__vulnerability-reading{display:grid;gap:6px}.mapa-report-socio__vulnerability-classification mapa-classification-tag{--mapa-classification-tag-min-width: 155px;justify-self:start}.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"] }]
8967
9107
  }] });
8968
9108
 
8969
9109
  class MapaReportSocioemotionalWidgetComponent extends ReportSocioemotionalContent {
@@ -8972,7 +9112,7 @@ class MapaReportSocioemotionalWidgetComponent extends ReportSocioemotionalConten
8972
9112
  this.heading = input.required(...(ngDevMode ? [{ debugName: "heading" }] : []));
8973
9113
  }
8974
9114
  static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.21", ngImport: i0, type: MapaReportSocioemotionalWidgetComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
8975
- 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 }); }
9115
+ 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: transparent;--mat-button-toggle-divider-color: transparent;--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: var( --mapa-toggle-selected-surface, #fff );--mat-button-toggle-selected-state-text-color: var( --mapa-toggle-selected-text, #162f42 );--mat-button-toggle-shape: 7px;--mat-button-toggle-text-color: var(--mapa-toggle-text, #5b6672);align-items:center;background:var(--mapa-toggle-surface, #f1f2f4);border:0;border-radius:9px;box-sizing:border-box;gap:2px;grid-column:2;grid-row:1;overflow:hidden;padding:3px}.mapa-report-widget__modes mat-button-toggle{border:0;border-radius:7px;font:500 13px/1 var(--mapa-font-body, \"Asap\", sans-serif)}.mapa-report-widget__modes mat-button-toggle.mat-button-toggle-checked{box-shadow:0 1px 2px #162f4224}.mapa-report-widget__modes ::ng-deep .mat-button-toggle-button:focus-visible{outline:2px solid #cf450c;outline-offset:-2px}.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:10px;display:grid;gap:24px;grid-template-columns:200px minmax(0,1fr) minmax(0,1fr);padding:20px 22px}.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:15px;font-weight:600;gap:8px;margin:0}.mapa-report-socio__skill-copy{display:contents}.mapa-report-socio__skill-visual>mapa-classification-tag{justify-self:start}.mapa-report-socio__copy-block{align-content:start;display:grid;gap:4px;min-width:0}.mapa-report-socio__copy-block h5{color:var(--mapa-report-text, #263238);font-size:11px;font-weight:700;letter-spacing:.08em;margin:0;text-transform:uppercase}.mapa-report-socio__concept{color:var(--mapa-report-muted, #68747a);font-size:13px;line-height:1.6}.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:13px;line-height:1.6}.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:12px;overflow:hidden}.mapa-report-socio__vulnerability-head,.mapa-report-socio__vulnerability-row{align-items:start;display:grid;gap:32px;grid-template-columns:minmax(0,1.15fr) minmax(120px,.85fr) minmax(0,2fr) minmax(0,1.2fr)}.mapa-report-socio__vulnerability-head{background:var(--mapa-report-table-header, #f8fafb);border-bottom:1px solid var(--mapa-report-border, #e1e5e7);color:var(--mapa-report-muted, #68747a);font-size:12px;font-weight:600;letter-spacing:.03em;padding:16px 20px;text-transform:uppercase}.mapa-report-socio__vulnerability-row{padding:20px}.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:16px;gap:12px;line-height:1.6;margin:0;overflow-wrap:anywhere}.mapa-report-socio__vulnerability-classification{min-width:0}.mapa-report-socio__vulnerability-classification mapa-classification-tag{--mapa-classification-tag-min-width: 100%;display:block}.mapa-report-socio__vulnerability-concept,.mapa-report-socio__vulnerability-reading{min-width:0;overflow-wrap:anywhere}.mapa-report-socio__missing-copy{color:var(--mapa-report-muted, #68747a);line-height:1.6}.mapa-report-socio__cell-label{display:none}.mapa-report-gauge{display:grid;justify-items:center;width:160px}.mapa-report-gauge__visual{height:96px;position:relative;width:160px}.mapa-report-gauge__arc{display:block;height:96px;width:160px}.mapa-report-gauge__track,.mapa-report-gauge__fill{fill:none;stroke:#dfe5e7;stroke-linecap:round;stroke-width:12}.mapa-report-gauge__fill{stroke:var(--mapa-gauge-color)}.mapa-report-gauge__reading{color:var(--mapa-report-text, #263238);font-variant-numeric:tabular-nums;left:0;line-height:1;position:absolute;right:0;text-align:center;top:50px}.mapa-report-gauge__reading strong{font-size:24px;font-weight:700}.mapa-report-gauge__extremes{color:var(--mapa-report-muted, #68747a);display:flex;font-size:10.5px;justify-content:space-between;line-height:1.15;margin-top:2px;width:160px}.mapa-report-gauge__extremes span{max-width:78px}.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{display:grid;gap:16px}.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-concept,.mapa-report-socio__vulnerability-reading{display:grid;gap:6px}.mapa-report-socio__vulnerability-classification mapa-classification-tag{--mapa-classification-tag-min-width: 155px;justify-self:start}.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 }); }
8976
9116
  }
8977
9117
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.21", ngImport: i0, type: MapaReportSocioemotionalWidgetComponent, decorators: [{
8978
9118
  type: Component,
@@ -8981,7 +9121,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.21", ngImpo
8981
9121
  MapaReportSocioemotionalWidgetVulnerabilitiesComponent,
8982
9122
  MapaReportLegendComponent,
8983
9123
  SafeHtmlPipe,
8984
- ], 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"] }]
9124
+ ], 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: transparent;--mat-button-toggle-divider-color: transparent;--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: var( --mapa-toggle-selected-surface, #fff );--mat-button-toggle-selected-state-text-color: var( --mapa-toggle-selected-text, #162f42 );--mat-button-toggle-shape: 7px;--mat-button-toggle-text-color: var(--mapa-toggle-text, #5b6672);align-items:center;background:var(--mapa-toggle-surface, #f1f2f4);border:0;border-radius:9px;box-sizing:border-box;gap:2px;grid-column:2;grid-row:1;overflow:hidden;padding:3px}.mapa-report-widget__modes mat-button-toggle{border:0;border-radius:7px;font:500 13px/1 var(--mapa-font-body, \"Asap\", sans-serif)}.mapa-report-widget__modes mat-button-toggle.mat-button-toggle-checked{box-shadow:0 1px 2px #162f4224}.mapa-report-widget__modes ::ng-deep .mat-button-toggle-button:focus-visible{outline:2px solid #cf450c;outline-offset:-2px}.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:10px;display:grid;gap:24px;grid-template-columns:200px minmax(0,1fr) minmax(0,1fr);padding:20px 22px}.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:15px;font-weight:600;gap:8px;margin:0}.mapa-report-socio__skill-copy{display:contents}.mapa-report-socio__skill-visual>mapa-classification-tag{justify-self:start}.mapa-report-socio__copy-block{align-content:start;display:grid;gap:4px;min-width:0}.mapa-report-socio__copy-block h5{color:var(--mapa-report-text, #263238);font-size:11px;font-weight:700;letter-spacing:.08em;margin:0;text-transform:uppercase}.mapa-report-socio__concept{color:var(--mapa-report-muted, #68747a);font-size:13px;line-height:1.6}.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:13px;line-height:1.6}.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:12px;overflow:hidden}.mapa-report-socio__vulnerability-head,.mapa-report-socio__vulnerability-row{align-items:start;display:grid;gap:32px;grid-template-columns:minmax(0,1.15fr) minmax(120px,.85fr) minmax(0,2fr) minmax(0,1.2fr)}.mapa-report-socio__vulnerability-head{background:var(--mapa-report-table-header, #f8fafb);border-bottom:1px solid var(--mapa-report-border, #e1e5e7);color:var(--mapa-report-muted, #68747a);font-size:12px;font-weight:600;letter-spacing:.03em;padding:16px 20px;text-transform:uppercase}.mapa-report-socio__vulnerability-row{padding:20px}.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:16px;gap:12px;line-height:1.6;margin:0;overflow-wrap:anywhere}.mapa-report-socio__vulnerability-classification{min-width:0}.mapa-report-socio__vulnerability-classification mapa-classification-tag{--mapa-classification-tag-min-width: 100%;display:block}.mapa-report-socio__vulnerability-concept,.mapa-report-socio__vulnerability-reading{min-width:0;overflow-wrap:anywhere}.mapa-report-socio__missing-copy{color:var(--mapa-report-muted, #68747a);line-height:1.6}.mapa-report-socio__cell-label{display:none}.mapa-report-gauge{display:grid;justify-items:center;width:160px}.mapa-report-gauge__visual{height:96px;position:relative;width:160px}.mapa-report-gauge__arc{display:block;height:96px;width:160px}.mapa-report-gauge__track,.mapa-report-gauge__fill{fill:none;stroke:#dfe5e7;stroke-linecap:round;stroke-width:12}.mapa-report-gauge__fill{stroke:var(--mapa-gauge-color)}.mapa-report-gauge__reading{color:var(--mapa-report-text, #263238);font-variant-numeric:tabular-nums;left:0;line-height:1;position:absolute;right:0;text-align:center;top:50px}.mapa-report-gauge__reading strong{font-size:24px;font-weight:700}.mapa-report-gauge__extremes{color:var(--mapa-report-muted, #68747a);display:flex;font-size:10.5px;justify-content:space-between;line-height:1.15;margin-top:2px;width:160px}.mapa-report-gauge__extremes span{max-width:78px}.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{display:grid;gap:16px}.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-concept,.mapa-report-socio__vulnerability-reading{display:grid;gap:6px}.mapa-report-socio__vulnerability-classification mapa-classification-tag{--mapa-classification-tag-min-width: 155px;justify-self:start}.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"] }]
8985
9125
  }], propDecorators: { heading: [{ type: i0.Input, args: [{ isSignal: true, alias: "heading", required: true }] }] } });
8986
9126
 
8987
9127
  class ReportPsychosocialContent {
@@ -9012,21 +9152,21 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.21", ngImpo
9012
9152
  /** Reusable global content, without the widget heading or mode selector. */
9013
9153
  class MapaReportPsychosocialWidgetGlobalComponent extends ReportPsychosocialContent {
9014
9154
  static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.21", ngImport: i0, type: MapaReportPsychosocialWidgetGlobalComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
9015
- 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 }); }
9155
+ 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: transparent;--mat-button-toggle-divider-color: transparent;--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: var( --mapa-toggle-selected-surface, #fff );--mat-button-toggle-selected-state-text-color: var( --mapa-toggle-selected-text, #162f42 );--mat-button-toggle-shape: 7px;--mat-button-toggle-text-color: var(--mapa-toggle-text, #5b6672);align-items:center;background:var(--mapa-toggle-surface, #f1f2f4);border:0;border-radius:9px;box-sizing:border-box;gap:2px;grid-column:2;grid-row:1;overflow:hidden;padding:3px}.mapa-report-widget__modes mat-button-toggle{border:0;border-radius:7px;font:500 13px/1 var(--mapa-font-body, \"Asap\", sans-serif)}.mapa-report-widget__modes mat-button-toggle.mat-button-toggle-checked{box-shadow:0 1px 2px #162f4224}.mapa-report-widget__modes ::ng-deep .mat-button-toggle-button:focus-visible{outline:2px solid #cf450c;outline-offset:-2px}.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 mapa-result-track,.mapa-report-psychosocial__factor mapa-result-track{--mapa-result-track-height: 8px;--mapa-result-track-fill-height: 8px;--mapa-result-track-min-height: 0;--mapa-result-track-padding: 10px 0;--mapa-result-badge-top: 50%;--mapa-result-badge-transform: translate(-50%, -50%);--mapa-result-midpoint-height: 24px}.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(0,1.15fr) minmax(0,2fr) 50px;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:20px;grid-template-columns:minmax(0,1.15fr) minmax(0,2fr) 50px;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{grid-template-columns:1fr}.mapa-report-psychosocial__factor>header,.mapa-report-psychosocial__dimension{gap:8px 20px;grid-template-columns:minmax(0,1fr) 50px}.mapa-report-psychosocial__factor>header h4,.mapa-report-psychosocial__dimension-name{grid-column:1/-1}.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 }); }
9016
9156
  }
9017
9157
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.21", ngImport: i0, type: MapaReportPsychosocialWidgetGlobalComponent, decorators: [{
9018
9158
  type: Component,
9019
- 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"] }]
9159
+ 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: transparent;--mat-button-toggle-divider-color: transparent;--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: var( --mapa-toggle-selected-surface, #fff );--mat-button-toggle-selected-state-text-color: var( --mapa-toggle-selected-text, #162f42 );--mat-button-toggle-shape: 7px;--mat-button-toggle-text-color: var(--mapa-toggle-text, #5b6672);align-items:center;background:var(--mapa-toggle-surface, #f1f2f4);border:0;border-radius:9px;box-sizing:border-box;gap:2px;grid-column:2;grid-row:1;overflow:hidden;padding:3px}.mapa-report-widget__modes mat-button-toggle{border:0;border-radius:7px;font:500 13px/1 var(--mapa-font-body, \"Asap\", sans-serif)}.mapa-report-widget__modes mat-button-toggle.mat-button-toggle-checked{box-shadow:0 1px 2px #162f4224}.mapa-report-widget__modes ::ng-deep .mat-button-toggle-button:focus-visible{outline:2px solid #cf450c;outline-offset:-2px}.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 mapa-result-track,.mapa-report-psychosocial__factor mapa-result-track{--mapa-result-track-height: 8px;--mapa-result-track-fill-height: 8px;--mapa-result-track-min-height: 0;--mapa-result-track-padding: 10px 0;--mapa-result-badge-top: 50%;--mapa-result-badge-transform: translate(-50%, -50%);--mapa-result-midpoint-height: 24px}.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(0,1.15fr) minmax(0,2fr) 50px;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:20px;grid-template-columns:minmax(0,1.15fr) minmax(0,2fr) 50px;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{grid-template-columns:1fr}.mapa-report-psychosocial__factor>header,.mapa-report-psychosocial__dimension{gap:8px 20px;grid-template-columns:minmax(0,1fr) 50px}.mapa-report-psychosocial__factor>header h4,.mapa-report-psychosocial__dimension-name{grid-column:1/-1}.mapa-report-psychosocial__concept{margin:0 14px}.mapa-report-psychosocial__dimensions{padding:14px}}\n"] }]
9020
9160
  }] });
9021
9161
 
9022
9162
  /** Reusable factors content, without the widget heading or mode selector. */
9023
9163
  class MapaReportPsychosocialWidgetFactorsComponent extends ReportPsychosocialContent {
9024
9164
  static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.21", ngImport: i0, type: MapaReportPsychosocialWidgetFactorsComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
9025
- 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 }); }
9165
+ 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: transparent;--mat-button-toggle-divider-color: transparent;--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: var( --mapa-toggle-selected-surface, #fff );--mat-button-toggle-selected-state-text-color: var( --mapa-toggle-selected-text, #162f42 );--mat-button-toggle-shape: 7px;--mat-button-toggle-text-color: var(--mapa-toggle-text, #5b6672);align-items:center;background:var(--mapa-toggle-surface, #f1f2f4);border:0;border-radius:9px;box-sizing:border-box;gap:2px;grid-column:2;grid-row:1;overflow:hidden;padding:3px}.mapa-report-widget__modes mat-button-toggle{border:0;border-radius:7px;font:500 13px/1 var(--mapa-font-body, \"Asap\", sans-serif)}.mapa-report-widget__modes mat-button-toggle.mat-button-toggle-checked{box-shadow:0 1px 2px #162f4224}.mapa-report-widget__modes ::ng-deep .mat-button-toggle-button:focus-visible{outline:2px solid #cf450c;outline-offset:-2px}.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 mapa-result-track,.mapa-report-psychosocial__factor mapa-result-track{--mapa-result-track-height: 8px;--mapa-result-track-fill-height: 8px;--mapa-result-track-min-height: 0;--mapa-result-track-padding: 10px 0;--mapa-result-badge-top: 50%;--mapa-result-badge-transform: translate(-50%, -50%);--mapa-result-midpoint-height: 24px}.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(0,1.15fr) minmax(0,2fr) 50px;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:20px;grid-template-columns:minmax(0,1.15fr) minmax(0,2fr) 50px;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{grid-template-columns:1fr}.mapa-report-psychosocial__factor>header,.mapa-report-psychosocial__dimension{gap:8px 20px;grid-template-columns:minmax(0,1fr) 50px}.mapa-report-psychosocial__factor>header h4,.mapa-report-psychosocial__dimension-name{grid-column:1/-1}.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 }); }
9026
9166
  }
9027
9167
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.21", ngImport: i0, type: MapaReportPsychosocialWidgetFactorsComponent, decorators: [{
9028
9168
  type: Component,
9029
- 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"] }]
9169
+ 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: transparent;--mat-button-toggle-divider-color: transparent;--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: var( --mapa-toggle-selected-surface, #fff );--mat-button-toggle-selected-state-text-color: var( --mapa-toggle-selected-text, #162f42 );--mat-button-toggle-shape: 7px;--mat-button-toggle-text-color: var(--mapa-toggle-text, #5b6672);align-items:center;background:var(--mapa-toggle-surface, #f1f2f4);border:0;border-radius:9px;box-sizing:border-box;gap:2px;grid-column:2;grid-row:1;overflow:hidden;padding:3px}.mapa-report-widget__modes mat-button-toggle{border:0;border-radius:7px;font:500 13px/1 var(--mapa-font-body, \"Asap\", sans-serif)}.mapa-report-widget__modes mat-button-toggle.mat-button-toggle-checked{box-shadow:0 1px 2px #162f4224}.mapa-report-widget__modes ::ng-deep .mat-button-toggle-button:focus-visible{outline:2px solid #cf450c;outline-offset:-2px}.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 mapa-result-track,.mapa-report-psychosocial__factor mapa-result-track{--mapa-result-track-height: 8px;--mapa-result-track-fill-height: 8px;--mapa-result-track-min-height: 0;--mapa-result-track-padding: 10px 0;--mapa-result-badge-top: 50%;--mapa-result-badge-transform: translate(-50%, -50%);--mapa-result-midpoint-height: 24px}.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(0,1.15fr) minmax(0,2fr) 50px;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:20px;grid-template-columns:minmax(0,1.15fr) minmax(0,2fr) 50px;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{grid-template-columns:1fr}.mapa-report-psychosocial__factor>header,.mapa-report-psychosocial__dimension{gap:8px 20px;grid-template-columns:minmax(0,1fr) 50px}.mapa-report-psychosocial__factor>header h4,.mapa-report-psychosocial__dimension-name{grid-column:1/-1}.mapa-report-psychosocial__concept{margin:0 14px}.mapa-report-psychosocial__dimensions{padding:14px}}\n"] }]
9030
9170
  }] });
9031
9171
 
9032
9172
  class MapaReportPsychosocialWidgetComponent extends ReportPsychosocialContent {
@@ -9035,7 +9175,7 @@ class MapaReportPsychosocialWidgetComponent extends ReportPsychosocialContent {
9035
9175
  this.heading = input.required(...(ngDevMode ? [{ debugName: "heading" }] : []));
9036
9176
  }
9037
9177
  static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.21", ngImport: i0, type: MapaReportPsychosocialWidgetComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
9038
- 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 }); }
9178
+ 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: transparent;--mat-button-toggle-divider-color: transparent;--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: var( --mapa-toggle-selected-surface, #fff );--mat-button-toggle-selected-state-text-color: var( --mapa-toggle-selected-text, #162f42 );--mat-button-toggle-shape: 7px;--mat-button-toggle-text-color: var(--mapa-toggle-text, #5b6672);align-items:center;background:var(--mapa-toggle-surface, #f1f2f4);border:0;border-radius:9px;box-sizing:border-box;gap:2px;grid-column:2;grid-row:1;overflow:hidden;padding:3px}.mapa-report-widget__modes mat-button-toggle{border:0;border-radius:7px;font:500 13px/1 var(--mapa-font-body, \"Asap\", sans-serif)}.mapa-report-widget__modes mat-button-toggle.mat-button-toggle-checked{box-shadow:0 1px 2px #162f4224}.mapa-report-widget__modes ::ng-deep .mat-button-toggle-button:focus-visible{outline:2px solid #cf450c;outline-offset:-2px}.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 mapa-result-track,.mapa-report-psychosocial__factor mapa-result-track{--mapa-result-track-height: 8px;--mapa-result-track-fill-height: 8px;--mapa-result-track-min-height: 0;--mapa-result-track-padding: 10px 0;--mapa-result-badge-top: 50%;--mapa-result-badge-transform: translate(-50%, -50%);--mapa-result-midpoint-height: 24px}.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(0,1.15fr) minmax(0,2fr) 50px;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:20px;grid-template-columns:minmax(0,1.15fr) minmax(0,2fr) 50px;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{grid-template-columns:1fr}.mapa-report-psychosocial__factor>header,.mapa-report-psychosocial__dimension{gap:8px 20px;grid-template-columns:minmax(0,1fr) 50px}.mapa-report-psychosocial__factor>header h4,.mapa-report-psychosocial__dimension-name{grid-column:1/-1}.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 }); }
9039
9179
  }
9040
9180
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.21", ngImport: i0, type: MapaReportPsychosocialWidgetComponent, decorators: [{
9041
9181
  type: Component,
@@ -9044,7 +9184,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.21", ngImpo
9044
9184
  MapaReportPsychosocialWidgetFactorsComponent,
9045
9185
  MapaReportLegendComponent,
9046
9186
  SafeHtmlPipe,
9047
- ], 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"] }]
9187
+ ], 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: transparent;--mat-button-toggle-divider-color: transparent;--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: var( --mapa-toggle-selected-surface, #fff );--mat-button-toggle-selected-state-text-color: var( --mapa-toggle-selected-text, #162f42 );--mat-button-toggle-shape: 7px;--mat-button-toggle-text-color: var(--mapa-toggle-text, #5b6672);align-items:center;background:var(--mapa-toggle-surface, #f1f2f4);border:0;border-radius:9px;box-sizing:border-box;gap:2px;grid-column:2;grid-row:1;overflow:hidden;padding:3px}.mapa-report-widget__modes mat-button-toggle{border:0;border-radius:7px;font:500 13px/1 var(--mapa-font-body, \"Asap\", sans-serif)}.mapa-report-widget__modes mat-button-toggle.mat-button-toggle-checked{box-shadow:0 1px 2px #162f4224}.mapa-report-widget__modes ::ng-deep .mat-button-toggle-button:focus-visible{outline:2px solid #cf450c;outline-offset:-2px}.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 mapa-result-track,.mapa-report-psychosocial__factor mapa-result-track{--mapa-result-track-height: 8px;--mapa-result-track-fill-height: 8px;--mapa-result-track-min-height: 0;--mapa-result-track-padding: 10px 0;--mapa-result-badge-top: 50%;--mapa-result-badge-transform: translate(-50%, -50%);--mapa-result-midpoint-height: 24px}.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(0,1.15fr) minmax(0,2fr) 50px;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:20px;grid-template-columns:minmax(0,1.15fr) minmax(0,2fr) 50px;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{grid-template-columns:1fr}.mapa-report-psychosocial__factor>header,.mapa-report-psychosocial__dimension{gap:8px 20px;grid-template-columns:minmax(0,1fr) 50px}.mapa-report-psychosocial__factor>header h4,.mapa-report-psychosocial__dimension-name{grid-column:1/-1}.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"] }]
9048
9188
  }], propDecorators: { heading: [{ type: i0.Input, args: [{ isSignal: true, alias: "heading", required: true }] }] } });
9049
9189
 
9050
9190
  class ReportPointsContent {
@@ -9069,21 +9209,21 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.21", ngImpo
9069
9209
  /** Reusable summarized content, without the widget heading or mode selector. */
9070
9210
  class MapaReportPointsWidgetSummarizedComponent extends ReportPointsContent {
9071
9211
  static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.21", ngImport: i0, type: MapaReportPointsWidgetSummarizedComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
9072
- 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 }); }
9212
+ 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 class=\"mapa-report-point__dot\"></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 class=\"mapa-report-point__dot\"></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: transparent;--mat-button-toggle-divider-color: transparent;--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: var( --mapa-toggle-selected-surface, #fff );--mat-button-toggle-selected-state-text-color: var( --mapa-toggle-selected-text, #162f42 );--mat-button-toggle-shape: 7px;--mat-button-toggle-text-color: var(--mapa-toggle-text, #5b6672);align-items:center;background:var(--mapa-toggle-surface, #f1f2f4);border:0;border-radius:9px;box-sizing:border-box;gap:2px;grid-column:2;grid-row:1;overflow:hidden;padding:3px}.mapa-report-widget__modes mat-button-toggle{border:0;border-radius:7px;font:500 13px/1 var(--mapa-font-body, \"Asap\", sans-serif)}.mapa-report-widget__modes mat-button-toggle.mat-button-toggle-checked{box-shadow:0 1px 2px #162f4224}.mapa-report-widget__modes ::ng-deep .mat-button-toggle-button:focus-visible{outline:2px solid #cf450c;outline-offset:-2px}.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:0;border:1px solid;border-radius:10px;overflow:hidden}.mapa-report-points__group--strong{background:#fff;border-color:#d6e1ff}.mapa-report-points__group--strong .mapa-report-points__group-header{background:#f3f6ff;border-color:#d6e1ff;color:#275ecd}.mapa-report-points__group--strong .mapa-report-point__dot{background:#275ecd}.mapa-report-points__group--strong .mapa-report-points__count{background:#275ecd;color:#fff}.mapa-report-points__group--attention{background:#fff;border-color:#ffd0ca}.mapa-report-points__group--attention .mapa-report-points__group-header{background:#fef6f5;border-color:#ffd0ca;color:#b42318}.mapa-report-points__group--attention .mapa-report-point__dot{background:#ff5d4a}.mapa-report-points__group--attention .mapa-report-points__count{background:#ff5d4a;color:#263238}.mapa-report-points__group-header{align-items:center;border-bottom:1px solid;column-gap:15px;display:grid;grid-template-columns:minmax(0,1fr) auto;padding:12px 16px}.mapa-report-points__group-header>div{display:contents}.mapa-report-points__group-header h3{font-size:14px;font-weight:600;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:center;box-sizing:border-box;border-radius:6px;font-size:10px;font-weight:600;grid-column:2;grid-row:1;min-width:112px;padding:5px 8px;text-align:center;text-transform:uppercase}.mapa-report-points__items{display:grid;align-items:start;gap:8px;grid-template-columns:repeat(2,minmax(0,1fr));padding:14px}.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}.mapa-report-point[open] .mapa-report-point__arrow{transform:rotate(180deg)}.mapa-report-point summary{align-items:center;cursor:pointer;display:flex;font-size:13.5px;gap:10px;justify-content:space-between;list-style:none;box-sizing:border-box;min-height:42px;padding:10px 14px}.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);background:#fcfcfd;font-size:13px;line-height:1.55;padding:12px 14px 14px}.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 }); }
9073
9213
  }
9074
9214
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.21", ngImport: i0, type: MapaReportPointsWidgetSummarizedComponent, decorators: [{
9075
9215
  type: Component,
9076
- 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"] }]
9216
+ 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 class=\"mapa-report-point__dot\"></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 class=\"mapa-report-point__dot\"></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: transparent;--mat-button-toggle-divider-color: transparent;--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: var( --mapa-toggle-selected-surface, #fff );--mat-button-toggle-selected-state-text-color: var( --mapa-toggle-selected-text, #162f42 );--mat-button-toggle-shape: 7px;--mat-button-toggle-text-color: var(--mapa-toggle-text, #5b6672);align-items:center;background:var(--mapa-toggle-surface, #f1f2f4);border:0;border-radius:9px;box-sizing:border-box;gap:2px;grid-column:2;grid-row:1;overflow:hidden;padding:3px}.mapa-report-widget__modes mat-button-toggle{border:0;border-radius:7px;font:500 13px/1 var(--mapa-font-body, \"Asap\", sans-serif)}.mapa-report-widget__modes mat-button-toggle.mat-button-toggle-checked{box-shadow:0 1px 2px #162f4224}.mapa-report-widget__modes ::ng-deep .mat-button-toggle-button:focus-visible{outline:2px solid #cf450c;outline-offset:-2px}.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:0;border:1px solid;border-radius:10px;overflow:hidden}.mapa-report-points__group--strong{background:#fff;border-color:#d6e1ff}.mapa-report-points__group--strong .mapa-report-points__group-header{background:#f3f6ff;border-color:#d6e1ff;color:#275ecd}.mapa-report-points__group--strong .mapa-report-point__dot{background:#275ecd}.mapa-report-points__group--strong .mapa-report-points__count{background:#275ecd;color:#fff}.mapa-report-points__group--attention{background:#fff;border-color:#ffd0ca}.mapa-report-points__group--attention .mapa-report-points__group-header{background:#fef6f5;border-color:#ffd0ca;color:#b42318}.mapa-report-points__group--attention .mapa-report-point__dot{background:#ff5d4a}.mapa-report-points__group--attention .mapa-report-points__count{background:#ff5d4a;color:#263238}.mapa-report-points__group-header{align-items:center;border-bottom:1px solid;column-gap:15px;display:grid;grid-template-columns:minmax(0,1fr) auto;padding:12px 16px}.mapa-report-points__group-header>div{display:contents}.mapa-report-points__group-header h3{font-size:14px;font-weight:600;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:center;box-sizing:border-box;border-radius:6px;font-size:10px;font-weight:600;grid-column:2;grid-row:1;min-width:112px;padding:5px 8px;text-align:center;text-transform:uppercase}.mapa-report-points__items{display:grid;align-items:start;gap:8px;grid-template-columns:repeat(2,minmax(0,1fr));padding:14px}.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}.mapa-report-point[open] .mapa-report-point__arrow{transform:rotate(180deg)}.mapa-report-point summary{align-items:center;cursor:pointer;display:flex;font-size:13.5px;gap:10px;justify-content:space-between;list-style:none;box-sizing:border-box;min-height:42px;padding:10px 14px}.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);background:#fcfcfd;font-size:13px;line-height:1.55;padding:12px 14px 14px}.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"] }]
9077
9217
  }] });
9078
9218
 
9079
9219
  /** Reusable detailed content, without the widget heading or mode selector. */
9080
9220
  class MapaReportPointsWidgetDetailedComponent extends ReportPointsContent {
9081
9221
  static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.21", ngImport: i0, type: MapaReportPointsWidgetDetailedComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
9082
- 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 }); }
9222
+ 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 class=\"mapa-report-point__dot\"></span>{{ 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 class=\"mapa-report-point__dot\"></span>{{ 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: transparent;--mat-button-toggle-divider-color: transparent;--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: var( --mapa-toggle-selected-surface, #fff );--mat-button-toggle-selected-state-text-color: var( --mapa-toggle-selected-text, #162f42 );--mat-button-toggle-shape: 7px;--mat-button-toggle-text-color: var(--mapa-toggle-text, #5b6672);align-items:center;background:var(--mapa-toggle-surface, #f1f2f4);border:0;border-radius:9px;box-sizing:border-box;gap:2px;grid-column:2;grid-row:1;overflow:hidden;padding:3px}.mapa-report-widget__modes mat-button-toggle{border:0;border-radius:7px;font:500 13px/1 var(--mapa-font-body, \"Asap\", sans-serif)}.mapa-report-widget__modes mat-button-toggle.mat-button-toggle-checked{box-shadow:0 1px 2px #162f4224}.mapa-report-widget__modes ::ng-deep .mat-button-toggle-button:focus-visible{outline:2px solid #cf450c;outline-offset:-2px}.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:0;border:1px solid;border-radius:10px;overflow:hidden}.mapa-report-points__group--strong{background:#fff;border-color:#d6e1ff}.mapa-report-points__group--strong .mapa-report-points__group-header{background:#f3f6ff;border-color:#d6e1ff;color:#275ecd}.mapa-report-points__group--strong .mapa-report-point__dot{background:#275ecd}.mapa-report-points__group--strong .mapa-report-points__count{background:#275ecd;color:#fff}.mapa-report-points__group--attention{background:#fff;border-color:#ffd0ca}.mapa-report-points__group--attention .mapa-report-points__group-header{background:#fef6f5;border-color:#ffd0ca;color:#b42318}.mapa-report-points__group--attention .mapa-report-point__dot{background:#ff5d4a}.mapa-report-points__group--attention .mapa-report-points__count{background:#ff5d4a;color:#263238}.mapa-report-points__group-header{align-items:center;border-bottom:1px solid;column-gap:15px;display:grid;grid-template-columns:minmax(0,1fr) auto;padding:12px 16px}.mapa-report-points__group-header>div{display:contents}.mapa-report-points__group-header h3{font-size:14px;font-weight:600;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:center;box-sizing:border-box;border-radius:6px;font-size:10px;font-weight:600;grid-column:2;grid-row:1;min-width:112px;padding:5px 8px;text-align:center;text-transform:uppercase}.mapa-report-points__items{display:grid;align-items:start;gap:8px;grid-template-columns:repeat(2,minmax(0,1fr));padding:14px}.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}.mapa-report-point[open] .mapa-report-point__arrow{transform:rotate(180deg)}.mapa-report-point summary{align-items:center;cursor:pointer;display:flex;font-size:13.5px;gap:10px;justify-content:space-between;list-style:none;box-sizing:border-box;min-height:42px;padding:10px 14px}.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);background:#fcfcfd;font-size:13px;line-height:1.55;padding:12px 14px 14px}.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 }); }
9083
9223
  }
9084
9224
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.21", ngImport: i0, type: MapaReportPointsWidgetDetailedComponent, decorators: [{
9085
9225
  type: Component,
9086
- 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"] }]
9226
+ 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 class=\"mapa-report-point__dot\"></span>{{ 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 class=\"mapa-report-point__dot\"></span>{{ 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: transparent;--mat-button-toggle-divider-color: transparent;--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: var( --mapa-toggle-selected-surface, #fff );--mat-button-toggle-selected-state-text-color: var( --mapa-toggle-selected-text, #162f42 );--mat-button-toggle-shape: 7px;--mat-button-toggle-text-color: var(--mapa-toggle-text, #5b6672);align-items:center;background:var(--mapa-toggle-surface, #f1f2f4);border:0;border-radius:9px;box-sizing:border-box;gap:2px;grid-column:2;grid-row:1;overflow:hidden;padding:3px}.mapa-report-widget__modes mat-button-toggle{border:0;border-radius:7px;font:500 13px/1 var(--mapa-font-body, \"Asap\", sans-serif)}.mapa-report-widget__modes mat-button-toggle.mat-button-toggle-checked{box-shadow:0 1px 2px #162f4224}.mapa-report-widget__modes ::ng-deep .mat-button-toggle-button:focus-visible{outline:2px solid #cf450c;outline-offset:-2px}.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:0;border:1px solid;border-radius:10px;overflow:hidden}.mapa-report-points__group--strong{background:#fff;border-color:#d6e1ff}.mapa-report-points__group--strong .mapa-report-points__group-header{background:#f3f6ff;border-color:#d6e1ff;color:#275ecd}.mapa-report-points__group--strong .mapa-report-point__dot{background:#275ecd}.mapa-report-points__group--strong .mapa-report-points__count{background:#275ecd;color:#fff}.mapa-report-points__group--attention{background:#fff;border-color:#ffd0ca}.mapa-report-points__group--attention .mapa-report-points__group-header{background:#fef6f5;border-color:#ffd0ca;color:#b42318}.mapa-report-points__group--attention .mapa-report-point__dot{background:#ff5d4a}.mapa-report-points__group--attention .mapa-report-points__count{background:#ff5d4a;color:#263238}.mapa-report-points__group-header{align-items:center;border-bottom:1px solid;column-gap:15px;display:grid;grid-template-columns:minmax(0,1fr) auto;padding:12px 16px}.mapa-report-points__group-header>div{display:contents}.mapa-report-points__group-header h3{font-size:14px;font-weight:600;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:center;box-sizing:border-box;border-radius:6px;font-size:10px;font-weight:600;grid-column:2;grid-row:1;min-width:112px;padding:5px 8px;text-align:center;text-transform:uppercase}.mapa-report-points__items{display:grid;align-items:start;gap:8px;grid-template-columns:repeat(2,minmax(0,1fr));padding:14px}.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}.mapa-report-point[open] .mapa-report-point__arrow{transform:rotate(180deg)}.mapa-report-point summary{align-items:center;cursor:pointer;display:flex;font-size:13.5px;gap:10px;justify-content:space-between;list-style:none;box-sizing:border-box;min-height:42px;padding:10px 14px}.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);background:#fcfcfd;font-size:13px;line-height:1.55;padding:12px 14px 14px}.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"] }]
9087
9227
  }] });
9088
9228
 
9089
9229
  class MapaReportPointsWidgetComponent extends ReportPointsContent {
@@ -9093,7 +9233,7 @@ class MapaReportPointsWidgetComponent extends ReportPointsContent {
9093
9233
  this.mode = model('summarized', ...(ngDevMode ? [{ debugName: "mode" }] : []));
9094
9234
  }
9095
9235
  static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.21", ngImport: i0, type: MapaReportPointsWidgetComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
9096
- 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 }); }
9236
+ 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 {{ i18n.texts.report.summarized }}\n </mat-button-toggle>\n <mat-button-toggle\n value=\"detailed\"\n [aria-label]=\"i18n.texts.report.detailed\"\n >\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: transparent;--mat-button-toggle-divider-color: transparent;--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: var( --mapa-toggle-selected-surface, #fff );--mat-button-toggle-selected-state-text-color: var( --mapa-toggle-selected-text, #162f42 );--mat-button-toggle-shape: 7px;--mat-button-toggle-text-color: var(--mapa-toggle-text, #5b6672);align-items:center;background:var(--mapa-toggle-surface, #f1f2f4);border:0;border-radius:9px;box-sizing:border-box;gap:2px;grid-column:2;grid-row:1;overflow:hidden;padding:3px}.mapa-report-widget__modes mat-button-toggle{border:0;border-radius:7px;font:500 13px/1 var(--mapa-font-body, \"Asap\", sans-serif)}.mapa-report-widget__modes mat-button-toggle.mat-button-toggle-checked{box-shadow:0 1px 2px #162f4224}.mapa-report-widget__modes ::ng-deep .mat-button-toggle-button:focus-visible{outline:2px solid #cf450c;outline-offset:-2px}.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:0;border:1px solid;border-radius:10px;overflow:hidden}.mapa-report-points__group--strong{background:#fff;border-color:#d6e1ff}.mapa-report-points__group--strong .mapa-report-points__group-header{background:#f3f6ff;border-color:#d6e1ff;color:#275ecd}.mapa-report-points__group--strong .mapa-report-point__dot{background:#275ecd}.mapa-report-points__group--strong .mapa-report-points__count{background:#275ecd;color:#fff}.mapa-report-points__group--attention{background:#fff;border-color:#ffd0ca}.mapa-report-points__group--attention .mapa-report-points__group-header{background:#fef6f5;border-color:#ffd0ca;color:#b42318}.mapa-report-points__group--attention .mapa-report-point__dot{background:#ff5d4a}.mapa-report-points__group--attention .mapa-report-points__count{background:#ff5d4a;color:#263238}.mapa-report-points__group-header{align-items:center;border-bottom:1px solid;column-gap:15px;display:grid;grid-template-columns:minmax(0,1fr) auto;padding:12px 16px}.mapa-report-points__group-header>div{display:contents}.mapa-report-points__group-header h3{font-size:14px;font-weight:600;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:center;box-sizing:border-box;border-radius:6px;font-size:10px;font-weight:600;grid-column:2;grid-row:1;min-width:112px;padding:5px 8px;text-align:center;text-transform:uppercase}.mapa-report-points__items{display:grid;align-items:start;gap:8px;grid-template-columns:repeat(2,minmax(0,1fr));padding:14px}.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}.mapa-report-point[open] .mapa-report-point__arrow{transform:rotate(180deg)}.mapa-report-point summary{align-items:center;cursor:pointer;display:flex;font-size:13.5px;gap:10px;justify-content:space-between;list-style:none;box-sizing:border-box;min-height:42px;padding:10px 14px}.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);background:#fcfcfd;font-size:13px;line-height:1.55;padding:12px 14px 14px}.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: "pipe", type: SafeHtmlPipe, name: "safeHtml" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
9097
9237
  }
9098
9238
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.21", ngImport: i0, type: MapaReportPointsWidgetComponent, decorators: [{
9099
9239
  type: Component,
@@ -9101,9 +9241,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.21", ngImpo
9101
9241
  MapaReportPointsWidgetSummarizedComponent,
9102
9242
  MapaReportPointsWidgetDetailedComponent,
9103
9243
  MatButtonToggleModule,
9104
- MatIconModule,
9105
9244
  SafeHtmlPipe,
9106
- ], 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"] }]
9245
+ ], 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 {{ i18n.texts.report.summarized }}\n </mat-button-toggle>\n <mat-button-toggle\n value=\"detailed\"\n [aria-label]=\"i18n.texts.report.detailed\"\n >\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: transparent;--mat-button-toggle-divider-color: transparent;--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: var( --mapa-toggle-selected-surface, #fff );--mat-button-toggle-selected-state-text-color: var( --mapa-toggle-selected-text, #162f42 );--mat-button-toggle-shape: 7px;--mat-button-toggle-text-color: var(--mapa-toggle-text, #5b6672);align-items:center;background:var(--mapa-toggle-surface, #f1f2f4);border:0;border-radius:9px;box-sizing:border-box;gap:2px;grid-column:2;grid-row:1;overflow:hidden;padding:3px}.mapa-report-widget__modes mat-button-toggle{border:0;border-radius:7px;font:500 13px/1 var(--mapa-font-body, \"Asap\", sans-serif)}.mapa-report-widget__modes mat-button-toggle.mat-button-toggle-checked{box-shadow:0 1px 2px #162f4224}.mapa-report-widget__modes ::ng-deep .mat-button-toggle-button:focus-visible{outline:2px solid #cf450c;outline-offset:-2px}.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:0;border:1px solid;border-radius:10px;overflow:hidden}.mapa-report-points__group--strong{background:#fff;border-color:#d6e1ff}.mapa-report-points__group--strong .mapa-report-points__group-header{background:#f3f6ff;border-color:#d6e1ff;color:#275ecd}.mapa-report-points__group--strong .mapa-report-point__dot{background:#275ecd}.mapa-report-points__group--strong .mapa-report-points__count{background:#275ecd;color:#fff}.mapa-report-points__group--attention{background:#fff;border-color:#ffd0ca}.mapa-report-points__group--attention .mapa-report-points__group-header{background:#fef6f5;border-color:#ffd0ca;color:#b42318}.mapa-report-points__group--attention .mapa-report-point__dot{background:#ff5d4a}.mapa-report-points__group--attention .mapa-report-points__count{background:#ff5d4a;color:#263238}.mapa-report-points__group-header{align-items:center;border-bottom:1px solid;column-gap:15px;display:grid;grid-template-columns:minmax(0,1fr) auto;padding:12px 16px}.mapa-report-points__group-header>div{display:contents}.mapa-report-points__group-header h3{font-size:14px;font-weight:600;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:center;box-sizing:border-box;border-radius:6px;font-size:10px;font-weight:600;grid-column:2;grid-row:1;min-width:112px;padding:5px 8px;text-align:center;text-transform:uppercase}.mapa-report-points__items{display:grid;align-items:start;gap:8px;grid-template-columns:repeat(2,minmax(0,1fr));padding:14px}.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}.mapa-report-point[open] .mapa-report-point__arrow{transform:rotate(180deg)}.mapa-report-point summary{align-items:center;cursor:pointer;display:flex;font-size:13.5px;gap:10px;justify-content:space-between;list-style:none;box-sizing:border-box;min-height:42px;padding:10px 14px}.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);background:#fcfcfd;font-size:13px;line-height:1.55;padding:12px 14px 14px}.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"] }]
9107
9246
  }], 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"] }] } });
9108
9247
 
9109
9248
  class ReportParameterizationContent {
@@ -9112,7 +9251,7 @@ class ReportParameterizationContent {
9112
9251
  this.data = input.required(...(ngDevMode ? [{ debugName: "data" }] : []));
9113
9252
  this.palette = input('current', ...(ngDevMode ? [{ debugName: "palette" }] : []));
9114
9253
  this.metadata = computed(() => (this.data().metadata ?? []).filter((item) => !!item.value?.trim()), ...(ngDevMode ? [{ debugName: "metadata" }] : []));
9115
- /** Classificação final do resultado: tag neutra logo abaixo do nome da parametrização. */
9254
+ /** Classificação final do resultado, com a cor configurada na parametrização. */
9116
9255
  this.finalClassification = computed(() => {
9117
9256
  const final = this.data().finalClassification;
9118
9257
  return final?.label?.trim() ? final : null;
@@ -9222,27 +9361,27 @@ class MapaReportParameterizationWidgetOverviewComponent extends ReportParameteri
9222
9361
  this.title = input(...(ngDevMode ? [undefined, { debugName: "title" }] : []));
9223
9362
  }
9224
9363
  static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.21", ngImport: i0, type: MapaReportParameterizationWidgetOverviewComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
9225
- 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 }); }
9364
+ 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=\"#3f5870\"\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 <mapa-classification-tag\n size=\"medium\"\n casing=\"natural\"\n [classification]=\"{\n classificationId: final.classificationId,\n classificationName: final.label,\n classificationColor: final.color || '#eef2f3',\n }\"\n />\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: transparent;--mat-button-toggle-divider-color: transparent;--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: var( --mapa-toggle-selected-surface, #fff );--mat-button-toggle-selected-state-text-color: var( --mapa-toggle-selected-text, #162f42 );--mat-button-toggle-shape: 7px;--mat-button-toggle-text-color: var(--mapa-toggle-text, #5b6672);align-items:center;background:var(--mapa-toggle-surface, #f1f2f4);border:0;border-radius:9px;box-sizing:border-box;gap:2px;grid-column:2;grid-row:1;overflow:hidden;padding:3px}.mapa-report-widget__modes mat-button-toggle{border:0;border-radius:7px;font:500 13px/1 var(--mapa-font-body, \"Asap\", sans-serif)}.mapa-report-widget__modes mat-button-toggle.mat-button-toggle-checked{box-shadow:0 1px 2px #162f4224}.mapa-report-widget__modes ::ng-deep .mat-button-toggle-button:focus-visible{outline:2px solid #cf450c;outline-offset:-2px}.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__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, #3f5870);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"] }, { kind: "component", type: MapaClassificationTagComponent, selector: "mapa-classification-tag", inputs: ["classification", "size", "appearance", "shape", "casing", "fallbackLabel", "valueLabel"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
9226
9365
  }
9227
9366
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.21", ngImport: i0, type: MapaReportParameterizationWidgetOverviewComponent, decorators: [{
9228
9367
  type: Component,
9229
- 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"] }]
9368
+ args: [{ selector: 'mapa-report-parameterization-widget-overview', standalone: true, imports: [MapaResultTrackComponent, MapaClassificationTagComponent], 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=\"#3f5870\"\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 <mapa-classification-tag\n size=\"medium\"\n casing=\"natural\"\n [classification]=\"{\n classificationId: final.classificationId,\n classificationName: final.label,\n classificationColor: final.color || '#eef2f3',\n }\"\n />\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: transparent;--mat-button-toggle-divider-color: transparent;--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: var( --mapa-toggle-selected-surface, #fff );--mat-button-toggle-selected-state-text-color: var( --mapa-toggle-selected-text, #162f42 );--mat-button-toggle-shape: 7px;--mat-button-toggle-text-color: var(--mapa-toggle-text, #5b6672);align-items:center;background:var(--mapa-toggle-surface, #f1f2f4);border:0;border-radius:9px;box-sizing:border-box;gap:2px;grid-column:2;grid-row:1;overflow:hidden;padding:3px}.mapa-report-widget__modes mat-button-toggle{border:0;border-radius:7px;font:500 13px/1 var(--mapa-font-body, \"Asap\", sans-serif)}.mapa-report-widget__modes mat-button-toggle.mat-button-toggle-checked{box-shadow:0 1px 2px #162f4224}.mapa-report-widget__modes ::ng-deep .mat-button-toggle-button:focus-visible{outline:2px solid #cf450c;outline-offset:-2px}.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__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, #3f5870);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"] }]
9230
9369
  }], propDecorators: { title: [{ type: i0.Input, args: [{ isSignal: true, alias: "title", required: false }] }] } });
9231
9370
 
9232
9371
  /** Reusable summarized content, without the widget heading or mode selector. */
9233
9372
  class MapaReportParameterizationWidgetSummarizedComponent extends ReportParameterizationContent {
9234
9373
  static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.21", ngImport: i0, type: MapaReportParameterizationWidgetSummarizedComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
9235
- 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 }); }
9374
+ 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: transparent;--mat-button-toggle-divider-color: transparent;--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: var( --mapa-toggle-selected-surface, #fff );--mat-button-toggle-selected-state-text-color: var( --mapa-toggle-selected-text, #162f42 );--mat-button-toggle-shape: 7px;--mat-button-toggle-text-color: var(--mapa-toggle-text, #5b6672);align-items:center;background:var(--mapa-toggle-surface, #f1f2f4);border:0;border-radius:9px;box-sizing:border-box;gap:2px;grid-column:2;grid-row:1;overflow:hidden;padding:3px}.mapa-report-widget__modes mat-button-toggle{border:0;border-radius:7px;font:500 13px/1 var(--mapa-font-body, \"Asap\", sans-serif)}.mapa-report-widget__modes mat-button-toggle.mat-button-toggle-checked{box-shadow:0 1px 2px #162f4224}.mapa-report-widget__modes ::ng-deep .mat-button-toggle-button:focus-visible{outline:2px solid #cf450c;outline-offset:-2px}.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__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, #3f5870);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 }); }
9236
9375
  }
9237
9376
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.21", ngImport: i0, type: MapaReportParameterizationWidgetSummarizedComponent, decorators: [{
9238
9377
  type: Component,
9239
- 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"] }]
9378
+ 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: transparent;--mat-button-toggle-divider-color: transparent;--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: var( --mapa-toggle-selected-surface, #fff );--mat-button-toggle-selected-state-text-color: var( --mapa-toggle-selected-text, #162f42 );--mat-button-toggle-shape: 7px;--mat-button-toggle-text-color: var(--mapa-toggle-text, #5b6672);align-items:center;background:var(--mapa-toggle-surface, #f1f2f4);border:0;border-radius:9px;box-sizing:border-box;gap:2px;grid-column:2;grid-row:1;overflow:hidden;padding:3px}.mapa-report-widget__modes mat-button-toggle{border:0;border-radius:7px;font:500 13px/1 var(--mapa-font-body, \"Asap\", sans-serif)}.mapa-report-widget__modes mat-button-toggle.mat-button-toggle-checked{box-shadow:0 1px 2px #162f4224}.mapa-report-widget__modes ::ng-deep .mat-button-toggle-button:focus-visible{outline:2px solid #cf450c;outline-offset:-2px}.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__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, #3f5870);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"] }]
9240
9379
  }] });
9241
9380
 
9242
9381
  /** Reusable detailed content, without the widget heading or mode selector. */
9243
9382
  class MapaReportParameterizationWidgetDetailedComponent extends ReportParameterizationContent {
9244
9383
  static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.21", ngImport: i0, type: MapaReportParameterizationWidgetDetailedComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
9245
- 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 }); }
9384
+ 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=\"#3f5870\"\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=\"#3f5870\"\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: transparent;--mat-button-toggle-divider-color: transparent;--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: var( --mapa-toggle-selected-surface, #fff );--mat-button-toggle-selected-state-text-color: var( --mapa-toggle-selected-text, #162f42 );--mat-button-toggle-shape: 7px;--mat-button-toggle-text-color: var(--mapa-toggle-text, #5b6672);align-items:center;background:var(--mapa-toggle-surface, #f1f2f4);border:0;border-radius:9px;box-sizing:border-box;gap:2px;grid-column:2;grid-row:1;overflow:hidden;padding:3px}.mapa-report-widget__modes mat-button-toggle{border:0;border-radius:7px;font:500 13px/1 var(--mapa-font-body, \"Asap\", sans-serif)}.mapa-report-widget__modes mat-button-toggle.mat-button-toggle-checked{box-shadow:0 1px 2px #162f4224}.mapa-report-widget__modes ::ng-deep .mat-button-toggle-button:focus-visible{outline:2px solid #cf450c;outline-offset:-2px}.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__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, #3f5870);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", "valueLabel"] }, { 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 }); }
9246
9385
  }
9247
9386
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.21", ngImport: i0, type: MapaReportParameterizationWidgetDetailedComponent, decorators: [{
9248
9387
  type: Component,
@@ -9250,7 +9389,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.21", ngImpo
9250
9389
  MapaClassificationTagComponent,
9251
9390
  MapaResultTrackComponent,
9252
9391
  SafeHtmlPipe,
9253
- ], 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"] }]
9392
+ ], 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=\"#3f5870\"\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=\"#3f5870\"\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: transparent;--mat-button-toggle-divider-color: transparent;--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: var( --mapa-toggle-selected-surface, #fff );--mat-button-toggle-selected-state-text-color: var( --mapa-toggle-selected-text, #162f42 );--mat-button-toggle-shape: 7px;--mat-button-toggle-text-color: var(--mapa-toggle-text, #5b6672);align-items:center;background:var(--mapa-toggle-surface, #f1f2f4);border:0;border-radius:9px;box-sizing:border-box;gap:2px;grid-column:2;grid-row:1;overflow:hidden;padding:3px}.mapa-report-widget__modes mat-button-toggle{border:0;border-radius:7px;font:500 13px/1 var(--mapa-font-body, \"Asap\", sans-serif)}.mapa-report-widget__modes mat-button-toggle.mat-button-toggle-checked{box-shadow:0 1px 2px #162f4224}.mapa-report-widget__modes ::ng-deep .mat-button-toggle-button:focus-visible{outline:2px solid #cf450c;outline-offset:-2px}.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__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, #3f5870);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"] }]
9254
9393
  }] });
9255
9394
 
9256
9395
  /** A single ranking table, without view selector, heading or export button. */
@@ -9259,6 +9398,7 @@ class MapaReportRankingTableContentComponent {
9259
9398
  this.i18n = inject(MapaI18nService);
9260
9399
  this.palette = input('current', ...(ngDevMode ? [{ debugName: "palette" }] : []));
9261
9400
  this.showAverage = input(false, ...(ngDevMode ? [{ debugName: "showAverage" }] : []));
9401
+ this.cellDisplay = input('classification', ...(ngDevMode ? [{ debugName: "cellDisplay" }] : []));
9262
9402
  /** Header of the entry column. */
9263
9403
  this.entryColumnLabel = input(...(ngDevMode ? [undefined, { debugName: "entryColumnLabel" }] : []));
9264
9404
  /** Footnote under the table. */
@@ -9292,7 +9432,8 @@ class MapaReportRankingTableContentComponent {
9292
9432
  if (seen.has(key))
9293
9433
  continue;
9294
9434
  seen.add(key);
9295
- columns.push({ key, label: dimension.name, sortable: true });
9435
+ columns.push({ key, label: dimension.name, sortable: true,
9436
+ headerDirection: dimension.direction });
9296
9437
  }
9297
9438
  }
9298
9439
  return columns;
@@ -9342,6 +9483,7 @@ class MapaReportRankingTableContentComponent {
9342
9483
  toRow(entry) {
9343
9484
  const row = {
9344
9485
  name: entry.name,
9486
+ color: entry.color,
9345
9487
  description: entry.description,
9346
9488
  average: entry.average,
9347
9489
  };
@@ -9358,7 +9500,17 @@ class MapaReportRankingTableContentComponent {
9358
9500
  if (!sort.active || !sort.direction)
9359
9501
  return rows;
9360
9502
  const multiplier = sort.direction === 'asc' ? 1 : -1;
9361
- return [...rows].sort((left, right) => String(this.sortValue(left, sort.active)).localeCompare(String(this.sortValue(right, sort.active)), undefined, { numeric: true, sensitivity: 'base' }) * multiplier);
9503
+ return [...rows].sort((left, right) => {
9504
+ const a = this.sortValue(left, sort.active);
9505
+ const b = this.sortValue(right, sort.active);
9506
+ if (a === null)
9507
+ return b === null ? 0 : 1;
9508
+ if (b === null)
9509
+ return -1;
9510
+ return (typeof a === 'number' && typeof b === 'number'
9511
+ ? a - b
9512
+ : String(a).localeCompare(String(b), undefined, { numeric: true, sensitivity: 'base' })) * multiplier;
9513
+ });
9362
9514
  }
9363
9515
  /**
9364
9516
  * Dimensions sort by classification rank so the columns order by severity,
@@ -9369,10 +9521,13 @@ class MapaReportRankingTableContentComponent {
9369
9521
  sortValue(row, key) {
9370
9522
  const cell = this.cell(row, key);
9371
9523
  if (cell) {
9372
- return (cell.classification?.classificationId ??
9524
+ const value = ((this.cellDisplay() === 'classification' ? cell.classification?.classificationId : undefined) ??
9373
9525
  (typeof cell.value === 'number' || typeof cell.value === 'string'
9374
9526
  ? cell.value
9375
- : 0));
9527
+ : null));
9528
+ if (typeof value === 'string' && /^-?\d+(?:[.,]\d+)?%?$/.test(value.trim()))
9529
+ return Number(value.trim().replace('%', '').replace(',', '.'));
9530
+ return value;
9376
9531
  }
9377
9532
  const value = row[key];
9378
9533
  return typeof value === 'number' || typeof value === 'string' ? value : '';
@@ -9381,7 +9536,7 @@ class MapaReportRankingTableContentComponent {
9381
9536
  return name.trim().toLowerCase();
9382
9537
  }
9383
9538
  static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.21", ngImport: i0, type: MapaReportRankingTableContentComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
9384
- 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 }); }
9539
+ 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 }, cellDisplay: { classPropertyName: "cellDisplay", publicName: "cellDisplay", 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 responsiveLayout=\"scroll\"\n [stickyFirstColumn]=\"true\"\n (sortChange)=\"handleSortChange($event)\"\n >\n <ng-template mapaTableCell=\"name\" let-row>\n <div class=\"mapa-report-ranking-table__entry\">\n @if ($any(row).color) {\n <i class=\"mapa-report-ranking-table__group-color\" aria-hidden=\"true\"\n [style.background-color]=\"$any(row).color\"></i>\n }\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 [valueLabel]=\"cellDisplay() === 'classified-value' ? value($any(row), column.key) : undefined\"\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: transparent;--mat-button-toggle-divider-color: transparent;--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: var( --mapa-toggle-selected-surface, #fff );--mat-button-toggle-selected-state-text-color: var( --mapa-toggle-selected-text, #162f42 );--mat-button-toggle-shape: 7px;--mat-button-toggle-text-color: var(--mapa-toggle-text, #5b6672);align-items:center;background:var(--mapa-toggle-surface, #f1f2f4);border:0;border-radius:9px;box-sizing:border-box;gap:2px;grid-column:2;grid-row:1;overflow:hidden;padding:3px}.mapa-report-widget__modes mat-button-toggle{border:0;border-radius:7px;font:500 13px/1 var(--mapa-font-body, \"Asap\", sans-serif)}.mapa-report-widget__modes mat-button-toggle.mat-button-toggle-checked{box-shadow:0 1px 2px #162f4224}.mapa-report-widget__modes ::ng-deep .mat-button-toggle-button:focus-visible{outline:2px solid #cf450c;outline-offset:-2px}.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__actions{align-items:center;display:flex;flex-wrap:wrap;gap:10px;grid-column:2;grid-row:1;justify-content:end}.mapa-report-ranking-table__group-color{background:currentColor;border-radius:3px;flex:0 0 10px;height:10px;margin-top:4px}.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{align-items:start;display:flex;flex-wrap:wrap;gap:8px}.mapa-report-ranking-table__entry strong{color:var(--mapa-report-text, #263238);font-size:13px;font-weight:500;line-height:1.35;min-width:0;overflow-wrap:anywhere;white-space:normal;flex:1}.mapa-report-ranking-table__entry small{color:var(--mapa-report-muted, #68747a);font-size:11px;line-height:1.35;flex-basis:100%;overflow-wrap:anywhere;white-space:normal}.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}@media(max-width:760px){:host{--mapa-report-ranking-entry-width: 144px}.mapa-report-ranking-table__actions{grid-column:1/-1;grid-row:auto;justify-content:start}}\n"], dependencies: [{ kind: "component", type: MapaClassificationTagComponent, selector: "mapa-classification-tag", inputs: ["classification", "size", "appearance", "shape", "casing", "fallbackLabel", "valueLabel"] }, { kind: "directive", type: MapaTableCellDirective, selector: "ng-template[mapaTableCell]", inputs: ["mapaTableCell"] }, { kind: "component", type: MapaTableComponent, selector: "mapa-table", inputs: ["columns", "data", "rowKey", "caption", "responsiveLayout", "stickyFirstColumn", "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 }); }
9385
9540
  }
9386
9541
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.21", ngImport: i0, type: MapaReportRankingTableContentComponent, decorators: [{
9387
9542
  type: Component,
@@ -9390,8 +9545,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.21", ngImpo
9390
9545
  MapaTableCellDirective,
9391
9546
  MapaTableComponent,
9392
9547
  SafeHtmlPipe,
9393
- ], 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"] }]
9394
- }], 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 }] }] } });
9548
+ ], 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 responsiveLayout=\"scroll\"\n [stickyFirstColumn]=\"true\"\n (sortChange)=\"handleSortChange($event)\"\n >\n <ng-template mapaTableCell=\"name\" let-row>\n <div class=\"mapa-report-ranking-table__entry\">\n @if ($any(row).color) {\n <i class=\"mapa-report-ranking-table__group-color\" aria-hidden=\"true\"\n [style.background-color]=\"$any(row).color\"></i>\n }\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 [valueLabel]=\"cellDisplay() === 'classified-value' ? value($any(row), column.key) : undefined\"\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: transparent;--mat-button-toggle-divider-color: transparent;--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: var( --mapa-toggle-selected-surface, #fff );--mat-button-toggle-selected-state-text-color: var( --mapa-toggle-selected-text, #162f42 );--mat-button-toggle-shape: 7px;--mat-button-toggle-text-color: var(--mapa-toggle-text, #5b6672);align-items:center;background:var(--mapa-toggle-surface, #f1f2f4);border:0;border-radius:9px;box-sizing:border-box;gap:2px;grid-column:2;grid-row:1;overflow:hidden;padding:3px}.mapa-report-widget__modes mat-button-toggle{border:0;border-radius:7px;font:500 13px/1 var(--mapa-font-body, \"Asap\", sans-serif)}.mapa-report-widget__modes mat-button-toggle.mat-button-toggle-checked{box-shadow:0 1px 2px #162f4224}.mapa-report-widget__modes ::ng-deep .mat-button-toggle-button:focus-visible{outline:2px solid #cf450c;outline-offset:-2px}.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__actions{align-items:center;display:flex;flex-wrap:wrap;gap:10px;grid-column:2;grid-row:1;justify-content:end}.mapa-report-ranking-table__group-color{background:currentColor;border-radius:3px;flex:0 0 10px;height:10px;margin-top:4px}.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{align-items:start;display:flex;flex-wrap:wrap;gap:8px}.mapa-report-ranking-table__entry strong{color:var(--mapa-report-text, #263238);font-size:13px;font-weight:500;line-height:1.35;min-width:0;overflow-wrap:anywhere;white-space:normal;flex:1}.mapa-report-ranking-table__entry small{color:var(--mapa-report-muted, #68747a);font-size:11px;line-height:1.35;flex-basis:100%;overflow-wrap:anywhere;white-space:normal}.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}@media(max-width:760px){:host{--mapa-report-ranking-entry-width: 144px}.mapa-report-ranking-table__actions{grid-column:1/-1;grid-row:auto;justify-content:start}}\n"] }]
9549
+ }], propDecorators: { palette: [{ type: i0.Input, args: [{ isSignal: true, alias: "palette", required: false }] }], showAverage: [{ type: i0.Input, args: [{ isSignal: true, alias: "showAverage", required: false }] }], cellDisplay: [{ type: i0.Input, args: [{ isSignal: true, alias: "cellDisplay", 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 }] }] } });
9395
9550
 
9396
9551
  class MapaReportRankingTableWidgetComponent {
9397
9552
  constructor() {
@@ -9400,8 +9555,18 @@ class MapaReportRankingTableWidgetComponent {
9400
9555
  this.views = input([], ...(ngDevMode ? [{ debugName: "views" }] : []));
9401
9556
  /** Id of the active view; two-way so the host can drive or observe it. */
9402
9557
  this.view = model(...(ngDevMode ? [undefined, { debugName: "view" }] : []));
9558
+ /**
9559
+ * Optional second switch, shown before the views switch (e.g. scales /
9560
+ * factors). The host rebuilds `views` when the active level changes.
9561
+ */
9562
+ this.levels = input([], ...(ngDevMode ? [{ debugName: "levels" }] : []));
9563
+ /** Id of the active level; two-way so the host can drive or observe it. */
9564
+ this.level = model(...(ngDevMode ? [undefined, { debugName: "level" }] : []));
9565
+ /** Accessible name of the level switch. */
9566
+ this.levelsLabel = input(...(ngDevMode ? [undefined, { debugName: "levelsLabel" }] : []));
9403
9567
  this.palette = input('current', ...(ngDevMode ? [{ debugName: "palette" }] : []));
9404
9568
  this.showAverage = input(false, ...(ngDevMode ? [{ debugName: "showAverage" }] : []));
9569
+ this.cellDisplay = input('classification', ...(ngDevMode ? [{ debugName: "cellDisplay" }] : []));
9405
9570
  /** Header of the first column, per view id. Falls back to the view label. */
9406
9571
  this.entryColumnLabel = input(...(ngDevMode ? [undefined, { debugName: "entryColumnLabel" }] : []));
9407
9572
  /** Footnote under the table. */
@@ -9420,13 +9585,21 @@ class MapaReportRankingTableWidgetComponent {
9420
9585
  const views = this.visibleViews();
9421
9586
  return views.find((item) => item.id === this.view()) ?? views[0];
9422
9587
  }, ...(ngDevMode ? [{ debugName: "activeView" }] : []));
9588
+ this.activeLevel = computed(() => {
9589
+ const levels = this.levels();
9590
+ return levels.find((item) => item.id === this.level())?.id ?? levels[0]?.id;
9591
+ }, ...(ngDevMode ? [{ debugName: "activeLevel" }] : []));
9423
9592
  }
9424
9593
  selectView(id) {
9425
9594
  this.view.set(id);
9426
9595
  this.sort.set({ active: '', direction: '' });
9427
9596
  }
9597
+ selectLevel(id) {
9598
+ this.level.set(id);
9599
+ this.sort.set({ active: '', direction: '' });
9600
+ }
9428
9601
  static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.21", ngImport: i0, type: MapaReportRankingTableWidgetComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
9429
- 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 }); }
9602
+ 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 }, levels: { classPropertyName: "levels", publicName: "levels", isSignal: true, isRequired: false, transformFunction: null }, level: { classPropertyName: "level", publicName: "level", isSignal: true, isRequired: false, transformFunction: null }, levelsLabel: { classPropertyName: "levelsLabel", publicName: "levelsLabel", 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 }, cellDisplay: { classPropertyName: "cellDisplay", publicName: "cellDisplay", 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", level: "levelChange", exportRequested: "exportRequested" }, ngImport: i0, template: "<section class=\"mapa-report-widget\" [attr.data-palette]=\"palette()\">\n @if (\n heading() || exportLabel() || visibleViews().length > 1 || levels().length > 1\n ) {\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 <div class=\"mapa-report-ranking-table__actions\">\n @if (levels().length > 1) {\n <mat-button-toggle-group\n class=\"mapa-report-widget__modes mapa-report-ranking-table__modes mapa-report-ranking-table__levels\"\n hideSingleSelectionIndicator\n [attr.aria-label]=\"levelsLabel() ?? i18n.texts.report.viewModeLabel\"\n [value]=\"activeLevel()\"\n (change)=\"selectLevel($event.value)\"\n >\n @for (item of levels(); 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 (visibleViews().length > 1) {\n <mat-button-toggle-group\n class=\"mapa-report-widget__modes mapa-report-ranking-table__modes\"\n hideSingleSelectionIndicator\n [attr.aria-label]=\"i18n.texts.report.viewModeLabel\"\n [value]=\"activeView()?.id\"\n (change)=\"selectView($event.value)\"\n >\n @for (item of visibleViews(); track item.id) {\n <mat-button-toggle [value]=\"item.id\">\n @if (item.icon) {\n <mat-icon aria-hidden=\"true\">{{ item.icon }}</mat-icon>\n }\n {{ item.label }}\n </mat-button-toggle>\n }\n </mat-button-toggle-group>\n }\n\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 </div>\n </header>\n }\n\n <ng-content select=\"[mapaReportRankingLegend]\"></ng-content>\n\n\n <mapa-report-ranking-table-content\n [entries]=\"activeView()?.entries ?? []\"\n [palette]=\"palette()\"\n [showAverage]=\"showAverage()\"\n [cellDisplay]=\"cellDisplay()\"\n [entryColumnLabel]=\"entryColumnLabel() ?? activeView()?.label\"\n [averageLabel]=\"averageLabel()\"\n [note]=\"note()\"\n [caption]=\"heading()?.title ?? ''\"\n [(sort)]=\"sort\"\n />\n\n <ng-content select=\"[mapaReportRankingFooter]\"></ng-content>\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: transparent;--mat-button-toggle-divider-color: transparent;--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: var( --mapa-toggle-selected-surface, #fff );--mat-button-toggle-selected-state-text-color: var( --mapa-toggle-selected-text, #162f42 );--mat-button-toggle-shape: 7px;--mat-button-toggle-text-color: var(--mapa-toggle-text, #5b6672);align-items:center;background:var(--mapa-toggle-surface, #f1f2f4);border:0;border-radius:9px;box-sizing:border-box;gap:2px;grid-column:2;grid-row:1;overflow:hidden;padding:3px}.mapa-report-widget__modes mat-button-toggle{border:0;border-radius:7px;font:500 13px/1 var(--mapa-font-body, \"Asap\", sans-serif)}.mapa-report-widget__modes mat-button-toggle.mat-button-toggle-checked{box-shadow:0 1px 2px #162f4224}.mapa-report-widget__modes ::ng-deep .mat-button-toggle-button:focus-visible{outline:2px solid #cf450c;outline-offset:-2px}.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__actions{align-items:center;display:flex;flex-wrap:wrap;gap:10px;grid-column:2;grid-row:1;justify-content:end}.mapa-report-ranking-table__group-color{background:currentColor;border-radius:3px;flex:0 0 10px;height:10px;margin-top:4px}.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{align-items:start;display:flex;flex-wrap:wrap;gap:8px}.mapa-report-ranking-table__entry strong{color:var(--mapa-report-text, #263238);font-size:13px;font-weight:500;line-height:1.35;min-width:0;overflow-wrap:anywhere;white-space:normal;flex:1}.mapa-report-ranking-table__entry small{color:var(--mapa-report-muted, #68747a);font-size:11px;line-height:1.35;flex-basis:100%;overflow-wrap:anywhere;white-space:normal}.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}@media(max-width:760px){:host{--mapa-report-ranking-entry-width: 144px}.mapa-report-ranking-table__actions{grid-column:1/-1;grid-row:auto;justify-content:start}}: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", "cellDisplay", "entryColumnLabel", "note", "averageLabel", "sort", "entries", "caption"], outputs: ["sortChange"] }, { kind: "pipe", type: SafeHtmlPipe, name: "safeHtml" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
9430
9603
  }
9431
9604
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.21", ngImport: i0, type: MapaReportRankingTableWidgetComponent, decorators: [{
9432
9605
  type: Component,
@@ -9435,17 +9608,17 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.21", ngImpo
9435
9608
  MatIconModule,
9436
9609
  SafeHtmlPipe,
9437
9610
  MapaReportRankingTableContentComponent,
9438
- ], 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"] }]
9439
- }], 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"] }] } });
9611
+ ], changeDetection: ChangeDetectionStrategy.OnPush, template: "<section class=\"mapa-report-widget\" [attr.data-palette]=\"palette()\">\n @if (\n heading() || exportLabel() || visibleViews().length > 1 || levels().length > 1\n ) {\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 <div class=\"mapa-report-ranking-table__actions\">\n @if (levels().length > 1) {\n <mat-button-toggle-group\n class=\"mapa-report-widget__modes mapa-report-ranking-table__modes mapa-report-ranking-table__levels\"\n hideSingleSelectionIndicator\n [attr.aria-label]=\"levelsLabel() ?? i18n.texts.report.viewModeLabel\"\n [value]=\"activeLevel()\"\n (change)=\"selectLevel($event.value)\"\n >\n @for (item of levels(); 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 (visibleViews().length > 1) {\n <mat-button-toggle-group\n class=\"mapa-report-widget__modes mapa-report-ranking-table__modes\"\n hideSingleSelectionIndicator\n [attr.aria-label]=\"i18n.texts.report.viewModeLabel\"\n [value]=\"activeView()?.id\"\n (change)=\"selectView($event.value)\"\n >\n @for (item of visibleViews(); track item.id) {\n <mat-button-toggle [value]=\"item.id\">\n @if (item.icon) {\n <mat-icon aria-hidden=\"true\">{{ item.icon }}</mat-icon>\n }\n {{ item.label }}\n </mat-button-toggle>\n }\n </mat-button-toggle-group>\n }\n\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 </div>\n </header>\n }\n\n <ng-content select=\"[mapaReportRankingLegend]\"></ng-content>\n\n\n <mapa-report-ranking-table-content\n [entries]=\"activeView()?.entries ?? []\"\n [palette]=\"palette()\"\n [showAverage]=\"showAverage()\"\n [cellDisplay]=\"cellDisplay()\"\n [entryColumnLabel]=\"entryColumnLabel() ?? activeView()?.label\"\n [averageLabel]=\"averageLabel()\"\n [note]=\"note()\"\n [caption]=\"heading()?.title ?? ''\"\n [(sort)]=\"sort\"\n />\n\n <ng-content select=\"[mapaReportRankingFooter]\"></ng-content>\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: transparent;--mat-button-toggle-divider-color: transparent;--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: var( --mapa-toggle-selected-surface, #fff );--mat-button-toggle-selected-state-text-color: var( --mapa-toggle-selected-text, #162f42 );--mat-button-toggle-shape: 7px;--mat-button-toggle-text-color: var(--mapa-toggle-text, #5b6672);align-items:center;background:var(--mapa-toggle-surface, #f1f2f4);border:0;border-radius:9px;box-sizing:border-box;gap:2px;grid-column:2;grid-row:1;overflow:hidden;padding:3px}.mapa-report-widget__modes mat-button-toggle{border:0;border-radius:7px;font:500 13px/1 var(--mapa-font-body, \"Asap\", sans-serif)}.mapa-report-widget__modes mat-button-toggle.mat-button-toggle-checked{box-shadow:0 1px 2px #162f4224}.mapa-report-widget__modes ::ng-deep .mat-button-toggle-button:focus-visible{outline:2px solid #cf450c;outline-offset:-2px}.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__actions{align-items:center;display:flex;flex-wrap:wrap;gap:10px;grid-column:2;grid-row:1;justify-content:end}.mapa-report-ranking-table__group-color{background:currentColor;border-radius:3px;flex:0 0 10px;height:10px;margin-top:4px}.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{align-items:start;display:flex;flex-wrap:wrap;gap:8px}.mapa-report-ranking-table__entry strong{color:var(--mapa-report-text, #263238);font-size:13px;font-weight:500;line-height:1.35;min-width:0;overflow-wrap:anywhere;white-space:normal;flex:1}.mapa-report-ranking-table__entry small{color:var(--mapa-report-muted, #68747a);font-size:11px;line-height:1.35;flex-basis:100%;overflow-wrap:anywhere;white-space:normal}.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}@media(max-width:760px){:host{--mapa-report-ranking-entry-width: 144px}.mapa-report-ranking-table__actions{grid-column:1/-1;grid-row:auto;justify-content:start}}: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"] }]
9612
+ }], 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"] }], levels: [{ type: i0.Input, args: [{ isSignal: true, alias: "levels", required: false }] }], level: [{ type: i0.Input, args: [{ isSignal: true, alias: "level", required: false }] }, { type: i0.Output, args: ["levelChange"] }], levelsLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "levelsLabel", required: false }] }], palette: [{ type: i0.Input, args: [{ isSignal: true, alias: "palette", required: false }] }], showAverage: [{ type: i0.Input, args: [{ isSignal: true, alias: "showAverage", required: false }] }], cellDisplay: [{ type: i0.Input, args: [{ isSignal: true, alias: "cellDisplay", 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"] }] } });
9440
9613
 
9441
9614
  /** Reusable ranking content, without the widget heading or mode selector. */
9442
9615
  class MapaReportParameterizationWidgetRankingComponent extends ReportParameterizationContent {
9443
9616
  static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.21", ngImport: i0, type: MapaReportParameterizationWidgetRankingComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
9444
- 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 }); }
9617
+ 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: transparent;--mat-button-toggle-divider-color: transparent;--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: var( --mapa-toggle-selected-surface, #fff );--mat-button-toggle-selected-state-text-color: var( --mapa-toggle-selected-text, #162f42 );--mat-button-toggle-shape: 7px;--mat-button-toggle-text-color: var(--mapa-toggle-text, #5b6672);align-items:center;background:var(--mapa-toggle-surface, #f1f2f4);border:0;border-radius:9px;box-sizing:border-box;gap:2px;grid-column:2;grid-row:1;overflow:hidden;padding:3px}.mapa-report-widget__modes mat-button-toggle{border:0;border-radius:7px;font:500 13px/1 var(--mapa-font-body, \"Asap\", sans-serif)}.mapa-report-widget__modes mat-button-toggle.mat-button-toggle-checked{box-shadow:0 1px 2px #162f4224}.mapa-report-widget__modes ::ng-deep .mat-button-toggle-button:focus-visible{outline:2px solid #cf450c;outline-offset:-2px}.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__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, #3f5870);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", "levels", "level", "levelsLabel", "palette", "showAverage", "cellDisplay", "entryColumnLabel", "note", "averageLabel", "exportLabel", "exporting"], outputs: ["viewChange", "levelChange", "exportRequested"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
9445
9618
  }
9446
9619
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.21", ngImport: i0, type: MapaReportParameterizationWidgetRankingComponent, decorators: [{
9447
9620
  type: Component,
9448
- 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"] }]
9621
+ 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: transparent;--mat-button-toggle-divider-color: transparent;--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: var( --mapa-toggle-selected-surface, #fff );--mat-button-toggle-selected-state-text-color: var( --mapa-toggle-selected-text, #162f42 );--mat-button-toggle-shape: 7px;--mat-button-toggle-text-color: var(--mapa-toggle-text, #5b6672);align-items:center;background:var(--mapa-toggle-surface, #f1f2f4);border:0;border-radius:9px;box-sizing:border-box;gap:2px;grid-column:2;grid-row:1;overflow:hidden;padding:3px}.mapa-report-widget__modes mat-button-toggle{border:0;border-radius:7px;font:500 13px/1 var(--mapa-font-body, \"Asap\", sans-serif)}.mapa-report-widget__modes mat-button-toggle.mat-button-toggle-checked{box-shadow:0 1px 2px #162f4224}.mapa-report-widget__modes ::ng-deep .mat-button-toggle-button:focus-visible{outline:2px solid #cf450c;outline-offset:-2px}.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__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, #3f5870);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"] }]
9449
9622
  }] });
9450
9623
 
9451
9624
  class MapaReportParameterizationWidgetComponent extends ReportParameterizationContent {
@@ -9458,7 +9631,7 @@ class MapaReportParameterizationWidgetComponent extends ReportParameterizationCo
9458
9631
  this.mode = model('summarized', ...(ngDevMode ? [{ debugName: "mode" }] : []));
9459
9632
  }
9460
9633
  static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.21", ngImport: i0, type: MapaReportParameterizationWidgetComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
9461
- 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 }); }
9634
+ 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: transparent;--mat-button-toggle-divider-color: transparent;--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: var( --mapa-toggle-selected-surface, #fff );--mat-button-toggle-selected-state-text-color: var( --mapa-toggle-selected-text, #162f42 );--mat-button-toggle-shape: 7px;--mat-button-toggle-text-color: var(--mapa-toggle-text, #5b6672);align-items:center;background:var(--mapa-toggle-surface, #f1f2f4);border:0;border-radius:9px;box-sizing:border-box;gap:2px;grid-column:2;grid-row:1;overflow:hidden;padding:3px}.mapa-report-widget__modes mat-button-toggle{border:0;border-radius:7px;font:500 13px/1 var(--mapa-font-body, \"Asap\", sans-serif)}.mapa-report-widget__modes mat-button-toggle.mat-button-toggle-checked{box-shadow:0 1px 2px #162f4224}.mapa-report-widget__modes ::ng-deep .mat-button-toggle-button:focus-visible{outline:2px solid #cf450c;outline-offset:-2px}.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__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, #3f5870);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: #3f5870;--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 }); }
9462
9635
  }
9463
9636
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.21", ngImport: i0, type: MapaReportParameterizationWidgetComponent, decorators: [{
9464
9637
  type: Component,
@@ -9470,7 +9643,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.21", ngImpo
9470
9643
  MatButtonToggleModule,
9471
9644
  MapaReportLegendComponent,
9472
9645
  SafeHtmlPipe,
9473
- ], 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"] }]
9646
+ ], 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: transparent;--mat-button-toggle-divider-color: transparent;--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: var( --mapa-toggle-selected-surface, #fff );--mat-button-toggle-selected-state-text-color: var( --mapa-toggle-selected-text, #162f42 );--mat-button-toggle-shape: 7px;--mat-button-toggle-text-color: var(--mapa-toggle-text, #5b6672);align-items:center;background:var(--mapa-toggle-surface, #f1f2f4);border:0;border-radius:9px;box-sizing:border-box;gap:2px;grid-column:2;grid-row:1;overflow:hidden;padding:3px}.mapa-report-widget__modes mat-button-toggle{border:0;border-radius:7px;font:500 13px/1 var(--mapa-font-body, \"Asap\", sans-serif)}.mapa-report-widget__modes mat-button-toggle.mat-button-toggle-checked{box-shadow:0 1px 2px #162f4224}.mapa-report-widget__modes ::ng-deep .mat-button-toggle-button:focus-visible{outline:2px solid #cf450c;outline-offset:-2px}.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__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, #3f5870);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: #3f5870;--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"] }]
9474
9647
  }], 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"] }] } });
9475
9648
 
9476
9649
  class MapaProgressbarComponent {
@@ -9741,5 +9914,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.21", ngImpo
9741
9914
  * Generated bundle index. Do not edit.
9742
9915
  */
9743
9916
 
9744
- 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 };
9917
+ 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, MapaReportGroupProfileDetailComponent, 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 };
9745
9918
  //# sourceMappingURL=mapa-library-ui.mjs.map