mapa-library-ui 2.11.0 → 2.12.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.
|
@@ -5198,6 +5198,8 @@ class MapaClassificationTagComponent {
|
|
|
5198
5198
|
this.i18n.texts.report.noClassification, ...(ngDevMode ? [{ debugName: "label" }] : []));
|
|
5199
5199
|
this.background = computed(() => {
|
|
5200
5200
|
const classification = this.classification();
|
|
5201
|
+
if (!classification)
|
|
5202
|
+
return 'var(--mapa-report-muted, #68747a)';
|
|
5201
5203
|
const explicit = normalizeHex(classification?.classificationBg);
|
|
5202
5204
|
const color = normalizeHex(classification?.classificationColor) ?? '#ff560b';
|
|
5203
5205
|
return this.appearance() === 'tonal'
|
|
@@ -5205,6 +5207,8 @@ class MapaClassificationTagComponent {
|
|
|
5205
5207
|
: color;
|
|
5206
5208
|
}, ...(ngDevMode ? [{ debugName: "background" }] : []));
|
|
5207
5209
|
this.foreground = computed(() => {
|
|
5210
|
+
if (!this.classification())
|
|
5211
|
+
return '#fffaf7';
|
|
5208
5212
|
const color = normalizeHex(this.classification()?.classificationColor) ?? '#a63a0a';
|
|
5209
5213
|
const background = this.background();
|
|
5210
5214
|
if (this.appearance() === 'tonal') {
|
|
@@ -5213,6 +5217,8 @@ class MapaClassificationTagComponent {
|
|
|
5213
5217
|
return readableForeground(background);
|
|
5214
5218
|
}, ...(ngDevMode ? [{ debugName: "foreground" }] : []));
|
|
5215
5219
|
this.border = computed(() => {
|
|
5220
|
+
if (!this.classification())
|
|
5221
|
+
return this.background();
|
|
5216
5222
|
const color = normalizeHex(this.classification()?.classificationColor) ?? '#ff8a55';
|
|
5217
5223
|
return this.appearance() === 'solid'
|
|
5218
5224
|
? this.background()
|
|
@@ -8837,7 +8843,9 @@ class ReportIndicatorsContent {
|
|
|
8837
8843
|
}
|
|
8838
8844
|
color(indicator) {
|
|
8839
8845
|
return (indicator.classification?.classificationColor ??
|
|
8840
|
-
(indicator.direction === 'negative'
|
|
8846
|
+
(indicator.direction === 'negative'
|
|
8847
|
+
? 'var(--mapa-report-muted, #68747a)'
|
|
8848
|
+
: 'var(--mapa-indicator-default-color, #ff560b)'));
|
|
8841
8849
|
}
|
|
8842
8850
|
value(indicator) {
|
|
8843
8851
|
const value = indicator.value ?? 0;
|
|
@@ -8890,27 +8898,27 @@ function indicatorColumn(group) {
|
|
|
8890
8898
|
/** Reusable list content, without the widget heading or mode selector. */
|
|
8891
8899
|
class MapaReportIndicatorsWidgetListComponent extends ReportIndicatorsContent {
|
|
8892
8900
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.21", ngImport: i0, type: MapaReportIndicatorsWidgetListComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
|
|
8893
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.21", type: MapaReportIndicatorsWidgetListComponent, isStandalone: true, selector: "mapa-report-indicators-widget-list", usesInheritance: true, ngImport: i0, template: "<div class=\"mapa-report-widget\" [attr.data-palette]=\"palette()\">\n @if (!indicators().length) {\n <p class=\"mapa-report-widget__empty\">{{ i18n.texts.report.emptyState }}</p>\n } @else {\n <div\n class=\"mapa-report-indicators mapa-report-indicators--list\"\n [class.mapa-report-indicators--single-column]=\"\n indicatorColumns().length === 1\n \"\n [class.mapa-report-indicators--two-columns]=\"\n indicatorColumns().length === 2\n \"\n >\n @for (column of indicatorColumns(); track $index) {\n <div class=\"mapa-report-indicators__column\">\n @for (group of column; track group.id) {\n <section\n class=\"mapa-report-indicator-group mapa-report-indicator-group--list\"\n >\n <header class=\"mapa-report-indicator-group__heading\">\n <h3>{{ group.name }}</h3>\n <span>{{\n i18n.texts.report.itemCountLabel(group.indicators.length)\n }}</span>\n </header>\n <div class=\"mapa-report-indicator-group__list\">\n @for (indicator of group.indicators; track indicator.id) {\n <article\n class=\"mapa-report-indicator mapa-report-indicator--list\"\n >\n <span\n class=\"mapa-direction-indicator\"\n [attr.aria-label]=\"directionLabel(indicator)\"\n >{{ directionArrow(indicator) }}</span\n >\n <h4>{{ indicator.name }}</h4>\n <mapa-result-track\n appearance=\"rounded\"\n [style]=\"'thin'\"\n [showValue]=\"false\"\n [color]=\"color(indicator)\"\n [name]=\"indicator.name\"\n [value]=\"value(indicator)\"\n />\n <strong>{{ value(indicator) }}%</strong>\n </article>\n }\n </div>\n </section>\n }\n </div>\n }\n </div>\n }\n</div>\n", styles: [":host{color:var(--mapa-report-text, #263238);display:block;min-width:0;font-family:var(--mapa-font-body, \"Asap\", \"Roboto\", sans-serif)}.mapa-report-widget{display:grid;gap:var(--mapa-report-space)}.mapa-report-widget__header{align-items:flex-start;column-gap:16px;display:grid;grid-template-columns:minmax(0,1fr) auto}.mapa-report-widget__heading{display:contents}.mapa-report-widget__heading h2{color:var(--mapa-report-accent);font-size:20px;font-weight:650;grid-column:1;grid-row:1;line-height:1.25;margin:0}.mapa-report-widget__description{color:var(--mapa-report-muted);font-size:13px;grid-column:1/-1;grid-row:2;line-height:1.5;margin:5px 0 0}.mapa-report-widget__description ::ng-deep ol,.mapa-report-widget__description ::ng-deep p,.mapa-report-widget__description ::ng-deep ul{margin:0 0 8px}.mapa-report-widget__description ::ng-deep ol,.mapa-report-widget__description ::ng-deep ul{padding-left:20px}.mapa-report-widget__description ::ng-deep li{margin:0 0 3px}.mapa-report-widget__description ::ng-deep b,.mapa-report-widget__description ::ng-deep strong{color:var(--mapa-report-text, inherit);font-weight:600}.mapa-report-widget__description ::ng-deep :last-child{margin-bottom:0}.mapa-report-widget__modes{--mat-button-toggle-background-color: transparent;--mat-button-toggle-divider-color: transparent;--mat-button-toggle-height: 32px;--mat-button-toggle-label-text-font: var( --mapa-font-body, \"Asap\", sans-serif );--mat-button-toggle-label-text-size: 13px;--mat-button-toggle-label-text-weight: 500;--mat-button-toggle-selected-state-background-color: var( --mapa-toggle-selected-surface, #fff );--mat-button-toggle-selected-state-text-color: var( --mapa-toggle-selected-text, #162f42 );--mat-button-toggle-shape: 7px;--mat-button-toggle-text-color: var(--mapa-toggle-text, #5b6672);align-items:center;background:var(--mapa-toggle-surface, #f1f2f4);border:0;border-radius:9px;box-sizing:border-box;gap:2px;grid-column:2;grid-row:1;overflow:hidden;padding:3px}.mapa-report-widget__modes mat-button-toggle{border:0;border-radius:7px;font:500 13px/1 var(--mapa-font-body, \"Asap\", sans-serif)}.mapa-report-widget__modes mat-button-toggle.mat-button-toggle-checked{box-shadow:0 1px 2px #162f4224}.mapa-report-widget__modes ::ng-deep .mat-button-toggle-button:focus-visible{outline:2px solid #cf450c;outline-offset:-2px}.mapa-report-widget__modes mat-icon{font-size:14px;height:14px;margin-right:5px;width:14px}.mapa-report-widget__modes--standalone{grid-column:1;grid-row:auto;justify-self:end}.mapa-report-widget__empty{color:var(--mapa-report-muted);margin:0;padding:24px 0;text-align:center}@media(max-width:760px){.mapa-report-widget__header{align-items:stretch;grid-template-columns:minmax(0,1fr)}.mapa-report-widget__modes{grid-column:1;grid-row:3;justify-self:start;margin-top:12px}.mapa-report-widget__modes--standalone{grid-row:auto;margin-top:0}}.mapa-direction-indicator{background:var(--mapa-report-surface, var(--mapa-color-surface, #fafbfc));border:1px solid currentColor;border-radius:50%;box-sizing:border-box;color:var(--mapa-report-muted, var(--mapa-color-text-subtle, #68747a));display:inline-grid;flex:0 0 20px;font-size:11px;font-weight:700;height:20px;line-height:1;place-items:center;width:20px}.mapa-report-indicators{display:grid;gap:20px}.mapa-report-indicators--list{align-items:start;grid-template-columns:repeat(3,minmax(0,1fr))}.mapa-report-indicators--single-column{grid-template-columns:1fr}.mapa-report-indicators--two-columns{grid-template-columns:repeat(2,minmax(0,1fr))}.mapa-report-indicators--rows{padding-top:2px}.mapa-report-indicators__column{display:grid;gap:23px;min-width:0}.mapa-report-indicator-group{min-width:0}.mapa-report-indicator-group__heading{align-items:baseline;display:flex;gap:12px;justify-content:space-between;margin-bottom:10px}.mapa-report-indicator-group__heading h3{color:var(--mapa-report-text, #263238);font-size:15px;font-weight:600;line-height:1.3;margin:0}.mapa-report-indicator-group__heading>span{color:var(--mapa-report-muted, #68747a);flex-shrink:0;font-size:12px}.mapa-report-indicator-group--list .mapa-report-indicator-group__heading{border-bottom:1px solid var(--mapa-report-border, #e1e5e7);margin-bottom:0;padding-bottom:8px}.mapa-report-indicator-group__list{display:grid;gap:0}.mapa-report-indicator-group__rows{background:var(--mapa-report-surface, #fff);border:1px solid var(--mapa-report-border, #e1e5e7);border-radius:10px;overflow:hidden}.mapa-report-indicator{min-width:0}.mapa-report-indicator--list{align-items:center;box-sizing:border-box;border-bottom:1px solid #f1f3f5;color:#334452;display:grid;gap:10px;grid-template-columns:20px minmax(0,1fr) minmax(48px,.5fr) 34px;min-height:38px;padding:9px 0}.mapa-report-indicator--list h4{font-size:13px;font-weight:400;line-height:1.25;margin:0;overflow-wrap:anywhere}.mapa-report-indicator--list>strong{color:var(--mapa-report-text, #263238);font-size:13px;font-weight:600;font-variant-numeric:tabular-nums;text-align:right}.mapa-report-indicator--row{padding:12px 16px}.mapa-report-indicator--row+.mapa-report-indicator--row{border-top:1px solid var(--mapa-report-border, #e1e5e7)}.mapa-report-indicator__graph,.mapa-report-indicator__columns{align-items:center;display:grid;gap:16px;grid-template-columns:minmax(0,1.2fr) 112px minmax(0,2.6fr) 44px}.mapa-report-indicator__columns{background:#fafbfb;border-bottom:1px solid var(--mapa-report-border, #e1e5e7);color:var(--mapa-report-muted, #68747a);font-size:11px;font-weight:600;letter-spacing:.08em;padding:10px 16px;text-transform:uppercase}.mapa-report-indicator__columns>:first-child{padding-left:36px}.mapa-report-indicator__columns>:last-child{text-align:right}.mapa-report-indicator__name{align-items:center;color:var(--mapa-report-text, #263238);display:flex;gap:16px;min-width:0}.mapa-report-indicator__name h4{font-size:13.5px;font-weight:500;line-height:1.25;margin:0;overflow-wrap:anywhere}.mapa-report-indicator__graph mapa-classification-tag{--mapa-classification-tag-min-width: 112px;justify-self:start;max-width:112px}.mapa-report-indicator__percent{color:#1f3850;font-size:13px;font-weight:600;font-variant-numeric:tabular-nums;text-align:right}.mapa-report-indicator__mode-label--compact{display:none}.mapa-report-indicator__detail{color:var(--mapa-report-muted, #68747a);display:flex;font-size:12.5px;gap:4px;line-height:1.55;margin:8px 0 0 36px}.mapa-report-indicator__detail>strong{color:var(--mapa-report-text, #263238);flex:0 0 auto;font-weight:600}.mapa-report-indicator__detail .mapa-report-indicator__copy{min-width:0}.mapa-report-indicator__detail .mapa-report-indicator__copy ::ng-deep ol,.mapa-report-indicator__detail .mapa-report-indicator__copy ::ng-deep p,.mapa-report-indicator__detail .mapa-report-indicator__copy ::ng-deep ul{margin:0 0 8px}.mapa-report-indicator__detail .mapa-report-indicator__copy ::ng-deep ol,.mapa-report-indicator__detail .mapa-report-indicator__copy ::ng-deep ul{padding-left:20px}.mapa-report-indicator__detail .mapa-report-indicator__copy ::ng-deep li{margin:0 0 3px}.mapa-report-indicator__detail .mapa-report-indicator__copy ::ng-deep b,.mapa-report-indicator__detail .mapa-report-indicator__copy ::ng-deep strong{color:var(--mapa-report-text, inherit);font-weight:600}.mapa-report-indicator__detail .mapa-report-indicator__copy ::ng-deep :last-child{margin-bottom:0}.mapa-report-indicator__detail div{min-width:0}.mapa-report-indicator__detail :last-child{margin-bottom:0}@media(max-width:760px){.mapa-report-indicator__name{gap:8px}.mapa-report-indicator__columns{display:none}.mapa-report-indicator__graph{gap:8px;grid-template-columns:minmax(0,1fr) 112px 40px}.mapa-report-indicator__graph mapa-result-track{grid-column:1/-1;grid-row:2;margin-top:3px}}@media(max-width:560px){.mapa-report-widget__modes{--mat-button-toggle-label-text-size: 11px;align-self:stretch;display:flex;justify-self:stretch}.mapa-report-widget__modes mat-button-toggle{flex:1 1 0;font:500 10px/1 var(--mapa-font-body, \"Asap\", sans-serif);min-width:0}.mapa-report-indicator__mode-icon,.mapa-report-indicator__mode-label--full{display:none}.mapa-report-indicator__mode-label--compact{display:inline}.mapa-report-indicators--list:not(.mapa-report-indicators--single-column){grid-template-columns:1fr}.mapa-report-indicator--list{min-height:36px}.mapa-report-indicator--row{padding:12px}.mapa-report-indicator__detail{display:block}.mapa-report-indicator__detail>strong{display:block;margin-bottom:3px}}\n"], dependencies: [{ kind: "component", type: MapaResultTrackComponent, selector: "mapa-result-track", inputs: ["name", "value", "color", "mode", "appearance", "style", "direction", "showValue", "ariaLabel"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
8901
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.21", type: MapaReportIndicatorsWidgetListComponent, isStandalone: true, selector: "mapa-report-indicators-widget-list", usesInheritance: true, ngImport: i0, template: "<div class=\"mapa-report-widget\" [attr.data-palette]=\"palette()\">\n @if (!indicators().length) {\n <p class=\"mapa-report-widget__empty\">{{ i18n.texts.report.emptyState }}</p>\n } @else {\n <div\n class=\"mapa-report-indicators mapa-report-indicators--list\"\n [class.mapa-report-indicators--single-column]=\"\n indicatorColumns().length === 1\n \"\n [class.mapa-report-indicators--two-columns]=\"\n indicatorColumns().length === 2\n \"\n >\n @for (column of indicatorColumns(); track $index) {\n <div class=\"mapa-report-indicators__column\">\n @for (group of column; track group.id) {\n <section\n class=\"mapa-report-indicator-group mapa-report-indicator-group--list\"\n >\n <header class=\"mapa-report-indicator-group__heading\">\n <h3>{{ group.name }}</h3>\n <span>{{\n i18n.texts.report.itemCountLabel(group.indicators.length)\n }}</span>\n </header>\n <div class=\"mapa-report-indicator-group__list\">\n @for (indicator of group.indicators; track indicator.id) {\n <article\n class=\"mapa-report-indicator mapa-report-indicator--list\"\n >\n <span\n class=\"mapa-direction-indicator\"\n [attr.aria-label]=\"directionLabel(indicator)\"\n >{{ directionArrow(indicator) }}</span\n >\n <h4>{{ indicator.name }}</h4>\n <mapa-result-track\n appearance=\"rounded\"\n [style]=\"'thin'\"\n [showValue]=\"false\"\n [color]=\"color(indicator)\"\n [name]=\"indicator.name\"\n [value]=\"value(indicator)\"\n />\n <strong>{{ value(indicator) }}%</strong>\n </article>\n }\n </div>\n </section>\n }\n </div>\n }\n </div>\n }\n</div>\n", styles: [":host{color:var(--mapa-report-text, #263238);display:block;min-width:0;font-family:var(--mapa-font-body, \"Asap\", \"Roboto\", sans-serif)}.mapa-report-widget{display:grid;gap:var(--mapa-report-space)}.mapa-report-widget__header{align-items:flex-start;column-gap:16px;display:grid;grid-template-columns:minmax(0,1fr) auto}.mapa-report-widget__heading{display:contents}.mapa-report-widget__heading h2{color:var(--mapa-report-accent);font-size:20px;font-weight:650;grid-column:1;grid-row:1;line-height:1.25;margin:0}.mapa-report-widget__description{color:var(--mapa-report-muted);font-size:13px;grid-column:1/-1;grid-row:2;line-height:1.5;margin:5px 0 0}.mapa-report-widget__description ::ng-deep ol,.mapa-report-widget__description ::ng-deep p,.mapa-report-widget__description ::ng-deep ul{margin:0 0 8px}.mapa-report-widget__description ::ng-deep ol,.mapa-report-widget__description ::ng-deep ul{padding-left:20px}.mapa-report-widget__description ::ng-deep li{margin:0 0 3px}.mapa-report-widget__description ::ng-deep b,.mapa-report-widget__description ::ng-deep strong{color:var(--mapa-report-text, inherit);font-weight:600}.mapa-report-widget__description ::ng-deep :last-child{margin-bottom:0}.mapa-report-widget__modes{--mat-button-toggle-background-color: transparent;--mat-button-toggle-divider-color: transparent;--mat-button-toggle-height: 32px;--mat-button-toggle-label-text-font: var( --mapa-font-body, \"Asap\", sans-serif );--mat-button-toggle-label-text-size: 13px;--mat-button-toggle-label-text-weight: 500;--mat-button-toggle-selected-state-background-color: var( --mapa-toggle-selected-surface, #fff );--mat-button-toggle-selected-state-text-color: var( --mapa-toggle-selected-text, #162f42 );--mat-button-toggle-shape: 7px;--mat-button-toggle-text-color: var(--mapa-toggle-text, #5b6672);align-items:center;background:var(--mapa-toggle-surface, #f1f2f4);border:0;border-radius:9px;box-sizing:border-box;gap:2px;grid-column:2;grid-row:1;overflow:hidden;padding:3px}.mapa-report-widget__modes mat-button-toggle{border:0;border-radius:7px;font:500 13px/1 var(--mapa-font-body, \"Asap\", sans-serif)}.mapa-report-widget__modes mat-button-toggle.mat-button-toggle-checked{box-shadow:0 1px 2px #162f4224}.mapa-report-widget__modes ::ng-deep .mat-button-toggle-button:focus-visible{outline:2px solid #cf450c;outline-offset:-2px}.mapa-report-widget__modes mat-icon{font-size:14px;height:14px;margin-right:5px;width:14px}.mapa-report-widget__modes--standalone{grid-column:1;grid-row:auto;justify-self:end}.mapa-report-widget__empty{color:var(--mapa-report-muted);margin:0;padding:24px 0;text-align:center}@media(max-width:760px){.mapa-report-widget__header{align-items:stretch;grid-template-columns:minmax(0,1fr)}.mapa-report-widget__modes{grid-column:1;grid-row:3;justify-self:start;margin-top:12px}.mapa-report-widget__modes--standalone{grid-row:auto;margin-top:0}}.mapa-direction-indicator{background:var(--mapa-report-surface, var(--mapa-color-surface, #fafbfc));border:1px solid currentColor;border-radius:50%;box-sizing:border-box;color:var(--mapa-report-muted, var(--mapa-color-text-subtle, #68747a));display:inline-grid;flex:0 0 20px;font-size:11px;font-weight:700;height:20px;line-height:1;place-items:center;width:20px}:host{--mapa-indicator-default-color: var(--mapa-result-color, #ff560b)}.mapa-report-indicators{display:grid;gap:20px}.mapa-report-indicators--list{align-items:start;grid-template-columns:repeat(3,minmax(0,1fr))}.mapa-report-indicators--single-column{grid-template-columns:1fr}.mapa-report-indicators--two-columns{grid-template-columns:repeat(2,minmax(0,1fr))}.mapa-report-indicators--rows{padding-top:2px}.mapa-report-indicators__column{display:grid;gap:23px;min-width:0}.mapa-report-indicator-group{min-width:0}.mapa-report-indicator-group__heading{align-items:baseline;display:flex;gap:12px;justify-content:space-between;margin-bottom:10px}.mapa-report-indicator-group__heading h3{color:var(--mapa-report-text, #263238);font-size:15px;font-weight:600;line-height:1.3;margin:0}.mapa-report-indicator-group__heading>span{color:var(--mapa-report-muted, #68747a);flex-shrink:0;font-size:12px}.mapa-report-indicator-group--list .mapa-report-indicator-group__heading{border-bottom:1px solid var(--mapa-report-border, #e1e5e7);margin-bottom:0;padding-bottom:8px}.mapa-report-indicator-group__list{display:grid;gap:0}.mapa-report-indicator-group__rows{background:var(--mapa-report-surface, #fff);border:1px solid var(--mapa-report-border, #e1e5e7);border-radius:10px;overflow:hidden}.mapa-report-indicator{min-width:0}.mapa-report-indicator--list{align-items:center;box-sizing:border-box;border-bottom:1px solid #f1f3f5;color:#334452;display:grid;gap:10px;grid-template-columns:20px minmax(0,1fr) minmax(48px,.5fr) 34px;min-height:38px;padding:9px 0}.mapa-report-indicator--list h4{font-size:13px;font-weight:400;line-height:1.25;margin:0;overflow-wrap:anywhere}.mapa-report-indicator--list>strong{color:var(--mapa-report-text, #263238);font-size:13px;font-weight:600;font-variant-numeric:tabular-nums;text-align:right}.mapa-report-indicator--row{padding:12px 16px}.mapa-report-indicator--row+.mapa-report-indicator--row{border-top:1px solid var(--mapa-report-border, #e1e5e7)}.mapa-report-indicator__graph,.mapa-report-indicator__columns{align-items:center;display:grid;gap:16px;grid-template-columns:minmax(0,1.2fr) 112px minmax(0,2.6fr) 44px}.mapa-report-indicator__columns{background:#fafbfb;border-bottom:1px solid var(--mapa-report-border, #e1e5e7);color:var(--mapa-report-muted, #68747a);font-size:11px;font-weight:600;letter-spacing:.08em;padding:10px 16px;text-transform:uppercase}.mapa-report-indicator__columns>:first-child{padding-left:36px}.mapa-report-indicator__columns>:last-child{text-align:right}.mapa-report-indicator__name{align-items:center;color:var(--mapa-report-text, #263238);display:flex;gap:16px;min-width:0}.mapa-report-indicator__name h4{font-size:13.5px;font-weight:500;line-height:1.25;margin:0;overflow-wrap:anywhere}.mapa-report-indicator__graph mapa-classification-tag{--mapa-classification-tag-min-width: 112px;justify-self:start;max-width:112px}.mapa-report-indicator__percent{color:#1f3850;font-size:13px;font-weight:600;font-variant-numeric:tabular-nums;text-align:right}.mapa-report-indicator__mode-label--compact{display:none}.mapa-report-indicator__detail{color:var(--mapa-report-muted, #68747a);display:flex;font-size:12.5px;gap:4px;line-height:1.55;margin:8px 0 0 36px}.mapa-report-indicator__detail>strong{color:var(--mapa-report-text, #263238);flex:0 0 auto;font-weight:600}.mapa-report-indicator__detail .mapa-report-indicator__copy{min-width:0}.mapa-report-indicator__detail .mapa-report-indicator__copy ::ng-deep ol,.mapa-report-indicator__detail .mapa-report-indicator__copy ::ng-deep p,.mapa-report-indicator__detail .mapa-report-indicator__copy ::ng-deep ul{margin:0 0 8px}.mapa-report-indicator__detail .mapa-report-indicator__copy ::ng-deep ol,.mapa-report-indicator__detail .mapa-report-indicator__copy ::ng-deep ul{padding-left:20px}.mapa-report-indicator__detail .mapa-report-indicator__copy ::ng-deep li{margin:0 0 3px}.mapa-report-indicator__detail .mapa-report-indicator__copy ::ng-deep b,.mapa-report-indicator__detail .mapa-report-indicator__copy ::ng-deep strong{color:var(--mapa-report-text, inherit);font-weight:600}.mapa-report-indicator__detail .mapa-report-indicator__copy ::ng-deep :last-child{margin-bottom:0}.mapa-report-indicator__detail div{min-width:0}.mapa-report-indicator__detail :last-child{margin-bottom:0}@media(max-width:760px){.mapa-report-indicator__name{gap:8px}.mapa-report-indicator__columns{display:none}.mapa-report-indicator__graph{gap:8px;grid-template-columns:minmax(0,1fr) 112px 40px}.mapa-report-indicator__graph mapa-result-track{grid-column:1/-1;grid-row:2;margin-top:3px}}@media(max-width:560px){.mapa-report-widget__modes{--mat-button-toggle-label-text-size: 11px;align-self:stretch;display:flex;justify-self:stretch}.mapa-report-widget__modes mat-button-toggle{flex:1 1 0;font:500 10px/1 var(--mapa-font-body, \"Asap\", sans-serif);min-width:0}.mapa-report-indicator__mode-icon,.mapa-report-indicator__mode-label--full{display:none}.mapa-report-indicator__mode-label--compact{display:inline}.mapa-report-indicators--list:not(.mapa-report-indicators--single-column){grid-template-columns:1fr}.mapa-report-indicator--list{min-height:36px}.mapa-report-indicator--row{padding:12px}.mapa-report-indicator__detail{display:block}.mapa-report-indicator__detail>strong{display:block;margin-bottom:3px}}\n"], dependencies: [{ kind: "component", type: MapaResultTrackComponent, selector: "mapa-result-track", inputs: ["name", "value", "color", "mode", "appearance", "style", "direction", "showValue", "ariaLabel"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
8894
8902
|
}
|
|
8895
8903
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.21", ngImport: i0, type: MapaReportIndicatorsWidgetListComponent, decorators: [{
|
|
8896
8904
|
type: Component,
|
|
8897
|
-
args: [{ selector: 'mapa-report-indicators-widget-list', standalone: true, imports: [MapaResultTrackComponent], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"mapa-report-widget\" [attr.data-palette]=\"palette()\">\n @if (!indicators().length) {\n <p class=\"mapa-report-widget__empty\">{{ i18n.texts.report.emptyState }}</p>\n } @else {\n <div\n class=\"mapa-report-indicators mapa-report-indicators--list\"\n [class.mapa-report-indicators--single-column]=\"\n indicatorColumns().length === 1\n \"\n [class.mapa-report-indicators--two-columns]=\"\n indicatorColumns().length === 2\n \"\n >\n @for (column of indicatorColumns(); track $index) {\n <div class=\"mapa-report-indicators__column\">\n @for (group of column; track group.id) {\n <section\n class=\"mapa-report-indicator-group mapa-report-indicator-group--list\"\n >\n <header class=\"mapa-report-indicator-group__heading\">\n <h3>{{ group.name }}</h3>\n <span>{{\n i18n.texts.report.itemCountLabel(group.indicators.length)\n }}</span>\n </header>\n <div class=\"mapa-report-indicator-group__list\">\n @for (indicator of group.indicators; track indicator.id) {\n <article\n class=\"mapa-report-indicator mapa-report-indicator--list\"\n >\n <span\n class=\"mapa-direction-indicator\"\n [attr.aria-label]=\"directionLabel(indicator)\"\n >{{ directionArrow(indicator) }}</span\n >\n <h4>{{ indicator.name }}</h4>\n <mapa-result-track\n appearance=\"rounded\"\n [style]=\"'thin'\"\n [showValue]=\"false\"\n [color]=\"color(indicator)\"\n [name]=\"indicator.name\"\n [value]=\"value(indicator)\"\n />\n <strong>{{ value(indicator) }}%</strong>\n </article>\n }\n </div>\n </section>\n }\n </div>\n }\n </div>\n }\n</div>\n", styles: [":host{color:var(--mapa-report-text, #263238);display:block;min-width:0;font-family:var(--mapa-font-body, \"Asap\", \"Roboto\", sans-serif)}.mapa-report-widget{display:grid;gap:var(--mapa-report-space)}.mapa-report-widget__header{align-items:flex-start;column-gap:16px;display:grid;grid-template-columns:minmax(0,1fr) auto}.mapa-report-widget__heading{display:contents}.mapa-report-widget__heading h2{color:var(--mapa-report-accent);font-size:20px;font-weight:650;grid-column:1;grid-row:1;line-height:1.25;margin:0}.mapa-report-widget__description{color:var(--mapa-report-muted);font-size:13px;grid-column:1/-1;grid-row:2;line-height:1.5;margin:5px 0 0}.mapa-report-widget__description ::ng-deep ol,.mapa-report-widget__description ::ng-deep p,.mapa-report-widget__description ::ng-deep ul{margin:0 0 8px}.mapa-report-widget__description ::ng-deep ol,.mapa-report-widget__description ::ng-deep ul{padding-left:20px}.mapa-report-widget__description ::ng-deep li{margin:0 0 3px}.mapa-report-widget__description ::ng-deep b,.mapa-report-widget__description ::ng-deep strong{color:var(--mapa-report-text, inherit);font-weight:600}.mapa-report-widget__description ::ng-deep :last-child{margin-bottom:0}.mapa-report-widget__modes{--mat-button-toggle-background-color: transparent;--mat-button-toggle-divider-color: transparent;--mat-button-toggle-height: 32px;--mat-button-toggle-label-text-font: var( --mapa-font-body, \"Asap\", sans-serif );--mat-button-toggle-label-text-size: 13px;--mat-button-toggle-label-text-weight: 500;--mat-button-toggle-selected-state-background-color: var( --mapa-toggle-selected-surface, #fff );--mat-button-toggle-selected-state-text-color: var( --mapa-toggle-selected-text, #162f42 );--mat-button-toggle-shape: 7px;--mat-button-toggle-text-color: var(--mapa-toggle-text, #5b6672);align-items:center;background:var(--mapa-toggle-surface, #f1f2f4);border:0;border-radius:9px;box-sizing:border-box;gap:2px;grid-column:2;grid-row:1;overflow:hidden;padding:3px}.mapa-report-widget__modes mat-button-toggle{border:0;border-radius:7px;font:500 13px/1 var(--mapa-font-body, \"Asap\", sans-serif)}.mapa-report-widget__modes mat-button-toggle.mat-button-toggle-checked{box-shadow:0 1px 2px #162f4224}.mapa-report-widget__modes ::ng-deep .mat-button-toggle-button:focus-visible{outline:2px solid #cf450c;outline-offset:-2px}.mapa-report-widget__modes mat-icon{font-size:14px;height:14px;margin-right:5px;width:14px}.mapa-report-widget__modes--standalone{grid-column:1;grid-row:auto;justify-self:end}.mapa-report-widget__empty{color:var(--mapa-report-muted);margin:0;padding:24px 0;text-align:center}@media(max-width:760px){.mapa-report-widget__header{align-items:stretch;grid-template-columns:minmax(0,1fr)}.mapa-report-widget__modes{grid-column:1;grid-row:3;justify-self:start;margin-top:12px}.mapa-report-widget__modes--standalone{grid-row:auto;margin-top:0}}.mapa-direction-indicator{background:var(--mapa-report-surface, var(--mapa-color-surface, #fafbfc));border:1px solid currentColor;border-radius:50%;box-sizing:border-box;color:var(--mapa-report-muted, var(--mapa-color-text-subtle, #68747a));display:inline-grid;flex:0 0 20px;font-size:11px;font-weight:700;height:20px;line-height:1;place-items:center;width:20px}.mapa-report-indicators{display:grid;gap:20px}.mapa-report-indicators--list{align-items:start;grid-template-columns:repeat(3,minmax(0,1fr))}.mapa-report-indicators--single-column{grid-template-columns:1fr}.mapa-report-indicators--two-columns{grid-template-columns:repeat(2,minmax(0,1fr))}.mapa-report-indicators--rows{padding-top:2px}.mapa-report-indicators__column{display:grid;gap:23px;min-width:0}.mapa-report-indicator-group{min-width:0}.mapa-report-indicator-group__heading{align-items:baseline;display:flex;gap:12px;justify-content:space-between;margin-bottom:10px}.mapa-report-indicator-group__heading h3{color:var(--mapa-report-text, #263238);font-size:15px;font-weight:600;line-height:1.3;margin:0}.mapa-report-indicator-group__heading>span{color:var(--mapa-report-muted, #68747a);flex-shrink:0;font-size:12px}.mapa-report-indicator-group--list .mapa-report-indicator-group__heading{border-bottom:1px solid var(--mapa-report-border, #e1e5e7);margin-bottom:0;padding-bottom:8px}.mapa-report-indicator-group__list{display:grid;gap:0}.mapa-report-indicator-group__rows{background:var(--mapa-report-surface, #fff);border:1px solid var(--mapa-report-border, #e1e5e7);border-radius:10px;overflow:hidden}.mapa-report-indicator{min-width:0}.mapa-report-indicator--list{align-items:center;box-sizing:border-box;border-bottom:1px solid #f1f3f5;color:#334452;display:grid;gap:10px;grid-template-columns:20px minmax(0,1fr) minmax(48px,.5fr) 34px;min-height:38px;padding:9px 0}.mapa-report-indicator--list h4{font-size:13px;font-weight:400;line-height:1.25;margin:0;overflow-wrap:anywhere}.mapa-report-indicator--list>strong{color:var(--mapa-report-text, #263238);font-size:13px;font-weight:600;font-variant-numeric:tabular-nums;text-align:right}.mapa-report-indicator--row{padding:12px 16px}.mapa-report-indicator--row+.mapa-report-indicator--row{border-top:1px solid var(--mapa-report-border, #e1e5e7)}.mapa-report-indicator__graph,.mapa-report-indicator__columns{align-items:center;display:grid;gap:16px;grid-template-columns:minmax(0,1.2fr) 112px minmax(0,2.6fr) 44px}.mapa-report-indicator__columns{background:#fafbfb;border-bottom:1px solid var(--mapa-report-border, #e1e5e7);color:var(--mapa-report-muted, #68747a);font-size:11px;font-weight:600;letter-spacing:.08em;padding:10px 16px;text-transform:uppercase}.mapa-report-indicator__columns>:first-child{padding-left:36px}.mapa-report-indicator__columns>:last-child{text-align:right}.mapa-report-indicator__name{align-items:center;color:var(--mapa-report-text, #263238);display:flex;gap:16px;min-width:0}.mapa-report-indicator__name h4{font-size:13.5px;font-weight:500;line-height:1.25;margin:0;overflow-wrap:anywhere}.mapa-report-indicator__graph mapa-classification-tag{--mapa-classification-tag-min-width: 112px;justify-self:start;max-width:112px}.mapa-report-indicator__percent{color:#1f3850;font-size:13px;font-weight:600;font-variant-numeric:tabular-nums;text-align:right}.mapa-report-indicator__mode-label--compact{display:none}.mapa-report-indicator__detail{color:var(--mapa-report-muted, #68747a);display:flex;font-size:12.5px;gap:4px;line-height:1.55;margin:8px 0 0 36px}.mapa-report-indicator__detail>strong{color:var(--mapa-report-text, #263238);flex:0 0 auto;font-weight:600}.mapa-report-indicator__detail .mapa-report-indicator__copy{min-width:0}.mapa-report-indicator__detail .mapa-report-indicator__copy ::ng-deep ol,.mapa-report-indicator__detail .mapa-report-indicator__copy ::ng-deep p,.mapa-report-indicator__detail .mapa-report-indicator__copy ::ng-deep ul{margin:0 0 8px}.mapa-report-indicator__detail .mapa-report-indicator__copy ::ng-deep ol,.mapa-report-indicator__detail .mapa-report-indicator__copy ::ng-deep ul{padding-left:20px}.mapa-report-indicator__detail .mapa-report-indicator__copy ::ng-deep li{margin:0 0 3px}.mapa-report-indicator__detail .mapa-report-indicator__copy ::ng-deep b,.mapa-report-indicator__detail .mapa-report-indicator__copy ::ng-deep strong{color:var(--mapa-report-text, inherit);font-weight:600}.mapa-report-indicator__detail .mapa-report-indicator__copy ::ng-deep :last-child{margin-bottom:0}.mapa-report-indicator__detail div{min-width:0}.mapa-report-indicator__detail :last-child{margin-bottom:0}@media(max-width:760px){.mapa-report-indicator__name{gap:8px}.mapa-report-indicator__columns{display:none}.mapa-report-indicator__graph{gap:8px;grid-template-columns:minmax(0,1fr) 112px 40px}.mapa-report-indicator__graph mapa-result-track{grid-column:1/-1;grid-row:2;margin-top:3px}}@media(max-width:560px){.mapa-report-widget__modes{--mat-button-toggle-label-text-size: 11px;align-self:stretch;display:flex;justify-self:stretch}.mapa-report-widget__modes mat-button-toggle{flex:1 1 0;font:500 10px/1 var(--mapa-font-body, \"Asap\", sans-serif);min-width:0}.mapa-report-indicator__mode-icon,.mapa-report-indicator__mode-label--full{display:none}.mapa-report-indicator__mode-label--compact{display:inline}.mapa-report-indicators--list:not(.mapa-report-indicators--single-column){grid-template-columns:1fr}.mapa-report-indicator--list{min-height:36px}.mapa-report-indicator--row{padding:12px}.mapa-report-indicator__detail{display:block}.mapa-report-indicator__detail>strong{display:block;margin-bottom:3px}}\n"] }]
|
|
8905
|
+
args: [{ selector: 'mapa-report-indicators-widget-list', standalone: true, imports: [MapaResultTrackComponent], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"mapa-report-widget\" [attr.data-palette]=\"palette()\">\n @if (!indicators().length) {\n <p class=\"mapa-report-widget__empty\">{{ i18n.texts.report.emptyState }}</p>\n } @else {\n <div\n class=\"mapa-report-indicators mapa-report-indicators--list\"\n [class.mapa-report-indicators--single-column]=\"\n indicatorColumns().length === 1\n \"\n [class.mapa-report-indicators--two-columns]=\"\n indicatorColumns().length === 2\n \"\n >\n @for (column of indicatorColumns(); track $index) {\n <div class=\"mapa-report-indicators__column\">\n @for (group of column; track group.id) {\n <section\n class=\"mapa-report-indicator-group mapa-report-indicator-group--list\"\n >\n <header class=\"mapa-report-indicator-group__heading\">\n <h3>{{ group.name }}</h3>\n <span>{{\n i18n.texts.report.itemCountLabel(group.indicators.length)\n }}</span>\n </header>\n <div class=\"mapa-report-indicator-group__list\">\n @for (indicator of group.indicators; track indicator.id) {\n <article\n class=\"mapa-report-indicator mapa-report-indicator--list\"\n >\n <span\n class=\"mapa-direction-indicator\"\n [attr.aria-label]=\"directionLabel(indicator)\"\n >{{ directionArrow(indicator) }}</span\n >\n <h4>{{ indicator.name }}</h4>\n <mapa-result-track\n appearance=\"rounded\"\n [style]=\"'thin'\"\n [showValue]=\"false\"\n [color]=\"color(indicator)\"\n [name]=\"indicator.name\"\n [value]=\"value(indicator)\"\n />\n <strong>{{ value(indicator) }}%</strong>\n </article>\n }\n </div>\n </section>\n }\n </div>\n }\n </div>\n }\n</div>\n", styles: [":host{color:var(--mapa-report-text, #263238);display:block;min-width:0;font-family:var(--mapa-font-body, \"Asap\", \"Roboto\", sans-serif)}.mapa-report-widget{display:grid;gap:var(--mapa-report-space)}.mapa-report-widget__header{align-items:flex-start;column-gap:16px;display:grid;grid-template-columns:minmax(0,1fr) auto}.mapa-report-widget__heading{display:contents}.mapa-report-widget__heading h2{color:var(--mapa-report-accent);font-size:20px;font-weight:650;grid-column:1;grid-row:1;line-height:1.25;margin:0}.mapa-report-widget__description{color:var(--mapa-report-muted);font-size:13px;grid-column:1/-1;grid-row:2;line-height:1.5;margin:5px 0 0}.mapa-report-widget__description ::ng-deep ol,.mapa-report-widget__description ::ng-deep p,.mapa-report-widget__description ::ng-deep ul{margin:0 0 8px}.mapa-report-widget__description ::ng-deep ol,.mapa-report-widget__description ::ng-deep ul{padding-left:20px}.mapa-report-widget__description ::ng-deep li{margin:0 0 3px}.mapa-report-widget__description ::ng-deep b,.mapa-report-widget__description ::ng-deep strong{color:var(--mapa-report-text, inherit);font-weight:600}.mapa-report-widget__description ::ng-deep :last-child{margin-bottom:0}.mapa-report-widget__modes{--mat-button-toggle-background-color: transparent;--mat-button-toggle-divider-color: transparent;--mat-button-toggle-height: 32px;--mat-button-toggle-label-text-font: var( --mapa-font-body, \"Asap\", sans-serif );--mat-button-toggle-label-text-size: 13px;--mat-button-toggle-label-text-weight: 500;--mat-button-toggle-selected-state-background-color: var( --mapa-toggle-selected-surface, #fff );--mat-button-toggle-selected-state-text-color: var( --mapa-toggle-selected-text, #162f42 );--mat-button-toggle-shape: 7px;--mat-button-toggle-text-color: var(--mapa-toggle-text, #5b6672);align-items:center;background:var(--mapa-toggle-surface, #f1f2f4);border:0;border-radius:9px;box-sizing:border-box;gap:2px;grid-column:2;grid-row:1;overflow:hidden;padding:3px}.mapa-report-widget__modes mat-button-toggle{border:0;border-radius:7px;font:500 13px/1 var(--mapa-font-body, \"Asap\", sans-serif)}.mapa-report-widget__modes mat-button-toggle.mat-button-toggle-checked{box-shadow:0 1px 2px #162f4224}.mapa-report-widget__modes ::ng-deep .mat-button-toggle-button:focus-visible{outline:2px solid #cf450c;outline-offset:-2px}.mapa-report-widget__modes mat-icon{font-size:14px;height:14px;margin-right:5px;width:14px}.mapa-report-widget__modes--standalone{grid-column:1;grid-row:auto;justify-self:end}.mapa-report-widget__empty{color:var(--mapa-report-muted);margin:0;padding:24px 0;text-align:center}@media(max-width:760px){.mapa-report-widget__header{align-items:stretch;grid-template-columns:minmax(0,1fr)}.mapa-report-widget__modes{grid-column:1;grid-row:3;justify-self:start;margin-top:12px}.mapa-report-widget__modes--standalone{grid-row:auto;margin-top:0}}.mapa-direction-indicator{background:var(--mapa-report-surface, var(--mapa-color-surface, #fafbfc));border:1px solid currentColor;border-radius:50%;box-sizing:border-box;color:var(--mapa-report-muted, var(--mapa-color-text-subtle, #68747a));display:inline-grid;flex:0 0 20px;font-size:11px;font-weight:700;height:20px;line-height:1;place-items:center;width:20px}:host{--mapa-indicator-default-color: var(--mapa-result-color, #ff560b)}.mapa-report-indicators{display:grid;gap:20px}.mapa-report-indicators--list{align-items:start;grid-template-columns:repeat(3,minmax(0,1fr))}.mapa-report-indicators--single-column{grid-template-columns:1fr}.mapa-report-indicators--two-columns{grid-template-columns:repeat(2,minmax(0,1fr))}.mapa-report-indicators--rows{padding-top:2px}.mapa-report-indicators__column{display:grid;gap:23px;min-width:0}.mapa-report-indicator-group{min-width:0}.mapa-report-indicator-group__heading{align-items:baseline;display:flex;gap:12px;justify-content:space-between;margin-bottom:10px}.mapa-report-indicator-group__heading h3{color:var(--mapa-report-text, #263238);font-size:15px;font-weight:600;line-height:1.3;margin:0}.mapa-report-indicator-group__heading>span{color:var(--mapa-report-muted, #68747a);flex-shrink:0;font-size:12px}.mapa-report-indicator-group--list .mapa-report-indicator-group__heading{border-bottom:1px solid var(--mapa-report-border, #e1e5e7);margin-bottom:0;padding-bottom:8px}.mapa-report-indicator-group__list{display:grid;gap:0}.mapa-report-indicator-group__rows{background:var(--mapa-report-surface, #fff);border:1px solid var(--mapa-report-border, #e1e5e7);border-radius:10px;overflow:hidden}.mapa-report-indicator{min-width:0}.mapa-report-indicator--list{align-items:center;box-sizing:border-box;border-bottom:1px solid #f1f3f5;color:#334452;display:grid;gap:10px;grid-template-columns:20px minmax(0,1fr) minmax(48px,.5fr) 34px;min-height:38px;padding:9px 0}.mapa-report-indicator--list h4{font-size:13px;font-weight:400;line-height:1.25;margin:0;overflow-wrap:anywhere}.mapa-report-indicator--list>strong{color:var(--mapa-report-text, #263238);font-size:13px;font-weight:600;font-variant-numeric:tabular-nums;text-align:right}.mapa-report-indicator--row{padding:12px 16px}.mapa-report-indicator--row+.mapa-report-indicator--row{border-top:1px solid var(--mapa-report-border, #e1e5e7)}.mapa-report-indicator__graph,.mapa-report-indicator__columns{align-items:center;display:grid;gap:16px;grid-template-columns:minmax(0,1.2fr) 112px minmax(0,2.6fr) 44px}.mapa-report-indicator__columns{background:#fafbfb;border-bottom:1px solid var(--mapa-report-border, #e1e5e7);color:var(--mapa-report-muted, #68747a);font-size:11px;font-weight:600;letter-spacing:.08em;padding:10px 16px;text-transform:uppercase}.mapa-report-indicator__columns>:first-child{padding-left:36px}.mapa-report-indicator__columns>:last-child{text-align:right}.mapa-report-indicator__name{align-items:center;color:var(--mapa-report-text, #263238);display:flex;gap:16px;min-width:0}.mapa-report-indicator__name h4{font-size:13.5px;font-weight:500;line-height:1.25;margin:0;overflow-wrap:anywhere}.mapa-report-indicator__graph mapa-classification-tag{--mapa-classification-tag-min-width: 112px;justify-self:start;max-width:112px}.mapa-report-indicator__percent{color:#1f3850;font-size:13px;font-weight:600;font-variant-numeric:tabular-nums;text-align:right}.mapa-report-indicator__mode-label--compact{display:none}.mapa-report-indicator__detail{color:var(--mapa-report-muted, #68747a);display:flex;font-size:12.5px;gap:4px;line-height:1.55;margin:8px 0 0 36px}.mapa-report-indicator__detail>strong{color:var(--mapa-report-text, #263238);flex:0 0 auto;font-weight:600}.mapa-report-indicator__detail .mapa-report-indicator__copy{min-width:0}.mapa-report-indicator__detail .mapa-report-indicator__copy ::ng-deep ol,.mapa-report-indicator__detail .mapa-report-indicator__copy ::ng-deep p,.mapa-report-indicator__detail .mapa-report-indicator__copy ::ng-deep ul{margin:0 0 8px}.mapa-report-indicator__detail .mapa-report-indicator__copy ::ng-deep ol,.mapa-report-indicator__detail .mapa-report-indicator__copy ::ng-deep ul{padding-left:20px}.mapa-report-indicator__detail .mapa-report-indicator__copy ::ng-deep li{margin:0 0 3px}.mapa-report-indicator__detail .mapa-report-indicator__copy ::ng-deep b,.mapa-report-indicator__detail .mapa-report-indicator__copy ::ng-deep strong{color:var(--mapa-report-text, inherit);font-weight:600}.mapa-report-indicator__detail .mapa-report-indicator__copy ::ng-deep :last-child{margin-bottom:0}.mapa-report-indicator__detail div{min-width:0}.mapa-report-indicator__detail :last-child{margin-bottom:0}@media(max-width:760px){.mapa-report-indicator__name{gap:8px}.mapa-report-indicator__columns{display:none}.mapa-report-indicator__graph{gap:8px;grid-template-columns:minmax(0,1fr) 112px 40px}.mapa-report-indicator__graph mapa-result-track{grid-column:1/-1;grid-row:2;margin-top:3px}}@media(max-width:560px){.mapa-report-widget__modes{--mat-button-toggle-label-text-size: 11px;align-self:stretch;display:flex;justify-self:stretch}.mapa-report-widget__modes mat-button-toggle{flex:1 1 0;font:500 10px/1 var(--mapa-font-body, \"Asap\", sans-serif);min-width:0}.mapa-report-indicator__mode-icon,.mapa-report-indicator__mode-label--full{display:none}.mapa-report-indicator__mode-label--compact{display:inline}.mapa-report-indicators--list:not(.mapa-report-indicators--single-column){grid-template-columns:1fr}.mapa-report-indicator--list{min-height:36px}.mapa-report-indicator--row{padding:12px}.mapa-report-indicator__detail{display:block}.mapa-report-indicator__detail>strong{display:block;margin-bottom:3px}}\n"] }]
|
|
8898
8906
|
}] });
|
|
8899
8907
|
|
|
8900
8908
|
/** Reusable chart content, without the widget heading or mode selector. */
|
|
8901
8909
|
class MapaReportIndicatorsWidgetChartComponent extends ReportIndicatorsContent {
|
|
8902
8910
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.21", ngImport: i0, type: MapaReportIndicatorsWidgetChartComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
|
|
8903
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.21", type: MapaReportIndicatorsWidgetChartComponent, isStandalone: true, selector: "mapa-report-indicators-widget-chart", usesInheritance: true, ngImport: i0, template: "<div class=\"mapa-report-widget\" [attr.data-palette]=\"palette()\">\n @if (!indicators().length) {\n <p class=\"mapa-report-widget__empty\">{{ i18n.texts.report.emptyState }}</p>\n } @else {\n <div class=\"mapa-report-indicators mapa-report-indicators--rows\">\n @for (group of groups(); track group.id) {\n <section\n class=\"mapa-report-indicator-group mapa-report-indicator-group--rows\"\n >\n <header class=\"mapa-report-indicator-group__heading\">\n <h3>{{ group.name }}</h3>\n <span>{{\n i18n.texts.report.itemCountLabel(group.indicators.length)\n }}</span>\n </header>\n <div class=\"mapa-report-indicator-group__rows\">\n <div class=\"mapa-report-indicator__columns\" aria-hidden=\"true\">\n <span>{{ i18n.texts.report.indicatorTitle }}</span>\n <span>{{ i18n.texts.report.classificationTitle }}</span>\n <span>{{ i18n.texts.report.resultTitle }}</span>\n <span>%</span>\n </div>\n @for (indicator of group.indicators; track indicator.id) {\n <article class=\"mapa-report-indicator mapa-report-indicator--row\">\n <div class=\"mapa-report-indicator__graph\">\n <div class=\"mapa-report-indicator__name\">\n <span\n class=\"mapa-direction-indicator\"\n [attr.aria-label]=\"directionLabel(indicator)\"\n >{{ directionArrow(indicator) }}</span\n >\n <h4>{{ indicator.name }}</h4>\n </div>\n <mapa-classification-tag\n appearance=\"solid\"\n [classification]=\"indicator.classification\"\n />\n <mapa-result-track\n appearance=\"segmented\"\n mode=\"linear\"\n [color]=\"color(indicator)\"\n [name]=\"indicator.name\"\n [value]=\"value(indicator)\"\n />\n <strong class=\"mapa-report-indicator__percent\"\n >{{ value(indicator) }}%</strong\n >\n </div>\n </article>\n }\n </div>\n </section>\n }\n </div>\n }\n</div>\n", styles: [":host{color:var(--mapa-report-text, #263238);display:block;min-width:0;font-family:var(--mapa-font-body, \"Asap\", \"Roboto\", sans-serif)}.mapa-report-widget{display:grid;gap:var(--mapa-report-space)}.mapa-report-widget__header{align-items:flex-start;column-gap:16px;display:grid;grid-template-columns:minmax(0,1fr) auto}.mapa-report-widget__heading{display:contents}.mapa-report-widget__heading h2{color:var(--mapa-report-accent);font-size:20px;font-weight:650;grid-column:1;grid-row:1;line-height:1.25;margin:0}.mapa-report-widget__description{color:var(--mapa-report-muted);font-size:13px;grid-column:1/-1;grid-row:2;line-height:1.5;margin:5px 0 0}.mapa-report-widget__description ::ng-deep ol,.mapa-report-widget__description ::ng-deep p,.mapa-report-widget__description ::ng-deep ul{margin:0 0 8px}.mapa-report-widget__description ::ng-deep ol,.mapa-report-widget__description ::ng-deep ul{padding-left:20px}.mapa-report-widget__description ::ng-deep li{margin:0 0 3px}.mapa-report-widget__description ::ng-deep b,.mapa-report-widget__description ::ng-deep strong{color:var(--mapa-report-text, inherit);font-weight:600}.mapa-report-widget__description ::ng-deep :last-child{margin-bottom:0}.mapa-report-widget__modes{--mat-button-toggle-background-color: transparent;--mat-button-toggle-divider-color: transparent;--mat-button-toggle-height: 32px;--mat-button-toggle-label-text-font: var( --mapa-font-body, \"Asap\", sans-serif );--mat-button-toggle-label-text-size: 13px;--mat-button-toggle-label-text-weight: 500;--mat-button-toggle-selected-state-background-color: var( --mapa-toggle-selected-surface, #fff );--mat-button-toggle-selected-state-text-color: var( --mapa-toggle-selected-text, #162f42 );--mat-button-toggle-shape: 7px;--mat-button-toggle-text-color: var(--mapa-toggle-text, #5b6672);align-items:center;background:var(--mapa-toggle-surface, #f1f2f4);border:0;border-radius:9px;box-sizing:border-box;gap:2px;grid-column:2;grid-row:1;overflow:hidden;padding:3px}.mapa-report-widget__modes mat-button-toggle{border:0;border-radius:7px;font:500 13px/1 var(--mapa-font-body, \"Asap\", sans-serif)}.mapa-report-widget__modes mat-button-toggle.mat-button-toggle-checked{box-shadow:0 1px 2px #162f4224}.mapa-report-widget__modes ::ng-deep .mat-button-toggle-button:focus-visible{outline:2px solid #cf450c;outline-offset:-2px}.mapa-report-widget__modes mat-icon{font-size:14px;height:14px;margin-right:5px;width:14px}.mapa-report-widget__modes--standalone{grid-column:1;grid-row:auto;justify-self:end}.mapa-report-widget__empty{color:var(--mapa-report-muted);margin:0;padding:24px 0;text-align:center}@media(max-width:760px){.mapa-report-widget__header{align-items:stretch;grid-template-columns:minmax(0,1fr)}.mapa-report-widget__modes{grid-column:1;grid-row:3;justify-self:start;margin-top:12px}.mapa-report-widget__modes--standalone{grid-row:auto;margin-top:0}}.mapa-direction-indicator{background:var(--mapa-report-surface, var(--mapa-color-surface, #fafbfc));border:1px solid currentColor;border-radius:50%;box-sizing:border-box;color:var(--mapa-report-muted, var(--mapa-color-text-subtle, #68747a));display:inline-grid;flex:0 0 20px;font-size:11px;font-weight:700;height:20px;line-height:1;place-items:center;width:20px}.mapa-report-indicators{display:grid;gap:20px}.mapa-report-indicators--list{align-items:start;grid-template-columns:repeat(3,minmax(0,1fr))}.mapa-report-indicators--single-column{grid-template-columns:1fr}.mapa-report-indicators--two-columns{grid-template-columns:repeat(2,minmax(0,1fr))}.mapa-report-indicators--rows{padding-top:2px}.mapa-report-indicators__column{display:grid;gap:23px;min-width:0}.mapa-report-indicator-group{min-width:0}.mapa-report-indicator-group__heading{align-items:baseline;display:flex;gap:12px;justify-content:space-between;margin-bottom:10px}.mapa-report-indicator-group__heading h3{color:var(--mapa-report-text, #263238);font-size:15px;font-weight:600;line-height:1.3;margin:0}.mapa-report-indicator-group__heading>span{color:var(--mapa-report-muted, #68747a);flex-shrink:0;font-size:12px}.mapa-report-indicator-group--list .mapa-report-indicator-group__heading{border-bottom:1px solid var(--mapa-report-border, #e1e5e7);margin-bottom:0;padding-bottom:8px}.mapa-report-indicator-group__list{display:grid;gap:0}.mapa-report-indicator-group__rows{background:var(--mapa-report-surface, #fff);border:1px solid var(--mapa-report-border, #e1e5e7);border-radius:10px;overflow:hidden}.mapa-report-indicator{min-width:0}.mapa-report-indicator--list{align-items:center;box-sizing:border-box;border-bottom:1px solid #f1f3f5;color:#334452;display:grid;gap:10px;grid-template-columns:20px minmax(0,1fr) minmax(48px,.5fr) 34px;min-height:38px;padding:9px 0}.mapa-report-indicator--list h4{font-size:13px;font-weight:400;line-height:1.25;margin:0;overflow-wrap:anywhere}.mapa-report-indicator--list>strong{color:var(--mapa-report-text, #263238);font-size:13px;font-weight:600;font-variant-numeric:tabular-nums;text-align:right}.mapa-report-indicator--row{padding:12px 16px}.mapa-report-indicator--row+.mapa-report-indicator--row{border-top:1px solid var(--mapa-report-border, #e1e5e7)}.mapa-report-indicator__graph,.mapa-report-indicator__columns{align-items:center;display:grid;gap:16px;grid-template-columns:minmax(0,1.2fr) 112px minmax(0,2.6fr) 44px}.mapa-report-indicator__columns{background:#fafbfb;border-bottom:1px solid var(--mapa-report-border, #e1e5e7);color:var(--mapa-report-muted, #68747a);font-size:11px;font-weight:600;letter-spacing:.08em;padding:10px 16px;text-transform:uppercase}.mapa-report-indicator__columns>:first-child{padding-left:36px}.mapa-report-indicator__columns>:last-child{text-align:right}.mapa-report-indicator__name{align-items:center;color:var(--mapa-report-text, #263238);display:flex;gap:16px;min-width:0}.mapa-report-indicator__name h4{font-size:13.5px;font-weight:500;line-height:1.25;margin:0;overflow-wrap:anywhere}.mapa-report-indicator__graph mapa-classification-tag{--mapa-classification-tag-min-width: 112px;justify-self:start;max-width:112px}.mapa-report-indicator__percent{color:#1f3850;font-size:13px;font-weight:600;font-variant-numeric:tabular-nums;text-align:right}.mapa-report-indicator__mode-label--compact{display:none}.mapa-report-indicator__detail{color:var(--mapa-report-muted, #68747a);display:flex;font-size:12.5px;gap:4px;line-height:1.55;margin:8px 0 0 36px}.mapa-report-indicator__detail>strong{color:var(--mapa-report-text, #263238);flex:0 0 auto;font-weight:600}.mapa-report-indicator__detail .mapa-report-indicator__copy{min-width:0}.mapa-report-indicator__detail .mapa-report-indicator__copy ::ng-deep ol,.mapa-report-indicator__detail .mapa-report-indicator__copy ::ng-deep p,.mapa-report-indicator__detail .mapa-report-indicator__copy ::ng-deep ul{margin:0 0 8px}.mapa-report-indicator__detail .mapa-report-indicator__copy ::ng-deep ol,.mapa-report-indicator__detail .mapa-report-indicator__copy ::ng-deep ul{padding-left:20px}.mapa-report-indicator__detail .mapa-report-indicator__copy ::ng-deep li{margin:0 0 3px}.mapa-report-indicator__detail .mapa-report-indicator__copy ::ng-deep b,.mapa-report-indicator__detail .mapa-report-indicator__copy ::ng-deep strong{color:var(--mapa-report-text, inherit);font-weight:600}.mapa-report-indicator__detail .mapa-report-indicator__copy ::ng-deep :last-child{margin-bottom:0}.mapa-report-indicator__detail div{min-width:0}.mapa-report-indicator__detail :last-child{margin-bottom:0}@media(max-width:760px){.mapa-report-indicator__name{gap:8px}.mapa-report-indicator__columns{display:none}.mapa-report-indicator__graph{gap:8px;grid-template-columns:minmax(0,1fr) 112px 40px}.mapa-report-indicator__graph mapa-result-track{grid-column:1/-1;grid-row:2;margin-top:3px}}@media(max-width:560px){.mapa-report-widget__modes{--mat-button-toggle-label-text-size: 11px;align-self:stretch;display:flex;justify-self:stretch}.mapa-report-widget__modes mat-button-toggle{flex:1 1 0;font:500 10px/1 var(--mapa-font-body, \"Asap\", sans-serif);min-width:0}.mapa-report-indicator__mode-icon,.mapa-report-indicator__mode-label--full{display:none}.mapa-report-indicator__mode-label--compact{display:inline}.mapa-report-indicators--list:not(.mapa-report-indicators--single-column){grid-template-columns:1fr}.mapa-report-indicator--list{min-height:36px}.mapa-report-indicator--row{padding:12px}.mapa-report-indicator__detail{display:block}.mapa-report-indicator__detail>strong{display:block;margin-bottom:3px}}\n"], dependencies: [{ kind: "component", type: MapaClassificationTagComponent, selector: "mapa-classification-tag", inputs: ["classification", "size", "appearance", "shape", "casing", "fallbackLabel", "valueLabel"] }, { kind: "component", type: MapaResultTrackComponent, selector: "mapa-result-track", inputs: ["name", "value", "color", "mode", "appearance", "style", "direction", "showValue", "ariaLabel"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
8911
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.21", type: MapaReportIndicatorsWidgetChartComponent, isStandalone: true, selector: "mapa-report-indicators-widget-chart", usesInheritance: true, ngImport: i0, template: "<div class=\"mapa-report-widget\" [attr.data-palette]=\"palette()\">\n @if (!indicators().length) {\n <p class=\"mapa-report-widget__empty\">{{ i18n.texts.report.emptyState }}</p>\n } @else {\n <div class=\"mapa-report-indicators mapa-report-indicators--rows\">\n @for (group of groups(); track group.id) {\n <section\n class=\"mapa-report-indicator-group mapa-report-indicator-group--rows\"\n >\n <header class=\"mapa-report-indicator-group__heading\">\n <h3>{{ group.name }}</h3>\n <span>{{\n i18n.texts.report.itemCountLabel(group.indicators.length)\n }}</span>\n </header>\n <div class=\"mapa-report-indicator-group__rows\">\n <div class=\"mapa-report-indicator__columns\" aria-hidden=\"true\">\n <span>{{ i18n.texts.report.indicatorTitle }}</span>\n <span>{{ i18n.texts.report.classificationTitle }}</span>\n <span>{{ i18n.texts.report.resultTitle }}</span>\n <span>%</span>\n </div>\n @for (indicator of group.indicators; track indicator.id) {\n <article class=\"mapa-report-indicator mapa-report-indicator--row\">\n <div class=\"mapa-report-indicator__graph\">\n <div class=\"mapa-report-indicator__name\">\n <span\n class=\"mapa-direction-indicator\"\n [attr.aria-label]=\"directionLabel(indicator)\"\n >{{ directionArrow(indicator) }}</span\n >\n <h4>{{ indicator.name }}</h4>\n </div>\n <mapa-classification-tag\n appearance=\"solid\"\n [classification]=\"indicator.classification\"\n />\n <mapa-result-track\n appearance=\"segmented\"\n mode=\"linear\"\n [color]=\"color(indicator)\"\n [name]=\"indicator.name\"\n [value]=\"value(indicator)\"\n />\n <strong class=\"mapa-report-indicator__percent\"\n >{{ value(indicator) }}%</strong\n >\n </div>\n </article>\n }\n </div>\n </section>\n }\n </div>\n }\n</div>\n", styles: [":host{color:var(--mapa-report-text, #263238);display:block;min-width:0;font-family:var(--mapa-font-body, \"Asap\", \"Roboto\", sans-serif)}.mapa-report-widget{display:grid;gap:var(--mapa-report-space)}.mapa-report-widget__header{align-items:flex-start;column-gap:16px;display:grid;grid-template-columns:minmax(0,1fr) auto}.mapa-report-widget__heading{display:contents}.mapa-report-widget__heading h2{color:var(--mapa-report-accent);font-size:20px;font-weight:650;grid-column:1;grid-row:1;line-height:1.25;margin:0}.mapa-report-widget__description{color:var(--mapa-report-muted);font-size:13px;grid-column:1/-1;grid-row:2;line-height:1.5;margin:5px 0 0}.mapa-report-widget__description ::ng-deep ol,.mapa-report-widget__description ::ng-deep p,.mapa-report-widget__description ::ng-deep ul{margin:0 0 8px}.mapa-report-widget__description ::ng-deep ol,.mapa-report-widget__description ::ng-deep ul{padding-left:20px}.mapa-report-widget__description ::ng-deep li{margin:0 0 3px}.mapa-report-widget__description ::ng-deep b,.mapa-report-widget__description ::ng-deep strong{color:var(--mapa-report-text, inherit);font-weight:600}.mapa-report-widget__description ::ng-deep :last-child{margin-bottom:0}.mapa-report-widget__modes{--mat-button-toggle-background-color: transparent;--mat-button-toggle-divider-color: transparent;--mat-button-toggle-height: 32px;--mat-button-toggle-label-text-font: var( --mapa-font-body, \"Asap\", sans-serif );--mat-button-toggle-label-text-size: 13px;--mat-button-toggle-label-text-weight: 500;--mat-button-toggle-selected-state-background-color: var( --mapa-toggle-selected-surface, #fff );--mat-button-toggle-selected-state-text-color: var( --mapa-toggle-selected-text, #162f42 );--mat-button-toggle-shape: 7px;--mat-button-toggle-text-color: var(--mapa-toggle-text, #5b6672);align-items:center;background:var(--mapa-toggle-surface, #f1f2f4);border:0;border-radius:9px;box-sizing:border-box;gap:2px;grid-column:2;grid-row:1;overflow:hidden;padding:3px}.mapa-report-widget__modes mat-button-toggle{border:0;border-radius:7px;font:500 13px/1 var(--mapa-font-body, \"Asap\", sans-serif)}.mapa-report-widget__modes mat-button-toggle.mat-button-toggle-checked{box-shadow:0 1px 2px #162f4224}.mapa-report-widget__modes ::ng-deep .mat-button-toggle-button:focus-visible{outline:2px solid #cf450c;outline-offset:-2px}.mapa-report-widget__modes mat-icon{font-size:14px;height:14px;margin-right:5px;width:14px}.mapa-report-widget__modes--standalone{grid-column:1;grid-row:auto;justify-self:end}.mapa-report-widget__empty{color:var(--mapa-report-muted);margin:0;padding:24px 0;text-align:center}@media(max-width:760px){.mapa-report-widget__header{align-items:stretch;grid-template-columns:minmax(0,1fr)}.mapa-report-widget__modes{grid-column:1;grid-row:3;justify-self:start;margin-top:12px}.mapa-report-widget__modes--standalone{grid-row:auto;margin-top:0}}.mapa-direction-indicator{background:var(--mapa-report-surface, var(--mapa-color-surface, #fafbfc));border:1px solid currentColor;border-radius:50%;box-sizing:border-box;color:var(--mapa-report-muted, var(--mapa-color-text-subtle, #68747a));display:inline-grid;flex:0 0 20px;font-size:11px;font-weight:700;height:20px;line-height:1;place-items:center;width:20px}:host{--mapa-indicator-default-color: var(--mapa-result-color, #ff560b)}.mapa-report-indicators{display:grid;gap:20px}.mapa-report-indicators--list{align-items:start;grid-template-columns:repeat(3,minmax(0,1fr))}.mapa-report-indicators--single-column{grid-template-columns:1fr}.mapa-report-indicators--two-columns{grid-template-columns:repeat(2,minmax(0,1fr))}.mapa-report-indicators--rows{padding-top:2px}.mapa-report-indicators__column{display:grid;gap:23px;min-width:0}.mapa-report-indicator-group{min-width:0}.mapa-report-indicator-group__heading{align-items:baseline;display:flex;gap:12px;justify-content:space-between;margin-bottom:10px}.mapa-report-indicator-group__heading h3{color:var(--mapa-report-text, #263238);font-size:15px;font-weight:600;line-height:1.3;margin:0}.mapa-report-indicator-group__heading>span{color:var(--mapa-report-muted, #68747a);flex-shrink:0;font-size:12px}.mapa-report-indicator-group--list .mapa-report-indicator-group__heading{border-bottom:1px solid var(--mapa-report-border, #e1e5e7);margin-bottom:0;padding-bottom:8px}.mapa-report-indicator-group__list{display:grid;gap:0}.mapa-report-indicator-group__rows{background:var(--mapa-report-surface, #fff);border:1px solid var(--mapa-report-border, #e1e5e7);border-radius:10px;overflow:hidden}.mapa-report-indicator{min-width:0}.mapa-report-indicator--list{align-items:center;box-sizing:border-box;border-bottom:1px solid #f1f3f5;color:#334452;display:grid;gap:10px;grid-template-columns:20px minmax(0,1fr) minmax(48px,.5fr) 34px;min-height:38px;padding:9px 0}.mapa-report-indicator--list h4{font-size:13px;font-weight:400;line-height:1.25;margin:0;overflow-wrap:anywhere}.mapa-report-indicator--list>strong{color:var(--mapa-report-text, #263238);font-size:13px;font-weight:600;font-variant-numeric:tabular-nums;text-align:right}.mapa-report-indicator--row{padding:12px 16px}.mapa-report-indicator--row+.mapa-report-indicator--row{border-top:1px solid var(--mapa-report-border, #e1e5e7)}.mapa-report-indicator__graph,.mapa-report-indicator__columns{align-items:center;display:grid;gap:16px;grid-template-columns:minmax(0,1.2fr) 112px minmax(0,2.6fr) 44px}.mapa-report-indicator__columns{background:#fafbfb;border-bottom:1px solid var(--mapa-report-border, #e1e5e7);color:var(--mapa-report-muted, #68747a);font-size:11px;font-weight:600;letter-spacing:.08em;padding:10px 16px;text-transform:uppercase}.mapa-report-indicator__columns>:first-child{padding-left:36px}.mapa-report-indicator__columns>:last-child{text-align:right}.mapa-report-indicator__name{align-items:center;color:var(--mapa-report-text, #263238);display:flex;gap:16px;min-width:0}.mapa-report-indicator__name h4{font-size:13.5px;font-weight:500;line-height:1.25;margin:0;overflow-wrap:anywhere}.mapa-report-indicator__graph mapa-classification-tag{--mapa-classification-tag-min-width: 112px;justify-self:start;max-width:112px}.mapa-report-indicator__percent{color:#1f3850;font-size:13px;font-weight:600;font-variant-numeric:tabular-nums;text-align:right}.mapa-report-indicator__mode-label--compact{display:none}.mapa-report-indicator__detail{color:var(--mapa-report-muted, #68747a);display:flex;font-size:12.5px;gap:4px;line-height:1.55;margin:8px 0 0 36px}.mapa-report-indicator__detail>strong{color:var(--mapa-report-text, #263238);flex:0 0 auto;font-weight:600}.mapa-report-indicator__detail .mapa-report-indicator__copy{min-width:0}.mapa-report-indicator__detail .mapa-report-indicator__copy ::ng-deep ol,.mapa-report-indicator__detail .mapa-report-indicator__copy ::ng-deep p,.mapa-report-indicator__detail .mapa-report-indicator__copy ::ng-deep ul{margin:0 0 8px}.mapa-report-indicator__detail .mapa-report-indicator__copy ::ng-deep ol,.mapa-report-indicator__detail .mapa-report-indicator__copy ::ng-deep ul{padding-left:20px}.mapa-report-indicator__detail .mapa-report-indicator__copy ::ng-deep li{margin:0 0 3px}.mapa-report-indicator__detail .mapa-report-indicator__copy ::ng-deep b,.mapa-report-indicator__detail .mapa-report-indicator__copy ::ng-deep strong{color:var(--mapa-report-text, inherit);font-weight:600}.mapa-report-indicator__detail .mapa-report-indicator__copy ::ng-deep :last-child{margin-bottom:0}.mapa-report-indicator__detail div{min-width:0}.mapa-report-indicator__detail :last-child{margin-bottom:0}@media(max-width:760px){.mapa-report-indicator__name{gap:8px}.mapa-report-indicator__columns{display:none}.mapa-report-indicator__graph{gap:8px;grid-template-columns:minmax(0,1fr) 112px 40px}.mapa-report-indicator__graph mapa-result-track{grid-column:1/-1;grid-row:2;margin-top:3px}}@media(max-width:560px){.mapa-report-widget__modes{--mat-button-toggle-label-text-size: 11px;align-self:stretch;display:flex;justify-self:stretch}.mapa-report-widget__modes mat-button-toggle{flex:1 1 0;font:500 10px/1 var(--mapa-font-body, \"Asap\", sans-serif);min-width:0}.mapa-report-indicator__mode-icon,.mapa-report-indicator__mode-label--full{display:none}.mapa-report-indicator__mode-label--compact{display:inline}.mapa-report-indicators--list:not(.mapa-report-indicators--single-column){grid-template-columns:1fr}.mapa-report-indicator--list{min-height:36px}.mapa-report-indicator--row{padding:12px}.mapa-report-indicator__detail{display:block}.mapa-report-indicator__detail>strong{display:block;margin-bottom:3px}}\n"], dependencies: [{ kind: "component", type: MapaClassificationTagComponent, selector: "mapa-classification-tag", inputs: ["classification", "size", "appearance", "shape", "casing", "fallbackLabel", "valueLabel"] }, { kind: "component", type: MapaResultTrackComponent, selector: "mapa-result-track", inputs: ["name", "value", "color", "mode", "appearance", "style", "direction", "showValue", "ariaLabel"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
8904
8912
|
}
|
|
8905
8913
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.21", ngImport: i0, type: MapaReportIndicatorsWidgetChartComponent, decorators: [{
|
|
8906
8914
|
type: Component,
|
|
8907
|
-
args: [{ selector: 'mapa-report-indicators-widget-chart', standalone: true, imports: [MapaClassificationTagComponent, MapaResultTrackComponent], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"mapa-report-widget\" [attr.data-palette]=\"palette()\">\n @if (!indicators().length) {\n <p class=\"mapa-report-widget__empty\">{{ i18n.texts.report.emptyState }}</p>\n } @else {\n <div class=\"mapa-report-indicators mapa-report-indicators--rows\">\n @for (group of groups(); track group.id) {\n <section\n class=\"mapa-report-indicator-group mapa-report-indicator-group--rows\"\n >\n <header class=\"mapa-report-indicator-group__heading\">\n <h3>{{ group.name }}</h3>\n <span>{{\n i18n.texts.report.itemCountLabel(group.indicators.length)\n }}</span>\n </header>\n <div class=\"mapa-report-indicator-group__rows\">\n <div class=\"mapa-report-indicator__columns\" aria-hidden=\"true\">\n <span>{{ i18n.texts.report.indicatorTitle }}</span>\n <span>{{ i18n.texts.report.classificationTitle }}</span>\n <span>{{ i18n.texts.report.resultTitle }}</span>\n <span>%</span>\n </div>\n @for (indicator of group.indicators; track indicator.id) {\n <article class=\"mapa-report-indicator mapa-report-indicator--row\">\n <div class=\"mapa-report-indicator__graph\">\n <div class=\"mapa-report-indicator__name\">\n <span\n class=\"mapa-direction-indicator\"\n [attr.aria-label]=\"directionLabel(indicator)\"\n >{{ directionArrow(indicator) }}</span\n >\n <h4>{{ indicator.name }}</h4>\n </div>\n <mapa-classification-tag\n appearance=\"solid\"\n [classification]=\"indicator.classification\"\n />\n <mapa-result-track\n appearance=\"segmented\"\n mode=\"linear\"\n [color]=\"color(indicator)\"\n [name]=\"indicator.name\"\n [value]=\"value(indicator)\"\n />\n <strong class=\"mapa-report-indicator__percent\"\n >{{ value(indicator) }}%</strong\n >\n </div>\n </article>\n }\n </div>\n </section>\n }\n </div>\n }\n</div>\n", styles: [":host{color:var(--mapa-report-text, #263238);display:block;min-width:0;font-family:var(--mapa-font-body, \"Asap\", \"Roboto\", sans-serif)}.mapa-report-widget{display:grid;gap:var(--mapa-report-space)}.mapa-report-widget__header{align-items:flex-start;column-gap:16px;display:grid;grid-template-columns:minmax(0,1fr) auto}.mapa-report-widget__heading{display:contents}.mapa-report-widget__heading h2{color:var(--mapa-report-accent);font-size:20px;font-weight:650;grid-column:1;grid-row:1;line-height:1.25;margin:0}.mapa-report-widget__description{color:var(--mapa-report-muted);font-size:13px;grid-column:1/-1;grid-row:2;line-height:1.5;margin:5px 0 0}.mapa-report-widget__description ::ng-deep ol,.mapa-report-widget__description ::ng-deep p,.mapa-report-widget__description ::ng-deep ul{margin:0 0 8px}.mapa-report-widget__description ::ng-deep ol,.mapa-report-widget__description ::ng-deep ul{padding-left:20px}.mapa-report-widget__description ::ng-deep li{margin:0 0 3px}.mapa-report-widget__description ::ng-deep b,.mapa-report-widget__description ::ng-deep strong{color:var(--mapa-report-text, inherit);font-weight:600}.mapa-report-widget__description ::ng-deep :last-child{margin-bottom:0}.mapa-report-widget__modes{--mat-button-toggle-background-color: transparent;--mat-button-toggle-divider-color: transparent;--mat-button-toggle-height: 32px;--mat-button-toggle-label-text-font: var( --mapa-font-body, \"Asap\", sans-serif );--mat-button-toggle-label-text-size: 13px;--mat-button-toggle-label-text-weight: 500;--mat-button-toggle-selected-state-background-color: var( --mapa-toggle-selected-surface, #fff );--mat-button-toggle-selected-state-text-color: var( --mapa-toggle-selected-text, #162f42 );--mat-button-toggle-shape: 7px;--mat-button-toggle-text-color: var(--mapa-toggle-text, #5b6672);align-items:center;background:var(--mapa-toggle-surface, #f1f2f4);border:0;border-radius:9px;box-sizing:border-box;gap:2px;grid-column:2;grid-row:1;overflow:hidden;padding:3px}.mapa-report-widget__modes mat-button-toggle{border:0;border-radius:7px;font:500 13px/1 var(--mapa-font-body, \"Asap\", sans-serif)}.mapa-report-widget__modes mat-button-toggle.mat-button-toggle-checked{box-shadow:0 1px 2px #162f4224}.mapa-report-widget__modes ::ng-deep .mat-button-toggle-button:focus-visible{outline:2px solid #cf450c;outline-offset:-2px}.mapa-report-widget__modes mat-icon{font-size:14px;height:14px;margin-right:5px;width:14px}.mapa-report-widget__modes--standalone{grid-column:1;grid-row:auto;justify-self:end}.mapa-report-widget__empty{color:var(--mapa-report-muted);margin:0;padding:24px 0;text-align:center}@media(max-width:760px){.mapa-report-widget__header{align-items:stretch;grid-template-columns:minmax(0,1fr)}.mapa-report-widget__modes{grid-column:1;grid-row:3;justify-self:start;margin-top:12px}.mapa-report-widget__modes--standalone{grid-row:auto;margin-top:0}}.mapa-direction-indicator{background:var(--mapa-report-surface, var(--mapa-color-surface, #fafbfc));border:1px solid currentColor;border-radius:50%;box-sizing:border-box;color:var(--mapa-report-muted, var(--mapa-color-text-subtle, #68747a));display:inline-grid;flex:0 0 20px;font-size:11px;font-weight:700;height:20px;line-height:1;place-items:center;width:20px}.mapa-report-indicators{display:grid;gap:20px}.mapa-report-indicators--list{align-items:start;grid-template-columns:repeat(3,minmax(0,1fr))}.mapa-report-indicators--single-column{grid-template-columns:1fr}.mapa-report-indicators--two-columns{grid-template-columns:repeat(2,minmax(0,1fr))}.mapa-report-indicators--rows{padding-top:2px}.mapa-report-indicators__column{display:grid;gap:23px;min-width:0}.mapa-report-indicator-group{min-width:0}.mapa-report-indicator-group__heading{align-items:baseline;display:flex;gap:12px;justify-content:space-between;margin-bottom:10px}.mapa-report-indicator-group__heading h3{color:var(--mapa-report-text, #263238);font-size:15px;font-weight:600;line-height:1.3;margin:0}.mapa-report-indicator-group__heading>span{color:var(--mapa-report-muted, #68747a);flex-shrink:0;font-size:12px}.mapa-report-indicator-group--list .mapa-report-indicator-group__heading{border-bottom:1px solid var(--mapa-report-border, #e1e5e7);margin-bottom:0;padding-bottom:8px}.mapa-report-indicator-group__list{display:grid;gap:0}.mapa-report-indicator-group__rows{background:var(--mapa-report-surface, #fff);border:1px solid var(--mapa-report-border, #e1e5e7);border-radius:10px;overflow:hidden}.mapa-report-indicator{min-width:0}.mapa-report-indicator--list{align-items:center;box-sizing:border-box;border-bottom:1px solid #f1f3f5;color:#334452;display:grid;gap:10px;grid-template-columns:20px minmax(0,1fr) minmax(48px,.5fr) 34px;min-height:38px;padding:9px 0}.mapa-report-indicator--list h4{font-size:13px;font-weight:400;line-height:1.25;margin:0;overflow-wrap:anywhere}.mapa-report-indicator--list>strong{color:var(--mapa-report-text, #263238);font-size:13px;font-weight:600;font-variant-numeric:tabular-nums;text-align:right}.mapa-report-indicator--row{padding:12px 16px}.mapa-report-indicator--row+.mapa-report-indicator--row{border-top:1px solid var(--mapa-report-border, #e1e5e7)}.mapa-report-indicator__graph,.mapa-report-indicator__columns{align-items:center;display:grid;gap:16px;grid-template-columns:minmax(0,1.2fr) 112px minmax(0,2.6fr) 44px}.mapa-report-indicator__columns{background:#fafbfb;border-bottom:1px solid var(--mapa-report-border, #e1e5e7);color:var(--mapa-report-muted, #68747a);font-size:11px;font-weight:600;letter-spacing:.08em;padding:10px 16px;text-transform:uppercase}.mapa-report-indicator__columns>:first-child{padding-left:36px}.mapa-report-indicator__columns>:last-child{text-align:right}.mapa-report-indicator__name{align-items:center;color:var(--mapa-report-text, #263238);display:flex;gap:16px;min-width:0}.mapa-report-indicator__name h4{font-size:13.5px;font-weight:500;line-height:1.25;margin:0;overflow-wrap:anywhere}.mapa-report-indicator__graph mapa-classification-tag{--mapa-classification-tag-min-width: 112px;justify-self:start;max-width:112px}.mapa-report-indicator__percent{color:#1f3850;font-size:13px;font-weight:600;font-variant-numeric:tabular-nums;text-align:right}.mapa-report-indicator__mode-label--compact{display:none}.mapa-report-indicator__detail{color:var(--mapa-report-muted, #68747a);display:flex;font-size:12.5px;gap:4px;line-height:1.55;margin:8px 0 0 36px}.mapa-report-indicator__detail>strong{color:var(--mapa-report-text, #263238);flex:0 0 auto;font-weight:600}.mapa-report-indicator__detail .mapa-report-indicator__copy{min-width:0}.mapa-report-indicator__detail .mapa-report-indicator__copy ::ng-deep ol,.mapa-report-indicator__detail .mapa-report-indicator__copy ::ng-deep p,.mapa-report-indicator__detail .mapa-report-indicator__copy ::ng-deep ul{margin:0 0 8px}.mapa-report-indicator__detail .mapa-report-indicator__copy ::ng-deep ol,.mapa-report-indicator__detail .mapa-report-indicator__copy ::ng-deep ul{padding-left:20px}.mapa-report-indicator__detail .mapa-report-indicator__copy ::ng-deep li{margin:0 0 3px}.mapa-report-indicator__detail .mapa-report-indicator__copy ::ng-deep b,.mapa-report-indicator__detail .mapa-report-indicator__copy ::ng-deep strong{color:var(--mapa-report-text, inherit);font-weight:600}.mapa-report-indicator__detail .mapa-report-indicator__copy ::ng-deep :last-child{margin-bottom:0}.mapa-report-indicator__detail div{min-width:0}.mapa-report-indicator__detail :last-child{margin-bottom:0}@media(max-width:760px){.mapa-report-indicator__name{gap:8px}.mapa-report-indicator__columns{display:none}.mapa-report-indicator__graph{gap:8px;grid-template-columns:minmax(0,1fr) 112px 40px}.mapa-report-indicator__graph mapa-result-track{grid-column:1/-1;grid-row:2;margin-top:3px}}@media(max-width:560px){.mapa-report-widget__modes{--mat-button-toggle-label-text-size: 11px;align-self:stretch;display:flex;justify-self:stretch}.mapa-report-widget__modes mat-button-toggle{flex:1 1 0;font:500 10px/1 var(--mapa-font-body, \"Asap\", sans-serif);min-width:0}.mapa-report-indicator__mode-icon,.mapa-report-indicator__mode-label--full{display:none}.mapa-report-indicator__mode-label--compact{display:inline}.mapa-report-indicators--list:not(.mapa-report-indicators--single-column){grid-template-columns:1fr}.mapa-report-indicator--list{min-height:36px}.mapa-report-indicator--row{padding:12px}.mapa-report-indicator__detail{display:block}.mapa-report-indicator__detail>strong{display:block;margin-bottom:3px}}\n"] }]
|
|
8915
|
+
args: [{ selector: 'mapa-report-indicators-widget-chart', standalone: true, imports: [MapaClassificationTagComponent, MapaResultTrackComponent], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"mapa-report-widget\" [attr.data-palette]=\"palette()\">\n @if (!indicators().length) {\n <p class=\"mapa-report-widget__empty\">{{ i18n.texts.report.emptyState }}</p>\n } @else {\n <div class=\"mapa-report-indicators mapa-report-indicators--rows\">\n @for (group of groups(); track group.id) {\n <section\n class=\"mapa-report-indicator-group mapa-report-indicator-group--rows\"\n >\n <header class=\"mapa-report-indicator-group__heading\">\n <h3>{{ group.name }}</h3>\n <span>{{\n i18n.texts.report.itemCountLabel(group.indicators.length)\n }}</span>\n </header>\n <div class=\"mapa-report-indicator-group__rows\">\n <div class=\"mapa-report-indicator__columns\" aria-hidden=\"true\">\n <span>{{ i18n.texts.report.indicatorTitle }}</span>\n <span>{{ i18n.texts.report.classificationTitle }}</span>\n <span>{{ i18n.texts.report.resultTitle }}</span>\n <span>%</span>\n </div>\n @for (indicator of group.indicators; track indicator.id) {\n <article class=\"mapa-report-indicator mapa-report-indicator--row\">\n <div class=\"mapa-report-indicator__graph\">\n <div class=\"mapa-report-indicator__name\">\n <span\n class=\"mapa-direction-indicator\"\n [attr.aria-label]=\"directionLabel(indicator)\"\n >{{ directionArrow(indicator) }}</span\n >\n <h4>{{ indicator.name }}</h4>\n </div>\n <mapa-classification-tag\n appearance=\"solid\"\n [classification]=\"indicator.classification\"\n />\n <mapa-result-track\n appearance=\"segmented\"\n mode=\"linear\"\n [color]=\"color(indicator)\"\n [name]=\"indicator.name\"\n [value]=\"value(indicator)\"\n />\n <strong class=\"mapa-report-indicator__percent\"\n >{{ value(indicator) }}%</strong\n >\n </div>\n </article>\n }\n </div>\n </section>\n }\n </div>\n }\n</div>\n", styles: [":host{color:var(--mapa-report-text, #263238);display:block;min-width:0;font-family:var(--mapa-font-body, \"Asap\", \"Roboto\", sans-serif)}.mapa-report-widget{display:grid;gap:var(--mapa-report-space)}.mapa-report-widget__header{align-items:flex-start;column-gap:16px;display:grid;grid-template-columns:minmax(0,1fr) auto}.mapa-report-widget__heading{display:contents}.mapa-report-widget__heading h2{color:var(--mapa-report-accent);font-size:20px;font-weight:650;grid-column:1;grid-row:1;line-height:1.25;margin:0}.mapa-report-widget__description{color:var(--mapa-report-muted);font-size:13px;grid-column:1/-1;grid-row:2;line-height:1.5;margin:5px 0 0}.mapa-report-widget__description ::ng-deep ol,.mapa-report-widget__description ::ng-deep p,.mapa-report-widget__description ::ng-deep ul{margin:0 0 8px}.mapa-report-widget__description ::ng-deep ol,.mapa-report-widget__description ::ng-deep ul{padding-left:20px}.mapa-report-widget__description ::ng-deep li{margin:0 0 3px}.mapa-report-widget__description ::ng-deep b,.mapa-report-widget__description ::ng-deep strong{color:var(--mapa-report-text, inherit);font-weight:600}.mapa-report-widget__description ::ng-deep :last-child{margin-bottom:0}.mapa-report-widget__modes{--mat-button-toggle-background-color: transparent;--mat-button-toggle-divider-color: transparent;--mat-button-toggle-height: 32px;--mat-button-toggle-label-text-font: var( --mapa-font-body, \"Asap\", sans-serif );--mat-button-toggle-label-text-size: 13px;--mat-button-toggle-label-text-weight: 500;--mat-button-toggle-selected-state-background-color: var( --mapa-toggle-selected-surface, #fff );--mat-button-toggle-selected-state-text-color: var( --mapa-toggle-selected-text, #162f42 );--mat-button-toggle-shape: 7px;--mat-button-toggle-text-color: var(--mapa-toggle-text, #5b6672);align-items:center;background:var(--mapa-toggle-surface, #f1f2f4);border:0;border-radius:9px;box-sizing:border-box;gap:2px;grid-column:2;grid-row:1;overflow:hidden;padding:3px}.mapa-report-widget__modes mat-button-toggle{border:0;border-radius:7px;font:500 13px/1 var(--mapa-font-body, \"Asap\", sans-serif)}.mapa-report-widget__modes mat-button-toggle.mat-button-toggle-checked{box-shadow:0 1px 2px #162f4224}.mapa-report-widget__modes ::ng-deep .mat-button-toggle-button:focus-visible{outline:2px solid #cf450c;outline-offset:-2px}.mapa-report-widget__modes mat-icon{font-size:14px;height:14px;margin-right:5px;width:14px}.mapa-report-widget__modes--standalone{grid-column:1;grid-row:auto;justify-self:end}.mapa-report-widget__empty{color:var(--mapa-report-muted);margin:0;padding:24px 0;text-align:center}@media(max-width:760px){.mapa-report-widget__header{align-items:stretch;grid-template-columns:minmax(0,1fr)}.mapa-report-widget__modes{grid-column:1;grid-row:3;justify-self:start;margin-top:12px}.mapa-report-widget__modes--standalone{grid-row:auto;margin-top:0}}.mapa-direction-indicator{background:var(--mapa-report-surface, var(--mapa-color-surface, #fafbfc));border:1px solid currentColor;border-radius:50%;box-sizing:border-box;color:var(--mapa-report-muted, var(--mapa-color-text-subtle, #68747a));display:inline-grid;flex:0 0 20px;font-size:11px;font-weight:700;height:20px;line-height:1;place-items:center;width:20px}:host{--mapa-indicator-default-color: var(--mapa-result-color, #ff560b)}.mapa-report-indicators{display:grid;gap:20px}.mapa-report-indicators--list{align-items:start;grid-template-columns:repeat(3,minmax(0,1fr))}.mapa-report-indicators--single-column{grid-template-columns:1fr}.mapa-report-indicators--two-columns{grid-template-columns:repeat(2,minmax(0,1fr))}.mapa-report-indicators--rows{padding-top:2px}.mapa-report-indicators__column{display:grid;gap:23px;min-width:0}.mapa-report-indicator-group{min-width:0}.mapa-report-indicator-group__heading{align-items:baseline;display:flex;gap:12px;justify-content:space-between;margin-bottom:10px}.mapa-report-indicator-group__heading h3{color:var(--mapa-report-text, #263238);font-size:15px;font-weight:600;line-height:1.3;margin:0}.mapa-report-indicator-group__heading>span{color:var(--mapa-report-muted, #68747a);flex-shrink:0;font-size:12px}.mapa-report-indicator-group--list .mapa-report-indicator-group__heading{border-bottom:1px solid var(--mapa-report-border, #e1e5e7);margin-bottom:0;padding-bottom:8px}.mapa-report-indicator-group__list{display:grid;gap:0}.mapa-report-indicator-group__rows{background:var(--mapa-report-surface, #fff);border:1px solid var(--mapa-report-border, #e1e5e7);border-radius:10px;overflow:hidden}.mapa-report-indicator{min-width:0}.mapa-report-indicator--list{align-items:center;box-sizing:border-box;border-bottom:1px solid #f1f3f5;color:#334452;display:grid;gap:10px;grid-template-columns:20px minmax(0,1fr) minmax(48px,.5fr) 34px;min-height:38px;padding:9px 0}.mapa-report-indicator--list h4{font-size:13px;font-weight:400;line-height:1.25;margin:0;overflow-wrap:anywhere}.mapa-report-indicator--list>strong{color:var(--mapa-report-text, #263238);font-size:13px;font-weight:600;font-variant-numeric:tabular-nums;text-align:right}.mapa-report-indicator--row{padding:12px 16px}.mapa-report-indicator--row+.mapa-report-indicator--row{border-top:1px solid var(--mapa-report-border, #e1e5e7)}.mapa-report-indicator__graph,.mapa-report-indicator__columns{align-items:center;display:grid;gap:16px;grid-template-columns:minmax(0,1.2fr) 112px minmax(0,2.6fr) 44px}.mapa-report-indicator__columns{background:#fafbfb;border-bottom:1px solid var(--mapa-report-border, #e1e5e7);color:var(--mapa-report-muted, #68747a);font-size:11px;font-weight:600;letter-spacing:.08em;padding:10px 16px;text-transform:uppercase}.mapa-report-indicator__columns>:first-child{padding-left:36px}.mapa-report-indicator__columns>:last-child{text-align:right}.mapa-report-indicator__name{align-items:center;color:var(--mapa-report-text, #263238);display:flex;gap:16px;min-width:0}.mapa-report-indicator__name h4{font-size:13.5px;font-weight:500;line-height:1.25;margin:0;overflow-wrap:anywhere}.mapa-report-indicator__graph mapa-classification-tag{--mapa-classification-tag-min-width: 112px;justify-self:start;max-width:112px}.mapa-report-indicator__percent{color:#1f3850;font-size:13px;font-weight:600;font-variant-numeric:tabular-nums;text-align:right}.mapa-report-indicator__mode-label--compact{display:none}.mapa-report-indicator__detail{color:var(--mapa-report-muted, #68747a);display:flex;font-size:12.5px;gap:4px;line-height:1.55;margin:8px 0 0 36px}.mapa-report-indicator__detail>strong{color:var(--mapa-report-text, #263238);flex:0 0 auto;font-weight:600}.mapa-report-indicator__detail .mapa-report-indicator__copy{min-width:0}.mapa-report-indicator__detail .mapa-report-indicator__copy ::ng-deep ol,.mapa-report-indicator__detail .mapa-report-indicator__copy ::ng-deep p,.mapa-report-indicator__detail .mapa-report-indicator__copy ::ng-deep ul{margin:0 0 8px}.mapa-report-indicator__detail .mapa-report-indicator__copy ::ng-deep ol,.mapa-report-indicator__detail .mapa-report-indicator__copy ::ng-deep ul{padding-left:20px}.mapa-report-indicator__detail .mapa-report-indicator__copy ::ng-deep li{margin:0 0 3px}.mapa-report-indicator__detail .mapa-report-indicator__copy ::ng-deep b,.mapa-report-indicator__detail .mapa-report-indicator__copy ::ng-deep strong{color:var(--mapa-report-text, inherit);font-weight:600}.mapa-report-indicator__detail .mapa-report-indicator__copy ::ng-deep :last-child{margin-bottom:0}.mapa-report-indicator__detail div{min-width:0}.mapa-report-indicator__detail :last-child{margin-bottom:0}@media(max-width:760px){.mapa-report-indicator__name{gap:8px}.mapa-report-indicator__columns{display:none}.mapa-report-indicator__graph{gap:8px;grid-template-columns:minmax(0,1fr) 112px 40px}.mapa-report-indicator__graph mapa-result-track{grid-column:1/-1;grid-row:2;margin-top:3px}}@media(max-width:560px){.mapa-report-widget__modes{--mat-button-toggle-label-text-size: 11px;align-self:stretch;display:flex;justify-self:stretch}.mapa-report-widget__modes mat-button-toggle{flex:1 1 0;font:500 10px/1 var(--mapa-font-body, \"Asap\", sans-serif);min-width:0}.mapa-report-indicator__mode-icon,.mapa-report-indicator__mode-label--full{display:none}.mapa-report-indicator__mode-label--compact{display:inline}.mapa-report-indicators--list:not(.mapa-report-indicators--single-column){grid-template-columns:1fr}.mapa-report-indicator--list{min-height:36px}.mapa-report-indicator--row{padding:12px}.mapa-report-indicator__detail{display:block}.mapa-report-indicator__detail>strong{display:block;margin-bottom:3px}}\n"] }]
|
|
8908
8916
|
}] });
|
|
8909
8917
|
|
|
8910
8918
|
/** Reusable detailed content, without the widget heading or mode selector. */
|
|
8911
8919
|
class MapaReportIndicatorsWidgetDetailedComponent extends ReportIndicatorsContent {
|
|
8912
8920
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.21", ngImport: i0, type: MapaReportIndicatorsWidgetDetailedComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
|
|
8913
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.21", type: MapaReportIndicatorsWidgetDetailedComponent, isStandalone: true, selector: "mapa-report-indicators-widget-detailed", usesInheritance: true, ngImport: i0, template: "<div class=\"mapa-report-widget\" [attr.data-palette]=\"palette()\">\n @if (!indicators().length) {\n <p class=\"mapa-report-widget__empty\">{{ i18n.texts.report.emptyState }}</p>\n } @else {\n <div class=\"mapa-report-indicators mapa-report-indicators--rows\">\n @for (group of groups(); track group.id) {\n <section\n class=\"mapa-report-indicator-group mapa-report-indicator-group--rows\"\n >\n <header class=\"mapa-report-indicator-group__heading\">\n <h3>{{ group.name }}</h3>\n <span>{{\n i18n.texts.report.itemCountLabel(group.indicators.length)\n }}</span>\n </header>\n <div class=\"mapa-report-indicator-group__rows\">\n <div class=\"mapa-report-indicator__columns\" aria-hidden=\"true\">\n <span>{{ i18n.texts.report.indicatorTitle }}</span>\n <span>{{ i18n.texts.report.classificationTitle }}</span>\n <span>{{ i18n.texts.report.resultTitle }}</span>\n <span>%</span>\n </div>\n @for (indicator of group.indicators; track indicator.id) {\n <article class=\"mapa-report-indicator mapa-report-indicator--row\">\n <div class=\"mapa-report-indicator__graph\">\n <div class=\"mapa-report-indicator__name\">\n <span\n class=\"mapa-direction-indicator\"\n [attr.aria-label]=\"directionLabel(indicator)\"\n >{{ directionArrow(indicator) }}</span\n >\n <h4>{{ indicator.name }}</h4>\n </div>\n <mapa-classification-tag\n appearance=\"solid\"\n [classification]=\"indicator.classification\"\n />\n <mapa-result-track\n appearance=\"segmented\"\n mode=\"linear\"\n [color]=\"color(indicator)\"\n [name]=\"indicator.name\"\n [value]=\"value(indicator)\"\n />\n <strong class=\"mapa-report-indicator__percent\"\n >{{ value(indicator) }}%</strong\n >\n </div>\n\n @if (indicator.concept) {\n <div class=\"mapa-report-indicator__detail\">\n <strong>{{ i18n.texts.report.conceptTitle }}:</strong>\n <div\n class=\"mapa-report-indicator__copy\"\n [innerHTML]=\"indicator.concept | safeHtml\"\n ></div>\n </div>\n }\n @if (indicator.description) {\n <div class=\"mapa-report-indicator__detail\">\n <strong>{{ i18n.texts.report.resultTitle }}:</strong>\n <div\n class=\"mapa-report-indicator__copy\"\n [innerHTML]=\"indicator.description | safeHtml\"\n ></div>\n </div>\n }\n </article>\n }\n </div>\n </section>\n }\n </div>\n }\n</div>\n", styles: [":host{color:var(--mapa-report-text, #263238);display:block;min-width:0;font-family:var(--mapa-font-body, \"Asap\", \"Roboto\", sans-serif)}.mapa-report-widget{display:grid;gap:var(--mapa-report-space)}.mapa-report-widget__header{align-items:flex-start;column-gap:16px;display:grid;grid-template-columns:minmax(0,1fr) auto}.mapa-report-widget__heading{display:contents}.mapa-report-widget__heading h2{color:var(--mapa-report-accent);font-size:20px;font-weight:650;grid-column:1;grid-row:1;line-height:1.25;margin:0}.mapa-report-widget__description{color:var(--mapa-report-muted);font-size:13px;grid-column:1/-1;grid-row:2;line-height:1.5;margin:5px 0 0}.mapa-report-widget__description ::ng-deep ol,.mapa-report-widget__description ::ng-deep p,.mapa-report-widget__description ::ng-deep ul{margin:0 0 8px}.mapa-report-widget__description ::ng-deep ol,.mapa-report-widget__description ::ng-deep ul{padding-left:20px}.mapa-report-widget__description ::ng-deep li{margin:0 0 3px}.mapa-report-widget__description ::ng-deep b,.mapa-report-widget__description ::ng-deep strong{color:var(--mapa-report-text, inherit);font-weight:600}.mapa-report-widget__description ::ng-deep :last-child{margin-bottom:0}.mapa-report-widget__modes{--mat-button-toggle-background-color: transparent;--mat-button-toggle-divider-color: transparent;--mat-button-toggle-height: 32px;--mat-button-toggle-label-text-font: var( --mapa-font-body, \"Asap\", sans-serif );--mat-button-toggle-label-text-size: 13px;--mat-button-toggle-label-text-weight: 500;--mat-button-toggle-selected-state-background-color: var( --mapa-toggle-selected-surface, #fff );--mat-button-toggle-selected-state-text-color: var( --mapa-toggle-selected-text, #162f42 );--mat-button-toggle-shape: 7px;--mat-button-toggle-text-color: var(--mapa-toggle-text, #5b6672);align-items:center;background:var(--mapa-toggle-surface, #f1f2f4);border:0;border-radius:9px;box-sizing:border-box;gap:2px;grid-column:2;grid-row:1;overflow:hidden;padding:3px}.mapa-report-widget__modes mat-button-toggle{border:0;border-radius:7px;font:500 13px/1 var(--mapa-font-body, \"Asap\", sans-serif)}.mapa-report-widget__modes mat-button-toggle.mat-button-toggle-checked{box-shadow:0 1px 2px #162f4224}.mapa-report-widget__modes ::ng-deep .mat-button-toggle-button:focus-visible{outline:2px solid #cf450c;outline-offset:-2px}.mapa-report-widget__modes mat-icon{font-size:14px;height:14px;margin-right:5px;width:14px}.mapa-report-widget__modes--standalone{grid-column:1;grid-row:auto;justify-self:end}.mapa-report-widget__empty{color:var(--mapa-report-muted);margin:0;padding:24px 0;text-align:center}@media(max-width:760px){.mapa-report-widget__header{align-items:stretch;grid-template-columns:minmax(0,1fr)}.mapa-report-widget__modes{grid-column:1;grid-row:3;justify-self:start;margin-top:12px}.mapa-report-widget__modes--standalone{grid-row:auto;margin-top:0}}.mapa-direction-indicator{background:var(--mapa-report-surface, var(--mapa-color-surface, #fafbfc));border:1px solid currentColor;border-radius:50%;box-sizing:border-box;color:var(--mapa-report-muted, var(--mapa-color-text-subtle, #68747a));display:inline-grid;flex:0 0 20px;font-size:11px;font-weight:700;height:20px;line-height:1;place-items:center;width:20px}.mapa-report-indicators{display:grid;gap:20px}.mapa-report-indicators--list{align-items:start;grid-template-columns:repeat(3,minmax(0,1fr))}.mapa-report-indicators--single-column{grid-template-columns:1fr}.mapa-report-indicators--two-columns{grid-template-columns:repeat(2,minmax(0,1fr))}.mapa-report-indicators--rows{padding-top:2px}.mapa-report-indicators__column{display:grid;gap:23px;min-width:0}.mapa-report-indicator-group{min-width:0}.mapa-report-indicator-group__heading{align-items:baseline;display:flex;gap:12px;justify-content:space-between;margin-bottom:10px}.mapa-report-indicator-group__heading h3{color:var(--mapa-report-text, #263238);font-size:15px;font-weight:600;line-height:1.3;margin:0}.mapa-report-indicator-group__heading>span{color:var(--mapa-report-muted, #68747a);flex-shrink:0;font-size:12px}.mapa-report-indicator-group--list .mapa-report-indicator-group__heading{border-bottom:1px solid var(--mapa-report-border, #e1e5e7);margin-bottom:0;padding-bottom:8px}.mapa-report-indicator-group__list{display:grid;gap:0}.mapa-report-indicator-group__rows{background:var(--mapa-report-surface, #fff);border:1px solid var(--mapa-report-border, #e1e5e7);border-radius:10px;overflow:hidden}.mapa-report-indicator{min-width:0}.mapa-report-indicator--list{align-items:center;box-sizing:border-box;border-bottom:1px solid #f1f3f5;color:#334452;display:grid;gap:10px;grid-template-columns:20px minmax(0,1fr) minmax(48px,.5fr) 34px;min-height:38px;padding:9px 0}.mapa-report-indicator--list h4{font-size:13px;font-weight:400;line-height:1.25;margin:0;overflow-wrap:anywhere}.mapa-report-indicator--list>strong{color:var(--mapa-report-text, #263238);font-size:13px;font-weight:600;font-variant-numeric:tabular-nums;text-align:right}.mapa-report-indicator--row{padding:12px 16px}.mapa-report-indicator--row+.mapa-report-indicator--row{border-top:1px solid var(--mapa-report-border, #e1e5e7)}.mapa-report-indicator__graph,.mapa-report-indicator__columns{align-items:center;display:grid;gap:16px;grid-template-columns:minmax(0,1.2fr) 112px minmax(0,2.6fr) 44px}.mapa-report-indicator__columns{background:#fafbfb;border-bottom:1px solid var(--mapa-report-border, #e1e5e7);color:var(--mapa-report-muted, #68747a);font-size:11px;font-weight:600;letter-spacing:.08em;padding:10px 16px;text-transform:uppercase}.mapa-report-indicator__columns>:first-child{padding-left:36px}.mapa-report-indicator__columns>:last-child{text-align:right}.mapa-report-indicator__name{align-items:center;color:var(--mapa-report-text, #263238);display:flex;gap:16px;min-width:0}.mapa-report-indicator__name h4{font-size:13.5px;font-weight:500;line-height:1.25;margin:0;overflow-wrap:anywhere}.mapa-report-indicator__graph mapa-classification-tag{--mapa-classification-tag-min-width: 112px;justify-self:start;max-width:112px}.mapa-report-indicator__percent{color:#1f3850;font-size:13px;font-weight:600;font-variant-numeric:tabular-nums;text-align:right}.mapa-report-indicator__mode-label--compact{display:none}.mapa-report-indicator__detail{color:var(--mapa-report-muted, #68747a);display:flex;font-size:12.5px;gap:4px;line-height:1.55;margin:8px 0 0 36px}.mapa-report-indicator__detail>strong{color:var(--mapa-report-text, #263238);flex:0 0 auto;font-weight:600}.mapa-report-indicator__detail .mapa-report-indicator__copy{min-width:0}.mapa-report-indicator__detail .mapa-report-indicator__copy ::ng-deep ol,.mapa-report-indicator__detail .mapa-report-indicator__copy ::ng-deep p,.mapa-report-indicator__detail .mapa-report-indicator__copy ::ng-deep ul{margin:0 0 8px}.mapa-report-indicator__detail .mapa-report-indicator__copy ::ng-deep ol,.mapa-report-indicator__detail .mapa-report-indicator__copy ::ng-deep ul{padding-left:20px}.mapa-report-indicator__detail .mapa-report-indicator__copy ::ng-deep li{margin:0 0 3px}.mapa-report-indicator__detail .mapa-report-indicator__copy ::ng-deep b,.mapa-report-indicator__detail .mapa-report-indicator__copy ::ng-deep strong{color:var(--mapa-report-text, inherit);font-weight:600}.mapa-report-indicator__detail .mapa-report-indicator__copy ::ng-deep :last-child{margin-bottom:0}.mapa-report-indicator__detail div{min-width:0}.mapa-report-indicator__detail :last-child{margin-bottom:0}@media(max-width:760px){.mapa-report-indicator__name{gap:8px}.mapa-report-indicator__columns{display:none}.mapa-report-indicator__graph{gap:8px;grid-template-columns:minmax(0,1fr) 112px 40px}.mapa-report-indicator__graph mapa-result-track{grid-column:1/-1;grid-row:2;margin-top:3px}}@media(max-width:560px){.mapa-report-widget__modes{--mat-button-toggle-label-text-size: 11px;align-self:stretch;display:flex;justify-self:stretch}.mapa-report-widget__modes mat-button-toggle{flex:1 1 0;font:500 10px/1 var(--mapa-font-body, \"Asap\", sans-serif);min-width:0}.mapa-report-indicator__mode-icon,.mapa-report-indicator__mode-label--full{display:none}.mapa-report-indicator__mode-label--compact{display:inline}.mapa-report-indicators--list:not(.mapa-report-indicators--single-column){grid-template-columns:1fr}.mapa-report-indicator--list{min-height:36px}.mapa-report-indicator--row{padding:12px}.mapa-report-indicator__detail{display:block}.mapa-report-indicator__detail>strong{display:block;margin-bottom:3px}}\n"], dependencies: [{ kind: "component", type: MapaClassificationTagComponent, selector: "mapa-classification-tag", inputs: ["classification", "size", "appearance", "shape", "casing", "fallbackLabel", "valueLabel"] }, { kind: "component", type: MapaResultTrackComponent, selector: "mapa-result-track", inputs: ["name", "value", "color", "mode", "appearance", "style", "direction", "showValue", "ariaLabel"] }, { kind: "pipe", type: SafeHtmlPipe, name: "safeHtml" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
8921
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.21", type: MapaReportIndicatorsWidgetDetailedComponent, isStandalone: true, selector: "mapa-report-indicators-widget-detailed", usesInheritance: true, ngImport: i0, template: "<div class=\"mapa-report-widget\" [attr.data-palette]=\"palette()\">\n @if (!indicators().length) {\n <p class=\"mapa-report-widget__empty\">{{ i18n.texts.report.emptyState }}</p>\n } @else {\n <div class=\"mapa-report-indicators mapa-report-indicators--rows\">\n @for (group of groups(); track group.id) {\n <section\n class=\"mapa-report-indicator-group mapa-report-indicator-group--rows\"\n >\n <header class=\"mapa-report-indicator-group__heading\">\n <h3>{{ group.name }}</h3>\n <span>{{\n i18n.texts.report.itemCountLabel(group.indicators.length)\n }}</span>\n </header>\n <div class=\"mapa-report-indicator-group__rows\">\n <div class=\"mapa-report-indicator__columns\" aria-hidden=\"true\">\n <span>{{ i18n.texts.report.indicatorTitle }}</span>\n <span>{{ i18n.texts.report.classificationTitle }}</span>\n <span>{{ i18n.texts.report.resultTitle }}</span>\n <span>%</span>\n </div>\n @for (indicator of group.indicators; track indicator.id) {\n <article class=\"mapa-report-indicator mapa-report-indicator--row\">\n <div class=\"mapa-report-indicator__graph\">\n <div class=\"mapa-report-indicator__name\">\n <span\n class=\"mapa-direction-indicator\"\n [attr.aria-label]=\"directionLabel(indicator)\"\n >{{ directionArrow(indicator) }}</span\n >\n <h4>{{ indicator.name }}</h4>\n </div>\n <mapa-classification-tag\n appearance=\"solid\"\n [classification]=\"indicator.classification\"\n />\n <mapa-result-track\n appearance=\"segmented\"\n mode=\"linear\"\n [color]=\"color(indicator)\"\n [name]=\"indicator.name\"\n [value]=\"value(indicator)\"\n />\n <strong class=\"mapa-report-indicator__percent\"\n >{{ value(indicator) }}%</strong\n >\n </div>\n\n @if (indicator.concept) {\n <div class=\"mapa-report-indicator__detail\">\n <strong>{{ i18n.texts.report.conceptTitle }}:</strong>\n <div\n class=\"mapa-report-indicator__copy\"\n [innerHTML]=\"indicator.concept | safeHtml\"\n ></div>\n </div>\n }\n @if (indicator.description) {\n <div class=\"mapa-report-indicator__detail\">\n <strong>{{ i18n.texts.report.resultTitle }}:</strong>\n <div\n class=\"mapa-report-indicator__copy\"\n [innerHTML]=\"indicator.description | safeHtml\"\n ></div>\n </div>\n }\n </article>\n }\n </div>\n </section>\n }\n </div>\n }\n</div>\n", styles: [":host{color:var(--mapa-report-text, #263238);display:block;min-width:0;font-family:var(--mapa-font-body, \"Asap\", \"Roboto\", sans-serif)}.mapa-report-widget{display:grid;gap:var(--mapa-report-space)}.mapa-report-widget__header{align-items:flex-start;column-gap:16px;display:grid;grid-template-columns:minmax(0,1fr) auto}.mapa-report-widget__heading{display:contents}.mapa-report-widget__heading h2{color:var(--mapa-report-accent);font-size:20px;font-weight:650;grid-column:1;grid-row:1;line-height:1.25;margin:0}.mapa-report-widget__description{color:var(--mapa-report-muted);font-size:13px;grid-column:1/-1;grid-row:2;line-height:1.5;margin:5px 0 0}.mapa-report-widget__description ::ng-deep ol,.mapa-report-widget__description ::ng-deep p,.mapa-report-widget__description ::ng-deep ul{margin:0 0 8px}.mapa-report-widget__description ::ng-deep ol,.mapa-report-widget__description ::ng-deep ul{padding-left:20px}.mapa-report-widget__description ::ng-deep li{margin:0 0 3px}.mapa-report-widget__description ::ng-deep b,.mapa-report-widget__description ::ng-deep strong{color:var(--mapa-report-text, inherit);font-weight:600}.mapa-report-widget__description ::ng-deep :last-child{margin-bottom:0}.mapa-report-widget__modes{--mat-button-toggle-background-color: transparent;--mat-button-toggle-divider-color: transparent;--mat-button-toggle-height: 32px;--mat-button-toggle-label-text-font: var( --mapa-font-body, \"Asap\", sans-serif );--mat-button-toggle-label-text-size: 13px;--mat-button-toggle-label-text-weight: 500;--mat-button-toggle-selected-state-background-color: var( --mapa-toggle-selected-surface, #fff );--mat-button-toggle-selected-state-text-color: var( --mapa-toggle-selected-text, #162f42 );--mat-button-toggle-shape: 7px;--mat-button-toggle-text-color: var(--mapa-toggle-text, #5b6672);align-items:center;background:var(--mapa-toggle-surface, #f1f2f4);border:0;border-radius:9px;box-sizing:border-box;gap:2px;grid-column:2;grid-row:1;overflow:hidden;padding:3px}.mapa-report-widget__modes mat-button-toggle{border:0;border-radius:7px;font:500 13px/1 var(--mapa-font-body, \"Asap\", sans-serif)}.mapa-report-widget__modes mat-button-toggle.mat-button-toggle-checked{box-shadow:0 1px 2px #162f4224}.mapa-report-widget__modes ::ng-deep .mat-button-toggle-button:focus-visible{outline:2px solid #cf450c;outline-offset:-2px}.mapa-report-widget__modes mat-icon{font-size:14px;height:14px;margin-right:5px;width:14px}.mapa-report-widget__modes--standalone{grid-column:1;grid-row:auto;justify-self:end}.mapa-report-widget__empty{color:var(--mapa-report-muted);margin:0;padding:24px 0;text-align:center}@media(max-width:760px){.mapa-report-widget__header{align-items:stretch;grid-template-columns:minmax(0,1fr)}.mapa-report-widget__modes{grid-column:1;grid-row:3;justify-self:start;margin-top:12px}.mapa-report-widget__modes--standalone{grid-row:auto;margin-top:0}}.mapa-direction-indicator{background:var(--mapa-report-surface, var(--mapa-color-surface, #fafbfc));border:1px solid currentColor;border-radius:50%;box-sizing:border-box;color:var(--mapa-report-muted, var(--mapa-color-text-subtle, #68747a));display:inline-grid;flex:0 0 20px;font-size:11px;font-weight:700;height:20px;line-height:1;place-items:center;width:20px}:host{--mapa-indicator-default-color: var(--mapa-result-color, #ff560b)}.mapa-report-indicators{display:grid;gap:20px}.mapa-report-indicators--list{align-items:start;grid-template-columns:repeat(3,minmax(0,1fr))}.mapa-report-indicators--single-column{grid-template-columns:1fr}.mapa-report-indicators--two-columns{grid-template-columns:repeat(2,minmax(0,1fr))}.mapa-report-indicators--rows{padding-top:2px}.mapa-report-indicators__column{display:grid;gap:23px;min-width:0}.mapa-report-indicator-group{min-width:0}.mapa-report-indicator-group__heading{align-items:baseline;display:flex;gap:12px;justify-content:space-between;margin-bottom:10px}.mapa-report-indicator-group__heading h3{color:var(--mapa-report-text, #263238);font-size:15px;font-weight:600;line-height:1.3;margin:0}.mapa-report-indicator-group__heading>span{color:var(--mapa-report-muted, #68747a);flex-shrink:0;font-size:12px}.mapa-report-indicator-group--list .mapa-report-indicator-group__heading{border-bottom:1px solid var(--mapa-report-border, #e1e5e7);margin-bottom:0;padding-bottom:8px}.mapa-report-indicator-group__list{display:grid;gap:0}.mapa-report-indicator-group__rows{background:var(--mapa-report-surface, #fff);border:1px solid var(--mapa-report-border, #e1e5e7);border-radius:10px;overflow:hidden}.mapa-report-indicator{min-width:0}.mapa-report-indicator--list{align-items:center;box-sizing:border-box;border-bottom:1px solid #f1f3f5;color:#334452;display:grid;gap:10px;grid-template-columns:20px minmax(0,1fr) minmax(48px,.5fr) 34px;min-height:38px;padding:9px 0}.mapa-report-indicator--list h4{font-size:13px;font-weight:400;line-height:1.25;margin:0;overflow-wrap:anywhere}.mapa-report-indicator--list>strong{color:var(--mapa-report-text, #263238);font-size:13px;font-weight:600;font-variant-numeric:tabular-nums;text-align:right}.mapa-report-indicator--row{padding:12px 16px}.mapa-report-indicator--row+.mapa-report-indicator--row{border-top:1px solid var(--mapa-report-border, #e1e5e7)}.mapa-report-indicator__graph,.mapa-report-indicator__columns{align-items:center;display:grid;gap:16px;grid-template-columns:minmax(0,1.2fr) 112px minmax(0,2.6fr) 44px}.mapa-report-indicator__columns{background:#fafbfb;border-bottom:1px solid var(--mapa-report-border, #e1e5e7);color:var(--mapa-report-muted, #68747a);font-size:11px;font-weight:600;letter-spacing:.08em;padding:10px 16px;text-transform:uppercase}.mapa-report-indicator__columns>:first-child{padding-left:36px}.mapa-report-indicator__columns>:last-child{text-align:right}.mapa-report-indicator__name{align-items:center;color:var(--mapa-report-text, #263238);display:flex;gap:16px;min-width:0}.mapa-report-indicator__name h4{font-size:13.5px;font-weight:500;line-height:1.25;margin:0;overflow-wrap:anywhere}.mapa-report-indicator__graph mapa-classification-tag{--mapa-classification-tag-min-width: 112px;justify-self:start;max-width:112px}.mapa-report-indicator__percent{color:#1f3850;font-size:13px;font-weight:600;font-variant-numeric:tabular-nums;text-align:right}.mapa-report-indicator__mode-label--compact{display:none}.mapa-report-indicator__detail{color:var(--mapa-report-muted, #68747a);display:flex;font-size:12.5px;gap:4px;line-height:1.55;margin:8px 0 0 36px}.mapa-report-indicator__detail>strong{color:var(--mapa-report-text, #263238);flex:0 0 auto;font-weight:600}.mapa-report-indicator__detail .mapa-report-indicator__copy{min-width:0}.mapa-report-indicator__detail .mapa-report-indicator__copy ::ng-deep ol,.mapa-report-indicator__detail .mapa-report-indicator__copy ::ng-deep p,.mapa-report-indicator__detail .mapa-report-indicator__copy ::ng-deep ul{margin:0 0 8px}.mapa-report-indicator__detail .mapa-report-indicator__copy ::ng-deep ol,.mapa-report-indicator__detail .mapa-report-indicator__copy ::ng-deep ul{padding-left:20px}.mapa-report-indicator__detail .mapa-report-indicator__copy ::ng-deep li{margin:0 0 3px}.mapa-report-indicator__detail .mapa-report-indicator__copy ::ng-deep b,.mapa-report-indicator__detail .mapa-report-indicator__copy ::ng-deep strong{color:var(--mapa-report-text, inherit);font-weight:600}.mapa-report-indicator__detail .mapa-report-indicator__copy ::ng-deep :last-child{margin-bottom:0}.mapa-report-indicator__detail div{min-width:0}.mapa-report-indicator__detail :last-child{margin-bottom:0}@media(max-width:760px){.mapa-report-indicator__name{gap:8px}.mapa-report-indicator__columns{display:none}.mapa-report-indicator__graph{gap:8px;grid-template-columns:minmax(0,1fr) 112px 40px}.mapa-report-indicator__graph mapa-result-track{grid-column:1/-1;grid-row:2;margin-top:3px}}@media(max-width:560px){.mapa-report-widget__modes{--mat-button-toggle-label-text-size: 11px;align-self:stretch;display:flex;justify-self:stretch}.mapa-report-widget__modes mat-button-toggle{flex:1 1 0;font:500 10px/1 var(--mapa-font-body, \"Asap\", sans-serif);min-width:0}.mapa-report-indicator__mode-icon,.mapa-report-indicator__mode-label--full{display:none}.mapa-report-indicator__mode-label--compact{display:inline}.mapa-report-indicators--list:not(.mapa-report-indicators--single-column){grid-template-columns:1fr}.mapa-report-indicator--list{min-height:36px}.mapa-report-indicator--row{padding:12px}.mapa-report-indicator__detail{display:block}.mapa-report-indicator__detail>strong{display:block;margin-bottom:3px}}\n"], dependencies: [{ kind: "component", type: MapaClassificationTagComponent, selector: "mapa-classification-tag", inputs: ["classification", "size", "appearance", "shape", "casing", "fallbackLabel", "valueLabel"] }, { kind: "component", type: MapaResultTrackComponent, selector: "mapa-result-track", inputs: ["name", "value", "color", "mode", "appearance", "style", "direction", "showValue", "ariaLabel"] }, { kind: "pipe", type: SafeHtmlPipe, name: "safeHtml" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
8914
8922
|
}
|
|
8915
8923
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.21", ngImport: i0, type: MapaReportIndicatorsWidgetDetailedComponent, decorators: [{
|
|
8916
8924
|
type: Component,
|
|
@@ -8918,7 +8926,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.21", ngImpo
|
|
|
8918
8926
|
MapaClassificationTagComponent,
|
|
8919
8927
|
MapaResultTrackComponent,
|
|
8920
8928
|
SafeHtmlPipe,
|
|
8921
|
-
], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"mapa-report-widget\" [attr.data-palette]=\"palette()\">\n @if (!indicators().length) {\n <p class=\"mapa-report-widget__empty\">{{ i18n.texts.report.emptyState }}</p>\n } @else {\n <div class=\"mapa-report-indicators mapa-report-indicators--rows\">\n @for (group of groups(); track group.id) {\n <section\n class=\"mapa-report-indicator-group mapa-report-indicator-group--rows\"\n >\n <header class=\"mapa-report-indicator-group__heading\">\n <h3>{{ group.name }}</h3>\n <span>{{\n i18n.texts.report.itemCountLabel(group.indicators.length)\n }}</span>\n </header>\n <div class=\"mapa-report-indicator-group__rows\">\n <div class=\"mapa-report-indicator__columns\" aria-hidden=\"true\">\n <span>{{ i18n.texts.report.indicatorTitle }}</span>\n <span>{{ i18n.texts.report.classificationTitle }}</span>\n <span>{{ i18n.texts.report.resultTitle }}</span>\n <span>%</span>\n </div>\n @for (indicator of group.indicators; track indicator.id) {\n <article class=\"mapa-report-indicator mapa-report-indicator--row\">\n <div class=\"mapa-report-indicator__graph\">\n <div class=\"mapa-report-indicator__name\">\n <span\n class=\"mapa-direction-indicator\"\n [attr.aria-label]=\"directionLabel(indicator)\"\n >{{ directionArrow(indicator) }}</span\n >\n <h4>{{ indicator.name }}</h4>\n </div>\n <mapa-classification-tag\n appearance=\"solid\"\n [classification]=\"indicator.classification\"\n />\n <mapa-result-track\n appearance=\"segmented\"\n mode=\"linear\"\n [color]=\"color(indicator)\"\n [name]=\"indicator.name\"\n [value]=\"value(indicator)\"\n />\n <strong class=\"mapa-report-indicator__percent\"\n >{{ value(indicator) }}%</strong\n >\n </div>\n\n @if (indicator.concept) {\n <div class=\"mapa-report-indicator__detail\">\n <strong>{{ i18n.texts.report.conceptTitle }}:</strong>\n <div\n class=\"mapa-report-indicator__copy\"\n [innerHTML]=\"indicator.concept | safeHtml\"\n ></div>\n </div>\n }\n @if (indicator.description) {\n <div class=\"mapa-report-indicator__detail\">\n <strong>{{ i18n.texts.report.resultTitle }}:</strong>\n <div\n class=\"mapa-report-indicator__copy\"\n [innerHTML]=\"indicator.description | safeHtml\"\n ></div>\n </div>\n }\n </article>\n }\n </div>\n </section>\n }\n </div>\n }\n</div>\n", styles: [":host{color:var(--mapa-report-text, #263238);display:block;min-width:0;font-family:var(--mapa-font-body, \"Asap\", \"Roboto\", sans-serif)}.mapa-report-widget{display:grid;gap:var(--mapa-report-space)}.mapa-report-widget__header{align-items:flex-start;column-gap:16px;display:grid;grid-template-columns:minmax(0,1fr) auto}.mapa-report-widget__heading{display:contents}.mapa-report-widget__heading h2{color:var(--mapa-report-accent);font-size:20px;font-weight:650;grid-column:1;grid-row:1;line-height:1.25;margin:0}.mapa-report-widget__description{color:var(--mapa-report-muted);font-size:13px;grid-column:1/-1;grid-row:2;line-height:1.5;margin:5px 0 0}.mapa-report-widget__description ::ng-deep ol,.mapa-report-widget__description ::ng-deep p,.mapa-report-widget__description ::ng-deep ul{margin:0 0 8px}.mapa-report-widget__description ::ng-deep ol,.mapa-report-widget__description ::ng-deep ul{padding-left:20px}.mapa-report-widget__description ::ng-deep li{margin:0 0 3px}.mapa-report-widget__description ::ng-deep b,.mapa-report-widget__description ::ng-deep strong{color:var(--mapa-report-text, inherit);font-weight:600}.mapa-report-widget__description ::ng-deep :last-child{margin-bottom:0}.mapa-report-widget__modes{--mat-button-toggle-background-color: transparent;--mat-button-toggle-divider-color: transparent;--mat-button-toggle-height: 32px;--mat-button-toggle-label-text-font: var( --mapa-font-body, \"Asap\", sans-serif );--mat-button-toggle-label-text-size: 13px;--mat-button-toggle-label-text-weight: 500;--mat-button-toggle-selected-state-background-color: var( --mapa-toggle-selected-surface, #fff );--mat-button-toggle-selected-state-text-color: var( --mapa-toggle-selected-text, #162f42 );--mat-button-toggle-shape: 7px;--mat-button-toggle-text-color: var(--mapa-toggle-text, #5b6672);align-items:center;background:var(--mapa-toggle-surface, #f1f2f4);border:0;border-radius:9px;box-sizing:border-box;gap:2px;grid-column:2;grid-row:1;overflow:hidden;padding:3px}.mapa-report-widget__modes mat-button-toggle{border:0;border-radius:7px;font:500 13px/1 var(--mapa-font-body, \"Asap\", sans-serif)}.mapa-report-widget__modes mat-button-toggle.mat-button-toggle-checked{box-shadow:0 1px 2px #162f4224}.mapa-report-widget__modes ::ng-deep .mat-button-toggle-button:focus-visible{outline:2px solid #cf450c;outline-offset:-2px}.mapa-report-widget__modes mat-icon{font-size:14px;height:14px;margin-right:5px;width:14px}.mapa-report-widget__modes--standalone{grid-column:1;grid-row:auto;justify-self:end}.mapa-report-widget__empty{color:var(--mapa-report-muted);margin:0;padding:24px 0;text-align:center}@media(max-width:760px){.mapa-report-widget__header{align-items:stretch;grid-template-columns:minmax(0,1fr)}.mapa-report-widget__modes{grid-column:1;grid-row:3;justify-self:start;margin-top:12px}.mapa-report-widget__modes--standalone{grid-row:auto;margin-top:0}}.mapa-direction-indicator{background:var(--mapa-report-surface, var(--mapa-color-surface, #fafbfc));border:1px solid currentColor;border-radius:50%;box-sizing:border-box;color:var(--mapa-report-muted, var(--mapa-color-text-subtle, #68747a));display:inline-grid;flex:0 0 20px;font-size:11px;font-weight:700;height:20px;line-height:1;place-items:center;width:20px}.mapa-report-indicators{display:grid;gap:20px}.mapa-report-indicators--list{align-items:start;grid-template-columns:repeat(3,minmax(0,1fr))}.mapa-report-indicators--single-column{grid-template-columns:1fr}.mapa-report-indicators--two-columns{grid-template-columns:repeat(2,minmax(0,1fr))}.mapa-report-indicators--rows{padding-top:2px}.mapa-report-indicators__column{display:grid;gap:23px;min-width:0}.mapa-report-indicator-group{min-width:0}.mapa-report-indicator-group__heading{align-items:baseline;display:flex;gap:12px;justify-content:space-between;margin-bottom:10px}.mapa-report-indicator-group__heading h3{color:var(--mapa-report-text, #263238);font-size:15px;font-weight:600;line-height:1.3;margin:0}.mapa-report-indicator-group__heading>span{color:var(--mapa-report-muted, #68747a);flex-shrink:0;font-size:12px}.mapa-report-indicator-group--list .mapa-report-indicator-group__heading{border-bottom:1px solid var(--mapa-report-border, #e1e5e7);margin-bottom:0;padding-bottom:8px}.mapa-report-indicator-group__list{display:grid;gap:0}.mapa-report-indicator-group__rows{background:var(--mapa-report-surface, #fff);border:1px solid var(--mapa-report-border, #e1e5e7);border-radius:10px;overflow:hidden}.mapa-report-indicator{min-width:0}.mapa-report-indicator--list{align-items:center;box-sizing:border-box;border-bottom:1px solid #f1f3f5;color:#334452;display:grid;gap:10px;grid-template-columns:20px minmax(0,1fr) minmax(48px,.5fr) 34px;min-height:38px;padding:9px 0}.mapa-report-indicator--list h4{font-size:13px;font-weight:400;line-height:1.25;margin:0;overflow-wrap:anywhere}.mapa-report-indicator--list>strong{color:var(--mapa-report-text, #263238);font-size:13px;font-weight:600;font-variant-numeric:tabular-nums;text-align:right}.mapa-report-indicator--row{padding:12px 16px}.mapa-report-indicator--row+.mapa-report-indicator--row{border-top:1px solid var(--mapa-report-border, #e1e5e7)}.mapa-report-indicator__graph,.mapa-report-indicator__columns{align-items:center;display:grid;gap:16px;grid-template-columns:minmax(0,1.2fr) 112px minmax(0,2.6fr) 44px}.mapa-report-indicator__columns{background:#fafbfb;border-bottom:1px solid var(--mapa-report-border, #e1e5e7);color:var(--mapa-report-muted, #68747a);font-size:11px;font-weight:600;letter-spacing:.08em;padding:10px 16px;text-transform:uppercase}.mapa-report-indicator__columns>:first-child{padding-left:36px}.mapa-report-indicator__columns>:last-child{text-align:right}.mapa-report-indicator__name{align-items:center;color:var(--mapa-report-text, #263238);display:flex;gap:16px;min-width:0}.mapa-report-indicator__name h4{font-size:13.5px;font-weight:500;line-height:1.25;margin:0;overflow-wrap:anywhere}.mapa-report-indicator__graph mapa-classification-tag{--mapa-classification-tag-min-width: 112px;justify-self:start;max-width:112px}.mapa-report-indicator__percent{color:#1f3850;font-size:13px;font-weight:600;font-variant-numeric:tabular-nums;text-align:right}.mapa-report-indicator__mode-label--compact{display:none}.mapa-report-indicator__detail{color:var(--mapa-report-muted, #68747a);display:flex;font-size:12.5px;gap:4px;line-height:1.55;margin:8px 0 0 36px}.mapa-report-indicator__detail>strong{color:var(--mapa-report-text, #263238);flex:0 0 auto;font-weight:600}.mapa-report-indicator__detail .mapa-report-indicator__copy{min-width:0}.mapa-report-indicator__detail .mapa-report-indicator__copy ::ng-deep ol,.mapa-report-indicator__detail .mapa-report-indicator__copy ::ng-deep p,.mapa-report-indicator__detail .mapa-report-indicator__copy ::ng-deep ul{margin:0 0 8px}.mapa-report-indicator__detail .mapa-report-indicator__copy ::ng-deep ol,.mapa-report-indicator__detail .mapa-report-indicator__copy ::ng-deep ul{padding-left:20px}.mapa-report-indicator__detail .mapa-report-indicator__copy ::ng-deep li{margin:0 0 3px}.mapa-report-indicator__detail .mapa-report-indicator__copy ::ng-deep b,.mapa-report-indicator__detail .mapa-report-indicator__copy ::ng-deep strong{color:var(--mapa-report-text, inherit);font-weight:600}.mapa-report-indicator__detail .mapa-report-indicator__copy ::ng-deep :last-child{margin-bottom:0}.mapa-report-indicator__detail div{min-width:0}.mapa-report-indicator__detail :last-child{margin-bottom:0}@media(max-width:760px){.mapa-report-indicator__name{gap:8px}.mapa-report-indicator__columns{display:none}.mapa-report-indicator__graph{gap:8px;grid-template-columns:minmax(0,1fr) 112px 40px}.mapa-report-indicator__graph mapa-result-track{grid-column:1/-1;grid-row:2;margin-top:3px}}@media(max-width:560px){.mapa-report-widget__modes{--mat-button-toggle-label-text-size: 11px;align-self:stretch;display:flex;justify-self:stretch}.mapa-report-widget__modes mat-button-toggle{flex:1 1 0;font:500 10px/1 var(--mapa-font-body, \"Asap\", sans-serif);min-width:0}.mapa-report-indicator__mode-icon,.mapa-report-indicator__mode-label--full{display:none}.mapa-report-indicator__mode-label--compact{display:inline}.mapa-report-indicators--list:not(.mapa-report-indicators--single-column){grid-template-columns:1fr}.mapa-report-indicator--list{min-height:36px}.mapa-report-indicator--row{padding:12px}.mapa-report-indicator__detail{display:block}.mapa-report-indicator__detail>strong{display:block;margin-bottom:3px}}\n"] }]
|
|
8929
|
+
], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"mapa-report-widget\" [attr.data-palette]=\"palette()\">\n @if (!indicators().length) {\n <p class=\"mapa-report-widget__empty\">{{ i18n.texts.report.emptyState }}</p>\n } @else {\n <div class=\"mapa-report-indicators mapa-report-indicators--rows\">\n @for (group of groups(); track group.id) {\n <section\n class=\"mapa-report-indicator-group mapa-report-indicator-group--rows\"\n >\n <header class=\"mapa-report-indicator-group__heading\">\n <h3>{{ group.name }}</h3>\n <span>{{\n i18n.texts.report.itemCountLabel(group.indicators.length)\n }}</span>\n </header>\n <div class=\"mapa-report-indicator-group__rows\">\n <div class=\"mapa-report-indicator__columns\" aria-hidden=\"true\">\n <span>{{ i18n.texts.report.indicatorTitle }}</span>\n <span>{{ i18n.texts.report.classificationTitle }}</span>\n <span>{{ i18n.texts.report.resultTitle }}</span>\n <span>%</span>\n </div>\n @for (indicator of group.indicators; track indicator.id) {\n <article class=\"mapa-report-indicator mapa-report-indicator--row\">\n <div class=\"mapa-report-indicator__graph\">\n <div class=\"mapa-report-indicator__name\">\n <span\n class=\"mapa-direction-indicator\"\n [attr.aria-label]=\"directionLabel(indicator)\"\n >{{ directionArrow(indicator) }}</span\n >\n <h4>{{ indicator.name }}</h4>\n </div>\n <mapa-classification-tag\n appearance=\"solid\"\n [classification]=\"indicator.classification\"\n />\n <mapa-result-track\n appearance=\"segmented\"\n mode=\"linear\"\n [color]=\"color(indicator)\"\n [name]=\"indicator.name\"\n [value]=\"value(indicator)\"\n />\n <strong class=\"mapa-report-indicator__percent\"\n >{{ value(indicator) }}%</strong\n >\n </div>\n\n @if (indicator.concept) {\n <div class=\"mapa-report-indicator__detail\">\n <strong>{{ i18n.texts.report.conceptTitle }}:</strong>\n <div\n class=\"mapa-report-indicator__copy\"\n [innerHTML]=\"indicator.concept | safeHtml\"\n ></div>\n </div>\n }\n @if (indicator.description) {\n <div class=\"mapa-report-indicator__detail\">\n <strong>{{ i18n.texts.report.resultTitle }}:</strong>\n <div\n class=\"mapa-report-indicator__copy\"\n [innerHTML]=\"indicator.description | safeHtml\"\n ></div>\n </div>\n }\n </article>\n }\n </div>\n </section>\n }\n </div>\n }\n</div>\n", styles: [":host{color:var(--mapa-report-text, #263238);display:block;min-width:0;font-family:var(--mapa-font-body, \"Asap\", \"Roboto\", sans-serif)}.mapa-report-widget{display:grid;gap:var(--mapa-report-space)}.mapa-report-widget__header{align-items:flex-start;column-gap:16px;display:grid;grid-template-columns:minmax(0,1fr) auto}.mapa-report-widget__heading{display:contents}.mapa-report-widget__heading h2{color:var(--mapa-report-accent);font-size:20px;font-weight:650;grid-column:1;grid-row:1;line-height:1.25;margin:0}.mapa-report-widget__description{color:var(--mapa-report-muted);font-size:13px;grid-column:1/-1;grid-row:2;line-height:1.5;margin:5px 0 0}.mapa-report-widget__description ::ng-deep ol,.mapa-report-widget__description ::ng-deep p,.mapa-report-widget__description ::ng-deep ul{margin:0 0 8px}.mapa-report-widget__description ::ng-deep ol,.mapa-report-widget__description ::ng-deep ul{padding-left:20px}.mapa-report-widget__description ::ng-deep li{margin:0 0 3px}.mapa-report-widget__description ::ng-deep b,.mapa-report-widget__description ::ng-deep strong{color:var(--mapa-report-text, inherit);font-weight:600}.mapa-report-widget__description ::ng-deep :last-child{margin-bottom:0}.mapa-report-widget__modes{--mat-button-toggle-background-color: transparent;--mat-button-toggle-divider-color: transparent;--mat-button-toggle-height: 32px;--mat-button-toggle-label-text-font: var( --mapa-font-body, \"Asap\", sans-serif );--mat-button-toggle-label-text-size: 13px;--mat-button-toggle-label-text-weight: 500;--mat-button-toggle-selected-state-background-color: var( --mapa-toggle-selected-surface, #fff );--mat-button-toggle-selected-state-text-color: var( --mapa-toggle-selected-text, #162f42 );--mat-button-toggle-shape: 7px;--mat-button-toggle-text-color: var(--mapa-toggle-text, #5b6672);align-items:center;background:var(--mapa-toggle-surface, #f1f2f4);border:0;border-radius:9px;box-sizing:border-box;gap:2px;grid-column:2;grid-row:1;overflow:hidden;padding:3px}.mapa-report-widget__modes mat-button-toggle{border:0;border-radius:7px;font:500 13px/1 var(--mapa-font-body, \"Asap\", sans-serif)}.mapa-report-widget__modes mat-button-toggle.mat-button-toggle-checked{box-shadow:0 1px 2px #162f4224}.mapa-report-widget__modes ::ng-deep .mat-button-toggle-button:focus-visible{outline:2px solid #cf450c;outline-offset:-2px}.mapa-report-widget__modes mat-icon{font-size:14px;height:14px;margin-right:5px;width:14px}.mapa-report-widget__modes--standalone{grid-column:1;grid-row:auto;justify-self:end}.mapa-report-widget__empty{color:var(--mapa-report-muted);margin:0;padding:24px 0;text-align:center}@media(max-width:760px){.mapa-report-widget__header{align-items:stretch;grid-template-columns:minmax(0,1fr)}.mapa-report-widget__modes{grid-column:1;grid-row:3;justify-self:start;margin-top:12px}.mapa-report-widget__modes--standalone{grid-row:auto;margin-top:0}}.mapa-direction-indicator{background:var(--mapa-report-surface, var(--mapa-color-surface, #fafbfc));border:1px solid currentColor;border-radius:50%;box-sizing:border-box;color:var(--mapa-report-muted, var(--mapa-color-text-subtle, #68747a));display:inline-grid;flex:0 0 20px;font-size:11px;font-weight:700;height:20px;line-height:1;place-items:center;width:20px}:host{--mapa-indicator-default-color: var(--mapa-result-color, #ff560b)}.mapa-report-indicators{display:grid;gap:20px}.mapa-report-indicators--list{align-items:start;grid-template-columns:repeat(3,minmax(0,1fr))}.mapa-report-indicators--single-column{grid-template-columns:1fr}.mapa-report-indicators--two-columns{grid-template-columns:repeat(2,minmax(0,1fr))}.mapa-report-indicators--rows{padding-top:2px}.mapa-report-indicators__column{display:grid;gap:23px;min-width:0}.mapa-report-indicator-group{min-width:0}.mapa-report-indicator-group__heading{align-items:baseline;display:flex;gap:12px;justify-content:space-between;margin-bottom:10px}.mapa-report-indicator-group__heading h3{color:var(--mapa-report-text, #263238);font-size:15px;font-weight:600;line-height:1.3;margin:0}.mapa-report-indicator-group__heading>span{color:var(--mapa-report-muted, #68747a);flex-shrink:0;font-size:12px}.mapa-report-indicator-group--list .mapa-report-indicator-group__heading{border-bottom:1px solid var(--mapa-report-border, #e1e5e7);margin-bottom:0;padding-bottom:8px}.mapa-report-indicator-group__list{display:grid;gap:0}.mapa-report-indicator-group__rows{background:var(--mapa-report-surface, #fff);border:1px solid var(--mapa-report-border, #e1e5e7);border-radius:10px;overflow:hidden}.mapa-report-indicator{min-width:0}.mapa-report-indicator--list{align-items:center;box-sizing:border-box;border-bottom:1px solid #f1f3f5;color:#334452;display:grid;gap:10px;grid-template-columns:20px minmax(0,1fr) minmax(48px,.5fr) 34px;min-height:38px;padding:9px 0}.mapa-report-indicator--list h4{font-size:13px;font-weight:400;line-height:1.25;margin:0;overflow-wrap:anywhere}.mapa-report-indicator--list>strong{color:var(--mapa-report-text, #263238);font-size:13px;font-weight:600;font-variant-numeric:tabular-nums;text-align:right}.mapa-report-indicator--row{padding:12px 16px}.mapa-report-indicator--row+.mapa-report-indicator--row{border-top:1px solid var(--mapa-report-border, #e1e5e7)}.mapa-report-indicator__graph,.mapa-report-indicator__columns{align-items:center;display:grid;gap:16px;grid-template-columns:minmax(0,1.2fr) 112px minmax(0,2.6fr) 44px}.mapa-report-indicator__columns{background:#fafbfb;border-bottom:1px solid var(--mapa-report-border, #e1e5e7);color:var(--mapa-report-muted, #68747a);font-size:11px;font-weight:600;letter-spacing:.08em;padding:10px 16px;text-transform:uppercase}.mapa-report-indicator__columns>:first-child{padding-left:36px}.mapa-report-indicator__columns>:last-child{text-align:right}.mapa-report-indicator__name{align-items:center;color:var(--mapa-report-text, #263238);display:flex;gap:16px;min-width:0}.mapa-report-indicator__name h4{font-size:13.5px;font-weight:500;line-height:1.25;margin:0;overflow-wrap:anywhere}.mapa-report-indicator__graph mapa-classification-tag{--mapa-classification-tag-min-width: 112px;justify-self:start;max-width:112px}.mapa-report-indicator__percent{color:#1f3850;font-size:13px;font-weight:600;font-variant-numeric:tabular-nums;text-align:right}.mapa-report-indicator__mode-label--compact{display:none}.mapa-report-indicator__detail{color:var(--mapa-report-muted, #68747a);display:flex;font-size:12.5px;gap:4px;line-height:1.55;margin:8px 0 0 36px}.mapa-report-indicator__detail>strong{color:var(--mapa-report-text, #263238);flex:0 0 auto;font-weight:600}.mapa-report-indicator__detail .mapa-report-indicator__copy{min-width:0}.mapa-report-indicator__detail .mapa-report-indicator__copy ::ng-deep ol,.mapa-report-indicator__detail .mapa-report-indicator__copy ::ng-deep p,.mapa-report-indicator__detail .mapa-report-indicator__copy ::ng-deep ul{margin:0 0 8px}.mapa-report-indicator__detail .mapa-report-indicator__copy ::ng-deep ol,.mapa-report-indicator__detail .mapa-report-indicator__copy ::ng-deep ul{padding-left:20px}.mapa-report-indicator__detail .mapa-report-indicator__copy ::ng-deep li{margin:0 0 3px}.mapa-report-indicator__detail .mapa-report-indicator__copy ::ng-deep b,.mapa-report-indicator__detail .mapa-report-indicator__copy ::ng-deep strong{color:var(--mapa-report-text, inherit);font-weight:600}.mapa-report-indicator__detail .mapa-report-indicator__copy ::ng-deep :last-child{margin-bottom:0}.mapa-report-indicator__detail div{min-width:0}.mapa-report-indicator__detail :last-child{margin-bottom:0}@media(max-width:760px){.mapa-report-indicator__name{gap:8px}.mapa-report-indicator__columns{display:none}.mapa-report-indicator__graph{gap:8px;grid-template-columns:minmax(0,1fr) 112px 40px}.mapa-report-indicator__graph mapa-result-track{grid-column:1/-1;grid-row:2;margin-top:3px}}@media(max-width:560px){.mapa-report-widget__modes{--mat-button-toggle-label-text-size: 11px;align-self:stretch;display:flex;justify-self:stretch}.mapa-report-widget__modes mat-button-toggle{flex:1 1 0;font:500 10px/1 var(--mapa-font-body, \"Asap\", sans-serif);min-width:0}.mapa-report-indicator__mode-icon,.mapa-report-indicator__mode-label--full{display:none}.mapa-report-indicator__mode-label--compact{display:inline}.mapa-report-indicators--list:not(.mapa-report-indicators--single-column){grid-template-columns:1fr}.mapa-report-indicator--list{min-height:36px}.mapa-report-indicator--row{padding:12px}.mapa-report-indicator__detail{display:block}.mapa-report-indicator__detail>strong{display:block;margin-bottom:3px}}\n"] }]
|
|
8922
8930
|
}] });
|
|
8923
8931
|
|
|
8924
8932
|
class MapaReportIndicatorsWidgetComponent extends ReportIndicatorsContent {
|
|
@@ -8938,7 +8946,7 @@ class MapaReportIndicatorsWidgetComponent extends ReportIndicatorsContent {
|
|
|
8938
8946
|
this.compactDetailedViewCaption = computed(() => this.compactDetailedViewLabel() ?? this.i18n.texts.report.detailed, ...(ngDevMode ? [{ debugName: "compactDetailedViewCaption" }] : []));
|
|
8939
8947
|
}
|
|
8940
8948
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.21", ngImport: i0, type: MapaReportIndicatorsWidgetComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
|
|
8941
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.21", type: MapaReportIndicatorsWidgetComponent, isStandalone: true, selector: "mapa-report-indicators-widget", inputs: { heading: { classPropertyName: "heading", publicName: "heading", isSignal: true, isRequired: true, transformFunction: null }, legendGroups: { classPropertyName: "legendGroups", publicName: "legendGroups", isSignal: true, isRequired: false, transformFunction: null }, legendTitle: { classPropertyName: "legendTitle", publicName: "legendTitle", isSignal: true, isRequired: false, transformFunction: null }, legendIntro: { classPropertyName: "legendIntro", publicName: "legendIntro", isSignal: true, isRequired: false, transformFunction: null }, legendExpanded: { classPropertyName: "legendExpanded", publicName: "legendExpanded", isSignal: true, isRequired: false, transformFunction: null }, detailedViewLabel: { classPropertyName: "detailedViewLabel", publicName: "detailedViewLabel", isSignal: true, isRequired: false, transformFunction: null }, compactDetailedViewLabel: { classPropertyName: "compactDetailedViewLabel", publicName: "compactDetailedViewLabel", isSignal: true, isRequired: false, transformFunction: null }, mode: { classPropertyName: "mode", publicName: "mode", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { mode: "modeChange" }, usesInheritance: true, ngImport: i0, template: "<section class=\"mapa-report-widget\" [attr.data-palette]=\"palette()\">\n <header class=\"mapa-report-widget__header\">\n <div class=\"mapa-report-widget__heading\">\n <h2>{{ heading().title }}</h2>\n @if (heading().description) {\n <div\n class=\"mapa-report-widget__description\"\n [innerHTML]=\"heading().description | safeHtml\"\n ></div>\n }\n </div>\n <mat-button-toggle-group\n class=\"mapa-report-widget__modes\"\n hideSingleSelectionIndicator\n [attr.aria-label]=\"i18n.texts.report.viewModeLabel\"\n [value]=\"mode()\"\n (change)=\"mode.set($event.value)\"\n >\n <mat-button-toggle value=\"list\">\n {{ i18n.texts.report.list }}\n </mat-button-toggle>\n <mat-button-toggle value=\"chart\">\n {{ i18n.texts.report.chart }}\n </mat-button-toggle>\n <mat-button-toggle value=\"detailed\">\n <span\n class=\"mapa-report-indicator__mode-label mapa-report-indicator__mode-label--full\"\n >{{ detailedViewCaption() }}</span\n >\n <span\n class=\"mapa-report-indicator__mode-label mapa-report-indicator__mode-label--compact\"\n >{{ compactDetailedViewCaption() }}</span\n >\n </mat-button-toggle>\n </mat-button-toggle-group>\n </header>\n\n @if (legendGroups().length || legendIntro()) {\n <mapa-report-legend\n appearance=\"psychosocial\"\n [expanded]=\"legendExpanded()\"\n [groups]=\"legendGroups()\"\n [intro]=\"legendIntro()\"\n [title]=\"legendTitle()\"\n />\n }\n\n @switch (mode()) {\n @case (\"list\") {\n <mapa-report-indicators-widget-list\n [groups]=\"groups()\"\n [palette]=\"palette()\"\n />\n }\n @case (\"chart\") {\n <mapa-report-indicators-widget-chart\n [groups]=\"groups()\"\n [palette]=\"palette()\"\n />\n }\n @default {\n <mapa-report-indicators-widget-detailed\n [groups]=\"groups()\"\n [palette]=\"palette()\"\n />\n }\n }\n</section>\n", styles: [":host{color:var(--mapa-report-text, #263238);display:block;min-width:0;font-family:var(--mapa-font-body, \"Asap\", \"Roboto\", sans-serif)}.mapa-report-widget{display:grid;gap:var(--mapa-report-space)}.mapa-report-widget__header{align-items:flex-start;column-gap:16px;display:grid;grid-template-columns:minmax(0,1fr) auto}.mapa-report-widget__heading{display:contents}.mapa-report-widget__heading h2{color:var(--mapa-report-accent);font-size:20px;font-weight:650;grid-column:1;grid-row:1;line-height:1.25;margin:0}.mapa-report-widget__description{color:var(--mapa-report-muted);font-size:13px;grid-column:1/-1;grid-row:2;line-height:1.5;margin:5px 0 0}.mapa-report-widget__description ::ng-deep ol,.mapa-report-widget__description ::ng-deep p,.mapa-report-widget__description ::ng-deep ul{margin:0 0 8px}.mapa-report-widget__description ::ng-deep ol,.mapa-report-widget__description ::ng-deep ul{padding-left:20px}.mapa-report-widget__description ::ng-deep li{margin:0 0 3px}.mapa-report-widget__description ::ng-deep b,.mapa-report-widget__description ::ng-deep strong{color:var(--mapa-report-text, inherit);font-weight:600}.mapa-report-widget__description ::ng-deep :last-child{margin-bottom:0}.mapa-report-widget__modes{--mat-button-toggle-background-color: transparent;--mat-button-toggle-divider-color: transparent;--mat-button-toggle-height: 32px;--mat-button-toggle-label-text-font: var( --mapa-font-body, \"Asap\", sans-serif );--mat-button-toggle-label-text-size: 13px;--mat-button-toggle-label-text-weight: 500;--mat-button-toggle-selected-state-background-color: var( --mapa-toggle-selected-surface, #fff );--mat-button-toggle-selected-state-text-color: var( --mapa-toggle-selected-text, #162f42 );--mat-button-toggle-shape: 7px;--mat-button-toggle-text-color: var(--mapa-toggle-text, #5b6672);align-items:center;background:var(--mapa-toggle-surface, #f1f2f4);border:0;border-radius:9px;box-sizing:border-box;gap:2px;grid-column:2;grid-row:1;overflow:hidden;padding:3px}.mapa-report-widget__modes mat-button-toggle{border:0;border-radius:7px;font:500 13px/1 var(--mapa-font-body, \"Asap\", sans-serif)}.mapa-report-widget__modes mat-button-toggle.mat-button-toggle-checked{box-shadow:0 1px 2px #162f4224}.mapa-report-widget__modes ::ng-deep .mat-button-toggle-button:focus-visible{outline:2px solid #cf450c;outline-offset:-2px}.mapa-report-widget__modes mat-icon{font-size:14px;height:14px;margin-right:5px;width:14px}.mapa-report-widget__modes--standalone{grid-column:1;grid-row:auto;justify-self:end}.mapa-report-widget__empty{color:var(--mapa-report-muted);margin:0;padding:24px 0;text-align:center}@media(max-width:760px){.mapa-report-widget__header{align-items:stretch;grid-template-columns:minmax(0,1fr)}.mapa-report-widget__modes{grid-column:1;grid-row:3;justify-self:start;margin-top:12px}.mapa-report-widget__modes--standalone{grid-row:auto;margin-top:0}}.mapa-direction-indicator{background:var(--mapa-report-surface, var(--mapa-color-surface, #fafbfc));border:1px solid currentColor;border-radius:50%;box-sizing:border-box;color:var(--mapa-report-muted, var(--mapa-color-text-subtle, #68747a));display:inline-grid;flex:0 0 20px;font-size:11px;font-weight:700;height:20px;line-height:1;place-items:center;width:20px}.mapa-report-indicators{display:grid;gap:20px}.mapa-report-indicators--list{align-items:start;grid-template-columns:repeat(3,minmax(0,1fr))}.mapa-report-indicators--single-column{grid-template-columns:1fr}.mapa-report-indicators--two-columns{grid-template-columns:repeat(2,minmax(0,1fr))}.mapa-report-indicators--rows{padding-top:2px}.mapa-report-indicators__column{display:grid;gap:23px;min-width:0}.mapa-report-indicator-group{min-width:0}.mapa-report-indicator-group__heading{align-items:baseline;display:flex;gap:12px;justify-content:space-between;margin-bottom:10px}.mapa-report-indicator-group__heading h3{color:var(--mapa-report-text, #263238);font-size:15px;font-weight:600;line-height:1.3;margin:0}.mapa-report-indicator-group__heading>span{color:var(--mapa-report-muted, #68747a);flex-shrink:0;font-size:12px}.mapa-report-indicator-group--list .mapa-report-indicator-group__heading{border-bottom:1px solid var(--mapa-report-border, #e1e5e7);margin-bottom:0;padding-bottom:8px}.mapa-report-indicator-group__list{display:grid;gap:0}.mapa-report-indicator-group__rows{background:var(--mapa-report-surface, #fff);border:1px solid var(--mapa-report-border, #e1e5e7);border-radius:10px;overflow:hidden}.mapa-report-indicator{min-width:0}.mapa-report-indicator--list{align-items:center;box-sizing:border-box;border-bottom:1px solid #f1f3f5;color:#334452;display:grid;gap:10px;grid-template-columns:20px minmax(0,1fr) minmax(48px,.5fr) 34px;min-height:38px;padding:9px 0}.mapa-report-indicator--list h4{font-size:13px;font-weight:400;line-height:1.25;margin:0;overflow-wrap:anywhere}.mapa-report-indicator--list>strong{color:var(--mapa-report-text, #263238);font-size:13px;font-weight:600;font-variant-numeric:tabular-nums;text-align:right}.mapa-report-indicator--row{padding:12px 16px}.mapa-report-indicator--row+.mapa-report-indicator--row{border-top:1px solid var(--mapa-report-border, #e1e5e7)}.mapa-report-indicator__graph,.mapa-report-indicator__columns{align-items:center;display:grid;gap:16px;grid-template-columns:minmax(0,1.2fr) 112px minmax(0,2.6fr) 44px}.mapa-report-indicator__columns{background:#fafbfb;border-bottom:1px solid var(--mapa-report-border, #e1e5e7);color:var(--mapa-report-muted, #68747a);font-size:11px;font-weight:600;letter-spacing:.08em;padding:10px 16px;text-transform:uppercase}.mapa-report-indicator__columns>:first-child{padding-left:36px}.mapa-report-indicator__columns>:last-child{text-align:right}.mapa-report-indicator__name{align-items:center;color:var(--mapa-report-text, #263238);display:flex;gap:16px;min-width:0}.mapa-report-indicator__name h4{font-size:13.5px;font-weight:500;line-height:1.25;margin:0;overflow-wrap:anywhere}.mapa-report-indicator__graph mapa-classification-tag{--mapa-classification-tag-min-width: 112px;justify-self:start;max-width:112px}.mapa-report-indicator__percent{color:#1f3850;font-size:13px;font-weight:600;font-variant-numeric:tabular-nums;text-align:right}.mapa-report-indicator__mode-label--compact{display:none}.mapa-report-indicator__detail{color:var(--mapa-report-muted, #68747a);display:flex;font-size:12.5px;gap:4px;line-height:1.55;margin:8px 0 0 36px}.mapa-report-indicator__detail>strong{color:var(--mapa-report-text, #263238);flex:0 0 auto;font-weight:600}.mapa-report-indicator__detail .mapa-report-indicator__copy{min-width:0}.mapa-report-indicator__detail .mapa-report-indicator__copy ::ng-deep ol,.mapa-report-indicator__detail .mapa-report-indicator__copy ::ng-deep p,.mapa-report-indicator__detail .mapa-report-indicator__copy ::ng-deep ul{margin:0 0 8px}.mapa-report-indicator__detail .mapa-report-indicator__copy ::ng-deep ol,.mapa-report-indicator__detail .mapa-report-indicator__copy ::ng-deep ul{padding-left:20px}.mapa-report-indicator__detail .mapa-report-indicator__copy ::ng-deep li{margin:0 0 3px}.mapa-report-indicator__detail .mapa-report-indicator__copy ::ng-deep b,.mapa-report-indicator__detail .mapa-report-indicator__copy ::ng-deep strong{color:var(--mapa-report-text, inherit);font-weight:600}.mapa-report-indicator__detail .mapa-report-indicator__copy ::ng-deep :last-child{margin-bottom:0}.mapa-report-indicator__detail div{min-width:0}.mapa-report-indicator__detail :last-child{margin-bottom:0}@media(max-width:760px){.mapa-report-indicator__name{gap:8px}.mapa-report-indicator__columns{display:none}.mapa-report-indicator__graph{gap:8px;grid-template-columns:minmax(0,1fr) 112px 40px}.mapa-report-indicator__graph mapa-result-track{grid-column:1/-1;grid-row:2;margin-top:3px}}@media(max-width:560px){.mapa-report-widget__modes{--mat-button-toggle-label-text-size: 11px;align-self:stretch;display:flex;justify-self:stretch}.mapa-report-widget__modes mat-button-toggle{flex:1 1 0;font:500 10px/1 var(--mapa-font-body, \"Asap\", sans-serif);min-width:0}.mapa-report-indicator__mode-icon,.mapa-report-indicator__mode-label--full{display:none}.mapa-report-indicator__mode-label--compact{display:inline}.mapa-report-indicators--list:not(.mapa-report-indicators--single-column){grid-template-columns:1fr}.mapa-report-indicator--list{min-height:36px}.mapa-report-indicator--row{padding:12px}.mapa-report-indicator__detail{display:block}.mapa-report-indicator__detail>strong{display:block;margin-bottom:3px}}:host{--mapa-report-accent: #ff560b;--mapa-report-accent-soft: #fff0e9;--mapa-report-surface: #fff;--mapa-report-surface-muted: #eef2f3;--mapa-report-border: #e1e5e7;--mapa-report-text: #263238;--mapa-report-muted: #68747a;--mapa-report-pill-width: 104px;--mapa-report-radius: 8px;--mapa-report-space: 20px;color:var(--mapa-report-text);display:block;font-family:var(--mapa-font-body, \"Asap\", \"Roboto\", sans-serif)}\n"], dependencies: [{ kind: "component", type: MapaReportIndicatorsWidgetListComponent, selector: "mapa-report-indicators-widget-list" }, { kind: "component", type: MapaReportIndicatorsWidgetChartComponent, selector: "mapa-report-indicators-widget-chart" }, { kind: "component", type: MapaReportIndicatorsWidgetDetailedComponent, selector: "mapa-report-indicators-widget-detailed" }, { kind: "ngmodule", type: MatButtonToggleModule }, { kind: "directive", type: i1$7.MatButtonToggleGroup, selector: "mat-button-toggle-group", inputs: ["appearance", "name", "vertical", "value", "multiple", "disabled", "disabledInteractive", "hideSingleSelectionIndicator", "hideMultipleSelectionIndicator"], outputs: ["valueChange", "change"], exportAs: ["matButtonToggleGroup"] }, { kind: "component", type: i1$7.MatButtonToggle, selector: "mat-button-toggle", inputs: ["aria-label", "aria-labelledby", "id", "name", "value", "tabIndex", "disableRipple", "appearance", "checked", "disabled", "disabledInteractive"], outputs: ["change"], exportAs: ["matButtonToggle"] }, { kind: "component", type: MapaReportLegendComponent, selector: "mapa-report-legend", inputs: ["title", "intro", "groupsTitle", "groups", "expanded", "appearance"] }, { kind: "pipe", type: SafeHtmlPipe, name: "safeHtml" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
8949
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.21", type: MapaReportIndicatorsWidgetComponent, isStandalone: true, selector: "mapa-report-indicators-widget", inputs: { heading: { classPropertyName: "heading", publicName: "heading", isSignal: true, isRequired: true, transformFunction: null }, legendGroups: { classPropertyName: "legendGroups", publicName: "legendGroups", isSignal: true, isRequired: false, transformFunction: null }, legendTitle: { classPropertyName: "legendTitle", publicName: "legendTitle", isSignal: true, isRequired: false, transformFunction: null }, legendIntro: { classPropertyName: "legendIntro", publicName: "legendIntro", isSignal: true, isRequired: false, transformFunction: null }, legendExpanded: { classPropertyName: "legendExpanded", publicName: "legendExpanded", isSignal: true, isRequired: false, transformFunction: null }, detailedViewLabel: { classPropertyName: "detailedViewLabel", publicName: "detailedViewLabel", isSignal: true, isRequired: false, transformFunction: null }, compactDetailedViewLabel: { classPropertyName: "compactDetailedViewLabel", publicName: "compactDetailedViewLabel", isSignal: true, isRequired: false, transformFunction: null }, mode: { classPropertyName: "mode", publicName: "mode", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { mode: "modeChange" }, usesInheritance: true, ngImport: i0, template: "<section class=\"mapa-report-widget\" [attr.data-palette]=\"palette()\">\n <header class=\"mapa-report-widget__header\">\n <div class=\"mapa-report-widget__heading\">\n <h2>{{ heading().title }}</h2>\n @if (heading().description) {\n <div\n class=\"mapa-report-widget__description\"\n [innerHTML]=\"heading().description | safeHtml\"\n ></div>\n }\n </div>\n <mat-button-toggle-group\n class=\"mapa-report-widget__modes\"\n hideSingleSelectionIndicator\n [attr.aria-label]=\"i18n.texts.report.viewModeLabel\"\n [value]=\"mode()\"\n (change)=\"mode.set($event.value)\"\n >\n <mat-button-toggle value=\"list\">\n {{ i18n.texts.report.list }}\n </mat-button-toggle>\n <mat-button-toggle value=\"chart\">\n {{ i18n.texts.report.chart }}\n </mat-button-toggle>\n <mat-button-toggle value=\"detailed\">\n <span\n class=\"mapa-report-indicator__mode-label mapa-report-indicator__mode-label--full\"\n >{{ detailedViewCaption() }}</span\n >\n <span\n class=\"mapa-report-indicator__mode-label mapa-report-indicator__mode-label--compact\"\n >{{ compactDetailedViewCaption() }}</span\n >\n </mat-button-toggle>\n </mat-button-toggle-group>\n </header>\n\n @if (legendGroups().length || legendIntro()) {\n <mapa-report-legend\n appearance=\"psychosocial\"\n [expanded]=\"legendExpanded()\"\n [groups]=\"legendGroups()\"\n [intro]=\"legendIntro()\"\n [title]=\"legendTitle()\"\n />\n }\n\n @switch (mode()) {\n @case (\"list\") {\n <mapa-report-indicators-widget-list\n [groups]=\"groups()\"\n [palette]=\"palette()\"\n />\n }\n @case (\"chart\") {\n <mapa-report-indicators-widget-chart\n [groups]=\"groups()\"\n [palette]=\"palette()\"\n />\n }\n @default {\n <mapa-report-indicators-widget-detailed\n [groups]=\"groups()\"\n [palette]=\"palette()\"\n />\n }\n }\n</section>\n", styles: [":host{color:var(--mapa-report-text, #263238);display:block;min-width:0;font-family:var(--mapa-font-body, \"Asap\", \"Roboto\", sans-serif)}.mapa-report-widget{display:grid;gap:var(--mapa-report-space)}.mapa-report-widget__header{align-items:flex-start;column-gap:16px;display:grid;grid-template-columns:minmax(0,1fr) auto}.mapa-report-widget__heading{display:contents}.mapa-report-widget__heading h2{color:var(--mapa-report-accent);font-size:20px;font-weight:650;grid-column:1;grid-row:1;line-height:1.25;margin:0}.mapa-report-widget__description{color:var(--mapa-report-muted);font-size:13px;grid-column:1/-1;grid-row:2;line-height:1.5;margin:5px 0 0}.mapa-report-widget__description ::ng-deep ol,.mapa-report-widget__description ::ng-deep p,.mapa-report-widget__description ::ng-deep ul{margin:0 0 8px}.mapa-report-widget__description ::ng-deep ol,.mapa-report-widget__description ::ng-deep ul{padding-left:20px}.mapa-report-widget__description ::ng-deep li{margin:0 0 3px}.mapa-report-widget__description ::ng-deep b,.mapa-report-widget__description ::ng-deep strong{color:var(--mapa-report-text, inherit);font-weight:600}.mapa-report-widget__description ::ng-deep :last-child{margin-bottom:0}.mapa-report-widget__modes{--mat-button-toggle-background-color: transparent;--mat-button-toggle-divider-color: transparent;--mat-button-toggle-height: 32px;--mat-button-toggle-label-text-font: var( --mapa-font-body, \"Asap\", sans-serif );--mat-button-toggle-label-text-size: 13px;--mat-button-toggle-label-text-weight: 500;--mat-button-toggle-selected-state-background-color: var( --mapa-toggle-selected-surface, #fff );--mat-button-toggle-selected-state-text-color: var( --mapa-toggle-selected-text, #162f42 );--mat-button-toggle-shape: 7px;--mat-button-toggle-text-color: var(--mapa-toggle-text, #5b6672);align-items:center;background:var(--mapa-toggle-surface, #f1f2f4);border:0;border-radius:9px;box-sizing:border-box;gap:2px;grid-column:2;grid-row:1;overflow:hidden;padding:3px}.mapa-report-widget__modes mat-button-toggle{border:0;border-radius:7px;font:500 13px/1 var(--mapa-font-body, \"Asap\", sans-serif)}.mapa-report-widget__modes mat-button-toggle.mat-button-toggle-checked{box-shadow:0 1px 2px #162f4224}.mapa-report-widget__modes ::ng-deep .mat-button-toggle-button:focus-visible{outline:2px solid #cf450c;outline-offset:-2px}.mapa-report-widget__modes mat-icon{font-size:14px;height:14px;margin-right:5px;width:14px}.mapa-report-widget__modes--standalone{grid-column:1;grid-row:auto;justify-self:end}.mapa-report-widget__empty{color:var(--mapa-report-muted);margin:0;padding:24px 0;text-align:center}@media(max-width:760px){.mapa-report-widget__header{align-items:stretch;grid-template-columns:minmax(0,1fr)}.mapa-report-widget__modes{grid-column:1;grid-row:3;justify-self:start;margin-top:12px}.mapa-report-widget__modes--standalone{grid-row:auto;margin-top:0}}.mapa-direction-indicator{background:var(--mapa-report-surface, var(--mapa-color-surface, #fafbfc));border:1px solid currentColor;border-radius:50%;box-sizing:border-box;color:var(--mapa-report-muted, var(--mapa-color-text-subtle, #68747a));display:inline-grid;flex:0 0 20px;font-size:11px;font-weight:700;height:20px;line-height:1;place-items:center;width:20px}:host{--mapa-indicator-default-color: var(--mapa-result-color, #ff560b)}.mapa-report-indicators{display:grid;gap:20px}.mapa-report-indicators--list{align-items:start;grid-template-columns:repeat(3,minmax(0,1fr))}.mapa-report-indicators--single-column{grid-template-columns:1fr}.mapa-report-indicators--two-columns{grid-template-columns:repeat(2,minmax(0,1fr))}.mapa-report-indicators--rows{padding-top:2px}.mapa-report-indicators__column{display:grid;gap:23px;min-width:0}.mapa-report-indicator-group{min-width:0}.mapa-report-indicator-group__heading{align-items:baseline;display:flex;gap:12px;justify-content:space-between;margin-bottom:10px}.mapa-report-indicator-group__heading h3{color:var(--mapa-report-text, #263238);font-size:15px;font-weight:600;line-height:1.3;margin:0}.mapa-report-indicator-group__heading>span{color:var(--mapa-report-muted, #68747a);flex-shrink:0;font-size:12px}.mapa-report-indicator-group--list .mapa-report-indicator-group__heading{border-bottom:1px solid var(--mapa-report-border, #e1e5e7);margin-bottom:0;padding-bottom:8px}.mapa-report-indicator-group__list{display:grid;gap:0}.mapa-report-indicator-group__rows{background:var(--mapa-report-surface, #fff);border:1px solid var(--mapa-report-border, #e1e5e7);border-radius:10px;overflow:hidden}.mapa-report-indicator{min-width:0}.mapa-report-indicator--list{align-items:center;box-sizing:border-box;border-bottom:1px solid #f1f3f5;color:#334452;display:grid;gap:10px;grid-template-columns:20px minmax(0,1fr) minmax(48px,.5fr) 34px;min-height:38px;padding:9px 0}.mapa-report-indicator--list h4{font-size:13px;font-weight:400;line-height:1.25;margin:0;overflow-wrap:anywhere}.mapa-report-indicator--list>strong{color:var(--mapa-report-text, #263238);font-size:13px;font-weight:600;font-variant-numeric:tabular-nums;text-align:right}.mapa-report-indicator--row{padding:12px 16px}.mapa-report-indicator--row+.mapa-report-indicator--row{border-top:1px solid var(--mapa-report-border, #e1e5e7)}.mapa-report-indicator__graph,.mapa-report-indicator__columns{align-items:center;display:grid;gap:16px;grid-template-columns:minmax(0,1.2fr) 112px minmax(0,2.6fr) 44px}.mapa-report-indicator__columns{background:#fafbfb;border-bottom:1px solid var(--mapa-report-border, #e1e5e7);color:var(--mapa-report-muted, #68747a);font-size:11px;font-weight:600;letter-spacing:.08em;padding:10px 16px;text-transform:uppercase}.mapa-report-indicator__columns>:first-child{padding-left:36px}.mapa-report-indicator__columns>:last-child{text-align:right}.mapa-report-indicator__name{align-items:center;color:var(--mapa-report-text, #263238);display:flex;gap:16px;min-width:0}.mapa-report-indicator__name h4{font-size:13.5px;font-weight:500;line-height:1.25;margin:0;overflow-wrap:anywhere}.mapa-report-indicator__graph mapa-classification-tag{--mapa-classification-tag-min-width: 112px;justify-self:start;max-width:112px}.mapa-report-indicator__percent{color:#1f3850;font-size:13px;font-weight:600;font-variant-numeric:tabular-nums;text-align:right}.mapa-report-indicator__mode-label--compact{display:none}.mapa-report-indicator__detail{color:var(--mapa-report-muted, #68747a);display:flex;font-size:12.5px;gap:4px;line-height:1.55;margin:8px 0 0 36px}.mapa-report-indicator__detail>strong{color:var(--mapa-report-text, #263238);flex:0 0 auto;font-weight:600}.mapa-report-indicator__detail .mapa-report-indicator__copy{min-width:0}.mapa-report-indicator__detail .mapa-report-indicator__copy ::ng-deep ol,.mapa-report-indicator__detail .mapa-report-indicator__copy ::ng-deep p,.mapa-report-indicator__detail .mapa-report-indicator__copy ::ng-deep ul{margin:0 0 8px}.mapa-report-indicator__detail .mapa-report-indicator__copy ::ng-deep ol,.mapa-report-indicator__detail .mapa-report-indicator__copy ::ng-deep ul{padding-left:20px}.mapa-report-indicator__detail .mapa-report-indicator__copy ::ng-deep li{margin:0 0 3px}.mapa-report-indicator__detail .mapa-report-indicator__copy ::ng-deep b,.mapa-report-indicator__detail .mapa-report-indicator__copy ::ng-deep strong{color:var(--mapa-report-text, inherit);font-weight:600}.mapa-report-indicator__detail .mapa-report-indicator__copy ::ng-deep :last-child{margin-bottom:0}.mapa-report-indicator__detail div{min-width:0}.mapa-report-indicator__detail :last-child{margin-bottom:0}@media(max-width:760px){.mapa-report-indicator__name{gap:8px}.mapa-report-indicator__columns{display:none}.mapa-report-indicator__graph{gap:8px;grid-template-columns:minmax(0,1fr) 112px 40px}.mapa-report-indicator__graph mapa-result-track{grid-column:1/-1;grid-row:2;margin-top:3px}}@media(max-width:560px){.mapa-report-widget__modes{--mat-button-toggle-label-text-size: 11px;align-self:stretch;display:flex;justify-self:stretch}.mapa-report-widget__modes mat-button-toggle{flex:1 1 0;font:500 10px/1 var(--mapa-font-body, \"Asap\", sans-serif);min-width:0}.mapa-report-indicator__mode-icon,.mapa-report-indicator__mode-label--full{display:none}.mapa-report-indicator__mode-label--compact{display:inline}.mapa-report-indicators--list:not(.mapa-report-indicators--single-column){grid-template-columns:1fr}.mapa-report-indicator--list{min-height:36px}.mapa-report-indicator--row{padding:12px}.mapa-report-indicator__detail{display:block}.mapa-report-indicator__detail>strong{display:block;margin-bottom:3px}}:host{--mapa-report-accent: #ff560b;--mapa-report-accent-soft: #fff0e9;--mapa-report-surface: #fff;--mapa-report-surface-muted: #eef2f3;--mapa-report-border: #e1e5e7;--mapa-report-text: #263238;--mapa-report-muted: #68747a;--mapa-report-pill-width: 104px;--mapa-report-radius: 8px;--mapa-report-space: 20px;color:var(--mapa-report-text);display:block;font-family:var(--mapa-font-body, \"Asap\", \"Roboto\", sans-serif)}\n"], dependencies: [{ kind: "component", type: MapaReportIndicatorsWidgetListComponent, selector: "mapa-report-indicators-widget-list" }, { kind: "component", type: MapaReportIndicatorsWidgetChartComponent, selector: "mapa-report-indicators-widget-chart" }, { kind: "component", type: MapaReportIndicatorsWidgetDetailedComponent, selector: "mapa-report-indicators-widget-detailed" }, { kind: "ngmodule", type: MatButtonToggleModule }, { kind: "directive", type: i1$7.MatButtonToggleGroup, selector: "mat-button-toggle-group", inputs: ["appearance", "name", "vertical", "value", "multiple", "disabled", "disabledInteractive", "hideSingleSelectionIndicator", "hideMultipleSelectionIndicator"], outputs: ["valueChange", "change"], exportAs: ["matButtonToggleGroup"] }, { kind: "component", type: i1$7.MatButtonToggle, selector: "mat-button-toggle", inputs: ["aria-label", "aria-labelledby", "id", "name", "value", "tabIndex", "disableRipple", "appearance", "checked", "disabled", "disabledInteractive"], outputs: ["change"], exportAs: ["matButtonToggle"] }, { kind: "component", type: MapaReportLegendComponent, selector: "mapa-report-legend", inputs: ["title", "intro", "groupsTitle", "groups", "expanded", "appearance"] }, { kind: "pipe", type: SafeHtmlPipe, name: "safeHtml" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
8942
8950
|
}
|
|
8943
8951
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.21", ngImport: i0, type: MapaReportIndicatorsWidgetComponent, decorators: [{
|
|
8944
8952
|
type: Component,
|
|
@@ -8949,7 +8957,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.21", ngImpo
|
|
|
8949
8957
|
MatButtonToggleModule,
|
|
8950
8958
|
MapaReportLegendComponent,
|
|
8951
8959
|
SafeHtmlPipe,
|
|
8952
|
-
], changeDetection: ChangeDetectionStrategy.OnPush, template: "<section class=\"mapa-report-widget\" [attr.data-palette]=\"palette()\">\n <header class=\"mapa-report-widget__header\">\n <div class=\"mapa-report-widget__heading\">\n <h2>{{ heading().title }}</h2>\n @if (heading().description) {\n <div\n class=\"mapa-report-widget__description\"\n [innerHTML]=\"heading().description | safeHtml\"\n ></div>\n }\n </div>\n <mat-button-toggle-group\n class=\"mapa-report-widget__modes\"\n hideSingleSelectionIndicator\n [attr.aria-label]=\"i18n.texts.report.viewModeLabel\"\n [value]=\"mode()\"\n (change)=\"mode.set($event.value)\"\n >\n <mat-button-toggle value=\"list\">\n {{ i18n.texts.report.list }}\n </mat-button-toggle>\n <mat-button-toggle value=\"chart\">\n {{ i18n.texts.report.chart }}\n </mat-button-toggle>\n <mat-button-toggle value=\"detailed\">\n <span\n class=\"mapa-report-indicator__mode-label mapa-report-indicator__mode-label--full\"\n >{{ detailedViewCaption() }}</span\n >\n <span\n class=\"mapa-report-indicator__mode-label mapa-report-indicator__mode-label--compact\"\n >{{ compactDetailedViewCaption() }}</span\n >\n </mat-button-toggle>\n </mat-button-toggle-group>\n </header>\n\n @if (legendGroups().length || legendIntro()) {\n <mapa-report-legend\n appearance=\"psychosocial\"\n [expanded]=\"legendExpanded()\"\n [groups]=\"legendGroups()\"\n [intro]=\"legendIntro()\"\n [title]=\"legendTitle()\"\n />\n }\n\n @switch (mode()) {\n @case (\"list\") {\n <mapa-report-indicators-widget-list\n [groups]=\"groups()\"\n [palette]=\"palette()\"\n />\n }\n @case (\"chart\") {\n <mapa-report-indicators-widget-chart\n [groups]=\"groups()\"\n [palette]=\"palette()\"\n />\n }\n @default {\n <mapa-report-indicators-widget-detailed\n [groups]=\"groups()\"\n [palette]=\"palette()\"\n />\n }\n }\n</section>\n", styles: [":host{color:var(--mapa-report-text, #263238);display:block;min-width:0;font-family:var(--mapa-font-body, \"Asap\", \"Roboto\", sans-serif)}.mapa-report-widget{display:grid;gap:var(--mapa-report-space)}.mapa-report-widget__header{align-items:flex-start;column-gap:16px;display:grid;grid-template-columns:minmax(0,1fr) auto}.mapa-report-widget__heading{display:contents}.mapa-report-widget__heading h2{color:var(--mapa-report-accent);font-size:20px;font-weight:650;grid-column:1;grid-row:1;line-height:1.25;margin:0}.mapa-report-widget__description{color:var(--mapa-report-muted);font-size:13px;grid-column:1/-1;grid-row:2;line-height:1.5;margin:5px 0 0}.mapa-report-widget__description ::ng-deep ol,.mapa-report-widget__description ::ng-deep p,.mapa-report-widget__description ::ng-deep ul{margin:0 0 8px}.mapa-report-widget__description ::ng-deep ol,.mapa-report-widget__description ::ng-deep ul{padding-left:20px}.mapa-report-widget__description ::ng-deep li{margin:0 0 3px}.mapa-report-widget__description ::ng-deep b,.mapa-report-widget__description ::ng-deep strong{color:var(--mapa-report-text, inherit);font-weight:600}.mapa-report-widget__description ::ng-deep :last-child{margin-bottom:0}.mapa-report-widget__modes{--mat-button-toggle-background-color: transparent;--mat-button-toggle-divider-color: transparent;--mat-button-toggle-height: 32px;--mat-button-toggle-label-text-font: var( --mapa-font-body, \"Asap\", sans-serif );--mat-button-toggle-label-text-size: 13px;--mat-button-toggle-label-text-weight: 500;--mat-button-toggle-selected-state-background-color: var( --mapa-toggle-selected-surface, #fff );--mat-button-toggle-selected-state-text-color: var( --mapa-toggle-selected-text, #162f42 );--mat-button-toggle-shape: 7px;--mat-button-toggle-text-color: var(--mapa-toggle-text, #5b6672);align-items:center;background:var(--mapa-toggle-surface, #f1f2f4);border:0;border-radius:9px;box-sizing:border-box;gap:2px;grid-column:2;grid-row:1;overflow:hidden;padding:3px}.mapa-report-widget__modes mat-button-toggle{border:0;border-radius:7px;font:500 13px/1 var(--mapa-font-body, \"Asap\", sans-serif)}.mapa-report-widget__modes mat-button-toggle.mat-button-toggle-checked{box-shadow:0 1px 2px #162f4224}.mapa-report-widget__modes ::ng-deep .mat-button-toggle-button:focus-visible{outline:2px solid #cf450c;outline-offset:-2px}.mapa-report-widget__modes mat-icon{font-size:14px;height:14px;margin-right:5px;width:14px}.mapa-report-widget__modes--standalone{grid-column:1;grid-row:auto;justify-self:end}.mapa-report-widget__empty{color:var(--mapa-report-muted);margin:0;padding:24px 0;text-align:center}@media(max-width:760px){.mapa-report-widget__header{align-items:stretch;grid-template-columns:minmax(0,1fr)}.mapa-report-widget__modes{grid-column:1;grid-row:3;justify-self:start;margin-top:12px}.mapa-report-widget__modes--standalone{grid-row:auto;margin-top:0}}.mapa-direction-indicator{background:var(--mapa-report-surface, var(--mapa-color-surface, #fafbfc));border:1px solid currentColor;border-radius:50%;box-sizing:border-box;color:var(--mapa-report-muted, var(--mapa-color-text-subtle, #68747a));display:inline-grid;flex:0 0 20px;font-size:11px;font-weight:700;height:20px;line-height:1;place-items:center;width:20px}.mapa-report-indicators{display:grid;gap:20px}.mapa-report-indicators--list{align-items:start;grid-template-columns:repeat(3,minmax(0,1fr))}.mapa-report-indicators--single-column{grid-template-columns:1fr}.mapa-report-indicators--two-columns{grid-template-columns:repeat(2,minmax(0,1fr))}.mapa-report-indicators--rows{padding-top:2px}.mapa-report-indicators__column{display:grid;gap:23px;min-width:0}.mapa-report-indicator-group{min-width:0}.mapa-report-indicator-group__heading{align-items:baseline;display:flex;gap:12px;justify-content:space-between;margin-bottom:10px}.mapa-report-indicator-group__heading h3{color:var(--mapa-report-text, #263238);font-size:15px;font-weight:600;line-height:1.3;margin:0}.mapa-report-indicator-group__heading>span{color:var(--mapa-report-muted, #68747a);flex-shrink:0;font-size:12px}.mapa-report-indicator-group--list .mapa-report-indicator-group__heading{border-bottom:1px solid var(--mapa-report-border, #e1e5e7);margin-bottom:0;padding-bottom:8px}.mapa-report-indicator-group__list{display:grid;gap:0}.mapa-report-indicator-group__rows{background:var(--mapa-report-surface, #fff);border:1px solid var(--mapa-report-border, #e1e5e7);border-radius:10px;overflow:hidden}.mapa-report-indicator{min-width:0}.mapa-report-indicator--list{align-items:center;box-sizing:border-box;border-bottom:1px solid #f1f3f5;color:#334452;display:grid;gap:10px;grid-template-columns:20px minmax(0,1fr) minmax(48px,.5fr) 34px;min-height:38px;padding:9px 0}.mapa-report-indicator--list h4{font-size:13px;font-weight:400;line-height:1.25;margin:0;overflow-wrap:anywhere}.mapa-report-indicator--list>strong{color:var(--mapa-report-text, #263238);font-size:13px;font-weight:600;font-variant-numeric:tabular-nums;text-align:right}.mapa-report-indicator--row{padding:12px 16px}.mapa-report-indicator--row+.mapa-report-indicator--row{border-top:1px solid var(--mapa-report-border, #e1e5e7)}.mapa-report-indicator__graph,.mapa-report-indicator__columns{align-items:center;display:grid;gap:16px;grid-template-columns:minmax(0,1.2fr) 112px minmax(0,2.6fr) 44px}.mapa-report-indicator__columns{background:#fafbfb;border-bottom:1px solid var(--mapa-report-border, #e1e5e7);color:var(--mapa-report-muted, #68747a);font-size:11px;font-weight:600;letter-spacing:.08em;padding:10px 16px;text-transform:uppercase}.mapa-report-indicator__columns>:first-child{padding-left:36px}.mapa-report-indicator__columns>:last-child{text-align:right}.mapa-report-indicator__name{align-items:center;color:var(--mapa-report-text, #263238);display:flex;gap:16px;min-width:0}.mapa-report-indicator__name h4{font-size:13.5px;font-weight:500;line-height:1.25;margin:0;overflow-wrap:anywhere}.mapa-report-indicator__graph mapa-classification-tag{--mapa-classification-tag-min-width: 112px;justify-self:start;max-width:112px}.mapa-report-indicator__percent{color:#1f3850;font-size:13px;font-weight:600;font-variant-numeric:tabular-nums;text-align:right}.mapa-report-indicator__mode-label--compact{display:none}.mapa-report-indicator__detail{color:var(--mapa-report-muted, #68747a);display:flex;font-size:12.5px;gap:4px;line-height:1.55;margin:8px 0 0 36px}.mapa-report-indicator__detail>strong{color:var(--mapa-report-text, #263238);flex:0 0 auto;font-weight:600}.mapa-report-indicator__detail .mapa-report-indicator__copy{min-width:0}.mapa-report-indicator__detail .mapa-report-indicator__copy ::ng-deep ol,.mapa-report-indicator__detail .mapa-report-indicator__copy ::ng-deep p,.mapa-report-indicator__detail .mapa-report-indicator__copy ::ng-deep ul{margin:0 0 8px}.mapa-report-indicator__detail .mapa-report-indicator__copy ::ng-deep ol,.mapa-report-indicator__detail .mapa-report-indicator__copy ::ng-deep ul{padding-left:20px}.mapa-report-indicator__detail .mapa-report-indicator__copy ::ng-deep li{margin:0 0 3px}.mapa-report-indicator__detail .mapa-report-indicator__copy ::ng-deep b,.mapa-report-indicator__detail .mapa-report-indicator__copy ::ng-deep strong{color:var(--mapa-report-text, inherit);font-weight:600}.mapa-report-indicator__detail .mapa-report-indicator__copy ::ng-deep :last-child{margin-bottom:0}.mapa-report-indicator__detail div{min-width:0}.mapa-report-indicator__detail :last-child{margin-bottom:0}@media(max-width:760px){.mapa-report-indicator__name{gap:8px}.mapa-report-indicator__columns{display:none}.mapa-report-indicator__graph{gap:8px;grid-template-columns:minmax(0,1fr) 112px 40px}.mapa-report-indicator__graph mapa-result-track{grid-column:1/-1;grid-row:2;margin-top:3px}}@media(max-width:560px){.mapa-report-widget__modes{--mat-button-toggle-label-text-size: 11px;align-self:stretch;display:flex;justify-self:stretch}.mapa-report-widget__modes mat-button-toggle{flex:1 1 0;font:500 10px/1 var(--mapa-font-body, \"Asap\", sans-serif);min-width:0}.mapa-report-indicator__mode-icon,.mapa-report-indicator__mode-label--full{display:none}.mapa-report-indicator__mode-label--compact{display:inline}.mapa-report-indicators--list:not(.mapa-report-indicators--single-column){grid-template-columns:1fr}.mapa-report-indicator--list{min-height:36px}.mapa-report-indicator--row{padding:12px}.mapa-report-indicator__detail{display:block}.mapa-report-indicator__detail>strong{display:block;margin-bottom:3px}}:host{--mapa-report-accent: #ff560b;--mapa-report-accent-soft: #fff0e9;--mapa-report-surface: #fff;--mapa-report-surface-muted: #eef2f3;--mapa-report-border: #e1e5e7;--mapa-report-text: #263238;--mapa-report-muted: #68747a;--mapa-report-pill-width: 104px;--mapa-report-radius: 8px;--mapa-report-space: 20px;color:var(--mapa-report-text);display:block;font-family:var(--mapa-font-body, \"Asap\", \"Roboto\", sans-serif)}\n"] }]
|
|
8960
|
+
], changeDetection: ChangeDetectionStrategy.OnPush, template: "<section class=\"mapa-report-widget\" [attr.data-palette]=\"palette()\">\n <header class=\"mapa-report-widget__header\">\n <div class=\"mapa-report-widget__heading\">\n <h2>{{ heading().title }}</h2>\n @if (heading().description) {\n <div\n class=\"mapa-report-widget__description\"\n [innerHTML]=\"heading().description | safeHtml\"\n ></div>\n }\n </div>\n <mat-button-toggle-group\n class=\"mapa-report-widget__modes\"\n hideSingleSelectionIndicator\n [attr.aria-label]=\"i18n.texts.report.viewModeLabel\"\n [value]=\"mode()\"\n (change)=\"mode.set($event.value)\"\n >\n <mat-button-toggle value=\"list\">\n {{ i18n.texts.report.list }}\n </mat-button-toggle>\n <mat-button-toggle value=\"chart\">\n {{ i18n.texts.report.chart }}\n </mat-button-toggle>\n <mat-button-toggle value=\"detailed\">\n <span\n class=\"mapa-report-indicator__mode-label mapa-report-indicator__mode-label--full\"\n >{{ detailedViewCaption() }}</span\n >\n <span\n class=\"mapa-report-indicator__mode-label mapa-report-indicator__mode-label--compact\"\n >{{ compactDetailedViewCaption() }}</span\n >\n </mat-button-toggle>\n </mat-button-toggle-group>\n </header>\n\n @if (legendGroups().length || legendIntro()) {\n <mapa-report-legend\n appearance=\"psychosocial\"\n [expanded]=\"legendExpanded()\"\n [groups]=\"legendGroups()\"\n [intro]=\"legendIntro()\"\n [title]=\"legendTitle()\"\n />\n }\n\n @switch (mode()) {\n @case (\"list\") {\n <mapa-report-indicators-widget-list\n [groups]=\"groups()\"\n [palette]=\"palette()\"\n />\n }\n @case (\"chart\") {\n <mapa-report-indicators-widget-chart\n [groups]=\"groups()\"\n [palette]=\"palette()\"\n />\n }\n @default {\n <mapa-report-indicators-widget-detailed\n [groups]=\"groups()\"\n [palette]=\"palette()\"\n />\n }\n }\n</section>\n", styles: [":host{color:var(--mapa-report-text, #263238);display:block;min-width:0;font-family:var(--mapa-font-body, \"Asap\", \"Roboto\", sans-serif)}.mapa-report-widget{display:grid;gap:var(--mapa-report-space)}.mapa-report-widget__header{align-items:flex-start;column-gap:16px;display:grid;grid-template-columns:minmax(0,1fr) auto}.mapa-report-widget__heading{display:contents}.mapa-report-widget__heading h2{color:var(--mapa-report-accent);font-size:20px;font-weight:650;grid-column:1;grid-row:1;line-height:1.25;margin:0}.mapa-report-widget__description{color:var(--mapa-report-muted);font-size:13px;grid-column:1/-1;grid-row:2;line-height:1.5;margin:5px 0 0}.mapa-report-widget__description ::ng-deep ol,.mapa-report-widget__description ::ng-deep p,.mapa-report-widget__description ::ng-deep ul{margin:0 0 8px}.mapa-report-widget__description ::ng-deep ol,.mapa-report-widget__description ::ng-deep ul{padding-left:20px}.mapa-report-widget__description ::ng-deep li{margin:0 0 3px}.mapa-report-widget__description ::ng-deep b,.mapa-report-widget__description ::ng-deep strong{color:var(--mapa-report-text, inherit);font-weight:600}.mapa-report-widget__description ::ng-deep :last-child{margin-bottom:0}.mapa-report-widget__modes{--mat-button-toggle-background-color: transparent;--mat-button-toggle-divider-color: transparent;--mat-button-toggle-height: 32px;--mat-button-toggle-label-text-font: var( --mapa-font-body, \"Asap\", sans-serif );--mat-button-toggle-label-text-size: 13px;--mat-button-toggle-label-text-weight: 500;--mat-button-toggle-selected-state-background-color: var( --mapa-toggle-selected-surface, #fff );--mat-button-toggle-selected-state-text-color: var( --mapa-toggle-selected-text, #162f42 );--mat-button-toggle-shape: 7px;--mat-button-toggle-text-color: var(--mapa-toggle-text, #5b6672);align-items:center;background:var(--mapa-toggle-surface, #f1f2f4);border:0;border-radius:9px;box-sizing:border-box;gap:2px;grid-column:2;grid-row:1;overflow:hidden;padding:3px}.mapa-report-widget__modes mat-button-toggle{border:0;border-radius:7px;font:500 13px/1 var(--mapa-font-body, \"Asap\", sans-serif)}.mapa-report-widget__modes mat-button-toggle.mat-button-toggle-checked{box-shadow:0 1px 2px #162f4224}.mapa-report-widget__modes ::ng-deep .mat-button-toggle-button:focus-visible{outline:2px solid #cf450c;outline-offset:-2px}.mapa-report-widget__modes mat-icon{font-size:14px;height:14px;margin-right:5px;width:14px}.mapa-report-widget__modes--standalone{grid-column:1;grid-row:auto;justify-self:end}.mapa-report-widget__empty{color:var(--mapa-report-muted);margin:0;padding:24px 0;text-align:center}@media(max-width:760px){.mapa-report-widget__header{align-items:stretch;grid-template-columns:minmax(0,1fr)}.mapa-report-widget__modes{grid-column:1;grid-row:3;justify-self:start;margin-top:12px}.mapa-report-widget__modes--standalone{grid-row:auto;margin-top:0}}.mapa-direction-indicator{background:var(--mapa-report-surface, var(--mapa-color-surface, #fafbfc));border:1px solid currentColor;border-radius:50%;box-sizing:border-box;color:var(--mapa-report-muted, var(--mapa-color-text-subtle, #68747a));display:inline-grid;flex:0 0 20px;font-size:11px;font-weight:700;height:20px;line-height:1;place-items:center;width:20px}:host{--mapa-indicator-default-color: var(--mapa-result-color, #ff560b)}.mapa-report-indicators{display:grid;gap:20px}.mapa-report-indicators--list{align-items:start;grid-template-columns:repeat(3,minmax(0,1fr))}.mapa-report-indicators--single-column{grid-template-columns:1fr}.mapa-report-indicators--two-columns{grid-template-columns:repeat(2,minmax(0,1fr))}.mapa-report-indicators--rows{padding-top:2px}.mapa-report-indicators__column{display:grid;gap:23px;min-width:0}.mapa-report-indicator-group{min-width:0}.mapa-report-indicator-group__heading{align-items:baseline;display:flex;gap:12px;justify-content:space-between;margin-bottom:10px}.mapa-report-indicator-group__heading h3{color:var(--mapa-report-text, #263238);font-size:15px;font-weight:600;line-height:1.3;margin:0}.mapa-report-indicator-group__heading>span{color:var(--mapa-report-muted, #68747a);flex-shrink:0;font-size:12px}.mapa-report-indicator-group--list .mapa-report-indicator-group__heading{border-bottom:1px solid var(--mapa-report-border, #e1e5e7);margin-bottom:0;padding-bottom:8px}.mapa-report-indicator-group__list{display:grid;gap:0}.mapa-report-indicator-group__rows{background:var(--mapa-report-surface, #fff);border:1px solid var(--mapa-report-border, #e1e5e7);border-radius:10px;overflow:hidden}.mapa-report-indicator{min-width:0}.mapa-report-indicator--list{align-items:center;box-sizing:border-box;border-bottom:1px solid #f1f3f5;color:#334452;display:grid;gap:10px;grid-template-columns:20px minmax(0,1fr) minmax(48px,.5fr) 34px;min-height:38px;padding:9px 0}.mapa-report-indicator--list h4{font-size:13px;font-weight:400;line-height:1.25;margin:0;overflow-wrap:anywhere}.mapa-report-indicator--list>strong{color:var(--mapa-report-text, #263238);font-size:13px;font-weight:600;font-variant-numeric:tabular-nums;text-align:right}.mapa-report-indicator--row{padding:12px 16px}.mapa-report-indicator--row+.mapa-report-indicator--row{border-top:1px solid var(--mapa-report-border, #e1e5e7)}.mapa-report-indicator__graph,.mapa-report-indicator__columns{align-items:center;display:grid;gap:16px;grid-template-columns:minmax(0,1.2fr) 112px minmax(0,2.6fr) 44px}.mapa-report-indicator__columns{background:#fafbfb;border-bottom:1px solid var(--mapa-report-border, #e1e5e7);color:var(--mapa-report-muted, #68747a);font-size:11px;font-weight:600;letter-spacing:.08em;padding:10px 16px;text-transform:uppercase}.mapa-report-indicator__columns>:first-child{padding-left:36px}.mapa-report-indicator__columns>:last-child{text-align:right}.mapa-report-indicator__name{align-items:center;color:var(--mapa-report-text, #263238);display:flex;gap:16px;min-width:0}.mapa-report-indicator__name h4{font-size:13.5px;font-weight:500;line-height:1.25;margin:0;overflow-wrap:anywhere}.mapa-report-indicator__graph mapa-classification-tag{--mapa-classification-tag-min-width: 112px;justify-self:start;max-width:112px}.mapa-report-indicator__percent{color:#1f3850;font-size:13px;font-weight:600;font-variant-numeric:tabular-nums;text-align:right}.mapa-report-indicator__mode-label--compact{display:none}.mapa-report-indicator__detail{color:var(--mapa-report-muted, #68747a);display:flex;font-size:12.5px;gap:4px;line-height:1.55;margin:8px 0 0 36px}.mapa-report-indicator__detail>strong{color:var(--mapa-report-text, #263238);flex:0 0 auto;font-weight:600}.mapa-report-indicator__detail .mapa-report-indicator__copy{min-width:0}.mapa-report-indicator__detail .mapa-report-indicator__copy ::ng-deep ol,.mapa-report-indicator__detail .mapa-report-indicator__copy ::ng-deep p,.mapa-report-indicator__detail .mapa-report-indicator__copy ::ng-deep ul{margin:0 0 8px}.mapa-report-indicator__detail .mapa-report-indicator__copy ::ng-deep ol,.mapa-report-indicator__detail .mapa-report-indicator__copy ::ng-deep ul{padding-left:20px}.mapa-report-indicator__detail .mapa-report-indicator__copy ::ng-deep li{margin:0 0 3px}.mapa-report-indicator__detail .mapa-report-indicator__copy ::ng-deep b,.mapa-report-indicator__detail .mapa-report-indicator__copy ::ng-deep strong{color:var(--mapa-report-text, inherit);font-weight:600}.mapa-report-indicator__detail .mapa-report-indicator__copy ::ng-deep :last-child{margin-bottom:0}.mapa-report-indicator__detail div{min-width:0}.mapa-report-indicator__detail :last-child{margin-bottom:0}@media(max-width:760px){.mapa-report-indicator__name{gap:8px}.mapa-report-indicator__columns{display:none}.mapa-report-indicator__graph{gap:8px;grid-template-columns:minmax(0,1fr) 112px 40px}.mapa-report-indicator__graph mapa-result-track{grid-column:1/-1;grid-row:2;margin-top:3px}}@media(max-width:560px){.mapa-report-widget__modes{--mat-button-toggle-label-text-size: 11px;align-self:stretch;display:flex;justify-self:stretch}.mapa-report-widget__modes mat-button-toggle{flex:1 1 0;font:500 10px/1 var(--mapa-font-body, \"Asap\", sans-serif);min-width:0}.mapa-report-indicator__mode-icon,.mapa-report-indicator__mode-label--full{display:none}.mapa-report-indicator__mode-label--compact{display:inline}.mapa-report-indicators--list:not(.mapa-report-indicators--single-column){grid-template-columns:1fr}.mapa-report-indicator--list{min-height:36px}.mapa-report-indicator--row{padding:12px}.mapa-report-indicator__detail{display:block}.mapa-report-indicator__detail>strong{display:block;margin-bottom:3px}}:host{--mapa-report-accent: #ff560b;--mapa-report-accent-soft: #fff0e9;--mapa-report-surface: #fff;--mapa-report-surface-muted: #eef2f3;--mapa-report-border: #e1e5e7;--mapa-report-text: #263238;--mapa-report-muted: #68747a;--mapa-report-pill-width: 104px;--mapa-report-radius: 8px;--mapa-report-space: 20px;color:var(--mapa-report-text);display:block;font-family:var(--mapa-font-body, \"Asap\", \"Roboto\", sans-serif)}\n"] }]
|
|
8953
8961
|
}], propDecorators: { heading: [{ type: i0.Input, args: [{ isSignal: true, alias: "heading", required: true }] }], legendGroups: [{ type: i0.Input, args: [{ isSignal: true, alias: "legendGroups", required: false }] }], legendTitle: [{ type: i0.Input, args: [{ isSignal: true, alias: "legendTitle", required: false }] }], legendIntro: [{ type: i0.Input, args: [{ isSignal: true, alias: "legendIntro", required: false }] }], legendExpanded: [{ type: i0.Input, args: [{ isSignal: true, alias: "legendExpanded", required: false }] }], detailedViewLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "detailedViewLabel", required: false }] }], compactDetailedViewLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "compactDetailedViewLabel", required: false }] }], mode: [{ type: i0.Input, args: [{ isSignal: true, alias: "mode", required: false }] }, { type: i0.Output, args: ["modeChange"] }] } });
|
|
8954
8962
|
|
|
8955
8963
|
class ReportScaleContent {
|