mapa-library-ui 0.48.0 → 0.49.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/esm2020/src/lib/components/capability/lib/components/capability/src/capability-interval/capability-interval.component.mjs +13 -13
- package/esm2020/src/lib/components/capability/lib/components/capability/src/capability-interval-bar/capability-interval-bar.component.mjs +2 -2
- package/esm2020/src/lib/components/group-report/lib/components/capability/src/capability-interval/capability-interval.component.mjs +13 -13
- package/esm2020/src/lib/components/group-report/lib/components/capability/src/capability-interval-bar/capability-interval-bar.component.mjs +2 -2
- package/esm2020/src/lib/components/scale/lib/components/capability/src/capability-interval/capability-interval.component.mjs +13 -13
- package/esm2020/src/lib/components/scale/lib/components/capability/src/capability-interval-bar/capability-interval-bar.component.mjs +2 -2
- package/esm2020/src/lib/components/scale-parameterization/lib/components/capability/src/capability-interval/capability-interval.component.mjs +13 -13
- package/esm2020/src/lib/components/scale-parameterization/lib/components/capability/src/capability-interval-bar/capability-interval-bar.component.mjs +2 -2
- 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-capability.mjs +14 -14
- package/fesm2015/mapa-library-ui-src-lib-components-capability.mjs.map +1 -1
- package/fesm2015/mapa-library-ui-src-lib-components-scale-parameterization.mjs +16 -16
- package/fesm2015/mapa-library-ui-src-lib-components-scale-parameterization.mjs.map +1 -1
- package/fesm2015/mapa-library-ui-src-lib-components-scale.mjs +14 -14
- package/fesm2015/mapa-library-ui-src-lib-components-scale.mjs.map +1 -1
- package/fesm2020/mapa-library-ui-src-lib-components-capability.mjs +14 -14
- package/fesm2020/mapa-library-ui-src-lib-components-capability.mjs.map +1 -1
- package/fesm2020/mapa-library-ui-src-lib-components-scale-parameterization.mjs +16 -16
- package/fesm2020/mapa-library-ui-src-lib-components-scale-parameterization.mjs.map +1 -1
- package/fesm2020/mapa-library-ui-src-lib-components-scale.mjs +14 -14
- package/fesm2020/mapa-library-ui-src-lib-components-scale.mjs.map +1 -1
- package/mapa-library-ui-0.49.0.tgz +0 -0
- package/package.json +1 -1
- package/mapa-library-ui-0.48.0.tgz +0 -0
|
@@ -310,16 +310,16 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
|
|
|
310
310
|
class MapaCapabilityIntervalComponent {
|
|
311
311
|
constructor() {
|
|
312
312
|
this.SVG = [
|
|
313
|
-
{ x: 0, y: 0.710938, width:
|
|
314
|
-
{ x: 22.5039, y: 0.710938, width:
|
|
315
|
-
{ x: 45.0078, y: 0.710938, width:
|
|
316
|
-
{ x: 66.9629, y: 0.710938, width:
|
|
317
|
-
{ x: 88.917, y: 0.710938, width:
|
|
318
|
-
{ x: 110.872, y: 0.710938, width:
|
|
319
|
-
{ x: 132.827, y: 0.710938, width:
|
|
320
|
-
{ x: 154.782, y: 0.710938, width:
|
|
321
|
-
{ x: 176.736, y: 0.710938, width:
|
|
322
|
-
{ x: 199.24, y: 0.710938, width:
|
|
313
|
+
{ x: 0, y: 0.710938, width: 16, height: 30 },
|
|
314
|
+
{ x: 22.5039, y: 0.710938, width: 16, height: 30 },
|
|
315
|
+
{ x: 45.0078, y: 0.710938, width: 16, height: 30 },
|
|
316
|
+
{ x: 66.9629, y: 0.710938, width: 16, height: 30 },
|
|
317
|
+
{ x: 88.917, y: 0.710938, width: 16, height: 30 },
|
|
318
|
+
{ x: 110.872, y: 0.710938, width: 16, height: 30 },
|
|
319
|
+
{ x: 132.827, y: 0.710938, width: 16, height: 30 },
|
|
320
|
+
{ x: 154.782, y: 0.710938, width: 16, height: 30 },
|
|
321
|
+
{ x: 176.736, y: 0.710938, width: 16, height: 30 },
|
|
322
|
+
{ x: 199.24, y: 0.710938, width: 16, height: 30 },
|
|
323
323
|
];
|
|
324
324
|
this.hasTransform = false;
|
|
325
325
|
this.indexTransform = 0;
|
|
@@ -374,10 +374,10 @@ class MapaCapabilityIntervalComponent {
|
|
|
374
374
|
}
|
|
375
375
|
}
|
|
376
376
|
MapaCapabilityIntervalComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: MapaCapabilityIntervalComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
377
|
-
MapaCapabilityIntervalComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: MapaCapabilityIntervalComponent, selector: "mapa-capability-interval", inputs: { data: "data", showInterval: "showInterval" }, usesOnChanges: true, ngImport: i0, template: "<ul class=\"capability__interval\" *ngIf=\"isSVG(); else progressBar\">\n <li\n class=\"capability__interval--item\"\n *ngFor=\"let block of SVG; let i = index\"\n >\n <svg\n xmlns=\"http://www.w3.org/2000/svg\"\n width=\"
|
|
377
|
+
MapaCapabilityIntervalComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: MapaCapabilityIntervalComponent, selector: "mapa-capability-interval", inputs: { data: "data", showInterval: "showInterval" }, usesOnChanges: true, ngImport: i0, template: "<ul class=\"capability__interval\" *ngIf=\"isSVG(); else progressBar\">\n <li\n class=\"capability__interval--item\"\n *ngFor=\"let block of SVG; let i = index\"\n >\n <svg\n xmlns=\"http://www.w3.org/2000/svg\"\n width=\"16\"\n height=\"30\"\n fill=\"none\"\n [class]=\"'svg_' + i + '_' + getWidth(i)\"\n >\n <defs *ngIf=\"hasTransform && i === indexTransform\">\n <linearGradient [attr.id]=\"paintLinear\" gradientUnits=\"userSpaceOnUse\">\n <stop [attr.offset]=\"getStartOffset()\" stop-color=\"#8C8F94\" />\n <stop [attr.offset]=\"getStopOffset()\" stop-color=\"#D9D9D9\" />\n </linearGradient>\n </defs>\n <rect\n rx=\"6\"\n x=\"0\"\n y=\"0.710938\"\n [attr.width]=\"SVG[i].width\"\n [attr.height]=\"SVG[i].height\"\n [attr.fill]=\"getFill(i)\"\n />\n <rect\n *ngIf=\"hasTransform && i === indexTransform\"\n rx=\"6\"\n x=\"0\"\n y=\"0.710938\"\n [attr.width]=\"SVG[i].width\"\n [attr.height]=\"SVG[i].height\"\n [attr.fill]=\"getFillGradient()\"\n />\n </svg>\n </li>\n <li class=\"capability__interval--interval\" *ngIf=\"showInterval\">\n {{ data.interval }}%\n </li>\n</ul>\n<ng-template #progressBar>\n <div class=\"capability__progress-bar\">\n <div class=\"capability__progress-bar--bg\">\n <div\n class=\"capability__progress-bar--filled\"\n [style.width.%]=\"data.interval\"\n ></div>\n </div>\n <div class=\"capability__interval--result\" *ngIf=\"showInterval\">\n {{data.interval}}%\n </div>\n </div>\n</ng-template>\n", styles: [".capability__interval{font-family:SF-Pro;font-size:38px;font-style:normal;font-weight:500;display:flex;align-items:center;list-style-type:none;margin-block-start:0px;margin-block-end:0px;padding-inline-start:0px}.capability__interval--interval{display:flex;align-items:flex-start;text-align:right;font-size:24px;font-style:normal;font-weight:500;height:36px;padding-left:16px}.capability__interval--item{border-radius:6px;margin-right:2px;width:18px;height:34px;position:relative}.capability__interval--item:last-of-type{margin-right:0}.capability__interval--percentage{background-color:#d9d9d9;height:34.57px}.capability__progress-bar{display:flex;align-items:center;justify-content:space-between;color:#2e2a2a;font-size:18px;font-style:normal;font-weight:400;width:310px}.capability__progress-bar--bg{position:relative;background-color:#eee;border-radius:6px;height:8px;width:247px}.capability__progress-bar--filled{position:absolute;top:0;left:0;background-color:#ea561d;border-radius:6px;height:8px}\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"] }] });
|
|
378
378
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: MapaCapabilityIntervalComponent, decorators: [{
|
|
379
379
|
type: Component,
|
|
380
|
-
args: [{ selector: "mapa-capability-interval", template: "<ul class=\"capability__interval\" *ngIf=\"isSVG(); else progressBar\">\n <li\n class=\"capability__interval--item\"\n *ngFor=\"let block of SVG; let i = index\"\n >\n <svg\n xmlns=\"http://www.w3.org/2000/svg\"\n width=\"
|
|
380
|
+
args: [{ selector: "mapa-capability-interval", template: "<ul class=\"capability__interval\" *ngIf=\"isSVG(); else progressBar\">\n <li\n class=\"capability__interval--item\"\n *ngFor=\"let block of SVG; let i = index\"\n >\n <svg\n xmlns=\"http://www.w3.org/2000/svg\"\n width=\"16\"\n height=\"30\"\n fill=\"none\"\n [class]=\"'svg_' + i + '_' + getWidth(i)\"\n >\n <defs *ngIf=\"hasTransform && i === indexTransform\">\n <linearGradient [attr.id]=\"paintLinear\" gradientUnits=\"userSpaceOnUse\">\n <stop [attr.offset]=\"getStartOffset()\" stop-color=\"#8C8F94\" />\n <stop [attr.offset]=\"getStopOffset()\" stop-color=\"#D9D9D9\" />\n </linearGradient>\n </defs>\n <rect\n rx=\"6\"\n x=\"0\"\n y=\"0.710938\"\n [attr.width]=\"SVG[i].width\"\n [attr.height]=\"SVG[i].height\"\n [attr.fill]=\"getFill(i)\"\n />\n <rect\n *ngIf=\"hasTransform && i === indexTransform\"\n rx=\"6\"\n x=\"0\"\n y=\"0.710938\"\n [attr.width]=\"SVG[i].width\"\n [attr.height]=\"SVG[i].height\"\n [attr.fill]=\"getFillGradient()\"\n />\n </svg>\n </li>\n <li class=\"capability__interval--interval\" *ngIf=\"showInterval\">\n {{ data.interval }}%\n </li>\n</ul>\n<ng-template #progressBar>\n <div class=\"capability__progress-bar\">\n <div class=\"capability__progress-bar--bg\">\n <div\n class=\"capability__progress-bar--filled\"\n [style.width.%]=\"data.interval\"\n ></div>\n </div>\n <div class=\"capability__interval--result\" *ngIf=\"showInterval\">\n {{data.interval}}%\n </div>\n </div>\n</ng-template>\n", styles: [".capability__interval{font-family:SF-Pro;font-size:38px;font-style:normal;font-weight:500;display:flex;align-items:center;list-style-type:none;margin-block-start:0px;margin-block-end:0px;padding-inline-start:0px}.capability__interval--interval{display:flex;align-items:flex-start;text-align:right;font-size:24px;font-style:normal;font-weight:500;height:36px;padding-left:16px}.capability__interval--item{border-radius:6px;margin-right:2px;width:18px;height:34px;position:relative}.capability__interval--item:last-of-type{margin-right:0}.capability__interval--percentage{background-color:#d9d9d9;height:34.57px}.capability__progress-bar{display:flex;align-items:center;justify-content:space-between;color:#2e2a2a;font-size:18px;font-style:normal;font-weight:400;width:310px}.capability__progress-bar--bg{position:relative;background-color:#eee;border-radius:6px;height:8px;width:247px}.capability__progress-bar--filled{position:absolute;top:0;left:0;background-color:#ea561d;border-radius:6px;height:8px}\n"] }]
|
|
381
381
|
}], ctorParameters: function () { return []; }, propDecorators: { data: [{
|
|
382
382
|
type: Input
|
|
383
383
|
}], showInterval: [{
|
|
@@ -398,10 +398,10 @@ class MapaCapabilityIntervalBarComponent {
|
|
|
398
398
|
}
|
|
399
399
|
}
|
|
400
400
|
MapaCapabilityIntervalBarComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: MapaCapabilityIntervalBarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
401
|
-
MapaCapabilityIntervalBarComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: MapaCapabilityIntervalBarComponent, selector: "mapa-capability-interval-bar", inputs: { data: "data", expanded: "expanded", showInterval: "showInterval" }, outputs: { clicked: "clicked" }, ngImport: i0, template: "<section reusable-outlet class=\"capability-interval\">\n <section [class.capability-interval__bar]=\"isSVG()\">\n <mapa-capability-interval\n [data]=\"data\"\n [showInterval]=\"showInterval\"\n ></mapa-capability-interval>\n </section>\n</section>\n", styles: [".capability-interval{display:flex;align-items:center;position:relative;height:72px;
|
|
401
|
+
MapaCapabilityIntervalBarComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: MapaCapabilityIntervalBarComponent, selector: "mapa-capability-interval-bar", inputs: { data: "data", expanded: "expanded", showInterval: "showInterval" }, outputs: { clicked: "clicked" }, ngImport: i0, template: "<section reusable-outlet class=\"capability-interval\">\n <section [class.capability-interval__bar]=\"isSVG()\">\n <mapa-capability-interval\n [data]=\"data\"\n [showInterval]=\"showInterval\"\n ></mapa-capability-interval>\n </section>\n</section>\n", styles: [".capability-interval{display:flex;align-items:center;position:relative;height:72px;margin-right:16px}.capability-interval__bar{display:flex;align-items:center;justify-content:center;max-height:72px;height:100%}.capability-interval__show-more{display:flex;align-items:center;justify-content:flex-end;max-height:72px;height:100%;width:100%}.capability-interval__show-more mapa-button,.capability-interval__show-more button{width:100%;justify-content:flex-end!important}.capability-interval--hide{opacity:0;max-height:0}.capability-interval--hide>*{opacity:0;max-height:0}.capability-interval--show{opacity:1;max-height:72px}\n"], dependencies: [{ kind: "component", type: MapaCapabilityIntervalComponent, selector: "mapa-capability-interval", inputs: ["data", "showInterval"] }], encapsulation: i0.ViewEncapsulation.None });
|
|
402
402
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: MapaCapabilityIntervalBarComponent, decorators: [{
|
|
403
403
|
type: Component,
|
|
404
|
-
args: [{ selector: "mapa-capability-interval-bar", encapsulation: ViewEncapsulation.None, template: "<section reusable-outlet class=\"capability-interval\">\n <section [class.capability-interval__bar]=\"isSVG()\">\n <mapa-capability-interval\n [data]=\"data\"\n [showInterval]=\"showInterval\"\n ></mapa-capability-interval>\n </section>\n</section>\n", styles: [".capability-interval{display:flex;align-items:center;position:relative;height:72px;
|
|
404
|
+
args: [{ selector: "mapa-capability-interval-bar", encapsulation: ViewEncapsulation.None, template: "<section reusable-outlet class=\"capability-interval\">\n <section [class.capability-interval__bar]=\"isSVG()\">\n <mapa-capability-interval\n [data]=\"data\"\n [showInterval]=\"showInterval\"\n ></mapa-capability-interval>\n </section>\n</section>\n", styles: [".capability-interval{display:flex;align-items:center;position:relative;height:72px;margin-right:16px}.capability-interval__bar{display:flex;align-items:center;justify-content:center;max-height:72px;height:100%}.capability-interval__show-more{display:flex;align-items:center;justify-content:flex-end;max-height:72px;height:100%;width:100%}.capability-interval__show-more mapa-button,.capability-interval__show-more button{width:100%;justify-content:flex-end!important}.capability-interval--hide{opacity:0;max-height:0}.capability-interval--hide>*{opacity:0;max-height:0}.capability-interval--show{opacity:1;max-height:72px}\n"] }]
|
|
405
405
|
}], ctorParameters: function () { return []; }, propDecorators: { data: [{
|
|
406
406
|
type: Input
|
|
407
407
|
}], expanded: [{
|
|
@@ -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__card mapa-scale-parameterization\"\n *ngFor=\"let competence of data\"\n>\n <header class=\"mapa-scale-parameterization__header\">\n <img [src]=\"getCompetenceImg(competence)\" />\n {{ competence.competenceName }}\n </header>\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}.mapa-scale-parameterization .mapa-scale-parameterization-accordion .mat-expansion-panel-header{padding:unset!important;border-bottom:unset!important}.mapa-scale-parameterization .mapa-scale-parameterization-accordion .mat-expansion-panel-body{padding:24px 0!important}.mapa-scale-parameterization .mapa-scale-parameterization-accordion .mat-expansion-indicator{margin-left:16px}.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__top{border-bottom:2px solid #8c8f94;width:100%}.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 && 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 });
|
|
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=\"
|
|
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 && 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"] }]
|
|
515
515
|
}], propDecorators: { data: [{
|
|
516
516
|
type: Input
|
|
517
517
|
}], showProgressbar: [{
|