mapa-library-ui 0.31.0 → 0.33.0

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

@@ -1 +1 @@
-{"version":3,"file":"mapa-library-ui-src-lib-components-button.mjs","sources":["../../../projects/mapa-library-ui/src/lib/components/button/src/button.component.ts","../../../projects/mapa-library-ui/src/lib/components/button/src/button.component.html","../../../projects/mapa-library-ui/src/lib/components/button/src/button.module.ts","../../../projects/mapa-library-ui/src/lib/components/button/public-api.ts","../../../projects/mapa-library-ui/src/lib/components/button/mapa-library-ui-src-lib-components-button.ts"],"sourcesContent":["import { Component, EventEmitter, Input, Output } from '@angular/core';\n\n@Component({\n  selector: 'mapa-button',\n  templateUrl: './button.component.html',\n  styleUrls: ['./button.component.scss']\n})\nexport class ButtonComponent {\n  @Input() color: 'primary' | 'accent' | 'basic' | null | undefined;\n  @Input() disabled!: boolean;\n  @Output() clicked: EventEmitter<void> = new EventEmitter<void>();\n\n  onClick(): void {\n    this.clicked.emit();\n  }\n}\n","<button\n  class=\"mapa-button\"\n  (click)=\"onClick()\"\n  [class.primary]=\"color === 'primary'\"\n  [class.accent]=\"color === 'accent'\"\n  [class.basic]=\"color === 'basic'\"\n  [disabled]=\"disabled\"\n>\n  <ng-content></ng-content>\n</button>  ","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\n\nimport { MatButtonModule } from '@angular/material/button';\n\nimport { ButtonComponent } from './button.component';\n\n@NgModule({\n  declarations: [ButtonComponent],\n  exports: [ButtonComponent],\n  imports: [CommonModule, MatButtonModule],\n})\nexport class MapaButtonModule {}\n","/*\n * Public API Surface of mapa-library-ui button\n */\n\nexport * from './src/button.component';\nexport * from './src/button.module';\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;;;;MAOa,eAAe,CAAA;AAL5B,IAAA,WAAA,GAAA;AAQY,QAAA,IAAA,CAAA,OAAO,GAAuB,IAAI,YAAY,EAAQ,CAAC;KAKlE;IAHC,OAAO,GAAA;AACL,QAAA,IAAI,CAAC,OAAO,CAAC,IAAI,EAAE,CAAC;KACrB;;6GAPU,eAAe,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAAf,eAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,eAAe,sICP5B,8PASW,EAAA,MAAA,EAAA,CAAA,ujBAAA,CAAA,EAAA,CAAA,CAAA;4FDFE,eAAe,EAAA,UAAA,EAAA,CAAA;kBAL3B,SAAS;+BACE,aAAa,EAAA,QAAA,EAAA,8PAAA,EAAA,MAAA,EAAA,CAAA,ujBAAA,CAAA,EAAA,CAAA;8BAKd,KAAK,EAAA,CAAA;sBAAb,KAAK;gBACG,QAAQ,EAAA,CAAA;sBAAhB,KAAK;gBACI,OAAO,EAAA,CAAA;sBAAhB,MAAM;;;MEEI,gBAAgB,CAAA;;8GAAhB,gBAAgB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA,CAAA;AAAhB,gBAAA,CAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,gBAAgB,iBAJZ,eAAe,CAAA,EAAA,OAAA,EAAA,CAEpB,YAAY,EAAE,eAAe,aAD7B,eAAe,CAAA,EAAA,CAAA,CAAA;+GAGd,gBAAgB,EAAA,OAAA,EAAA,CAFjB,YAAY,EAAE,eAAe,CAAA,EAAA,CAAA,CAAA;4FAE5B,gBAAgB,EAAA,UAAA,EAAA,CAAA;kBAL5B,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;oBACR,YAAY,EAAE,CAAC,eAAe,CAAC;oBAC/B,OAAO,EAAE,CAAC,eAAe,CAAC;AAC1B,oBAAA,OAAO,EAAE,CAAC,YAAY,EAAE,eAAe,CAAC;iBACzC,CAAA;;;ACXD;;AAEG;;ACFH;;AAEG;;;;"}
+{"version":3,"file":"mapa-library-ui-src-lib-components-button.mjs","sources":["../../../projects/mapa-library-ui/src/lib/components/button/src/button.component.ts","../../../projects/mapa-library-ui/src/lib/components/button/src/button.component.html","../../../projects/mapa-library-ui/src/lib/components/button/src/button.module.ts","../../../projects/mapa-library-ui/src/lib/components/button/public-api.ts","../../../projects/mapa-library-ui/src/lib/components/button/mapa-library-ui-src-lib-components-button.ts"],"sourcesContent":["import { Component, EventEmitter, Input, Output } from '@angular/core';\n\n@Component({\n  selector: 'mapa-button',\n  templateUrl: './button.component.html',\n  styleUrls: ['./button.component.scss']\n})\nexport class ButtonComponent {\n  @Input() color: 'primary' | 'accent' | 'basic' | null | undefined;\n  @Input() disabled!: boolean;\n  @Output() clicked: EventEmitter<void> = new EventEmitter<void>();\n\n  onClick(): void {\n    this.clicked.emit();\n  }\n}\n","<button\n  class=\"mapa-button\"\n  (click)=\"onClick()\"\n  [class.primary]=\"color === 'primary'\"\n  [class.accent]=\"color === 'accent'\"\n  [class.basic]=\"color === 'basic'\"\n  [disabled]=\"disabled\"\n>\n  <ng-content></ng-content>\n</button>  ","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\n\nimport { MatButtonModule } from '@angular/material/button';\n\nimport { ButtonComponent } from './button.component';\n\n@NgModule({\n  declarations: [ButtonComponent],\n  exports: [ButtonComponent],\n  imports: [CommonModule, MatButtonModule],\n})\nexport class MapaButtonModule {}\n","/*\n * Public API Surface of mapa-library-ui button\n */\n\nexport * from './src/button.component';\nexport * from './src/button.module';\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;;;;MAOa,eAAe,CAAA;AAL5B,IAAA,WAAA,GAAA;AAQY,QAAA,IAAA,CAAA,OAAO,GAAuB,IAAI,YAAY,EAAQ,CAAC;KAKlE;IAHC,OAAO,GAAA;AACL,QAAA,IAAI,CAAC,OAAO,CAAC,IAAI,EAAE,CAAC;KACrB;;6GAPU,eAAe,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAAf,eAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,eAAe,sICP5B,8PASW,EAAA,MAAA,EAAA,CAAA,ikBAAA,CAAA,EAAA,CAAA,CAAA;4FDFE,eAAe,EAAA,UAAA,EAAA,CAAA;kBAL3B,SAAS;+BACE,aAAa,EAAA,QAAA,EAAA,8PAAA,EAAA,MAAA,EAAA,CAAA,ikBAAA,CAAA,EAAA,CAAA;8BAKd,KAAK,EAAA,CAAA;sBAAb,KAAK;gBACG,QAAQ,EAAA,CAAA;sBAAhB,KAAK;gBACI,OAAO,EAAA,CAAA;sBAAhB,MAAM;;;MEEI,gBAAgB,CAAA;;8GAAhB,gBAAgB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA,CAAA;AAAhB,gBAAA,CAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,gBAAgB,iBAJZ,eAAe,CAAA,EAAA,OAAA,EAAA,CAEpB,YAAY,EAAE,eAAe,aAD7B,eAAe,CAAA,EAAA,CAAA,CAAA;+GAGd,gBAAgB,EAAA,OAAA,EAAA,CAFjB,YAAY,EAAE,eAAe,CAAA,EAAA,CAAA,CAAA;4FAE5B,gBAAgB,EAAA,UAAA,EAAA,CAAA;kBAL5B,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;oBACR,YAAY,EAAE,CAAC,eAAe,CAAC;oBAC/B,OAAO,EAAE,CAAC,eAAe,CAAC;AAC1B,oBAAA,OAAO,EAAE,CAAC,YAAY,EAAE,eAAe,CAAC;iBACzC,CAAA;;;ACXD;;AAEG;;ACFH;;AAEG;;;;"}

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

@@ -43,10 +43,10 @@ class ButtonComponent {
     }
 }
 ButtonComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-ButtonComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: ButtonComponent, selector: "mapa-button", inputs: { color: "color", disabled: "disabled" }, outputs: { clicked: "clicked" }, ngImport: i0, template: "<button\n  class=\"mapa-button\"\n  (click)=\"onClick()\"\n  [class.primary]=\"color === 'primary'\"\n  [class.accent]=\"color === 'accent'\"\n  [class.basic]=\"color === 'basic'\"\n  [disabled]=\"disabled\"\n>\n  <ng-content></ng-content>\n</button>  ", styles: [".mapa-button{display:flex;padding:14px 42px;justify-content:center;align-items:center;gap:10px;border-radius:28px;border:none;font-family:SF-Pro;font-weight:500;cursor:pointer;transform-origin:center;transition:transform .2s ease-in-out}.mapa-button:active{transform:scale(1.1)}.mapa-button:disabled{color:#dcdcde!important;background-color:transparent!important}.mapa-button.basic{color:#ea561d;background-color:transparent}.mapa-button.accent{border:1px solid #ea561d;color:#ea561d;background-color:#fff}.mapa-button.primary{background-color:#ea561d;color:#fff}\n"] });
+ButtonComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: ButtonComponent, selector: "mapa-button", inputs: { color: "color", disabled: "disabled" }, outputs: { clicked: "clicked" }, ngImport: i0, template: "<button\n  class=\"mapa-button\"\n  (click)=\"onClick()\"\n  [class.primary]=\"color === 'primary'\"\n  [class.accent]=\"color === 'accent'\"\n  [class.basic]=\"color === 'basic'\"\n  [disabled]=\"disabled\"\n>\n  <ng-content></ng-content>\n</button>  ", styles: [".mapa-button{display:flex;padding:14px 42px;justify-content:center;align-items:center;gap:10px;border-radius:28px;border:none;font-family:SF-Pro;font-weight:500;cursor:pointer;transform-origin:center;transition:transform .2s ease-in-out}.mapa-button:active{transform:scale(1.1)}.mapa-button:disabled{color:#dcdcde!important;background-color:transparent!important}.mapa-button.basic{color:#ea561d;background-color:transparent}.mapa-button.accent{border:2px solid #ea561d!important;color:#ea561d;background-color:#fff}.mapa-button.primary{background-color:#ea561d;color:#fff}\n"] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ButtonComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'mapa-button', template: "<button\n  class=\"mapa-button\"\n  (click)=\"onClick()\"\n  [class.primary]=\"color === 'primary'\"\n  [class.accent]=\"color === 'accent'\"\n  [class.basic]=\"color === 'basic'\"\n  [disabled]=\"disabled\"\n>\n  <ng-content></ng-content>\n</button>  ", styles: [".mapa-button{display:flex;padding:14px 42px;justify-content:center;align-items:center;gap:10px;border-radius:28px;border:none;font-family:SF-Pro;font-weight:500;cursor:pointer;transform-origin:center;transition:transform .2s ease-in-out}.mapa-button:active{transform:scale(1.1)}.mapa-button:disabled{color:#dcdcde!important;background-color:transparent!important}.mapa-button.basic{color:#ea561d;background-color:transparent}.mapa-button.accent{border:1px solid #ea561d;color:#ea561d;background-color:#fff}.mapa-button.primary{background-color:#ea561d;color:#fff}\n"] }]
+            args: [{ selector: 'mapa-button', template: "<button\n  class=\"mapa-button\"\n  (click)=\"onClick()\"\n  [class.primary]=\"color === 'primary'\"\n  [class.accent]=\"color === 'accent'\"\n  [class.basic]=\"color === 'basic'\"\n  [disabled]=\"disabled\"\n>\n  <ng-content></ng-content>\n</button>  ", styles: [".mapa-button{display:flex;padding:14px 42px;justify-content:center;align-items:center;gap:10px;border-radius:28px;border:none;font-family:SF-Pro;font-weight:500;cursor:pointer;transform-origin:center;transition:transform .2s ease-in-out}.mapa-button:active{transform:scale(1.1)}.mapa-button:disabled{color:#dcdcde!important;background-color:transparent!important}.mapa-button.basic{color:#ea561d;background-color:transparent}.mapa-button.accent{border:2px solid #ea561d!important;color:#ea561d;background-color:#fff}.mapa-button.primary{background-color:#ea561d;color:#fff}\n"] }]
         }], propDecorators: { color: [{
                 type: Input
             }], disabled: [{
@@ -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-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 });
+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;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-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"] }]
+            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;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
             }] } });