@the-liberators/ngx-scrumteamsurvey-tools 2.3.46 → 2.3.48

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.
Files changed (6) hide show
  1. package/fesm2022/the-liberators-ngx-scrumteamsurvey-tools.mjs +7 -4
  2. package/fesm2022/the-liberators-ngx-scrumteamsurvey-tools.mjs.map +1 -1
  3. package/lib/results/components/benchmark-indicator/benchmark-indicator.component.d.ts +1 -0
  4. package/lib/results/components/recommendation/recommendation.component.d.ts +1 -0
  5. package/lib/results/models/factorScoreDto.d.ts +1 -0
  6. package/package.json +1 -1
package/fesm2022/the-liberators-ngx-scrumteamsurvey-tools.mjs CHANGED
@@ -301,6 +301,7 @@ class FactorEffectDto {
301
301
  }
302
302
  var BenchmarkTypeEnum;
303
303
  (function (BenchmarkTypeEnum) {
304
+ BenchmarkTypeEnum["NoBenchmark"] = "NoBenchmark";
304
305
  BenchmarkTypeEnum["MostRecentSamples"] = "MostRecentSamples";
305
306
  BenchmarkTypeEnum["TopSamplesByExperience"] = "TopSamplesByExperience";
306
307
  BenchmarkTypeEnum["TopSamplesByEffectiveness"] = "TopSamplesByEffectiveness";
@@ -5788,14 +5789,15 @@ class BenchmarkIndicatorComponent {
5788
5789
  this.datePipe = datePipe;
5789
5790
  }
5790
5791
  ngOnInit() {
5792
+ this.benchmarkAvailable = this.factorScore.benchmark != 0;
5791
5793
  this.delta = this.factorScore.score - this.factorScore.benchmark;
5792
5794
  }
5793
5795
  static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.5", ngImport: i0, type: BenchmarkIndicatorComponent, deps: [{ token: i1$1.DatePipe }], target: i0.ɵɵFactoryTarget.Component }); }
5794
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.1.5", type: BenchmarkIndicatorComponent, isStandalone: false, selector: "benchmark-indicator", inputs: { factorScore: "factorScore" }, ngImport: i0, template: "<span [class]=\"'delta up'\" *ngIf=\"delta > 0\" [matTooltip]=\"'Your team(s) score higher than the benchmark, by ' + delta + ' points'\"><i [class]=\"'icon ph-arrow-up-fill'\"></i>{{delta}}</span>\n<span [class]=\"'delta down'\" *ngIf=\"delta < 0\" [matTooltip]=\"'Your team(s) score lower than the benchmark, by -' + delta * -1 + ' points'\"><i [class]=\"'icon ph-arrow-down-fill'\"></i>{{delta * -1}}</span>\n<span [class]=\"'delta same'\" *ngIf=\"delta == 0\" [matTooltip]=\"'Your team(s) score similar to the benchmark'\"><i [class]=\"'icon ph-equals-fill'\"></i>{{delta}}</span>\n", styles: [".smallTextUppercase{font-family:StevieSansThin,sans-serif;font-style:normal;font-weight:400;font-size:15px;line-height:140%;text-transform:uppercase;line-height:100%}.bigletteredbutton{-webkit-transition:all .25s ease-in-out;-moz-transition:all .25s ease-in-out;-o-transition:all .25s ease-in-out;transition:all .25s ease-in-out;text-decoration:none;background:#ffffff1a;margin-bottom:10px;display:flex;align-content:center;border-radius:20px;padding:15px;font-size:24px;border:2px solid #1F3F8F;border-bottom:6px solid #1F3F8F;color:#fff;align-items:center;cursor:pointer}.bigletteredbutton .free{font-family:StevieSansThin,sans-serif;font-style:normal;font-weight:400;font-size:15px;line-height:140%;background:#fff73f;color:#2f2f2f;padding:3px 5px;margin-left:20px;border-radius:10px}.bigletteredbutton .plan{font-family:StevieSansThin,sans-serif;font-style:normal;font-weight:400;font-size:15px;line-height:140%;background:#fff;color:#2f2f2f;padding:3px 5px;margin-left:20px;border-radius:10px}.bigletteredbutton:hover,.bigletteredbutton.selected{border:2px solid #fff73f;border-bottom:6px solid #fff73f}.bigletteredbutton .button-letter{-webkit-transition:all .25s ease-in-out;-moz-transition:all .25s ease-in-out;-o-transition:all .25s ease-in-out;transition:all .25s ease-in-out;font-family:StevieSans,sans-serif;border-radius:30px;height:52px;width:52px;min-width:52px;min-height:52px;font-weight:900;font-size:30px;line-height:100%;display:flex;align-items:center;justify-content:center;background:#fff73f;color:#1f3f8f;margin-right:20px}.bigletteredbutton .button-letter .ph{color:#1f3f8f}.bigletteredbutton .button-letter:hover{background:#1f3f8f;color:#fff73f}.bigletteredbutton .button-letter:hover .ph{color:#fff73f}.roundicon-yellow{-webkit-transition:all .25s ease-in-out;-moz-transition:all .25s ease-in-out;-o-transition:all .25s ease-in-out;transition:all .25s ease-in-out;font-family:StevieSans,sans-serif;border-radius:30px;height:52px;width:52px;min-width:52px;min-height:52px;font-weight:900;font-size:30px;line-height:100%;display:flex;align-items:center;justify-content:center;background:#fff73f;color:#1f3f8f}.roundicon-yellow .ph{color:#1f3f8f}.roundicon-yellow:hover{background:#1f3f8f;color:#fff73f}.roundicon-yellow:hover .ph{color:#fff73f}.roundicon{-webkit-transition:all .25s ease-in-out;-moz-transition:all .25s ease-in-out;-o-transition:all .25s ease-in-out;transition:all .25s ease-in-out;font-family:StevieSans,sans-serif;border-radius:30px;height:52px;width:52px;min-width:52px;min-height:52px;font-weight:900;font-size:30px;line-height:100%;display:flex;align-items:center;justify-content:center}.roundicon-large{-webkit-transition:all .25s ease-in-out;-moz-transition:all .25s ease-in-out;-o-transition:all .25s ease-in-out;transition:all .25s ease-in-out;font-family:StevieSans,sans-serif;height:52px;width:52px;min-width:52px;min-height:52px;font-weight:900;font-size:30px;line-height:100%;display:flex;align-items:center;justify-content:center;border-radius:60px;height:120px;width:120px}\n"], dependencies: [{ kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }] }); }
5796
+ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.1.5", type: BenchmarkIndicatorComponent, isStandalone: false, selector: "benchmark-indicator", inputs: { factorScore: "factorScore" }, ngImport: i0, template: "<span [class]=\"'delta up'\" *ngIf=\"delta > 0 && benchmarkAvailable\" [matTooltip]=\"'Your team(s) score higher than the benchmark, by ' + delta + ' points'\"><i [class]=\"'icon ph-arrow-up-fill'\"></i>{{delta}}</span>\n<span [class]=\"'delta down'\" *ngIf=\"delta < 0 && benchmarkAvailable\" [matTooltip]=\"'Your team(s) score lower than the benchmark, by -' + delta * -1 + ' points'\"><i [class]=\"'icon ph-arrow-down-fill'\"></i>{{delta * -1}}</span>\n<span [class]=\"'delta same'\" *ngIf=\"delta == 0 && benchmarkAvailable\" [matTooltip]=\"'Your team(s) score similar to the benchmark'\"><i [class]=\"'icon ph-equals-fill'\"></i>{{delta}}</span>\n", styles: [".smallTextUppercase{font-family:StevieSansThin,sans-serif;font-style:normal;font-weight:400;font-size:15px;line-height:140%;text-transform:uppercase;line-height:100%}.bigletteredbutton{-webkit-transition:all .25s ease-in-out;-moz-transition:all .25s ease-in-out;-o-transition:all .25s ease-in-out;transition:all .25s ease-in-out;text-decoration:none;background:#ffffff1a;margin-bottom:10px;display:flex;align-content:center;border-radius:20px;padding:15px;font-size:24px;border:2px solid #1F3F8F;border-bottom:6px solid #1F3F8F;color:#fff;align-items:center;cursor:pointer}.bigletteredbutton .free{font-family:StevieSansThin,sans-serif;font-style:normal;font-weight:400;font-size:15px;line-height:140%;background:#fff73f;color:#2f2f2f;padding:3px 5px;margin-left:20px;border-radius:10px}.bigletteredbutton .plan{font-family:StevieSansThin,sans-serif;font-style:normal;font-weight:400;font-size:15px;line-height:140%;background:#fff;color:#2f2f2f;padding:3px 5px;margin-left:20px;border-radius:10px}.bigletteredbutton:hover,.bigletteredbutton.selected{border:2px solid #fff73f;border-bottom:6px solid #fff73f}.bigletteredbutton .button-letter{-webkit-transition:all .25s ease-in-out;-moz-transition:all .25s ease-in-out;-o-transition:all .25s ease-in-out;transition:all .25s ease-in-out;font-family:StevieSans,sans-serif;border-radius:30px;height:52px;width:52px;min-width:52px;min-height:52px;font-weight:900;font-size:30px;line-height:100%;display:flex;align-items:center;justify-content:center;background:#fff73f;color:#1f3f8f;margin-right:20px}.bigletteredbutton .button-letter .ph{color:#1f3f8f}.bigletteredbutton .button-letter:hover{background:#1f3f8f;color:#fff73f}.bigletteredbutton .button-letter:hover .ph{color:#fff73f}.roundicon-yellow{-webkit-transition:all .25s ease-in-out;-moz-transition:all .25s ease-in-out;-o-transition:all .25s ease-in-out;transition:all .25s ease-in-out;font-family:StevieSans,sans-serif;border-radius:30px;height:52px;width:52px;min-width:52px;min-height:52px;font-weight:900;font-size:30px;line-height:100%;display:flex;align-items:center;justify-content:center;background:#fff73f;color:#1f3f8f}.roundicon-yellow .ph{color:#1f3f8f}.roundicon-yellow:hover{background:#1f3f8f;color:#fff73f}.roundicon-yellow:hover .ph{color:#fff73f}.roundicon{-webkit-transition:all .25s ease-in-out;-moz-transition:all .25s ease-in-out;-o-transition:all .25s ease-in-out;transition:all .25s ease-in-out;font-family:StevieSans,sans-serif;border-radius:30px;height:52px;width:52px;min-width:52px;min-height:52px;font-weight:900;font-size:30px;line-height:100%;display:flex;align-items:center;justify-content:center}.roundicon-large{-webkit-transition:all .25s ease-in-out;-moz-transition:all .25s ease-in-out;-o-transition:all .25s ease-in-out;transition:all .25s ease-in-out;font-family:StevieSans,sans-serif;height:52px;width:52px;min-width:52px;min-height:52px;font-weight:900;font-size:30px;line-height:100%;display:flex;align-items:center;justify-content:center;border-radius:60px;height:120px;width:120px}\n"], dependencies: [{ kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }] }); }
5795
5797
  }
5796
5798
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.5", ngImport: i0, type: BenchmarkIndicatorComponent, decorators: [{
5797
5799
  type: Component,
5798
- args: [{ selector: 'benchmark-indicator', standalone: false, template: "<span [class]=\"'delta up'\" *ngIf=\"delta > 0\" [matTooltip]=\"'Your team(s) score higher than the benchmark, by ' + delta + ' points'\"><i [class]=\"'icon ph-arrow-up-fill'\"></i>{{delta}}</span>\n<span [class]=\"'delta down'\" *ngIf=\"delta < 0\" [matTooltip]=\"'Your team(s) score lower than the benchmark, by -' + delta * -1 + ' points'\"><i [class]=\"'icon ph-arrow-down-fill'\"></i>{{delta * -1}}</span>\n<span [class]=\"'delta same'\" *ngIf=\"delta == 0\" [matTooltip]=\"'Your team(s) score similar to the benchmark'\"><i [class]=\"'icon ph-equals-fill'\"></i>{{delta}}</span>\n", styles: [".smallTextUppercase{font-family:StevieSansThin,sans-serif;font-style:normal;font-weight:400;font-size:15px;line-height:140%;text-transform:uppercase;line-height:100%}.bigletteredbutton{-webkit-transition:all .25s ease-in-out;-moz-transition:all .25s ease-in-out;-o-transition:all .25s ease-in-out;transition:all .25s ease-in-out;text-decoration:none;background:#ffffff1a;margin-bottom:10px;display:flex;align-content:center;border-radius:20px;padding:15px;font-size:24px;border:2px solid #1F3F8F;border-bottom:6px solid #1F3F8F;color:#fff;align-items:center;cursor:pointer}.bigletteredbutton .free{font-family:StevieSansThin,sans-serif;font-style:normal;font-weight:400;font-size:15px;line-height:140%;background:#fff73f;color:#2f2f2f;padding:3px 5px;margin-left:20px;border-radius:10px}.bigletteredbutton .plan{font-family:StevieSansThin,sans-serif;font-style:normal;font-weight:400;font-size:15px;line-height:140%;background:#fff;color:#2f2f2f;padding:3px 5px;margin-left:20px;border-radius:10px}.bigletteredbutton:hover,.bigletteredbutton.selected{border:2px solid #fff73f;border-bottom:6px solid #fff73f}.bigletteredbutton .button-letter{-webkit-transition:all .25s ease-in-out;-moz-transition:all .25s ease-in-out;-o-transition:all .25s ease-in-out;transition:all .25s ease-in-out;font-family:StevieSans,sans-serif;border-radius:30px;height:52px;width:52px;min-width:52px;min-height:52px;font-weight:900;font-size:30px;line-height:100%;display:flex;align-items:center;justify-content:center;background:#fff73f;color:#1f3f8f;margin-right:20px}.bigletteredbutton .button-letter .ph{color:#1f3f8f}.bigletteredbutton .button-letter:hover{background:#1f3f8f;color:#fff73f}.bigletteredbutton .button-letter:hover .ph{color:#fff73f}.roundicon-yellow{-webkit-transition:all .25s ease-in-out;-moz-transition:all .25s ease-in-out;-o-transition:all .25s ease-in-out;transition:all .25s ease-in-out;font-family:StevieSans,sans-serif;border-radius:30px;height:52px;width:52px;min-width:52px;min-height:52px;font-weight:900;font-size:30px;line-height:100%;display:flex;align-items:center;justify-content:center;background:#fff73f;color:#1f3f8f}.roundicon-yellow .ph{color:#1f3f8f}.roundicon-yellow:hover{background:#1f3f8f;color:#fff73f}.roundicon-yellow:hover .ph{color:#fff73f}.roundicon{-webkit-transition:all .25s ease-in-out;-moz-transition:all .25s ease-in-out;-o-transition:all .25s ease-in-out;transition:all .25s ease-in-out;font-family:StevieSans,sans-serif;border-radius:30px;height:52px;width:52px;min-width:52px;min-height:52px;font-weight:900;font-size:30px;line-height:100%;display:flex;align-items:center;justify-content:center}.roundicon-large{-webkit-transition:all .25s ease-in-out;-moz-transition:all .25s ease-in-out;-o-transition:all .25s ease-in-out;transition:all .25s ease-in-out;font-family:StevieSans,sans-serif;height:52px;width:52px;min-width:52px;min-height:52px;font-weight:900;font-size:30px;line-height:100%;display:flex;align-items:center;justify-content:center;border-radius:60px;height:120px;width:120px}\n"] }]
5800
+ args: [{ selector: 'benchmark-indicator', standalone: false, template: "<span [class]=\"'delta up'\" *ngIf=\"delta > 0 && benchmarkAvailable\" [matTooltip]=\"'Your team(s) score higher than the benchmark, by ' + delta + ' points'\"><i [class]=\"'icon ph-arrow-up-fill'\"></i>{{delta}}</span>\n<span [class]=\"'delta down'\" *ngIf=\"delta < 0 && benchmarkAvailable\" [matTooltip]=\"'Your team(s) score lower than the benchmark, by -' + delta * -1 + ' points'\"><i [class]=\"'icon ph-arrow-down-fill'\"></i>{{delta * -1}}</span>\n<span [class]=\"'delta same'\" *ngIf=\"delta == 0 && benchmarkAvailable\" [matTooltip]=\"'Your team(s) score similar to the benchmark'\"><i [class]=\"'icon ph-equals-fill'\"></i>{{delta}}</span>\n", styles: [".smallTextUppercase{font-family:StevieSansThin,sans-serif;font-style:normal;font-weight:400;font-size:15px;line-height:140%;text-transform:uppercase;line-height:100%}.bigletteredbutton{-webkit-transition:all .25s ease-in-out;-moz-transition:all .25s ease-in-out;-o-transition:all .25s ease-in-out;transition:all .25s ease-in-out;text-decoration:none;background:#ffffff1a;margin-bottom:10px;display:flex;align-content:center;border-radius:20px;padding:15px;font-size:24px;border:2px solid #1F3F8F;border-bottom:6px solid #1F3F8F;color:#fff;align-items:center;cursor:pointer}.bigletteredbutton .free{font-family:StevieSansThin,sans-serif;font-style:normal;font-weight:400;font-size:15px;line-height:140%;background:#fff73f;color:#2f2f2f;padding:3px 5px;margin-left:20px;border-radius:10px}.bigletteredbutton .plan{font-family:StevieSansThin,sans-serif;font-style:normal;font-weight:400;font-size:15px;line-height:140%;background:#fff;color:#2f2f2f;padding:3px 5px;margin-left:20px;border-radius:10px}.bigletteredbutton:hover,.bigletteredbutton.selected{border:2px solid #fff73f;border-bottom:6px solid #fff73f}.bigletteredbutton .button-letter{-webkit-transition:all .25s ease-in-out;-moz-transition:all .25s ease-in-out;-o-transition:all .25s ease-in-out;transition:all .25s ease-in-out;font-family:StevieSans,sans-serif;border-radius:30px;height:52px;width:52px;min-width:52px;min-height:52px;font-weight:900;font-size:30px;line-height:100%;display:flex;align-items:center;justify-content:center;background:#fff73f;color:#1f3f8f;margin-right:20px}.bigletteredbutton .button-letter .ph{color:#1f3f8f}.bigletteredbutton .button-letter:hover{background:#1f3f8f;color:#fff73f}.bigletteredbutton .button-letter:hover .ph{color:#fff73f}.roundicon-yellow{-webkit-transition:all .25s ease-in-out;-moz-transition:all .25s ease-in-out;-o-transition:all .25s ease-in-out;transition:all .25s ease-in-out;font-family:StevieSans,sans-serif;border-radius:30px;height:52px;width:52px;min-width:52px;min-height:52px;font-weight:900;font-size:30px;line-height:100%;display:flex;align-items:center;justify-content:center;background:#fff73f;color:#1f3f8f}.roundicon-yellow .ph{color:#1f3f8f}.roundicon-yellow:hover{background:#1f3f8f;color:#fff73f}.roundicon-yellow:hover .ph{color:#fff73f}.roundicon{-webkit-transition:all .25s ease-in-out;-moz-transition:all .25s ease-in-out;-o-transition:all .25s ease-in-out;transition:all .25s ease-in-out;font-family:StevieSans,sans-serif;border-radius:30px;height:52px;width:52px;min-width:52px;min-height:52px;font-weight:900;font-size:30px;line-height:100%;display:flex;align-items:center;justify-content:center}.roundicon-large{-webkit-transition:all .25s ease-in-out;-moz-transition:all .25s ease-in-out;-o-transition:all .25s ease-in-out;transition:all .25s ease-in-out;font-family:StevieSans,sans-serif;height:52px;width:52px;min-width:52px;min-height:52px;font-weight:900;font-size:30px;line-height:100%;display:flex;align-items:center;justify-content:center;border-radius:60px;height:120px;width:120px}\n"] }]
5799
5801
  }], ctorParameters: () => [{ type: i1$1.DatePipe }], propDecorators: { factorScore: [{
5800
5802
  type: Input
5801
5803
  }] } });
@@ -6982,14 +6984,15 @@ class RecommendationComponent extends ComponentWithViewStateBase {
6982
6984
  this.delta = data.factorScores.delta;
6983
6985
  this.qualifiedBy = data.factorScores.processingData.qualifiedBy;
6984
6986
  this.model = data.factorScores.modelStructure;
6987
+ this.benchmarkAvailable = data.factorScores.benchmark.type !== BenchmarkTypeEnum.NoBenchmark;
6985
6988
  }
6986
6989
  ;
6987
6990
  static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.5", ngImport: i0, type: RecommendationComponent, deps: [{ token: VIEWSTATE_PROVIDER }, { token: i1.MatSnackBar }, { token: i1$5.Router }], target: i0.ɵɵFactoryTarget.Component }); }
6988
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.1.5", type: RecommendationComponent, isStandalone: false, selector: "recommendation", inputs: { item: "item" }, usesInheritance: true, ngImport: i0, template: "<div [ngClass]=\"['wirebox', 'tip', 'index' + index]\" [attr.id]=\"'tip-' + item.key\">\n <div class=\"top\">\n <div class=\"name\">\n <div class=\"index\">{{index}}</div><h3>Invest in \"{{item.name}}\"</h3>\n </div>\n <div class=\"summary\" [innerHtml]=\"item.recommendation.summary\"></div>\n <div class=\"deltas\">\n <div class=\"delta-item\">benchmark <benchmark-indicator [factorScore]=\"item\"></benchmark-indicator></div>\n <div class=\"delta-item\" *ngIf=\"delta.available\">previous period <delta-arrow [factorScore]=\"item\" [delta]=\"delta\"></delta-arrow></div>\n <div class=\"delta-item\">impact <impact-indicator [factorScore]=\"item\"></impact-indicator></div>\n </div>\n </div>\n <div class=\"bottom insightsfromresearch\" *ngIf=\"item.recommendation.research\">\n <div class=\"titleandaction\" (click)=\"researchExpanded = !researchExpanded\">\n <h3>Insights from research</h3>\n <div class=\"unexpand action\" *ngIf=\"researchExpanded\">\n <span class=\"icon ph-minus-bold\"></span>\n </div>\n <div class=\"expand action\" *ngIf=\"!researchExpanded\">\n <span class=\"icon ph-plus-bold\"></span>\n </div>\n </div>\n <div class=\"research\" *ngIf=\"researchExpanded\">\n <div class=\"chunk summary\" [innerHtml]=\"item.recommendation.research\"></div>\n </div>\n </div>\n <div class=\"bottom howtoimprove\">\n <div class=\"titleandaction\" (click)=\"howToImproveExpanded = !howToImproveExpanded\">\n <h3>How to improve</h3>\n <div class=\"unexpand action\" *ngIf=\"howToImproveExpanded\">\n <span class=\"icon ph-minus-bold\"></span>\n </div>\n <div class=\"expand action\" *ngIf=\"!howToImproveExpanded\" >\n <span class=\"icon ph-plus-bold\"></span>\n </div>\n </div>\n <div class=\"howtoimprove\" *ngIf=\"howToImproveExpanded\">\n <div class=\"chunk summary\" [innerHtml]=\"item.recommendation.improve\"></div>\n <div class=\"chunk quicktips\">\n <p>Or try one or more quick actions with your team(s) to start small and simple:</p>\n <quicktips [dimensionKey]=\"item.key\"></quicktips>\n </div>\n <div class=\"chunk resources\" *ngIf=\"resources.length > 0\">\n <p>Or try one or more of these do-it-yourself workshops with your team(s) to start improving in this area:</p>\n <doityourselfworkshops [resources]=\"resources\" [factorScore]=\"item\"></doityourselfworkshops>\n </div>\n <div class=\"chunk predictors\" *ngIf=\"predictors.length > 0\">\n <p>Or you can improve in this area by investing in:</p>\n <ul *ngFor=\"let effect of predictors\">\n <li *ngIf=\"effect.type == 'IsPartOf'\"><a [routerLink]=\"[]\" factorInformationDialog [factor]=\"getFactor(effect.key)\">{{effect.name}}<span class=\"icon ph-info-fill\"></span></a>, which is an important part of {{item.name}}.</li>\n <li *ngIf=\"effect.type == 'IsPredictedBy'\"><a [routerLink]=\"[]\" factorInformationDialog [factor]=\"getFactor(effect.key)\">{{effect.name}}<span class=\"icon ph-info-fill\"></span></a>, which creates better conditions for {{item.name}}.</li>\n </ul>\n </div>\n <div class=\"chunk summary effects\" *ngIf=\"influences.length > 0\">\n <p>When you are successful, you're likely to see additional improvements in:</p>\n <ul *ngFor=\"let effect of influences\">\n <li><a [routerLink]=\"[]\" factorInformationDialog [factor]=\"getFactor(effect.key)\">{{effect.name}}<span class=\"icon ph-info-fill\"></span></a></li>\n </ul>\n </div>\n </div>\n </div>\n</div>\n", styles: [".smallTextUppercase{font-family:StevieSansThin,sans-serif;font-style:normal;font-weight:400;font-size:15px;line-height:140%;text-transform:uppercase;line-height:100%}.bigletteredbutton{-webkit-transition:all .25s ease-in-out;-moz-transition:all .25s ease-in-out;-o-transition:all .25s ease-in-out;transition:all .25s ease-in-out;text-decoration:none;background:#ffffff1a;margin-bottom:10px;display:flex;align-content:center;border-radius:20px;padding:15px;font-size:24px;border:2px solid #1F3F8F;border-bottom:6px solid #1F3F8F;color:#fff;align-items:center;cursor:pointer}.bigletteredbutton .free{font-family:StevieSansThin,sans-serif;font-style:normal;font-weight:400;font-size:15px;line-height:140%;background:#fff73f;color:#2f2f2f;padding:3px 5px;margin-left:20px;border-radius:10px}.bigletteredbutton .plan{font-family:StevieSansThin,sans-serif;font-style:normal;font-weight:400;font-size:15px;line-height:140%;background:#fff;color:#2f2f2f;padding:3px 5px;margin-left:20px;border-radius:10px}.bigletteredbutton:hover,.bigletteredbutton.selected{border:2px solid #fff73f;border-bottom:6px solid #fff73f}.bigletteredbutton .button-letter{-webkit-transition:all .25s ease-in-out;-moz-transition:all .25s ease-in-out;-o-transition:all .25s ease-in-out;transition:all .25s ease-in-out;font-family:StevieSans,sans-serif;border-radius:30px;height:52px;width:52px;min-width:52px;min-height:52px;font-weight:900;font-size:30px;line-height:100%;display:flex;align-items:center;justify-content:center;background:#fff73f;color:#1f3f8f;margin-right:20px}.bigletteredbutton .button-letter .ph{color:#1f3f8f}.bigletteredbutton .button-letter:hover{background:#1f3f8f;color:#fff73f}.bigletteredbutton .button-letter:hover .ph{color:#fff73f}.roundicon-yellow{-webkit-transition:all .25s ease-in-out;-moz-transition:all .25s ease-in-out;-o-transition:all .25s ease-in-out;transition:all .25s ease-in-out;font-family:StevieSans,sans-serif;border-radius:30px;height:52px;width:52px;min-width:52px;min-height:52px;font-weight:900;font-size:30px;line-height:100%;display:flex;align-items:center;justify-content:center;background:#fff73f;color:#1f3f8f}.roundicon-yellow .ph{color:#1f3f8f}.roundicon-yellow:hover{background:#1f3f8f;color:#fff73f}.roundicon-yellow:hover .ph{color:#fff73f}.roundicon{-webkit-transition:all .25s ease-in-out;-moz-transition:all .25s ease-in-out;-o-transition:all .25s ease-in-out;transition:all .25s ease-in-out;font-family:StevieSans,sans-serif;border-radius:30px;height:52px;width:52px;min-width:52px;min-height:52px;font-weight:900;font-size:30px;line-height:100%;display:flex;align-items:center;justify-content:center}.roundicon-large{-webkit-transition:all .25s ease-in-out;-moz-transition:all .25s ease-in-out;-o-transition:all .25s ease-in-out;transition:all .25s ease-in-out;font-family:StevieSans,sans-serif;height:52px;width:52px;min-width:52px;min-height:52px;font-weight:900;font-size:30px;line-height:100%;display:flex;align-items:center;justify-content:center;border-radius:60px;height:120px;width:120px}.tip{display:flex;flex-direction:column}.tip.index1 .top .name .index,.tip.index2 .top .name .index,.tip.index3 .top .name .index{background:#ef4f9f;color:#fff}.tip .top{padding-bottom:0!important}.tip .top .name{display:flex;align-items:center}.tip .top .name h3{flex:auto;font-style:normal;font-weight:600;font-size:30px;line-height:30px}.tip .top .name .index{width:50px;min-width:50px;height:50px;min-height:50px;display:flex;justify-content:center;align-items:center;border-radius:25px;background:#f0f0f0;margin-right:15px;font-weight:600;font-family:StevieSans,sans-serif}.tip .top .deltas{margin-bottom:15px}.tip .bottom .titleandaction{cursor:pointer}.tip .summary{margin-top:15px;margin-bottom:15px}.tip .chunk{margin-bottom:30px}.tip .chunk:last-of-type{margin-bottom:0}.tip .chunk p{font-family:StevieSansThin,sans-serif;font-style:normal;font-weight:400;line-height:140%}.tip .chunk ul{line-height:130%}.tip .chunk ul li a{text-decoration:none;font-weight:600}.tip .chunk ul li .icon{margin-left:4px;vertical-align:middle}.tip .expand .icon,.tip .unexpand .icon{font-size:28px;vertical-align:middle}.tip .resources h3{margin-top:15px;margin-bottom:15px}.tip .quicktips{margin-top:30px}.tip .quicktips h3{font-weight:700!important;font-size:15px!important}\n"], dependencies: [{ kind: "directive", type: i1$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1$5.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "directive", type: OpenFactorInformationDialogDirective, selector: "[factorInformationDialog]", inputs: ["factor"] }, { kind: "component", type: DeltaArrowComponent, selector: "delta-arrow", inputs: ["factorScore", "delta", "noDataIndicator"] }, { kind: "component", type: BenchmarkIndicatorComponent, selector: "benchmark-indicator", inputs: ["factorScore"] }, { kind: "component", type: ImpactIndicatorComponent, selector: "impact-indicator", inputs: ["factorScore"] }, { kind: "component", type: QuickTipsComponent, selector: "quicktips", inputs: ["dimensionKey", "extraClass"] }, { kind: "component", type: DoItYourselfWorkshopsComponent, selector: "doityourselfworkshops", inputs: ["factorScore", "resources"] }] }); }
6991
+ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.1.5", type: RecommendationComponent, isStandalone: false, selector: "recommendation", inputs: { item: "item" }, usesInheritance: true, ngImport: i0, template: "<div [ngClass]=\"['wirebox', 'tip', 'index' + index]\" [attr.id]=\"'tip-' + item.key\">\n <div class=\"top\">\n <div class=\"name\">\n <div class=\"index\">{{index}}</div><h3>Invest in \"{{item.name}}\"</h3>\n </div>\n <div class=\"summary\" [innerHtml]=\"item.recommendation.summary\"></div>\n <div class=\"deltas\">\n <div class=\"delta-item\" *ngIf=\"benchmarkAvailable\">benchmark <benchmark-indicator [factorScore]=\"item\"></benchmark-indicator></div>\n <div class=\"delta-item\" *ngIf=\"delta.available\">previous period <delta-arrow [factorScore]=\"item\" [delta]=\"delta\"></delta-arrow></div>\n <div class=\"delta-item\">impact <impact-indicator [factorScore]=\"item\"></impact-indicator></div>\n </div>\n </div>\n <div class=\"bottom insightsfromresearch\" *ngIf=\"item.recommendation.research\">\n <div class=\"titleandaction\" (click)=\"researchExpanded = !researchExpanded\">\n <h3>Insights from research</h3>\n <div class=\"unexpand action\" *ngIf=\"researchExpanded\">\n <span class=\"icon ph-minus-bold\"></span>\n </div>\n <div class=\"expand action\" *ngIf=\"!researchExpanded\">\n <span class=\"icon ph-plus-bold\"></span>\n </div>\n </div>\n <div class=\"research\" *ngIf=\"researchExpanded\">\n <div class=\"chunk summary\" [innerHtml]=\"item.recommendation.research\"></div>\n </div>\n </div>\n <div class=\"bottom howtoimprove\">\n <div class=\"titleandaction\" (click)=\"howToImproveExpanded = !howToImproveExpanded\">\n <h3>How to improve</h3>\n <div class=\"unexpand action\" *ngIf=\"howToImproveExpanded\">\n <span class=\"icon ph-minus-bold\"></span>\n </div>\n <div class=\"expand action\" *ngIf=\"!howToImproveExpanded\" >\n <span class=\"icon ph-plus-bold\"></span>\n </div>\n </div>\n <div class=\"howtoimprove\" *ngIf=\"howToImproveExpanded\">\n <div class=\"chunk summary\" [innerHtml]=\"item.recommendation.improve\"></div>\n <div class=\"chunk quicktips\">\n <p>Or try one or more quick actions with your team(s) to start small and simple:</p>\n <quicktips [dimensionKey]=\"item.key\"></quicktips>\n </div>\n <div class=\"chunk resources\" *ngIf=\"resources.length > 0\">\n <p>Or try one or more of these do-it-yourself workshops with your team(s) to start improving in this area:</p>\n <doityourselfworkshops [resources]=\"resources\" [factorScore]=\"item\"></doityourselfworkshops>\n </div>\n <div class=\"chunk predictors\" *ngIf=\"predictors.length > 0\">\n <p>Or you can improve in this area by investing in:</p>\n <ul *ngFor=\"let effect of predictors\">\n <li *ngIf=\"effect.type == 'IsPartOf'\"><a [routerLink]=\"[]\" factorInformationDialog [factor]=\"getFactor(effect.key)\">{{effect.name}}<span class=\"icon ph-info-fill\"></span></a>, which is an important part of {{item.name}}.</li>\n <li *ngIf=\"effect.type == 'IsPredictedBy'\"><a [routerLink]=\"[]\" factorInformationDialog [factor]=\"getFactor(effect.key)\">{{effect.name}}<span class=\"icon ph-info-fill\"></span></a>, which creates better conditions for {{item.name}}.</li>\n </ul>\n </div>\n <div class=\"chunk summary effects\" *ngIf=\"influences.length > 0\">\n <p>When you are successful, you're likely to see additional improvements in:</p>\n <ul *ngFor=\"let effect of influences\">\n <li><a [routerLink]=\"[]\" factorInformationDialog [factor]=\"getFactor(effect.key)\">{{effect.name}}<span class=\"icon ph-info-fill\"></span></a></li>\n </ul>\n </div>\n </div>\n </div>\n</div>\n", styles: [".smallTextUppercase{font-family:StevieSansThin,sans-serif;font-style:normal;font-weight:400;font-size:15px;line-height:140%;text-transform:uppercase;line-height:100%}.bigletteredbutton{-webkit-transition:all .25s ease-in-out;-moz-transition:all .25s ease-in-out;-o-transition:all .25s ease-in-out;transition:all .25s ease-in-out;text-decoration:none;background:#ffffff1a;margin-bottom:10px;display:flex;align-content:center;border-radius:20px;padding:15px;font-size:24px;border:2px solid #1F3F8F;border-bottom:6px solid #1F3F8F;color:#fff;align-items:center;cursor:pointer}.bigletteredbutton .free{font-family:StevieSansThin,sans-serif;font-style:normal;font-weight:400;font-size:15px;line-height:140%;background:#fff73f;color:#2f2f2f;padding:3px 5px;margin-left:20px;border-radius:10px}.bigletteredbutton .plan{font-family:StevieSansThin,sans-serif;font-style:normal;font-weight:400;font-size:15px;line-height:140%;background:#fff;color:#2f2f2f;padding:3px 5px;margin-left:20px;border-radius:10px}.bigletteredbutton:hover,.bigletteredbutton.selected{border:2px solid #fff73f;border-bottom:6px solid #fff73f}.bigletteredbutton .button-letter{-webkit-transition:all .25s ease-in-out;-moz-transition:all .25s ease-in-out;-o-transition:all .25s ease-in-out;transition:all .25s ease-in-out;font-family:StevieSans,sans-serif;border-radius:30px;height:52px;width:52px;min-width:52px;min-height:52px;font-weight:900;font-size:30px;line-height:100%;display:flex;align-items:center;justify-content:center;background:#fff73f;color:#1f3f8f;margin-right:20px}.bigletteredbutton .button-letter .ph{color:#1f3f8f}.bigletteredbutton .button-letter:hover{background:#1f3f8f;color:#fff73f}.bigletteredbutton .button-letter:hover .ph{color:#fff73f}.roundicon-yellow{-webkit-transition:all .25s ease-in-out;-moz-transition:all .25s ease-in-out;-o-transition:all .25s ease-in-out;transition:all .25s ease-in-out;font-family:StevieSans,sans-serif;border-radius:30px;height:52px;width:52px;min-width:52px;min-height:52px;font-weight:900;font-size:30px;line-height:100%;display:flex;align-items:center;justify-content:center;background:#fff73f;color:#1f3f8f}.roundicon-yellow .ph{color:#1f3f8f}.roundicon-yellow:hover{background:#1f3f8f;color:#fff73f}.roundicon-yellow:hover .ph{color:#fff73f}.roundicon{-webkit-transition:all .25s ease-in-out;-moz-transition:all .25s ease-in-out;-o-transition:all .25s ease-in-out;transition:all .25s ease-in-out;font-family:StevieSans,sans-serif;border-radius:30px;height:52px;width:52px;min-width:52px;min-height:52px;font-weight:900;font-size:30px;line-height:100%;display:flex;align-items:center;justify-content:center}.roundicon-large{-webkit-transition:all .25s ease-in-out;-moz-transition:all .25s ease-in-out;-o-transition:all .25s ease-in-out;transition:all .25s ease-in-out;font-family:StevieSans,sans-serif;height:52px;width:52px;min-width:52px;min-height:52px;font-weight:900;font-size:30px;line-height:100%;display:flex;align-items:center;justify-content:center;border-radius:60px;height:120px;width:120px}.tip{display:flex;flex-direction:column}.tip.index1 .top .name .index,.tip.index2 .top .name .index,.tip.index3 .top .name .index{background:#ef4f9f;color:#fff}.tip .top{padding-bottom:0!important}.tip .top .name{display:flex;align-items:center}.tip .top .name h3{flex:auto;font-style:normal;font-weight:600;font-size:30px;line-height:30px}.tip .top .name .index{width:50px;min-width:50px;height:50px;min-height:50px;display:flex;justify-content:center;align-items:center;border-radius:25px;background:#f0f0f0;margin-right:15px;font-weight:600;font-family:StevieSans,sans-serif}.tip .top .deltas{margin-bottom:15px}.tip .bottom .titleandaction{cursor:pointer}.tip .summary{margin-top:15px;margin-bottom:15px}.tip .chunk{margin-bottom:30px}.tip .chunk:last-of-type{margin-bottom:0}.tip .chunk p{font-family:StevieSansThin,sans-serif;font-style:normal;font-weight:400;line-height:140%}.tip .chunk ul{line-height:130%}.tip .chunk ul li a{text-decoration:none;font-weight:600}.tip .chunk ul li .icon{margin-left:4px;vertical-align:middle}.tip .expand .icon,.tip .unexpand .icon{font-size:28px;vertical-align:middle}.tip .resources h3{margin-top:15px;margin-bottom:15px}.tip .quicktips{margin-top:30px}.tip .quicktips h3{font-weight:700!important;font-size:15px!important}\n"], dependencies: [{ kind: "directive", type: i1$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1$5.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "directive", type: OpenFactorInformationDialogDirective, selector: "[factorInformationDialog]", inputs: ["factor"] }, { kind: "component", type: DeltaArrowComponent, selector: "delta-arrow", inputs: ["factorScore", "delta", "noDataIndicator"] }, { kind: "component", type: BenchmarkIndicatorComponent, selector: "benchmark-indicator", inputs: ["factorScore"] }, { kind: "component", type: ImpactIndicatorComponent, selector: "impact-indicator", inputs: ["factorScore"] }, { kind: "component", type: QuickTipsComponent, selector: "quicktips", inputs: ["dimensionKey", "extraClass"] }, { kind: "component", type: DoItYourselfWorkshopsComponent, selector: "doityourselfworkshops", inputs: ["factorScore", "resources"] }] }); }
6989
6992
  }
6990
6993
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.5", ngImport: i0, type: RecommendationComponent, decorators: [{
6991
6994
  type: Component,
6992
- args: [{ selector: 'recommendation', standalone: false, template: "<div [ngClass]=\"['wirebox', 'tip', 'index' + index]\" [attr.id]=\"'tip-' + item.key\">\n <div class=\"top\">\n <div class=\"name\">\n <div class=\"index\">{{index}}</div><h3>Invest in \"{{item.name}}\"</h3>\n </div>\n <div class=\"summary\" [innerHtml]=\"item.recommendation.summary\"></div>\n <div class=\"deltas\">\n <div class=\"delta-item\">benchmark <benchmark-indicator [factorScore]=\"item\"></benchmark-indicator></div>\n <div class=\"delta-item\" *ngIf=\"delta.available\">previous period <delta-arrow [factorScore]=\"item\" [delta]=\"delta\"></delta-arrow></div>\n <div class=\"delta-item\">impact <impact-indicator [factorScore]=\"item\"></impact-indicator></div>\n </div>\n </div>\n <div class=\"bottom insightsfromresearch\" *ngIf=\"item.recommendation.research\">\n <div class=\"titleandaction\" (click)=\"researchExpanded = !researchExpanded\">\n <h3>Insights from research</h3>\n <div class=\"unexpand action\" *ngIf=\"researchExpanded\">\n <span class=\"icon ph-minus-bold\"></span>\n </div>\n <div class=\"expand action\" *ngIf=\"!researchExpanded\">\n <span class=\"icon ph-plus-bold\"></span>\n </div>\n </div>\n <div class=\"research\" *ngIf=\"researchExpanded\">\n <div class=\"chunk summary\" [innerHtml]=\"item.recommendation.research\"></div>\n </div>\n </div>\n <div class=\"bottom howtoimprove\">\n <div class=\"titleandaction\" (click)=\"howToImproveExpanded = !howToImproveExpanded\">\n <h3>How to improve</h3>\n <div class=\"unexpand action\" *ngIf=\"howToImproveExpanded\">\n <span class=\"icon ph-minus-bold\"></span>\n </div>\n <div class=\"expand action\" *ngIf=\"!howToImproveExpanded\" >\n <span class=\"icon ph-plus-bold\"></span>\n </div>\n </div>\n <div class=\"howtoimprove\" *ngIf=\"howToImproveExpanded\">\n <div class=\"chunk summary\" [innerHtml]=\"item.recommendation.improve\"></div>\n <div class=\"chunk quicktips\">\n <p>Or try one or more quick actions with your team(s) to start small and simple:</p>\n <quicktips [dimensionKey]=\"item.key\"></quicktips>\n </div>\n <div class=\"chunk resources\" *ngIf=\"resources.length > 0\">\n <p>Or try one or more of these do-it-yourself workshops with your team(s) to start improving in this area:</p>\n <doityourselfworkshops [resources]=\"resources\" [factorScore]=\"item\"></doityourselfworkshops>\n </div>\n <div class=\"chunk predictors\" *ngIf=\"predictors.length > 0\">\n <p>Or you can improve in this area by investing in:</p>\n <ul *ngFor=\"let effect of predictors\">\n <li *ngIf=\"effect.type == 'IsPartOf'\"><a [routerLink]=\"[]\" factorInformationDialog [factor]=\"getFactor(effect.key)\">{{effect.name}}<span class=\"icon ph-info-fill\"></span></a>, which is an important part of {{item.name}}.</li>\n <li *ngIf=\"effect.type == 'IsPredictedBy'\"><a [routerLink]=\"[]\" factorInformationDialog [factor]=\"getFactor(effect.key)\">{{effect.name}}<span class=\"icon ph-info-fill\"></span></a>, which creates better conditions for {{item.name}}.</li>\n </ul>\n </div>\n <div class=\"chunk summary effects\" *ngIf=\"influences.length > 0\">\n <p>When you are successful, you're likely to see additional improvements in:</p>\n <ul *ngFor=\"let effect of influences\">\n <li><a [routerLink]=\"[]\" factorInformationDialog [factor]=\"getFactor(effect.key)\">{{effect.name}}<span class=\"icon ph-info-fill\"></span></a></li>\n </ul>\n </div>\n </div>\n </div>\n</div>\n", styles: [".smallTextUppercase{font-family:StevieSansThin,sans-serif;font-style:normal;font-weight:400;font-size:15px;line-height:140%;text-transform:uppercase;line-height:100%}.bigletteredbutton{-webkit-transition:all .25s ease-in-out;-moz-transition:all .25s ease-in-out;-o-transition:all .25s ease-in-out;transition:all .25s ease-in-out;text-decoration:none;background:#ffffff1a;margin-bottom:10px;display:flex;align-content:center;border-radius:20px;padding:15px;font-size:24px;border:2px solid #1F3F8F;border-bottom:6px solid #1F3F8F;color:#fff;align-items:center;cursor:pointer}.bigletteredbutton .free{font-family:StevieSansThin,sans-serif;font-style:normal;font-weight:400;font-size:15px;line-height:140%;background:#fff73f;color:#2f2f2f;padding:3px 5px;margin-left:20px;border-radius:10px}.bigletteredbutton .plan{font-family:StevieSansThin,sans-serif;font-style:normal;font-weight:400;font-size:15px;line-height:140%;background:#fff;color:#2f2f2f;padding:3px 5px;margin-left:20px;border-radius:10px}.bigletteredbutton:hover,.bigletteredbutton.selected{border:2px solid #fff73f;border-bottom:6px solid #fff73f}.bigletteredbutton .button-letter{-webkit-transition:all .25s ease-in-out;-moz-transition:all .25s ease-in-out;-o-transition:all .25s ease-in-out;transition:all .25s ease-in-out;font-family:StevieSans,sans-serif;border-radius:30px;height:52px;width:52px;min-width:52px;min-height:52px;font-weight:900;font-size:30px;line-height:100%;display:flex;align-items:center;justify-content:center;background:#fff73f;color:#1f3f8f;margin-right:20px}.bigletteredbutton .button-letter .ph{color:#1f3f8f}.bigletteredbutton .button-letter:hover{background:#1f3f8f;color:#fff73f}.bigletteredbutton .button-letter:hover .ph{color:#fff73f}.roundicon-yellow{-webkit-transition:all .25s ease-in-out;-moz-transition:all .25s ease-in-out;-o-transition:all .25s ease-in-out;transition:all .25s ease-in-out;font-family:StevieSans,sans-serif;border-radius:30px;height:52px;width:52px;min-width:52px;min-height:52px;font-weight:900;font-size:30px;line-height:100%;display:flex;align-items:center;justify-content:center;background:#fff73f;color:#1f3f8f}.roundicon-yellow .ph{color:#1f3f8f}.roundicon-yellow:hover{background:#1f3f8f;color:#fff73f}.roundicon-yellow:hover .ph{color:#fff73f}.roundicon{-webkit-transition:all .25s ease-in-out;-moz-transition:all .25s ease-in-out;-o-transition:all .25s ease-in-out;transition:all .25s ease-in-out;font-family:StevieSans,sans-serif;border-radius:30px;height:52px;width:52px;min-width:52px;min-height:52px;font-weight:900;font-size:30px;line-height:100%;display:flex;align-items:center;justify-content:center}.roundicon-large{-webkit-transition:all .25s ease-in-out;-moz-transition:all .25s ease-in-out;-o-transition:all .25s ease-in-out;transition:all .25s ease-in-out;font-family:StevieSans,sans-serif;height:52px;width:52px;min-width:52px;min-height:52px;font-weight:900;font-size:30px;line-height:100%;display:flex;align-items:center;justify-content:center;border-radius:60px;height:120px;width:120px}.tip{display:flex;flex-direction:column}.tip.index1 .top .name .index,.tip.index2 .top .name .index,.tip.index3 .top .name .index{background:#ef4f9f;color:#fff}.tip .top{padding-bottom:0!important}.tip .top .name{display:flex;align-items:center}.tip .top .name h3{flex:auto;font-style:normal;font-weight:600;font-size:30px;line-height:30px}.tip .top .name .index{width:50px;min-width:50px;height:50px;min-height:50px;display:flex;justify-content:center;align-items:center;border-radius:25px;background:#f0f0f0;margin-right:15px;font-weight:600;font-family:StevieSans,sans-serif}.tip .top .deltas{margin-bottom:15px}.tip .bottom .titleandaction{cursor:pointer}.tip .summary{margin-top:15px;margin-bottom:15px}.tip .chunk{margin-bottom:30px}.tip .chunk:last-of-type{margin-bottom:0}.tip .chunk p{font-family:StevieSansThin,sans-serif;font-style:normal;font-weight:400;line-height:140%}.tip .chunk ul{line-height:130%}.tip .chunk ul li a{text-decoration:none;font-weight:600}.tip .chunk ul li .icon{margin-left:4px;vertical-align:middle}.tip .expand .icon,.tip .unexpand .icon{font-size:28px;vertical-align:middle}.tip .resources h3{margin-top:15px;margin-bottom:15px}.tip .quicktips{margin-top:30px}.tip .quicktips h3{font-weight:700!important;font-size:15px!important}\n"] }]
6995
+ args: [{ selector: 'recommendation', standalone: false, template: "<div [ngClass]=\"['wirebox', 'tip', 'index' + index]\" [attr.id]=\"'tip-' + item.key\">\n <div class=\"top\">\n <div class=\"name\">\n <div class=\"index\">{{index}}</div><h3>Invest in \"{{item.name}}\"</h3>\n </div>\n <div class=\"summary\" [innerHtml]=\"item.recommendation.summary\"></div>\n <div class=\"deltas\">\n <div class=\"delta-item\" *ngIf=\"benchmarkAvailable\">benchmark <benchmark-indicator [factorScore]=\"item\"></benchmark-indicator></div>\n <div class=\"delta-item\" *ngIf=\"delta.available\">previous period <delta-arrow [factorScore]=\"item\" [delta]=\"delta\"></delta-arrow></div>\n <div class=\"delta-item\">impact <impact-indicator [factorScore]=\"item\"></impact-indicator></div>\n </div>\n </div>\n <div class=\"bottom insightsfromresearch\" *ngIf=\"item.recommendation.research\">\n <div class=\"titleandaction\" (click)=\"researchExpanded = !researchExpanded\">\n <h3>Insights from research</h3>\n <div class=\"unexpand action\" *ngIf=\"researchExpanded\">\n <span class=\"icon ph-minus-bold\"></span>\n </div>\n <div class=\"expand action\" *ngIf=\"!researchExpanded\">\n <span class=\"icon ph-plus-bold\"></span>\n </div>\n </div>\n <div class=\"research\" *ngIf=\"researchExpanded\">\n <div class=\"chunk summary\" [innerHtml]=\"item.recommendation.research\"></div>\n </div>\n </div>\n <div class=\"bottom howtoimprove\">\n <div class=\"titleandaction\" (click)=\"howToImproveExpanded = !howToImproveExpanded\">\n <h3>How to improve</h3>\n <div class=\"unexpand action\" *ngIf=\"howToImproveExpanded\">\n <span class=\"icon ph-minus-bold\"></span>\n </div>\n <div class=\"expand action\" *ngIf=\"!howToImproveExpanded\" >\n <span class=\"icon ph-plus-bold\"></span>\n </div>\n </div>\n <div class=\"howtoimprove\" *ngIf=\"howToImproveExpanded\">\n <div class=\"chunk summary\" [innerHtml]=\"item.recommendation.improve\"></div>\n <div class=\"chunk quicktips\">\n <p>Or try one or more quick actions with your team(s) to start small and simple:</p>\n <quicktips [dimensionKey]=\"item.key\"></quicktips>\n </div>\n <div class=\"chunk resources\" *ngIf=\"resources.length > 0\">\n <p>Or try one or more of these do-it-yourself workshops with your team(s) to start improving in this area:</p>\n <doityourselfworkshops [resources]=\"resources\" [factorScore]=\"item\"></doityourselfworkshops>\n </div>\n <div class=\"chunk predictors\" *ngIf=\"predictors.length > 0\">\n <p>Or you can improve in this area by investing in:</p>\n <ul *ngFor=\"let effect of predictors\">\n <li *ngIf=\"effect.type == 'IsPartOf'\"><a [routerLink]=\"[]\" factorInformationDialog [factor]=\"getFactor(effect.key)\">{{effect.name}}<span class=\"icon ph-info-fill\"></span></a>, which is an important part of {{item.name}}.</li>\n <li *ngIf=\"effect.type == 'IsPredictedBy'\"><a [routerLink]=\"[]\" factorInformationDialog [factor]=\"getFactor(effect.key)\">{{effect.name}}<span class=\"icon ph-info-fill\"></span></a>, which creates better conditions for {{item.name}}.</li>\n </ul>\n </div>\n <div class=\"chunk summary effects\" *ngIf=\"influences.length > 0\">\n <p>When you are successful, you're likely to see additional improvements in:</p>\n <ul *ngFor=\"let effect of influences\">\n <li><a [routerLink]=\"[]\" factorInformationDialog [factor]=\"getFactor(effect.key)\">{{effect.name}}<span class=\"icon ph-info-fill\"></span></a></li>\n </ul>\n </div>\n </div>\n </div>\n</div>\n", styles: [".smallTextUppercase{font-family:StevieSansThin,sans-serif;font-style:normal;font-weight:400;font-size:15px;line-height:140%;text-transform:uppercase;line-height:100%}.bigletteredbutton{-webkit-transition:all .25s ease-in-out;-moz-transition:all .25s ease-in-out;-o-transition:all .25s ease-in-out;transition:all .25s ease-in-out;text-decoration:none;background:#ffffff1a;margin-bottom:10px;display:flex;align-content:center;border-radius:20px;padding:15px;font-size:24px;border:2px solid #1F3F8F;border-bottom:6px solid #1F3F8F;color:#fff;align-items:center;cursor:pointer}.bigletteredbutton .free{font-family:StevieSansThin,sans-serif;font-style:normal;font-weight:400;font-size:15px;line-height:140%;background:#fff73f;color:#2f2f2f;padding:3px 5px;margin-left:20px;border-radius:10px}.bigletteredbutton .plan{font-family:StevieSansThin,sans-serif;font-style:normal;font-weight:400;font-size:15px;line-height:140%;background:#fff;color:#2f2f2f;padding:3px 5px;margin-left:20px;border-radius:10px}.bigletteredbutton:hover,.bigletteredbutton.selected{border:2px solid #fff73f;border-bottom:6px solid #fff73f}.bigletteredbutton .button-letter{-webkit-transition:all .25s ease-in-out;-moz-transition:all .25s ease-in-out;-o-transition:all .25s ease-in-out;transition:all .25s ease-in-out;font-family:StevieSans,sans-serif;border-radius:30px;height:52px;width:52px;min-width:52px;min-height:52px;font-weight:900;font-size:30px;line-height:100%;display:flex;align-items:center;justify-content:center;background:#fff73f;color:#1f3f8f;margin-right:20px}.bigletteredbutton .button-letter .ph{color:#1f3f8f}.bigletteredbutton .button-letter:hover{background:#1f3f8f;color:#fff73f}.bigletteredbutton .button-letter:hover .ph{color:#fff73f}.roundicon-yellow{-webkit-transition:all .25s ease-in-out;-moz-transition:all .25s ease-in-out;-o-transition:all .25s ease-in-out;transition:all .25s ease-in-out;font-family:StevieSans,sans-serif;border-radius:30px;height:52px;width:52px;min-width:52px;min-height:52px;font-weight:900;font-size:30px;line-height:100%;display:flex;align-items:center;justify-content:center;background:#fff73f;color:#1f3f8f}.roundicon-yellow .ph{color:#1f3f8f}.roundicon-yellow:hover{background:#1f3f8f;color:#fff73f}.roundicon-yellow:hover .ph{color:#fff73f}.roundicon{-webkit-transition:all .25s ease-in-out;-moz-transition:all .25s ease-in-out;-o-transition:all .25s ease-in-out;transition:all .25s ease-in-out;font-family:StevieSans,sans-serif;border-radius:30px;height:52px;width:52px;min-width:52px;min-height:52px;font-weight:900;font-size:30px;line-height:100%;display:flex;align-items:center;justify-content:center}.roundicon-large{-webkit-transition:all .25s ease-in-out;-moz-transition:all .25s ease-in-out;-o-transition:all .25s ease-in-out;transition:all .25s ease-in-out;font-family:StevieSans,sans-serif;height:52px;width:52px;min-width:52px;min-height:52px;font-weight:900;font-size:30px;line-height:100%;display:flex;align-items:center;justify-content:center;border-radius:60px;height:120px;width:120px}.tip{display:flex;flex-direction:column}.tip.index1 .top .name .index,.tip.index2 .top .name .index,.tip.index3 .top .name .index{background:#ef4f9f;color:#fff}.tip .top{padding-bottom:0!important}.tip .top .name{display:flex;align-items:center}.tip .top .name h3{flex:auto;font-style:normal;font-weight:600;font-size:30px;line-height:30px}.tip .top .name .index{width:50px;min-width:50px;height:50px;min-height:50px;display:flex;justify-content:center;align-items:center;border-radius:25px;background:#f0f0f0;margin-right:15px;font-weight:600;font-family:StevieSans,sans-serif}.tip .top .deltas{margin-bottom:15px}.tip .bottom .titleandaction{cursor:pointer}.tip .summary{margin-top:15px;margin-bottom:15px}.tip .chunk{margin-bottom:30px}.tip .chunk:last-of-type{margin-bottom:0}.tip .chunk p{font-family:StevieSansThin,sans-serif;font-style:normal;font-weight:400;line-height:140%}.tip .chunk ul{line-height:130%}.tip .chunk ul li a{text-decoration:none;font-weight:600}.tip .chunk ul li .icon{margin-left:4px;vertical-align:middle}.tip .expand .icon,.tip .unexpand .icon{font-size:28px;vertical-align:middle}.tip .resources h3{margin-top:15px;margin-bottom:15px}.tip .quicktips{margin-top:30px}.tip .quicktips h3{font-weight:700!important;font-size:15px!important}\n"] }]
6993
6996
  }], ctorParameters: () => [{ type: ViewModelStateBase, decorators: [{
6994
6997
  type: Inject,
6995
6998
  args: [VIEWSTATE_PROVIDER]