@the-liberators/ngx-scrumteamsurvey-tools 2.2.85 → 2.2.87

package/esm2022/lib/results/components/badge-streak/badge-streak.component.mjs

@@ -13,10 +13,10 @@ export class BadgeStreakComponent {
             return "improved";
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.1", ngImport: i0, type: BadgeStreakComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.1", type: BadgeStreakComponent, selector: "badge-streak", inputs: { showName: "showName", badge: "badge", radius: "radius" }, ngImport: i0, template: "<div [class]=\"'team-badge streak ' + getStreakBadgeType()\" [ngClass]=\"{'unearned': !badge.awarded }\" #badgeContainer (click)=\"popover.open()\">\n   <div class=\"circle\" [ngStyle]=\"{'width': radius + 'px', 'height': radius + 'px', 'border-radius': radius + 'px'}\">\n      <div class=\"crown\" *ngIf=\"badge.awarded && badge.level >= 3\"></div>\n      <span [class]=\"'icon ' + badge.icon\"></span>\n      <div class=\"level\" *ngIf=\"badge.awarded\">{{badge.level}}</div>\n   </div>\n   <div class=\"name\" *ngIf=\"showName\">{{badge.name}}</div>\n</div>\n\n<sat-popover #popover horizontalAlign=\"center\" [anchor]=\"badgeContainer\" verticalAlign=\"below\" [hasBackdrop]=\"true\" [autoFocus]=\"false\">\n   <div class=\"popover\" [id]=\"'popover'\">\n      <div class=\"arrow\"></div>\n      <div class=\"popover-container\">\n         <span (click)=\"popover.close()\" class=\"close ph-x\"></span>\n         <h3 *ngIf=\"badge.level == 0\">{{badge.name}}</h3>\n         <h3 *ngIf=\"badge.level > 0\">{{badge.name}} <span>Streak of {{badge.level}}</span></h3>\n         <div class=\"description\">{{badge.description}}</div>\n\n         <h3>How to reach the next level</h3>\n         <div class=\"description\">{{badge.nextLevelRequirement}}</div>\n      </div>\n   </div>\n</sat-popover>\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%}.popover{margin-left:15px}.popover h3 span{color:#fff73f}.popover .arrow{width:15px;height:15px;background:#2f2f2f;transform:rotate(45deg);left:50%;position:absolute;top:-8px}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "component", type: i2.SatPopoverComponent, selector: "sat-popover", inputs: ["anchor", "horizontalAlign", "xAlign", "verticalAlign", "yAlign", "forceAlignment", "lockAlignment", "autoFocus", "restoreFocus", "scrollStrategy", "hasBackdrop", "interactiveClose", "openTransition", "closeTransition", "openAnimationStartAtScale", "closeAnimationEndAtScale", "backdropClass", "panelClass"], outputs: ["opened", "closed", "afterOpen", "afterClose", "backdropClicked", "overlayKeydown"] }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.4", ngImport: i0, type: BadgeStreakComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.4", type: BadgeStreakComponent, selector: "badge-streak", inputs: { showName: "showName", badge: "badge", radius: "radius" }, ngImport: i0, template: "<div [class]=\"'team-badge streak ' + getStreakBadgeType()\" [ngClass]=\"{'unearned': !badge.awarded }\" #badgeContainer (click)=\"popover.open()\">\n   <div class=\"circle\" [ngStyle]=\"{'width': radius + 'px', 'height': radius + 'px', 'border-radius': radius + 'px'}\">\n      <div class=\"crown\" *ngIf=\"badge.awarded && badge.level >= 3\"></div>\n      <span [class]=\"'icon ' + badge.icon\"></span>\n      <div class=\"level\" *ngIf=\"badge.awarded\">{{badge.level}}</div>\n   </div>\n   <div class=\"name\" *ngIf=\"showName\">{{badge.name}}</div>\n</div>\n\n<sat-popover #popover horizontalAlign=\"center\" [anchor]=\"badgeContainer\" verticalAlign=\"below\" [hasBackdrop]=\"true\" [autoFocus]=\"false\">\n   <div class=\"popover\" [id]=\"'popover'\">\n      <div class=\"arrow\"></div>\n      <div class=\"popover-container\">\n         <span (click)=\"popover.close()\" class=\"close ph-x\"></span>\n         <h3 *ngIf=\"badge.level == 0\">{{badge.name}}</h3>\n         <h3 *ngIf=\"badge.level > 0\">{{badge.name}} <span>Streak of {{badge.level}}</span></h3>\n         <div class=\"description\">{{badge.description}}</div>\n\n         <h3>How to reach the next level</h3>\n         <div class=\"description\">{{badge.nextLevelRequirement}}</div>\n      </div>\n   </div>\n</sat-popover>\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%}.popover{margin-left:15px}.popover h3 span{color:#fff73f}.popover .arrow{width:15px;height:15px;background:#2f2f2f;transform:rotate(45deg);left:50%;position:absolute;top:-8px}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "component", type: i2.SatPopoverComponent, selector: "sat-popover", inputs: ["anchor", "horizontalAlign", "xAlign", "verticalAlign", "yAlign", "forceAlignment", "lockAlignment", "autoFocus", "restoreFocus", "scrollStrategy", "hasBackdrop", "interactiveClose", "openTransition", "closeTransition", "openAnimationStartAtScale", "closeAnimationEndAtScale", "backdropClass", "panelClass"], outputs: ["opened", "closed", "afterOpen", "afterClose", "backdropClicked", "overlayKeydown"] }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.1", ngImport: i0, type: BadgeStreakComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.4", ngImport: i0, type: BadgeStreakComponent, decorators: [{
             type: Component,
             args: [{ selector: 'badge-streak', template: "<div [class]=\"'team-badge streak ' + getStreakBadgeType()\" [ngClass]=\"{'unearned': !badge.awarded }\" #badgeContainer (click)=\"popover.open()\">\n   <div class=\"circle\" [ngStyle]=\"{'width': radius + 'px', 'height': radius + 'px', 'border-radius': radius + 'px'}\">\n      <div class=\"crown\" *ngIf=\"badge.awarded && badge.level >= 3\"></div>\n      <span [class]=\"'icon ' + badge.icon\"></span>\n      <div class=\"level\" *ngIf=\"badge.awarded\">{{badge.level}}</div>\n   </div>\n   <div class=\"name\" *ngIf=\"showName\">{{badge.name}}</div>\n</div>\n\n<sat-popover #popover horizontalAlign=\"center\" [anchor]=\"badgeContainer\" verticalAlign=\"below\" [hasBackdrop]=\"true\" [autoFocus]=\"false\">\n   <div class=\"popover\" [id]=\"'popover'\">\n      <div class=\"arrow\"></div>\n      <div class=\"popover-container\">\n         <span (click)=\"popover.close()\" class=\"close ph-x\"></span>\n         <h3 *ngIf=\"badge.level == 0\">{{badge.name}}</h3>\n         <h3 *ngIf=\"badge.level > 0\">{{badge.name}} <span>Streak of {{badge.level}}</span></h3>\n         <div class=\"description\">{{badge.description}}</div>\n\n         <h3>How to reach the next level</h3>\n         <div class=\"description\">{{badge.nextLevelRequirement}}</div>\n      </div>\n   </div>\n</sat-popover>\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%}.popover{margin-left:15px}.popover h3 span{color:#fff73f}.popover .arrow{width:15px;height:15px;background:#2f2f2f;transform:rotate(45deg);left:50%;position:absolute;top:-8px}\n"] }]
         }], ctorParameters: () => [], propDecorators: { showName: [{

package/esm2022/lib/results/components/badges/badges.component.mjs

@@ -27,10 +27,10 @@ export class BadgesComponent extends ComponentWithViewStateBase {
         this.loaded = data.loaded;
     }
     ;
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.1", ngImport: i0, type: BadgesComponent, deps: [{ token: VIEWSTATE_PROVIDER }, { token: i1.MatSnackBar }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.1", type: BadgesComponent, selector: "badges", usesInheritance: true, ngImport: i0, template: "<div class=\"box\" *ngIf=\"loaded\">\n   <ng-container *ngIf=\"earnedStreakBadges.length > 0\">\n      <h4>Team streaks</h4>\n      <div class=\"earned team-badges\">\n         <badge-streak *ngFor=\"let badge of earnedStreakBadges\" [badge]=\"badge\" [showName]=\"true\" [radius]=\"65\"></badge-streak>\n      </div>\n   </ng-container>\n\n   <ng-container *ngIf=\"earnedProgressionBadges.length > 0\">\n      <h4>Team badges</h4>\n      <div class=\"earned team-badges\">\n         <badge *ngFor=\"let badge of earnedProgressionBadges\" [badge]=\"badge\" [showName]=\"true\" [radius]=\"75\"></badge>\n      </div>\n   </ng-container>\n\n   <h4>Not yet earned</h4>\n   <div class=\"notearned team-badges\" [ngClass]=\"{'fadeout': showNotearned}\" (mouseover)=\"showNotearned = false\">\n      <badge *ngFor=\"let badge of unearnedProgressionBadges\" [badge]=\"badge\" [showName]=\"true\" [radius]=\"65\"></badge>\n      <badge *ngFor=\"let badge of unearnedStreakBadges\" [badge]=\"badge\" [showName]=\"true\" [radius]=\"65\"></badge>\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%}.box{background:#f0f0f0}.box h4{text-align:center}.box .team-badges.earned,.box .team-badges.notearned{display:grid;grid-template-columns:repeat(2,1fr);row-gap:30px}@media only screen and (min-width: 1536px){.box .team-badges.earned,.box .team-badges.notearned{grid-template-columns:repeat(3,1fr)}}@media only screen and (min-width: 2000px){.box .team-badges.earned,.box .team-badges.notearned{grid-template-columns:repeat(4,1fr)}}.box .team-badges.notearned{overflow:hidden;position:relative;padding-top:10px}.box .team-badges.notearned.fadeout{position:relative;max-height:150px}.box .team-badges.notearned.fadeout:after{content:\"\";position:absolute;inset:0;background-image:linear-gradient(#f0f0f000 5%,#f0f0f0)}\n"], dependencies: [{ kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { 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.BadgeComponent, selector: "badge", inputs: ["showName", "badge", "radius"] }, { kind: "component", type: i4.BadgeStreakComponent, selector: "badge-streak", inputs: ["showName", "badge", "radius"] }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.4", ngImport: i0, type: BadgesComponent, deps: [{ token: VIEWSTATE_PROVIDER }, { token: i1.MatSnackBar }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.4", type: BadgesComponent, selector: "badges", usesInheritance: true, ngImport: i0, template: "<div class=\"box\" *ngIf=\"loaded\">\n   <ng-container *ngIf=\"earnedStreakBadges.length > 0\">\n      <h4>Team streaks</h4>\n      <div class=\"earned team-badges\">\n         <badge-streak *ngFor=\"let badge of earnedStreakBadges\" [badge]=\"badge\" [showName]=\"true\" [radius]=\"65\"></badge-streak>\n      </div>\n   </ng-container>\n\n   <ng-container *ngIf=\"earnedProgressionBadges.length > 0\">\n      <h4>Team badges</h4>\n      <div class=\"earned team-badges\">\n         <badge *ngFor=\"let badge of earnedProgressionBadges\" [badge]=\"badge\" [showName]=\"true\" [radius]=\"75\"></badge>\n      </div>\n   </ng-container>\n\n   <h4>Not yet earned</h4>\n   <div class=\"notearned team-badges\" [ngClass]=\"{'fadeout': showNotearned}\" (mouseover)=\"showNotearned = false\">\n      <badge *ngFor=\"let badge of unearnedProgressionBadges\" [badge]=\"badge\" [showName]=\"true\" [radius]=\"65\"></badge>\n      <badge *ngFor=\"let badge of unearnedStreakBadges\" [badge]=\"badge\" [showName]=\"true\" [radius]=\"65\"></badge>\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%}.box{background:#f0f0f0}.box h4{text-align:center}.box .team-badges.earned,.box .team-badges.notearned{display:grid;grid-template-columns:repeat(2,1fr);row-gap:30px}@media only screen and (min-width: 1536px){.box .team-badges.earned,.box .team-badges.notearned{grid-template-columns:repeat(3,1fr)}}@media only screen and (min-width: 2000px){.box .team-badges.earned,.box .team-badges.notearned{grid-template-columns:repeat(4,1fr)}}.box .team-badges.notearned{overflow:hidden;position:relative;padding-top:10px}.box .team-badges.notearned.fadeout{position:relative;max-height:150px}.box .team-badges.notearned.fadeout:after{content:\"\";position:absolute;inset:0;background-image:linear-gradient(#f0f0f000 5%,#f0f0f0)}\n"], dependencies: [{ kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { 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.BadgeComponent, selector: "badge", inputs: ["showName", "badge", "radius"] }, { kind: "component", type: i4.BadgeStreakComponent, selector: "badge-streak", inputs: ["showName", "badge", "radius"] }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.1", ngImport: i0, type: BadgesComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.4", ngImport: i0, type: BadgesComponent, decorators: [{
             type: Component,
             args: [{ selector: 'badges', template: "<div class=\"box\" *ngIf=\"loaded\">\n   <ng-container *ngIf=\"earnedStreakBadges.length > 0\">\n      <h4>Team streaks</h4>\n      <div class=\"earned team-badges\">\n         <badge-streak *ngFor=\"let badge of earnedStreakBadges\" [badge]=\"badge\" [showName]=\"true\" [radius]=\"65\"></badge-streak>\n      </div>\n   </ng-container>\n\n   <ng-container *ngIf=\"earnedProgressionBadges.length > 0\">\n      <h4>Team badges</h4>\n      <div class=\"earned team-badges\">\n         <badge *ngFor=\"let badge of earnedProgressionBadges\" [badge]=\"badge\" [showName]=\"true\" [radius]=\"75\"></badge>\n      </div>\n   </ng-container>\n\n   <h4>Not yet earned</h4>\n   <div class=\"notearned team-badges\" [ngClass]=\"{'fadeout': showNotearned}\" (mouseover)=\"showNotearned = false\">\n      <badge *ngFor=\"let badge of unearnedProgressionBadges\" [badge]=\"badge\" [showName]=\"true\" [radius]=\"65\"></badge>\n      <badge *ngFor=\"let badge of unearnedStreakBadges\" [badge]=\"badge\" [showName]=\"true\" [radius]=\"65\"></badge>\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%}.box{background:#f0f0f0}.box h4{text-align:center}.box .team-badges.earned,.box .team-badges.notearned{display:grid;grid-template-columns:repeat(2,1fr);row-gap:30px}@media only screen and (min-width: 1536px){.box .team-badges.earned,.box .team-badges.notearned{grid-template-columns:repeat(3,1fr)}}@media only screen and (min-width: 2000px){.box .team-badges.earned,.box .team-badges.notearned{grid-template-columns:repeat(4,1fr)}}.box .team-badges.notearned{overflow:hidden;position:relative;padding-top:10px}.box .team-badges.notearned.fadeout{position:relative;max-height:150px}.box .team-badges.notearned.fadeout:after{content:\"\";position:absolute;inset:0;background-image:linear-gradient(#f0f0f000 5%,#f0f0f0)}\n"] }]
         }], ctorParameters: () => [{ type: i5.ViewModelStateBase, decorators: [{

package/esm2022/lib/results/components/benchmark-indicator/benchmark-indicator.component.mjs

@@ -9,10 +9,10 @@ export class BenchmarkIndicatorComponent {
     ngOnInit() {
         this.delta = this.factorScore.score - this.factorScore.benchmark;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.1", ngImport: i0, type: BenchmarkIndicatorComponent, deps: [{ token: i1.DatePipe }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.1", type: BenchmarkIndicatorComponent, 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%}\n"], dependencies: [{ kind: "directive", type: i1.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"] }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.4", ngImport: i0, type: BenchmarkIndicatorComponent, deps: [{ token: i1.DatePipe }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.4", type: BenchmarkIndicatorComponent, 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%}\n"], dependencies: [{ kind: "directive", type: i1.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"] }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.1", ngImport: i0, type: BenchmarkIndicatorComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.4", ngImport: i0, type: BenchmarkIndicatorComponent, decorators: [{
             type: Component,
             args: [{ selector: 'benchmark-indicator', 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%}\n"] }]
         }], ctorParameters: () => [{ type: i1.DatePipe }], propDecorators: { factorScore: [{

package/esm2022/lib/results/components/coachingcenter-teaser/coachingcenter-teaser.component.mjs

@@ -16,10 +16,10 @@ export class CoachingCenterTeaserComponent extends ComponentWithViewStateBase {
         this.show = data.userInfo ? data.userInfo.branding.isDefault : true;
     }
     ;
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.1", ngImport: i0, type: CoachingCenterTeaserComponent, deps: [{ token: VIEWSTATE_PROVIDER }, { token: i1.MatSnackBar }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.1", type: CoachingCenterTeaserComponent, selector: "coachingcenter-teaser", usesInheritance: true, ngImport: i0, template: "<div class=\"box doityourself\" brandbackground [palette]=\"'neutral'\">\n   <img class=\"responsive\" src=\"assets/img/coachingcenter-teaser.jpg\" />\n   <h3>Up your coaching offerings</h3>\n   <p>Learn where the teams of your clients or organizational units need your help the most. Our Coaching Center is tailored to coaching agencies and internal coaching groups. Discover opportunities, try our ready-made workshops and customize branding.</p>\n\n   <div class=\"link\">\n      <a href=\"https://youtu.be/VDvh774FmhM\" target=\"_blank\">Watch a Quick Tour ></a>\n   </div>\n   <div class=\"link\">\n      <a [href]=\"subscribeUrl\" target=\"_blank\">Discover our 'Enterprise'-plan ></a>\n   </div>\n</div>\n\n\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%}.box{background:#fff73f}.box h3{margin-bottom:15px}.box img{border:3px solid #2f2f2f}\n"], dependencies: [{ kind: "directive", type: i2.BrandBackgroundDirective, selector: "[brandbackground]", inputs: ["palette"] }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.4", ngImport: i0, type: CoachingCenterTeaserComponent, deps: [{ token: VIEWSTATE_PROVIDER }, { token: i1.MatSnackBar }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.4", type: CoachingCenterTeaserComponent, selector: "coachingcenter-teaser", usesInheritance: true, ngImport: i0, template: "<div class=\"box doityourself\" brandbackground [palette]=\"'neutral'\">\n   <img class=\"responsive\" src=\"assets/img/coachingcenter-teaser.jpg\" />\n   <h3>Up your coaching offerings</h3>\n   <p>Learn where the teams of your clients or organizational units need your help the most. Our Coaching Center is tailored to coaching agencies and internal coaching groups. Discover opportunities, try our ready-made workshops and customize branding.</p>\n\n   <div class=\"link\">\n      <a href=\"https://youtu.be/VDvh774FmhM\" target=\"_blank\">Watch a Quick Tour ></a>\n   </div>\n   <div class=\"link\">\n      <a [href]=\"subscribeUrl\" target=\"_blank\">Discover our 'Enterprise'-plan ></a>\n   </div>\n</div>\n\n\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%}.box{background:#fff73f}.box h3{margin-bottom:15px}.box img{border:3px solid #2f2f2f}\n"], dependencies: [{ kind: "directive", type: i2.BrandBackgroundDirective, selector: "[brandbackground]", inputs: ["palette"] }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.1", ngImport: i0, type: CoachingCenterTeaserComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.4", ngImport: i0, type: CoachingCenterTeaserComponent, decorators: [{
             type: Component,
             args: [{ selector: 'coachingcenter-teaser', template: "<div class=\"box doityourself\" brandbackground [palette]=\"'neutral'\">\n   <img class=\"responsive\" src=\"assets/img/coachingcenter-teaser.jpg\" />\n   <h3>Up your coaching offerings</h3>\n   <p>Learn where the teams of your clients or organizational units need your help the most. Our Coaching Center is tailored to coaching agencies and internal coaching groups. Discover opportunities, try our ready-made workshops and customize branding.</p>\n\n   <div class=\"link\">\n      <a href=\"https://youtu.be/VDvh774FmhM\" target=\"_blank\">Watch a Quick Tour ></a>\n   </div>\n   <div class=\"link\">\n      <a [href]=\"subscribeUrl\" target=\"_blank\">Discover our 'Enterprise'-plan ></a>\n   </div>\n</div>\n\n\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%}.box{background:#fff73f}.box h3{margin-bottom:15px}.box img{border:3px solid #2f2f2f}\n"] }]
         }], ctorParameters: () => [{ type: i3.ViewModelStateBase, decorators: [{

package/esm2022/lib/results/components/delta-arrow/delta-arrow.component.mjs

@@ -21,10 +21,10 @@ export class DeltaArrowComponent {
             }
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.1", ngImport: i0, type: DeltaArrowComponent, deps: [{ token: i1.DatePipe }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.1", type: DeltaArrowComponent, selector: "delta-arrow", inputs: { factorScore: "factorScore", delta: "delta", noDataIndicator: "noDataIndicator" }, ngImport: i0, template: "<span [class]=\"'delta up'\" *ngIf=\"available && factorScore.delta > 0\" [matTooltip]=\"'The score on this factor improved by ' + factorScore.delta + ' points since ' + comparedTo\"><i [class]=\"'icon ph-trend-up-bold'\"></i>{{factorScore.delta}}</span>\n<span [class]=\"'delta down'\" *ngIf=\"available && factorScore.delta < 0\" [matTooltip]=\"'The score on this factor decreased by ' + factorScore.delta * -1 + ' points since ' + comparedTo\"><i [class]=\"'icon ph-trend-down-bold'\"></i>{{factorScore.delta * -1}}</span>\n<span [class]=\"'delta same'\" *ngIf=\"available && factorScore.delta == 0\" [matTooltip]=\"'The score on this factor did not change since ' + comparedTo\"><i [class]=\"'icon ph-arrow-right-bold'\"></i>{{factorScore.delta}}</span>\n<span [class]=\"'delta same'\" *ngIf=\"!available && noDataIndicator\" [matTooltip]=\"'This factor wasn\\'t measured as part of this snapshot, or we don\\'t have enough data for this factor yet to show a delta with the previous period.'\"><i [class]=\"'icon ph-arrow-right-bold'\"></i> ?</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%}\n"], dependencies: [{ kind: "directive", type: i1.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"] }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.4", ngImport: i0, type: DeltaArrowComponent, deps: [{ token: i1.DatePipe }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.4", type: DeltaArrowComponent, selector: "delta-arrow", inputs: { factorScore: "factorScore", delta: "delta", noDataIndicator: "noDataIndicator" }, ngImport: i0, template: "<span [class]=\"'delta up'\" *ngIf=\"available && factorScore.delta > 0\" [matTooltip]=\"'The score on this factor improved by ' + factorScore.delta + ' points since ' + comparedTo\"><i [class]=\"'icon ph-trend-up-bold'\"></i>{{factorScore.delta}}</span>\n<span [class]=\"'delta down'\" *ngIf=\"available && factorScore.delta < 0\" [matTooltip]=\"'The score on this factor decreased by ' + factorScore.delta * -1 + ' points since ' + comparedTo\"><i [class]=\"'icon ph-trend-down-bold'\"></i>{{factorScore.delta * -1}}</span>\n<span [class]=\"'delta same'\" *ngIf=\"available && factorScore.delta == 0\" [matTooltip]=\"'The score on this factor did not change since ' + comparedTo\"><i [class]=\"'icon ph-arrow-right-bold'\"></i>{{factorScore.delta}}</span>\n<span [class]=\"'delta same'\" *ngIf=\"!available && noDataIndicator\" [matTooltip]=\"'This factor wasn\\'t measured as part of this snapshot, or we don\\'t have enough data for this factor yet to show a delta with the previous period.'\"><i [class]=\"'icon ph-arrow-right-bold'\"></i> ?</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%}\n"], dependencies: [{ kind: "directive", type: i1.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"] }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.1", ngImport: i0, type: DeltaArrowComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.4", ngImport: i0, type: DeltaArrowComponent, decorators: [{
             type: Component,
             args: [{ selector: 'delta-arrow', template: "<span [class]=\"'delta up'\" *ngIf=\"available && factorScore.delta > 0\" [matTooltip]=\"'The score on this factor improved by ' + factorScore.delta + ' points since ' + comparedTo\"><i [class]=\"'icon ph-trend-up-bold'\"></i>{{factorScore.delta}}</span>\n<span [class]=\"'delta down'\" *ngIf=\"available && factorScore.delta < 0\" [matTooltip]=\"'The score on this factor decreased by ' + factorScore.delta * -1 + ' points since ' + comparedTo\"><i [class]=\"'icon ph-trend-down-bold'\"></i>{{factorScore.delta * -1}}</span>\n<span [class]=\"'delta same'\" *ngIf=\"available && factorScore.delta == 0\" [matTooltip]=\"'The score on this factor did not change since ' + comparedTo\"><i [class]=\"'icon ph-arrow-right-bold'\"></i>{{factorScore.delta}}</span>\n<span [class]=\"'delta same'\" *ngIf=\"!available && noDataIndicator\" [matTooltip]=\"'This factor wasn\\'t measured as part of this snapshot, or we don\\'t have enough data for this factor yet to show a delta with the previous period.'\"><i [class]=\"'icon ph-arrow-right-bold'\"></i> ?</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%}\n"] }]
         }], ctorParameters: () => [{ type: i1.DatePipe }], propDecorators: { factorScore: [{

package/esm2022/lib/results/components/doityourself/doityourself.component.mjs

@@ -7,10 +7,10 @@ export class DoItYourselfComponent {
     }
     ngOnInit() {
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.1", ngImport: i0, type: DoItYourselfComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.1", type: DoItYourselfComponent, selector: "doityourself", ngImport: i0, template: "<div class=\"box doityourself\" brandbackground [palette]=\"'neutral'\">\n   <img class=\"responsive\" src=\"assets/img/diy.png\" />\n   <h3>Interpret the results together</h3>\n   <p>We designed a 60-minute Retrospective to explore the results and identify improvements with your team.</p>\n\n   <div class=\"link\">\n      <a href=\"javascript:void(null);\" resourceDownloadDialog [publicKey]=\"'e0dd08d4-d44c-47b0-995c-6aa362f40498'\">Download ></a>\n   </div>\n</div>\n\n\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%}.box{background:#00af77}.box h3{margin-bottom:10px}\n"], dependencies: [{ kind: "directive", type: i1.BrandBackgroundDirective, selector: "[brandbackground]", inputs: ["palette"] }, { kind: "directive", type: i2.OpenResourceDownloadDialogDirective, selector: "[resourceDownloadDialog]", inputs: ["publicKey"] }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.4", ngImport: i0, type: DoItYourselfComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.4", type: DoItYourselfComponent, selector: "doityourself", ngImport: i0, template: "<div class=\"box doityourself\" brandbackground [palette]=\"'neutral'\">\n   <img class=\"responsive\" src=\"assets/img/diy.png\" />\n   <h3>Interpret the results together</h3>\n   <p>We designed a 60-minute Retrospective to explore the results and identify improvements with your team.</p>\n\n   <div class=\"link\">\n      <a href=\"javascript:void(null);\" resourceDownloadDialog [publicKey]=\"'e0dd08d4-d44c-47b0-995c-6aa362f40498'\">Download ></a>\n   </div>\n</div>\n\n\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%}.box{background:#00af77}.box h3{margin-bottom:10px}\n"], dependencies: [{ kind: "directive", type: i1.BrandBackgroundDirective, selector: "[brandbackground]", inputs: ["palette"] }, { kind: "directive", type: i2.OpenResourceDownloadDialogDirective, selector: "[resourceDownloadDialog]", inputs: ["publicKey"] }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.1", ngImport: i0, type: DoItYourselfComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.4", ngImport: i0, type: DoItYourselfComponent, decorators: [{
             type: Component,
             args: [{ selector: 'doityourself', template: "<div class=\"box doityourself\" brandbackground [palette]=\"'neutral'\">\n   <img class=\"responsive\" src=\"assets/img/diy.png\" />\n   <h3>Interpret the results together</h3>\n   <p>We designed a 60-minute Retrospective to explore the results and identify improvements with your team.</p>\n\n   <div class=\"link\">\n      <a href=\"javascript:void(null);\" resourceDownloadDialog [publicKey]=\"'e0dd08d4-d44c-47b0-995c-6aa362f40498'\">Download ></a>\n   </div>\n</div>\n\n\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%}.box{background:#00af77}.box h3{margin-bottom:10px}\n"] }]
         }], ctorParameters: () => [] });

package/esm2022/lib/results/components/doityourselfworkshops/doityourselfworkshops.component.mjs

@@ -24,10 +24,10 @@ export class DoItYourselfWorkshopsComponent extends ComponentWithViewStateBase {
     getResourceUrl(item) {
         return window.location.origin + this.baseUrl + 'tips?downloadKey=' + item.publicKey;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.1", ngImport: i0, type: DoItYourselfWorkshopsComponent, deps: [{ token: i1.MatSnackBar }, { token: VIEWSTATE_PROVIDER }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.1", type: DoItYourselfWorkshopsComponent, selector: "doityourselfworkshops", inputs: { factorScore: "factorScore", resources: "resources" }, usesInheritance: true, ngImport: i0, template: "<div class=\"resource\" *ngFor=\"let item of resources\" [id]=\"'resource-' + item.publicKey\">\n   <span *ngIf=\"item.publicKey != 'demo'\" class=\"type\" resourceDownloadDialog [publicKey]=\"item.publicKey\">\n      <span class=\"badge free\">download</span>\n   </span>\n   <span class=\"type\" *ngIf=\"item.publicKey == 'demo'\" subscribeDialog>\n      <span class=\"badge free\">download</span>\n   </span>\n   <div class=\"download\">{{item.title}}</div>\n   <a class=\"link addasaction\" href=\"javascript:void(null);\" addActionDialog [prefill]=\"{description: 'Run \\'' + item.title+ '\\'', teamKey: null, expectedImpactOn: [factorScore.key], type: InterventionTypeEnum.workshop, owner: null, quickTipPublicKey: null, url: getResourceUrl(item), state: InterventionStateEnum.open }\"><span class=\"ph-plus icon\"></span>Add as action</a>\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%}.resource{display:grid;grid-gap:15px;grid-template-columns:100px auto 135px;margin-bottom:5px;align-items:center}@media only screen and (max-width: 992px){.resource{display:flex;align-items:stretch;flex-direction:column}.resource .type{display:none}}.resource .type{text-decoration:none;flex:1}.resource .type .badge{color:#fff;font-weight:400;white-space:nowrap;cursor:pointer}.resource .type .badge.free{background:#00af77}.resource .type .badge.paid{background:#1f3f8f}.resource .download{flex:1;margin-top:5px;font-size:15px;line-height:140%}.resource .download a{text-decoration:none}.resource .link{flex:1;color:#2f2f2f!important;font-size:15px!important;font-weight:600;text-decoration:none}.resource .link .icon{font-size:20px!important}.discount{padding:10px;background:#f0f0f0;font-weight:300;font-size:15px}.discount .fas{margin-right:5px}\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: "directive", type: i3.OpenAddActionDialogDirective, selector: "[addActionDialog]", inputs: ["prefill"] }, { kind: "directive", type: i4.OpenSubscribeDialogDirective, selector: "[subscribeDialog]" }, { kind: "directive", type: i5.OpenResourceDownloadDialogDirective, selector: "[resourceDownloadDialog]", inputs: ["publicKey"] }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.4", ngImport: i0, type: DoItYourselfWorkshopsComponent, deps: [{ token: i1.MatSnackBar }, { token: VIEWSTATE_PROVIDER }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.4", type: DoItYourselfWorkshopsComponent, selector: "doityourselfworkshops", inputs: { factorScore: "factorScore", resources: "resources" }, usesInheritance: true, ngImport: i0, template: "<div class=\"resource\" *ngFor=\"let item of resources\" [id]=\"'resource-' + item.publicKey\">\n   <span *ngIf=\"item.publicKey != 'demo'\" class=\"type\" resourceDownloadDialog [publicKey]=\"item.publicKey\">\n      <span class=\"badge free\">download</span>\n   </span>\n   <span class=\"type\" *ngIf=\"item.publicKey == 'demo'\" subscribeDialog>\n      <span class=\"badge free\">download</span>\n   </span>\n   <div class=\"download\">{{item.title}}</div>\n   <a class=\"link addasaction\" href=\"javascript:void(null);\" addActionDialog [prefill]=\"{description: 'Run \\'' + item.title+ '\\'', teamKey: null, expectedImpactOn: [factorScore.key], type: InterventionTypeEnum.workshop, owner: null, quickTipPublicKey: null, url: getResourceUrl(item), state: InterventionStateEnum.open }\"><span class=\"ph-plus icon\"></span>Add as action</a>\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%}.resource{display:grid;grid-gap:15px;grid-template-columns:100px auto 135px;margin-bottom:5px;align-items:center}@media only screen and (max-width: 992px){.resource{display:flex;align-items:stretch;flex-direction:column}.resource .type{display:none}}.resource .type{text-decoration:none;flex:1}.resource .type .badge{color:#fff;font-weight:400;white-space:nowrap;cursor:pointer}.resource .type .badge.free{background:#00af77}.resource .type .badge.paid{background:#1f3f8f}.resource .download{flex:1;margin-top:5px;font-size:15px;line-height:140%}.resource .download a{text-decoration:none}.resource .link{flex:1;color:#2f2f2f!important;font-size:15px!important;font-weight:600;text-decoration:none}.resource .link .icon{font-size:20px!important}.discount{padding:10px;background:#f0f0f0;font-weight:300;font-size:15px}.discount .fas{margin-right:5px}\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: "directive", type: i3.OpenAddActionDialogDirective, selector: "[addActionDialog]", inputs: ["prefill"] }, { kind: "directive", type: i4.OpenSubscribeDialogDirective, selector: "[subscribeDialog]" }, { kind: "directive", type: i5.OpenResourceDownloadDialogDirective, selector: "[resourceDownloadDialog]", inputs: ["publicKey"] }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.1", ngImport: i0, type: DoItYourselfWorkshopsComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.4", ngImport: i0, type: DoItYourselfWorkshopsComponent, decorators: [{
             type: Component,
             args: [{ selector: 'doityourselfworkshops', template: "<div class=\"resource\" *ngFor=\"let item of resources\" [id]=\"'resource-' + item.publicKey\">\n   <span *ngIf=\"item.publicKey != 'demo'\" class=\"type\" resourceDownloadDialog [publicKey]=\"item.publicKey\">\n      <span class=\"badge free\">download</span>\n   </span>\n   <span class=\"type\" *ngIf=\"item.publicKey == 'demo'\" subscribeDialog>\n      <span class=\"badge free\">download</span>\n   </span>\n   <div class=\"download\">{{item.title}}</div>\n   <a class=\"link addasaction\" href=\"javascript:void(null);\" addActionDialog [prefill]=\"{description: 'Run \\'' + item.title+ '\\'', teamKey: null, expectedImpactOn: [factorScore.key], type: InterventionTypeEnum.workshop, owner: null, quickTipPublicKey: null, url: getResourceUrl(item), state: InterventionStateEnum.open }\"><span class=\"ph-plus icon\"></span>Add as action</a>\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%}.resource{display:grid;grid-gap:15px;grid-template-columns:100px auto 135px;margin-bottom:5px;align-items:center}@media only screen and (max-width: 992px){.resource{display:flex;align-items:stretch;flex-direction:column}.resource .type{display:none}}.resource .type{text-decoration:none;flex:1}.resource .type .badge{color:#fff;font-weight:400;white-space:nowrap;cursor:pointer}.resource .type .badge.free{background:#00af77}.resource .type .badge.paid{background:#1f3f8f}.resource .download{flex:1;margin-top:5px;font-size:15px;line-height:140%}.resource .download a{text-decoration:none}.resource .link{flex:1;color:#2f2f2f!important;font-size:15px!important;font-weight:600;text-decoration:none}.resource .link .icon{font-size:20px!important}.discount{padding:10px;background:#f0f0f0;font-weight:300;font-size:15px}.discount .fas{margin-right:5px}\n"] }]
         }], ctorParameters: () => [{ type: i1.MatSnackBar }, { type: i6.ViewModelStateBase, decorators: [{

package/esm2022/lib/results/components/factor-axis/factor-axis.component.mjs

@@ -43,10 +43,10 @@ export class FactorAxisComponent extends ComponentWithViewStateBase {
         this.subscribed = data.isSubscriber;
     }
     ;
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.1", ngImport: i0, type: FactorAxisComponent, deps: [{ token: VIEWSTATE_PROVIDER }, { token: i1.MatDialog }, { token: i2.MatSnackBar }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.1", type: FactorAxisComponent, selector: "factor-axis", inputs: { dimensionSelector: "dimensionSelector", showIndividualScore: "showIndividualScore", showTeamRange: "showTeamRange" }, usesInheritance: true, ngImport: i0, template: "<div class=\"factorwithscale\" *ngIf=\"loaded\" [ngClass]=\"{'factor-notmeasured' : !dataAvailable}\">\n   <div class=\"anchors\">\n      <div factorInformationDialog [factor]=\"dimensionSelector\" class=\"anchor title\">{{name}}</div>\n      <a class=\"anonymized\" *ngIf=\"notes && notes.length > 0\" href=\"javascript:void(null);\" notesDialog [notes]=\"notes\"><span class=\"icon ph-warning-fill\"></span></a>\n      <delta-arrow [factorScore]=\"factorScore\" [delta]=\"delta\"></delta-arrow>\n      <span [class]=\"'delta up'\" *ngIf=\"!delta.available\" [matTooltip]=\"'Re-take the questionnaire at a later moment to learn how your team improves over time. Set a Reminder from this report. Or subscribe to gain access to the teams dashboard, which makes it easier to create new snapshots.'\"><i [class]=\"'icon ph-trend-up-bold'\"></i>?</span>\n   </div>\n   <div class=\"axiscontainer\">\n      <div class=\"axis\">\n         <ng-container *ngFor=\"let segment of segments\">\n            <div *ngIf=\"segment.type == 'Segment'\" matTooltipPosition=\"right\" [matTooltip]='segment.name + \" (\" + segment.occurances + \"x) : \" + segment.normalizedScore' [ngStyle]=\"{'left': segment.normalizedScore + '%' }\" [attr.normalizedScore]=\"segment.normalizedScore\" [class]='\"marker \" + segment.name | lowercase'>\n               <div class=\"occurances\">{{segment.occurances}}x</div>\n               <img [src]='\"/assets/img/marker-\" + segment.name.toLowerCase() + \".svg\"' />\n            </div>\n            <div *ngIf=\"segment.type == 'Individual' && showIndividualScore\" matTooltipPosition=\"right\" [matTooltip]='segment.name + \" (\" + segment.occurances + \"x) : \" + segment.normalizedScore' [ngStyle]=\"{'left': segment.normalizedScore + '%' }\" [attr.normalizedScore]=\"segment.normalizedScore\" [class]='\"marker \" + segment.name | lowercase'>\n               <div class=\"occurances\"></div>\n               <img [src]='\"/assets/img/marker-you.svg\"' />\n            </div>\n         </ng-container>\n         <ng-container *ngIf=\"benchmarkScore != 0\">\n            <div class=\"confidence\" [ngStyle]=\"{ 'left': benchmarkLowerQuartile + '%', 'width': (benchmarkUpperQuartile - benchmarkLowerQuartile) + '%' }\" matTooltipPosition=\"right\" [matTooltip]='\"Most of the teams in the selected benchmark have a score in this range \" + benchmarkLowerQuartile + \" (lowest 15% of teams) to \" + benchmarkUpperQuartile + \" (highest 15% of teams)]\"'></div>\n         </ng-container>\n         <ng-container *ngIf=\"showTeamRange\">\n            <div *ngFor=\"let segment of segments\" [class]='\"range \" + segment.name | lowercase' [ngStyle]=\"{ 'left': segment.lowerConfidence + '%', 'width': (segment.upperConfidence - segment.lowerConfidence) + '%' }\" [matTooltip]='segment.name + \" (\" + segment.occurances + \"x): scores range from \" + segment.lowerConfidence + \" (15% percentile) to \" + segment.upperConfidence + \" (85% percentile)\"'></div>\n         </ng-container>\n      </div>\n   </div>\n   <div class=\"details\">\n      <div class=\"feedback\">\n         <span class=\"score\" *ngIf=\"dataAvailable\"><tip-badge [dimension]=\"dimensionSelector.publicKey\"></tip-badge></span>\n         <span class=\"score\" *ngIf=\"!dataAvailable\"><span class=\"badge nofeedback\">not measured</span></span>\n         <a *ngIf=\"feedbackAvailable\" class=\"feedback-link\" [routerLink]=\"[baseUrl, 'tips']\" [fragment]=\"dimensionSelector.publicKey\">how to improve ></a>\n         <a *ngIf=\"!feedbackAvailable && !subscribed\" class=\"feedback-link\" [routerLink]=\"[]\" subscribeDialog>more feedback?</a>\n      </div>\n      <div class=\"expand\" *ngIf=\"!expandLowerDimensions && dimensionSelector.lower.length != 0 && dataAvailable\" (click)=\"expandLowerDimensions = true\">\n         <span class=\"icon ph-plus-bold\"></span>\n      </div>\n      <div class=\"expand\" *ngIf=\"expandLowerDimensions && dimensionSelector.lower.length != 0 && dataAvailable\" (click)=\"expandLowerDimensions = false\">\n         <span class=\"icon ph-minus-bold\"></span>\n      </div>\n   </div>\n\n   <div class=\"lowerdimensions\" *ngIf=\"dimensionSelector.lower.length != 0 && expandLowerDimensions\">\n      <p class=\"decomposition\">The score for {{dimensionSelector.name}} has the following lower-order factors:</p>\n      <div class=\"dimension\" *ngFor=\"let dimension of dimensionSelector.lower\">\n         <factor-axis [showIndividualScore]=\"showIndividualScore\" [showTeamRange]=\"showTeamRange\" [dimensionSelector]=\"dimension\"></factor-axis>\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%}\n"], dependencies: [{ kind: "directive", type: i3.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i3.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "directive", type: i4.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "directive", type: i5.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "directive", type: i6.OpenSubscribeDialogDirective, selector: "[subscribeDialog]" }, { kind: "directive", type: i7.OpenFactorInformationDialogDirective, selector: "[factorInformationDialog]", inputs: ["factor"] }, { kind: "component", type: i8.DeltaArrowComponent, selector: "delta-arrow", inputs: ["factorScore", "delta", "noDataIndicator"] }, { kind: "component", type: FactorAxisComponent, selector: "factor-axis", inputs: ["dimensionSelector", "showIndividualScore", "showTeamRange"] }, { kind: "component", type: i9.TipBadgeComponent, selector: "tip-badge", inputs: ["dimension"] }, { kind: "directive", type: i10.OpenNotesDialogDirective, selector: "[notesDialog]", inputs: ["notes"] }, { kind: "pipe", type: i3.LowerCasePipe, name: "lowercase" }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.4", ngImport: i0, type: FactorAxisComponent, deps: [{ token: VIEWSTATE_PROVIDER }, { token: i1.MatDialog }, { token: i2.MatSnackBar }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.4", type: FactorAxisComponent, selector: "factor-axis", inputs: { dimensionSelector: "dimensionSelector", showIndividualScore: "showIndividualScore", showTeamRange: "showTeamRange" }, usesInheritance: true, ngImport: i0, template: "<div class=\"factorwithscale\" *ngIf=\"loaded\" [ngClass]=\"{'factor-notmeasured' : !dataAvailable}\">\n   <div class=\"anchors\">\n      <div factorInformationDialog [factor]=\"dimensionSelector\" class=\"anchor title\">{{name}}</div>\n      <a class=\"anonymized\" *ngIf=\"notes && notes.length > 0\" href=\"javascript:void(null);\" notesDialog [notes]=\"notes\"><span class=\"icon ph-warning-fill\"></span></a>\n      <delta-arrow [factorScore]=\"factorScore\" [delta]=\"delta\"></delta-arrow>\n      <span [class]=\"'delta up'\" *ngIf=\"!delta.available\" [matTooltip]=\"'Re-take the questionnaire at a later moment to learn how your team improves over time. Set a Reminder from this report. Or subscribe to gain access to the teams dashboard, which makes it easier to create new snapshots.'\"><i [class]=\"'icon ph-trend-up-bold'\"></i>?</span>\n   </div>\n   <div class=\"axiscontainer\">\n      <div class=\"axis\">\n         <ng-container *ngFor=\"let segment of segments\">\n            <div *ngIf=\"segment.type == 'Segment'\" matTooltipPosition=\"right\" [matTooltip]='segment.name + \" (\" + segment.occurances + \"x) : \" + segment.normalizedScore' [ngStyle]=\"{'left': segment.normalizedScore + '%' }\" [attr.normalizedScore]=\"segment.normalizedScore\" [class]='\"marker \" + segment.name | lowercase'>\n               <div class=\"occurances\">{{segment.occurances}}x</div>\n               <img [src]='\"/assets/img/marker-\" + segment.name.toLowerCase() + \".svg\"' />\n            </div>\n            <div *ngIf=\"segment.type == 'Individual' && showIndividualScore\" matTooltipPosition=\"right\" [matTooltip]='segment.name + \" (\" + segment.occurances + \"x) : \" + segment.normalizedScore' [ngStyle]=\"{'left': segment.normalizedScore + '%' }\" [attr.normalizedScore]=\"segment.normalizedScore\" [class]='\"marker \" + segment.name | lowercase'>\n               <div class=\"occurances\"></div>\n               <img [src]='\"/assets/img/marker-you.svg\"' />\n            </div>\n         </ng-container>\n         <ng-container *ngIf=\"benchmarkScore != 0\">\n            <div class=\"confidence\" [ngStyle]=\"{ 'left': benchmarkLowerQuartile + '%', 'width': (benchmarkUpperQuartile - benchmarkLowerQuartile) + '%' }\" matTooltipPosition=\"right\" [matTooltip]='\"Most of the teams in the selected benchmark have a score in this range \" + benchmarkLowerQuartile + \" (lowest 15% of teams) to \" + benchmarkUpperQuartile + \" (highest 15% of teams)]\"'></div>\n         </ng-container>\n         <ng-container *ngIf=\"showTeamRange\">\n            <div *ngFor=\"let segment of segments\" [class]='\"range \" + segment.name | lowercase' [ngStyle]=\"{ 'left': segment.lowerConfidence + '%', 'width': (segment.upperConfidence - segment.lowerConfidence) + '%' }\" [matTooltip]='segment.name + \" (\" + segment.occurances + \"x): scores range from \" + segment.lowerConfidence + \" (15% percentile) to \" + segment.upperConfidence + \" (85% percentile)\"'></div>\n         </ng-container>\n      </div>\n   </div>\n   <div class=\"details\">\n      <div class=\"feedback\">\n         <span class=\"score\" *ngIf=\"dataAvailable\"><tip-badge [dimension]=\"dimensionSelector.publicKey\"></tip-badge></span>\n         <span class=\"score\" *ngIf=\"!dataAvailable\"><span class=\"badge nofeedback\">not measured</span></span>\n         <a *ngIf=\"feedbackAvailable\" class=\"feedback-link\" [routerLink]=\"[baseUrl, 'tips']\" [fragment]=\"dimensionSelector.publicKey\">how to improve ></a>\n         <a *ngIf=\"!feedbackAvailable && !subscribed\" class=\"feedback-link\" [routerLink]=\"[]\" subscribeDialog>more feedback?</a>\n      </div>\n      <div class=\"expand\" *ngIf=\"!expandLowerDimensions && dimensionSelector.lower.length != 0 && dataAvailable\" (click)=\"expandLowerDimensions = true\">\n         <span class=\"icon ph-plus-bold\"></span>\n      </div>\n      <div class=\"expand\" *ngIf=\"expandLowerDimensions && dimensionSelector.lower.length != 0 && dataAvailable\" (click)=\"expandLowerDimensions = false\">\n         <span class=\"icon ph-minus-bold\"></span>\n      </div>\n   </div>\n\n   <div class=\"lowerdimensions\" *ngIf=\"dimensionSelector.lower.length != 0 && expandLowerDimensions\">\n      <p class=\"decomposition\">The score for {{dimensionSelector.name}} has the following lower-order factors:</p>\n      <div class=\"dimension\" *ngFor=\"let dimension of dimensionSelector.lower\">\n         <factor-axis [showIndividualScore]=\"showIndividualScore\" [showTeamRange]=\"showTeamRange\" [dimensionSelector]=\"dimension\"></factor-axis>\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%}\n"], dependencies: [{ kind: "directive", type: i3.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i3.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "directive", type: i4.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "directive", type: i5.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "directive", type: i6.OpenSubscribeDialogDirective, selector: "[subscribeDialog]" }, { kind: "directive", type: i7.OpenFactorInformationDialogDirective, selector: "[factorInformationDialog]", inputs: ["factor"] }, { kind: "component", type: i8.DeltaArrowComponent, selector: "delta-arrow", inputs: ["factorScore", "delta", "noDataIndicator"] }, { kind: "component", type: FactorAxisComponent, selector: "factor-axis", inputs: ["dimensionSelector", "showIndividualScore", "showTeamRange"] }, { kind: "component", type: i9.TipBadgeComponent, selector: "tip-badge", inputs: ["dimension"] }, { kind: "directive", type: i10.OpenNotesDialogDirective, selector: "[notesDialog]", inputs: ["notes"] }, { kind: "pipe", type: i3.LowerCasePipe, name: "lowercase" }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.1", ngImport: i0, type: FactorAxisComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.4", ngImport: i0, type: FactorAxisComponent, decorators: [{
             type: Component,
             args: [{ selector: 'factor-axis', template: "<div class=\"factorwithscale\" *ngIf=\"loaded\" [ngClass]=\"{'factor-notmeasured' : !dataAvailable}\">\n   <div class=\"anchors\">\n      <div factorInformationDialog [factor]=\"dimensionSelector\" class=\"anchor title\">{{name}}</div>\n      <a class=\"anonymized\" *ngIf=\"notes && notes.length > 0\" href=\"javascript:void(null);\" notesDialog [notes]=\"notes\"><span class=\"icon ph-warning-fill\"></span></a>\n      <delta-arrow [factorScore]=\"factorScore\" [delta]=\"delta\"></delta-arrow>\n      <span [class]=\"'delta up'\" *ngIf=\"!delta.available\" [matTooltip]=\"'Re-take the questionnaire at a later moment to learn how your team improves over time. Set a Reminder from this report. Or subscribe to gain access to the teams dashboard, which makes it easier to create new snapshots.'\"><i [class]=\"'icon ph-trend-up-bold'\"></i>?</span>\n   </div>\n   <div class=\"axiscontainer\">\n      <div class=\"axis\">\n         <ng-container *ngFor=\"let segment of segments\">\n            <div *ngIf=\"segment.type == 'Segment'\" matTooltipPosition=\"right\" [matTooltip]='segment.name + \" (\" + segment.occurances + \"x) : \" + segment.normalizedScore' [ngStyle]=\"{'left': segment.normalizedScore + '%' }\" [attr.normalizedScore]=\"segment.normalizedScore\" [class]='\"marker \" + segment.name | lowercase'>\n               <div class=\"occurances\">{{segment.occurances}}x</div>\n               <img [src]='\"/assets/img/marker-\" + segment.name.toLowerCase() + \".svg\"' />\n            </div>\n            <div *ngIf=\"segment.type == 'Individual' && showIndividualScore\" matTooltipPosition=\"right\" [matTooltip]='segment.name + \" (\" + segment.occurances + \"x) : \" + segment.normalizedScore' [ngStyle]=\"{'left': segment.normalizedScore + '%' }\" [attr.normalizedScore]=\"segment.normalizedScore\" [class]='\"marker \" + segment.name | lowercase'>\n               <div class=\"occurances\"></div>\n               <img [src]='\"/assets/img/marker-you.svg\"' />\n            </div>\n         </ng-container>\n         <ng-container *ngIf=\"benchmarkScore != 0\">\n            <div class=\"confidence\" [ngStyle]=\"{ 'left': benchmarkLowerQuartile + '%', 'width': (benchmarkUpperQuartile - benchmarkLowerQuartile) + '%' }\" matTooltipPosition=\"right\" [matTooltip]='\"Most of the teams in the selected benchmark have a score in this range \" + benchmarkLowerQuartile + \" (lowest 15% of teams) to \" + benchmarkUpperQuartile + \" (highest 15% of teams)]\"'></div>\n         </ng-container>\n         <ng-container *ngIf=\"showTeamRange\">\n            <div *ngFor=\"let segment of segments\" [class]='\"range \" + segment.name | lowercase' [ngStyle]=\"{ 'left': segment.lowerConfidence + '%', 'width': (segment.upperConfidence - segment.lowerConfidence) + '%' }\" [matTooltip]='segment.name + \" (\" + segment.occurances + \"x): scores range from \" + segment.lowerConfidence + \" (15% percentile) to \" + segment.upperConfidence + \" (85% percentile)\"'></div>\n         </ng-container>\n      </div>\n   </div>\n   <div class=\"details\">\n      <div class=\"feedback\">\n         <span class=\"score\" *ngIf=\"dataAvailable\"><tip-badge [dimension]=\"dimensionSelector.publicKey\"></tip-badge></span>\n         <span class=\"score\" *ngIf=\"!dataAvailable\"><span class=\"badge nofeedback\">not measured</span></span>\n         <a *ngIf=\"feedbackAvailable\" class=\"feedback-link\" [routerLink]=\"[baseUrl, 'tips']\" [fragment]=\"dimensionSelector.publicKey\">how to improve ></a>\n         <a *ngIf=\"!feedbackAvailable && !subscribed\" class=\"feedback-link\" [routerLink]=\"[]\" subscribeDialog>more feedback?</a>\n      </div>\n      <div class=\"expand\" *ngIf=\"!expandLowerDimensions && dimensionSelector.lower.length != 0 && dataAvailable\" (click)=\"expandLowerDimensions = true\">\n         <span class=\"icon ph-plus-bold\"></span>\n      </div>\n      <div class=\"expand\" *ngIf=\"expandLowerDimensions && dimensionSelector.lower.length != 0 && dataAvailable\" (click)=\"expandLowerDimensions = false\">\n         <span class=\"icon ph-minus-bold\"></span>\n      </div>\n   </div>\n\n   <div class=\"lowerdimensions\" *ngIf=\"dimensionSelector.lower.length != 0 && expandLowerDimensions\">\n      <p class=\"decomposition\">The score for {{dimensionSelector.name}} has the following lower-order factors:</p>\n      <div class=\"dimension\" *ngFor=\"let dimension of dimensionSelector.lower\">\n         <factor-axis [showIndividualScore]=\"showIndividualScore\" [showTeamRange]=\"showTeamRange\" [dimensionSelector]=\"dimension\"></factor-axis>\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%}\n"] }]
         }], ctorParameters: () => [{ type: i11.ViewModelStateBase, decorators: [{

package/esm2022/lib/results/components/factors/factors.component.mjs

@@ -33,10 +33,10 @@ export class FactorsComponent extends ComponentWithViewStateBase {
         this.factors = data.factorScores.modelStructure.definition.factors.filter(p => p.parentKey == null);
     }
     ;
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.1", ngImport: i0, type: FactorsComponent, deps: [{ token: VIEWSTATE_PROVIDER }, { token: i1.MatSnackBar }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.1", type: FactorsComponent, selector: "factors", usesInheritance: true, ngImport: i0, template: "<div class=\"results\" *ngIf=\"loaded\">\n   <limitationsapply [notes]=\"globalNotes\"></limitationsapply>\n\n   <div class=\"resultstoolbar\">\n      <h3>Detailed results</h3>\n      <div class=\"legend\">\n         <div class=\"column you\" *ngIf=\"showParticipant\">\n            <span class=\"marker\"></span>\n            <span class=\"label\">you</span>\n         </div>\n\n         <div [class]=\"'column ' + segment.name | lowercase\" *ngFor=\"let segment of populationSegments\">\n            <span class=\"marker\"></span>\n            <span class=\"label\">{{segment.name | lowercase}} {{segment.occurances || 1}}x</span>\n         </div>\n\n         <div class=\"column confidence\">\n            <span class=\"marker\"></span>\n            <span class=\"label\">benchmark '{{benchmarkName}}' <a [routerLink]=\"[]\" id=\"change-benchmark\" settingsDialog><span class=\"icon ph-faders-bold\"></span></a></span>\n         </div>\n      </div>\n      <div class=\"filters\">\n         <mat-slide-toggle *ngIf=\"showParticipant\" class=\"toggle showmyscores\" [(ngModel)]=\"showIndividualScore\">Show my scores</mat-slide-toggle>\n         <mat-slide-toggle class=\"toggle showscoringrange\" [(ngModel)]=\"showTeamRange\" *ngIf=\"subscribed\">Show range of scores in my team</mat-slide-toggle>\n         <mat-slide-toggle class=\"toggle showscoringrange\" *ngIf=\"!subscribed\" subscribeDialog>Show range of scores in my team</mat-slide-toggle>\n      </div>\n   </div>\n\n   <div class=\"dimensions\">\n      <div class=\"dimension\" *ngFor=\"let factor of factors\" [id]=\"'factor-' + factor.name | slugify\">\n         <factor-axis [showIndividualScore]=\"showIndividualScore\" [showTeamRange]=\"showTeamRange\" [dimensionSelector]=\"factor\"></factor-axis>\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%}.results{margin-bottom:50px}.results .moreparticipantsneeded{background:#ef6f00;padding:15px;color:#fff}.results .dimensions{border:3px solid #f0f0f0}.results .dimension{border-bottom:3px solid #f0f0f0}.results .dimension:last-of-type{border-bottom:none}.results .resultstoolbar{padding:20px;background:#f0f0f0;position:relative}.results .resultstoolbar .warning{position:absolute;top:25px;right:25px;text-decoration:none;color:#ef6f00}.results .resultstoolbar .warning .icon{font-size:36px}.results .resultstoolbar .legend .column .label a{text-decoration:none}.results .resultstoolbar .legend .column .label .icon{margin-left:5px;font-size:18px}.results .resultstoolbar .legend .column.you .marker{background:#1f3f8f}.results .resultstoolbar .legend .column.teammember .marker{background:#00af77}.results .resultstoolbar .legend .column.stakeholder .marker{background:#fff73f}.results .resultstoolbar .legend .column.supporter .marker{background:#ef6f00}.results .resultstoolbar .legend .column.confidence .marker{background:#ef59a1}.results .resultstoolbar .filters{margin-top:30px;align-items:center;display:flex}@media only screen and (max-width: 1320px){.results .resultstoolbar .filters{display:block}}.results .resultstoolbar .filters .toggle{margin-right:30px}\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: "directive", type: i3.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "directive", type: i4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i4.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i5.MatSlideToggle, selector: "mat-slide-toggle", inputs: ["name", "id", "labelPosition", "aria-label", "aria-labelledby", "aria-describedby", "required", "color", "disabled", "disableRipple", "tabIndex", "checked", "hideIcon"], outputs: ["change", "toggleChange"], exportAs: ["matSlideToggle"] }, { kind: "directive", type: i6.OpenSubscribeDialogDirective, selector: "[subscribeDialog]" }, { kind: "directive", type: i7.OpenSettingsDialogDirective, selector: "[settingsDialog]", inputs: ["showSettingStacking"] }, { kind: "component", type: i8.FactorAxisComponent, selector: "factor-axis", inputs: ["dimensionSelector", "showIndividualScore", "showTeamRange"] }, { kind: "component", type: i9.LimitationsApplyComponent, selector: "limitationsapply", inputs: ["notes"] }, { kind: "pipe", type: i2.LowerCasePipe, name: "lowercase" }, { kind: "pipe", type: i10.SlugifyPipe, name: "slugify" }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.4", ngImport: i0, type: FactorsComponent, deps: [{ token: VIEWSTATE_PROVIDER }, { token: i1.MatSnackBar }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.4", type: FactorsComponent, selector: "factors", usesInheritance: true, ngImport: i0, template: "<div class=\"results\" *ngIf=\"loaded\">\n   <limitationsapply [notes]=\"globalNotes\"></limitationsapply>\n\n   <div class=\"resultstoolbar\">\n      <h3>Detailed results</h3>\n      <div class=\"legend\">\n         <div class=\"column you\" *ngIf=\"showParticipant\">\n            <span class=\"marker\"></span>\n            <span class=\"label\">you</span>\n         </div>\n\n         <div [class]=\"'column ' + segment.name | lowercase\" *ngFor=\"let segment of populationSegments\">\n            <span class=\"marker\"></span>\n            <span class=\"label\">{{segment.name | lowercase}} {{segment.occurances || 1}}x</span>\n         </div>\n\n         <div class=\"column confidence\">\n            <span class=\"marker\"></span>\n            <span class=\"label\">benchmark '{{benchmarkName}}' <a [routerLink]=\"[]\" id=\"change-benchmark\" settingsDialog><span class=\"icon ph-faders-bold\"></span></a></span>\n         </div>\n      </div>\n      <div class=\"filters\">\n         <mat-slide-toggle *ngIf=\"showParticipant\" class=\"toggle showmyscores\" [(ngModel)]=\"showIndividualScore\">Show my scores</mat-slide-toggle>\n         <mat-slide-toggle class=\"toggle showscoringrange\" [(ngModel)]=\"showTeamRange\" *ngIf=\"subscribed\">Show range of scores in my team</mat-slide-toggle>\n         <mat-slide-toggle class=\"toggle showscoringrange\" *ngIf=\"!subscribed\" subscribeDialog>Show range of scores in my team</mat-slide-toggle>\n      </div>\n   </div>\n\n   <div class=\"dimensions\">\n      <div class=\"dimension\" *ngFor=\"let factor of factors\" [id]=\"'factor-' + factor.name | slugify\">\n         <factor-axis [showIndividualScore]=\"showIndividualScore\" [showTeamRange]=\"showTeamRange\" [dimensionSelector]=\"factor\"></factor-axis>\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%}.results{margin-bottom:50px}.results .moreparticipantsneeded{background:#ef6f00;padding:15px;color:#fff}.results .dimensions{border:3px solid #f0f0f0}.results .dimension{border-bottom:3px solid #f0f0f0}.results .dimension:last-of-type{border-bottom:none}.results .resultstoolbar{padding:20px;background:#f0f0f0;position:relative}.results .resultstoolbar .warning{position:absolute;top:25px;right:25px;text-decoration:none;color:#ef6f00}.results .resultstoolbar .warning .icon{font-size:36px}.results .resultstoolbar .legend .column .label a{text-decoration:none}.results .resultstoolbar .legend .column .label .icon{margin-left:5px;font-size:18px}.results .resultstoolbar .legend .column.you .marker{background:#1f3f8f}.results .resultstoolbar .legend .column.teammember .marker{background:#00af77}.results .resultstoolbar .legend .column.stakeholder .marker{background:#fff73f}.results .resultstoolbar .legend .column.supporter .marker{background:#ef6f00}.results .resultstoolbar .legend .column.confidence .marker{background:#ef59a1}.results .resultstoolbar .filters{margin-top:30px;align-items:center;display:flex}@media only screen and (max-width: 1320px){.results .resultstoolbar .filters{display:block}}.results .resultstoolbar .filters .toggle{margin-right:30px}\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: "directive", type: i3.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "directive", type: i4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i4.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i5.MatSlideToggle, selector: "mat-slide-toggle", inputs: ["name", "id", "labelPosition", "aria-label", "aria-labelledby", "aria-describedby", "required", "color", "disabled", "disableRipple", "tabIndex", "checked", "hideIcon", "disabledInteractive"], outputs: ["change", "toggleChange"], exportAs: ["matSlideToggle"] }, { kind: "directive", type: i6.OpenSubscribeDialogDirective, selector: "[subscribeDialog]" }, { kind: "directive", type: i7.OpenSettingsDialogDirective, selector: "[settingsDialog]", inputs: ["showSettingStacking"] }, { kind: "component", type: i8.FactorAxisComponent, selector: "factor-axis", inputs: ["dimensionSelector", "showIndividualScore", "showTeamRange"] }, { kind: "component", type: i9.LimitationsApplyComponent, selector: "limitationsapply", inputs: ["notes"] }, { kind: "pipe", type: i2.LowerCasePipe, name: "lowercase" }, { kind: "pipe", type: i10.SlugifyPipe, name: "slugify" }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.1", ngImport: i0, type: FactorsComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.4", ngImport: i0, type: FactorsComponent, decorators: [{
             type: Component,
             args: [{ selector: 'factors', template: "<div class=\"results\" *ngIf=\"loaded\">\n   <limitationsapply [notes]=\"globalNotes\"></limitationsapply>\n\n   <div class=\"resultstoolbar\">\n      <h3>Detailed results</h3>\n      <div class=\"legend\">\n         <div class=\"column you\" *ngIf=\"showParticipant\">\n            <span class=\"marker\"></span>\n            <span class=\"label\">you</span>\n         </div>\n\n         <div [class]=\"'column ' + segment.name | lowercase\" *ngFor=\"let segment of populationSegments\">\n            <span class=\"marker\"></span>\n            <span class=\"label\">{{segment.name | lowercase}} {{segment.occurances || 1}}x</span>\n         </div>\n\n         <div class=\"column confidence\">\n            <span class=\"marker\"></span>\n            <span class=\"label\">benchmark '{{benchmarkName}}' <a [routerLink]=\"[]\" id=\"change-benchmark\" settingsDialog><span class=\"icon ph-faders-bold\"></span></a></span>\n         </div>\n      </div>\n      <div class=\"filters\">\n         <mat-slide-toggle *ngIf=\"showParticipant\" class=\"toggle showmyscores\" [(ngModel)]=\"showIndividualScore\">Show my scores</mat-slide-toggle>\n         <mat-slide-toggle class=\"toggle showscoringrange\" [(ngModel)]=\"showTeamRange\" *ngIf=\"subscribed\">Show range of scores in my team</mat-slide-toggle>\n         <mat-slide-toggle class=\"toggle showscoringrange\" *ngIf=\"!subscribed\" subscribeDialog>Show range of scores in my team</mat-slide-toggle>\n      </div>\n   </div>\n\n   <div class=\"dimensions\">\n      <div class=\"dimension\" *ngFor=\"let factor of factors\" [id]=\"'factor-' + factor.name | slugify\">\n         <factor-axis [showIndividualScore]=\"showIndividualScore\" [showTeamRange]=\"showTeamRange\" [dimensionSelector]=\"factor\"></factor-axis>\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%}.results{margin-bottom:50px}.results .moreparticipantsneeded{background:#ef6f00;padding:15px;color:#fff}.results .dimensions{border:3px solid #f0f0f0}.results .dimension{border-bottom:3px solid #f0f0f0}.results .dimension:last-of-type{border-bottom:none}.results .resultstoolbar{padding:20px;background:#f0f0f0;position:relative}.results .resultstoolbar .warning{position:absolute;top:25px;right:25px;text-decoration:none;color:#ef6f00}.results .resultstoolbar .warning .icon{font-size:36px}.results .resultstoolbar .legend .column .label a{text-decoration:none}.results .resultstoolbar .legend .column .label .icon{margin-left:5px;font-size:18px}.results .resultstoolbar .legend .column.you .marker{background:#1f3f8f}.results .resultstoolbar .legend .column.teammember .marker{background:#00af77}.results .resultstoolbar .legend .column.stakeholder .marker{background:#fff73f}.results .resultstoolbar .legend .column.supporter .marker{background:#ef6f00}.results .resultstoolbar .legend .column.confidence .marker{background:#ef59a1}.results .resultstoolbar .filters{margin-top:30px;align-items:center;display:flex}@media only screen and (max-width: 1320px){.results .resultstoolbar .filters{display:block}}.results .resultstoolbar .filters .toggle{margin-right:30px}\n"] }]
         }], ctorParameters: () => [{ type: i11.ViewModelStateBase, decorators: [{

package/esm2022/lib/results/components/filter-tags/filter-tags.component.mjs

@@ -16,10 +16,10 @@ export class FilterTagsComponent {
         }
         await this.userSettings.apply();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.1", ngImport: i0, type: FilterTagsComponent, deps: [{ token: VIEWSTATE_USERSETTINGS_STRATEGY }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.1", type: FilterTagsComponent, selector: "filter-tags", inputs: { tags: "tags" }, ngImport: i0, template: "<div class=\"tags tags-clickable\">\n   <div *ngFor=\"let tag of tags\" class=\"tag\" (click)=\"filterByTag(tag)\" title=\"Click to filter only by this tag\">{{tag}}</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%}.team-dashboard-removed{height:100%;width:100%;min-height:400px;border:2px dotted #f0f0f0;display:flex;justify-content:center;align-items:center;font-size:15px;font-family:StevieSans,sans-serif;color:#a3a3a3;text-transform:uppercase}.team-dashboard-removed .icon{font-size:30px;margin-right:10px}.team-dashboard{height:100%;background:#f0f0f0;border-left:#00af77 15px solid;padding:20px;box-sizing:border-box}@media only screen and (max-width: 640px){.team-dashboard{padding:10px}}.team-dashboard.green{border-left:#00af77 15px solid}.team-dashboard.yellow{border-left:#fff73f 15px solid}.team-dashboard.red{border-left:#ef6f00 15px solid}.team-dashboard.pink{border-left:#ef4f9f 15px solid}.team-dashboard.blue{border-left:#1F3F8F 15px solid}.team-dashboard.gray{border-left:#2f2f2f 15px solid}.team-dashboard h3{margin-bottom:0}.team-dashboard .tags{margin-bottom:30px}.team-dashboard .title{margin-bottom:15px;font-size:15px;font-family:StevieSans,sans-serif;font-weight:600;text-transform:uppercase}.team-dashboard .hasimpediments .icon{width:30px;float:right}.team-dashboard .team-badges{display:flex;flex-flow:row wrap;margin-bottom:5px;min-height:60px}.team-dashboard .team-badges .empty-team-badge{background:#cacaca;border-radius:35px;width:35px;height:35px;border:5px solid #ffffff;margin-right:10px;margin-bottom:5px}.team-dashboard .team-badges badge-streak,.team-dashboard .team-badges badge-progression{margin-right:5px;margin-bottom:5px}.team-dashboard .actions{-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;padding:10px 20px;font-size:15px;display:flex;margin-bottom:15px;background:#fff;align-items:center;flex-direction:row;justify-content:flex-start;align-self:center}.team-dashboard .actions .total{font-family:TabletGothicCompressed-Regular,sans-serif;font-weight:600;font-size:30px;margin-right:30px}.team-dashboard .actions .count{cursor:pointer;margin-right:15px;text-decoration:none;vertical-align:middle;font-size:16px;font-weight:600}.team-dashboard .actions .count .icon{font-size:16px;margin-right:5px;vertical-align:text-top}.team-dashboard .actions .spanner{flex:auto;justify-content:space-between}.team-dashboard .actions .addnew{cursor:pointer;width:25px}.team-dashboard .actions:hover{-webkit-box-shadow:0 5px 5px 5px rgba(0,0,0,.1);-moz-box-shadow:0 5px 5px 5px rgba(0,0,0,.1);box-shadow:0 2px 5px 5px #0000001a}.team-dashboard .tools .startnewsnapshot{margin-top:20px;margin-bottom:20px;display:block;text-align:center}\n"], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.4", ngImport: i0, type: FilterTagsComponent, deps: [{ token: VIEWSTATE_USERSETTINGS_STRATEGY }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.4", type: FilterTagsComponent, selector: "filter-tags", inputs: { tags: "tags" }, ngImport: i0, template: "<div class=\"tags tags-clickable\">\n   <div *ngFor=\"let tag of tags\" class=\"tag\" (click)=\"filterByTag(tag)\" title=\"Click to filter only by this tag\">{{tag}}</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%}.team-dashboard-removed{height:100%;width:100%;min-height:400px;border:2px dotted #f0f0f0;display:flex;justify-content:center;align-items:center;font-size:15px;font-family:StevieSans,sans-serif;color:#a3a3a3;text-transform:uppercase}.team-dashboard-removed .icon{font-size:30px;margin-right:10px}.team-dashboard{height:100%;background:#f0f0f0;border-left:#00af77 15px solid;padding:20px;box-sizing:border-box}@media only screen and (max-width: 640px){.team-dashboard{padding:10px}}.team-dashboard.green{border-left:#00af77 15px solid}.team-dashboard.yellow{border-left:#fff73f 15px solid}.team-dashboard.red{border-left:#ef6f00 15px solid}.team-dashboard.pink{border-left:#ef4f9f 15px solid}.team-dashboard.blue{border-left:#1F3F8F 15px solid}.team-dashboard.gray{border-left:#2f2f2f 15px solid}.team-dashboard h3{margin-bottom:0}.team-dashboard .tags{margin-bottom:30px}.team-dashboard .title{margin-bottom:15px;font-size:15px;font-family:StevieSans,sans-serif;font-weight:600;text-transform:uppercase}.team-dashboard .hasimpediments .icon{width:30px;float:right}.team-dashboard .team-badges{display:flex;flex-flow:row wrap;margin-bottom:5px;min-height:60px}.team-dashboard .team-badges .empty-team-badge{background:#cacaca;border-radius:35px;width:35px;height:35px;border:5px solid #ffffff;margin-right:10px;margin-bottom:5px}.team-dashboard .team-badges badge-streak,.team-dashboard .team-badges badge-progression{margin-right:5px;margin-bottom:5px}.team-dashboard .actions{-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;padding:10px 20px;font-size:15px;display:flex;margin-bottom:15px;background:#fff;align-items:center;flex-direction:row;justify-content:flex-start;align-self:center}.team-dashboard .actions .total{font-family:TabletGothicCompressed-Regular,sans-serif;font-weight:600;font-size:30px;margin-right:30px}.team-dashboard .actions .count{cursor:pointer;margin-right:15px;text-decoration:none;vertical-align:middle;font-size:16px;font-weight:600}.team-dashboard .actions .count .icon{font-size:16px;margin-right:5px;vertical-align:text-top}.team-dashboard .actions .spanner{flex:auto;justify-content:space-between}.team-dashboard .actions .addnew{cursor:pointer;width:25px}.team-dashboard .actions:hover{-webkit-box-shadow:0 5px 5px 5px rgba(0,0,0,.1);-moz-box-shadow:0 5px 5px 5px rgba(0,0,0,.1);box-shadow:0 2px 5px 5px #0000001a}.team-dashboard .tools .startnewsnapshot{margin-top:20px;margin-bottom:20px;display:block;text-align:center}\n"], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.1", ngImport: i0, type: FilterTagsComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.4", ngImport: i0, type: FilterTagsComponent, decorators: [{
             type: Component,
             args: [{ selector: 'filter-tags', template: "<div class=\"tags tags-clickable\">\n   <div *ngFor=\"let tag of tags\" class=\"tag\" (click)=\"filterByTag(tag)\" title=\"Click to filter only by this tag\">{{tag}}</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%}.team-dashboard-removed{height:100%;width:100%;min-height:400px;border:2px dotted #f0f0f0;display:flex;justify-content:center;align-items:center;font-size:15px;font-family:StevieSans,sans-serif;color:#a3a3a3;text-transform:uppercase}.team-dashboard-removed .icon{font-size:30px;margin-right:10px}.team-dashboard{height:100%;background:#f0f0f0;border-left:#00af77 15px solid;padding:20px;box-sizing:border-box}@media only screen and (max-width: 640px){.team-dashboard{padding:10px}}.team-dashboard.green{border-left:#00af77 15px solid}.team-dashboard.yellow{border-left:#fff73f 15px solid}.team-dashboard.red{border-left:#ef6f00 15px solid}.team-dashboard.pink{border-left:#ef4f9f 15px solid}.team-dashboard.blue{border-left:#1F3F8F 15px solid}.team-dashboard.gray{border-left:#2f2f2f 15px solid}.team-dashboard h3{margin-bottom:0}.team-dashboard .tags{margin-bottom:30px}.team-dashboard .title{margin-bottom:15px;font-size:15px;font-family:StevieSans,sans-serif;font-weight:600;text-transform:uppercase}.team-dashboard .hasimpediments .icon{width:30px;float:right}.team-dashboard .team-badges{display:flex;flex-flow:row wrap;margin-bottom:5px;min-height:60px}.team-dashboard .team-badges .empty-team-badge{background:#cacaca;border-radius:35px;width:35px;height:35px;border:5px solid #ffffff;margin-right:10px;margin-bottom:5px}.team-dashboard .team-badges badge-streak,.team-dashboard .team-badges badge-progression{margin-right:5px;margin-bottom:5px}.team-dashboard .actions{-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;padding:10px 20px;font-size:15px;display:flex;margin-bottom:15px;background:#fff;align-items:center;flex-direction:row;justify-content:flex-start;align-self:center}.team-dashboard .actions .total{font-family:TabletGothicCompressed-Regular,sans-serif;font-weight:600;font-size:30px;margin-right:30px}.team-dashboard .actions .count{cursor:pointer;margin-right:15px;text-decoration:none;vertical-align:middle;font-size:16px;font-weight:600}.team-dashboard .actions .count .icon{font-size:16px;margin-right:5px;vertical-align:text-top}.team-dashboard .actions .spanner{flex:auto;justify-content:space-between}.team-dashboard .actions .addnew{cursor:pointer;width:25px}.team-dashboard .actions:hover{-webkit-box-shadow:0 5px 5px 5px rgba(0,0,0,.1);-moz-box-shadow:0 5px 5px 5px rgba(0,0,0,.1);box-shadow:0 2px 5px 5px #0000001a}.team-dashboard .tools .startnewsnapshot{margin-top:20px;margin-bottom:20px;display:block;text-align:center}\n"] }]
         }], ctorParameters: () => [{ type: undefined, decorators: [{

package/esm2022/lib/results/components/focusareas/focusareas.component.mjs

@@ -28,10 +28,10 @@ export class FocusAreasComponent extends ComponentWithViewStateBase {
         }
         return items.length > 0 ? " to improve " + item.effects.filter(p => p.type == EffectTypeEnum.predicts)[0].name : null;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.1", ngImport: i0, type: FocusAreasComponent, deps: [{ token: VIEWSTATE_PROVIDER }, { token: i1.MatSnackBar }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.1", type: FocusAreasComponent, selector: "focusareas", inputs: { limit: "limit" }, usesInheritance: true, ngImport: i0, template: "<div class=\"wirebox contentwithborders focusareas\">\n   <h3>Focus areas</h3>\n   <ng-container *ngIf=\"count > 0\">\n      <p>Based on the data, we recommend that you focus on the following areas. They are most likely to improve the effectiveness of your teams:</p>\n      <div class=\"focusarea\" [routerLink]=\"[baseUrl, 'tips']\" *ngFor=\"let item of focusAreas; let index = index\" [ngClass]=\"{'first': index == 0}\">\n         <div class=\"index\">{{index + 1}}</div>\n         <div class=\"name\">Invest in <b>{{item.name}}</b>{{getCoreFactor(item)}}</div>\n         <div class=\"impact\"><span class=\"badge nofeedback\">impact <impact-indicator [factorScore]=\"item\"></impact-indicator></span></div>\n         <div [routerLink]=\"[baseUrl, 'tips']\" [fragment]=\"item.key\" class=\"more\">discover how ></div>\n      </div>\n      <div class=\"link\">\n         <a [routerLink]=\"[baseUrl, 'tips']\">discover tips for all areas ></a>\n      </div>\n   </ng-container>\n   <ng-container *ngIf=\"count == 0\">\n      <p>Once you have one or more snapshots for your team(s), you can find useful evidence-based feedback here.</p>\n   </ng-container>\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%}.focusareas .focusarea{cursor:pointer;display:flex;align-items:center;padding:15px 10px;border-top:3px solid #f0f0f0}.focusareas .focusarea:hover{background:#f0f0f0}.focusareas .focusarea.first{border-top:none}.focusareas .focusarea .index{width:50px;height:50px;min-width:50px;min-height:50px;display:flex;justify-content:center;align-items:center;border-radius:25px;background:#1f3f8f;margin-right:15px;color:#fff;font-weight:600}.focusareas .focusarea .impact{margin-left:15px;white-space:pre}@media only screen and (max-width: 992px){.focusareas .focusarea .impact{display:none}}.focusareas .focusarea .more{margin-left:15px;font-weight:600;font-size:15px;font-family:StevieSans,sans-serif;white-space:nowrap}@media only screen and (max-width: 992px){.focusareas .focusarea .more{display:none}}.focusareas .focusarea .more .icon{vertical-align:middle}.focusareas .link{margin-top:30px;text-align:right;white-space:nowrap}\n"], dependencies: [{ kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i3.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "component", type: i4.ImpactIndicatorComponent, selector: "impact-indicator", inputs: ["factorScore"] }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.4", ngImport: i0, type: FocusAreasComponent, deps: [{ token: VIEWSTATE_PROVIDER }, { token: i1.MatSnackBar }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.4", type: FocusAreasComponent, selector: "focusareas", inputs: { limit: "limit" }, usesInheritance: true, ngImport: i0, template: "<div class=\"wirebox contentwithborders focusareas\">\n   <h3>Focus areas</h3>\n   <ng-container *ngIf=\"count > 0\">\n      <p>Based on the data, we recommend that you focus on the following areas. They are most likely to improve the effectiveness of your teams:</p>\n      <div class=\"focusarea\" [routerLink]=\"[baseUrl, 'tips']\" *ngFor=\"let item of focusAreas; let index = index\" [ngClass]=\"{'first': index == 0}\">\n         <div class=\"index\">{{index + 1}}</div>\n         <div class=\"name\">Invest in <b>{{item.name}}</b>{{getCoreFactor(item)}}</div>\n         <div class=\"impact\"><span class=\"badge nofeedback\">impact <impact-indicator [factorScore]=\"item\"></impact-indicator></span></div>\n         <div [routerLink]=\"[baseUrl, 'tips']\" [fragment]=\"item.key\" class=\"more\">discover how ></div>\n      </div>\n      <div class=\"link\">\n         <a [routerLink]=\"[baseUrl, 'tips']\">discover tips for all areas ></a>\n      </div>\n   </ng-container>\n   <ng-container *ngIf=\"count == 0\">\n      <p>Once you have one or more snapshots for your team(s), you can find useful evidence-based feedback here.</p>\n   </ng-container>\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%}.focusareas .focusarea{cursor:pointer;display:flex;align-items:center;padding:15px 10px;border-top:3px solid #f0f0f0}.focusareas .focusarea:hover{background:#f0f0f0}.focusareas .focusarea.first{border-top:none}.focusareas .focusarea .index{width:50px;height:50px;min-width:50px;min-height:50px;display:flex;justify-content:center;align-items:center;border-radius:25px;background:#1f3f8f;margin-right:15px;color:#fff;font-weight:600}.focusareas .focusarea .impact{margin-left:15px;white-space:pre}@media only screen and (max-width: 992px){.focusareas .focusarea .impact{display:none}}.focusareas .focusarea .more{margin-left:15px;font-weight:600;font-size:15px;font-family:StevieSans,sans-serif;white-space:nowrap}@media only screen and (max-width: 992px){.focusareas .focusarea .more{display:none}}.focusareas .focusarea .more .icon{vertical-align:middle}.focusareas .link{margin-top:30px;text-align:right;white-space:nowrap}\n"], dependencies: [{ kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i3.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "component", type: i4.ImpactIndicatorComponent, selector: "impact-indicator", inputs: ["factorScore"] }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.1", ngImport: i0, type: FocusAreasComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.4", ngImport: i0, type: FocusAreasComponent, decorators: [{
             type: Component,
             args: [{ selector: 'focusareas', template: "<div class=\"wirebox contentwithborders focusareas\">\n   <h3>Focus areas</h3>\n   <ng-container *ngIf=\"count > 0\">\n      <p>Based on the data, we recommend that you focus on the following areas. They are most likely to improve the effectiveness of your teams:</p>\n      <div class=\"focusarea\" [routerLink]=\"[baseUrl, 'tips']\" *ngFor=\"let item of focusAreas; let index = index\" [ngClass]=\"{'first': index == 0}\">\n         <div class=\"index\">{{index + 1}}</div>\n         <div class=\"name\">Invest in <b>{{item.name}}</b>{{getCoreFactor(item)}}</div>\n         <div class=\"impact\"><span class=\"badge nofeedback\">impact <impact-indicator [factorScore]=\"item\"></impact-indicator></span></div>\n         <div [routerLink]=\"[baseUrl, 'tips']\" [fragment]=\"item.key\" class=\"more\">discover how ></div>\n      </div>\n      <div class=\"link\">\n         <a [routerLink]=\"[baseUrl, 'tips']\">discover tips for all areas ></a>\n      </div>\n   </ng-container>\n   <ng-container *ngIf=\"count == 0\">\n      <p>Once you have one or more snapshots for your team(s), you can find useful evidence-based feedback here.</p>\n   </ng-container>\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%}.focusareas .focusarea{cursor:pointer;display:flex;align-items:center;padding:15px 10px;border-top:3px solid #f0f0f0}.focusareas .focusarea:hover{background:#f0f0f0}.focusareas .focusarea.first{border-top:none}.focusareas .focusarea .index{width:50px;height:50px;min-width:50px;min-height:50px;display:flex;justify-content:center;align-items:center;border-radius:25px;background:#1f3f8f;margin-right:15px;color:#fff;font-weight:600}.focusareas .focusarea .impact{margin-left:15px;white-space:pre}@media only screen and (max-width: 992px){.focusareas .focusarea .impact{display:none}}.focusareas .focusarea .more{margin-left:15px;font-weight:600;font-size:15px;font-family:StevieSans,sans-serif;white-space:nowrap}@media only screen and (max-width: 992px){.focusareas .focusarea .more{display:none}}.focusareas .focusarea .more .icon{vertical-align:middle}.focusareas .link{margin-top:30px;text-align:right;white-space:nowrap}\n"] }]
         }], ctorParameters: () => [{ type: i5.ViewModelStateBase, decorators: [{

package/esm2022/lib/results/components/footer/footer.component.mjs

@@ -17,10 +17,10 @@ export class FooterComponent extends ComponentWithViewStateBase {
         this.branding = data.userInfo.branding;
     }
     ;
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.1", ngImport: i0, type: FooterComponent, deps: [{ token: VIEWSTATE_PROVIDER }, { token: i1.MatSnackBar }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.1", type: FooterComponent, selector: "liberators-footer", usesInheritance: true, ngImport: i0, template: "<footer *ngIf=\"loaded\">\n   <div class=\"item\">Provided by <a [href]=\"branding.channelCompanyUrl\">{{branding.channelName}}</a></div>\n   <div class=\"item\"><a [href]=\"branding.channelTermsOfUseUrl\" target=\"_blank\">Terms of use</a></div>\n   <div class=\"item\"><a [href]=\"branding.channelPrivacyPolicyUrl\" target=\"_blank\">Privacy</a></div>\n   <div class=\"item\"><a href=\"https://github.com/theliberators/scrumteamsurvey.docs/wiki\" target=\"_blank\">Wiki</a></div>\n   <div class=\"item\"><a [routerLink]=\"[]\" reportBugDialog>Report bug</a></div>\n</footer>\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%}\n"], dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i3.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "directive", type: i4.OpenReportBugDialogDirective, selector: "[reportBugDialog]" }], encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.4", ngImport: i0, type: FooterComponent, deps: [{ token: VIEWSTATE_PROVIDER }, { token: i1.MatSnackBar }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.4", type: FooterComponent, selector: "liberators-footer", usesInheritance: true, ngImport: i0, template: "<footer *ngIf=\"loaded\">\n   <div class=\"item\">Provided by <a [href]=\"branding.channelCompanyUrl\">{{branding.channelName}}</a></div>\n   <div class=\"item\"><a [href]=\"branding.channelTermsOfUseUrl\" target=\"_blank\">Terms of use</a></div>\n   <div class=\"item\"><a [href]=\"branding.channelPrivacyPolicyUrl\" target=\"_blank\">Privacy</a></div>\n   <div class=\"item\"><a href=\"https://github.com/theliberators/scrumteamsurvey.docs/wiki\" target=\"_blank\">Wiki</a></div>\n   <div class=\"item\"><a [routerLink]=\"[]\" reportBugDialog>Report bug</a></div>\n</footer>\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%}\n"], dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i3.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "directive", type: i4.OpenReportBugDialogDirective, selector: "[reportBugDialog]" }], encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.1", ngImport: i0, type: FooterComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.4", ngImport: i0, type: FooterComponent, decorators: [{
             type: Component,
             args: [{ selector: 'liberators-footer', encapsulation: ViewEncapsulation.None, template: "<footer *ngIf=\"loaded\">\n   <div class=\"item\">Provided by <a [href]=\"branding.channelCompanyUrl\">{{branding.channelName}}</a></div>\n   <div class=\"item\"><a [href]=\"branding.channelTermsOfUseUrl\" target=\"_blank\">Terms of use</a></div>\n   <div class=\"item\"><a [href]=\"branding.channelPrivacyPolicyUrl\" target=\"_blank\">Privacy</a></div>\n   <div class=\"item\"><a href=\"https://github.com/theliberators/scrumteamsurvey.docs/wiki\" target=\"_blank\">Wiki</a></div>\n   <div class=\"item\"><a [routerLink]=\"[]\" reportBugDialog>Report bug</a></div>\n</footer>\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%}\n"] }]
         }], ctorParameters: () => [{ type: i5.ViewModelStateBase, decorators: [{

package/esm2022/lib/results/components/impact-indicator/impact-indicator.component.mjs

@@ -8,10 +8,10 @@ export class ImpactIndicatorComponent {
     }
     ngOnInit() {
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.1", ngImport: i0, type: ImpactIndicatorComponent, deps: [{ token: i1.DatePipe }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.1", type: ImpactIndicatorComponent, selector: "impact-indicator", inputs: { factorScore: "factorScore" }, ngImport: i0, template: "<span [class]=\"'delta up'\" [matTooltip]=\"'The impact (0-100) is a rough estimate of how much improvements in this area are expected to improve your team(s).'\">{{factorScore.impact}}</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%}\n"], dependencies: [{ kind: "directive", type: i2.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.4", ngImport: i0, type: ImpactIndicatorComponent, deps: [{ token: i1.DatePipe }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.4", type: ImpactIndicatorComponent, selector: "impact-indicator", inputs: { factorScore: "factorScore" }, ngImport: i0, template: "<span [class]=\"'delta up'\" [matTooltip]=\"'The impact (0-100) is a rough estimate of how much improvements in this area are expected to improve your team(s).'\">{{factorScore.impact}}</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%}\n"], dependencies: [{ kind: "directive", type: i2.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.1", ngImport: i0, type: ImpactIndicatorComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.4", ngImport: i0, type: ImpactIndicatorComponent, decorators: [{
             type: Component,
             args: [{ selector: 'impact-indicator', template: "<span [class]=\"'delta up'\" [matTooltip]=\"'The impact (0-100) is a rough estimate of how much improvements in this area are expected to improve your team(s).'\">{{factorScore.impact}}</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%}\n"] }]
         }], ctorParameters: () => [{ type: i1.DatePipe }], propDecorators: { factorScore: [{

package/esm2022/lib/results/components/liberatorkits/liberatorkits.component.mjs

@@ -16,10 +16,10 @@ export class LiberatorKitsComponent extends ComponentWithViewStateBase {
         this.show = data.userInfo.branding.showLiberatorMerchandise;
     }
     ;
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.1", ngImport: i0, type: LiberatorKitsComponent, deps: [{ token: VIEWSTATE_PROVIDER }, { token: i1.MatSnackBar }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.1", type: LiberatorKitsComponent, selector: "liberatorkits", usesInheritance: true, ngImport: i0, template: "<div class=\"box doityourself\" brandbackground [palette]=\"'accent'\" *ngIf=\"show\">\n   <img class=\"responsive\" src=\"assets/img/liberatorkits.png\" />\n   <h3>Try the physical kit</h3>\n   <p>Make your Retrospective more engaging with our facilitation kit. It contains the exercises 'Panarcy', 'What I Need From You', '15% Solutions', stickers, two posters with our scientific research and a huge deck of 102 Quick Tips.</p>\n\n   <div class=\"link\">\n      <a href=\"https://shop.theliberators.com/collections/kits/products/scrum-teams-superpower-kit-also-for-virtual-teams\" target=\"_blank\">Get the kit ></a>\n   </div>\n</div>\n\n\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%}.box{background:#fff73f}.box h3{margin-bottom:15px}.box img{border:3px solid #2f2f2f}\n"], dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i3.BrandBackgroundDirective, selector: "[brandbackground]", inputs: ["palette"] }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.4", ngImport: i0, type: LiberatorKitsComponent, deps: [{ token: VIEWSTATE_PROVIDER }, { token: i1.MatSnackBar }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.4", type: LiberatorKitsComponent, selector: "liberatorkits", usesInheritance: true, ngImport: i0, template: "<div class=\"box doityourself\" brandbackground [palette]=\"'accent'\" *ngIf=\"show\">\n   <img class=\"responsive\" src=\"assets/img/liberatorkits.png\" />\n   <h3>Try the physical kit</h3>\n   <p>Make your Retrospective more engaging with our facilitation kit. It contains the exercises 'Panarcy', 'What I Need From You', '15% Solutions', stickers, two posters with our scientific research and a huge deck of 102 Quick Tips.</p>\n\n   <div class=\"link\">\n      <a href=\"https://shop.theliberators.com/collections/kits/products/scrum-teams-superpower-kit-also-for-virtual-teams\" target=\"_blank\">Get the kit ></a>\n   </div>\n</div>\n\n\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%}.box{background:#fff73f}.box h3{margin-bottom:15px}.box img{border:3px solid #2f2f2f}\n"], dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i3.BrandBackgroundDirective, selector: "[brandbackground]", inputs: ["palette"] }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.1", ngImport: i0, type: LiberatorKitsComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.4", ngImport: i0, type: LiberatorKitsComponent, decorators: [{
             type: Component,
             args: [{ selector: 'liberatorkits', template: "<div class=\"box doityourself\" brandbackground [palette]=\"'accent'\" *ngIf=\"show\">\n   <img class=\"responsive\" src=\"assets/img/liberatorkits.png\" />\n   <h3>Try the physical kit</h3>\n   <p>Make your Retrospective more engaging with our facilitation kit. It contains the exercises 'Panarcy', 'What I Need From You', '15% Solutions', stickers, two posters with our scientific research and a huge deck of 102 Quick Tips.</p>\n\n   <div class=\"link\">\n      <a href=\"https://shop.theliberators.com/collections/kits/products/scrum-teams-superpower-kit-also-for-virtual-teams\" target=\"_blank\">Get the kit ></a>\n   </div>\n</div>\n\n\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%}.box{background:#fff73f}.box h3{margin-bottom:15px}.box img{border:3px solid #2f2f2f}\n"] }]
         }], ctorParameters: () => [{ type: i4.ViewModelStateBase, decorators: [{

package/esm2022/lib/results/components/limitationsapply/limitationsapply.component.mjs

@@ -8,10 +8,10 @@ export class LimitationsApplyComponent {
     }
     ngOnInit() {
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.1", ngImport: i0, type: LimitationsApplyComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.1", type: LimitationsApplyComponent, selector: "limitationsapply", inputs: { notes: "notes" }, ngImport: i0, template: "<div class=\"message message-warning\" *ngIf=\"notes.length > 0\" notesDialog [notes]=\"notes\">\n   <span class=\"ph-info-fill icon\"></span>\n   <div *ngIf=\"notes.length == 1\">1 limitation applies due to incomplete data. <a [routerLink]=\"[]\">Click here</a> to discover how to get more out of your results.</div>\n   <div *ngIf=\"notes.length > 1\">{{notes.length}} limitations apply due to incomplete data. <a [routerLink]=\"[]\">Click here</a> to discover how to resolve this and get even more out of your results.</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%}.content .model .model-frame{margin-top:30px;min-height:1000px;position:relative}@media only screen and (max-width: 1320px){.content .model .model-frame{min-height:350px}}.message{flex-wrap:wrap}.message ul{margin-bottom:0;margin-top:15px}.break{flex-basis:100%;height:0}.toolbar .buttons{min-width:350px;text-align:right}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "directive", type: i3.OpenNotesDialogDirective, selector: "[notesDialog]", inputs: ["notes"] }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.4", ngImport: i0, type: LimitationsApplyComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.4", type: LimitationsApplyComponent, selector: "limitationsapply", inputs: { notes: "notes" }, ngImport: i0, template: "<div class=\"message message-warning\" *ngIf=\"notes.length > 0\" notesDialog [notes]=\"notes\">\n   <span class=\"ph-info-fill icon\"></span>\n   <div *ngIf=\"notes.length == 1\">1 limitation applies due to incomplete data. <a [routerLink]=\"[]\">Click here</a> to discover how to get more out of your results.</div>\n   <div *ngIf=\"notes.length > 1\">{{notes.length}} limitations apply due to incomplete data. <a [routerLink]=\"[]\">Click here</a> to discover how to resolve this and get even more out of your results.</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%}.content .model .model-frame{margin-top:30px;min-height:1000px;position:relative}@media only screen and (max-width: 1320px){.content .model .model-frame{min-height:350px}}.message{flex-wrap:wrap}.message ul{margin-bottom:0;margin-top:15px}.break{flex-basis:100%;height:0}.toolbar .buttons{min-width:350px;text-align:right}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "directive", type: i3.OpenNotesDialogDirective, selector: "[notesDialog]", inputs: ["notes"] }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.1", ngImport: i0, type: LimitationsApplyComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.4", ngImport: i0, type: LimitationsApplyComponent, decorators: [{
             type: Component,
             args: [{ selector: 'limitationsapply', template: "<div class=\"message message-warning\" *ngIf=\"notes.length > 0\" notesDialog [notes]=\"notes\">\n   <span class=\"ph-info-fill icon\"></span>\n   <div *ngIf=\"notes.length == 1\">1 limitation applies due to incomplete data. <a [routerLink]=\"[]\">Click here</a> to discover how to get more out of your results.</div>\n   <div *ngIf=\"notes.length > 1\">{{notes.length}} limitations apply due to incomplete data. <a [routerLink]=\"[]\">Click here</a> to discover how to resolve this and get even more out of your results.</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%}.content .model .model-frame{margin-top:30px;min-height:1000px;position:relative}@media only screen and (max-width: 1320px){.content .model .model-frame{min-height:350px}}.message{flex-wrap:wrap}.message ul{margin-bottom:0;margin-top:15px}.break{flex-basis:100%;height:0}.toolbar .buttons{min-width:350px;text-align:right}\n"] }]
         }], ctorParameters: () => [], propDecorators: { notes: [{