mapa-library-ui 2.10.0 → 2.11.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +16 -1
- package/fesm2022/mapa-library-ui.mjs +63 -23
- package/fesm2022/mapa-library-ui.mjs.map +1 -1
- package/index.d.ts +36 -4
- package/mapa-library-ui-2.11.0.tgz +0 -0
- package/package.json +2 -2
- package/mapa-library-ui-2.10.0.tgz +0 -0
|
@@ -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: var( --mapa-result-track-fill-height, calc(var(--mapa-result-track-height, 14px) - 2px) );min-height:var(--mapa-result-track-min-height, 28px);padding:var(--mapa-result-track-padding, 10px 0 8px);position:relative}.mapa-result-track .negative{border-top-right-radius:0%;border-bottom-right-radius:0%}.mapa-result-track .positive{border-top-left-radius:0%;border-bottom-left-radius:0%}.mapa-result-track__rail{background
|
|
8699
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.21", type: MapaResultTrackComponent, isStandalone: true, selector: "mapa-result-track", inputs: { name: { classPropertyName: "name", publicName: "name", isSignal: true, isRequired: true, transformFunction: null }, value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: true, transformFunction: null }, color: { classPropertyName: "color", publicName: "color", isSignal: true, isRequired: false, transformFunction: null }, mode: { classPropertyName: "mode", publicName: "mode", isSignal: true, isRequired: false, transformFunction: null }, appearance: { classPropertyName: "appearance", publicName: "appearance", isSignal: true, isRequired: false, transformFunction: null }, style: { classPropertyName: "style", publicName: "style", isSignal: true, isRequired: false, transformFunction: null }, direction: { classPropertyName: "direction", publicName: "direction", isSignal: true, isRequired: false, transformFunction: null }, showValue: { classPropertyName: "showValue", publicName: "showValue", isSignal: true, isRequired: false, transformFunction: null }, ariaLabel: { classPropertyName: "ariaLabel", publicName: "ariaLabel", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "<div\n class=\"mapa-result-track\"\n [class.mapa-result-track--plain]=\"!showValue()\"\n [class.mapa-result-track--segmented]=\"appearance() === 'segmented'\"\n [class.mapa-result-track--stepped]=\"appearance() === 'stepped'\"\n [class.mapa-result-track--thin]=\"style() === 'thin'\"\n role=\"meter\"\n aria-valuemin=\"0\"\n aria-valuemax=\"100\"\n [attr.aria-valuenow]=\"safeValue()\"\n [attr.aria-label]=\"label()\"\n [style.--mapa-result-color]=\"resultColor()\"\n [style.--mapa-result-left]=\"fillLeft() + '%'\"\n [style.--mapa-result-width]=\"fillWidth() + '%'\"\n [style.--mapa-result-position]=\"badgePosition() + '%'\"\n>\n @if (appearance() === \"stepped\") {\n <span class=\"mapa-result-track__steps\" aria-hidden=\"true\">\n @for (step of steps; track step) {\n <i\n [class.mapa-result-track__step--filled]=\"step < filledSteps()\"\n [style.--mapa-result-step-fill]=\"stepFill(step) + '%'\"\n ></i>\n }\n </span>\n @if (showValue()) {\n <strong class=\"mapa-result-track__value\" aria-hidden=\"true\"\n >{{ safeValue() }}%</strong\n >\n }\n } @else {\n <span class=\"mapa-result-track__rail\" aria-hidden=\"true\">\n @if (mode() === \"diverging\") {\n <span class=\"mapa-result-track__midpoint\"></span>\n }\n <span\n class=\"mapa-result-track__fill\"\n [class.negative]=\"mode() === 'diverging' && direction() === 'negative'\"\n [class.positive]=\"mode() === 'diverging' && direction() === 'positive'\"\n ></span>\n </span>\n @if (showValue()) {\n <span class=\"mapa-result-track__badge\" aria-hidden=\"true\"\n >{{ safeValue() }}%</span\n >\n }\n }\n</div>\n", styles: [".mapa-result-track{--mapa-result-badge-height: 24px;--mapa-result-fill-height: var( --mapa-result-track-fill-height, calc(var(--mapa-result-track-height, 14px) - 2px) );min-height:var(--mapa-result-track-min-height, 28px);padding:var(--mapa-result-track-padding, 10px 0 8px);position:relative}.mapa-result-track .negative{border-top-right-radius:0%;border-bottom-right-radius:0%}.mapa-result-track .positive{border-top-left-radius:0%;border-bottom-left-radius:0%}.mapa-result-track__rail{background:var(--mapa-result-track-rail, #e7ebed);border-radius:999px;display:block;height:var(--mapa-result-track-height, 14px);overflow:visible;position:relative}.mapa-result-track__fill{background:var(--mapa-result-color);border-radius:999px;height:var(--mapa-result-fill-height);left:var(--mapa-result-left);position:absolute;top:50%;transform:translateY(-50%);width:var(--mapa-result-width)}.mapa-result-track__midpoint{background:#aeb7bc;height:var(--mapa-result-midpoint-height, 10px);left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:1px}.mapa-result-track__badge{align-items:center;background:#fff;border:2px solid var(--mapa-result-color);border-radius:999px;box-sizing:border-box;color:#3f5870;display:inline-flex;font:650 10px/1 var(--mapa-font-body, \"Asap\", sans-serif);height:var(--mapa-result-badge-height);justify-content:center;left:clamp(18px,var(--mapa-result-position),100% - 18px);min-width:34px;padding:0 5px;position:absolute;text-align:center;top:var(--mapa-result-badge-top, 6px);transform:var(--mapa-result-badge-transform, translateX(-50%));z-index:1}.mapa-result-track--plain{min-height:0;padding:0}.mapa-result-track--segmented{--mapa-result-badge-height: 20px;--mapa-result-fill-height: 10px;box-sizing:border-box;min-height:24px;padding:3px 0}.mapa-result-track--segmented .mapa-result-track__rail{background:repeating-linear-gradient(90deg,#edf0f3 0 calc(20% - 1px),#fff calc(20% - 1px) 20%);border-radius:999px;height:10px}.mapa-result-track--segmented .mapa-result-track__fill{border-radius:999px}.mapa-result-track--segmented .mapa-result-track__badge{background:#fff;border-width:1px;border-color:#c9d0d6;color:#263238;min-width:34px;padding:0 6px;top:50%;transform:translate(-50%,-70%)}.mapa-result-track--thin:not(.mapa-result-track--stepped){--mapa-result-track-height: 6px;--mapa-result-fill-height: 6px}.mapa-result-track--thin:not(.mapa-result-track--stepped) .mapa-result-track__rail{background:#edf0f3}.mapa-result-track--stepped{--mapa-result-step-height: 40px;--mapa-result-step-radius: 7px;--mapa-result-step-width: 18px;--mapa-result-value-font-size: 17px;--mapa-result-value-min-width: 44px;align-items:center;display:grid;gap:12px;grid-template-columns:minmax(0,1fr) auto;min-height:40px;padding:0;width:100%}.mapa-result-track--stepped .mapa-result-track__steps{display:grid;gap:var(--mapa-result-step-gap, 5px);grid-template-columns:repeat(10,minmax(0,var(--mapa-result-step-width)));min-width:0;width:100%}.mapa-result-track--stepped .mapa-result-track__steps i{background:#d8dee7;border-radius:var(--mapa-result-step-radius);display:block;height:var(--mapa-result-step-height);min-width:0;overflow:hidden}.mapa-result-track--stepped .mapa-result-track__steps i:before{background:var(--mapa-result-color);content:\"\";display:block;height:100%;width:var(--mapa-result-step-fill, 0%)}.mapa-result-track--stepped .mapa-result-track__value{color:var(--mapa-result-color);font-size:var(--mapa-result-value-font-size);min-width:var(--mapa-result-value-min-width)}.mapa-result-track--stepped.mapa-result-track--thin{--mapa-result-step-height: 30px;--mapa-result-step-radius: 5px;--mapa-result-step-width: 10px;--mapa-result-value-font-size: 14px;--mapa-result-value-min-width: 36px;min-height:30px}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
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: var( --mapa-result-track-fill-height, calc(var(--mapa-result-track-height, 14px) - 2px) );min-height:var(--mapa-result-track-min-height, 28px);padding:var(--mapa-result-track-padding, 10px 0 8px);position:relative}.mapa-result-track .negative{border-top-right-radius:0%;border-bottom-right-radius:0%}.mapa-result-track .positive{border-top-left-radius:0%;border-bottom-left-radius:0%}.mapa-result-track__rail{background
|
|
8703
|
+
args: [{ selector: 'mapa-result-track', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, template: "<div\n class=\"mapa-result-track\"\n [class.mapa-result-track--plain]=\"!showValue()\"\n [class.mapa-result-track--segmented]=\"appearance() === 'segmented'\"\n [class.mapa-result-track--stepped]=\"appearance() === 'stepped'\"\n [class.mapa-result-track--thin]=\"style() === 'thin'\"\n role=\"meter\"\n aria-valuemin=\"0\"\n aria-valuemax=\"100\"\n [attr.aria-valuenow]=\"safeValue()\"\n [attr.aria-label]=\"label()\"\n [style.--mapa-result-color]=\"resultColor()\"\n [style.--mapa-result-left]=\"fillLeft() + '%'\"\n [style.--mapa-result-width]=\"fillWidth() + '%'\"\n [style.--mapa-result-position]=\"badgePosition() + '%'\"\n>\n @if (appearance() === \"stepped\") {\n <span class=\"mapa-result-track__steps\" aria-hidden=\"true\">\n @for (step of steps; track step) {\n <i\n [class.mapa-result-track__step--filled]=\"step < filledSteps()\"\n [style.--mapa-result-step-fill]=\"stepFill(step) + '%'\"\n ></i>\n }\n </span>\n @if (showValue()) {\n <strong class=\"mapa-result-track__value\" aria-hidden=\"true\"\n >{{ safeValue() }}%</strong\n >\n }\n } @else {\n <span class=\"mapa-result-track__rail\" aria-hidden=\"true\">\n @if (mode() === \"diverging\") {\n <span class=\"mapa-result-track__midpoint\"></span>\n }\n <span\n class=\"mapa-result-track__fill\"\n [class.negative]=\"mode() === 'diverging' && direction() === 'negative'\"\n [class.positive]=\"mode() === 'diverging' && direction() === 'positive'\"\n ></span>\n </span>\n @if (showValue()) {\n <span class=\"mapa-result-track__badge\" aria-hidden=\"true\"\n >{{ safeValue() }}%</span\n >\n }\n }\n</div>\n", styles: [".mapa-result-track{--mapa-result-badge-height: 24px;--mapa-result-fill-height: var( --mapa-result-track-fill-height, calc(var(--mapa-result-track-height, 14px) - 2px) );min-height:var(--mapa-result-track-min-height, 28px);padding:var(--mapa-result-track-padding, 10px 0 8px);position:relative}.mapa-result-track .negative{border-top-right-radius:0%;border-bottom-right-radius:0%}.mapa-result-track .positive{border-top-left-radius:0%;border-bottom-left-radius:0%}.mapa-result-track__rail{background:var(--mapa-result-track-rail, #e7ebed);border-radius:999px;display:block;height:var(--mapa-result-track-height, 14px);overflow:visible;position:relative}.mapa-result-track__fill{background:var(--mapa-result-color);border-radius:999px;height:var(--mapa-result-fill-height);left:var(--mapa-result-left);position:absolute;top:50%;transform:translateY(-50%);width:var(--mapa-result-width)}.mapa-result-track__midpoint{background:#aeb7bc;height:var(--mapa-result-midpoint-height, 10px);left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:1px}.mapa-result-track__badge{align-items:center;background:#fff;border:2px solid var(--mapa-result-color);border-radius:999px;box-sizing:border-box;color:#3f5870;display:inline-flex;font:650 10px/1 var(--mapa-font-body, \"Asap\", sans-serif);height:var(--mapa-result-badge-height);justify-content:center;left:clamp(18px,var(--mapa-result-position),100% - 18px);min-width:34px;padding:0 5px;position:absolute;text-align:center;top:var(--mapa-result-badge-top, 6px);transform:var(--mapa-result-badge-transform, translateX(-50%));z-index:1}.mapa-result-track--plain{min-height:0;padding:0}.mapa-result-track--segmented{--mapa-result-badge-height: 20px;--mapa-result-fill-height: 10px;box-sizing:border-box;min-height:24px;padding:3px 0}.mapa-result-track--segmented .mapa-result-track__rail{background:repeating-linear-gradient(90deg,#edf0f3 0 calc(20% - 1px),#fff calc(20% - 1px) 20%);border-radius:999px;height:10px}.mapa-result-track--segmented .mapa-result-track__fill{border-radius:999px}.mapa-result-track--segmented .mapa-result-track__badge{background:#fff;border-width:1px;border-color:#c9d0d6;color:#263238;min-width:34px;padding:0 6px;top:50%;transform:translate(-50%,-70%)}.mapa-result-track--thin:not(.mapa-result-track--stepped){--mapa-result-track-height: 6px;--mapa-result-fill-height: 6px}.mapa-result-track--thin:not(.mapa-result-track--stepped) .mapa-result-track__rail{background:#edf0f3}.mapa-result-track--stepped{--mapa-result-step-height: 40px;--mapa-result-step-radius: 7px;--mapa-result-step-width: 18px;--mapa-result-value-font-size: 17px;--mapa-result-value-min-width: 44px;align-items:center;display:grid;gap:12px;grid-template-columns:minmax(0,1fr) auto;min-height:40px;padding:0;width:100%}.mapa-result-track--stepped .mapa-result-track__steps{display:grid;gap:var(--mapa-result-step-gap, 5px);grid-template-columns:repeat(10,minmax(0,var(--mapa-result-step-width)));min-width:0;width:100%}.mapa-result-track--stepped .mapa-result-track__steps i{background:#d8dee7;border-radius:var(--mapa-result-step-radius);display:block;height:var(--mapa-result-step-height);min-width:0;overflow:hidden}.mapa-result-track--stepped .mapa-result-track__steps i:before{background:var(--mapa-result-color);content:\"\";display:block;height:100%;width:var(--mapa-result-step-fill, 0%)}.mapa-result-track--stepped .mapa-result-track__value{color:var(--mapa-result-color);font-size:var(--mapa-result-value-font-size);min-width:var(--mapa-result-value-min-width)}.mapa-result-track--stepped.mapa-result-track--thin{--mapa-result-step-height: 30px;--mapa-result-step-radius: 5px;--mapa-result-step-width: 10px;--mapa-result-value-font-size: 14px;--mapa-result-value-min-width: 36px;min-height:30px}\n"] }]
|
|
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: transparent;--mat-button-toggle-divider-color: transparent;--mat-button-toggle-height: 32px;--mat-button-toggle-label-text-font: var( --mapa-font-body, \"Asap\", sans-serif );--mat-button-toggle-label-text-size: 13px;--mat-button-toggle-label-text-weight: 500;--mat-button-toggle-selected-state-background-color: var( --mapa-toggle-selected-surface, #fff );--mat-button-toggle-selected-state-text-color: var( --mapa-toggle-selected-text, #162f42 );--mat-button-toggle-shape: 7px;--mat-button-toggle-text-color: var(--mapa-toggle-text, #5b6672);align-items:center;background:var(--mapa-toggle-surface, #f1f2f4);border:0;border-radius:9px;box-sizing:border-box;gap:2px;grid-column:2;grid-row:1;overflow:hidden;padding:3px}.mapa-report-widget__modes mat-button-toggle{border:0;border-radius:7px;font:500 13px/1 var(--mapa-font-body, \"Asap\", sans-serif)}.mapa-report-widget__modes mat-button-toggle.mat-button-toggle-checked{box-shadow:0 1px 2px #162f4224}.mapa-report-widget__modes ::ng-deep .mat-button-toggle-button:focus-visible{outline:2px solid #cf450c;outline-offset:-2px}.mapa-report-widget__modes mat-icon{font-size:14px;height:14px;margin-right:5px;width:14px}.mapa-report-widget__modes--standalone{grid-column:1;grid-row:auto;justify-self:end}.mapa-report-widget__empty{color:var(--mapa-report-muted);margin:0;padding:24px 0;text-align:center}@media(max-width:760px){.mapa-report-widget__header{align-items:stretch;grid-template-columns:minmax(0,1fr)}.mapa-report-widget__modes{grid-column:1;grid-row:3;justify-self:start;margin-top:12px}.mapa-report-widget__modes--standalone{grid-row:auto;margin-top:0}}.mapa-direction-indicator{background:var(--mapa-report-surface, var(--mapa-color-surface, #fafbfc));border:1px solid currentColor;border-radius:50%;box-sizing:border-box;color:var(--mapa-report-muted, var(--mapa-color-text-subtle, #68747a));display:inline-grid;flex:0 0 20px;font-size:11px;font-weight:700;height:20px;line-height:1;place-items:center;width:20px}.mapa-report-group-profile__filters{border-bottom:1px solid var(--mapa-report-border, #e1e5e7);display:grid;gap:12px;grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;padding-bottom:var(--mapa-report-space, 20px)}.mapa-report-group-profile__filters:empty{display:none}.mapa-report-group-profile__action{align-self:center;grid-column:2;grid-row:1}.mapa-report-group-profile__action:empty{display:none}.mapa-report-group-profile__scale{align-items:center;display:flex;flex-wrap:wrap;gap:18px;justify-content:space-between}.mapa-report-group-profile__scale h3{align-items:center;display:flex;font-size:26px;font-weight:500;gap:8px;letter-spacing:-.02em;line-height:1.15;margin:0}.mapa-report-group-profile__scale-heading{display:grid;flex:1 1 320px;gap:6px;min-width:0}.mapa-report-group-profile__scale-description{color:var(--mapa-report-muted, #68747a);font-size:13px;line-height:1.5;margin:0}.mapa-report-group-profile__scale-description ::ng-deep ol,.mapa-report-group-profile__scale-description ::ng-deep p,.mapa-report-group-profile__scale-description ::ng-deep ul{margin:0 0 8px}.mapa-report-group-profile__scale-description ::ng-deep ol,.mapa-report-group-profile__scale-description ::ng-deep ul{padding-left:20px}.mapa-report-group-profile__scale-description ::ng-deep li{margin:0 0 3px}.mapa-report-group-profile__scale-description ::ng-deep b,.mapa-report-group-profile__scale-description ::ng-deep strong{color:var(--mapa-report-text, inherit);font-weight:600}.mapa-report-group-profile__scale-description ::ng-deep :last-child{margin-bottom:0}.mapa-report-group-profile__average{align-items:center;align-self:flex-start;background:var(--mapa-report-average-surface, #eef2f5);border-radius:14px;display:flex;gap:16px;padding:14px 22px}.mapa-report-group-profile__average-label{color:var(--mapa-report-average-label, #3f5060);font-size:12.5px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;white-space:nowrap}.mapa-report-group-profile__average-value{align-items:center;display:flex;flex-direction:row-reverse;gap:14px}.mapa-report-group-profile__average-value mapa-result-track{--mapa-result-track-height: 6px;--mapa-result-track-fill-height: 6px;--mapa-result-track-rail: var(--mapa-report-average-rail, #d3dbe1);flex:none;width:72px}.mapa-report-group-profile__average-value--stepped mapa-result-track{--mapa-result-step-gap: 4px;width:168px}.mapa-report-group-profile__average-value strong{color:var(--mapa-report-average-value, #14283a);font-size:30px;font-weight:700;line-height:1}.mapa-report-group-profile__rows{display:grid}.mapa-report-group-profile__row{align-items:center;border-top:1px solid var(--mapa-report-line-soft, #edf1f3);display:grid;gap:16px;grid-template-columns:minmax(120px,20%) minmax(0,1fr);padding:15px 0}.mapa-report-group-profile__row-name{align-items:center;display:flex;font-size:14px;font-weight:500;gap:7px;margin:0}.mapa-report-group-profile__bar{min-width:0}.mapa-report-group-profile__caption{color:var(--mapa-report-muted, #68747a);display:block;font-size:11px;margin-bottom:2px}.mapa-report-group-profile__pill{background:var(--mapa-report-surface-muted, #eef2f3);border-radius:6px;display:flex;height:var(--mapa-report-pill-height, 34px);overflow:hidden;width:100%}.mapa-report-group-profile__slice{align-items:center;container-type:inline-size;display:flex;justify-content:center;flex:0 0 auto;height:100%;min-width:0;overflow:hidden;position:relative}.mapa-report-group-profile__slice-value{font-size:11px;font-weight:600;line-height:1;white-space:nowrap}.mapa-report-group-profile__slice--highlighted{align-items:center;display:flex;justify-content:center}.mapa-report-group-profile__slice--highlighted:after{color:currentColor;content:\"\\25bc\";font-size:9px;line-height:1;position:absolute;top:2px}.mapa-report-group-profile__legend{display:flex;flex-wrap:wrap;gap:8px 16px;list-style:none;margin:0;padding:0}.mapa-report-group-profile__legend li{align-items:center;color:var(--mapa-report-muted, #68747a);display:inline-flex;font-size:12px;gap:6px}@container (max-width: 35.99px){.mapa-report-group-profile__slice-value{display:none}}:host ::ng-deep .mapa-report-group-profile__filters>*{min-width:0;width:100%}@media(max-width:760px){.mapa-report-group-profile__filters{grid-auto-flow:row}.mapa-report-group-profile__action{grid-column:1;grid-row:auto;justify-self:start;margin-top:12px}.mapa-report-group-profile__average{box-sizing:border-box;flex-wrap:wrap;justify-content:space-between;width:100%}.mapa-report-group-profile__row{gap:8px;grid-template-columns:minmax(0,1fr)}}\n"], dependencies: [{ kind: "component", type: MapaResultTrackComponent, selector: "mapa-result-track", inputs: ["name", "value", "color", "mode", "appearance", "style", "direction", "showValue", "ariaLabel"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
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: transparent;--mat-button-toggle-divider-color: transparent;--mat-button-toggle-height: 32px;--mat-button-toggle-label-text-font: var( --mapa-font-body, \"Asap\", sans-serif );--mat-button-toggle-label-text-size: 13px;--mat-button-toggle-label-text-weight: 500;--mat-button-toggle-selected-state-background-color: var( --mapa-toggle-selected-surface, #fff );--mat-button-toggle-selected-state-text-color: var( --mapa-toggle-selected-text, #162f42 );--mat-button-toggle-shape: 7px;--mat-button-toggle-text-color: var(--mapa-toggle-text, #5b6672);align-items:center;background:var(--mapa-toggle-surface, #f1f2f4);border:0;border-radius:9px;box-sizing:border-box;gap:2px;grid-column:2;grid-row:1;overflow:hidden;padding:3px}.mapa-report-widget__modes mat-button-toggle{border:0;border-radius:7px;font:500 13px/1 var(--mapa-font-body, \"Asap\", sans-serif)}.mapa-report-widget__modes mat-button-toggle.mat-button-toggle-checked{box-shadow:0 1px 2px #162f4224}.mapa-report-widget__modes ::ng-deep .mat-button-toggle-button:focus-visible{outline:2px solid #cf450c;outline-offset:-2px}.mapa-report-widget__modes mat-icon{font-size:14px;height:14px;margin-right:5px;width:14px}.mapa-report-widget__modes--standalone{grid-column:1;grid-row:auto;justify-self:end}.mapa-report-widget__empty{color:var(--mapa-report-muted);margin:0;padding:24px 0;text-align:center}@media(max-width:760px){.mapa-report-widget__header{align-items:stretch;grid-template-columns:minmax(0,1fr)}.mapa-report-widget__modes{grid-column:1;grid-row:3;justify-self:start;margin-top:12px}.mapa-report-widget__modes--standalone{grid-row:auto;margin-top:0}}.mapa-direction-indicator{background:var(--mapa-report-surface, var(--mapa-color-surface, #fafbfc));border:1px solid currentColor;border-radius:50%;box-sizing:border-box;color:var(--mapa-report-muted, var(--mapa-color-text-subtle, #68747a));display:inline-grid;flex:0 0 20px;font-size:11px;font-weight:700;height:20px;line-height:1;place-items:center;width:20px}.mapa-report-group-profile__filters{border-bottom:1px solid var(--mapa-report-border, #e1e5e7);display:grid;gap:12px;grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;padding-bottom:var(--mapa-report-space, 20px)}.mapa-report-group-profile__filters:empty{display:none}.mapa-report-group-profile__action{align-self:center;grid-column:2;grid-row:1}.mapa-report-group-profile__action:empty{display:none}.mapa-report-group-profile__scale{align-items:center;display:flex;flex-wrap:wrap;gap:18px;justify-content:space-between}.mapa-report-group-profile__scale h3{align-items:center;display:flex;font-size:26px;font-weight:500;gap:8px;letter-spacing:-.02em;line-height:1.15;margin:0}.mapa-report-group-profile__scale-heading{display:grid;flex:1 1 320px;gap:6px;min-width:0}.mapa-report-group-profile__scale-description{color:var(--mapa-report-muted, #68747a);font-size:13px;line-height:1.5;margin:0}.mapa-report-group-profile__scale-description ::ng-deep ol,.mapa-report-group-profile__scale-description ::ng-deep p,.mapa-report-group-profile__scale-description ::ng-deep ul{margin:0 0 8px}.mapa-report-group-profile__scale-description ::ng-deep ol,.mapa-report-group-profile__scale-description ::ng-deep ul{padding-left:20px}.mapa-report-group-profile__scale-description ::ng-deep li{margin:0 0 3px}.mapa-report-group-profile__scale-description ::ng-deep b,.mapa-report-group-profile__scale-description ::ng-deep strong{color:var(--mapa-report-text, inherit);font-weight:600}.mapa-report-group-profile__scale-description ::ng-deep :last-child{margin-bottom:0}.mapa-report-group-profile__average{align-items:center;align-self:flex-start;background:var(--mapa-report-average-surface, #eef2f5);border-radius:14px;display:flex;gap:16px;padding:14px 22px}.mapa-report-group-profile__average-label{color:var(--mapa-report-average-label, #3f5060);font-size:12.5px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;white-space:nowrap}.mapa-report-group-profile__average-value{align-items:center;display:flex;flex-direction:row-reverse;gap:14px}.mapa-report-group-profile__average-value mapa-result-track{--mapa-result-track-height: 6px;--mapa-result-track-fill-height: 6px;--mapa-result-track-rail: var(--mapa-report-average-rail, #d3dbe1);flex:none;width:72px}.mapa-report-group-profile__average-value--stepped mapa-result-track{--mapa-result-step-gap: 4px;width:168px}.mapa-report-group-profile__average-value strong{color:var(--mapa-report-average-value, #14283a);font-size:30px;font-weight:700;line-height:1}.mapa-report-group-profile__rows{display:grid}.mapa-report-group-profile__row{align-items:center;border-top:1px solid var(--mapa-report-line-soft, #edf1f3);display:grid;gap:16px;grid-template-columns:minmax(120px,20%) minmax(0,1fr);padding:15px 0}.mapa-report-group-profile__row-name{align-items:center;display:flex;font-size:14px;font-weight:500;gap:7px;margin:0}.mapa-report-group-profile__bar{min-width:0}.mapa-report-group-profile__caption{color:var(--mapa-report-muted, #68747a);display:block;font-size:11px;margin-bottom:2px}.mapa-report-group-profile__pill{background:var(--mapa-report-surface-muted, #eef2f3);border-radius:6px;display:flex;height:var(--mapa-report-pill-height, 34px);overflow:hidden;width:100%}.mapa-report-group-profile__slice{align-items:center;container-type:inline-size;display:flex;justify-content:center;flex:0 0 auto;height:100%;min-width:0;overflow:hidden;position:relative}.mapa-report-group-profile__slice-value{font-size:11px;font-weight:600;line-height:1;white-space:nowrap}.mapa-report-group-profile__slice--highlighted{align-items:center;display:flex;justify-content:center}.mapa-report-group-profile__slice--highlighted:after{color:currentColor;content:\"\\25bc\";font-size:9px;line-height:1;position:absolute;top:2px}.mapa-report-group-profile__legend{display:flex;flex-wrap:wrap;gap:8px 16px;list-style:none;margin:0;padding:0}.mapa-report-group-profile__legend li{align-items:center;color:var(--mapa-report-muted, #68747a);display:inline-flex;font-size:12px;gap:6px}@container (max-width: 35.99px){.mapa-report-group-profile__slice-value{display:none}}:host ::ng-deep .mapa-report-group-profile__filters>*{min-width:0;width:100%}@media(max-width:760px){.mapa-report-group-profile__filters{grid-auto-flow:row}.mapa-report-group-profile__action{grid-column:1;grid-row:auto;justify-self:start;margin-top:12px}.mapa-report-group-profile__average{box-sizing:border-box;flex-wrap:wrap;justify-content:space-between;width:100%}.mapa-report-group-profile__row{gap:8px;grid-template-columns:minmax(0,1fr)}}\n"] }]
|
|
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: transparent;--mat-button-toggle-divider-color: transparent;--mat-button-toggle-height: 32px;--mat-button-toggle-label-text-font: var( --mapa-font-body, \"Asap\", sans-serif );--mat-button-toggle-label-text-size: 13px;--mat-button-toggle-label-text-weight: 500;--mat-button-toggle-selected-state-background-color: var( --mapa-toggle-selected-surface, #fff );--mat-button-toggle-selected-state-text-color: var( --mapa-toggle-selected-text, #162f42 );--mat-button-toggle-shape: 7px;--mat-button-toggle-text-color: var(--mapa-toggle-text, #5b6672);align-items:center;background:var(--mapa-toggle-surface, #f1f2f4);border:0;border-radius:9px;box-sizing:border-box;gap:2px;grid-column:2;grid-row:1;overflow:hidden;padding:3px}.mapa-report-widget__modes mat-button-toggle{border:0;border-radius:7px;font:500 13px/1 var(--mapa-font-body, \"Asap\", sans-serif)}.mapa-report-widget__modes mat-button-toggle.mat-button-toggle-checked{box-shadow:0 1px 2px #162f4224}.mapa-report-widget__modes ::ng-deep .mat-button-toggle-button:focus-visible{outline:2px solid #cf450c;outline-offset:-2px}.mapa-report-widget__modes mat-icon{font-size:14px;height:14px;margin-right:5px;width:14px}.mapa-report-widget__modes--standalone{grid-column:1;grid-row:auto;justify-self:end}.mapa-report-widget__empty{color:var(--mapa-report-muted);margin:0;padding:24px 0;text-align:center}@media(max-width:760px){.mapa-report-widget__header{align-items:stretch;grid-template-columns:minmax(0,1fr)}.mapa-report-widget__modes{grid-column:1;grid-row:3;justify-self:start;margin-top:12px}.mapa-report-widget__modes--standalone{grid-row:auto;margin-top:0}}.mapa-direction-indicator{background:var(--mapa-report-surface, var(--mapa-color-surface, #fafbfc));border:1px solid currentColor;border-radius:50%;box-sizing:border-box;color:var(--mapa-report-muted, var(--mapa-color-text-subtle, #68747a));display:inline-grid;flex:0 0 20px;font-size:11px;font-weight:700;height:20px;line-height:1;place-items:center;width:20px}.mapa-report-group-profile__filters{border-bottom:1px solid var(--mapa-report-border, #e1e5e7);display:grid;gap:12px;grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;padding-bottom:var(--mapa-report-space, 20px)}.mapa-report-group-profile__filters:empty{display:none}.mapa-report-group-profile__action{align-self:center;grid-column:2;grid-row:1}.mapa-report-group-profile__action:empty{display:none}.mapa-report-group-profile__scale{align-items:center;display:flex;flex-wrap:wrap;gap:18px;justify-content:space-between}.mapa-report-group-profile__scale h3{align-items:center;display:flex;font-size:26px;font-weight:500;gap:8px;letter-spacing:-.02em;line-height:1.15;margin:0}.mapa-report-group-profile__scale-heading{display:grid;flex:1 1 320px;gap:6px;min-width:0}.mapa-report-group-profile__scale-description{color:var(--mapa-report-muted, #68747a);font-size:13px;line-height:1.5;margin:0}.mapa-report-group-profile__scale-description ::ng-deep ol,.mapa-report-group-profile__scale-description ::ng-deep p,.mapa-report-group-profile__scale-description ::ng-deep ul{margin:0 0 8px}.mapa-report-group-profile__scale-description ::ng-deep ol,.mapa-report-group-profile__scale-description ::ng-deep ul{padding-left:20px}.mapa-report-group-profile__scale-description ::ng-deep li{margin:0 0 3px}.mapa-report-group-profile__scale-description ::ng-deep b,.mapa-report-group-profile__scale-description ::ng-deep strong{color:var(--mapa-report-text, inherit);font-weight:600}.mapa-report-group-profile__scale-description ::ng-deep :last-child{margin-bottom:0}.mapa-report-group-profile__average{align-items:center;align-self:flex-start;background:var(--mapa-report-average-surface, #eef2f5);border-radius:14px;display:flex;gap:16px;padding:14px 22px}.mapa-report-group-profile__average-label{color:var(--mapa-report-average-label, #3f5060);font-size:12.5px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;white-space:nowrap}.mapa-report-group-profile__average-value{align-items:center;display:flex;flex-direction:row-reverse;gap:14px}.mapa-report-group-profile__average-value mapa-result-track{--mapa-result-track-height: 6px;--mapa-result-track-fill-height: 6px;--mapa-result-track-rail: var(--mapa-report-average-rail, #d3dbe1);flex:none;width:72px}.mapa-report-group-profile__average-value--stepped mapa-result-track{--mapa-result-step-gap: 4px;width:168px}.mapa-report-group-profile__average-value strong{color:var(--mapa-report-average-value, #14283a);font-size:30px;font-weight:700;line-height:1}.mapa-report-group-profile__rows{display:grid}.mapa-report-group-profile__row{align-items:center;border-top:1px solid var(--mapa-report-line-soft, #edf1f3);display:grid;gap:16px;grid-template-columns:minmax(120px,20%) minmax(0,1fr);padding:15px 0}.mapa-report-group-profile__row-name{align-items:center;display:flex;font-size:14px;font-weight:500;gap:7px;margin:0}.mapa-report-group-profile__bar{min-width:0}.mapa-report-group-profile__caption{color:var(--mapa-report-muted, #68747a);display:block;font-size:11px;margin-bottom:2px}.mapa-report-group-profile__pill{background:var(--mapa-report-surface-muted, #eef2f3);border-radius:6px;display:flex;height:var(--mapa-report-pill-height, 34px);overflow:hidden;width:100%}.mapa-report-group-profile__slice{align-items:center;container-type:inline-size;display:flex;justify-content:center;flex:0 0 auto;height:100%;min-width:0;overflow:hidden;position:relative}.mapa-report-group-profile__slice-value{font-size:11px;font-weight:600;line-height:1;white-space:nowrap}.mapa-report-group-profile__slice--highlighted{align-items:center;display:flex;justify-content:center}.mapa-report-group-profile__slice--highlighted:after{color:currentColor;content:\"\\25bc\";font-size:9px;line-height:1;position:absolute;top:2px}.mapa-report-group-profile__legend{display:flex;flex-wrap:wrap;gap:8px 16px;list-style:none;margin:0;padding:0}.mapa-report-group-profile__legend li{align-items:center;color:var(--mapa-report-muted, #68747a);display:inline-flex;font-size:12px;gap:6px}@container (max-width: 35.99px){.mapa-report-group-profile__slice-value{display:none}}:host ::ng-deep .mapa-report-group-profile__filters>*{min-width:0;width:100%}@media(max-width:760px){.mapa-report-group-profile__filters{grid-auto-flow:row}.mapa-report-group-profile__action{grid-column:1;grid-row:auto;justify-self:start;margin-top:12px}.mapa-report-group-profile__average{box-sizing:border-box;flex-wrap:wrap;justify-content:space-between;width:100%}.mapa-report-group-profile__row{gap:8px;grid-template-columns:minmax(0,1fr)}}\n"], dependencies: [{ kind: "component", type: MapaClassificationTagComponent, selector: "mapa-classification-tag", inputs: ["classification", "size", "appearance", "shape", "casing", "fallbackLabel", "valueLabel"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
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: transparent;--mat-button-toggle-divider-color: transparent;--mat-button-toggle-height: 32px;--mat-button-toggle-label-text-font: var( --mapa-font-body, \"Asap\", sans-serif );--mat-button-toggle-label-text-size: 13px;--mat-button-toggle-label-text-weight: 500;--mat-button-toggle-selected-state-background-color: var( --mapa-toggle-selected-surface, #fff );--mat-button-toggle-selected-state-text-color: var( --mapa-toggle-selected-text, #162f42 );--mat-button-toggle-shape: 7px;--mat-button-toggle-text-color: var(--mapa-toggle-text, #5b6672);align-items:center;background:var(--mapa-toggle-surface, #f1f2f4);border:0;border-radius:9px;box-sizing:border-box;gap:2px;grid-column:2;grid-row:1;overflow:hidden;padding:3px}.mapa-report-widget__modes mat-button-toggle{border:0;border-radius:7px;font:500 13px/1 var(--mapa-font-body, \"Asap\", sans-serif)}.mapa-report-widget__modes mat-button-toggle.mat-button-toggle-checked{box-shadow:0 1px 2px #162f4224}.mapa-report-widget__modes ::ng-deep .mat-button-toggle-button:focus-visible{outline:2px solid #cf450c;outline-offset:-2px}.mapa-report-widget__modes mat-icon{font-size:14px;height:14px;margin-right:5px;width:14px}.mapa-report-widget__modes--standalone{grid-column:1;grid-row:auto;justify-self:end}.mapa-report-widget__empty{color:var(--mapa-report-muted);margin:0;padding:24px 0;text-align:center}@media(max-width:760px){.mapa-report-widget__header{align-items:stretch;grid-template-columns:minmax(0,1fr)}.mapa-report-widget__modes{grid-column:1;grid-row:3;justify-self:start;margin-top:12px}.mapa-report-widget__modes--standalone{grid-row:auto;margin-top:0}}.mapa-direction-indicator{background:var(--mapa-report-surface, var(--mapa-color-surface, #fafbfc));border:1px solid currentColor;border-radius:50%;box-sizing:border-box;color:var(--mapa-report-muted, var(--mapa-color-text-subtle, #68747a));display:inline-grid;flex:0 0 20px;font-size:11px;font-weight:700;height:20px;line-height:1;place-items:center;width:20px}.mapa-report-group-profile__filters{border-bottom:1px solid var(--mapa-report-border, #e1e5e7);display:grid;gap:12px;grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;padding-bottom:var(--mapa-report-space, 20px)}.mapa-report-group-profile__filters:empty{display:none}.mapa-report-group-profile__action{align-self:center;grid-column:2;grid-row:1}.mapa-report-group-profile__action:empty{display:none}.mapa-report-group-profile__scale{align-items:center;display:flex;flex-wrap:wrap;gap:18px;justify-content:space-between}.mapa-report-group-profile__scale h3{align-items:center;display:flex;font-size:26px;font-weight:500;gap:8px;letter-spacing:-.02em;line-height:1.15;margin:0}.mapa-report-group-profile__scale-heading{display:grid;flex:1 1 320px;gap:6px;min-width:0}.mapa-report-group-profile__scale-description{color:var(--mapa-report-muted, #68747a);font-size:13px;line-height:1.5;margin:0}.mapa-report-group-profile__scale-description ::ng-deep ol,.mapa-report-group-profile__scale-description ::ng-deep p,.mapa-report-group-profile__scale-description ::ng-deep ul{margin:0 0 8px}.mapa-report-group-profile__scale-description ::ng-deep ol,.mapa-report-group-profile__scale-description ::ng-deep ul{padding-left:20px}.mapa-report-group-profile__scale-description ::ng-deep li{margin:0 0 3px}.mapa-report-group-profile__scale-description ::ng-deep b,.mapa-report-group-profile__scale-description ::ng-deep strong{color:var(--mapa-report-text, inherit);font-weight:600}.mapa-report-group-profile__scale-description ::ng-deep :last-child{margin-bottom:0}.mapa-report-group-profile__average{align-items:center;align-self:flex-start;background:var(--mapa-report-average-surface, #eef2f5);border-radius:14px;display:flex;gap:16px;padding:14px 22px}.mapa-report-group-profile__average-label{color:var(--mapa-report-average-label, #3f5060);font-size:12.5px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;white-space:nowrap}.mapa-report-group-profile__average-value{align-items:center;display:flex;flex-direction:row-reverse;gap:14px}.mapa-report-group-profile__average-value mapa-result-track{--mapa-result-track-height: 6px;--mapa-result-track-fill-height: 6px;--mapa-result-track-rail: var(--mapa-report-average-rail, #d3dbe1);flex:none;width:72px}.mapa-report-group-profile__average-value--stepped mapa-result-track{--mapa-result-step-gap: 4px;width:168px}.mapa-report-group-profile__average-value strong{color:var(--mapa-report-average-value, #14283a);font-size:30px;font-weight:700;line-height:1}.mapa-report-group-profile__rows{display:grid}.mapa-report-group-profile__row{align-items:center;border-top:1px solid var(--mapa-report-line-soft, #edf1f3);display:grid;gap:16px;grid-template-columns:minmax(120px,20%) minmax(0,1fr);padding:15px 0}.mapa-report-group-profile__row-name{align-items:center;display:flex;font-size:14px;font-weight:500;gap:7px;margin:0}.mapa-report-group-profile__bar{min-width:0}.mapa-report-group-profile__caption{color:var(--mapa-report-muted, #68747a);display:block;font-size:11px;margin-bottom:2px}.mapa-report-group-profile__pill{background:var(--mapa-report-surface-muted, #eef2f3);border-radius:6px;display:flex;height:var(--mapa-report-pill-height, 34px);overflow:hidden;width:100%}.mapa-report-group-profile__slice{align-items:center;container-type:inline-size;display:flex;justify-content:center;flex:0 0 auto;height:100%;min-width:0;overflow:hidden;position:relative}.mapa-report-group-profile__slice-value{font-size:11px;font-weight:600;line-height:1;white-space:nowrap}.mapa-report-group-profile__slice--highlighted{align-items:center;display:flex;justify-content:center}.mapa-report-group-profile__slice--highlighted:after{color:currentColor;content:\"\\25bc\";font-size:9px;line-height:1;position:absolute;top:2px}.mapa-report-group-profile__legend{display:flex;flex-wrap:wrap;gap:8px 16px;list-style:none;margin:0;padding:0}.mapa-report-group-profile__legend li{align-items:center;color:var(--mapa-report-muted, #68747a);display:inline-flex;font-size:12px;gap:6px}@container (max-width: 35.99px){.mapa-report-group-profile__slice-value{display:none}}:host ::ng-deep .mapa-report-group-profile__filters>*{min-width:0;width:100%}@media(max-width:760px){.mapa-report-group-profile__filters{grid-auto-flow:row}.mapa-report-group-profile__action{grid-column:1;grid-row:auto;justify-self:start;margin-top:12px}.mapa-report-group-profile__average{box-sizing:border-box;flex-wrap:wrap;justify-content:space-between;width:100%}.mapa-report-group-profile__row{gap:8px;grid-template-columns:minmax(0,1fr)}}\n"] }]
|
|
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: transparent;--mat-button-toggle-divider-color: transparent;--mat-button-toggle-height: 32px;--mat-button-toggle-label-text-font: var( --mapa-font-body, \"Asap\", sans-serif );--mat-button-toggle-label-text-size: 13px;--mat-button-toggle-label-text-weight: 500;--mat-button-toggle-selected-state-background-color: var( --mapa-toggle-selected-surface, #fff );--mat-button-toggle-selected-state-text-color: var( --mapa-toggle-selected-text, #162f42 );--mat-button-toggle-shape: 7px;--mat-button-toggle-text-color: var(--mapa-toggle-text, #5b6672);align-items:center;background:var(--mapa-toggle-surface, #f1f2f4);border:0;border-radius:9px;box-sizing:border-box;gap:2px;grid-column:2;grid-row:1;overflow:hidden;padding:3px}.mapa-report-widget__modes mat-button-toggle{border:0;border-radius:7px;font:500 13px/1 var(--mapa-font-body, \"Asap\", sans-serif)}.mapa-report-widget__modes mat-button-toggle.mat-button-toggle-checked{box-shadow:0 1px 2px #162f4224}.mapa-report-widget__modes ::ng-deep .mat-button-toggle-button:focus-visible{outline:2px solid #cf450c;outline-offset:-2px}.mapa-report-widget__modes mat-icon{font-size:14px;height:14px;margin-right:5px;width:14px}.mapa-report-widget__modes--standalone{grid-column:1;grid-row:auto;justify-self:end}.mapa-report-widget__empty{color:var(--mapa-report-muted);margin:0;padding:24px 0;text-align:center}@media(max-width:760px){.mapa-report-widget__header{align-items:stretch;grid-template-columns:minmax(0,1fr)}.mapa-report-widget__modes{grid-column:1;grid-row:3;justify-self:start;margin-top:12px}.mapa-report-widget__modes--standalone{grid-row:auto;margin-top:0}}.mapa-direction-indicator{background:var(--mapa-report-surface, var(--mapa-color-surface, #fafbfc));border:1px solid currentColor;border-radius:50%;box-sizing:border-box;color:var(--mapa-report-muted, var(--mapa-color-text-subtle, #68747a));display:inline-grid;flex:0 0 20px;font-size:11px;font-weight:700;height:20px;line-height:1;place-items:center;width:20px}.mapa-report-group-profile__filters{border-bottom:1px solid var(--mapa-report-border, #e1e5e7);display:grid;gap:12px;grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;padding-bottom:var(--mapa-report-space, 20px)}.mapa-report-group-profile__filters:empty{display:none}.mapa-report-group-profile__action{align-self:center;grid-column:2;grid-row:1}.mapa-report-group-profile__action:empty{display:none}.mapa-report-group-profile__scale{align-items:center;display:flex;flex-wrap:wrap;gap:18px;justify-content:space-between}.mapa-report-group-profile__scale h3{align-items:center;display:flex;font-size:26px;font-weight:500;gap:8px;letter-spacing:-.02em;line-height:1.15;margin:0}.mapa-report-group-profile__scale-heading{display:grid;flex:1 1 320px;gap:6px;min-width:0}.mapa-report-group-profile__scale-description{color:var(--mapa-report-muted, #68747a);font-size:13px;line-height:1.5;margin:0}.mapa-report-group-profile__scale-description ::ng-deep ol,.mapa-report-group-profile__scale-description ::ng-deep p,.mapa-report-group-profile__scale-description ::ng-deep ul{margin:0 0 8px}.mapa-report-group-profile__scale-description ::ng-deep ol,.mapa-report-group-profile__scale-description ::ng-deep ul{padding-left:20px}.mapa-report-group-profile__scale-description ::ng-deep li{margin:0 0 3px}.mapa-report-group-profile__scale-description ::ng-deep b,.mapa-report-group-profile__scale-description ::ng-deep strong{color:var(--mapa-report-text, inherit);font-weight:600}.mapa-report-group-profile__scale-description ::ng-deep :last-child{margin-bottom:0}.mapa-report-group-profile__average{align-items:center;align-self:flex-start;background:var(--mapa-report-average-surface, #eef2f5);border-radius:14px;display:flex;gap:16px;padding:14px 22px}.mapa-report-group-profile__average-label{color:var(--mapa-report-average-label, #3f5060);font-size:12.5px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;white-space:nowrap}.mapa-report-group-profile__average-value{align-items:center;display:flex;flex-direction:row-reverse;gap:14px}.mapa-report-group-profile__average-value mapa-result-track{--mapa-result-track-height: 6px;--mapa-result-track-fill-height: 6px;--mapa-result-track-rail: var(--mapa-report-average-rail, #d3dbe1);flex:none;width:72px}.mapa-report-group-profile__average-value--stepped mapa-result-track{--mapa-result-step-gap: 4px;width:168px}.mapa-report-group-profile__average-value strong{color:var(--mapa-report-average-value, #14283a);font-size:30px;font-weight:700;line-height:1}.mapa-report-group-profile__rows{display:grid}.mapa-report-group-profile__row{align-items:center;border-top:1px solid var(--mapa-report-line-soft, #edf1f3);display:grid;gap:16px;grid-template-columns:minmax(120px,20%) minmax(0,1fr);padding:15px 0}.mapa-report-group-profile__row-name{align-items:center;display:flex;font-size:14px;font-weight:500;gap:7px;margin:0}.mapa-report-group-profile__bar{min-width:0}.mapa-report-group-profile__caption{color:var(--mapa-report-muted, #68747a);display:block;font-size:11px;margin-bottom:2px}.mapa-report-group-profile__pill{background:var(--mapa-report-surface-muted, #eef2f3);border-radius:6px;display:flex;height:var(--mapa-report-pill-height, 34px);overflow:hidden;width:100%}.mapa-report-group-profile__slice{align-items:center;container-type:inline-size;display:flex;justify-content:center;flex:0 0 auto;height:100%;min-width:0;overflow:hidden;position:relative}.mapa-report-group-profile__slice-value{font-size:11px;font-weight:600;line-height:1;white-space:nowrap}.mapa-report-group-profile__slice--highlighted{align-items:center;display:flex;justify-content:center}.mapa-report-group-profile__slice--highlighted:after{color:currentColor;content:\"\\25bc\";font-size:9px;line-height:1;position:absolute;top:2px}.mapa-report-group-profile__legend{display:flex;flex-wrap:wrap;gap:8px 16px;list-style:none;margin:0;padding:0}.mapa-report-group-profile__legend li{align-items:center;color:var(--mapa-report-muted, #68747a);display:inline-flex;font-size:12px;gap:6px}@container (max-width: 35.99px){.mapa-report-group-profile__slice-value{display:none}}:host ::ng-deep .mapa-report-group-profile__filters>*{min-width:0;width:100%}@media(max-width:760px){.mapa-report-group-profile__filters{grid-auto-flow:row}.mapa-report-group-profile__action{grid-column:1;grid-row:auto;justify-self:start;margin-top:12px}.mapa-report-group-profile__average{box-sizing:border-box;flex-wrap:wrap;justify-content:space-between;width:100%}.mapa-report-group-profile__row{gap:8px;grid-template-columns:minmax(0,1fr)}}:host{--mapa-report-accent: #ff560b;--mapa-report-accent-soft: #fff0e9;--mapa-report-surface: #fff;--mapa-report-surface-muted: #eef2f3;--mapa-report-border: #e1e5e7;--mapa-report-text: #263238;--mapa-report-muted: #68747a;--mapa-report-pill-width: 104px;--mapa-report-radius: 8px;--mapa-report-space: 20px;color:var(--mapa-report-text);display:block;font-family:var(--mapa-font-body, \"Asap\", \"Roboto\", sans-serif)}:host{--mapa-report-pill-height: 34px;--mapa-report-line-soft: #edf1f3}\n"], dependencies: [{ kind: "component", type: MapaReportGroupProfileWidgetAverageComponent, selector: "mapa-report-group-profile-widget-average" }, { kind: "component", type: MapaReportGroupProfileWidgetDistributionComponent, selector: "mapa-report-group-profile-widget-distribution" }, { kind: "pipe", type: SafeHtmlPipe, name: "safeHtml" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
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: transparent;--mat-button-toggle-divider-color: transparent;--mat-button-toggle-height: 32px;--mat-button-toggle-label-text-font: var( --mapa-font-body, \"Asap\", sans-serif );--mat-button-toggle-label-text-size: 13px;--mat-button-toggle-label-text-weight: 500;--mat-button-toggle-selected-state-background-color: var( --mapa-toggle-selected-surface, #fff );--mat-button-toggle-selected-state-text-color: var( --mapa-toggle-selected-text, #162f42 );--mat-button-toggle-shape: 7px;--mat-button-toggle-text-color: var(--mapa-toggle-text, #5b6672);align-items:center;background:var(--mapa-toggle-surface, #f1f2f4);border:0;border-radius:9px;box-sizing:border-box;gap:2px;grid-column:2;grid-row:1;overflow:hidden;padding:3px}.mapa-report-widget__modes mat-button-toggle{border:0;border-radius:7px;font:500 13px/1 var(--mapa-font-body, \"Asap\", sans-serif)}.mapa-report-widget__modes mat-button-toggle.mat-button-toggle-checked{box-shadow:0 1px 2px #162f4224}.mapa-report-widget__modes ::ng-deep .mat-button-toggle-button:focus-visible{outline:2px solid #cf450c;outline-offset:-2px}.mapa-report-widget__modes mat-icon{font-size:14px;height:14px;margin-right:5px;width:14px}.mapa-report-widget__modes--standalone{grid-column:1;grid-row:auto;justify-self:end}.mapa-report-widget__empty{color:var(--mapa-report-muted);margin:0;padding:24px 0;text-align:center}@media(max-width:760px){.mapa-report-widget__header{align-items:stretch;grid-template-columns:minmax(0,1fr)}.mapa-report-widget__modes{grid-column:1;grid-row:3;justify-self:start;margin-top:12px}.mapa-report-widget__modes--standalone{grid-row:auto;margin-top:0}}.mapa-direction-indicator{background:var(--mapa-report-surface, var(--mapa-color-surface, #fafbfc));border:1px solid currentColor;border-radius:50%;box-sizing:border-box;color:var(--mapa-report-muted, var(--mapa-color-text-subtle, #68747a));display:inline-grid;flex:0 0 20px;font-size:11px;font-weight:700;height:20px;line-height:1;place-items:center;width:20px}.mapa-report-group-profile__filters{border-bottom:1px solid var(--mapa-report-border, #e1e5e7);display:grid;gap:12px;grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;padding-bottom:var(--mapa-report-space, 20px)}.mapa-report-group-profile__filters:empty{display:none}.mapa-report-group-profile__action{align-self:center;grid-column:2;grid-row:1}.mapa-report-group-profile__action:empty{display:none}.mapa-report-group-profile__scale{align-items:center;display:flex;flex-wrap:wrap;gap:18px;justify-content:space-between}.mapa-report-group-profile__scale h3{align-items:center;display:flex;font-size:26px;font-weight:500;gap:8px;letter-spacing:-.02em;line-height:1.15;margin:0}.mapa-report-group-profile__scale-heading{display:grid;flex:1 1 320px;gap:6px;min-width:0}.mapa-report-group-profile__scale-description{color:var(--mapa-report-muted, #68747a);font-size:13px;line-height:1.5;margin:0}.mapa-report-group-profile__scale-description ::ng-deep ol,.mapa-report-group-profile__scale-description ::ng-deep p,.mapa-report-group-profile__scale-description ::ng-deep ul{margin:0 0 8px}.mapa-report-group-profile__scale-description ::ng-deep ol,.mapa-report-group-profile__scale-description ::ng-deep ul{padding-left:20px}.mapa-report-group-profile__scale-description ::ng-deep li{margin:0 0 3px}.mapa-report-group-profile__scale-description ::ng-deep b,.mapa-report-group-profile__scale-description ::ng-deep strong{color:var(--mapa-report-text, inherit);font-weight:600}.mapa-report-group-profile__scale-description ::ng-deep :last-child{margin-bottom:0}.mapa-report-group-profile__average{align-items:center;align-self:flex-start;background:var(--mapa-report-average-surface, #eef2f5);border-radius:14px;display:flex;gap:16px;padding:14px 22px}.mapa-report-group-profile__average-label{color:var(--mapa-report-average-label, #3f5060);font-size:12.5px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;white-space:nowrap}.mapa-report-group-profile__average-value{align-items:center;display:flex;flex-direction:row-reverse;gap:14px}.mapa-report-group-profile__average-value mapa-result-track{--mapa-result-track-height: 6px;--mapa-result-track-fill-height: 6px;--mapa-result-track-rail: var(--mapa-report-average-rail, #d3dbe1);flex:none;width:72px}.mapa-report-group-profile__average-value--stepped mapa-result-track{--mapa-result-step-gap: 4px;width:168px}.mapa-report-group-profile__average-value strong{color:var(--mapa-report-average-value, #14283a);font-size:30px;font-weight:700;line-height:1}.mapa-report-group-profile__rows{display:grid}.mapa-report-group-profile__row{align-items:center;border-top:1px solid var(--mapa-report-line-soft, #edf1f3);display:grid;gap:16px;grid-template-columns:minmax(120px,20%) minmax(0,1fr);padding:15px 0}.mapa-report-group-profile__row-name{align-items:center;display:flex;font-size:14px;font-weight:500;gap:7px;margin:0}.mapa-report-group-profile__bar{min-width:0}.mapa-report-group-profile__caption{color:var(--mapa-report-muted, #68747a);display:block;font-size:11px;margin-bottom:2px}.mapa-report-group-profile__pill{background:var(--mapa-report-surface-muted, #eef2f3);border-radius:6px;display:flex;height:var(--mapa-report-pill-height, 34px);overflow:hidden;width:100%}.mapa-report-group-profile__slice{align-items:center;container-type:inline-size;display:flex;justify-content:center;flex:0 0 auto;height:100%;min-width:0;overflow:hidden;position:relative}.mapa-report-group-profile__slice-value{font-size:11px;font-weight:600;line-height:1;white-space:nowrap}.mapa-report-group-profile__slice--highlighted{align-items:center;display:flex;justify-content:center}.mapa-report-group-profile__slice--highlighted:after{color:currentColor;content:\"\\25bc\";font-size:9px;line-height:1;position:absolute;top:2px}.mapa-report-group-profile__legend{display:flex;flex-wrap:wrap;gap:8px 16px;list-style:none;margin:0;padding:0}.mapa-report-group-profile__legend li{align-items:center;color:var(--mapa-report-muted, #68747a);display:inline-flex;font-size:12px;gap:6px}@container (max-width: 35.99px){.mapa-report-group-profile__slice-value{display:none}}:host ::ng-deep .mapa-report-group-profile__filters>*{min-width:0;width:100%}@media(max-width:760px){.mapa-report-group-profile__filters{grid-auto-flow:row}.mapa-report-group-profile__action{grid-column:1;grid-row:auto;justify-self:start;margin-top:12px}.mapa-report-group-profile__average{box-sizing:border-box;flex-wrap:wrap;justify-content:space-between;width:100%}.mapa-report-group-profile__row{gap:8px;grid-template-columns:minmax(0,1fr)}}:host{--mapa-report-accent: #ff560b;--mapa-report-accent-soft: #fff0e9;--mapa-report-surface: #fff;--mapa-report-surface-muted: #eef2f3;--mapa-report-border: #e1e5e7;--mapa-report-text: #263238;--mapa-report-muted: #68747a;--mapa-report-pill-width: 104px;--mapa-report-radius: 8px;--mapa-report-space: 20px;color:var(--mapa-report-text);display:block;font-family:var(--mapa-font-body, \"Asap\", \"Roboto\", sans-serif)}:host{--mapa-report-pill-height: 34px;--mapa-report-line-soft: #edf1f3}\n"] }]
|
|
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. */
|
|
@@ -9338,27 +9361,27 @@ class MapaReportParameterizationWidgetOverviewComponent extends ReportParameteri
|
|
|
9338
9361
|
this.title = input(...(ngDevMode ? [undefined, { debugName: "title" }] : []));
|
|
9339
9362
|
}
|
|
9340
9363
|
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 }); }
|
|
9364
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.21", type: MapaReportParameterizationWidgetOverviewComponent, isStandalone: true, selector: "mapa-report-parameterization-widget-overview", inputs: { title: { classPropertyName: "title", publicName: "title", isSignal: true, isRequired: false, transformFunction: null } }, usesInheritance: true, ngImport: i0, template: "<div class=\"mapa-report-widget\" [attr.data-palette]=\"palette()\">\n <section class=\"mapa-parameterization-overview\">\n <div class=\"mapa-parameterization-overview__headline\">\n <div>\n <span class=\"mapa-parameterization-overview__eyebrow\">{{\n title()\n }}</span>\n <h3>{{ data().name }}</h3>\n </div>\n\n <div class=\"mapa-parameterization-overview__score\">\n <span>{{ i18n.texts.report.overallPercentageTitle }}</span>\n <mapa-result-track\n appearance=\"stepped\"\n color=\"#3f5870\"\n [style]=\"'thick'\"\n [name]=\"data().name\"\n [value]=\"data().value\"\n />\n </div>\n </div>\n\n @if (finalClassification(); as final) {\n <div class=\"mapa-parameterization-overview__classification\">\n <mapa-classification-tag\n size=\"medium\"\n casing=\"natural\"\n [classification]=\"{\n classificationId: final.classificationId,\n classificationName: final.label,\n classificationColor: final.color || '#eef2f3',\n }\"\n />\n @if (final.description) {\n <p>{{ final.description }}</p>\n }\n </div>\n }\n </section>\n</div>\n", styles: [":host{color:var(--mapa-report-text, #263238);display:block;min-width:0;font-family:var(--mapa-font-body, \"Asap\", \"Roboto\", sans-serif)}.mapa-report-widget{display:grid;gap:var(--mapa-report-space)}.mapa-report-widget__header{align-items:flex-start;column-gap:16px;display:grid;grid-template-columns:minmax(0,1fr) auto}.mapa-report-widget__heading{display:contents}.mapa-report-widget__heading h2{color:var(--mapa-report-accent);font-size:20px;font-weight:650;grid-column:1;grid-row:1;line-height:1.25;margin:0}.mapa-report-widget__description{color:var(--mapa-report-muted);font-size:13px;grid-column:1/-1;grid-row:2;line-height:1.5;margin:5px 0 0}.mapa-report-widget__description ::ng-deep ol,.mapa-report-widget__description ::ng-deep p,.mapa-report-widget__description ::ng-deep ul{margin:0 0 8px}.mapa-report-widget__description ::ng-deep ol,.mapa-report-widget__description ::ng-deep ul{padding-left:20px}.mapa-report-widget__description ::ng-deep li{margin:0 0 3px}.mapa-report-widget__description ::ng-deep b,.mapa-report-widget__description ::ng-deep strong{color:var(--mapa-report-text, inherit);font-weight:600}.mapa-report-widget__description ::ng-deep :last-child{margin-bottom:0}.mapa-report-widget__modes{--mat-button-toggle-background-color: transparent;--mat-button-toggle-divider-color: transparent;--mat-button-toggle-height: 32px;--mat-button-toggle-label-text-font: var( --mapa-font-body, \"Asap\", sans-serif );--mat-button-toggle-label-text-size: 13px;--mat-button-toggle-label-text-weight: 500;--mat-button-toggle-selected-state-background-color: var( --mapa-toggle-selected-surface, #fff );--mat-button-toggle-selected-state-text-color: var( --mapa-toggle-selected-text, #162f42 );--mat-button-toggle-shape: 7px;--mat-button-toggle-text-color: var(--mapa-toggle-text, #5b6672);align-items:center;background:var(--mapa-toggle-surface, #f1f2f4);border:0;border-radius:9px;box-sizing:border-box;gap:2px;grid-column:2;grid-row:1;overflow:hidden;padding:3px}.mapa-report-widget__modes mat-button-toggle{border:0;border-radius:7px;font:500 13px/1 var(--mapa-font-body, \"Asap\", sans-serif)}.mapa-report-widget__modes mat-button-toggle.mat-button-toggle-checked{box-shadow:0 1px 2px #162f4224}.mapa-report-widget__modes ::ng-deep .mat-button-toggle-button:focus-visible{outline:2px solid #cf450c;outline-offset:-2px}.mapa-report-widget__modes mat-icon{font-size:14px;height:14px;margin-right:5px;width:14px}.mapa-report-widget__modes--standalone{grid-column:1;grid-row:auto;justify-self:end}.mapa-report-widget__empty{color:var(--mapa-report-muted);margin:0;padding:24px 0;text-align:center}@media(max-width:760px){.mapa-report-widget__header{align-items:stretch;grid-template-columns:minmax(0,1fr)}.mapa-report-widget__modes{grid-column:1;grid-row:3;justify-self:start;margin-top:12px}.mapa-report-widget__modes--standalone{grid-row:auto;margin-top:0}}.mapa-direction-indicator{background:var(--mapa-report-surface, var(--mapa-color-surface, #fafbfc));border:1px solid currentColor;border-radius:50%;box-sizing:border-box;color:var(--mapa-report-muted, var(--mapa-color-text-subtle, #68747a));display:inline-grid;flex:0 0 20px;font-size:11px;font-weight:700;height:20px;line-height:1;place-items:center;width:20px}.mapa-parameterization-overview{border:1px solid var(--mapa-report-border, #e1e5e7);border-radius:16px;display:grid;gap:22px;padding:24px}.mapa-parameterization-overview__headline{align-items:start;display:grid;gap:24px;grid-template-columns:minmax(0,1fr) auto}.mapa-parameterization-overview__eyebrow{color:#8a95a5;display:block;font-size:12px;line-height:1.3;margin-bottom:6px;text-transform:uppercase}.mapa-parameterization-overview h3{color:#2c2e3a;font-size:24px;font-weight:650;line-height:1.25;margin:0;overflow-wrap:anywhere}.mapa-parameterization-overview__score{display:grid;gap:7px;min-width:290px}.mapa-parameterization-overview__score mapa-result-track{display:block;min-width:0;width:100%}.mapa-parameterization-overview__score>span{color:#8a95a5;font-size:12px;text-transform:uppercase}.mapa-parameterization-overview__classification{display:grid;gap:8px;justify-items:start}.mapa-parameterization-overview__classification p{color:#59636a;font-size:14px;line-height:1.5;margin:0;overflow-wrap:anywhere}.mapa-parameterization-overview__metadata{display:grid;gap:14px;grid-template-columns:repeat(auto-fit,minmax(min(210px,100%),1fr));margin:0}.mapa-parameterization-overview__metadata div{border:1px solid var(--mapa-report-border, #e1e5e7);border-radius:12px;min-width:0;padding:13px 15px}.mapa-parameterization-overview__metadata dt{color:#8a95a5;font-size:11px;line-height:1.3;margin-bottom:8px;text-transform:uppercase}.mapa-parameterization-overview__metadata dd{color:#2c2e3a;font-size:15px;font-weight:650;line-height:1.35;margin:0;overflow-wrap:anywhere}.mapa-parameterization-legend{--mapa-classification-tag-min-width: var(--mapa-report-pill-width, 104px)}.mapa-parameterization-summary,.mapa-parameterization-detail,.mapa-parameterization-ranking{display:grid;gap:16px;min-width:0}.mapa-parameterization-summary>h3,.mapa-parameterization-detail>h3,.mapa-parameterization-ranking>h3{color:#596575;font-size:18px;font-weight:650;line-height:1.3;margin:0}.mapa-parameterization-summary__rows{border:1px solid var(--mapa-report-border, #e1e5e7);border-radius:14px;padding:16px 20px}.mapa-parameterization-summary__row{align-items:center;display:grid;gap:20px;grid-template-columns:minmax(200px,36%) minmax(140px,1fr) 48px;min-height:48px}.mapa-parameterization-summary__row+.mapa-parameterization-summary__row{border-top:1px solid var(--mapa-parameterization-line, #e7ebee)}.mapa-parameterization-summary__row>span:first-child{color:#4f5d70;font-size:14px;line-height:1.35;overflow-wrap:anywhere}.mapa-parameterization-summary__row>strong{color:#596575;font-size:14px;text-align:right}.mapa-parameterization-summary__track{background:var(--mapa-parameterization-rail, #dfe4ea);border-radius:999px;display:block;height:14px;overflow:hidden}.mapa-parameterization-summary__track i{background:var(--mapa-parameterization-accent, #3f5870);border-radius:inherit;display:block;height:100%}@media(max-width:900px){.mapa-parameterization-overview__headline,.mapa-parameterization-group__header{grid-template-columns:minmax(0,1fr)}.mapa-parameterization-overview__score,mapa-result-track{min-width:0}.mapa-parameterization-group__header>mapa-result-track{justify-self:start}.mapa-parameterization-dimensions li{grid-template-columns:minmax(150px,1fr) auto}.mapa-parameterization-dimensions__description{grid-column:1/-1;padding-left:28px}}@media(max-width:600px){.mapa-parameterization-overview,.mapa-parameterization-group{padding:16px}.mapa-parameterization-overview h3{font-size:20px}.mapa-parameterization-summary__rows{padding:8px 14px}.mapa-parameterization-summary__row{gap:9px;grid-template-columns:minmax(0,1fr) 44px;padding:10px 0}.mapa-parameterization-summary__row .mapa-parameterization-summary__track{grid-column:1/-1;grid-row:2}.mapa-parameterization-summary__row>strong{grid-column:2;grid-row:1}.mapa-parameterization-dimensions li{grid-template-columns:minmax(0,1fr)}.mapa-parameterization-dimensions__description{grid-column:auto;padding-left:28px}}@media print{.mapa-parameterization-overview,.mapa-parameterization-group,.mapa-parameterization-competence{break-inside:avoid}}\n", ".mapa-parameterization-detail__sections{display:grid;gap:22px}.mapa-parameterization-group{--mapa-classification-tag-min-width: var(--mapa-report-pill-width, 104px);border:1px solid var(--mapa-report-border, #e1e5e7);border-radius:14px;min-width:0;padding:18px}.mapa-parameterization-group__header{align-items:start;display:grid;gap:20px;grid-template-columns:minmax(0,1fr) auto}.mapa-parameterization-group__header>mapa-result-track{display:block;justify-self:end;max-width:100%;width:max-content}.mapa-parameterization-group__header h4{color:#2c2e3a;font-size:20px;font-weight:650;line-height:1.25;margin:0;overflow-wrap:anywhere}.mapa-parameterization-group__header>div:first-child>div{color:var(--mapa-report-muted, #68747a);font-size:12px;line-height:1.5;margin-top:5px}.mapa-parameterization-group__header>div:first-child>div ::ng-deep ol,.mapa-parameterization-group__header>div:first-child>div ::ng-deep p,.mapa-parameterization-group__header>div:first-child>div ::ng-deep ul{margin:0 0 8px}.mapa-parameterization-group__header>div:first-child>div ::ng-deep ol,.mapa-parameterization-group__header>div:first-child>div ::ng-deep ul{padding-left:20px}.mapa-parameterization-group__header>div:first-child>div ::ng-deep li{margin:0 0 3px}.mapa-parameterization-group__header>div:first-child>div ::ng-deep b,.mapa-parameterization-group__header>div:first-child>div ::ng-deep strong{color:var(--mapa-report-text, inherit);font-weight:600}.mapa-parameterization-group__header>div:first-child>div ::ng-deep :last-child{margin-bottom:0}.mapa-parameterization-group__label{background:#f1f4f8;border:1px solid var(--mapa-report-border, #e1e5e7);border-radius:7px;color:#405064;font-size:13px;font-weight:650;margin-top:16px;padding:7px 10px}.mapa-parameterization-group__grid{display:grid;column-gap:14px;grid-template-columns:repeat(2,minmax(0,1fr));margin-top:14px;row-gap:14px}.mapa-parameterization-dimensions mapa-classification-tag{flex:0 0 auto;max-width:var(--mapa-report-pill-width, 104px)}.mapa-parameterization-competence{background:var(--mapa-report-surface, #fff);border:1px solid var(--mapa-report-border, #e1e5e7);border-radius:var(--mapa-report-card-radius, 10px);min-width:0;padding:16px 14px 13px}.mapa-parameterization-competence__header{align-items:center;display:grid;gap:14px;grid-template-columns:minmax(0,1fr) auto}.mapa-parameterization-competence__header mapa-result-track{display:block;justify-self:end;max-width:100%;width:max-content}.mapa-parameterization-competence__header h5{color:#2c2e3a;font-size:16px;font-weight:650;line-height:1.3;margin:0;overflow-wrap:anywhere}.mapa-parameterization-competence__description{color:var(--mapa-report-muted, #68747a);font-size:12px;line-height:1.5;margin-top:12px}.mapa-parameterization-competence__description ::ng-deep ol,.mapa-parameterization-competence__description ::ng-deep p,.mapa-parameterization-competence__description ::ng-deep ul{margin:0 0 8px}.mapa-parameterization-competence__description ::ng-deep ol,.mapa-parameterization-competence__description ::ng-deep ul{padding-left:20px}.mapa-parameterization-competence__description ::ng-deep li{margin:0 0 3px}.mapa-parameterization-competence__description ::ng-deep b,.mapa-parameterization-competence__description ::ng-deep strong{color:var(--mapa-report-text, inherit);font-weight:600}.mapa-parameterization-competence__description ::ng-deep :last-child{margin-bottom:0}.mapa-parameterization-dimensions{border-top:1px solid var(--mapa-report-line-soft, #edf1f3);display:grid;gap:7px;list-style:none;margin:14px 0 0;padding:12px 0 0}.mapa-parameterization-dimensions li{align-items:center;background:var(--mapa-report-surface-soft, #fafbfc);border:1px solid var(--mapa-report-line-soft, #edf1f3);border-radius:9px;display:grid;gap:10px;grid-template-columns:minmax(0,1fr) auto;padding:9px 10px}.mapa-parameterization-dimensions__name{align-items:center;color:#4f5d70;display:flex;font-size:12px;gap:8px;line-height:1.4;min-width:0}.mapa-parameterization-dimensions__name span:last-child{overflow-wrap:anywhere}.mapa-parameterization-dimensions__description{color:var(--mapa-report-muted, #68747a);font-size:11px;grid-column:1/-1;line-height:1.45;padding-left:28px}.mapa-parameterization-dimensions__description ::ng-deep ol,.mapa-parameterization-dimensions__description ::ng-deep p,.mapa-parameterization-dimensions__description ::ng-deep ul{margin:0 0 8px}.mapa-parameterization-dimensions__description ::ng-deep ol,.mapa-parameterization-dimensions__description ::ng-deep ul{padding-left:20px}.mapa-parameterization-dimensions__description ::ng-deep li{margin:0 0 3px}.mapa-parameterization-dimensions__description ::ng-deep b,.mapa-parameterization-dimensions__description ::ng-deep strong{color:var(--mapa-report-text, inherit);font-weight:600}.mapa-parameterization-dimensions__description ::ng-deep :last-child{margin-bottom:0}.mapa-parameterization-ranking mapa-report-ranking-table-widget{display:block;min-width:0}@media(max-width:1100px){.mapa-parameterization-group__grid{grid-template-columns:minmax(0,1fr)}}@media(max-width:600px){.mapa-parameterization-competence__header{grid-template-columns:minmax(0,1fr)}.mapa-parameterization-competence__header mapa-result-track{justify-self:start}}\n"], dependencies: [{ kind: "component", type: MapaResultTrackComponent, selector: "mapa-result-track", inputs: ["name", "value", "color", "mode", "appearance", "style", "direction", "showValue", "ariaLabel"] }, { kind: "component", type: MapaClassificationTagComponent, selector: "mapa-classification-tag", inputs: ["classification", "size", "appearance", "shape", "casing", "fallbackLabel", "valueLabel"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
9342
9365
|
}
|
|
9343
9366
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.21", ngImport: i0, type: MapaReportParameterizationWidgetOverviewComponent, decorators: [{
|
|
9344
9367
|
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"] }]
|
|
9368
|
+
args: [{ selector: 'mapa-report-parameterization-widget-overview', standalone: true, imports: [MapaResultTrackComponent, MapaClassificationTagComponent], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"mapa-report-widget\" [attr.data-palette]=\"palette()\">\n <section class=\"mapa-parameterization-overview\">\n <div class=\"mapa-parameterization-overview__headline\">\n <div>\n <span class=\"mapa-parameterization-overview__eyebrow\">{{\n title()\n }}</span>\n <h3>{{ data().name }}</h3>\n </div>\n\n <div class=\"mapa-parameterization-overview__score\">\n <span>{{ i18n.texts.report.overallPercentageTitle }}</span>\n <mapa-result-track\n appearance=\"stepped\"\n color=\"#3f5870\"\n [style]=\"'thick'\"\n [name]=\"data().name\"\n [value]=\"data().value\"\n />\n </div>\n </div>\n\n @if (finalClassification(); as final) {\n <div class=\"mapa-parameterization-overview__classification\">\n <mapa-classification-tag\n size=\"medium\"\n casing=\"natural\"\n [classification]=\"{\n classificationId: final.classificationId,\n classificationName: final.label,\n classificationColor: final.color || '#eef2f3',\n }\"\n />\n @if (final.description) {\n <p>{{ final.description }}</p>\n }\n </div>\n }\n </section>\n</div>\n", styles: [":host{color:var(--mapa-report-text, #263238);display:block;min-width:0;font-family:var(--mapa-font-body, \"Asap\", \"Roboto\", sans-serif)}.mapa-report-widget{display:grid;gap:var(--mapa-report-space)}.mapa-report-widget__header{align-items:flex-start;column-gap:16px;display:grid;grid-template-columns:minmax(0,1fr) auto}.mapa-report-widget__heading{display:contents}.mapa-report-widget__heading h2{color:var(--mapa-report-accent);font-size:20px;font-weight:650;grid-column:1;grid-row:1;line-height:1.25;margin:0}.mapa-report-widget__description{color:var(--mapa-report-muted);font-size:13px;grid-column:1/-1;grid-row:2;line-height:1.5;margin:5px 0 0}.mapa-report-widget__description ::ng-deep ol,.mapa-report-widget__description ::ng-deep p,.mapa-report-widget__description ::ng-deep ul{margin:0 0 8px}.mapa-report-widget__description ::ng-deep ol,.mapa-report-widget__description ::ng-deep ul{padding-left:20px}.mapa-report-widget__description ::ng-deep li{margin:0 0 3px}.mapa-report-widget__description ::ng-deep b,.mapa-report-widget__description ::ng-deep strong{color:var(--mapa-report-text, inherit);font-weight:600}.mapa-report-widget__description ::ng-deep :last-child{margin-bottom:0}.mapa-report-widget__modes{--mat-button-toggle-background-color: transparent;--mat-button-toggle-divider-color: transparent;--mat-button-toggle-height: 32px;--mat-button-toggle-label-text-font: var( --mapa-font-body, \"Asap\", sans-serif );--mat-button-toggle-label-text-size: 13px;--mat-button-toggle-label-text-weight: 500;--mat-button-toggle-selected-state-background-color: var( --mapa-toggle-selected-surface, #fff );--mat-button-toggle-selected-state-text-color: var( --mapa-toggle-selected-text, #162f42 );--mat-button-toggle-shape: 7px;--mat-button-toggle-text-color: var(--mapa-toggle-text, #5b6672);align-items:center;background:var(--mapa-toggle-surface, #f1f2f4);border:0;border-radius:9px;box-sizing:border-box;gap:2px;grid-column:2;grid-row:1;overflow:hidden;padding:3px}.mapa-report-widget__modes mat-button-toggle{border:0;border-radius:7px;font:500 13px/1 var(--mapa-font-body, \"Asap\", sans-serif)}.mapa-report-widget__modes mat-button-toggle.mat-button-toggle-checked{box-shadow:0 1px 2px #162f4224}.mapa-report-widget__modes ::ng-deep .mat-button-toggle-button:focus-visible{outline:2px solid #cf450c;outline-offset:-2px}.mapa-report-widget__modes mat-icon{font-size:14px;height:14px;margin-right:5px;width:14px}.mapa-report-widget__modes--standalone{grid-column:1;grid-row:auto;justify-self:end}.mapa-report-widget__empty{color:var(--mapa-report-muted);margin:0;padding:24px 0;text-align:center}@media(max-width:760px){.mapa-report-widget__header{align-items:stretch;grid-template-columns:minmax(0,1fr)}.mapa-report-widget__modes{grid-column:1;grid-row:3;justify-self:start;margin-top:12px}.mapa-report-widget__modes--standalone{grid-row:auto;margin-top:0}}.mapa-direction-indicator{background:var(--mapa-report-surface, var(--mapa-color-surface, #fafbfc));border:1px solid currentColor;border-radius:50%;box-sizing:border-box;color:var(--mapa-report-muted, var(--mapa-color-text-subtle, #68747a));display:inline-grid;flex:0 0 20px;font-size:11px;font-weight:700;height:20px;line-height:1;place-items:center;width:20px}.mapa-parameterization-overview{border:1px solid var(--mapa-report-border, #e1e5e7);border-radius:16px;display:grid;gap:22px;padding:24px}.mapa-parameterization-overview__headline{align-items:start;display:grid;gap:24px;grid-template-columns:minmax(0,1fr) auto}.mapa-parameterization-overview__eyebrow{color:#8a95a5;display:block;font-size:12px;line-height:1.3;margin-bottom:6px;text-transform:uppercase}.mapa-parameterization-overview h3{color:#2c2e3a;font-size:24px;font-weight:650;line-height:1.25;margin:0;overflow-wrap:anywhere}.mapa-parameterization-overview__score{display:grid;gap:7px;min-width:290px}.mapa-parameterization-overview__score mapa-result-track{display:block;min-width:0;width:100%}.mapa-parameterization-overview__score>span{color:#8a95a5;font-size:12px;text-transform:uppercase}.mapa-parameterization-overview__classification{display:grid;gap:8px;justify-items:start}.mapa-parameterization-overview__classification p{color:#59636a;font-size:14px;line-height:1.5;margin:0;overflow-wrap:anywhere}.mapa-parameterization-overview__metadata{display:grid;gap:14px;grid-template-columns:repeat(auto-fit,minmax(min(210px,100%),1fr));margin:0}.mapa-parameterization-overview__metadata div{border:1px solid var(--mapa-report-border, #e1e5e7);border-radius:12px;min-width:0;padding:13px 15px}.mapa-parameterization-overview__metadata dt{color:#8a95a5;font-size:11px;line-height:1.3;margin-bottom:8px;text-transform:uppercase}.mapa-parameterization-overview__metadata dd{color:#2c2e3a;font-size:15px;font-weight:650;line-height:1.35;margin:0;overflow-wrap:anywhere}.mapa-parameterization-legend{--mapa-classification-tag-min-width: var(--mapa-report-pill-width, 104px)}.mapa-parameterization-summary,.mapa-parameterization-detail,.mapa-parameterization-ranking{display:grid;gap:16px;min-width:0}.mapa-parameterization-summary>h3,.mapa-parameterization-detail>h3,.mapa-parameterization-ranking>h3{color:#596575;font-size:18px;font-weight:650;line-height:1.3;margin:0}.mapa-parameterization-summary__rows{border:1px solid var(--mapa-report-border, #e1e5e7);border-radius:14px;padding:16px 20px}.mapa-parameterization-summary__row{align-items:center;display:grid;gap:20px;grid-template-columns:minmax(200px,36%) minmax(140px,1fr) 48px;min-height:48px}.mapa-parameterization-summary__row+.mapa-parameterization-summary__row{border-top:1px solid var(--mapa-parameterization-line, #e7ebee)}.mapa-parameterization-summary__row>span:first-child{color:#4f5d70;font-size:14px;line-height:1.35;overflow-wrap:anywhere}.mapa-parameterization-summary__row>strong{color:#596575;font-size:14px;text-align:right}.mapa-parameterization-summary__track{background:var(--mapa-parameterization-rail, #dfe4ea);border-radius:999px;display:block;height:14px;overflow:hidden}.mapa-parameterization-summary__track i{background:var(--mapa-parameterization-accent, #3f5870);border-radius:inherit;display:block;height:100%}@media(max-width:900px){.mapa-parameterization-overview__headline,.mapa-parameterization-group__header{grid-template-columns:minmax(0,1fr)}.mapa-parameterization-overview__score,mapa-result-track{min-width:0}.mapa-parameterization-group__header>mapa-result-track{justify-self:start}.mapa-parameterization-dimensions li{grid-template-columns:minmax(150px,1fr) auto}.mapa-parameterization-dimensions__description{grid-column:1/-1;padding-left:28px}}@media(max-width:600px){.mapa-parameterization-overview,.mapa-parameterization-group{padding:16px}.mapa-parameterization-overview h3{font-size:20px}.mapa-parameterization-summary__rows{padding:8px 14px}.mapa-parameterization-summary__row{gap:9px;grid-template-columns:minmax(0,1fr) 44px;padding:10px 0}.mapa-parameterization-summary__row .mapa-parameterization-summary__track{grid-column:1/-1;grid-row:2}.mapa-parameterization-summary__row>strong{grid-column:2;grid-row:1}.mapa-parameterization-dimensions li{grid-template-columns:minmax(0,1fr)}.mapa-parameterization-dimensions__description{grid-column:auto;padding-left:28px}}@media print{.mapa-parameterization-overview,.mapa-parameterization-group,.mapa-parameterization-competence{break-inside:avoid}}\n", ".mapa-parameterization-detail__sections{display:grid;gap:22px}.mapa-parameterization-group{--mapa-classification-tag-min-width: var(--mapa-report-pill-width, 104px);border:1px solid var(--mapa-report-border, #e1e5e7);border-radius:14px;min-width:0;padding:18px}.mapa-parameterization-group__header{align-items:start;display:grid;gap:20px;grid-template-columns:minmax(0,1fr) auto}.mapa-parameterization-group__header>mapa-result-track{display:block;justify-self:end;max-width:100%;width:max-content}.mapa-parameterization-group__header h4{color:#2c2e3a;font-size:20px;font-weight:650;line-height:1.25;margin:0;overflow-wrap:anywhere}.mapa-parameterization-group__header>div:first-child>div{color:var(--mapa-report-muted, #68747a);font-size:12px;line-height:1.5;margin-top:5px}.mapa-parameterization-group__header>div:first-child>div ::ng-deep ol,.mapa-parameterization-group__header>div:first-child>div ::ng-deep p,.mapa-parameterization-group__header>div:first-child>div ::ng-deep ul{margin:0 0 8px}.mapa-parameterization-group__header>div:first-child>div ::ng-deep ol,.mapa-parameterization-group__header>div:first-child>div ::ng-deep ul{padding-left:20px}.mapa-parameterization-group__header>div:first-child>div ::ng-deep li{margin:0 0 3px}.mapa-parameterization-group__header>div:first-child>div ::ng-deep b,.mapa-parameterization-group__header>div:first-child>div ::ng-deep strong{color:var(--mapa-report-text, inherit);font-weight:600}.mapa-parameterization-group__header>div:first-child>div ::ng-deep :last-child{margin-bottom:0}.mapa-parameterization-group__label{background:#f1f4f8;border:1px solid var(--mapa-report-border, #e1e5e7);border-radius:7px;color:#405064;font-size:13px;font-weight:650;margin-top:16px;padding:7px 10px}.mapa-parameterization-group__grid{display:grid;column-gap:14px;grid-template-columns:repeat(2,minmax(0,1fr));margin-top:14px;row-gap:14px}.mapa-parameterization-dimensions mapa-classification-tag{flex:0 0 auto;max-width:var(--mapa-report-pill-width, 104px)}.mapa-parameterization-competence{background:var(--mapa-report-surface, #fff);border:1px solid var(--mapa-report-border, #e1e5e7);border-radius:var(--mapa-report-card-radius, 10px);min-width:0;padding:16px 14px 13px}.mapa-parameterization-competence__header{align-items:center;display:grid;gap:14px;grid-template-columns:minmax(0,1fr) auto}.mapa-parameterization-competence__header mapa-result-track{display:block;justify-self:end;max-width:100%;width:max-content}.mapa-parameterization-competence__header h5{color:#2c2e3a;font-size:16px;font-weight:650;line-height:1.3;margin:0;overflow-wrap:anywhere}.mapa-parameterization-competence__description{color:var(--mapa-report-muted, #68747a);font-size:12px;line-height:1.5;margin-top:12px}.mapa-parameterization-competence__description ::ng-deep ol,.mapa-parameterization-competence__description ::ng-deep p,.mapa-parameterization-competence__description ::ng-deep ul{margin:0 0 8px}.mapa-parameterization-competence__description ::ng-deep ol,.mapa-parameterization-competence__description ::ng-deep ul{padding-left:20px}.mapa-parameterization-competence__description ::ng-deep li{margin:0 0 3px}.mapa-parameterization-competence__description ::ng-deep b,.mapa-parameterization-competence__description ::ng-deep strong{color:var(--mapa-report-text, inherit);font-weight:600}.mapa-parameterization-competence__description ::ng-deep :last-child{margin-bottom:0}.mapa-parameterization-dimensions{border-top:1px solid var(--mapa-report-line-soft, #edf1f3);display:grid;gap:7px;list-style:none;margin:14px 0 0;padding:12px 0 0}.mapa-parameterization-dimensions li{align-items:center;background:var(--mapa-report-surface-soft, #fafbfc);border:1px solid var(--mapa-report-line-soft, #edf1f3);border-radius:9px;display:grid;gap:10px;grid-template-columns:minmax(0,1fr) auto;padding:9px 10px}.mapa-parameterization-dimensions__name{align-items:center;color:#4f5d70;display:flex;font-size:12px;gap:8px;line-height:1.4;min-width:0}.mapa-parameterization-dimensions__name span:last-child{overflow-wrap:anywhere}.mapa-parameterization-dimensions__description{color:var(--mapa-report-muted, #68747a);font-size:11px;grid-column:1/-1;line-height:1.45;padding-left:28px}.mapa-parameterization-dimensions__description ::ng-deep ol,.mapa-parameterization-dimensions__description ::ng-deep p,.mapa-parameterization-dimensions__description ::ng-deep ul{margin:0 0 8px}.mapa-parameterization-dimensions__description ::ng-deep ol,.mapa-parameterization-dimensions__description ::ng-deep ul{padding-left:20px}.mapa-parameterization-dimensions__description ::ng-deep li{margin:0 0 3px}.mapa-parameterization-dimensions__description ::ng-deep b,.mapa-parameterization-dimensions__description ::ng-deep strong{color:var(--mapa-report-text, inherit);font-weight:600}.mapa-parameterization-dimensions__description ::ng-deep :last-child{margin-bottom:0}.mapa-parameterization-ranking mapa-report-ranking-table-widget{display:block;min-width:0}@media(max-width:1100px){.mapa-parameterization-group__grid{grid-template-columns:minmax(0,1fr)}}@media(max-width:600px){.mapa-parameterization-competence__header{grid-template-columns:minmax(0,1fr)}.mapa-parameterization-competence__header mapa-result-track{justify-self:start}}\n"] }]
|
|
9346
9369
|
}], propDecorators: { title: [{ type: i0.Input, args: [{ isSignal: true, alias: "title", required: false }] }] } });
|
|
9347
9370
|
|
|
9348
9371
|
/** Reusable summarized content, without the widget heading or mode selector. */
|
|
9349
9372
|
class MapaReportParameterizationWidgetSummarizedComponent extends ReportParameterizationContent {
|
|
9350
9373
|
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 }); }
|
|
9374
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.21", type: MapaReportParameterizationWidgetSummarizedComponent, isStandalone: true, selector: "mapa-report-parameterization-widget-summarized", usesInheritance: true, ngImport: i0, template: "<div class=\"mapa-report-widget\" [attr.data-palette]=\"palette()\">\n @if (summaryRows().length) {\n <section class=\"mapa-parameterization-summary\">\n <h3>{{ i18n.texts.report.summarizedReportTitle }}</h3>\n <div class=\"mapa-parameterization-summary__rows\">\n @for (row of summaryRows(); track row.id) {\n <div class=\"mapa-parameterization-summary__row\">\n <span>{{ row.name }}</span>\n <span\n class=\"mapa-parameterization-summary__track\"\n role=\"meter\"\n aria-valuemin=\"0\"\n aria-valuemax=\"100\"\n [attr.aria-valuenow]=\"safeValue(row.value)\"\n [attr.aria-label]=\"\n i18n.texts.report.meterLabel(row.name, safeValue(row.value))\n \"\n >\n <i [style.width.%]=\"safeValue(row.value)\" aria-hidden=\"true\"></i>\n </span>\n <strong>{{ safeValue(row.value) }}%</strong>\n </div>\n }\n </div>\n </section>\n } @else {\n <p class=\"mapa-report-widget__empty\">{{ i18n.texts.report.emptyState }}</p>\n }\n</div>\n", styles: [":host{color:var(--mapa-report-text, #263238);display:block;min-width:0;font-family:var(--mapa-font-body, \"Asap\", \"Roboto\", sans-serif)}.mapa-report-widget{display:grid;gap:var(--mapa-report-space)}.mapa-report-widget__header{align-items:flex-start;column-gap:16px;display:grid;grid-template-columns:minmax(0,1fr) auto}.mapa-report-widget__heading{display:contents}.mapa-report-widget__heading h2{color:var(--mapa-report-accent);font-size:20px;font-weight:650;grid-column:1;grid-row:1;line-height:1.25;margin:0}.mapa-report-widget__description{color:var(--mapa-report-muted);font-size:13px;grid-column:1/-1;grid-row:2;line-height:1.5;margin:5px 0 0}.mapa-report-widget__description ::ng-deep ol,.mapa-report-widget__description ::ng-deep p,.mapa-report-widget__description ::ng-deep ul{margin:0 0 8px}.mapa-report-widget__description ::ng-deep ol,.mapa-report-widget__description ::ng-deep ul{padding-left:20px}.mapa-report-widget__description ::ng-deep li{margin:0 0 3px}.mapa-report-widget__description ::ng-deep b,.mapa-report-widget__description ::ng-deep strong{color:var(--mapa-report-text, inherit);font-weight:600}.mapa-report-widget__description ::ng-deep :last-child{margin-bottom:0}.mapa-report-widget__modes{--mat-button-toggle-background-color: transparent;--mat-button-toggle-divider-color: transparent;--mat-button-toggle-height: 32px;--mat-button-toggle-label-text-font: var( --mapa-font-body, \"Asap\", sans-serif );--mat-button-toggle-label-text-size: 13px;--mat-button-toggle-label-text-weight: 500;--mat-button-toggle-selected-state-background-color: var( --mapa-toggle-selected-surface, #fff );--mat-button-toggle-selected-state-text-color: var( --mapa-toggle-selected-text, #162f42 );--mat-button-toggle-shape: 7px;--mat-button-toggle-text-color: var(--mapa-toggle-text, #5b6672);align-items:center;background:var(--mapa-toggle-surface, #f1f2f4);border:0;border-radius:9px;box-sizing:border-box;gap:2px;grid-column:2;grid-row:1;overflow:hidden;padding:3px}.mapa-report-widget__modes mat-button-toggle{border:0;border-radius:7px;font:500 13px/1 var(--mapa-font-body, \"Asap\", sans-serif)}.mapa-report-widget__modes mat-button-toggle.mat-button-toggle-checked{box-shadow:0 1px 2px #162f4224}.mapa-report-widget__modes ::ng-deep .mat-button-toggle-button:focus-visible{outline:2px solid #cf450c;outline-offset:-2px}.mapa-report-widget__modes mat-icon{font-size:14px;height:14px;margin-right:5px;width:14px}.mapa-report-widget__modes--standalone{grid-column:1;grid-row:auto;justify-self:end}.mapa-report-widget__empty{color:var(--mapa-report-muted);margin:0;padding:24px 0;text-align:center}@media(max-width:760px){.mapa-report-widget__header{align-items:stretch;grid-template-columns:minmax(0,1fr)}.mapa-report-widget__modes{grid-column:1;grid-row:3;justify-self:start;margin-top:12px}.mapa-report-widget__modes--standalone{grid-row:auto;margin-top:0}}.mapa-direction-indicator{background:var(--mapa-report-surface, var(--mapa-color-surface, #fafbfc));border:1px solid currentColor;border-radius:50%;box-sizing:border-box;color:var(--mapa-report-muted, var(--mapa-color-text-subtle, #68747a));display:inline-grid;flex:0 0 20px;font-size:11px;font-weight:700;height:20px;line-height:1;place-items:center;width:20px}.mapa-parameterization-overview{border:1px solid var(--mapa-report-border, #e1e5e7);border-radius:16px;display:grid;gap:22px;padding:24px}.mapa-parameterization-overview__headline{align-items:start;display:grid;gap:24px;grid-template-columns:minmax(0,1fr) auto}.mapa-parameterization-overview__eyebrow{color:#8a95a5;display:block;font-size:12px;line-height:1.3;margin-bottom:6px;text-transform:uppercase}.mapa-parameterization-overview h3{color:#2c2e3a;font-size:24px;font-weight:650;line-height:1.25;margin:0;overflow-wrap:anywhere}.mapa-parameterization-overview__score{display:grid;gap:7px;min-width:290px}.mapa-parameterization-overview__score mapa-result-track{display:block;min-width:0;width:100%}.mapa-parameterization-overview__score>span{color:#8a95a5;font-size:12px;text-transform:uppercase}.mapa-parameterization-overview__classification{display:grid;gap:8px;justify-items:start}.mapa-parameterization-overview__classification p{color:#59636a;font-size:14px;line-height:1.5;margin:0;overflow-wrap:anywhere}.mapa-parameterization-overview__metadata{display:grid;gap:14px;grid-template-columns:repeat(auto-fit,minmax(min(210px,100%),1fr));margin:0}.mapa-parameterization-overview__metadata div{border:1px solid var(--mapa-report-border, #e1e5e7);border-radius:12px;min-width:0;padding:13px 15px}.mapa-parameterization-overview__metadata dt{color:#8a95a5;font-size:11px;line-height:1.3;margin-bottom:8px;text-transform:uppercase}.mapa-parameterization-overview__metadata dd{color:#2c2e3a;font-size:15px;font-weight:650;line-height:1.35;margin:0;overflow-wrap:anywhere}.mapa-parameterization-legend{--mapa-classification-tag-min-width: var(--mapa-report-pill-width, 104px)}.mapa-parameterization-summary,.mapa-parameterization-detail,.mapa-parameterization-ranking{display:grid;gap:16px;min-width:0}.mapa-parameterization-summary>h3,.mapa-parameterization-detail>h3,.mapa-parameterization-ranking>h3{color:#596575;font-size:18px;font-weight:650;line-height:1.3;margin:0}.mapa-parameterization-summary__rows{border:1px solid var(--mapa-report-border, #e1e5e7);border-radius:14px;padding:16px 20px}.mapa-parameterization-summary__row{align-items:center;display:grid;gap:20px;grid-template-columns:minmax(200px,36%) minmax(140px,1fr) 48px;min-height:48px}.mapa-parameterization-summary__row+.mapa-parameterization-summary__row{border-top:1px solid var(--mapa-parameterization-line, #e7ebee)}.mapa-parameterization-summary__row>span:first-child{color:#4f5d70;font-size:14px;line-height:1.35;overflow-wrap:anywhere}.mapa-parameterization-summary__row>strong{color:#596575;font-size:14px;text-align:right}.mapa-parameterization-summary__track{background:var(--mapa-parameterization-rail, #dfe4ea);border-radius:999px;display:block;height:14px;overflow:hidden}.mapa-parameterization-summary__track i{background:var(--mapa-parameterization-accent, #3f5870);border-radius:inherit;display:block;height:100%}@media(max-width:900px){.mapa-parameterization-overview__headline,.mapa-parameterization-group__header{grid-template-columns:minmax(0,1fr)}.mapa-parameterization-overview__score,mapa-result-track{min-width:0}.mapa-parameterization-group__header>mapa-result-track{justify-self:start}.mapa-parameterization-dimensions li{grid-template-columns:minmax(150px,1fr) auto}.mapa-parameterization-dimensions__description{grid-column:1/-1;padding-left:28px}}@media(max-width:600px){.mapa-parameterization-overview,.mapa-parameterization-group{padding:16px}.mapa-parameterization-overview h3{font-size:20px}.mapa-parameterization-summary__rows{padding:8px 14px}.mapa-parameterization-summary__row{gap:9px;grid-template-columns:minmax(0,1fr) 44px;padding:10px 0}.mapa-parameterization-summary__row .mapa-parameterization-summary__track{grid-column:1/-1;grid-row:2}.mapa-parameterization-summary__row>strong{grid-column:2;grid-row:1}.mapa-parameterization-dimensions li{grid-template-columns:minmax(0,1fr)}.mapa-parameterization-dimensions__description{grid-column:auto;padding-left:28px}}@media print{.mapa-parameterization-overview,.mapa-parameterization-group,.mapa-parameterization-competence{break-inside:avoid}}\n", ".mapa-parameterization-detail__sections{display:grid;gap:22px}.mapa-parameterization-group{--mapa-classification-tag-min-width: var(--mapa-report-pill-width, 104px);border:1px solid var(--mapa-report-border, #e1e5e7);border-radius:14px;min-width:0;padding:18px}.mapa-parameterization-group__header{align-items:start;display:grid;gap:20px;grid-template-columns:minmax(0,1fr) auto}.mapa-parameterization-group__header>mapa-result-track{display:block;justify-self:end;max-width:100%;width:max-content}.mapa-parameterization-group__header h4{color:#2c2e3a;font-size:20px;font-weight:650;line-height:1.25;margin:0;overflow-wrap:anywhere}.mapa-parameterization-group__header>div:first-child>div{color:var(--mapa-report-muted, #68747a);font-size:12px;line-height:1.5;margin-top:5px}.mapa-parameterization-group__header>div:first-child>div ::ng-deep ol,.mapa-parameterization-group__header>div:first-child>div ::ng-deep p,.mapa-parameterization-group__header>div:first-child>div ::ng-deep ul{margin:0 0 8px}.mapa-parameterization-group__header>div:first-child>div ::ng-deep ol,.mapa-parameterization-group__header>div:first-child>div ::ng-deep ul{padding-left:20px}.mapa-parameterization-group__header>div:first-child>div ::ng-deep li{margin:0 0 3px}.mapa-parameterization-group__header>div:first-child>div ::ng-deep b,.mapa-parameterization-group__header>div:first-child>div ::ng-deep strong{color:var(--mapa-report-text, inherit);font-weight:600}.mapa-parameterization-group__header>div:first-child>div ::ng-deep :last-child{margin-bottom:0}.mapa-parameterization-group__label{background:#f1f4f8;border:1px solid var(--mapa-report-border, #e1e5e7);border-radius:7px;color:#405064;font-size:13px;font-weight:650;margin-top:16px;padding:7px 10px}.mapa-parameterization-group__grid{display:grid;column-gap:14px;grid-template-columns:repeat(2,minmax(0,1fr));margin-top:14px;row-gap:14px}.mapa-parameterization-dimensions mapa-classification-tag{flex:0 0 auto;max-width:var(--mapa-report-pill-width, 104px)}.mapa-parameterization-competence{background:var(--mapa-report-surface, #fff);border:1px solid var(--mapa-report-border, #e1e5e7);border-radius:var(--mapa-report-card-radius, 10px);min-width:0;padding:16px 14px 13px}.mapa-parameterization-competence__header{align-items:center;display:grid;gap:14px;grid-template-columns:minmax(0,1fr) auto}.mapa-parameterization-competence__header mapa-result-track{display:block;justify-self:end;max-width:100%;width:max-content}.mapa-parameterization-competence__header h5{color:#2c2e3a;font-size:16px;font-weight:650;line-height:1.3;margin:0;overflow-wrap:anywhere}.mapa-parameterization-competence__description{color:var(--mapa-report-muted, #68747a);font-size:12px;line-height:1.5;margin-top:12px}.mapa-parameterization-competence__description ::ng-deep ol,.mapa-parameterization-competence__description ::ng-deep p,.mapa-parameterization-competence__description ::ng-deep ul{margin:0 0 8px}.mapa-parameterization-competence__description ::ng-deep ol,.mapa-parameterization-competence__description ::ng-deep ul{padding-left:20px}.mapa-parameterization-competence__description ::ng-deep li{margin:0 0 3px}.mapa-parameterization-competence__description ::ng-deep b,.mapa-parameterization-competence__description ::ng-deep strong{color:var(--mapa-report-text, inherit);font-weight:600}.mapa-parameterization-competence__description ::ng-deep :last-child{margin-bottom:0}.mapa-parameterization-dimensions{border-top:1px solid var(--mapa-report-line-soft, #edf1f3);display:grid;gap:7px;list-style:none;margin:14px 0 0;padding:12px 0 0}.mapa-parameterization-dimensions li{align-items:center;background:var(--mapa-report-surface-soft, #fafbfc);border:1px solid var(--mapa-report-line-soft, #edf1f3);border-radius:9px;display:grid;gap:10px;grid-template-columns:minmax(0,1fr) auto;padding:9px 10px}.mapa-parameterization-dimensions__name{align-items:center;color:#4f5d70;display:flex;font-size:12px;gap:8px;line-height:1.4;min-width:0}.mapa-parameterization-dimensions__name span:last-child{overflow-wrap:anywhere}.mapa-parameterization-dimensions__description{color:var(--mapa-report-muted, #68747a);font-size:11px;grid-column:1/-1;line-height:1.45;padding-left:28px}.mapa-parameterization-dimensions__description ::ng-deep ol,.mapa-parameterization-dimensions__description ::ng-deep p,.mapa-parameterization-dimensions__description ::ng-deep ul{margin:0 0 8px}.mapa-parameterization-dimensions__description ::ng-deep ol,.mapa-parameterization-dimensions__description ::ng-deep ul{padding-left:20px}.mapa-parameterization-dimensions__description ::ng-deep li{margin:0 0 3px}.mapa-parameterization-dimensions__description ::ng-deep b,.mapa-parameterization-dimensions__description ::ng-deep strong{color:var(--mapa-report-text, inherit);font-weight:600}.mapa-parameterization-dimensions__description ::ng-deep :last-child{margin-bottom:0}.mapa-parameterization-ranking mapa-report-ranking-table-widget{display:block;min-width:0}@media(max-width:1100px){.mapa-parameterization-group__grid{grid-template-columns:minmax(0,1fr)}}@media(max-width:600px){.mapa-parameterization-competence__header{grid-template-columns:minmax(0,1fr)}.mapa-parameterization-competence__header mapa-result-track{justify-self:start}}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
9352
9375
|
}
|
|
9353
9376
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.21", ngImport: i0, type: MapaReportParameterizationWidgetSummarizedComponent, decorators: [{
|
|
9354
9377
|
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"] }]
|
|
9378
|
+
args: [{ selector: 'mapa-report-parameterization-widget-summarized', standalone: true, imports: [], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"mapa-report-widget\" [attr.data-palette]=\"palette()\">\n @if (summaryRows().length) {\n <section class=\"mapa-parameterization-summary\">\n <h3>{{ i18n.texts.report.summarizedReportTitle }}</h3>\n <div class=\"mapa-parameterization-summary__rows\">\n @for (row of summaryRows(); track row.id) {\n <div class=\"mapa-parameterization-summary__row\">\n <span>{{ row.name }}</span>\n <span\n class=\"mapa-parameterization-summary__track\"\n role=\"meter\"\n aria-valuemin=\"0\"\n aria-valuemax=\"100\"\n [attr.aria-valuenow]=\"safeValue(row.value)\"\n [attr.aria-label]=\"\n i18n.texts.report.meterLabel(row.name, safeValue(row.value))\n \"\n >\n <i [style.width.%]=\"safeValue(row.value)\" aria-hidden=\"true\"></i>\n </span>\n <strong>{{ safeValue(row.value) }}%</strong>\n </div>\n }\n </div>\n </section>\n } @else {\n <p class=\"mapa-report-widget__empty\">{{ i18n.texts.report.emptyState }}</p>\n }\n</div>\n", styles: [":host{color:var(--mapa-report-text, #263238);display:block;min-width:0;font-family:var(--mapa-font-body, \"Asap\", \"Roboto\", sans-serif)}.mapa-report-widget{display:grid;gap:var(--mapa-report-space)}.mapa-report-widget__header{align-items:flex-start;column-gap:16px;display:grid;grid-template-columns:minmax(0,1fr) auto}.mapa-report-widget__heading{display:contents}.mapa-report-widget__heading h2{color:var(--mapa-report-accent);font-size:20px;font-weight:650;grid-column:1;grid-row:1;line-height:1.25;margin:0}.mapa-report-widget__description{color:var(--mapa-report-muted);font-size:13px;grid-column:1/-1;grid-row:2;line-height:1.5;margin:5px 0 0}.mapa-report-widget__description ::ng-deep ol,.mapa-report-widget__description ::ng-deep p,.mapa-report-widget__description ::ng-deep ul{margin:0 0 8px}.mapa-report-widget__description ::ng-deep ol,.mapa-report-widget__description ::ng-deep ul{padding-left:20px}.mapa-report-widget__description ::ng-deep li{margin:0 0 3px}.mapa-report-widget__description ::ng-deep b,.mapa-report-widget__description ::ng-deep strong{color:var(--mapa-report-text, inherit);font-weight:600}.mapa-report-widget__description ::ng-deep :last-child{margin-bottom:0}.mapa-report-widget__modes{--mat-button-toggle-background-color: transparent;--mat-button-toggle-divider-color: transparent;--mat-button-toggle-height: 32px;--mat-button-toggle-label-text-font: var( --mapa-font-body, \"Asap\", sans-serif );--mat-button-toggle-label-text-size: 13px;--mat-button-toggle-label-text-weight: 500;--mat-button-toggle-selected-state-background-color: var( --mapa-toggle-selected-surface, #fff );--mat-button-toggle-selected-state-text-color: var( --mapa-toggle-selected-text, #162f42 );--mat-button-toggle-shape: 7px;--mat-button-toggle-text-color: var(--mapa-toggle-text, #5b6672);align-items:center;background:var(--mapa-toggle-surface, #f1f2f4);border:0;border-radius:9px;box-sizing:border-box;gap:2px;grid-column:2;grid-row:1;overflow:hidden;padding:3px}.mapa-report-widget__modes mat-button-toggle{border:0;border-radius:7px;font:500 13px/1 var(--mapa-font-body, \"Asap\", sans-serif)}.mapa-report-widget__modes mat-button-toggle.mat-button-toggle-checked{box-shadow:0 1px 2px #162f4224}.mapa-report-widget__modes ::ng-deep .mat-button-toggle-button:focus-visible{outline:2px solid #cf450c;outline-offset:-2px}.mapa-report-widget__modes mat-icon{font-size:14px;height:14px;margin-right:5px;width:14px}.mapa-report-widget__modes--standalone{grid-column:1;grid-row:auto;justify-self:end}.mapa-report-widget__empty{color:var(--mapa-report-muted);margin:0;padding:24px 0;text-align:center}@media(max-width:760px){.mapa-report-widget__header{align-items:stretch;grid-template-columns:minmax(0,1fr)}.mapa-report-widget__modes{grid-column:1;grid-row:3;justify-self:start;margin-top:12px}.mapa-report-widget__modes--standalone{grid-row:auto;margin-top:0}}.mapa-direction-indicator{background:var(--mapa-report-surface, var(--mapa-color-surface, #fafbfc));border:1px solid currentColor;border-radius:50%;box-sizing:border-box;color:var(--mapa-report-muted, var(--mapa-color-text-subtle, #68747a));display:inline-grid;flex:0 0 20px;font-size:11px;font-weight:700;height:20px;line-height:1;place-items:center;width:20px}.mapa-parameterization-overview{border:1px solid var(--mapa-report-border, #e1e5e7);border-radius:16px;display:grid;gap:22px;padding:24px}.mapa-parameterization-overview__headline{align-items:start;display:grid;gap:24px;grid-template-columns:minmax(0,1fr) auto}.mapa-parameterization-overview__eyebrow{color:#8a95a5;display:block;font-size:12px;line-height:1.3;margin-bottom:6px;text-transform:uppercase}.mapa-parameterization-overview h3{color:#2c2e3a;font-size:24px;font-weight:650;line-height:1.25;margin:0;overflow-wrap:anywhere}.mapa-parameterization-overview__score{display:grid;gap:7px;min-width:290px}.mapa-parameterization-overview__score mapa-result-track{display:block;min-width:0;width:100%}.mapa-parameterization-overview__score>span{color:#8a95a5;font-size:12px;text-transform:uppercase}.mapa-parameterization-overview__classification{display:grid;gap:8px;justify-items:start}.mapa-parameterization-overview__classification p{color:#59636a;font-size:14px;line-height:1.5;margin:0;overflow-wrap:anywhere}.mapa-parameterization-overview__metadata{display:grid;gap:14px;grid-template-columns:repeat(auto-fit,minmax(min(210px,100%),1fr));margin:0}.mapa-parameterization-overview__metadata div{border:1px solid var(--mapa-report-border, #e1e5e7);border-radius:12px;min-width:0;padding:13px 15px}.mapa-parameterization-overview__metadata dt{color:#8a95a5;font-size:11px;line-height:1.3;margin-bottom:8px;text-transform:uppercase}.mapa-parameterization-overview__metadata dd{color:#2c2e3a;font-size:15px;font-weight:650;line-height:1.35;margin:0;overflow-wrap:anywhere}.mapa-parameterization-legend{--mapa-classification-tag-min-width: var(--mapa-report-pill-width, 104px)}.mapa-parameterization-summary,.mapa-parameterization-detail,.mapa-parameterization-ranking{display:grid;gap:16px;min-width:0}.mapa-parameterization-summary>h3,.mapa-parameterization-detail>h3,.mapa-parameterization-ranking>h3{color:#596575;font-size:18px;font-weight:650;line-height:1.3;margin:0}.mapa-parameterization-summary__rows{border:1px solid var(--mapa-report-border, #e1e5e7);border-radius:14px;padding:16px 20px}.mapa-parameterization-summary__row{align-items:center;display:grid;gap:20px;grid-template-columns:minmax(200px,36%) minmax(140px,1fr) 48px;min-height:48px}.mapa-parameterization-summary__row+.mapa-parameterization-summary__row{border-top:1px solid var(--mapa-parameterization-line, #e7ebee)}.mapa-parameterization-summary__row>span:first-child{color:#4f5d70;font-size:14px;line-height:1.35;overflow-wrap:anywhere}.mapa-parameterization-summary__row>strong{color:#596575;font-size:14px;text-align:right}.mapa-parameterization-summary__track{background:var(--mapa-parameterization-rail, #dfe4ea);border-radius:999px;display:block;height:14px;overflow:hidden}.mapa-parameterization-summary__track i{background:var(--mapa-parameterization-accent, #3f5870);border-radius:inherit;display:block;height:100%}@media(max-width:900px){.mapa-parameterization-overview__headline,.mapa-parameterization-group__header{grid-template-columns:minmax(0,1fr)}.mapa-parameterization-overview__score,mapa-result-track{min-width:0}.mapa-parameterization-group__header>mapa-result-track{justify-self:start}.mapa-parameterization-dimensions li{grid-template-columns:minmax(150px,1fr) auto}.mapa-parameterization-dimensions__description{grid-column:1/-1;padding-left:28px}}@media(max-width:600px){.mapa-parameterization-overview,.mapa-parameterization-group{padding:16px}.mapa-parameterization-overview h3{font-size:20px}.mapa-parameterization-summary__rows{padding:8px 14px}.mapa-parameterization-summary__row{gap:9px;grid-template-columns:minmax(0,1fr) 44px;padding:10px 0}.mapa-parameterization-summary__row .mapa-parameterization-summary__track{grid-column:1/-1;grid-row:2}.mapa-parameterization-summary__row>strong{grid-column:2;grid-row:1}.mapa-parameterization-dimensions li{grid-template-columns:minmax(0,1fr)}.mapa-parameterization-dimensions__description{grid-column:auto;padding-left:28px}}@media print{.mapa-parameterization-overview,.mapa-parameterization-group,.mapa-parameterization-competence{break-inside:avoid}}\n", ".mapa-parameterization-detail__sections{display:grid;gap:22px}.mapa-parameterization-group{--mapa-classification-tag-min-width: var(--mapa-report-pill-width, 104px);border:1px solid var(--mapa-report-border, #e1e5e7);border-radius:14px;min-width:0;padding:18px}.mapa-parameterization-group__header{align-items:start;display:grid;gap:20px;grid-template-columns:minmax(0,1fr) auto}.mapa-parameterization-group__header>mapa-result-track{display:block;justify-self:end;max-width:100%;width:max-content}.mapa-parameterization-group__header h4{color:#2c2e3a;font-size:20px;font-weight:650;line-height:1.25;margin:0;overflow-wrap:anywhere}.mapa-parameterization-group__header>div:first-child>div{color:var(--mapa-report-muted, #68747a);font-size:12px;line-height:1.5;margin-top:5px}.mapa-parameterization-group__header>div:first-child>div ::ng-deep ol,.mapa-parameterization-group__header>div:first-child>div ::ng-deep p,.mapa-parameterization-group__header>div:first-child>div ::ng-deep ul{margin:0 0 8px}.mapa-parameterization-group__header>div:first-child>div ::ng-deep ol,.mapa-parameterization-group__header>div:first-child>div ::ng-deep ul{padding-left:20px}.mapa-parameterization-group__header>div:first-child>div ::ng-deep li{margin:0 0 3px}.mapa-parameterization-group__header>div:first-child>div ::ng-deep b,.mapa-parameterization-group__header>div:first-child>div ::ng-deep strong{color:var(--mapa-report-text, inherit);font-weight:600}.mapa-parameterization-group__header>div:first-child>div ::ng-deep :last-child{margin-bottom:0}.mapa-parameterization-group__label{background:#f1f4f8;border:1px solid var(--mapa-report-border, #e1e5e7);border-radius:7px;color:#405064;font-size:13px;font-weight:650;margin-top:16px;padding:7px 10px}.mapa-parameterization-group__grid{display:grid;column-gap:14px;grid-template-columns:repeat(2,minmax(0,1fr));margin-top:14px;row-gap:14px}.mapa-parameterization-dimensions mapa-classification-tag{flex:0 0 auto;max-width:var(--mapa-report-pill-width, 104px)}.mapa-parameterization-competence{background:var(--mapa-report-surface, #fff);border:1px solid var(--mapa-report-border, #e1e5e7);border-radius:var(--mapa-report-card-radius, 10px);min-width:0;padding:16px 14px 13px}.mapa-parameterization-competence__header{align-items:center;display:grid;gap:14px;grid-template-columns:minmax(0,1fr) auto}.mapa-parameterization-competence__header mapa-result-track{display:block;justify-self:end;max-width:100%;width:max-content}.mapa-parameterization-competence__header h5{color:#2c2e3a;font-size:16px;font-weight:650;line-height:1.3;margin:0;overflow-wrap:anywhere}.mapa-parameterization-competence__description{color:var(--mapa-report-muted, #68747a);font-size:12px;line-height:1.5;margin-top:12px}.mapa-parameterization-competence__description ::ng-deep ol,.mapa-parameterization-competence__description ::ng-deep p,.mapa-parameterization-competence__description ::ng-deep ul{margin:0 0 8px}.mapa-parameterization-competence__description ::ng-deep ol,.mapa-parameterization-competence__description ::ng-deep ul{padding-left:20px}.mapa-parameterization-competence__description ::ng-deep li{margin:0 0 3px}.mapa-parameterization-competence__description ::ng-deep b,.mapa-parameterization-competence__description ::ng-deep strong{color:var(--mapa-report-text, inherit);font-weight:600}.mapa-parameterization-competence__description ::ng-deep :last-child{margin-bottom:0}.mapa-parameterization-dimensions{border-top:1px solid var(--mapa-report-line-soft, #edf1f3);display:grid;gap:7px;list-style:none;margin:14px 0 0;padding:12px 0 0}.mapa-parameterization-dimensions li{align-items:center;background:var(--mapa-report-surface-soft, #fafbfc);border:1px solid var(--mapa-report-line-soft, #edf1f3);border-radius:9px;display:grid;gap:10px;grid-template-columns:minmax(0,1fr) auto;padding:9px 10px}.mapa-parameterization-dimensions__name{align-items:center;color:#4f5d70;display:flex;font-size:12px;gap:8px;line-height:1.4;min-width:0}.mapa-parameterization-dimensions__name span:last-child{overflow-wrap:anywhere}.mapa-parameterization-dimensions__description{color:var(--mapa-report-muted, #68747a);font-size:11px;grid-column:1/-1;line-height:1.45;padding-left:28px}.mapa-parameterization-dimensions__description ::ng-deep ol,.mapa-parameterization-dimensions__description ::ng-deep p,.mapa-parameterization-dimensions__description ::ng-deep ul{margin:0 0 8px}.mapa-parameterization-dimensions__description ::ng-deep ol,.mapa-parameterization-dimensions__description ::ng-deep ul{padding-left:20px}.mapa-parameterization-dimensions__description ::ng-deep li{margin:0 0 3px}.mapa-parameterization-dimensions__description ::ng-deep b,.mapa-parameterization-dimensions__description ::ng-deep strong{color:var(--mapa-report-text, inherit);font-weight:600}.mapa-parameterization-dimensions__description ::ng-deep :last-child{margin-bottom:0}.mapa-parameterization-ranking mapa-report-ranking-table-widget{display:block;min-width:0}@media(max-width:1100px){.mapa-parameterization-group__grid{grid-template-columns:minmax(0,1fr)}}@media(max-width:600px){.mapa-parameterization-competence__header{grid-template-columns:minmax(0,1fr)}.mapa-parameterization-competence__header mapa-result-track{justify-self:start}}\n"] }]
|
|
9356
9379
|
}] });
|
|
9357
9380
|
|
|
9358
9381
|
/** Reusable detailed content, without the widget heading or mode selector. */
|
|
9359
9382
|
class MapaReportParameterizationWidgetDetailedComponent extends ReportParameterizationContent {
|
|
9360
9383
|
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 }); }
|
|
9384
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.21", type: MapaReportParameterizationWidgetDetailedComponent, isStandalone: true, selector: "mapa-report-parameterization-widget-detailed", usesInheritance: true, ngImport: i0, template: "<div class=\"mapa-report-widget\" [attr.data-palette]=\"palette()\">\n @if (data().sections.length) {\n <section class=\"mapa-parameterization-detail\">\n <h3>{{ i18n.texts.report.detailedReportTitle }}</h3>\n\n <div class=\"mapa-parameterization-detail__sections\">\n @for (section of data().sections; track section.id) {\n <section class=\"mapa-parameterization-group\">\n @if (section.name || section.value !== undefined) {\n <header class=\"mapa-parameterization-group__header\">\n <div>\n @if (section.name) {\n <h4>{{ section.name }}</h4>\n }\n @if (section.description) {\n <div [innerHTML]=\"section.description | safeHtml\"></div>\n }\n </div>\n @if (section.value !== undefined) {\n <mapa-result-track\n appearance=\"stepped\"\n color=\"#3f5870\"\n [style]=\"'thin'\"\n [name]=\"section.name || i18n.texts.report.groupsTitle\"\n [value]=\"safeValue(section.value)\"\n />\n }\n </header>\n }\n\n @if (section.competences.length) {\n <div class=\"mapa-parameterization-group__label\">\n {{ i18n.texts.report.competenciesAndDimensionsTitle }}\n </div>\n\n <div class=\"mapa-parameterization-group__grid\">\n @for (competence of section.competences; track competence.id) {\n <article class=\"mapa-parameterization-competence\">\n <header class=\"mapa-parameterization-competence__header\">\n <h5>{{ competence.name }}</h5>\n <mapa-result-track\n appearance=\"stepped\"\n color=\"#3f5870\"\n [style]=\"'thin'\"\n [name]=\"competence.name\"\n [value]=\"safeValue(competence.value)\"\n />\n </header>\n\n @if (competence.description) {\n <div\n class=\"mapa-parameterization-competence__description\"\n [innerHTML]=\"competence.description | safeHtml\"\n ></div>\n }\n\n @if (competence.dimensions?.length) {\n <ul class=\"mapa-parameterization-dimensions\">\n @for (\n dimension of competence.dimensions;\n track dimension.id\n ) {\n <li>\n <span\n class=\"mapa-parameterization-dimensions__name\"\n >\n <span\n class=\"mapa-direction-indicator\"\n [attr.aria-label]=\"\n directionLabel(dimension.direction)\n \"\n >{{ directionArrow(dimension.direction) }}</span\n >\n <span>{{ dimension.name }}</span>\n </span>\n @if (hasClassification(dimension)) {\n <mapa-classification-tag\n appearance=\"solid\"\n [classification]=\"dimension.classification\"\n />\n }\n @if (dimension.description) {\n <div\n class=\"mapa-parameterization-dimensions__description\"\n [innerHTML]=\"dimension.description | safeHtml\"\n ></div>\n }\n </li>\n }\n </ul>\n }\n </article>\n }\n </div>\n }\n </section>\n }\n </div>\n </section>\n } @else {\n <p class=\"mapa-report-widget__empty\">{{ i18n.texts.report.emptyState }}</p>\n }\n</div>\n", styles: [":host{color:var(--mapa-report-text, #263238);display:block;min-width:0;font-family:var(--mapa-font-body, \"Asap\", \"Roboto\", sans-serif)}.mapa-report-widget{display:grid;gap:var(--mapa-report-space)}.mapa-report-widget__header{align-items:flex-start;column-gap:16px;display:grid;grid-template-columns:minmax(0,1fr) auto}.mapa-report-widget__heading{display:contents}.mapa-report-widget__heading h2{color:var(--mapa-report-accent);font-size:20px;font-weight:650;grid-column:1;grid-row:1;line-height:1.25;margin:0}.mapa-report-widget__description{color:var(--mapa-report-muted);font-size:13px;grid-column:1/-1;grid-row:2;line-height:1.5;margin:5px 0 0}.mapa-report-widget__description ::ng-deep ol,.mapa-report-widget__description ::ng-deep p,.mapa-report-widget__description ::ng-deep ul{margin:0 0 8px}.mapa-report-widget__description ::ng-deep ol,.mapa-report-widget__description ::ng-deep ul{padding-left:20px}.mapa-report-widget__description ::ng-deep li{margin:0 0 3px}.mapa-report-widget__description ::ng-deep b,.mapa-report-widget__description ::ng-deep strong{color:var(--mapa-report-text, inherit);font-weight:600}.mapa-report-widget__description ::ng-deep :last-child{margin-bottom:0}.mapa-report-widget__modes{--mat-button-toggle-background-color: transparent;--mat-button-toggle-divider-color: transparent;--mat-button-toggle-height: 32px;--mat-button-toggle-label-text-font: var( --mapa-font-body, \"Asap\", sans-serif );--mat-button-toggle-label-text-size: 13px;--mat-button-toggle-label-text-weight: 500;--mat-button-toggle-selected-state-background-color: var( --mapa-toggle-selected-surface, #fff );--mat-button-toggle-selected-state-text-color: var( --mapa-toggle-selected-text, #162f42 );--mat-button-toggle-shape: 7px;--mat-button-toggle-text-color: var(--mapa-toggle-text, #5b6672);align-items:center;background:var(--mapa-toggle-surface, #f1f2f4);border:0;border-radius:9px;box-sizing:border-box;gap:2px;grid-column:2;grid-row:1;overflow:hidden;padding:3px}.mapa-report-widget__modes mat-button-toggle{border:0;border-radius:7px;font:500 13px/1 var(--mapa-font-body, \"Asap\", sans-serif)}.mapa-report-widget__modes mat-button-toggle.mat-button-toggle-checked{box-shadow:0 1px 2px #162f4224}.mapa-report-widget__modes ::ng-deep .mat-button-toggle-button:focus-visible{outline:2px solid #cf450c;outline-offset:-2px}.mapa-report-widget__modes mat-icon{font-size:14px;height:14px;margin-right:5px;width:14px}.mapa-report-widget__modes--standalone{grid-column:1;grid-row:auto;justify-self:end}.mapa-report-widget__empty{color:var(--mapa-report-muted);margin:0;padding:24px 0;text-align:center}@media(max-width:760px){.mapa-report-widget__header{align-items:stretch;grid-template-columns:minmax(0,1fr)}.mapa-report-widget__modes{grid-column:1;grid-row:3;justify-self:start;margin-top:12px}.mapa-report-widget__modes--standalone{grid-row:auto;margin-top:0}}.mapa-direction-indicator{background:var(--mapa-report-surface, var(--mapa-color-surface, #fafbfc));border:1px solid currentColor;border-radius:50%;box-sizing:border-box;color:var(--mapa-report-muted, var(--mapa-color-text-subtle, #68747a));display:inline-grid;flex:0 0 20px;font-size:11px;font-weight:700;height:20px;line-height:1;place-items:center;width:20px}.mapa-parameterization-overview{border:1px solid var(--mapa-report-border, #e1e5e7);border-radius:16px;display:grid;gap:22px;padding:24px}.mapa-parameterization-overview__headline{align-items:start;display:grid;gap:24px;grid-template-columns:minmax(0,1fr) auto}.mapa-parameterization-overview__eyebrow{color:#8a95a5;display:block;font-size:12px;line-height:1.3;margin-bottom:6px;text-transform:uppercase}.mapa-parameterization-overview h3{color:#2c2e3a;font-size:24px;font-weight:650;line-height:1.25;margin:0;overflow-wrap:anywhere}.mapa-parameterization-overview__score{display:grid;gap:7px;min-width:290px}.mapa-parameterization-overview__score mapa-result-track{display:block;min-width:0;width:100%}.mapa-parameterization-overview__score>span{color:#8a95a5;font-size:12px;text-transform:uppercase}.mapa-parameterization-overview__classification{display:grid;gap:8px;justify-items:start}.mapa-parameterization-overview__classification p{color:#59636a;font-size:14px;line-height:1.5;margin:0;overflow-wrap:anywhere}.mapa-parameterization-overview__metadata{display:grid;gap:14px;grid-template-columns:repeat(auto-fit,minmax(min(210px,100%),1fr));margin:0}.mapa-parameterization-overview__metadata div{border:1px solid var(--mapa-report-border, #e1e5e7);border-radius:12px;min-width:0;padding:13px 15px}.mapa-parameterization-overview__metadata dt{color:#8a95a5;font-size:11px;line-height:1.3;margin-bottom:8px;text-transform:uppercase}.mapa-parameterization-overview__metadata dd{color:#2c2e3a;font-size:15px;font-weight:650;line-height:1.35;margin:0;overflow-wrap:anywhere}.mapa-parameterization-legend{--mapa-classification-tag-min-width: var(--mapa-report-pill-width, 104px)}.mapa-parameterization-summary,.mapa-parameterization-detail,.mapa-parameterization-ranking{display:grid;gap:16px;min-width:0}.mapa-parameterization-summary>h3,.mapa-parameterization-detail>h3,.mapa-parameterization-ranking>h3{color:#596575;font-size:18px;font-weight:650;line-height:1.3;margin:0}.mapa-parameterization-summary__rows{border:1px solid var(--mapa-report-border, #e1e5e7);border-radius:14px;padding:16px 20px}.mapa-parameterization-summary__row{align-items:center;display:grid;gap:20px;grid-template-columns:minmax(200px,36%) minmax(140px,1fr) 48px;min-height:48px}.mapa-parameterization-summary__row+.mapa-parameterization-summary__row{border-top:1px solid var(--mapa-parameterization-line, #e7ebee)}.mapa-parameterization-summary__row>span:first-child{color:#4f5d70;font-size:14px;line-height:1.35;overflow-wrap:anywhere}.mapa-parameterization-summary__row>strong{color:#596575;font-size:14px;text-align:right}.mapa-parameterization-summary__track{background:var(--mapa-parameterization-rail, #dfe4ea);border-radius:999px;display:block;height:14px;overflow:hidden}.mapa-parameterization-summary__track i{background:var(--mapa-parameterization-accent, #3f5870);border-radius:inherit;display:block;height:100%}@media(max-width:900px){.mapa-parameterization-overview__headline,.mapa-parameterization-group__header{grid-template-columns:minmax(0,1fr)}.mapa-parameterization-overview__score,mapa-result-track{min-width:0}.mapa-parameterization-group__header>mapa-result-track{justify-self:start}.mapa-parameterization-dimensions li{grid-template-columns:minmax(150px,1fr) auto}.mapa-parameterization-dimensions__description{grid-column:1/-1;padding-left:28px}}@media(max-width:600px){.mapa-parameterization-overview,.mapa-parameterization-group{padding:16px}.mapa-parameterization-overview h3{font-size:20px}.mapa-parameterization-summary__rows{padding:8px 14px}.mapa-parameterization-summary__row{gap:9px;grid-template-columns:minmax(0,1fr) 44px;padding:10px 0}.mapa-parameterization-summary__row .mapa-parameterization-summary__track{grid-column:1/-1;grid-row:2}.mapa-parameterization-summary__row>strong{grid-column:2;grid-row:1}.mapa-parameterization-dimensions li{grid-template-columns:minmax(0,1fr)}.mapa-parameterization-dimensions__description{grid-column:auto;padding-left:28px}}@media print{.mapa-parameterization-overview,.mapa-parameterization-group,.mapa-parameterization-competence{break-inside:avoid}}\n", ".mapa-parameterization-detail__sections{display:grid;gap:22px}.mapa-parameterization-group{--mapa-classification-tag-min-width: var(--mapa-report-pill-width, 104px);border:1px solid var(--mapa-report-border, #e1e5e7);border-radius:14px;min-width:0;padding:18px}.mapa-parameterization-group__header{align-items:start;display:grid;gap:20px;grid-template-columns:minmax(0,1fr) auto}.mapa-parameterization-group__header>mapa-result-track{display:block;justify-self:end;max-width:100%;width:max-content}.mapa-parameterization-group__header h4{color:#2c2e3a;font-size:20px;font-weight:650;line-height:1.25;margin:0;overflow-wrap:anywhere}.mapa-parameterization-group__header>div:first-child>div{color:var(--mapa-report-muted, #68747a);font-size:12px;line-height:1.5;margin-top:5px}.mapa-parameterization-group__header>div:first-child>div ::ng-deep ol,.mapa-parameterization-group__header>div:first-child>div ::ng-deep p,.mapa-parameterization-group__header>div:first-child>div ::ng-deep ul{margin:0 0 8px}.mapa-parameterization-group__header>div:first-child>div ::ng-deep ol,.mapa-parameterization-group__header>div:first-child>div ::ng-deep ul{padding-left:20px}.mapa-parameterization-group__header>div:first-child>div ::ng-deep li{margin:0 0 3px}.mapa-parameterization-group__header>div:first-child>div ::ng-deep b,.mapa-parameterization-group__header>div:first-child>div ::ng-deep strong{color:var(--mapa-report-text, inherit);font-weight:600}.mapa-parameterization-group__header>div:first-child>div ::ng-deep :last-child{margin-bottom:0}.mapa-parameterization-group__label{background:#f1f4f8;border:1px solid var(--mapa-report-border, #e1e5e7);border-radius:7px;color:#405064;font-size:13px;font-weight:650;margin-top:16px;padding:7px 10px}.mapa-parameterization-group__grid{display:grid;column-gap:14px;grid-template-columns:repeat(2,minmax(0,1fr));margin-top:14px;row-gap:14px}.mapa-parameterization-dimensions mapa-classification-tag{flex:0 0 auto;max-width:var(--mapa-report-pill-width, 104px)}.mapa-parameterization-competence{background:var(--mapa-report-surface, #fff);border:1px solid var(--mapa-report-border, #e1e5e7);border-radius:var(--mapa-report-card-radius, 10px);min-width:0;padding:16px 14px 13px}.mapa-parameterization-competence__header{align-items:center;display:grid;gap:14px;grid-template-columns:minmax(0,1fr) auto}.mapa-parameterization-competence__header mapa-result-track{display:block;justify-self:end;max-width:100%;width:max-content}.mapa-parameterization-competence__header h5{color:#2c2e3a;font-size:16px;font-weight:650;line-height:1.3;margin:0;overflow-wrap:anywhere}.mapa-parameterization-competence__description{color:var(--mapa-report-muted, #68747a);font-size:12px;line-height:1.5;margin-top:12px}.mapa-parameterization-competence__description ::ng-deep ol,.mapa-parameterization-competence__description ::ng-deep p,.mapa-parameterization-competence__description ::ng-deep ul{margin:0 0 8px}.mapa-parameterization-competence__description ::ng-deep ol,.mapa-parameterization-competence__description ::ng-deep ul{padding-left:20px}.mapa-parameterization-competence__description ::ng-deep li{margin:0 0 3px}.mapa-parameterization-competence__description ::ng-deep b,.mapa-parameterization-competence__description ::ng-deep strong{color:var(--mapa-report-text, inherit);font-weight:600}.mapa-parameterization-competence__description ::ng-deep :last-child{margin-bottom:0}.mapa-parameterization-dimensions{border-top:1px solid var(--mapa-report-line-soft, #edf1f3);display:grid;gap:7px;list-style:none;margin:14px 0 0;padding:12px 0 0}.mapa-parameterization-dimensions li{align-items:center;background:var(--mapa-report-surface-soft, #fafbfc);border:1px solid var(--mapa-report-line-soft, #edf1f3);border-radius:9px;display:grid;gap:10px;grid-template-columns:minmax(0,1fr) auto;padding:9px 10px}.mapa-parameterization-dimensions__name{align-items:center;color:#4f5d70;display:flex;font-size:12px;gap:8px;line-height:1.4;min-width:0}.mapa-parameterization-dimensions__name span:last-child{overflow-wrap:anywhere}.mapa-parameterization-dimensions__description{color:var(--mapa-report-muted, #68747a);font-size:11px;grid-column:1/-1;line-height:1.45;padding-left:28px}.mapa-parameterization-dimensions__description ::ng-deep ol,.mapa-parameterization-dimensions__description ::ng-deep p,.mapa-parameterization-dimensions__description ::ng-deep ul{margin:0 0 8px}.mapa-parameterization-dimensions__description ::ng-deep ol,.mapa-parameterization-dimensions__description ::ng-deep ul{padding-left:20px}.mapa-parameterization-dimensions__description ::ng-deep li{margin:0 0 3px}.mapa-parameterization-dimensions__description ::ng-deep b,.mapa-parameterization-dimensions__description ::ng-deep strong{color:var(--mapa-report-text, inherit);font-weight:600}.mapa-parameterization-dimensions__description ::ng-deep :last-child{margin-bottom:0}.mapa-parameterization-ranking mapa-report-ranking-table-widget{display:block;min-width:0}@media(max-width:1100px){.mapa-parameterization-group__grid{grid-template-columns:minmax(0,1fr)}}@media(max-width:600px){.mapa-parameterization-competence__header{grid-template-columns:minmax(0,1fr)}.mapa-parameterization-competence__header mapa-result-track{justify-self:start}}\n"], dependencies: [{ kind: "component", type: MapaClassificationTagComponent, selector: "mapa-classification-tag", inputs: ["classification", "size", "appearance", "shape", "casing", "fallbackLabel", "valueLabel"] }, { kind: "component", type: MapaResultTrackComponent, selector: "mapa-result-track", inputs: ["name", "value", "color", "mode", "appearance", "style", "direction", "showValue", "ariaLabel"] }, { kind: "pipe", type: SafeHtmlPipe, name: "safeHtml" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
9362
9385
|
}
|
|
9363
9386
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.21", ngImport: i0, type: MapaReportParameterizationWidgetDetailedComponent, decorators: [{
|
|
9364
9387
|
type: Component,
|
|
@@ -9366,7 +9389,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.21", ngImpo
|
|
|
9366
9389
|
MapaClassificationTagComponent,
|
|
9367
9390
|
MapaResultTrackComponent,
|
|
9368
9391
|
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"] }]
|
|
9392
|
+
], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"mapa-report-widget\" [attr.data-palette]=\"palette()\">\n @if (data().sections.length) {\n <section class=\"mapa-parameterization-detail\">\n <h3>{{ i18n.texts.report.detailedReportTitle }}</h3>\n\n <div class=\"mapa-parameterization-detail__sections\">\n @for (section of data().sections; track section.id) {\n <section class=\"mapa-parameterization-group\">\n @if (section.name || section.value !== undefined) {\n <header class=\"mapa-parameterization-group__header\">\n <div>\n @if (section.name) {\n <h4>{{ section.name }}</h4>\n }\n @if (section.description) {\n <div [innerHTML]=\"section.description | safeHtml\"></div>\n }\n </div>\n @if (section.value !== undefined) {\n <mapa-result-track\n appearance=\"stepped\"\n color=\"#3f5870\"\n [style]=\"'thin'\"\n [name]=\"section.name || i18n.texts.report.groupsTitle\"\n [value]=\"safeValue(section.value)\"\n />\n }\n </header>\n }\n\n @if (section.competences.length) {\n <div class=\"mapa-parameterization-group__label\">\n {{ i18n.texts.report.competenciesAndDimensionsTitle }}\n </div>\n\n <div class=\"mapa-parameterization-group__grid\">\n @for (competence of section.competences; track competence.id) {\n <article class=\"mapa-parameterization-competence\">\n <header class=\"mapa-parameterization-competence__header\">\n <h5>{{ competence.name }}</h5>\n <mapa-result-track\n appearance=\"stepped\"\n color=\"#3f5870\"\n [style]=\"'thin'\"\n [name]=\"competence.name\"\n [value]=\"safeValue(competence.value)\"\n />\n </header>\n\n @if (competence.description) {\n <div\n class=\"mapa-parameterization-competence__description\"\n [innerHTML]=\"competence.description | safeHtml\"\n ></div>\n }\n\n @if (competence.dimensions?.length) {\n <ul class=\"mapa-parameterization-dimensions\">\n @for (\n dimension of competence.dimensions;\n track dimension.id\n ) {\n <li>\n <span\n class=\"mapa-parameterization-dimensions__name\"\n >\n <span\n class=\"mapa-direction-indicator\"\n [attr.aria-label]=\"\n directionLabel(dimension.direction)\n \"\n >{{ directionArrow(dimension.direction) }}</span\n >\n <span>{{ dimension.name }}</span>\n </span>\n @if (hasClassification(dimension)) {\n <mapa-classification-tag\n appearance=\"solid\"\n [classification]=\"dimension.classification\"\n />\n }\n @if (dimension.description) {\n <div\n class=\"mapa-parameterization-dimensions__description\"\n [innerHTML]=\"dimension.description | safeHtml\"\n ></div>\n }\n </li>\n }\n </ul>\n }\n </article>\n }\n </div>\n }\n </section>\n }\n </div>\n </section>\n } @else {\n <p class=\"mapa-report-widget__empty\">{{ i18n.texts.report.emptyState }}</p>\n }\n</div>\n", styles: [":host{color:var(--mapa-report-text, #263238);display:block;min-width:0;font-family:var(--mapa-font-body, \"Asap\", \"Roboto\", sans-serif)}.mapa-report-widget{display:grid;gap:var(--mapa-report-space)}.mapa-report-widget__header{align-items:flex-start;column-gap:16px;display:grid;grid-template-columns:minmax(0,1fr) auto}.mapa-report-widget__heading{display:contents}.mapa-report-widget__heading h2{color:var(--mapa-report-accent);font-size:20px;font-weight:650;grid-column:1;grid-row:1;line-height:1.25;margin:0}.mapa-report-widget__description{color:var(--mapa-report-muted);font-size:13px;grid-column:1/-1;grid-row:2;line-height:1.5;margin:5px 0 0}.mapa-report-widget__description ::ng-deep ol,.mapa-report-widget__description ::ng-deep p,.mapa-report-widget__description ::ng-deep ul{margin:0 0 8px}.mapa-report-widget__description ::ng-deep ol,.mapa-report-widget__description ::ng-deep ul{padding-left:20px}.mapa-report-widget__description ::ng-deep li{margin:0 0 3px}.mapa-report-widget__description ::ng-deep b,.mapa-report-widget__description ::ng-deep strong{color:var(--mapa-report-text, inherit);font-weight:600}.mapa-report-widget__description ::ng-deep :last-child{margin-bottom:0}.mapa-report-widget__modes{--mat-button-toggle-background-color: transparent;--mat-button-toggle-divider-color: transparent;--mat-button-toggle-height: 32px;--mat-button-toggle-label-text-font: var( --mapa-font-body, \"Asap\", sans-serif );--mat-button-toggle-label-text-size: 13px;--mat-button-toggle-label-text-weight: 500;--mat-button-toggle-selected-state-background-color: var( --mapa-toggle-selected-surface, #fff );--mat-button-toggle-selected-state-text-color: var( --mapa-toggle-selected-text, #162f42 );--mat-button-toggle-shape: 7px;--mat-button-toggle-text-color: var(--mapa-toggle-text, #5b6672);align-items:center;background:var(--mapa-toggle-surface, #f1f2f4);border:0;border-radius:9px;box-sizing:border-box;gap:2px;grid-column:2;grid-row:1;overflow:hidden;padding:3px}.mapa-report-widget__modes mat-button-toggle{border:0;border-radius:7px;font:500 13px/1 var(--mapa-font-body, \"Asap\", sans-serif)}.mapa-report-widget__modes mat-button-toggle.mat-button-toggle-checked{box-shadow:0 1px 2px #162f4224}.mapa-report-widget__modes ::ng-deep .mat-button-toggle-button:focus-visible{outline:2px solid #cf450c;outline-offset:-2px}.mapa-report-widget__modes mat-icon{font-size:14px;height:14px;margin-right:5px;width:14px}.mapa-report-widget__modes--standalone{grid-column:1;grid-row:auto;justify-self:end}.mapa-report-widget__empty{color:var(--mapa-report-muted);margin:0;padding:24px 0;text-align:center}@media(max-width:760px){.mapa-report-widget__header{align-items:stretch;grid-template-columns:minmax(0,1fr)}.mapa-report-widget__modes{grid-column:1;grid-row:3;justify-self:start;margin-top:12px}.mapa-report-widget__modes--standalone{grid-row:auto;margin-top:0}}.mapa-direction-indicator{background:var(--mapa-report-surface, var(--mapa-color-surface, #fafbfc));border:1px solid currentColor;border-radius:50%;box-sizing:border-box;color:var(--mapa-report-muted, var(--mapa-color-text-subtle, #68747a));display:inline-grid;flex:0 0 20px;font-size:11px;font-weight:700;height:20px;line-height:1;place-items:center;width:20px}.mapa-parameterization-overview{border:1px solid var(--mapa-report-border, #e1e5e7);border-radius:16px;display:grid;gap:22px;padding:24px}.mapa-parameterization-overview__headline{align-items:start;display:grid;gap:24px;grid-template-columns:minmax(0,1fr) auto}.mapa-parameterization-overview__eyebrow{color:#8a95a5;display:block;font-size:12px;line-height:1.3;margin-bottom:6px;text-transform:uppercase}.mapa-parameterization-overview h3{color:#2c2e3a;font-size:24px;font-weight:650;line-height:1.25;margin:0;overflow-wrap:anywhere}.mapa-parameterization-overview__score{display:grid;gap:7px;min-width:290px}.mapa-parameterization-overview__score mapa-result-track{display:block;min-width:0;width:100%}.mapa-parameterization-overview__score>span{color:#8a95a5;font-size:12px;text-transform:uppercase}.mapa-parameterization-overview__classification{display:grid;gap:8px;justify-items:start}.mapa-parameterization-overview__classification p{color:#59636a;font-size:14px;line-height:1.5;margin:0;overflow-wrap:anywhere}.mapa-parameterization-overview__metadata{display:grid;gap:14px;grid-template-columns:repeat(auto-fit,minmax(min(210px,100%),1fr));margin:0}.mapa-parameterization-overview__metadata div{border:1px solid var(--mapa-report-border, #e1e5e7);border-radius:12px;min-width:0;padding:13px 15px}.mapa-parameterization-overview__metadata dt{color:#8a95a5;font-size:11px;line-height:1.3;margin-bottom:8px;text-transform:uppercase}.mapa-parameterization-overview__metadata dd{color:#2c2e3a;font-size:15px;font-weight:650;line-height:1.35;margin:0;overflow-wrap:anywhere}.mapa-parameterization-legend{--mapa-classification-tag-min-width: var(--mapa-report-pill-width, 104px)}.mapa-parameterization-summary,.mapa-parameterization-detail,.mapa-parameterization-ranking{display:grid;gap:16px;min-width:0}.mapa-parameterization-summary>h3,.mapa-parameterization-detail>h3,.mapa-parameterization-ranking>h3{color:#596575;font-size:18px;font-weight:650;line-height:1.3;margin:0}.mapa-parameterization-summary__rows{border:1px solid var(--mapa-report-border, #e1e5e7);border-radius:14px;padding:16px 20px}.mapa-parameterization-summary__row{align-items:center;display:grid;gap:20px;grid-template-columns:minmax(200px,36%) minmax(140px,1fr) 48px;min-height:48px}.mapa-parameterization-summary__row+.mapa-parameterization-summary__row{border-top:1px solid var(--mapa-parameterization-line, #e7ebee)}.mapa-parameterization-summary__row>span:first-child{color:#4f5d70;font-size:14px;line-height:1.35;overflow-wrap:anywhere}.mapa-parameterization-summary__row>strong{color:#596575;font-size:14px;text-align:right}.mapa-parameterization-summary__track{background:var(--mapa-parameterization-rail, #dfe4ea);border-radius:999px;display:block;height:14px;overflow:hidden}.mapa-parameterization-summary__track i{background:var(--mapa-parameterization-accent, #3f5870);border-radius:inherit;display:block;height:100%}@media(max-width:900px){.mapa-parameterization-overview__headline,.mapa-parameterization-group__header{grid-template-columns:minmax(0,1fr)}.mapa-parameterization-overview__score,mapa-result-track{min-width:0}.mapa-parameterization-group__header>mapa-result-track{justify-self:start}.mapa-parameterization-dimensions li{grid-template-columns:minmax(150px,1fr) auto}.mapa-parameterization-dimensions__description{grid-column:1/-1;padding-left:28px}}@media(max-width:600px){.mapa-parameterization-overview,.mapa-parameterization-group{padding:16px}.mapa-parameterization-overview h3{font-size:20px}.mapa-parameterization-summary__rows{padding:8px 14px}.mapa-parameterization-summary__row{gap:9px;grid-template-columns:minmax(0,1fr) 44px;padding:10px 0}.mapa-parameterization-summary__row .mapa-parameterization-summary__track{grid-column:1/-1;grid-row:2}.mapa-parameterization-summary__row>strong{grid-column:2;grid-row:1}.mapa-parameterization-dimensions li{grid-template-columns:minmax(0,1fr)}.mapa-parameterization-dimensions__description{grid-column:auto;padding-left:28px}}@media print{.mapa-parameterization-overview,.mapa-parameterization-group,.mapa-parameterization-competence{break-inside:avoid}}\n", ".mapa-parameterization-detail__sections{display:grid;gap:22px}.mapa-parameterization-group{--mapa-classification-tag-min-width: var(--mapa-report-pill-width, 104px);border:1px solid var(--mapa-report-border, #e1e5e7);border-radius:14px;min-width:0;padding:18px}.mapa-parameterization-group__header{align-items:start;display:grid;gap:20px;grid-template-columns:minmax(0,1fr) auto}.mapa-parameterization-group__header>mapa-result-track{display:block;justify-self:end;max-width:100%;width:max-content}.mapa-parameterization-group__header h4{color:#2c2e3a;font-size:20px;font-weight:650;line-height:1.25;margin:0;overflow-wrap:anywhere}.mapa-parameterization-group__header>div:first-child>div{color:var(--mapa-report-muted, #68747a);font-size:12px;line-height:1.5;margin-top:5px}.mapa-parameterization-group__header>div:first-child>div ::ng-deep ol,.mapa-parameterization-group__header>div:first-child>div ::ng-deep p,.mapa-parameterization-group__header>div:first-child>div ::ng-deep ul{margin:0 0 8px}.mapa-parameterization-group__header>div:first-child>div ::ng-deep ol,.mapa-parameterization-group__header>div:first-child>div ::ng-deep ul{padding-left:20px}.mapa-parameterization-group__header>div:first-child>div ::ng-deep li{margin:0 0 3px}.mapa-parameterization-group__header>div:first-child>div ::ng-deep b,.mapa-parameterization-group__header>div:first-child>div ::ng-deep strong{color:var(--mapa-report-text, inherit);font-weight:600}.mapa-parameterization-group__header>div:first-child>div ::ng-deep :last-child{margin-bottom:0}.mapa-parameterization-group__label{background:#f1f4f8;border:1px solid var(--mapa-report-border, #e1e5e7);border-radius:7px;color:#405064;font-size:13px;font-weight:650;margin-top:16px;padding:7px 10px}.mapa-parameterization-group__grid{display:grid;column-gap:14px;grid-template-columns:repeat(2,minmax(0,1fr));margin-top:14px;row-gap:14px}.mapa-parameterization-dimensions mapa-classification-tag{flex:0 0 auto;max-width:var(--mapa-report-pill-width, 104px)}.mapa-parameterization-competence{background:var(--mapa-report-surface, #fff);border:1px solid var(--mapa-report-border, #e1e5e7);border-radius:var(--mapa-report-card-radius, 10px);min-width:0;padding:16px 14px 13px}.mapa-parameterization-competence__header{align-items:center;display:grid;gap:14px;grid-template-columns:minmax(0,1fr) auto}.mapa-parameterization-competence__header mapa-result-track{display:block;justify-self:end;max-width:100%;width:max-content}.mapa-parameterization-competence__header h5{color:#2c2e3a;font-size:16px;font-weight:650;line-height:1.3;margin:0;overflow-wrap:anywhere}.mapa-parameterization-competence__description{color:var(--mapa-report-muted, #68747a);font-size:12px;line-height:1.5;margin-top:12px}.mapa-parameterization-competence__description ::ng-deep ol,.mapa-parameterization-competence__description ::ng-deep p,.mapa-parameterization-competence__description ::ng-deep ul{margin:0 0 8px}.mapa-parameterization-competence__description ::ng-deep ol,.mapa-parameterization-competence__description ::ng-deep ul{padding-left:20px}.mapa-parameterization-competence__description ::ng-deep li{margin:0 0 3px}.mapa-parameterization-competence__description ::ng-deep b,.mapa-parameterization-competence__description ::ng-deep strong{color:var(--mapa-report-text, inherit);font-weight:600}.mapa-parameterization-competence__description ::ng-deep :last-child{margin-bottom:0}.mapa-parameterization-dimensions{border-top:1px solid var(--mapa-report-line-soft, #edf1f3);display:grid;gap:7px;list-style:none;margin:14px 0 0;padding:12px 0 0}.mapa-parameterization-dimensions li{align-items:center;background:var(--mapa-report-surface-soft, #fafbfc);border:1px solid var(--mapa-report-line-soft, #edf1f3);border-radius:9px;display:grid;gap:10px;grid-template-columns:minmax(0,1fr) auto;padding:9px 10px}.mapa-parameterization-dimensions__name{align-items:center;color:#4f5d70;display:flex;font-size:12px;gap:8px;line-height:1.4;min-width:0}.mapa-parameterization-dimensions__name span:last-child{overflow-wrap:anywhere}.mapa-parameterization-dimensions__description{color:var(--mapa-report-muted, #68747a);font-size:11px;grid-column:1/-1;line-height:1.45;padding-left:28px}.mapa-parameterization-dimensions__description ::ng-deep ol,.mapa-parameterization-dimensions__description ::ng-deep p,.mapa-parameterization-dimensions__description ::ng-deep ul{margin:0 0 8px}.mapa-parameterization-dimensions__description ::ng-deep ol,.mapa-parameterization-dimensions__description ::ng-deep ul{padding-left:20px}.mapa-parameterization-dimensions__description ::ng-deep li{margin:0 0 3px}.mapa-parameterization-dimensions__description ::ng-deep b,.mapa-parameterization-dimensions__description ::ng-deep strong{color:var(--mapa-report-text, inherit);font-weight:600}.mapa-parameterization-dimensions__description ::ng-deep :last-child{margin-bottom:0}.mapa-parameterization-ranking mapa-report-ranking-table-widget{display:block;min-width:0}@media(max-width:1100px){.mapa-parameterization-group__grid{grid-template-columns:minmax(0,1fr)}}@media(max-width:600px){.mapa-parameterization-competence__header{grid-template-columns:minmax(0,1fr)}.mapa-parameterization-competence__header mapa-result-track{justify-self:start}}\n"] }]
|
|
9370
9393
|
}] });
|
|
9371
9394
|
|
|
9372
9395
|
/** A single ranking table, without view selector, heading or export button. */
|
|
@@ -9532,6 +9555,15 @@ class MapaReportRankingTableWidgetComponent {
|
|
|
9532
9555
|
this.views = input([], ...(ngDevMode ? [{ debugName: "views" }] : []));
|
|
9533
9556
|
/** Id of the active view; two-way so the host can drive or observe it. */
|
|
9534
9557
|
this.view = model(...(ngDevMode ? [undefined, { debugName: "view" }] : []));
|
|
9558
|
+
/**
|
|
9559
|
+
* Optional second switch, shown before the views switch (e.g. scales /
|
|
9560
|
+
* factors). The host rebuilds `views` when the active level changes.
|
|
9561
|
+
*/
|
|
9562
|
+
this.levels = input([], ...(ngDevMode ? [{ debugName: "levels" }] : []));
|
|
9563
|
+
/** Id of the active level; two-way so the host can drive or observe it. */
|
|
9564
|
+
this.level = model(...(ngDevMode ? [undefined, { debugName: "level" }] : []));
|
|
9565
|
+
/** Accessible name of the level switch. */
|
|
9566
|
+
this.levelsLabel = input(...(ngDevMode ? [undefined, { debugName: "levelsLabel" }] : []));
|
|
9535
9567
|
this.palette = input('current', ...(ngDevMode ? [{ debugName: "palette" }] : []));
|
|
9536
9568
|
this.showAverage = input(false, ...(ngDevMode ? [{ debugName: "showAverage" }] : []));
|
|
9537
9569
|
this.cellDisplay = input('classification', ...(ngDevMode ? [{ debugName: "cellDisplay" }] : []));
|
|
@@ -9553,13 +9585,21 @@ class MapaReportRankingTableWidgetComponent {
|
|
|
9553
9585
|
const views = this.visibleViews();
|
|
9554
9586
|
return views.find((item) => item.id === this.view()) ?? views[0];
|
|
9555
9587
|
}, ...(ngDevMode ? [{ debugName: "activeView" }] : []));
|
|
9588
|
+
this.activeLevel = computed(() => {
|
|
9589
|
+
const levels = this.levels();
|
|
9590
|
+
return levels.find((item) => item.id === this.level())?.id ?? levels[0]?.id;
|
|
9591
|
+
}, ...(ngDevMode ? [{ debugName: "activeLevel" }] : []));
|
|
9556
9592
|
}
|
|
9557
9593
|
selectView(id) {
|
|
9558
9594
|
this.view.set(id);
|
|
9559
9595
|
this.sort.set({ active: '', direction: '' });
|
|
9560
9596
|
}
|
|
9597
|
+
selectLevel(id) {
|
|
9598
|
+
this.level.set(id);
|
|
9599
|
+
this.sort.set({ active: '', direction: '' });
|
|
9600
|
+
}
|
|
9561
9601
|
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 }); }
|
|
9602
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.21", type: MapaReportRankingTableWidgetComponent, isStandalone: true, selector: "mapa-report-ranking-table-widget", inputs: { heading: { classPropertyName: "heading", publicName: "heading", isSignal: true, isRequired: false, transformFunction: null }, views: { classPropertyName: "views", publicName: "views", isSignal: true, isRequired: false, transformFunction: null }, view: { classPropertyName: "view", publicName: "view", isSignal: true, isRequired: false, transformFunction: null }, levels: { classPropertyName: "levels", publicName: "levels", isSignal: true, isRequired: false, transformFunction: null }, level: { classPropertyName: "level", publicName: "level", isSignal: true, isRequired: false, transformFunction: null }, levelsLabel: { classPropertyName: "levelsLabel", publicName: "levelsLabel", isSignal: true, isRequired: false, transformFunction: null }, palette: { classPropertyName: "palette", publicName: "palette", isSignal: true, isRequired: false, transformFunction: null }, showAverage: { classPropertyName: "showAverage", publicName: "showAverage", isSignal: true, isRequired: false, transformFunction: null }, cellDisplay: { classPropertyName: "cellDisplay", publicName: "cellDisplay", isSignal: true, isRequired: false, transformFunction: null }, entryColumnLabel: { classPropertyName: "entryColumnLabel", publicName: "entryColumnLabel", isSignal: true, isRequired: false, transformFunction: null }, note: { classPropertyName: "note", publicName: "note", isSignal: true, isRequired: false, transformFunction: null }, averageLabel: { classPropertyName: "averageLabel", publicName: "averageLabel", isSignal: true, isRequired: false, transformFunction: null }, exportLabel: { classPropertyName: "exportLabel", publicName: "exportLabel", isSignal: true, isRequired: false, transformFunction: null }, exporting: { classPropertyName: "exporting", publicName: "exporting", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { view: "viewChange", level: "levelChange", exportRequested: "exportRequested" }, ngImport: i0, template: "<section class=\"mapa-report-widget\" [attr.data-palette]=\"palette()\">\n @if (\n heading() || exportLabel() || visibleViews().length > 1 || levels().length > 1\n ) {\n <header class=\"mapa-report-widget__header\">\n <div class=\"mapa-report-widget__heading\">\n @if (heading(); as head) {\n <h2>{{ head.title }}</h2>\n @if (head.description) {\n <div\n class=\"mapa-report-widget__description\"\n [innerHTML]=\"head.description | safeHtml\"\n ></div>\n }\n }\n </div>\n <div class=\"mapa-report-ranking-table__actions\">\n @if (levels().length > 1) {\n <mat-button-toggle-group\n class=\"mapa-report-widget__modes mapa-report-ranking-table__modes mapa-report-ranking-table__levels\"\n hideSingleSelectionIndicator\n [attr.aria-label]=\"levelsLabel() ?? i18n.texts.report.viewModeLabel\"\n [value]=\"activeLevel()\"\n (change)=\"selectLevel($event.value)\"\n >\n @for (item of levels(); track item.id) {\n <mat-button-toggle [value]=\"item.id\">\n @if (item.icon) {\n <mat-icon aria-hidden=\"true\">{{ item.icon }}</mat-icon>\n }\n {{ item.label }}\n </mat-button-toggle>\n }\n </mat-button-toggle-group>\n }\n\n @if (visibleViews().length > 1) {\n <mat-button-toggle-group\n class=\"mapa-report-widget__modes mapa-report-ranking-table__modes\"\n hideSingleSelectionIndicator\n [attr.aria-label]=\"i18n.texts.report.viewModeLabel\"\n [value]=\"activeView()?.id\"\n (change)=\"selectView($event.value)\"\n >\n @for (item of visibleViews(); track item.id) {\n <mat-button-toggle [value]=\"item.id\">\n @if (item.icon) {\n <mat-icon aria-hidden=\"true\">{{ item.icon }}</mat-icon>\n }\n {{ item.label }}\n </mat-button-toggle>\n }\n </mat-button-toggle-group>\n }\n\n @if (exportLabel(); as label) {\n <button\n type=\"button\"\n class=\"mapa-report-ranking-table__export\"\n [disabled]=\"exporting()\"\n (click)=\"exportRequested.emit()\"\n >\n <mat-icon aria-hidden=\"true\">download</mat-icon>\n {{ label }}\n </button>\n }\n </div>\n </header>\n }\n\n <ng-content select=\"[mapaReportRankingLegend]\"></ng-content>\n\n\n <mapa-report-ranking-table-content\n [entries]=\"activeView()?.entries ?? []\"\n [palette]=\"palette()\"\n [showAverage]=\"showAverage()\"\n [cellDisplay]=\"cellDisplay()\"\n [entryColumnLabel]=\"entryColumnLabel() ?? activeView()?.label\"\n [averageLabel]=\"averageLabel()\"\n [note]=\"note()\"\n [caption]=\"heading()?.title ?? ''\"\n [(sort)]=\"sort\"\n />\n\n <ng-content select=\"[mapaReportRankingFooter]\"></ng-content>\n</section>\n", styles: [":host{color:var(--mapa-report-text, #263238);display:block;min-width:0;font-family:var(--mapa-font-body, \"Asap\", \"Roboto\", sans-serif)}.mapa-report-widget{display:grid;gap:var(--mapa-report-space)}.mapa-report-widget__header{align-items:flex-start;column-gap:16px;display:grid;grid-template-columns:minmax(0,1fr) auto}.mapa-report-widget__heading{display:contents}.mapa-report-widget__heading h2{color:var(--mapa-report-accent);font-size:20px;font-weight:650;grid-column:1;grid-row:1;line-height:1.25;margin:0}.mapa-report-widget__description{color:var(--mapa-report-muted);font-size:13px;grid-column:1/-1;grid-row:2;line-height:1.5;margin:5px 0 0}.mapa-report-widget__description ::ng-deep ol,.mapa-report-widget__description ::ng-deep p,.mapa-report-widget__description ::ng-deep ul{margin:0 0 8px}.mapa-report-widget__description ::ng-deep ol,.mapa-report-widget__description ::ng-deep ul{padding-left:20px}.mapa-report-widget__description ::ng-deep li{margin:0 0 3px}.mapa-report-widget__description ::ng-deep b,.mapa-report-widget__description ::ng-deep strong{color:var(--mapa-report-text, inherit);font-weight:600}.mapa-report-widget__description ::ng-deep :last-child{margin-bottom:0}.mapa-report-widget__modes{--mat-button-toggle-background-color: transparent;--mat-button-toggle-divider-color: transparent;--mat-button-toggle-height: 32px;--mat-button-toggle-label-text-font: var( --mapa-font-body, \"Asap\", sans-serif );--mat-button-toggle-label-text-size: 13px;--mat-button-toggle-label-text-weight: 500;--mat-button-toggle-selected-state-background-color: var( --mapa-toggle-selected-surface, #fff );--mat-button-toggle-selected-state-text-color: var( --mapa-toggle-selected-text, #162f42 );--mat-button-toggle-shape: 7px;--mat-button-toggle-text-color: var(--mapa-toggle-text, #5b6672);align-items:center;background:var(--mapa-toggle-surface, #f1f2f4);border:0;border-radius:9px;box-sizing:border-box;gap:2px;grid-column:2;grid-row:1;overflow:hidden;padding:3px}.mapa-report-widget__modes mat-button-toggle{border:0;border-radius:7px;font:500 13px/1 var(--mapa-font-body, \"Asap\", sans-serif)}.mapa-report-widget__modes mat-button-toggle.mat-button-toggle-checked{box-shadow:0 1px 2px #162f4224}.mapa-report-widget__modes ::ng-deep .mat-button-toggle-button:focus-visible{outline:2px solid #cf450c;outline-offset:-2px}.mapa-report-widget__modes mat-icon{font-size:14px;height:14px;margin-right:5px;width:14px}.mapa-report-widget__modes--standalone{grid-column:1;grid-row:auto;justify-self:end}.mapa-report-widget__empty{color:var(--mapa-report-muted);margin:0;padding:24px 0;text-align:center}@media(max-width:760px){.mapa-report-widget__header{align-items:stretch;grid-template-columns:minmax(0,1fr)}.mapa-report-widget__modes{grid-column:1;grid-row:3;justify-self:start;margin-top:12px}.mapa-report-widget__modes--standalone{grid-row:auto;margin-top:0}}.mapa-direction-indicator{background:var(--mapa-report-surface, var(--mapa-color-surface, #fafbfc));border:1px solid currentColor;border-radius:50%;box-sizing:border-box;color:var(--mapa-report-muted, var(--mapa-color-text-subtle, #68747a));display:inline-grid;flex:0 0 20px;font-size:11px;font-weight:700;height:20px;line-height:1;place-items:center;width:20px}.mapa-report-ranking-table__actions{align-items:center;display:flex;flex-wrap:wrap;gap:10px;grid-column:2;grid-row:1;justify-content:end}.mapa-report-ranking-table__group-color{background:currentColor;border-radius:3px;flex:0 0 10px;height:10px;margin-top:4px}.mapa-report-ranking-table__export{align-items:center;background:var(--mapa-report-accent, #ff560b);border:0;border-radius:var(--mapa-report-radius, 8px);color:var(--mapa-report-surface, #fff);cursor:pointer;display:inline-flex;font:600 13px/1 var(--mapa-font-body, \"Asap\", sans-serif);gap:6px;min-height:36px;padding:7px 12px}.mapa-report-ranking-table__export:disabled{cursor:default;opacity:.6}.mapa-report-ranking-table__export:focus-visible{outline:2px solid var(--mapa-report-text, #263238);outline-offset:2px}.mapa-report-ranking-table__export mat-icon{font-size:18px;height:18px;width:18px}.mapa-report-ranking-table__table{display:block;min-width:0;--mapa-classification-tag-min-width: 92px}.mapa-report-ranking-table__entry{align-items:start;display:flex;flex-wrap:wrap;gap:8px}.mapa-report-ranking-table__entry strong{color:var(--mapa-report-text, #263238);font-size:13px;font-weight:500;line-height:1.35;min-width:0;overflow-wrap:anywhere;white-space:normal;flex:1}.mapa-report-ranking-table__entry small{color:var(--mapa-report-muted, #68747a);font-size:11px;line-height:1.35;flex-basis:100%;overflow-wrap:anywhere;white-space:normal}.mapa-report-ranking-table__average{font-size:13px;font-weight:500}.mapa-report-ranking-table__cell{display:grid;justify-items:center;place-items:center}.mapa-report-ranking-table__score{align-items:center;color:var(--mapa-report-text, #263238);display:none;font-size:13px;font-weight:500;gap:6px;white-space:nowrap}.mapa-report-ranking-table__score .mapa-direction-indicator{flex:0 0 18px;font-size:10px;height:18px;width:18px}.mapa-report-ranking-table__score--visible{display:inline-flex}.mapa-report-ranking-table__note{color:var(--mapa-report-muted, #68747a);font-size:11px;margin:0}@media(max-width:760px){:host{--mapa-report-ranking-entry-width: 144px}.mapa-report-ranking-table__actions{grid-column:1/-1;grid-row:auto;justify-content:start}}:host{--mapa-report-accent: #ff560b;--mapa-report-accent-soft: #fff0e9;--mapa-report-surface: #fff;--mapa-report-surface-muted: #eef2f3;--mapa-report-border: #e1e5e7;--mapa-report-text: #263238;--mapa-report-muted: #68747a;--mapa-report-pill-width: 104px;--mapa-report-radius: 8px;--mapa-report-space: 20px;color:var(--mapa-report-text);display:block;font-family:var(--mapa-font-body, \"Asap\", \"Roboto\", sans-serif)}\n"], dependencies: [{ kind: "ngmodule", type: MatButtonToggleModule }, { kind: "directive", type: i1$7.MatButtonToggleGroup, selector: "mat-button-toggle-group", inputs: ["appearance", "name", "vertical", "value", "multiple", "disabled", "disabledInteractive", "hideSingleSelectionIndicator", "hideMultipleSelectionIndicator"], outputs: ["valueChange", "change"], exportAs: ["matButtonToggleGroup"] }, { kind: "component", type: i1$7.MatButtonToggle, selector: "mat-button-toggle", inputs: ["aria-label", "aria-labelledby", "id", "name", "value", "tabIndex", "disableRipple", "appearance", "checked", "disabled", "disabledInteractive"], outputs: ["change"], exportAs: ["matButtonToggle"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i1$4.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: MapaReportRankingTableContentComponent, selector: "mapa-report-ranking-table-content", inputs: ["palette", "showAverage", "cellDisplay", "entryColumnLabel", "note", "averageLabel", "sort", "entries", "caption"], outputs: ["sortChange"] }, { kind: "pipe", type: SafeHtmlPipe, name: "safeHtml" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
9563
9603
|
}
|
|
9564
9604
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.21", ngImport: i0, type: MapaReportRankingTableWidgetComponent, decorators: [{
|
|
9565
9605
|
type: Component,
|
|
@@ -9568,17 +9608,17 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.21", ngImpo
|
|
|
9568
9608
|
MatIconModule,
|
|
9569
9609
|
SafeHtmlPipe,
|
|
9570
9610
|
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: 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"] }]
|
|
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"] }] } });
|
|
9611
|
+
], changeDetection: ChangeDetectionStrategy.OnPush, template: "<section class=\"mapa-report-widget\" [attr.data-palette]=\"palette()\">\n @if (\n heading() || exportLabel() || visibleViews().length > 1 || levels().length > 1\n ) {\n <header class=\"mapa-report-widget__header\">\n <div class=\"mapa-report-widget__heading\">\n @if (heading(); as head) {\n <h2>{{ head.title }}</h2>\n @if (head.description) {\n <div\n class=\"mapa-report-widget__description\"\n [innerHTML]=\"head.description | safeHtml\"\n ></div>\n }\n }\n </div>\n <div class=\"mapa-report-ranking-table__actions\">\n @if (levels().length > 1) {\n <mat-button-toggle-group\n class=\"mapa-report-widget__modes mapa-report-ranking-table__modes mapa-report-ranking-table__levels\"\n hideSingleSelectionIndicator\n [attr.aria-label]=\"levelsLabel() ?? i18n.texts.report.viewModeLabel\"\n [value]=\"activeLevel()\"\n (change)=\"selectLevel($event.value)\"\n >\n @for (item of levels(); track item.id) {\n <mat-button-toggle [value]=\"item.id\">\n @if (item.icon) {\n <mat-icon aria-hidden=\"true\">{{ item.icon }}</mat-icon>\n }\n {{ item.label }}\n </mat-button-toggle>\n }\n </mat-button-toggle-group>\n }\n\n @if (visibleViews().length > 1) {\n <mat-button-toggle-group\n class=\"mapa-report-widget__modes mapa-report-ranking-table__modes\"\n hideSingleSelectionIndicator\n [attr.aria-label]=\"i18n.texts.report.viewModeLabel\"\n [value]=\"activeView()?.id\"\n (change)=\"selectView($event.value)\"\n >\n @for (item of visibleViews(); track item.id) {\n <mat-button-toggle [value]=\"item.id\">\n @if (item.icon) {\n <mat-icon aria-hidden=\"true\">{{ item.icon }}</mat-icon>\n }\n {{ item.label }}\n </mat-button-toggle>\n }\n </mat-button-toggle-group>\n }\n\n @if (exportLabel(); as label) {\n <button\n type=\"button\"\n class=\"mapa-report-ranking-table__export\"\n [disabled]=\"exporting()\"\n (click)=\"exportRequested.emit()\"\n >\n <mat-icon aria-hidden=\"true\">download</mat-icon>\n {{ label }}\n </button>\n }\n </div>\n </header>\n }\n\n <ng-content select=\"[mapaReportRankingLegend]\"></ng-content>\n\n\n <mapa-report-ranking-table-content\n [entries]=\"activeView()?.entries ?? []\"\n [palette]=\"palette()\"\n [showAverage]=\"showAverage()\"\n [cellDisplay]=\"cellDisplay()\"\n [entryColumnLabel]=\"entryColumnLabel() ?? activeView()?.label\"\n [averageLabel]=\"averageLabel()\"\n [note]=\"note()\"\n [caption]=\"heading()?.title ?? ''\"\n [(sort)]=\"sort\"\n />\n\n <ng-content select=\"[mapaReportRankingFooter]\"></ng-content>\n</section>\n", styles: [":host{color:var(--mapa-report-text, #263238);display:block;min-width:0;font-family:var(--mapa-font-body, \"Asap\", \"Roboto\", sans-serif)}.mapa-report-widget{display:grid;gap:var(--mapa-report-space)}.mapa-report-widget__header{align-items:flex-start;column-gap:16px;display:grid;grid-template-columns:minmax(0,1fr) auto}.mapa-report-widget__heading{display:contents}.mapa-report-widget__heading h2{color:var(--mapa-report-accent);font-size:20px;font-weight:650;grid-column:1;grid-row:1;line-height:1.25;margin:0}.mapa-report-widget__description{color:var(--mapa-report-muted);font-size:13px;grid-column:1/-1;grid-row:2;line-height:1.5;margin:5px 0 0}.mapa-report-widget__description ::ng-deep ol,.mapa-report-widget__description ::ng-deep p,.mapa-report-widget__description ::ng-deep ul{margin:0 0 8px}.mapa-report-widget__description ::ng-deep ol,.mapa-report-widget__description ::ng-deep ul{padding-left:20px}.mapa-report-widget__description ::ng-deep li{margin:0 0 3px}.mapa-report-widget__description ::ng-deep b,.mapa-report-widget__description ::ng-deep strong{color:var(--mapa-report-text, inherit);font-weight:600}.mapa-report-widget__description ::ng-deep :last-child{margin-bottom:0}.mapa-report-widget__modes{--mat-button-toggle-background-color: transparent;--mat-button-toggle-divider-color: transparent;--mat-button-toggle-height: 32px;--mat-button-toggle-label-text-font: var( --mapa-font-body, \"Asap\", sans-serif );--mat-button-toggle-label-text-size: 13px;--mat-button-toggle-label-text-weight: 500;--mat-button-toggle-selected-state-background-color: var( --mapa-toggle-selected-surface, #fff );--mat-button-toggle-selected-state-text-color: var( --mapa-toggle-selected-text, #162f42 );--mat-button-toggle-shape: 7px;--mat-button-toggle-text-color: var(--mapa-toggle-text, #5b6672);align-items:center;background:var(--mapa-toggle-surface, #f1f2f4);border:0;border-radius:9px;box-sizing:border-box;gap:2px;grid-column:2;grid-row:1;overflow:hidden;padding:3px}.mapa-report-widget__modes mat-button-toggle{border:0;border-radius:7px;font:500 13px/1 var(--mapa-font-body, \"Asap\", sans-serif)}.mapa-report-widget__modes mat-button-toggle.mat-button-toggle-checked{box-shadow:0 1px 2px #162f4224}.mapa-report-widget__modes ::ng-deep .mat-button-toggle-button:focus-visible{outline:2px solid #cf450c;outline-offset:-2px}.mapa-report-widget__modes mat-icon{font-size:14px;height:14px;margin-right:5px;width:14px}.mapa-report-widget__modes--standalone{grid-column:1;grid-row:auto;justify-self:end}.mapa-report-widget__empty{color:var(--mapa-report-muted);margin:0;padding:24px 0;text-align:center}@media(max-width:760px){.mapa-report-widget__header{align-items:stretch;grid-template-columns:minmax(0,1fr)}.mapa-report-widget__modes{grid-column:1;grid-row:3;justify-self:start;margin-top:12px}.mapa-report-widget__modes--standalone{grid-row:auto;margin-top:0}}.mapa-direction-indicator{background:var(--mapa-report-surface, var(--mapa-color-surface, #fafbfc));border:1px solid currentColor;border-radius:50%;box-sizing:border-box;color:var(--mapa-report-muted, var(--mapa-color-text-subtle, #68747a));display:inline-grid;flex:0 0 20px;font-size:11px;font-weight:700;height:20px;line-height:1;place-items:center;width:20px}.mapa-report-ranking-table__actions{align-items:center;display:flex;flex-wrap:wrap;gap:10px;grid-column:2;grid-row:1;justify-content:end}.mapa-report-ranking-table__group-color{background:currentColor;border-radius:3px;flex:0 0 10px;height:10px;margin-top:4px}.mapa-report-ranking-table__export{align-items:center;background:var(--mapa-report-accent, #ff560b);border:0;border-radius:var(--mapa-report-radius, 8px);color:var(--mapa-report-surface, #fff);cursor:pointer;display:inline-flex;font:600 13px/1 var(--mapa-font-body, \"Asap\", sans-serif);gap:6px;min-height:36px;padding:7px 12px}.mapa-report-ranking-table__export:disabled{cursor:default;opacity:.6}.mapa-report-ranking-table__export:focus-visible{outline:2px solid var(--mapa-report-text, #263238);outline-offset:2px}.mapa-report-ranking-table__export mat-icon{font-size:18px;height:18px;width:18px}.mapa-report-ranking-table__table{display:block;min-width:0;--mapa-classification-tag-min-width: 92px}.mapa-report-ranking-table__entry{align-items:start;display:flex;flex-wrap:wrap;gap:8px}.mapa-report-ranking-table__entry strong{color:var(--mapa-report-text, #263238);font-size:13px;font-weight:500;line-height:1.35;min-width:0;overflow-wrap:anywhere;white-space:normal;flex:1}.mapa-report-ranking-table__entry small{color:var(--mapa-report-muted, #68747a);font-size:11px;line-height:1.35;flex-basis:100%;overflow-wrap:anywhere;white-space:normal}.mapa-report-ranking-table__average{font-size:13px;font-weight:500}.mapa-report-ranking-table__cell{display:grid;justify-items:center;place-items:center}.mapa-report-ranking-table__score{align-items:center;color:var(--mapa-report-text, #263238);display:none;font-size:13px;font-weight:500;gap:6px;white-space:nowrap}.mapa-report-ranking-table__score .mapa-direction-indicator{flex:0 0 18px;font-size:10px;height:18px;width:18px}.mapa-report-ranking-table__score--visible{display:inline-flex}.mapa-report-ranking-table__note{color:var(--mapa-report-muted, #68747a);font-size:11px;margin:0}@media(max-width:760px){:host{--mapa-report-ranking-entry-width: 144px}.mapa-report-ranking-table__actions{grid-column:1/-1;grid-row:auto;justify-content:start}}:host{--mapa-report-accent: #ff560b;--mapa-report-accent-soft: #fff0e9;--mapa-report-surface: #fff;--mapa-report-surface-muted: #eef2f3;--mapa-report-border: #e1e5e7;--mapa-report-text: #263238;--mapa-report-muted: #68747a;--mapa-report-pill-width: 104px;--mapa-report-radius: 8px;--mapa-report-space: 20px;color:var(--mapa-report-text);display:block;font-family:var(--mapa-font-body, \"Asap\", \"Roboto\", sans-serif)}\n"] }]
|
|
9612
|
+
}], propDecorators: { heading: [{ type: i0.Input, args: [{ isSignal: true, alias: "heading", required: false }] }], views: [{ type: i0.Input, args: [{ isSignal: true, alias: "views", required: false }] }], view: [{ type: i0.Input, args: [{ isSignal: true, alias: "view", required: false }] }, { type: i0.Output, args: ["viewChange"] }], levels: [{ type: i0.Input, args: [{ isSignal: true, alias: "levels", required: false }] }], level: [{ type: i0.Input, args: [{ isSignal: true, alias: "level", required: false }] }, { type: i0.Output, args: ["levelChange"] }], levelsLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "levelsLabel", required: false }] }], palette: [{ type: i0.Input, args: [{ isSignal: true, alias: "palette", required: false }] }], showAverage: [{ type: i0.Input, args: [{ isSignal: true, alias: "showAverage", required: false }] }], cellDisplay: [{ type: i0.Input, args: [{ isSignal: true, alias: "cellDisplay", required: false }] }], entryColumnLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "entryColumnLabel", required: false }] }], note: [{ type: i0.Input, args: [{ isSignal: true, alias: "note", required: false }] }], averageLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "averageLabel", required: false }] }], exportLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "exportLabel", required: false }] }], exporting: [{ type: i0.Input, args: [{ isSignal: true, alias: "exporting", required: false }] }], exportRequested: [{ type: i0.Output, args: ["exportRequested"] }] } });
|
|
9573
9613
|
|
|
9574
9614
|
/** Reusable ranking content, without the widget heading or mode selector. */
|
|
9575
9615
|
class MapaReportParameterizationWidgetRankingComponent extends ReportParameterizationContent {
|
|
9576
9616
|
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 }); }
|
|
9617
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.21", type: MapaReportParameterizationWidgetRankingComponent, isStandalone: true, selector: "mapa-report-parameterization-widget-ranking", usesInheritance: true, ngImport: i0, template: "<div class=\"mapa-report-widget\" [attr.data-palette]=\"palette()\">\n <mapa-report-ranking-table-widget\n [palette]=\"palette()\"\n [showAverage]=\"false\"\n [views]=\"rankingViews()\"\n />\n</div>\n", styles: [":host{color:var(--mapa-report-text, #263238);display:block;min-width:0;font-family:var(--mapa-font-body, \"Asap\", \"Roboto\", sans-serif)}.mapa-report-widget{display:grid;gap:var(--mapa-report-space)}.mapa-report-widget__header{align-items:flex-start;column-gap:16px;display:grid;grid-template-columns:minmax(0,1fr) auto}.mapa-report-widget__heading{display:contents}.mapa-report-widget__heading h2{color:var(--mapa-report-accent);font-size:20px;font-weight:650;grid-column:1;grid-row:1;line-height:1.25;margin:0}.mapa-report-widget__description{color:var(--mapa-report-muted);font-size:13px;grid-column:1/-1;grid-row:2;line-height:1.5;margin:5px 0 0}.mapa-report-widget__description ::ng-deep ol,.mapa-report-widget__description ::ng-deep p,.mapa-report-widget__description ::ng-deep ul{margin:0 0 8px}.mapa-report-widget__description ::ng-deep ol,.mapa-report-widget__description ::ng-deep ul{padding-left:20px}.mapa-report-widget__description ::ng-deep li{margin:0 0 3px}.mapa-report-widget__description ::ng-deep b,.mapa-report-widget__description ::ng-deep strong{color:var(--mapa-report-text, inherit);font-weight:600}.mapa-report-widget__description ::ng-deep :last-child{margin-bottom:0}.mapa-report-widget__modes{--mat-button-toggle-background-color: transparent;--mat-button-toggle-divider-color: transparent;--mat-button-toggle-height: 32px;--mat-button-toggle-label-text-font: var( --mapa-font-body, \"Asap\", sans-serif );--mat-button-toggle-label-text-size: 13px;--mat-button-toggle-label-text-weight: 500;--mat-button-toggle-selected-state-background-color: var( --mapa-toggle-selected-surface, #fff );--mat-button-toggle-selected-state-text-color: var( --mapa-toggle-selected-text, #162f42 );--mat-button-toggle-shape: 7px;--mat-button-toggle-text-color: var(--mapa-toggle-text, #5b6672);align-items:center;background:var(--mapa-toggle-surface, #f1f2f4);border:0;border-radius:9px;box-sizing:border-box;gap:2px;grid-column:2;grid-row:1;overflow:hidden;padding:3px}.mapa-report-widget__modes mat-button-toggle{border:0;border-radius:7px;font:500 13px/1 var(--mapa-font-body, \"Asap\", sans-serif)}.mapa-report-widget__modes mat-button-toggle.mat-button-toggle-checked{box-shadow:0 1px 2px #162f4224}.mapa-report-widget__modes ::ng-deep .mat-button-toggle-button:focus-visible{outline:2px solid #cf450c;outline-offset:-2px}.mapa-report-widget__modes mat-icon{font-size:14px;height:14px;margin-right:5px;width:14px}.mapa-report-widget__modes--standalone{grid-column:1;grid-row:auto;justify-self:end}.mapa-report-widget__empty{color:var(--mapa-report-muted);margin:0;padding:24px 0;text-align:center}@media(max-width:760px){.mapa-report-widget__header{align-items:stretch;grid-template-columns:minmax(0,1fr)}.mapa-report-widget__modes{grid-column:1;grid-row:3;justify-self:start;margin-top:12px}.mapa-report-widget__modes--standalone{grid-row:auto;margin-top:0}}.mapa-direction-indicator{background:var(--mapa-report-surface, var(--mapa-color-surface, #fafbfc));border:1px solid currentColor;border-radius:50%;box-sizing:border-box;color:var(--mapa-report-muted, var(--mapa-color-text-subtle, #68747a));display:inline-grid;flex:0 0 20px;font-size:11px;font-weight:700;height:20px;line-height:1;place-items:center;width:20px}.mapa-parameterization-overview{border:1px solid var(--mapa-report-border, #e1e5e7);border-radius:16px;display:grid;gap:22px;padding:24px}.mapa-parameterization-overview__headline{align-items:start;display:grid;gap:24px;grid-template-columns:minmax(0,1fr) auto}.mapa-parameterization-overview__eyebrow{color:#8a95a5;display:block;font-size:12px;line-height:1.3;margin-bottom:6px;text-transform:uppercase}.mapa-parameterization-overview h3{color:#2c2e3a;font-size:24px;font-weight:650;line-height:1.25;margin:0;overflow-wrap:anywhere}.mapa-parameterization-overview__score{display:grid;gap:7px;min-width:290px}.mapa-parameterization-overview__score mapa-result-track{display:block;min-width:0;width:100%}.mapa-parameterization-overview__score>span{color:#8a95a5;font-size:12px;text-transform:uppercase}.mapa-parameterization-overview__classification{display:grid;gap:8px;justify-items:start}.mapa-parameterization-overview__classification p{color:#59636a;font-size:14px;line-height:1.5;margin:0;overflow-wrap:anywhere}.mapa-parameterization-overview__metadata{display:grid;gap:14px;grid-template-columns:repeat(auto-fit,minmax(min(210px,100%),1fr));margin:0}.mapa-parameterization-overview__metadata div{border:1px solid var(--mapa-report-border, #e1e5e7);border-radius:12px;min-width:0;padding:13px 15px}.mapa-parameterization-overview__metadata dt{color:#8a95a5;font-size:11px;line-height:1.3;margin-bottom:8px;text-transform:uppercase}.mapa-parameterization-overview__metadata dd{color:#2c2e3a;font-size:15px;font-weight:650;line-height:1.35;margin:0;overflow-wrap:anywhere}.mapa-parameterization-legend{--mapa-classification-tag-min-width: var(--mapa-report-pill-width, 104px)}.mapa-parameterization-summary,.mapa-parameterization-detail,.mapa-parameterization-ranking{display:grid;gap:16px;min-width:0}.mapa-parameterization-summary>h3,.mapa-parameterization-detail>h3,.mapa-parameterization-ranking>h3{color:#596575;font-size:18px;font-weight:650;line-height:1.3;margin:0}.mapa-parameterization-summary__rows{border:1px solid var(--mapa-report-border, #e1e5e7);border-radius:14px;padding:16px 20px}.mapa-parameterization-summary__row{align-items:center;display:grid;gap:20px;grid-template-columns:minmax(200px,36%) minmax(140px,1fr) 48px;min-height:48px}.mapa-parameterization-summary__row+.mapa-parameterization-summary__row{border-top:1px solid var(--mapa-parameterization-line, #e7ebee)}.mapa-parameterization-summary__row>span:first-child{color:#4f5d70;font-size:14px;line-height:1.35;overflow-wrap:anywhere}.mapa-parameterization-summary__row>strong{color:#596575;font-size:14px;text-align:right}.mapa-parameterization-summary__track{background:var(--mapa-parameterization-rail, #dfe4ea);border-radius:999px;display:block;height:14px;overflow:hidden}.mapa-parameterization-summary__track i{background:var(--mapa-parameterization-accent, #3f5870);border-radius:inherit;display:block;height:100%}@media(max-width:900px){.mapa-parameterization-overview__headline,.mapa-parameterization-group__header{grid-template-columns:minmax(0,1fr)}.mapa-parameterization-overview__score,mapa-result-track{min-width:0}.mapa-parameterization-group__header>mapa-result-track{justify-self:start}.mapa-parameterization-dimensions li{grid-template-columns:minmax(150px,1fr) auto}.mapa-parameterization-dimensions__description{grid-column:1/-1;padding-left:28px}}@media(max-width:600px){.mapa-parameterization-overview,.mapa-parameterization-group{padding:16px}.mapa-parameterization-overview h3{font-size:20px}.mapa-parameterization-summary__rows{padding:8px 14px}.mapa-parameterization-summary__row{gap:9px;grid-template-columns:minmax(0,1fr) 44px;padding:10px 0}.mapa-parameterization-summary__row .mapa-parameterization-summary__track{grid-column:1/-1;grid-row:2}.mapa-parameterization-summary__row>strong{grid-column:2;grid-row:1}.mapa-parameterization-dimensions li{grid-template-columns:minmax(0,1fr)}.mapa-parameterization-dimensions__description{grid-column:auto;padding-left:28px}}@media print{.mapa-parameterization-overview,.mapa-parameterization-group,.mapa-parameterization-competence{break-inside:avoid}}\n", ".mapa-parameterization-detail__sections{display:grid;gap:22px}.mapa-parameterization-group{--mapa-classification-tag-min-width: var(--mapa-report-pill-width, 104px);border:1px solid var(--mapa-report-border, #e1e5e7);border-radius:14px;min-width:0;padding:18px}.mapa-parameterization-group__header{align-items:start;display:grid;gap:20px;grid-template-columns:minmax(0,1fr) auto}.mapa-parameterization-group__header>mapa-result-track{display:block;justify-self:end;max-width:100%;width:max-content}.mapa-parameterization-group__header h4{color:#2c2e3a;font-size:20px;font-weight:650;line-height:1.25;margin:0;overflow-wrap:anywhere}.mapa-parameterization-group__header>div:first-child>div{color:var(--mapa-report-muted, #68747a);font-size:12px;line-height:1.5;margin-top:5px}.mapa-parameterization-group__header>div:first-child>div ::ng-deep ol,.mapa-parameterization-group__header>div:first-child>div ::ng-deep p,.mapa-parameterization-group__header>div:first-child>div ::ng-deep ul{margin:0 0 8px}.mapa-parameterization-group__header>div:first-child>div ::ng-deep ol,.mapa-parameterization-group__header>div:first-child>div ::ng-deep ul{padding-left:20px}.mapa-parameterization-group__header>div:first-child>div ::ng-deep li{margin:0 0 3px}.mapa-parameterization-group__header>div:first-child>div ::ng-deep b,.mapa-parameterization-group__header>div:first-child>div ::ng-deep strong{color:var(--mapa-report-text, inherit);font-weight:600}.mapa-parameterization-group__header>div:first-child>div ::ng-deep :last-child{margin-bottom:0}.mapa-parameterization-group__label{background:#f1f4f8;border:1px solid var(--mapa-report-border, #e1e5e7);border-radius:7px;color:#405064;font-size:13px;font-weight:650;margin-top:16px;padding:7px 10px}.mapa-parameterization-group__grid{display:grid;column-gap:14px;grid-template-columns:repeat(2,minmax(0,1fr));margin-top:14px;row-gap:14px}.mapa-parameterization-dimensions mapa-classification-tag{flex:0 0 auto;max-width:var(--mapa-report-pill-width, 104px)}.mapa-parameterization-competence{background:var(--mapa-report-surface, #fff);border:1px solid var(--mapa-report-border, #e1e5e7);border-radius:var(--mapa-report-card-radius, 10px);min-width:0;padding:16px 14px 13px}.mapa-parameterization-competence__header{align-items:center;display:grid;gap:14px;grid-template-columns:minmax(0,1fr) auto}.mapa-parameterization-competence__header mapa-result-track{display:block;justify-self:end;max-width:100%;width:max-content}.mapa-parameterization-competence__header h5{color:#2c2e3a;font-size:16px;font-weight:650;line-height:1.3;margin:0;overflow-wrap:anywhere}.mapa-parameterization-competence__description{color:var(--mapa-report-muted, #68747a);font-size:12px;line-height:1.5;margin-top:12px}.mapa-parameterization-competence__description ::ng-deep ol,.mapa-parameterization-competence__description ::ng-deep p,.mapa-parameterization-competence__description ::ng-deep ul{margin:0 0 8px}.mapa-parameterization-competence__description ::ng-deep ol,.mapa-parameterization-competence__description ::ng-deep ul{padding-left:20px}.mapa-parameterization-competence__description ::ng-deep li{margin:0 0 3px}.mapa-parameterization-competence__description ::ng-deep b,.mapa-parameterization-competence__description ::ng-deep strong{color:var(--mapa-report-text, inherit);font-weight:600}.mapa-parameterization-competence__description ::ng-deep :last-child{margin-bottom:0}.mapa-parameterization-dimensions{border-top:1px solid var(--mapa-report-line-soft, #edf1f3);display:grid;gap:7px;list-style:none;margin:14px 0 0;padding:12px 0 0}.mapa-parameterization-dimensions li{align-items:center;background:var(--mapa-report-surface-soft, #fafbfc);border:1px solid var(--mapa-report-line-soft, #edf1f3);border-radius:9px;display:grid;gap:10px;grid-template-columns:minmax(0,1fr) auto;padding:9px 10px}.mapa-parameterization-dimensions__name{align-items:center;color:#4f5d70;display:flex;font-size:12px;gap:8px;line-height:1.4;min-width:0}.mapa-parameterization-dimensions__name span:last-child{overflow-wrap:anywhere}.mapa-parameterization-dimensions__description{color:var(--mapa-report-muted, #68747a);font-size:11px;grid-column:1/-1;line-height:1.45;padding-left:28px}.mapa-parameterization-dimensions__description ::ng-deep ol,.mapa-parameterization-dimensions__description ::ng-deep p,.mapa-parameterization-dimensions__description ::ng-deep ul{margin:0 0 8px}.mapa-parameterization-dimensions__description ::ng-deep ol,.mapa-parameterization-dimensions__description ::ng-deep ul{padding-left:20px}.mapa-parameterization-dimensions__description ::ng-deep li{margin:0 0 3px}.mapa-parameterization-dimensions__description ::ng-deep b,.mapa-parameterization-dimensions__description ::ng-deep strong{color:var(--mapa-report-text, inherit);font-weight:600}.mapa-parameterization-dimensions__description ::ng-deep :last-child{margin-bottom:0}.mapa-parameterization-ranking mapa-report-ranking-table-widget{display:block;min-width:0}@media(max-width:1100px){.mapa-parameterization-group__grid{grid-template-columns:minmax(0,1fr)}}@media(max-width:600px){.mapa-parameterization-competence__header{grid-template-columns:minmax(0,1fr)}.mapa-parameterization-competence__header mapa-result-track{justify-self:start}}\n"], dependencies: [{ kind: "component", type: MapaReportRankingTableWidgetComponent, selector: "mapa-report-ranking-table-widget", inputs: ["heading", "views", "view", "levels", "level", "levelsLabel", "palette", "showAverage", "cellDisplay", "entryColumnLabel", "note", "averageLabel", "exportLabel", "exporting"], outputs: ["viewChange", "levelChange", "exportRequested"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
9578
9618
|
}
|
|
9579
9619
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.21", ngImport: i0, type: MapaReportParameterizationWidgetRankingComponent, decorators: [{
|
|
9580
9620
|
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"] }]
|
|
9621
|
+
args: [{ selector: 'mapa-report-parameterization-widget-ranking', standalone: true, imports: [MapaReportRankingTableWidgetComponent], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"mapa-report-widget\" [attr.data-palette]=\"palette()\">\n <mapa-report-ranking-table-widget\n [palette]=\"palette()\"\n [showAverage]=\"false\"\n [views]=\"rankingViews()\"\n />\n</div>\n", styles: [":host{color:var(--mapa-report-text, #263238);display:block;min-width:0;font-family:var(--mapa-font-body, \"Asap\", \"Roboto\", sans-serif)}.mapa-report-widget{display:grid;gap:var(--mapa-report-space)}.mapa-report-widget__header{align-items:flex-start;column-gap:16px;display:grid;grid-template-columns:minmax(0,1fr) auto}.mapa-report-widget__heading{display:contents}.mapa-report-widget__heading h2{color:var(--mapa-report-accent);font-size:20px;font-weight:650;grid-column:1;grid-row:1;line-height:1.25;margin:0}.mapa-report-widget__description{color:var(--mapa-report-muted);font-size:13px;grid-column:1/-1;grid-row:2;line-height:1.5;margin:5px 0 0}.mapa-report-widget__description ::ng-deep ol,.mapa-report-widget__description ::ng-deep p,.mapa-report-widget__description ::ng-deep ul{margin:0 0 8px}.mapa-report-widget__description ::ng-deep ol,.mapa-report-widget__description ::ng-deep ul{padding-left:20px}.mapa-report-widget__description ::ng-deep li{margin:0 0 3px}.mapa-report-widget__description ::ng-deep b,.mapa-report-widget__description ::ng-deep strong{color:var(--mapa-report-text, inherit);font-weight:600}.mapa-report-widget__description ::ng-deep :last-child{margin-bottom:0}.mapa-report-widget__modes{--mat-button-toggle-background-color: transparent;--mat-button-toggle-divider-color: transparent;--mat-button-toggle-height: 32px;--mat-button-toggle-label-text-font: var( --mapa-font-body, \"Asap\", sans-serif );--mat-button-toggle-label-text-size: 13px;--mat-button-toggle-label-text-weight: 500;--mat-button-toggle-selected-state-background-color: var( --mapa-toggle-selected-surface, #fff );--mat-button-toggle-selected-state-text-color: var( --mapa-toggle-selected-text, #162f42 );--mat-button-toggle-shape: 7px;--mat-button-toggle-text-color: var(--mapa-toggle-text, #5b6672);align-items:center;background:var(--mapa-toggle-surface, #f1f2f4);border:0;border-radius:9px;box-sizing:border-box;gap:2px;grid-column:2;grid-row:1;overflow:hidden;padding:3px}.mapa-report-widget__modes mat-button-toggle{border:0;border-radius:7px;font:500 13px/1 var(--mapa-font-body, \"Asap\", sans-serif)}.mapa-report-widget__modes mat-button-toggle.mat-button-toggle-checked{box-shadow:0 1px 2px #162f4224}.mapa-report-widget__modes ::ng-deep .mat-button-toggle-button:focus-visible{outline:2px solid #cf450c;outline-offset:-2px}.mapa-report-widget__modes mat-icon{font-size:14px;height:14px;margin-right:5px;width:14px}.mapa-report-widget__modes--standalone{grid-column:1;grid-row:auto;justify-self:end}.mapa-report-widget__empty{color:var(--mapa-report-muted);margin:0;padding:24px 0;text-align:center}@media(max-width:760px){.mapa-report-widget__header{align-items:stretch;grid-template-columns:minmax(0,1fr)}.mapa-report-widget__modes{grid-column:1;grid-row:3;justify-self:start;margin-top:12px}.mapa-report-widget__modes--standalone{grid-row:auto;margin-top:0}}.mapa-direction-indicator{background:var(--mapa-report-surface, var(--mapa-color-surface, #fafbfc));border:1px solid currentColor;border-radius:50%;box-sizing:border-box;color:var(--mapa-report-muted, var(--mapa-color-text-subtle, #68747a));display:inline-grid;flex:0 0 20px;font-size:11px;font-weight:700;height:20px;line-height:1;place-items:center;width:20px}.mapa-parameterization-overview{border:1px solid var(--mapa-report-border, #e1e5e7);border-radius:16px;display:grid;gap:22px;padding:24px}.mapa-parameterization-overview__headline{align-items:start;display:grid;gap:24px;grid-template-columns:minmax(0,1fr) auto}.mapa-parameterization-overview__eyebrow{color:#8a95a5;display:block;font-size:12px;line-height:1.3;margin-bottom:6px;text-transform:uppercase}.mapa-parameterization-overview h3{color:#2c2e3a;font-size:24px;font-weight:650;line-height:1.25;margin:0;overflow-wrap:anywhere}.mapa-parameterization-overview__score{display:grid;gap:7px;min-width:290px}.mapa-parameterization-overview__score mapa-result-track{display:block;min-width:0;width:100%}.mapa-parameterization-overview__score>span{color:#8a95a5;font-size:12px;text-transform:uppercase}.mapa-parameterization-overview__classification{display:grid;gap:8px;justify-items:start}.mapa-parameterization-overview__classification p{color:#59636a;font-size:14px;line-height:1.5;margin:0;overflow-wrap:anywhere}.mapa-parameterization-overview__metadata{display:grid;gap:14px;grid-template-columns:repeat(auto-fit,minmax(min(210px,100%),1fr));margin:0}.mapa-parameterization-overview__metadata div{border:1px solid var(--mapa-report-border, #e1e5e7);border-radius:12px;min-width:0;padding:13px 15px}.mapa-parameterization-overview__metadata dt{color:#8a95a5;font-size:11px;line-height:1.3;margin-bottom:8px;text-transform:uppercase}.mapa-parameterization-overview__metadata dd{color:#2c2e3a;font-size:15px;font-weight:650;line-height:1.35;margin:0;overflow-wrap:anywhere}.mapa-parameterization-legend{--mapa-classification-tag-min-width: var(--mapa-report-pill-width, 104px)}.mapa-parameterization-summary,.mapa-parameterization-detail,.mapa-parameterization-ranking{display:grid;gap:16px;min-width:0}.mapa-parameterization-summary>h3,.mapa-parameterization-detail>h3,.mapa-parameterization-ranking>h3{color:#596575;font-size:18px;font-weight:650;line-height:1.3;margin:0}.mapa-parameterization-summary__rows{border:1px solid var(--mapa-report-border, #e1e5e7);border-radius:14px;padding:16px 20px}.mapa-parameterization-summary__row{align-items:center;display:grid;gap:20px;grid-template-columns:minmax(200px,36%) minmax(140px,1fr) 48px;min-height:48px}.mapa-parameterization-summary__row+.mapa-parameterization-summary__row{border-top:1px solid var(--mapa-parameterization-line, #e7ebee)}.mapa-parameterization-summary__row>span:first-child{color:#4f5d70;font-size:14px;line-height:1.35;overflow-wrap:anywhere}.mapa-parameterization-summary__row>strong{color:#596575;font-size:14px;text-align:right}.mapa-parameterization-summary__track{background:var(--mapa-parameterization-rail, #dfe4ea);border-radius:999px;display:block;height:14px;overflow:hidden}.mapa-parameterization-summary__track i{background:var(--mapa-parameterization-accent, #3f5870);border-radius:inherit;display:block;height:100%}@media(max-width:900px){.mapa-parameterization-overview__headline,.mapa-parameterization-group__header{grid-template-columns:minmax(0,1fr)}.mapa-parameterization-overview__score,mapa-result-track{min-width:0}.mapa-parameterization-group__header>mapa-result-track{justify-self:start}.mapa-parameterization-dimensions li{grid-template-columns:minmax(150px,1fr) auto}.mapa-parameterization-dimensions__description{grid-column:1/-1;padding-left:28px}}@media(max-width:600px){.mapa-parameterization-overview,.mapa-parameterization-group{padding:16px}.mapa-parameterization-overview h3{font-size:20px}.mapa-parameterization-summary__rows{padding:8px 14px}.mapa-parameterization-summary__row{gap:9px;grid-template-columns:minmax(0,1fr) 44px;padding:10px 0}.mapa-parameterization-summary__row .mapa-parameterization-summary__track{grid-column:1/-1;grid-row:2}.mapa-parameterization-summary__row>strong{grid-column:2;grid-row:1}.mapa-parameterization-dimensions li{grid-template-columns:minmax(0,1fr)}.mapa-parameterization-dimensions__description{grid-column:auto;padding-left:28px}}@media print{.mapa-parameterization-overview,.mapa-parameterization-group,.mapa-parameterization-competence{break-inside:avoid}}\n", ".mapa-parameterization-detail__sections{display:grid;gap:22px}.mapa-parameterization-group{--mapa-classification-tag-min-width: var(--mapa-report-pill-width, 104px);border:1px solid var(--mapa-report-border, #e1e5e7);border-radius:14px;min-width:0;padding:18px}.mapa-parameterization-group__header{align-items:start;display:grid;gap:20px;grid-template-columns:minmax(0,1fr) auto}.mapa-parameterization-group__header>mapa-result-track{display:block;justify-self:end;max-width:100%;width:max-content}.mapa-parameterization-group__header h4{color:#2c2e3a;font-size:20px;font-weight:650;line-height:1.25;margin:0;overflow-wrap:anywhere}.mapa-parameterization-group__header>div:first-child>div{color:var(--mapa-report-muted, #68747a);font-size:12px;line-height:1.5;margin-top:5px}.mapa-parameterization-group__header>div:first-child>div ::ng-deep ol,.mapa-parameterization-group__header>div:first-child>div ::ng-deep p,.mapa-parameterization-group__header>div:first-child>div ::ng-deep ul{margin:0 0 8px}.mapa-parameterization-group__header>div:first-child>div ::ng-deep ol,.mapa-parameterization-group__header>div:first-child>div ::ng-deep ul{padding-left:20px}.mapa-parameterization-group__header>div:first-child>div ::ng-deep li{margin:0 0 3px}.mapa-parameterization-group__header>div:first-child>div ::ng-deep b,.mapa-parameterization-group__header>div:first-child>div ::ng-deep strong{color:var(--mapa-report-text, inherit);font-weight:600}.mapa-parameterization-group__header>div:first-child>div ::ng-deep :last-child{margin-bottom:0}.mapa-parameterization-group__label{background:#f1f4f8;border:1px solid var(--mapa-report-border, #e1e5e7);border-radius:7px;color:#405064;font-size:13px;font-weight:650;margin-top:16px;padding:7px 10px}.mapa-parameterization-group__grid{display:grid;column-gap:14px;grid-template-columns:repeat(2,minmax(0,1fr));margin-top:14px;row-gap:14px}.mapa-parameterization-dimensions mapa-classification-tag{flex:0 0 auto;max-width:var(--mapa-report-pill-width, 104px)}.mapa-parameterization-competence{background:var(--mapa-report-surface, #fff);border:1px solid var(--mapa-report-border, #e1e5e7);border-radius:var(--mapa-report-card-radius, 10px);min-width:0;padding:16px 14px 13px}.mapa-parameterization-competence__header{align-items:center;display:grid;gap:14px;grid-template-columns:minmax(0,1fr) auto}.mapa-parameterization-competence__header mapa-result-track{display:block;justify-self:end;max-width:100%;width:max-content}.mapa-parameterization-competence__header h5{color:#2c2e3a;font-size:16px;font-weight:650;line-height:1.3;margin:0;overflow-wrap:anywhere}.mapa-parameterization-competence__description{color:var(--mapa-report-muted, #68747a);font-size:12px;line-height:1.5;margin-top:12px}.mapa-parameterization-competence__description ::ng-deep ol,.mapa-parameterization-competence__description ::ng-deep p,.mapa-parameterization-competence__description ::ng-deep ul{margin:0 0 8px}.mapa-parameterization-competence__description ::ng-deep ol,.mapa-parameterization-competence__description ::ng-deep ul{padding-left:20px}.mapa-parameterization-competence__description ::ng-deep li{margin:0 0 3px}.mapa-parameterization-competence__description ::ng-deep b,.mapa-parameterization-competence__description ::ng-deep strong{color:var(--mapa-report-text, inherit);font-weight:600}.mapa-parameterization-competence__description ::ng-deep :last-child{margin-bottom:0}.mapa-parameterization-dimensions{border-top:1px solid var(--mapa-report-line-soft, #edf1f3);display:grid;gap:7px;list-style:none;margin:14px 0 0;padding:12px 0 0}.mapa-parameterization-dimensions li{align-items:center;background:var(--mapa-report-surface-soft, #fafbfc);border:1px solid var(--mapa-report-line-soft, #edf1f3);border-radius:9px;display:grid;gap:10px;grid-template-columns:minmax(0,1fr) auto;padding:9px 10px}.mapa-parameterization-dimensions__name{align-items:center;color:#4f5d70;display:flex;font-size:12px;gap:8px;line-height:1.4;min-width:0}.mapa-parameterization-dimensions__name span:last-child{overflow-wrap:anywhere}.mapa-parameterization-dimensions__description{color:var(--mapa-report-muted, #68747a);font-size:11px;grid-column:1/-1;line-height:1.45;padding-left:28px}.mapa-parameterization-dimensions__description ::ng-deep ol,.mapa-parameterization-dimensions__description ::ng-deep p,.mapa-parameterization-dimensions__description ::ng-deep ul{margin:0 0 8px}.mapa-parameterization-dimensions__description ::ng-deep ol,.mapa-parameterization-dimensions__description ::ng-deep ul{padding-left:20px}.mapa-parameterization-dimensions__description ::ng-deep li{margin:0 0 3px}.mapa-parameterization-dimensions__description ::ng-deep b,.mapa-parameterization-dimensions__description ::ng-deep strong{color:var(--mapa-report-text, inherit);font-weight:600}.mapa-parameterization-dimensions__description ::ng-deep :last-child{margin-bottom:0}.mapa-parameterization-ranking mapa-report-ranking-table-widget{display:block;min-width:0}@media(max-width:1100px){.mapa-parameterization-group__grid{grid-template-columns:minmax(0,1fr)}}@media(max-width:600px){.mapa-parameterization-competence__header{grid-template-columns:minmax(0,1fr)}.mapa-parameterization-competence__header mapa-result-track{justify-self:start}}\n"] }]
|
|
9582
9622
|
}] });
|
|
9583
9623
|
|
|
9584
9624
|
class MapaReportParameterizationWidgetComponent extends ReportParameterizationContent {
|
|
@@ -9591,7 +9631,7 @@ class MapaReportParameterizationWidgetComponent extends ReportParameterizationCo
|
|
|
9591
9631
|
this.mode = model('summarized', ...(ngDevMode ? [{ debugName: "mode" }] : []));
|
|
9592
9632
|
}
|
|
9593
9633
|
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 }); }
|
|
9634
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.21", type: MapaReportParameterizationWidgetComponent, isStandalone: true, selector: "mapa-report-parameterization-widget", inputs: { heading: { classPropertyName: "heading", publicName: "heading", isSignal: true, isRequired: true, transformFunction: null }, legend: { classPropertyName: "legend", publicName: "legend", isSignal: true, isRequired: false, transformFunction: null }, legendExpanded: { classPropertyName: "legendExpanded", publicName: "legendExpanded", isSignal: true, isRequired: false, transformFunction: null }, content: { classPropertyName: "content", publicName: "content", isSignal: true, isRequired: false, transformFunction: null }, mode: { classPropertyName: "mode", publicName: "mode", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { mode: "modeChange" }, usesInheritance: true, ngImport: i0, template: "<section class=\"mapa-report-widget\" [attr.data-palette]=\"palette()\">\n <header class=\"mapa-report-widget__header\">\n <div class=\"mapa-report-widget__heading\">\n <h2>{{ heading().title }}</h2>\n @if (heading().description) {\n <div\n class=\"mapa-report-widget__description\"\n [innerHTML]=\"heading().description | safeHtml\"\n ></div>\n }\n </div>\n </header>\n\n @if (content() !== \"ranking\") {\n @if (legend().length) {\n <mapa-report-legend\n class=\"mapa-parameterization-legend\"\n appearance=\"psychosocial\"\n [expanded]=\"legendExpanded()\"\n [groups]=\"legend()\"\n />\n }\n\n <mapa-report-parameterization-widget-overview\n [title]=\"heading().title\"\n [data]=\"data()\"\n [palette]=\"palette()\"\n />\n <mat-button-toggle-group\n class=\"mapa-report-widget__modes mapa-report-widget__modes--standalone\"\n hideSingleSelectionIndicator\n [attr.aria-label]=\"i18n.texts.report.viewModeLabel\"\n [value]=\"mode()\"\n (change)=\"mode.set($event.value)\"\n >\n <mat-button-toggle value=\"summarized\">\n {{ i18n.texts.report.summarized }}\n </mat-button-toggle>\n <mat-button-toggle value=\"detailed\">\n {{ i18n.texts.report.detailed }}\n </mat-button-toggle>\n </mat-button-toggle-group>\n\n @if (mode() === \"summarized\" && summaryRows().length) {\n <mapa-report-parameterization-widget-summarized\n [data]=\"data()\"\n [palette]=\"palette()\"\n />\n }\n\n @if (mode() === \"detailed\" && data().sections.length) {\n <mapa-report-parameterization-widget-detailed\n [data]=\"data()\"\n [palette]=\"palette()\"\n />\n }\n }\n\n @if (content() !== \"report\" && rankingViews().length) {\n <section class=\"mapa-parameterization-ranking\">\n @if (content() === \"all\") {\n <h3>{{ i18n.texts.report.parameterizationRankingTitle }}</h3>\n }\n <mapa-report-parameterization-widget-ranking\n [data]=\"data()\"\n [palette]=\"palette()\"\n />\n </section>\n }\n</section>\n", styles: [":host{color:var(--mapa-report-text, #263238);display:block;min-width:0;font-family:var(--mapa-font-body, \"Asap\", \"Roboto\", sans-serif)}.mapa-report-widget{display:grid;gap:var(--mapa-report-space)}.mapa-report-widget__header{align-items:flex-start;column-gap:16px;display:grid;grid-template-columns:minmax(0,1fr) auto}.mapa-report-widget__heading{display:contents}.mapa-report-widget__heading h2{color:var(--mapa-report-accent);font-size:20px;font-weight:650;grid-column:1;grid-row:1;line-height:1.25;margin:0}.mapa-report-widget__description{color:var(--mapa-report-muted);font-size:13px;grid-column:1/-1;grid-row:2;line-height:1.5;margin:5px 0 0}.mapa-report-widget__description ::ng-deep ol,.mapa-report-widget__description ::ng-deep p,.mapa-report-widget__description ::ng-deep ul{margin:0 0 8px}.mapa-report-widget__description ::ng-deep ol,.mapa-report-widget__description ::ng-deep ul{padding-left:20px}.mapa-report-widget__description ::ng-deep li{margin:0 0 3px}.mapa-report-widget__description ::ng-deep b,.mapa-report-widget__description ::ng-deep strong{color:var(--mapa-report-text, inherit);font-weight:600}.mapa-report-widget__description ::ng-deep :last-child{margin-bottom:0}.mapa-report-widget__modes{--mat-button-toggle-background-color: transparent;--mat-button-toggle-divider-color: transparent;--mat-button-toggle-height: 32px;--mat-button-toggle-label-text-font: var( --mapa-font-body, \"Asap\", sans-serif );--mat-button-toggle-label-text-size: 13px;--mat-button-toggle-label-text-weight: 500;--mat-button-toggle-selected-state-background-color: var( --mapa-toggle-selected-surface, #fff );--mat-button-toggle-selected-state-text-color: var( --mapa-toggle-selected-text, #162f42 );--mat-button-toggle-shape: 7px;--mat-button-toggle-text-color: var(--mapa-toggle-text, #5b6672);align-items:center;background:var(--mapa-toggle-surface, #f1f2f4);border:0;border-radius:9px;box-sizing:border-box;gap:2px;grid-column:2;grid-row:1;overflow:hidden;padding:3px}.mapa-report-widget__modes mat-button-toggle{border:0;border-radius:7px;font:500 13px/1 var(--mapa-font-body, \"Asap\", sans-serif)}.mapa-report-widget__modes mat-button-toggle.mat-button-toggle-checked{box-shadow:0 1px 2px #162f4224}.mapa-report-widget__modes ::ng-deep .mat-button-toggle-button:focus-visible{outline:2px solid #cf450c;outline-offset:-2px}.mapa-report-widget__modes mat-icon{font-size:14px;height:14px;margin-right:5px;width:14px}.mapa-report-widget__modes--standalone{grid-column:1;grid-row:auto;justify-self:end}.mapa-report-widget__empty{color:var(--mapa-report-muted);margin:0;padding:24px 0;text-align:center}@media(max-width:760px){.mapa-report-widget__header{align-items:stretch;grid-template-columns:minmax(0,1fr)}.mapa-report-widget__modes{grid-column:1;grid-row:3;justify-self:start;margin-top:12px}.mapa-report-widget__modes--standalone{grid-row:auto;margin-top:0}}.mapa-direction-indicator{background:var(--mapa-report-surface, var(--mapa-color-surface, #fafbfc));border:1px solid currentColor;border-radius:50%;box-sizing:border-box;color:var(--mapa-report-muted, var(--mapa-color-text-subtle, #68747a));display:inline-grid;flex:0 0 20px;font-size:11px;font-weight:700;height:20px;line-height:1;place-items:center;width:20px}.mapa-parameterization-overview{border:1px solid var(--mapa-report-border, #e1e5e7);border-radius:16px;display:grid;gap:22px;padding:24px}.mapa-parameterization-overview__headline{align-items:start;display:grid;gap:24px;grid-template-columns:minmax(0,1fr) auto}.mapa-parameterization-overview__eyebrow{color:#8a95a5;display:block;font-size:12px;line-height:1.3;margin-bottom:6px;text-transform:uppercase}.mapa-parameterization-overview h3{color:#2c2e3a;font-size:24px;font-weight:650;line-height:1.25;margin:0;overflow-wrap:anywhere}.mapa-parameterization-overview__score{display:grid;gap:7px;min-width:290px}.mapa-parameterization-overview__score mapa-result-track{display:block;min-width:0;width:100%}.mapa-parameterization-overview__score>span{color:#8a95a5;font-size:12px;text-transform:uppercase}.mapa-parameterization-overview__classification{display:grid;gap:8px;justify-items:start}.mapa-parameterization-overview__classification p{color:#59636a;font-size:14px;line-height:1.5;margin:0;overflow-wrap:anywhere}.mapa-parameterization-overview__metadata{display:grid;gap:14px;grid-template-columns:repeat(auto-fit,minmax(min(210px,100%),1fr));margin:0}.mapa-parameterization-overview__metadata div{border:1px solid var(--mapa-report-border, #e1e5e7);border-radius:12px;min-width:0;padding:13px 15px}.mapa-parameterization-overview__metadata dt{color:#8a95a5;font-size:11px;line-height:1.3;margin-bottom:8px;text-transform:uppercase}.mapa-parameterization-overview__metadata dd{color:#2c2e3a;font-size:15px;font-weight:650;line-height:1.35;margin:0;overflow-wrap:anywhere}.mapa-parameterization-legend{--mapa-classification-tag-min-width: var(--mapa-report-pill-width, 104px)}.mapa-parameterization-summary,.mapa-parameterization-detail,.mapa-parameterization-ranking{display:grid;gap:16px;min-width:0}.mapa-parameterization-summary>h3,.mapa-parameterization-detail>h3,.mapa-parameterization-ranking>h3{color:#596575;font-size:18px;font-weight:650;line-height:1.3;margin:0}.mapa-parameterization-summary__rows{border:1px solid var(--mapa-report-border, #e1e5e7);border-radius:14px;padding:16px 20px}.mapa-parameterization-summary__row{align-items:center;display:grid;gap:20px;grid-template-columns:minmax(200px,36%) minmax(140px,1fr) 48px;min-height:48px}.mapa-parameterization-summary__row+.mapa-parameterization-summary__row{border-top:1px solid var(--mapa-parameterization-line, #e7ebee)}.mapa-parameterization-summary__row>span:first-child{color:#4f5d70;font-size:14px;line-height:1.35;overflow-wrap:anywhere}.mapa-parameterization-summary__row>strong{color:#596575;font-size:14px;text-align:right}.mapa-parameterization-summary__track{background:var(--mapa-parameterization-rail, #dfe4ea);border-radius:999px;display:block;height:14px;overflow:hidden}.mapa-parameterization-summary__track i{background:var(--mapa-parameterization-accent, #3f5870);border-radius:inherit;display:block;height:100%}@media(max-width:900px){.mapa-parameterization-overview__headline,.mapa-parameterization-group__header{grid-template-columns:minmax(0,1fr)}.mapa-parameterization-overview__score,mapa-result-track{min-width:0}.mapa-parameterization-group__header>mapa-result-track{justify-self:start}.mapa-parameterization-dimensions li{grid-template-columns:minmax(150px,1fr) auto}.mapa-parameterization-dimensions__description{grid-column:1/-1;padding-left:28px}}@media(max-width:600px){.mapa-parameterization-overview,.mapa-parameterization-group{padding:16px}.mapa-parameterization-overview h3{font-size:20px}.mapa-parameterization-summary__rows{padding:8px 14px}.mapa-parameterization-summary__row{gap:9px;grid-template-columns:minmax(0,1fr) 44px;padding:10px 0}.mapa-parameterization-summary__row .mapa-parameterization-summary__track{grid-column:1/-1;grid-row:2}.mapa-parameterization-summary__row>strong{grid-column:2;grid-row:1}.mapa-parameterization-dimensions li{grid-template-columns:minmax(0,1fr)}.mapa-parameterization-dimensions__description{grid-column:auto;padding-left:28px}}@media print{.mapa-parameterization-overview,.mapa-parameterization-group,.mapa-parameterization-competence{break-inside:avoid}}:host{--mapa-report-accent: #ff560b;--mapa-report-accent-soft: #fff0e9;--mapa-report-surface: #fff;--mapa-report-surface-muted: #eef2f3;--mapa-report-border: #e1e5e7;--mapa-report-text: #263238;--mapa-report-muted: #68747a;--mapa-report-pill-width: 104px;--mapa-report-radius: 8px;--mapa-report-space: 20px;color:var(--mapa-report-text);display:block;font-family:var(--mapa-font-body, \"Asap\", \"Roboto\", sans-serif)}:host{--mapa-parameterization-accent: #3f5870;--mapa-parameterization-rail: #dfe4ea;--mapa-parameterization-line: #e7ebee;--mapa-report-card-radius: 10px;--mapa-report-line-soft: #edf1f3;--mapa-report-surface-soft: #fafbfc}\n", ".mapa-parameterization-detail__sections{display:grid;gap:22px}.mapa-parameterization-group{--mapa-classification-tag-min-width: var(--mapa-report-pill-width, 104px);border:1px solid var(--mapa-report-border, #e1e5e7);border-radius:14px;min-width:0;padding:18px}.mapa-parameterization-group__header{align-items:start;display:grid;gap:20px;grid-template-columns:minmax(0,1fr) auto}.mapa-parameterization-group__header>mapa-result-track{display:block;justify-self:end;max-width:100%;width:max-content}.mapa-parameterization-group__header h4{color:#2c2e3a;font-size:20px;font-weight:650;line-height:1.25;margin:0;overflow-wrap:anywhere}.mapa-parameterization-group__header>div:first-child>div{color:var(--mapa-report-muted, #68747a);font-size:12px;line-height:1.5;margin-top:5px}.mapa-parameterization-group__header>div:first-child>div ::ng-deep ol,.mapa-parameterization-group__header>div:first-child>div ::ng-deep p,.mapa-parameterization-group__header>div:first-child>div ::ng-deep ul{margin:0 0 8px}.mapa-parameterization-group__header>div:first-child>div ::ng-deep ol,.mapa-parameterization-group__header>div:first-child>div ::ng-deep ul{padding-left:20px}.mapa-parameterization-group__header>div:first-child>div ::ng-deep li{margin:0 0 3px}.mapa-parameterization-group__header>div:first-child>div ::ng-deep b,.mapa-parameterization-group__header>div:first-child>div ::ng-deep strong{color:var(--mapa-report-text, inherit);font-weight:600}.mapa-parameterization-group__header>div:first-child>div ::ng-deep :last-child{margin-bottom:0}.mapa-parameterization-group__label{background:#f1f4f8;border:1px solid var(--mapa-report-border, #e1e5e7);border-radius:7px;color:#405064;font-size:13px;font-weight:650;margin-top:16px;padding:7px 10px}.mapa-parameterization-group__grid{display:grid;column-gap:14px;grid-template-columns:repeat(2,minmax(0,1fr));margin-top:14px;row-gap:14px}.mapa-parameterization-dimensions mapa-classification-tag{flex:0 0 auto;max-width:var(--mapa-report-pill-width, 104px)}.mapa-parameterization-competence{background:var(--mapa-report-surface, #fff);border:1px solid var(--mapa-report-border, #e1e5e7);border-radius:var(--mapa-report-card-radius, 10px);min-width:0;padding:16px 14px 13px}.mapa-parameterization-competence__header{align-items:center;display:grid;gap:14px;grid-template-columns:minmax(0,1fr) auto}.mapa-parameterization-competence__header mapa-result-track{display:block;justify-self:end;max-width:100%;width:max-content}.mapa-parameterization-competence__header h5{color:#2c2e3a;font-size:16px;font-weight:650;line-height:1.3;margin:0;overflow-wrap:anywhere}.mapa-parameterization-competence__description{color:var(--mapa-report-muted, #68747a);font-size:12px;line-height:1.5;margin-top:12px}.mapa-parameterization-competence__description ::ng-deep ol,.mapa-parameterization-competence__description ::ng-deep p,.mapa-parameterization-competence__description ::ng-deep ul{margin:0 0 8px}.mapa-parameterization-competence__description ::ng-deep ol,.mapa-parameterization-competence__description ::ng-deep ul{padding-left:20px}.mapa-parameterization-competence__description ::ng-deep li{margin:0 0 3px}.mapa-parameterization-competence__description ::ng-deep b,.mapa-parameterization-competence__description ::ng-deep strong{color:var(--mapa-report-text, inherit);font-weight:600}.mapa-parameterization-competence__description ::ng-deep :last-child{margin-bottom:0}.mapa-parameterization-dimensions{border-top:1px solid var(--mapa-report-line-soft, #edf1f3);display:grid;gap:7px;list-style:none;margin:14px 0 0;padding:12px 0 0}.mapa-parameterization-dimensions li{align-items:center;background:var(--mapa-report-surface-soft, #fafbfc);border:1px solid var(--mapa-report-line-soft, #edf1f3);border-radius:9px;display:grid;gap:10px;grid-template-columns:minmax(0,1fr) auto;padding:9px 10px}.mapa-parameterization-dimensions__name{align-items:center;color:#4f5d70;display:flex;font-size:12px;gap:8px;line-height:1.4;min-width:0}.mapa-parameterization-dimensions__name span:last-child{overflow-wrap:anywhere}.mapa-parameterization-dimensions__description{color:var(--mapa-report-muted, #68747a);font-size:11px;grid-column:1/-1;line-height:1.45;padding-left:28px}.mapa-parameterization-dimensions__description ::ng-deep ol,.mapa-parameterization-dimensions__description ::ng-deep p,.mapa-parameterization-dimensions__description ::ng-deep ul{margin:0 0 8px}.mapa-parameterization-dimensions__description ::ng-deep ol,.mapa-parameterization-dimensions__description ::ng-deep ul{padding-left:20px}.mapa-parameterization-dimensions__description ::ng-deep li{margin:0 0 3px}.mapa-parameterization-dimensions__description ::ng-deep b,.mapa-parameterization-dimensions__description ::ng-deep strong{color:var(--mapa-report-text, inherit);font-weight:600}.mapa-parameterization-dimensions__description ::ng-deep :last-child{margin-bottom:0}.mapa-parameterization-ranking mapa-report-ranking-table-widget{display:block;min-width:0}@media(max-width:1100px){.mapa-parameterization-group__grid{grid-template-columns:minmax(0,1fr)}}@media(max-width:600px){.mapa-parameterization-competence__header{grid-template-columns:minmax(0,1fr)}.mapa-parameterization-competence__header mapa-result-track{justify-self:start}}\n"], dependencies: [{ kind: "component", type: MapaReportParameterizationWidgetOverviewComponent, selector: "mapa-report-parameterization-widget-overview", inputs: ["title"] }, { kind: "component", type: MapaReportParameterizationWidgetSummarizedComponent, selector: "mapa-report-parameterization-widget-summarized" }, { kind: "component", type: MapaReportParameterizationWidgetDetailedComponent, selector: "mapa-report-parameterization-widget-detailed" }, { kind: "component", type: MapaReportParameterizationWidgetRankingComponent, selector: "mapa-report-parameterization-widget-ranking" }, { kind: "ngmodule", type: MatButtonToggleModule }, { kind: "directive", type: i1$7.MatButtonToggleGroup, selector: "mat-button-toggle-group", inputs: ["appearance", "name", "vertical", "value", "multiple", "disabled", "disabledInteractive", "hideSingleSelectionIndicator", "hideMultipleSelectionIndicator"], outputs: ["valueChange", "change"], exportAs: ["matButtonToggleGroup"] }, { kind: "component", type: i1$7.MatButtonToggle, selector: "mat-button-toggle", inputs: ["aria-label", "aria-labelledby", "id", "name", "value", "tabIndex", "disableRipple", "appearance", "checked", "disabled", "disabledInteractive"], outputs: ["change"], exportAs: ["matButtonToggle"] }, { kind: "component", type: MapaReportLegendComponent, selector: "mapa-report-legend", inputs: ["title", "intro", "groupsTitle", "groups", "expanded", "appearance"] }, { kind: "pipe", type: SafeHtmlPipe, name: "safeHtml" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
9595
9635
|
}
|
|
9596
9636
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.21", ngImport: i0, type: MapaReportParameterizationWidgetComponent, decorators: [{
|
|
9597
9637
|
type: Component,
|
|
@@ -9603,7 +9643,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.21", ngImpo
|
|
|
9603
9643
|
MatButtonToggleModule,
|
|
9604
9644
|
MapaReportLegendComponent,
|
|
9605
9645
|
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"] }]
|
|
9646
|
+
], changeDetection: ChangeDetectionStrategy.OnPush, template: "<section class=\"mapa-report-widget\" [attr.data-palette]=\"palette()\">\n <header class=\"mapa-report-widget__header\">\n <div class=\"mapa-report-widget__heading\">\n <h2>{{ heading().title }}</h2>\n @if (heading().description) {\n <div\n class=\"mapa-report-widget__description\"\n [innerHTML]=\"heading().description | safeHtml\"\n ></div>\n }\n </div>\n </header>\n\n @if (content() !== \"ranking\") {\n @if (legend().length) {\n <mapa-report-legend\n class=\"mapa-parameterization-legend\"\n appearance=\"psychosocial\"\n [expanded]=\"legendExpanded()\"\n [groups]=\"legend()\"\n />\n }\n\n <mapa-report-parameterization-widget-overview\n [title]=\"heading().title\"\n [data]=\"data()\"\n [palette]=\"palette()\"\n />\n <mat-button-toggle-group\n class=\"mapa-report-widget__modes mapa-report-widget__modes--standalone\"\n hideSingleSelectionIndicator\n [attr.aria-label]=\"i18n.texts.report.viewModeLabel\"\n [value]=\"mode()\"\n (change)=\"mode.set($event.value)\"\n >\n <mat-button-toggle value=\"summarized\">\n {{ i18n.texts.report.summarized }}\n </mat-button-toggle>\n <mat-button-toggle value=\"detailed\">\n {{ i18n.texts.report.detailed }}\n </mat-button-toggle>\n </mat-button-toggle-group>\n\n @if (mode() === \"summarized\" && summaryRows().length) {\n <mapa-report-parameterization-widget-summarized\n [data]=\"data()\"\n [palette]=\"palette()\"\n />\n }\n\n @if (mode() === \"detailed\" && data().sections.length) {\n <mapa-report-parameterization-widget-detailed\n [data]=\"data()\"\n [palette]=\"palette()\"\n />\n }\n }\n\n @if (content() !== \"report\" && rankingViews().length) {\n <section class=\"mapa-parameterization-ranking\">\n @if (content() === \"all\") {\n <h3>{{ i18n.texts.report.parameterizationRankingTitle }}</h3>\n }\n <mapa-report-parameterization-widget-ranking\n [data]=\"data()\"\n [palette]=\"palette()\"\n />\n </section>\n }\n</section>\n", styles: [":host{color:var(--mapa-report-text, #263238);display:block;min-width:0;font-family:var(--mapa-font-body, \"Asap\", \"Roboto\", sans-serif)}.mapa-report-widget{display:grid;gap:var(--mapa-report-space)}.mapa-report-widget__header{align-items:flex-start;column-gap:16px;display:grid;grid-template-columns:minmax(0,1fr) auto}.mapa-report-widget__heading{display:contents}.mapa-report-widget__heading h2{color:var(--mapa-report-accent);font-size:20px;font-weight:650;grid-column:1;grid-row:1;line-height:1.25;margin:0}.mapa-report-widget__description{color:var(--mapa-report-muted);font-size:13px;grid-column:1/-1;grid-row:2;line-height:1.5;margin:5px 0 0}.mapa-report-widget__description ::ng-deep ol,.mapa-report-widget__description ::ng-deep p,.mapa-report-widget__description ::ng-deep ul{margin:0 0 8px}.mapa-report-widget__description ::ng-deep ol,.mapa-report-widget__description ::ng-deep ul{padding-left:20px}.mapa-report-widget__description ::ng-deep li{margin:0 0 3px}.mapa-report-widget__description ::ng-deep b,.mapa-report-widget__description ::ng-deep strong{color:var(--mapa-report-text, inherit);font-weight:600}.mapa-report-widget__description ::ng-deep :last-child{margin-bottom:0}.mapa-report-widget__modes{--mat-button-toggle-background-color: transparent;--mat-button-toggle-divider-color: transparent;--mat-button-toggle-height: 32px;--mat-button-toggle-label-text-font: var( --mapa-font-body, \"Asap\", sans-serif );--mat-button-toggle-label-text-size: 13px;--mat-button-toggle-label-text-weight: 500;--mat-button-toggle-selected-state-background-color: var( --mapa-toggle-selected-surface, #fff );--mat-button-toggle-selected-state-text-color: var( --mapa-toggle-selected-text, #162f42 );--mat-button-toggle-shape: 7px;--mat-button-toggle-text-color: var(--mapa-toggle-text, #5b6672);align-items:center;background:var(--mapa-toggle-surface, #f1f2f4);border:0;border-radius:9px;box-sizing:border-box;gap:2px;grid-column:2;grid-row:1;overflow:hidden;padding:3px}.mapa-report-widget__modes mat-button-toggle{border:0;border-radius:7px;font:500 13px/1 var(--mapa-font-body, \"Asap\", sans-serif)}.mapa-report-widget__modes mat-button-toggle.mat-button-toggle-checked{box-shadow:0 1px 2px #162f4224}.mapa-report-widget__modes ::ng-deep .mat-button-toggle-button:focus-visible{outline:2px solid #cf450c;outline-offset:-2px}.mapa-report-widget__modes mat-icon{font-size:14px;height:14px;margin-right:5px;width:14px}.mapa-report-widget__modes--standalone{grid-column:1;grid-row:auto;justify-self:end}.mapa-report-widget__empty{color:var(--mapa-report-muted);margin:0;padding:24px 0;text-align:center}@media(max-width:760px){.mapa-report-widget__header{align-items:stretch;grid-template-columns:minmax(0,1fr)}.mapa-report-widget__modes{grid-column:1;grid-row:3;justify-self:start;margin-top:12px}.mapa-report-widget__modes--standalone{grid-row:auto;margin-top:0}}.mapa-direction-indicator{background:var(--mapa-report-surface, var(--mapa-color-surface, #fafbfc));border:1px solid currentColor;border-radius:50%;box-sizing:border-box;color:var(--mapa-report-muted, var(--mapa-color-text-subtle, #68747a));display:inline-grid;flex:0 0 20px;font-size:11px;font-weight:700;height:20px;line-height:1;place-items:center;width:20px}.mapa-parameterization-overview{border:1px solid var(--mapa-report-border, #e1e5e7);border-radius:16px;display:grid;gap:22px;padding:24px}.mapa-parameterization-overview__headline{align-items:start;display:grid;gap:24px;grid-template-columns:minmax(0,1fr) auto}.mapa-parameterization-overview__eyebrow{color:#8a95a5;display:block;font-size:12px;line-height:1.3;margin-bottom:6px;text-transform:uppercase}.mapa-parameterization-overview h3{color:#2c2e3a;font-size:24px;font-weight:650;line-height:1.25;margin:0;overflow-wrap:anywhere}.mapa-parameterization-overview__score{display:grid;gap:7px;min-width:290px}.mapa-parameterization-overview__score mapa-result-track{display:block;min-width:0;width:100%}.mapa-parameterization-overview__score>span{color:#8a95a5;font-size:12px;text-transform:uppercase}.mapa-parameterization-overview__classification{display:grid;gap:8px;justify-items:start}.mapa-parameterization-overview__classification p{color:#59636a;font-size:14px;line-height:1.5;margin:0;overflow-wrap:anywhere}.mapa-parameterization-overview__metadata{display:grid;gap:14px;grid-template-columns:repeat(auto-fit,minmax(min(210px,100%),1fr));margin:0}.mapa-parameterization-overview__metadata div{border:1px solid var(--mapa-report-border, #e1e5e7);border-radius:12px;min-width:0;padding:13px 15px}.mapa-parameterization-overview__metadata dt{color:#8a95a5;font-size:11px;line-height:1.3;margin-bottom:8px;text-transform:uppercase}.mapa-parameterization-overview__metadata dd{color:#2c2e3a;font-size:15px;font-weight:650;line-height:1.35;margin:0;overflow-wrap:anywhere}.mapa-parameterization-legend{--mapa-classification-tag-min-width: var(--mapa-report-pill-width, 104px)}.mapa-parameterization-summary,.mapa-parameterization-detail,.mapa-parameterization-ranking{display:grid;gap:16px;min-width:0}.mapa-parameterization-summary>h3,.mapa-parameterization-detail>h3,.mapa-parameterization-ranking>h3{color:#596575;font-size:18px;font-weight:650;line-height:1.3;margin:0}.mapa-parameterization-summary__rows{border:1px solid var(--mapa-report-border, #e1e5e7);border-radius:14px;padding:16px 20px}.mapa-parameterization-summary__row{align-items:center;display:grid;gap:20px;grid-template-columns:minmax(200px,36%) minmax(140px,1fr) 48px;min-height:48px}.mapa-parameterization-summary__row+.mapa-parameterization-summary__row{border-top:1px solid var(--mapa-parameterization-line, #e7ebee)}.mapa-parameterization-summary__row>span:first-child{color:#4f5d70;font-size:14px;line-height:1.35;overflow-wrap:anywhere}.mapa-parameterization-summary__row>strong{color:#596575;font-size:14px;text-align:right}.mapa-parameterization-summary__track{background:var(--mapa-parameterization-rail, #dfe4ea);border-radius:999px;display:block;height:14px;overflow:hidden}.mapa-parameterization-summary__track i{background:var(--mapa-parameterization-accent, #3f5870);border-radius:inherit;display:block;height:100%}@media(max-width:900px){.mapa-parameterization-overview__headline,.mapa-parameterization-group__header{grid-template-columns:minmax(0,1fr)}.mapa-parameterization-overview__score,mapa-result-track{min-width:0}.mapa-parameterization-group__header>mapa-result-track{justify-self:start}.mapa-parameterization-dimensions li{grid-template-columns:minmax(150px,1fr) auto}.mapa-parameterization-dimensions__description{grid-column:1/-1;padding-left:28px}}@media(max-width:600px){.mapa-parameterization-overview,.mapa-parameterization-group{padding:16px}.mapa-parameterization-overview h3{font-size:20px}.mapa-parameterization-summary__rows{padding:8px 14px}.mapa-parameterization-summary__row{gap:9px;grid-template-columns:minmax(0,1fr) 44px;padding:10px 0}.mapa-parameterization-summary__row .mapa-parameterization-summary__track{grid-column:1/-1;grid-row:2}.mapa-parameterization-summary__row>strong{grid-column:2;grid-row:1}.mapa-parameterization-dimensions li{grid-template-columns:minmax(0,1fr)}.mapa-parameterization-dimensions__description{grid-column:auto;padding-left:28px}}@media print{.mapa-parameterization-overview,.mapa-parameterization-group,.mapa-parameterization-competence{break-inside:avoid}}:host{--mapa-report-accent: #ff560b;--mapa-report-accent-soft: #fff0e9;--mapa-report-surface: #fff;--mapa-report-surface-muted: #eef2f3;--mapa-report-border: #e1e5e7;--mapa-report-text: #263238;--mapa-report-muted: #68747a;--mapa-report-pill-width: 104px;--mapa-report-radius: 8px;--mapa-report-space: 20px;color:var(--mapa-report-text);display:block;font-family:var(--mapa-font-body, \"Asap\", \"Roboto\", sans-serif)}:host{--mapa-parameterization-accent: #3f5870;--mapa-parameterization-rail: #dfe4ea;--mapa-parameterization-line: #e7ebee;--mapa-report-card-radius: 10px;--mapa-report-line-soft: #edf1f3;--mapa-report-surface-soft: #fafbfc}\n", ".mapa-parameterization-detail__sections{display:grid;gap:22px}.mapa-parameterization-group{--mapa-classification-tag-min-width: var(--mapa-report-pill-width, 104px);border:1px solid var(--mapa-report-border, #e1e5e7);border-radius:14px;min-width:0;padding:18px}.mapa-parameterization-group__header{align-items:start;display:grid;gap:20px;grid-template-columns:minmax(0,1fr) auto}.mapa-parameterization-group__header>mapa-result-track{display:block;justify-self:end;max-width:100%;width:max-content}.mapa-parameterization-group__header h4{color:#2c2e3a;font-size:20px;font-weight:650;line-height:1.25;margin:0;overflow-wrap:anywhere}.mapa-parameterization-group__header>div:first-child>div{color:var(--mapa-report-muted, #68747a);font-size:12px;line-height:1.5;margin-top:5px}.mapa-parameterization-group__header>div:first-child>div ::ng-deep ol,.mapa-parameterization-group__header>div:first-child>div ::ng-deep p,.mapa-parameterization-group__header>div:first-child>div ::ng-deep ul{margin:0 0 8px}.mapa-parameterization-group__header>div:first-child>div ::ng-deep ol,.mapa-parameterization-group__header>div:first-child>div ::ng-deep ul{padding-left:20px}.mapa-parameterization-group__header>div:first-child>div ::ng-deep li{margin:0 0 3px}.mapa-parameterization-group__header>div:first-child>div ::ng-deep b,.mapa-parameterization-group__header>div:first-child>div ::ng-deep strong{color:var(--mapa-report-text, inherit);font-weight:600}.mapa-parameterization-group__header>div:first-child>div ::ng-deep :last-child{margin-bottom:0}.mapa-parameterization-group__label{background:#f1f4f8;border:1px solid var(--mapa-report-border, #e1e5e7);border-radius:7px;color:#405064;font-size:13px;font-weight:650;margin-top:16px;padding:7px 10px}.mapa-parameterization-group__grid{display:grid;column-gap:14px;grid-template-columns:repeat(2,minmax(0,1fr));margin-top:14px;row-gap:14px}.mapa-parameterization-dimensions mapa-classification-tag{flex:0 0 auto;max-width:var(--mapa-report-pill-width, 104px)}.mapa-parameterization-competence{background:var(--mapa-report-surface, #fff);border:1px solid var(--mapa-report-border, #e1e5e7);border-radius:var(--mapa-report-card-radius, 10px);min-width:0;padding:16px 14px 13px}.mapa-parameterization-competence__header{align-items:center;display:grid;gap:14px;grid-template-columns:minmax(0,1fr) auto}.mapa-parameterization-competence__header mapa-result-track{display:block;justify-self:end;max-width:100%;width:max-content}.mapa-parameterization-competence__header h5{color:#2c2e3a;font-size:16px;font-weight:650;line-height:1.3;margin:0;overflow-wrap:anywhere}.mapa-parameterization-competence__description{color:var(--mapa-report-muted, #68747a);font-size:12px;line-height:1.5;margin-top:12px}.mapa-parameterization-competence__description ::ng-deep ol,.mapa-parameterization-competence__description ::ng-deep p,.mapa-parameterization-competence__description ::ng-deep ul{margin:0 0 8px}.mapa-parameterization-competence__description ::ng-deep ol,.mapa-parameterization-competence__description ::ng-deep ul{padding-left:20px}.mapa-parameterization-competence__description ::ng-deep li{margin:0 0 3px}.mapa-parameterization-competence__description ::ng-deep b,.mapa-parameterization-competence__description ::ng-deep strong{color:var(--mapa-report-text, inherit);font-weight:600}.mapa-parameterization-competence__description ::ng-deep :last-child{margin-bottom:0}.mapa-parameterization-dimensions{border-top:1px solid var(--mapa-report-line-soft, #edf1f3);display:grid;gap:7px;list-style:none;margin:14px 0 0;padding:12px 0 0}.mapa-parameterization-dimensions li{align-items:center;background:var(--mapa-report-surface-soft, #fafbfc);border:1px solid var(--mapa-report-line-soft, #edf1f3);border-radius:9px;display:grid;gap:10px;grid-template-columns:minmax(0,1fr) auto;padding:9px 10px}.mapa-parameterization-dimensions__name{align-items:center;color:#4f5d70;display:flex;font-size:12px;gap:8px;line-height:1.4;min-width:0}.mapa-parameterization-dimensions__name span:last-child{overflow-wrap:anywhere}.mapa-parameterization-dimensions__description{color:var(--mapa-report-muted, #68747a);font-size:11px;grid-column:1/-1;line-height:1.45;padding-left:28px}.mapa-parameterization-dimensions__description ::ng-deep ol,.mapa-parameterization-dimensions__description ::ng-deep p,.mapa-parameterization-dimensions__description ::ng-deep ul{margin:0 0 8px}.mapa-parameterization-dimensions__description ::ng-deep ol,.mapa-parameterization-dimensions__description ::ng-deep ul{padding-left:20px}.mapa-parameterization-dimensions__description ::ng-deep li{margin:0 0 3px}.mapa-parameterization-dimensions__description ::ng-deep b,.mapa-parameterization-dimensions__description ::ng-deep strong{color:var(--mapa-report-text, inherit);font-weight:600}.mapa-parameterization-dimensions__description ::ng-deep :last-child{margin-bottom:0}.mapa-parameterization-ranking mapa-report-ranking-table-widget{display:block;min-width:0}@media(max-width:1100px){.mapa-parameterization-group__grid{grid-template-columns:minmax(0,1fr)}}@media(max-width:600px){.mapa-parameterization-competence__header{grid-template-columns:minmax(0,1fr)}.mapa-parameterization-competence__header mapa-result-track{justify-self:start}}\n"] }]
|
|
9607
9647
|
}], propDecorators: { heading: [{ type: i0.Input, args: [{ isSignal: true, alias: "heading", required: true }] }], legend: [{ type: i0.Input, args: [{ isSignal: true, alias: "legend", required: false }] }], legendExpanded: [{ type: i0.Input, args: [{ isSignal: true, alias: "legendExpanded", required: false }] }], content: [{ type: i0.Input, args: [{ isSignal: true, alias: "content", required: false }] }], mode: [{ type: i0.Input, args: [{ isSignal: true, alias: "mode", required: false }] }, { type: i0.Output, args: ["modeChange"] }] } });
|
|
9608
9648
|
|
|
9609
9649
|
class MapaProgressbarComponent {
|