mapa-library-ui 0.51.3 → 0.51.4
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/esm2020/src/lib/components/scale-parameterization/lib/components/scale-parameterization/src/scale-parameterization.component.mjs +3 -3
- package/fesm2015/mapa-library-ui-src-lib-components-scale-parameterization.mjs +2 -2
- package/fesm2015/mapa-library-ui-src-lib-components-scale-parameterization.mjs.map +1 -1
- package/fesm2020/mapa-library-ui-src-lib-components-scale-parameterization.mjs +2 -2
- package/fesm2020/mapa-library-ui-src-lib-components-scale-parameterization.mjs.map +1 -1
- package/mapa-library-ui-0.51.4.tgz +0 -0
- package/package.json +1 -1
- package/mapa-library-ui-0.51.3.tgz +0 -0
|
@@ -508,10 +508,10 @@ class MapaScaleParameterizationComponent {
|
|
|
508
508
|
}
|
|
509
509
|
}
|
|
510
510
|
MapaScaleParameterizationComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: MapaScaleParameterizationComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
511
|
-
MapaScaleParameterizationComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: MapaScaleParameterizationComponent, selector: "mapa-scale-parameterization", inputs: { data: "data", showProgressbar: "showProgressbar", showInterval: "showInterval", showDots: "showDots" }, viewQueries: [{ propertyName: "accordion", first: true, predicate: ["detailAccordion"], descendants: true }], ngImport: i0, template: "<section\n class=\"mapa-scale-parameterization\"\n *ngFor=\"let competence of data\"\n>\n <section\n class=\"mapa-scale-parameterization-scales\"\n [class.scales--full-sized]=\"!showSummarized(competence.scales[0])\"\n [class.scales--summarized]=\"showSummarized(competence.scales[0])\"\n >\n <mat-accordion\n class=\"mapa-scale-parameterization-accordion\"\n #detailAccordion=\"matAccordion\"\n multi\n >\n <mat-expansion-panel\n class=\"mapa__card mapa-scale-parameterization-details\"\n *ngFor=\"let scale of competence.scales\"\n >\n <mat-expansion-panel-header\n class=\"mapa-scale-parameterization-details__top\"\n >\n <header class=\"mapa-scale-parameterization-details__header\">\n <div\n class=\"mapa-scale-parameterization-details__header--title mapa--display-m\"\n >\n <div\n class=\"mapa-scale-parameterization-details__header--title-text\"\n >\n {{ scale.scaleName }}\n <div\n *ngIf=\"showDots\"\n class=\"mapa-scale-parameterization-details__dots\"\n >\n <mapa-capability-dot\n *ngFor=\"let item of getDimensionsAsCapability(scale).items\"\n type=\"small\"\n [item]=\"item\"\n [capability]=\"getDimensionsAsCapability(scale)\"\n [tooltip]=\"true\"\n ></mapa-capability-dot>\n </div>\n </div>\n\n <div\n *ngIf=\"scale.classification\"\n class=\"mapa__tag--bg\"\n [style.backgroundColor]=\"scale.classification.classificationColor\"\n [class.mapa__tag--contrast]=\"scale.classification.classificationId === 1\"\n >\n <span class=\"mapa__tag--text\"\n >{{ scale.classification.classificationName }}</span\n >\n </div>\n </div>\n <div\n *ngIf=\"showProgressbar && scale.interval\"\n class=\"scale__header--progressbar\"\n >\n <mapa-progressbar\n *ngIf=\"showProgressbar && !scale.classification?.classificationBg\"\n [data]=\"getProgressbarData(scale)\"\n ></mapa-progressbar>\n <mapa-capability-interval-bar\n *ngIf=\"scale.classification?.classificationBg\"\n [data]=\"getIntervalbarData(scale)\"\n [showInterval]=\"true\"\n reusable-interval-bar\n ></mapa-capability-interval-bar>\n </div>\n </header>\n </mat-expansion-panel-header>\n <article\n *ngIf=\"scale.scaleConcept\"\n class=\"mapa-scale-parameterization-details__concept\"\n >\n <strong>Conceito:</strong> {{ scale.scaleConcept }}\n </article>\n <section\n class=\"mapa-scale-parameterization-details__dimensions\"\n [class.dimension--full-sized]=\"!showSummarized(scale)\"\n [class.dimension--summarized]=\"showSummarized(scale)\"\n >\n <article\n *ngFor=\"let dimension of scale.dimensions\"\n class=\"mapa__card--sm dimension\"\n >\n <nav class=\"dimension__main\">\n <div class=\"dimension__title\">\n <div class=\"dimension__title--direction\">\n <span\n *ngIf=\"dimension.direction === 'Positiva'; else negativeDirection\"\n >\u2191</span\n >\n <ng-template #negativeDirection>\u2193</ng-template>\n </div>\n <div class=\"dimension__title--label\">\n {{ dimension.dimensionName }}\n </div>\n </div>\n <div class=\"dimension--classification\">\n <div\n *ngIf=\"dimension.classification\"\n class=\"mapa__tag--bg\"\n [style.backgroundColor]=\"dimension.classification.classificationColor\"\n [class.mapa__tag--contrast]=\"dimension.classification.classificationId === 1\"\n >\n <span class=\"mapa__tag--text\"\n >{{ dimension.classification.classificationName }}</span\n >\n </div>\n </div>\n </nav>\n <div\n *ngIf=\"dimension.dimensionClassificationMessage\"\n class=\"dimension__concept\"\n >\n {{ dimension.dimensionClassificationMessage }}\n </div>\n </article>\n </section>\n </mat-expansion-panel>\n </mat-accordion>\n </section>\n</section>\n", styles: [".mapa-scale-parameterization{display:flex;gap:24px;font-family:SF-Pro;width:-moz-fit-content;width:fit-content}.mapa-scale-parameterization__header{display:flex;align-items:center;color:#ea561d;font-size:32px;font-weight:400;line-height:40px;width:100%;margin-bottom:unset!important}.mapa-scale-parameterization__header img{margin-right:16px}.mapa-scale-parameterization .mapa-scale-parameterization-accordion .mat-expansion-panel:first-of-type{border-top-right-radius:8px;border-top-left-radius:8px}.mapa-scale-parameterization .mapa-scale-parameterization-accordion .mat-expansion-panel:last-of-type{border-bottom-right-radius:8px;border-bottom-left-radius:8px}.mapa-scale-parameterization .mapa-scale-parameterization-accordion .mat-expansion-panel{box-shadow:unset!important;padding:unset!important}.mapa-scale-parameterization .mapa-scale-parameterization-accordion .mat-expansion-panel-header{padding:24px;border-bottom:unset!important;width:-webkit-fill-available}.mapa-scale-parameterization .mapa-scale-parameterization-accordion .mat-expansion-panel-header .mat-content{padding-right:4px}.mapa-scale-parameterization .mapa-scale-parameterization-accordion .mat-expansion-panel-body{padding:24px!important}.mapa-scale-parameterization .mapa-scale-parameterization-accordion .mat-expansion-panel-spacing{margin:unset!important}.mapa-scale-parameterization .mapa-scale-parameterization-details{display:flex;align-items:flex-start;justify-content:flex-start;flex-direction:column;flex-wrap:wrap;gap:unset!important;width:-moz-fit-content;width:fit-content;height:-moz-fit-content;height:fit-content}.mapa-scale-parameterization .mapa-scale-parameterization-details--summarized{display:grid;gap:24px;grid-template-columns:1fr 1fr 1fr}.mapa-scale-parameterization .mapa-scale-parameterization-details--title-text{display:flex}.mapa-scale-parameterization .mapa-scale-parameterization-details__dots{display:flex;align-items:center;margin-top:16px;gap:8px}.mapa-scale-parameterization .mapa-scale-parameterization-details__header{display:flex;align-items:center;justify-content:space-between;width:100%;color:#181818;font-size:24px;font-style:normal;font-weight:500;line-height:32px;margin:20px 0}.mapa-scale-parameterization .mapa-scale-parameterization-details__header--title{display:flex;align-items:center;gap:24px}.mapa-scale-parameterization .mapa-scale-parameterization-details__concept{color:#50575e;font-size:16px;font-style:normal;font-weight:400;line-height:24px;padding-bottom:16px}.mapa-scale-parameterization .mapa-scale-parameterization-details__concept strong{color:#181818;font-size:16px;font-style:normal;font-weight:600;line-height:24px}.mapa-scale-parameterization .mapa-scale-parameterization-details__dimensions{display:flex;flex-wrap:wrap;gap:24px;width:100%;height:-moz-fit-content;height:fit-content}.mapa-scale-parameterization .mapa-scale-parameterization-details .dimension{display:flex;justify-content:flex-start;gap:24px;width:100%;height:-moz-fit-content;height:fit-content}.mapa-scale-parameterization .mapa-scale-parameterization-details .dimension__main{display:flex;justify-content:space-between;width:100%}.mapa-scale-parameterization .mapa-scale-parameterization-details .dimension--full-sized .dimension{display:flex;gap:32px;width:100%}.mapa-scale-parameterization .mapa-scale-parameterization-details .dimension--full-sized .dimension__main{width:35%}.mapa-scale-parameterization .mapa-scale-parameterization-details .dimension--full-sized .dimension__concept{width:65%}.mapa-scale-parameterization .mapa-scale-parameterization-details .dimension__title{display:flex;align-items:center;justify-content:center;color:#181818;font-size:16px;font-style:normal;font-weight:400;line-height:24px;gap:8px}.mapa-scale-parameterization .mapa-scale-parameterization-details .dimension--classification{display:flex;align-items:center;justify-content:center}.mapa-scale-parameterization .mapa-scale-parameterization-details .dimension__concept{color:#50575e;font-size:16px;font-style:normal;font-weight:400;line-height:24px}\n"], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: MapaCapabilityDotComponent, selector: "mapa-capability-dot", inputs: ["type", "item", "tooltip", "capability"] }, { kind: "component", type: MapaCapabilityIntervalBarComponent, selector: "mapa-capability-interval-bar", inputs: ["data", "expanded", "showInterval"], outputs: ["clicked"] }, { kind: "directive", type: i4.MatAccordion, selector: "mat-accordion", inputs: ["multi", "hideToggle", "displayMode", "togglePosition"], exportAs: ["matAccordion"] }, { kind: "component", type: i4.MatExpansionPanel, selector: "mat-expansion-panel", inputs: ["disabled", "expanded", "hideToggle", "togglePosition"], outputs: ["opened", "closed", "expandedChange", "afterExpand", "afterCollapse"], exportAs: ["matExpansionPanel"] }, { kind: "component", type: i4.MatExpansionPanelHeader, selector: "mat-expansion-panel-header", inputs: ["tabIndex", "expandedHeight", "collapsedHeight"] }, { kind: "component", type: MapaProgressbarComponent, selector: "mapa-progressbar", inputs: ["data", "showInterval"] }], encapsulation: i0.ViewEncapsulation.None });
|
|
511
|
+
MapaScaleParameterizationComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: MapaScaleParameterizationComponent, selector: "mapa-scale-parameterization", inputs: { data: "data", showProgressbar: "showProgressbar", showInterval: "showInterval", showDots: "showDots" }, viewQueries: [{ propertyName: "accordion", first: true, predicate: ["detailAccordion"], descendants: true }], ngImport: i0, template: "<section\n class=\"mapa-scale-parameterization\"\n *ngFor=\"let competence of data\"\n>\n <section\n class=\"mapa-scale-parameterization-scales\"\n [class.scales--full-sized]=\"!showSummarized(competence.scales[0])\"\n [class.scales--summarized]=\"showSummarized(competence.scales[0])\"\n >\n <mat-accordion\n class=\"mapa-scale-parameterization-accordion\"\n #detailAccordion=\"matAccordion\"\n multi\n >\n <mat-expansion-panel\n class=\"mapa__card mapa-scale-parameterization-details\"\n *ngFor=\"let scale of competence.scales\"\n >\n <mat-expansion-panel-header\n class=\"mapa-scale-parameterization-details__top\"\n >\n <header class=\"mapa-scale-parameterization-details__header\">\n <div\n class=\"mapa-scale-parameterization-details__header--title mapa--display-m\"\n >\n <div\n class=\"mapa-scale-parameterization-details__header--title-text\"\n >\n {{ scale.scaleName }}\n <div\n *ngIf=\"showDots\"\n class=\"mapa-scale-parameterization-details__dots\"\n >\n <mapa-capability-dot\n *ngFor=\"let item of getDimensionsAsCapability(scale).items\"\n type=\"small\"\n [item]=\"item\"\n [capability]=\"getDimensionsAsCapability(scale)\"\n [tooltip]=\"true\"\n ></mapa-capability-dot>\n </div>\n </div>\n\n <div\n *ngIf=\"scale.classification\"\n class=\"mapa__tag--bg\"\n [style.backgroundColor]=\"scale.classification.classificationColor\"\n [class.mapa__tag--contrast]=\"scale.classification.classificationId === 1\"\n >\n <span class=\"mapa__tag--text\"\n >{{ scale.classification.classificationName }}</span\n >\n </div>\n </div>\n <div\n *ngIf=\"showProgressbar\"\n class=\"scale__header--progressbar\"\n >\n <mapa-progressbar\n *ngIf=\"showProgressbar && !scale.classification?.classificationBg\"\n [data]=\"getProgressbarData(scale)\"\n ></mapa-progressbar>\n <mapa-capability-interval-bar\n *ngIf=\"scale.classification?.classificationBg\"\n [data]=\"getIntervalbarData(scale)\"\n [showInterval]=\"true\"\n reusable-interval-bar\n ></mapa-capability-interval-bar>\n </div>\n </header>\n </mat-expansion-panel-header>\n <article\n *ngIf=\"scale.scaleConcept\"\n class=\"mapa-scale-parameterization-details__concept\"\n >\n <strong>Conceito:</strong> {{ scale.scaleConcept }}\n </article>\n <section\n class=\"mapa-scale-parameterization-details__dimensions\"\n [class.dimension--full-sized]=\"!showSummarized(scale)\"\n [class.dimension--summarized]=\"showSummarized(scale)\"\n >\n <article\n *ngFor=\"let dimension of scale.dimensions\"\n class=\"mapa__card--sm dimension\"\n >\n <nav class=\"dimension__main\">\n <div class=\"dimension__title\">\n <div class=\"dimension__title--direction\">\n <span\n *ngIf=\"dimension.direction === 'Positiva'; else negativeDirection\"\n >\u2191</span\n >\n <ng-template #negativeDirection>\u2193</ng-template>\n </div>\n <div class=\"dimension__title--label\">\n {{ dimension.dimensionName }}\n </div>\n </div>\n <div class=\"dimension--classification\">\n <div\n *ngIf=\"dimension.classification\"\n class=\"mapa__tag--bg\"\n [style.backgroundColor]=\"dimension.classification.classificationColor\"\n [class.mapa__tag--contrast]=\"dimension.classification.classificationId === 1\"\n >\n <span class=\"mapa__tag--text\"\n >{{ dimension.classification.classificationName }}</span\n >\n </div>\n </div>\n </nav>\n <div\n *ngIf=\"dimension.dimensionClassificationMessage\"\n class=\"dimension__concept\"\n >\n {{ dimension.dimensionClassificationMessage }}\n </div>\n </article>\n </section>\n </mat-expansion-panel>\n </mat-accordion>\n </section>\n</section>\n", styles: [".mapa-scale-parameterization{display:flex;gap:24px;font-family:SF-Pro;width:-moz-fit-content;width:fit-content}.mapa-scale-parameterization__header{display:flex;align-items:center;color:#ea561d;font-size:32px;font-weight:400;line-height:40px;width:100%;margin-bottom:unset!important}.mapa-scale-parameterization__header img{margin-right:16px}.mapa-scale-parameterization .mapa-scale-parameterization-accordion .mat-expansion-panel:first-of-type{border-top-right-radius:8px;border-top-left-radius:8px}.mapa-scale-parameterization .mapa-scale-parameterization-accordion .mat-expansion-panel:last-of-type{border-bottom-right-radius:8px;border-bottom-left-radius:8px}.mapa-scale-parameterization .mapa-scale-parameterization-accordion .mat-expansion-panel{box-shadow:unset!important;padding:unset!important}.mapa-scale-parameterization .mapa-scale-parameterization-accordion .mat-expansion-panel-header{padding:24px;border-bottom:unset!important;width:-webkit-fill-available}.mapa-scale-parameterization .mapa-scale-parameterization-accordion .mat-expansion-panel-header .mat-content{padding-right:4px}.mapa-scale-parameterization .mapa-scale-parameterization-accordion .mat-expansion-panel-body{padding:24px!important}.mapa-scale-parameterization .mapa-scale-parameterization-accordion .mat-expansion-panel-spacing{margin:unset!important}.mapa-scale-parameterization .mapa-scale-parameterization-details{display:flex;align-items:flex-start;justify-content:flex-start;flex-direction:column;flex-wrap:wrap;gap:unset!important;width:-moz-fit-content;width:fit-content;height:-moz-fit-content;height:fit-content}.mapa-scale-parameterization .mapa-scale-parameterization-details--summarized{display:grid;gap:24px;grid-template-columns:1fr 1fr 1fr}.mapa-scale-parameterization .mapa-scale-parameterization-details--title-text{display:flex}.mapa-scale-parameterization .mapa-scale-parameterization-details__dots{display:flex;align-items:center;margin-top:16px;gap:8px}.mapa-scale-parameterization .mapa-scale-parameterization-details__header{display:flex;align-items:center;justify-content:space-between;width:100%;color:#181818;font-size:24px;font-style:normal;font-weight:500;line-height:32px;margin:20px 0}.mapa-scale-parameterization .mapa-scale-parameterization-details__header--title{display:flex;align-items:center;gap:24px}.mapa-scale-parameterization .mapa-scale-parameterization-details__concept{color:#50575e;font-size:16px;font-style:normal;font-weight:400;line-height:24px;padding-bottom:16px}.mapa-scale-parameterization .mapa-scale-parameterization-details__concept strong{color:#181818;font-size:16px;font-style:normal;font-weight:600;line-height:24px}.mapa-scale-parameterization .mapa-scale-parameterization-details__dimensions{display:flex;flex-wrap:wrap;gap:24px;width:100%;height:-moz-fit-content;height:fit-content}.mapa-scale-parameterization .mapa-scale-parameterization-details .dimension{display:flex;justify-content:flex-start;gap:24px;width:100%;height:-moz-fit-content;height:fit-content}.mapa-scale-parameterization .mapa-scale-parameterization-details .dimension__main{display:flex;justify-content:space-between;width:100%}.mapa-scale-parameterization .mapa-scale-parameterization-details .dimension--full-sized .dimension{display:flex;gap:32px;width:100%}.mapa-scale-parameterization .mapa-scale-parameterization-details .dimension--full-sized .dimension__main{width:35%}.mapa-scale-parameterization .mapa-scale-parameterization-details .dimension--full-sized .dimension__concept{width:65%}.mapa-scale-parameterization .mapa-scale-parameterization-details .dimension__title{display:flex;align-items:center;justify-content:center;color:#181818;font-size:16px;font-style:normal;font-weight:400;line-height:24px;gap:8px}.mapa-scale-parameterization .mapa-scale-parameterization-details .dimension--classification{display:flex;align-items:center;justify-content:center}.mapa-scale-parameterization .mapa-scale-parameterization-details .dimension__concept{color:#50575e;font-size:16px;font-style:normal;font-weight:400;line-height:24px}\n"], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: MapaCapabilityDotComponent, selector: "mapa-capability-dot", inputs: ["type", "item", "tooltip", "capability"] }, { kind: "component", type: MapaCapabilityIntervalBarComponent, selector: "mapa-capability-interval-bar", inputs: ["data", "expanded", "showInterval"], outputs: ["clicked"] }, { kind: "directive", type: i4.MatAccordion, selector: "mat-accordion", inputs: ["multi", "hideToggle", "displayMode", "togglePosition"], exportAs: ["matAccordion"] }, { kind: "component", type: i4.MatExpansionPanel, selector: "mat-expansion-panel", inputs: ["disabled", "expanded", "hideToggle", "togglePosition"], outputs: ["opened", "closed", "expandedChange", "afterExpand", "afterCollapse"], exportAs: ["matExpansionPanel"] }, { kind: "component", type: i4.MatExpansionPanelHeader, selector: "mat-expansion-panel-header", inputs: ["tabIndex", "expandedHeight", "collapsedHeight"] }, { kind: "component", type: MapaProgressbarComponent, selector: "mapa-progressbar", inputs: ["data", "showInterval"] }], encapsulation: i0.ViewEncapsulation.None });
|
|
512
512
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: MapaScaleParameterizationComponent, decorators: [{
|
|
513
513
|
type: Component,
|
|
514
|
-
args: [{ selector: "mapa-scale-parameterization", encapsulation: ViewEncapsulation.None, template: "<section\n class=\"mapa-scale-parameterization\"\n *ngFor=\"let competence of data\"\n>\n <section\n class=\"mapa-scale-parameterization-scales\"\n [class.scales--full-sized]=\"!showSummarized(competence.scales[0])\"\n [class.scales--summarized]=\"showSummarized(competence.scales[0])\"\n >\n <mat-accordion\n class=\"mapa-scale-parameterization-accordion\"\n #detailAccordion=\"matAccordion\"\n multi\n >\n <mat-expansion-panel\n class=\"mapa__card mapa-scale-parameterization-details\"\n *ngFor=\"let scale of competence.scales\"\n >\n <mat-expansion-panel-header\n class=\"mapa-scale-parameterization-details__top\"\n >\n <header class=\"mapa-scale-parameterization-details__header\">\n <div\n class=\"mapa-scale-parameterization-details__header--title mapa--display-m\"\n >\n <div\n class=\"mapa-scale-parameterization-details__header--title-text\"\n >\n {{ scale.scaleName }}\n <div\n *ngIf=\"showDots\"\n class=\"mapa-scale-parameterization-details__dots\"\n >\n <mapa-capability-dot\n *ngFor=\"let item of getDimensionsAsCapability(scale).items\"\n type=\"small\"\n [item]=\"item\"\n [capability]=\"getDimensionsAsCapability(scale)\"\n [tooltip]=\"true\"\n ></mapa-capability-dot>\n </div>\n </div>\n\n <div\n *ngIf=\"scale.classification\"\n class=\"mapa__tag--bg\"\n [style.backgroundColor]=\"scale.classification.classificationColor\"\n [class.mapa__tag--contrast]=\"scale.classification.classificationId === 1\"\n >\n <span class=\"mapa__tag--text\"\n >{{ scale.classification.classificationName }}</span\n >\n </div>\n </div>\n <div\n *ngIf=\"showProgressbar
|
|
514
|
+
args: [{ selector: "mapa-scale-parameterization", encapsulation: ViewEncapsulation.None, template: "<section\n class=\"mapa-scale-parameterization\"\n *ngFor=\"let competence of data\"\n>\n <section\n class=\"mapa-scale-parameterization-scales\"\n [class.scales--full-sized]=\"!showSummarized(competence.scales[0])\"\n [class.scales--summarized]=\"showSummarized(competence.scales[0])\"\n >\n <mat-accordion\n class=\"mapa-scale-parameterization-accordion\"\n #detailAccordion=\"matAccordion\"\n multi\n >\n <mat-expansion-panel\n class=\"mapa__card mapa-scale-parameterization-details\"\n *ngFor=\"let scale of competence.scales\"\n >\n <mat-expansion-panel-header\n class=\"mapa-scale-parameterization-details__top\"\n >\n <header class=\"mapa-scale-parameterization-details__header\">\n <div\n class=\"mapa-scale-parameterization-details__header--title mapa--display-m\"\n >\n <div\n class=\"mapa-scale-parameterization-details__header--title-text\"\n >\n {{ scale.scaleName }}\n <div\n *ngIf=\"showDots\"\n class=\"mapa-scale-parameterization-details__dots\"\n >\n <mapa-capability-dot\n *ngFor=\"let item of getDimensionsAsCapability(scale).items\"\n type=\"small\"\n [item]=\"item\"\n [capability]=\"getDimensionsAsCapability(scale)\"\n [tooltip]=\"true\"\n ></mapa-capability-dot>\n </div>\n </div>\n\n <div\n *ngIf=\"scale.classification\"\n class=\"mapa__tag--bg\"\n [style.backgroundColor]=\"scale.classification.classificationColor\"\n [class.mapa__tag--contrast]=\"scale.classification.classificationId === 1\"\n >\n <span class=\"mapa__tag--text\"\n >{{ scale.classification.classificationName }}</span\n >\n </div>\n </div>\n <div\n *ngIf=\"showProgressbar\"\n class=\"scale__header--progressbar\"\n >\n <mapa-progressbar\n *ngIf=\"showProgressbar && !scale.classification?.classificationBg\"\n [data]=\"getProgressbarData(scale)\"\n ></mapa-progressbar>\n <mapa-capability-interval-bar\n *ngIf=\"scale.classification?.classificationBg\"\n [data]=\"getIntervalbarData(scale)\"\n [showInterval]=\"true\"\n reusable-interval-bar\n ></mapa-capability-interval-bar>\n </div>\n </header>\n </mat-expansion-panel-header>\n <article\n *ngIf=\"scale.scaleConcept\"\n class=\"mapa-scale-parameterization-details__concept\"\n >\n <strong>Conceito:</strong> {{ scale.scaleConcept }}\n </article>\n <section\n class=\"mapa-scale-parameterization-details__dimensions\"\n [class.dimension--full-sized]=\"!showSummarized(scale)\"\n [class.dimension--summarized]=\"showSummarized(scale)\"\n >\n <article\n *ngFor=\"let dimension of scale.dimensions\"\n class=\"mapa__card--sm dimension\"\n >\n <nav class=\"dimension__main\">\n <div class=\"dimension__title\">\n <div class=\"dimension__title--direction\">\n <span\n *ngIf=\"dimension.direction === 'Positiva'; else negativeDirection\"\n >\u2191</span\n >\n <ng-template #negativeDirection>\u2193</ng-template>\n </div>\n <div class=\"dimension__title--label\">\n {{ dimension.dimensionName }}\n </div>\n </div>\n <div class=\"dimension--classification\">\n <div\n *ngIf=\"dimension.classification\"\n class=\"mapa__tag--bg\"\n [style.backgroundColor]=\"dimension.classification.classificationColor\"\n [class.mapa__tag--contrast]=\"dimension.classification.classificationId === 1\"\n >\n <span class=\"mapa__tag--text\"\n >{{ dimension.classification.classificationName }}</span\n >\n </div>\n </div>\n </nav>\n <div\n *ngIf=\"dimension.dimensionClassificationMessage\"\n class=\"dimension__concept\"\n >\n {{ dimension.dimensionClassificationMessage }}\n </div>\n </article>\n </section>\n </mat-expansion-panel>\n </mat-accordion>\n </section>\n</section>\n", styles: [".mapa-scale-parameterization{display:flex;gap:24px;font-family:SF-Pro;width:-moz-fit-content;width:fit-content}.mapa-scale-parameterization__header{display:flex;align-items:center;color:#ea561d;font-size:32px;font-weight:400;line-height:40px;width:100%;margin-bottom:unset!important}.mapa-scale-parameterization__header img{margin-right:16px}.mapa-scale-parameterization .mapa-scale-parameterization-accordion .mat-expansion-panel:first-of-type{border-top-right-radius:8px;border-top-left-radius:8px}.mapa-scale-parameterization .mapa-scale-parameterization-accordion .mat-expansion-panel:last-of-type{border-bottom-right-radius:8px;border-bottom-left-radius:8px}.mapa-scale-parameterization .mapa-scale-parameterization-accordion .mat-expansion-panel{box-shadow:unset!important;padding:unset!important}.mapa-scale-parameterization .mapa-scale-parameterization-accordion .mat-expansion-panel-header{padding:24px;border-bottom:unset!important;width:-webkit-fill-available}.mapa-scale-parameterization .mapa-scale-parameterization-accordion .mat-expansion-panel-header .mat-content{padding-right:4px}.mapa-scale-parameterization .mapa-scale-parameterization-accordion .mat-expansion-panel-body{padding:24px!important}.mapa-scale-parameterization .mapa-scale-parameterization-accordion .mat-expansion-panel-spacing{margin:unset!important}.mapa-scale-parameterization .mapa-scale-parameterization-details{display:flex;align-items:flex-start;justify-content:flex-start;flex-direction:column;flex-wrap:wrap;gap:unset!important;width:-moz-fit-content;width:fit-content;height:-moz-fit-content;height:fit-content}.mapa-scale-parameterization .mapa-scale-parameterization-details--summarized{display:grid;gap:24px;grid-template-columns:1fr 1fr 1fr}.mapa-scale-parameterization .mapa-scale-parameterization-details--title-text{display:flex}.mapa-scale-parameterization .mapa-scale-parameterization-details__dots{display:flex;align-items:center;margin-top:16px;gap:8px}.mapa-scale-parameterization .mapa-scale-parameterization-details__header{display:flex;align-items:center;justify-content:space-between;width:100%;color:#181818;font-size:24px;font-style:normal;font-weight:500;line-height:32px;margin:20px 0}.mapa-scale-parameterization .mapa-scale-parameterization-details__header--title{display:flex;align-items:center;gap:24px}.mapa-scale-parameterization .mapa-scale-parameterization-details__concept{color:#50575e;font-size:16px;font-style:normal;font-weight:400;line-height:24px;padding-bottom:16px}.mapa-scale-parameterization .mapa-scale-parameterization-details__concept strong{color:#181818;font-size:16px;font-style:normal;font-weight:600;line-height:24px}.mapa-scale-parameterization .mapa-scale-parameterization-details__dimensions{display:flex;flex-wrap:wrap;gap:24px;width:100%;height:-moz-fit-content;height:fit-content}.mapa-scale-parameterization .mapa-scale-parameterization-details .dimension{display:flex;justify-content:flex-start;gap:24px;width:100%;height:-moz-fit-content;height:fit-content}.mapa-scale-parameterization .mapa-scale-parameterization-details .dimension__main{display:flex;justify-content:space-between;width:100%}.mapa-scale-parameterization .mapa-scale-parameterization-details .dimension--full-sized .dimension{display:flex;gap:32px;width:100%}.mapa-scale-parameterization .mapa-scale-parameterization-details .dimension--full-sized .dimension__main{width:35%}.mapa-scale-parameterization .mapa-scale-parameterization-details .dimension--full-sized .dimension__concept{width:65%}.mapa-scale-parameterization .mapa-scale-parameterization-details .dimension__title{display:flex;align-items:center;justify-content:center;color:#181818;font-size:16px;font-style:normal;font-weight:400;line-height:24px;gap:8px}.mapa-scale-parameterization .mapa-scale-parameterization-details .dimension--classification{display:flex;align-items:center;justify-content:center}.mapa-scale-parameterization .mapa-scale-parameterization-details .dimension__concept{color:#50575e;font-size:16px;font-style:normal;font-weight:400;line-height:24px}\n"] }]
|
|
515
515
|
}], propDecorators: { data: [{
|
|
516
516
|
type: Input
|
|
517
517
|
}], showProgressbar: [{
|