mapa-library-ui 0.13.9 → 0.14.1

package/esm2020/src/lib/components/capability/lib/components/capability/src/capability-detail/capability-detail.component.mjs

@@ -9,7 +9,7 @@ export class MapaCapabilityDetailComponent {
         this.expanded = new Set();
     }
     sortItemsByinterval(items) {
-        return items.sort((a, b) => b.interval - a.interval);
+        return items?.sort((a, b) => b.interval - a.interval);
     }
     showMore(index) {
         if (this.expanded.has(index)) {
@@ -30,11 +30,11 @@ export class MapaCapabilityDetailComponent {
     }
 }
 MapaCapabilityDetailComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: MapaCapabilityDetailComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-MapaCapabilityDetailComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: MapaCapabilityDetailComponent, selector: "mapa-capability-detail", inputs: { data: "data" }, ngImport: i0, template: "<section class=\"capability\">\n  <div class=\"capability__core\">\n    <div *ngFor=\"let capability of data; let i = index\" class=\"capability__item\">\n      <div class=\"capability__item--header\">\n        <div class=\"capability__item--title-dots\">\n          <div class=\"display-L\">{{ capability.name }}</div>\n    \n          <div class=\"capability__item--dots\">\n            <mapa-capability-dot\n              *ngFor=\"let item of sortItemsByinterval(capability.items)\"\n              type=\"small\"\n              [item]=\"item\"\n              [capability]=\"capability\"\n              [tooltip]=\"true\"\n            ></mapa-capability-dot>\n          </div>\n        </div>\n    \n        <div class=\"capability__item--interval\">\n          <mapa-capability-interval-bar\n            [data]=\"capability\"\n            (clicked)=\"showMore(i)\"\n            reusable-interval-bar\n          ></mapa-capability-interval-bar>\n        </div>\n      </div>\n      <div [class.capability__item--show]=\"expanded.has(i)\" [class.capability__item--hide]=\"!expanded.has(i)\">\n        <mapa-capability-expand\n          [data]=\"capability\"\n        ></mapa-capability-expand>\n      </div>\n    </div>\n  </div>\n</section>", styles: [".capability{border-radius:16px}.capability h1{font-family:SF-Pro;font-size:32px;font-style:normal;font-weight:400;line-height:40px}.capability__core{border:1px solid #DCDCDE;border-radius:16px;background-color:#fff;padding-top:25px}.capability__item{padding:24px;position:relative}.capability__item:hover{box-shadow:0 4px 4px #00000021}.capability__item:not(:only-child){border-bottom:1px solid #dcdcde}.capability__item:first-child{border-radius:16px 16px 0 0}.capability__item:last-child{border-bottom:unset;border-radius:0 0 16px 16px}.capability__item--hide{opacity:0;max-height:0;height:0}.capability__item--hide>*{display:none!important;opacity:0!important;max-height:0!important;height:0!important;margin:0!important;padding:0!important;flex:0}.capability__item--show{opacity:1;max-height:100%;height:100%}.capability__item--header{display:flex;align-items:center;justify-content:space-between}.capability__item--title-dots{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;height:72px}.capability__item--title-dots .display-L{margin-bottom:10px}.capability__item--dots{display:flex}.capability__item--dots mapa-capability-dot .tooltip-dot{padding:8px 8px 8px 0}\n", ".classification-1{background-color:#073e92;color:#fff}.classification-2{background-color:#0e6ece;color:#fff}.classification-3{background-color:#2d9ced;color:#000}.classification-4{background-color:#68ceee;color:#000}.classification-5{background-color:#96f2ee;color:#000}.classification-6{background-color:#f598a7;color:#000}.classification-7{background-color:#f56580;color:#000}.classification-8{background-color:#f4284e;color:#fff}.classification-9{background-color:#c11c2f;color:#fff}.small-dot{width:12px;height:12px;border-radius:12px;padding:0;margin:0}.dot{width:16px;height:16px;border-radius:16px;padding:0;margin:0}.indicator{display:flex;padding:2px 4px 2px 16px;justify-content:space-between;align-items:center;border-radius:8px;font-family:SF-Pro;font-size:16px;font-style:normal;font-weight:400}.display-S{font-family:SF-Pro;font-size:20px;font-style:normal;font-weight:400}.display-L{font-family:SF-Pro;font-size:32px;font-style:normal;font-weight:400}.display-XG{font-family:SF-Pro;font-size:48px;font-style:normal;font-weight:400}*{transition:opacity .4s ease-out,max-height .4s ease-out}\n"], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "component", type: i2.MapaCapabilityDotComponent, selector: "mapa-capability-dot", inputs: ["type", "item", "tooltip", "capability"] }, { kind: "component", type: i3.MapaCapabilityIntervalBarComponent, selector: "mapa-capability-interval-bar", inputs: ["data"], outputs: ["clicked"] }, { kind: "component", type: i4.MapaCapabilityExpandComponent, selector: "mapa-capability-expand", inputs: ["data"] }], encapsulation: i0.ViewEncapsulation.None });
+MapaCapabilityDetailComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: MapaCapabilityDetailComponent, selector: "mapa-capability-detail", inputs: { data: "data" }, ngImport: i0, template: "<section class=\"capability\">\n  <div class=\"capability__core\">\n    <div *ngFor=\"let capability of data; let i = index\" class=\"capability__item\">\n      <div class=\"capability__item--header\">\n        <div class=\"capability__item--title-dots\">\n          <div class=\"display-L\">{{ capability.name }}</div>\n    \n          <div class=\"capability__item--dots\">\n            <mapa-capability-dot\n              *ngFor=\"let item of sortItemsByinterval(capability.items)\"\n              type=\"small\"\n              [item]=\"item\"\n              [capability]=\"capability\"\n              [tooltip]=\"true\"\n            ></mapa-capability-dot>\n          </div>\n        </div>\n    \n        <div class=\"capability__item--interval\">\n          <mapa-capability-interval-bar\n            [data]=\"capability\"\n            [expanded]=\"expanded.has(i)\"\n            (clicked)=\"showMore(i)\"\n            reusable-interval-bar\n          ></mapa-capability-interval-bar>\n        </div>\n      </div>\n      <div [class.capability__item--show]=\"expanded.has(i)\" [class.capability__item--hide]=\"!expanded.has(i)\">\n        <mapa-capability-expand\n          [data]=\"capability\"\n        ></mapa-capability-expand>\n      </div>\n    </div>\n  </div>\n</section>", styles: [".capability{border-radius:16px}.capability h1{font-family:SF-Pro;font-size:32px;font-style:normal;font-weight:400;line-height:40px}.capability__core{border:1px solid #DCDCDE;border-radius:16px;background-color:#fff;padding-top:25px}.capability__item{padding:24px;position:relative}.capability__item:hover{box-shadow:0 4px 4px #00000021}.capability__item:not(:only-child){border-bottom:1px solid #dcdcde}.capability__item:first-child{border-radius:16px 16px 0 0}.capability__item:last-child{border-bottom:unset;border-radius:0 0 16px 16px}.capability__item--hide{opacity:0;max-height:0;height:0}.capability__item--hide>*{display:none!important;opacity:0!important;max-height:0!important;height:0!important;margin:0!important;padding:0!important;flex:0}.capability__item--show{opacity:1;max-height:100%;height:100%}.capability__item--header{display:flex;align-items:center;justify-content:space-between}.capability__item--title-dots{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;height:72px}.capability__item--title-dots .display-L{margin-bottom:10px}.capability__item--dots{display:flex}.capability__item--dots mapa-capability-dot .tooltip-dot{padding:8px 8px 8px 0}\n", ".classification-1{background-color:#073e92;color:#fff}.classification-2{background-color:#0e6ece;color:#fff}.classification-3{background-color:#2d9ced;color:#000}.classification-4{background-color:#68ceee;color:#000}.classification-5{background-color:#96f2ee;color:#000}.classification-6{background-color:#f598a7;color:#000}.classification-7{background-color:#f56580;color:#000}.classification-8{background-color:#f4284e;color:#fff}.classification-9{background-color:#c11c2f;color:#fff}.small-dot{width:12px;height:12px;border-radius:12px;padding:0;margin:0}.dot{width:16px;height:16px;border-radius:16px;padding:0;margin:0}.indicator{display:flex;padding:2px 4px 2px 16px;justify-content:space-between;align-items:center;border-radius:8px;font-family:SF-Pro;font-size:16px;font-style:normal;font-weight:400}.display-S{font-family:SF-Pro;font-size:20px;font-style:normal;font-weight:400}.display-L{font-family:SF-Pro;font-size:32px;font-style:normal;font-weight:400}.display-XG{font-family:SF-Pro;font-size:48px;font-style:normal;font-weight:400}*{transition:opacity .4s ease-out,max-height .4s ease-out}\n"], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "component", type: i2.MapaCapabilityDotComponent, selector: "mapa-capability-dot", inputs: ["type", "item", "tooltip", "capability"] }, { kind: "component", type: i3.MapaCapabilityIntervalBarComponent, selector: "mapa-capability-interval-bar", inputs: ["data", "expanded"], outputs: ["clicked"] }, { kind: "component", type: i4.MapaCapabilityExpandComponent, selector: "mapa-capability-expand", inputs: ["data"] }], encapsulation: i0.ViewEncapsulation.None });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: MapaCapabilityDetailComponent, decorators: [{
             type: Component,
-            args: [{ selector: "mapa-capability-detail", encapsulation: ViewEncapsulation.None, template: "<section class=\"capability\">\n  <div class=\"capability__core\">\n    <div *ngFor=\"let capability of data; let i = index\" class=\"capability__item\">\n      <div class=\"capability__item--header\">\n        <div class=\"capability__item--title-dots\">\n          <div class=\"display-L\">{{ capability.name }}</div>\n    \n          <div class=\"capability__item--dots\">\n            <mapa-capability-dot\n              *ngFor=\"let item of sortItemsByinterval(capability.items)\"\n              type=\"small\"\n              [item]=\"item\"\n              [capability]=\"capability\"\n              [tooltip]=\"true\"\n            ></mapa-capability-dot>\n          </div>\n        </div>\n    \n        <div class=\"capability__item--interval\">\n          <mapa-capability-interval-bar\n            [data]=\"capability\"\n            (clicked)=\"showMore(i)\"\n            reusable-interval-bar\n          ></mapa-capability-interval-bar>\n        </div>\n      </div>\n      <div [class.capability__item--show]=\"expanded.has(i)\" [class.capability__item--hide]=\"!expanded.has(i)\">\n        <mapa-capability-expand\n          [data]=\"capability\"\n        ></mapa-capability-expand>\n      </div>\n    </div>\n  </div>\n</section>", styles: [".capability{border-radius:16px}.capability h1{font-family:SF-Pro;font-size:32px;font-style:normal;font-weight:400;line-height:40px}.capability__core{border:1px solid #DCDCDE;border-radius:16px;background-color:#fff;padding-top:25px}.capability__item{padding:24px;position:relative}.capability__item:hover{box-shadow:0 4px 4px #00000021}.capability__item:not(:only-child){border-bottom:1px solid #dcdcde}.capability__item:first-child{border-radius:16px 16px 0 0}.capability__item:last-child{border-bottom:unset;border-radius:0 0 16px 16px}.capability__item--hide{opacity:0;max-height:0;height:0}.capability__item--hide>*{display:none!important;opacity:0!important;max-height:0!important;height:0!important;margin:0!important;padding:0!important;flex:0}.capability__item--show{opacity:1;max-height:100%;height:100%}.capability__item--header{display:flex;align-items:center;justify-content:space-between}.capability__item--title-dots{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;height:72px}.capability__item--title-dots .display-L{margin-bottom:10px}.capability__item--dots{display:flex}.capability__item--dots mapa-capability-dot .tooltip-dot{padding:8px 8px 8px 0}\n", ".classification-1{background-color:#073e92;color:#fff}.classification-2{background-color:#0e6ece;color:#fff}.classification-3{background-color:#2d9ced;color:#000}.classification-4{background-color:#68ceee;color:#000}.classification-5{background-color:#96f2ee;color:#000}.classification-6{background-color:#f598a7;color:#000}.classification-7{background-color:#f56580;color:#000}.classification-8{background-color:#f4284e;color:#fff}.classification-9{background-color:#c11c2f;color:#fff}.small-dot{width:12px;height:12px;border-radius:12px;padding:0;margin:0}.dot{width:16px;height:16px;border-radius:16px;padding:0;margin:0}.indicator{display:flex;padding:2px 4px 2px 16px;justify-content:space-between;align-items:center;border-radius:8px;font-family:SF-Pro;font-size:16px;font-style:normal;font-weight:400}.display-S{font-family:SF-Pro;font-size:20px;font-style:normal;font-weight:400}.display-L{font-family:SF-Pro;font-size:32px;font-style:normal;font-weight:400}.display-XG{font-family:SF-Pro;font-size:48px;font-style:normal;font-weight:400}*{transition:opacity .4s ease-out,max-height .4s ease-out}\n"] }]
+            args: [{ selector: "mapa-capability-detail", encapsulation: ViewEncapsulation.None, template: "<section class=\"capability\">\n  <div class=\"capability__core\">\n    <div *ngFor=\"let capability of data; let i = index\" class=\"capability__item\">\n      <div class=\"capability__item--header\">\n        <div class=\"capability__item--title-dots\">\n          <div class=\"display-L\">{{ capability.name }}</div>\n    \n          <div class=\"capability__item--dots\">\n            <mapa-capability-dot\n              *ngFor=\"let item of sortItemsByinterval(capability.items)\"\n              type=\"small\"\n              [item]=\"item\"\n              [capability]=\"capability\"\n              [tooltip]=\"true\"\n            ></mapa-capability-dot>\n          </div>\n        </div>\n    \n        <div class=\"capability__item--interval\">\n          <mapa-capability-interval-bar\n            [data]=\"capability\"\n            [expanded]=\"expanded.has(i)\"\n            (clicked)=\"showMore(i)\"\n            reusable-interval-bar\n          ></mapa-capability-interval-bar>\n        </div>\n      </div>\n      <div [class.capability__item--show]=\"expanded.has(i)\" [class.capability__item--hide]=\"!expanded.has(i)\">\n        <mapa-capability-expand\n          [data]=\"capability\"\n        ></mapa-capability-expand>\n      </div>\n    </div>\n  </div>\n</section>", styles: [".capability{border-radius:16px}.capability h1{font-family:SF-Pro;font-size:32px;font-style:normal;font-weight:400;line-height:40px}.capability__core{border:1px solid #DCDCDE;border-radius:16px;background-color:#fff;padding-top:25px}.capability__item{padding:24px;position:relative}.capability__item:hover{box-shadow:0 4px 4px #00000021}.capability__item:not(:only-child){border-bottom:1px solid #dcdcde}.capability__item:first-child{border-radius:16px 16px 0 0}.capability__item:last-child{border-bottom:unset;border-radius:0 0 16px 16px}.capability__item--hide{opacity:0;max-height:0;height:0}.capability__item--hide>*{display:none!important;opacity:0!important;max-height:0!important;height:0!important;margin:0!important;padding:0!important;flex:0}.capability__item--show{opacity:1;max-height:100%;height:100%}.capability__item--header{display:flex;align-items:center;justify-content:space-between}.capability__item--title-dots{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;height:72px}.capability__item--title-dots .display-L{margin-bottom:10px}.capability__item--dots{display:flex}.capability__item--dots mapa-capability-dot .tooltip-dot{padding:8px 8px 8px 0}\n", ".classification-1{background-color:#073e92;color:#fff}.classification-2{background-color:#0e6ece;color:#fff}.classification-3{background-color:#2d9ced;color:#000}.classification-4{background-color:#68ceee;color:#000}.classification-5{background-color:#96f2ee;color:#000}.classification-6{background-color:#f598a7;color:#000}.classification-7{background-color:#f56580;color:#000}.classification-8{background-color:#f4284e;color:#fff}.classification-9{background-color:#c11c2f;color:#fff}.small-dot{width:12px;height:12px;border-radius:12px;padding:0;margin:0}.dot{width:16px;height:16px;border-radius:16px;padding:0;margin:0}.indicator{display:flex;padding:2px 4px 2px 16px;justify-content:space-between;align-items:center;border-radius:8px;font-family:SF-Pro;font-size:16px;font-style:normal;font-weight:400}.display-S{font-family:SF-Pro;font-size:20px;font-style:normal;font-weight:400}.display-L{font-family:SF-Pro;font-size:32px;font-style:normal;font-weight:400}.display-XG{font-family:SF-Pro;font-size:48px;font-style:normal;font-weight:400}*{transition:opacity .4s ease-out,max-height .4s ease-out}\n"] }]
         }], propDecorators: { data: [{
                 type: Input
             }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2FwYWJpbGl0eS1kZXRhaWwuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbWFwYS1saWJyYXJ5LXVpL3NyYy9saWIvY29tcG9uZW50cy9jYXBhYmlsaXR5L3NyYy9jYXBhYmlsaXR5LWRldGFpbC9jYXBhYmlsaXR5LWRldGFpbC5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9tYXBhLWxpYnJhcnktdWkvc3JjL2xpYi9jb21wb25lbnRzL2NhcGFiaWxpdHkvc3JjL2NhcGFiaWxpdHktZGV0YWlsL2NhcGFiaWxpdHktZGV0YWlsLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFDTCxTQUFTLEVBQ1QsS0FBSyxFQUNMLGlCQUFpQixHQUNsQixNQUFNLGVBQWUsQ0FBQzs7Ozs7O0FBWXZCLE1BQU0sT0FBTyw2QkFBNkI7SUFUMUM7UUFXUyxhQUFRLEdBQUcsSUFBSSxHQUFHLEVBQVUsQ0FBQztLQXNCckM7SUFwQkMsbUJBQW1CLENBQUMsS0FBWTtRQUM5QixPQUFPLEtBQUssQ0FBQyxJQUFJLENBQUMsQ0FBQyxDQUFNLEVBQUUsQ0FBTSxFQUFFLEVBQUUsQ0FBQyxDQUFDLENBQUMsUUFBUSxHQUFHLENBQUMsQ0FBQyxRQUFRLENBQUMsQ0FBQztJQUNqRSxDQUFDO0lBRUQsUUFBUSxDQUFDLEtBQWE7UUFDcEIsSUFBSSxJQUFJLENBQUMsUUFBUSxDQUFDLEdBQUcsQ0FBQyxLQUFLLENBQUMsRUFBRTtZQUM1QixJQUFJLENBQUMsUUFBUSxDQUFDLE1BQU0sQ0FBQyxLQUFLLENBQUMsQ0FBQztTQUM3QjthQUFNO1lBQ0wsSUFBSSxDQUFDLFFBQVEsQ0FBQyxLQUFLLEVBQUUsQ0FBQztZQUN0QixJQUFJLENBQUMsUUFBUSxDQUFDLEdBQUcsQ0FBQyxLQUFLLENBQUMsQ0FBQztTQUMxQjtJQUNILENBQUM7SUFFRCxTQUFTO1FBQ1AsSUFBSSxJQUFJLENBQUMsUUFBUSxDQUFDLElBQUksS0FBSyxJQUFJLENBQUMsSUFBSSxDQUFDLE1BQU0sRUFBRTtZQUMzQyxJQUFJLENBQUMsUUFBUSxDQUFDLEtBQUssRUFBRSxDQUFDO1NBQ3ZCO2FBQU07WUFDTCxJQUFJLENBQUMsUUFBUSxHQUFHLElBQUksR0FBRyxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsR0FBRyxDQUFDLENBQUMsQ0FBQyxFQUFFLENBQUMsRUFBRSxFQUFFLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQztTQUNyRDtJQUNILENBQUM7OzJIQXZCVSw2QkFBNkI7K0dBQTdCLDZCQUE2Qix3RkNoQjFDLDR0Q0FpQ1U7NEZEakJHLDZCQUE2QjtrQkFUekMsU0FBUzsrQkFDRSx3QkFBd0IsaUJBTW5CLGlCQUFpQixDQUFDLElBQUk7OEJBRzVCLElBQUk7c0JBQVosS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XG4gIENvbXBvbmVudCxcbiAgSW5wdXQsXG4gIFZpZXdFbmNhcHN1bGF0aW9uLFxufSBmcm9tIFwiQGFuZ3VsYXIvY29yZVwiO1xuaW1wb3J0IHsgQ2FwYWJpbGl0eSB9IGZyb20gXCIuLi9lc3NlbnRpYWxzL2ludGVyZmFjZXMvY2FwYWJpbGl0eS5pbnRlcmZhY2VcIjtcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiBcIm1hcGEtY2FwYWJpbGl0eS1kZXRhaWxcIixcbiAgdGVtcGxhdGVVcmw6IFwiLi9jYXBhYmlsaXR5LWRldGFpbC5jb21wb25lbnQuaHRtbFwiLFxuICBzdHlsZVVybHM6IFtcbiAgICBcIi4vY2FwYWJpbGl0eS1kZXRhaWwuY29tcG9uZW50LnNjc3NcIixcbiAgICBcIi4vLi4vLi4vc3R5bGVzL2NhcGFiaWxpdHkuc2Nzc1wiLFxuICBdLFxuICBlbmNhcHN1bGF0aW9uOiBWaWV3RW5jYXBzdWxhdGlvbi5Ob25lLFxufSlcbmV4cG9ydCBjbGFzcyBNYXBhQ2FwYWJpbGl0eURldGFpbENvbXBvbmVudCB7XG4gIEBJbnB1dCgpIGRhdGEhOiBDYXBhYmlsaXR5W107XG4gIHB1YmxpYyBleHBhbmRlZCA9IG5ldyBTZXQ8bnVtYmVyPigpO1xuXG4gIHNvcnRJdGVtc0J5aW50ZXJ2YWwoaXRlbXM6IGFueVtdKTogYW55W10ge1xuICAgIHJldHVybiBpdGVtcy5zb3J0KChhOiBhbnksIGI6IGFueSkgPT4gYi5pbnRlcnZhbCAtIGEuaW50ZXJ2YWwpO1xuICB9XG5cbiAgc2hvd01vcmUoaW5kZXg6IG51bWJlcik6IHZvaWQge1xuICAgIGlmICh0aGlzLmV4cGFuZGVkLmhhcyhpbmRleCkpIHtcbiAgICAgIHRoaXMuZXhwYW5kZWQuZGVsZXRlKGluZGV4KTtcbiAgICB9IGVsc2Uge1xuICAgICAgdGhpcy5leHBhbmRlZC5jbGVhcigpO1xuICAgICAgdGhpcy5leHBhbmRlZC5hZGQoaW5kZXgpO1xuICAgIH1cbiAgfVxuXG4gIHRvZ2dsZUFsbCgpOiB2b2lkIHtcbiAgICBpZiAodGhpcy5leHBhbmRlZC5zaXplID09PSB0aGlzLmRhdGEubGVuZ3RoKSB7XG4gICAgICB0aGlzLmV4cGFuZGVkLmNsZWFyKCk7XG4gICAgfSBlbHNlIHtcbiAgICAgIHRoaXMuZXhwYW5kZWQgPSBuZXcgU2V0KHRoaXMuZGF0YS5tYXAoKF8sIGkpID0+IGkpKTtcbiAgICB9XG4gIH1cbn1cbiIsIjxzZWN0aW9uIGNsYXNzPVwiY2FwYWJpbGl0eVwiPlxuICA8ZGl2IGNsYXNzPVwiY2FwYWJpbGl0eV9fY29yZVwiPlxuICAgIDxkaXYgKm5nRm9yPVwibGV0IGNhcGFiaWxpdHkgb2YgZGF0YTsgbGV0IGkgPSBpbmRleFwiIGNsYXNzPVwiY2FwYWJpbGl0eV9faXRlbVwiPlxuICAgICAgPGRpdiBjbGFzcz1cImNhcGFiaWxpdHlfX2l0ZW0tLWhlYWRlclwiPlxuICAgICAgICA8ZGl2IGNsYXNzPVwiY2FwYWJpbGl0eV9faXRlbS0tdGl0bGUtZG90c1wiPlxuICAgICAgICAgIDxkaXYgY2xhc3M9XCJkaXNwbGF5LUxcIj57eyBjYXBhYmlsaXR5Lm5hbWUgfX08L2Rpdj5cbiAgICBcbiAgICAgICAgICA8ZGl2IGNsYXNzPVwiY2FwYWJpbGl0eV9faXRlbS0tZG90c1wiPlxuICAgICAgICAgICAgPG1hcGEtY2FwYWJpbGl0eS1kb3RcbiAgICAgICAgICAgICAgKm5nRm9yPVwibGV0IGl0ZW0gb2Ygc29ydEl0ZW1zQnlpbnRlcnZhbChjYXBhYmlsaXR5Lml0ZW1zKVwiXG4gICAgICAgICAgICAgIHR5cGU9XCJzbWFsbFwiXG4gICAgICAgICAgICAgIFtpdGVtXT1cIml0ZW1cIlxuICAgICAgICAgICAgICBbY2FwYWJpbGl0eV09XCJjYXBhYmlsaXR5XCJcbiAgICAgICAgICAgICAgW3Rvb2x0aXBdPVwidHJ1ZVwiXG4gICAgICAgICAgICA+PC9tYXBhLWNhcGFiaWxpdHktZG90PlxuICAgICAgICAgIDwvZGl2PlxuICAgICAgICA8L2Rpdj5cbiAgICBcbiAgICAgICAgPGRpdiBjbGFzcz1cImNhcGFiaWxpdHlfX2l0ZW0tLWludGVydmFsXCI+XG4gICAgICAgICAgPG1hcGEtY2FwYWJpbGl0eS1pbnRlcnZhbC1iYXJcbiAgICAgICAgICAgIFtkYXRhXT1cImNhcGFiaWxpdHlcIlxuICAgICAgICAgICAgKGNsaWNrZWQpPVwic2hvd01vcmUoaSlcIlxuICAgICAgICAgICAgcmV1c2FibGUtaW50ZXJ2YWwtYmFyXG4gICAgICAgICAgPjwvbWFwYS1jYXBhYmlsaXR5LWludGVydmFsLWJhcj5cbiAgICAgICAgPC9kaXY+XG4gICAgICA8L2Rpdj5cbiAgICAgIDxkaXYgW2NsYXNzLmNhcGFiaWxpdHlfX2l0ZW0tLXNob3ddPVwiZXhwYW5kZWQuaGFzKGkpXCIgW2NsYXNzLmNhcGFiaWxpdHlfX2l0ZW0tLWhpZGVdPVwiIWV4cGFuZGVkLmhhcyhpKVwiPlxuICAgICAgICA8bWFwYS1jYXBhYmlsaXR5LWV4cGFuZFxuICAgICAgICAgIFtkYXRhXT1cImNhcGFiaWxpdHlcIlxuICAgICAgICA+PC9tYXBhLWNhcGFiaWxpdHktZXhwYW5kPlxuICAgICAgPC9kaXY+XG4gICAgPC9kaXY+XG4gIDwvZGl2PlxuPC9zZWN0aW9uPiJdfQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2FwYWJpbGl0eS1kZXRhaWwuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbWFwYS1saWJyYXJ5LXVpL3NyYy9saWIvY29tcG9uZW50cy9jYXBhYmlsaXR5L3NyYy9jYXBhYmlsaXR5LWRldGFpbC9jYXBhYmlsaXR5LWRldGFpbC5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9tYXBhLWxpYnJhcnktdWkvc3JjL2xpYi9jb21wb25lbnRzL2NhcGFiaWxpdHkvc3JjL2NhcGFiaWxpdHktZGV0YWlsL2NhcGFiaWxpdHktZGV0YWlsLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFDTCxTQUFTLEVBQ1QsS0FBSyxFQUNMLGlCQUFpQixHQUNsQixNQUFNLGVBQWUsQ0FBQzs7Ozs7O0FBWXZCLE1BQU0sT0FBTyw2QkFBNkI7SUFUMUM7UUFXUyxhQUFRLEdBQUcsSUFBSSxHQUFHLEVBQVUsQ0FBQztLQXNCckM7SUFwQkMsbUJBQW1CLENBQUMsS0FBWTtRQUM5QixPQUFPLEtBQUssRUFBRSxJQUFJLENBQUMsQ0FBQyxDQUFNLEVBQUUsQ0FBTSxFQUFFLEVBQUUsQ0FBQyxDQUFDLENBQUMsUUFBUSxHQUFHLENBQUMsQ0FBQyxRQUFRLENBQUMsQ0FBQztJQUNsRSxDQUFDO0lBRUQsUUFBUSxDQUFDLEtBQWE7UUFDcEIsSUFBSSxJQUFJLENBQUMsUUFBUSxDQUFDLEdBQUcsQ0FBQyxLQUFLLENBQUMsRUFBRTtZQUM1QixJQUFJLENBQUMsUUFBUSxDQUFDLE1BQU0sQ0FBQyxLQUFLLENBQUMsQ0FBQztTQUM3QjthQUFNO1lBQ0wsSUFBSSxDQUFDLFFBQVEsQ0FBQyxLQUFLLEVBQUUsQ0FBQztZQUN0QixJQUFJLENBQUMsUUFBUSxDQUFDLEdBQUcsQ0FBQyxLQUFLLENBQUMsQ0FBQztTQUMxQjtJQUNILENBQUM7SUFFRCxTQUFTO1FBQ1AsSUFBSSxJQUFJLENBQUMsUUFBUSxDQUFDLElBQUksS0FBSyxJQUFJLENBQUMsSUFBSSxDQUFDLE1BQU0sRUFBRTtZQUMzQyxJQUFJLENBQUMsUUFBUSxDQUFDLEtBQUssRUFBRSxDQUFDO1NBQ3ZCO2FBQU07WUFDTCxJQUFJLENBQUMsUUFBUSxHQUFHLElBQUksR0FBRyxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsR0FBRyxDQUFDLENBQUMsQ0FBQyxFQUFFLENBQUMsRUFBRSxFQUFFLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQztTQUNyRDtJQUNILENBQUM7OzJIQXZCVSw2QkFBNkI7K0dBQTdCLDZCQUE2Qix3RkNoQjFDLHd3Q0FrQ1U7NEZEbEJHLDZCQUE2QjtrQkFUekMsU0FBUzsrQkFDRSx3QkFBd0IsaUJBTW5CLGlCQUFpQixDQUFDLElBQUk7OEJBRzVCLElBQUk7c0JBQVosS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XG4gIENvbXBvbmVudCxcbiAgSW5wdXQsXG4gIFZpZXdFbmNhcHN1bGF0aW9uLFxufSBmcm9tIFwiQGFuZ3VsYXIvY29yZVwiO1xuaW1wb3J0IHsgQ2FwYWJpbGl0eSB9IGZyb20gXCIuLi9lc3NlbnRpYWxzL2ludGVyZmFjZXMvY2FwYWJpbGl0eS5pbnRlcmZhY2VcIjtcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiBcIm1hcGEtY2FwYWJpbGl0eS1kZXRhaWxcIixcbiAgdGVtcGxhdGVVcmw6IFwiLi9jYXBhYmlsaXR5LWRldGFpbC5jb21wb25lbnQuaHRtbFwiLFxuICBzdHlsZVVybHM6IFtcbiAgICBcIi4vY2FwYWJpbGl0eS1kZXRhaWwuY29tcG9uZW50LnNjc3NcIixcbiAgICBcIi4vLi4vLi4vc3R5bGVzL2NhcGFiaWxpdHkuc2Nzc1wiLFxuICBdLFxuICBlbmNhcHN1bGF0aW9uOiBWaWV3RW5jYXBzdWxhdGlvbi5Ob25lLFxufSlcbmV4cG9ydCBjbGFzcyBNYXBhQ2FwYWJpbGl0eURldGFpbENvbXBvbmVudCB7XG4gIEBJbnB1dCgpIGRhdGEhOiBDYXBhYmlsaXR5W107XG4gIHB1YmxpYyBleHBhbmRlZCA9IG5ldyBTZXQ8bnVtYmVyPigpO1xuXG4gIHNvcnRJdGVtc0J5aW50ZXJ2YWwoaXRlbXM6IGFueVtdKTogYW55W10ge1xuICAgIHJldHVybiBpdGVtcz8uc29ydCgoYTogYW55LCBiOiBhbnkpID0+IGIuaW50ZXJ2YWwgLSBhLmludGVydmFsKTtcbiAgfVxuXG4gIHNob3dNb3JlKGluZGV4OiBudW1iZXIpOiB2b2lkIHtcbiAgICBpZiAodGhpcy5leHBhbmRlZC5oYXMoaW5kZXgpKSB7XG4gICAgICB0aGlzLmV4cGFuZGVkLmRlbGV0ZShpbmRleCk7XG4gICAgfSBlbHNlIHtcbiAgICAgIHRoaXMuZXhwYW5kZWQuY2xlYXIoKTtcbiAgICAgIHRoaXMuZXhwYW5kZWQuYWRkKGluZGV4KTtcbiAgICB9XG4gIH1cblxuICB0b2dnbGVBbGwoKTogdm9pZCB7XG4gICAgaWYgKHRoaXMuZXhwYW5kZWQuc2l6ZSA9PT0gdGhpcy5kYXRhLmxlbmd0aCkge1xuICAgICAgdGhpcy5leHBhbmRlZC5jbGVhcigpO1xuICAgIH0gZWxzZSB7XG4gICAgICB0aGlzLmV4cGFuZGVkID0gbmV3IFNldCh0aGlzLmRhdGEubWFwKChfLCBpKSA9PiBpKSk7XG4gICAgfVxuICB9XG59XG4iLCI8c2VjdGlvbiBjbGFzcz1cImNhcGFiaWxpdHlcIj5cbiAgPGRpdiBjbGFzcz1cImNhcGFiaWxpdHlfX2NvcmVcIj5cbiAgICA8ZGl2ICpuZ0Zvcj1cImxldCBjYXBhYmlsaXR5IG9mIGRhdGE7IGxldCBpID0gaW5kZXhcIiBjbGFzcz1cImNhcGFiaWxpdHlfX2l0ZW1cIj5cbiAgICAgIDxkaXYgY2xhc3M9XCJjYXBhYmlsaXR5X19pdGVtLS1oZWFkZXJcIj5cbiAgICAgICAgPGRpdiBjbGFzcz1cImNhcGFiaWxpdHlfX2l0ZW0tLXRpdGxlLWRvdHNcIj5cbiAgICAgICAgICA8ZGl2IGNsYXNzPVwiZGlzcGxheS1MXCI+e3sgY2FwYWJpbGl0eS5uYW1lIH19PC9kaXY+XG4gICAgXG4gICAgICAgICAgPGRpdiBjbGFzcz1cImNhcGFiaWxpdHlfX2l0ZW0tLWRvdHNcIj5cbiAgICAgICAgICAgIDxtYXBhLWNhcGFiaWxpdHktZG90XG4gICAgICAgICAgICAgICpuZ0Zvcj1cImxldCBpdGVtIG9mIHNvcnRJdGVtc0J5aW50ZXJ2YWwoY2FwYWJpbGl0eS5pdGVtcylcIlxuICAgICAgICAgICAgICB0eXBlPVwic21hbGxcIlxuICAgICAgICAgICAgICBbaXRlbV09XCJpdGVtXCJcbiAgICAgICAgICAgICAgW2NhcGFiaWxpdHldPVwiY2FwYWJpbGl0eVwiXG4gICAgICAgICAgICAgIFt0b29sdGlwXT1cInRydWVcIlxuICAgICAgICAgICAgPjwvbWFwYS1jYXBhYmlsaXR5LWRvdD5cbiAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgPC9kaXY+XG4gICAgXG4gICAgICAgIDxkaXYgY2xhc3M9XCJjYXBhYmlsaXR5X19pdGVtLS1pbnRlcnZhbFwiPlxuICAgICAgICAgIDxtYXBhLWNhcGFiaWxpdHktaW50ZXJ2YWwtYmFyXG4gICAgICAgICAgICBbZGF0YV09XCJjYXBhYmlsaXR5XCJcbiAgICAgICAgICAgIFtleHBhbmRlZF09XCJleHBhbmRlZC5oYXMoaSlcIlxuICAgICAgICAgICAgKGNsaWNrZWQpPVwic2hvd01vcmUoaSlcIlxuICAgICAgICAgICAgcmV1c2FibGUtaW50ZXJ2YWwtYmFyXG4gICAgICAgICAgPjwvbWFwYS1jYXBhYmlsaXR5LWludGVydmFsLWJhcj5cbiAgICAgICAgPC9kaXY+XG4gICAgICA8L2Rpdj5cbiAgICAgIDxkaXYgW2NsYXNzLmNhcGFiaWxpdHlfX2l0ZW0tLXNob3ddPVwiZXhwYW5kZWQuaGFzKGkpXCIgW2NsYXNzLmNhcGFiaWxpdHlfX2l0ZW0tLWhpZGVdPVwiIWV4cGFuZGVkLmhhcyhpKVwiPlxuICAgICAgICA8bWFwYS1jYXBhYmlsaXR5LWV4cGFuZFxuICAgICAgICAgIFtkYXRhXT1cImNhcGFiaWxpdHlcIlxuICAgICAgICA+PC9tYXBhLWNhcGFiaWxpdHktZXhwYW5kPlxuICAgICAgPC9kaXY+XG4gICAgPC9kaXY+XG4gIDwvZGl2PlxuPC9zZWN0aW9uPiJdfQ==

package/esm2020/src/lib/components/capability/lib/components/capability/src/capability-expand/capability-expand.component.mjs

@@ -10,11 +10,11 @@ export class MapaCapabilityExpandComponent {
     }
 }
 MapaCapabilityExpandComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: MapaCapabilityExpandComponent, deps: [{ token: i1.CapabilityClassificationService }], target: i0.ɵɵFactoryTarget.Component });
-MapaCapabilityExpandComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: MapaCapabilityExpandComponent, selector: "mapa-capability-expand", inputs: { data: "data" }, ngImport: i0, template: "<div class=\"capability__concept\">\n  <div class=\"capability__concept--content\">\n    <div class=\"capability__concept--title\">Conceito</div>\n    <div class=\"capability__concept--text\">\n      {{ data.concept }}\n    </div>\n  </div>\n  <div class=\"capability__concept--content\">\n    <div class=\"capability__concept--title\">Resultado</div>\n    <div class=\"capability__concept--text\">\n      {{ data.result }}\n    </div>\n  </div>\n</div>\n<div class=\"capability__expanded\">\n  <div *ngFor=\"let item of data.items\" class=\"capability__expanded--item\">\n    <div class=\"name\">\n      <div class=\"display-S\">{{ item.name }}</div>\n      <mapa-tag size=\"small\">\n        <mapa-capability-dot\n          [item]=\"item\"\n        ></mapa-capability-dot>\n        {{ classification.getByItem(item).name }}\n      </mapa-tag>\n    </div>\n\n    <p class=\"classificationName\">\n      <strong *ngIf=\"!classification.getByItem(item).positive\">\u2198\uFE0E Dire\u00E7\u00E3o Negativa</strong> \n      <strong *ngIf=\"classification.getByItem(item).positive\">\u2197 Dire\u00E7\u00E3o Positiva</strong>\n      | {{ item.description }}\n    </p>\n  </div>\n</div>\n", styles: [".capability__concept{display:flex;flex:1 1 48%;gap:42px;margin:24px 0 60px}.capability__concept--content{width:48%}.capability__concept--title{color:#000;font-family:SF Pro Display;font-size:16px;font-style:normal;font-weight:600;line-height:24px;margin-bottom:8px}.capability__concept--text{color:#676767;font-family:SF-Pro;font-size:16px;font-style:normal;font-weight:400;line-height:24px}.capability__expanded{border-top:1px solid #CDCDCD;padding:36px 16px 16px;display:flex;flex-wrap:wrap;flex:0 0 30%;justify-content:flex-start;gap:30px}.capability__expanded--item{width:30%}.capability__expanded--item .name{display:flex;justify-content:space-between;margin-bottom:16px}.capability__expanded--item .classificationName{color:#8c8f94}.capability__expanded--item mapa-tag .mapa-tag--small{display:flex;align-items:center;gap:8px;padding:2px 8px 2px 3px!important;font-size:14px!important;font-style:normal;font-weight:400;height:18px}\n"], dependencies: [{ kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i3.TagComponent, selector: "mapa-tag", inputs: ["color", "size"] }, { kind: "component", type: i4.MapaCapabilityDotComponent, selector: "mapa-capability-dot", inputs: ["type", "item", "tooltip", "capability"] }], encapsulation: i0.ViewEncapsulation.None });
+MapaCapabilityExpandComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: MapaCapabilityExpandComponent, selector: "mapa-capability-expand", inputs: { data: "data" }, ngImport: i0, template: "<div class=\"capability__concept\">\n  <div class=\"capability__concept--content\">\n    <div class=\"capability__concept--title\">Conceito</div>\n    <div class=\"capability__concept--text\">\n      {{ data.capabilityConcept?.concept! }}\n    </div>\n  </div>\n  <div class=\"capability__concept--content\">\n    <div class=\"capability__concept--title\">Resultado</div>\n    <div class=\"capability__concept--text\">\n      {{ data.capabilityConcept?.result! }}\n    </div>\n  </div>\n</div>\n<div class=\"capability__expanded\">\n  <div *ngFor=\"let item of data.items\" class=\"capability__expanded--item\">\n    <div class=\"name\">\n      <div class=\"display-S\">{{ item.name }}</div>\n      <mapa-tag size=\"small\">\n        <mapa-capability-dot\n          [item]=\"item\"\n        ></mapa-capability-dot>\n        {{ classification.getByItem(item).name }}\n      </mapa-tag>\n    </div>\n\n    <p class=\"classificationName\">\n      <strong *ngIf=\"!classification.getByItem(item).positive\">\u2198\uFE0E Dire\u00E7\u00E3o Negativa</strong> \n      <strong *ngIf=\"classification.getByItem(item).positive\">\u2197 Dire\u00E7\u00E3o Positiva</strong>\n      | {{ item.description }}\n    </p>\n  </div>\n</div>\n", styles: [".capability__concept{display:flex;flex:1 1 48%;gap:42px;margin:24px 0 60px}.capability__concept--content{width:48%}.capability__concept--title{color:#000;font-family:SF Pro Display;font-size:16px;font-style:normal;font-weight:600;line-height:24px;margin-bottom:8px}.capability__concept--text{color:#676767;font-family:SF-Pro;font-size:16px;font-style:normal;font-weight:400;line-height:24px}.capability__expanded{border-top:1px solid #CDCDCD;padding:36px 16px 16px;display:flex;flex-wrap:wrap;flex:0 0 30%;justify-content:flex-start;gap:30px}.capability__expanded--item{width:30%}.capability__expanded--item .name{display:flex;justify-content:space-between;margin-bottom:16px}.capability__expanded--item .classificationName{color:#8c8f94}.capability__expanded--item mapa-tag .mapa-tag--small{display:flex;align-items:center;gap:8px;padding:2px 8px 2px 3px!important;font-size:14px!important;font-style:normal;font-weight:400;height:18px}\n"], dependencies: [{ kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i3.TagComponent, selector: "mapa-tag", inputs: ["color", "size"] }, { kind: "component", type: i4.MapaCapabilityDotComponent, selector: "mapa-capability-dot", inputs: ["type", "item", "tooltip", "capability"] }], encapsulation: i0.ViewEncapsulation.None });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: MapaCapabilityExpandComponent, decorators: [{
             type: Component,
-            args: [{ selector: "mapa-capability-expand", encapsulation: ViewEncapsulation.None, template: "<div class=\"capability__concept\">\n  <div class=\"capability__concept--content\">\n    <div class=\"capability__concept--title\">Conceito</div>\n    <div class=\"capability__concept--text\">\n      {{ data.concept }}\n    </div>\n  </div>\n  <div class=\"capability__concept--content\">\n    <div class=\"capability__concept--title\">Resultado</div>\n    <div class=\"capability__concept--text\">\n      {{ data.result }}\n    </div>\n  </div>\n</div>\n<div class=\"capability__expanded\">\n  <div *ngFor=\"let item of data.items\" class=\"capability__expanded--item\">\n    <div class=\"name\">\n      <div class=\"display-S\">{{ item.name }}</div>\n      <mapa-tag size=\"small\">\n        <mapa-capability-dot\n          [item]=\"item\"\n        ></mapa-capability-dot>\n        {{ classification.getByItem(item).name }}\n      </mapa-tag>\n    </div>\n\n    <p class=\"classificationName\">\n      <strong *ngIf=\"!classification.getByItem(item).positive\">\u2198\uFE0E Dire\u00E7\u00E3o Negativa</strong> \n      <strong *ngIf=\"classification.getByItem(item).positive\">\u2197 Dire\u00E7\u00E3o Positiva</strong>\n      | {{ item.description }}\n    </p>\n  </div>\n</div>\n", styles: [".capability__concept{display:flex;flex:1 1 48%;gap:42px;margin:24px 0 60px}.capability__concept--content{width:48%}.capability__concept--title{color:#000;font-family:SF Pro Display;font-size:16px;font-style:normal;font-weight:600;line-height:24px;margin-bottom:8px}.capability__concept--text{color:#676767;font-family:SF-Pro;font-size:16px;font-style:normal;font-weight:400;line-height:24px}.capability__expanded{border-top:1px solid #CDCDCD;padding:36px 16px 16px;display:flex;flex-wrap:wrap;flex:0 0 30%;justify-content:flex-start;gap:30px}.capability__expanded--item{width:30%}.capability__expanded--item .name{display:flex;justify-content:space-between;margin-bottom:16px}.capability__expanded--item .classificationName{color:#8c8f94}.capability__expanded--item mapa-tag .mapa-tag--small{display:flex;align-items:center;gap:8px;padding:2px 8px 2px 3px!important;font-size:14px!important;font-style:normal;font-weight:400;height:18px}\n"] }]
+            args: [{ selector: "mapa-capability-expand", encapsulation: ViewEncapsulation.None, template: "<div class=\"capability__concept\">\n  <div class=\"capability__concept--content\">\n    <div class=\"capability__concept--title\">Conceito</div>\n    <div class=\"capability__concept--text\">\n      {{ data.capabilityConcept?.concept! }}\n    </div>\n  </div>\n  <div class=\"capability__concept--content\">\n    <div class=\"capability__concept--title\">Resultado</div>\n    <div class=\"capability__concept--text\">\n      {{ data.capabilityConcept?.result! }}\n    </div>\n  </div>\n</div>\n<div class=\"capability__expanded\">\n  <div *ngFor=\"let item of data.items\" class=\"capability__expanded--item\">\n    <div class=\"name\">\n      <div class=\"display-S\">{{ item.name }}</div>\n      <mapa-tag size=\"small\">\n        <mapa-capability-dot\n          [item]=\"item\"\n        ></mapa-capability-dot>\n        {{ classification.getByItem(item).name }}\n      </mapa-tag>\n    </div>\n\n    <p class=\"classificationName\">\n      <strong *ngIf=\"!classification.getByItem(item).positive\">\u2198\uFE0E Dire\u00E7\u00E3o Negativa</strong> \n      <strong *ngIf=\"classification.getByItem(item).positive\">\u2197 Dire\u00E7\u00E3o Positiva</strong>\n      | {{ item.description }}\n    </p>\n  </div>\n</div>\n", styles: [".capability__concept{display:flex;flex:1 1 48%;gap:42px;margin:24px 0 60px}.capability__concept--content{width:48%}.capability__concept--title{color:#000;font-family:SF Pro Display;font-size:16px;font-style:normal;font-weight:600;line-height:24px;margin-bottom:8px}.capability__concept--text{color:#676767;font-family:SF-Pro;font-size:16px;font-style:normal;font-weight:400;line-height:24px}.capability__expanded{border-top:1px solid #CDCDCD;padding:36px 16px 16px;display:flex;flex-wrap:wrap;flex:0 0 30%;justify-content:flex-start;gap:30px}.capability__expanded--item{width:30%}.capability__expanded--item .name{display:flex;justify-content:space-between;margin-bottom:16px}.capability__expanded--item .classificationName{color:#8c8f94}.capability__expanded--item mapa-tag .mapa-tag--small{display:flex;align-items:center;gap:8px;padding:2px 8px 2px 3px!important;font-size:14px!important;font-style:normal;font-weight:400;height:18px}\n"] }]
         }], ctorParameters: function () { return [{ type: i1.CapabilityClassificationService }]; }, propDecorators: { data: [{
                 type: Input
             }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2FwYWJpbGl0eS1leHBhbmQuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbWFwYS1saWJyYXJ5LXVpL3NyYy9saWIvY29tcG9uZW50cy9jYXBhYmlsaXR5L3NyYy9jYXBhYmlsaXR5LWV4cGFuZC9jYXBhYmlsaXR5LWV4cGFuZC5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9tYXBhLWxpYnJhcnktdWkvc3JjL2xpYi9jb21wb25lbnRzL2NhcGFiaWxpdHkvc3JjL2NhcGFiaWxpdHktZXhwYW5kL2NhcGFiaWxpdHktZXhwYW5kLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFFLGlCQUFpQixFQUFFLE1BQU0sZUFBZSxDQUFDOzs7Ozs7QUFXcEUsTUFBTSxPQUFPLDZCQUE2QjtJQUd4QyxZQUFtQixjQUErQztRQUEvQyxtQkFBYyxHQUFkLGNBQWMsQ0FBaUM7SUFBRyxDQUFDOzsySEFIM0QsNkJBQTZCOytHQUE3Qiw2QkFBNkIsd0ZDWDFDLGdxQ0FpQ0E7NEZEdEJhLDZCQUE2QjtrQkFOekMsU0FBUzsrQkFDRSx3QkFBd0IsaUJBR25CLGlCQUFpQixDQUFDLElBQUk7c0hBRzVCLElBQUk7c0JBQVosS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgSW5wdXQsIFZpZXdFbmNhcHN1bGF0aW9uIH0gZnJvbSBcIkBhbmd1bGFyL2NvcmVcIjtcblxuaW1wb3J0IHsgQ2FwYWJpbGl0eSB9IGZyb20gXCIuLi9lc3NlbnRpYWxzL2ludGVyZmFjZXMvY2FwYWJpbGl0eS5pbnRlcmZhY2VcIjtcbmltcG9ydCB7IENhcGFiaWxpdHlDbGFzc2lmaWNhdGlvblNlcnZpY2UgfSBmcm9tIFwiLi4vZXNzZW50aWFscy9zZXJ2aWNlcy9jYXBhYmlsaXR5LWNsYXNzaWZpY2F0aW9uLnNlcnZpY2VcIjtcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiBcIm1hcGEtY2FwYWJpbGl0eS1leHBhbmRcIixcbiAgdGVtcGxhdGVVcmw6IFwiLi9jYXBhYmlsaXR5LWV4cGFuZC5jb21wb25lbnQuaHRtbFwiLFxuICBzdHlsZVVybHM6IFtcIi4vY2FwYWJpbGl0eS1leHBhbmQuY29tcG9uZW50LnNjc3NcIl0sXG4gIGVuY2Fwc3VsYXRpb246IFZpZXdFbmNhcHN1bGF0aW9uLk5vbmUsXG59KVxuZXhwb3J0IGNsYXNzIE1hcGFDYXBhYmlsaXR5RXhwYW5kQ29tcG9uZW50IHtcbiAgQElucHV0KCkgZGF0YSE6IENhcGFiaWxpdHk7XG4gIFxuICBjb25zdHJ1Y3RvcihwdWJsaWMgY2xhc3NpZmljYXRpb246IENhcGFiaWxpdHlDbGFzc2lmaWNhdGlvblNlcnZpY2UpIHt9XG59XG4iLCI8ZGl2IGNsYXNzPVwiY2FwYWJpbGl0eV9fY29uY2VwdFwiPlxuICA8ZGl2IGNsYXNzPVwiY2FwYWJpbGl0eV9fY29uY2VwdC0tY29udGVudFwiPlxuICAgIDxkaXYgY2xhc3M9XCJjYXBhYmlsaXR5X19jb25jZXB0LS10aXRsZVwiPkNvbmNlaXRvPC9kaXY+XG4gICAgPGRpdiBjbGFzcz1cImNhcGFiaWxpdHlfX2NvbmNlcHQtLXRleHRcIj5cbiAgICAgIHt7IGRhdGEuY29uY2VwdCB9fVxuICAgIDwvZGl2PlxuICA8L2Rpdj5cbiAgPGRpdiBjbGFzcz1cImNhcGFiaWxpdHlfX2NvbmNlcHQtLWNvbnRlbnRcIj5cbiAgICA8ZGl2IGNsYXNzPVwiY2FwYWJpbGl0eV9fY29uY2VwdC0tdGl0bGVcIj5SZXN1bHRhZG88L2Rpdj5cbiAgICA8ZGl2IGNsYXNzPVwiY2FwYWJpbGl0eV9fY29uY2VwdC0tdGV4dFwiPlxuICAgICAge3sgZGF0YS5yZXN1bHQgfX1cbiAgICA8L2Rpdj5cbiAgPC9kaXY+XG48L2Rpdj5cbjxkaXYgY2xhc3M9XCJjYXBhYmlsaXR5X19leHBhbmRlZFwiPlxuICA8ZGl2ICpuZ0Zvcj1cImxldCBpdGVtIG9mIGRhdGEuaXRlbXNcIiBjbGFzcz1cImNhcGFiaWxpdHlfX2V4cGFuZGVkLS1pdGVtXCI+XG4gICAgPGRpdiBjbGFzcz1cIm5hbWVcIj5cbiAgICAgIDxkaXYgY2xhc3M9XCJkaXNwbGF5LVNcIj57eyBpdGVtLm5hbWUgfX08L2Rpdj5cbiAgICAgIDxtYXBhLXRhZyBzaXplPVwic21hbGxcIj5cbiAgICAgICAgPG1hcGEtY2FwYWJpbGl0eS1kb3RcbiAgICAgICAgICBbaXRlbV09XCJpdGVtXCJcbiAgICAgICAgPjwvbWFwYS1jYXBhYmlsaXR5LWRvdD5cbiAgICAgICAge3sgY2xhc3NpZmljYXRpb24uZ2V0QnlJdGVtKGl0ZW0pLm5hbWUgfX1cbiAgICAgIDwvbWFwYS10YWc+XG4gICAgPC9kaXY+XG5cbiAgICA8cCBjbGFzcz1cImNsYXNzaWZpY2F0aW9uTmFtZVwiPlxuICAgICAgPHN0cm9uZyAqbmdJZj1cIiFjbGFzc2lmaWNhdGlvbi5nZXRCeUl0ZW0oaXRlbSkucG9zaXRpdmVcIj7ihpjvuI4gRGlyZcOnw6NvIE5lZ2F0aXZhPC9zdHJvbmc+IFxuICAgICAgPHN0cm9uZyAqbmdJZj1cImNsYXNzaWZpY2F0aW9uLmdldEJ5SXRlbShpdGVtKS5wb3NpdGl2ZVwiPuKGlyBEaXJlw6fDo28gUG9zaXRpdmE8L3N0cm9uZz5cbiAgICAgIHwge3sgaXRlbS5kZXNjcmlwdGlvbiB9fVxuICAgIDwvcD5cbiAgPC9kaXY+XG48L2Rpdj5cbiJdfQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2FwYWJpbGl0eS1leHBhbmQuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbWFwYS1saWJyYXJ5LXVpL3NyYy9saWIvY29tcG9uZW50cy9jYXBhYmlsaXR5L3NyYy9jYXBhYmlsaXR5LWV4cGFuZC9jYXBhYmlsaXR5LWV4cGFuZC5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9tYXBhLWxpYnJhcnktdWkvc3JjL2xpYi9jb21wb25lbnRzL2NhcGFiaWxpdHkvc3JjL2NhcGFiaWxpdHktZXhwYW5kL2NhcGFiaWxpdHktZXhwYW5kLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFFLGlCQUFpQixFQUFFLE1BQU0sZUFBZSxDQUFDOzs7Ozs7QUFXcEUsTUFBTSxPQUFPLDZCQUE2QjtJQUd4QyxZQUFtQixjQUErQztRQUEvQyxtQkFBYyxHQUFkLGNBQWMsQ0FBaUM7SUFBRyxDQUFDOzsySEFIM0QsNkJBQTZCOytHQUE3Qiw2QkFBNkIsd0ZDWDFDLHdzQ0FpQ0E7NEZEdEJhLDZCQUE2QjtrQkFOekMsU0FBUzsrQkFDRSx3QkFBd0IsaUJBR25CLGlCQUFpQixDQUFDLElBQUk7c0hBRzVCLElBQUk7c0JBQVosS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgSW5wdXQsIFZpZXdFbmNhcHN1bGF0aW9uIH0gZnJvbSBcIkBhbmd1bGFyL2NvcmVcIjtcblxuaW1wb3J0IHsgQ2FwYWJpbGl0eSB9IGZyb20gXCIuLi9lc3NlbnRpYWxzL2ludGVyZmFjZXMvY2FwYWJpbGl0eS5pbnRlcmZhY2VcIjtcbmltcG9ydCB7IENhcGFiaWxpdHlDbGFzc2lmaWNhdGlvblNlcnZpY2UgfSBmcm9tIFwiLi4vZXNzZW50aWFscy9zZXJ2aWNlcy9jYXBhYmlsaXR5LWNsYXNzaWZpY2F0aW9uLnNlcnZpY2VcIjtcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiBcIm1hcGEtY2FwYWJpbGl0eS1leHBhbmRcIixcbiAgdGVtcGxhdGVVcmw6IFwiLi9jYXBhYmlsaXR5LWV4cGFuZC5jb21wb25lbnQuaHRtbFwiLFxuICBzdHlsZVVybHM6IFtcIi4vY2FwYWJpbGl0eS1leHBhbmQuY29tcG9uZW50LnNjc3NcIl0sXG4gIGVuY2Fwc3VsYXRpb246IFZpZXdFbmNhcHN1bGF0aW9uLk5vbmUsXG59KVxuZXhwb3J0IGNsYXNzIE1hcGFDYXBhYmlsaXR5RXhwYW5kQ29tcG9uZW50IHtcbiAgQElucHV0KCkgZGF0YSE6IENhcGFiaWxpdHk7XG4gIFxuICBjb25zdHJ1Y3RvcihwdWJsaWMgY2xhc3NpZmljYXRpb246IENhcGFiaWxpdHlDbGFzc2lmaWNhdGlvblNlcnZpY2UpIHt9XG59XG4iLCI8ZGl2IGNsYXNzPVwiY2FwYWJpbGl0eV9fY29uY2VwdFwiPlxuICA8ZGl2IGNsYXNzPVwiY2FwYWJpbGl0eV9fY29uY2VwdC0tY29udGVudFwiPlxuICAgIDxkaXYgY2xhc3M9XCJjYXBhYmlsaXR5X19jb25jZXB0LS10aXRsZVwiPkNvbmNlaXRvPC9kaXY+XG4gICAgPGRpdiBjbGFzcz1cImNhcGFiaWxpdHlfX2NvbmNlcHQtLXRleHRcIj5cbiAgICAgIHt7IGRhdGEuY2FwYWJpbGl0eUNvbmNlcHQ/LmNvbmNlcHQhIH19XG4gICAgPC9kaXY+XG4gIDwvZGl2PlxuICA8ZGl2IGNsYXNzPVwiY2FwYWJpbGl0eV9fY29uY2VwdC0tY29udGVudFwiPlxuICAgIDxkaXYgY2xhc3M9XCJjYXBhYmlsaXR5X19jb25jZXB0LS10aXRsZVwiPlJlc3VsdGFkbzwvZGl2PlxuICAgIDxkaXYgY2xhc3M9XCJjYXBhYmlsaXR5X19jb25jZXB0LS10ZXh0XCI+XG4gICAgICB7eyBkYXRhLmNhcGFiaWxpdHlDb25jZXB0Py5yZXN1bHQhIH19XG4gICAgPC9kaXY+XG4gIDwvZGl2PlxuPC9kaXY+XG48ZGl2IGNsYXNzPVwiY2FwYWJpbGl0eV9fZXhwYW5kZWRcIj5cbiAgPGRpdiAqbmdGb3I9XCJsZXQgaXRlbSBvZiBkYXRhLml0ZW1zXCIgY2xhc3M9XCJjYXBhYmlsaXR5X19leHBhbmRlZC0taXRlbVwiPlxuICAgIDxkaXYgY2xhc3M9XCJuYW1lXCI+XG4gICAgICA8ZGl2IGNsYXNzPVwiZGlzcGxheS1TXCI+e3sgaXRlbS5uYW1lIH19PC9kaXY+XG4gICAgICA8bWFwYS10YWcgc2l6ZT1cInNtYWxsXCI+XG4gICAgICAgIDxtYXBhLWNhcGFiaWxpdHktZG90XG4gICAgICAgICAgW2l0ZW1dPVwiaXRlbVwiXG4gICAgICAgID48L21hcGEtY2FwYWJpbGl0eS1kb3Q+XG4gICAgICAgIHt7IGNsYXNzaWZpY2F0aW9uLmdldEJ5SXRlbShpdGVtKS5uYW1lIH19XG4gICAgICA8L21hcGEtdGFnPlxuICAgIDwvZGl2PlxuXG4gICAgPHAgY2xhc3M9XCJjbGFzc2lmaWNhdGlvbk5hbWVcIj5cbiAgICAgIDxzdHJvbmcgKm5nSWY9XCIhY2xhc3NpZmljYXRpb24uZ2V0QnlJdGVtKGl0ZW0pLnBvc2l0aXZlXCI+4oaY77iOIERpcmXDp8OjbyBOZWdhdGl2YTwvc3Ryb25nPiBcbiAgICAgIDxzdHJvbmcgKm5nSWY9XCJjbGFzc2lmaWNhdGlvbi5nZXRCeUl0ZW0oaXRlbSkucG9zaXRpdmVcIj7ihpcgRGlyZcOnw6NvIFBvc2l0aXZhPC9zdHJvbmc+XG4gICAgICB8IHt7IGl0ZW0uZGVzY3JpcHRpb24gfX1cbiAgICA8L3A+XG4gIDwvZGl2PlxuPC9kaXY+XG4iXX0=

package/esm2020/src/lib/components/capability/lib/components/capability/src/capability-interval-bar/capability-interval-bar.component.mjs

@@ -7,6 +7,10 @@ export class MapaCapabilityIntervalBarComponent {
     constructor() {
         this.clicked = new EventEmitter();
         this.isHovering = false;
+        this.isClicked = false;
+        this.clicked.subscribe((res) => {
+            this.isClicked = !this.isClicked;
+        });
     }
     onHover() {
         this.isHovering = true;
@@ -19,13 +23,15 @@ export class MapaCapabilityIntervalBarComponent {
     }
 }
 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" }, outputs: { clicked: "clicked" }, ngImport: i0, template: "<section\n  (mouseover)=\"onHover()\"\n  (mouseout)=\"onMouseOut()\"\n  reusable-outlet\n  class=\"capability-interval\"\n>\n  <section\n    class=\"capability-interval__bar\"\n    [ngClass]=\"{'capability-interval--hide': isHovering}\"\n  >\n    <mapa-capability-interval [data]=\"data\"></mapa-capability-interval>\n  </section>\n  <section\n    class=\"capability-interval__show-more capability-interval--hide\"\n    [ngClass]=\"{'capability-interval--show': isHovering}\"\n  >\n    <mapa-button color=\"basic\" (click)=\"showMore()\">Veja mais</mapa-button>\n  </section>\n</section>\n", styles: [".capability-interval{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%}.capability-interval--hide{opacity:0;max-height:0}.capability-interval--show{opacity:1;max-height:72px}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: i2.ButtonComponent, selector: "mapa-button", inputs: ["color", "disabled"], outputs: ["clicked"] }, { kind: "component", type: i3.MapaCapabilityIntervalComponent, selector: "mapa-capability-interval", inputs: ["data"] }] });
+MapaCapabilityIntervalBarComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: MapaCapabilityIntervalBarComponent, selector: "mapa-capability-interval-bar", inputs: { data: "data", expanded: "expanded" }, outputs: { clicked: "clicked" }, ngImport: i0, template: "<section\n  (mouseover)=\"onHover()\"\n  (mouseout)=\"onMouseOut()\"\n  reusable-outlet\n  class=\"capability-interval\"\n>\n  <section\n    class=\"capability-interval__bar\"\n    [ngClass]=\"{'capability-interval--hide': isHovering}\"\n  >\n    <mapa-capability-interval [data]=\"data\"></mapa-capability-interval>\n  </section>\n  <section\n    class=\"capability-interval__show-more capability-interval--hide\"\n    [ngClass]=\"{'capability-interval--show': isHovering}\"\n  >\n    <mapa-button color=\"basic\" (click)=\"showMore()\">{{ expanded ? 'Ver menos' : 'Veja mais' }}</mapa-button>\n  </section>\n</section>\n", styles: [".capability-interval{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%}.capability-interval--hide{opacity:0;max-height:0}.capability-interval--show{opacity:1;max-height:72px}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: i2.ButtonComponent, selector: "mapa-button", inputs: ["color", "disabled"], outputs: ["clicked"] }, { kind: "component", type: i3.MapaCapabilityIntervalComponent, selector: "mapa-capability-interval", inputs: ["data"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: MapaCapabilityIntervalBarComponent, decorators: [{
             type: Component,
-            args: [{ selector: "mapa-capability-interval-bar", template: "<section\n  (mouseover)=\"onHover()\"\n  (mouseout)=\"onMouseOut()\"\n  reusable-outlet\n  class=\"capability-interval\"\n>\n  <section\n    class=\"capability-interval__bar\"\n    [ngClass]=\"{'capability-interval--hide': isHovering}\"\n  >\n    <mapa-capability-interval [data]=\"data\"></mapa-capability-interval>\n  </section>\n  <section\n    class=\"capability-interval__show-more capability-interval--hide\"\n    [ngClass]=\"{'capability-interval--show': isHovering}\"\n  >\n    <mapa-button color=\"basic\" (click)=\"showMore()\">Veja mais</mapa-button>\n  </section>\n</section>\n", styles: [".capability-interval{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%}.capability-interval--hide{opacity:0;max-height:0}.capability-interval--show{opacity:1;max-height:72px}\n"] }]
-        }], propDecorators: { data: [{
+            args: [{ selector: "mapa-capability-interval-bar", template: "<section\n  (mouseover)=\"onHover()\"\n  (mouseout)=\"onMouseOut()\"\n  reusable-outlet\n  class=\"capability-interval\"\n>\n  <section\n    class=\"capability-interval__bar\"\n    [ngClass]=\"{'capability-interval--hide': isHovering}\"\n  >\n    <mapa-capability-interval [data]=\"data\"></mapa-capability-interval>\n  </section>\n  <section\n    class=\"capability-interval__show-more capability-interval--hide\"\n    [ngClass]=\"{'capability-interval--show': isHovering}\"\n  >\n    <mapa-button color=\"basic\" (click)=\"showMore()\">{{ expanded ? 'Ver menos' : 'Veja mais' }}</mapa-button>\n  </section>\n</section>\n", styles: [".capability-interval{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%}.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
             }], clicked: [{
                 type: Output
             }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2FwYWJpbGl0eS1pbnRlcnZhbC1iYXIuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbWFwYS1saWJyYXJ5LXVpL3NyYy9saWIvY29tcG9uZW50cy9jYXBhYmlsaXR5L3NyYy9jYXBhYmlsaXR5LWludGVydmFsLWJhci9jYXBhYmlsaXR5LWludGVydmFsLWJhci5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9tYXBhLWxpYnJhcnktdWkvc3JjL2xpYi9jb21wb25lbnRzL2NhcGFiaWxpdHkvc3JjL2NhcGFiaWxpdHktaW50ZXJ2YWwtYmFyL2NhcGFiaWxpdHktaW50ZXJ2YWwtYmFyLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsWUFBWSxFQUFFLEtBQUssRUFBRSxNQUFNLEVBQUUsTUFBTSxlQUFlLENBQUM7Ozs7O0FBUXZFLE1BQU0sT0FBTyxrQ0FBa0M7SUFML0M7UUFPWSxZQUFPLEdBQXVCLElBQUksWUFBWSxFQUFRLENBQUM7UUFFMUQsZUFBVSxHQUFHLEtBQUssQ0FBQztLQWEzQjtJQVhDLE9BQU87UUFDTCxJQUFJLENBQUMsVUFBVSxHQUFHLElBQUksQ0FBQztJQUN6QixDQUFDO0lBRUQsVUFBVTtRQUNSLElBQUksQ0FBQyxVQUFVLEdBQUcsS0FBSyxDQUFDO0lBQzFCLENBQUM7SUFFRCxRQUFRO1FBQ04sSUFBSSxDQUFDLE9BQU8sQ0FBQyxJQUFJLEVBQUUsQ0FBQztJQUN0QixDQUFDOztnSUFoQlUsa0NBQWtDO29IQUFsQyxrQ0FBa0MsK0hDUi9DLCtrQkFtQkE7NEZEWGEsa0NBQWtDO2tCQUw5QyxTQUFTOytCQUNFLDhCQUE4Qjs4QkFLL0IsSUFBSTtzQkFBWixLQUFLO2dCQUNJLE9BQU87c0JBQWhCLE1BQU0iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIEV2ZW50RW1pdHRlciwgSW5wdXQsIE91dHB1dCB9IGZyb20gXCJAYW5ndWxhci9jb3JlXCI7XG5pbXBvcnQgeyBDYXBhYmlsaXR5IH0gZnJvbSBcIi4uL2Vzc2VudGlhbHMvaW50ZXJmYWNlcy9jYXBhYmlsaXR5LmludGVyZmFjZVwiO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6IFwibWFwYS1jYXBhYmlsaXR5LWludGVydmFsLWJhclwiLFxuICB0ZW1wbGF0ZVVybDogXCIuL2NhcGFiaWxpdHktaW50ZXJ2YWwtYmFyLmNvbXBvbmVudC5odG1sXCIsXG4gIHN0eWxlVXJsczogW1wiLi9jYXBhYmlsaXR5LWludGVydmFsLWJhci5jb21wb25lbnQuc2Nzc1wiXSxcbn0pXG5leHBvcnQgY2xhc3MgTWFwYUNhcGFiaWxpdHlJbnRlcnZhbEJhckNvbXBvbmVudCB7XG4gIEBJbnB1dCgpIGRhdGEhOiBDYXBhYmlsaXR5O1xuICBAT3V0cHV0KCkgY2xpY2tlZDogRXZlbnRFbWl0dGVyPHZvaWQ+ID0gbmV3IEV2ZW50RW1pdHRlcjx2b2lkPigpO1xuICBcbiAgcHVibGljIGlzSG92ZXJpbmcgPSBmYWxzZTtcblxuICBvbkhvdmVyKCk6IHZvaWQge1xuICAgIHRoaXMuaXNIb3ZlcmluZyA9IHRydWU7XG4gIH1cblxuICBvbk1vdXNlT3V0KCk6IHZvaWQge1xuICAgIHRoaXMuaXNIb3ZlcmluZyA9IGZhbHNlO1xuICB9XG5cbiAgc2hvd01vcmUoKTogdm9pZCB7XG4gICAgdGhpcy5jbGlja2VkLmVtaXQoKTtcbiAgfVxufVxuIiwiPHNlY3Rpb25cbiAgKG1vdXNlb3Zlcik9XCJvbkhvdmVyKClcIlxuICAobW91c2VvdXQpPVwib25Nb3VzZU91dCgpXCJcbiAgcmV1c2FibGUtb3V0bGV0XG4gIGNsYXNzPVwiY2FwYWJpbGl0eS1pbnRlcnZhbFwiXG4+XG4gIDxzZWN0aW9uXG4gICAgY2xhc3M9XCJjYXBhYmlsaXR5LWludGVydmFsX19iYXJcIlxuICAgIFtuZ0NsYXNzXT1cInsnY2FwYWJpbGl0eS1pbnRlcnZhbC0taGlkZSc6IGlzSG92ZXJpbmd9XCJcbiAgPlxuICAgIDxtYXBhLWNhcGFiaWxpdHktaW50ZXJ2YWwgW2RhdGFdPVwiZGF0YVwiPjwvbWFwYS1jYXBhYmlsaXR5LWludGVydmFsPlxuICA8L3NlY3Rpb24+XG4gIDxzZWN0aW9uXG4gICAgY2xhc3M9XCJjYXBhYmlsaXR5LWludGVydmFsX19zaG93LW1vcmUgY2FwYWJpbGl0eS1pbnRlcnZhbC0taGlkZVwiXG4gICAgW25nQ2xhc3NdPVwieydjYXBhYmlsaXR5LWludGVydmFsLS1zaG93JzogaXNIb3ZlcmluZ31cIlxuICA+XG4gICAgPG1hcGEtYnV0dG9uIGNvbG9yPVwiYmFzaWNcIiAoY2xpY2spPVwic2hvd01vcmUoKVwiPlZlamEgbWFpczwvbWFwYS1idXR0b24+XG4gIDwvc2VjdGlvbj5cbjwvc2VjdGlvbj5cbiJdfQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2FwYWJpbGl0eS1pbnRlcnZhbC1iYXIuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbWFwYS1saWJyYXJ5LXVpL3NyYy9saWIvY29tcG9uZW50cy9jYXBhYmlsaXR5L3NyYy9jYXBhYmlsaXR5LWludGVydmFsLWJhci9jYXBhYmlsaXR5LWludGVydmFsLWJhci5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9tYXBhLWxpYnJhcnktdWkvc3JjL2xpYi9jb21wb25lbnRzL2NhcGFiaWxpdHkvc3JjL2NhcGFiaWxpdHktaW50ZXJ2YWwtYmFyL2NhcGFiaWxpdHktaW50ZXJ2YWwtYmFyLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsWUFBWSxFQUFFLEtBQUssRUFBcUIsTUFBTSxFQUFpQixNQUFNLGVBQWUsQ0FBQzs7Ozs7QUFRekcsTUFBTSxPQUFPLGtDQUFrQztJQVE3QztRQUxVLFlBQU8sR0FBdUIsSUFBSSxZQUFZLEVBQVEsQ0FBQztRQUUxRCxlQUFVLEdBQUcsS0FBSyxDQUFDO1FBQ25CLGNBQVMsR0FBRyxLQUFLLENBQUM7UUFHdkIsSUFBSSxDQUFDLE9BQU8sQ0FBQyxTQUFTLENBQUMsQ0FBQyxHQUFHLEVBQUUsRUFBRTtZQUM3QixJQUFJLENBQUMsU0FBUyxHQUFHLENBQUMsSUFBSSxDQUFDLFNBQVMsQ0FBQztRQUNuQyxDQUFDLENBQUMsQ0FBQztJQUNMLENBQUM7SUFFRCxPQUFPO1FBQ0wsSUFBSSxDQUFDLFVBQVUsR0FBRyxJQUFJLENBQUM7SUFDekIsQ0FBQztJQUVELFVBQVU7UUFDUixJQUFJLENBQUMsVUFBVSxHQUFHLEtBQUssQ0FBQztJQUMxQixDQUFDO0lBRUQsUUFBUTtRQUNOLElBQUksQ0FBQyxPQUFPLENBQUMsSUFBSSxFQUFFLENBQUM7SUFDdEIsQ0FBQzs7Z0lBeEJVLGtDQUFrQztvSEFBbEMsa0NBQWtDLHFKQ1IvQyxnbkJBbUJBOzRGRFhhLGtDQUFrQztrQkFMOUMsU0FBUzsrQkFDRSw4QkFBOEI7MEVBSy9CLElBQUk7c0JBQVosS0FBSztnQkFDRyxRQUFRO3NCQUFoQixLQUFLO2dCQUNJLE9BQU87c0JBQWhCLE1BQU0iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIEV2ZW50RW1pdHRlciwgSW5wdXQsIE9uQ2hhbmdlcywgT25Jbml0LCBPdXRwdXQsIFNpbXBsZUNoYW5nZXMgfSBmcm9tIFwiQGFuZ3VsYXIvY29yZVwiO1xuaW1wb3J0IHsgQ2FwYWJpbGl0eSB9IGZyb20gXCIuLi9lc3NlbnRpYWxzL2ludGVyZmFjZXMvY2FwYWJpbGl0eS5pbnRlcmZhY2VcIjtcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiBcIm1hcGEtY2FwYWJpbGl0eS1pbnRlcnZhbC1iYXJcIixcbiAgdGVtcGxhdGVVcmw6IFwiLi9jYXBhYmlsaXR5LWludGVydmFsLWJhci5jb21wb25lbnQuaHRtbFwiLFxuICBzdHlsZVVybHM6IFtcIi4vY2FwYWJpbGl0eS1pbnRlcnZhbC1iYXIuY29tcG9uZW50LnNjc3NcIl0sXG59KVxuZXhwb3J0IGNsYXNzIE1hcGFDYXBhYmlsaXR5SW50ZXJ2YWxCYXJDb21wb25lbnQge1xuICBASW5wdXQoKSBkYXRhITogQ2FwYWJpbGl0eTtcbiAgQElucHV0KCkgZXhwYW5kZWQ/OiBib29sZWFuO1xuICBAT3V0cHV0KCkgY2xpY2tlZDogRXZlbnRFbWl0dGVyPHZvaWQ+ID0gbmV3IEV2ZW50RW1pdHRlcjx2b2lkPigpO1xuICBcbiAgcHVibGljIGlzSG92ZXJpbmcgPSBmYWxzZTtcbiAgcHVibGljIGlzQ2xpY2tlZCA9IGZhbHNlO1xuXG4gIGNvbnN0cnVjdG9yKCkge1xuICAgIHRoaXMuY2xpY2tlZC5zdWJzY3JpYmUoKHJlcykgPT4ge1xuICAgICAgdGhpcy5pc0NsaWNrZWQgPSAhdGhpcy5pc0NsaWNrZWQ7XG4gICAgfSk7XG4gIH1cblxuICBvbkhvdmVyKCk6IHZvaWQge1xuICAgIHRoaXMuaXNIb3ZlcmluZyA9IHRydWU7XG4gIH1cblxuICBvbk1vdXNlT3V0KCk6IHZvaWQge1xuICAgIHRoaXMuaXNIb3ZlcmluZyA9IGZhbHNlO1xuICB9XG5cbiAgc2hvd01vcmUoKTogdm9pZCB7XG4gICAgdGhpcy5jbGlja2VkLmVtaXQoKTtcbiAgfVxufVxuIiwiPHNlY3Rpb25cbiAgKG1vdXNlb3Zlcik9XCJvbkhvdmVyKClcIlxuICAobW91c2VvdXQpPVwib25Nb3VzZU91dCgpXCJcbiAgcmV1c2FibGUtb3V0bGV0XG4gIGNsYXNzPVwiY2FwYWJpbGl0eS1pbnRlcnZhbFwiXG4+XG4gIDxzZWN0aW9uXG4gICAgY2xhc3M9XCJjYXBhYmlsaXR5LWludGVydmFsX19iYXJcIlxuICAgIFtuZ0NsYXNzXT1cInsnY2FwYWJpbGl0eS1pbnRlcnZhbC0taGlkZSc6IGlzSG92ZXJpbmd9XCJcbiAgPlxuICAgIDxtYXBhLWNhcGFiaWxpdHktaW50ZXJ2YWwgW2RhdGFdPVwiZGF0YVwiPjwvbWFwYS1jYXBhYmlsaXR5LWludGVydmFsPlxuICA8L3NlY3Rpb24+XG4gIDxzZWN0aW9uXG4gICAgY2xhc3M9XCJjYXBhYmlsaXR5LWludGVydmFsX19zaG93LW1vcmUgY2FwYWJpbGl0eS1pbnRlcnZhbC0taGlkZVwiXG4gICAgW25nQ2xhc3NdPVwieydjYXBhYmlsaXR5LWludGVydmFsLS1zaG93JzogaXNIb3ZlcmluZ31cIlxuICA+XG4gICAgPG1hcGEtYnV0dG9uIGNvbG9yPVwiYmFzaWNcIiAoY2xpY2spPVwic2hvd01vcmUoKVwiPnt7IGV4cGFuZGVkID8gJ1ZlciBtZW5vcycgOiAnVmVqYSBtYWlzJyB9fTwvbWFwYS1idXR0b24+XG4gIDwvc2VjdGlvbj5cbjwvc2VjdGlvbj5cbiJdfQ==

package/esm2020/src/lib/components/capability/lib/components/capability/src/essentials/interfaces/capability-item.interface.mjs

@@ -1,2 +1,2 @@
 export {};
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2FwYWJpbGl0eS1pdGVtLmludGVyZmFjZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL21hcGEtbGlicmFyeS11aS9zcmMvbGliL2NvbXBvbmVudHMvY2FwYWJpbGl0eS9zcmMvZXNzZW50aWFscy9pbnRlcmZhY2VzL2NhcGFiaWxpdHktaXRlbS5pbnRlcmZhY2UudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IiIsInNvdXJjZXNDb250ZW50IjpbImV4cG9ydCBpbnRlcmZhY2UgQ2FwYWJpbGl0eUl0ZW0ge1xuICBuYW1lPzogc3RyaW5nO1xuICBpbnRlcnZhbD86IG51bWJlcjtcbiAgY2xhc3NpZmljYXRpb25JZD86IG51bWJlcjtcbiAgcmlzaz86IGJvb2xlYW47XG4gIHByZWNpcGl0YXRpb24/OiBib29sZWFuO1xuICBuZWdsaWdlbmNlPzogYm9vbGVhbjtcbiAgaW5kaWNhdG9yT3JkZXI/OiBudW1iZXI7XG4gIGRlc2NyaXB0aW9uPzogc3RyaW5nO1xuICBhdmVyYWdlPzogbnVtYmVyO1xufVxuIl19
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2FwYWJpbGl0eS1pdGVtLmludGVyZmFjZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL21hcGEtbGlicmFyeS11aS9zcmMvbGliL2NvbXBvbmVudHMvY2FwYWJpbGl0eS9zcmMvZXNzZW50aWFscy9pbnRlcmZhY2VzL2NhcGFiaWxpdHktaXRlbS5pbnRlcmZhY2UudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IiIsInNvdXJjZXNDb250ZW50IjpbImV4cG9ydCBpbnRlcmZhY2UgQ2FwYWJpbGl0eUl0ZW0ge1xuICBuYW1lPzogc3RyaW5nO1xuICBpbnRlcnZhbD86IG51bWJlcjtcbiAgY2xhc3NpZmljYXRpb25JZD86IG51bWJlcjtcbiAgcmlzaz86IGJvb2xlYW4gfCBudWxsO1xuICBwcmVjaXBpdGF0aW9uPzogYm9vbGVhbiB8IG51bGw7XG4gIG5lZ2xpZ2VuY2U/OiBib29sZWFuIHwgbnVsbDtcbiAgaW5kaWNhdG9yT3JkZXI/OiBudW1iZXI7XG4gIGRlc2NyaXB0aW9uPzogc3RyaW5nO1xuICBhdmVyYWdlPzogbnVtYmVyO1xufVxuIl19

package/esm2020/src/lib/components/capability/lib/components/capability/src/essentials/interfaces/capability.interface.mjs

@@ -1,2 +1,2 @@
 export {};
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2FwYWJpbGl0eS5pbnRlcmZhY2UuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9tYXBhLWxpYnJhcnktdWkvc3JjL2xpYi9jb21wb25lbnRzL2NhcGFiaWxpdHkvc3JjL2Vzc2VudGlhbHMvaW50ZXJmYWNlcy9jYXBhYmlsaXR5LmludGVyZmFjZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ2FwYWJpbGl0eUl0ZW0gfSBmcm9tIFwiLi9jYXBhYmlsaXR5LWl0ZW0uaW50ZXJmYWNlXCI7XG5cbmV4cG9ydCBpbnRlcmZhY2UgQ2FwYWJpbGl0eSBleHRlbmRzIENhcGFiaWxpdHlJdGVtIHtcbiAgaXRlbXM6IENhcGFiaWxpdHlJdGVtW107XG4gIGNvbmNlcHQ/OiBzdHJpbmc7XG4gIHJlc3VsdD86IHN0cmluZztcbn1cbiJdfQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2FwYWJpbGl0eS5pbnRlcmZhY2UuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9tYXBhLWxpYnJhcnktdWkvc3JjL2xpYi9jb21wb25lbnRzL2NhcGFiaWxpdHkvc3JjL2Vzc2VudGlhbHMvaW50ZXJmYWNlcy9jYXBhYmlsaXR5LmludGVyZmFjZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ2FwYWJpbGl0eUl0ZW0gfSBmcm9tIFwiLi9jYXBhYmlsaXR5LWl0ZW0uaW50ZXJmYWNlXCI7XG5cbmV4cG9ydCBpbnRlcmZhY2UgQ2FwYWJpbGl0eSBleHRlbmRzIENhcGFiaWxpdHlJdGVtIHtcbiAgaXRlbXM6IENhcGFiaWxpdHlJdGVtW107XG4gIGNhcGFiaWxpdHlDb25jZXB0Pzoge1xuICAgIGNvbmNlcHQ/OiBzdHJpbmc7XG4gICAgcmVzdWx0Pzogc3RyaW5nO1xuICB9XG59XG4iXX0=

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

@@ -17,6 +17,7 @@ export class MapaInputComponent {
         this.formControl.setValue(null);
     }
     suffixEmit() {
+        console.log('enter keypress');
         this.suffix.emit();
     }
 }
@@ -32,4 +33,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
             }], suffix: [{
                 type: Output
             }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5wdXQuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbWFwYS1saWJyYXJ5LXVpL3NyYy9saWIvY29tcG9uZW50cy9pbnB1dC9zcmMvaW5wdXQuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbWFwYS1saWJyYXJ5LXVpL3NyYy9saWIvY29tcG9uZW50cy9pbnB1dC9zcmMvaW5wdXQuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxZQUFZLEVBQUUsS0FBSyxFQUFFLE1BQU0sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLGVBQWUsQ0FBQzs7Ozs7Ozs7QUFXMUYsTUFBTSxPQUFPLGtCQUFrQjtJQU4vQjtRQVNZLFdBQU0sR0FBc0IsSUFBSSxZQUFZLEVBQUUsQ0FBQztLQWExRDtJQVhDLFFBQVE7UUFDTixPQUFPLENBQUMsQ0FBQyxJQUFJLENBQUMsV0FBVyxDQUFDLEtBQUssQ0FBQztJQUNsQyxDQUFDO0lBRUQsVUFBVTtRQUNSLElBQUksQ0FBQyxXQUFXLENBQUMsUUFBUSxDQUFDLElBQUksQ0FBQyxDQUFDO0lBQ2xDLENBQUM7SUFFRCxVQUFVO1FBQ1IsSUFBSSxDQUFDLE1BQU0sQ0FBQyxJQUFJLEVBQUUsQ0FBQztJQUNyQixDQUFDOztnSEFmVSxrQkFBa0I7b0dBQWxCLGtCQUFrQiw2SUNYL0IsKzFEQW1FQTs0RkR4RGEsa0JBQWtCO2tCQU45QixTQUFTOytCQUNFLFlBQVksaUJBR1AsaUJBQWlCLENBQUMsSUFBSTs4QkFHNUIsV0FBVztzQkFBbkIsS0FBSztnQkFDRyxPQUFPO3NCQUFmLEtBQUs7Z0JBQ0ksTUFBTTtzQkFBZixNQUFNIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBFdmVudEVtaXR0ZXIsIElucHV0LCBPdXRwdXQsIFZpZXdFbmNhcHN1bGF0aW9uIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBGb3JtQ29udHJvbCB9IGZyb20gJ0Bhbmd1bGFyL2Zvcm1zJztcblxuaW1wb3J0IHsgSW5wdXRUZXh0IH0gZnJvbSAnbWFwYS1saWJyYXJ5LXVpJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnbWFwYS1pbnB1dCcsXG4gIHRlbXBsYXRlVXJsOiAnLi9pbnB1dC5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL2lucHV0LWxlZ2FjeS5jb21wb25lbnQuc2NzcyddLFxuICBlbmNhcHN1bGF0aW9uOiBWaWV3RW5jYXBzdWxhdGlvbi5Ob25lLFxufSlcbmV4cG9ydCBjbGFzcyBNYXBhSW5wdXRDb21wb25lbnQge1xuICBASW5wdXQoKSBmb3JtQ29udHJvbCE6IEZvcm1Db250cm9sO1xuICBASW5wdXQoKSBlbGVtZW50ITogSW5wdXRUZXh0O1xuICBAT3V0cHV0KCkgc3VmZml4OiBFdmVudEVtaXR0ZXI8YW55PiA9IG5ldyBFdmVudEVtaXR0ZXIoKTtcbiAgXG4gIGhhc1ZhbHVlKCk6IGJvb2xlYW4ge1xuICAgIHJldHVybiAhIXRoaXMuZm9ybUNvbnRyb2wudmFsdWU7XG4gIH1cblxuICBjbGVhclZhbHVlKCk6IHZvaWQge1xuICAgIHRoaXMuZm9ybUNvbnRyb2wuc2V0VmFsdWUobnVsbCk7XG4gIH1cblxuICBzdWZmaXhFbWl0KCkge1xuICAgIHRoaXMuc3VmZml4LmVtaXQoKTtcbiAgfVxufVxuIiwiPGxhYmVsICpuZ0lmPVwiZWxlbWVudC5sYWJlbFwiIGNsYXNzPVwibWFwYS1pbnB1dF9fbGFiZWxcIj5cbiAge3sgZWxlbWVudC5sYWJlbCB9fVxuPC9sYWJlbD5cbjxtYXQtZm9ybS1maWVsZFxuICBjbGFzcz1cIm1hcGEtaW5wdXRcIlxuICBhcHBlYXJhbmNlPVwib3V0bGluZVwiXG4gIHN1YnNjcmlwdFNpemluZz1cImR5bmFtaWNcIlxuPlxuICA8bWF0LWljb24gKm5nSWY9XCJlbGVtZW50LnByZWZpeFwiIGNsYXNzPVwibWFwYS1pbnB1dC0tcHJlZml4XCIgbWF0UHJlZml4PlxuICAgIHt7IGVsZW1lbnQucHJlZml4IH19XG4gIDwvbWF0LWljb24+XG4gIDxpbnB1dFxuICAgICpuZ0lmPVwiZWxlbWVudC5hdXRvc2l6ZVwiXG4gICAgbWF0SW5wdXRcbiAgICBtYXRJbnB1dEF1dG9zaXplXG4gICAgW21hdElucHV0QXV0b3NpemVNaW5XaWR0aF09XCJlbGVtZW50LmF1dG9zaXplTWluV2lkdGghXCJcbiAgICBbbWF0SW5wdXRBdXRvc2l6ZU1heFdpZHRoXT1cImVsZW1lbnQuYXV0b3NpemVNYXhXaWR0aCFcIlxuICAgIFtmb3JtQ29udHJvbF09XCJmb3JtQ29udHJvbFwiXG4gICAgW3BsYWNlaG9sZGVyXT1cImVsZW1lbnQucGxhY2Vob2xkZXIgfHwgZWxlbWVudC5sYWJlbFwiXG4gICAgW21heGxlbmd0aF09XCJlbGVtZW50Lm1heExlbmd0aFwiXG4gICAgKGtleWRvd24uZW50ZXIpPVwic3VmZml4RW1pdCgpXCJcbiAgLz5cbiAgPGlucHV0XG4gICAgbWF0SW5wdXRcbiAgICAqbmdJZj1cIiFlbGVtZW50LmF1dG9zaXplXCJcbiAgICBbZm9ybUNvbnRyb2xdPVwiZm9ybUNvbnRyb2xcIlxuICAgIFtwbGFjZWhvbGRlcl09XCJlbGVtZW50LnBsYWNlaG9sZGVyIHx8IGVsZW1lbnQubGFiZWxcIlxuICAgIFttYXhsZW5ndGhdPVwiZWxlbWVudC5tYXhMZW5ndGhcIlxuICAgIChrZXlkb3duLmVudGVyKT1cInN1ZmZpeEVtaXQoKVwiXG4gIC8+XG4gIDxtYXQtaWNvblxuICAgICpuZ0lmPVwiaGFzVmFsdWUoKVwiXG4gICAgKGNsaWNrKT1cImNsZWFyVmFsdWUoKVwiXG4gICAgY2xhc3M9XCJtYXBhLWlucHV0LS1jbG9zZVwiXG4gICAgbWF0U3VmZml4XG4gICAgPmNsb3NlPC9tYXQtaWNvblxuICA+XG4gIDxtYXQtaWNvblxuICAgICpuZ0lmPVwiZWxlbWVudC5zdWZmaXhcIlxuICAgIGNsYXNzPVwibWFwYS1pbnB1dC0tc3VmZml4XCJcbiAgICBtYXRTdWZmaXhcbiAgICAoY2xpY2spPVwic3VmZml4LmVtaXQoKVwiXG4gID5cbiAgICB7eyBlbGVtZW50LnN1ZmZpeCB9fVxuICA8L21hdC1pY29uPlxuICA8bWF0LWhpbnQgKm5nSWY9XCJlbGVtZW50LmhpbnRcIj57eyBlbGVtZW50LmhpbnQgfX08L21hdC1oaW50PlxuICA8bWF0LWVycm9yXG4gICAgKm5nSWY9XCJmb3JtQ29udHJvbD8uaGFzRXJyb3IoJ3JlcXVpcmVkJylcIj5cbiAgICB7eyBlbGVtZW50LmVycm9ycz8ucmVxdWlyZWQgfX1cbiAgPC9tYXQtZXJyb3I+XG4gIDxtYXQtZXJyb3JcbiAgICAqbmdJZj1cImZvcm1Db250cm9sPy5oYXNFcnJvcignbWlubGVuZ3RoJylcIj5cbiAgICB7eyBlbGVtZW50LmVycm9ycz8ubWlubGVuZ3RoIH19XG4gIDwvbWF0LWVycm9yPlxuICA8bWF0LWVycm9yXG4gICAgKm5nSWY9XCJmb3JtQ29udHJvbD8uaGFzRXJyb3IoJ2NwZicpXCI+XG4gICAge3sgZWxlbWVudC5lcnJvcnM/LmNwZiB9fVxuICA8L21hdC1lcnJvcj5cbiAgPG1hdC1lcnJvclxuICAgICpuZ0lmPVwiZm9ybUNvbnRyb2w/Lmhhc0Vycm9yKCdjbnBqJylcIj5cbiAgICB7eyBlbGVtZW50LmVycm9ycz8uY25waiB9fVxuICA8L21hdC1lcnJvcj5cbiAgPG1hdC1lcnJvclxuICAgICpuZ0lmPVwiZm9ybUNvbnRyb2w/Lmhhc0Vycm9yKCdlbWFpbCcpXCI+XG4gICAge3sgZWxlbWVudC5lcnJvcnM/LmVtYWlsIH19XG4gIDwvbWF0LWVycm9yPlxuPC9tYXQtZm9ybS1maWVsZD5cbiJdfQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5wdXQuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbWFwYS1saWJyYXJ5LXVpL3NyYy9saWIvY29tcG9uZW50cy9pbnB1dC9zcmMvaW5wdXQuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbWFwYS1saWJyYXJ5LXVpL3NyYy9saWIvY29tcG9uZW50cy9pbnB1dC9zcmMvaW5wdXQuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxZQUFZLEVBQUUsS0FBSyxFQUFFLE1BQU0sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLGVBQWUsQ0FBQzs7Ozs7Ozs7QUFXMUYsTUFBTSxPQUFPLGtCQUFrQjtJQU4vQjtRQVNZLFdBQU0sR0FBc0IsSUFBSSxZQUFZLEVBQUUsQ0FBQztLQWMxRDtJQVpDLFFBQVE7UUFDTixPQUFPLENBQUMsQ0FBQyxJQUFJLENBQUMsV0FBVyxDQUFDLEtBQUssQ0FBQztJQUNsQyxDQUFDO0lBRUQsVUFBVTtRQUNSLElBQUksQ0FBQyxXQUFXLENBQUMsUUFBUSxDQUFDLElBQUksQ0FBQyxDQUFDO0lBQ2xDLENBQUM7SUFFRCxVQUFVO1FBQ1IsT0FBTyxDQUFDLEdBQUcsQ0FBQyxnQkFBZ0IsQ0FBQyxDQUFDO1FBQzlCLElBQUksQ0FBQyxNQUFNLENBQUMsSUFBSSxFQUFFLENBQUM7SUFDckIsQ0FBQzs7Z0hBaEJVLGtCQUFrQjtvR0FBbEIsa0JBQWtCLDZJQ1gvQiwrMURBbUVBOzRGRHhEYSxrQkFBa0I7a0JBTjlCLFNBQVM7K0JBQ0UsWUFBWSxpQkFHUCxpQkFBaUIsQ0FBQyxJQUFJOzhCQUc1QixXQUFXO3NCQUFuQixLQUFLO2dCQUNHLE9BQU87c0JBQWYsS0FBSztnQkFDSSxNQUFNO3NCQUFmLE1BQU0iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIEV2ZW50RW1pdHRlciwgSW5wdXQsIE91dHB1dCwgVmlld0VuY2Fwc3VsYXRpb24gfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IEZvcm1Db250cm9sIH0gZnJvbSAnQGFuZ3VsYXIvZm9ybXMnO1xuXG5pbXBvcnQgeyBJbnB1dFRleHQgfSBmcm9tICdtYXBhLWxpYnJhcnktdWknO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdtYXBhLWlucHV0JyxcbiAgdGVtcGxhdGVVcmw6ICcuL2lucHV0LmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vaW5wdXQtbGVnYWN5LmNvbXBvbmVudC5zY3NzJ10sXG4gIGVuY2Fwc3VsYXRpb246IFZpZXdFbmNhcHN1bGF0aW9uLk5vbmUsXG59KVxuZXhwb3J0IGNsYXNzIE1hcGFJbnB1dENvbXBvbmVudCB7XG4gIEBJbnB1dCgpIGZvcm1Db250cm9sITogRm9ybUNvbnRyb2w7XG4gIEBJbnB1dCgpIGVsZW1lbnQhOiBJbnB1dFRleHQ7XG4gIEBPdXRwdXQoKSBzdWZmaXg6IEV2ZW50RW1pdHRlcjxhbnk+ID0gbmV3IEV2ZW50RW1pdHRlcigpO1xuICBcbiAgaGFzVmFsdWUoKTogYm9vbGVhbiB7XG4gICAgcmV0dXJuICEhdGhpcy5mb3JtQ29udHJvbC52YWx1ZTtcbiAgfVxuXG4gIGNsZWFyVmFsdWUoKTogdm9pZCB7XG4gICAgdGhpcy5mb3JtQ29udHJvbC5zZXRWYWx1ZShudWxsKTtcbiAgfVxuXG4gIHN1ZmZpeEVtaXQoKSB7XG4gICAgY29uc29sZS5sb2coJ2VudGVyIGtleXByZXNzJyk7XG4gICAgdGhpcy5zdWZmaXguZW1pdCgpO1xuICB9XG59XG4iLCI8bGFiZWwgKm5nSWY9XCJlbGVtZW50LmxhYmVsXCIgY2xhc3M9XCJtYXBhLWlucHV0X19sYWJlbFwiPlxuICB7eyBlbGVtZW50LmxhYmVsIH19XG48L2xhYmVsPlxuPG1hdC1mb3JtLWZpZWxkXG4gIGNsYXNzPVwibWFwYS1pbnB1dFwiXG4gIGFwcGVhcmFuY2U9XCJvdXRsaW5lXCJcbiAgc3Vic2NyaXB0U2l6aW5nPVwiZHluYW1pY1wiXG4+XG4gIDxtYXQtaWNvbiAqbmdJZj1cImVsZW1lbnQucHJlZml4XCIgY2xhc3M9XCJtYXBhLWlucHV0LS1wcmVmaXhcIiBtYXRQcmVmaXg+XG4gICAge3sgZWxlbWVudC5wcmVmaXggfX1cbiAgPC9tYXQtaWNvbj5cbiAgPGlucHV0XG4gICAgKm5nSWY9XCJlbGVtZW50LmF1dG9zaXplXCJcbiAgICBtYXRJbnB1dFxuICAgIG1hdElucHV0QXV0b3NpemVcbiAgICBbbWF0SW5wdXRBdXRvc2l6ZU1pbldpZHRoXT1cImVsZW1lbnQuYXV0b3NpemVNaW5XaWR0aCFcIlxuICAgIFttYXRJbnB1dEF1dG9zaXplTWF4V2lkdGhdPVwiZWxlbWVudC5hdXRvc2l6ZU1heFdpZHRoIVwiXG4gICAgW2Zvcm1Db250cm9sXT1cImZvcm1Db250cm9sXCJcbiAgICBbcGxhY2Vob2xkZXJdPVwiZWxlbWVudC5wbGFjZWhvbGRlciB8fCBlbGVtZW50LmxhYmVsXCJcbiAgICBbbWF4bGVuZ3RoXT1cImVsZW1lbnQubWF4TGVuZ3RoXCJcbiAgICAoa2V5ZG93bi5lbnRlcik9XCJzdWZmaXhFbWl0KClcIlxuICAvPlxuICA8aW5wdXRcbiAgICBtYXRJbnB1dFxuICAgICpuZ0lmPVwiIWVsZW1lbnQuYXV0b3NpemVcIlxuICAgIFtmb3JtQ29udHJvbF09XCJmb3JtQ29udHJvbFwiXG4gICAgW3BsYWNlaG9sZGVyXT1cImVsZW1lbnQucGxhY2Vob2xkZXIgfHwgZWxlbWVudC5sYWJlbFwiXG4gICAgW21heGxlbmd0aF09XCJlbGVtZW50Lm1heExlbmd0aFwiXG4gICAgKGtleWRvd24uZW50ZXIpPVwic3VmZml4RW1pdCgpXCJcbiAgLz5cbiAgPG1hdC1pY29uXG4gICAgKm5nSWY9XCJoYXNWYWx1ZSgpXCJcbiAgICAoY2xpY2spPVwiY2xlYXJWYWx1ZSgpXCJcbiAgICBjbGFzcz1cIm1hcGEtaW5wdXQtLWNsb3NlXCJcbiAgICBtYXRTdWZmaXhcbiAgICA+Y2xvc2U8L21hdC1pY29uXG4gID5cbiAgPG1hdC1pY29uXG4gICAgKm5nSWY9XCJlbGVtZW50LnN1ZmZpeFwiXG4gICAgY2xhc3M9XCJtYXBhLWlucHV0LS1zdWZmaXhcIlxuICAgIG1hdFN1ZmZpeFxuICAgIChjbGljayk9XCJzdWZmaXguZW1pdCgpXCJcbiAgPlxuICAgIHt7IGVsZW1lbnQuc3VmZml4IH19XG4gIDwvbWF0LWljb24+XG4gIDxtYXQtaGludCAqbmdJZj1cImVsZW1lbnQuaGludFwiPnt7IGVsZW1lbnQuaGludCB9fTwvbWF0LWhpbnQ+XG4gIDxtYXQtZXJyb3JcbiAgICAqbmdJZj1cImZvcm1Db250cm9sPy5oYXNFcnJvcigncmVxdWlyZWQnKVwiPlxuICAgIHt7IGVsZW1lbnQuZXJyb3JzPy5yZXF1aXJlZCB9fVxuICA8L21hdC1lcnJvcj5cbiAgPG1hdC1lcnJvclxuICAgICpuZ0lmPVwiZm9ybUNvbnRyb2w/Lmhhc0Vycm9yKCdtaW5sZW5ndGgnKVwiPlxuICAgIHt7IGVsZW1lbnQuZXJyb3JzPy5taW5sZW5ndGggfX1cbiAgPC9tYXQtZXJyb3I+XG4gIDxtYXQtZXJyb3JcbiAgICAqbmdJZj1cImZvcm1Db250cm9sPy5oYXNFcnJvcignY3BmJylcIj5cbiAgICB7eyBlbGVtZW50LmVycm9ycz8uY3BmIH19XG4gIDwvbWF0LWVycm9yPlxuICA8bWF0LWVycm9yXG4gICAgKm5nSWY9XCJmb3JtQ29udHJvbD8uaGFzRXJyb3IoJ2NucGonKVwiPlxuICAgIHt7IGVsZW1lbnQuZXJyb3JzPy5jbnBqIH19XG4gIDwvbWF0LWVycm9yPlxuICA8bWF0LWVycm9yXG4gICAgKm5nSWY9XCJmb3JtQ29udHJvbD8uaGFzRXJyb3IoJ2VtYWlsJylcIj5cbiAgICB7eyBlbGVtZW50LmVycm9ycz8uZW1haWwgfX1cbiAgPC9tYXQtZXJyb3I+XG48L21hdC1mb3JtLWZpZWxkPlxuIl19

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

@@ -636,10 +636,10 @@ class MapaCapabilityExpandComponent {
     }
 }
 MapaCapabilityExpandComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: MapaCapabilityExpandComponent, deps: [{ token: CapabilityClassificationService }], target: i0.ɵɵFactoryTarget.Component });
-MapaCapabilityExpandComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: MapaCapabilityExpandComponent, selector: "mapa-capability-expand", inputs: { data: "data" }, ngImport: i0, template: "<div class=\"capability__concept\">\n  <div class=\"capability__concept--content\">\n    <div class=\"capability__concept--title\">Conceito</div>\n    <div class=\"capability__concept--text\">\n      {{ data.concept }}\n    </div>\n  </div>\n  <div class=\"capability__concept--content\">\n    <div class=\"capability__concept--title\">Resultado</div>\n    <div class=\"capability__concept--text\">\n      {{ data.result }}\n    </div>\n  </div>\n</div>\n<div class=\"capability__expanded\">\n  <div *ngFor=\"let item of data.items\" class=\"capability__expanded--item\">\n    <div class=\"name\">\n      <div class=\"display-S\">{{ item.name }}</div>\n      <mapa-tag size=\"small\">\n        <mapa-capability-dot\n          [item]=\"item\"\n        ></mapa-capability-dot>\n        {{ classification.getByItem(item).name }}\n      </mapa-tag>\n    </div>\n\n    <p class=\"classificationName\">\n      <strong *ngIf=\"!classification.getByItem(item).positive\">\u2198\uFE0E Dire\u00E7\u00E3o Negativa</strong> \n      <strong *ngIf=\"classification.getByItem(item).positive\">\u2197 Dire\u00E7\u00E3o Positiva</strong>\n      | {{ item.description }}\n    </p>\n  </div>\n</div>\n", styles: [".capability__concept{display:flex;flex:1 1 48%;gap:42px;margin:24px 0 60px}.capability__concept--content{width:48%}.capability__concept--title{color:#000;font-family:SF Pro Display;font-size:16px;font-style:normal;font-weight:600;line-height:24px;margin-bottom:8px}.capability__concept--text{color:#676767;font-family:SF-Pro;font-size:16px;font-style:normal;font-weight:400;line-height:24px}.capability__expanded{border-top:1px solid #CDCDCD;padding:36px 16px 16px;display:flex;flex-wrap:wrap;flex:0 0 30%;justify-content:flex-start;gap:30px}.capability__expanded--item{width:30%}.capability__expanded--item .name{display:flex;justify-content:space-between;margin-bottom:16px}.capability__expanded--item .classificationName{color:#8c8f94}.capability__expanded--item mapa-tag .mapa-tag--small{display:flex;align-items:center;gap:8px;padding:2px 8px 2px 3px!important;font-size:14px!important;font-style:normal;font-weight:400;height:18px}\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: TagComponent, selector: "mapa-tag", inputs: ["color", "size"] }, { kind: "component", type: MapaCapabilityDotComponent, selector: "mapa-capability-dot", inputs: ["type", "item", "tooltip", "capability"] }], encapsulation: i0.ViewEncapsulation.None });
+MapaCapabilityExpandComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: MapaCapabilityExpandComponent, selector: "mapa-capability-expand", inputs: { data: "data" }, ngImport: i0, template: "<div class=\"capability__concept\">\n  <div class=\"capability__concept--content\">\n    <div class=\"capability__concept--title\">Conceito</div>\n    <div class=\"capability__concept--text\">\n      {{ data.capabilityConcept?.concept! }}\n    </div>\n  </div>\n  <div class=\"capability__concept--content\">\n    <div class=\"capability__concept--title\">Resultado</div>\n    <div class=\"capability__concept--text\">\n      {{ data.capabilityConcept?.result! }}\n    </div>\n  </div>\n</div>\n<div class=\"capability__expanded\">\n  <div *ngFor=\"let item of data.items\" class=\"capability__expanded--item\">\n    <div class=\"name\">\n      <div class=\"display-S\">{{ item.name }}</div>\n      <mapa-tag size=\"small\">\n        <mapa-capability-dot\n          [item]=\"item\"\n        ></mapa-capability-dot>\n        {{ classification.getByItem(item).name }}\n      </mapa-tag>\n    </div>\n\n    <p class=\"classificationName\">\n      <strong *ngIf=\"!classification.getByItem(item).positive\">\u2198\uFE0E Dire\u00E7\u00E3o Negativa</strong> \n      <strong *ngIf=\"classification.getByItem(item).positive\">\u2197 Dire\u00E7\u00E3o Positiva</strong>\n      | {{ item.description }}\n    </p>\n  </div>\n</div>\n", styles: [".capability__concept{display:flex;flex:1 1 48%;gap:42px;margin:24px 0 60px}.capability__concept--content{width:48%}.capability__concept--title{color:#000;font-family:SF Pro Display;font-size:16px;font-style:normal;font-weight:600;line-height:24px;margin-bottom:8px}.capability__concept--text{color:#676767;font-family:SF-Pro;font-size:16px;font-style:normal;font-weight:400;line-height:24px}.capability__expanded{border-top:1px solid #CDCDCD;padding:36px 16px 16px;display:flex;flex-wrap:wrap;flex:0 0 30%;justify-content:flex-start;gap:30px}.capability__expanded--item{width:30%}.capability__expanded--item .name{display:flex;justify-content:space-between;margin-bottom:16px}.capability__expanded--item .classificationName{color:#8c8f94}.capability__expanded--item mapa-tag .mapa-tag--small{display:flex;align-items:center;gap:8px;padding:2px 8px 2px 3px!important;font-size:14px!important;font-style:normal;font-weight:400;height:18px}\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: TagComponent, selector: "mapa-tag", inputs: ["color", "size"] }, { kind: "component", type: MapaCapabilityDotComponent, selector: "mapa-capability-dot", inputs: ["type", "item", "tooltip", "capability"] }], encapsulation: i0.ViewEncapsulation.None });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: MapaCapabilityExpandComponent, decorators: [{
             type: Component,
-            args: [{ selector: "mapa-capability-expand", encapsulation: ViewEncapsulation.None, template: "<div class=\"capability__concept\">\n  <div class=\"capability__concept--content\">\n    <div class=\"capability__concept--title\">Conceito</div>\n    <div class=\"capability__concept--text\">\n      {{ data.concept }}\n    </div>\n  </div>\n  <div class=\"capability__concept--content\">\n    <div class=\"capability__concept--title\">Resultado</div>\n    <div class=\"capability__concept--text\">\n      {{ data.result }}\n    </div>\n  </div>\n</div>\n<div class=\"capability__expanded\">\n  <div *ngFor=\"let item of data.items\" class=\"capability__expanded--item\">\n    <div class=\"name\">\n      <div class=\"display-S\">{{ item.name }}</div>\n      <mapa-tag size=\"small\">\n        <mapa-capability-dot\n          [item]=\"item\"\n        ></mapa-capability-dot>\n        {{ classification.getByItem(item).name }}\n      </mapa-tag>\n    </div>\n\n    <p class=\"classificationName\">\n      <strong *ngIf=\"!classification.getByItem(item).positive\">\u2198\uFE0E Dire\u00E7\u00E3o Negativa</strong> \n      <strong *ngIf=\"classification.getByItem(item).positive\">\u2197 Dire\u00E7\u00E3o Positiva</strong>\n      | {{ item.description }}\n    </p>\n  </div>\n</div>\n", styles: [".capability__concept{display:flex;flex:1 1 48%;gap:42px;margin:24px 0 60px}.capability__concept--content{width:48%}.capability__concept--title{color:#000;font-family:SF Pro Display;font-size:16px;font-style:normal;font-weight:600;line-height:24px;margin-bottom:8px}.capability__concept--text{color:#676767;font-family:SF-Pro;font-size:16px;font-style:normal;font-weight:400;line-height:24px}.capability__expanded{border-top:1px solid #CDCDCD;padding:36px 16px 16px;display:flex;flex-wrap:wrap;flex:0 0 30%;justify-content:flex-start;gap:30px}.capability__expanded--item{width:30%}.capability__expanded--item .name{display:flex;justify-content:space-between;margin-bottom:16px}.capability__expanded--item .classificationName{color:#8c8f94}.capability__expanded--item mapa-tag .mapa-tag--small{display:flex;align-items:center;gap:8px;padding:2px 8px 2px 3px!important;font-size:14px!important;font-style:normal;font-weight:400;height:18px}\n"] }]
+            args: [{ selector: "mapa-capability-expand", encapsulation: ViewEncapsulation.None, template: "<div class=\"capability__concept\">\n  <div class=\"capability__concept--content\">\n    <div class=\"capability__concept--title\">Conceito</div>\n    <div class=\"capability__concept--text\">\n      {{ data.capabilityConcept?.concept! }}\n    </div>\n  </div>\n  <div class=\"capability__concept--content\">\n    <div class=\"capability__concept--title\">Resultado</div>\n    <div class=\"capability__concept--text\">\n      {{ data.capabilityConcept?.result! }}\n    </div>\n  </div>\n</div>\n<div class=\"capability__expanded\">\n  <div *ngFor=\"let item of data.items\" class=\"capability__expanded--item\">\n    <div class=\"name\">\n      <div class=\"display-S\">{{ item.name }}</div>\n      <mapa-tag size=\"small\">\n        <mapa-capability-dot\n          [item]=\"item\"\n        ></mapa-capability-dot>\n        {{ classification.getByItem(item).name }}\n      </mapa-tag>\n    </div>\n\n    <p class=\"classificationName\">\n      <strong *ngIf=\"!classification.getByItem(item).positive\">\u2198\uFE0E Dire\u00E7\u00E3o Negativa</strong> \n      <strong *ngIf=\"classification.getByItem(item).positive\">\u2197 Dire\u00E7\u00E3o Positiva</strong>\n      | {{ item.description }}\n    </p>\n  </div>\n</div>\n", styles: [".capability__concept{display:flex;flex:1 1 48%;gap:42px;margin:24px 0 60px}.capability__concept--content{width:48%}.capability__concept--title{color:#000;font-family:SF Pro Display;font-size:16px;font-style:normal;font-weight:600;line-height:24px;margin-bottom:8px}.capability__concept--text{color:#676767;font-family:SF-Pro;font-size:16px;font-style:normal;font-weight:400;line-height:24px}.capability__expanded{border-top:1px solid #CDCDCD;padding:36px 16px 16px;display:flex;flex-wrap:wrap;flex:0 0 30%;justify-content:flex-start;gap:30px}.capability__expanded--item{width:30%}.capability__expanded--item .name{display:flex;justify-content:space-between;margin-bottom:16px}.capability__expanded--item .classificationName{color:#8c8f94}.capability__expanded--item mapa-tag .mapa-tag--small{display:flex;align-items:center;gap:8px;padding:2px 8px 2px 3px!important;font-size:14px!important;font-style:normal;font-weight:400;height:18px}\n"] }]
         }], ctorParameters: function () { return [{ type: CapabilityClassificationService }]; }, propDecorators: { data: [{
                 type: Input
             }] } });
@@ -976,6 +976,10 @@ class MapaCapabilityIntervalBarComponent {
     constructor() {
         this.clicked = new EventEmitter();
         this.isHovering = false;
+        this.isClicked = false;
+        this.clicked.subscribe((res) => {
+            this.isClicked = !this.isClicked;
+        });
     }
     onHover() {
         this.isHovering = true;
@@ -988,11 +992,13 @@ class MapaCapabilityIntervalBarComponent {
     }
 }
 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" }, outputs: { clicked: "clicked" }, ngImport: i0, template: "<section\n  (mouseover)=\"onHover()\"\n  (mouseout)=\"onMouseOut()\"\n  reusable-outlet\n  class=\"capability-interval\"\n>\n  <section\n    class=\"capability-interval__bar\"\n    [ngClass]=\"{'capability-interval--hide': isHovering}\"\n  >\n    <mapa-capability-interval [data]=\"data\"></mapa-capability-interval>\n  </section>\n  <section\n    class=\"capability-interval__show-more capability-interval--hide\"\n    [ngClass]=\"{'capability-interval--show': isHovering}\"\n  >\n    <mapa-button color=\"basic\" (click)=\"showMore()\">Veja mais</mapa-button>\n  </section>\n</section>\n", styles: [".capability-interval{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%}.capability-interval--hide{opacity:0;max-height:0}.capability-interval--show{opacity:1;max-height:72px}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: ButtonComponent, selector: "mapa-button", inputs: ["color", "disabled"], outputs: ["clicked"] }, { kind: "component", type: MapaCapabilityIntervalComponent, selector: "mapa-capability-interval", inputs: ["data"] }] });
+MapaCapabilityIntervalBarComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: MapaCapabilityIntervalBarComponent, selector: "mapa-capability-interval-bar", inputs: { data: "data", expanded: "expanded" }, outputs: { clicked: "clicked" }, ngImport: i0, template: "<section\n  (mouseover)=\"onHover()\"\n  (mouseout)=\"onMouseOut()\"\n  reusable-outlet\n  class=\"capability-interval\"\n>\n  <section\n    class=\"capability-interval__bar\"\n    [ngClass]=\"{'capability-interval--hide': isHovering}\"\n  >\n    <mapa-capability-interval [data]=\"data\"></mapa-capability-interval>\n  </section>\n  <section\n    class=\"capability-interval__show-more capability-interval--hide\"\n    [ngClass]=\"{'capability-interval--show': isHovering}\"\n  >\n    <mapa-button color=\"basic\" (click)=\"showMore()\">{{ expanded ? 'Ver menos' : 'Veja mais' }}</mapa-button>\n  </section>\n</section>\n", styles: [".capability-interval{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%}.capability-interval--hide{opacity:0;max-height:0}.capability-interval--show{opacity:1;max-height:72px}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: ButtonComponent, selector: "mapa-button", inputs: ["color", "disabled"], outputs: ["clicked"] }, { kind: "component", type: MapaCapabilityIntervalComponent, selector: "mapa-capability-interval", inputs: ["data"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: MapaCapabilityIntervalBarComponent, decorators: [{
             type: Component,
-            args: [{ selector: "mapa-capability-interval-bar", template: "<section\n  (mouseover)=\"onHover()\"\n  (mouseout)=\"onMouseOut()\"\n  reusable-outlet\n  class=\"capability-interval\"\n>\n  <section\n    class=\"capability-interval__bar\"\n    [ngClass]=\"{'capability-interval--hide': isHovering}\"\n  >\n    <mapa-capability-interval [data]=\"data\"></mapa-capability-interval>\n  </section>\n  <section\n    class=\"capability-interval__show-more capability-interval--hide\"\n    [ngClass]=\"{'capability-interval--show': isHovering}\"\n  >\n    <mapa-button color=\"basic\" (click)=\"showMore()\">Veja mais</mapa-button>\n  </section>\n</section>\n", styles: [".capability-interval{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%}.capability-interval--hide{opacity:0;max-height:0}.capability-interval--show{opacity:1;max-height:72px}\n"] }]
-        }], propDecorators: { data: [{
+            args: [{ selector: "mapa-capability-interval-bar", template: "<section\n  (mouseover)=\"onHover()\"\n  (mouseout)=\"onMouseOut()\"\n  reusable-outlet\n  class=\"capability-interval\"\n>\n  <section\n    class=\"capability-interval__bar\"\n    [ngClass]=\"{'capability-interval--hide': isHovering}\"\n  >\n    <mapa-capability-interval [data]=\"data\"></mapa-capability-interval>\n  </section>\n  <section\n    class=\"capability-interval__show-more capability-interval--hide\"\n    [ngClass]=\"{'capability-interval--show': isHovering}\"\n  >\n    <mapa-button color=\"basic\" (click)=\"showMore()\">{{ expanded ? 'Ver menos' : 'Veja mais' }}</mapa-button>\n  </section>\n</section>\n", styles: [".capability-interval{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%}.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
             }], clicked: [{
                 type: Output
@@ -1003,7 +1009,7 @@ class MapaCapabilityDetailComponent {
         this.expanded = new Set();
     }
     sortItemsByinterval(items) {
-        return items.sort((a, b) => b.interval - a.interval);
+        return items === null || items === void 0 ? void 0 : items.sort((a, b) => b.interval - a.interval);
     }
     showMore(index) {
         if (this.expanded.has(index)) {
@@ -1024,10 +1030,10 @@ class MapaCapabilityDetailComponent {
     }
 }
 MapaCapabilityDetailComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: MapaCapabilityDetailComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-MapaCapabilityDetailComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: MapaCapabilityDetailComponent, selector: "mapa-capability-detail", inputs: { data: "data" }, ngImport: i0, template: "<section class=\"capability\">\n  <div class=\"capability__core\">\n    <div *ngFor=\"let capability of data; let i = index\" class=\"capability__item\">\n      <div class=\"capability__item--header\">\n        <div class=\"capability__item--title-dots\">\n          <div class=\"display-L\">{{ capability.name }}</div>\n    \n          <div class=\"capability__item--dots\">\n            <mapa-capability-dot\n              *ngFor=\"let item of sortItemsByinterval(capability.items)\"\n              type=\"small\"\n              [item]=\"item\"\n              [capability]=\"capability\"\n              [tooltip]=\"true\"\n            ></mapa-capability-dot>\n          </div>\n        </div>\n    \n        <div class=\"capability__item--interval\">\n          <mapa-capability-interval-bar\n            [data]=\"capability\"\n            (clicked)=\"showMore(i)\"\n            reusable-interval-bar\n          ></mapa-capability-interval-bar>\n        </div>\n      </div>\n      <div [class.capability__item--show]=\"expanded.has(i)\" [class.capability__item--hide]=\"!expanded.has(i)\">\n        <mapa-capability-expand\n          [data]=\"capability\"\n        ></mapa-capability-expand>\n      </div>\n    </div>\n  </div>\n</section>", styles: [".capability{border-radius:16px}.capability h1{font-family:SF-Pro;font-size:32px;font-style:normal;font-weight:400;line-height:40px}.capability__core{border:1px solid #DCDCDE;border-radius:16px;background-color:#fff;padding-top:25px}.capability__item{padding:24px;position:relative}.capability__item:hover{box-shadow:0 4px 4px #00000021}.capability__item:not(:only-child){border-bottom:1px solid #dcdcde}.capability__item:first-child{border-radius:16px 16px 0 0}.capability__item:last-child{border-bottom:unset;border-radius:0 0 16px 16px}.capability__item--hide{opacity:0;max-height:0;height:0}.capability__item--hide>*{display:none!important;opacity:0!important;max-height:0!important;height:0!important;margin:0!important;padding:0!important;flex:0}.capability__item--show{opacity:1;max-height:100%;height:100%}.capability__item--header{display:flex;align-items:center;justify-content:space-between}.capability__item--title-dots{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;height:72px}.capability__item--title-dots .display-L{margin-bottom:10px}.capability__item--dots{display:flex}.capability__item--dots mapa-capability-dot .tooltip-dot{padding:8px 8px 8px 0}\n", ".classification-1{background-color:#073e92;color:#fff}.classification-2{background-color:#0e6ece;color:#fff}.classification-3{background-color:#2d9ced;color:#000}.classification-4{background-color:#68ceee;color:#000}.classification-5{background-color:#96f2ee;color:#000}.classification-6{background-color:#f598a7;color:#000}.classification-7{background-color:#f56580;color:#000}.classification-8{background-color:#f4284e;color:#fff}.classification-9{background-color:#c11c2f;color:#fff}.small-dot{width:12px;height:12px;border-radius:12px;padding:0;margin:0}.dot{width:16px;height:16px;border-radius:16px;padding:0;margin:0}.indicator{display:flex;padding:2px 4px 2px 16px;justify-content:space-between;align-items:center;border-radius:8px;font-family:SF-Pro;font-size:16px;font-style:normal;font-weight:400}.display-S{font-family:SF-Pro;font-size:20px;font-style:normal;font-weight:400}.display-L{font-family:SF-Pro;font-size:32px;font-style:normal;font-weight:400}.display-XG{font-family:SF-Pro;font-size:48px;font-style:normal;font-weight:400}*{transition:opacity .4s ease-out,max-height .4s ease-out}\n"], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "component", type: MapaCapabilityDotComponent, selector: "mapa-capability-dot", inputs: ["type", "item", "tooltip", "capability"] }, { kind: "component", type: MapaCapabilityIntervalBarComponent, selector: "mapa-capability-interval-bar", inputs: ["data"], outputs: ["clicked"] }, { kind: "component", type: MapaCapabilityExpandComponent, selector: "mapa-capability-expand", inputs: ["data"] }], encapsulation: i0.ViewEncapsulation.None });
+MapaCapabilityDetailComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: MapaCapabilityDetailComponent, selector: "mapa-capability-detail", inputs: { data: "data" }, ngImport: i0, template: "<section class=\"capability\">\n  <div class=\"capability__core\">\n    <div *ngFor=\"let capability of data; let i = index\" class=\"capability__item\">\n      <div class=\"capability__item--header\">\n        <div class=\"capability__item--title-dots\">\n          <div class=\"display-L\">{{ capability.name }}</div>\n    \n          <div class=\"capability__item--dots\">\n            <mapa-capability-dot\n              *ngFor=\"let item of sortItemsByinterval(capability.items)\"\n              type=\"small\"\n              [item]=\"item\"\n              [capability]=\"capability\"\n              [tooltip]=\"true\"\n            ></mapa-capability-dot>\n          </div>\n        </div>\n    \n        <div class=\"capability__item--interval\">\n          <mapa-capability-interval-bar\n            [data]=\"capability\"\n            [expanded]=\"expanded.has(i)\"\n            (clicked)=\"showMore(i)\"\n            reusable-interval-bar\n          ></mapa-capability-interval-bar>\n        </div>\n      </div>\n      <div [class.capability__item--show]=\"expanded.has(i)\" [class.capability__item--hide]=\"!expanded.has(i)\">\n        <mapa-capability-expand\n          [data]=\"capability\"\n        ></mapa-capability-expand>\n      </div>\n    </div>\n  </div>\n</section>", styles: [".capability{border-radius:16px}.capability h1{font-family:SF-Pro;font-size:32px;font-style:normal;font-weight:400;line-height:40px}.capability__core{border:1px solid #DCDCDE;border-radius:16px;background-color:#fff;padding-top:25px}.capability__item{padding:24px;position:relative}.capability__item:hover{box-shadow:0 4px 4px #00000021}.capability__item:not(:only-child){border-bottom:1px solid #dcdcde}.capability__item:first-child{border-radius:16px 16px 0 0}.capability__item:last-child{border-bottom:unset;border-radius:0 0 16px 16px}.capability__item--hide{opacity:0;max-height:0;height:0}.capability__item--hide>*{display:none!important;opacity:0!important;max-height:0!important;height:0!important;margin:0!important;padding:0!important;flex:0}.capability__item--show{opacity:1;max-height:100%;height:100%}.capability__item--header{display:flex;align-items:center;justify-content:space-between}.capability__item--title-dots{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;height:72px}.capability__item--title-dots .display-L{margin-bottom:10px}.capability__item--dots{display:flex}.capability__item--dots mapa-capability-dot .tooltip-dot{padding:8px 8px 8px 0}\n", ".classification-1{background-color:#073e92;color:#fff}.classification-2{background-color:#0e6ece;color:#fff}.classification-3{background-color:#2d9ced;color:#000}.classification-4{background-color:#68ceee;color:#000}.classification-5{background-color:#96f2ee;color:#000}.classification-6{background-color:#f598a7;color:#000}.classification-7{background-color:#f56580;color:#000}.classification-8{background-color:#f4284e;color:#fff}.classification-9{background-color:#c11c2f;color:#fff}.small-dot{width:12px;height:12px;border-radius:12px;padding:0;margin:0}.dot{width:16px;height:16px;border-radius:16px;padding:0;margin:0}.indicator{display:flex;padding:2px 4px 2px 16px;justify-content:space-between;align-items:center;border-radius:8px;font-family:SF-Pro;font-size:16px;font-style:normal;font-weight:400}.display-S{font-family:SF-Pro;font-size:20px;font-style:normal;font-weight:400}.display-L{font-family:SF-Pro;font-size:32px;font-style:normal;font-weight:400}.display-XG{font-family:SF-Pro;font-size:48px;font-style:normal;font-weight:400}*{transition:opacity .4s ease-out,max-height .4s ease-out}\n"], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "component", type: MapaCapabilityDotComponent, selector: "mapa-capability-dot", inputs: ["type", "item", "tooltip", "capability"] }, { kind: "component", type: MapaCapabilityIntervalBarComponent, selector: "mapa-capability-interval-bar", inputs: ["data", "expanded"], outputs: ["clicked"] }, { kind: "component", type: MapaCapabilityExpandComponent, selector: "mapa-capability-expand", inputs: ["data"] }], encapsulation: i0.ViewEncapsulation.None });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: MapaCapabilityDetailComponent, decorators: [{
             type: Component,
-            args: [{ selector: "mapa-capability-detail", encapsulation: ViewEncapsulation.None, template: "<section class=\"capability\">\n  <div class=\"capability__core\">\n    <div *ngFor=\"let capability of data; let i = index\" class=\"capability__item\">\n      <div class=\"capability__item--header\">\n        <div class=\"capability__item--title-dots\">\n          <div class=\"display-L\">{{ capability.name }}</div>\n    \n          <div class=\"capability__item--dots\">\n            <mapa-capability-dot\n              *ngFor=\"let item of sortItemsByinterval(capability.items)\"\n              type=\"small\"\n              [item]=\"item\"\n              [capability]=\"capability\"\n              [tooltip]=\"true\"\n            ></mapa-capability-dot>\n          </div>\n        </div>\n    \n        <div class=\"capability__item--interval\">\n          <mapa-capability-interval-bar\n            [data]=\"capability\"\n            (clicked)=\"showMore(i)\"\n            reusable-interval-bar\n          ></mapa-capability-interval-bar>\n        </div>\n      </div>\n      <div [class.capability__item--show]=\"expanded.has(i)\" [class.capability__item--hide]=\"!expanded.has(i)\">\n        <mapa-capability-expand\n          [data]=\"capability\"\n        ></mapa-capability-expand>\n      </div>\n    </div>\n  </div>\n</section>", styles: [".capability{border-radius:16px}.capability h1{font-family:SF-Pro;font-size:32px;font-style:normal;font-weight:400;line-height:40px}.capability__core{border:1px solid #DCDCDE;border-radius:16px;background-color:#fff;padding-top:25px}.capability__item{padding:24px;position:relative}.capability__item:hover{box-shadow:0 4px 4px #00000021}.capability__item:not(:only-child){border-bottom:1px solid #dcdcde}.capability__item:first-child{border-radius:16px 16px 0 0}.capability__item:last-child{border-bottom:unset;border-radius:0 0 16px 16px}.capability__item--hide{opacity:0;max-height:0;height:0}.capability__item--hide>*{display:none!important;opacity:0!important;max-height:0!important;height:0!important;margin:0!important;padding:0!important;flex:0}.capability__item--show{opacity:1;max-height:100%;height:100%}.capability__item--header{display:flex;align-items:center;justify-content:space-between}.capability__item--title-dots{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;height:72px}.capability__item--title-dots .display-L{margin-bottom:10px}.capability__item--dots{display:flex}.capability__item--dots mapa-capability-dot .tooltip-dot{padding:8px 8px 8px 0}\n", ".classification-1{background-color:#073e92;color:#fff}.classification-2{background-color:#0e6ece;color:#fff}.classification-3{background-color:#2d9ced;color:#000}.classification-4{background-color:#68ceee;color:#000}.classification-5{background-color:#96f2ee;color:#000}.classification-6{background-color:#f598a7;color:#000}.classification-7{background-color:#f56580;color:#000}.classification-8{background-color:#f4284e;color:#fff}.classification-9{background-color:#c11c2f;color:#fff}.small-dot{width:12px;height:12px;border-radius:12px;padding:0;margin:0}.dot{width:16px;height:16px;border-radius:16px;padding:0;margin:0}.indicator{display:flex;padding:2px 4px 2px 16px;justify-content:space-between;align-items:center;border-radius:8px;font-family:SF-Pro;font-size:16px;font-style:normal;font-weight:400}.display-S{font-family:SF-Pro;font-size:20px;font-style:normal;font-weight:400}.display-L{font-family:SF-Pro;font-size:32px;font-style:normal;font-weight:400}.display-XG{font-family:SF-Pro;font-size:48px;font-style:normal;font-weight:400}*{transition:opacity .4s ease-out,max-height .4s ease-out}\n"] }]
+            args: [{ selector: "mapa-capability-detail", encapsulation: ViewEncapsulation.None, template: "<section class=\"capability\">\n  <div class=\"capability__core\">\n    <div *ngFor=\"let capability of data; let i = index\" class=\"capability__item\">\n      <div class=\"capability__item--header\">\n        <div class=\"capability__item--title-dots\">\n          <div class=\"display-L\">{{ capability.name }}</div>\n    \n          <div class=\"capability__item--dots\">\n            <mapa-capability-dot\n              *ngFor=\"let item of sortItemsByinterval(capability.items)\"\n              type=\"small\"\n              [item]=\"item\"\n              [capability]=\"capability\"\n              [tooltip]=\"true\"\n            ></mapa-capability-dot>\n          </div>\n        </div>\n    \n        <div class=\"capability__item--interval\">\n          <mapa-capability-interval-bar\n            [data]=\"capability\"\n            [expanded]=\"expanded.has(i)\"\n            (clicked)=\"showMore(i)\"\n            reusable-interval-bar\n          ></mapa-capability-interval-bar>\n        </div>\n      </div>\n      <div [class.capability__item--show]=\"expanded.has(i)\" [class.capability__item--hide]=\"!expanded.has(i)\">\n        <mapa-capability-expand\n          [data]=\"capability\"\n        ></mapa-capability-expand>\n      </div>\n    </div>\n  </div>\n</section>", styles: [".capability{border-radius:16px}.capability h1{font-family:SF-Pro;font-size:32px;font-style:normal;font-weight:400;line-height:40px}.capability__core{border:1px solid #DCDCDE;border-radius:16px;background-color:#fff;padding-top:25px}.capability__item{padding:24px;position:relative}.capability__item:hover{box-shadow:0 4px 4px #00000021}.capability__item:not(:only-child){border-bottom:1px solid #dcdcde}.capability__item:first-child{border-radius:16px 16px 0 0}.capability__item:last-child{border-bottom:unset;border-radius:0 0 16px 16px}.capability__item--hide{opacity:0;max-height:0;height:0}.capability__item--hide>*{display:none!important;opacity:0!important;max-height:0!important;height:0!important;margin:0!important;padding:0!important;flex:0}.capability__item--show{opacity:1;max-height:100%;height:100%}.capability__item--header{display:flex;align-items:center;justify-content:space-between}.capability__item--title-dots{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;height:72px}.capability__item--title-dots .display-L{margin-bottom:10px}.capability__item--dots{display:flex}.capability__item--dots mapa-capability-dot .tooltip-dot{padding:8px 8px 8px 0}\n", ".classification-1{background-color:#073e92;color:#fff}.classification-2{background-color:#0e6ece;color:#fff}.classification-3{background-color:#2d9ced;color:#000}.classification-4{background-color:#68ceee;color:#000}.classification-5{background-color:#96f2ee;color:#000}.classification-6{background-color:#f598a7;color:#000}.classification-7{background-color:#f56580;color:#000}.classification-8{background-color:#f4284e;color:#fff}.classification-9{background-color:#c11c2f;color:#fff}.small-dot{width:12px;height:12px;border-radius:12px;padding:0;margin:0}.dot{width:16px;height:16px;border-radius:16px;padding:0;margin:0}.indicator{display:flex;padding:2px 4px 2px 16px;justify-content:space-between;align-items:center;border-radius:8px;font-family:SF-Pro;font-size:16px;font-style:normal;font-weight:400}.display-S{font-family:SF-Pro;font-size:20px;font-style:normal;font-weight:400}.display-L{font-family:SF-Pro;font-size:32px;font-style:normal;font-weight:400}.display-XG{font-family:SF-Pro;font-size:48px;font-style:normal;font-weight:400}*{transition:opacity .4s ease-out,max-height .4s ease-out}\n"] }]
         }], propDecorators: { data: [{
                 type: Input
             }] } });