mapa-library-ui 0.21.2 → 0.22.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/esm2020/src/lib/components/capability/lib/components/capability/src/capability-detail/capability-detail.component.mjs +5 -3
- package/esm2020/src/lib/components/capability/lib/components/capability/src/capability-detail/capability-detail.module.mjs +8 -4
- package/esm2020/src/lib/components/capability/lib/components/capability/src/capability-expand/capability-expand.component.mjs +3 -3
- package/esm2020/src/lib/components/capability/lib/components/capability/src/capability-interval/capability-interval.component.mjs +2 -2
- package/esm2020/src/lib/components/capability/lib/components/capability/src/capability-interval-bar/capability-interval-bar.component.mjs +4 -34
- package/fesm2015/mapa-library-ui-src-lib-components-capability.mjs +17 -38
- package/fesm2015/mapa-library-ui-src-lib-components-capability.mjs.map +1 -1
- package/fesm2020/mapa-library-ui-src-lib-components-capability.mjs +17 -38
- package/fesm2020/mapa-library-ui-src-lib-components-capability.mjs.map +1 -1
- package/mapa-library-ui-0.22.1.tgz +0 -0
- package/package.json +1 -1
- package/src/lib/components/capability/lib/components/capability/src/capability-detail/capability-detail.component.d.ts +1 -0
- package/src/lib/components/capability/lib/components/capability/src/capability-detail/capability-detail.module.d.ts +2 -1
- package/src/lib/components/capability/lib/components/capability/src/capability-interval-bar/capability-interval-bar.component.d.ts +2 -6
- package/mapa-library-ui-0.21.2.tgz +0 -0
|
@@ -6,10 +6,12 @@ import * as i3 from "../capability-dot/capability-dot.component";
|
|
|
6
6
|
import * as i4 from "../capability-interval-bar/capability-interval-bar.component";
|
|
7
7
|
import * as i5 from "../capability-expand/capability-expand.component";
|
|
8
8
|
import * as i6 from "mapa-library-ui/src/lib/components/tag";
|
|
9
|
+
import * as i7 from "@angular/material/expansion";
|
|
9
10
|
export class MapaCapabilityDetailComponent {
|
|
10
11
|
constructor(classification) {
|
|
11
12
|
this.classification = classification;
|
|
12
13
|
this.expanded = new Set();
|
|
14
|
+
this.showInterval = true;
|
|
13
15
|
}
|
|
14
16
|
sortItemsByinterval(items) {
|
|
15
17
|
return items?.sort((a, b) => b.interval - a.interval);
|
|
@@ -32,13 +34,13 @@ export class MapaCapabilityDetailComponent {
|
|
|
32
34
|
}
|
|
33
35
|
}
|
|
34
36
|
MapaCapabilityDetailComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: MapaCapabilityDetailComponent, deps: [{ token: i1.CapabilityClassificationService }], target: i0.ɵɵFactoryTarget.Component });
|
|
35
|
-
MapaCapabilityDetailComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: MapaCapabilityDetailComponent, selector: "mapa-capability-detail", inputs: { data: "data", showTagInterval: "showTagInterval" }, ngImport: i0, template: "<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 size=\"small\">\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", styles: [".capability{border-radius:16px}.capability h1{font-family:SF-Pro;font-size:32px;font-style:normal;font-weight:400;line-height:40px}.capability__core{border:1px solid #DCDCDE;border-radius:16px;background-color:#fff}.capability__item{padding:24px;position:relative}.capability__item:hover{box-shadow:0 4px 4px #00000021}.capability__item:not(:only-child){border-bottom:1px solid #dcdcde}.capability__item:first-child{border-radius:16px 16px 0 0}.capability__item:last-child{border-bottom:unset;border-radius:0 0 16px 16px}.capability__item--hide{opacity:0;max-height:0;height:0}.capability__item--hide>*{display:none!important;opacity:0!important;max-height:0!important;height:0!important;margin:0!important;padding:0!important;flex:0}.capability__item--show{opacity:1;max-height:100%;height:100%}.capability__item--header{display:flex;align-items:center;justify-content:space-between}.capability__item--title{display:flex;align-items:center}.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: ["color", "size"] }], encapsulation: i0.ViewEncapsulation.None });
|
|
37
|
+
MapaCapabilityDetailComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: MapaCapabilityDetailComponent, selector: "mapa-capability-detail", inputs: { data: "data", showTagInterval: "showTagInterval" }, ngImport: i0, template: "<mat-accordion>\n <mat-expansion-panel *ngFor=\"let capability of data; let i = index\">\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 size=\"small\">\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 </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 size=\"small\">\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: [".mat-expansion-panel{border-radius:0!important}.mat-expansion-panel-spacing{margin:unset!important}.mat-accordion .mat-expansion-panel:last-of-type{border-bottom-right-radius:16px!important;border-bottom-left-radius:16px!important}.mat-accordion .mat-expansion-panel:first-of-type{border-top-right-radius:16px!important;border-top-left-radius:16px!important}.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: ["color", "size"] }, { 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 });
|
|
36
38
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: MapaCapabilityDetailComponent, decorators: [{
|
|
37
39
|
type: Component,
|
|
38
|
-
args: [{ selector: "mapa-capability-detail", encapsulation: ViewEncapsulation.None, template: "<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 size=\"small\">\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", styles: [".capability{border-radius:16px}.capability h1{font-family:SF-Pro;font-size:32px;font-style:normal;font-weight:400;line-height:40px}.capability__core{border:1px solid #DCDCDE;border-radius:16px;background-color:#fff}.capability__item{padding:24px;position:relative}.capability__item:hover{box-shadow:0 4px 4px #00000021}.capability__item:not(:only-child){border-bottom:1px solid #dcdcde}.capability__item:first-child{border-radius:16px 16px 0 0}.capability__item:last-child{border-bottom:unset;border-radius:0 0 16px 16px}.capability__item--hide{opacity:0;max-height:0;height:0}.capability__item--hide>*{display:none!important;opacity:0!important;max-height:0!important;height:0!important;margin:0!important;padding:0!important;flex:0}.capability__item--show{opacity:1;max-height:100%;height:100%}.capability__item--header{display:flex;align-items:center;justify-content:space-between}.capability__item--title{display:flex;align-items:center}.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"] }]
|
|
40
|
+
args: [{ selector: "mapa-capability-detail", encapsulation: ViewEncapsulation.None, template: "<mat-accordion>\n <mat-expansion-panel *ngFor=\"let capability of data; let i = index\">\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 size=\"small\">\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 </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 size=\"small\">\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: [".mat-expansion-panel{border-radius:0!important}.mat-expansion-panel-spacing{margin:unset!important}.mat-accordion .mat-expansion-panel:last-of-type{border-bottom-right-radius:16px!important;border-bottom-left-radius:16px!important}.mat-accordion .mat-expansion-panel:first-of-type{border-top-right-radius:16px!important;border-top-left-radius:16px!important}.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"] }]
|
|
39
41
|
}], ctorParameters: function () { return [{ type: i1.CapabilityClassificationService }]; }, propDecorators: { data: [{
|
|
40
42
|
type: Input
|
|
41
43
|
}], showTagInterval: [{
|
|
42
44
|
type: Input
|
|
43
45
|
}] } });
|
|
44
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
46
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2FwYWJpbGl0eS1kZXRhaWwuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbWFwYS1saWJyYXJ5LXVpL3NyYy9saWIvY29tcG9uZW50cy9jYXBhYmlsaXR5L3NyYy9jYXBhYmlsaXR5LWRldGFpbC9jYXBhYmlsaXR5LWRldGFpbC5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9tYXBhLWxpYnJhcnktdWkvc3JjL2xpYi9jb21wb25lbnRzL2NhcGFiaWxpdHkvc3JjL2NhcGFiaWxpdHktZGV0YWlsL2NhcGFiaWxpdHktZGV0YWlsLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFDTCxTQUFTLEVBQ1QsS0FBSyxFQUNMLGlCQUFpQixHQUNsQixNQUFNLGVBQWUsQ0FBQzs7Ozs7Ozs7O0FBYXZCLE1BQU0sT0FBTyw2QkFBNkI7SUFNeEMsWUFBbUIsY0FBK0M7UUFBL0MsbUJBQWMsR0FBZCxjQUFjLENBQWlDO1FBSDNELGFBQVEsR0FBRyxJQUFJLEdBQUcsRUFBVSxDQUFDO1FBQzdCLGlCQUFZLEdBQUcsSUFBSSxDQUFDO0lBRTBDLENBQUM7SUFDdEUsbUJBQW1CLENBQUMsS0FBWTtRQUM5QixPQUFPLEtBQUssRUFBRSxJQUFJLENBQUMsQ0FBQyxDQUFNLEVBQUUsQ0FBTSxFQUFFLEVBQUUsQ0FBQyxDQUFDLENBQUMsUUFBUSxHQUFHLENBQUMsQ0FBQyxRQUFRLENBQUMsQ0FBQztJQUNsRSxDQUFDO0lBRUQsUUFBUSxDQUFDLEtBQWE7UUFDcEIsSUFBSSxJQUFJLENBQUMsUUFBUSxDQUFDLEdBQUcsQ0FBQyxLQUFLLENBQUMsRUFBRTtZQUM1QixJQUFJLENBQUMsUUFBUSxDQUFDLE1BQU0sQ0FBQyxLQUFLLENBQUMsQ0FBQztTQUM3QjthQUFNO1lBQ0wsSUFBSSxDQUFDLFFBQVEsQ0FBQyxHQUFHLENBQUMsS0FBSyxDQUFDLENBQUM7U0FDMUI7SUFDSCxDQUFDO0lBRUQsU0FBUztRQUNQLElBQUksSUFBSSxDQUFDLFFBQVEsQ0FBQyxJQUFJLEtBQUssSUFBSSxDQUFDLElBQUksQ0FBQyxNQUFNLEVBQUU7WUFDM0MsSUFBSSxDQUFDLFFBQVEsQ0FBQyxLQUFLLEVBQUUsQ0FBQztTQUN2QjthQUFNO1lBQ0wsSUFBSSxDQUFDLFFBQVEsR0FBRyxJQUFJLEdBQUcsQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLEdBQUcsQ0FBQyxDQUFDLENBQUMsRUFBRSxDQUFDLEVBQUUsRUFBRSxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUM7U0FDckQ7SUFDSCxDQUFDOzsySEF6QlUsNkJBQTZCOytHQUE3Qiw2QkFBNkIsNEhDakIxQyxvN0dBbUdBOzRGRGxGYSw2QkFBNkI7a0JBVHpDLFNBQVM7K0JBQ0Usd0JBQXdCLGlCQU1uQixpQkFBaUIsQ0FBQyxJQUFJO3NIQUc1QixJQUFJO3NCQUFaLEtBQUs7Z0JBQ0csZUFBZTtzQkFBdkIsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XG4gIENvbXBvbmVudCxcbiAgSW5wdXQsXG4gIFZpZXdFbmNhcHN1bGF0aW9uLFxufSBmcm9tIFwiQGFuZ3VsYXIvY29yZVwiO1xuaW1wb3J0IHsgQ2FwYWJpbGl0eSB9IGZyb20gXCIuLi9lc3NlbnRpYWxzL2ludGVyZmFjZXMvY2FwYWJpbGl0eS5pbnRlcmZhY2VcIjtcbmltcG9ydCB7IENhcGFiaWxpdHlDbGFzc2lmaWNhdGlvblNlcnZpY2UgfSBmcm9tIFwiLi4vLi4vcHVibGljLWFwaVwiO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6IFwibWFwYS1jYXBhYmlsaXR5LWRldGFpbFwiLFxuICB0ZW1wbGF0ZVVybDogXCIuL2NhcGFiaWxpdHktZGV0YWlsLmNvbXBvbmVudC5odG1sXCIsXG4gIHN0eWxlVXJsczogW1xuICAgIFwiLi9jYXBhYmlsaXR5LWRldGFpbC5jb21wb25lbnQuc2Nzc1wiLFxuICAgIFwiLi8uLi8uLi9zdHlsZXMvY2FwYWJpbGl0eS5zY3NzXCIsXG4gIF0sXG4gIGVuY2Fwc3VsYXRpb246IFZpZXdFbmNhcHN1bGF0aW9uLk5vbmUsXG59KVxuZXhwb3J0IGNsYXNzIE1hcGFDYXBhYmlsaXR5RGV0YWlsQ29tcG9uZW50IHtcbiAgQElucHV0KCkgZGF0YSE6IENhcGFiaWxpdHlbXTtcbiAgQElucHV0KCkgc2hvd1RhZ0ludGVydmFsITogYm9vbGVhbjtcbiAgcHVibGljIGV4cGFuZGVkID0gbmV3IFNldDxudW1iZXI+KCk7XG4gIHB1YmxpYyBzaG93SW50ZXJ2YWwgPSB0cnVlO1xuXG4gIGNvbnN0cnVjdG9yKHB1YmxpYyBjbGFzc2lmaWNhdGlvbjogQ2FwYWJpbGl0eUNsYXNzaWZpY2F0aW9uU2VydmljZSkge31cbiAgc29ydEl0ZW1zQnlpbnRlcnZhbChpdGVtczogYW55W10pOiBhbnlbXSB7XG4gICAgcmV0dXJuIGl0ZW1zPy5zb3J0KChhOiBhbnksIGI6IGFueSkgPT4gYi5pbnRlcnZhbCAtIGEuaW50ZXJ2YWwpO1xuICB9XG5cbiAgc2hvd01vcmUoaW5kZXg6IG51bWJlcik6IHZvaWQge1xuICAgIGlmICh0aGlzLmV4cGFuZGVkLmhhcyhpbmRleCkpIHtcbiAgICAgIHRoaXMuZXhwYW5kZWQuZGVsZXRlKGluZGV4KTtcbiAgICB9IGVsc2Uge1xuICAgICAgdGhpcy5leHBhbmRlZC5hZGQoaW5kZXgpO1xuICAgIH1cbiAgfVxuXG4gIHRvZ2dsZUFsbCgpOiB2b2lkIHtcbiAgICBpZiAodGhpcy5leHBhbmRlZC5zaXplID09PSB0aGlzLmRhdGEubGVuZ3RoKSB7XG4gICAgICB0aGlzLmV4cGFuZGVkLmNsZWFyKCk7XG4gICAgfSBlbHNlIHtcbiAgICAgIHRoaXMuZXhwYW5kZWQgPSBuZXcgU2V0KHRoaXMuZGF0YS5tYXAoKF8sIGkpID0+IGkpKTtcbiAgICB9XG4gIH1cbn1cbiIsIjxtYXQtYWNjb3JkaW9uPlxuICA8bWF0LWV4cGFuc2lvbi1wYW5lbCAqbmdGb3I9XCJsZXQgY2FwYWJpbGl0eSBvZiBkYXRhOyBsZXQgaSA9IGluZGV4XCI+XG4gICAgPG1hdC1leHBhbnNpb24tcGFuZWwtaGVhZGVyPlxuICAgICAgPGRpdiBjbGFzcz1cImNhcGFiaWxpdHlfX2l0ZW0tLWhlYWRlclwiPlxuICAgICAgICA8ZGl2IGNsYXNzPVwiY2FwYWJpbGl0eV9faXRlbS0tdGl0bGUtZG90c1wiPlxuICAgICAgICAgIDxkaXYgY2xhc3M9XCJjYXBhYmlsaXR5X19pdGVtLS10aXRsZSBkaXNwbGF5LUxcIj5cbiAgICAgICAgICAgIHt7IGNhcGFiaWxpdHkubmFtZSB9fVxuICAgICAgICAgICAgPHNwYW4gY2xhc3M9XCJjYXBhYmlsaXR5X19pdGVtLS10aXRsZS10YWdcIiAqbmdJZj1cInNob3dUYWdJbnRlcnZhbFwiPlxuICAgICAgICAgICAgICA8bWFwYS10YWcgc2l6ZT1cInNtYWxsXCI+XG4gICAgICAgICAgICAgICAgPG1hcGEtY2FwYWJpbGl0eS1kb3RcbiAgICAgICAgICAgICAgICAgIFtpdGVtXT1cImNhcGFiaWxpdHlcIlxuICAgICAgICAgICAgICAgICAgW2NhcGFiaWxpdHldPVwiY2FwYWJpbGl0eVwiXG4gICAgICAgICAgICAgICAgPjwvbWFwYS1jYXBhYmlsaXR5LWRvdD5cblxuICAgICAgICAgICAgICAgIHt7IGNsYXNzaWZpY2F0aW9uLmdldEJ5SXRlbShjYXBhYmlsaXR5KS5uYW1lIH19XG4gICAgICAgICAgICAgIDwvbWFwYS10YWc+XG4gICAgICAgICAgICA8L3NwYW4+XG4gICAgICAgICAgPC9kaXY+XG5cbiAgICAgICAgICA8ZGl2IGNsYXNzPVwiY2FwYWJpbGl0eV9faXRlbS0tZG90c1wiPlxuICAgICAgICAgICAgPG1hcGEtY2FwYWJpbGl0eS1kb3RcbiAgICAgICAgICAgICAgKm5nRm9yPVwibGV0IGl0ZW0gb2Ygc29ydEl0ZW1zQnlpbnRlcnZhbChjYXBhYmlsaXR5Lml0ZW1zKVwiXG4gICAgICAgICAgICAgIHR5cGU9XCJzbWFsbFwiXG4gICAgICAgICAgICAgIFtpdGVtXT1cIml0ZW1cIlxuICAgICAgICAgICAgICBbY2FwYWJpbGl0eV09XCJjYXBhYmlsaXR5XCJcbiAgICAgICAgICAgICAgW3Rvb2x0aXBdPVwidHJ1ZVwiXG4gICAgICAgICAgICA+PC9tYXBhLWNhcGFiaWxpdHktZG90PlxuICAgICAgICAgIDwvZGl2PlxuICAgICAgICA8L2Rpdj5cblxuICAgICAgICA8ZGl2IFtjbGFzcy5jYXBhYmlsaXR5X19pdGVtLS1pbnRlcnZhbF09XCJzaG93VGFnSW50ZXJ2YWxcIj5cbiAgICAgICAgICA8bWFwYS1jYXBhYmlsaXR5LWludGVydmFsLWJhclxuICAgICAgICAgICAgW2RhdGFdPVwiY2FwYWJpbGl0eVwiXG4gICAgICAgICAgICBbZXhwYW5kZWRdPVwiZXhwYW5kZWQuaGFzKGkpXCJcbiAgICAgICAgICAgIFtzaG93SW50ZXJ2YWxdPVwiIXNob3dUYWdJbnRlcnZhbFwiXG4gICAgICAgICAgICAoY2xpY2tlZCk9XCJzaG93TW9yZShpKVwiXG4gICAgICAgICAgICByZXVzYWJsZS1pbnRlcnZhbC1iYXJcbiAgICAgICAgICA+PC9tYXBhLWNhcGFiaWxpdHktaW50ZXJ2YWwtYmFyPlxuICAgICAgICA8L2Rpdj5cbiAgICAgIDwvZGl2PlxuICAgIDwvbWF0LWV4cGFuc2lvbi1wYW5lbC1oZWFkZXI+XG4gICAgPG1hcGEtY2FwYWJpbGl0eS1leHBhbmQgW2RhdGFdPVwiY2FwYWJpbGl0eVwiPjwvbWFwYS1jYXBhYmlsaXR5LWV4cGFuZD5cbiAgPC9tYXQtZXhwYW5zaW9uLXBhbmVsPlxuPC9tYXQtYWNjb3JkaW9uPlxuXG48IS0tXG48c2VjdGlvbiBjbGFzcz1cImNhcGFiaWxpdHlcIj5cbiAgPGRpdiBjbGFzcz1cImNhcGFiaWxpdHlfX2NvcmVcIj5cbiAgICA8ZGl2XG4gICAgICAqbmdGb3I9XCJsZXQgY2FwYWJpbGl0eSBvZiBkYXRhOyBsZXQgaSA9IGluZGV4XCJcbiAgICAgIGNsYXNzPVwiY2FwYWJpbGl0eV9faXRlbVwiXG4gICAgPlxuICAgICAgPGRpdiBjbGFzcz1cImNhcGFiaWxpdHlfX2l0ZW0tLWhlYWRlclwiPlxuICAgICAgICA8ZGl2IGNsYXNzPVwiY2FwYWJpbGl0eV9faXRlbS0tdGl0bGUtZG90c1wiPlxuICAgICAgICAgIDxkaXYgY2xhc3M9XCJjYXBhYmlsaXR5X19pdGVtLS10aXRsZSBkaXNwbGF5LUxcIj5cbiAgICAgICAgICAgIHt7IGNhcGFiaWxpdHkubmFtZSB9fVxuICAgICAgICAgICAgPHNwYW4gY2xhc3M9XCJjYXBhYmlsaXR5X19pdGVtLS10aXRsZS10YWdcIiAqbmdJZj1cInNob3dUYWdJbnRlcnZhbFwiPlxuICAgICAgICAgICAgICA8bWFwYS10YWcgc2l6ZT1cInNtYWxsXCI+XG4gICAgICAgICAgICAgICAgPG1hcGEtY2FwYWJpbGl0eS1kb3RcbiAgICAgICAgICAgICAgICAgIFtpdGVtXT1cImNhcGFiaWxpdHlcIlxuICAgICAgICAgICAgICAgICAgW2NhcGFiaWxpdHldPVwiY2FwYWJpbGl0eVwiXG4gICAgICAgICAgICAgICAgPjwvbWFwYS1jYXBhYmlsaXR5LWRvdD5cblxuICAgICAgICAgICAgICAgIHt7IGNsYXNzaWZpY2F0aW9uLmdldEJ5SXRlbShjYXBhYmlsaXR5KS5uYW1lIH19XG4gICAgICAgICAgICAgIDwvbWFwYS10YWc+XG4gICAgICAgICAgICA8L3NwYW4+XG4gICAgICAgICAgPC9kaXY+XG5cbiAgICAgICAgICA8ZGl2IGNsYXNzPVwiY2FwYWJpbGl0eV9faXRlbS0tZG90c1wiPlxuICAgICAgICAgICAgPG1hcGEtY2FwYWJpbGl0eS1kb3RcbiAgICAgICAgICAgICAgKm5nRm9yPVwibGV0IGl0ZW0gb2Ygc29ydEl0ZW1zQnlpbnRlcnZhbChjYXBhYmlsaXR5Lml0ZW1zKVwiXG4gICAgICAgICAgICAgIHR5cGU9XCJzbWFsbFwiXG4gICAgICAgICAgICAgIFtpdGVtXT1cIml0ZW1cIlxuICAgICAgICAgICAgICBbY2FwYWJpbGl0eV09XCJjYXBhYmlsaXR5XCJcbiAgICAgICAgICAgICAgW3Rvb2x0aXBdPVwidHJ1ZVwiXG4gICAgICAgICAgICA+PC9tYXBhLWNhcGFiaWxpdHktZG90PlxuICAgICAgICAgIDwvZGl2PlxuICAgICAgICA8L2Rpdj5cblxuICAgICAgICA8ZGl2IFtjbGFzcy5jYXBhYmlsaXR5X19pdGVtLS1pbnRlcnZhbF09XCJzaG93VGFnSW50ZXJ2YWxcIj5cbiAgICAgICAgICA8bWFwYS1jYXBhYmlsaXR5LWludGVydmFsLWJhclxuICAgICAgICAgICAgW2RhdGFdPVwiY2FwYWJpbGl0eVwiXG4gICAgICAgICAgICBbZXhwYW5kZWRdPVwiZXhwYW5kZWQuaGFzKGkpXCJcbiAgICAgICAgICAgIFtzaG93SW50ZXJ2YWxdPVwiIXNob3dUYWdJbnRlcnZhbFwiXG4gICAgICAgICAgICAoY2xpY2tlZCk9XCJzaG93TW9yZShpKVwiXG4gICAgICAgICAgICByZXVzYWJsZS1pbnRlcnZhbC1iYXJcbiAgICAgICAgICA+PC9tYXBhLWNhcGFiaWxpdHktaW50ZXJ2YWwtYmFyPlxuICAgICAgICA8L2Rpdj5cbiAgICAgIDwvZGl2PlxuICAgICAgPGRpdlxuICAgICAgICBbY2xhc3MuY2FwYWJpbGl0eV9faXRlbS0tc2hvd109XCJleHBhbmRlZC5oYXMoaSlcIlxuICAgICAgICBbY2xhc3MuY2FwYWJpbGl0eV9faXRlbS0taGlkZV09XCIhZXhwYW5kZWQuaGFzKGkpXCJcbiAgICAgID5cbiAgICAgICAgPG1hcGEtY2FwYWJpbGl0eS1leHBhbmQgW2RhdGFdPVwiY2FwYWJpbGl0eVwiPjwvbWFwYS1jYXBhYmlsaXR5LWV4cGFuZD5cbiAgICAgIDwvZGl2PlxuICAgIDwvZGl2PlxuICA8L2Rpdj5cbjwvc2VjdGlvbj5cbi0tPlxuIl19
|
|
@@ -10,6 +10,7 @@ import { ReusableCapabilityIntervalBarService } from "../essentials/services/reu
|
|
|
10
10
|
import { MapaCapabilityIntervalBarModule } from "../capability-interval-bar/capability-interval-bar.module";
|
|
11
11
|
import { MapaButtonModule } from "mapa-library-ui/src/lib/components/button";
|
|
12
12
|
import { MapaTagModule } from "mapa-library-ui/src/lib/components/tag";
|
|
13
|
+
import { MatExpansionModule } from '@angular/material/expansion';
|
|
13
14
|
import * as i0 from "@angular/core";
|
|
14
15
|
export class MapaCapabilityDetailModule {
|
|
15
16
|
}
|
|
@@ -22,7 +23,8 @@ MapaCapabilityDetailModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.
|
|
|
22
23
|
MapaCapabilityExpandModule,
|
|
23
24
|
MapaTagModule,
|
|
24
25
|
MapaButtonModule,
|
|
25
|
-
MatIconModule
|
|
26
|
+
MatIconModule,
|
|
27
|
+
MatExpansionModule], exports: [MapaCapabilityDetailComponent] });
|
|
26
28
|
MapaCapabilityDetailModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: MapaCapabilityDetailModule, providers: [
|
|
27
29
|
ReusableCapabilityIntervalBarService,
|
|
28
30
|
], imports: [CommonModule,
|
|
@@ -33,7 +35,8 @@ MapaCapabilityDetailModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.
|
|
|
33
35
|
MapaCapabilityExpandModule,
|
|
34
36
|
MapaTagModule,
|
|
35
37
|
MapaButtonModule,
|
|
36
|
-
MatIconModule
|
|
38
|
+
MatIconModule,
|
|
39
|
+
MatExpansionModule] });
|
|
37
40
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: MapaCapabilityDetailModule, decorators: [{
|
|
38
41
|
type: NgModule,
|
|
39
42
|
args: [{
|
|
@@ -50,11 +53,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
|
|
|
50
53
|
MapaCapabilityExpandModule,
|
|
51
54
|
MapaTagModule,
|
|
52
55
|
MapaButtonModule,
|
|
53
|
-
MatIconModule
|
|
56
|
+
MatIconModule,
|
|
57
|
+
MatExpansionModule
|
|
54
58
|
],
|
|
55
59
|
providers: [
|
|
56
60
|
ReusableCapabilityIntervalBarService,
|
|
57
61
|
],
|
|
58
62
|
}]
|
|
59
63
|
}] });
|
|
60
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
64
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2FwYWJpbGl0eS1kZXRhaWwubW9kdWxlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbWFwYS1saWJyYXJ5LXVpL3NyYy9saWIvY29tcG9uZW50cy9jYXBhYmlsaXR5L3NyYy9jYXBhYmlsaXR5LWRldGFpbC9jYXBhYmlsaXR5LWRldGFpbC5tb2R1bGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFFBQVEsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUN6QyxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDL0MsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLHdCQUF3QixDQUFDO0FBRXZELE9BQU8sRUFBRSw2QkFBNkIsRUFBRSxNQUFNLCtCQUErQixDQUFDO0FBQzlFLE9BQU8sRUFBRSx1QkFBdUIsRUFBRSxNQUFNLHlDQUF5QyxDQUFDO0FBRWxGLE9BQU8sRUFBRSw2QkFBNkIsRUFBRSxNQUFNLHFEQUFxRCxDQUFDO0FBQ3BHLE9BQU8sRUFBRSw0QkFBNEIsRUFBRSxNQUFNLG1EQUFtRCxDQUFDO0FBQ2pHLE9BQU8sRUFBRSwwQkFBMEIsRUFBRSxNQUFNLCtDQUErQyxDQUFDO0FBRTNGLE9BQU8sRUFBRSxvQ0FBb0MsRUFBRSxNQUFNLHNEQUFzRCxDQUFDO0FBQzVHLE9BQU8sRUFBRSwrQkFBK0IsRUFBRSxNQUFNLDJEQUEyRCxDQUFDO0FBRTVHLE9BQU8sRUFBRSxnQkFBZ0IsRUFBRSxNQUFNLDJDQUEyQyxDQUFDO0FBQzdFLE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSx3Q0FBd0MsQ0FBQztBQUN2RSxPQUFPLEVBQUMsa0JBQWtCLEVBQUMsTUFBTSw2QkFBNkIsQ0FBQzs7QUF1Qi9ELE1BQU0sT0FBTywwQkFBMEI7O3dIQUExQiwwQkFBMEI7eUhBQTFCLDBCQUEwQixpQkFuQm5DLDZCQUE2QixhQUk3QixZQUFZO1FBQ1osdUJBQXVCO1FBQ3ZCLDZCQUE2QjtRQUM3Qiw0QkFBNEI7UUFDNUIsK0JBQStCO1FBQy9CLDBCQUEwQjtRQUMxQixhQUFhO1FBQ2IsZ0JBQWdCO1FBQ2hCLGFBQWE7UUFDYixrQkFBa0IsYUFYViw2QkFBNkI7eUhBaUI1QiwwQkFBMEIsYUFKMUI7UUFDVCxvQ0FBb0M7S0FDckMsWUFiQyxZQUFZO1FBQ1osdUJBQXVCO1FBQ3ZCLDZCQUE2QjtRQUM3Qiw0QkFBNEI7UUFDNUIsK0JBQStCO1FBQy9CLDBCQUEwQjtRQUMxQixhQUFhO1FBQ2IsZ0JBQWdCO1FBQ2hCLGFBQWE7UUFDYixrQkFBa0I7NEZBTVQsMEJBQTBCO2tCQXJCdEMsUUFBUTttQkFBQztvQkFDUixZQUFZLEVBQUU7d0JBQ1osNkJBQTZCO3FCQUM5QjtvQkFDRCxPQUFPLEVBQUUsQ0FBQyw2QkFBNkIsQ0FBQztvQkFDeEMsT0FBTyxFQUFFO3dCQUNQLFlBQVk7d0JBQ1osdUJBQXVCO3dCQUN2Qiw2QkFBNkI7d0JBQzdCLDRCQUE0Qjt3QkFDNUIsK0JBQStCO3dCQUMvQiwwQkFBMEI7d0JBQzFCLGFBQWE7d0JBQ2IsZ0JBQWdCO3dCQUNoQixhQUFhO3dCQUNiLGtCQUFrQjtxQkFDbkI7b0JBQ0QsU0FBUyxFQUFFO3dCQUNULG9DQUFvQztxQkFDckM7aUJBQ0YiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBOZ01vZHVsZSB9IGZyb20gXCJAYW5ndWxhci9jb3JlXCI7XG5pbXBvcnQgeyBDb21tb25Nb2R1bGUgfSBmcm9tIFwiQGFuZ3VsYXIvY29tbW9uXCI7XG5pbXBvcnQgeyBNYXRJY29uTW9kdWxlIH0gZnJvbSBcIkBhbmd1bGFyL21hdGVyaWFsL2ljb25cIjtcblxuaW1wb3J0IHsgTWFwYUNhcGFiaWxpdHlEZXRhaWxDb21wb25lbnQgfSBmcm9tIFwiLi9jYXBhYmlsaXR5LWRldGFpbC5jb21wb25lbnRcIjtcbmltcG9ydCB7IE1hcGFDYXBhYmlsaXR5RG90TW9kdWxlIH0gZnJvbSBcIi4uL2NhcGFiaWxpdHktZG90L2NhcGFiaWxpdHktZG90Lm1vZHVsZVwiO1xuXG5pbXBvcnQgeyBNYXBhQ2FwYWJpbGl0eUluZGljYXRvck1vZHVsZSB9IGZyb20gXCIuLi9jYXBhYmlsaXR5LWluZGljYXRvci9jYXBhYmlsaXR5LWluZGljYXRvci5tb2R1bGVcIjtcbmltcG9ydCB7IE1hcGFDYXBhYmlsaXR5SW50ZXJ2YWxNb2R1bGUgfSBmcm9tIFwiLi4vY2FwYWJpbGl0eS1pbnRlcnZhbC9jYXBhYmlsaXR5LWludGVydmFsLm1vZHVsZVwiO1xuaW1wb3J0IHsgTWFwYUNhcGFiaWxpdHlFeHBhbmRNb2R1bGUgfSBmcm9tIFwiLi4vY2FwYWJpbGl0eS1leHBhbmQvY2FwYWJpbGl0eS1leHBhbmQubW9kdWxlXCI7XG5cbmltcG9ydCB7IFJldXNhYmxlQ2FwYWJpbGl0eUludGVydmFsQmFyU2VydmljZSB9IGZyb20gXCIuLi9lc3NlbnRpYWxzL3NlcnZpY2VzL3JldXNhYmxlLWludGVydmFsLWJhci5zZXJ2aWNlXCI7XG5pbXBvcnQgeyBNYXBhQ2FwYWJpbGl0eUludGVydmFsQmFyTW9kdWxlIH0gZnJvbSBcIi4uL2NhcGFiaWxpdHktaW50ZXJ2YWwtYmFyL2NhcGFiaWxpdHktaW50ZXJ2YWwtYmFyLm1vZHVsZVwiO1xuXG5pbXBvcnQgeyBNYXBhQnV0dG9uTW9kdWxlIH0gZnJvbSBcIm1hcGEtbGlicmFyeS11aS9zcmMvbGliL2NvbXBvbmVudHMvYnV0dG9uXCI7XG5pbXBvcnQgeyBNYXBhVGFnTW9kdWxlIH0gZnJvbSBcIm1hcGEtbGlicmFyeS11aS9zcmMvbGliL2NvbXBvbmVudHMvdGFnXCI7XG5pbXBvcnQge01hdEV4cGFuc2lvbk1vZHVsZX0gZnJvbSAnQGFuZ3VsYXIvbWF0ZXJpYWwvZXhwYW5zaW9uJztcblxuQE5nTW9kdWxlKHtcbiAgZGVjbGFyYXRpb25zOiBbXG4gICAgTWFwYUNhcGFiaWxpdHlEZXRhaWxDb21wb25lbnQsXG4gIF0sXG4gIGV4cG9ydHM6IFtNYXBhQ2FwYWJpbGl0eURldGFpbENvbXBvbmVudF0sXG4gIGltcG9ydHM6IFtcbiAgICBDb21tb25Nb2R1bGUsXG4gICAgTWFwYUNhcGFiaWxpdHlEb3RNb2R1bGUsXG4gICAgTWFwYUNhcGFiaWxpdHlJbmRpY2F0b3JNb2R1bGUsXG4gICAgTWFwYUNhcGFiaWxpdHlJbnRlcnZhbE1vZHVsZSxcbiAgICBNYXBhQ2FwYWJpbGl0eUludGVydmFsQmFyTW9kdWxlLFxuICAgIE1hcGFDYXBhYmlsaXR5RXhwYW5kTW9kdWxlLFxuICAgIE1hcGFUYWdNb2R1bGUsXG4gICAgTWFwYUJ1dHRvbk1vZHVsZSxcbiAgICBNYXRJY29uTW9kdWxlLFxuICAgIE1hdEV4cGFuc2lvbk1vZHVsZVxuICBdLFxuICBwcm92aWRlcnM6IFtcbiAgICBSZXVzYWJsZUNhcGFiaWxpdHlJbnRlcnZhbEJhclNlcnZpY2UsXG4gIF0sXG59KVxuZXhwb3J0IGNsYXNzIE1hcGFDYXBhYmlsaXR5RGV0YWlsTW9kdWxlIHt9XG4iXX0=
|
|
@@ -10,11 +10,11 @@ export class MapaCapabilityExpandComponent {
|
|
|
10
10
|
}
|
|
11
11
|
}
|
|
12
12
|
MapaCapabilityExpandComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: MapaCapabilityExpandComponent, deps: [{ token: i1.CapabilityClassificationService }], target: i0.ɵɵFactoryTarget.Component });
|
|
13
|
-
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
|
|
13
|
+
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.description\">\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 size=\"small\" class=\"capability__expanded--tag\">\n <mapa-capability-dot [item]=\"item\"></mapa-capability-dot>\n {{ classification.getByItem(item).name }}\n </mapa-tag>\n </div>\n\n <p class=\"classificationName\" *ngIf=\"item.description\">\n <strong *ngIf=\"!classification.getByItem(item).positive\"\n >\u2198\uFE0E Dire\u00E7\u00E3o Negativa</strong\n >\n <strong *ngIf=\"classification.getByItem(item).positive\"\n >\u2197 Dire\u00E7\u00E3o Positiva</strong\n >\n | {{ item.description }}\n </p>\n </div>\n</div>\n", styles: [".capability__concept{display:flex;flex:1 1 48%;gap:42px;margin:24px 0 60px}.capability__concept--content{width:48%}.capability__concept--title{color:#000;font-family:SF Pro Display;font-size:16px;font-style:normal;font-weight:600;line-height:24px;margin-bottom:8px}.capability__concept--text{color:#676767;font-family:SF-Pro;font-size:16px;font-style:normal;font-weight:400;line-height:24px}.capability__expanded{border-top:1px solid #CDCDCD;padding:36px 16px 16px;display:flex;flex-wrap:wrap;flex:0 0 30%;justify-content:flex-start;gap:30px}.capability__expanded--item{width:30%}.capability__expanded--item .name{display:flex;justify-content:space-between;margin-bottom:16px}.capability__expanded--item .classificationName{color:#8c8f94}.capability__expanded--item mapa-tag .mapa-tag--small{display:flex;align-items:center;gap:8px;padding:2px 8px 2px 3px!important;font-size:14px!important;font-style:normal;font-weight:400;height:18px}\n"], dependencies: [{ kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i3.TagComponent, selector: "mapa-tag", inputs: ["color", "size"] }, { kind: "component", type: i4.MapaCapabilityDotComponent, selector: "mapa-capability-dot", inputs: ["type", "item", "tooltip", "capability"] }], encapsulation: i0.ViewEncapsulation.None });
|
|
14
14
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: MapaCapabilityExpandComponent, decorators: [{
|
|
15
15
|
type: Component,
|
|
16
|
-
args: [{ selector: "mapa-capability-expand", encapsulation: ViewEncapsulation.None, template: "<div
|
|
16
|
+
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.description\">\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 size=\"small\" class=\"capability__expanded--tag\">\n <mapa-capability-dot [item]=\"item\"></mapa-capability-dot>\n {{ classification.getByItem(item).name }}\n </mapa-tag>\n </div>\n\n <p class=\"classificationName\" *ngIf=\"item.description\">\n <strong *ngIf=\"!classification.getByItem(item).positive\"\n >\u2198\uFE0E Dire\u00E7\u00E3o Negativa</strong\n >\n <strong *ngIf=\"classification.getByItem(item).positive\"\n >\u2197 Dire\u00E7\u00E3o Positiva</strong\n >\n | {{ item.description }}\n </p>\n </div>\n</div>\n", styles: [".capability__concept{display:flex;flex:1 1 48%;gap:42px;margin:24px 0 60px}.capability__concept--content{width:48%}.capability__concept--title{color:#000;font-family:SF Pro Display;font-size:16px;font-style:normal;font-weight:600;line-height:24px;margin-bottom:8px}.capability__concept--text{color:#676767;font-family:SF-Pro;font-size:16px;font-style:normal;font-weight:400;line-height:24px}.capability__expanded{border-top:1px solid #CDCDCD;padding:36px 16px 16px;display:flex;flex-wrap:wrap;flex:0 0 30%;justify-content:flex-start;gap:30px}.capability__expanded--item{width:30%}.capability__expanded--item .name{display:flex;justify-content:space-between;margin-bottom:16px}.capability__expanded--item .classificationName{color:#8c8f94}.capability__expanded--item mapa-tag .mapa-tag--small{display:flex;align-items:center;gap:8px;padding:2px 8px 2px 3px!important;font-size:14px!important;font-style:normal;font-weight:400;height:18px}\n"] }]
|
|
17
17
|
}], ctorParameters: function () { return [{ type: i1.CapabilityClassificationService }]; }, propDecorators: { data: [{
|
|
18
18
|
type: Input
|
|
19
19
|
}] } });
|
|
20
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
20
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2FwYWJpbGl0eS1leHBhbmQuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbWFwYS1saWJyYXJ5LXVpL3NyYy9saWIvY29tcG9uZW50cy9jYXBhYmlsaXR5L3NyYy9jYXBhYmlsaXR5LWV4cGFuZC9jYXBhYmlsaXR5LWV4cGFuZC5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9tYXBhLWxpYnJhcnktdWkvc3JjL2xpYi9jb21wb25lbnRzL2NhcGFiaWxpdHkvc3JjL2NhcGFiaWxpdHktZXhwYW5kL2NhcGFiaWxpdHktZXhwYW5kLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFFLGlCQUFpQixFQUFFLE1BQU0sZUFBZSxDQUFDOzs7Ozs7QUFXcEUsTUFBTSxPQUFPLDZCQUE2QjtJQUd4QyxZQUFtQixjQUErQztRQUEvQyxtQkFBYyxHQUFkLGNBQWMsQ0FBaUM7SUFBRyxDQUFDOzsySEFIM0QsNkJBQTZCOytHQUE3Qiw2QkFBNkIsd0ZDWDFDLDJ1REFrREE7NEZEdkNhLDZCQUE2QjtrQkFOekMsU0FBUzsrQkFDRSx3QkFBd0IsaUJBR25CLGlCQUFpQixDQUFDLElBQUk7c0hBRzVCLElBQUk7c0JBQVosS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgSW5wdXQsIFZpZXdFbmNhcHN1bGF0aW9uIH0gZnJvbSBcIkBhbmd1bGFyL2NvcmVcIjtcblxuaW1wb3J0IHsgQ2FwYWJpbGl0eSB9IGZyb20gXCIuLi9lc3NlbnRpYWxzL2ludGVyZmFjZXMvY2FwYWJpbGl0eS5pbnRlcmZhY2VcIjtcbmltcG9ydCB7IENhcGFiaWxpdHlDbGFzc2lmaWNhdGlvblNlcnZpY2UgfSBmcm9tIFwiLi4vZXNzZW50aWFscy9zZXJ2aWNlcy9jYXBhYmlsaXR5LWNsYXNzaWZpY2F0aW9uLnNlcnZpY2VcIjtcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiBcIm1hcGEtY2FwYWJpbGl0eS1leHBhbmRcIixcbiAgdGVtcGxhdGVVcmw6IFwiLi9jYXBhYmlsaXR5LWV4cGFuZC5jb21wb25lbnQuaHRtbFwiLFxuICBzdHlsZVVybHM6IFtcIi4vY2FwYWJpbGl0eS1leHBhbmQuY29tcG9uZW50LnNjc3NcIl0sXG4gIGVuY2Fwc3VsYXRpb246IFZpZXdFbmNhcHN1bGF0aW9uLk5vbmUsXG59KVxuZXhwb3J0IGNsYXNzIE1hcGFDYXBhYmlsaXR5RXhwYW5kQ29tcG9uZW50IHtcbiAgQElucHV0KCkgZGF0YSE6IENhcGFiaWxpdHk7XG4gIFxuICBjb25zdHJ1Y3RvcihwdWJsaWMgY2xhc3NpZmljYXRpb246IENhcGFiaWxpdHlDbGFzc2lmaWNhdGlvblNlcnZpY2UpIHt9XG59XG4iLCI8ZGl2XG4gIGNsYXNzPVwiY2FwYWJpbGl0eV9fY29uY2VwdFwiXG4gICpuZ0lmPVwiZGF0YS5jYXBhYmlsaXR5Q29uY2VwdD8uY29uY2VwdCB8fCBkYXRhLmNhcGFiaWxpdHlDb25jZXB0Py5yZXN1bHRcIlxuPlxuICA8ZGl2XG4gICAgY2xhc3M9XCJjYXBhYmlsaXR5X19jb25jZXB0LS1jb250ZW50XCJcbiAgICAqbmdJZj1cImRhdGEuY2FwYWJpbGl0eUNvbmNlcHQ/LmNvbmNlcHRcIlxuICA+XG4gICAgPGRpdiBjbGFzcz1cImNhcGFiaWxpdHlfX2NvbmNlcHQtLXRpdGxlXCI+Q29uY2VpdG88L2Rpdj5cbiAgICA8ZGl2IGNsYXNzPVwiY2FwYWJpbGl0eV9fY29uY2VwdC0tdGV4dFwiPlxuICAgICAge3sgZGF0YS5jYXBhYmlsaXR5Q29uY2VwdD8uY29uY2VwdCEgfX1cbiAgICA8L2Rpdj5cbiAgPC9kaXY+XG4gIDxkaXZcbiAgICBjbGFzcz1cImNhcGFiaWxpdHlfX2NvbmNlcHQtLWNvbnRlbnRcIlxuICAgICpuZ0lmPVwiZGF0YS5jYXBhYmlsaXR5Q29uY2VwdD8ucmVzdWx0XCJcbiAgPlxuICAgIDxkaXYgY2xhc3M9XCJjYXBhYmlsaXR5X19jb25jZXB0LS10aXRsZVwiPlJlc3VsdGFkbzwvZGl2PlxuICAgIDxkaXYgY2xhc3M9XCJjYXBhYmlsaXR5X19jb25jZXB0LS10ZXh0XCI+XG4gICAgICB7eyBkYXRhLmNhcGFiaWxpdHlDb25jZXB0Py5yZXN1bHQhIH19XG4gICAgPC9kaXY+XG4gIDwvZGl2PlxuPC9kaXY+XG48ZGl2IGNsYXNzPVwiY2FwYWJpbGl0eV9fZXhwYW5kZWRcIj5cbiAgPGRpdiAqbmdGb3I9XCJsZXQgaXRlbSBvZiBkYXRhLml0ZW1zXCIgY2xhc3M9XCJjYXBhYmlsaXR5X19leHBhbmRlZC0taXRlbVwiPlxuICAgIDxkaXYgY2xhc3M9XCJuYW1lXCI+XG4gICAgICA8ZGl2IGNsYXNzPVwiY2FwYWJpbGl0eV9fZXhwYW5kZWQtLW5hbWVcIj5cbiAgICAgICAgPHNwYW4gKm5nSWY9XCIhaXRlbS5kZXNjcmlwdGlvblwiPlxuICAgICAgICAgIDxzdHJvbmcgKm5nSWY9XCIhY2xhc3NpZmljYXRpb24uZ2V0QnlJdGVtKGl0ZW0pLnBvc2l0aXZlXCI+4oaY77iOIDwvc3Ryb25nPlxuICAgICAgICAgIDxzdHJvbmcgKm5nSWY9XCJjbGFzc2lmaWNhdGlvbi5nZXRCeUl0ZW0oaXRlbSkucG9zaXRpdmVcIj7ihpcgPC9zdHJvbmc+XG4gICAgICAgIDwvc3Bhbj5cbiAgICAgICAge3sgaXRlbS5uYW1lIH19XG4gICAgICA8L2Rpdj5cbiAgICAgIDxtYXBhLXRhZyBzaXplPVwic21hbGxcIiBjbGFzcz1cImNhcGFiaWxpdHlfX2V4cGFuZGVkLS10YWdcIj5cbiAgICAgICAgPG1hcGEtY2FwYWJpbGl0eS1kb3QgW2l0ZW1dPVwiaXRlbVwiPjwvbWFwYS1jYXBhYmlsaXR5LWRvdD5cbiAgICAgICAge3sgY2xhc3NpZmljYXRpb24uZ2V0QnlJdGVtKGl0ZW0pLm5hbWUgfX1cbiAgICAgIDwvbWFwYS10YWc+XG4gICAgPC9kaXY+XG5cbiAgICA8cCBjbGFzcz1cImNsYXNzaWZpY2F0aW9uTmFtZVwiICpuZ0lmPVwiaXRlbS5kZXNjcmlwdGlvblwiPlxuICAgICAgPHN0cm9uZyAqbmdJZj1cIiFjbGFzc2lmaWNhdGlvbi5nZXRCeUl0ZW0oaXRlbSkucG9zaXRpdmVcIlxuICAgICAgICA+4oaY77iOIERpcmXDp8OjbyBOZWdhdGl2YTwvc3Ryb25nXG4gICAgICA+XG4gICAgICA8c3Ryb25nICpuZ0lmPVwiY2xhc3NpZmljYXRpb24uZ2V0QnlJdGVtKGl0ZW0pLnBvc2l0aXZlXCJcbiAgICAgICAgPuKGlyBEaXJlw6fDo28gUG9zaXRpdmE8L3N0cm9uZ1xuICAgICAgPlxuICAgICAgfCB7eyBpdGVtLmRlc2NyaXB0aW9uIH19XG4gICAgPC9wPlxuICA8L2Rpdj5cbjwvZGl2PlxuIl19
|
|
@@ -66,10 +66,10 @@ export class MapaCapabilityIntervalComponent {
|
|
|
66
66
|
}
|
|
67
67
|
}
|
|
68
68
|
MapaCapabilityIntervalComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: MapaCapabilityIntervalComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
69
|
-
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\">\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", 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}.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}\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"] }] });
|
|
69
|
+
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\">\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", 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}\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"] }] });
|
|
70
70
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: MapaCapabilityIntervalComponent, decorators: [{
|
|
71
71
|
type: Component,
|
|
72
|
-
args: [{ selector: "mapa-capability-interval", template: "<ul class=\"capability__interval\">\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", 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}.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}\n"] }]
|
|
72
|
+
args: [{ selector: "mapa-capability-interval", template: "<ul class=\"capability__interval\">\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", 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}\n"] }]
|
|
73
73
|
}], ctorParameters: function () { return []; }, propDecorators: { data: [{
|
|
74
74
|
type: Input
|
|
75
75
|
}], showInterval: [{
|
|
@@ -1,9 +1,6 @@
|
|
|
1
1
|
import { Component, EventEmitter, Input, Output, ViewEncapsulation } from "@angular/core";
|
|
2
|
-
import { Md5 } from "ts-md5";
|
|
3
2
|
import * as i0 from "@angular/core";
|
|
4
|
-
import * as i1 from "
|
|
5
|
-
import * as i2 from "../../../button/src/button.component";
|
|
6
|
-
import * as i3 from "../capability-interval/capability-interval.component";
|
|
3
|
+
import * as i1 from "../capability-interval/capability-interval.component";
|
|
7
4
|
export class MapaCapabilityIntervalBarComponent {
|
|
8
5
|
constructor() {
|
|
9
6
|
this.clicked = new EventEmitter();
|
|
@@ -13,39 +10,12 @@ export class MapaCapabilityIntervalBarComponent {
|
|
|
13
10
|
this.isClicked = !this.isClicked;
|
|
14
11
|
});
|
|
15
12
|
}
|
|
16
|
-
ngOnInit() {
|
|
17
|
-
if (this.data) {
|
|
18
|
-
this.id = `capability-interval__${Md5.hashStr(this.data.name + "_" + Math.random().toString())}`;
|
|
19
|
-
setTimeout(() => {
|
|
20
|
-
const object = document.getElementById(this.id);
|
|
21
|
-
object.addEventListener("mouseenter", (e) => {
|
|
22
|
-
this.onHover();
|
|
23
|
-
}, {
|
|
24
|
-
passive: true,
|
|
25
|
-
});
|
|
26
|
-
object.addEventListener("mouseleave", (e) => {
|
|
27
|
-
this.onMouseOut();
|
|
28
|
-
}, {
|
|
29
|
-
passive: true,
|
|
30
|
-
});
|
|
31
|
-
}, 100);
|
|
32
|
-
}
|
|
33
|
-
}
|
|
34
|
-
onHover() {
|
|
35
|
-
this.isHovering = true;
|
|
36
|
-
}
|
|
37
|
-
onMouseOut() {
|
|
38
|
-
this.isHovering = false;
|
|
39
|
-
}
|
|
40
|
-
showMore() {
|
|
41
|
-
this.clicked.emit();
|
|
42
|
-
}
|
|
43
13
|
}
|
|
44
14
|
MapaCapabilityIntervalBarComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: MapaCapabilityIntervalBarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
45
|
-
MapaCapabilityIntervalBarComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: MapaCapabilityIntervalBarComponent, selector: "mapa-capability-interval-bar", inputs: { data: "data", expanded: "expanded", showInterval: "showInterval" }, outputs: { clicked: "clicked" }, ngImport: i0, template: "<section
|
|
15
|
+
MapaCapabilityIntervalBarComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: MapaCapabilityIntervalBarComponent, selector: "mapa-capability-interval-bar", inputs: { data: "data", expanded: "expanded", showInterval: "showInterval" }, outputs: { clicked: "clicked" }, ngImport: i0, template: "<section reusable-outlet class=\"capability-interval\">\n <section class=\"capability-interval__bar\">\n <mapa-capability-interval\n [data]=\"data\"\n [showInterval]=\"showInterval\"\n ></mapa-capability-interval>\n </section>\n</section>\n", styles: [".capability-interval{display:block;position:relative;height:72px;width:327px}.capability-interval__bar{border:1px solid #DCDCDE;border-radius:16px;display:flex;align-items:center;justify-content:center;padding:0 16px;max-height:72px;height:100%}.capability-interval__show-more{display:flex;align-items:center;justify-content:flex-end;max-height:72px;height:100%;width:100%}.capability-interval__show-more mapa-button,.capability-interval__show-more button{width:100%;justify-content:flex-end!important}.capability-interval--hide{opacity:0;max-height:0}.capability-interval--hide>*{opacity:0;max-height:0}.capability-interval--show{opacity:1;max-height:72px}\n"], dependencies: [{ kind: "component", type: i1.MapaCapabilityIntervalComponent, selector: "mapa-capability-interval", inputs: ["data", "showInterval"] }], encapsulation: i0.ViewEncapsulation.None });
|
|
46
16
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: MapaCapabilityIntervalBarComponent, decorators: [{
|
|
47
17
|
type: Component,
|
|
48
|
-
args: [{ selector: "mapa-capability-interval-bar", encapsulation: ViewEncapsulation.None, template: "<section
|
|
18
|
+
args: [{ selector: "mapa-capability-interval-bar", encapsulation: ViewEncapsulation.None, template: "<section reusable-outlet class=\"capability-interval\">\n <section class=\"capability-interval__bar\">\n <mapa-capability-interval\n [data]=\"data\"\n [showInterval]=\"showInterval\"\n ></mapa-capability-interval>\n </section>\n</section>\n", styles: [".capability-interval{display:block;position:relative;height:72px;width:327px}.capability-interval__bar{border:1px solid #DCDCDE;border-radius:16px;display:flex;align-items:center;justify-content:center;padding:0 16px;max-height:72px;height:100%}.capability-interval__show-more{display:flex;align-items:center;justify-content:flex-end;max-height:72px;height:100%;width:100%}.capability-interval__show-more mapa-button,.capability-interval__show-more button{width:100%;justify-content:flex-end!important}.capability-interval--hide{opacity:0;max-height:0}.capability-interval--hide>*{opacity:0;max-height:0}.capability-interval--show{opacity:1;max-height:72px}\n"] }]
|
|
49
19
|
}], ctorParameters: function () { return []; }, propDecorators: { data: [{
|
|
50
20
|
type: Input
|
|
51
21
|
}], expanded: [{
|
|
@@ -55,4 +25,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
|
|
|
55
25
|
}], clicked: [{
|
|
56
26
|
type: Output
|
|
57
27
|
}] } });
|
|
58
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
28
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2FwYWJpbGl0eS1pbnRlcnZhbC1iYXIuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbWFwYS1saWJyYXJ5LXVpL3NyYy9saWIvY29tcG9uZW50cy9jYXBhYmlsaXR5L3NyYy9jYXBhYmlsaXR5LWludGVydmFsLWJhci9jYXBhYmlsaXR5LWludGVydmFsLWJhci5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9tYXBhLWxpYnJhcnktdWkvc3JjL2xpYi9jb21wb25lbnRzL2NhcGFiaWxpdHkvc3JjL2NhcGFiaWxpdHktaW50ZXJ2YWwtYmFyL2NhcGFiaWxpdHktaW50ZXJ2YWwtYmFyLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsWUFBWSxFQUFFLEtBQUssRUFBVSxNQUFNLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSxlQUFlLENBQUM7OztBQVVsRyxNQUFNLE9BQU8sa0NBQWtDO0lBVzdDO1FBUFUsWUFBTyxHQUF1QixJQUFJLFlBQVksRUFBUSxDQUFDO1FBSTFELGVBQVUsR0FBRyxLQUFLLENBQUM7UUFDbkIsY0FBUyxHQUFHLEtBQUssQ0FBQztRQUd2QixJQUFJLENBQUMsT0FBTyxDQUFDLFNBQVMsQ0FBQyxDQUFDLEdBQUcsRUFBRSxFQUFFO1lBQzdCLElBQUksQ0FBQyxTQUFTLEdBQUcsQ0FBQyxJQUFJLENBQUMsU0FBUyxDQUFDO1FBQ25DLENBQUMsQ0FBQyxDQUFDO0lBQ0wsQ0FBQzs7Z0lBZlUsa0NBQWtDO29IQUFsQyxrQ0FBa0MsbUxDVi9DLG9RQVFBOzRGREVhLGtDQUFrQztrQkFOOUMsU0FBUzsrQkFDRSw4QkFBOEIsaUJBR3pCLGlCQUFpQixDQUFDLElBQUk7MEVBRzVCLElBQUk7c0JBQVosS0FBSztnQkFDRyxRQUFRO3NCQUFoQixLQUFLO2dCQUNHLFlBQVk7c0JBQXBCLEtBQUs7Z0JBQ0ksT0FBTztzQkFBaEIsTUFBTSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgRXZlbnRFbWl0dGVyLCBJbnB1dCwgT25Jbml0LCBPdXRwdXQsIFZpZXdFbmNhcHN1bGF0aW9uIH0gZnJvbSBcIkBhbmd1bGFyL2NvcmVcIjtcbmltcG9ydCB7IENhcGFiaWxpdHkgfSBmcm9tIFwiLi4vZXNzZW50aWFscy9pbnRlcmZhY2VzL2NhcGFiaWxpdHkuaW50ZXJmYWNlXCI7XG5pbXBvcnQgeyBNZDUgfSBmcm9tIFwidHMtbWQ1XCI7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogXCJtYXBhLWNhcGFiaWxpdHktaW50ZXJ2YWwtYmFyXCIsXG4gIHRlbXBsYXRlVXJsOiBcIi4vY2FwYWJpbGl0eS1pbnRlcnZhbC1iYXIuY29tcG9uZW50Lmh0bWxcIixcbiAgc3R5bGVVcmxzOiBbXCIuL2NhcGFiaWxpdHktaW50ZXJ2YWwtYmFyLmNvbXBvbmVudC5zY3NzXCJdLFxuICBlbmNhcHN1bGF0aW9uOiBWaWV3RW5jYXBzdWxhdGlvbi5Ob25lLFxufSlcbmV4cG9ydCBjbGFzcyBNYXBhQ2FwYWJpbGl0eUludGVydmFsQmFyQ29tcG9uZW50IHtcbiAgQElucHV0KCkgZGF0YSE6IENhcGFiaWxpdHk7XG4gIEBJbnB1dCgpIGV4cGFuZGVkPzogYm9vbGVhbjtcbiAgQElucHV0KCkgc2hvd0ludGVydmFsITogYm9vbGVhbjtcbiAgQE91dHB1dCgpIGNsaWNrZWQ6IEV2ZW50RW1pdHRlcjx2b2lkPiA9IG5ldyBFdmVudEVtaXR0ZXI8dm9pZD4oKTtcblxuICBpZCE6IHN0cmluZztcblxuICBwdWJsaWMgaXNIb3ZlcmluZyA9IGZhbHNlO1xuICBwdWJsaWMgaXNDbGlja2VkID0gZmFsc2U7XG5cbiAgY29uc3RydWN0b3IoKSB7XG4gICAgdGhpcy5jbGlja2VkLnN1YnNjcmliZSgocmVzKSA9PiB7XG4gICAgICB0aGlzLmlzQ2xpY2tlZCA9ICF0aGlzLmlzQ2xpY2tlZDtcbiAgICB9KTtcbiAgfVxufVxuIiwiPHNlY3Rpb24gcmV1c2FibGUtb3V0bGV0IGNsYXNzPVwiY2FwYWJpbGl0eS1pbnRlcnZhbFwiPlxuICA8c2VjdGlvbiBjbGFzcz1cImNhcGFiaWxpdHktaW50ZXJ2YWxfX2JhclwiPlxuICAgIDxtYXBhLWNhcGFiaWxpdHktaW50ZXJ2YWxcbiAgICAgIFtkYXRhXT1cImRhdGFcIlxuICAgICAgW3Nob3dJbnRlcnZhbF09XCJzaG93SW50ZXJ2YWxcIlxuICAgID48L21hcGEtY2FwYWJpbGl0eS1pbnRlcnZhbD5cbiAgPC9zZWN0aW9uPlxuPC9zZWN0aW9uPlxuIl19
|