mapa-library-ui 0.45.0 → 0.47.0

package/fesm2020/mapa-library-ui-src-lib-components-scale.mjs

@@ -1,7 +1,125 @@
 import * as i0 from '@angular/core';
-import { Component, Input, NgModule } from '@angular/core';
+import { Component, Input, EventEmitter, ViewEncapsulation, Output, NgModule } from '@angular/core';
 import * as i1 from '@angular/common';
 import { CommonModule } from '@angular/common';
+import { Md5 } from 'ts-md5';
+import { MatButtonModule } from '@angular/material/button';
+import * as i1$1 from '@angular/material/icon';
+import { MatIconModule } from '@angular/material/icon';
+import * as i2 from '@angular/platform-browser';
+import * as i2$1 from 'mapa-library-ui/src/lib/components/button';
+import { MapaButtonModule as MapaButtonModule$1 } from 'mapa-library-ui/src/lib/components/button';
+import * as i3 from 'mapa-library-ui/src/lib/components/checkbox';
+import { MapaCheckboxModule } from 'mapa-library-ui/src/lib/components/checkbox';
+import * as i4 from 'mapa-library-ui/src/lib/components/dropdown';
+import { MapaDropdownModule } from 'mapa-library-ui/src/lib/components/dropdown';
+import * as i5 from 'mapa-library-ui/src/lib/components/input';
+import { MapaInputModule } from 'mapa-library-ui/src/lib/components/input';
+
+class MapaCapabilityIntervalComponent {
+    constructor() {
+        this.SVG = [
+            { x: 0, y: 0.710938, width: 19.7594, height: 34.5789 },
+            { x: 22.5039, y: 0.710938, width: 19.7594, height: 34.5789 },
+            { x: 45.0078, y: 0.710938, width: 19.2105, height: 34.5789 },
+            { x: 66.9629, y: 0.710938, width: 19.2105, height: 34.5789 },
+            { x: 88.917, y: 0.710938, width: 19.2105, height: 34.5789 },
+            { x: 110.872, y: 0.710938, width: 19.2105, height: 34.5789 },
+            { x: 132.827, y: 0.710938, width: 19.2105, height: 34.5789 },
+            { x: 154.782, y: 0.710938, width: 19.2105, height: 34.5789 },
+            { x: 176.736, y: 0.710938, width: 19.7594, height: 34.5789 },
+            { x: 199.24, y: 0.710938, width: 19.7594, height: 34.5789 },
+        ];
+        this.hasTransform = false;
+        this.indexTransform = 0;
+    }
+    ngOnChanges(changes) {
+        const interval = this.data.interval || 0;
+        this.hasTransform = interval % 10 > 0;
+        this.indexTransform = (Math.floor(interval / 10) % 10);
+        this.paintLinear = `linear_${Md5.hashStr(`svg_${interval}`)}`;
+    }
+    ngOnInit() {
+    }
+    getWidth(index) {
+        if (!this.data)
+            return 0;
+        const interval = this.data.interval || 0;
+        const intervalMod10 = Math.floor(interval / 10) % 10;
+        return index < intervalMod10
+            ? 100
+            : index === intervalMod10
+                ? (interval % 10) * 10
+                : 0;
+    }
+    getFill(i) {
+        const width = this.getWidth(i);
+        if (width === 100)
+            return "#8C8F94";
+        return "#DCDCDE";
+    }
+    getFillGradient() {
+        return `url(#${this.paintLinear})`;
+    }
+    getTransform(i) {
+        const width = this.getWidth(i);
+        if (width === 0 || width === 100)
+            return "";
+        return `rotate(-180 ${this.SVG[i].x} ${this.SVG[i].y})`;
+    }
+    getStartOffset() {
+        const interval = this.data.interval || 0;
+        return Number(`0.${interval % 10}73005`);
+    }
+    getStopOffset() {
+        const interval = this.data.interval || 0;
+        return Number(`0.${interval % 10}73105`);
+    }
+    getGradientX() {
+        return Math.floor(this.SVG[this.indexTransform].x);
+    }
+    isSVG() {
+        return !!this.data.classificationBg && this.data.classificationBg === "SVG";
+    }
+}
+MapaCapabilityIntervalComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: MapaCapabilityIntervalComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+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=\"19.7594\"\n      height=\"34.5789\"\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 display-XG\" *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{margin:0 0 0 8px;text-align:right;width:56px}.capability__interval--item{border-radius:6px;margin-right:2px;width:21px;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"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: MapaCapabilityIntervalComponent, decorators: [{
+            type: Component,
+            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=\"19.7594\"\n      height=\"34.5789\"\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 display-XG\" *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{margin:0 0 0 8px;text-align:right;width:56px}.capability__interval--item{border-radius:6px;margin-right:2px;width:21px;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"] }]
+        }], ctorParameters: function () { return []; }, propDecorators: { data: [{
+                type: Input
+            }], showInterval: [{
+                type: Input
+            }] } });
+
+class MapaCapabilityIntervalBarComponent {
+    constructor() {
+        this.clicked = new EventEmitter();
+        this.isHovering = false;
+        this.isClicked = false;
+        this.clicked.subscribe((res) => {
+            this.isClicked = !this.isClicked;
+        });
+    }
+    isSVG() {
+        return !!this.data.classificationBg && this.data.classificationBg === "SVG";
+    }
+}
+MapaCapabilityIntervalBarComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: MapaCapabilityIntervalBarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+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;width:327px}.capability-interval__bar{border:1px solid #DCDCDE;border-radius:16px;display:flex;align-items:center;justify-content:center;padding:0 16px;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 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: MapaCapabilityIntervalBarComponent, decorators: [{
+            type: Component,
+            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;width:327px}.capability-interval__bar{border:1px solid #DCDCDE;border-radius:16px;display:flex;align-items:center;justify-content:center;padding:0 16px;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"] }]
+        }], ctorParameters: function () { return []; }, propDecorators: { data: [{
+                type: Input
+            }], expanded: [{
+                type: Input
+            }], showInterval: [{
+                type: Input
+            }], clicked: [{
+                type: Output
+            }] } });
 
 class MapaProgressbarComponent {
     constructor() {
@@ -29,6 +147,13 @@ class MapaScaleComponent {
             classification: scale.classification,
         };
     }
+    getIntervalbarData(scale) {
+        return {
+            interval: scale.interval,
+            classificationBg: scale.classification?.classificationBg,
+            items: scale.dimensions,
+        };
+    }
     isPositive(dimension) {
         return dimension.direction === "Positiva";
     }
@@ -56,10 +181,10 @@ class MapaScaleComponent {
     }
 }
 MapaScaleComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: MapaScaleComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-MapaScaleComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: MapaScaleComponent, selector: "mapa-scale", inputs: { data: "data", showProgressbar: "showProgressbar" }, ngImport: i0, template: "<section class=\"mapa__card competence\" *ngFor=\"let competence of data\">\n  <header class=\"competence__header\">\n    <img [src]=\"getCompetenceImg(competence)\" />\n    {{ competence.competenceName }}\n  </header>\n  <section\n    class=\"scales\"\n    [class.scales--full-sized]=\"!showSummarized(competence.scales[0])\"\n    [class.scales--summarized]=\"showSummarized(competence.scales[0])\"\n  >\n    <section\n      class=\"mapa__card scale-details\"\n      *ngFor=\"let scale of competence.scales\"\n    >\n      <section class=\"scale-details__top\">\n        <header class=\"scale-details__header\">\n          <div class=\"scale-details__header--title mapa--display-m\">\n            {{ scale.scaleName }}\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              [data]=\"getProgressbarData(scale)\"\n            ></mapa-progressbar>\n          </div>\n        </header>\n        <article *ngIf=\"scale.scaleConcept\" class=\"scale-details__concept\">\n          <strong>Conceito:</strong> {{ scale.scaleConcept }}\n        </article>\n      </section>\n      <section\n        class=\"scale-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    </section>\n  </section>\n</section>\n", styles: [".competence{display:flex;gap:24px;font-family:SF-Pro;width:-moz-fit-content;width:fit-content}.competence__header{display:flex;align-items:center;color:#ea561d;font-size:32px;font-weight:400;line-height:40px;width:100%}.competence__header img{margin-right:16px}.competence .scales--summarized{display:grid;gap:24px;grid-template-columns:1fr 1fr 1fr}.competence .scale-details{display:flex;align-items:flex-start;justify-content:flex-start;flex-direction:column;flex-wrap:wrap;gap:16px;width:-moz-fit-content;width:fit-content;height:-moz-fit-content;height:fit-content}.competence .scale-details__top{border-bottom:2px solid #8c8f94;width:100%}.competence .scale-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-bottom:20px}.competence .scale-details__header--title{display:flex;align-items:center;gap:24px}.competence .scale-details__concept{color:#50575e;font-size:16px;font-style:normal;font-weight:400;line-height:24px;padding-bottom:16px}.competence .scale-details__concept strong{color:#181818;font-size:16px;font-style:normal;font-weight:600;line-height:24px}.competence .scale-details__dimensions{display:flex;flex-wrap:wrap;gap:24px;width:100%;height:-moz-fit-content;height:fit-content}.competence .scale-details .dimension{display:flex;justify-content:flex-start;gap:24px;width:100%;height:-moz-fit-content;height:fit-content}.competence .scale-details .dimension__main{display:flex;justify-content:space-between;width:100%}.competence .scale-details .dimension--full-sized .dimension{display:flex;gap:32px;width:100%}.competence .scale-details .dimension--full-sized .dimension__main{width:35%}.competence .scale-details .dimension--full-sized .dimension__concept{width:65%}.competence .scale-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}.competence .scale-details .dimension--classification{display:flex;align-items:center;justify-content:center}.competence .scale-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: MapaProgressbarComponent, selector: "mapa-progressbar", inputs: ["data", "showInterval"] }] });
+MapaScaleComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: MapaScaleComponent, selector: "mapa-scale", inputs: { data: "data", showProgressbar: "showProgressbar" }, ngImport: i0, template: "<section class=\"mapa__card competence\" *ngFor=\"let competence of data\">\n  <header class=\"competence__header\">\n    <img [src]=\"getCompetenceImg(competence)\" />\n    {{ competence.competenceName }}\n  </header>\n  <section\n    class=\"scales\"\n    [class.scales--full-sized]=\"!showSummarized(competence.scales[0])\"\n    [class.scales--summarized]=\"showSummarized(competence.scales[0])\"\n  >\n    <section\n      class=\"mapa__card scale-details\"\n      *ngFor=\"let scale of competence.scales\"\n    >\n      <section class=\"scale-details__top\">\n        <header class=\"scale-details__header\">\n          <div class=\"scale-details__header--title mapa--display-m\">\n            {{ scale.scaleName }}\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        <article *ngIf=\"scale.scaleConcept\" class=\"scale-details__concept\">\n          <strong>Conceito:</strong> {{ scale.scaleConcept }}\n        </article>\n      </section>\n      <section\n        class=\"scale-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    </section>\n  </section>\n</section>\n", styles: [".competence{display:flex;gap:24px;font-family:SF-Pro;width:-moz-fit-content;width:fit-content}.competence__header{display:flex;align-items:center;color:#ea561d;font-size:32px;font-weight:400;line-height:40px;width:100%}.competence__header img{margin-right:16px}.competence .scales--summarized{display:grid;gap:24px;grid-template-columns:1fr 1fr 1fr}.competence .scale-details{display:flex;align-items:flex-start;justify-content:flex-start;flex-direction:column;flex-wrap:wrap;gap:16px;width:-moz-fit-content;width:fit-content;height:-moz-fit-content;height:fit-content}.competence .scale-details__top{border-bottom:2px solid #8c8f94;width:100%}.competence .scale-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-bottom:20px}.competence .scale-details__header--title{display:flex;align-items:center;gap:24px}.competence .scale-details__concept{color:#50575e;font-size:16px;font-style:normal;font-weight:400;line-height:24px;padding-bottom:16px}.competence .scale-details__concept strong{color:#181818;font-size:16px;font-style:normal;font-weight:600;line-height:24px}.competence .scale-details__dimensions{display:flex;flex-wrap:wrap;gap:24px;width:100%;height:-moz-fit-content;height:fit-content}.competence .scale-details .dimension{display:flex;justify-content:flex-start;gap:24px;width:100%;height:-moz-fit-content;height:fit-content}.competence .scale-details .dimension__main{display:flex;justify-content:space-between;width:100%}.competence .scale-details .dimension--full-sized .dimension{display:flex;gap:32px;width:100%}.competence .scale-details .dimension--full-sized .dimension__main{width:35%}.competence .scale-details .dimension--full-sized .dimension__concept{width:65%}.competence .scale-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}.competence .scale-details .dimension--classification{display:flex;align-items:center;justify-content:center}.competence .scale-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: MapaCapabilityIntervalBarComponent, selector: "mapa-capability-interval-bar", inputs: ["data", "expanded", "showInterval"], outputs: ["clicked"] }, { kind: "component", type: MapaProgressbarComponent, selector: "mapa-progressbar", inputs: ["data", "showInterval"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: MapaScaleComponent, decorators: [{
             type: Component,
-            args: [{ selector: "mapa-scale", template: "<section class=\"mapa__card competence\" *ngFor=\"let competence of data\">\n  <header class=\"competence__header\">\n    <img [src]=\"getCompetenceImg(competence)\" />\n    {{ competence.competenceName }}\n  </header>\n  <section\n    class=\"scales\"\n    [class.scales--full-sized]=\"!showSummarized(competence.scales[0])\"\n    [class.scales--summarized]=\"showSummarized(competence.scales[0])\"\n  >\n    <section\n      class=\"mapa__card scale-details\"\n      *ngFor=\"let scale of competence.scales\"\n    >\n      <section class=\"scale-details__top\">\n        <header class=\"scale-details__header\">\n          <div class=\"scale-details__header--title mapa--display-m\">\n            {{ scale.scaleName }}\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              [data]=\"getProgressbarData(scale)\"\n            ></mapa-progressbar>\n          </div>\n        </header>\n        <article *ngIf=\"scale.scaleConcept\" class=\"scale-details__concept\">\n          <strong>Conceito:</strong> {{ scale.scaleConcept }}\n        </article>\n      </section>\n      <section\n        class=\"scale-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    </section>\n  </section>\n</section>\n", styles: [".competence{display:flex;gap:24px;font-family:SF-Pro;width:-moz-fit-content;width:fit-content}.competence__header{display:flex;align-items:center;color:#ea561d;font-size:32px;font-weight:400;line-height:40px;width:100%}.competence__header img{margin-right:16px}.competence .scales--summarized{display:grid;gap:24px;grid-template-columns:1fr 1fr 1fr}.competence .scale-details{display:flex;align-items:flex-start;justify-content:flex-start;flex-direction:column;flex-wrap:wrap;gap:16px;width:-moz-fit-content;width:fit-content;height:-moz-fit-content;height:fit-content}.competence .scale-details__top{border-bottom:2px solid #8c8f94;width:100%}.competence .scale-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-bottom:20px}.competence .scale-details__header--title{display:flex;align-items:center;gap:24px}.competence .scale-details__concept{color:#50575e;font-size:16px;font-style:normal;font-weight:400;line-height:24px;padding-bottom:16px}.competence .scale-details__concept strong{color:#181818;font-size:16px;font-style:normal;font-weight:600;line-height:24px}.competence .scale-details__dimensions{display:flex;flex-wrap:wrap;gap:24px;width:100%;height:-moz-fit-content;height:fit-content}.competence .scale-details .dimension{display:flex;justify-content:flex-start;gap:24px;width:100%;height:-moz-fit-content;height:fit-content}.competence .scale-details .dimension__main{display:flex;justify-content:space-between;width:100%}.competence .scale-details .dimension--full-sized .dimension{display:flex;gap:32px;width:100%}.competence .scale-details .dimension--full-sized .dimension__main{width:35%}.competence .scale-details .dimension--full-sized .dimension__concept{width:65%}.competence .scale-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}.competence .scale-details .dimension--classification{display:flex;align-items:center;justify-content:center}.competence .scale-details .dimension__concept{color:#50575e;font-size:16px;font-style:normal;font-weight:400;line-height:24px}\n"] }]
+            args: [{ selector: "mapa-scale", template: "<section class=\"mapa__card competence\" *ngFor=\"let competence of data\">\n  <header class=\"competence__header\">\n    <img [src]=\"getCompetenceImg(competence)\" />\n    {{ competence.competenceName }}\n  </header>\n  <section\n    class=\"scales\"\n    [class.scales--full-sized]=\"!showSummarized(competence.scales[0])\"\n    [class.scales--summarized]=\"showSummarized(competence.scales[0])\"\n  >\n    <section\n      class=\"mapa__card scale-details\"\n      *ngFor=\"let scale of competence.scales\"\n    >\n      <section class=\"scale-details__top\">\n        <header class=\"scale-details__header\">\n          <div class=\"scale-details__header--title mapa--display-m\">\n            {{ scale.scaleName }}\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        <article *ngIf=\"scale.scaleConcept\" class=\"scale-details__concept\">\n          <strong>Conceito:</strong> {{ scale.scaleConcept }}\n        </article>\n      </section>\n      <section\n        class=\"scale-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    </section>\n  </section>\n</section>\n", styles: [".competence{display:flex;gap:24px;font-family:SF-Pro;width:-moz-fit-content;width:fit-content}.competence__header{display:flex;align-items:center;color:#ea561d;font-size:32px;font-weight:400;line-height:40px;width:100%}.competence__header img{margin-right:16px}.competence .scales--summarized{display:grid;gap:24px;grid-template-columns:1fr 1fr 1fr}.competence .scale-details{display:flex;align-items:flex-start;justify-content:flex-start;flex-direction:column;flex-wrap:wrap;gap:16px;width:-moz-fit-content;width:fit-content;height:-moz-fit-content;height:fit-content}.competence .scale-details__top{border-bottom:2px solid #8c8f94;width:100%}.competence .scale-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-bottom:20px}.competence .scale-details__header--title{display:flex;align-items:center;gap:24px}.competence .scale-details__concept{color:#50575e;font-size:16px;font-style:normal;font-weight:400;line-height:24px;padding-bottom:16px}.competence .scale-details__concept strong{color:#181818;font-size:16px;font-style:normal;font-weight:600;line-height:24px}.competence .scale-details__dimensions{display:flex;flex-wrap:wrap;gap:24px;width:100%;height:-moz-fit-content;height:fit-content}.competence .scale-details .dimension{display:flex;justify-content:flex-start;gap:24px;width:100%;height:-moz-fit-content;height:fit-content}.competence .scale-details .dimension__main{display:flex;justify-content:space-between;width:100%}.competence .scale-details .dimension--full-sized .dimension{display:flex;gap:32px;width:100%}.competence .scale-details .dimension--full-sized .dimension__main{width:35%}.competence .scale-details .dimension--full-sized .dimension__concept{width:65%}.competence .scale-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}.competence .scale-details .dimension--classification{display:flex;align-items:center;justify-content:center}.competence .scale-details .dimension__concept{color:#50575e;font-size:16px;font-style:normal;font-weight:400;line-height:24px}\n"] }]
         }], propDecorators: { data: [{
                 type: Input
             }], showProgressbar: [{
@@ -75,15 +200,184 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
             args: [{ selector: 'mapa-details', template: "<p>details works!</p>\n" }]
         }] });
 
+class ButtonComponent {
+    constructor() {
+        this.clicked = new EventEmitter();
+    }
+    onClick() {
+        this.clicked.emit();
+    }
+}
+ButtonComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+ButtonComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: ButtonComponent, selector: "mapa-button", inputs: { color: "color", disabled: "disabled" }, outputs: { clicked: "clicked" }, ngImport: i0, template: "<button\n  class=\"mapa-button\"\n  (click)=\"onClick()\"\n  [class.primary]=\"color === 'primary'\"\n  [class.accent]=\"color === 'accent'\"\n  [class.basic]=\"color === 'basic'\"\n  [disabled]=\"disabled\"\n>\n  <ng-content></ng-content>\n</button>  ", styles: [".mapa-button{display:flex;padding:14px 42px;justify-content:center;align-items:center;gap:10px;border-radius:28px;border:none;font-family:SF-Pro;font-weight:500;cursor:pointer;transform-origin:center;transition:transform .2s ease-in-out}.mapa-button:active{transform:scale(1.1)}.mapa-button:disabled{color:#dcdcde!important;background-color:transparent!important}.mapa-button.basic{color:#ea561d;background-color:transparent}.mapa-button.accent{border:2px solid #ea561d!important;color:#ea561d;background-color:#fff}.mapa-button.primary{background-color:#ea561d;color:#fff}\n"] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ButtonComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'mapa-button', template: "<button\n  class=\"mapa-button\"\n  (click)=\"onClick()\"\n  [class.primary]=\"color === 'primary'\"\n  [class.accent]=\"color === 'accent'\"\n  [class.basic]=\"color === 'basic'\"\n  [disabled]=\"disabled\"\n>\n  <ng-content></ng-content>\n</button>  ", styles: [".mapa-button{display:flex;padding:14px 42px;justify-content:center;align-items:center;gap:10px;border-radius:28px;border:none;font-family:SF-Pro;font-weight:500;cursor:pointer;transform-origin:center;transition:transform .2s ease-in-out}.mapa-button:active{transform:scale(1.1)}.mapa-button:disabled{color:#dcdcde!important;background-color:transparent!important}.mapa-button.basic{color:#ea561d;background-color:transparent}.mapa-button.accent{border:2px solid #ea561d!important;color:#ea561d;background-color:#fff}.mapa-button.primary{background-color:#ea561d;color:#fff}\n"] }]
+        }], propDecorators: { color: [{
+                type: Input
+            }], disabled: [{
+                type: Input
+            }], clicked: [{
+                type: Output
+            }] } });
+
+class MapaButtonModule {
+}
+MapaButtonModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: MapaButtonModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+MapaButtonModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.10", ngImport: i0, type: MapaButtonModule, declarations: [ButtonComponent], imports: [CommonModule, MatButtonModule], exports: [ButtonComponent] });
+MapaButtonModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: MapaButtonModule, imports: [CommonModule, MatButtonModule] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: MapaButtonModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [ButtonComponent],
+                    exports: [ButtonComponent],
+                    imports: [CommonModule, MatButtonModule],
+                }]
+        }] });
+
+/*
+ * Public API Surface of mapa-library-ui button
+ */
+
+class IconComponent {
+    constructor(matIconRegistry, domSanitizer) {
+        this.matIconRegistry = matIconRegistry;
+        this.domSanitizer = domSanitizer;
+    }
+    ngOnChanges() {
+        this.registerCustomIcons(this.svg);
+    }
+    registerCustomIcons(svg) {
+        this.matIconRegistry.addSvgIcon(svg, this.domSanitizer.bypassSecurityTrustResourceUrl(`../../../../assets/${svg}.svg`));
+    }
+}
+IconComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: IconComponent, deps: [{ token: i1$1.MatIconRegistry }, { token: i2.DomSanitizer }], target: i0.ɵɵFactoryTarget.Component });
+IconComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: IconComponent, selector: "mapa-icon", inputs: { svg: "svg" }, usesOnChanges: true, ngImport: i0, template: "<mat-icon *ngIf=\"svg\" [svgIcon]=\"svg\"></mat-icon>\n<mat-icon *ngIf=\"!svg\"><ng-content></ng-content></mat-icon>\n", styles: [".mat-icon{color:#f5704b}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i1$1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: IconComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'mapa-icon', template: "<mat-icon *ngIf=\"svg\" [svgIcon]=\"svg\"></mat-icon>\n<mat-icon *ngIf=\"!svg\"><ng-content></ng-content></mat-icon>\n", styles: [".mat-icon{color:#f5704b}\n"] }]
+        }], ctorParameters: function () { return [{ type: i1$1.MatIconRegistry }, { type: i2.DomSanitizer }]; }, propDecorators: { svg: [{
+                type: Input
+            }] } });
+
+class MapaIconModule {
+}
+MapaIconModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: MapaIconModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+MapaIconModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.10", ngImport: i0, type: MapaIconModule, declarations: [IconComponent], imports: [CommonModule, MatIconModule], exports: [IconComponent] });
+MapaIconModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: MapaIconModule, imports: [CommonModule, MatIconModule] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: MapaIconModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [IconComponent],
+                    exports: [IconComponent],
+                    imports: [CommonModule, MatIconModule],
+                }]
+        }] });
+
+/*
+ * Public API Surface of mapa-library-ui icon
+ */
+
+class FiltersComponent {
+    constructor() {
+        this.selectedValues = new EventEmitter();
+    }
+    getFormControl(filterKey) {
+        return this.form.get(filterKey);
+    }
+    clearFilters() {
+        this.form.reset();
+    }
+    emitSelectedValues() {
+        this.selectedValues.emit(this.form.value);
+    }
+}
+FiltersComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: FiltersComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+FiltersComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: FiltersComponent, selector: "mapa-filters", inputs: { form: "form", elements: "elements" }, outputs: { selectedValues: "selectedValues" }, ngImport: i0, template: "<div class=\"filter\">\n  <div *ngFor=\"let filter of elements\">\n    <div *ngIf=\"filter.controlType === 'checkbox'\" class=\"filter__item--resizable\">\n      <mapa-checkbox [formControl]=\"getFormControl(filter.key)\"></mapa-checkbox>\n    </div>\n    <div *ngIf=\"filter.controlType === 'dropdown'\" class=\"filter__item--resizable\">\n      <mapa-dropdown\n        [formControl]=\"getFormControl(filter.key)\"\n        [element]=\"filter\"\n      ></mapa-dropdown>\n    </div>\n    <div *ngIf=\"filter.controlType === 'input'\" class=\"filter__item\">\n      <mapa-input\n        [formControl]=\"getFormControl(filter.key)\"\n        [element]=\"filter\"\n      ></mapa-input>\n    </div>\n  </div>\n  <div class=\"filter__item\">\n    <mapa-button [color]=\"'basic'\" (clicked)=\"clearFilters()\">\n      Limpar filtros\n    </mapa-button>\n    <mapa-button\n      [color]=\"'primary'\"\n      [disabled]=\"!!form.invalid\"\n      (clicked)=\"emitSelectedValues()\"\n    >\n      Filtrar\n    </mapa-button>\n  </div>\n</div>\n\n", styles: [".filter{display:flex;align-items:center;flex-wrap:wrap;background-color:#f6f7f7;padding:32px;width:95vw;gap:30px}.filter__item{display:flex}.filter .mapa-dropdown{max-width:none;min-width:10vw}.filter .mapa-dropdown--labeled .mat-form-field-flex{height:40px!important}\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: i2$1.ButtonComponent, selector: "mapa-button", inputs: ["color", "disabled"], outputs: ["clicked"] }, { kind: "component", type: i3.CheckboxComponent, selector: "mapa-checkbox", inputs: ["color", "formControl"] }, { kind: "component", type: i4.MapaDropdownComponent, selector: "mapa-dropdown", inputs: ["formControl", "formControlSearch", "element", "border"] }, { kind: "component", type: i5.MapaInputComponent, selector: "mapa-input", inputs: ["formControl", "element", "type"], outputs: ["suffix"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: FiltersComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'mapa-filters', template: "<div class=\"filter\">\n  <div *ngFor=\"let filter of elements\">\n    <div *ngIf=\"filter.controlType === 'checkbox'\" class=\"filter__item--resizable\">\n      <mapa-checkbox [formControl]=\"getFormControl(filter.key)\"></mapa-checkbox>\n    </div>\n    <div *ngIf=\"filter.controlType === 'dropdown'\" class=\"filter__item--resizable\">\n      <mapa-dropdown\n        [formControl]=\"getFormControl(filter.key)\"\n        [element]=\"filter\"\n      ></mapa-dropdown>\n    </div>\n    <div *ngIf=\"filter.controlType === 'input'\" class=\"filter__item\">\n      <mapa-input\n        [formControl]=\"getFormControl(filter.key)\"\n        [element]=\"filter\"\n      ></mapa-input>\n    </div>\n  </div>\n  <div class=\"filter__item\">\n    <mapa-button [color]=\"'basic'\" (clicked)=\"clearFilters()\">\n      Limpar filtros\n    </mapa-button>\n    <mapa-button\n      [color]=\"'primary'\"\n      [disabled]=\"!!form.invalid\"\n      (clicked)=\"emitSelectedValues()\"\n    >\n      Filtrar\n    </mapa-button>\n  </div>\n</div>\n\n", styles: [".filter{display:flex;align-items:center;flex-wrap:wrap;background-color:#f6f7f7;padding:32px;width:95vw;gap:30px}.filter__item{display:flex}.filter .mapa-dropdown{max-width:none;min-width:10vw}.filter .mapa-dropdown--labeled .mat-form-field-flex{height:40px!important}\n"] }]
+        }], propDecorators: { form: [{
+                type: Input
+            }], elements: [{
+                type: Input
+            }], selectedValues: [{
+                type: Output
+            }] } });
+
+class MapaFiltersModule {
+}
+MapaFiltersModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: MapaFiltersModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+MapaFiltersModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.10", ngImport: i0, type: MapaFiltersModule, declarations: [FiltersComponent], imports: [CommonModule,
+        MapaButtonModule$1,
+        MapaCheckboxModule,
+        MapaDropdownModule,
+        MapaInputModule], exports: [FiltersComponent] });
+MapaFiltersModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: MapaFiltersModule, imports: [CommonModule,
+        MapaButtonModule$1,
+        MapaCheckboxModule,
+        MapaDropdownModule,
+        MapaInputModule] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: MapaFiltersModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [
+                        FiltersComponent
+                    ],
+                    imports: [
+                        CommonModule,
+                        MapaButtonModule$1,
+                        MapaCheckboxModule,
+                        MapaDropdownModule,
+                        MapaInputModule,
+                    ],
+                    exports: [FiltersComponent],
+                }]
+        }] });
+
+/*
+ * Public API Surface of mapa-library-ui dropdown
+ */
+
+/*
+ * Public API Surface of mapa-library-ui filters
+ */
+
+class MapaCapabilityIntervalModule {
+}
+MapaCapabilityIntervalModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: MapaCapabilityIntervalModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+MapaCapabilityIntervalModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.10", ngImport: i0, type: MapaCapabilityIntervalModule, declarations: [MapaCapabilityIntervalComponent], imports: [CommonModule], exports: [MapaCapabilityIntervalComponent] });
+MapaCapabilityIntervalModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: MapaCapabilityIntervalModule, imports: [CommonModule] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: MapaCapabilityIntervalModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [MapaCapabilityIntervalComponent],
+                    exports: [MapaCapabilityIntervalComponent],
+                    imports: [CommonModule],
+                }]
+        }] });
+
+class MapaCapabilityIntervalBarModule {
+}
+MapaCapabilityIntervalBarModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: MapaCapabilityIntervalBarModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+MapaCapabilityIntervalBarModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.10", ngImport: i0, type: MapaCapabilityIntervalBarModule, declarations: [MapaCapabilityIntervalBarComponent], imports: [CommonModule, MapaButtonModule, MapaCapabilityIntervalModule], exports: [MapaCapabilityIntervalBarComponent] });
+MapaCapabilityIntervalBarModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: MapaCapabilityIntervalBarModule, imports: [CommonModule, MapaButtonModule, MapaCapabilityIntervalModule] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: MapaCapabilityIntervalBarModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [MapaCapabilityIntervalBarComponent],
+                    exports: [MapaCapabilityIntervalBarComponent],
+                    imports: [CommonModule, MapaButtonModule, MapaCapabilityIntervalModule],
+                }]
+        }] });
+
 class MapaScaleModule {
 }
 MapaScaleModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: MapaScaleModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
 MapaScaleModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.10", ngImport: i0, type: MapaScaleModule, declarations: [MapaScaleComponent,
         MapaProgressbarComponent,
-        MapaDetailsComponent], imports: [CommonModule], exports: [MapaScaleComponent,
-        MapaProgressbarComponent,
-        MapaDetailsComponent] });
-MapaScaleModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: MapaScaleModule, imports: [CommonModule] });
+        MapaDetailsComponent], imports: [CommonModule, MapaCapabilityIntervalBarModule], exports: [MapaScaleComponent, MapaProgressbarComponent, MapaDetailsComponent] });
+MapaScaleModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: MapaScaleModule, imports: [CommonModule, MapaCapabilityIntervalBarModule] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: MapaScaleModule, decorators: [{
             type: NgModule,
             args: [{
@@ -92,12 +386,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
                         MapaProgressbarComponent,
                         MapaDetailsComponent,
                     ],
-                    exports: [
-                        MapaScaleComponent,
-                        MapaProgressbarComponent,
-                        MapaDetailsComponent,
-                    ],
-                    imports: [CommonModule],
+                    exports: [MapaScaleComponent, MapaProgressbarComponent, MapaDetailsComponent],
+                    imports: [CommonModule, MapaCapabilityIntervalBarModule],
                 }]
         }] });
 

package/fesm2020/mapa-library-ui-src-lib-components-scale.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"mapa-library-ui-src-lib-components-scale.mjs","sources":["../../../projects/mapa-library-ui/src/lib/components/scale/src/progressbar/progressbar.component.ts","../../../projects/mapa-library-ui/src/lib/components/scale/src/progressbar/progressbar.component.html","../../../projects/mapa-library-ui/src/lib/components/scale/src/scale.component.ts","../../../projects/mapa-library-ui/src/lib/components/scale/src/scale.component.html","../../../projects/mapa-library-ui/src/lib/components/scale/src/details/details.component.ts","../../../projects/mapa-library-ui/src/lib/components/scale/src/details/details.component.html","../../../projects/mapa-library-ui/src/lib/components/scale/src/scale.module.ts","../../../projects/mapa-library-ui/src/lib/components/scale/public-api.ts","../../../projects/mapa-library-ui/src/scale.ts","../../../projects/mapa-library-ui/src/mapa-library-ui-src-lib-components-scale.ts"],"sourcesContent":["import { Component, Input } from \"@angular/core\";\nimport { ProgressBar } from \"../scale.interface\";\n\n@Component({\n  selector: \"mapa-progressbar\",\n  templateUrl: \"./progressbar.component.html\",\n  styleUrls: [\"./progressbar.component.scss\"],\n})\nexport class MapaProgressbarComponent {\n  @Input() data!: ProgressBar;\n  @Input() showInterval: boolean = true;\n}\n","<div class=\"progress-bar\">\n  <div class=\"progress-bar--bg\">\n    <div\n      class=\"progress-bar--filled\"\n      [style.width.%]=\"data.interval\"\n      [style.backgroundColor]=\"data.classification?.classificationColor\"\n    ></div>\n  </div>\n  <div class=\"progress-bar--interval\" *ngIf=\"showInterval\">\n    {{data.interval}}%\n  </div>\n</div>\n","import { Component, Input } from \"@angular/core\";\nimport { Dimension } from \"../../group-report/src/group-report-interface\";\nimport { Competence, Scale, ProgressBar } from \"./scale.interface\";\n\n@Component({\n  selector: \"mapa-scale\",\n  templateUrl: \"./scale.component.html\",\n  styleUrls: [\"./scale.component.scss\"],\n})\nexport class MapaScaleComponent {\n  @Input() data!: Competence[];\n  @Input() showProgressbar: boolean = true;\n\n  getProgressbarData(scale: Scale): ProgressBar {\n    return {\n      interval: scale.interval,\n      classification: scale.classification!,\n    };\n  }\n\n  isPositive(dimension: Dimension): boolean {\n    return dimension.direction === \"Positiva\";\n  }\n\n  showSummarized(scale: Scale): boolean {\n    return scale?.scaleConcept === undefined;\n  }\n\n  getCompetenceImg(competence: Competence): string {\n    let img = \"\";\n    if (competence.competenceName.includes(\"Gestão\")) {\n      img = \"UsersThree\";\n    }\n    if (competence.competenceName.includes(\"Autogestão\")) {\n      img = \"Brain\";\n    }\n    if (competence.competenceName.includes(\"Relacionamento\")) {\n      img = \"Handshake\";\n    }\n    if (competence.competenceName.includes(\"Atividade\")) {\n      img = \"ListCheck\";\n    }\n    if (competence.competenceName.includes(\"Corporais\")) {\n      img = \"Warning\";\n    }\n    return `assets/images/icons/${img}.svg`;\n  }\n}\n","<section class=\"mapa__card competence\" *ngFor=\"let competence of data\">\n  <header class=\"competence__header\">\n    <img [src]=\"getCompetenceImg(competence)\" />\n    {{ competence.competenceName }}\n  </header>\n  <section\n    class=\"scales\"\n    [class.scales--full-sized]=\"!showSummarized(competence.scales[0])\"\n    [class.scales--summarized]=\"showSummarized(competence.scales[0])\"\n  >\n    <section\n      class=\"mapa__card scale-details\"\n      *ngFor=\"let scale of competence.scales\"\n    >\n      <section class=\"scale-details__top\">\n        <header class=\"scale-details__header\">\n          <div class=\"scale-details__header--title mapa--display-m\">\n            {{ scale.scaleName }}\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              [data]=\"getProgressbarData(scale)\"\n            ></mapa-progressbar>\n          </div>\n        </header>\n        <article *ngIf=\"scale.scaleConcept\" class=\"scale-details__concept\">\n          <strong>Conceito:</strong> {{ scale.scaleConcept }}\n        </article>\n      </section>\n      <section\n        class=\"scale-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                  >↑</span\n                >\n                <ng-template #negativeDirection>↓</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    </section>\n  </section>\n</section>\n","import { Component } from '@angular/core';\n\n@Component({\n  selector: 'mapa-details',\n  templateUrl: './details.component.html',\n  styleUrls: ['./details.component.scss']\n})\nexport class MapaDetailsComponent {\n\n}\n","<p>details works!</p>\n","import { NgModule } from \"@angular/core\";\nimport { CommonModule } from \"@angular/common\";\nimport { MapaScaleComponent } from \"./scale.component\";\nimport { MapaProgressbarComponent } from \"./progressbar/progressbar.component\";\nimport { MapaDetailsComponent } from \"./details/details.component\";\n\n@NgModule({\n  declarations: [\n    MapaScaleComponent,\n    MapaProgressbarComponent,\n    MapaDetailsComponent,\n  ],\n  exports: [\n    MapaScaleComponent,\n    MapaProgressbarComponent,\n    MapaDetailsComponent,\n  ],\n  imports: [CommonModule],\n})\nexport class MapaScaleModule {}\n","/*\n * Public API Surface of mapa-library-ui scale\n */\n\nexport * from './src/scale.component';\nexport * from './src/scale.module';\nexport * from './src/progressbar/progressbar.component';\nexport * from './src/details/details.component';","/*\n * Public API Surface of mapa-library-ui scale\n */\n\nexport * from './lib/components/scale/public-api';\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './scale';\n"],"names":["i2.MapaProgressbarComponent"],"mappings":"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"}
+{"version":3,"file":"mapa-library-ui-src-lib-components-scale.mjs","sources":["../../../projects/mapa-library-ui/src/lib/components/capability/src/capability-interval/capability-interval.component.ts","../../../projects/mapa-library-ui/src/lib/components/capability/src/capability-interval/capability-interval.component.html","../../../projects/mapa-library-ui/src/lib/components/capability/src/capability-interval-bar/capability-interval-bar.component.ts","../../../projects/mapa-library-ui/src/lib/components/capability/src/capability-interval-bar/capability-interval-bar.component.html","../../../projects/mapa-library-ui/src/lib/components/scale/src/progressbar/progressbar.component.ts","../../../projects/mapa-library-ui/src/lib/components/scale/src/progressbar/progressbar.component.html","../../../projects/mapa-library-ui/src/lib/components/scale/src/scale.component.ts","../../../projects/mapa-library-ui/src/lib/components/scale/src/scale.component.html","../../../projects/mapa-library-ui/src/lib/components/scale/src/details/details.component.ts","../../../projects/mapa-library-ui/src/lib/components/scale/src/details/details.component.html","../../../projects/mapa-library-ui/src/lib/components/button/src/button.component.ts","../../../projects/mapa-library-ui/src/lib/components/button/src/button.component.html","../../../projects/mapa-library-ui/src/lib/components/button/src/button.module.ts","../../../projects/mapa-library-ui/src/lib/components/button/public-api.ts","../../../projects/mapa-library-ui/src/lib/components/icon/src/icon.component.ts","../../../projects/mapa-library-ui/src/lib/components/icon/src/icon.component.html","../../../projects/mapa-library-ui/src/lib/components/icon/src/icon.module.ts","../../../projects/mapa-library-ui/src/lib/components/icon/public-api.ts","../../../projects/mapa-library-ui/src/lib/components/filters/src/filters.component.ts","../../../projects/mapa-library-ui/src/lib/components/filters/src/filters.component.html","../../../projects/mapa-library-ui/src/lib/components/filters/src/filters.module.ts","../../../projects/mapa-library-ui/src/lib/components/filters/public-api.ts","../../../projects/mapa-library-ui/src/filters.ts","../../../projects/mapa-library-ui/src/lib/components/capability/src/capability-interval/capability-interval.module.ts","../../../projects/mapa-library-ui/src/lib/components/capability/src/capability-interval-bar/capability-interval-bar.module.ts","../../../projects/mapa-library-ui/src/lib/components/scale/src/scale.module.ts","../../../projects/mapa-library-ui/src/lib/components/scale/public-api.ts","../../../projects/mapa-library-ui/src/scale.ts","../../../projects/mapa-library-ui/src/mapa-library-ui-src-lib-components-scale.ts"],"sourcesContent":["import { Component, Input, OnChanges, OnInit, SimpleChanges } from \"@angular/core\";\nimport { Capability } from \"../essentials/interfaces/capability.interface\";\nimport { Md5 } from \"ts-md5\";\n\n@Component({\n  selector: \"mapa-capability-interval\",\n  templateUrl: \"./capability-interval.component.html\",\n  styleUrls: [\"./capability-interval.component.scss\"],\n})\nexport class MapaCapabilityIntervalComponent implements OnInit, OnChanges {\n  @Input() data!: Capability;\n  @Input() showInterval!: boolean;\n  public paintLinear!: string;\n\n  public SVG = [\n    { x: 0      , y: 0.710938, width: 19.7594, height: 34.5789 },\n    { x: 22.5039, y: 0.710938, width: 19.7594, height: 34.5789 },\n    { x: 45.0078, y: 0.710938, width: 19.2105, height: 34.5789 },\n    { x: 66.9629, y: 0.710938, width: 19.2105, height: 34.5789 },\n    { x: 88.917 , y: 0.710938, width: 19.2105, height: 34.5789 },\n    { x: 110.872, y: 0.710938, width: 19.2105, height: 34.5789 },\n    { x: 132.827, y: 0.710938, width: 19.2105, height: 34.5789 },\n    { x: 154.782, y: 0.710938, width: 19.2105, height: 34.5789 },\n    { x: 176.736, y: 0.710938, width: 19.7594, height: 34.5789 },\n    { x: 199.24 , y: 0.710938, width: 19.7594, height: 34.5789 },\n  ];\n\n  public hasTransform = false;\n  public indexTransform = 0;\n\n  constructor() {}\n  \n  ngOnChanges(changes: SimpleChanges): void {\n    const interval = this.data.interval || 0;\n    this.hasTransform = interval % 10 > 0;\n    this.indexTransform = (Math.floor(interval / 10) % 10);\n    this.paintLinear = `linear_${ Md5.hashStr(`svg_${ interval }`) }`;\n  }\n\n  ngOnInit(): void {\n  }\n\n  public getWidth(index: number): number {\n    if (!this.data) return 0;\n    const interval = this.data.interval || 0;\n    const intervalMod10 = Math.floor(interval / 10) % 10;\n    return index < intervalMod10\n      ? 100\n      : index === intervalMod10\n      ? (interval % 10) * 10\n      : 0;\n  }\n\n  public getFill(i: number): string {\n    const width = this.getWidth(i);\n    if (width === 100) return \"#8C8F94\";\n    return \"#DCDCDE\";\n  }\n\n  public getFillGradient(): string {\n    return `url(#${ this.paintLinear })`;\n  }\n\n  public getTransform(i: number): string {\n    const width = this.getWidth(i);\n    if (width === 0 || width === 100) return \"\";\n    return `rotate(-180 ${this.SVG[i].x} ${this.SVG[i].y})`;\n  }\n\n  public getStartOffset(): number {\n    const interval = this.data.interval || 0;\n    return Number(`0.${ interval % 10 }73005`);\n  }\n\n  public getStopOffset(): number {\n    const interval = this.data.interval || 0;\n    return Number(`0.${ interval % 10 }73105`);\n  }\n\n  public getGradientX(): number {\n    return Math.floor(this.SVG[this.indexTransform].x);\n  }\n\n  public isSVG(): boolean {\n    return !!this.data.classificationBg && this.data.classificationBg === \"SVG\";\n  }\n}\n","<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=\"19.7594\"\n      height=\"34.5789\"\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 display-XG\" *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","import { Component, EventEmitter, Input, OnInit, Output, ViewEncapsulation } from \"@angular/core\";\nimport { Capability } from \"../essentials/interfaces/capability.interface\";\nimport { Md5 } from \"ts-md5\";\n\n@Component({\n  selector: \"mapa-capability-interval-bar\",\n  templateUrl: \"./capability-interval-bar.component.html\",\n  styleUrls: [\"./capability-interval-bar.component.scss\"],\n  encapsulation: ViewEncapsulation.None,\n})\nexport class MapaCapabilityIntervalBarComponent {\n  @Input() data!: Capability;\n  @Input() expanded?: boolean;\n  @Input() showInterval!: boolean;\n  @Output() clicked: EventEmitter<void> = new EventEmitter<void>();\n\n  id!: string;\n\n  public isHovering = false;\n  public isClicked = false;\n\n  constructor() {\n    this.clicked.subscribe((res) => {\n      this.isClicked = !this.isClicked;\n    });\n  }\n\n  public isSVG(): boolean {\n    return !!this.data.classificationBg && this.data.classificationBg === \"SVG\";\n  }\n}\n","<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","import { Component, Input } from \"@angular/core\";\nimport { ProgressBar } from \"../scale.interface\";\n\n@Component({\n  selector: \"mapa-progressbar\",\n  templateUrl: \"./progressbar.component.html\",\n  styleUrls: [\"./progressbar.component.scss\"],\n})\nexport class MapaProgressbarComponent {\n  @Input() data!: ProgressBar;\n  @Input() showInterval: boolean = true;\n}\n","<div class=\"progress-bar\">\n  <div class=\"progress-bar--bg\">\n    <div\n      class=\"progress-bar--filled\"\n      [style.width.%]=\"data.interval\"\n      [style.backgroundColor]=\"data.classification?.classificationColor\"\n    ></div>\n  </div>\n  <div class=\"progress-bar--interval\" *ngIf=\"showInterval\">\n    {{data.interval}}%\n  </div>\n</div>\n","import { Component, Input } from \"@angular/core\";\nimport { Dimension } from \"../../group-report/src/group-report-interface\";\nimport { Competence, Scale, ProgressBar } from \"./scale.interface\";\nimport { Capability } from \"../../capability/public-api\";\n\n@Component({\n  selector: \"mapa-scale\",\n  templateUrl: \"./scale.component.html\",\n  styleUrls: [\"./scale.component.scss\"],\n})\nexport class MapaScaleComponent {\n  @Input() data!: Competence[];\n  @Input() showProgressbar: boolean = true;\n\n  getProgressbarData(scale: Scale): ProgressBar {\n    return {\n      interval: scale.interval,\n      classification: scale.classification!,\n    };\n  }\n\n  getIntervalbarData(scale: Scale): Capability {\n    return {\n      interval: scale.interval,\n      classificationBg: scale.classification?.classificationBg,\n      items: scale.dimensions!,\n    };\n  }\n\n  isPositive(dimension: Dimension): boolean {\n    return dimension.direction === \"Positiva\";\n  }\n\n  showSummarized(scale: Scale): boolean {\n    return scale?.scaleConcept === undefined;\n  }\n\n  getCompetenceImg(competence: Competence): string {\n    let img = \"\";\n    if (competence.competenceName.includes(\"Gestão\")) {\n      img = \"UsersThree\";\n    }\n    if (competence.competenceName.includes(\"Autogestão\")) {\n      img = \"Brain\";\n    }\n    if (competence.competenceName.includes(\"Relacionamento\")) {\n      img = \"Handshake\";\n    }\n    if (competence.competenceName.includes(\"Atividade\")) {\n      img = \"ListCheck\";\n    }\n    if (competence.competenceName.includes(\"Corporais\")) {\n      img = \"Warning\";\n    }\n    return `assets/images/icons/${img}.svg`;\n  }\n}\n","<section class=\"mapa__card competence\" *ngFor=\"let competence of data\">\n  <header class=\"competence__header\">\n    <img [src]=\"getCompetenceImg(competence)\" />\n    {{ competence.competenceName }}\n  </header>\n  <section\n    class=\"scales\"\n    [class.scales--full-sized]=\"!showSummarized(competence.scales[0])\"\n    [class.scales--summarized]=\"showSummarized(competence.scales[0])\"\n  >\n    <section\n      class=\"mapa__card scale-details\"\n      *ngFor=\"let scale of competence.scales\"\n    >\n      <section class=\"scale-details__top\">\n        <header class=\"scale-details__header\">\n          <div class=\"scale-details__header--title mapa--display-m\">\n            {{ scale.scaleName }}\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        <article *ngIf=\"scale.scaleConcept\" class=\"scale-details__concept\">\n          <strong>Conceito:</strong> {{ scale.scaleConcept }}\n        </article>\n      </section>\n      <section\n        class=\"scale-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                  >↑</span\n                >\n                <ng-template #negativeDirection>↓</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    </section>\n  </section>\n</section>\n","import { Component } from '@angular/core';\n\n@Component({\n  selector: 'mapa-details',\n  templateUrl: './details.component.html',\n  styleUrls: ['./details.component.scss']\n})\nexport class MapaDetailsComponent {\n\n}\n","<p>details works!</p>\n","import { Component, EventEmitter, Input, Output } from '@angular/core';\n\n@Component({\n  selector: 'mapa-button',\n  templateUrl: './button.component.html',\n  styleUrls: ['./button.component.scss']\n})\nexport class ButtonComponent {\n  @Input() color: 'primary' | 'accent' | 'basic' | null | undefined;\n  @Input() disabled!: boolean;\n  @Output() clicked: EventEmitter<void> = new EventEmitter<void>();\n\n  onClick(): void {\n    this.clicked.emit();\n  }\n}\n","<button\n  class=\"mapa-button\"\n  (click)=\"onClick()\"\n  [class.primary]=\"color === 'primary'\"\n  [class.accent]=\"color === 'accent'\"\n  [class.basic]=\"color === 'basic'\"\n  [disabled]=\"disabled\"\n>\n  <ng-content></ng-content>\n</button>  ","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\n\nimport { MatButtonModule } from '@angular/material/button';\n\nimport { ButtonComponent } from './button.component';\n\n@NgModule({\n  declarations: [ButtonComponent],\n  exports: [ButtonComponent],\n  imports: [CommonModule, MatButtonModule],\n})\nexport class MapaButtonModule {}\n","/*\n * Public API Surface of mapa-library-ui button\n */\n\nexport * from './src/button.component';\nexport * from './src/button.module';\n","import { Component, Input } from '@angular/core';\nimport { MatIconRegistry } from \"@angular/material/icon\";\nimport { DomSanitizer } from '@angular/platform-browser';\n\n@Component({\n  selector: 'mapa-icon',\n  templateUrl: './icon.component.html',\n  styleUrls: ['./icon.component.scss']\n})\nexport class IconComponent {\n  @Input() svg: string | null | undefined;\n\n  constructor(\n    private matIconRegistry: MatIconRegistry,\n    private domSanitizer: DomSanitizer\n  ) {}\n\n  ngOnChanges(): void {\n    this.registerCustomIcons(this.svg!);\n  }\n\n  registerCustomIcons(svg: string): void {\n    this.matIconRegistry.addSvgIcon(\n      svg,\n      this.domSanitizer.bypassSecurityTrustResourceUrl(`../../../../assets/${svg}.svg`)\n    );\n  }\n}\n","<mat-icon *ngIf=\"svg\" [svgIcon]=\"svg\"></mat-icon>\n<mat-icon *ngIf=\"!svg\"><ng-content></ng-content></mat-icon>\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\n\nimport { MatIconModule } from '@angular/material/icon';\n\nimport { IconComponent } from './icon.component';\n\n@NgModule({\n  declarations: [IconComponent],\n  exports: [IconComponent],\n  imports: [CommonModule, MatIconModule],\n})\nexport class MapaIconModule {}\n","/*\n * Public API Surface of mapa-library-ui icon\n */\n\nexport * from './src/icon.component';\nexport * from './src/icon.module';","import { Component, EventEmitter, Input, OnInit, Output } from '@angular/core';\nimport { FormControl, FormGroup } from '@angular/forms';\n\nimport { ElementBase } from 'mapa-library-ui';\n\n@Component({\n  selector: 'mapa-filters',\n  templateUrl: './filters.component.html',\n  styleUrls: ['./filters.component.scss']\n})\nexport class FiltersComponent { //implements OnInit\n  @Input() form!: FormGroup;\n  @Input() elements!: ElementBase[];\n  @Output() selectedValues = new EventEmitter<any>();\n\n  getFormControl(filterKey: string): FormControl {\n    return this.form.get(filterKey) as FormControl;\n  }\n\n  clearFilters() {\n    this.form.reset();\n  }\n\n  emitSelectedValues() {\n    this.selectedValues.emit(this.form.value);\n  }\n\n  /*  \n  public inputTextSearchAutoresize: InputText = new InputText({\n    label: '',\n    hint: 'Buscar pelo NOME, CPF ou EMAIL do avaliado',\n    suffix: 'search',\n    autosize: true,\n    autosizeMinWidth: '535px',\n    autosizeMaxWidth: '800px'\n  });  \n  \n  isNoFilterSelected(): boolean {\n    return this.arrayFilters.some(filter => {\n      if (filter instanceof Dropdown) {\n        const dropdownValue = this.formGroup.get(filter.key)?.value;\n        return dropdownValue !== null && dropdownValue !== undefined && dropdownValue !== '';\n      } else if (filter instanceof InputText) {\n        const inputValue = this.formGroup.get(filter.key)?.value;\n        return inputValue !== null && inputValue !== undefined && inputValue !== '';\n      }\n      return false;\n    });\n  }\n  */\n  \n}\n","<div class=\"filter\">\n  <div *ngFor=\"let filter of elements\">\n    <div *ngIf=\"filter.controlType === 'checkbox'\" class=\"filter__item--resizable\">\n      <mapa-checkbox [formControl]=\"getFormControl(filter.key)\"></mapa-checkbox>\n    </div>\n    <div *ngIf=\"filter.controlType === 'dropdown'\" class=\"filter__item--resizable\">\n      <mapa-dropdown\n        [formControl]=\"getFormControl(filter.key)\"\n        [element]=\"filter\"\n      ></mapa-dropdown>\n    </div>\n    <div *ngIf=\"filter.controlType === 'input'\" class=\"filter__item\">\n      <mapa-input\n        [formControl]=\"getFormControl(filter.key)\"\n        [element]=\"filter\"\n      ></mapa-input>\n    </div>\n  </div>\n  <div class=\"filter__item\">\n    <mapa-button [color]=\"'basic'\" (clicked)=\"clearFilters()\">\n      Limpar filtros\n    </mapa-button>\n    <mapa-button\n      [color]=\"'primary'\"\n      [disabled]=\"!!form.invalid\"\n      (clicked)=\"emitSelectedValues()\"\n    >\n      Filtrar\n    </mapa-button>\n  </div>\n</div>\n\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\n\nimport { MapaButtonModule } from 'mapa-library-ui/src/lib/components/button';\nimport { MapaCheckboxModule } from 'mapa-library-ui/src/lib/components/checkbox';\nimport { MapaDropdownModule } from 'mapa-library-ui/src/lib/components/dropdown';\nimport { MapaInputModule } from 'mapa-library-ui/src/lib/components/input';\n\nimport { FiltersComponent } from './filters.component';\n\n@NgModule({\n  declarations: [\n    FiltersComponent\n  ],\n  imports: [\n    CommonModule,\n    MapaButtonModule,\n    MapaCheckboxModule,\n    MapaDropdownModule,\n    MapaInputModule,\n  ],\n  exports: [FiltersComponent],\n})\nexport class MapaFiltersModule {}\n","/*\n * Public API Surface of mapa-library-ui dropdown\n */\n\nexport * from './src/filters.component';\nexport * from './src/filters.module';\n","/*\n * Public API Surface of mapa-library-ui filters\n */\n\nexport * from './lib/components/button/public-api';\nexport * from './lib/components/icon/public-api';\nexport * from './lib/components/filters/public-api';\n","import { NgModule } from \"@angular/core\";\nimport { CommonModule } from \"@angular/common\";\nimport { MapaCapabilityIntervalComponent } from \"./capability-interval.component\";\n\n@NgModule({\n  declarations: [MapaCapabilityIntervalComponent],\n  exports: [MapaCapabilityIntervalComponent],\n  imports: [CommonModule],\n})\nexport class MapaCapabilityIntervalModule {}\n","import { NgModule } from \"@angular/core\";\nimport { CommonModule } from \"@angular/common\";\nimport { MapaCapabilityIntervalBarComponent } from \"./capability-interval-bar.component\";\nimport { MapaButtonModule } from \"../../../../../filters\";\nimport { MapaCapabilityIntervalModule } from \"../capability-interval/capability-interval.module\";\n\n@NgModule({\n  declarations: [MapaCapabilityIntervalBarComponent],\n  exports: [MapaCapabilityIntervalBarComponent],\n  imports: [CommonModule, MapaButtonModule, MapaCapabilityIntervalModule],\n})\nexport class MapaCapabilityIntervalBarModule {}\n","import { NgModule } from \"@angular/core\";\nimport { CommonModule } from \"@angular/common\";\nimport { MapaScaleComponent } from \"./scale.component\";\nimport { MapaProgressbarComponent } from \"./progressbar/progressbar.component\";\nimport { MapaDetailsComponent } from \"./details/details.component\";\nimport { MapaCapabilityIntervalBarModule } from \"../../capability/src/capability-interval-bar/capability-interval-bar.module\";\n\n@NgModule({\n  declarations: [\n    MapaScaleComponent,\n    MapaProgressbarComponent,\n    MapaDetailsComponent,\n  ],\n  exports: [MapaScaleComponent, MapaProgressbarComponent, MapaDetailsComponent],\n  imports: [CommonModule, MapaCapabilityIntervalBarModule],\n})\nexport class MapaScaleModule {}\n","/*\n * Public API Surface of mapa-library-ui scale\n */\n\nexport * from './src/scale.component';\nexport * from './src/scale.module';\nexport * from './src/progressbar/progressbar.component';\nexport * from './src/details/details.component';","/*\n * Public API Surface of mapa-library-ui scale\n */\n\nexport * from './lib/components/scale/public-api';\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './scale';\n"],"names":["i1.MapaCapabilityIntervalComponent","i2.MapaCapabilityIntervalBarComponent","i3.MapaProgressbarComponent","i1","i3","i2","MapaButtonModule"],"mappings":"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"}