mapa-library-ui 0.43.0 → 0.43.1

package/esm2020/src/lib/components/scale/lib/components/scale/src/scale.component.mjs

@@ -39,10 +39,10 @@ export 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 class=\"mapa__card scale\" *ngFor=\"let scale of competence.scales\">\n    <header class=\"scale__header\">\n      <div class=\"scale__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\">{{ scale.classification.classificationName }}</span>\n        </div>\n      </div>\n      <div *ngIf=\"showProgressbar\" class=\"scale__header--progressbar\">\n        <mapa-progressbar [data]=\"getProgressbarData(scale)\"></mapa-progressbar>\n      </div>\n    </header>\n    <article *ngIf=\"scale.scaleConcept\" class=\"scale__concept\">\n      <strong>Conceito:</strong> {{ scale.scaleConcept }}\n    </article>\n    <hr />\n    <section class=\"scale__dimensions\">\n      <article\n        *ngFor=\"let dimension of scale.dimensions\"\n        class=\"mapa__card--sm dimension\"\n        [class.dimension--full-sized]=\"!showSummarized(dimension)\"\n        [class.dimension--summarized]=\"showSummarized(dimension)\"\n      >\n        <nav class=\"dimension__main\">\n          <div class=\"dimension--title\">\n            <span *ngIf=\"dimension.direction === 'Positiva'; else negativeDirection\">\u2191</span>\n            <ng-template #negativeDirection>\u2193</ng-template>\n            {{ dimension.dimensionName }}\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\">{{ dimension.classification.classificationName }}</span>\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", styles: [".competence{display:flex;gap:24px;font-family:SF-Pro}.competence__header{display:flex;align-items:center;color:#ea561d;font-size:32px;font-weight:500;line-height:40px}.competence__header img{margin-right:16px}.competence .scale{display:flex;gap:16px}.competence .scale hr{background:#8c8f94;border-width:2px;width:100%}.competence .scale__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}.competence .scale__concept{color:#50575e;font-size:16px;font-style:normal;font-weight:400;line-height:24px}.competence .scale__concept strong{color:#181818;font-size:16px;font-style:normal;font-weight:600;line-height:24px}.competence .scale__dimensions{display:flex;flex-wrap:wrap;gap:24px;width:100%}.competence .scale .dimension__main{display:flex;justify-content:space-between}.competence .scale .dimension--full-sized{display:flex;justify-content:space-between;gap:24px;width:100%}.competence .scale .dimension--full-sized .dimension__main{width:35%}.competence .scale .dimension--full-sized .dimension__concept{width:65%}.competence .scale .dimension--summarized{display:flex;width:33%;max-width:342px}.competence .scale .dimension--summarized .dimension__main{width:100%}.competence .scale .dimension--title{color:#181818;font-size:16px;font-style:normal;font-weight:500;line-height:24px}.competence .scale .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: i2.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 class=\"mapa__card scale\" *ngFor=\"let scale of competence.scales\">\n    <header class=\"scale__header\">\n      <div class=\"scale__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\">{{ scale.classification.classificationName }}</span>\n        </div>\n      </div>\n      <div *ngIf=\"showProgressbar\" class=\"scale__header--progressbar\">\n        <mapa-progressbar [data]=\"getProgressbarData(scale)\"></mapa-progressbar>\n      </div>\n    </header>\n    <article *ngIf=\"scale.scaleConcept\" class=\"scale__concept\">\n      <strong>Conceito:</strong> {{ scale.scaleConcept }}\n    </article>\n    <hr />\n    <section class=\"scale__dimensions\">\n      <article\n        *ngFor=\"let dimension of scale.dimensions\"\n        class=\"mapa__card--sm dimension\"\n        [class.dimension--full-sized]=\"!showSummarized(dimension)\"\n        [class.dimension--summarized]=\"showSummarized(dimension)\"\n      >\n        <nav class=\"dimension__main\">\n          <div class=\"dimension--title\">\n            <span *ngIf=\"dimension.direction === 'Positiva'; else negativeDirection\">\u2191</span>\n            <ng-template #negativeDirection>\u2193</ng-template>\n            {{ dimension.dimensionName }}\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\">{{ dimension.classification.classificationName }}</span>\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", styles: [".competence{display:flex;gap:24px;font-family:SF-Pro}.competence__header{display:flex;align-items:center;color:#ea561d;font-size:32px;font-weight:500;line-height:40px}.competence__header img{margin-right:16px}.competence .scale{display:flex;gap:16px}.competence .scale hr{background:#8c8f94;border-width:2px;width:100%}.competence .scale__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}.competence .scale__concept{color:#50575e;font-size:16px;font-style:normal;font-weight:400;line-height:24px}.competence .scale__concept strong{color:#181818;font-size:16px;font-style:normal;font-weight:600;line-height:24px}.competence .scale__dimensions{display:flex;flex-wrap:wrap;gap:24px;width:100%}.competence .scale .dimension__main{display:flex;justify-content:space-between}.competence .scale .dimension--full-sized{display:flex;justify-content:space-between;gap:24px;width:100%}.competence .scale .dimension--full-sized .dimension__main{width:35%}.competence .scale .dimension--full-sized .dimension__concept{width:65%}.competence .scale .dimension--summarized{display:flex;width:32%}.competence .scale .dimension--summarized .dimension__main{width:100%}.competence .scale .dimension--title{color:#181818;font-size:16px;font-style:normal;font-weight:500;line-height:24px}.competence .scale .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: i2.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 class=\"mapa__card scale\" *ngFor=\"let scale of competence.scales\">\n    <header class=\"scale__header\">\n      <div class=\"scale__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\">{{ scale.classification.classificationName }}</span>\n        </div>\n      </div>\n      <div *ngIf=\"showProgressbar\" class=\"scale__header--progressbar\">\n        <mapa-progressbar [data]=\"getProgressbarData(scale)\"></mapa-progressbar>\n      </div>\n    </header>\n    <article *ngIf=\"scale.scaleConcept\" class=\"scale__concept\">\n      <strong>Conceito:</strong> {{ scale.scaleConcept }}\n    </article>\n    <hr />\n    <section class=\"scale__dimensions\">\n      <article\n        *ngFor=\"let dimension of scale.dimensions\"\n        class=\"mapa__card--sm dimension\"\n        [class.dimension--full-sized]=\"!showSummarized(dimension)\"\n        [class.dimension--summarized]=\"showSummarized(dimension)\"\n      >\n        <nav class=\"dimension__main\">\n          <div class=\"dimension--title\">\n            <span *ngIf=\"dimension.direction === 'Positiva'; else negativeDirection\">\u2191</span>\n            <ng-template #negativeDirection>\u2193</ng-template>\n            {{ dimension.dimensionName }}\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\">{{ dimension.classification.classificationName }}</span>\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", styles: [".competence{display:flex;gap:24px;font-family:SF-Pro}.competence__header{display:flex;align-items:center;color:#ea561d;font-size:32px;font-weight:500;line-height:40px}.competence__header img{margin-right:16px}.competence .scale{display:flex;gap:16px}.competence .scale hr{background:#8c8f94;border-width:2px;width:100%}.competence .scale__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}.competence .scale__concept{color:#50575e;font-size:16px;font-style:normal;font-weight:400;line-height:24px}.competence .scale__concept strong{color:#181818;font-size:16px;font-style:normal;font-weight:600;line-height:24px}.competence .scale__dimensions{display:flex;flex-wrap:wrap;gap:24px;width:100%}.competence .scale .dimension__main{display:flex;justify-content:space-between}.competence .scale .dimension--full-sized{display:flex;justify-content:space-between;gap:24px;width:100%}.competence .scale .dimension--full-sized .dimension__main{width:35%}.competence .scale .dimension--full-sized .dimension__concept{width:65%}.competence .scale .dimension--summarized{display:flex;width:33%;max-width:342px}.competence .scale .dimension--summarized .dimension__main{width:100%}.competence .scale .dimension--title{color:#181818;font-size:16px;font-style:normal;font-weight:500;line-height:24px}.competence .scale .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 class=\"mapa__card scale\" *ngFor=\"let scale of competence.scales\">\n    <header class=\"scale__header\">\n      <div class=\"scale__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\">{{ scale.classification.classificationName }}</span>\n        </div>\n      </div>\n      <div *ngIf=\"showProgressbar\" class=\"scale__header--progressbar\">\n        <mapa-progressbar [data]=\"getProgressbarData(scale)\"></mapa-progressbar>\n      </div>\n    </header>\n    <article *ngIf=\"scale.scaleConcept\" class=\"scale__concept\">\n      <strong>Conceito:</strong> {{ scale.scaleConcept }}\n    </article>\n    <hr />\n    <section class=\"scale__dimensions\">\n      <article\n        *ngFor=\"let dimension of scale.dimensions\"\n        class=\"mapa__card--sm dimension\"\n        [class.dimension--full-sized]=\"!showSummarized(dimension)\"\n        [class.dimension--summarized]=\"showSummarized(dimension)\"\n      >\n        <nav class=\"dimension__main\">\n          <div class=\"dimension--title\">\n            <span *ngIf=\"dimension.direction === 'Positiva'; else negativeDirection\">\u2191</span>\n            <ng-template #negativeDirection>\u2193</ng-template>\n            {{ dimension.dimensionName }}\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\">{{ dimension.classification.classificationName }}</span>\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", styles: [".competence{display:flex;gap:24px;font-family:SF-Pro}.competence__header{display:flex;align-items:center;color:#ea561d;font-size:32px;font-weight:500;line-height:40px}.competence__header img{margin-right:16px}.competence .scale{display:flex;gap:16px}.competence .scale hr{background:#8c8f94;border-width:2px;width:100%}.competence .scale__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}.competence .scale__concept{color:#50575e;font-size:16px;font-style:normal;font-weight:400;line-height:24px}.competence .scale__concept strong{color:#181818;font-size:16px;font-style:normal;font-weight:600;line-height:24px}.competence .scale__dimensions{display:flex;flex-wrap:wrap;gap:24px;width:100%}.competence .scale .dimension__main{display:flex;justify-content:space-between}.competence .scale .dimension--full-sized{display:flex;justify-content:space-between;gap:24px;width:100%}.competence .scale .dimension--full-sized .dimension__main{width:35%}.competence .scale .dimension--full-sized .dimension__concept{width:65%}.competence .scale .dimension--summarized{display:flex;width:32%}.competence .scale .dimension--summarized .dimension__main{width:100%}.competence .scale .dimension--title{color:#181818;font-size:16px;font-style:normal;font-weight:500;line-height:24px}.competence .scale .dimension__concept{color:#50575e;font-size:16px;font-style:normal;font-weight:400;line-height:24px}\n"] }]
         }], propDecorators: { data: [{
                 type: Input
             }], showProgressbar: [{

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

@@ -56,10 +56,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 class=\"mapa__card scale\" *ngFor=\"let scale of competence.scales\">\n    <header class=\"scale__header\">\n      <div class=\"scale__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\">{{ scale.classification.classificationName }}</span>\n        </div>\n      </div>\n      <div *ngIf=\"showProgressbar\" class=\"scale__header--progressbar\">\n        <mapa-progressbar [data]=\"getProgressbarData(scale)\"></mapa-progressbar>\n      </div>\n    </header>\n    <article *ngIf=\"scale.scaleConcept\" class=\"scale__concept\">\n      <strong>Conceito:</strong> {{ scale.scaleConcept }}\n    </article>\n    <hr />\n    <section class=\"scale__dimensions\">\n      <article\n        *ngFor=\"let dimension of scale.dimensions\"\n        class=\"mapa__card--sm dimension\"\n        [class.dimension--full-sized]=\"!showSummarized(dimension)\"\n        [class.dimension--summarized]=\"showSummarized(dimension)\"\n      >\n        <nav class=\"dimension__main\">\n          <div class=\"dimension--title\">\n            <span *ngIf=\"dimension.direction === 'Positiva'; else negativeDirection\">\u2191</span>\n            <ng-template #negativeDirection>\u2193</ng-template>\n            {{ dimension.dimensionName }}\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\">{{ dimension.classification.classificationName }}</span>\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", styles: [".competence{display:flex;gap:24px;font-family:SF-Pro}.competence__header{display:flex;align-items:center;color:#ea561d;font-size:32px;font-weight:500;line-height:40px}.competence__header img{margin-right:16px}.competence .scale{display:flex;gap:16px}.competence .scale hr{background:#8c8f94;border-width:2px;width:100%}.competence .scale__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}.competence .scale__concept{color:#50575e;font-size:16px;font-style:normal;font-weight:400;line-height:24px}.competence .scale__concept strong{color:#181818;font-size:16px;font-style:normal;font-weight:600;line-height:24px}.competence .scale__dimensions{display:flex;flex-wrap:wrap;gap:24px;width:100%}.competence .scale .dimension__main{display:flex;justify-content:space-between}.competence .scale .dimension--full-sized{display:flex;justify-content:space-between;gap:24px;width:100%}.competence .scale .dimension--full-sized .dimension__main{width:35%}.competence .scale .dimension--full-sized .dimension__concept{width:65%}.competence .scale .dimension--summarized{display:flex;width:33%;max-width:342px}.competence .scale .dimension--summarized .dimension__main{width:100%}.competence .scale .dimension--title{color:#181818;font-size:16px;font-style:normal;font-weight:500;line-height:24px}.competence .scale .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 class=\"mapa__card scale\" *ngFor=\"let scale of competence.scales\">\n    <header class=\"scale__header\">\n      <div class=\"scale__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\">{{ scale.classification.classificationName }}</span>\n        </div>\n      </div>\n      <div *ngIf=\"showProgressbar\" class=\"scale__header--progressbar\">\n        <mapa-progressbar [data]=\"getProgressbarData(scale)\"></mapa-progressbar>\n      </div>\n    </header>\n    <article *ngIf=\"scale.scaleConcept\" class=\"scale__concept\">\n      <strong>Conceito:</strong> {{ scale.scaleConcept }}\n    </article>\n    <hr />\n    <section class=\"scale__dimensions\">\n      <article\n        *ngFor=\"let dimension of scale.dimensions\"\n        class=\"mapa__card--sm dimension\"\n        [class.dimension--full-sized]=\"!showSummarized(dimension)\"\n        [class.dimension--summarized]=\"showSummarized(dimension)\"\n      >\n        <nav class=\"dimension__main\">\n          <div class=\"dimension--title\">\n            <span *ngIf=\"dimension.direction === 'Positiva'; else negativeDirection\">\u2191</span>\n            <ng-template #negativeDirection>\u2193</ng-template>\n            {{ dimension.dimensionName }}\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\">{{ dimension.classification.classificationName }}</span>\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", styles: [".competence{display:flex;gap:24px;font-family:SF-Pro}.competence__header{display:flex;align-items:center;color:#ea561d;font-size:32px;font-weight:500;line-height:40px}.competence__header img{margin-right:16px}.competence .scale{display:flex;gap:16px}.competence .scale hr{background:#8c8f94;border-width:2px;width:100%}.competence .scale__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}.competence .scale__concept{color:#50575e;font-size:16px;font-style:normal;font-weight:400;line-height:24px}.competence .scale__concept strong{color:#181818;font-size:16px;font-style:normal;font-weight:600;line-height:24px}.competence .scale__dimensions{display:flex;flex-wrap:wrap;gap:24px;width:100%}.competence .scale .dimension__main{display:flex;justify-content:space-between}.competence .scale .dimension--full-sized{display:flex;justify-content:space-between;gap:24px;width:100%}.competence .scale .dimension--full-sized .dimension__main{width:35%}.competence .scale .dimension--full-sized .dimension__concept{width:65%}.competence .scale .dimension--summarized{display:flex;width:32%}.competence .scale .dimension--summarized .dimension__main{width:100%}.competence .scale .dimension--title{color:#181818;font-size:16px;font-style:normal;font-weight:500;line-height:24px}.competence .scale .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"] }] });
 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 class=\"mapa__card scale\" *ngFor=\"let scale of competence.scales\">\n    <header class=\"scale__header\">\n      <div class=\"scale__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\">{{ scale.classification.classificationName }}</span>\n        </div>\n      </div>\n      <div *ngIf=\"showProgressbar\" class=\"scale__header--progressbar\">\n        <mapa-progressbar [data]=\"getProgressbarData(scale)\"></mapa-progressbar>\n      </div>\n    </header>\n    <article *ngIf=\"scale.scaleConcept\" class=\"scale__concept\">\n      <strong>Conceito:</strong> {{ scale.scaleConcept }}\n    </article>\n    <hr />\n    <section class=\"scale__dimensions\">\n      <article\n        *ngFor=\"let dimension of scale.dimensions\"\n        class=\"mapa__card--sm dimension\"\n        [class.dimension--full-sized]=\"!showSummarized(dimension)\"\n        [class.dimension--summarized]=\"showSummarized(dimension)\"\n      >\n        <nav class=\"dimension__main\">\n          <div class=\"dimension--title\">\n            <span *ngIf=\"dimension.direction === 'Positiva'; else negativeDirection\">\u2191</span>\n            <ng-template #negativeDirection>\u2193</ng-template>\n            {{ dimension.dimensionName }}\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\">{{ dimension.classification.classificationName }}</span>\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", styles: [".competence{display:flex;gap:24px;font-family:SF-Pro}.competence__header{display:flex;align-items:center;color:#ea561d;font-size:32px;font-weight:500;line-height:40px}.competence__header img{margin-right:16px}.competence .scale{display:flex;gap:16px}.competence .scale hr{background:#8c8f94;border-width:2px;width:100%}.competence .scale__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}.competence .scale__concept{color:#50575e;font-size:16px;font-style:normal;font-weight:400;line-height:24px}.competence .scale__concept strong{color:#181818;font-size:16px;font-style:normal;font-weight:600;line-height:24px}.competence .scale__dimensions{display:flex;flex-wrap:wrap;gap:24px;width:100%}.competence .scale .dimension__main{display:flex;justify-content:space-between}.competence .scale .dimension--full-sized{display:flex;justify-content:space-between;gap:24px;width:100%}.competence .scale .dimension--full-sized .dimension__main{width:35%}.competence .scale .dimension--full-sized .dimension__concept{width:65%}.competence .scale .dimension--summarized{display:flex;width:33%;max-width:342px}.competence .scale .dimension--summarized .dimension__main{width:100%}.competence .scale .dimension--title{color:#181818;font-size:16px;font-style:normal;font-weight:500;line-height:24px}.competence .scale .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 class=\"mapa__card scale\" *ngFor=\"let scale of competence.scales\">\n    <header class=\"scale__header\">\n      <div class=\"scale__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\">{{ scale.classification.classificationName }}</span>\n        </div>\n      </div>\n      <div *ngIf=\"showProgressbar\" class=\"scale__header--progressbar\">\n        <mapa-progressbar [data]=\"getProgressbarData(scale)\"></mapa-progressbar>\n      </div>\n    </header>\n    <article *ngIf=\"scale.scaleConcept\" class=\"scale__concept\">\n      <strong>Conceito:</strong> {{ scale.scaleConcept }}\n    </article>\n    <hr />\n    <section class=\"scale__dimensions\">\n      <article\n        *ngFor=\"let dimension of scale.dimensions\"\n        class=\"mapa__card--sm dimension\"\n        [class.dimension--full-sized]=\"!showSummarized(dimension)\"\n        [class.dimension--summarized]=\"showSummarized(dimension)\"\n      >\n        <nav class=\"dimension__main\">\n          <div class=\"dimension--title\">\n            <span *ngIf=\"dimension.direction === 'Positiva'; else negativeDirection\">\u2191</span>\n            <ng-template #negativeDirection>\u2193</ng-template>\n            {{ dimension.dimensionName }}\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\">{{ dimension.classification.classificationName }}</span>\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", styles: [".competence{display:flex;gap:24px;font-family:SF-Pro}.competence__header{display:flex;align-items:center;color:#ea561d;font-size:32px;font-weight:500;line-height:40px}.competence__header img{margin-right:16px}.competence .scale{display:flex;gap:16px}.competence .scale hr{background:#8c8f94;border-width:2px;width:100%}.competence .scale__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}.competence .scale__concept{color:#50575e;font-size:16px;font-style:normal;font-weight:400;line-height:24px}.competence .scale__concept strong{color:#181818;font-size:16px;font-style:normal;font-weight:600;line-height:24px}.competence .scale__dimensions{display:flex;flex-wrap:wrap;gap:24px;width:100%}.competence .scale .dimension__main{display:flex;justify-content:space-between}.competence .scale .dimension--full-sized{display:flex;justify-content:space-between;gap:24px;width:100%}.competence .scale .dimension--full-sized .dimension__main{width:35%}.competence .scale .dimension--full-sized .dimension__concept{width:65%}.competence .scale .dimension--summarized{display:flex;width:32%}.competence .scale .dimension--summarized .dimension__main{width:100%}.competence .scale .dimension--title{color:#181818;font-size:16px;font-style:normal;font-weight:500;line-height:24px}.competence .scale .dimension__concept{color:#50575e;font-size:16px;font-style:normal;font-weight:400;line-height:24px}\n"] }]
         }], propDecorators: { data: [{
                 type: Input
             }], showProgressbar: [{

package/fesm2015/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(dimension: Dimension): boolean {\n    return dimension?.dimensionClassificationMessage === 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 class=\"mapa__card scale\" *ngFor=\"let scale of competence.scales\">\n    <header class=\"scale__header\">\n      <div class=\"scale__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\">{{ scale.classification.classificationName }}</span>\n        </div>\n      </div>\n      <div *ngIf=\"showProgressbar\" class=\"scale__header--progressbar\">\n        <mapa-progressbar [data]=\"getProgressbarData(scale)\"></mapa-progressbar>\n      </div>\n    </header>\n    <article *ngIf=\"scale.scaleConcept\" class=\"scale__concept\">\n      <strong>Conceito:</strong> {{ scale.scaleConcept }}\n    </article>\n    <hr />\n    <section class=\"scale__dimensions\">\n      <article\n        *ngFor=\"let dimension of scale.dimensions\"\n        class=\"mapa__card--sm dimension\"\n        [class.dimension--full-sized]=\"!showSummarized(dimension)\"\n        [class.dimension--summarized]=\"showSummarized(dimension)\"\n      >\n        <nav class=\"dimension__main\">\n          <div class=\"dimension--title\">\n            <span *ngIf=\"dimension.direction === 'Positiva'; else negativeDirection\">↑</span>\n            <ng-template #negativeDirection>↓</ng-template>\n            {{ dimension.dimensionName }}\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\">{{ dimension.classification.classificationName }}</span>\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","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/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(dimension: Dimension): boolean {\n    return dimension?.dimensionClassificationMessage === 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 class=\"mapa__card scale\" *ngFor=\"let scale of competence.scales\">\n    <header class=\"scale__header\">\n      <div class=\"scale__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\">{{ scale.classification.classificationName }}</span>\n        </div>\n      </div>\n      <div *ngIf=\"showProgressbar\" class=\"scale__header--progressbar\">\n        <mapa-progressbar [data]=\"getProgressbarData(scale)\"></mapa-progressbar>\n      </div>\n    </header>\n    <article *ngIf=\"scale.scaleConcept\" class=\"scale__concept\">\n      <strong>Conceito:</strong> {{ scale.scaleConcept }}\n    </article>\n    <hr />\n    <section class=\"scale__dimensions\">\n      <article\n        *ngFor=\"let dimension of scale.dimensions\"\n        class=\"mapa__card--sm dimension\"\n        [class.dimension--full-sized]=\"!showSummarized(dimension)\"\n        [class.dimension--summarized]=\"showSummarized(dimension)\"\n      >\n        <nav class=\"dimension__main\">\n          <div class=\"dimension--title\">\n            <span *ngIf=\"dimension.direction === 'Positiva'; else negativeDirection\">↑</span>\n            <ng-template #negativeDirection>↓</ng-template>\n            {{ dimension.dimensionName }}\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\">{{ dimension.classification.classificationName }}</span>\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","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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"}

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

@@ -56,10 +56,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 class=\"mapa__card scale\" *ngFor=\"let scale of competence.scales\">\n    <header class=\"scale__header\">\n      <div class=\"scale__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\">{{ scale.classification.classificationName }}</span>\n        </div>\n      </div>\n      <div *ngIf=\"showProgressbar\" class=\"scale__header--progressbar\">\n        <mapa-progressbar [data]=\"getProgressbarData(scale)\"></mapa-progressbar>\n      </div>\n    </header>\n    <article *ngIf=\"scale.scaleConcept\" class=\"scale__concept\">\n      <strong>Conceito:</strong> {{ scale.scaleConcept }}\n    </article>\n    <hr />\n    <section class=\"scale__dimensions\">\n      <article\n        *ngFor=\"let dimension of scale.dimensions\"\n        class=\"mapa__card--sm dimension\"\n        [class.dimension--full-sized]=\"!showSummarized(dimension)\"\n        [class.dimension--summarized]=\"showSummarized(dimension)\"\n      >\n        <nav class=\"dimension__main\">\n          <div class=\"dimension--title\">\n            <span *ngIf=\"dimension.direction === 'Positiva'; else negativeDirection\">\u2191</span>\n            <ng-template #negativeDirection>\u2193</ng-template>\n            {{ dimension.dimensionName }}\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\">{{ dimension.classification.classificationName }}</span>\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", styles: [".competence{display:flex;gap:24px;font-family:SF-Pro}.competence__header{display:flex;align-items:center;color:#ea561d;font-size:32px;font-weight:500;line-height:40px}.competence__header img{margin-right:16px}.competence .scale{display:flex;gap:16px}.competence .scale hr{background:#8c8f94;border-width:2px;width:100%}.competence .scale__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}.competence .scale__concept{color:#50575e;font-size:16px;font-style:normal;font-weight:400;line-height:24px}.competence .scale__concept strong{color:#181818;font-size:16px;font-style:normal;font-weight:600;line-height:24px}.competence .scale__dimensions{display:flex;flex-wrap:wrap;gap:24px;width:100%}.competence .scale .dimension__main{display:flex;justify-content:space-between}.competence .scale .dimension--full-sized{display:flex;justify-content:space-between;gap:24px;width:100%}.competence .scale .dimension--full-sized .dimension__main{width:35%}.competence .scale .dimension--full-sized .dimension__concept{width:65%}.competence .scale .dimension--summarized{display:flex;width:33%;max-width:342px}.competence .scale .dimension--summarized .dimension__main{width:100%}.competence .scale .dimension--title{color:#181818;font-size:16px;font-style:normal;font-weight:500;line-height:24px}.competence .scale .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 class=\"mapa__card scale\" *ngFor=\"let scale of competence.scales\">\n    <header class=\"scale__header\">\n      <div class=\"scale__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\">{{ scale.classification.classificationName }}</span>\n        </div>\n      </div>\n      <div *ngIf=\"showProgressbar\" class=\"scale__header--progressbar\">\n        <mapa-progressbar [data]=\"getProgressbarData(scale)\"></mapa-progressbar>\n      </div>\n    </header>\n    <article *ngIf=\"scale.scaleConcept\" class=\"scale__concept\">\n      <strong>Conceito:</strong> {{ scale.scaleConcept }}\n    </article>\n    <hr />\n    <section class=\"scale__dimensions\">\n      <article\n        *ngFor=\"let dimension of scale.dimensions\"\n        class=\"mapa__card--sm dimension\"\n        [class.dimension--full-sized]=\"!showSummarized(dimension)\"\n        [class.dimension--summarized]=\"showSummarized(dimension)\"\n      >\n        <nav class=\"dimension__main\">\n          <div class=\"dimension--title\">\n            <span *ngIf=\"dimension.direction === 'Positiva'; else negativeDirection\">\u2191</span>\n            <ng-template #negativeDirection>\u2193</ng-template>\n            {{ dimension.dimensionName }}\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\">{{ dimension.classification.classificationName }}</span>\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", styles: [".competence{display:flex;gap:24px;font-family:SF-Pro}.competence__header{display:flex;align-items:center;color:#ea561d;font-size:32px;font-weight:500;line-height:40px}.competence__header img{margin-right:16px}.competence .scale{display:flex;gap:16px}.competence .scale hr{background:#8c8f94;border-width:2px;width:100%}.competence .scale__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}.competence .scale__concept{color:#50575e;font-size:16px;font-style:normal;font-weight:400;line-height:24px}.competence .scale__concept strong{color:#181818;font-size:16px;font-style:normal;font-weight:600;line-height:24px}.competence .scale__dimensions{display:flex;flex-wrap:wrap;gap:24px;width:100%}.competence .scale .dimension__main{display:flex;justify-content:space-between}.competence .scale .dimension--full-sized{display:flex;justify-content:space-between;gap:24px;width:100%}.competence .scale .dimension--full-sized .dimension__main{width:35%}.competence .scale .dimension--full-sized .dimension__concept{width:65%}.competence .scale .dimension--summarized{display:flex;width:32%}.competence .scale .dimension--summarized .dimension__main{width:100%}.competence .scale .dimension--title{color:#181818;font-size:16px;font-style:normal;font-weight:500;line-height:24px}.competence .scale .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"] }] });
 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 class=\"mapa__card scale\" *ngFor=\"let scale of competence.scales\">\n    <header class=\"scale__header\">\n      <div class=\"scale__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\">{{ scale.classification.classificationName }}</span>\n        </div>\n      </div>\n      <div *ngIf=\"showProgressbar\" class=\"scale__header--progressbar\">\n        <mapa-progressbar [data]=\"getProgressbarData(scale)\"></mapa-progressbar>\n      </div>\n    </header>\n    <article *ngIf=\"scale.scaleConcept\" class=\"scale__concept\">\n      <strong>Conceito:</strong> {{ scale.scaleConcept }}\n    </article>\n    <hr />\n    <section class=\"scale__dimensions\">\n      <article\n        *ngFor=\"let dimension of scale.dimensions\"\n        class=\"mapa__card--sm dimension\"\n        [class.dimension--full-sized]=\"!showSummarized(dimension)\"\n        [class.dimension--summarized]=\"showSummarized(dimension)\"\n      >\n        <nav class=\"dimension__main\">\n          <div class=\"dimension--title\">\n            <span *ngIf=\"dimension.direction === 'Positiva'; else negativeDirection\">\u2191</span>\n            <ng-template #negativeDirection>\u2193</ng-template>\n            {{ dimension.dimensionName }}\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\">{{ dimension.classification.classificationName }}</span>\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", styles: [".competence{display:flex;gap:24px;font-family:SF-Pro}.competence__header{display:flex;align-items:center;color:#ea561d;font-size:32px;font-weight:500;line-height:40px}.competence__header img{margin-right:16px}.competence .scale{display:flex;gap:16px}.competence .scale hr{background:#8c8f94;border-width:2px;width:100%}.competence .scale__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}.competence .scale__concept{color:#50575e;font-size:16px;font-style:normal;font-weight:400;line-height:24px}.competence .scale__concept strong{color:#181818;font-size:16px;font-style:normal;font-weight:600;line-height:24px}.competence .scale__dimensions{display:flex;flex-wrap:wrap;gap:24px;width:100%}.competence .scale .dimension__main{display:flex;justify-content:space-between}.competence .scale .dimension--full-sized{display:flex;justify-content:space-between;gap:24px;width:100%}.competence .scale .dimension--full-sized .dimension__main{width:35%}.competence .scale .dimension--full-sized .dimension__concept{width:65%}.competence .scale .dimension--summarized{display:flex;width:33%;max-width:342px}.competence .scale .dimension--summarized .dimension__main{width:100%}.competence .scale .dimension--title{color:#181818;font-size:16px;font-style:normal;font-weight:500;line-height:24px}.competence .scale .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 class=\"mapa__card scale\" *ngFor=\"let scale of competence.scales\">\n    <header class=\"scale__header\">\n      <div class=\"scale__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\">{{ scale.classification.classificationName }}</span>\n        </div>\n      </div>\n      <div *ngIf=\"showProgressbar\" class=\"scale__header--progressbar\">\n        <mapa-progressbar [data]=\"getProgressbarData(scale)\"></mapa-progressbar>\n      </div>\n    </header>\n    <article *ngIf=\"scale.scaleConcept\" class=\"scale__concept\">\n      <strong>Conceito:</strong> {{ scale.scaleConcept }}\n    </article>\n    <hr />\n    <section class=\"scale__dimensions\">\n      <article\n        *ngFor=\"let dimension of scale.dimensions\"\n        class=\"mapa__card--sm dimension\"\n        [class.dimension--full-sized]=\"!showSummarized(dimension)\"\n        [class.dimension--summarized]=\"showSummarized(dimension)\"\n      >\n        <nav class=\"dimension__main\">\n          <div class=\"dimension--title\">\n            <span *ngIf=\"dimension.direction === 'Positiva'; else negativeDirection\">\u2191</span>\n            <ng-template #negativeDirection>\u2193</ng-template>\n            {{ dimension.dimensionName }}\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\">{{ dimension.classification.classificationName }}</span>\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", styles: [".competence{display:flex;gap:24px;font-family:SF-Pro}.competence__header{display:flex;align-items:center;color:#ea561d;font-size:32px;font-weight:500;line-height:40px}.competence__header img{margin-right:16px}.competence .scale{display:flex;gap:16px}.competence .scale hr{background:#8c8f94;border-width:2px;width:100%}.competence .scale__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}.competence .scale__concept{color:#50575e;font-size:16px;font-style:normal;font-weight:400;line-height:24px}.competence .scale__concept strong{color:#181818;font-size:16px;font-style:normal;font-weight:600;line-height:24px}.competence .scale__dimensions{display:flex;flex-wrap:wrap;gap:24px;width:100%}.competence .scale .dimension__main{display:flex;justify-content:space-between}.competence .scale .dimension--full-sized{display:flex;justify-content:space-between;gap:24px;width:100%}.competence .scale .dimension--full-sized .dimension__main{width:35%}.competence .scale .dimension--full-sized .dimension__concept{width:65%}.competence .scale .dimension--summarized{display:flex;width:32%}.competence .scale .dimension--summarized .dimension__main{width:100%}.competence .scale .dimension--title{color:#181818;font-size:16px;font-style:normal;font-weight:500;line-height:24px}.competence .scale .dimension__concept{color:#50575e;font-size:16px;font-style:normal;font-weight:400;line-height:24px}\n"] }]
         }], propDecorators: { data: [{
                 type: Input
             }], showProgressbar: [{

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(dimension: Dimension): boolean {\n    return dimension?.dimensionClassificationMessage === 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 class=\"mapa__card scale\" *ngFor=\"let scale of competence.scales\">\n    <header class=\"scale__header\">\n      <div class=\"scale__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\">{{ scale.classification.classificationName }}</span>\n        </div>\n      </div>\n      <div *ngIf=\"showProgressbar\" class=\"scale__header--progressbar\">\n        <mapa-progressbar [data]=\"getProgressbarData(scale)\"></mapa-progressbar>\n      </div>\n    </header>\n    <article *ngIf=\"scale.scaleConcept\" class=\"scale__concept\">\n      <strong>Conceito:</strong> {{ scale.scaleConcept }}\n    </article>\n    <hr />\n    <section class=\"scale__dimensions\">\n      <article\n        *ngFor=\"let dimension of scale.dimensions\"\n        class=\"mapa__card--sm dimension\"\n        [class.dimension--full-sized]=\"!showSummarized(dimension)\"\n        [class.dimension--summarized]=\"showSummarized(dimension)\"\n      >\n        <nav class=\"dimension__main\">\n          <div class=\"dimension--title\">\n            <span *ngIf=\"dimension.direction === 'Positiva'; else negativeDirection\">↑</span>\n            <ng-template #negativeDirection>↓</ng-template>\n            {{ dimension.dimensionName }}\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\">{{ dimension.classification.classificationName }}</span>\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","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/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(dimension: Dimension): boolean {\n    return dimension?.dimensionClassificationMessage === 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 class=\"mapa__card scale\" *ngFor=\"let scale of competence.scales\">\n    <header class=\"scale__header\">\n      <div class=\"scale__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\">{{ scale.classification.classificationName }}</span>\n        </div>\n      </div>\n      <div *ngIf=\"showProgressbar\" class=\"scale__header--progressbar\">\n        <mapa-progressbar [data]=\"getProgressbarData(scale)\"></mapa-progressbar>\n      </div>\n    </header>\n    <article *ngIf=\"scale.scaleConcept\" class=\"scale__concept\">\n      <strong>Conceito:</strong> {{ scale.scaleConcept }}\n    </article>\n    <hr />\n    <section class=\"scale__dimensions\">\n      <article\n        *ngFor=\"let dimension of scale.dimensions\"\n        class=\"mapa__card--sm dimension\"\n        [class.dimension--full-sized]=\"!showSummarized(dimension)\"\n        [class.dimension--summarized]=\"showSummarized(dimension)\"\n      >\n        <nav class=\"dimension__main\">\n          <div class=\"dimension--title\">\n            <span *ngIf=\"dimension.direction === 'Positiva'; else negativeDirection\">↑</span>\n            <ng-template #negativeDirection>↓</ng-template>\n            {{ dimension.dimensionName }}\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\">{{ dimension.classification.classificationName }}</span>\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","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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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "mapa-library-ui",
-  "version": "0.43.0",
+  "version": "0.43.1",
   "peerDependencies": {
     "@angular/common": "^15.2.0",
     "@angular/core": "^15.2.0"