mapa-library-ui 2.5.3 → 2.5.5
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +0 -2
- package/fesm2022/mapa-library-ui-src-lib-components-capability.mjs +1 -0
- package/fesm2022/mapa-library-ui-src-lib-components-capability.mjs.map +1 -1
- package/fesm2022/mapa-library-ui-src-lib-components-chart.mjs +1 -0
- package/fesm2022/mapa-library-ui-src-lib-components-chart.mjs.map +1 -1
- package/fesm2022/mapa-library-ui-src-lib-components-datepicker.mjs +1 -0
- package/fesm2022/mapa-library-ui-src-lib-components-datepicker.mjs.map +1 -1
- package/fesm2022/mapa-library-ui-src-lib-components-dropdown-tree.mjs +1 -0
- package/fesm2022/mapa-library-ui-src-lib-components-dropdown-tree.mjs.map +1 -1
- package/fesm2022/mapa-library-ui-src-lib-components-dropdown.mjs +1 -0
- package/fesm2022/mapa-library-ui-src-lib-components-dropdown.mjs.map +1 -1
- package/fesm2022/mapa-library-ui-src-lib-components-filters.mjs +1 -0
- package/fesm2022/mapa-library-ui-src-lib-components-filters.mjs.map +1 -1
- package/fesm2022/mapa-library-ui-src-lib-components-form.mjs +1 -0
- package/fesm2022/mapa-library-ui-src-lib-components-form.mjs.map +1 -1
- package/fesm2022/mapa-library-ui-src-lib-components-group-report.mjs +1 -0
- package/fesm2022/mapa-library-ui-src-lib-components-group-report.mjs.map +1 -1
- package/fesm2022/mapa-library-ui-src-lib-components-input.mjs +1 -0
- package/fesm2022/mapa-library-ui-src-lib-components-input.mjs.map +1 -1
- package/fesm2022/mapa-library-ui-src-lib-components-scale-parameterization.mjs +1 -0
- package/fesm2022/mapa-library-ui-src-lib-components-scale-parameterization.mjs.map +1 -1
- package/fesm2022/mapa-library-ui-src-lib-components-scale.mjs +1 -0
- package/fesm2022/mapa-library-ui-src-lib-components-scale.mjs.map +1 -1
- package/fesm2022/mapa-library-ui-src-lib-components-table.mjs +1 -0
- package/fesm2022/mapa-library-ui-src-lib-components-table.mjs.map +1 -1
- package/fesm2022/mapa-library-ui-src-lib-components-textarea.mjs +1 -0
- package/fesm2022/mapa-library-ui-src-lib-components-textarea.mjs.map +1 -1
- package/fesm2022/mapa-library-ui-src-lib-components-warning.mjs +1 -0
- package/fesm2022/mapa-library-ui-src-lib-components-warning.mjs.map +1 -1
- package/fesm2022/mapa-library-ui.mjs +22 -13
- package/fesm2022/mapa-library-ui.mjs.map +1 -1
- package/index.d.ts +12 -8
- package/mapa-library-ui-2.5.5.tgz +0 -0
- package/package.json +2 -2
- package/mapa-library-ui-2.5.3.tgz +0 -0
|
@@ -722,6 +722,7 @@ const DEFAULT_MAPA_UI_TEXTS = {
|
|
|
722
722
|
scaleConceptTitle: 'Conceito da escala',
|
|
723
723
|
psychosocialFactorsTitle: 'Fatores psicossociais',
|
|
724
724
|
editConclusionLabel: 'Editar conclusão',
|
|
725
|
+
addConclusionLabel: 'Adicionar conclusão',
|
|
725
726
|
meterLabel: (name, value) => `${name}: ${value}%`,
|
|
726
727
|
gaugeLabel: (name, value) => `${name}: ${value}%`,
|
|
727
728
|
itemCountLabel: formatItemCount,
|
|
@@ -6459,24 +6460,38 @@ class MapaConclusionCardComponent {
|
|
|
6459
6460
|
this.editable = input(false, ...(ngDevMode ? [{ debugName: "editable" }] : []));
|
|
6460
6461
|
/** Overrides the edit action label; defaults to the i18n text. */
|
|
6461
6462
|
this.editLabel = input(...(ngDevMode ? [undefined, { debugName: "editLabel" }] : []));
|
|
6463
|
+
/** Overrides the add action label; defaults to the i18n text. */
|
|
6464
|
+
this.addLabel = input(...(ngDevMode ? [undefined, { debugName: "addLabel" }] : []));
|
|
6465
|
+
/**
|
|
6466
|
+
* Requested open state. Only honoured while the card has a conclusion —
|
|
6467
|
+
* an empty card stays collapsed and cannot be toggled.
|
|
6468
|
+
*/
|
|
6462
6469
|
this.expanded = model(true, ...(ngDevMode ? [{ debugName: "expanded" }] : []));
|
|
6463
6470
|
this.edit = output();
|
|
6464
6471
|
this.panelId = `mapa-conclusion-card-${nextConclusionCardId++}`;
|
|
6465
6472
|
this.editCaption = computed(() => this.editLabel() ?? this.i18n.texts.report.editConclusionLabel, ...(ngDevMode ? [{ debugName: "editCaption" }] : []));
|
|
6473
|
+
this.addCaption = computed(() => this.addLabel() ?? this.i18n.texts.report.addConclusionLabel, ...(ngDevMode ? [{ debugName: "addCaption" }] : []));
|
|
6466
6474
|
this.isOverall = computed(() => this.data().variant === 'overall', ...(ngDevMode ? [{ debugName: "isOverall" }] : []));
|
|
6467
6475
|
this.icon = computed(() => this.isOverall() ? 'auto_awesome' : 'article', ...(ngDevMode ? [{ debugName: "icon" }] : []));
|
|
6468
6476
|
this.metadata = computed(() => (this.data().metadata ?? []).filter((item) => item.value?.trim()), ...(ngDevMode ? [{ debugName: "metadata" }] : []));
|
|
6469
6477
|
this.hasConclusion = computed(() => !!this.data().body?.trim() ||
|
|
6470
6478
|
!!this.data().classification ||
|
|
6471
6479
|
this.metadata().length > 0, ...(ngDevMode ? [{ debugName: "hasConclusion" }] : []));
|
|
6480
|
+
this.isExpanded = computed(() => this.hasConclusion() && this.expanded(), ...(ngDevMode ? [{ debugName: "isExpanded" }] : []));
|
|
6481
|
+
}
|
|
6482
|
+
toggle() {
|
|
6483
|
+
if (!this.hasConclusion()) {
|
|
6484
|
+
return;
|
|
6485
|
+
}
|
|
6486
|
+
this.expanded.set(!this.expanded());
|
|
6472
6487
|
}
|
|
6473
6488
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.21", ngImport: i0, type: MapaConclusionCardComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
6474
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.21", type: MapaConclusionCardComponent, isStandalone: true, selector: "mapa-conclusion-card", inputs: { data: { classPropertyName: "data", publicName: "data", isSignal: true, isRequired: true, transformFunction: null }, editable: { classPropertyName: "editable", publicName: "editable", isSignal: true, isRequired: false, transformFunction: null }, editLabel: { classPropertyName: "editLabel", publicName: "editLabel", isSignal: true, isRequired: false, transformFunction: null }, expanded: { classPropertyName: "expanded", publicName: "expanded", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { expanded: "expandedChange", edit: "edit" }, ngImport: i0, template: "<article\n class=\"mapa-conclusion-card\"\n [class.mapa-conclusion-card--overall]=\"isOverall()\"\n>\n <header class=\"mapa-conclusion-card__header\">\n <button\n type=\"button\"\n class=\"mapa-conclusion-card__toggle\"\n [attr.aria-expanded]=\"
|
|
6489
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.21", type: MapaConclusionCardComponent, isStandalone: true, selector: "mapa-conclusion-card", inputs: { data: { classPropertyName: "data", publicName: "data", isSignal: true, isRequired: true, transformFunction: null }, editable: { classPropertyName: "editable", publicName: "editable", isSignal: true, isRequired: false, transformFunction: null }, editLabel: { classPropertyName: "editLabel", publicName: "editLabel", isSignal: true, isRequired: false, transformFunction: null }, addLabel: { classPropertyName: "addLabel", publicName: "addLabel", isSignal: true, isRequired: false, transformFunction: null }, expanded: { classPropertyName: "expanded", publicName: "expanded", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { expanded: "expandedChange", edit: "edit" }, ngImport: i0, template: "<article\n class=\"mapa-conclusion-card\"\n [class.mapa-conclusion-card--overall]=\"isOverall()\"\n>\n <header class=\"mapa-conclusion-card__header\">\n <button\n type=\"button\"\n class=\"mapa-conclusion-card__toggle\"\n [class.mapa-conclusion-card__toggle--static]=\"!hasConclusion()\"\n [attr.aria-expanded]=\"hasConclusion() ? isExpanded() : null\"\n [attr.aria-controls]=\"hasConclusion() ? panelId : null\"\n (click)=\"toggle()\"\n >\n <span class=\"mapa-conclusion-card__icon\" aria-hidden=\"true\">\n <mat-icon>{{ icon() }}</mat-icon>\n </span>\n <span class=\"mapa-conclusion-card__heading\">\n <strong>{{ data().title }}</strong>\n @if (data().context) {\n <small>{{ data().context }}</small>\n }\n </span>\n <div class=\"mapa-conclusion-card__status\">\n @if (!hasConclusion()) {\n <div class=\"mapa-conclusion-card__status--actions\">\n <button\n type=\"button\"\n class=\"mapa-conclusion-card__edit\"\n (click)=\"edit.emit()\"\n >\n <mat-icon aria-hidden=\"true\">\n {{ hasConclusion() ? \"edit\" : \"add\" }}\n </mat-icon>\n {{ addCaption() }}\n </button>\n </div>\n } @else {\n <mapa-classification-tag\n appearance=\"tonal\"\n casing=\"natural\"\n size=\"medium\"\n [classification]=\"data().classification\"\n />\n <mat-icon class=\"mapa-conclusion-card__chevron\" aria-hidden=\"true\">\n {{ isExpanded() ? \"keyboard_arrow_up\" : \"keyboard_arrow_down\" }}\n </mat-icon>\n }\n </div>\n </button>\n </header>\n\n @if (isExpanded()) {\n <div class=\"mapa-conclusion-card__body\" [id]=\"panelId\">\n @if (data().body) {\n <div\n class=\"mapa-conclusion-card__text\"\n [innerHTML]=\"data().body | safeHtml\"\n ></div>\n } @else {\n <p class=\"mapa-conclusion-card__empty\">{{ data().emptyText }}</p>\n }\n @if (metadata().length) {\n <dl class=\"mapa-conclusion-card__metadata\">\n @for (item of metadata(); track item.label) {\n <div>\n <dt>{{ item.label }}</dt>\n <dd\n [class.mapa-conclusion-card__metadata-value--emphasized]=\"\n item.emphasized\n \"\n >\n {{ item.value }}\n </dd>\n </div>\n }\n @if (hasConclusion()) {\n <div>\n <dt></dt>\n <dd>\n <button\n type=\"button\"\n class=\"mapa-conclusion-card__edit\"\n (click)=\"edit.emit()\"\n >\n <mat-icon aria-hidden=\"true\">\n {{ hasConclusion() ? \"edit\" : \"add\" }}\n </mat-icon>\n {{ editCaption() }}\n </button>\n </dd>\n </div>\n }\n </dl>\n }\n </div>\n }\n</article>\n", styles: [":host{--mapa-report-accent: #ff560b;--mapa-report-accent-soft: #fff0e9;--mapa-report-surface: #fff;--mapa-report-surface-muted: #eef2f3;--mapa-report-border: #e1e5e7;--mapa-report-text: #263238;--mapa-report-muted: #68747a;--mapa-report-pill-width: 104px;--mapa-report-radius: 8px;--mapa-report-space: 20px;color:var(--mapa-report-text);display:block;font-family:var(--mapa-font-body, \"Asap\", \"Roboto\", sans-serif)}.mapa-conclusion-card{--mapa-conclusion-card-divider: #edf1f3;--mapa-conclusion-card-overall-border: #ffb99f;--mapa-conclusion-card-overall-surface: #fffaf7;--mapa-conclusion-card-surface: #fff;background:var(--mapa-conclusion-card-surface);border:1px solid var(--mapa-report-border);border-radius:13px;overflow:clip}.mapa-conclusion-card--overall{background:var(--mapa-conclusion-card-overall-surface);border-color:var(--mapa-conclusion-card-overall-border)}.mapa-conclusion-card__header{align-items:stretch;display:flex}.mapa-conclusion-card__toggle{background:transparent;border:0;color:inherit;cursor:pointer;font-family:inherit}.mapa-conclusion-card__toggle--static{cursor:default}.mapa-conclusion-card__toggle:focus-visible{outline:3px solid rgba(255,86,11,.28);outline-offset:-3px}.mapa-conclusion-card__toggle{align-items:center;display:flex;flex:1;gap:12px;min-width:0;padding:15px 16px;text-align:left}.mapa-conclusion-card__icon{align-items:center;background:#f0f3f4;border-radius:10px;color:#67757d;display:inline-flex;height:34px;justify-content:center;width:34px}.mapa-conclusion-card__icon mat-icon{font-size:17px;height:17px;width:17px}.mapa-conclusion-card--overall .mapa-conclusion-card__icon{background:var(--mapa-report-accent-soft);color:#cf4314}.mapa-conclusion-card__heading{display:grid;gap:3px;width:50%}.mapa-conclusion-card__heading strong{font-size:14px}.mapa-conclusion-card__heading small{color:var(--mapa-report-muted);font-size:11px}.mapa-conclusion-card__status{align-items:center;display:flex;flex:1 0 auto;gap:10px;min-width:0}.mapa-conclusion-card__status--actions{text-align:right;width:100%}.mapa-conclusion-card__chevron{color:var(--mapa-report-muted);font-size:18px;height:18px;margin-left:auto;width:18px}.mapa-conclusion-card__edit{align-items:center;background:var(--mapa-conclusion-card-surface);border:1px solid var(--mapa-conclusion-card-overall-border);border-radius:8px;color:var(--mapa-report-accent);cursor:pointer;display:inline-flex;font-size:11px;font-weight:650;gap:6px;min-height:34px;padding:0 10px}.mapa-conclusion-card__edit mat-icon{font-size:16px;height:16px;width:16px}.mapa-conclusion-card__edit:focus-visible{outline:3px solid rgba(255,86,11,.28);outline-offset:2px}.mapa-conclusion-card__body{border-top:1px solid var(--mapa-conclusion-card-divider);padding:16px 18px 17px 62px}.mapa-conclusion-card__text,.mapa-conclusion-card__empty{color:var(--mapa-report-muted);font-size:14px;line-height:1.65;margin:0;max-width:930px}.mapa-conclusion-card__text ::ng-deep ol,.mapa-conclusion-card__text ::ng-deep p,.mapa-conclusion-card__text ::ng-deep ul,.mapa-conclusion-card__empty ::ng-deep ol,.mapa-conclusion-card__empty ::ng-deep p,.mapa-conclusion-card__empty ::ng-deep ul{margin:0 0 8px}.mapa-conclusion-card__text ::ng-deep ol,.mapa-conclusion-card__text ::ng-deep ul,.mapa-conclusion-card__empty ::ng-deep ol,.mapa-conclusion-card__empty ::ng-deep ul{padding-left:20px}.mapa-conclusion-card__text ::ng-deep li,.mapa-conclusion-card__empty ::ng-deep li{margin:0 0 3px}.mapa-conclusion-card__text ::ng-deep b,.mapa-conclusion-card__text ::ng-deep strong,.mapa-conclusion-card__empty ::ng-deep b,.mapa-conclusion-card__empty ::ng-deep strong{color:var(--mapa-report-text, inherit);font-weight:600}.mapa-conclusion-card__text ::ng-deep :last-child,.mapa-conclusion-card__empty ::ng-deep :last-child{margin-bottom:0}.mapa-conclusion-card__metadata{border-top:1px solid var(--mapa-conclusion-card-divider);display:grid;gap:13px;grid-template-columns:1fr .7fr 1.4fr 1.5fr;margin:16px 0 0;padding-top:13px}.mapa-conclusion-card__metadata div{display:grid;gap:2px}.mapa-conclusion-card__metadata dt{color:var(--mapa-report-muted);font-size:10px;font-weight:700;text-transform:uppercase}.mapa-conclusion-card__metadata dd{font-size:12px;font-weight:600;margin:0}.mapa-conclusion-card__metadata-value--emphasized{color:#cf4314}.mapa-conclusion-card__actions{display:flex;justify-content:flex-end;padding:0 18px 16px 62px}.mapa-conclusion-card__actions--collapsed{border-top:1px solid var(--mapa-conclusion-card-divider);padding:12px 16px}@media(max-width:600px){.mapa-conclusion-card__header{align-items:stretch;flex-direction:column}.mapa-conclusion-card__toggle{align-items:flex-start;display:grid;grid-template-columns:auto minmax(0,1fr)}.mapa-conclusion-card__status{grid-column:2;width:100%}.mapa-conclusion-card__status mapa-classification-tag{margin-left:0}.mapa-conclusion-card__body{padding-left:16px}.mapa-conclusion-card__metadata{grid-template-columns:1fr 1fr}.mapa-conclusion-card__actions{padding-left:16px}}\n"], dependencies: [{ kind: "component", type: MapaClassificationTagComponent, selector: "mapa-classification-tag", inputs: ["classification", "size", "appearance", "shape", "casing", "fallbackLabel"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i2$4.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "pipe", type: SafeHtmlPipe, name: "safeHtml" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
6475
6490
|
}
|
|
6476
6491
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.21", ngImport: i0, type: MapaConclusionCardComponent, decorators: [{
|
|
6477
6492
|
type: Component,
|
|
6478
|
-
args: [{ selector: 'mapa-conclusion-card', standalone: true, imports: [MapaClassificationTagComponent, MatIconModule, SafeHtmlPipe], changeDetection: ChangeDetectionStrategy.OnPush, template: "<article\n class=\"mapa-conclusion-card\"\n [class.mapa-conclusion-card--overall]=\"isOverall()\"\n>\n <header class=\"mapa-conclusion-card__header\">\n <button\n type=\"button\"\n class=\"mapa-conclusion-card__toggle\"\n [attr.aria-expanded]=\"
|
|
6479
|
-
}], propDecorators: { data: [{ type: i0.Input, args: [{ isSignal: true, alias: "data", required: true }] }], editable: [{ type: i0.Input, args: [{ isSignal: true, alias: "editable", required: false }] }], editLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "editLabel", required: false }] }], expanded: [{ type: i0.Input, args: [{ isSignal: true, alias: "expanded", required: false }] }, { type: i0.Output, args: ["expandedChange"] }], edit: [{ type: i0.Output, args: ["edit"] }] } });
|
|
6493
|
+
args: [{ selector: 'mapa-conclusion-card', standalone: true, imports: [MapaClassificationTagComponent, MatIconModule, SafeHtmlPipe], changeDetection: ChangeDetectionStrategy.OnPush, template: "<article\n class=\"mapa-conclusion-card\"\n [class.mapa-conclusion-card--overall]=\"isOverall()\"\n>\n <header class=\"mapa-conclusion-card__header\">\n <button\n type=\"button\"\n class=\"mapa-conclusion-card__toggle\"\n [class.mapa-conclusion-card__toggle--static]=\"!hasConclusion()\"\n [attr.aria-expanded]=\"hasConclusion() ? isExpanded() : null\"\n [attr.aria-controls]=\"hasConclusion() ? panelId : null\"\n (click)=\"toggle()\"\n >\n <span class=\"mapa-conclusion-card__icon\" aria-hidden=\"true\">\n <mat-icon>{{ icon() }}</mat-icon>\n </span>\n <span class=\"mapa-conclusion-card__heading\">\n <strong>{{ data().title }}</strong>\n @if (data().context) {\n <small>{{ data().context }}</small>\n }\n </span>\n <div class=\"mapa-conclusion-card__status\">\n @if (!hasConclusion()) {\n <div class=\"mapa-conclusion-card__status--actions\">\n <button\n type=\"button\"\n class=\"mapa-conclusion-card__edit\"\n (click)=\"edit.emit()\"\n >\n <mat-icon aria-hidden=\"true\">\n {{ hasConclusion() ? \"edit\" : \"add\" }}\n </mat-icon>\n {{ addCaption() }}\n </button>\n </div>\n } @else {\n <mapa-classification-tag\n appearance=\"tonal\"\n casing=\"natural\"\n size=\"medium\"\n [classification]=\"data().classification\"\n />\n <mat-icon class=\"mapa-conclusion-card__chevron\" aria-hidden=\"true\">\n {{ isExpanded() ? \"keyboard_arrow_up\" : \"keyboard_arrow_down\" }}\n </mat-icon>\n }\n </div>\n </button>\n </header>\n\n @if (isExpanded()) {\n <div class=\"mapa-conclusion-card__body\" [id]=\"panelId\">\n @if (data().body) {\n <div\n class=\"mapa-conclusion-card__text\"\n [innerHTML]=\"data().body | safeHtml\"\n ></div>\n } @else {\n <p class=\"mapa-conclusion-card__empty\">{{ data().emptyText }}</p>\n }\n @if (metadata().length) {\n <dl class=\"mapa-conclusion-card__metadata\">\n @for (item of metadata(); track item.label) {\n <div>\n <dt>{{ item.label }}</dt>\n <dd\n [class.mapa-conclusion-card__metadata-value--emphasized]=\"\n item.emphasized\n \"\n >\n {{ item.value }}\n </dd>\n </div>\n }\n @if (hasConclusion()) {\n <div>\n <dt></dt>\n <dd>\n <button\n type=\"button\"\n class=\"mapa-conclusion-card__edit\"\n (click)=\"edit.emit()\"\n >\n <mat-icon aria-hidden=\"true\">\n {{ hasConclusion() ? \"edit\" : \"add\" }}\n </mat-icon>\n {{ editCaption() }}\n </button>\n </dd>\n </div>\n }\n </dl>\n }\n </div>\n }\n</article>\n", styles: [":host{--mapa-report-accent: #ff560b;--mapa-report-accent-soft: #fff0e9;--mapa-report-surface: #fff;--mapa-report-surface-muted: #eef2f3;--mapa-report-border: #e1e5e7;--mapa-report-text: #263238;--mapa-report-muted: #68747a;--mapa-report-pill-width: 104px;--mapa-report-radius: 8px;--mapa-report-space: 20px;color:var(--mapa-report-text);display:block;font-family:var(--mapa-font-body, \"Asap\", \"Roboto\", sans-serif)}.mapa-conclusion-card{--mapa-conclusion-card-divider: #edf1f3;--mapa-conclusion-card-overall-border: #ffb99f;--mapa-conclusion-card-overall-surface: #fffaf7;--mapa-conclusion-card-surface: #fff;background:var(--mapa-conclusion-card-surface);border:1px solid var(--mapa-report-border);border-radius:13px;overflow:clip}.mapa-conclusion-card--overall{background:var(--mapa-conclusion-card-overall-surface);border-color:var(--mapa-conclusion-card-overall-border)}.mapa-conclusion-card__header{align-items:stretch;display:flex}.mapa-conclusion-card__toggle{background:transparent;border:0;color:inherit;cursor:pointer;font-family:inherit}.mapa-conclusion-card__toggle--static{cursor:default}.mapa-conclusion-card__toggle:focus-visible{outline:3px solid rgba(255,86,11,.28);outline-offset:-3px}.mapa-conclusion-card__toggle{align-items:center;display:flex;flex:1;gap:12px;min-width:0;padding:15px 16px;text-align:left}.mapa-conclusion-card__icon{align-items:center;background:#f0f3f4;border-radius:10px;color:#67757d;display:inline-flex;height:34px;justify-content:center;width:34px}.mapa-conclusion-card__icon mat-icon{font-size:17px;height:17px;width:17px}.mapa-conclusion-card--overall .mapa-conclusion-card__icon{background:var(--mapa-report-accent-soft);color:#cf4314}.mapa-conclusion-card__heading{display:grid;gap:3px;width:50%}.mapa-conclusion-card__heading strong{font-size:14px}.mapa-conclusion-card__heading small{color:var(--mapa-report-muted);font-size:11px}.mapa-conclusion-card__status{align-items:center;display:flex;flex:1 0 auto;gap:10px;min-width:0}.mapa-conclusion-card__status--actions{text-align:right;width:100%}.mapa-conclusion-card__chevron{color:var(--mapa-report-muted);font-size:18px;height:18px;margin-left:auto;width:18px}.mapa-conclusion-card__edit{align-items:center;background:var(--mapa-conclusion-card-surface);border:1px solid var(--mapa-conclusion-card-overall-border);border-radius:8px;color:var(--mapa-report-accent);cursor:pointer;display:inline-flex;font-size:11px;font-weight:650;gap:6px;min-height:34px;padding:0 10px}.mapa-conclusion-card__edit mat-icon{font-size:16px;height:16px;width:16px}.mapa-conclusion-card__edit:focus-visible{outline:3px solid rgba(255,86,11,.28);outline-offset:2px}.mapa-conclusion-card__body{border-top:1px solid var(--mapa-conclusion-card-divider);padding:16px 18px 17px 62px}.mapa-conclusion-card__text,.mapa-conclusion-card__empty{color:var(--mapa-report-muted);font-size:14px;line-height:1.65;margin:0;max-width:930px}.mapa-conclusion-card__text ::ng-deep ol,.mapa-conclusion-card__text ::ng-deep p,.mapa-conclusion-card__text ::ng-deep ul,.mapa-conclusion-card__empty ::ng-deep ol,.mapa-conclusion-card__empty ::ng-deep p,.mapa-conclusion-card__empty ::ng-deep ul{margin:0 0 8px}.mapa-conclusion-card__text ::ng-deep ol,.mapa-conclusion-card__text ::ng-deep ul,.mapa-conclusion-card__empty ::ng-deep ol,.mapa-conclusion-card__empty ::ng-deep ul{padding-left:20px}.mapa-conclusion-card__text ::ng-deep li,.mapa-conclusion-card__empty ::ng-deep li{margin:0 0 3px}.mapa-conclusion-card__text ::ng-deep b,.mapa-conclusion-card__text ::ng-deep strong,.mapa-conclusion-card__empty ::ng-deep b,.mapa-conclusion-card__empty ::ng-deep strong{color:var(--mapa-report-text, inherit);font-weight:600}.mapa-conclusion-card__text ::ng-deep :last-child,.mapa-conclusion-card__empty ::ng-deep :last-child{margin-bottom:0}.mapa-conclusion-card__metadata{border-top:1px solid var(--mapa-conclusion-card-divider);display:grid;gap:13px;grid-template-columns:1fr .7fr 1.4fr 1.5fr;margin:16px 0 0;padding-top:13px}.mapa-conclusion-card__metadata div{display:grid;gap:2px}.mapa-conclusion-card__metadata dt{color:var(--mapa-report-muted);font-size:10px;font-weight:700;text-transform:uppercase}.mapa-conclusion-card__metadata dd{font-size:12px;font-weight:600;margin:0}.mapa-conclusion-card__metadata-value--emphasized{color:#cf4314}.mapa-conclusion-card__actions{display:flex;justify-content:flex-end;padding:0 18px 16px 62px}.mapa-conclusion-card__actions--collapsed{border-top:1px solid var(--mapa-conclusion-card-divider);padding:12px 16px}@media(max-width:600px){.mapa-conclusion-card__header{align-items:stretch;flex-direction:column}.mapa-conclusion-card__toggle{align-items:flex-start;display:grid;grid-template-columns:auto minmax(0,1fr)}.mapa-conclusion-card__status{grid-column:2;width:100%}.mapa-conclusion-card__status mapa-classification-tag{margin-left:0}.mapa-conclusion-card__body{padding-left:16px}.mapa-conclusion-card__metadata{grid-template-columns:1fr 1fr}.mapa-conclusion-card__actions{padding-left:16px}}\n"] }]
|
|
6494
|
+
}], propDecorators: { data: [{ type: i0.Input, args: [{ isSignal: true, alias: "data", required: true }] }], editable: [{ type: i0.Input, args: [{ isSignal: true, alias: "editable", required: false }] }], editLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "editLabel", required: false }] }], addLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "addLabel", required: false }] }], expanded: [{ type: i0.Input, args: [{ isSignal: true, alias: "expanded", required: false }] }, { type: i0.Output, args: ["expandedChange"] }], edit: [{ type: i0.Output, args: ["edit"] }] } });
|
|
6480
6495
|
|
|
6481
6496
|
/**
|
|
6482
6497
|
* Fallback do gatilho de presets. Literal como o `aria-label="Limpar"` que o
|
|
@@ -8880,12 +8895,6 @@ class MapaReportRankingTableWidgetComponent {
|
|
|
8880
8895
|
this.view = model(...(ngDevMode ? [undefined, { debugName: "view" }] : []));
|
|
8881
8896
|
this.palette = input('current', ...(ngDevMode ? [{ debugName: "palette" }] : []));
|
|
8882
8897
|
this.showAverage = input(false, ...(ngDevMode ? [{ debugName: "showAverage" }] : []));
|
|
8883
|
-
/**
|
|
8884
|
-
* Swaps the classification chip for the raw score and direction while the
|
|
8885
|
-
* cell is hovered or focused. Off by default — the chip already carries the
|
|
8886
|
-
* reading, so the swap only makes the table jump under the cursor.
|
|
8887
|
-
*/
|
|
8888
|
-
this.showScoreOnHover = input(false, ...(ngDevMode ? [{ debugName: "showScoreOnHover" }] : []));
|
|
8889
8898
|
/** Header of the first column, per view id. Falls back to the view label. */
|
|
8890
8899
|
this.entryColumnLabel = input(...(ngDevMode ? [undefined, { debugName: "entryColumnLabel" }] : []));
|
|
8891
8900
|
/** Footnote under the table. */
|
|
@@ -9009,7 +9018,7 @@ class MapaReportRankingTableWidgetComponent {
|
|
|
9009
9018
|
return name.trim().toLowerCase();
|
|
9010
9019
|
}
|
|
9011
9020
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.21", ngImport: i0, type: MapaReportRankingTableWidgetComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
9012
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.21", type: MapaReportRankingTableWidgetComponent, isStandalone: true, selector: "mapa-report-ranking-table-widget", inputs: { heading: { classPropertyName: "heading", publicName: "heading", isSignal: true, isRequired: false, transformFunction: null }, views: { classPropertyName: "views", publicName: "views", isSignal: true, isRequired: false, transformFunction: null }, view: { classPropertyName: "view", publicName: "view", isSignal: true, isRequired: false, transformFunction: null }, palette: { classPropertyName: "palette", publicName: "palette", isSignal: true, isRequired: false, transformFunction: null }, showAverage: { classPropertyName: "showAverage", publicName: "showAverage", isSignal: true, isRequired: false, transformFunction: null }, showScoreOnHover: { classPropertyName: "showScoreOnHover", publicName: "showScoreOnHover", isSignal: true, isRequired: false, transformFunction: null }, entryColumnLabel: { classPropertyName: "entryColumnLabel", publicName: "entryColumnLabel", isSignal: true, isRequired: false, transformFunction: null }, note: { classPropertyName: "note", publicName: "note", isSignal: true, isRequired: false, transformFunction: null }, averageLabel: { classPropertyName: "averageLabel", publicName: "averageLabel", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { view: "viewChange" }, ngImport: i0, template: "<section class=\"mapa-report-widget\" [attr.data-palette]=\"palette()\">\n @if (heading() || visibleViews().length > 1) {\n <header class=\"mapa-report-widget__header\">\n <div class=\"mapa-report-widget__heading\">\n @if (heading(); as head) {\n <h2>{{ head.title }}</h2>\n @if (head.description) {\n <div\n class=\"mapa-report-widget__description\"\n [innerHTML]=\"head.description | safeHtml\"\n ></div>\n }\n }\n </div>\n @if (visibleViews().length > 1) {\n <mat-button-toggle-group\n class=\"mapa-report-widget__modes\"\n hideSingleSelectionIndicator\n [attr.aria-label]=\"i18n.texts.report.viewModeLabel\"\n [value]=\"activeView().id\"\n (change)=\"selectView($event.value)\"\n >\n @for (item of visibleViews(); track item.id) {\n <mat-button-toggle [value]=\"item.id\">\n @if (item.icon) {\n <mat-icon aria-hidden=\"true\">{{ item.icon }}</mat-icon>\n }\n {{ item.label }}\n </mat-button-toggle>\n }\n </mat-button-toggle-group>\n }\n </header>\n }\n\n @if (!rows().length) {\n <p class=\"mapa-report-widget__empty\">{{ i18n.texts.report.emptyState }}</p>\n } @else {\n <mapa-table\n class=\"mapa-report-ranking-table__table\"\n [columns]=\"columns()\"\n [data]=\"rows()\"\n [finished]=\"true\"\n [caption]=\"heading()?.title ?? ''\"\n (sortChange)=\"handleSortChange($event)\"\n >\n <ng-template mapaTableCell=\"name\" let-row>\n <div class=\"mapa-report-ranking-table__entry\">\n <strong>{{ $any(row).name }}</strong>\n @if ($any(row).description) {\n <small [innerHTML]=\"$any(row).description | safeHtml\"></small>\n }\n </div>\n </ng-template>\n\n @if (showAverage()) {\n <ng-template mapaTableCell=\"average\" let-row>\n <span class=\"mapa-report-ranking-table__average\">{{\n averageOf($any(row))\n }}</span>\n </ng-template>\n }\n\n @for (column of columns(); track trackColumn($index, column)) {\n @if (column.key !== \"name\" && column.key !== \"average\") {\n <ng-template [mapaTableCell]=\"column.key\" let-row>\n <div\n class=\"mapa-report-ranking-table__cell\"\n [class.mapa-report-ranking-table__cell--swaps]=\"\n showScoreOnHover() && hasClassification($any(row), column.key)\n \"\n >\n @if (hasClassification($any(row), column.key)) {\n <span class=\"mapa-report-ranking-table__chip\">\n <mapa-classification-tag\n appearance=\"solid\"\n [classification]=\"classification($any(row), column.key)\"\n />\n </span>\n @if (showScoreOnHover()) {\n <span class=\"mapa-report-ranking-table__score\">\n @if (direction($any(row), column.key)) {\n <span\n class=\"mapa-direction-indicator\"\n [attr.aria-label]=\"\n directionLabel($any(row), column.key)\n \"\n >{{ directionArrow($any(row), column.key) }}</span\n >\n }\n {{ value($any(row), column.key) }}\n </span>\n }\n } @else {\n <span\n class=\"mapa-report-ranking-table__score mapa-report-ranking-table__score--visible\"\n >\n @if (direction($any(row), column.key)) {\n <span\n class=\"mapa-direction-indicator\"\n [attr.aria-label]=\"directionLabel($any(row), column.key)\"\n >{{ directionArrow($any(row), column.key) }}</span\n >\n }\n {{ value($any(row), column.key) }}\n </span>\n }\n </div>\n </ng-template>\n }\n }\n </mapa-table>\n\n @if (note()) {\n <p class=\"mapa-report-ranking-table__note\">{{ note() }}</p>\n }\n }\n</section>\n", styles: [":host{--mapa-report-accent: #ff560b;--mapa-report-accent-soft: #fff0e9;--mapa-report-surface: #fff;--mapa-report-surface-muted: #eef2f3;--mapa-report-border: #e1e5e7;--mapa-report-text: #263238;--mapa-report-muted: #68747a;--mapa-report-pill-width: 104px;--mapa-report-radius: 8px;--mapa-report-space: 20px;color:var(--mapa-report-text);display:block;font-family:var(--mapa-font-body, \"Asap\", \"Roboto\", sans-serif)}.mapa-report-widget{display:grid;gap:var(--mapa-report-space)}.mapa-report-widget__header{align-items:flex-start;column-gap:16px;display:grid;grid-template-columns:minmax(0,1fr) auto}.mapa-report-widget__heading{display:contents}.mapa-report-widget__heading h2{color:var(--mapa-report-accent);font-size:20px;font-weight:650;grid-column:1;grid-row:1;line-height:1.25;margin:0}.mapa-report-widget__description{color:var(--mapa-report-muted);font-size:13px;grid-column:1/-1;grid-row:2;line-height:1.5;margin:5px 0 0}.mapa-report-widget__description ::ng-deep ol,.mapa-report-widget__description ::ng-deep p,.mapa-report-widget__description ::ng-deep ul{margin:0 0 8px}.mapa-report-widget__description ::ng-deep ol,.mapa-report-widget__description ::ng-deep ul{padding-left:20px}.mapa-report-widget__description ::ng-deep li{margin:0 0 3px}.mapa-report-widget__description ::ng-deep b,.mapa-report-widget__description ::ng-deep strong{color:var(--mapa-report-text, inherit);font-weight:600}.mapa-report-widget__description ::ng-deep :last-child{margin-bottom:0}.mapa-report-widget__modes{--mat-button-toggle-background-color: var(--mapa-report-surface);--mat-button-toggle-divider-color: #cbd5da;--mat-button-toggle-height: 32px;--mat-button-toggle-label-text-font: var( --mapa-font-body, \"Asap\", sans-serif );--mat-button-toggle-label-text-size: 13px;--mat-button-toggle-label-text-weight: 500;--mat-button-toggle-selected-state-background-color: #59636a;--mat-button-toggle-selected-state-text-color: #fffaf7;--mat-button-toggle-shape: 4px;--mat-button-toggle-text-color: #344b5e;border:1px solid #cbd5da;border-radius:4px;grid-column:2;grid-row:1;overflow:hidden}.mapa-report-widget__modes mat-button-toggle{font:500 13px/1 var(--mapa-font-body, \"Asap\", sans-serif)}.mapa-report-widget__modes mat-icon{font-size:14px;height:14px;margin-right:5px;width:14px}.mapa-report-widget__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-direction-indicator{background:var(--mapa-report-surface, var(--mapa-color-surface, #fafbfc));border:1px solid currentColor;border-radius:50%;box-sizing:border-box;color:var(--mapa-report-muted, var(--mapa-color-text-subtle, #68747a));display:inline-grid;flex:0 0 20px;font-size:11px;font-weight:700;height:20px;line-height:1;place-items:center;width:20px}.mapa-report-ranking-table__table{display:block;min-width:0;--mapa-classification-tag-min-width: 92px}.mapa-report-ranking-table__entry{display:grid}.mapa-report-ranking-table__entry strong{color:var(--mapa-report-text);font-size:13px;font-weight:500;line-height:1.35;white-space:nowrap}.mapa-report-ranking-table__entry small{color:var(--mapa-report-muted);font-size:11px;line-height:1.35;white-space:nowrap}.mapa-report-ranking-table__average{font-size:13px;font-weight:500}.mapa-report-ranking-table__cell{display:grid;justify-items:center;place-items:center}.mapa-report-ranking-table__cell--swaps .mapa-report-ranking-table__chip,.mapa-report-ranking-table__cell--swaps .mapa-report-ranking-table__score{grid-area:1/1}.mapa-report-ranking-table__score{align-items:center;color:var(--mapa-report-text);display:none;font-size:13px;font-weight:500;gap:6px;white-space:nowrap}.mapa-report-ranking-table__score .mapa-direction-indicator{flex:0 0 18px;font-size:10px;height:18px;width:18px}.mapa-report-ranking-table__score--visible{display:inline-flex}.mapa-report-ranking-table__cell--swaps:hover .mapa-report-ranking-table__chip,.mapa-report-ranking-table__cell--swaps:focus-within .mapa-report-ranking-table__chip{display:none}.mapa-report-ranking-table__cell--swaps:hover .mapa-report-ranking-table__score,.mapa-report-ranking-table__cell--swaps:focus-within .mapa-report-ranking-table__score{display:inline-flex}.mapa-report-ranking-table__note{color:var(--mapa-report-muted);font-size:11px;margin:0}\n"], dependencies: [{ kind: "component", type: MapaClassificationTagComponent, selector: "mapa-classification-tag", inputs: ["classification", "size", "appearance", "shape", "casing", "fallbackLabel"] }, { kind: "directive", type: MapaTableCellDirective, selector: "ng-template[mapaTableCell]", inputs: ["mapaTableCell"] }, { kind: "component", type: MapaTableComponent, selector: "mapa-table", inputs: ["columns", "data", "rowKey", "caption", "selectable", "showSelectAll", "selectedKeys", "selectionLabelKey", "checkbox", "selection", "loading", "finished", "error", "emptyTitle", "emptySubtitle", "errorTitle", "errorSubtitle", "retryLabel", "status", "empty", "pagination", "pageIndex", "pageSize", "totalCount", "pageSizeOptions", "totalPages", "showPaginator", "paginatorShowFirstButton", "paginatorShowLastButton", "paginatorRenderButtonsNumber", "paginatorHideDefaultArrows", "sortActive", "sortDirection", "actions", "menuItems", "menu", "filterControl"], outputs: ["pageChange", "sortChange", "selectionChange", "retry", "onChangePage", "onSortChange", "selectedRows", "rowClick"] }, { kind: "ngmodule", type: MatButtonToggleModule }, { kind: "directive", type: i1$6.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$6.MatButtonToggle, selector: "mat-button-toggle", inputs: ["aria-label", "aria-labelledby", "id", "name", "value", "tabIndex", "disableRipple", "appearance", "checked", "disabled", "disabledInteractive"], outputs: ["change"], exportAs: ["matButtonToggle"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i2$4.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "pipe", type: SafeHtmlPipe, name: "safeHtml" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
9021
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.21", type: MapaReportRankingTableWidgetComponent, isStandalone: true, selector: "mapa-report-ranking-table-widget", inputs: { heading: { classPropertyName: "heading", publicName: "heading", isSignal: true, isRequired: false, transformFunction: null }, views: { classPropertyName: "views", publicName: "views", isSignal: true, isRequired: false, transformFunction: null }, view: { classPropertyName: "view", publicName: "view", isSignal: true, isRequired: false, transformFunction: null }, palette: { classPropertyName: "palette", publicName: "palette", isSignal: true, isRequired: false, transformFunction: null }, showAverage: { classPropertyName: "showAverage", publicName: "showAverage", isSignal: true, isRequired: false, transformFunction: null }, entryColumnLabel: { classPropertyName: "entryColumnLabel", publicName: "entryColumnLabel", isSignal: true, isRequired: false, transformFunction: null }, note: { classPropertyName: "note", publicName: "note", isSignal: true, isRequired: false, transformFunction: null }, averageLabel: { classPropertyName: "averageLabel", publicName: "averageLabel", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { view: "viewChange" }, ngImport: i0, template: "<section class=\"mapa-report-widget\" [attr.data-palette]=\"palette()\">\n @if (heading() || visibleViews().length > 1) {\n <header class=\"mapa-report-widget__header\">\n <div class=\"mapa-report-widget__heading\">\n @if (heading(); as head) {\n <h2>{{ head.title }}</h2>\n @if (head.description) {\n <div\n class=\"mapa-report-widget__description\"\n [innerHTML]=\"head.description | safeHtml\"\n ></div>\n }\n }\n </div>\n @if (visibleViews().length > 1) {\n <mat-button-toggle-group\n class=\"mapa-report-widget__modes\"\n hideSingleSelectionIndicator\n [attr.aria-label]=\"i18n.texts.report.viewModeLabel\"\n [value]=\"activeView().id\"\n (change)=\"selectView($event.value)\"\n >\n @for (item of visibleViews(); track item.id) {\n <mat-button-toggle [value]=\"item.id\">\n @if (item.icon) {\n <mat-icon aria-hidden=\"true\">{{ item.icon }}</mat-icon>\n }\n {{ item.label }}\n </mat-button-toggle>\n }\n </mat-button-toggle-group>\n }\n </header>\n }\n\n @if (!rows().length) {\n <p class=\"mapa-report-widget__empty\">{{ i18n.texts.report.emptyState }}</p>\n } @else {\n <mapa-table\n class=\"mapa-report-ranking-table__table\"\n [columns]=\"columns()\"\n [data]=\"rows()\"\n [finished]=\"true\"\n [caption]=\"heading()?.title ?? ''\"\n (sortChange)=\"handleSortChange($event)\"\n >\n <ng-template mapaTableCell=\"name\" let-row>\n <div class=\"mapa-report-ranking-table__entry\">\n <strong>{{ $any(row).name }}</strong>\n @if ($any(row).description) {\n <small [innerHTML]=\"$any(row).description | safeHtml\"></small>\n }\n </div>\n </ng-template>\n\n @if (showAverage()) {\n <ng-template mapaTableCell=\"average\" let-row>\n <span class=\"mapa-report-ranking-table__average\">{{\n averageOf($any(row))\n }}</span>\n </ng-template>\n }\n\n @for (column of columns(); track trackColumn($index, column)) {\n @if (column.key !== \"name\" && column.key !== \"average\") {\n <ng-template [mapaTableCell]=\"column.key\" let-row>\n <div class=\"mapa-report-ranking-table__cell\">\n @if (hasClassification($any(row), column.key)) {\n <mapa-classification-tag\n appearance=\"solid\"\n [classification]=\"classification($any(row), column.key)\"\n />\n } @else {\n <span\n class=\"mapa-report-ranking-table__score mapa-report-ranking-table__score--visible\"\n >\n @if (direction($any(row), column.key)) {\n <span\n class=\"mapa-direction-indicator\"\n [attr.aria-label]=\"directionLabel($any(row), column.key)\"\n >{{ directionArrow($any(row), column.key) }}</span\n >\n }\n {{ value($any(row), column.key) }}\n </span>\n }\n </div>\n </ng-template>\n }\n }\n </mapa-table>\n\n @if (note()) {\n <p class=\"mapa-report-ranking-table__note\">{{ note() }}</p>\n }\n }\n</section>\n", styles: [":host{--mapa-report-accent: #ff560b;--mapa-report-accent-soft: #fff0e9;--mapa-report-surface: #fff;--mapa-report-surface-muted: #eef2f3;--mapa-report-border: #e1e5e7;--mapa-report-text: #263238;--mapa-report-muted: #68747a;--mapa-report-pill-width: 104px;--mapa-report-radius: 8px;--mapa-report-space: 20px;color:var(--mapa-report-text);display:block;font-family:var(--mapa-font-body, \"Asap\", \"Roboto\", sans-serif)}.mapa-report-widget{display:grid;gap:var(--mapa-report-space)}.mapa-report-widget__header{align-items:flex-start;column-gap:16px;display:grid;grid-template-columns:minmax(0,1fr) auto}.mapa-report-widget__heading{display:contents}.mapa-report-widget__heading h2{color:var(--mapa-report-accent);font-size:20px;font-weight:650;grid-column:1;grid-row:1;line-height:1.25;margin:0}.mapa-report-widget__description{color:var(--mapa-report-muted);font-size:13px;grid-column:1/-1;grid-row:2;line-height:1.5;margin:5px 0 0}.mapa-report-widget__description ::ng-deep ol,.mapa-report-widget__description ::ng-deep p,.mapa-report-widget__description ::ng-deep ul{margin:0 0 8px}.mapa-report-widget__description ::ng-deep ol,.mapa-report-widget__description ::ng-deep ul{padding-left:20px}.mapa-report-widget__description ::ng-deep li{margin:0 0 3px}.mapa-report-widget__description ::ng-deep b,.mapa-report-widget__description ::ng-deep strong{color:var(--mapa-report-text, inherit);font-weight:600}.mapa-report-widget__description ::ng-deep :last-child{margin-bottom:0}.mapa-report-widget__modes{--mat-button-toggle-background-color: var(--mapa-report-surface);--mat-button-toggle-divider-color: #cbd5da;--mat-button-toggle-height: 32px;--mat-button-toggle-label-text-font: var( --mapa-font-body, \"Asap\", sans-serif );--mat-button-toggle-label-text-size: 13px;--mat-button-toggle-label-text-weight: 500;--mat-button-toggle-selected-state-background-color: #59636a;--mat-button-toggle-selected-state-text-color: #fffaf7;--mat-button-toggle-shape: 4px;--mat-button-toggle-text-color: #344b5e;border:1px solid #cbd5da;border-radius:4px;grid-column:2;grid-row:1;overflow:hidden}.mapa-report-widget__modes mat-button-toggle{font:500 13px/1 var(--mapa-font-body, \"Asap\", sans-serif)}.mapa-report-widget__modes mat-icon{font-size:14px;height:14px;margin-right:5px;width:14px}.mapa-report-widget__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-direction-indicator{background:var(--mapa-report-surface, var(--mapa-color-surface, #fafbfc));border:1px solid currentColor;border-radius:50%;box-sizing:border-box;color:var(--mapa-report-muted, var(--mapa-color-text-subtle, #68747a));display:inline-grid;flex:0 0 20px;font-size:11px;font-weight:700;height:20px;line-height:1;place-items:center;width:20px}.mapa-report-ranking-table__table{display:block;min-width:0;--mapa-classification-tag-min-width: 92px}.mapa-report-ranking-table__entry{display:grid}.mapa-report-ranking-table__entry strong{color:var(--mapa-report-text);font-size:13px;font-weight:500;line-height:1.35;white-space:nowrap}.mapa-report-ranking-table__entry small{color:var(--mapa-report-muted);font-size:11px;line-height:1.35;white-space:nowrap}.mapa-report-ranking-table__average{font-size:13px;font-weight:500}.mapa-report-ranking-table__cell{display:grid;justify-items:center;place-items:center}.mapa-report-ranking-table__score{align-items:center;color:var(--mapa-report-text);display:none;font-size:13px;font-weight:500;gap:6px;white-space:nowrap}.mapa-report-ranking-table__score .mapa-direction-indicator{flex:0 0 18px;font-size:10px;height:18px;width:18px}.mapa-report-ranking-table__score--visible{display:inline-flex}.mapa-report-ranking-table__note{color:var(--mapa-report-muted);font-size:11px;margin:0}\n"], dependencies: [{ kind: "component", type: MapaClassificationTagComponent, selector: "mapa-classification-tag", inputs: ["classification", "size", "appearance", "shape", "casing", "fallbackLabel"] }, { kind: "directive", type: MapaTableCellDirective, selector: "ng-template[mapaTableCell]", inputs: ["mapaTableCell"] }, { kind: "component", type: MapaTableComponent, selector: "mapa-table", inputs: ["columns", "data", "rowKey", "caption", "selectable", "showSelectAll", "selectedKeys", "selectionLabelKey", "checkbox", "selection", "loading", "finished", "error", "emptyTitle", "emptySubtitle", "errorTitle", "errorSubtitle", "retryLabel", "status", "empty", "pagination", "pageIndex", "pageSize", "totalCount", "pageSizeOptions", "totalPages", "showPaginator", "paginatorShowFirstButton", "paginatorShowLastButton", "paginatorRenderButtonsNumber", "paginatorHideDefaultArrows", "sortActive", "sortDirection", "actions", "menuItems", "menu", "filterControl"], outputs: ["pageChange", "sortChange", "selectionChange", "retry", "onChangePage", "onSortChange", "selectedRows", "rowClick"] }, { kind: "ngmodule", type: MatButtonToggleModule }, { kind: "directive", type: i1$6.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$6.MatButtonToggle, selector: "mat-button-toggle", inputs: ["aria-label", "aria-labelledby", "id", "name", "value", "tabIndex", "disableRipple", "appearance", "checked", "disabled", "disabledInteractive"], outputs: ["change"], exportAs: ["matButtonToggle"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i2$4.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "pipe", type: SafeHtmlPipe, name: "safeHtml" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
9013
9022
|
}
|
|
9014
9023
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.21", ngImport: i0, type: MapaReportRankingTableWidgetComponent, decorators: [{
|
|
9015
9024
|
type: Component,
|
|
@@ -9020,8 +9029,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.21", ngImpo
|
|
|
9020
9029
|
MatButtonToggleModule,
|
|
9021
9030
|
MatIconModule,
|
|
9022
9031
|
SafeHtmlPipe,
|
|
9023
|
-
], changeDetection: ChangeDetectionStrategy.OnPush, template: "<section class=\"mapa-report-widget\" [attr.data-palette]=\"palette()\">\n @if (heading() || visibleViews().length > 1) {\n <header class=\"mapa-report-widget__header\">\n <div class=\"mapa-report-widget__heading\">\n @if (heading(); as head) {\n <h2>{{ head.title }}</h2>\n @if (head.description) {\n <div\n class=\"mapa-report-widget__description\"\n [innerHTML]=\"head.description | safeHtml\"\n ></div>\n }\n }\n </div>\n @if (visibleViews().length > 1) {\n <mat-button-toggle-group\n class=\"mapa-report-widget__modes\"\n hideSingleSelectionIndicator\n [attr.aria-label]=\"i18n.texts.report.viewModeLabel\"\n [value]=\"activeView().id\"\n (change)=\"selectView($event.value)\"\n >\n @for (item of visibleViews(); track item.id) {\n <mat-button-toggle [value]=\"item.id\">\n @if (item.icon) {\n <mat-icon aria-hidden=\"true\">{{ item.icon }}</mat-icon>\n }\n {{ item.label }}\n </mat-button-toggle>\n }\n </mat-button-toggle-group>\n }\n </header>\n }\n\n @if (!rows().length) {\n <p class=\"mapa-report-widget__empty\">{{ i18n.texts.report.emptyState }}</p>\n } @else {\n <mapa-table\n class=\"mapa-report-ranking-table__table\"\n [columns]=\"columns()\"\n [data]=\"rows()\"\n [finished]=\"true\"\n [caption]=\"heading()?.title ?? ''\"\n (sortChange)=\"handleSortChange($event)\"\n >\n <ng-template mapaTableCell=\"name\" let-row>\n <div class=\"mapa-report-ranking-table__entry\">\n <strong>{{ $any(row).name }}</strong>\n @if ($any(row).description) {\n <small [innerHTML]=\"$any(row).description | safeHtml\"></small>\n }\n </div>\n </ng-template>\n\n @if (showAverage()) {\n <ng-template mapaTableCell=\"average\" let-row>\n <span class=\"mapa-report-ranking-table__average\">{{\n averageOf($any(row))\n }}</span>\n </ng-template>\n }\n\n @for (column of columns(); track trackColumn($index, column)) {\n @if (column.key !== \"name\" && column.key !== \"average\") {\n <ng-template [mapaTableCell]=\"column.key\" let-row>\n <div
|
|
9024
|
-
}], propDecorators: { heading: [{ type: i0.Input, args: [{ isSignal: true, alias: "heading", required: false }] }], views: [{ type: i0.Input, args: [{ isSignal: true, alias: "views", required: false }] }], view: [{ type: i0.Input, args: [{ isSignal: true, alias: "view", required: false }] }, { type: i0.Output, args: ["viewChange"] }], palette: [{ type: i0.Input, args: [{ isSignal: true, alias: "palette", required: false }] }], showAverage: [{ type: i0.Input, args: [{ isSignal: true, alias: "showAverage", required: false }] }],
|
|
9032
|
+
], changeDetection: ChangeDetectionStrategy.OnPush, template: "<section class=\"mapa-report-widget\" [attr.data-palette]=\"palette()\">\n @if (heading() || visibleViews().length > 1) {\n <header class=\"mapa-report-widget__header\">\n <div class=\"mapa-report-widget__heading\">\n @if (heading(); as head) {\n <h2>{{ head.title }}</h2>\n @if (head.description) {\n <div\n class=\"mapa-report-widget__description\"\n [innerHTML]=\"head.description | safeHtml\"\n ></div>\n }\n }\n </div>\n @if (visibleViews().length > 1) {\n <mat-button-toggle-group\n class=\"mapa-report-widget__modes\"\n hideSingleSelectionIndicator\n [attr.aria-label]=\"i18n.texts.report.viewModeLabel\"\n [value]=\"activeView().id\"\n (change)=\"selectView($event.value)\"\n >\n @for (item of visibleViews(); track item.id) {\n <mat-button-toggle [value]=\"item.id\">\n @if (item.icon) {\n <mat-icon aria-hidden=\"true\">{{ item.icon }}</mat-icon>\n }\n {{ item.label }}\n </mat-button-toggle>\n }\n </mat-button-toggle-group>\n }\n </header>\n }\n\n @if (!rows().length) {\n <p class=\"mapa-report-widget__empty\">{{ i18n.texts.report.emptyState }}</p>\n } @else {\n <mapa-table\n class=\"mapa-report-ranking-table__table\"\n [columns]=\"columns()\"\n [data]=\"rows()\"\n [finished]=\"true\"\n [caption]=\"heading()?.title ?? ''\"\n (sortChange)=\"handleSortChange($event)\"\n >\n <ng-template mapaTableCell=\"name\" let-row>\n <div class=\"mapa-report-ranking-table__entry\">\n <strong>{{ $any(row).name }}</strong>\n @if ($any(row).description) {\n <small [innerHTML]=\"$any(row).description | safeHtml\"></small>\n }\n </div>\n </ng-template>\n\n @if (showAverage()) {\n <ng-template mapaTableCell=\"average\" let-row>\n <span class=\"mapa-report-ranking-table__average\">{{\n averageOf($any(row))\n }}</span>\n </ng-template>\n }\n\n @for (column of columns(); track trackColumn($index, column)) {\n @if (column.key !== \"name\" && column.key !== \"average\") {\n <ng-template [mapaTableCell]=\"column.key\" let-row>\n <div class=\"mapa-report-ranking-table__cell\">\n @if (hasClassification($any(row), column.key)) {\n <mapa-classification-tag\n appearance=\"solid\"\n [classification]=\"classification($any(row), column.key)\"\n />\n } @else {\n <span\n class=\"mapa-report-ranking-table__score mapa-report-ranking-table__score--visible\"\n >\n @if (direction($any(row), column.key)) {\n <span\n class=\"mapa-direction-indicator\"\n [attr.aria-label]=\"directionLabel($any(row), column.key)\"\n >{{ directionArrow($any(row), column.key) }}</span\n >\n }\n {{ value($any(row), column.key) }}\n </span>\n }\n </div>\n </ng-template>\n }\n }\n </mapa-table>\n\n @if (note()) {\n <p class=\"mapa-report-ranking-table__note\">{{ note() }}</p>\n }\n }\n</section>\n", styles: [":host{--mapa-report-accent: #ff560b;--mapa-report-accent-soft: #fff0e9;--mapa-report-surface: #fff;--mapa-report-surface-muted: #eef2f3;--mapa-report-border: #e1e5e7;--mapa-report-text: #263238;--mapa-report-muted: #68747a;--mapa-report-pill-width: 104px;--mapa-report-radius: 8px;--mapa-report-space: 20px;color:var(--mapa-report-text);display:block;font-family:var(--mapa-font-body, \"Asap\", \"Roboto\", sans-serif)}.mapa-report-widget{display:grid;gap:var(--mapa-report-space)}.mapa-report-widget__header{align-items:flex-start;column-gap:16px;display:grid;grid-template-columns:minmax(0,1fr) auto}.mapa-report-widget__heading{display:contents}.mapa-report-widget__heading h2{color:var(--mapa-report-accent);font-size:20px;font-weight:650;grid-column:1;grid-row:1;line-height:1.25;margin:0}.mapa-report-widget__description{color:var(--mapa-report-muted);font-size:13px;grid-column:1/-1;grid-row:2;line-height:1.5;margin:5px 0 0}.mapa-report-widget__description ::ng-deep ol,.mapa-report-widget__description ::ng-deep p,.mapa-report-widget__description ::ng-deep ul{margin:0 0 8px}.mapa-report-widget__description ::ng-deep ol,.mapa-report-widget__description ::ng-deep ul{padding-left:20px}.mapa-report-widget__description ::ng-deep li{margin:0 0 3px}.mapa-report-widget__description ::ng-deep b,.mapa-report-widget__description ::ng-deep strong{color:var(--mapa-report-text, inherit);font-weight:600}.mapa-report-widget__description ::ng-deep :last-child{margin-bottom:0}.mapa-report-widget__modes{--mat-button-toggle-background-color: var(--mapa-report-surface);--mat-button-toggle-divider-color: #cbd5da;--mat-button-toggle-height: 32px;--mat-button-toggle-label-text-font: var( --mapa-font-body, \"Asap\", sans-serif );--mat-button-toggle-label-text-size: 13px;--mat-button-toggle-label-text-weight: 500;--mat-button-toggle-selected-state-background-color: #59636a;--mat-button-toggle-selected-state-text-color: #fffaf7;--mat-button-toggle-shape: 4px;--mat-button-toggle-text-color: #344b5e;border:1px solid #cbd5da;border-radius:4px;grid-column:2;grid-row:1;overflow:hidden}.mapa-report-widget__modes mat-button-toggle{font:500 13px/1 var(--mapa-font-body, \"Asap\", sans-serif)}.mapa-report-widget__modes mat-icon{font-size:14px;height:14px;margin-right:5px;width:14px}.mapa-report-widget__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-direction-indicator{background:var(--mapa-report-surface, var(--mapa-color-surface, #fafbfc));border:1px solid currentColor;border-radius:50%;box-sizing:border-box;color:var(--mapa-report-muted, var(--mapa-color-text-subtle, #68747a));display:inline-grid;flex:0 0 20px;font-size:11px;font-weight:700;height:20px;line-height:1;place-items:center;width:20px}.mapa-report-ranking-table__table{display:block;min-width:0;--mapa-classification-tag-min-width: 92px}.mapa-report-ranking-table__entry{display:grid}.mapa-report-ranking-table__entry strong{color:var(--mapa-report-text);font-size:13px;font-weight:500;line-height:1.35;white-space:nowrap}.mapa-report-ranking-table__entry small{color:var(--mapa-report-muted);font-size:11px;line-height:1.35;white-space:nowrap}.mapa-report-ranking-table__average{font-size:13px;font-weight:500}.mapa-report-ranking-table__cell{display:grid;justify-items:center;place-items:center}.mapa-report-ranking-table__score{align-items:center;color:var(--mapa-report-text);display:none;font-size:13px;font-weight:500;gap:6px;white-space:nowrap}.mapa-report-ranking-table__score .mapa-direction-indicator{flex:0 0 18px;font-size:10px;height:18px;width:18px}.mapa-report-ranking-table__score--visible{display:inline-flex}.mapa-report-ranking-table__note{color:var(--mapa-report-muted);font-size:11px;margin:0}\n"] }]
|
|
9033
|
+
}], propDecorators: { heading: [{ type: i0.Input, args: [{ isSignal: true, alias: "heading", required: false }] }], views: [{ type: i0.Input, args: [{ isSignal: true, alias: "views", required: false }] }], view: [{ type: i0.Input, args: [{ isSignal: true, alias: "view", required: false }] }, { type: i0.Output, args: ["viewChange"] }], palette: [{ type: i0.Input, args: [{ isSignal: true, alias: "palette", required: false }] }], showAverage: [{ type: i0.Input, args: [{ isSignal: true, alias: "showAverage", required: false }] }], entryColumnLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "entryColumnLabel", required: false }] }], note: [{ type: i0.Input, args: [{ isSignal: true, alias: "note", required: false }] }], averageLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "averageLabel", required: false }] }] } });
|
|
9025
9034
|
|
|
9026
9035
|
class MapaReportParameterizationWidgetComponent {
|
|
9027
9036
|
constructor() {
|
|
@@ -9130,7 +9139,7 @@ class MapaReportParameterizationWidgetComponent {
|
|
|
9130
9139
|
return typeof value === 'number' && Number.isFinite(value);
|
|
9131
9140
|
}
|
|
9132
9141
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.21", ngImport: i0, type: MapaReportParameterizationWidgetComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
9133
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.21", type: MapaReportParameterizationWidgetComponent, isStandalone: true, selector: "mapa-report-parameterization-widget", inputs: { heading: { classPropertyName: "heading", publicName: "heading", isSignal: true, isRequired: true, transformFunction: null }, data: { classPropertyName: "data", publicName: "data", isSignal: true, isRequired: true, transformFunction: null }, legend: { classPropertyName: "legend", publicName: "legend", isSignal: true, isRequired: false, transformFunction: null }, palette: { classPropertyName: "palette", publicName: "palette", isSignal: true, isRequired: false, transformFunction: null }, content: { classPropertyName: "content", publicName: "content", isSignal: true, isRequired: false, transformFunction: null }, mode: { classPropertyName: "mode", publicName: "mode", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { mode: "modeChange" }, 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 @if (content() !== \"ranking\") {\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=\"summarized\">\n {{ i18n.texts.report.summarized }}\n </mat-button-toggle>\n <mat-button-toggle value=\"detailed\">\n {{ i18n.texts.report.detailed }}\n </mat-button-toggle>\n </mat-button-toggle-group>\n }\n </header>\n\n @if (content() !== \"ranking\") {\n <section class=\"mapa-parameterization-overview\">\n <div class=\"mapa-parameterization-overview__headline\">\n <div>\n <span class=\"mapa-parameterization-overview__eyebrow\">{{\n heading().title\n }}</span>\n <h3>{{ data().name }}</h3>\n </div>\n\n <div class=\"mapa-parameterization-overview__score\">\n <span>{{ i18n.texts.report.overallPercentageTitle }}</span>\n <mapa-result-track\n appearance=\"stepped\"\n color=\"#59636a\"\n [style]=\"'thick'\"\n [name]=\"data().name\"\n [value]=\"data().value\"\n />\n </div>\n </div>\n\n @if (finalClassification(); as final) {\n <div class=\"mapa-parameterization-overview__classification\">\n <span class=\"mapa-parameterization-overview__classification-tag\">{{\n final.label\n }}</span>\n @if (final.description) {\n <p>{{ final.description }}</p>\n }\n </div>\n }\n </section>\n\n @if (legend().length) {\n <mapa-report-legend\n class=\"mapa-parameterization-legend\"\n appearance=\"psychosocial\"\n [expanded]=\"true\"\n [groups]=\"legend()\"\n />\n }\n\n @if (mode() === \"summarized\" && summaryRows().length) {\n <section class=\"mapa-parameterization-summary\">\n <h3>{{ i18n.texts.report.summarizedReportTitle }}</h3>\n <div class=\"mapa-parameterization-summary__rows\">\n @for (row of summaryRows(); track row.id) {\n <div class=\"mapa-parameterization-summary__row\">\n <span>{{ row.name }}</span>\n <span\n class=\"mapa-parameterization-summary__track\"\n role=\"meter\"\n aria-valuemin=\"0\"\n aria-valuemax=\"100\"\n [attr.aria-valuenow]=\"safeValue(row.value)\"\n [attr.aria-label]=\"\n i18n.texts.report.meterLabel(row.name, safeValue(row.value))\n \"\n >\n <i\n [style.width.%]=\"safeValue(row.value)\"\n aria-hidden=\"true\"\n ></i>\n </span>\n <strong>{{ safeValue(row.value) }}%</strong>\n </div>\n }\n </div>\n </section>\n }\n\n @if (mode() === \"detailed\" && data().sections.length) {\n <section class=\"mapa-parameterization-detail\">\n <h3>{{ i18n.texts.report.detailedReportTitle }}</h3>\n\n <div class=\"mapa-parameterization-detail__sections\">\n @for (section of data().sections; track section.id) {\n <section class=\"mapa-parameterization-group\">\n @if (section.name || section.value !== undefined) {\n <header class=\"mapa-parameterization-group__header\">\n <div>\n @if (section.name) {\n <h4>{{ section.name }}</h4>\n }\n @if (section.description) {\n <div [innerHTML]=\"section.description | safeHtml\"></div>\n }\n </div>\n @if (section.value !== undefined) {\n <mapa-result-track\n appearance=\"stepped\"\n color=\"#59636a\"\n [style]=\"'thin'\"\n [name]=\"section.name || i18n.texts.report.groupsTitle\"\n [value]=\"safeValue(section.value)\"\n />\n }\n </header>\n }\n\n @if (section.competences.length) {\n <div class=\"mapa-parameterization-group__label\">\n {{ i18n.texts.report.competenciesAndDimensionsTitle }}\n </div>\n\n <div class=\"mapa-parameterization-group__grid\">\n @for (\n competence of section.competences;\n track competence.id\n ) {\n <article class=\"mapa-parameterization-competence\">\n <header class=\"mapa-parameterization-competence__header\">\n <h5>{{ competence.name }}</h5>\n <mapa-result-track\n appearance=\"stepped\"\n color=\"#59636a\"\n [style]=\"'thin'\"\n [name]=\"competence.name\"\n [value]=\"safeValue(competence.value)\"\n />\n </header>\n\n @if (competence.description) {\n <div\n class=\"mapa-parameterization-competence__description\"\n [innerHTML]=\"competence.description | safeHtml\"\n ></div>\n }\n\n @if (competence.dimensions?.length) {\n <ul class=\"mapa-parameterization-dimensions\">\n @for (\n dimension of competence.dimensions;\n track dimension.id\n ) {\n <li>\n <span\n class=\"mapa-parameterization-dimensions__name\"\n >\n <span\n class=\"mapa-direction-indicator\"\n [attr.aria-label]=\"\n directionLabel(dimension.direction)\n \"\n >{{\n directionArrow(dimension.direction)\n }}</span\n >\n <span>{{ dimension.name }}</span>\n </span>\n @if (hasClassification(dimension)) {\n <mapa-classification-tag\n appearance=\"solid\"\n [classification]=\"dimension.classification\"\n />\n }\n @if (dimension.description) {\n <div\n class=\"mapa-parameterization-dimensions__description\"\n [innerHTML]=\"dimension.description | safeHtml\"\n ></div>\n }\n </li>\n }\n </ul>\n }\n </article>\n }\n </div>\n }\n </section>\n }\n </div>\n </section>\n }\n }\n\n @if (content() !== \"report\" && rankingViews().length) {\n <section class=\"mapa-parameterization-ranking\">\n @if (content() === \"all\") {\n <h3>{{ i18n.texts.report.parameterizationRankingTitle }}</h3>\n }\n <mapa-report-ranking-table-widget\n [palette]=\"palette()\"\n [showAverage]=\"false\"\n [views]=\"rankingViews()\"\n />\n </section>\n }\n</section>\n", styles: [":host{--mapa-report-accent: #ff560b;--mapa-report-accent-soft: #fff0e9;--mapa-report-surface: #fff;--mapa-report-surface-muted: #eef2f3;--mapa-report-border: #e1e5e7;--mapa-report-text: #263238;--mapa-report-muted: #68747a;--mapa-report-pill-width: 104px;--mapa-report-radius: 8px;--mapa-report-space: 20px;color:var(--mapa-report-text);display:block;font-family:var(--mapa-font-body, \"Asap\", \"Roboto\", sans-serif)}.mapa-report-widget{display:grid;gap:var(--mapa-report-space)}.mapa-report-widget__header{align-items:flex-start;column-gap:16px;display:grid;grid-template-columns:minmax(0,1fr) auto}.mapa-report-widget__heading{display:contents}.mapa-report-widget__heading h2{color:var(--mapa-report-accent);font-size:20px;font-weight:650;grid-column:1;grid-row:1;line-height:1.25;margin:0}.mapa-report-widget__description{color:var(--mapa-report-muted);font-size:13px;grid-column:1/-1;grid-row:2;line-height:1.5;margin:5px 0 0}.mapa-report-widget__description ::ng-deep ol,.mapa-report-widget__description ::ng-deep p,.mapa-report-widget__description ::ng-deep ul{margin:0 0 8px}.mapa-report-widget__description ::ng-deep ol,.mapa-report-widget__description ::ng-deep ul{padding-left:20px}.mapa-report-widget__description ::ng-deep li{margin:0 0 3px}.mapa-report-widget__description ::ng-deep b,.mapa-report-widget__description ::ng-deep strong{color:var(--mapa-report-text, inherit);font-weight:600}.mapa-report-widget__description ::ng-deep :last-child{margin-bottom:0}.mapa-report-widget__modes{--mat-button-toggle-background-color: var(--mapa-report-surface);--mat-button-toggle-divider-color: #cbd5da;--mat-button-toggle-height: 32px;--mat-button-toggle-label-text-font: var( --mapa-font-body, \"Asap\", sans-serif );--mat-button-toggle-label-text-size: 13px;--mat-button-toggle-label-text-weight: 500;--mat-button-toggle-selected-state-background-color: #59636a;--mat-button-toggle-selected-state-text-color: #fffaf7;--mat-button-toggle-shape: 4px;--mat-button-toggle-text-color: #344b5e;border:1px solid #cbd5da;border-radius:4px;grid-column:2;grid-row:1;overflow:hidden}.mapa-report-widget__modes mat-button-toggle{font:500 13px/1 var(--mapa-font-body, \"Asap\", sans-serif)}.mapa-report-widget__modes mat-icon{font-size:14px;height:14px;margin-right:5px;width:14px}.mapa-report-widget__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-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-parameterization-accent: #59636a;--mapa-parameterization-rail: #dfe4ea;--mapa-parameterization-line: #e7ebee;--mapa-report-card-radius: 10px;--mapa-report-line-soft: #edf1f3;--mapa-report-surface-soft: #fafbfc}.mapa-parameterization-overview{border:1px solid var(--mapa-report-border);border-radius:16px;display:grid;gap:22px;padding:24px}.mapa-parameterization-overview__headline{align-items:start;display:grid;gap:24px;grid-template-columns:minmax(0,1fr) auto}.mapa-parameterization-overview__eyebrow{color:#8a95a5;display:block;font-size:12px;line-height:1.3;margin-bottom:6px;text-transform:uppercase}.mapa-parameterization-overview h3{color:#2c2e3a;font-size:24px;font-weight:650;line-height:1.25;margin:0;overflow-wrap:anywhere}.mapa-parameterization-overview__score{display:grid;gap:7px;min-width:290px}.mapa-parameterization-overview__score mapa-result-track{display:block;min-width:0;width:100%}.mapa-parameterization-overview__score>span{color:#8a95a5;font-size:12px;text-transform:uppercase}.mapa-parameterization-overview__classification{display:grid;gap:8px;justify-items:start}.mapa-parameterization-overview__classification p{color:#59636a;font-size:14px;line-height:1.5;margin:0;overflow-wrap:anywhere}.mapa-parameterization-overview__classification-tag{background:#fff;border:1px solid var(--mapa-report-border);border-radius:999px;color:#2c2e3a;font-size:13px;font-weight:650;line-height:1.3;padding:5px 13px}.mapa-parameterization-overview__metadata{display:grid;gap:14px;grid-template-columns:repeat(auto-fit,minmax(min(210px,100%),1fr));margin:0}.mapa-parameterization-overview__metadata div{border:1px solid var(--mapa-report-border);border-radius:12px;min-width:0;padding:13px 15px}.mapa-parameterization-overview__metadata dt{color:#8a95a5;font-size:11px;line-height:1.3;margin-bottom:8px;text-transform:uppercase}.mapa-parameterization-overview__metadata dd{color:#2c2e3a;font-size:15px;font-weight:650;line-height:1.35;margin:0;overflow-wrap:anywhere}.mapa-parameterization-legend{--mapa-classification-tag-min-width: var(--mapa-report-pill-width)}.mapa-parameterization-summary,.mapa-parameterization-detail,.mapa-parameterization-ranking{display:grid;gap:16px;min-width:0}.mapa-parameterization-summary>h3,.mapa-parameterization-detail>h3,.mapa-parameterization-ranking>h3{color:#596575;font-size:18px;font-weight:650;line-height:1.3;margin:0}.mapa-parameterization-summary__rows{border:1px solid var(--mapa-report-border);border-radius:14px;padding:16px 20px}.mapa-parameterization-summary__row{align-items:center;display:grid;gap:20px;grid-template-columns:minmax(200px,36%) minmax(140px,1fr) 48px;min-height:48px}.mapa-parameterization-summary__row+.mapa-parameterization-summary__row{border-top:1px solid var(--mapa-parameterization-line)}.mapa-parameterization-summary__row>span:first-child{color:#4f5d70;font-size:14px;line-height:1.35;overflow-wrap:anywhere}.mapa-parameterization-summary__row>strong{color:#596575;font-size:14px;text-align:right}.mapa-parameterization-summary__track{background:var(--mapa-parameterization-rail);border-radius:999px;display:block;height:14px;overflow:hidden}.mapa-parameterization-summary__track i{background:var(--mapa-parameterization-accent);border-radius:inherit;display:block;height:100%}@media(max-width:900px){.mapa-parameterization-overview__headline,.mapa-parameterization-group__header{grid-template-columns:minmax(0,1fr)}.mapa-parameterization-overview__score,mapa-result-track{min-width:0}.mapa-parameterization-group__header>mapa-result-track{justify-self:start}.mapa-parameterization-dimensions li{grid-template-columns:minmax(150px,1fr) auto}.mapa-parameterization-dimensions__description{grid-column:1/-1;padding-left:28px}}@media(max-width:600px){.mapa-parameterization-overview,.mapa-parameterization-group{padding:16px}.mapa-parameterization-overview h3{font-size:20px}.mapa-parameterization-summary__rows{padding:8px 14px}.mapa-parameterization-summary__row{gap:9px;grid-template-columns:minmax(0,1fr) 44px;padding:10px 0}.mapa-parameterization-summary__row .mapa-parameterization-summary__track{grid-column:1/-1;grid-row:2}.mapa-parameterization-summary__row>strong{grid-column:2;grid-row:1}.mapa-parameterization-dimensions li{grid-template-columns:minmax(0,1fr)}.mapa-parameterization-dimensions__description{grid-column:auto;padding-left:28px}}@media print{.mapa-parameterization-overview,.mapa-parameterization-group,.mapa-parameterization-competence{break-inside:avoid}}\n", ".mapa-parameterization-detail__sections{display:grid;gap:22px}.mapa-parameterization-group{--mapa-classification-tag-min-width: var(--mapa-report-pill-width);border:1px solid var(--mapa-report-border);border-radius:14px;min-width:0;padding:18px}.mapa-parameterization-group__header{align-items:start;display:grid;gap:20px;grid-template-columns:minmax(0,1fr) auto}.mapa-parameterization-group__header>mapa-result-track{display:block;justify-self:end;max-width:100%;width:max-content}.mapa-parameterization-group__header h4{color:#2c2e3a;font-size:20px;font-weight:650;line-height:1.25;margin:0;overflow-wrap:anywhere}.mapa-parameterization-group__header>div:first-child>div{color:var(--mapa-report-muted);font-size:12px;line-height:1.5;margin-top:5px}.mapa-parameterization-group__header>div:first-child>div ::ng-deep ol,.mapa-parameterization-group__header>div:first-child>div ::ng-deep p,.mapa-parameterization-group__header>div:first-child>div ::ng-deep ul{margin:0 0 8px}.mapa-parameterization-group__header>div:first-child>div ::ng-deep ol,.mapa-parameterization-group__header>div:first-child>div ::ng-deep ul{padding-left:20px}.mapa-parameterization-group__header>div:first-child>div ::ng-deep li{margin:0 0 3px}.mapa-parameterization-group__header>div:first-child>div ::ng-deep b,.mapa-parameterization-group__header>div:first-child>div ::ng-deep strong{color:var(--mapa-report-text, inherit);font-weight:600}.mapa-parameterization-group__header>div:first-child>div ::ng-deep :last-child{margin-bottom:0}.mapa-parameterization-group__label{background:#f1f4f8;border:1px solid var(--mapa-report-border);border-radius:7px;color:#405064;font-size:13px;font-weight:650;margin-top:16px;padding:7px 10px}.mapa-parameterization-group__grid{display:grid;column-gap:14px;grid-template-columns:repeat(2,minmax(0,1fr));margin-top:14px;row-gap:14px}.mapa-parameterization-dimensions mapa-classification-tag{flex:0 0 auto;max-width:var(--mapa-report-pill-width)}.mapa-parameterization-competence{background:var(--mapa-report-surface);border:1px solid var(--mapa-report-border);border-radius:var(--mapa-report-card-radius);min-width:0;padding:16px 14px 13px}.mapa-parameterization-competence__header{align-items:center;display:grid;gap:14px;grid-template-columns:minmax(0,1fr) auto}.mapa-parameterization-competence__header mapa-result-track{display:block;justify-self:end;max-width:100%;width:max-content}.mapa-parameterization-competence__header h5{color:#2c2e3a;font-size:16px;font-weight:650;line-height:1.3;margin:0;overflow-wrap:anywhere}.mapa-parameterization-competence__description{color:var(--mapa-report-muted);font-size:12px;line-height:1.5;margin-top:12px}.mapa-parameterization-competence__description ::ng-deep ol,.mapa-parameterization-competence__description ::ng-deep p,.mapa-parameterization-competence__description ::ng-deep ul{margin:0 0 8px}.mapa-parameterization-competence__description ::ng-deep ol,.mapa-parameterization-competence__description ::ng-deep ul{padding-left:20px}.mapa-parameterization-competence__description ::ng-deep li{margin:0 0 3px}.mapa-parameterization-competence__description ::ng-deep b,.mapa-parameterization-competence__description ::ng-deep strong{color:var(--mapa-report-text, inherit);font-weight:600}.mapa-parameterization-competence__description ::ng-deep :last-child{margin-bottom:0}.mapa-parameterization-dimensions{border-top:1px solid var(--mapa-report-line-soft);display:grid;gap:7px;list-style:none;margin:14px 0 0;padding:12px 0 0}.mapa-parameterization-dimensions li{align-items:center;background:var(--mapa-report-surface-soft);border:1px solid var(--mapa-report-line-soft);border-radius:9px;display:grid;gap:10px;grid-template-columns:minmax(0,1fr) auto;padding:9px 10px}.mapa-parameterization-dimensions__name{align-items:center;color:#4f5d70;display:flex;font-size:12px;gap:8px;line-height:1.4;min-width:0}.mapa-parameterization-dimensions__name span:last-child{overflow-wrap:anywhere}.mapa-parameterization-dimensions__description{color:var(--mapa-report-muted);font-size:11px;grid-column:1/-1;line-height:1.45;padding-left:28px}.mapa-parameterization-dimensions__description ::ng-deep ol,.mapa-parameterization-dimensions__description ::ng-deep p,.mapa-parameterization-dimensions__description ::ng-deep ul{margin:0 0 8px}.mapa-parameterization-dimensions__description ::ng-deep ol,.mapa-parameterization-dimensions__description ::ng-deep ul{padding-left:20px}.mapa-parameterization-dimensions__description ::ng-deep li{margin:0 0 3px}.mapa-parameterization-dimensions__description ::ng-deep b,.mapa-parameterization-dimensions__description ::ng-deep strong{color:var(--mapa-report-text, inherit);font-weight:600}.mapa-parameterization-dimensions__description ::ng-deep :last-child{margin-bottom:0}.mapa-parameterization-ranking mapa-report-ranking-table-widget{display:block;min-width:0}@media(max-width:1100px){.mapa-parameterization-group__grid{grid-template-columns:minmax(0,1fr)}}@media(max-width:600px){.mapa-parameterization-competence__header{grid-template-columns:minmax(0,1fr)}.mapa-parameterization-competence__header mapa-result-track{justify-self:start}}\n"], dependencies: [{ kind: "ngmodule", type: MatButtonToggleModule }, { kind: "directive", type: i1$6.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$6.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: MapaClassificationTagComponent, selector: "mapa-classification-tag", inputs: ["classification", "size", "appearance", "shape", "casing", "fallbackLabel"] }, { kind: "component", type: MapaReportLegendComponent, selector: "mapa-report-legend", inputs: ["title", "intro", "groupsTitle", "groups", "expanded", "appearance"] }, { kind: "component", type: MapaReportRankingTableWidgetComponent, selector: "mapa-report-ranking-table-widget", inputs: ["heading", "views", "view", "palette", "showAverage", "showScoreOnHover", "entryColumnLabel", "note", "averageLabel"], outputs: ["viewChange"] }, { 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 }); }
|
|
9142
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.21", type: MapaReportParameterizationWidgetComponent, isStandalone: true, selector: "mapa-report-parameterization-widget", inputs: { heading: { classPropertyName: "heading", publicName: "heading", isSignal: true, isRequired: true, transformFunction: null }, data: { classPropertyName: "data", publicName: "data", isSignal: true, isRequired: true, transformFunction: null }, legend: { classPropertyName: "legend", publicName: "legend", isSignal: true, isRequired: false, transformFunction: null }, palette: { classPropertyName: "palette", publicName: "palette", isSignal: true, isRequired: false, transformFunction: null }, content: { classPropertyName: "content", publicName: "content", isSignal: true, isRequired: false, transformFunction: null }, mode: { classPropertyName: "mode", publicName: "mode", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { mode: "modeChange" }, 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 @if (content() !== \"ranking\") {\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=\"summarized\">\n {{ i18n.texts.report.summarized }}\n </mat-button-toggle>\n <mat-button-toggle value=\"detailed\">\n {{ i18n.texts.report.detailed }}\n </mat-button-toggle>\n </mat-button-toggle-group>\n }\n </header>\n\n @if (content() !== \"ranking\") {\n <section class=\"mapa-parameterization-overview\">\n <div class=\"mapa-parameterization-overview__headline\">\n <div>\n <span class=\"mapa-parameterization-overview__eyebrow\">{{\n heading().title\n }}</span>\n <h3>{{ data().name }}</h3>\n </div>\n\n <div class=\"mapa-parameterization-overview__score\">\n <span>{{ i18n.texts.report.overallPercentageTitle }}</span>\n <mapa-result-track\n appearance=\"stepped\"\n color=\"#59636a\"\n [style]=\"'thick'\"\n [name]=\"data().name\"\n [value]=\"data().value\"\n />\n </div>\n </div>\n\n @if (finalClassification(); as final) {\n <div class=\"mapa-parameterization-overview__classification\">\n <span class=\"mapa-parameterization-overview__classification-tag\">{{\n final.label\n }}</span>\n @if (final.description) {\n <p>{{ final.description }}</p>\n }\n </div>\n }\n </section>\n\n @if (legend().length) {\n <mapa-report-legend\n class=\"mapa-parameterization-legend\"\n appearance=\"psychosocial\"\n [expanded]=\"true\"\n [groups]=\"legend()\"\n />\n }\n\n @if (mode() === \"summarized\" && summaryRows().length) {\n <section class=\"mapa-parameterization-summary\">\n <h3>{{ i18n.texts.report.summarizedReportTitle }}</h3>\n <div class=\"mapa-parameterization-summary__rows\">\n @for (row of summaryRows(); track row.id) {\n <div class=\"mapa-parameterization-summary__row\">\n <span>{{ row.name }}</span>\n <span\n class=\"mapa-parameterization-summary__track\"\n role=\"meter\"\n aria-valuemin=\"0\"\n aria-valuemax=\"100\"\n [attr.aria-valuenow]=\"safeValue(row.value)\"\n [attr.aria-label]=\"\n i18n.texts.report.meterLabel(row.name, safeValue(row.value))\n \"\n >\n <i\n [style.width.%]=\"safeValue(row.value)\"\n aria-hidden=\"true\"\n ></i>\n </span>\n <strong>{{ safeValue(row.value) }}%</strong>\n </div>\n }\n </div>\n </section>\n }\n\n @if (mode() === \"detailed\" && data().sections.length) {\n <section class=\"mapa-parameterization-detail\">\n <h3>{{ i18n.texts.report.detailedReportTitle }}</h3>\n\n <div class=\"mapa-parameterization-detail__sections\">\n @for (section of data().sections; track section.id) {\n <section class=\"mapa-parameterization-group\">\n @if (section.name || section.value !== undefined) {\n <header class=\"mapa-parameterization-group__header\">\n <div>\n @if (section.name) {\n <h4>{{ section.name }}</h4>\n }\n @if (section.description) {\n <div [innerHTML]=\"section.description | safeHtml\"></div>\n }\n </div>\n @if (section.value !== undefined) {\n <mapa-result-track\n appearance=\"stepped\"\n color=\"#59636a\"\n [style]=\"'thin'\"\n [name]=\"section.name || i18n.texts.report.groupsTitle\"\n [value]=\"safeValue(section.value)\"\n />\n }\n </header>\n }\n\n @if (section.competences.length) {\n <div class=\"mapa-parameterization-group__label\">\n {{ i18n.texts.report.competenciesAndDimensionsTitle }}\n </div>\n\n <div class=\"mapa-parameterization-group__grid\">\n @for (\n competence of section.competences;\n track competence.id\n ) {\n <article class=\"mapa-parameterization-competence\">\n <header class=\"mapa-parameterization-competence__header\">\n <h5>{{ competence.name }}</h5>\n <mapa-result-track\n appearance=\"stepped\"\n color=\"#59636a\"\n [style]=\"'thin'\"\n [name]=\"competence.name\"\n [value]=\"safeValue(competence.value)\"\n />\n </header>\n\n @if (competence.description) {\n <div\n class=\"mapa-parameterization-competence__description\"\n [innerHTML]=\"competence.description | safeHtml\"\n ></div>\n }\n\n @if (competence.dimensions?.length) {\n <ul class=\"mapa-parameterization-dimensions\">\n @for (\n dimension of competence.dimensions;\n track dimension.id\n ) {\n <li>\n <span\n class=\"mapa-parameterization-dimensions__name\"\n >\n <span\n class=\"mapa-direction-indicator\"\n [attr.aria-label]=\"\n directionLabel(dimension.direction)\n \"\n >{{\n directionArrow(dimension.direction)\n }}</span\n >\n <span>{{ dimension.name }}</span>\n </span>\n @if (hasClassification(dimension)) {\n <mapa-classification-tag\n appearance=\"solid\"\n [classification]=\"dimension.classification\"\n />\n }\n @if (dimension.description) {\n <div\n class=\"mapa-parameterization-dimensions__description\"\n [innerHTML]=\"dimension.description | safeHtml\"\n ></div>\n }\n </li>\n }\n </ul>\n }\n </article>\n }\n </div>\n }\n </section>\n }\n </div>\n </section>\n }\n }\n\n @if (content() !== \"report\" && rankingViews().length) {\n <section class=\"mapa-parameterization-ranking\">\n @if (content() === \"all\") {\n <h3>{{ i18n.texts.report.parameterizationRankingTitle }}</h3>\n }\n <mapa-report-ranking-table-widget\n [palette]=\"palette()\"\n [showAverage]=\"false\"\n [views]=\"rankingViews()\"\n />\n </section>\n }\n</section>\n", styles: [":host{--mapa-report-accent: #ff560b;--mapa-report-accent-soft: #fff0e9;--mapa-report-surface: #fff;--mapa-report-surface-muted: #eef2f3;--mapa-report-border: #e1e5e7;--mapa-report-text: #263238;--mapa-report-muted: #68747a;--mapa-report-pill-width: 104px;--mapa-report-radius: 8px;--mapa-report-space: 20px;color:var(--mapa-report-text);display:block;font-family:var(--mapa-font-body, \"Asap\", \"Roboto\", sans-serif)}.mapa-report-widget{display:grid;gap:var(--mapa-report-space)}.mapa-report-widget__header{align-items:flex-start;column-gap:16px;display:grid;grid-template-columns:minmax(0,1fr) auto}.mapa-report-widget__heading{display:contents}.mapa-report-widget__heading h2{color:var(--mapa-report-accent);font-size:20px;font-weight:650;grid-column:1;grid-row:1;line-height:1.25;margin:0}.mapa-report-widget__description{color:var(--mapa-report-muted);font-size:13px;grid-column:1/-1;grid-row:2;line-height:1.5;margin:5px 0 0}.mapa-report-widget__description ::ng-deep ol,.mapa-report-widget__description ::ng-deep p,.mapa-report-widget__description ::ng-deep ul{margin:0 0 8px}.mapa-report-widget__description ::ng-deep ol,.mapa-report-widget__description ::ng-deep ul{padding-left:20px}.mapa-report-widget__description ::ng-deep li{margin:0 0 3px}.mapa-report-widget__description ::ng-deep b,.mapa-report-widget__description ::ng-deep strong{color:var(--mapa-report-text, inherit);font-weight:600}.mapa-report-widget__description ::ng-deep :last-child{margin-bottom:0}.mapa-report-widget__modes{--mat-button-toggle-background-color: var(--mapa-report-surface);--mat-button-toggle-divider-color: #cbd5da;--mat-button-toggle-height: 32px;--mat-button-toggle-label-text-font: var( --mapa-font-body, \"Asap\", sans-serif );--mat-button-toggle-label-text-size: 13px;--mat-button-toggle-label-text-weight: 500;--mat-button-toggle-selected-state-background-color: #59636a;--mat-button-toggle-selected-state-text-color: #fffaf7;--mat-button-toggle-shape: 4px;--mat-button-toggle-text-color: #344b5e;border:1px solid #cbd5da;border-radius:4px;grid-column:2;grid-row:1;overflow:hidden}.mapa-report-widget__modes mat-button-toggle{font:500 13px/1 var(--mapa-font-body, \"Asap\", sans-serif)}.mapa-report-widget__modes mat-icon{font-size:14px;height:14px;margin-right:5px;width:14px}.mapa-report-widget__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-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-parameterization-accent: #59636a;--mapa-parameterization-rail: #dfe4ea;--mapa-parameterization-line: #e7ebee;--mapa-report-card-radius: 10px;--mapa-report-line-soft: #edf1f3;--mapa-report-surface-soft: #fafbfc}.mapa-parameterization-overview{border:1px solid var(--mapa-report-border);border-radius:16px;display:grid;gap:22px;padding:24px}.mapa-parameterization-overview__headline{align-items:start;display:grid;gap:24px;grid-template-columns:minmax(0,1fr) auto}.mapa-parameterization-overview__eyebrow{color:#8a95a5;display:block;font-size:12px;line-height:1.3;margin-bottom:6px;text-transform:uppercase}.mapa-parameterization-overview h3{color:#2c2e3a;font-size:24px;font-weight:650;line-height:1.25;margin:0;overflow-wrap:anywhere}.mapa-parameterization-overview__score{display:grid;gap:7px;min-width:290px}.mapa-parameterization-overview__score mapa-result-track{display:block;min-width:0;width:100%}.mapa-parameterization-overview__score>span{color:#8a95a5;font-size:12px;text-transform:uppercase}.mapa-parameterization-overview__classification{display:grid;gap:8px;justify-items:start}.mapa-parameterization-overview__classification p{color:#59636a;font-size:14px;line-height:1.5;margin:0;overflow-wrap:anywhere}.mapa-parameterization-overview__classification-tag{background:#fff;border:1px solid var(--mapa-report-border);border-radius:999px;color:#2c2e3a;font-size:13px;font-weight:650;line-height:1.3;padding:5px 13px}.mapa-parameterization-overview__metadata{display:grid;gap:14px;grid-template-columns:repeat(auto-fit,minmax(min(210px,100%),1fr));margin:0}.mapa-parameterization-overview__metadata div{border:1px solid var(--mapa-report-border);border-radius:12px;min-width:0;padding:13px 15px}.mapa-parameterization-overview__metadata dt{color:#8a95a5;font-size:11px;line-height:1.3;margin-bottom:8px;text-transform:uppercase}.mapa-parameterization-overview__metadata dd{color:#2c2e3a;font-size:15px;font-weight:650;line-height:1.35;margin:0;overflow-wrap:anywhere}.mapa-parameterization-legend{--mapa-classification-tag-min-width: var(--mapa-report-pill-width)}.mapa-parameterization-summary,.mapa-parameterization-detail,.mapa-parameterization-ranking{display:grid;gap:16px;min-width:0}.mapa-parameterization-summary>h3,.mapa-parameterization-detail>h3,.mapa-parameterization-ranking>h3{color:#596575;font-size:18px;font-weight:650;line-height:1.3;margin:0}.mapa-parameterization-summary__rows{border:1px solid var(--mapa-report-border);border-radius:14px;padding:16px 20px}.mapa-parameterization-summary__row{align-items:center;display:grid;gap:20px;grid-template-columns:minmax(200px,36%) minmax(140px,1fr) 48px;min-height:48px}.mapa-parameterization-summary__row+.mapa-parameterization-summary__row{border-top:1px solid var(--mapa-parameterization-line)}.mapa-parameterization-summary__row>span:first-child{color:#4f5d70;font-size:14px;line-height:1.35;overflow-wrap:anywhere}.mapa-parameterization-summary__row>strong{color:#596575;font-size:14px;text-align:right}.mapa-parameterization-summary__track{background:var(--mapa-parameterization-rail);border-radius:999px;display:block;height:14px;overflow:hidden}.mapa-parameterization-summary__track i{background:var(--mapa-parameterization-accent);border-radius:inherit;display:block;height:100%}@media(max-width:900px){.mapa-parameterization-overview__headline,.mapa-parameterization-group__header{grid-template-columns:minmax(0,1fr)}.mapa-parameterization-overview__score,mapa-result-track{min-width:0}.mapa-parameterization-group__header>mapa-result-track{justify-self:start}.mapa-parameterization-dimensions li{grid-template-columns:minmax(150px,1fr) auto}.mapa-parameterization-dimensions__description{grid-column:1/-1;padding-left:28px}}@media(max-width:600px){.mapa-parameterization-overview,.mapa-parameterization-group{padding:16px}.mapa-parameterization-overview h3{font-size:20px}.mapa-parameterization-summary__rows{padding:8px 14px}.mapa-parameterization-summary__row{gap:9px;grid-template-columns:minmax(0,1fr) 44px;padding:10px 0}.mapa-parameterization-summary__row .mapa-parameterization-summary__track{grid-column:1/-1;grid-row:2}.mapa-parameterization-summary__row>strong{grid-column:2;grid-row:1}.mapa-parameterization-dimensions li{grid-template-columns:minmax(0,1fr)}.mapa-parameterization-dimensions__description{grid-column:auto;padding-left:28px}}@media print{.mapa-parameterization-overview,.mapa-parameterization-group,.mapa-parameterization-competence{break-inside:avoid}}\n", ".mapa-parameterization-detail__sections{display:grid;gap:22px}.mapa-parameterization-group{--mapa-classification-tag-min-width: var(--mapa-report-pill-width);border:1px solid var(--mapa-report-border);border-radius:14px;min-width:0;padding:18px}.mapa-parameterization-group__header{align-items:start;display:grid;gap:20px;grid-template-columns:minmax(0,1fr) auto}.mapa-parameterization-group__header>mapa-result-track{display:block;justify-self:end;max-width:100%;width:max-content}.mapa-parameterization-group__header h4{color:#2c2e3a;font-size:20px;font-weight:650;line-height:1.25;margin:0;overflow-wrap:anywhere}.mapa-parameterization-group__header>div:first-child>div{color:var(--mapa-report-muted);font-size:12px;line-height:1.5;margin-top:5px}.mapa-parameterization-group__header>div:first-child>div ::ng-deep ol,.mapa-parameterization-group__header>div:first-child>div ::ng-deep p,.mapa-parameterization-group__header>div:first-child>div ::ng-deep ul{margin:0 0 8px}.mapa-parameterization-group__header>div:first-child>div ::ng-deep ol,.mapa-parameterization-group__header>div:first-child>div ::ng-deep ul{padding-left:20px}.mapa-parameterization-group__header>div:first-child>div ::ng-deep li{margin:0 0 3px}.mapa-parameterization-group__header>div:first-child>div ::ng-deep b,.mapa-parameterization-group__header>div:first-child>div ::ng-deep strong{color:var(--mapa-report-text, inherit);font-weight:600}.mapa-parameterization-group__header>div:first-child>div ::ng-deep :last-child{margin-bottom:0}.mapa-parameterization-group__label{background:#f1f4f8;border:1px solid var(--mapa-report-border);border-radius:7px;color:#405064;font-size:13px;font-weight:650;margin-top:16px;padding:7px 10px}.mapa-parameterization-group__grid{display:grid;column-gap:14px;grid-template-columns:repeat(2,minmax(0,1fr));margin-top:14px;row-gap:14px}.mapa-parameterization-dimensions mapa-classification-tag{flex:0 0 auto;max-width:var(--mapa-report-pill-width)}.mapa-parameterization-competence{background:var(--mapa-report-surface);border:1px solid var(--mapa-report-border);border-radius:var(--mapa-report-card-radius);min-width:0;padding:16px 14px 13px}.mapa-parameterization-competence__header{align-items:center;display:grid;gap:14px;grid-template-columns:minmax(0,1fr) auto}.mapa-parameterization-competence__header mapa-result-track{display:block;justify-self:end;max-width:100%;width:max-content}.mapa-parameterization-competence__header h5{color:#2c2e3a;font-size:16px;font-weight:650;line-height:1.3;margin:0;overflow-wrap:anywhere}.mapa-parameterization-competence__description{color:var(--mapa-report-muted);font-size:12px;line-height:1.5;margin-top:12px}.mapa-parameterization-competence__description ::ng-deep ol,.mapa-parameterization-competence__description ::ng-deep p,.mapa-parameterization-competence__description ::ng-deep ul{margin:0 0 8px}.mapa-parameterization-competence__description ::ng-deep ol,.mapa-parameterization-competence__description ::ng-deep ul{padding-left:20px}.mapa-parameterization-competence__description ::ng-deep li{margin:0 0 3px}.mapa-parameterization-competence__description ::ng-deep b,.mapa-parameterization-competence__description ::ng-deep strong{color:var(--mapa-report-text, inherit);font-weight:600}.mapa-parameterization-competence__description ::ng-deep :last-child{margin-bottom:0}.mapa-parameterization-dimensions{border-top:1px solid var(--mapa-report-line-soft);display:grid;gap:7px;list-style:none;margin:14px 0 0;padding:12px 0 0}.mapa-parameterization-dimensions li{align-items:center;background:var(--mapa-report-surface-soft);border:1px solid var(--mapa-report-line-soft);border-radius:9px;display:grid;gap:10px;grid-template-columns:minmax(0,1fr) auto;padding:9px 10px}.mapa-parameterization-dimensions__name{align-items:center;color:#4f5d70;display:flex;font-size:12px;gap:8px;line-height:1.4;min-width:0}.mapa-parameterization-dimensions__name span:last-child{overflow-wrap:anywhere}.mapa-parameterization-dimensions__description{color:var(--mapa-report-muted);font-size:11px;grid-column:1/-1;line-height:1.45;padding-left:28px}.mapa-parameterization-dimensions__description ::ng-deep ol,.mapa-parameterization-dimensions__description ::ng-deep p,.mapa-parameterization-dimensions__description ::ng-deep ul{margin:0 0 8px}.mapa-parameterization-dimensions__description ::ng-deep ol,.mapa-parameterization-dimensions__description ::ng-deep ul{padding-left:20px}.mapa-parameterization-dimensions__description ::ng-deep li{margin:0 0 3px}.mapa-parameterization-dimensions__description ::ng-deep b,.mapa-parameterization-dimensions__description ::ng-deep strong{color:var(--mapa-report-text, inherit);font-weight:600}.mapa-parameterization-dimensions__description ::ng-deep :last-child{margin-bottom:0}.mapa-parameterization-ranking mapa-report-ranking-table-widget{display:block;min-width:0}@media(max-width:1100px){.mapa-parameterization-group__grid{grid-template-columns:minmax(0,1fr)}}@media(max-width:600px){.mapa-parameterization-competence__header{grid-template-columns:minmax(0,1fr)}.mapa-parameterization-competence__header mapa-result-track{justify-self:start}}\n"], dependencies: [{ kind: "ngmodule", type: MatButtonToggleModule }, { kind: "directive", type: i1$6.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$6.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: MapaClassificationTagComponent, selector: "mapa-classification-tag", inputs: ["classification", "size", "appearance", "shape", "casing", "fallbackLabel"] }, { kind: "component", type: MapaReportLegendComponent, selector: "mapa-report-legend", inputs: ["title", "intro", "groupsTitle", "groups", "expanded", "appearance"] }, { kind: "component", type: MapaReportRankingTableWidgetComponent, selector: "mapa-report-ranking-table-widget", inputs: ["heading", "views", "view", "palette", "showAverage", "entryColumnLabel", "note", "averageLabel"], outputs: ["viewChange"] }, { 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 }); }
|
|
9134
9143
|
}
|
|
9135
9144
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.21", ngImport: i0, type: MapaReportParameterizationWidgetComponent, decorators: [{
|
|
9136
9145
|
type: Component,
|