mapa-library-ui 2.10.0 → 2.11.0-oldind.1
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.
- package/README.md +16 -1
- package/fesm2022/mapa-library-ui-src-lib-components-capability.mjs +2 -2
- package/fesm2022/mapa-library-ui-src-lib-components-capability.mjs.map +1 -1
- package/fesm2022/mapa-library-ui-src-lib-components-chart.mjs +2 -2
- package/fesm2022/mapa-library-ui-src-lib-components-chart.mjs.map +1 -1
- package/fesm2022/mapa-library-ui-src-lib-components-datepicker.mjs +2 -2
- package/fesm2022/mapa-library-ui-src-lib-components-datepicker.mjs.map +1 -1
- package/fesm2022/mapa-library-ui-src-lib-components-dropdown-tree.mjs +2 -2
- package/fesm2022/mapa-library-ui-src-lib-components-dropdown-tree.mjs.map +1 -1
- package/fesm2022/mapa-library-ui-src-lib-components-dropdown.mjs +2 -2
- package/fesm2022/mapa-library-ui-src-lib-components-dropdown.mjs.map +1 -1
- package/fesm2022/mapa-library-ui-src-lib-components-filters.mjs +2 -2
- package/fesm2022/mapa-library-ui-src-lib-components-filters.mjs.map +1 -1
- package/fesm2022/mapa-library-ui-src-lib-components-form.mjs +2 -2
- package/fesm2022/mapa-library-ui-src-lib-components-form.mjs.map +1 -1
- package/fesm2022/mapa-library-ui-src-lib-components-group-report.mjs +2 -2
- package/fesm2022/mapa-library-ui-src-lib-components-group-report.mjs.map +1 -1
- package/fesm2022/mapa-library-ui-src-lib-components-input.mjs +2 -2
- package/fesm2022/mapa-library-ui-src-lib-components-input.mjs.map +1 -1
- package/fesm2022/mapa-library-ui-src-lib-components-scale-parameterization.mjs +2 -2
- package/fesm2022/mapa-library-ui-src-lib-components-scale-parameterization.mjs.map +1 -1
- package/fesm2022/mapa-library-ui-src-lib-components-scale.mjs +2 -2
- package/fesm2022/mapa-library-ui-src-lib-components-scale.mjs.map +1 -1
- package/fesm2022/mapa-library-ui-src-lib-components-table.mjs +2 -2
- package/fesm2022/mapa-library-ui-src-lib-components-table.mjs.map +1 -1
- package/fesm2022/mapa-library-ui-src-lib-components-textarea.mjs +2 -2
- package/fesm2022/mapa-library-ui-src-lib-components-textarea.mjs.map +1 -1
- package/fesm2022/mapa-library-ui-src-lib-components-warning.mjs +2 -2
- package/fesm2022/mapa-library-ui-src-lib-components-warning.mjs.map +1 -1
- package/fesm2022/mapa-library-ui.mjs +131 -70
- package/fesm2022/mapa-library-ui.mjs.map +1 -1
- package/index.d.ts +44 -5
- package/mapa-library-ui-2.11.0-oldind.1.tgz +0 -0
- package/package.json +2 -2
- package/mapa-library-ui-2.10.0.tgz +0 -0
|
@@ -701,8 +701,8 @@ const DEFAULT_MAPA_UI_TEXTS = {
|
|
|
701
701
|
vulnerabilitiesTitle: 'Vulnerabilidades socioemocionais',
|
|
702
702
|
positiveDirectionLabel: 'Direção positiva',
|
|
703
703
|
negativeDirectionLabel: 'Direção negativa',
|
|
704
|
-
lowerIntensityLabel: 'Menos
|
|
705
|
-
higherIntensityLabel: 'Mais
|
|
704
|
+
lowerIntensityLabel: 'Menos intensamente',
|
|
705
|
+
higherIntensityLabel: 'Mais intensamente',
|
|
706
706
|
noClassification: 'Sem classificação',
|
|
707
707
|
emptyState: 'Não há resultados disponíveis para esta seção.',
|
|
708
708
|
interpretationTitle: 'Interpretação',
|
|
@@ -5187,7 +5187,7 @@ class MapaClassificationTagComponent {
|
|
|
5187
5187
|
this.classification = input(...(ngDevMode ? [undefined, { debugName: "classification" }] : []));
|
|
5188
5188
|
this.size = input('small', ...(ngDevMode ? [{ debugName: "size" }] : []));
|
|
5189
5189
|
this.appearance = input('solid', ...(ngDevMode ? [{ debugName: "appearance" }] : []));
|
|
5190
|
-
this.shape = input('
|
|
5190
|
+
this.shape = input('pill', ...(ngDevMode ? [{ debugName: "shape" }] : []));
|
|
5191
5191
|
this.casing = input('auto', ...(ngDevMode ? [{ debugName: "casing" }] : []));
|
|
5192
5192
|
/** Shown when there is no classification; defaults to the i18n text. */
|
|
5193
5193
|
this.fallbackLabel = input(...(ngDevMode ? [undefined, { debugName: "fallbackLabel" }] : []));
|
|
@@ -5222,11 +5222,11 @@ class MapaClassificationTagComponent {
|
|
|
5222
5222
|
(this.casing() === 'auto' && this.size() === 'large'), ...(ngDevMode ? [{ debugName: "usesNaturalCasing" }] : []));
|
|
5223
5223
|
}
|
|
5224
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;
|
|
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;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 }); }
|
|
5226
5226
|
}
|
|
5227
5227
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.21", ngImport: i0, type: MapaClassificationTagComponent, decorators: [{
|
|
5228
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;
|
|
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;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"] }]
|
|
5230
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
5231
|
|
|
5232
5232
|
class ButtonIconComponent {
|
|
@@ -8508,7 +8508,11 @@ class ReportGroupProfileContent {
|
|
|
8508
8508
|
this.palette = input('current', ...(ngDevMode ? [{ debugName: "palette" }] : []));
|
|
8509
8509
|
this.showAverage = input(true, ...(ngDevMode ? [{ debugName: "showAverage" }] : []));
|
|
8510
8510
|
this.showLegend = input(true, ...(ngDevMode ? [{ debugName: "showLegend" }] : []));
|
|
8511
|
-
/**
|
|
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
|
+
*/
|
|
8512
8516
|
this.legend = input(...(ngDevMode ? [undefined, { debugName: "legend" }] : []));
|
|
8513
8517
|
/** Overrides the caption above each pill; defaults to the i18n text. */
|
|
8514
8518
|
this.distributionLabel = input(...(ngDevMode ? [undefined, { debugName: "distributionLabel" }] : []));
|
|
@@ -8534,7 +8538,7 @@ class ReportGroupProfileContent {
|
|
|
8534
8538
|
this.legendItems = computed(() => {
|
|
8535
8539
|
const explicit = this.legend();
|
|
8536
8540
|
if (explicit)
|
|
8537
|
-
return
|
|
8541
|
+
return this.drawnCaptions(explicit);
|
|
8538
8542
|
const items = new Map();
|
|
8539
8543
|
// Only the slices the pill actually draws deserve a legend entry.
|
|
8540
8544
|
for (const dimension of this.dimensions()) {
|
|
@@ -8557,6 +8561,25 @@ class ReportGroupProfileContent {
|
|
|
8557
8561
|
return [...items.values()].sort((a, b) => this.itemOrder(a) - this.itemOrder(b));
|
|
8558
8562
|
}, ...(ngDevMode ? [{ debugName: "legendItems" }] : []));
|
|
8559
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
|
+
}
|
|
8560
8583
|
/** Zero-width slices would still cost a pill seam, so they are dropped. */
|
|
8561
8584
|
slices(dimension) {
|
|
8562
8585
|
return (dimension.slices ?? [])
|
|
@@ -8673,11 +8696,11 @@ class MapaResultTrackComponent {
|
|
|
8673
8696
|
return Math.min(100, Math.max(0, (this.safeValue() - step * 10) * 10));
|
|
8674
8697
|
}
|
|
8675
8698
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.21", ngImport: i0, type: MapaResultTrackComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
8676
|
-
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:
|
|
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: 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 }); }
|
|
8677
8700
|
}
|
|
8678
8701
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.21", ngImport: i0, type: MapaResultTrackComponent, decorators: [{
|
|
8679
8702
|
type: Component,
|
|
8680
|
-
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:
|
|
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: 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"] }]
|
|
8681
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 }] }] } });
|
|
8682
8705
|
function clamp(value) {
|
|
8683
8706
|
if (!Number.isFinite(value))
|
|
@@ -8688,21 +8711,21 @@ function clamp(value) {
|
|
|
8688
8711
|
/** Reusable average content, without filters or widget heading. */
|
|
8689
8712
|
class MapaReportGroupProfileWidgetAverageComponent extends ReportGroupProfileContent {
|
|
8690
8713
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.21", ngImport: i0, type: MapaReportGroupProfileWidgetAverageComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
|
|
8691
|
-
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
|
|
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: 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__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 }); }
|
|
8692
8715
|
}
|
|
8693
8716
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.21", ngImport: i0, type: MapaReportGroupProfileWidgetAverageComponent, decorators: [{
|
|
8694
8717
|
type: Component,
|
|
8695
|
-
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
|
|
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: 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__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"] }]
|
|
8696
8719
|
}] });
|
|
8697
8720
|
|
|
8698
8721
|
/** Reusable distribution content, without filters or widget heading. */
|
|
8699
8722
|
class MapaReportGroupProfileWidgetDistributionComponent extends ReportGroupProfileContent {
|
|
8700
8723
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.21", ngImport: i0, type: MapaReportGroupProfileWidgetDistributionComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
|
|
8701
|
-
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__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:12px;min-width:230px;padding:20px 22px}.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{display:grid;gap:12px;margin-top:12px}.mapa-report-group-profile__average-value mapa-result-track{--mapa-result-track-height: 10px;--mapa-result-track-fill-height: 10px}.mapa-report-group-profile__average-value strong{font-size:36px;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__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: MapaClassificationTagComponent, selector: "mapa-classification-tag", inputs: ["classification", "size", "appearance", "shape", "casing", "fallbackLabel", "valueLabel"] }], 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: 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__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 }); }
|
|
8702
8725
|
}
|
|
8703
8726
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.21", ngImport: i0, type: MapaReportGroupProfileWidgetDistributionComponent, decorators: [{
|
|
8704
8727
|
type: Component,
|
|
8705
|
-
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__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:12px;min-width:230px;padding:20px 22px}.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{display:grid;gap:12px;margin-top:12px}.mapa-report-group-profile__average-value mapa-result-track{--mapa-result-track-height: 10px;--mapa-result-track-fill-height: 10px}.mapa-report-group-profile__average-value strong{font-size:36px;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__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: 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__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"] }]
|
|
8706
8729
|
}] });
|
|
8707
8730
|
|
|
8708
8731
|
class MapaReportGroupProfileWidgetComponent extends ReportGroupProfileContent {
|
|
@@ -8711,7 +8734,7 @@ class MapaReportGroupProfileWidgetComponent extends ReportGroupProfileContent {
|
|
|
8711
8734
|
this.heading = input(...(ngDevMode ? [undefined, { debugName: "heading" }] : []));
|
|
8712
8735
|
}
|
|
8713
8736
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.21", ngImport: i0, type: MapaReportGroupProfileWidgetComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
|
|
8714
|
-
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: 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__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:12px;min-width:230px;padding:20px 22px}.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{display:grid;gap:12px;margin-top:12px}.mapa-report-group-profile__average-value mapa-result-track{--mapa-result-track-height: 10px;--mapa-result-track-fill-height: 10px}.mapa-report-group-profile__average-value strong{font-size:36px;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__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: 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 }); }
|
|
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: 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__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 }); }
|
|
8715
8738
|
}
|
|
8716
8739
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.21", ngImport: i0, type: MapaReportGroupProfileWidgetComponent, decorators: [{
|
|
8717
8740
|
type: Component,
|
|
@@ -8719,7 +8742,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.21", ngImpo
|
|
|
8719
8742
|
SafeHtmlPipe,
|
|
8720
8743
|
MapaReportGroupProfileWidgetAverageComponent,
|
|
8721
8744
|
MapaReportGroupProfileWidgetDistributionComponent,
|
|
8722
|
-
], 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: 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__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:12px;min-width:230px;padding:20px 22px}.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{display:grid;gap:12px;margin-top:12px}.mapa-report-group-profile__average-value mapa-result-track{--mapa-result-track-height: 10px;--mapa-result-track-fill-height: 10px}.mapa-report-group-profile__average-value strong{font-size:36px;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__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: 34px;--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: 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__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"] }]
|
|
8723
8746
|
}], propDecorators: { heading: [{ type: i0.Input, args: [{ isSignal: true, alias: "heading", required: false }] }] } });
|
|
8724
8747
|
|
|
8725
8748
|
/** Full profile, using exactly the same scales and distribution as the summary. */
|
|
@@ -8867,27 +8890,27 @@ function indicatorColumn(group) {
|
|
|
8867
8890
|
/** Reusable list content, without the widget heading or mode selector. */
|
|
8868
8891
|
class MapaReportIndicatorsWidgetListComponent extends ReportIndicatorsContent {
|
|
8869
8892
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.21", ngImport: i0, type: MapaReportIndicatorsWidgetListComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
|
|
8870
|
-
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 }); }
|
|
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 <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 }); }
|
|
8871
8894
|
}
|
|
8872
8895
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.21", ngImport: i0, type: MapaReportIndicatorsWidgetListComponent, decorators: [{
|
|
8873
8896
|
type: Component,
|
|
8874
|
-
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"] }]
|
|
8897
|
+
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"] }]
|
|
8875
8898
|
}] });
|
|
8876
8899
|
|
|
8877
8900
|
/** Reusable chart content, without the widget heading or mode selector. */
|
|
8878
8901
|
class MapaReportIndicatorsWidgetChartComponent extends ReportIndicatorsContent {
|
|
8879
8902
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.21", ngImport: i0, type: MapaReportIndicatorsWidgetChartComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
|
|
8880
|
-
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 }); }
|
|
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 <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", "valueLabel"] }, { kind: "component", type: MapaResultTrackComponent, selector: "mapa-result-track", inputs: ["name", "value", "color", "mode", "appearance", "style", "direction", "showValue", "ariaLabel"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
8881
8904
|
}
|
|
8882
8905
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.21", ngImport: i0, type: MapaReportIndicatorsWidgetChartComponent, decorators: [{
|
|
8883
8906
|
type: Component,
|
|
8884
|
-
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"] }]
|
|
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 <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"] }]
|
|
8885
8908
|
}] });
|
|
8886
8909
|
|
|
8887
8910
|
/** Reusable detailed content, without the widget heading or mode selector. */
|
|
8888
8911
|
class MapaReportIndicatorsWidgetDetailedComponent extends ReportIndicatorsContent {
|
|
8889
8912
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.21", ngImport: i0, type: MapaReportIndicatorsWidgetDetailedComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
|
|
8890
|
-
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 }); }
|
|
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 <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", "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 }); }
|
|
8891
8914
|
}
|
|
8892
8915
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.21", ngImport: i0, type: MapaReportIndicatorsWidgetDetailedComponent, decorators: [{
|
|
8893
8916
|
type: Component,
|
|
@@ -8895,7 +8918,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.21", ngImpo
|
|
|
8895
8918
|
MapaClassificationTagComponent,
|
|
8896
8919
|
MapaResultTrackComponent,
|
|
8897
8920
|
SafeHtmlPipe,
|
|
8898
|
-
], 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"] }]
|
|
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 <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"] }]
|
|
8899
8922
|
}] });
|
|
8900
8923
|
|
|
8901
8924
|
class MapaReportIndicatorsWidgetComponent extends ReportIndicatorsContent {
|
|
@@ -8915,7 +8938,7 @@ class MapaReportIndicatorsWidgetComponent extends ReportIndicatorsContent {
|
|
|
8915
8938
|
this.compactDetailedViewCaption = computed(() => this.compactDetailedViewLabel() ?? this.i18n.texts.report.detailed, ...(ngDevMode ? [{ debugName: "compactDetailedViewCaption" }] : []));
|
|
8916
8939
|
}
|
|
8917
8940
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.21", ngImport: i0, type: MapaReportIndicatorsWidgetComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
|
|
8918
|
-
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 }); }
|
|
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 </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 }); }
|
|
8919
8942
|
}
|
|
8920
8943
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.21", ngImport: i0, type: MapaReportIndicatorsWidgetComponent, decorators: [{
|
|
8921
8944
|
type: Component,
|
|
@@ -8926,7 +8949,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.21", ngImpo
|
|
|
8926
8949
|
MatButtonToggleModule,
|
|
8927
8950
|
MapaReportLegendComponent,
|
|
8928
8951
|
SafeHtmlPipe,
|
|
8929
|
-
], 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"] }]
|
|
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 </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"] }]
|
|
8930
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"] }] } });
|
|
8931
8954
|
|
|
8932
8955
|
class ReportScaleContent {
|
|
@@ -8967,17 +8990,17 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.21", ngImpo
|
|
|
8967
8990
|
/** Reusable summarized content, without the widget heading or mode selector. */
|
|
8968
8991
|
class MapaReportScaleWidgetSummarizedComponent extends ReportScaleContent {
|
|
8969
8992
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.21", ngImport: i0, type: MapaReportScaleWidgetSummarizedComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
|
|
8970
|
-
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 }); }
|
|
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 </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", "valueLabel"] }, { kind: "component", type: MapaResultTrackComponent, selector: "mapa-result-track", inputs: ["name", "value", "color", "mode", "appearance", "style", "direction", "showValue", "ariaLabel"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
8971
8994
|
}
|
|
8972
8995
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.21", ngImport: i0, type: MapaReportScaleWidgetSummarizedComponent, decorators: [{
|
|
8973
8996
|
type: Component,
|
|
8974
|
-
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"] }]
|
|
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 </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"] }]
|
|
8975
8998
|
}] });
|
|
8976
8999
|
|
|
8977
9000
|
/** Reusable detailed content, without the widget heading or mode selector. */
|
|
8978
9001
|
class MapaReportScaleWidgetDetailedComponent extends ReportScaleContent {
|
|
8979
9002
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.21", ngImport: i0, type: MapaReportScaleWidgetDetailedComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
|
|
8980
|
-
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 }); }
|
|
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 </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", "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 }); }
|
|
8981
9004
|
}
|
|
8982
9005
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.21", ngImport: i0, type: MapaReportScaleWidgetDetailedComponent, decorators: [{
|
|
8983
9006
|
type: Component,
|
|
@@ -8985,7 +9008,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.21", ngImpo
|
|
|
8985
9008
|
MapaClassificationTagComponent,
|
|
8986
9009
|
MapaResultTrackComponent,
|
|
8987
9010
|
SafeHtmlPipe,
|
|
8988
|
-
], 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"] }]
|
|
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 </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"] }]
|
|
8989
9012
|
}] });
|
|
8990
9013
|
|
|
8991
9014
|
class MapaReportScaleWidgetComponent extends ReportScaleContent {
|
|
@@ -9000,7 +9023,7 @@ class MapaReportScaleWidgetComponent extends ReportScaleContent {
|
|
|
9000
9023
|
this.mode = model('summarized', ...(ngDevMode ? [{ debugName: "mode" }] : []));
|
|
9001
9024
|
}
|
|
9002
9025
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.21", ngImport: i0, type: MapaReportScaleWidgetComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
|
|
9003
|
-
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 }); }
|
|
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: 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 }); }
|
|
9004
9027
|
}
|
|
9005
9028
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.21", ngImport: i0, type: MapaReportScaleWidgetComponent, decorators: [{
|
|
9006
9029
|
type: Component,
|
|
@@ -9010,12 +9033,33 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.21", ngImpo
|
|
|
9010
9033
|
MatButtonToggleModule,
|
|
9011
9034
|
MapaReportLegendComponent,
|
|
9012
9035
|
SafeHtmlPipe,
|
|
9013
|
-
], 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"] }]
|
|
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: 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"] }]
|
|
9014
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"] }] } });
|
|
9015
9038
|
|
|
9039
|
+
const GAUGE_SEGMENT_COUNT = 25;
|
|
9040
|
+
const GAUGE_START_ANGLE = 180;
|
|
9041
|
+
const GAUGE_SWEEP_ANGLE = 180;
|
|
9042
|
+
const GAUGE_INNER_RADIUS_X = 55;
|
|
9043
|
+
const GAUGE_INNER_RADIUS_Y = 55;
|
|
9044
|
+
const GAUGE_OUTER_RADIUS_X = 70;
|
|
9045
|
+
const GAUGE_OUTER_RADIUS_Y = 70;
|
|
9016
9046
|
class ReportSocioemotionalContent {
|
|
9017
9047
|
constructor() {
|
|
9018
9048
|
this.i18n = inject(MapaI18nService);
|
|
9049
|
+
this.gaugeSegments = Array.from({ length: GAUGE_SEGMENT_COUNT }, (_, index) => {
|
|
9050
|
+
const angle = (GAUGE_START_ANGLE -
|
|
9051
|
+
(index / (GAUGE_SEGMENT_COUNT - 1)) * GAUGE_SWEEP_ANGLE) *
|
|
9052
|
+
(Math.PI / 180);
|
|
9053
|
+
const centerX = 90;
|
|
9054
|
+
const centerY = 86;
|
|
9055
|
+
return {
|
|
9056
|
+
index,
|
|
9057
|
+
x1: centerX + Math.cos(angle) * GAUGE_INNER_RADIUS_X,
|
|
9058
|
+
y1: centerY - Math.sin(angle) * GAUGE_INNER_RADIUS_Y,
|
|
9059
|
+
x2: centerX + Math.cos(angle) * GAUGE_OUTER_RADIUS_X,
|
|
9060
|
+
y2: centerY - Math.sin(angle) * GAUGE_OUTER_RADIUS_Y,
|
|
9061
|
+
};
|
|
9062
|
+
});
|
|
9019
9063
|
this.data = input.required(...(ngDevMode ? [{ debugName: "data" }] : []));
|
|
9020
9064
|
this.palette = input('current', ...(ngDevMode ? [{ debugName: "palette" }] : []));
|
|
9021
9065
|
}
|
|
@@ -9024,6 +9068,12 @@ class ReportSocioemotionalContent {
|
|
|
9024
9068
|
return 0;
|
|
9025
9069
|
return Math.min(100, Math.max(0, Math.round(value)));
|
|
9026
9070
|
}
|
|
9071
|
+
activeSegmentCount(value) {
|
|
9072
|
+
const normalized = this.clamp(value);
|
|
9073
|
+
return normalized === 0
|
|
9074
|
+
? 0
|
|
9075
|
+
: Math.ceil((normalized / 100) * this.gaugeSegments.length);
|
|
9076
|
+
}
|
|
9027
9077
|
classificationLabel(classification) {
|
|
9028
9078
|
return (classification?.classificationName?.trim() ||
|
|
9029
9079
|
this.i18n.texts.report.noClassification);
|
|
@@ -9046,15 +9096,8 @@ class ReportSocioemotionalContent {
|
|
|
9046
9096
|
? color
|
|
9047
9097
|
: '#758087';
|
|
9048
9098
|
}
|
|
9049
|
-
gaugeClassification(classification) {
|
|
9050
|
-
return {
|
|
9051
|
-
...classification,
|
|
9052
|
-
classificationName: this.classificationLabel(classification),
|
|
9053
|
-
classificationColor: this.gaugeColor(classification),
|
|
9054
|
-
};
|
|
9055
|
-
}
|
|
9056
9099
|
gaugeValueText(value, classification) {
|
|
9057
|
-
return `${this.clamp(value)}
|
|
9100
|
+
return `${this.clamp(value)}, ${this.classificationLabel(classification)}`;
|
|
9058
9101
|
}
|
|
9059
9102
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.21", ngImport: i0, type: ReportSocioemotionalContent, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
9060
9103
|
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 }); }
|
|
@@ -9066,21 +9109,21 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.21", ngImpo
|
|
|
9066
9109
|
/** Reusable competencies content, without the widget heading or mode selector. */
|
|
9067
9110
|
class MapaReportSocioemotionalWidgetCompetenciesComponent extends ReportSocioemotionalContent {
|
|
9068
9111
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.21", ngImport: i0, type: MapaReportSocioemotionalWidgetCompetenciesComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
|
|
9069
|
-
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 }); }
|
|
9112
|
+
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 }); }
|
|
9070
9113
|
}
|
|
9071
9114
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.21", ngImport: i0, type: MapaReportSocioemotionalWidgetCompetenciesComponent, decorators: [{
|
|
9072
9115
|
type: Component,
|
|
9073
|
-
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"] }]
|
|
9116
|
+
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"] }]
|
|
9074
9117
|
}] });
|
|
9075
9118
|
|
|
9076
9119
|
/** Reusable vulnerabilities content, without the widget heading or mode selector. */
|
|
9077
9120
|
class MapaReportSocioemotionalWidgetVulnerabilitiesComponent extends ReportSocioemotionalContent {
|
|
9078
9121
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.21", ngImport: i0, type: MapaReportSocioemotionalWidgetVulnerabilitiesComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
|
|
9079
|
-
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 }); }
|
|
9122
|
+
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", "valueLabel"] }, { kind: "pipe", type: SafeHtmlPipe, name: "safeHtml" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
9080
9123
|
}
|
|
9081
9124
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.21", ngImport: i0, type: MapaReportSocioemotionalWidgetVulnerabilitiesComponent, decorators: [{
|
|
9082
9125
|
type: Component,
|
|
9083
|
-
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"] }]
|
|
9126
|
+
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"] }]
|
|
9084
9127
|
}] });
|
|
9085
9128
|
|
|
9086
9129
|
class MapaReportSocioemotionalWidgetComponent extends ReportSocioemotionalContent {
|
|
@@ -9089,7 +9132,7 @@ class MapaReportSocioemotionalWidgetComponent extends ReportSocioemotionalConten
|
|
|
9089
9132
|
this.heading = input.required(...(ngDevMode ? [{ debugName: "heading" }] : []));
|
|
9090
9133
|
}
|
|
9091
9134
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.21", ngImport: i0, type: MapaReportSocioemotionalWidgetComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
|
|
9092
|
-
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 }); }
|
|
9135
|
+
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 }); }
|
|
9093
9136
|
}
|
|
9094
9137
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.21", ngImport: i0, type: MapaReportSocioemotionalWidgetComponent, decorators: [{
|
|
9095
9138
|
type: Component,
|
|
@@ -9098,7 +9141,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.21", ngImpo
|
|
|
9098
9141
|
MapaReportSocioemotionalWidgetVulnerabilitiesComponent,
|
|
9099
9142
|
MapaReportLegendComponent,
|
|
9100
9143
|
SafeHtmlPipe,
|
|
9101
|
-
], 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"] }]
|
|
9144
|
+
], 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"] }]
|
|
9102
9145
|
}], propDecorators: { heading: [{ type: i0.Input, args: [{ isSignal: true, alias: "heading", required: true }] }] } });
|
|
9103
9146
|
|
|
9104
9147
|
class ReportPsychosocialContent {
|
|
@@ -9129,21 +9172,21 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.21", ngImpo
|
|
|
9129
9172
|
/** Reusable global content, without the widget heading or mode selector. */
|
|
9130
9173
|
class MapaReportPsychosocialWidgetGlobalComponent extends ReportPsychosocialContent {
|
|
9131
9174
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.21", ngImport: i0, type: MapaReportPsychosocialWidgetGlobalComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
|
|
9132
|
-
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 }); }
|
|
9175
|
+
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 }); }
|
|
9133
9176
|
}
|
|
9134
9177
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.21", ngImport: i0, type: MapaReportPsychosocialWidgetGlobalComponent, decorators: [{
|
|
9135
9178
|
type: Component,
|
|
9136
|
-
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:
|
|
9179
|
+
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"] }]
|
|
9137
9180
|
}] });
|
|
9138
9181
|
|
|
9139
9182
|
/** Reusable factors content, without the widget heading or mode selector. */
|
|
9140
9183
|
class MapaReportPsychosocialWidgetFactorsComponent extends ReportPsychosocialContent {
|
|
9141
9184
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.21", ngImport: i0, type: MapaReportPsychosocialWidgetFactorsComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
|
|
9142
|
-
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 }); }
|
|
9185
|
+
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 }); }
|
|
9143
9186
|
}
|
|
9144
9187
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.21", ngImport: i0, type: MapaReportPsychosocialWidgetFactorsComponent, decorators: [{
|
|
9145
9188
|
type: Component,
|
|
9146
|
-
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"] }]
|
|
9189
|
+
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"] }]
|
|
9147
9190
|
}] });
|
|
9148
9191
|
|
|
9149
9192
|
class MapaReportPsychosocialWidgetComponent extends ReportPsychosocialContent {
|
|
@@ -9152,7 +9195,7 @@ class MapaReportPsychosocialWidgetComponent extends ReportPsychosocialContent {
|
|
|
9152
9195
|
this.heading = input.required(...(ngDevMode ? [{ debugName: "heading" }] : []));
|
|
9153
9196
|
}
|
|
9154
9197
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.21", ngImport: i0, type: MapaReportPsychosocialWidgetComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
|
|
9155
|
-
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 }); }
|
|
9198
|
+
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 }); }
|
|
9156
9199
|
}
|
|
9157
9200
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.21", ngImport: i0, type: MapaReportPsychosocialWidgetComponent, decorators: [{
|
|
9158
9201
|
type: Component,
|
|
@@ -9161,7 +9204,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.21", ngImpo
|
|
|
9161
9204
|
MapaReportPsychosocialWidgetFactorsComponent,
|
|
9162
9205
|
MapaReportLegendComponent,
|
|
9163
9206
|
SafeHtmlPipe,
|
|
9164
|
-
], 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"] }]
|
|
9207
|
+
], 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"] }]
|
|
9165
9208
|
}], propDecorators: { heading: [{ type: i0.Input, args: [{ isSignal: true, alias: "heading", required: true }] }] } });
|
|
9166
9209
|
|
|
9167
9210
|
class ReportPointsContent {
|
|
@@ -9186,21 +9229,21 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.21", ngImpo
|
|
|
9186
9229
|
/** Reusable summarized content, without the widget heading or mode selector. */
|
|
9187
9230
|
class MapaReportPointsWidgetSummarizedComponent extends ReportPointsContent {
|
|
9188
9231
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.21", ngImport: i0, type: MapaReportPointsWidgetSummarizedComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
|
|
9189
|
-
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 }); }
|
|
9232
|
+
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 }); }
|
|
9190
9233
|
}
|
|
9191
9234
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.21", ngImport: i0, type: MapaReportPointsWidgetSummarizedComponent, decorators: [{
|
|
9192
9235
|
type: Component,
|
|
9193
|
-
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"] }]
|
|
9236
|
+
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"] }]
|
|
9194
9237
|
}] });
|
|
9195
9238
|
|
|
9196
9239
|
/** Reusable detailed content, without the widget heading or mode selector. */
|
|
9197
9240
|
class MapaReportPointsWidgetDetailedComponent extends ReportPointsContent {
|
|
9198
9241
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.21", ngImport: i0, type: MapaReportPointsWidgetDetailedComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
|
|
9199
|
-
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 }); }
|
|
9242
|
+
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 }); }
|
|
9200
9243
|
}
|
|
9201
9244
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.21", ngImport: i0, type: MapaReportPointsWidgetDetailedComponent, decorators: [{
|
|
9202
9245
|
type: Component,
|
|
9203
|
-
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"] }]
|
|
9246
|
+
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"] }]
|
|
9204
9247
|
}] });
|
|
9205
9248
|
|
|
9206
9249
|
class MapaReportPointsWidgetComponent extends ReportPointsContent {
|
|
@@ -9210,7 +9253,7 @@ class MapaReportPointsWidgetComponent extends ReportPointsContent {
|
|
|
9210
9253
|
this.mode = model('summarized', ...(ngDevMode ? [{ debugName: "mode" }] : []));
|
|
9211
9254
|
}
|
|
9212
9255
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.21", ngImport: i0, type: MapaReportPointsWidgetComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
|
|
9213
|
-
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 }); }
|
|
9256
|
+
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 }); }
|
|
9214
9257
|
}
|
|
9215
9258
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.21", ngImport: i0, type: MapaReportPointsWidgetComponent, decorators: [{
|
|
9216
9259
|
type: Component,
|
|
@@ -9218,8 +9261,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.21", ngImpo
|
|
|
9218
9261
|
MapaReportPointsWidgetSummarizedComponent,
|
|
9219
9262
|
MapaReportPointsWidgetDetailedComponent,
|
|
9220
9263
|
MatButtonToggleModule,
|
|
9264
|
+
MatIconModule,
|
|
9221
9265
|
SafeHtmlPipe,
|
|
9222
|
-
], 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:
|
|
9266
|
+
], 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"] }]
|
|
9223
9267
|
}], 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"] }] } });
|
|
9224
9268
|
|
|
9225
9269
|
class ReportParameterizationContent {
|
|
@@ -9338,27 +9382,27 @@ class MapaReportParameterizationWidgetOverviewComponent extends ReportParameteri
|
|
|
9338
9382
|
this.title = input(...(ngDevMode ? [undefined, { debugName: "title" }] : []));
|
|
9339
9383
|
}
|
|
9340
9384
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.21", ngImport: i0, type: MapaReportParameterizationWidgetOverviewComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
|
|
9341
|
-
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 <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, #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"] }, { kind: "component", type: MapaClassificationTagComponent, selector: "mapa-classification-tag", inputs: ["classification", "size", "appearance", "shape", "casing", "fallbackLabel", "valueLabel"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
9385
|
+
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: 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__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 }); }
|
|
9342
9386
|
}
|
|
9343
9387
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.21", ngImport: i0, type: MapaReportParameterizationWidgetOverviewComponent, decorators: [{
|
|
9344
9388
|
type: Component,
|
|
9345
|
-
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=\"#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 <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, #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"] }]
|
|
9389
|
+
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: 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__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"] }]
|
|
9346
9390
|
}], propDecorators: { title: [{ type: i0.Input, args: [{ isSignal: true, alias: "title", required: false }] }] } });
|
|
9347
9391
|
|
|
9348
9392
|
/** Reusable summarized content, without the widget heading or mode selector. */
|
|
9349
9393
|
class MapaReportParameterizationWidgetSummarizedComponent extends ReportParameterizationContent {
|
|
9350
9394
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.21", ngImport: i0, type: MapaReportParameterizationWidgetSummarizedComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
|
|
9351
|
-
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, #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 }); }
|
|
9395
|
+
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__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 }); }
|
|
9352
9396
|
}
|
|
9353
9397
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.21", ngImport: i0, type: MapaReportParameterizationWidgetSummarizedComponent, decorators: [{
|
|
9354
9398
|
type: Component,
|
|
9355
|
-
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, #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"] }]
|
|
9399
|
+
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__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"] }]
|
|
9356
9400
|
}] });
|
|
9357
9401
|
|
|
9358
9402
|
/** Reusable detailed content, without the widget heading or mode selector. */
|
|
9359
9403
|
class MapaReportParameterizationWidgetDetailedComponent extends ReportParameterizationContent {
|
|
9360
9404
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.21", ngImport: i0, type: MapaReportParameterizationWidgetDetailedComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
|
|
9361
|
-
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: 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, #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", "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 }); }
|
|
9405
|
+
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: 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__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 }); }
|
|
9362
9406
|
}
|
|
9363
9407
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.21", ngImport: i0, type: MapaReportParameterizationWidgetDetailedComponent, decorators: [{
|
|
9364
9408
|
type: Component,
|
|
@@ -9366,7 +9410,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.21", ngImpo
|
|
|
9366
9410
|
MapaClassificationTagComponent,
|
|
9367
9411
|
MapaResultTrackComponent,
|
|
9368
9412
|
SafeHtmlPipe,
|
|
9369
|
-
], 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: 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, #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"] }]
|
|
9413
|
+
], 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: 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__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"] }]
|
|
9370
9414
|
}] });
|
|
9371
9415
|
|
|
9372
9416
|
/** A single ranking table, without view selector, heading or export button. */
|
|
@@ -9513,7 +9557,7 @@ class MapaReportRankingTableContentComponent {
|
|
|
9513
9557
|
return name.trim().toLowerCase();
|
|
9514
9558
|
}
|
|
9515
9559
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.21", ngImport: i0, type: MapaReportRankingTableContentComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
9516
|
-
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 }); }
|
|
9560
|
+
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: 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__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 }); }
|
|
9517
9561
|
}
|
|
9518
9562
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.21", ngImport: i0, type: MapaReportRankingTableContentComponent, decorators: [{
|
|
9519
9563
|
type: Component,
|
|
@@ -9522,7 +9566,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.21", ngImpo
|
|
|
9522
9566
|
MapaTableCellDirective,
|
|
9523
9567
|
MapaTableComponent,
|
|
9524
9568
|
SafeHtmlPipe,
|
|
9525
|
-
], 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:
|
|
9569
|
+
], 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: 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__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"] }]
|
|
9526
9570
|
}], 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 }] }] } });
|
|
9527
9571
|
|
|
9528
9572
|
class MapaReportRankingTableWidgetComponent {
|
|
@@ -9532,6 +9576,15 @@ class MapaReportRankingTableWidgetComponent {
|
|
|
9532
9576
|
this.views = input([], ...(ngDevMode ? [{ debugName: "views" }] : []));
|
|
9533
9577
|
/** Id of the active view; two-way so the host can drive or observe it. */
|
|
9534
9578
|
this.view = model(...(ngDevMode ? [undefined, { debugName: "view" }] : []));
|
|
9579
|
+
/**
|
|
9580
|
+
* Optional second switch, shown before the views switch (e.g. scales /
|
|
9581
|
+
* factors). The host rebuilds `views` when the active level changes.
|
|
9582
|
+
*/
|
|
9583
|
+
this.levels = input([], ...(ngDevMode ? [{ debugName: "levels" }] : []));
|
|
9584
|
+
/** Id of the active level; two-way so the host can drive or observe it. */
|
|
9585
|
+
this.level = model(...(ngDevMode ? [undefined, { debugName: "level" }] : []));
|
|
9586
|
+
/** Accessible name of the level switch. */
|
|
9587
|
+
this.levelsLabel = input(...(ngDevMode ? [undefined, { debugName: "levelsLabel" }] : []));
|
|
9535
9588
|
this.palette = input('current', ...(ngDevMode ? [{ debugName: "palette" }] : []));
|
|
9536
9589
|
this.showAverage = input(false, ...(ngDevMode ? [{ debugName: "showAverage" }] : []));
|
|
9537
9590
|
this.cellDisplay = input('classification', ...(ngDevMode ? [{ debugName: "cellDisplay" }] : []));
|
|
@@ -9553,13 +9606,21 @@ class MapaReportRankingTableWidgetComponent {
|
|
|
9553
9606
|
const views = this.visibleViews();
|
|
9554
9607
|
return views.find((item) => item.id === this.view()) ?? views[0];
|
|
9555
9608
|
}, ...(ngDevMode ? [{ debugName: "activeView" }] : []));
|
|
9609
|
+
this.activeLevel = computed(() => {
|
|
9610
|
+
const levels = this.levels();
|
|
9611
|
+
return levels.find((item) => item.id === this.level())?.id ?? levels[0]?.id;
|
|
9612
|
+
}, ...(ngDevMode ? [{ debugName: "activeLevel" }] : []));
|
|
9556
9613
|
}
|
|
9557
9614
|
selectView(id) {
|
|
9558
9615
|
this.view.set(id);
|
|
9559
9616
|
this.sort.set({ active: '', direction: '' });
|
|
9560
9617
|
}
|
|
9618
|
+
selectLevel(id) {
|
|
9619
|
+
this.level.set(id);
|
|
9620
|
+
this.sort.set({ active: '', direction: '' });
|
|
9621
|
+
}
|
|
9561
9622
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.21", ngImport: i0, type: MapaReportRankingTableWidgetComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
9562
|
-
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 }, 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", exportRequested: "exportRequested" }, ngImport: i0, template: "<section class=\"mapa-report-widget\" [attr.data-palette]=\"palette()\">\n @if (heading() || exportLabel() || visibleViews().length > 1) {\n <header class=\"mapa-report-widget__header\">\n <div class=\"mapa-report-widget__heading\">\n @if (heading(); as head) {\n <h2>{{ head.title }}</h2>\n @if (head.description) {\n <div\n class=\"mapa-report-widget__description\"\n [innerHTML]=\"head.description | safeHtml\"\n ></div>\n }\n }\n </div>\n <div class=\"mapa-report-ranking-table__actions\">\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</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 }); }
|
|
9623
|
+
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: 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__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 }); }
|
|
9563
9624
|
}
|
|
9564
9625
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.21", ngImport: i0, type: MapaReportRankingTableWidgetComponent, decorators: [{
|
|
9565
9626
|
type: Component,
|
|
@@ -9568,17 +9629,17 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.21", ngImpo
|
|
|
9568
9629
|
MatIconModule,
|
|
9569
9630
|
SafeHtmlPipe,
|
|
9570
9631
|
MapaReportRankingTableContentComponent,
|
|
9571
|
-
], changeDetection: ChangeDetectionStrategy.OnPush, template: "<section class=\"mapa-report-widget\" [attr.data-palette]=\"palette()\">\n @if (heading() || exportLabel() || visibleViews().length > 1) {\n <header class=\"mapa-report-widget__header\">\n <div class=\"mapa-report-widget__heading\">\n @if (heading(); as head) {\n <h2>{{ head.title }}</h2>\n @if (head.description) {\n <div\n class=\"mapa-report-widget__description\"\n [innerHTML]=\"head.description | safeHtml\"\n ></div>\n }\n }\n </div>\n <div class=\"mapa-report-ranking-table__actions\">\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</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:
|
|
9572
|
-
}], 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 }] }], 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"] }] } });
|
|
9632
|
+
], 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: 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__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"] }]
|
|
9633
|
+
}], 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"] }] } });
|
|
9573
9634
|
|
|
9574
9635
|
/** Reusable ranking content, without the widget heading or mode selector. */
|
|
9575
9636
|
class MapaReportParameterizationWidgetRankingComponent extends ReportParameterizationContent {
|
|
9576
9637
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.21", ngImport: i0, type: MapaReportParameterizationWidgetRankingComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
|
|
9577
|
-
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, #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", "cellDisplay", "entryColumnLabel", "note", "averageLabel", "exportLabel", "exporting"], outputs: ["viewChange", "exportRequested"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
9638
|
+
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__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 }); }
|
|
9578
9639
|
}
|
|
9579
9640
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.21", ngImport: i0, type: MapaReportParameterizationWidgetRankingComponent, decorators: [{
|
|
9580
9641
|
type: Component,
|
|
9581
|
-
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, #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"] }]
|
|
9642
|
+
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__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"] }]
|
|
9582
9643
|
}] });
|
|
9583
9644
|
|
|
9584
9645
|
class MapaReportParameterizationWidgetComponent extends ReportParameterizationContent {
|
|
@@ -9591,7 +9652,7 @@ class MapaReportParameterizationWidgetComponent extends ReportParameterizationCo
|
|
|
9591
9652
|
this.mode = model('summarized', ...(ngDevMode ? [{ debugName: "mode" }] : []));
|
|
9592
9653
|
}
|
|
9593
9654
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.21", ngImport: i0, type: MapaReportParameterizationWidgetComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
|
|
9594
|
-
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, #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 }); }
|
|
9655
|
+
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__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 }); }
|
|
9595
9656
|
}
|
|
9596
9657
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.21", ngImport: i0, type: MapaReportParameterizationWidgetComponent, decorators: [{
|
|
9597
9658
|
type: Component,
|
|
@@ -9603,7 +9664,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.21", ngImpo
|
|
|
9603
9664
|
MatButtonToggleModule,
|
|
9604
9665
|
MapaReportLegendComponent,
|
|
9605
9666
|
SafeHtmlPipe,
|
|
9606
|
-
], 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, #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"] }]
|
|
9667
|
+
], 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__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"] }]
|
|
9607
9668
|
}], 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"] }] } });
|
|
9608
9669
|
|
|
9609
9670
|
class MapaProgressbarComponent {
|