mapa-library-ui 0.29.0 → 0.30.0

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

@@ -11,7 +11,7 @@ export class MapaCapabilityDetailComponent {
     constructor(classification) {
         this.classification = classification;
         this.expanded = new Set();
-        this.showInterval = true;
+        this.showTagInterval = true;
     }
     ngOnInit() {
         if (this.isExpanded) {
@@ -52,13 +52,17 @@ export class MapaCapabilityDetailComponent {
     }
 }
 MapaCapabilityDetailComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: MapaCapabilityDetailComponent, deps: [{ token: i1.CapabilityClassificationService }], 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", showTagInterval: "showTagInterval", isExpanded: "isExpanded" }, viewQueries: [{ propertyName: "accordion", first: true, predicate: ["detailAccordion"], descendants: true }], ngImport: i0, template: "<mat-accordion class=\"capability-detail\" #detailAccordion=\"matAccordion\" multi>\n  <mat-expansion-panel *ngFor=\"let capability of data; let i = index\" [expanded]=\"expanded.has(i)\" >\n    <mat-expansion-panel-header>\n      <div class=\"capability__item--header\">\n        <div class=\"capability__item--title-dots\">\n          <div class=\"capability__item--title display-L\">\n            {{ capability.name }}\n            <span class=\"capability__item--title-tag\" *ngIf=\"showTagInterval\">\n              <mapa-tag [tag]=\"createTag(capability)\">\n                <mapa-capability-dot\n                  *ngIf=\"capability.classificationColor\"\n                  [item]=\"capability\"\n                  [capability]=\"capability\"\n                ></mapa-capability-dot>\n                {{ classification.getByItem(capability).name }}\n              </mapa-tag>\n            </span>\n          </div>\n\n          <div class=\"capability__item--dots\" *ngIf=\"isSVG(capability)\">\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]=\"showTagInterval\">\n          <mapa-capability-interval-bar\n            [data]=\"capability\"\n            [expanded]=\"expanded.has(i)\"\n            [showInterval]=\"!showTagInterval\"\n            (clicked)=\"showMore(i)\"\n            reusable-interval-bar\n          ></mapa-capability-interval-bar>\n        </div>\n      </div>\n    </mat-expansion-panel-header>\n    <mapa-capability-expand [data]=\"capability\"></mapa-capability-expand>\n  </mat-expansion-panel>\n</mat-accordion>\n\n<!--\n<section class=\"capability\">\n  <div class=\"capability__core\">\n    <div\n      *ngFor=\"let capability of data; let i = index\"\n      class=\"capability__item\"\n    >\n      <div class=\"capability__item--header\">\n        <div class=\"capability__item--title-dots\">\n          <div class=\"capability__item--title display-L\">\n            {{ capability.name }}\n            <span class=\"capability__item--title-tag\" *ngIf=\"showTagInterval\">\n              <mapa-tag [tag]=\"createTag()\">\n                <mapa-capability-dot\n                  [item]=\"capability\"\n                  [capability]=\"capability\"\n                ></mapa-capability-dot>\n\n                {{ classification.getByItem(capability).name }}\n              </mapa-tag>\n            </span>\n          </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]=\"showTagInterval\">\n          <mapa-capability-interval-bar\n            [data]=\"capability\"\n            [expanded]=\"expanded.has(i)\"\n            [showInterval]=\"!showTagInterval\"\n            (clicked)=\"showMore(i)\"\n            reusable-interval-bar\n          ></mapa-capability-interval-bar>\n        </div>\n      </div>\n      <div\n        [class.capability__item--show]=\"expanded.has(i)\"\n        [class.capability__item--hide]=\"!expanded.has(i)\"\n      >\n        <mapa-capability-expand [data]=\"capability\"></mapa-capability-expand>\n      </div>\n    </div>\n  </div>\n</section>\n-->\n", styles: [".capability-detail .mat-expansion-panel{border-radius:0!important}.capability-detail .mat-expansion-panel-spacing{margin:unset!important}.capability-detail .mat-expansion-panel:last-of-type{border-bottom-right-radius:16px!important;border-bottom-left-radius:16px!important}.capability-detail .mat-expansion-panel:first-of-type{border-top-right-radius:16px!important;border-top-left-radius:16px!important}.capability-detail .mat-expansion-panel-header{height:unset!important;padding:16px 24px!important}.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}.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;height:75px;width:98%}.capability__item--title{display:flex;align-items:center;white-space:nowrap}.capability__item--title-tag{margin-left:34px}.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}.capability__item--interval mapa-capability-interval-bar .capability-interval{width:267px}\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: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i3.MapaCapabilityDotComponent, selector: "mapa-capability-dot", inputs: ["type", "item", "tooltip", "capability"] }, { kind: "component", type: i4.MapaCapabilityIntervalBarComponent, selector: "mapa-capability-interval-bar", inputs: ["data", "expanded", "showInterval"], outputs: ["clicked"] }, { kind: "component", type: i5.MapaCapabilityExpandComponent, selector: "mapa-capability-expand", inputs: ["data"] }, { kind: "component", type: i6.TagComponent, selector: "mapa-tag", inputs: ["tag"] }, { kind: "directive", type: i7.MatAccordion, selector: "mat-accordion", inputs: ["multi", "hideToggle", "displayMode", "togglePosition"], exportAs: ["matAccordion"] }, { kind: "component", type: i7.MatExpansionPanel, selector: "mat-expansion-panel", inputs: ["disabled", "expanded", "hideToggle", "togglePosition"], outputs: ["opened", "closed", "expandedChange", "afterExpand", "afterCollapse"], exportAs: ["matExpansionPanel"] }, { kind: "component", type: i7.MatExpansionPanelHeader, selector: "mat-expansion-panel-header", inputs: ["tabIndex", "expandedHeight", "collapsedHeight"] }], 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", showTags: "showTags", showProgressBar: "showProgressBar", showInterval: "showInterval", isExpanded: "isExpanded" }, viewQueries: [{ propertyName: "accordion", first: true, predicate: ["detailAccordion"], descendants: true }], ngImport: i0, template: "<mat-accordion class=\"capability-detail\" #detailAccordion=\"matAccordion\" multi>\n  <mat-expansion-panel *ngFor=\"let capability of data; let i = index\" [expanded]=\"expanded.has(i)\" >\n    <mat-expansion-panel-header>\n      <div class=\"capability__item--header\">\n        <div class=\"capability__item--title-dots\">\n          <div class=\"capability__item--title display-L\">\n            {{ capability.name }}\n            <span class=\"capability__item--title-tag\" *ngIf=\"showTags\">\n              <mapa-tag [tag]=\"createTag(capability)\">\n                <mapa-capability-dot\n                  *ngIf=\"capability.classificationColor\"\n                  [item]=\"capability\"\n                  [capability]=\"capability\"\n                ></mapa-capability-dot>\n                {{ capability.classificationName }}\n              </mapa-tag>\n            </span>\n          </div>\n\n          <div class=\"capability__item--dots\" *ngIf=\"isSVG(capability)\">\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]=\"showProgressBar\">\n          <mapa-capability-interval-bar\n            [data]=\"capability\"\n            [expanded]=\"expanded.has(i)\"\n            [showInterval]=\"showInterval\"\n            (clicked)=\"showMore(i)\"\n            reusable-interval-bar\n          ></mapa-capability-interval-bar>\n        </div>\n      </div>\n    </mat-expansion-panel-header>\n    <mapa-capability-expand [data]=\"capability\"></mapa-capability-expand>\n  </mat-expansion-panel>\n</mat-accordion>\n\n<!--\n<section class=\"capability\">\n  <div class=\"capability__core\">\n    <div\n      *ngFor=\"let capability of data; let i = index\"\n      class=\"capability__item\"\n    >\n      <div class=\"capability__item--header\">\n        <div class=\"capability__item--title-dots\">\n          <div class=\"capability__item--title display-L\">\n            {{ capability.name }}\n            <span class=\"capability__item--title-tag\" *ngIf=\"showTagInterval\">\n              <mapa-tag [tag]=\"createTag()\">\n                <mapa-capability-dot\n                  [item]=\"capability\"\n                  [capability]=\"capability\"\n                ></mapa-capability-dot>\n\n                {{ classification.getByItem(capability).name }}\n              </mapa-tag>\n            </span>\n          </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]=\"showTagInterval\">\n          <mapa-capability-interval-bar\n            [data]=\"capability\"\n            [expanded]=\"expanded.has(i)\"\n            [showInterval]=\"!showTagInterval\"\n            (clicked)=\"showMore(i)\"\n            reusable-interval-bar\n          ></mapa-capability-interval-bar>\n        </div>\n      </div>\n      <div\n        [class.capability__item--show]=\"expanded.has(i)\"\n        [class.capability__item--hide]=\"!expanded.has(i)\"\n      >\n        <mapa-capability-expand [data]=\"capability\"></mapa-capability-expand>\n      </div>\n    </div>\n  </div>\n</section>\n-->\n", styles: [".capability-detail .mat-expansion-panel{border-radius:0!important}.capability-detail .mat-expansion-panel-spacing{margin:unset!important}.capability-detail .mat-expansion-panel:last-of-type{border-bottom-right-radius:16px!important;border-bottom-left-radius:16px!important}.capability-detail .mat-expansion-panel:first-of-type{border-top-right-radius:16px!important;border-top-left-radius:16px!important}.capability-detail .mat-expansion-panel-header{height:unset!important;padding:16px 24px!important}.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}.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;height:75px;width:98%}.capability__item--title{display:flex;align-items:center;white-space:nowrap}.capability__item--title-tag{margin-left:34px}.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: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i3.MapaCapabilityDotComponent, selector: "mapa-capability-dot", inputs: ["type", "item", "tooltip", "capability"] }, { kind: "component", type: i4.MapaCapabilityIntervalBarComponent, selector: "mapa-capability-interval-bar", inputs: ["data", "expanded", "showInterval"], outputs: ["clicked"] }, { kind: "component", type: i5.MapaCapabilityExpandComponent, selector: "mapa-capability-expand", inputs: ["data"] }, { kind: "component", type: i6.TagComponent, selector: "mapa-tag", inputs: ["tag"] }, { kind: "directive", type: i7.MatAccordion, selector: "mat-accordion", inputs: ["multi", "hideToggle", "displayMode", "togglePosition"], exportAs: ["matAccordion"] }, { kind: "component", type: i7.MatExpansionPanel, selector: "mat-expansion-panel", inputs: ["disabled", "expanded", "hideToggle", "togglePosition"], outputs: ["opened", "closed", "expandedChange", "afterExpand", "afterCollapse"], exportAs: ["matExpansionPanel"] }, { kind: "component", type: i7.MatExpansionPanelHeader, selector: "mat-expansion-panel-header", inputs: ["tabIndex", "expandedHeight", "collapsedHeight"] }], 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: "<mat-accordion class=\"capability-detail\" #detailAccordion=\"matAccordion\" multi>\n  <mat-expansion-panel *ngFor=\"let capability of data; let i = index\" [expanded]=\"expanded.has(i)\" >\n    <mat-expansion-panel-header>\n      <div class=\"capability__item--header\">\n        <div class=\"capability__item--title-dots\">\n          <div class=\"capability__item--title display-L\">\n            {{ capability.name }}\n            <span class=\"capability__item--title-tag\" *ngIf=\"showTagInterval\">\n              <mapa-tag [tag]=\"createTag(capability)\">\n                <mapa-capability-dot\n                  *ngIf=\"capability.classificationColor\"\n                  [item]=\"capability\"\n                  [capability]=\"capability\"\n                ></mapa-capability-dot>\n                {{ classification.getByItem(capability).name }}\n              </mapa-tag>\n            </span>\n          </div>\n\n          <div class=\"capability__item--dots\" *ngIf=\"isSVG(capability)\">\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]=\"showTagInterval\">\n          <mapa-capability-interval-bar\n            [data]=\"capability\"\n            [expanded]=\"expanded.has(i)\"\n            [showInterval]=\"!showTagInterval\"\n            (clicked)=\"showMore(i)\"\n            reusable-interval-bar\n          ></mapa-capability-interval-bar>\n        </div>\n      </div>\n    </mat-expansion-panel-header>\n    <mapa-capability-expand [data]=\"capability\"></mapa-capability-expand>\n  </mat-expansion-panel>\n</mat-accordion>\n\n<!--\n<section class=\"capability\">\n  <div class=\"capability__core\">\n    <div\n      *ngFor=\"let capability of data; let i = index\"\n      class=\"capability__item\"\n    >\n      <div class=\"capability__item--header\">\n        <div class=\"capability__item--title-dots\">\n          <div class=\"capability__item--title display-L\">\n            {{ capability.name }}\n            <span class=\"capability__item--title-tag\" *ngIf=\"showTagInterval\">\n              <mapa-tag [tag]=\"createTag()\">\n                <mapa-capability-dot\n                  [item]=\"capability\"\n                  [capability]=\"capability\"\n                ></mapa-capability-dot>\n\n                {{ classification.getByItem(capability).name }}\n              </mapa-tag>\n            </span>\n          </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]=\"showTagInterval\">\n          <mapa-capability-interval-bar\n            [data]=\"capability\"\n            [expanded]=\"expanded.has(i)\"\n            [showInterval]=\"!showTagInterval\"\n            (clicked)=\"showMore(i)\"\n            reusable-interval-bar\n          ></mapa-capability-interval-bar>\n        </div>\n      </div>\n      <div\n        [class.capability__item--show]=\"expanded.has(i)\"\n        [class.capability__item--hide]=\"!expanded.has(i)\"\n      >\n        <mapa-capability-expand [data]=\"capability\"></mapa-capability-expand>\n      </div>\n    </div>\n  </div>\n</section>\n-->\n", styles: [".capability-detail .mat-expansion-panel{border-radius:0!important}.capability-detail .mat-expansion-panel-spacing{margin:unset!important}.capability-detail .mat-expansion-panel:last-of-type{border-bottom-right-radius:16px!important;border-bottom-left-radius:16px!important}.capability-detail .mat-expansion-panel:first-of-type{border-top-right-radius:16px!important;border-top-left-radius:16px!important}.capability-detail .mat-expansion-panel-header{height:unset!important;padding:16px 24px!important}.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}.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;height:75px;width:98%}.capability__item--title{display:flex;align-items:center;white-space:nowrap}.capability__item--title-tag{margin-left:34px}.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}.capability__item--interval mapa-capability-interval-bar .capability-interval{width:267px}\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: "<mat-accordion class=\"capability-detail\" #detailAccordion=\"matAccordion\" multi>\n  <mat-expansion-panel *ngFor=\"let capability of data; let i = index\" [expanded]=\"expanded.has(i)\" >\n    <mat-expansion-panel-header>\n      <div class=\"capability__item--header\">\n        <div class=\"capability__item--title-dots\">\n          <div class=\"capability__item--title display-L\">\n            {{ capability.name }}\n            <span class=\"capability__item--title-tag\" *ngIf=\"showTags\">\n              <mapa-tag [tag]=\"createTag(capability)\">\n                <mapa-capability-dot\n                  *ngIf=\"capability.classificationColor\"\n                  [item]=\"capability\"\n                  [capability]=\"capability\"\n                ></mapa-capability-dot>\n                {{ capability.classificationName }}\n              </mapa-tag>\n            </span>\n          </div>\n\n          <div class=\"capability__item--dots\" *ngIf=\"isSVG(capability)\">\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]=\"showProgressBar\">\n          <mapa-capability-interval-bar\n            [data]=\"capability\"\n            [expanded]=\"expanded.has(i)\"\n            [showInterval]=\"showInterval\"\n            (clicked)=\"showMore(i)\"\n            reusable-interval-bar\n          ></mapa-capability-interval-bar>\n        </div>\n      </div>\n    </mat-expansion-panel-header>\n    <mapa-capability-expand [data]=\"capability\"></mapa-capability-expand>\n  </mat-expansion-panel>\n</mat-accordion>\n\n<!--\n<section class=\"capability\">\n  <div class=\"capability__core\">\n    <div\n      *ngFor=\"let capability of data; let i = index\"\n      class=\"capability__item\"\n    >\n      <div class=\"capability__item--header\">\n        <div class=\"capability__item--title-dots\">\n          <div class=\"capability__item--title display-L\">\n            {{ capability.name }}\n            <span class=\"capability__item--title-tag\" *ngIf=\"showTagInterval\">\n              <mapa-tag [tag]=\"createTag()\">\n                <mapa-capability-dot\n                  [item]=\"capability\"\n                  [capability]=\"capability\"\n                ></mapa-capability-dot>\n\n                {{ classification.getByItem(capability).name }}\n              </mapa-tag>\n            </span>\n          </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]=\"showTagInterval\">\n          <mapa-capability-interval-bar\n            [data]=\"capability\"\n            [expanded]=\"expanded.has(i)\"\n            [showInterval]=\"!showTagInterval\"\n            (clicked)=\"showMore(i)\"\n            reusable-interval-bar\n          ></mapa-capability-interval-bar>\n        </div>\n      </div>\n      <div\n        [class.capability__item--show]=\"expanded.has(i)\"\n        [class.capability__item--hide]=\"!expanded.has(i)\"\n      >\n        <mapa-capability-expand [data]=\"capability\"></mapa-capability-expand>\n      </div>\n    </div>\n  </div>\n</section>\n-->\n", styles: [".capability-detail .mat-expansion-panel{border-radius:0!important}.capability-detail .mat-expansion-panel-spacing{margin:unset!important}.capability-detail .mat-expansion-panel:last-of-type{border-bottom-right-radius:16px!important;border-bottom-left-radius:16px!important}.capability-detail .mat-expansion-panel:first-of-type{border-top-right-radius:16px!important;border-top-left-radius:16px!important}.capability-detail .mat-expansion-panel-header{height:unset!important;padding:16px 24px!important}.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}.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;height:75px;width:98%}.capability__item--title{display:flex;align-items:center;white-space:nowrap}.capability__item--title-tag{margin-left:34px}.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"] }]
         }], ctorParameters: function () { return [{ type: i1.CapabilityClassificationService }]; }, propDecorators: { data: [{
                 type: Input
-            }], showTagInterval: [{
+            }], showTags: [{
+                type: Input
+            }], showProgressBar: [{
+                type: Input
+            }], showInterval: [{
                 type: Input
             }], isExpanded: [{
                 type: Input
@@ -66,4 +70,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
                 type: ViewChild,
                 args: ["detailAccordion"]
             }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2FwYWJpbGl0eS1kZXRhaWwuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbWFwYS1saWJyYXJ5LXVpL3NyYy9saWIvY29tcG9uZW50cy9jYXBhYmlsaXR5L3NyYy9jYXBhYmlsaXR5LWRldGFpbC9jYXBhYmlsaXR5LWRldGFpbC5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9tYXBhLWxpYnJhcnktdWkvc3JjL2xpYi9jb21wb25lbnRzL2NhcGFiaWxpdHkvc3JjL2NhcGFiaWxpdHktZGV0YWlsL2NhcGFiaWxpdHktZGV0YWlsLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFDTCxTQUFTLEVBQ1QsS0FBSyxFQUVMLFNBQVMsRUFDVCxpQkFBaUIsR0FDbEIsTUFBTSxlQUFlLENBQUM7Ozs7Ozs7OztBQWN2QixNQUFNLE9BQU8sNkJBQTZCO0lBVXhDLFlBQW1CLGNBQStDO1FBQS9DLG1CQUFjLEdBQWQsY0FBYyxDQUFpQztRQUgzRCxhQUFRLEdBQUcsSUFBSSxHQUFHLEVBQVUsQ0FBQztRQUM3QixpQkFBWSxHQUFHLElBQUksQ0FBQztJQUUwQyxDQUFDO0lBRXRFLFFBQVE7UUFDTixJQUFJLElBQUksQ0FBQyxVQUFVLEVBQUU7WUFDbkIsSUFBSSxDQUFDLFFBQVEsR0FBRyxJQUFJLEdBQUcsQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLEdBQUcsQ0FBQyxDQUFDLENBQUMsRUFBRSxDQUFDLEVBQUUsRUFBRSxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUM7WUFDcEQsSUFBSSxDQUFDLFNBQVMsQ0FBQyxPQUFPLEVBQUUsQ0FBQztTQUMxQjtJQUNILENBQUM7SUFFRCxtQkFBbUIsQ0FBQyxLQUFZO1FBQzlCLE9BQU8sS0FBSyxFQUFFLElBQUksQ0FBQyxDQUFDLENBQU0sRUFBRSxDQUFNLEVBQUUsRUFBRSxDQUFDLENBQUMsQ0FBQyxRQUFRLEdBQUcsQ0FBQyxDQUFDLFFBQVEsQ0FBQyxDQUFDO0lBQ2xFLENBQUM7SUFFRCxRQUFRLENBQUMsS0FBYTtRQUNwQixJQUFJLElBQUksQ0FBQyxRQUFRLENBQUMsR0FBRyxDQUFDLEtBQUssQ0FBQyxFQUFFO1lBQzVCLElBQUksQ0FBQyxRQUFRLENBQUMsTUFBTSxDQUFDLEtBQUssQ0FBQyxDQUFDO1NBQzdCO2FBQU07WUFDTCxJQUFJLENBQUMsUUFBUSxDQUFDLEdBQUcsQ0FBQyxLQUFLLENBQUMsQ0FBQztTQUMxQjtJQUNILENBQUM7SUFFRCxTQUFTO1FBQ1AsSUFBSSxJQUFJLENBQUMsUUFBUSxDQUFDLElBQUksS0FBSyxJQUFJLENBQUMsSUFBSSxDQUFDLE1BQU0sRUFBRTtZQUMzQyxJQUFJLENBQUMsUUFBUSxDQUFDLEtBQUssRUFBRSxDQUFDO1lBQ3RCLElBQUksQ0FBQyxTQUFTLENBQUMsUUFBUSxFQUFFLENBQUM7U0FDM0I7YUFBTTtZQUNMLElBQUksQ0FBQyxRQUFRLEdBQUcsSUFBSSxHQUFHLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxHQUFHLENBQUMsQ0FBQyxDQUFDLEVBQUUsQ0FBQyxFQUFFLEVBQUUsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDO1lBQ3BELElBQUksQ0FBQyxTQUFTLENBQUMsT0FBTyxFQUFFLENBQUM7U0FDMUI7SUFDSCxDQUFDO0lBRUQsU0FBUyxDQUFDLElBQWdCO1FBQ3hCLE9BQU87WUFDTCxPQUFPLEVBQUUsSUFBSSxDQUFDLGdCQUFnQixJQUFJLEVBQUU7WUFDcEMsUUFBUSxFQUFFLElBQUksQ0FBQyxzQkFBc0IsSUFBSSxFQUFFO1lBQzNDLElBQUksRUFBRSxPQUFPO1NBQ2QsQ0FBQztJQUNKLENBQUM7SUFDTSxLQUFLLENBQUMsSUFBZ0I7UUFDM0IsT0FBTyxDQUFDLENBQUMsSUFBSSxDQUFDLGdCQUFnQixJQUFJLElBQUksQ0FBQyxnQkFBZ0IsS0FBSyxLQUFLLENBQUM7SUFDcEUsQ0FBQzs7MkhBbERVLDZCQUE2QjsrR0FBN0IsNkJBQTZCLG9RQ3BCMUMsc29IQW1HQTs0RkQvRWEsNkJBQTZCO2tCQVR6QyxTQUFTOytCQUNFLHdCQUF3QixpQkFNbkIsaUJBQWlCLENBQUMsSUFBSTtzSEFHNUIsSUFBSTtzQkFBWixLQUFLO2dCQUNHLGVBQWU7c0JBQXZCLEtBQUs7Z0JBQ0csVUFBVTtzQkFBbEIsS0FBSztnQkFFd0IsU0FBUztzQkFBdEMsU0FBUzt1QkFBQyxpQkFBaUIiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1xuICBDb21wb25lbnQsXG4gIElucHV0LFxuICBPbkluaXQsXG4gIFZpZXdDaGlsZCxcbiAgVmlld0VuY2Fwc3VsYXRpb24sXG59IGZyb20gXCJAYW5ndWxhci9jb3JlXCI7XG5pbXBvcnQgeyBDYXBhYmlsaXR5IH0gZnJvbSBcIi4uL2Vzc2VudGlhbHMvaW50ZXJmYWNlcy9jYXBhYmlsaXR5LmludGVyZmFjZVwiO1xuaW1wb3J0IHsgQ2FwYWJpbGl0eUNsYXNzaWZpY2F0aW9uU2VydmljZSB9IGZyb20gXCIuLi8uLi9wdWJsaWMtYXBpXCI7XG5pbXBvcnQgeyBNYXRBY2NvcmRpb24gfSBmcm9tIFwiQGFuZ3VsYXIvbWF0ZXJpYWwvZXhwYW5zaW9uXCI7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogXCJtYXBhLWNhcGFiaWxpdHktZGV0YWlsXCIsXG4gIHRlbXBsYXRlVXJsOiBcIi4vY2FwYWJpbGl0eS1kZXRhaWwuY29tcG9uZW50Lmh0bWxcIixcbiAgc3R5bGVVcmxzOiBbXG4gICAgXCIuL2NhcGFiaWxpdHktZGV0YWlsLmNvbXBvbmVudC5zY3NzXCIsXG4gICAgXCIuLy4uLy4uL3N0eWxlcy9jYXBhYmlsaXR5LnNjc3NcIixcbiAgXSxcbiAgZW5jYXBzdWxhdGlvbjogVmlld0VuY2Fwc3VsYXRpb24uTm9uZSxcbn0pXG5leHBvcnQgY2xhc3MgTWFwYUNhcGFiaWxpdHlEZXRhaWxDb21wb25lbnQgaW1wbGVtZW50cyBPbkluaXQge1xuICBASW5wdXQoKSBkYXRhITogQ2FwYWJpbGl0eVtdO1xuICBASW5wdXQoKSBzaG93VGFnSW50ZXJ2YWwhOiBib29sZWFuO1xuICBASW5wdXQoKSBpc0V4cGFuZGVkITogYm9vbGVhbjtcblxuICBAVmlld0NoaWxkKFwiZGV0YWlsQWNjb3JkaW9uXCIpIGFjY29yZGlvbiE6IE1hdEFjY29yZGlvbjtcblxuICBwdWJsaWMgZXhwYW5kZWQgPSBuZXcgU2V0PG51bWJlcj4oKTtcbiAgcHVibGljIHNob3dJbnRlcnZhbCA9IHRydWU7XG5cbiAgY29uc3RydWN0b3IocHVibGljIGNsYXNzaWZpY2F0aW9uOiBDYXBhYmlsaXR5Q2xhc3NpZmljYXRpb25TZXJ2aWNlKSB7fVxuXG4gIG5nT25Jbml0KCk6IHZvaWQge1xuICAgIGlmICh0aGlzLmlzRXhwYW5kZWQpIHtcbiAgICAgIHRoaXMuZXhwYW5kZWQgPSBuZXcgU2V0KHRoaXMuZGF0YS5tYXAoKF8sIGkpID0+IGkpKTtcbiAgICAgIHRoaXMuYWNjb3JkaW9uLm9wZW5BbGwoKTtcbiAgICB9XG4gIH1cblxuICBzb3J0SXRlbXNCeWludGVydmFsKGl0ZW1zOiBhbnlbXSk6IGFueVtdIHtcbiAgICByZXR1cm4gaXRlbXM/LnNvcnQoKGE6IGFueSwgYjogYW55KSA9PiBiLmludGVydmFsIC0gYS5pbnRlcnZhbCk7XG4gIH1cblxuICBzaG93TW9yZShpbmRleDogbnVtYmVyKTogdm9pZCB7XG4gICAgaWYgKHRoaXMuZXhwYW5kZWQuaGFzKGluZGV4KSkge1xuICAgICAgdGhpcy5leHBhbmRlZC5kZWxldGUoaW5kZXgpO1xuICAgIH0gZWxzZSB7XG4gICAgICB0aGlzLmV4cGFuZGVkLmFkZChpbmRleCk7XG4gICAgfVxuICB9XG5cbiAgdG9nZ2xlQWxsKCk6IHZvaWQge1xuICAgIGlmICh0aGlzLmV4cGFuZGVkLnNpemUgPT09IHRoaXMuZGF0YS5sZW5ndGgpIHtcbiAgICAgIHRoaXMuZXhwYW5kZWQuY2xlYXIoKTtcbiAgICAgIHRoaXMuYWNjb3JkaW9uLmNsb3NlQWxsKCk7XG4gICAgfSBlbHNlIHtcbiAgICAgIHRoaXMuZXhwYW5kZWQgPSBuZXcgU2V0KHRoaXMuZGF0YS5tYXAoKF8sIGkpID0+IGkpKTtcbiAgICAgIHRoaXMuYWNjb3JkaW9uLm9wZW5BbGwoKTtcbiAgICB9XG4gIH1cblxuICBjcmVhdGVUYWcoaXRlbTogQ2FwYWJpbGl0eSkge1xuICAgIHJldHVybiB7XG4gICAgICBiZ0NvbG9yOiBpdGVtLmNsYXNzaWZpY2F0aW9uQmcgfHwgXCJcIixcbiAgICAgIGZvbnRTaXplOiBpdGVtLmNsYXNzaWZpY2F0aW9uRm9udFNpemUgfHwgXCJcIixcbiAgICAgIHNpemU6IFwic21hbGxcIixcbiAgICB9O1xuICB9XG4gIHB1YmxpYyBpc1NWRyhpdGVtOiBDYXBhYmlsaXR5KTogYm9vbGVhbiB7XG4gICAgcmV0dXJuICEhaXRlbS5jbGFzc2lmaWNhdGlvbkJnICYmIGl0ZW0uY2xhc3NpZmljYXRpb25CZyA9PT0gXCJTVkdcIjtcbiAgfVxufVxuIiwiPG1hdC1hY2NvcmRpb24gY2xhc3M9XCJjYXBhYmlsaXR5LWRldGFpbFwiICNkZXRhaWxBY2NvcmRpb249XCJtYXRBY2NvcmRpb25cIiBtdWx0aT5cbiAgPG1hdC1leHBhbnNpb24tcGFuZWwgKm5nRm9yPVwibGV0IGNhcGFiaWxpdHkgb2YgZGF0YTsgbGV0IGkgPSBpbmRleFwiIFtleHBhbmRlZF09XCJleHBhbmRlZC5oYXMoaSlcIiA+XG4gICAgPG1hdC1leHBhbnNpb24tcGFuZWwtaGVhZGVyPlxuICAgICAgPGRpdiBjbGFzcz1cImNhcGFiaWxpdHlfX2l0ZW0tLWhlYWRlclwiPlxuICAgICAgICA8ZGl2IGNsYXNzPVwiY2FwYWJpbGl0eV9faXRlbS0tdGl0bGUtZG90c1wiPlxuICAgICAgICAgIDxkaXYgY2xhc3M9XCJjYXBhYmlsaXR5X19pdGVtLS10aXRsZSBkaXNwbGF5LUxcIj5cbiAgICAgICAgICAgIHt7IGNhcGFiaWxpdHkubmFtZSB9fVxuICAgICAgICAgICAgPHNwYW4gY2xhc3M9XCJjYXBhYmlsaXR5X19pdGVtLS10aXRsZS10YWdcIiAqbmdJZj1cInNob3dUYWdJbnRlcnZhbFwiPlxuICAgICAgICAgICAgICA8bWFwYS10YWcgW3RhZ109XCJjcmVhdGVUYWcoY2FwYWJpbGl0eSlcIj5cbiAgICAgICAgICAgICAgICA8bWFwYS1jYXBhYmlsaXR5LWRvdFxuICAgICAgICAgICAgICAgICAgKm5nSWY9XCJjYXBhYmlsaXR5LmNsYXNzaWZpY2F0aW9uQ29sb3JcIlxuICAgICAgICAgICAgICAgICAgW2l0ZW1dPVwiY2FwYWJpbGl0eVwiXG4gICAgICAgICAgICAgICAgICBbY2FwYWJpbGl0eV09XCJjYXBhYmlsaXR5XCJcbiAgICAgICAgICAgICAgICA+PC9tYXBhLWNhcGFiaWxpdHktZG90PlxuICAgICAgICAgICAgICAgIHt7IGNsYXNzaWZpY2F0aW9uLmdldEJ5SXRlbShjYXBhYmlsaXR5KS5uYW1lIH19XG4gICAgICAgICAgICAgIDwvbWFwYS10YWc+XG4gICAgICAgICAgICA8L3NwYW4+XG4gICAgICAgICAgPC9kaXY+XG5cbiAgICAgICAgICA8ZGl2IGNsYXNzPVwiY2FwYWJpbGl0eV9faXRlbS0tZG90c1wiICpuZ0lmPVwiaXNTVkcoY2FwYWJpbGl0eSlcIj5cbiAgICAgICAgICAgIDxtYXBhLWNhcGFiaWxpdHktZG90XG4gICAgICAgICAgICAgICpuZ0Zvcj1cImxldCBpdGVtIG9mIHNvcnRJdGVtc0J5aW50ZXJ2YWwoY2FwYWJpbGl0eS5pdGVtcylcIlxuICAgICAgICAgICAgICB0eXBlPVwic21hbGxcIlxuICAgICAgICAgICAgICBbaXRlbV09XCJpdGVtXCJcbiAgICAgICAgICAgICAgW2NhcGFiaWxpdHldPVwiY2FwYWJpbGl0eVwiXG4gICAgICAgICAgICAgIFt0b29sdGlwXT1cInRydWVcIlxuICAgICAgICAgICAgPjwvbWFwYS1jYXBhYmlsaXR5LWRvdD5cbiAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgPC9kaXY+XG5cbiAgICAgICAgPGRpdiBbY2xhc3MuY2FwYWJpbGl0eV9faXRlbS0taW50ZXJ2YWxdPVwic2hvd1RhZ0ludGVydmFsXCI+XG4gICAgICAgICAgPG1hcGEtY2FwYWJpbGl0eS1pbnRlcnZhbC1iYXJcbiAgICAgICAgICAgIFtkYXRhXT1cImNhcGFiaWxpdHlcIlxuICAgICAgICAgICAgW2V4cGFuZGVkXT1cImV4cGFuZGVkLmhhcyhpKVwiXG4gICAgICAgICAgICBbc2hvd0ludGVydmFsXT1cIiFzaG93VGFnSW50ZXJ2YWxcIlxuICAgICAgICAgICAgKGNsaWNrZWQpPVwic2hvd01vcmUoaSlcIlxuICAgICAgICAgICAgcmV1c2FibGUtaW50ZXJ2YWwtYmFyXG4gICAgICAgICAgPjwvbWFwYS1jYXBhYmlsaXR5LWludGVydmFsLWJhcj5cbiAgICAgICAgPC9kaXY+XG4gICAgICA8L2Rpdj5cbiAgICA8L21hdC1leHBhbnNpb24tcGFuZWwtaGVhZGVyPlxuICAgIDxtYXBhLWNhcGFiaWxpdHktZXhwYW5kIFtkYXRhXT1cImNhcGFiaWxpdHlcIj48L21hcGEtY2FwYWJpbGl0eS1leHBhbmQ+XG4gIDwvbWF0LWV4cGFuc2lvbi1wYW5lbD5cbjwvbWF0LWFjY29yZGlvbj5cblxuPCEtLVxuPHNlY3Rpb24gY2xhc3M9XCJjYXBhYmlsaXR5XCI+XG4gIDxkaXYgY2xhc3M9XCJjYXBhYmlsaXR5X19jb3JlXCI+XG4gICAgPGRpdlxuICAgICAgKm5nRm9yPVwibGV0IGNhcGFiaWxpdHkgb2YgZGF0YTsgbGV0IGkgPSBpbmRleFwiXG4gICAgICBjbGFzcz1cImNhcGFiaWxpdHlfX2l0ZW1cIlxuICAgID5cbiAgICAgIDxkaXYgY2xhc3M9XCJjYXBhYmlsaXR5X19pdGVtLS1oZWFkZXJcIj5cbiAgICAgICAgPGRpdiBjbGFzcz1cImNhcGFiaWxpdHlfX2l0ZW0tLXRpdGxlLWRvdHNcIj5cbiAgICAgICAgICA8ZGl2IGNsYXNzPVwiY2FwYWJpbGl0eV9faXRlbS0tdGl0bGUgZGlzcGxheS1MXCI+XG4gICAgICAgICAgICB7eyBjYXBhYmlsaXR5Lm5hbWUgfX1cbiAgICAgICAgICAgIDxzcGFuIGNsYXNzPVwiY2FwYWJpbGl0eV9faXRlbS0tdGl0bGUtdGFnXCIgKm5nSWY9XCJzaG93VGFnSW50ZXJ2YWxcIj5cbiAgICAgICAgICAgICAgPG1hcGEtdGFnIFt0YWddPVwiY3JlYXRlVGFnKClcIj5cbiAgICAgICAgICAgICAgICA8bWFwYS1jYXBhYmlsaXR5LWRvdFxuICAgICAgICAgICAgICAgICAgW2l0ZW1dPVwiY2FwYWJpbGl0eVwiXG4gICAgICAgICAgICAgICAgICBbY2FwYWJpbGl0eV09XCJjYXBhYmlsaXR5XCJcbiAgICAgICAgICAgICAgICA+PC9tYXBhLWNhcGFiaWxpdHktZG90PlxuXG4gICAgICAgICAgICAgICAge3sgY2xhc3NpZmljYXRpb24uZ2V0QnlJdGVtKGNhcGFiaWxpdHkpLm5hbWUgfX1cbiAgICAgICAgICAgICAgPC9tYXBhLXRhZz5cbiAgICAgICAgICAgIDwvc3Bhbj5cbiAgICAgICAgICA8L2Rpdj5cblxuICAgICAgICAgIDxkaXYgY2xhc3M9XCJjYXBhYmlsaXR5X19pdGVtLS1kb3RzXCI+XG4gICAgICAgICAgICA8bWFwYS1jYXBhYmlsaXR5LWRvdFxuICAgICAgICAgICAgICAqbmdGb3I9XCJsZXQgaXRlbSBvZiBzb3J0SXRlbXNCeWludGVydmFsKGNhcGFiaWxpdHkuaXRlbXMpXCJcbiAgICAgICAgICAgICAgdHlwZT1cInNtYWxsXCJcbiAgICAgICAgICAgICAgW2l0ZW1dPVwiaXRlbVwiXG4gICAgICAgICAgICAgIFtjYXBhYmlsaXR5XT1cImNhcGFiaWxpdHlcIlxuICAgICAgICAgICAgICBbdG9vbHRpcF09XCJ0cnVlXCJcbiAgICAgICAgICAgID48L21hcGEtY2FwYWJpbGl0eS1kb3Q+XG4gICAgICAgICAgPC9kaXY+XG4gICAgICAgIDwvZGl2PlxuXG4gICAgICAgIDxkaXYgW2NsYXNzLmNhcGFiaWxpdHlfX2l0ZW0tLWludGVydmFsXT1cInNob3dUYWdJbnRlcnZhbFwiPlxuICAgICAgICAgIDxtYXBhLWNhcGFiaWxpdHktaW50ZXJ2YWwtYmFyXG4gICAgICAgICAgICBbZGF0YV09XCJjYXBhYmlsaXR5XCJcbiAgICAgICAgICAgIFtleHBhbmRlZF09XCJleHBhbmRlZC5oYXMoaSlcIlxuICAgICAgICAgICAgW3Nob3dJbnRlcnZhbF09XCIhc2hvd1RhZ0ludGVydmFsXCJcbiAgICAgICAgICAgIChjbGlja2VkKT1cInNob3dNb3JlKGkpXCJcbiAgICAgICAgICAgIHJldXNhYmxlLWludGVydmFsLWJhclxuICAgICAgICAgID48L21hcGEtY2FwYWJpbGl0eS1pbnRlcnZhbC1iYXI+XG4gICAgICAgIDwvZGl2PlxuICAgICAgPC9kaXY+XG4gICAgICA8ZGl2XG4gICAgICAgIFtjbGFzcy5jYXBhYmlsaXR5X19pdGVtLS1zaG93XT1cImV4cGFuZGVkLmhhcyhpKVwiXG4gICAgICAgIFtjbGFzcy5jYXBhYmlsaXR5X19pdGVtLS1oaWRlXT1cIiFleHBhbmRlZC5oYXMoaSlcIlxuICAgICAgPlxuICAgICAgICA8bWFwYS1jYXBhYmlsaXR5LWV4cGFuZCBbZGF0YV09XCJjYXBhYmlsaXR5XCI+PC9tYXBhLWNhcGFiaWxpdHktZXhwYW5kPlxuICAgICAgPC9kaXY+XG4gICAgPC9kaXY+XG4gIDwvZGl2PlxuPC9zZWN0aW9uPlxuLS0+XG4iXX0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2FwYWJpbGl0eS1kZXRhaWwuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbWFwYS1saWJyYXJ5LXVpL3NyYy9saWIvY29tcG9uZW50cy9jYXBhYmlsaXR5L3NyYy9jYXBhYmlsaXR5LWRldGFpbC9jYXBhYmlsaXR5LWRldGFpbC5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9tYXBhLWxpYnJhcnktdWkvc3JjL2xpYi9jb21wb25lbnRzL2NhcGFiaWxpdHkvc3JjL2NhcGFiaWxpdHktZGV0YWlsL2NhcGFiaWxpdHktZGV0YWlsLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFDTCxTQUFTLEVBQ1QsS0FBSyxFQUVMLFNBQVMsRUFDVCxpQkFBaUIsR0FDbEIsTUFBTSxlQUFlLENBQUM7Ozs7Ozs7OztBQWN2QixNQUFNLE9BQU8sNkJBQTZCO0lBWXhDLFlBQW1CLGNBQStDO1FBQS9DLG1CQUFjLEdBQWQsY0FBYyxDQUFpQztRQUgzRCxhQUFRLEdBQUcsSUFBSSxHQUFHLEVBQVUsQ0FBQztRQUM3QixvQkFBZSxHQUFHLElBQUksQ0FBQztJQUV1QyxDQUFDO0lBRXRFLFFBQVE7UUFDTixJQUFJLElBQUksQ0FBQyxVQUFVLEVBQUU7WUFDbkIsSUFBSSxDQUFDLFFBQVEsR0FBRyxJQUFJLEdBQUcsQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLEdBQUcsQ0FBQyxDQUFDLENBQUMsRUFBRSxDQUFDLEVBQUUsRUFBRSxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUM7WUFDcEQsSUFBSSxDQUFDLFNBQVMsQ0FBQyxPQUFPLEVBQUUsQ0FBQztTQUMxQjtJQUNILENBQUM7SUFFRCxtQkFBbUIsQ0FBQyxLQUFZO1FBQzlCLE9BQU8sS0FBSyxFQUFFLElBQUksQ0FBQyxDQUFDLENBQU0sRUFBRSxDQUFNLEVBQUUsRUFBRSxDQUFDLENBQUMsQ0FBQyxRQUFRLEdBQUcsQ0FBQyxDQUFDLFFBQVEsQ0FBQyxDQUFDO0lBQ2xFLENBQUM7SUFFRCxRQUFRLENBQUMsS0FBYTtRQUNwQixJQUFJLElBQUksQ0FBQyxRQUFRLENBQUMsR0FBRyxDQUFDLEtBQUssQ0FBQyxFQUFFO1lBQzVCLElBQUksQ0FBQyxRQUFRLENBQUMsTUFBTSxDQUFDLEtBQUssQ0FBQyxDQUFDO1NBQzdCO2FBQU07WUFDTCxJQUFJLENBQUMsUUFBUSxDQUFDLEdBQUcsQ0FBQyxLQUFLLENBQUMsQ0FBQztTQUMxQjtJQUNILENBQUM7SUFFRCxTQUFTO1FBQ1AsSUFBSSxJQUFJLENBQUMsUUFBUSxDQUFDLElBQUksS0FBSyxJQUFJLENBQUMsSUFBSSxDQUFDLE1BQU0sRUFBRTtZQUMzQyxJQUFJLENBQUMsUUFBUSxDQUFDLEtBQUssRUFBRSxDQUFDO1lBQ3RCLElBQUksQ0FBQyxTQUFTLENBQUMsUUFBUSxFQUFFLENBQUM7U0FDM0I7YUFBTTtZQUNMLElBQUksQ0FBQyxRQUFRLEdBQUcsSUFBSSxHQUFHLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxHQUFHLENBQUMsQ0FBQyxDQUFDLEVBQUUsQ0FBQyxFQUFFLEVBQUUsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDO1lBQ3BELElBQUksQ0FBQyxTQUFTLENBQUMsT0FBTyxFQUFFLENBQUM7U0FDMUI7SUFDSCxDQUFDO0lBRUQsU0FBUyxDQUFDLElBQWdCO1FBQ3hCLE9BQU87WUFDTCxPQUFPLEVBQUUsSUFBSSxDQUFDLGdCQUFnQixJQUFJLEVBQUU7WUFDcEMsUUFBUSxFQUFFLElBQUksQ0FBQyxzQkFBc0IsSUFBSSxFQUFFO1lBQzNDLElBQUksRUFBRSxPQUFPO1NBQ2QsQ0FBQztJQUNKLENBQUM7SUFDTSxLQUFLLENBQUMsSUFBZ0I7UUFDM0IsT0FBTyxDQUFDLENBQUMsSUFBSSxDQUFDLGdCQUFnQixJQUFJLElBQUksQ0FBQyxnQkFBZ0IsS0FBSyxLQUFLLENBQUM7SUFDcEUsQ0FBQzs7MkhBcERVLDZCQUE2QjsrR0FBN0IsNkJBQTZCLHdUQ3BCMUMsK21IQW1HQTs0RkQvRWEsNkJBQTZCO2tCQVR6QyxTQUFTOytCQUNFLHdCQUF3QixpQkFNbkIsaUJBQWlCLENBQUMsSUFBSTtzSEFHNUIsSUFBSTtzQkFBWixLQUFLO2dCQUNHLFFBQVE7c0JBQWhCLEtBQUs7Z0JBQ0csZUFBZTtzQkFBdkIsS0FBSztnQkFDRyxZQUFZO3NCQUFwQixLQUFLO2dCQUNHLFVBQVU7c0JBQWxCLEtBQUs7Z0JBRXdCLFNBQVM7c0JBQXRDLFNBQVM7dUJBQUMsaUJBQWlCIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtcbiAgQ29tcG9uZW50LFxuICBJbnB1dCxcbiAgT25Jbml0LFxuICBWaWV3Q2hpbGQsXG4gIFZpZXdFbmNhcHN1bGF0aW9uLFxufSBmcm9tIFwiQGFuZ3VsYXIvY29yZVwiO1xuaW1wb3J0IHsgQ2FwYWJpbGl0eSB9IGZyb20gXCIuLi9lc3NlbnRpYWxzL2ludGVyZmFjZXMvY2FwYWJpbGl0eS5pbnRlcmZhY2VcIjtcbmltcG9ydCB7IENhcGFiaWxpdHlDbGFzc2lmaWNhdGlvblNlcnZpY2UgfSBmcm9tIFwiLi4vLi4vcHVibGljLWFwaVwiO1xuaW1wb3J0IHsgTWF0QWNjb3JkaW9uIH0gZnJvbSBcIkBhbmd1bGFyL21hdGVyaWFsL2V4cGFuc2lvblwiO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6IFwibWFwYS1jYXBhYmlsaXR5LWRldGFpbFwiLFxuICB0ZW1wbGF0ZVVybDogXCIuL2NhcGFiaWxpdHktZGV0YWlsLmNvbXBvbmVudC5odG1sXCIsXG4gIHN0eWxlVXJsczogW1xuICAgIFwiLi9jYXBhYmlsaXR5LWRldGFpbC5jb21wb25lbnQuc2Nzc1wiLFxuICAgIFwiLi8uLi8uLi9zdHlsZXMvY2FwYWJpbGl0eS5zY3NzXCIsXG4gIF0sXG4gIGVuY2Fwc3VsYXRpb246IFZpZXdFbmNhcHN1bGF0aW9uLk5vbmUsXG59KVxuZXhwb3J0IGNsYXNzIE1hcGFDYXBhYmlsaXR5RGV0YWlsQ29tcG9uZW50IGltcGxlbWVudHMgT25Jbml0IHtcbiAgQElucHV0KCkgZGF0YSE6IENhcGFiaWxpdHlbXTtcbiAgQElucHV0KCkgc2hvd1RhZ3MhOiBib29sZWFuO1xuICBASW5wdXQoKSBzaG93UHJvZ3Jlc3NCYXIhOiBib29sZWFuO1xuICBASW5wdXQoKSBzaG93SW50ZXJ2YWwhOiBib29sZWFuO1xuICBASW5wdXQoKSBpc0V4cGFuZGVkITogYm9vbGVhbjtcblxuICBAVmlld0NoaWxkKFwiZGV0YWlsQWNjb3JkaW9uXCIpIGFjY29yZGlvbiE6IE1hdEFjY29yZGlvbjtcblxuICBwdWJsaWMgZXhwYW5kZWQgPSBuZXcgU2V0PG51bWJlcj4oKTtcbiAgcHVibGljIHNob3dUYWdJbnRlcnZhbCA9IHRydWU7XG5cbiAgY29uc3RydWN0b3IocHVibGljIGNsYXNzaWZpY2F0aW9uOiBDYXBhYmlsaXR5Q2xhc3NpZmljYXRpb25TZXJ2aWNlKSB7fVxuXG4gIG5nT25Jbml0KCk6IHZvaWQge1xuICAgIGlmICh0aGlzLmlzRXhwYW5kZWQpIHtcbiAgICAgIHRoaXMuZXhwYW5kZWQgPSBuZXcgU2V0KHRoaXMuZGF0YS5tYXAoKF8sIGkpID0+IGkpKTtcbiAgICAgIHRoaXMuYWNjb3JkaW9uLm9wZW5BbGwoKTtcbiAgICB9XG4gIH1cblxuICBzb3J0SXRlbXNCeWludGVydmFsKGl0ZW1zOiBhbnlbXSk6IGFueVtdIHtcbiAgICByZXR1cm4gaXRlbXM/LnNvcnQoKGE6IGFueSwgYjogYW55KSA9PiBiLmludGVydmFsIC0gYS5pbnRlcnZhbCk7XG4gIH1cblxuICBzaG93TW9yZShpbmRleDogbnVtYmVyKTogdm9pZCB7XG4gICAgaWYgKHRoaXMuZXhwYW5kZWQuaGFzKGluZGV4KSkge1xuICAgICAgdGhpcy5leHBhbmRlZC5kZWxldGUoaW5kZXgpO1xuICAgIH0gZWxzZSB7XG4gICAgICB0aGlzLmV4cGFuZGVkLmFkZChpbmRleCk7XG4gICAgfVxuICB9XG5cbiAgdG9nZ2xlQWxsKCk6IHZvaWQge1xuICAgIGlmICh0aGlzLmV4cGFuZGVkLnNpemUgPT09IHRoaXMuZGF0YS5sZW5ndGgpIHtcbiAgICAgIHRoaXMuZXhwYW5kZWQuY2xlYXIoKTtcbiAgICAgIHRoaXMuYWNjb3JkaW9uLmNsb3NlQWxsKCk7XG4gICAgfSBlbHNlIHtcbiAgICAgIHRoaXMuZXhwYW5kZWQgPSBuZXcgU2V0KHRoaXMuZGF0YS5tYXAoKF8sIGkpID0+IGkpKTtcbiAgICAgIHRoaXMuYWNjb3JkaW9uLm9wZW5BbGwoKTtcbiAgICB9XG4gIH1cblxuICBjcmVhdGVUYWcoaXRlbTogQ2FwYWJpbGl0eSkge1xuICAgIHJldHVybiB7XG4gICAgICBiZ0NvbG9yOiBpdGVtLmNsYXNzaWZpY2F0aW9uQmcgfHwgXCJcIixcbiAgICAgIGZvbnRTaXplOiBpdGVtLmNsYXNzaWZpY2F0aW9uRm9udFNpemUgfHwgXCJcIixcbiAgICAgIHNpemU6IFwic21hbGxcIixcbiAgICB9O1xuICB9XG4gIHB1YmxpYyBpc1NWRyhpdGVtOiBDYXBhYmlsaXR5KTogYm9vbGVhbiB7XG4gICAgcmV0dXJuICEhaXRlbS5jbGFzc2lmaWNhdGlvbkJnICYmIGl0ZW0uY2xhc3NpZmljYXRpb25CZyA9PT0gXCJTVkdcIjtcbiAgfVxufVxuIiwiPG1hdC1hY2NvcmRpb24gY2xhc3M9XCJjYXBhYmlsaXR5LWRldGFpbFwiICNkZXRhaWxBY2NvcmRpb249XCJtYXRBY2NvcmRpb25cIiBtdWx0aT5cbiAgPG1hdC1leHBhbnNpb24tcGFuZWwgKm5nRm9yPVwibGV0IGNhcGFiaWxpdHkgb2YgZGF0YTsgbGV0IGkgPSBpbmRleFwiIFtleHBhbmRlZF09XCJleHBhbmRlZC5oYXMoaSlcIiA+XG4gICAgPG1hdC1leHBhbnNpb24tcGFuZWwtaGVhZGVyPlxuICAgICAgPGRpdiBjbGFzcz1cImNhcGFiaWxpdHlfX2l0ZW0tLWhlYWRlclwiPlxuICAgICAgICA8ZGl2IGNsYXNzPVwiY2FwYWJpbGl0eV9faXRlbS0tdGl0bGUtZG90c1wiPlxuICAgICAgICAgIDxkaXYgY2xhc3M9XCJjYXBhYmlsaXR5X19pdGVtLS10aXRsZSBkaXNwbGF5LUxcIj5cbiAgICAgICAgICAgIHt7IGNhcGFiaWxpdHkubmFtZSB9fVxuICAgICAgICAgICAgPHNwYW4gY2xhc3M9XCJjYXBhYmlsaXR5X19pdGVtLS10aXRsZS10YWdcIiAqbmdJZj1cInNob3dUYWdzXCI+XG4gICAgICAgICAgICAgIDxtYXBhLXRhZyBbdGFnXT1cImNyZWF0ZVRhZyhjYXBhYmlsaXR5KVwiPlxuICAgICAgICAgICAgICAgIDxtYXBhLWNhcGFiaWxpdHktZG90XG4gICAgICAgICAgICAgICAgICAqbmdJZj1cImNhcGFiaWxpdHkuY2xhc3NpZmljYXRpb25Db2xvclwiXG4gICAgICAgICAgICAgICAgICBbaXRlbV09XCJjYXBhYmlsaXR5XCJcbiAgICAgICAgICAgICAgICAgIFtjYXBhYmlsaXR5XT1cImNhcGFiaWxpdHlcIlxuICAgICAgICAgICAgICAgID48L21hcGEtY2FwYWJpbGl0eS1kb3Q+XG4gICAgICAgICAgICAgICAge3sgY2FwYWJpbGl0eS5jbGFzc2lmaWNhdGlvbk5hbWUgfX1cbiAgICAgICAgICAgICAgPC9tYXBhLXRhZz5cbiAgICAgICAgICAgIDwvc3Bhbj5cbiAgICAgICAgICA8L2Rpdj5cblxuICAgICAgICAgIDxkaXYgY2xhc3M9XCJjYXBhYmlsaXR5X19pdGVtLS1kb3RzXCIgKm5nSWY9XCJpc1NWRyhjYXBhYmlsaXR5KVwiPlxuICAgICAgICAgICAgPG1hcGEtY2FwYWJpbGl0eS1kb3RcbiAgICAgICAgICAgICAgKm5nRm9yPVwibGV0IGl0ZW0gb2Ygc29ydEl0ZW1zQnlpbnRlcnZhbChjYXBhYmlsaXR5Lml0ZW1zKVwiXG4gICAgICAgICAgICAgIHR5cGU9XCJzbWFsbFwiXG4gICAgICAgICAgICAgIFtpdGVtXT1cIml0ZW1cIlxuICAgICAgICAgICAgICBbY2FwYWJpbGl0eV09XCJjYXBhYmlsaXR5XCJcbiAgICAgICAgICAgICAgW3Rvb2x0aXBdPVwidHJ1ZVwiXG4gICAgICAgICAgICA+PC9tYXBhLWNhcGFiaWxpdHktZG90PlxuICAgICAgICAgIDwvZGl2PlxuICAgICAgICA8L2Rpdj5cblxuICAgICAgICA8ZGl2IFtjbGFzcy5jYXBhYmlsaXR5X19pdGVtLS1pbnRlcnZhbF09XCJzaG93UHJvZ3Jlc3NCYXJcIj5cbiAgICAgICAgICA8bWFwYS1jYXBhYmlsaXR5LWludGVydmFsLWJhclxuICAgICAgICAgICAgW2RhdGFdPVwiY2FwYWJpbGl0eVwiXG4gICAgICAgICAgICBbZXhwYW5kZWRdPVwiZXhwYW5kZWQuaGFzKGkpXCJcbiAgICAgICAgICAgIFtzaG93SW50ZXJ2YWxdPVwic2hvd0ludGVydmFsXCJcbiAgICAgICAgICAgIChjbGlja2VkKT1cInNob3dNb3JlKGkpXCJcbiAgICAgICAgICAgIHJldXNhYmxlLWludGVydmFsLWJhclxuICAgICAgICAgID48L21hcGEtY2FwYWJpbGl0eS1pbnRlcnZhbC1iYXI+XG4gICAgICAgIDwvZGl2PlxuICAgICAgPC9kaXY+XG4gICAgPC9tYXQtZXhwYW5zaW9uLXBhbmVsLWhlYWRlcj5cbiAgICA8bWFwYS1jYXBhYmlsaXR5LWV4cGFuZCBbZGF0YV09XCJjYXBhYmlsaXR5XCI+PC9tYXBhLWNhcGFiaWxpdHktZXhwYW5kPlxuICA8L21hdC1leHBhbnNpb24tcGFuZWw+XG48L21hdC1hY2NvcmRpb24+XG5cbjwhLS1cbjxzZWN0aW9uIGNsYXNzPVwiY2FwYWJpbGl0eVwiPlxuICA8ZGl2IGNsYXNzPVwiY2FwYWJpbGl0eV9fY29yZVwiPlxuICAgIDxkaXZcbiAgICAgICpuZ0Zvcj1cImxldCBjYXBhYmlsaXR5IG9mIGRhdGE7IGxldCBpID0gaW5kZXhcIlxuICAgICAgY2xhc3M9XCJjYXBhYmlsaXR5X19pdGVtXCJcbiAgICA+XG4gICAgICA8ZGl2IGNsYXNzPVwiY2FwYWJpbGl0eV9faXRlbS0taGVhZGVyXCI+XG4gICAgICAgIDxkaXYgY2xhc3M9XCJjYXBhYmlsaXR5X19pdGVtLS10aXRsZS1kb3RzXCI+XG4gICAgICAgICAgPGRpdiBjbGFzcz1cImNhcGFiaWxpdHlfX2l0ZW0tLXRpdGxlIGRpc3BsYXktTFwiPlxuICAgICAgICAgICAge3sgY2FwYWJpbGl0eS5uYW1lIH19XG4gICAgICAgICAgICA8c3BhbiBjbGFzcz1cImNhcGFiaWxpdHlfX2l0ZW0tLXRpdGxlLXRhZ1wiICpuZ0lmPVwic2hvd1RhZ0ludGVydmFsXCI+XG4gICAgICAgICAgICAgIDxtYXBhLXRhZyBbdGFnXT1cImNyZWF0ZVRhZygpXCI+XG4gICAgICAgICAgICAgICAgPG1hcGEtY2FwYWJpbGl0eS1kb3RcbiAgICAgICAgICAgICAgICAgIFtpdGVtXT1cImNhcGFiaWxpdHlcIlxuICAgICAgICAgICAgICAgICAgW2NhcGFiaWxpdHldPVwiY2FwYWJpbGl0eVwiXG4gICAgICAgICAgICAgICAgPjwvbWFwYS1jYXBhYmlsaXR5LWRvdD5cblxuICAgICAgICAgICAgICAgIHt7IGNsYXNzaWZpY2F0aW9uLmdldEJ5SXRlbShjYXBhYmlsaXR5KS5uYW1lIH19XG4gICAgICAgICAgICAgIDwvbWFwYS10YWc+XG4gICAgICAgICAgICA8L3NwYW4+XG4gICAgICAgICAgPC9kaXY+XG5cbiAgICAgICAgICA8ZGl2IGNsYXNzPVwiY2FwYWJpbGl0eV9faXRlbS0tZG90c1wiPlxuICAgICAgICAgICAgPG1hcGEtY2FwYWJpbGl0eS1kb3RcbiAgICAgICAgICAgICAgKm5nRm9yPVwibGV0IGl0ZW0gb2Ygc29ydEl0ZW1zQnlpbnRlcnZhbChjYXBhYmlsaXR5Lml0ZW1zKVwiXG4gICAgICAgICAgICAgIHR5cGU9XCJzbWFsbFwiXG4gICAgICAgICAgICAgIFtpdGVtXT1cIml0ZW1cIlxuICAgICAgICAgICAgICBbY2FwYWJpbGl0eV09XCJjYXBhYmlsaXR5XCJcbiAgICAgICAgICAgICAgW3Rvb2x0aXBdPVwidHJ1ZVwiXG4gICAgICAgICAgICA+PC9tYXBhLWNhcGFiaWxpdHktZG90PlxuICAgICAgICAgIDwvZGl2PlxuICAgICAgICA8L2Rpdj5cblxuICAgICAgICA8ZGl2IFtjbGFzcy5jYXBhYmlsaXR5X19pdGVtLS1pbnRlcnZhbF09XCJzaG93VGFnSW50ZXJ2YWxcIj5cbiAgICAgICAgICA8bWFwYS1jYXBhYmlsaXR5LWludGVydmFsLWJhclxuICAgICAgICAgICAgW2RhdGFdPVwiY2FwYWJpbGl0eVwiXG4gICAgICAgICAgICBbZXhwYW5kZWRdPVwiZXhwYW5kZWQuaGFzKGkpXCJcbiAgICAgICAgICAgIFtzaG93SW50ZXJ2YWxdPVwiIXNob3dUYWdJbnRlcnZhbFwiXG4gICAgICAgICAgICAoY2xpY2tlZCk9XCJzaG93TW9yZShpKVwiXG4gICAgICAgICAgICByZXVzYWJsZS1pbnRlcnZhbC1iYXJcbiAgICAgICAgICA+PC9tYXBhLWNhcGFiaWxpdHktaW50ZXJ2YWwtYmFyPlxuICAgICAgICA8L2Rpdj5cbiAgICAgIDwvZGl2PlxuICAgICAgPGRpdlxuICAgICAgICBbY2xhc3MuY2FwYWJpbGl0eV9faXRlbS0tc2hvd109XCJleHBhbmRlZC5oYXMoaSlcIlxuICAgICAgICBbY2xhc3MuY2FwYWJpbGl0eV9faXRlbS0taGlkZV09XCIhZXhwYW5kZWQuaGFzKGkpXCJcbiAgICAgID5cbiAgICAgICAgPG1hcGEtY2FwYWJpbGl0eS1leHBhbmQgW2RhdGFdPVwiY2FwYWJpbGl0eVwiPjwvbWFwYS1jYXBhYmlsaXR5LWV4cGFuZD5cbiAgICAgIDwvZGl2PlxuICAgIDwvZGl2PlxuICA8L2Rpdj5cbjwvc2VjdGlvbj5cbi0tPlxuIl19

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

@@ -17,10 +17,10 @@ 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\n  class=\"capability__concept\"\n  *ngIf=\"data.capabilityConcept?.concept || data.capabilityConcept?.result\"\n>\n  <div\n    class=\"capability__concept--content\"\n    *ngIf=\"data.capabilityConcept?.concept\"\n  >\n    <div class=\"capability__concept--title\">Conceito</div>\n    <div class=\"capability__concept--text\">\n      {{ data.capabilityConcept?.concept! }}\n    </div>\n  </div>\n  <div\n    class=\"capability__concept--content\"\n    *ngIf=\"data.capabilityConcept?.result\"\n  >\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=\"capability__expanded--name\">\n        <span *ngIf=\"item.classificationColor\">\n          <strong *ngIf=\"!classification.getByItem(item).positive\">\u2198\uFE0E </strong>\n          <strong *ngIf=\"classification.getByItem(item).positive\">\u2197 </strong>\n        </span>\n        {{ item.name }}\n      </div>\n      <mapa-tag\n        [tag]=\"createTag(item)\"\n        class=\"capability__expanded--tag\"\n        *ngIf=\"item.classificationId\"\n      >\n        <mapa-capability-dot\n          [item]=\"item\"\n          *ngIf=\"item.classificationColor\"\n        ></mapa-capability-dot>\n        {{ item.classificationName }}\n      </mapa-tag>\n    </div>\n\n    <p class=\"capability__expanded--description\" *ngIf=\"item.description\">\n      <strong\n        *ngIf=\"item.classificationId && !item.classificationBg && !classification.getByItem(item).positive\"\n        >\u2198\uFE0E Dire\u00E7\u00E3o Negativa |\n      </strong>\n      <strong\n        *ngIf=\"item.classificationId && !item.classificationBg && classification.getByItem(item).positive\"\n        >\u2197 Dire\u00E7\u00E3o Positiva |\n      </strong>\n      <span [innerHTML]=\"item.description\"></span>\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 0 16px 16px;gap:30px}@media (min-width: 800px) and (max-width: 1250px){.capability__expanded{display:grid;grid-template-columns:1fr 1fr}}@media (min-width: 1251px){.capability__expanded{display:grid;grid-template-columns:1fr 1fr 1fr}}.capability__expanded--description{color:#8c8f94;font-size:16px;font-style:normal;font-weight:400;line-height:24px}.capability__expanded--item .name{display:flex;justify-content:space-between;margin-bottom:16px}.capability__expanded--item mapa-tag .mapa-tag--small{display:flex;align-items:center;gap:8px;padding:2px 8px 2px 3px;font-size:14px!important;font-style:normal;font-weight:400;height:18px}.capability__expanded--name{color:#181818;font-size:20px;font-style:normal;font-weight:400}\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: ["tag"] }, { 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\n  class=\"capability__concept\"\n  *ngIf=\"data.capabilityConcept?.concept || data.capabilityConcept?.result\"\n>\n  <div\n    class=\"capability__concept--content\"\n    *ngIf=\"data.capabilityConcept?.concept\"\n  >\n    <div class=\"capability__concept--title\">Conceito</div>\n    <div class=\"capability__concept--text\">\n      {{ data.capabilityConcept?.concept! }}\n    </div>\n  </div>\n  <div\n    class=\"capability__concept--content\"\n    *ngIf=\"data.capabilityConcept?.result\"\n  >\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=\"capability__expanded--name\">\n        <span *ngIf=\"item.classificationColor\">\n          <strong *ngIf=\"!classification.getByItem(item).positive\">\u2198\uFE0E </strong>\n          <strong *ngIf=\"classification.getByItem(item).positive\">\u2197 </strong>\n        </span>\n        {{ item.name }}\n      </div>\n      <mapa-tag\n        [tag]=\"createTag(item)\"\n        class=\"capability__expanded--tag\"\n        *ngIf=\"item.classificationId\"\n      >\n        <mapa-capability-dot\n          [item]=\"item\"\n          *ngIf=\"item.classificationColor\"\n        ></mapa-capability-dot>\n        {{ item.classificationName }}\n      </mapa-tag>\n    </div>\n\n    <p class=\"capability__expanded--description\" *ngIf=\"item.description\">\n      <strong\n        *ngIf=\"item.classificationId && !item.classificationBg && !classification.getByItem(item).positive\"\n        >\u2198\uFE0E Dire\u00E7\u00E3o Negativa |\n      </strong>\n      <strong\n        *ngIf=\"item.classificationId && !item.classificationBg && classification.getByItem(item).positive\"\n        >\u2197 Dire\u00E7\u00E3o Positiva |\n      </strong>\n      <span [innerHTML]=\"item.description\"></span>\n    </p>\n  </div>\n</div>\n", styles: [".capability__concept{display:flex;flex-direction:row;flex-wrap:wrap;width:100%;gap:42px;margin:24px 0 60px}.capability__concept--content{display:flex;flex-direction:column;flex-basis:100%;flex:1}.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 0 16px 16px;gap:30px}@media (min-width: 800px) and (max-width: 1250px){.capability__expanded{display:grid;grid-template-columns:1fr 1fr}}@media (min-width: 1251px){.capability__expanded{display:grid;grid-template-columns:1fr 1fr 1fr}}.capability__expanded--description{color:#8c8f94;font-size:16px;font-style:normal;font-weight:400;line-height:24px}.capability__expanded--item .name{display:flex;justify-content:space-between;margin-bottom:16px}.capability__expanded--item mapa-tag .mapa-tag--small{display:flex;align-items:center;gap:8px;padding:2px 8px 2px 3px;font-size:14px!important;font-style:normal;font-weight:400;height:18px}.capability__expanded--name{color:#181818;font-size:20px;font-style:normal;font-weight:400}\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: ["tag"] }, { 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\n  class=\"capability__concept\"\n  *ngIf=\"data.capabilityConcept?.concept || data.capabilityConcept?.result\"\n>\n  <div\n    class=\"capability__concept--content\"\n    *ngIf=\"data.capabilityConcept?.concept\"\n  >\n    <div class=\"capability__concept--title\">Conceito</div>\n    <div class=\"capability__concept--text\">\n      {{ data.capabilityConcept?.concept! }}\n    </div>\n  </div>\n  <div\n    class=\"capability__concept--content\"\n    *ngIf=\"data.capabilityConcept?.result\"\n  >\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=\"capability__expanded--name\">\n        <span *ngIf=\"item.classificationColor\">\n          <strong *ngIf=\"!classification.getByItem(item).positive\">\u2198\uFE0E </strong>\n          <strong *ngIf=\"classification.getByItem(item).positive\">\u2197 </strong>\n        </span>\n        {{ item.name }}\n      </div>\n      <mapa-tag\n        [tag]=\"createTag(item)\"\n        class=\"capability__expanded--tag\"\n        *ngIf=\"item.classificationId\"\n      >\n        <mapa-capability-dot\n          [item]=\"item\"\n          *ngIf=\"item.classificationColor\"\n        ></mapa-capability-dot>\n        {{ item.classificationName }}\n      </mapa-tag>\n    </div>\n\n    <p class=\"capability__expanded--description\" *ngIf=\"item.description\">\n      <strong\n        *ngIf=\"item.classificationId && !item.classificationBg && !classification.getByItem(item).positive\"\n        >\u2198\uFE0E Dire\u00E7\u00E3o Negativa |\n      </strong>\n      <strong\n        *ngIf=\"item.classificationId && !item.classificationBg && classification.getByItem(item).positive\"\n        >\u2197 Dire\u00E7\u00E3o Positiva |\n      </strong>\n      <span [innerHTML]=\"item.description\"></span>\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 0 16px 16px;gap:30px}@media (min-width: 800px) and (max-width: 1250px){.capability__expanded{display:grid;grid-template-columns:1fr 1fr}}@media (min-width: 1251px){.capability__expanded{display:grid;grid-template-columns:1fr 1fr 1fr}}.capability__expanded--description{color:#8c8f94;font-size:16px;font-style:normal;font-weight:400;line-height:24px}.capability__expanded--item .name{display:flex;justify-content:space-between;margin-bottom:16px}.capability__expanded--item mapa-tag .mapa-tag--small{display:flex;align-items:center;gap:8px;padding:2px 8px 2px 3px;font-size:14px!important;font-style:normal;font-weight:400;height:18px}.capability__expanded--name{color:#181818;font-size:20px;font-style:normal;font-weight:400}\n"] }]
+            args: [{ selector: "mapa-capability-expand", encapsulation: ViewEncapsulation.None, template: "<div\n  class=\"capability__concept\"\n  *ngIf=\"data.capabilityConcept?.concept || data.capabilityConcept?.result\"\n>\n  <div\n    class=\"capability__concept--content\"\n    *ngIf=\"data.capabilityConcept?.concept\"\n  >\n    <div class=\"capability__concept--title\">Conceito</div>\n    <div class=\"capability__concept--text\">\n      {{ data.capabilityConcept?.concept! }}\n    </div>\n  </div>\n  <div\n    class=\"capability__concept--content\"\n    *ngIf=\"data.capabilityConcept?.result\"\n  >\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=\"capability__expanded--name\">\n        <span *ngIf=\"item.classificationColor\">\n          <strong *ngIf=\"!classification.getByItem(item).positive\">\u2198\uFE0E </strong>\n          <strong *ngIf=\"classification.getByItem(item).positive\">\u2197 </strong>\n        </span>\n        {{ item.name }}\n      </div>\n      <mapa-tag\n        [tag]=\"createTag(item)\"\n        class=\"capability__expanded--tag\"\n        *ngIf=\"item.classificationId\"\n      >\n        <mapa-capability-dot\n          [item]=\"item\"\n          *ngIf=\"item.classificationColor\"\n        ></mapa-capability-dot>\n        {{ item.classificationName }}\n      </mapa-tag>\n    </div>\n\n    <p class=\"capability__expanded--description\" *ngIf=\"item.description\">\n      <strong\n        *ngIf=\"item.classificationId && !item.classificationBg && !classification.getByItem(item).positive\"\n        >\u2198\uFE0E Dire\u00E7\u00E3o Negativa |\n      </strong>\n      <strong\n        *ngIf=\"item.classificationId && !item.classificationBg && classification.getByItem(item).positive\"\n        >\u2197 Dire\u00E7\u00E3o Positiva |\n      </strong>\n      <span [innerHTML]=\"item.description\"></span>\n    </p>\n  </div>\n</div>\n", styles: [".capability__concept{display:flex;flex-direction:row;flex-wrap:wrap;width:100%;gap:42px;margin:24px 0 60px}.capability__concept--content{display:flex;flex-direction:column;flex-basis:100%;flex:1}.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 0 16px 16px;gap:30px}@media (min-width: 800px) and (max-width: 1250px){.capability__expanded{display:grid;grid-template-columns:1fr 1fr}}@media (min-width: 1251px){.capability__expanded{display:grid;grid-template-columns:1fr 1fr 1fr}}.capability__expanded--description{color:#8c8f94;font-size:16px;font-style:normal;font-weight:400;line-height:24px}.capability__expanded--item .name{display:flex;justify-content:space-between;margin-bottom:16px}.capability__expanded--item mapa-tag .mapa-tag--small{display:flex;align-items:center;gap:8px;padding:2px 8px 2px 3px;font-size:14px!important;font-style:normal;font-weight:400;height:18px}.capability__expanded--name{color:#181818;font-size:20px;font-style:normal;font-weight:400}\n"] }]
         }], ctorParameters: function () { return [{ type: i1.CapabilityClassificationService }]; }, propDecorators: { data: [{
                 type: Input
             }] } });

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

@@ -69,13 +69,13 @@ export class MapaCapabilityIntervalComponent {
     }
 }
 MapaCapabilityIntervalComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: MapaCapabilityIntervalComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-MapaCapabilityIntervalComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: MapaCapabilityIntervalComponent, selector: "mapa-capability-interval", inputs: { data: "data", showInterval: "showInterval" }, usesOnChanges: true, ngImport: i0, template: "<ul class=\"capability__interval\" *ngIf=\"isSVG(); else progressBar\">\n  <li\n    class=\"capability__interval--item\"\n    *ngFor=\"let block of SVG; let i = index\"\n  >\n    <svg\n      xmlns=\"http://www.w3.org/2000/svg\"\n      width=\"19.7594\"\n      height=\"34.5789\"\n      fill=\"none\"\n      [class]=\"'svg_' + i + '_' + getWidth(i)\"\n    >\n      <defs *ngIf=\"hasTransform && i === indexTransform\">\n        <linearGradient [attr.id]=\"paintLinear\" gradientUnits=\"userSpaceOnUse\">\n          <stop [attr.offset]=\"getStartOffset()\" stop-color=\"#8C8F94\" />\n          <stop [attr.offset]=\"getStopOffset()\" stop-color=\"#D9D9D9\" />\n        </linearGradient>\n      </defs>\n      <rect\n        rx=\"6\"\n        x=\"0\"\n        y=\"0.710938\"\n        [attr.width]=\"SVG[i].width\"\n        [attr.height]=\"SVG[i].height\"\n        [attr.fill]=\"getFill(i)\"\n      />\n      <rect\n        *ngIf=\"hasTransform && i === indexTransform\"\n        rx=\"6\"\n        x=\"0\"\n        y=\"0.710938\"\n        [attr.width]=\"SVG[i].width\"\n        [attr.height]=\"SVG[i].height\"\n        [attr.fill]=\"getFillGradient()\"\n      />\n    </svg>\n  </li>\n  <li class=\"capability__interval--interval display-XG\" *ngIf=\"showInterval\">\n    {{ data.interval }}\n  </li>\n</ul>\n<ng-template #progressBar>\n  <div class=\"capability__progress-bar\">\n    <div class=\"capability__progress-bar--bg\">\n      <div\n        class=\"capability__progress-bar--filled\"\n        [style.width.%]=\"data.interval\"\n      ></div>\n    </div>\n    <div class=\"capability__interval--result\">\n      {{data.interval}}%\n    </div>\n  </div>\n</ng-template>\n", styles: [".capability__interval{font-family:SF-Pro;font-size:38px;font-style:normal;font-weight:500;display:flex;align-items:center;list-style-type:none;margin-block-start:0px;margin-block-end:0px;padding-inline-start:0px}.capability__interval--interval{margin:0 0 0 8px;text-align:right;width:56px}.capability__interval--item{border-radius:6px;margin-right:2px;width:21px;height:34px;position:relative}.capability__interval--item:last-of-type{margin-right:0}.capability__interval--percentage{background-color:#d9d9d9;height:34.57px}.capability__progress-bar{display:flex;align-items:center;justify-content:space-between;color:#2e2a2a;font-size:18px;font-style:normal;font-weight:400;width:331px}.capability__progress-bar--bg{position:relative;background-color:#eee;border-radius:6px;height:8px;width:247px}.capability__progress-bar--filled{position:absolute;top:0;left:0;background-color:#ea561d;border-radius:6px;height:8px}\n"], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
+MapaCapabilityIntervalComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: MapaCapabilityIntervalComponent, selector: "mapa-capability-interval", inputs: { data: "data", showInterval: "showInterval" }, usesOnChanges: true, ngImport: i0, template: "<ul class=\"capability__interval\" *ngIf=\"isSVG(); else progressBar\">\n  <li\n    class=\"capability__interval--item\"\n    *ngFor=\"let block of SVG; let i = index\"\n  >\n    <svg\n      xmlns=\"http://www.w3.org/2000/svg\"\n      width=\"19.7594\"\n      height=\"34.5789\"\n      fill=\"none\"\n      [class]=\"'svg_' + i + '_' + getWidth(i)\"\n    >\n      <defs *ngIf=\"hasTransform && i === indexTransform\">\n        <linearGradient [attr.id]=\"paintLinear\" gradientUnits=\"userSpaceOnUse\">\n          <stop [attr.offset]=\"getStartOffset()\" stop-color=\"#8C8F94\" />\n          <stop [attr.offset]=\"getStopOffset()\" stop-color=\"#D9D9D9\" />\n        </linearGradient>\n      </defs>\n      <rect\n        rx=\"6\"\n        x=\"0\"\n        y=\"0.710938\"\n        [attr.width]=\"SVG[i].width\"\n        [attr.height]=\"SVG[i].height\"\n        [attr.fill]=\"getFill(i)\"\n      />\n      <rect\n        *ngIf=\"hasTransform && i === indexTransform\"\n        rx=\"6\"\n        x=\"0\"\n        y=\"0.710938\"\n        [attr.width]=\"SVG[i].width\"\n        [attr.height]=\"SVG[i].height\"\n        [attr.fill]=\"getFillGradient()\"\n      />\n    </svg>\n  </li>\n  <li class=\"capability__interval--interval display-XG\" *ngIf=\"showInterval\">\n    {{ data.interval }}\n  </li>\n</ul>\n<ng-template #progressBar>\n  <div class=\"capability__progress-bar\">\n    <div class=\"capability__progress-bar--bg\">\n      <div\n        class=\"capability__progress-bar--filled\"\n        [style.width.%]=\"data.interval\"\n      ></div>\n    </div>\n    <div class=\"capability__interval--result\" *ngIf=\"showInterval\">\n      {{data.interval}}%\n    </div>\n  </div>\n</ng-template>\n", styles: [".capability__interval{font-family:SF-Pro;font-size:38px;font-style:normal;font-weight:500;display:flex;align-items:center;list-style-type:none;margin-block-start:0px;margin-block-end:0px;padding-inline-start:0px}.capability__interval--interval{margin:0 0 0 8px;text-align:right;width:56px}.capability__interval--item{border-radius:6px;margin-right:2px;width:21px;height:34px;position:relative}.capability__interval--item:last-of-type{margin-right:0}.capability__interval--percentage{background-color:#d9d9d9;height:34.57px}.capability__progress-bar{display:flex;align-items:center;justify-content:space-between;color:#2e2a2a;font-size:18px;font-style:normal;font-weight:400;width:310px}.capability__progress-bar--bg{position:relative;background-color:#eee;border-radius:6px;height:8px;width:247px}.capability__progress-bar--filled{position:absolute;top:0;left:0;background-color:#ea561d;border-radius:6px;height:8px}\n"], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: MapaCapabilityIntervalComponent, decorators: [{
             type: Component,
-            args: [{ selector: "mapa-capability-interval", template: "<ul class=\"capability__interval\" *ngIf=\"isSVG(); else progressBar\">\n  <li\n    class=\"capability__interval--item\"\n    *ngFor=\"let block of SVG; let i = index\"\n  >\n    <svg\n      xmlns=\"http://www.w3.org/2000/svg\"\n      width=\"19.7594\"\n      height=\"34.5789\"\n      fill=\"none\"\n      [class]=\"'svg_' + i + '_' + getWidth(i)\"\n    >\n      <defs *ngIf=\"hasTransform && i === indexTransform\">\n        <linearGradient [attr.id]=\"paintLinear\" gradientUnits=\"userSpaceOnUse\">\n          <stop [attr.offset]=\"getStartOffset()\" stop-color=\"#8C8F94\" />\n          <stop [attr.offset]=\"getStopOffset()\" stop-color=\"#D9D9D9\" />\n        </linearGradient>\n      </defs>\n      <rect\n        rx=\"6\"\n        x=\"0\"\n        y=\"0.710938\"\n        [attr.width]=\"SVG[i].width\"\n        [attr.height]=\"SVG[i].height\"\n        [attr.fill]=\"getFill(i)\"\n      />\n      <rect\n        *ngIf=\"hasTransform && i === indexTransform\"\n        rx=\"6\"\n        x=\"0\"\n        y=\"0.710938\"\n        [attr.width]=\"SVG[i].width\"\n        [attr.height]=\"SVG[i].height\"\n        [attr.fill]=\"getFillGradient()\"\n      />\n    </svg>\n  </li>\n  <li class=\"capability__interval--interval display-XG\" *ngIf=\"showInterval\">\n    {{ data.interval }}\n  </li>\n</ul>\n<ng-template #progressBar>\n  <div class=\"capability__progress-bar\">\n    <div class=\"capability__progress-bar--bg\">\n      <div\n        class=\"capability__progress-bar--filled\"\n        [style.width.%]=\"data.interval\"\n      ></div>\n    </div>\n    <div class=\"capability__interval--result\">\n      {{data.interval}}%\n    </div>\n  </div>\n</ng-template>\n", styles: [".capability__interval{font-family:SF-Pro;font-size:38px;font-style:normal;font-weight:500;display:flex;align-items:center;list-style-type:none;margin-block-start:0px;margin-block-end:0px;padding-inline-start:0px}.capability__interval--interval{margin:0 0 0 8px;text-align:right;width:56px}.capability__interval--item{border-radius:6px;margin-right:2px;width:21px;height:34px;position:relative}.capability__interval--item:last-of-type{margin-right:0}.capability__interval--percentage{background-color:#d9d9d9;height:34.57px}.capability__progress-bar{display:flex;align-items:center;justify-content:space-between;color:#2e2a2a;font-size:18px;font-style:normal;font-weight:400;width:331px}.capability__progress-bar--bg{position:relative;background-color:#eee;border-radius:6px;height:8px;width:247px}.capability__progress-bar--filled{position:absolute;top:0;left:0;background-color:#ea561d;border-radius:6px;height:8px}\n"] }]
+            args: [{ selector: "mapa-capability-interval", template: "<ul class=\"capability__interval\" *ngIf=\"isSVG(); else progressBar\">\n  <li\n    class=\"capability__interval--item\"\n    *ngFor=\"let block of SVG; let i = index\"\n  >\n    <svg\n      xmlns=\"http://www.w3.org/2000/svg\"\n      width=\"19.7594\"\n      height=\"34.5789\"\n      fill=\"none\"\n      [class]=\"'svg_' + i + '_' + getWidth(i)\"\n    >\n      <defs *ngIf=\"hasTransform && i === indexTransform\">\n        <linearGradient [attr.id]=\"paintLinear\" gradientUnits=\"userSpaceOnUse\">\n          <stop [attr.offset]=\"getStartOffset()\" stop-color=\"#8C8F94\" />\n          <stop [attr.offset]=\"getStopOffset()\" stop-color=\"#D9D9D9\" />\n        </linearGradient>\n      </defs>\n      <rect\n        rx=\"6\"\n        x=\"0\"\n        y=\"0.710938\"\n        [attr.width]=\"SVG[i].width\"\n        [attr.height]=\"SVG[i].height\"\n        [attr.fill]=\"getFill(i)\"\n      />\n      <rect\n        *ngIf=\"hasTransform && i === indexTransform\"\n        rx=\"6\"\n        x=\"0\"\n        y=\"0.710938\"\n        [attr.width]=\"SVG[i].width\"\n        [attr.height]=\"SVG[i].height\"\n        [attr.fill]=\"getFillGradient()\"\n      />\n    </svg>\n  </li>\n  <li class=\"capability__interval--interval display-XG\" *ngIf=\"showInterval\">\n    {{ data.interval }}\n  </li>\n</ul>\n<ng-template #progressBar>\n  <div class=\"capability__progress-bar\">\n    <div class=\"capability__progress-bar--bg\">\n      <div\n        class=\"capability__progress-bar--filled\"\n        [style.width.%]=\"data.interval\"\n      ></div>\n    </div>\n    <div class=\"capability__interval--result\" *ngIf=\"showInterval\">\n      {{data.interval}}%\n    </div>\n  </div>\n</ng-template>\n", styles: [".capability__interval{font-family:SF-Pro;font-size:38px;font-style:normal;font-weight:500;display:flex;align-items:center;list-style-type:none;margin-block-start:0px;margin-block-end:0px;padding-inline-start:0px}.capability__interval--interval{margin:0 0 0 8px;text-align:right;width:56px}.capability__interval--item{border-radius:6px;margin-right:2px;width:21px;height:34px;position:relative}.capability__interval--item:last-of-type{margin-right:0}.capability__interval--percentage{background-color:#d9d9d9;height:34.57px}.capability__progress-bar{display:flex;align-items:center;justify-content:space-between;color:#2e2a2a;font-size:18px;font-style:normal;font-weight:400;width:310px}.capability__progress-bar--bg{position:relative;background-color:#eee;border-radius:6px;height:8px;width:247px}.capability__progress-bar--filled{position:absolute;top:0;left:0;background-color:#ea561d;border-radius:6px;height:8px}\n"] }]
         }], ctorParameters: function () { return []; }, propDecorators: { data: [{
                 type: Input
             }], showInterval: [{
                 type: Input
             }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2FwYWJpbGl0eS1pbnRlcnZhbC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9tYXBhLWxpYnJhcnktdWkvc3JjL2xpYi9jb21wb25lbnRzL2NhcGFiaWxpdHkvc3JjL2NhcGFiaWxpdHktaW50ZXJ2YWwvY2FwYWJpbGl0eS1pbnRlcnZhbC5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9tYXBhLWxpYnJhcnktdWkvc3JjL2xpYi9jb21wb25lbnRzL2NhcGFiaWxpdHkvc3JjL2NhcGFiaWxpdHktaW50ZXJ2YWwvY2FwYWJpbGl0eS1pbnRlcnZhbC5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBb0MsTUFBTSxlQUFlLENBQUM7QUFFbkYsT0FBTyxFQUFFLEdBQUcsRUFBRSxNQUFNLFFBQVEsQ0FBQzs7O0FBTzdCLE1BQU0sT0FBTywrQkFBK0I7SUFxQjFDO1FBaEJPLFFBQUcsR0FBRztZQUNYLEVBQUUsQ0FBQyxFQUFFLENBQUMsRUFBUSxDQUFDLEVBQUUsUUFBUSxFQUFFLEtBQUssRUFBRSxPQUFPLEVBQUUsTUFBTSxFQUFFLE9BQU8sRUFBRTtZQUM1RCxFQUFFLENBQUMsRUFBRSxPQUFPLEVBQUUsQ0FBQyxFQUFFLFFBQVEsRUFBRSxLQUFLLEVBQUUsT0FBTyxFQUFFLE1BQU0sRUFBRSxPQUFPLEVBQUU7WUFDNUQsRUFBRSxDQUFDLEVBQUUsT0FBTyxFQUFFLENBQUMsRUFBRSxRQUFRLEVBQUUsS0FBSyxFQUFFLE9BQU8sRUFBRSxNQUFNLEVBQUUsT0FBTyxFQUFFO1lBQzVELEVBQUUsQ0FBQyxFQUFFLE9BQU8sRUFBRSxDQUFDLEVBQUUsUUFBUSxFQUFFLEtBQUssRUFBRSxPQUFPLEVBQUUsTUFBTSxFQUFFLE9BQU8sRUFBRTtZQUM1RCxFQUFFLENBQUMsRUFBRSxNQUFNLEVBQUcsQ0FBQyxFQUFFLFFBQVEsRUFBRSxLQUFLLEVBQUUsT0FBTyxFQUFFLE1BQU0sRUFBRSxPQUFPLEVBQUU7WUFDNUQsRUFBRSxDQUFDLEVBQUUsT0FBTyxFQUFFLENBQUMsRUFBRSxRQUFRLEVBQUUsS0FBSyxFQUFFLE9BQU8sRUFBRSxNQUFNLEVBQUUsT0FBTyxFQUFFO1lBQzVELEVBQUUsQ0FBQyxFQUFFLE9BQU8sRUFBRSxDQUFDLEVBQUUsUUFBUSxFQUFFLEtBQUssRUFBRSxPQUFPLEVBQUUsTUFBTSxFQUFFLE9BQU8sRUFBRTtZQUM1RCxFQUFFLENBQUMsRUFBRSxPQUFPLEVBQUUsQ0FBQyxFQUFFLFFBQVEsRUFBRSxLQUFLLEVBQUUsT0FBTyxFQUFFLE1BQU0sRUFBRSxPQUFPLEVBQUU7WUFDNUQsRUFBRSxDQUFDLEVBQUUsT0FBTyxFQUFFLENBQUMsRUFBRSxRQUFRLEVBQUUsS0FBSyxFQUFFLE9BQU8sRUFBRSxNQUFNLEVBQUUsT0FBTyxFQUFFO1lBQzVELEVBQUUsQ0FBQyxFQUFFLE1BQU0sRUFBRyxDQUFDLEVBQUUsUUFBUSxFQUFFLEtBQUssRUFBRSxPQUFPLEVBQUUsTUFBTSxFQUFFLE9BQU8sRUFBRTtTQUM3RCxDQUFDO1FBRUssaUJBQVksR0FBRyxLQUFLLENBQUM7UUFDckIsbUJBQWMsR0FBRyxDQUFDLENBQUM7SUFFWCxDQUFDO0lBRWhCLFdBQVcsQ0FBQyxPQUFzQjtRQUNoQyxNQUFNLFFBQVEsR0FBRyxJQUFJLENBQUMsSUFBSSxDQUFDLFFBQVEsSUFBSSxDQUFDLENBQUM7UUFDekMsSUFBSSxDQUFDLFlBQVksR0FBRyxRQUFRLEdBQUcsRUFBRSxHQUFHLENBQUMsQ0FBQztRQUN0QyxJQUFJLENBQUMsY0FBYyxHQUFHLENBQUMsSUFBSSxDQUFDLEtBQUssQ0FBQyxRQUFRLEdBQUcsRUFBRSxDQUFDLEdBQUcsRUFBRSxDQUFDLENBQUM7UUFDdkQsSUFBSSxDQUFDLFdBQVcsR0FBRyxVQUFXLEdBQUcsQ0FBQyxPQUFPLENBQUMsT0FBUSxRQUFTLEVBQUUsQ0FBRSxFQUFFLENBQUM7SUFDcEUsQ0FBQztJQUVELFFBQVE7SUFDUixDQUFDO0lBRU0sUUFBUSxDQUFDLEtBQWE7UUFDM0IsSUFBSSxDQUFDLElBQUksQ0FBQyxJQUFJO1lBQUUsT0FBTyxDQUFDLENBQUM7UUFDekIsTUFBTSxRQUFRLEdBQUcsSUFBSSxDQUFDLElBQUksQ0FBQyxRQUFRLElBQUksQ0FBQyxDQUFDO1FBQ3pDLE1BQU0sYUFBYSxHQUFHLElBQUksQ0FBQyxLQUFLLENBQUMsUUFBUSxHQUFHLEVBQUUsQ0FBQyxHQUFHLEVBQUUsQ0FBQztRQUNyRCxPQUFPLEtBQUssR0FBRyxhQUFhO1lBQzFCLENBQUMsQ0FBQyxHQUFHO1lBQ0wsQ0FBQyxDQUFDLEtBQUssS0FBSyxhQUFhO2dCQUN6QixDQUFDLENBQUMsQ0FBQyxRQUFRLEdBQUcsRUFBRSxDQUFDLEdBQUcsRUFBRTtnQkFDdEIsQ0FBQyxDQUFDLENBQUMsQ0FBQztJQUNSLENBQUM7SUFFTSxPQUFPLENBQUMsQ0FBUztRQUN0QixNQUFNLEtBQUssR0FBRyxJQUFJLENBQUMsUUFBUSxDQUFDLENBQUMsQ0FBQyxDQUFDO1FBQy9CLElBQUksS0FBSyxLQUFLLEdBQUc7WUFBRSxPQUFPLFNBQVMsQ0FBQztRQUNwQyxPQUFPLFNBQVMsQ0FBQztJQUNuQixDQUFDO0lBRU0sZUFBZTtRQUNwQixPQUFPLFFBQVMsSUFBSSxDQUFDLFdBQVksR0FBRyxDQUFDO0lBQ3ZDLENBQUM7SUFFTSxZQUFZLENBQUMsQ0FBUztRQUMzQixNQUFNLEtBQUssR0FBRyxJQUFJLENBQUMsUUFBUSxDQUFDLENBQUMsQ0FBQyxDQUFDO1FBQy9CLElBQUksS0FBSyxLQUFLLENBQUMsSUFBSSxLQUFLLEtBQUssR0FBRztZQUFFLE9BQU8sRUFBRSxDQUFDO1FBQzVDLE9BQU8sZUFBZSxJQUFJLENBQUMsR0FBRyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsSUFBSSxJQUFJLENBQUMsR0FBRyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsR0FBRyxDQUFDO0lBQzFELENBQUM7SUFFTSxjQUFjO1FBQ25CLE1BQU0sUUFBUSxHQUFHLElBQUksQ0FBQyxJQUFJLENBQUMsUUFBUSxJQUFJLENBQUMsQ0FBQztRQUN6QyxPQUFPLE1BQU0sQ0FBQyxLQUFNLFFBQVEsR0FBRyxFQUFHLE9BQU8sQ0FBQyxDQUFDO0lBQzdDLENBQUM7SUFFTSxhQUFhO1FBQ2xCLE1BQU0sUUFBUSxHQUFHLElBQUksQ0FBQyxJQUFJLENBQUMsUUFBUSxJQUFJLENBQUMsQ0FBQztRQUN6QyxPQUFPLE1BQU0sQ0FBQyxLQUFNLFFBQVEsR0FBRyxFQUFHLE9BQU8sQ0FBQyxDQUFDO0lBQzdDLENBQUM7SUFFTSxZQUFZO1FBQ2pCLE9BQU8sSUFBSSxDQUFDLEtBQUssQ0FBQyxJQUFJLENBQUMsR0FBRyxDQUFDLElBQUksQ0FBQyxjQUFjLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQztJQUNyRCxDQUFDO0lBRU0sS0FBSztRQUNWLE9BQU8sQ0FBQyxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsZ0JBQWdCLElBQUksSUFBSSxDQUFDLElBQUksQ0FBQyxnQkFBZ0IsS0FBSyxLQUFLLENBQUM7SUFDOUUsQ0FBQzs7NkhBNUVVLCtCQUErQjtpSEFBL0IsK0JBQStCLDZJQ1Q1Qyw2b0RBc0RBOzRGRDdDYSwrQkFBK0I7a0JBTDNDLFNBQVM7K0JBQ0UsMEJBQTBCOzBFQUszQixJQUFJO3NCQUFaLEtBQUs7Z0JBQ0csWUFBWTtzQkFBcEIsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgSW5wdXQsIE9uQ2hhbmdlcywgT25Jbml0LCBTaW1wbGVDaGFuZ2VzIH0gZnJvbSBcIkBhbmd1bGFyL2NvcmVcIjtcbmltcG9ydCB7IENhcGFiaWxpdHkgfSBmcm9tIFwiLi4vZXNzZW50aWFscy9pbnRlcmZhY2VzL2NhcGFiaWxpdHkuaW50ZXJmYWNlXCI7XG5pbXBvcnQgeyBNZDUgfSBmcm9tIFwidHMtbWQ1XCI7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogXCJtYXBhLWNhcGFiaWxpdHktaW50ZXJ2YWxcIixcbiAgdGVtcGxhdGVVcmw6IFwiLi9jYXBhYmlsaXR5LWludGVydmFsLmNvbXBvbmVudC5odG1sXCIsXG4gIHN0eWxlVXJsczogW1wiLi9jYXBhYmlsaXR5LWludGVydmFsLmNvbXBvbmVudC5zY3NzXCJdLFxufSlcbmV4cG9ydCBjbGFzcyBNYXBhQ2FwYWJpbGl0eUludGVydmFsQ29tcG9uZW50IGltcGxlbWVudHMgT25Jbml0LCBPbkNoYW5nZXMge1xuICBASW5wdXQoKSBkYXRhITogQ2FwYWJpbGl0eTtcbiAgQElucHV0KCkgc2hvd0ludGVydmFsITogYm9vbGVhbjtcbiAgcHVibGljIHBhaW50TGluZWFyITogc3RyaW5nO1xuXG4gIHB1YmxpYyBTVkcgPSBbXG4gICAgeyB4OiAwICAgICAgLCB5OiAwLjcxMDkzOCwgd2lkdGg6IDE5Ljc1OTQsIGhlaWdodDogMzQuNTc4OSB9LFxuICAgIHsgeDogMjIuNTAzOSwgeTogMC43MTA5MzgsIHdpZHRoOiAxOS43NTk0LCBoZWlnaHQ6IDM0LjU3ODkgfSxcbiAgICB7IHg6IDQ1LjAwNzgsIHk6IDAuNzEwOTM4LCB3aWR0aDogMTkuMjEwNSwgaGVpZ2h0OiAzNC41Nzg5IH0sXG4gICAgeyB4OiA2Ni45NjI5LCB5OiAwLjcxMDkzOCwgd2lkdGg6IDE5LjIxMDUsIGhlaWdodDogMzQuNTc4OSB9LFxuICAgIHsgeDogODguOTE3ICwgeTogMC43MTA5MzgsIHdpZHRoOiAxOS4yMTA1LCBoZWlnaHQ6IDM0LjU3ODkgfSxcbiAgICB7IHg6IDExMC44NzIsIHk6IDAuNzEwOTM4LCB3aWR0aDogMTkuMjEwNSwgaGVpZ2h0OiAzNC41Nzg5IH0sXG4gICAgeyB4OiAxMzIuODI3LCB5OiAwLjcxMDkzOCwgd2lkdGg6IDE5LjIxMDUsIGhlaWdodDogMzQuNTc4OSB9LFxuICAgIHsgeDogMTU0Ljc4MiwgeTogMC43MTA5MzgsIHdpZHRoOiAxOS4yMTA1LCBoZWlnaHQ6IDM0LjU3ODkgfSxcbiAgICB7IHg6IDE3Ni43MzYsIHk6IDAuNzEwOTM4LCB3aWR0aDogMTkuNzU5NCwgaGVpZ2h0OiAzNC41Nzg5IH0sXG4gICAgeyB4OiAxOTkuMjQgLCB5OiAwLjcxMDkzOCwgd2lkdGg6IDE5Ljc1OTQsIGhlaWdodDogMzQuNTc4OSB9LFxuICBdO1xuXG4gIHB1YmxpYyBoYXNUcmFuc2Zvcm0gPSBmYWxzZTtcbiAgcHVibGljIGluZGV4VHJhbnNmb3JtID0gMDtcblxuICBjb25zdHJ1Y3RvcigpIHt9XG4gIFxuICBuZ09uQ2hhbmdlcyhjaGFuZ2VzOiBTaW1wbGVDaGFuZ2VzKTogdm9pZCB7XG4gICAgY29uc3QgaW50ZXJ2YWwgPSB0aGlzLmRhdGEuaW50ZXJ2YWwgfHwgMDtcbiAgICB0aGlzLmhhc1RyYW5zZm9ybSA9IGludGVydmFsICUgMTAgPiAwO1xuICAgIHRoaXMuaW5kZXhUcmFuc2Zvcm0gPSAoTWF0aC5mbG9vcihpbnRlcnZhbCAvIDEwKSAlIDEwKTtcbiAgICB0aGlzLnBhaW50TGluZWFyID0gYGxpbmVhcl8keyBNZDUuaGFzaFN0cihgc3ZnXyR7IGludGVydmFsIH1gKSB9YDtcbiAgfVxuXG4gIG5nT25Jbml0KCk6IHZvaWQge1xuICB9XG5cbiAgcHVibGljIGdldFdpZHRoKGluZGV4OiBudW1iZXIpOiBudW1iZXIge1xuICAgIGlmICghdGhpcy5kYXRhKSByZXR1cm4gMDtcbiAgICBjb25zdCBpbnRlcnZhbCA9IHRoaXMuZGF0YS5pbnRlcnZhbCB8fCAwO1xuICAgIGNvbnN0IGludGVydmFsTW9kMTAgPSBNYXRoLmZsb29yKGludGVydmFsIC8gMTApICUgMTA7XG4gICAgcmV0dXJuIGluZGV4IDwgaW50ZXJ2YWxNb2QxMFxuICAgICAgPyAxMDBcbiAgICAgIDogaW5kZXggPT09IGludGVydmFsTW9kMTBcbiAgICAgID8gKGludGVydmFsICUgMTApICogMTBcbiAgICAgIDogMDtcbiAgfVxuXG4gIHB1YmxpYyBnZXRGaWxsKGk6IG51bWJlcik6IHN0cmluZyB7XG4gICAgY29uc3Qgd2lkdGggPSB0aGlzLmdldFdpZHRoKGkpO1xuICAgIGlmICh3aWR0aCA9PT0gMTAwKSByZXR1cm4gXCIjOEM4Rjk0XCI7XG4gICAgcmV0dXJuIFwiI0RDRENERVwiO1xuICB9XG5cbiAgcHVibGljIGdldEZpbGxHcmFkaWVudCgpOiBzdHJpbmcge1xuICAgIHJldHVybiBgdXJsKCMkeyB0aGlzLnBhaW50TGluZWFyIH0pYDtcbiAgfVxuXG4gIHB1YmxpYyBnZXRUcmFuc2Zvcm0oaTogbnVtYmVyKTogc3RyaW5nIHtcbiAgICBjb25zdCB3aWR0aCA9IHRoaXMuZ2V0V2lkdGgoaSk7XG4gICAgaWYgKHdpZHRoID09PSAwIHx8IHdpZHRoID09PSAxMDApIHJldHVybiBcIlwiO1xuICAgIHJldHVybiBgcm90YXRlKC0xODAgJHt0aGlzLlNWR1tpXS54fSAke3RoaXMuU1ZHW2ldLnl9KWA7XG4gIH1cblxuICBwdWJsaWMgZ2V0U3RhcnRPZmZzZXQoKTogbnVtYmVyIHtcbiAgICBjb25zdCBpbnRlcnZhbCA9IHRoaXMuZGF0YS5pbnRlcnZhbCB8fCAwO1xuICAgIHJldHVybiBOdW1iZXIoYDAuJHsgaW50ZXJ2YWwgJSAxMCB9NzMwMDVgKTtcbiAgfVxuXG4gIHB1YmxpYyBnZXRTdG9wT2Zmc2V0KCk6IG51bWJlciB7XG4gICAgY29uc3QgaW50ZXJ2YWwgPSB0aGlzLmRhdGEuaW50ZXJ2YWwgfHwgMDtcbiAgICByZXR1cm4gTnVtYmVyKGAwLiR7IGludGVydmFsICUgMTAgfTczMTA1YCk7XG4gIH1cblxuICBwdWJsaWMgZ2V0R3JhZGllbnRYKCk6IG51bWJlciB7XG4gICAgcmV0dXJuIE1hdGguZmxvb3IodGhpcy5TVkdbdGhpcy5pbmRleFRyYW5zZm9ybV0ueCk7XG4gIH1cblxuICBwdWJsaWMgaXNTVkcoKTogYm9vbGVhbiB7XG4gICAgcmV0dXJuICEhdGhpcy5kYXRhLmNsYXNzaWZpY2F0aW9uQmcgJiYgdGhpcy5kYXRhLmNsYXNzaWZpY2F0aW9uQmcgPT09IFwiU1ZHXCI7XG4gIH1cbn1cbiIsIjx1bCBjbGFzcz1cImNhcGFiaWxpdHlfX2ludGVydmFsXCIgKm5nSWY9XCJpc1NWRygpOyBlbHNlIHByb2dyZXNzQmFyXCI+XG4gIDxsaVxuICAgIGNsYXNzPVwiY2FwYWJpbGl0eV9faW50ZXJ2YWwtLWl0ZW1cIlxuICAgICpuZ0Zvcj1cImxldCBibG9jayBvZiBTVkc7IGxldCBpID0gaW5kZXhcIlxuICA+XG4gICAgPHN2Z1xuICAgICAgeG1sbnM9XCJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2Z1wiXG4gICAgICB3aWR0aD1cIjE5Ljc1OTRcIlxuICAgICAgaGVpZ2h0PVwiMzQuNTc4OVwiXG4gICAgICBmaWxsPVwibm9uZVwiXG4gICAgICBbY2xhc3NdPVwiJ3N2Z18nICsgaSArICdfJyArIGdldFdpZHRoKGkpXCJcbiAgICA+XG4gICAgICA8ZGVmcyAqbmdJZj1cImhhc1RyYW5zZm9ybSAmJiBpID09PSBpbmRleFRyYW5zZm9ybVwiPlxuICAgICAgICA8bGluZWFyR3JhZGllbnQgW2F0dHIuaWRdPVwicGFpbnRMaW5lYXJcIiBncmFkaWVudFVuaXRzPVwidXNlclNwYWNlT25Vc2VcIj5cbiAgICAgICAgICA8c3RvcCBbYXR0ci5vZmZzZXRdPVwiZ2V0U3RhcnRPZmZzZXQoKVwiIHN0b3AtY29sb3I9XCIjOEM4Rjk0XCIgLz5cbiAgICAgICAgICA8c3RvcCBbYXR0ci5vZmZzZXRdPVwiZ2V0U3RvcE9mZnNldCgpXCIgc3RvcC1jb2xvcj1cIiNEOUQ5RDlcIiAvPlxuICAgICAgICA8L2xpbmVhckdyYWRpZW50PlxuICAgICAgPC9kZWZzPlxuICAgICAgPHJlY3RcbiAgICAgICAgcng9XCI2XCJcbiAgICAgICAgeD1cIjBcIlxuICAgICAgICB5PVwiMC43MTA5MzhcIlxuICAgICAgICBbYXR0ci53aWR0aF09XCJTVkdbaV0ud2lkdGhcIlxuICAgICAgICBbYXR0ci5oZWlnaHRdPVwiU1ZHW2ldLmhlaWdodFwiXG4gICAgICAgIFthdHRyLmZpbGxdPVwiZ2V0RmlsbChpKVwiXG4gICAgICAvPlxuICAgICAgPHJlY3RcbiAgICAgICAgKm5nSWY9XCJoYXNUcmFuc2Zvcm0gJiYgaSA9PT0gaW5kZXhUcmFuc2Zvcm1cIlxuICAgICAgICByeD1cIjZcIlxuICAgICAgICB4PVwiMFwiXG4gICAgICAgIHk9XCIwLjcxMDkzOFwiXG4gICAgICAgIFthdHRyLndpZHRoXT1cIlNWR1tpXS53aWR0aFwiXG4gICAgICAgIFthdHRyLmhlaWdodF09XCJTVkdbaV0uaGVpZ2h0XCJcbiAgICAgICAgW2F0dHIuZmlsbF09XCJnZXRGaWxsR3JhZGllbnQoKVwiXG4gICAgICAvPlxuICAgIDwvc3ZnPlxuICA8L2xpPlxuICA8bGkgY2xhc3M9XCJjYXBhYmlsaXR5X19pbnRlcnZhbC0taW50ZXJ2YWwgZGlzcGxheS1YR1wiICpuZ0lmPVwic2hvd0ludGVydmFsXCI+XG4gICAge3sgZGF0YS5pbnRlcnZhbCB9fVxuICA8L2xpPlxuPC91bD5cbjxuZy10ZW1wbGF0ZSAjcHJvZ3Jlc3NCYXI+XG4gIDxkaXYgY2xhc3M9XCJjYXBhYmlsaXR5X19wcm9ncmVzcy1iYXJcIj5cbiAgICA8ZGl2IGNsYXNzPVwiY2FwYWJpbGl0eV9fcHJvZ3Jlc3MtYmFyLS1iZ1wiPlxuICAgICAgPGRpdlxuICAgICAgICBjbGFzcz1cImNhcGFiaWxpdHlfX3Byb2dyZXNzLWJhci0tZmlsbGVkXCJcbiAgICAgICAgW3N0eWxlLndpZHRoLiVdPVwiZGF0YS5pbnRlcnZhbFwiXG4gICAgICA+PC9kaXY+XG4gICAgPC9kaXY+XG4gICAgPGRpdiBjbGFzcz1cImNhcGFiaWxpdHlfX2ludGVydmFsLS1yZXN1bHRcIj5cbiAgICAgIHt7ZGF0YS5pbnRlcnZhbH19JVxuICAgIDwvZGl2PlxuICA8L2Rpdj5cbjwvbmctdGVtcGxhdGU+XG4iXX0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2FwYWJpbGl0eS1pbnRlcnZhbC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9tYXBhLWxpYnJhcnktdWkvc3JjL2xpYi9jb21wb25lbnRzL2NhcGFiaWxpdHkvc3JjL2NhcGFiaWxpdHktaW50ZXJ2YWwvY2FwYWJpbGl0eS1pbnRlcnZhbC5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9tYXBhLWxpYnJhcnktdWkvc3JjL2xpYi9jb21wb25lbnRzL2NhcGFiaWxpdHkvc3JjL2NhcGFiaWxpdHktaW50ZXJ2YWwvY2FwYWJpbGl0eS1pbnRlcnZhbC5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBb0MsTUFBTSxlQUFlLENBQUM7QUFFbkYsT0FBTyxFQUFFLEdBQUcsRUFBRSxNQUFNLFFBQVEsQ0FBQzs7O0FBTzdCLE1BQU0sT0FBTywrQkFBK0I7SUFxQjFDO1FBaEJPLFFBQUcsR0FBRztZQUNYLEVBQUUsQ0FBQyxFQUFFLENBQUMsRUFBUSxDQUFDLEVBQUUsUUFBUSxFQUFFLEtBQUssRUFBRSxPQUFPLEVBQUUsTUFBTSxFQUFFLE9BQU8sRUFBRTtZQUM1RCxFQUFFLENBQUMsRUFBRSxPQUFPLEVBQUUsQ0FBQyxFQUFFLFFBQVEsRUFBRSxLQUFLLEVBQUUsT0FBTyxFQUFFLE1BQU0sRUFBRSxPQUFPLEVBQUU7WUFDNUQsRUFBRSxDQUFDLEVBQUUsT0FBTyxFQUFFLENBQUMsRUFBRSxRQUFRLEVBQUUsS0FBSyxFQUFFLE9BQU8sRUFBRSxNQUFNLEVBQUUsT0FBTyxFQUFFO1lBQzVELEVBQUUsQ0FBQyxFQUFFLE9BQU8sRUFBRSxDQUFDLEVBQUUsUUFBUSxFQUFFLEtBQUssRUFBRSxPQUFPLEVBQUUsTUFBTSxFQUFFLE9BQU8sRUFBRTtZQUM1RCxFQUFFLENBQUMsRUFBRSxNQUFNLEVBQUcsQ0FBQyxFQUFFLFFBQVEsRUFBRSxLQUFLLEVBQUUsT0FBTyxFQUFFLE1BQU0sRUFBRSxPQUFPLEVBQUU7WUFDNUQsRUFBRSxDQUFDLEVBQUUsT0FBTyxFQUFFLENBQUMsRUFBRSxRQUFRLEVBQUUsS0FBSyxFQUFFLE9BQU8sRUFBRSxNQUFNLEVBQUUsT0FBTyxFQUFFO1lBQzVELEVBQUUsQ0FBQyxFQUFFLE9BQU8sRUFBRSxDQUFDLEVBQUUsUUFBUSxFQUFFLEtBQUssRUFBRSxPQUFPLEVBQUUsTUFBTSxFQUFFLE9BQU8sRUFBRTtZQUM1RCxFQUFFLENBQUMsRUFBRSxPQUFPLEVBQUUsQ0FBQyxFQUFFLFFBQVEsRUFBRSxLQUFLLEVBQUUsT0FBTyxFQUFFLE1BQU0sRUFBRSxPQUFPLEVBQUU7WUFDNUQsRUFBRSxDQUFDLEVBQUUsT0FBTyxFQUFFLENBQUMsRUFBRSxRQUFRLEVBQUUsS0FBSyxFQUFFLE9BQU8sRUFBRSxNQUFNLEVBQUUsT0FBTyxFQUFFO1lBQzVELEVBQUUsQ0FBQyxFQUFFLE1BQU0sRUFBRyxDQUFDLEVBQUUsUUFBUSxFQUFFLEtBQUssRUFBRSxPQUFPLEVBQUUsTUFBTSxFQUFFLE9BQU8sRUFBRTtTQUM3RCxDQUFDO1FBRUssaUJBQVksR0FBRyxLQUFLLENBQUM7UUFDckIsbUJBQWMsR0FBRyxDQUFDLENBQUM7SUFFWCxDQUFDO0lBRWhCLFdBQVcsQ0FBQyxPQUFzQjtRQUNoQyxNQUFNLFFBQVEsR0FBRyxJQUFJLENBQUMsSUFBSSxDQUFDLFFBQVEsSUFBSSxDQUFDLENBQUM7UUFDekMsSUFBSSxDQUFDLFlBQVksR0FBRyxRQUFRLEdBQUcsRUFBRSxHQUFHLENBQUMsQ0FBQztRQUN0QyxJQUFJLENBQUMsY0FBYyxHQUFHLENBQUMsSUFBSSxDQUFDLEtBQUssQ0FBQyxRQUFRLEdBQUcsRUFBRSxDQUFDLEdBQUcsRUFBRSxDQUFDLENBQUM7UUFDdkQsSUFBSSxDQUFDLFdBQVcsR0FBRyxVQUFXLEdBQUcsQ0FBQyxPQUFPLENBQUMsT0FBUSxRQUFTLEVBQUUsQ0FBRSxFQUFFLENBQUM7SUFDcEUsQ0FBQztJQUVELFFBQVE7SUFDUixDQUFDO0lBRU0sUUFBUSxDQUFDLEtBQWE7UUFDM0IsSUFBSSxDQUFDLElBQUksQ0FBQyxJQUFJO1lBQUUsT0FBTyxDQUFDLENBQUM7UUFDekIsTUFBTSxRQUFRLEdBQUcsSUFBSSxDQUFDLElBQUksQ0FBQyxRQUFRLElBQUksQ0FBQyxDQUFDO1FBQ3pDLE1BQU0sYUFBYSxHQUFHLElBQUksQ0FBQyxLQUFLLENBQUMsUUFBUSxHQUFHLEVBQUUsQ0FBQyxHQUFHLEVBQUUsQ0FBQztRQUNyRCxPQUFPLEtBQUssR0FBRyxhQUFhO1lBQzFCLENBQUMsQ0FBQyxHQUFHO1lBQ0wsQ0FBQyxDQUFDLEtBQUssS0FBSyxhQUFhO2dCQUN6QixDQUFDLENBQUMsQ0FBQyxRQUFRLEdBQUcsRUFBRSxDQUFDLEdBQUcsRUFBRTtnQkFDdEIsQ0FBQyxDQUFDLENBQUMsQ0FBQztJQUNSLENBQUM7SUFFTSxPQUFPLENBQUMsQ0FBUztRQUN0QixNQUFNLEtBQUssR0FBRyxJQUFJLENBQUMsUUFBUSxDQUFDLENBQUMsQ0FBQyxDQUFDO1FBQy9CLElBQUksS0FBSyxLQUFLLEdBQUc7WUFBRSxPQUFPLFNBQVMsQ0FBQztRQUNwQyxPQUFPLFNBQVMsQ0FBQztJQUNuQixDQUFDO0lBRU0sZUFBZTtRQUNwQixPQUFPLFFBQVMsSUFBSSxDQUFDLFdBQVksR0FBRyxDQUFDO0lBQ3ZDLENBQUM7SUFFTSxZQUFZLENBQUMsQ0FBUztRQUMzQixNQUFNLEtBQUssR0FBRyxJQUFJLENBQUMsUUFBUSxDQUFDLENBQUMsQ0FBQyxDQUFDO1FBQy9CLElBQUksS0FBSyxLQUFLLENBQUMsSUFBSSxLQUFLLEtBQUssR0FBRztZQUFFLE9BQU8sRUFBRSxDQUFDO1FBQzVDLE9BQU8sZUFBZSxJQUFJLENBQUMsR0FBRyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsSUFBSSxJQUFJLENBQUMsR0FBRyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsR0FBRyxDQUFDO0lBQzFELENBQUM7SUFFTSxjQUFjO1FBQ25CLE1BQU0sUUFBUSxHQUFHLElBQUksQ0FBQyxJQUFJLENBQUMsUUFBUSxJQUFJLENBQUMsQ0FBQztRQUN6QyxPQUFPLE1BQU0sQ0FBQyxLQUFNLFFBQVEsR0FBRyxFQUFHLE9BQU8sQ0FBQyxDQUFDO0lBQzdDLENBQUM7SUFFTSxhQUFhO1FBQ2xCLE1BQU0sUUFBUSxHQUFHLElBQUksQ0FBQyxJQUFJLENBQUMsUUFBUSxJQUFJLENBQUMsQ0FBQztRQUN6QyxPQUFPLE1BQU0sQ0FBQyxLQUFNLFFBQVEsR0FBRyxFQUFHLE9BQU8sQ0FBQyxDQUFDO0lBQzdDLENBQUM7SUFFTSxZQUFZO1FBQ2pCLE9BQU8sSUFBSSxDQUFDLEtBQUssQ0FBQyxJQUFJLENBQUMsR0FBRyxDQUFDLElBQUksQ0FBQyxjQUFjLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQztJQUNyRCxDQUFDO0lBRU0sS0FBSztRQUNWLE9BQU8sQ0FBQyxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsZ0JBQWdCLElBQUksSUFBSSxDQUFDLElBQUksQ0FBQyxnQkFBZ0IsS0FBSyxLQUFLLENBQUM7SUFDOUUsQ0FBQzs7NkhBNUVVLCtCQUErQjtpSEFBL0IsK0JBQStCLDZJQ1Q1QyxvcURBc0RBOzRGRDdDYSwrQkFBK0I7a0JBTDNDLFNBQVM7K0JBQ0UsMEJBQTBCOzBFQUszQixJQUFJO3NCQUFaLEtBQUs7Z0JBQ0csWUFBWTtzQkFBcEIsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgSW5wdXQsIE9uQ2hhbmdlcywgT25Jbml0LCBTaW1wbGVDaGFuZ2VzIH0gZnJvbSBcIkBhbmd1bGFyL2NvcmVcIjtcbmltcG9ydCB7IENhcGFiaWxpdHkgfSBmcm9tIFwiLi4vZXNzZW50aWFscy9pbnRlcmZhY2VzL2NhcGFiaWxpdHkuaW50ZXJmYWNlXCI7XG5pbXBvcnQgeyBNZDUgfSBmcm9tIFwidHMtbWQ1XCI7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogXCJtYXBhLWNhcGFiaWxpdHktaW50ZXJ2YWxcIixcbiAgdGVtcGxhdGVVcmw6IFwiLi9jYXBhYmlsaXR5LWludGVydmFsLmNvbXBvbmVudC5odG1sXCIsXG4gIHN0eWxlVXJsczogW1wiLi9jYXBhYmlsaXR5LWludGVydmFsLmNvbXBvbmVudC5zY3NzXCJdLFxufSlcbmV4cG9ydCBjbGFzcyBNYXBhQ2FwYWJpbGl0eUludGVydmFsQ29tcG9uZW50IGltcGxlbWVudHMgT25Jbml0LCBPbkNoYW5nZXMge1xuICBASW5wdXQoKSBkYXRhITogQ2FwYWJpbGl0eTtcbiAgQElucHV0KCkgc2hvd0ludGVydmFsITogYm9vbGVhbjtcbiAgcHVibGljIHBhaW50TGluZWFyITogc3RyaW5nO1xuXG4gIHB1YmxpYyBTVkcgPSBbXG4gICAgeyB4OiAwICAgICAgLCB5OiAwLjcxMDkzOCwgd2lkdGg6IDE5Ljc1OTQsIGhlaWdodDogMzQuNTc4OSB9LFxuICAgIHsgeDogMjIuNTAzOSwgeTogMC43MTA5MzgsIHdpZHRoOiAxOS43NTk0LCBoZWlnaHQ6IDM0LjU3ODkgfSxcbiAgICB7IHg6IDQ1LjAwNzgsIHk6IDAuNzEwOTM4LCB3aWR0aDogMTkuMjEwNSwgaGVpZ2h0OiAzNC41Nzg5IH0sXG4gICAgeyB4OiA2Ni45NjI5LCB5OiAwLjcxMDkzOCwgd2lkdGg6IDE5LjIxMDUsIGhlaWdodDogMzQuNTc4OSB9LFxuICAgIHsgeDogODguOTE3ICwgeTogMC43MTA5MzgsIHdpZHRoOiAxOS4yMTA1LCBoZWlnaHQ6IDM0LjU3ODkgfSxcbiAgICB7IHg6IDExMC44NzIsIHk6IDAuNzEwOTM4LCB3aWR0aDogMTkuMjEwNSwgaGVpZ2h0OiAzNC41Nzg5IH0sXG4gICAgeyB4OiAxMzIuODI3LCB5OiAwLjcxMDkzOCwgd2lkdGg6IDE5LjIxMDUsIGhlaWdodDogMzQuNTc4OSB9LFxuICAgIHsgeDogMTU0Ljc4MiwgeTogMC43MTA5MzgsIHdpZHRoOiAxOS4yMTA1LCBoZWlnaHQ6IDM0LjU3ODkgfSxcbiAgICB7IHg6IDE3Ni43MzYsIHk6IDAuNzEwOTM4LCB3aWR0aDogMTkuNzU5NCwgaGVpZ2h0OiAzNC41Nzg5IH0sXG4gICAgeyB4OiAxOTkuMjQgLCB5OiAwLjcxMDkzOCwgd2lkdGg6IDE5Ljc1OTQsIGhlaWdodDogMzQuNTc4OSB9LFxuICBdO1xuXG4gIHB1YmxpYyBoYXNUcmFuc2Zvcm0gPSBmYWxzZTtcbiAgcHVibGljIGluZGV4VHJhbnNmb3JtID0gMDtcblxuICBjb25zdHJ1Y3RvcigpIHt9XG4gIFxuICBuZ09uQ2hhbmdlcyhjaGFuZ2VzOiBTaW1wbGVDaGFuZ2VzKTogdm9pZCB7XG4gICAgY29uc3QgaW50ZXJ2YWwgPSB0aGlzLmRhdGEuaW50ZXJ2YWwgfHwgMDtcbiAgICB0aGlzLmhhc1RyYW5zZm9ybSA9IGludGVydmFsICUgMTAgPiAwO1xuICAgIHRoaXMuaW5kZXhUcmFuc2Zvcm0gPSAoTWF0aC5mbG9vcihpbnRlcnZhbCAvIDEwKSAlIDEwKTtcbiAgICB0aGlzLnBhaW50TGluZWFyID0gYGxpbmVhcl8keyBNZDUuaGFzaFN0cihgc3ZnXyR7IGludGVydmFsIH1gKSB9YDtcbiAgfVxuXG4gIG5nT25Jbml0KCk6IHZvaWQge1xuICB9XG5cbiAgcHVibGljIGdldFdpZHRoKGluZGV4OiBudW1iZXIpOiBudW1iZXIge1xuICAgIGlmICghdGhpcy5kYXRhKSByZXR1cm4gMDtcbiAgICBjb25zdCBpbnRlcnZhbCA9IHRoaXMuZGF0YS5pbnRlcnZhbCB8fCAwO1xuICAgIGNvbnN0IGludGVydmFsTW9kMTAgPSBNYXRoLmZsb29yKGludGVydmFsIC8gMTApICUgMTA7XG4gICAgcmV0dXJuIGluZGV4IDwgaW50ZXJ2YWxNb2QxMFxuICAgICAgPyAxMDBcbiAgICAgIDogaW5kZXggPT09IGludGVydmFsTW9kMTBcbiAgICAgID8gKGludGVydmFsICUgMTApICogMTBcbiAgICAgIDogMDtcbiAgfVxuXG4gIHB1YmxpYyBnZXRGaWxsKGk6IG51bWJlcik6IHN0cmluZyB7XG4gICAgY29uc3Qgd2lkdGggPSB0aGlzLmdldFdpZHRoKGkpO1xuICAgIGlmICh3aWR0aCA9PT0gMTAwKSByZXR1cm4gXCIjOEM4Rjk0XCI7XG4gICAgcmV0dXJuIFwiI0RDRENERVwiO1xuICB9XG5cbiAgcHVibGljIGdldEZpbGxHcmFkaWVudCgpOiBzdHJpbmcge1xuICAgIHJldHVybiBgdXJsKCMkeyB0aGlzLnBhaW50TGluZWFyIH0pYDtcbiAgfVxuXG4gIHB1YmxpYyBnZXRUcmFuc2Zvcm0oaTogbnVtYmVyKTogc3RyaW5nIHtcbiAgICBjb25zdCB3aWR0aCA9IHRoaXMuZ2V0V2lkdGgoaSk7XG4gICAgaWYgKHdpZHRoID09PSAwIHx8IHdpZHRoID09PSAxMDApIHJldHVybiBcIlwiO1xuICAgIHJldHVybiBgcm90YXRlKC0xODAgJHt0aGlzLlNWR1tpXS54fSAke3RoaXMuU1ZHW2ldLnl9KWA7XG4gIH1cblxuICBwdWJsaWMgZ2V0U3RhcnRPZmZzZXQoKTogbnVtYmVyIHtcbiAgICBjb25zdCBpbnRlcnZhbCA9IHRoaXMuZGF0YS5pbnRlcnZhbCB8fCAwO1xuICAgIHJldHVybiBOdW1iZXIoYDAuJHsgaW50ZXJ2YWwgJSAxMCB9NzMwMDVgKTtcbiAgfVxuXG4gIHB1YmxpYyBnZXRTdG9wT2Zmc2V0KCk6IG51bWJlciB7XG4gICAgY29uc3QgaW50ZXJ2YWwgPSB0aGlzLmRhdGEuaW50ZXJ2YWwgfHwgMDtcbiAgICByZXR1cm4gTnVtYmVyKGAwLiR7IGludGVydmFsICUgMTAgfTczMTA1YCk7XG4gIH1cblxuICBwdWJsaWMgZ2V0R3JhZGllbnRYKCk6IG51bWJlciB7XG4gICAgcmV0dXJuIE1hdGguZmxvb3IodGhpcy5TVkdbdGhpcy5pbmRleFRyYW5zZm9ybV0ueCk7XG4gIH1cblxuICBwdWJsaWMgaXNTVkcoKTogYm9vbGVhbiB7XG4gICAgcmV0dXJuICEhdGhpcy5kYXRhLmNsYXNzaWZpY2F0aW9uQmcgJiYgdGhpcy5kYXRhLmNsYXNzaWZpY2F0aW9uQmcgPT09IFwiU1ZHXCI7XG4gIH1cbn1cbiIsIjx1bCBjbGFzcz1cImNhcGFiaWxpdHlfX2ludGVydmFsXCIgKm5nSWY9XCJpc1NWRygpOyBlbHNlIHByb2dyZXNzQmFyXCI+XG4gIDxsaVxuICAgIGNsYXNzPVwiY2FwYWJpbGl0eV9faW50ZXJ2YWwtLWl0ZW1cIlxuICAgICpuZ0Zvcj1cImxldCBibG9jayBvZiBTVkc7IGxldCBpID0gaW5kZXhcIlxuICA+XG4gICAgPHN2Z1xuICAgICAgeG1sbnM9XCJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2Z1wiXG4gICAgICB3aWR0aD1cIjE5Ljc1OTRcIlxuICAgICAgaGVpZ2h0PVwiMzQuNTc4OVwiXG4gICAgICBmaWxsPVwibm9uZVwiXG4gICAgICBbY2xhc3NdPVwiJ3N2Z18nICsgaSArICdfJyArIGdldFdpZHRoKGkpXCJcbiAgICA+XG4gICAgICA8ZGVmcyAqbmdJZj1cImhhc1RyYW5zZm9ybSAmJiBpID09PSBpbmRleFRyYW5zZm9ybVwiPlxuICAgICAgICA8bGluZWFyR3JhZGllbnQgW2F0dHIuaWRdPVwicGFpbnRMaW5lYXJcIiBncmFkaWVudFVuaXRzPVwidXNlclNwYWNlT25Vc2VcIj5cbiAgICAgICAgICA8c3RvcCBbYXR0ci5vZmZzZXRdPVwiZ2V0U3RhcnRPZmZzZXQoKVwiIHN0b3AtY29sb3I9XCIjOEM4Rjk0XCIgLz5cbiAgICAgICAgICA8c3RvcCBbYXR0ci5vZmZzZXRdPVwiZ2V0U3RvcE9mZnNldCgpXCIgc3RvcC1jb2xvcj1cIiNEOUQ5RDlcIiAvPlxuICAgICAgICA8L2xpbmVhckdyYWRpZW50PlxuICAgICAgPC9kZWZzPlxuICAgICAgPHJlY3RcbiAgICAgICAgcng9XCI2XCJcbiAgICAgICAgeD1cIjBcIlxuICAgICAgICB5PVwiMC43MTA5MzhcIlxuICAgICAgICBbYXR0ci53aWR0aF09XCJTVkdbaV0ud2lkdGhcIlxuICAgICAgICBbYXR0ci5oZWlnaHRdPVwiU1ZHW2ldLmhlaWdodFwiXG4gICAgICAgIFthdHRyLmZpbGxdPVwiZ2V0RmlsbChpKVwiXG4gICAgICAvPlxuICAgICAgPHJlY3RcbiAgICAgICAgKm5nSWY9XCJoYXNUcmFuc2Zvcm0gJiYgaSA9PT0gaW5kZXhUcmFuc2Zvcm1cIlxuICAgICAgICByeD1cIjZcIlxuICAgICAgICB4PVwiMFwiXG4gICAgICAgIHk9XCIwLjcxMDkzOFwiXG4gICAgICAgIFthdHRyLndpZHRoXT1cIlNWR1tpXS53aWR0aFwiXG4gICAgICAgIFthdHRyLmhlaWdodF09XCJTVkdbaV0uaGVpZ2h0XCJcbiAgICAgICAgW2F0dHIuZmlsbF09XCJnZXRGaWxsR3JhZGllbnQoKVwiXG4gICAgICAvPlxuICAgIDwvc3ZnPlxuICA8L2xpPlxuICA8bGkgY2xhc3M9XCJjYXBhYmlsaXR5X19pbnRlcnZhbC0taW50ZXJ2YWwgZGlzcGxheS1YR1wiICpuZ0lmPVwic2hvd0ludGVydmFsXCI+XG4gICAge3sgZGF0YS5pbnRlcnZhbCB9fVxuICA8L2xpPlxuPC91bD5cbjxuZy10ZW1wbGF0ZSAjcHJvZ3Jlc3NCYXI+XG4gIDxkaXYgY2xhc3M9XCJjYXBhYmlsaXR5X19wcm9ncmVzcy1iYXJcIj5cbiAgICA8ZGl2IGNsYXNzPVwiY2FwYWJpbGl0eV9fcHJvZ3Jlc3MtYmFyLS1iZ1wiPlxuICAgICAgPGRpdlxuICAgICAgICBjbGFzcz1cImNhcGFiaWxpdHlfX3Byb2dyZXNzLWJhci0tZmlsbGVkXCJcbiAgICAgICAgW3N0eWxlLndpZHRoLiVdPVwiZGF0YS5pbnRlcnZhbFwiXG4gICAgICA+PC9kaXY+XG4gICAgPC9kaXY+XG4gICAgPGRpdiBjbGFzcz1cImNhcGFiaWxpdHlfX2ludGVydmFsLS1yZXN1bHRcIiAqbmdJZj1cInNob3dJbnRlcnZhbFwiPlxuICAgICAge3tkYXRhLmludGVydmFsfX0lXG4gICAgPC9kaXY+XG4gIDwvZGl2PlxuPC9uZy10ZW1wbGF0ZT5cbiJdfQ==

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

@@ -674,10 +674,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\n  class=\"capability__concept\"\n  *ngIf=\"data.capabilityConcept?.concept || data.capabilityConcept?.result\"\n>\n  <div\n    class=\"capability__concept--content\"\n    *ngIf=\"data.capabilityConcept?.concept\"\n  >\n    <div class=\"capability__concept--title\">Conceito</div>\n    <div class=\"capability__concept--text\">\n      {{ data.capabilityConcept?.concept! }}\n    </div>\n  </div>\n  <div\n    class=\"capability__concept--content\"\n    *ngIf=\"data.capabilityConcept?.result\"\n  >\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=\"capability__expanded--name\">\n        <span *ngIf=\"item.classificationColor\">\n          <strong *ngIf=\"!classification.getByItem(item).positive\">\u2198\uFE0E </strong>\n          <strong *ngIf=\"classification.getByItem(item).positive\">\u2197 </strong>\n        </span>\n        {{ item.name }}\n      </div>\n      <mapa-tag\n        [tag]=\"createTag(item)\"\n        class=\"capability__expanded--tag\"\n        *ngIf=\"item.classificationId\"\n      >\n        <mapa-capability-dot\n          [item]=\"item\"\n          *ngIf=\"item.classificationColor\"\n        ></mapa-capability-dot>\n        {{ item.classificationName }}\n      </mapa-tag>\n    </div>\n\n    <p class=\"capability__expanded--description\" *ngIf=\"item.description\">\n      <strong\n        *ngIf=\"item.classificationId && !item.classificationBg && !classification.getByItem(item).positive\"\n        >\u2198\uFE0E Dire\u00E7\u00E3o Negativa |\n      </strong>\n      <strong\n        *ngIf=\"item.classificationId && !item.classificationBg && classification.getByItem(item).positive\"\n        >\u2197 Dire\u00E7\u00E3o Positiva |\n      </strong>\n      <span [innerHTML]=\"item.description\"></span>\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 0 16px 16px;gap:30px}@media (min-width: 800px) and (max-width: 1250px){.capability__expanded{display:grid;grid-template-columns:1fr 1fr}}@media (min-width: 1251px){.capability__expanded{display:grid;grid-template-columns:1fr 1fr 1fr}}.capability__expanded--description{color:#8c8f94;font-size:16px;font-style:normal;font-weight:400;line-height:24px}.capability__expanded--item .name{display:flex;justify-content:space-between;margin-bottom:16px}.capability__expanded--item mapa-tag .mapa-tag--small{display:flex;align-items:center;gap:8px;padding:2px 8px 2px 3px;font-size:14px!important;font-style:normal;font-weight:400;height:18px}.capability__expanded--name{color:#181818;font-size:20px;font-style:normal;font-weight:400}\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: ["tag"] }, { 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\n  class=\"capability__concept\"\n  *ngIf=\"data.capabilityConcept?.concept || data.capabilityConcept?.result\"\n>\n  <div\n    class=\"capability__concept--content\"\n    *ngIf=\"data.capabilityConcept?.concept\"\n  >\n    <div class=\"capability__concept--title\">Conceito</div>\n    <div class=\"capability__concept--text\">\n      {{ data.capabilityConcept?.concept! }}\n    </div>\n  </div>\n  <div\n    class=\"capability__concept--content\"\n    *ngIf=\"data.capabilityConcept?.result\"\n  >\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=\"capability__expanded--name\">\n        <span *ngIf=\"item.classificationColor\">\n          <strong *ngIf=\"!classification.getByItem(item).positive\">\u2198\uFE0E </strong>\n          <strong *ngIf=\"classification.getByItem(item).positive\">\u2197 </strong>\n        </span>\n        {{ item.name }}\n      </div>\n      <mapa-tag\n        [tag]=\"createTag(item)\"\n        class=\"capability__expanded--tag\"\n        *ngIf=\"item.classificationId\"\n      >\n        <mapa-capability-dot\n          [item]=\"item\"\n          *ngIf=\"item.classificationColor\"\n        ></mapa-capability-dot>\n        {{ item.classificationName }}\n      </mapa-tag>\n    </div>\n\n    <p class=\"capability__expanded--description\" *ngIf=\"item.description\">\n      <strong\n        *ngIf=\"item.classificationId && !item.classificationBg && !classification.getByItem(item).positive\"\n        >\u2198\uFE0E Dire\u00E7\u00E3o Negativa |\n      </strong>\n      <strong\n        *ngIf=\"item.classificationId && !item.classificationBg && classification.getByItem(item).positive\"\n        >\u2197 Dire\u00E7\u00E3o Positiva |\n      </strong>\n      <span [innerHTML]=\"item.description\"></span>\n    </p>\n  </div>\n</div>\n", styles: [".capability__concept{display:flex;flex-direction:row;flex-wrap:wrap;width:100%;gap:42px;margin:24px 0 60px}.capability__concept--content{display:flex;flex-direction:column;flex-basis:100%;flex:1}.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 0 16px 16px;gap:30px}@media (min-width: 800px) and (max-width: 1250px){.capability__expanded{display:grid;grid-template-columns:1fr 1fr}}@media (min-width: 1251px){.capability__expanded{display:grid;grid-template-columns:1fr 1fr 1fr}}.capability__expanded--description{color:#8c8f94;font-size:16px;font-style:normal;font-weight:400;line-height:24px}.capability__expanded--item .name{display:flex;justify-content:space-between;margin-bottom:16px}.capability__expanded--item mapa-tag .mapa-tag--small{display:flex;align-items:center;gap:8px;padding:2px 8px 2px 3px;font-size:14px!important;font-style:normal;font-weight:400;height:18px}.capability__expanded--name{color:#181818;font-size:20px;font-style:normal;font-weight:400}\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: ["tag"] }, { 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\n  class=\"capability__concept\"\n  *ngIf=\"data.capabilityConcept?.concept || data.capabilityConcept?.result\"\n>\n  <div\n    class=\"capability__concept--content\"\n    *ngIf=\"data.capabilityConcept?.concept\"\n  >\n    <div class=\"capability__concept--title\">Conceito</div>\n    <div class=\"capability__concept--text\">\n      {{ data.capabilityConcept?.concept! }}\n    </div>\n  </div>\n  <div\n    class=\"capability__concept--content\"\n    *ngIf=\"data.capabilityConcept?.result\"\n  >\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=\"capability__expanded--name\">\n        <span *ngIf=\"item.classificationColor\">\n          <strong *ngIf=\"!classification.getByItem(item).positive\">\u2198\uFE0E </strong>\n          <strong *ngIf=\"classification.getByItem(item).positive\">\u2197 </strong>\n        </span>\n        {{ item.name }}\n      </div>\n      <mapa-tag\n        [tag]=\"createTag(item)\"\n        class=\"capability__expanded--tag\"\n        *ngIf=\"item.classificationId\"\n      >\n        <mapa-capability-dot\n          [item]=\"item\"\n          *ngIf=\"item.classificationColor\"\n        ></mapa-capability-dot>\n        {{ item.classificationName }}\n      </mapa-tag>\n    </div>\n\n    <p class=\"capability__expanded--description\" *ngIf=\"item.description\">\n      <strong\n        *ngIf=\"item.classificationId && !item.classificationBg && !classification.getByItem(item).positive\"\n        >\u2198\uFE0E Dire\u00E7\u00E3o Negativa |\n      </strong>\n      <strong\n        *ngIf=\"item.classificationId && !item.classificationBg && classification.getByItem(item).positive\"\n        >\u2197 Dire\u00E7\u00E3o Positiva |\n      </strong>\n      <span [innerHTML]=\"item.description\"></span>\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 0 16px 16px;gap:30px}@media (min-width: 800px) and (max-width: 1250px){.capability__expanded{display:grid;grid-template-columns:1fr 1fr}}@media (min-width: 1251px){.capability__expanded{display:grid;grid-template-columns:1fr 1fr 1fr}}.capability__expanded--description{color:#8c8f94;font-size:16px;font-style:normal;font-weight:400;line-height:24px}.capability__expanded--item .name{display:flex;justify-content:space-between;margin-bottom:16px}.capability__expanded--item mapa-tag .mapa-tag--small{display:flex;align-items:center;gap:8px;padding:2px 8px 2px 3px;font-size:14px!important;font-style:normal;font-weight:400;height:18px}.capability__expanded--name{color:#181818;font-size:20px;font-style:normal;font-weight:400}\n"] }]
+            args: [{ selector: "mapa-capability-expand", encapsulation: ViewEncapsulation.None, template: "<div\n  class=\"capability__concept\"\n  *ngIf=\"data.capabilityConcept?.concept || data.capabilityConcept?.result\"\n>\n  <div\n    class=\"capability__concept--content\"\n    *ngIf=\"data.capabilityConcept?.concept\"\n  >\n    <div class=\"capability__concept--title\">Conceito</div>\n    <div class=\"capability__concept--text\">\n      {{ data.capabilityConcept?.concept! }}\n    </div>\n  </div>\n  <div\n    class=\"capability__concept--content\"\n    *ngIf=\"data.capabilityConcept?.result\"\n  >\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=\"capability__expanded--name\">\n        <span *ngIf=\"item.classificationColor\">\n          <strong *ngIf=\"!classification.getByItem(item).positive\">\u2198\uFE0E </strong>\n          <strong *ngIf=\"classification.getByItem(item).positive\">\u2197 </strong>\n        </span>\n        {{ item.name }}\n      </div>\n      <mapa-tag\n        [tag]=\"createTag(item)\"\n        class=\"capability__expanded--tag\"\n        *ngIf=\"item.classificationId\"\n      >\n        <mapa-capability-dot\n          [item]=\"item\"\n          *ngIf=\"item.classificationColor\"\n        ></mapa-capability-dot>\n        {{ item.classificationName }}\n      </mapa-tag>\n    </div>\n\n    <p class=\"capability__expanded--description\" *ngIf=\"item.description\">\n      <strong\n        *ngIf=\"item.classificationId && !item.classificationBg && !classification.getByItem(item).positive\"\n        >\u2198\uFE0E Dire\u00E7\u00E3o Negativa |\n      </strong>\n      <strong\n        *ngIf=\"item.classificationId && !item.classificationBg && classification.getByItem(item).positive\"\n        >\u2197 Dire\u00E7\u00E3o Positiva |\n      </strong>\n      <span [innerHTML]=\"item.description\"></span>\n    </p>\n  </div>\n</div>\n", styles: [".capability__concept{display:flex;flex-direction:row;flex-wrap:wrap;width:100%;gap:42px;margin:24px 0 60px}.capability__concept--content{display:flex;flex-direction:column;flex-basis:100%;flex:1}.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 0 16px 16px;gap:30px}@media (min-width: 800px) and (max-width: 1250px){.capability__expanded{display:grid;grid-template-columns:1fr 1fr}}@media (min-width: 1251px){.capability__expanded{display:grid;grid-template-columns:1fr 1fr 1fr}}.capability__expanded--description{color:#8c8f94;font-size:16px;font-style:normal;font-weight:400;line-height:24px}.capability__expanded--item .name{display:flex;justify-content:space-between;margin-bottom:16px}.capability__expanded--item mapa-tag .mapa-tag--small{display:flex;align-items:center;gap:8px;padding:2px 8px 2px 3px;font-size:14px!important;font-style:normal;font-weight:400;height:18px}.capability__expanded--name{color:#181818;font-size:20px;font-style:normal;font-weight:400}\n"] }]
         }], ctorParameters: function () { return [{ type: CapabilityClassificationService }]; }, propDecorators: { data: [{
                 type: Input
             }] } });
@@ -789,10 +789,10 @@ class MapaCapabilityIntervalComponent {
     }
 }
 MapaCapabilityIntervalComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: MapaCapabilityIntervalComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-MapaCapabilityIntervalComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: MapaCapabilityIntervalComponent, selector: "mapa-capability-interval", inputs: { data: "data", showInterval: "showInterval" }, usesOnChanges: true, ngImport: i0, template: "<ul class=\"capability__interval\" *ngIf=\"isSVG(); else progressBar\">\n  <li\n    class=\"capability__interval--item\"\n    *ngFor=\"let block of SVG; let i = index\"\n  >\n    <svg\n      xmlns=\"http://www.w3.org/2000/svg\"\n      width=\"19.7594\"\n      height=\"34.5789\"\n      fill=\"none\"\n      [class]=\"'svg_' + i + '_' + getWidth(i)\"\n    >\n      <defs *ngIf=\"hasTransform && i === indexTransform\">\n        <linearGradient [attr.id]=\"paintLinear\" gradientUnits=\"userSpaceOnUse\">\n          <stop [attr.offset]=\"getStartOffset()\" stop-color=\"#8C8F94\" />\n          <stop [attr.offset]=\"getStopOffset()\" stop-color=\"#D9D9D9\" />\n        </linearGradient>\n      </defs>\n      <rect\n        rx=\"6\"\n        x=\"0\"\n        y=\"0.710938\"\n        [attr.width]=\"SVG[i].width\"\n        [attr.height]=\"SVG[i].height\"\n        [attr.fill]=\"getFill(i)\"\n      />\n      <rect\n        *ngIf=\"hasTransform && i === indexTransform\"\n        rx=\"6\"\n        x=\"0\"\n        y=\"0.710938\"\n        [attr.width]=\"SVG[i].width\"\n        [attr.height]=\"SVG[i].height\"\n        [attr.fill]=\"getFillGradient()\"\n      />\n    </svg>\n  </li>\n  <li class=\"capability__interval--interval display-XG\" *ngIf=\"showInterval\">\n    {{ data.interval }}\n  </li>\n</ul>\n<ng-template #progressBar>\n  <div class=\"capability__progress-bar\">\n    <div class=\"capability__progress-bar--bg\">\n      <div\n        class=\"capability__progress-bar--filled\"\n        [style.width.%]=\"data.interval\"\n      ></div>\n    </div>\n    <div class=\"capability__interval--result\">\n      {{data.interval}}%\n    </div>\n  </div>\n</ng-template>\n", styles: [".capability__interval{font-family:SF-Pro;font-size:38px;font-style:normal;font-weight:500;display:flex;align-items:center;list-style-type:none;margin-block-start:0px;margin-block-end:0px;padding-inline-start:0px}.capability__interval--interval{margin:0 0 0 8px;text-align:right;width:56px}.capability__interval--item{border-radius:6px;margin-right:2px;width:21px;height:34px;position:relative}.capability__interval--item:last-of-type{margin-right:0}.capability__interval--percentage{background-color:#d9d9d9;height:34.57px}.capability__progress-bar{display:flex;align-items:center;justify-content:space-between;color:#2e2a2a;font-size:18px;font-style:normal;font-weight:400;width:331px}.capability__progress-bar--bg{position:relative;background-color:#eee;border-radius:6px;height:8px;width:247px}.capability__progress-bar--filled{position:absolute;top:0;left:0;background-color:#ea561d;border-radius:6px;height:8px}\n"], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
+MapaCapabilityIntervalComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: MapaCapabilityIntervalComponent, selector: "mapa-capability-interval", inputs: { data: "data", showInterval: "showInterval" }, usesOnChanges: true, ngImport: i0, template: "<ul class=\"capability__interval\" *ngIf=\"isSVG(); else progressBar\">\n  <li\n    class=\"capability__interval--item\"\n    *ngFor=\"let block of SVG; let i = index\"\n  >\n    <svg\n      xmlns=\"http://www.w3.org/2000/svg\"\n      width=\"19.7594\"\n      height=\"34.5789\"\n      fill=\"none\"\n      [class]=\"'svg_' + i + '_' + getWidth(i)\"\n    >\n      <defs *ngIf=\"hasTransform && i === indexTransform\">\n        <linearGradient [attr.id]=\"paintLinear\" gradientUnits=\"userSpaceOnUse\">\n          <stop [attr.offset]=\"getStartOffset()\" stop-color=\"#8C8F94\" />\n          <stop [attr.offset]=\"getStopOffset()\" stop-color=\"#D9D9D9\" />\n        </linearGradient>\n      </defs>\n      <rect\n        rx=\"6\"\n        x=\"0\"\n        y=\"0.710938\"\n        [attr.width]=\"SVG[i].width\"\n        [attr.height]=\"SVG[i].height\"\n        [attr.fill]=\"getFill(i)\"\n      />\n      <rect\n        *ngIf=\"hasTransform && i === indexTransform\"\n        rx=\"6\"\n        x=\"0\"\n        y=\"0.710938\"\n        [attr.width]=\"SVG[i].width\"\n        [attr.height]=\"SVG[i].height\"\n        [attr.fill]=\"getFillGradient()\"\n      />\n    </svg>\n  </li>\n  <li class=\"capability__interval--interval display-XG\" *ngIf=\"showInterval\">\n    {{ data.interval }}\n  </li>\n</ul>\n<ng-template #progressBar>\n  <div class=\"capability__progress-bar\">\n    <div class=\"capability__progress-bar--bg\">\n      <div\n        class=\"capability__progress-bar--filled\"\n        [style.width.%]=\"data.interval\"\n      ></div>\n    </div>\n    <div class=\"capability__interval--result\" *ngIf=\"showInterval\">\n      {{data.interval}}%\n    </div>\n  </div>\n</ng-template>\n", styles: [".capability__interval{font-family:SF-Pro;font-size:38px;font-style:normal;font-weight:500;display:flex;align-items:center;list-style-type:none;margin-block-start:0px;margin-block-end:0px;padding-inline-start:0px}.capability__interval--interval{margin:0 0 0 8px;text-align:right;width:56px}.capability__interval--item{border-radius:6px;margin-right:2px;width:21px;height:34px;position:relative}.capability__interval--item:last-of-type{margin-right:0}.capability__interval--percentage{background-color:#d9d9d9;height:34.57px}.capability__progress-bar{display:flex;align-items:center;justify-content:space-between;color:#2e2a2a;font-size:18px;font-style:normal;font-weight:400;width:310px}.capability__progress-bar--bg{position:relative;background-color:#eee;border-radius:6px;height:8px;width:247px}.capability__progress-bar--filled{position:absolute;top:0;left:0;background-color:#ea561d;border-radius:6px;height:8px}\n"], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: MapaCapabilityIntervalComponent, decorators: [{
             type: Component,
-            args: [{ selector: "mapa-capability-interval", template: "<ul class=\"capability__interval\" *ngIf=\"isSVG(); else progressBar\">\n  <li\n    class=\"capability__interval--item\"\n    *ngFor=\"let block of SVG; let i = index\"\n  >\n    <svg\n      xmlns=\"http://www.w3.org/2000/svg\"\n      width=\"19.7594\"\n      height=\"34.5789\"\n      fill=\"none\"\n      [class]=\"'svg_' + i + '_' + getWidth(i)\"\n    >\n      <defs *ngIf=\"hasTransform && i === indexTransform\">\n        <linearGradient [attr.id]=\"paintLinear\" gradientUnits=\"userSpaceOnUse\">\n          <stop [attr.offset]=\"getStartOffset()\" stop-color=\"#8C8F94\" />\n          <stop [attr.offset]=\"getStopOffset()\" stop-color=\"#D9D9D9\" />\n        </linearGradient>\n      </defs>\n      <rect\n        rx=\"6\"\n        x=\"0\"\n        y=\"0.710938\"\n        [attr.width]=\"SVG[i].width\"\n        [attr.height]=\"SVG[i].height\"\n        [attr.fill]=\"getFill(i)\"\n      />\n      <rect\n        *ngIf=\"hasTransform && i === indexTransform\"\n        rx=\"6\"\n        x=\"0\"\n        y=\"0.710938\"\n        [attr.width]=\"SVG[i].width\"\n        [attr.height]=\"SVG[i].height\"\n        [attr.fill]=\"getFillGradient()\"\n      />\n    </svg>\n  </li>\n  <li class=\"capability__interval--interval display-XG\" *ngIf=\"showInterval\">\n    {{ data.interval }}\n  </li>\n</ul>\n<ng-template #progressBar>\n  <div class=\"capability__progress-bar\">\n    <div class=\"capability__progress-bar--bg\">\n      <div\n        class=\"capability__progress-bar--filled\"\n        [style.width.%]=\"data.interval\"\n      ></div>\n    </div>\n    <div class=\"capability__interval--result\">\n      {{data.interval}}%\n    </div>\n  </div>\n</ng-template>\n", styles: [".capability__interval{font-family:SF-Pro;font-size:38px;font-style:normal;font-weight:500;display:flex;align-items:center;list-style-type:none;margin-block-start:0px;margin-block-end:0px;padding-inline-start:0px}.capability__interval--interval{margin:0 0 0 8px;text-align:right;width:56px}.capability__interval--item{border-radius:6px;margin-right:2px;width:21px;height:34px;position:relative}.capability__interval--item:last-of-type{margin-right:0}.capability__interval--percentage{background-color:#d9d9d9;height:34.57px}.capability__progress-bar{display:flex;align-items:center;justify-content:space-between;color:#2e2a2a;font-size:18px;font-style:normal;font-weight:400;width:331px}.capability__progress-bar--bg{position:relative;background-color:#eee;border-radius:6px;height:8px;width:247px}.capability__progress-bar--filled{position:absolute;top:0;left:0;background-color:#ea561d;border-radius:6px;height:8px}\n"] }]
+            args: [{ selector: "mapa-capability-interval", template: "<ul class=\"capability__interval\" *ngIf=\"isSVG(); else progressBar\">\n  <li\n    class=\"capability__interval--item\"\n    *ngFor=\"let block of SVG; let i = index\"\n  >\n    <svg\n      xmlns=\"http://www.w3.org/2000/svg\"\n      width=\"19.7594\"\n      height=\"34.5789\"\n      fill=\"none\"\n      [class]=\"'svg_' + i + '_' + getWidth(i)\"\n    >\n      <defs *ngIf=\"hasTransform && i === indexTransform\">\n        <linearGradient [attr.id]=\"paintLinear\" gradientUnits=\"userSpaceOnUse\">\n          <stop [attr.offset]=\"getStartOffset()\" stop-color=\"#8C8F94\" />\n          <stop [attr.offset]=\"getStopOffset()\" stop-color=\"#D9D9D9\" />\n        </linearGradient>\n      </defs>\n      <rect\n        rx=\"6\"\n        x=\"0\"\n        y=\"0.710938\"\n        [attr.width]=\"SVG[i].width\"\n        [attr.height]=\"SVG[i].height\"\n        [attr.fill]=\"getFill(i)\"\n      />\n      <rect\n        *ngIf=\"hasTransform && i === indexTransform\"\n        rx=\"6\"\n        x=\"0\"\n        y=\"0.710938\"\n        [attr.width]=\"SVG[i].width\"\n        [attr.height]=\"SVG[i].height\"\n        [attr.fill]=\"getFillGradient()\"\n      />\n    </svg>\n  </li>\n  <li class=\"capability__interval--interval display-XG\" *ngIf=\"showInterval\">\n    {{ data.interval }}\n  </li>\n</ul>\n<ng-template #progressBar>\n  <div class=\"capability__progress-bar\">\n    <div class=\"capability__progress-bar--bg\">\n      <div\n        class=\"capability__progress-bar--filled\"\n        [style.width.%]=\"data.interval\"\n      ></div>\n    </div>\n    <div class=\"capability__interval--result\" *ngIf=\"showInterval\">\n      {{data.interval}}%\n    </div>\n  </div>\n</ng-template>\n", styles: [".capability__interval{font-family:SF-Pro;font-size:38px;font-style:normal;font-weight:500;display:flex;align-items:center;list-style-type:none;margin-block-start:0px;margin-block-end:0px;padding-inline-start:0px}.capability__interval--interval{margin:0 0 0 8px;text-align:right;width:56px}.capability__interval--item{border-radius:6px;margin-right:2px;width:21px;height:34px;position:relative}.capability__interval--item:last-of-type{margin-right:0}.capability__interval--percentage{background-color:#d9d9d9;height:34.57px}.capability__progress-bar{display:flex;align-items:center;justify-content:space-between;color:#2e2a2a;font-size:18px;font-style:normal;font-weight:400;width:310px}.capability__progress-bar--bg{position:relative;background-color:#eee;border-radius:6px;height:8px;width:247px}.capability__progress-bar--filled{position:absolute;top:0;left:0;background-color:#ea561d;border-radius:6px;height:8px}\n"] }]
         }], ctorParameters: function () { return []; }, propDecorators: { data: [{
                 type: Input
             }], showInterval: [{
@@ -978,7 +978,7 @@ class MapaCapabilityDetailComponent {
     constructor(classification) {
         this.classification = classification;
         this.expanded = new Set();
-        this.showInterval = true;
+        this.showTagInterval = true;
     }
     ngOnInit() {
         if (this.isExpanded) {
@@ -1019,13 +1019,17 @@ class MapaCapabilityDetailComponent {
     }
 }
 MapaCapabilityDetailComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: MapaCapabilityDetailComponent, deps: [{ token: CapabilityClassificationService }], 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", showTagInterval: "showTagInterval", isExpanded: "isExpanded" }, viewQueries: [{ propertyName: "accordion", first: true, predicate: ["detailAccordion"], descendants: true }], ngImport: i0, template: "<mat-accordion class=\"capability-detail\" #detailAccordion=\"matAccordion\" multi>\n  <mat-expansion-panel *ngFor=\"let capability of data; let i = index\" [expanded]=\"expanded.has(i)\" >\n    <mat-expansion-panel-header>\n      <div class=\"capability__item--header\">\n        <div class=\"capability__item--title-dots\">\n          <div class=\"capability__item--title display-L\">\n            {{ capability.name }}\n            <span class=\"capability__item--title-tag\" *ngIf=\"showTagInterval\">\n              <mapa-tag [tag]=\"createTag(capability)\">\n                <mapa-capability-dot\n                  *ngIf=\"capability.classificationColor\"\n                  [item]=\"capability\"\n                  [capability]=\"capability\"\n                ></mapa-capability-dot>\n                {{ classification.getByItem(capability).name }}\n              </mapa-tag>\n            </span>\n          </div>\n\n          <div class=\"capability__item--dots\" *ngIf=\"isSVG(capability)\">\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]=\"showTagInterval\">\n          <mapa-capability-interval-bar\n            [data]=\"capability\"\n            [expanded]=\"expanded.has(i)\"\n            [showInterval]=\"!showTagInterval\"\n            (clicked)=\"showMore(i)\"\n            reusable-interval-bar\n          ></mapa-capability-interval-bar>\n        </div>\n      </div>\n    </mat-expansion-panel-header>\n    <mapa-capability-expand [data]=\"capability\"></mapa-capability-expand>\n  </mat-expansion-panel>\n</mat-accordion>\n\n<!--\n<section class=\"capability\">\n  <div class=\"capability__core\">\n    <div\n      *ngFor=\"let capability of data; let i = index\"\n      class=\"capability__item\"\n    >\n      <div class=\"capability__item--header\">\n        <div class=\"capability__item--title-dots\">\n          <div class=\"capability__item--title display-L\">\n            {{ capability.name }}\n            <span class=\"capability__item--title-tag\" *ngIf=\"showTagInterval\">\n              <mapa-tag [tag]=\"createTag()\">\n                <mapa-capability-dot\n                  [item]=\"capability\"\n                  [capability]=\"capability\"\n                ></mapa-capability-dot>\n\n                {{ classification.getByItem(capability).name }}\n              </mapa-tag>\n            </span>\n          </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]=\"showTagInterval\">\n          <mapa-capability-interval-bar\n            [data]=\"capability\"\n            [expanded]=\"expanded.has(i)\"\n            [showInterval]=\"!showTagInterval\"\n            (clicked)=\"showMore(i)\"\n            reusable-interval-bar\n          ></mapa-capability-interval-bar>\n        </div>\n      </div>\n      <div\n        [class.capability__item--show]=\"expanded.has(i)\"\n        [class.capability__item--hide]=\"!expanded.has(i)\"\n      >\n        <mapa-capability-expand [data]=\"capability\"></mapa-capability-expand>\n      </div>\n    </div>\n  </div>\n</section>\n-->\n", styles: [".capability-detail .mat-expansion-panel{border-radius:0!important}.capability-detail .mat-expansion-panel-spacing{margin:unset!important}.capability-detail .mat-expansion-panel:last-of-type{border-bottom-right-radius:16px!important;border-bottom-left-radius:16px!important}.capability-detail .mat-expansion-panel:first-of-type{border-top-right-radius:16px!important;border-top-left-radius:16px!important}.capability-detail .mat-expansion-panel-header{height:unset!important;padding:16px 24px!important}.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}.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;height:75px;width:98%}.capability__item--title{display:flex;align-items:center;white-space:nowrap}.capability__item--title-tag{margin-left:34px}.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}.capability__item--interval mapa-capability-interval-bar .capability-interval{width:267px}\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: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: MapaCapabilityDotComponent, selector: "mapa-capability-dot", inputs: ["type", "item", "tooltip", "capability"] }, { kind: "component", type: MapaCapabilityIntervalBarComponent, selector: "mapa-capability-interval-bar", inputs: ["data", "expanded", "showInterval"], outputs: ["clicked"] }, { kind: "component", type: MapaCapabilityExpandComponent, selector: "mapa-capability-expand", inputs: ["data"] }, { kind: "component", type: i6$1.TagComponent, selector: "mapa-tag", inputs: ["tag"] }, { kind: "directive", type: i7$1.MatAccordion, selector: "mat-accordion", inputs: ["multi", "hideToggle", "displayMode", "togglePosition"], exportAs: ["matAccordion"] }, { kind: "component", type: i7$1.MatExpansionPanel, selector: "mat-expansion-panel", inputs: ["disabled", "expanded", "hideToggle", "togglePosition"], outputs: ["opened", "closed", "expandedChange", "afterExpand", "afterCollapse"], exportAs: ["matExpansionPanel"] }, { kind: "component", type: i7$1.MatExpansionPanelHeader, selector: "mat-expansion-panel-header", inputs: ["tabIndex", "expandedHeight", "collapsedHeight"] }], 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", showTags: "showTags", showProgressBar: "showProgressBar", showInterval: "showInterval", isExpanded: "isExpanded" }, viewQueries: [{ propertyName: "accordion", first: true, predicate: ["detailAccordion"], descendants: true }], ngImport: i0, template: "<mat-accordion class=\"capability-detail\" #detailAccordion=\"matAccordion\" multi>\n  <mat-expansion-panel *ngFor=\"let capability of data; let i = index\" [expanded]=\"expanded.has(i)\" >\n    <mat-expansion-panel-header>\n      <div class=\"capability__item--header\">\n        <div class=\"capability__item--title-dots\">\n          <div class=\"capability__item--title display-L\">\n            {{ capability.name }}\n            <span class=\"capability__item--title-tag\" *ngIf=\"showTags\">\n              <mapa-tag [tag]=\"createTag(capability)\">\n                <mapa-capability-dot\n                  *ngIf=\"capability.classificationColor\"\n                  [item]=\"capability\"\n                  [capability]=\"capability\"\n                ></mapa-capability-dot>\n                {{ capability.classificationName }}\n              </mapa-tag>\n            </span>\n          </div>\n\n          <div class=\"capability__item--dots\" *ngIf=\"isSVG(capability)\">\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]=\"showProgressBar\">\n          <mapa-capability-interval-bar\n            [data]=\"capability\"\n            [expanded]=\"expanded.has(i)\"\n            [showInterval]=\"showInterval\"\n            (clicked)=\"showMore(i)\"\n            reusable-interval-bar\n          ></mapa-capability-interval-bar>\n        </div>\n      </div>\n    </mat-expansion-panel-header>\n    <mapa-capability-expand [data]=\"capability\"></mapa-capability-expand>\n  </mat-expansion-panel>\n</mat-accordion>\n\n<!--\n<section class=\"capability\">\n  <div class=\"capability__core\">\n    <div\n      *ngFor=\"let capability of data; let i = index\"\n      class=\"capability__item\"\n    >\n      <div class=\"capability__item--header\">\n        <div class=\"capability__item--title-dots\">\n          <div class=\"capability__item--title display-L\">\n            {{ capability.name }}\n            <span class=\"capability__item--title-tag\" *ngIf=\"showTagInterval\">\n              <mapa-tag [tag]=\"createTag()\">\n                <mapa-capability-dot\n                  [item]=\"capability\"\n                  [capability]=\"capability\"\n                ></mapa-capability-dot>\n\n                {{ classification.getByItem(capability).name }}\n              </mapa-tag>\n            </span>\n          </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]=\"showTagInterval\">\n          <mapa-capability-interval-bar\n            [data]=\"capability\"\n            [expanded]=\"expanded.has(i)\"\n            [showInterval]=\"!showTagInterval\"\n            (clicked)=\"showMore(i)\"\n            reusable-interval-bar\n          ></mapa-capability-interval-bar>\n        </div>\n      </div>\n      <div\n        [class.capability__item--show]=\"expanded.has(i)\"\n        [class.capability__item--hide]=\"!expanded.has(i)\"\n      >\n        <mapa-capability-expand [data]=\"capability\"></mapa-capability-expand>\n      </div>\n    </div>\n  </div>\n</section>\n-->\n", styles: [".capability-detail .mat-expansion-panel{border-radius:0!important}.capability-detail .mat-expansion-panel-spacing{margin:unset!important}.capability-detail .mat-expansion-panel:last-of-type{border-bottom-right-radius:16px!important;border-bottom-left-radius:16px!important}.capability-detail .mat-expansion-panel:first-of-type{border-top-right-radius:16px!important;border-top-left-radius:16px!important}.capability-detail .mat-expansion-panel-header{height:unset!important;padding:16px 24px!important}.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}.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;height:75px;width:98%}.capability__item--title{display:flex;align-items:center;white-space:nowrap}.capability__item--title-tag{margin-left:34px}.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: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: MapaCapabilityDotComponent, selector: "mapa-capability-dot", inputs: ["type", "item", "tooltip", "capability"] }, { kind: "component", type: MapaCapabilityIntervalBarComponent, selector: "mapa-capability-interval-bar", inputs: ["data", "expanded", "showInterval"], outputs: ["clicked"] }, { kind: "component", type: MapaCapabilityExpandComponent, selector: "mapa-capability-expand", inputs: ["data"] }, { kind: "component", type: i6$1.TagComponent, selector: "mapa-tag", inputs: ["tag"] }, { kind: "directive", type: i7$1.MatAccordion, selector: "mat-accordion", inputs: ["multi", "hideToggle", "displayMode", "togglePosition"], exportAs: ["matAccordion"] }, { kind: "component", type: i7$1.MatExpansionPanel, selector: "mat-expansion-panel", inputs: ["disabled", "expanded", "hideToggle", "togglePosition"], outputs: ["opened", "closed", "expandedChange", "afterExpand", "afterCollapse"], exportAs: ["matExpansionPanel"] }, { kind: "component", type: i7$1.MatExpansionPanelHeader, selector: "mat-expansion-panel-header", inputs: ["tabIndex", "expandedHeight", "collapsedHeight"] }], 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: "<mat-accordion class=\"capability-detail\" #detailAccordion=\"matAccordion\" multi>\n  <mat-expansion-panel *ngFor=\"let capability of data; let i = index\" [expanded]=\"expanded.has(i)\" >\n    <mat-expansion-panel-header>\n      <div class=\"capability__item--header\">\n        <div class=\"capability__item--title-dots\">\n          <div class=\"capability__item--title display-L\">\n            {{ capability.name }}\n            <span class=\"capability__item--title-tag\" *ngIf=\"showTagInterval\">\n              <mapa-tag [tag]=\"createTag(capability)\">\n                <mapa-capability-dot\n                  *ngIf=\"capability.classificationColor\"\n                  [item]=\"capability\"\n                  [capability]=\"capability\"\n                ></mapa-capability-dot>\n                {{ classification.getByItem(capability).name }}\n              </mapa-tag>\n            </span>\n          </div>\n\n          <div class=\"capability__item--dots\" *ngIf=\"isSVG(capability)\">\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]=\"showTagInterval\">\n          <mapa-capability-interval-bar\n            [data]=\"capability\"\n            [expanded]=\"expanded.has(i)\"\n            [showInterval]=\"!showTagInterval\"\n            (clicked)=\"showMore(i)\"\n            reusable-interval-bar\n          ></mapa-capability-interval-bar>\n        </div>\n      </div>\n    </mat-expansion-panel-header>\n    <mapa-capability-expand [data]=\"capability\"></mapa-capability-expand>\n  </mat-expansion-panel>\n</mat-accordion>\n\n<!--\n<section class=\"capability\">\n  <div class=\"capability__core\">\n    <div\n      *ngFor=\"let capability of data; let i = index\"\n      class=\"capability__item\"\n    >\n      <div class=\"capability__item--header\">\n        <div class=\"capability__item--title-dots\">\n          <div class=\"capability__item--title display-L\">\n            {{ capability.name }}\n            <span class=\"capability__item--title-tag\" *ngIf=\"showTagInterval\">\n              <mapa-tag [tag]=\"createTag()\">\n                <mapa-capability-dot\n                  [item]=\"capability\"\n                  [capability]=\"capability\"\n                ></mapa-capability-dot>\n\n                {{ classification.getByItem(capability).name }}\n              </mapa-tag>\n            </span>\n          </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]=\"showTagInterval\">\n          <mapa-capability-interval-bar\n            [data]=\"capability\"\n            [expanded]=\"expanded.has(i)\"\n            [showInterval]=\"!showTagInterval\"\n            (clicked)=\"showMore(i)\"\n            reusable-interval-bar\n          ></mapa-capability-interval-bar>\n        </div>\n      </div>\n      <div\n        [class.capability__item--show]=\"expanded.has(i)\"\n        [class.capability__item--hide]=\"!expanded.has(i)\"\n      >\n        <mapa-capability-expand [data]=\"capability\"></mapa-capability-expand>\n      </div>\n    </div>\n  </div>\n</section>\n-->\n", styles: [".capability-detail .mat-expansion-panel{border-radius:0!important}.capability-detail .mat-expansion-panel-spacing{margin:unset!important}.capability-detail .mat-expansion-panel:last-of-type{border-bottom-right-radius:16px!important;border-bottom-left-radius:16px!important}.capability-detail .mat-expansion-panel:first-of-type{border-top-right-radius:16px!important;border-top-left-radius:16px!important}.capability-detail .mat-expansion-panel-header{height:unset!important;padding:16px 24px!important}.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}.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;height:75px;width:98%}.capability__item--title{display:flex;align-items:center;white-space:nowrap}.capability__item--title-tag{margin-left:34px}.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}.capability__item--interval mapa-capability-interval-bar .capability-interval{width:267px}\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: "<mat-accordion class=\"capability-detail\" #detailAccordion=\"matAccordion\" multi>\n  <mat-expansion-panel *ngFor=\"let capability of data; let i = index\" [expanded]=\"expanded.has(i)\" >\n    <mat-expansion-panel-header>\n      <div class=\"capability__item--header\">\n        <div class=\"capability__item--title-dots\">\n          <div class=\"capability__item--title display-L\">\n            {{ capability.name }}\n            <span class=\"capability__item--title-tag\" *ngIf=\"showTags\">\n              <mapa-tag [tag]=\"createTag(capability)\">\n                <mapa-capability-dot\n                  *ngIf=\"capability.classificationColor\"\n                  [item]=\"capability\"\n                  [capability]=\"capability\"\n                ></mapa-capability-dot>\n                {{ capability.classificationName }}\n              </mapa-tag>\n            </span>\n          </div>\n\n          <div class=\"capability__item--dots\" *ngIf=\"isSVG(capability)\">\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]=\"showProgressBar\">\n          <mapa-capability-interval-bar\n            [data]=\"capability\"\n            [expanded]=\"expanded.has(i)\"\n            [showInterval]=\"showInterval\"\n            (clicked)=\"showMore(i)\"\n            reusable-interval-bar\n          ></mapa-capability-interval-bar>\n        </div>\n      </div>\n    </mat-expansion-panel-header>\n    <mapa-capability-expand [data]=\"capability\"></mapa-capability-expand>\n  </mat-expansion-panel>\n</mat-accordion>\n\n<!--\n<section class=\"capability\">\n  <div class=\"capability__core\">\n    <div\n      *ngFor=\"let capability of data; let i = index\"\n      class=\"capability__item\"\n    >\n      <div class=\"capability__item--header\">\n        <div class=\"capability__item--title-dots\">\n          <div class=\"capability__item--title display-L\">\n            {{ capability.name }}\n            <span class=\"capability__item--title-tag\" *ngIf=\"showTagInterval\">\n              <mapa-tag [tag]=\"createTag()\">\n                <mapa-capability-dot\n                  [item]=\"capability\"\n                  [capability]=\"capability\"\n                ></mapa-capability-dot>\n\n                {{ classification.getByItem(capability).name }}\n              </mapa-tag>\n            </span>\n          </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]=\"showTagInterval\">\n          <mapa-capability-interval-bar\n            [data]=\"capability\"\n            [expanded]=\"expanded.has(i)\"\n            [showInterval]=\"!showTagInterval\"\n            (clicked)=\"showMore(i)\"\n            reusable-interval-bar\n          ></mapa-capability-interval-bar>\n        </div>\n      </div>\n      <div\n        [class.capability__item--show]=\"expanded.has(i)\"\n        [class.capability__item--hide]=\"!expanded.has(i)\"\n      >\n        <mapa-capability-expand [data]=\"capability\"></mapa-capability-expand>\n      </div>\n    </div>\n  </div>\n</section>\n-->\n", styles: [".capability-detail .mat-expansion-panel{border-radius:0!important}.capability-detail .mat-expansion-panel-spacing{margin:unset!important}.capability-detail .mat-expansion-panel:last-of-type{border-bottom-right-radius:16px!important;border-bottom-left-radius:16px!important}.capability-detail .mat-expansion-panel:first-of-type{border-top-right-radius:16px!important;border-top-left-radius:16px!important}.capability-detail .mat-expansion-panel-header{height:unset!important;padding:16px 24px!important}.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}.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;height:75px;width:98%}.capability__item--title{display:flex;align-items:center;white-space:nowrap}.capability__item--title-tag{margin-left:34px}.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"] }]
         }], ctorParameters: function () { return [{ type: CapabilityClassificationService }]; }, propDecorators: { data: [{
                 type: Input
-            }], showTagInterval: [{
+            }], showTags: [{
+                type: Input
+            }], showProgressBar: [{
+                type: Input
+            }], showInterval: [{
                 type: Input
             }], isExpanded: [{
                 type: Input