@the-liberators/ngx-scrumteamsurvey-tools 2.2.84 → 2.2.86

package/esm2022/lib/results/components/model-switcher/model-switcher.component.mjs

@@ -20,10 +20,10 @@ export class ModelSwitcherComponent extends ComponentWithViewStateBase {
         this.canSwitchModels = data.factorScores.modelStructure.models.length > 1;
     }
     ;
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.1", ngImport: i0, type: ModelSwitcherComponent, 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: ModelSwitcherComponent, selector: "model-switcher", usesInheritance: true, ngImport: i0, template: "<div class=\"modelswitcher\" id=\"button-switchmodel\" modelFilterDialog *ngIf=\"canSwitchModels\">\n   <div class=\"prefix\">model</div>\n   <div class=\"activemodel\">{{modelDefinition.name}}<span class=\"icon ph-caret-down-bold\"></span></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%}.modelswitcher{margin-bottom:15px;display:flex;cursor:pointer}.modelswitcher .icon{margin-right:5px;vertical-align:middle}.modelswitcher div{vertical-align:middle;letter-spacing:.04rem;white-space:pre;text-transform:uppercase;font-size:15px;padding:2px 5px;line-height:120%;display:inline-block;font-weight:600}.modelswitcher .prefix{background:#fff73f;padding-right:10px}.modelswitcher .activemodel{padding-left:10px;background:#2f2f2f;color:#fff}.modelswitcher .activemodel .icon{margin-left:5px}\n"], dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i3.OpenModelFilterDialog, selector: "[modelFilterDialog]" }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.4", ngImport: i0, type: ModelSwitcherComponent, 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: ModelSwitcherComponent, selector: "model-switcher", usesInheritance: true, ngImport: i0, template: "<div class=\"modelswitcher\" id=\"button-switchmodel\" modelFilterDialog *ngIf=\"canSwitchModels\">\n   <div class=\"prefix\">model</div>\n   <div class=\"activemodel\">{{modelDefinition.name}}<span class=\"icon ph-caret-down-bold\"></span></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%}.modelswitcher{margin-bottom:15px;display:flex;cursor:pointer}.modelswitcher .icon{margin-right:5px;vertical-align:middle}.modelswitcher div{vertical-align:middle;letter-spacing:.04rem;white-space:pre;text-transform:uppercase;font-size:15px;padding:2px 5px;line-height:120%;display:inline-block;font-weight:600}.modelswitcher .prefix{background:#fff73f;padding-right:10px}.modelswitcher .activemodel{padding-left:10px;background:#2f2f2f;color:#fff}.modelswitcher .activemodel .icon{margin-left:5px}\n"], dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i3.OpenModelFilterDialog, selector: "[modelFilterDialog]" }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.1", ngImport: i0, type: ModelSwitcherComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.4", ngImport: i0, type: ModelSwitcherComponent, decorators: [{
             type: Component,
             args: [{ selector: 'model-switcher', template: "<div class=\"modelswitcher\" id=\"button-switchmodel\" modelFilterDialog *ngIf=\"canSwitchModels\">\n   <div class=\"prefix\">model</div>\n   <div class=\"activemodel\">{{modelDefinition.name}}<span class=\"icon ph-caret-down-bold\"></span></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%}.modelswitcher{margin-bottom:15px;display:flex;cursor:pointer}.modelswitcher .icon{margin-right:5px;vertical-align:middle}.modelswitcher div{vertical-align:middle;letter-spacing:.04rem;white-space:pre;text-transform:uppercase;font-size:15px;padding:2px 5px;line-height:120%;display:inline-block;font-weight:600}.modelswitcher .prefix{background:#fff73f;padding-right:10px}.modelswitcher .activemodel{padding-left:10px;background:#2f2f2f;color:#fff}.modelswitcher .activemodel .icon{margin-left:5px}\n"] }]
         }], ctorParameters: () => [{ type: i4.ViewModelStateBase, decorators: [{

package/esm2022/lib/results/components/nav-button/nav-button.component.mjs

@@ -55,10 +55,10 @@ export class NavButtonComponent {
             this.subscription.unsubscribe();
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.1", ngImport: i0, type: NavButtonComponent, deps: [{ token: i1.Router }, { token: i2.BrandingProvider }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.1", type: NavButtonComponent, selector: "nav-button", inputs: { routerLink: "routerLink", icon: "icon", name: "name", alertCount: "alertCount" }, host: { listeners: { "mouseover": "mouseover()", "mouseleave": "mouseleave()" }, properties: { "style.background-color": "this.backgroundColor", "style.color": "this.color" } }, ngImport: i0, template: "<div class=\"brandeditem\" [routerLink]=\"routerLink\" [style.background-color]=\"active ? accentColor : null\">\n   <div class=\"counter\" *ngIf=\"alertCount > 0\">{{alertCount}}</div>\n   <span class=\"icon\" [ngClass]=\"icon\" [style.color]=\"hover ? (active ? '#2f2f2f' : accentColor) : (active ? '#2f2f2f' : null) \"></span>\n   <a [routerLink]=\"routerLink\" [style.color]=\"hover ? (active ? '#2f2f2f' : accentColor) : (active ? '#2f2f2f' : null)\">{{name}}</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%}.brandeditem{-webkit-transition:all .25s ease-in-out;-moz-transition:all .25s ease-in-out;-o-transition:all .25s ease-in-out;transition:all .25s ease-in-out;font-family:StevieSans,sans-serif;font-weight:600;font-size:12px;line-height:100%;text-align:center;letter-spacing:.05em;text-transform:uppercase;width:78px;height:78px;margin:auto auto 10px;cursor:pointer;display:flex;flex-wrap:wrap;align-content:center;justify-content:center;position:relative;flex-direction:column}@media only screen and (max-width: 1320px){.brandeditem{margin-bottom:0;width:70px;height:60px;font-size:11px}}@media only screen and (max-height: 900px){.brandeditem{margin-bottom:0;width:70px;height:60px;font-size:11px}}.brandeditem .count{border-radius:15px;position:absolute;right:15px;top:0;background:#ef6f00;color:#fff;font-weight:600;font-family:TabletGothicCompressed-Regular,sans-serif;font-size:16px;width:20px}.brandeditem a{color:#979797;text-decoration:none}.brandeditem .icon{width:100%;display:block;font-size:42px;margin-bottom:5px;color:#979797;-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}@media only screen and (max-width: 1320px){.brandeditem .icon{font-size:30px}}@media only screen and (max-height: 900px){.brandeditem .icon{font-size:30px}}.brandeditem .new,.brandeditem .counter{text-transform:uppercase;font-family:StevieSans,sans-serif;font-size:10pt;background:#ef6f00;position:absolute;top:0;right:0;color:#fff;padding:0 5px}.brandeditem svg{padding-top:5px;margin:auto auto 8px;display:block;width:40px}.brandeditem svg line,.brandeditem svg circle,.brandeditem svg polyline,.brandeditem svg path,.brandeditem svg rect,.brandeditem svg g{-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;stroke:#979797;stroke-width:16}\n"], dependencies: [{ kind: "directive", type: i3.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.4", ngImport: i0, type: NavButtonComponent, deps: [{ token: i1.Router }, { token: i2.BrandingProvider }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.4", type: NavButtonComponent, selector: "nav-button", inputs: { routerLink: "routerLink", icon: "icon", name: "name", alertCount: "alertCount" }, host: { listeners: { "mouseover": "mouseover()", "mouseleave": "mouseleave()" }, properties: { "style.background-color": "this.backgroundColor", "style.color": "this.color" } }, ngImport: i0, template: "<div class=\"brandeditem\" [routerLink]=\"routerLink\" [style.background-color]=\"active ? accentColor : null\">\n   <div class=\"counter\" *ngIf=\"alertCount > 0\">{{alertCount}}</div>\n   <span class=\"icon\" [ngClass]=\"icon\" [style.color]=\"hover ? (active ? '#2f2f2f' : accentColor) : (active ? '#2f2f2f' : null) \"></span>\n   <a [routerLink]=\"routerLink\" [style.color]=\"hover ? (active ? '#2f2f2f' : accentColor) : (active ? '#2f2f2f' : null)\">{{name}}</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%}.brandeditem{-webkit-transition:all .25s ease-in-out;-moz-transition:all .25s ease-in-out;-o-transition:all .25s ease-in-out;transition:all .25s ease-in-out;font-family:StevieSans,sans-serif;font-weight:600;font-size:12px;line-height:100%;text-align:center;letter-spacing:.05em;text-transform:uppercase;width:78px;height:78px;margin:auto auto 10px;cursor:pointer;display:flex;flex-wrap:wrap;align-content:center;justify-content:center;position:relative;flex-direction:column}@media only screen and (max-width: 1320px){.brandeditem{margin-bottom:0;width:70px;height:60px;font-size:11px}}@media only screen and (max-height: 900px){.brandeditem{margin-bottom:0;width:70px;height:60px;font-size:11px}}.brandeditem .count{border-radius:15px;position:absolute;right:15px;top:0;background:#ef6f00;color:#fff;font-weight:600;font-family:TabletGothicCompressed-Regular,sans-serif;font-size:16px;width:20px}.brandeditem a{color:#979797;text-decoration:none}.brandeditem .icon{width:100%;display:block;font-size:42px;margin-bottom:5px;color:#979797;-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}@media only screen and (max-width: 1320px){.brandeditem .icon{font-size:30px}}@media only screen and (max-height: 900px){.brandeditem .icon{font-size:30px}}.brandeditem .new,.brandeditem .counter{text-transform:uppercase;font-family:StevieSans,sans-serif;font-size:10pt;background:#ef6f00;position:absolute;top:0;right:0;color:#fff;padding:0 5px}.brandeditem svg{padding-top:5px;margin:auto auto 8px;display:block;width:40px}.brandeditem svg line,.brandeditem svg circle,.brandeditem svg polyline,.brandeditem svg path,.brandeditem svg rect,.brandeditem svg g{-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;stroke:#979797;stroke-width:16}\n"], dependencies: [{ kind: "directive", type: i3.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.1", ngImport: i0, type: NavButtonComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.4", ngImport: i0, type: NavButtonComponent, decorators: [{
             type: Component,
             args: [{ selector: 'nav-button', template: "<div class=\"brandeditem\" [routerLink]=\"routerLink\" [style.background-color]=\"active ? accentColor : null\">\n   <div class=\"counter\" *ngIf=\"alertCount > 0\">{{alertCount}}</div>\n   <span class=\"icon\" [ngClass]=\"icon\" [style.color]=\"hover ? (active ? '#2f2f2f' : accentColor) : (active ? '#2f2f2f' : null) \"></span>\n   <a [routerLink]=\"routerLink\" [style.color]=\"hover ? (active ? '#2f2f2f' : accentColor) : (active ? '#2f2f2f' : null)\">{{name}}</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%}.brandeditem{-webkit-transition:all .25s ease-in-out;-moz-transition:all .25s ease-in-out;-o-transition:all .25s ease-in-out;transition:all .25s ease-in-out;font-family:StevieSans,sans-serif;font-weight:600;font-size:12px;line-height:100%;text-align:center;letter-spacing:.05em;text-transform:uppercase;width:78px;height:78px;margin:auto auto 10px;cursor:pointer;display:flex;flex-wrap:wrap;align-content:center;justify-content:center;position:relative;flex-direction:column}@media only screen and (max-width: 1320px){.brandeditem{margin-bottom:0;width:70px;height:60px;font-size:11px}}@media only screen and (max-height: 900px){.brandeditem{margin-bottom:0;width:70px;height:60px;font-size:11px}}.brandeditem .count{border-radius:15px;position:absolute;right:15px;top:0;background:#ef6f00;color:#fff;font-weight:600;font-family:TabletGothicCompressed-Regular,sans-serif;font-size:16px;width:20px}.brandeditem a{color:#979797;text-decoration:none}.brandeditem .icon{width:100%;display:block;font-size:42px;margin-bottom:5px;color:#979797;-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}@media only screen and (max-width: 1320px){.brandeditem .icon{font-size:30px}}@media only screen and (max-height: 900px){.brandeditem .icon{font-size:30px}}.brandeditem .new,.brandeditem .counter{text-transform:uppercase;font-family:StevieSans,sans-serif;font-size:10pt;background:#ef6f00;position:absolute;top:0;right:0;color:#fff;padding:0 5px}.brandeditem svg{padding-top:5px;margin:auto auto 8px;display:block;width:40px}.brandeditem svg line,.brandeditem svg circle,.brandeditem svg polyline,.brandeditem svg path,.brandeditem svg rect,.brandeditem svg g{-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;stroke:#979797;stroke-width:16}\n"] }]
         }], ctorParameters: () => [{ type: i1.Router }, { type: i2.BrandingProvider }], propDecorators: { routerLink: [{

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

@@ -63,10 +63,10 @@ export class ParticipantsComponent extends ComponentWithViewStateBase {
         }
     }
     ;
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.1", ngImport: i0, type: ParticipantsComponent, deps: [{ token: VIEWSTATE_PROVIDER }, { token: i1.MatSnackBar }, { token: i2.Clipboard }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.1", type: ParticipantsComponent, selector: "participants", usesInheritance: true, ngImport: i0, template: "<div class=\"wirebox\">\n   <div class=\"top\">\n      <h3>{{population}} Participants</h3>\n   </div>\n\n   <div class=\"content\">\n      <div class=\"segments\">\n         <div class=\"segment\" *ngFor=\"let segment of populationSegments\">\n            {{segmentName(segment.name)}} <span class=\"digit\">{{segment.occurances}}</span>\n         </div>\n      </div>\n\n      <div class=\"closed message\" *ngIf=\"closed\"><span class=\"icon ph-lock\"></span> The survey for this report was closed at {{closed | date :'mediumDate'}}. Still want to participate? Contact the person who invited the team to re-open it.</div>\n\n      <div class=\"invitebox\" *ngIf=\"teamInviteUrl && !closed\">\n         <h4>Invite team members <span class=\"icon ph-info-fill\" [matTooltip]=\"'Share this link with the members of the team. This typically includes roles such as Scrum Masters, Team Leads and Product Owners. Each member receives a personalized report that shows their personal scores (only visible to them) and team scores. Team scores are updated every time someone participates.'\"></span></h4>\n         <div class=\"url\">\n            <input type=\"text\" [value]=\"teamInviteUrl\" />\n            <span [class]=\"'clipboard ' + (teamUrlCopied ? 'ph-clipboard-text' : 'ph-clipboard')\" (click)=\"copyTeamInviteLink()\"></span>\n         </div>\n      </div>\n\n      <div class=\"invitebox\" *ngIf=\"stakeholderInviteUrl && !closed\">\n         <h4>Invite stakeholders (customers, users) <span class=\"icon ph-info-fill\" [matTooltip]=\"'Share this link with the stakeholders of your team. These are the people who have are best capable to evaluate the quality of what a team produces and have a clear stake in it, such as customers, end-users and investors. We ask them to evaluate the outcomes of what a team deliver to them. They do not receive any results, but a team can do so afterward.'\"></span></h4>\n         <div class=\"url\">\n            <input type=\"text\" [value]=\"stakeholderInviteUrl\" />\n            <span [class]=\"'clipboard ' + (stakeholderUrlCopied ? 'ph-clipboard-text' : 'ph-clipboard')\" (click)=\"copyStakeholderInviteLink()\"></span>\n         </div>\n      </div>\n\n      <div class=\"invitebox\" *ngIf=\"supporterInviteUrl && !closed\">\n         <h4>Invite supporters (managers, coaches, leaders) <span class=\"icon ph-info-fill\" [matTooltip]=\"'Share this link with the people who support your team but do not work as part of it. This includes managers, coaches and people in a leadership position. We ask supporters to evaluate their support for your team. They dont receive any results, but a team can do so afterward.'\"></span></h4>\n         <div class=\"url\">\n            <input type=\"text\" [value]=\"supporterInviteUrl\" />\n            <span [class]=\"'clipboard ' + (supporterUrlCopied ? 'ph-clipboard-text' : 'ph-clipboard')\" (click)=\"copySupporterInviteLink()\"></span>\n         </div>\n      </div>\n   </div>\n   <div class=\"bottom\">\n   </div>\n</div>\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%}.wirebox .content .closed{margin-top:15px;background:#f0f0f0;padding:10px;margin-bottom:0}.wirebox .content .segment{margin-bottom:5px}.wirebox .content .segment .digit{float:right}.wirebox .bottom{padding-bottom:0}\n"], dependencies: [{ 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: i4.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "pipe", type: i3.DatePipe, name: "date" }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.4", ngImport: i0, type: ParticipantsComponent, deps: [{ token: VIEWSTATE_PROVIDER }, { token: i1.MatSnackBar }, { token: i2.Clipboard }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.4", type: ParticipantsComponent, selector: "participants", usesInheritance: true, ngImport: i0, template: "<div class=\"wirebox\">\n   <div class=\"top\">\n      <h3>{{population}} Participants</h3>\n   </div>\n\n   <div class=\"content\">\n      <div class=\"segments\">\n         <div class=\"segment\" *ngFor=\"let segment of populationSegments\">\n            {{segmentName(segment.name)}} <span class=\"digit\">{{segment.occurances}}</span>\n         </div>\n      </div>\n\n      <div class=\"closed message\" *ngIf=\"closed\"><span class=\"icon ph-lock\"></span> The survey for this report was closed at {{closed | date :'mediumDate'}}. Still want to participate? Contact the person who invited the team to re-open it.</div>\n\n      <div class=\"invitebox\" *ngIf=\"teamInviteUrl && !closed\">\n         <h4>Invite team members <span class=\"icon ph-info-fill\" [matTooltip]=\"'Share this link with the members of the team. This typically includes roles such as Scrum Masters, Team Leads and Product Owners. Each member receives a personalized report that shows their personal scores (only visible to them) and team scores. Team scores are updated every time someone participates.'\"></span></h4>\n         <div class=\"url\">\n            <input type=\"text\" [value]=\"teamInviteUrl\" />\n            <span [class]=\"'clipboard ' + (teamUrlCopied ? 'ph-clipboard-text' : 'ph-clipboard')\" (click)=\"copyTeamInviteLink()\"></span>\n         </div>\n      </div>\n\n      <div class=\"invitebox\" *ngIf=\"stakeholderInviteUrl && !closed\">\n         <h4>Invite stakeholders (customers, users) <span class=\"icon ph-info-fill\" [matTooltip]=\"'Share this link with the stakeholders of your team. These are the people who have are best capable to evaluate the quality of what a team produces and have a clear stake in it, such as customers, end-users and investors. We ask them to evaluate the outcomes of what a team deliver to them. They do not receive any results, but a team can do so afterward.'\"></span></h4>\n         <div class=\"url\">\n            <input type=\"text\" [value]=\"stakeholderInviteUrl\" />\n            <span [class]=\"'clipboard ' + (stakeholderUrlCopied ? 'ph-clipboard-text' : 'ph-clipboard')\" (click)=\"copyStakeholderInviteLink()\"></span>\n         </div>\n      </div>\n\n      <div class=\"invitebox\" *ngIf=\"supporterInviteUrl && !closed\">\n         <h4>Invite supporters (managers, coaches, leaders) <span class=\"icon ph-info-fill\" [matTooltip]=\"'Share this link with the people who support your team but do not work as part of it. This includes managers, coaches and people in a leadership position. We ask supporters to evaluate their support for your team. They dont receive any results, but a team can do so afterward.'\"></span></h4>\n         <div class=\"url\">\n            <input type=\"text\" [value]=\"supporterInviteUrl\" />\n            <span [class]=\"'clipboard ' + (supporterUrlCopied ? 'ph-clipboard-text' : 'ph-clipboard')\" (click)=\"copySupporterInviteLink()\"></span>\n         </div>\n      </div>\n   </div>\n   <div class=\"bottom\">\n   </div>\n</div>\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%}.wirebox .content .closed{margin-top:15px;background:#f0f0f0;padding:10px;margin-bottom:0}.wirebox .content .segment{margin-bottom:5px}.wirebox .content .segment .digit{float:right}.wirebox .bottom{padding-bottom:0}\n"], dependencies: [{ 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: i4.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "pipe", type: i3.DatePipe, name: "date" }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.1", ngImport: i0, type: ParticipantsComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.4", ngImport: i0, type: ParticipantsComponent, decorators: [{
             type: Component,
             args: [{ selector: 'participants', template: "<div class=\"wirebox\">\n   <div class=\"top\">\n      <h3>{{population}} Participants</h3>\n   </div>\n\n   <div class=\"content\">\n      <div class=\"segments\">\n         <div class=\"segment\" *ngFor=\"let segment of populationSegments\">\n            {{segmentName(segment.name)}} <span class=\"digit\">{{segment.occurances}}</span>\n         </div>\n      </div>\n\n      <div class=\"closed message\" *ngIf=\"closed\"><span class=\"icon ph-lock\"></span> The survey for this report was closed at {{closed | date :'mediumDate'}}. Still want to participate? Contact the person who invited the team to re-open it.</div>\n\n      <div class=\"invitebox\" *ngIf=\"teamInviteUrl && !closed\">\n         <h4>Invite team members <span class=\"icon ph-info-fill\" [matTooltip]=\"'Share this link with the members of the team. This typically includes roles such as Scrum Masters, Team Leads and Product Owners. Each member receives a personalized report that shows their personal scores (only visible to them) and team scores. Team scores are updated every time someone participates.'\"></span></h4>\n         <div class=\"url\">\n            <input type=\"text\" [value]=\"teamInviteUrl\" />\n            <span [class]=\"'clipboard ' + (teamUrlCopied ? 'ph-clipboard-text' : 'ph-clipboard')\" (click)=\"copyTeamInviteLink()\"></span>\n         </div>\n      </div>\n\n      <div class=\"invitebox\" *ngIf=\"stakeholderInviteUrl && !closed\">\n         <h4>Invite stakeholders (customers, users) <span class=\"icon ph-info-fill\" [matTooltip]=\"'Share this link with the stakeholders of your team. These are the people who have are best capable to evaluate the quality of what a team produces and have a clear stake in it, such as customers, end-users and investors. We ask them to evaluate the outcomes of what a team deliver to them. They do not receive any results, but a team can do so afterward.'\"></span></h4>\n         <div class=\"url\">\n            <input type=\"text\" [value]=\"stakeholderInviteUrl\" />\n            <span [class]=\"'clipboard ' + (stakeholderUrlCopied ? 'ph-clipboard-text' : 'ph-clipboard')\" (click)=\"copyStakeholderInviteLink()\"></span>\n         </div>\n      </div>\n\n      <div class=\"invitebox\" *ngIf=\"supporterInviteUrl && !closed\">\n         <h4>Invite supporters (managers, coaches, leaders) <span class=\"icon ph-info-fill\" [matTooltip]=\"'Share this link with the people who support your team but do not work as part of it. This includes managers, coaches and people in a leadership position. We ask supporters to evaluate their support for your team. They dont receive any results, but a team can do so afterward.'\"></span></h4>\n         <div class=\"url\">\n            <input type=\"text\" [value]=\"supporterInviteUrl\" />\n            <span [class]=\"'clipboard ' + (supporterUrlCopied ? 'ph-clipboard-text' : 'ph-clipboard')\" (click)=\"copySupporterInviteLink()\"></span>\n         </div>\n      </div>\n   </div>\n   <div class=\"bottom\">\n   </div>\n</div>\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%}.wirebox .content .closed{margin-top:15px;background:#f0f0f0;padding:10px;margin-bottom:0}.wirebox .content .segment{margin-bottom:5px}.wirebox .content .segment .digit{float:right}.wirebox .bottom{padding-bottom:0}\n"] }]
         }], ctorParameters: () => [{ type: i5.ViewModelStateBase, decorators: [{

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

@@ -60,10 +60,10 @@ export class QuickTipsComponent extends ComponentWithViewStateBase {
         this.tipCount = this.quickTips.length;
     }
     ;
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.1", ngImport: i0, type: QuickTipsComponent, 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: QuickTipsComponent, selector: "quicktips", inputs: { dimensionKey: "dimensionKey", extraClass: "extraClass" }, usesInheritance: true, ngImport: i0, template: "<div class=\"quicktips\" [class]=\"extraClass\" *ngIf=\"quickTip\">\n   <div class=\"quicktips-container\">\n      <div class=\"link back\" *ngIf=\"tipCount > 1\">\n         <a class=\"ph-caret-left icon\" (click)=\"previousTip()\" *ngIf=\"tipIndex > 0\"></a>\n      </div>\n      <div class=\"quicktip\" [id]=\"'quicktip-' + quickTip.publicKey\" [ngClass]=\"{'subscribe' : quickTip.publicKey == 'subscribe' }\">\n         <div class=\"quicktip-description\">{{quickTip.description}}</div>\n         <div class=\"link\" *ngIf=\"quickTip.publicKey != 'subscribe'\">\n            <span class=\"ph-plus icon\"></span> <a [routerLink]=\"[]\" class=\"addasaction\" addActionDialog [prefill]=\"{description: quickTip.description, teamKey: null, expectedImpactOn: [dimensionKey], type: quickTip.type, owner: null, quickTipPublicKey: quickTip.publicKey, url: null, state: InterventionStateEnum.open }\">Add as action</a>\n         </div>\n         <div class=\"link\" *ngIf=\"quickTip.publicKey == 'subscribe'\">\n            <span class=\"ph-plus icon\"></span> <a [routerLink]=\"[]\" class=\"addasaction\" subscribeDialog>Subscribe</a>\n         </div>\n      </div>\n      <div class=\"link forward\" *ngIf=\"tipCount > 1\">\n         <a class=\"ph-caret-right icon\" (click)=\"nextTip()\" *ngIf=\"tipIndex + 1 < tipCount\"></a>\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%}.quicktips{margin-top:15px}.quicktips .quicktips-container{display:flex;background:#f0f0f0;padding:20px;justify-content:space-between}.quicktips .quicktips-container .back,.quicktips .quicktips-container .forward{flex:auto;cursor:pointer;align-self:baseline}.quicktips .quicktips-container .back .back,.quicktips .quicktips-container .forward .back{text-align:left;margin-right:15px}.quicktips .quicktips-container .back .forward,.quicktips .quicktips-container .forward .forward{text-align:right;margin-left:15px}.quicktips .quicktips-container .back a,.quicktips .quicktips-container .forward a{-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}.quicktips .quicktips-container .back a:hover,.quicktips .quicktips-container .forward a:hover{text-decoration:none}.quicktips .quicktips-container .quicktip{flex:100%;margin-bottom:0}.quicktips .quicktips-container .quicktip .quicktip-description{font-family:StevieSansThin,sans-serif;font-style:normal;font-weight:400;font-size:15px;line-height:140%}.quicktips .quicktips-container .quicktip .link{margin-top:5px;margin-bottom:0;font-family:StevieSansThin,sans-serif;font-style:normal;font-weight:400;font-size:15px;line-height:140%}.quicktips .quicktips-container .quicktip .link .icon{font-weight:700;margin:0 10px 0 0;font-size:20px}.quicktips .quicktips-container .quicktip .link a{font-weight:700}.quicktips.quicktips-popover .quicktips-container{background:none;padding:0}.quicktips.quicktips-popover .quicktips-container .quicktip.subscribe{padding:15px;background:#fff73f;color:#2f2f2f}.quicktips.quicktips-popover .quicktips-container .quicktip.subscribe .link{color:#2f2f2f!important}.quicktips.quicktips-popover .quicktips-container .quicktip.subscribe .link a,.quicktips.quicktips-popover .quicktips-container .quicktip.subscribe .link icon{color:#2f2f2f!important;font-weight:600}.quicktips.quicktips-popover .quicktips-container .quicktip .link{color:#fff73f}.quicktips.quicktips-popover .quicktips-container .quicktip .link .icon{font-family:StevieSansThin,sans-serif;font-style:normal;font-weight:400;font-size:15px;line-height:140%}.quicktips.quicktips-popover .quicktips-container .quicktip .link a{font-family:StevieSansThin,sans-serif;font-style:normal;font-weight:400;font-size:15px;line-height:140%;color:#fff73f}\n"], dependencies: [{ kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { 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.OpenAddActionDialogDirective, selector: "[addActionDialog]", inputs: ["prefill"] }, { kind: "directive", type: i5.OpenSubscribeDialogDirective, selector: "[subscribeDialog]" }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.4", ngImport: i0, type: QuickTipsComponent, 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: QuickTipsComponent, selector: "quicktips", inputs: { dimensionKey: "dimensionKey", extraClass: "extraClass" }, usesInheritance: true, ngImport: i0, template: "<div class=\"quicktips\" [class]=\"extraClass\" *ngIf=\"quickTip\">\n   <div class=\"quicktips-container\">\n      <div class=\"link back\" *ngIf=\"tipCount > 1\">\n         <a class=\"ph-caret-left icon\" (click)=\"previousTip()\" *ngIf=\"tipIndex > 0\"></a>\n      </div>\n      <div class=\"quicktip\" [id]=\"'quicktip-' + quickTip.publicKey\" [ngClass]=\"{'subscribe' : quickTip.publicKey == 'subscribe' }\">\n         <div class=\"quicktip-description\">{{quickTip.description}}</div>\n         <div class=\"link\" *ngIf=\"quickTip.publicKey != 'subscribe'\">\n            <span class=\"ph-plus icon\"></span> <a [routerLink]=\"[]\" class=\"addasaction\" addActionDialog [prefill]=\"{description: quickTip.description, teamKey: null, expectedImpactOn: [dimensionKey], type: quickTip.type, owner: null, quickTipPublicKey: quickTip.publicKey, url: null, state: InterventionStateEnum.open }\">Add as action</a>\n         </div>\n         <div class=\"link\" *ngIf=\"quickTip.publicKey == 'subscribe'\">\n            <span class=\"ph-plus icon\"></span> <a [routerLink]=\"[]\" class=\"addasaction\" subscribeDialog>Subscribe</a>\n         </div>\n      </div>\n      <div class=\"link forward\" *ngIf=\"tipCount > 1\">\n         <a class=\"ph-caret-right icon\" (click)=\"nextTip()\" *ngIf=\"tipIndex + 1 < tipCount\"></a>\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%}.quicktips{margin-top:15px}.quicktips .quicktips-container{display:flex;background:#f0f0f0;padding:20px;justify-content:space-between}.quicktips .quicktips-container .back,.quicktips .quicktips-container .forward{flex:auto;cursor:pointer;align-self:baseline}.quicktips .quicktips-container .back .back,.quicktips .quicktips-container .forward .back{text-align:left;margin-right:15px}.quicktips .quicktips-container .back .forward,.quicktips .quicktips-container .forward .forward{text-align:right;margin-left:15px}.quicktips .quicktips-container .back a,.quicktips .quicktips-container .forward a{-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}.quicktips .quicktips-container .back a:hover,.quicktips .quicktips-container .forward a:hover{text-decoration:none}.quicktips .quicktips-container .quicktip{flex:100%;margin-bottom:0}.quicktips .quicktips-container .quicktip .quicktip-description{font-family:StevieSansThin,sans-serif;font-style:normal;font-weight:400;font-size:15px;line-height:140%}.quicktips .quicktips-container .quicktip .link{margin-top:5px;margin-bottom:0;font-family:StevieSansThin,sans-serif;font-style:normal;font-weight:400;font-size:15px;line-height:140%}.quicktips .quicktips-container .quicktip .link .icon{font-weight:700;margin:0 10px 0 0;font-size:20px}.quicktips .quicktips-container .quicktip .link a{font-weight:700}.quicktips.quicktips-popover .quicktips-container{background:none;padding:0}.quicktips.quicktips-popover .quicktips-container .quicktip.subscribe{padding:15px;background:#fff73f;color:#2f2f2f}.quicktips.quicktips-popover .quicktips-container .quicktip.subscribe .link{color:#2f2f2f!important}.quicktips.quicktips-popover .quicktips-container .quicktip.subscribe .link a,.quicktips.quicktips-popover .quicktips-container .quicktip.subscribe .link icon{color:#2f2f2f!important;font-weight:600}.quicktips.quicktips-popover .quicktips-container .quicktip .link{color:#fff73f}.quicktips.quicktips-popover .quicktips-container .quicktip .link .icon{font-family:StevieSansThin,sans-serif;font-style:normal;font-weight:400;font-size:15px;line-height:140%}.quicktips.quicktips-popover .quicktips-container .quicktip .link a{font-family:StevieSansThin,sans-serif;font-style:normal;font-weight:400;font-size:15px;line-height:140%;color:#fff73f}\n"], dependencies: [{ kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { 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.OpenAddActionDialogDirective, selector: "[addActionDialog]", inputs: ["prefill"] }, { kind: "directive", type: i5.OpenSubscribeDialogDirective, selector: "[subscribeDialog]" }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.1", ngImport: i0, type: QuickTipsComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.4", ngImport: i0, type: QuickTipsComponent, decorators: [{
             type: Component,
             args: [{ selector: 'quicktips', template: "<div class=\"quicktips\" [class]=\"extraClass\" *ngIf=\"quickTip\">\n   <div class=\"quicktips-container\">\n      <div class=\"link back\" *ngIf=\"tipCount > 1\">\n         <a class=\"ph-caret-left icon\" (click)=\"previousTip()\" *ngIf=\"tipIndex > 0\"></a>\n      </div>\n      <div class=\"quicktip\" [id]=\"'quicktip-' + quickTip.publicKey\" [ngClass]=\"{'subscribe' : quickTip.publicKey == 'subscribe' }\">\n         <div class=\"quicktip-description\">{{quickTip.description}}</div>\n         <div class=\"link\" *ngIf=\"quickTip.publicKey != 'subscribe'\">\n            <span class=\"ph-plus icon\"></span> <a [routerLink]=\"[]\" class=\"addasaction\" addActionDialog [prefill]=\"{description: quickTip.description, teamKey: null, expectedImpactOn: [dimensionKey], type: quickTip.type, owner: null, quickTipPublicKey: quickTip.publicKey, url: null, state: InterventionStateEnum.open }\">Add as action</a>\n         </div>\n         <div class=\"link\" *ngIf=\"quickTip.publicKey == 'subscribe'\">\n            <span class=\"ph-plus icon\"></span> <a [routerLink]=\"[]\" class=\"addasaction\" subscribeDialog>Subscribe</a>\n         </div>\n      </div>\n      <div class=\"link forward\" *ngIf=\"tipCount > 1\">\n         <a class=\"ph-caret-right icon\" (click)=\"nextTip()\" *ngIf=\"tipIndex + 1 < tipCount\"></a>\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%}.quicktips{margin-top:15px}.quicktips .quicktips-container{display:flex;background:#f0f0f0;padding:20px;justify-content:space-between}.quicktips .quicktips-container .back,.quicktips .quicktips-container .forward{flex:auto;cursor:pointer;align-self:baseline}.quicktips .quicktips-container .back .back,.quicktips .quicktips-container .forward .back{text-align:left;margin-right:15px}.quicktips .quicktips-container .back .forward,.quicktips .quicktips-container .forward .forward{text-align:right;margin-left:15px}.quicktips .quicktips-container .back a,.quicktips .quicktips-container .forward a{-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}.quicktips .quicktips-container .back a:hover,.quicktips .quicktips-container .forward a:hover{text-decoration:none}.quicktips .quicktips-container .quicktip{flex:100%;margin-bottom:0}.quicktips .quicktips-container .quicktip .quicktip-description{font-family:StevieSansThin,sans-serif;font-style:normal;font-weight:400;font-size:15px;line-height:140%}.quicktips .quicktips-container .quicktip .link{margin-top:5px;margin-bottom:0;font-family:StevieSansThin,sans-serif;font-style:normal;font-weight:400;font-size:15px;line-height:140%}.quicktips .quicktips-container .quicktip .link .icon{font-weight:700;margin:0 10px 0 0;font-size:20px}.quicktips .quicktips-container .quicktip .link a{font-weight:700}.quicktips.quicktips-popover .quicktips-container{background:none;padding:0}.quicktips.quicktips-popover .quicktips-container .quicktip.subscribe{padding:15px;background:#fff73f;color:#2f2f2f}.quicktips.quicktips-popover .quicktips-container .quicktip.subscribe .link{color:#2f2f2f!important}.quicktips.quicktips-popover .quicktips-container .quicktip.subscribe .link a,.quicktips.quicktips-popover .quicktips-container .quicktip.subscribe .link icon{color:#2f2f2f!important;font-weight:600}.quicktips.quicktips-popover .quicktips-container .quicktip .link{color:#fff73f}.quicktips.quicktips-popover .quicktips-container .quicktip .link .icon{font-family:StevieSansThin,sans-serif;font-style:normal;font-weight:400;font-size:15px;line-height:140%}.quicktips.quicktips-popover .quicktips-container .quicktip .link a{font-family:StevieSansThin,sans-serif;font-style:normal;font-weight:400;font-size:15px;line-height:140%;color:#fff73f}\n"] }]
         }], ctorParameters: () => [{ type: i6.ViewModelStateBase, decorators: [{

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

@@ -38,10 +38,10 @@ export class RecommendationComponent extends ComponentWithViewStateBase {
         this.model = data.factorScores.modelStructure;
     }
     ;
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.1", ngImport: i0, type: RecommendationComponent, deps: [{ token: VIEWSTATE_PROVIDER }, { token: i1.MatSnackBar }, { token: i2.Router }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.1", type: RecommendationComponent, selector: "recommendation", inputs: { item: "item" }, usesInheritance: true, ngImport: i0, template: "<div [ngClass]=\"['wirebox', 'tip', 'index' + index]\" [attr.id]=\"'tip-' + item.key\">\n   <div class=\"top\">\n      <div class=\"name\">\n         <div class=\"index\">{{index}}</div><h3>Invest in \"{{item.name}}\"</h3>\n      </div>\n      <div class=\"summary\" [innerHtml]=\"item.recommendation.summary\"></div>\n      <div class=\"deltas\">\n         <div class=\"delta-item\">benchmark <benchmark-indicator [factorScore]=\"item\"></benchmark-indicator></div>\n         <div class=\"delta-item\" *ngIf=\"delta.available\">previous period <delta-arrow [factorScore]=\"item\" [delta]=\"delta\"></delta-arrow></div>\n         <div class=\"delta-item\">impact <impact-indicator [factorScore]=\"item\"></impact-indicator></div>\n      </div>\n   </div>\n   <div class=\"bottom insightsfromresearch\" *ngIf=\"item.recommendation.research\">\n      <div class=\"titleandaction\" (click)=\"researchExpanded = !researchExpanded\">\n         <h3>Insights from research</h3>\n         <div class=\"unexpand action\" *ngIf=\"researchExpanded\">\n            <span class=\"icon ph-minus-bold\"></span>\n         </div>\n         <div class=\"expand action\" *ngIf=\"!researchExpanded\">\n            <span class=\"icon ph-plus-bold\"></span>\n         </div>\n      </div>\n      <div class=\"research\" *ngIf=\"researchExpanded\">\n         <div class=\"chunk summary\" [innerHtml]=\"item.recommendation.research\"></div>\n      </div>\n   </div>\n   <div class=\"bottom howtoimprove\">\n      <div class=\"titleandaction\" (click)=\"howToImproveExpanded = !howToImproveExpanded\">\n         <h3>How to improve</h3>\n         <div class=\"unexpand action\" *ngIf=\"howToImproveExpanded\">\n            <span class=\"icon ph-minus-bold\"></span>\n         </div>\n         <div class=\"expand action\" *ngIf=\"!howToImproveExpanded\" >\n            <span class=\"icon ph-plus-bold\"></span>\n         </div>\n      </div>\n      <div class=\"howtoimprove\" *ngIf=\"howToImproveExpanded\">\n         <div class=\"chunk summary\" [innerHtml]=\"item.recommendation.improve\"></div>\n         <div class=\"chunk quicktips\">\n            <p>Or try one or more quick actions with your team(s) to start small and simple:</p>\n            <quicktips [dimensionKey]=\"item.key\"></quicktips>\n         </div>\n         <div class=\"chunk resources\" *ngIf=\"resources.length > 0\">\n            <p>Or try one or more of these do-it-yourself workshops with your team(s) to start improving in this area:</p>\n            <doityourselfworkshops [resources]=\"resources\" [factorScore]=\"item\"></doityourselfworkshops>\n         </div>\n         <div class=\"chunk predictors\" *ngIf=\"predictors.length > 0\">\n            <p>Or you can improve in this area  by investing in:</p>\n            <ul *ngFor=\"let effect of predictors\">\n               <li *ngIf=\"effect.type == 'IsPartOf'\"><a [routerLink]=\"[]\" factorInformationDialog [factor]=\"getFactor(effect.key)\">{{effect.name}}<span class=\"icon ph-info-fill\"></span></a>, which is an important part of {{item.name}}.</li>\n               <li *ngIf=\"effect.type == 'IsPredictedBy'\"><a [routerLink]=\"[]\" factorInformationDialog [factor]=\"getFactor(effect.key)\">{{effect.name}}<span class=\"icon ph-info-fill\"></span></a>, which creates better conditions for {{item.name}}.</li>\n            </ul>\n         </div>\n         <div class=\"chunk summary effects\" *ngIf=\"influences.length > 0\">\n            <p>When you are successful, you're likely to see additional improvements in:</p>\n            <ul *ngFor=\"let effect of influences\">\n               <li><a [routerLink]=\"[]\" factorInformationDialog [factor]=\"getFactor(effect.key)\">{{effect.name}}<span class=\"icon ph-info-fill\"></span></a></li>\n            </ul>\n         </div>\n      </div>\n   </div>\n</div>\n", styles: [".smallTextUppercase{font-family:StevieSansThin,sans-serif;font-style:normal;font-weight:400;font-size:15px;line-height:140%;text-transform:uppercase;line-height:100%}.tip{display:flex;flex-direction:column}.tip.index1 .top .name .index,.tip.index2 .top .name .index,.tip.index3 .top .name .index{background:#ef4f9f;color:#fff}.tip .top{padding-bottom:0!important}.tip .top .name{display:flex;align-items:center}.tip .top .name h3{flex:auto;font-style:normal;font-weight:600;font-size:30px;line-height:30px}.tip .top .name .index{width:50px;min-width:50px;height:50px;min-height:50px;display:flex;justify-content:center;align-items:center;border-radius:25px;background:#f0f0f0;margin-right:15px;font-weight:600;font-family:StevieSans,sans-serif}.tip .top .deltas{margin-bottom:15px}.tip .bottom .titleandaction{cursor:pointer}.tip .summary{margin-top:15px;margin-bottom:15px}.tip .chunk{margin-bottom:30px}.tip .chunk:last-of-type{margin-bottom:0}.tip .chunk p{font-family:StevieSansThin,sans-serif;font-style:normal;font-weight:400;line-height:140%}.tip .chunk ul{line-height:130%}.tip .chunk ul li a{text-decoration:none;font-weight:600}.tip .chunk ul li .icon{margin-left:4px;vertical-align:middle}.tip .expand .icon,.tip .unexpand .icon{font-size:28px;vertical-align:middle}.tip .resources h3{margin-top:15px;margin-bottom:15px}.tip .quicktips{margin-top:30px}.tip .quicktips h3{font-weight:700!important;font-size:15px!important}\n"], dependencies: [{ kind: "directive", type: 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: i2.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "directive", type: i4.OpenFactorInformationDialogDirective, selector: "[factorInformationDialog]", inputs: ["factor"] }, { kind: "component", type: i5.DeltaArrowComponent, selector: "delta-arrow", inputs: ["factorScore", "delta", "noDataIndicator"] }, { kind: "component", type: i6.BenchmarkIndicatorComponent, selector: "benchmark-indicator", inputs: ["factorScore"] }, { kind: "component", type: i7.ImpactIndicatorComponent, selector: "impact-indicator", inputs: ["factorScore"] }, { kind: "component", type: i8.QuickTipsComponent, selector: "quicktips", inputs: ["dimensionKey", "extraClass"] }, { kind: "component", type: i9.DoItYourselfWorkshopsComponent, selector: "doityourselfworkshops", inputs: ["factorScore", "resources"] }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.4", ngImport: i0, type: RecommendationComponent, deps: [{ token: VIEWSTATE_PROVIDER }, { token: i1.MatSnackBar }, { token: i2.Router }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.4", type: RecommendationComponent, selector: "recommendation", inputs: { item: "item" }, usesInheritance: true, ngImport: i0, template: "<div [ngClass]=\"['wirebox', 'tip', 'index' + index]\" [attr.id]=\"'tip-' + item.key\">\n   <div class=\"top\">\n      <div class=\"name\">\n         <div class=\"index\">{{index}}</div><h3>Invest in \"{{item.name}}\"</h3>\n      </div>\n      <div class=\"summary\" [innerHtml]=\"item.recommendation.summary\"></div>\n      <div class=\"deltas\">\n         <div class=\"delta-item\">benchmark <benchmark-indicator [factorScore]=\"item\"></benchmark-indicator></div>\n         <div class=\"delta-item\" *ngIf=\"delta.available\">previous period <delta-arrow [factorScore]=\"item\" [delta]=\"delta\"></delta-arrow></div>\n         <div class=\"delta-item\">impact <impact-indicator [factorScore]=\"item\"></impact-indicator></div>\n      </div>\n   </div>\n   <div class=\"bottom insightsfromresearch\" *ngIf=\"item.recommendation.research\">\n      <div class=\"titleandaction\" (click)=\"researchExpanded = !researchExpanded\">\n         <h3>Insights from research</h3>\n         <div class=\"unexpand action\" *ngIf=\"researchExpanded\">\n            <span class=\"icon ph-minus-bold\"></span>\n         </div>\n         <div class=\"expand action\" *ngIf=\"!researchExpanded\">\n            <span class=\"icon ph-plus-bold\"></span>\n         </div>\n      </div>\n      <div class=\"research\" *ngIf=\"researchExpanded\">\n         <div class=\"chunk summary\" [innerHtml]=\"item.recommendation.research\"></div>\n      </div>\n   </div>\n   <div class=\"bottom howtoimprove\">\n      <div class=\"titleandaction\" (click)=\"howToImproveExpanded = !howToImproveExpanded\">\n         <h3>How to improve</h3>\n         <div class=\"unexpand action\" *ngIf=\"howToImproveExpanded\">\n            <span class=\"icon ph-minus-bold\"></span>\n         </div>\n         <div class=\"expand action\" *ngIf=\"!howToImproveExpanded\" >\n            <span class=\"icon ph-plus-bold\"></span>\n         </div>\n      </div>\n      <div class=\"howtoimprove\" *ngIf=\"howToImproveExpanded\">\n         <div class=\"chunk summary\" [innerHtml]=\"item.recommendation.improve\"></div>\n         <div class=\"chunk quicktips\">\n            <p>Or try one or more quick actions with your team(s) to start small and simple:</p>\n            <quicktips [dimensionKey]=\"item.key\"></quicktips>\n         </div>\n         <div class=\"chunk resources\" *ngIf=\"resources.length > 0\">\n            <p>Or try one or more of these do-it-yourself workshops with your team(s) to start improving in this area:</p>\n            <doityourselfworkshops [resources]=\"resources\" [factorScore]=\"item\"></doityourselfworkshops>\n         </div>\n         <div class=\"chunk predictors\" *ngIf=\"predictors.length > 0\">\n            <p>Or you can improve in this area  by investing in:</p>\n            <ul *ngFor=\"let effect of predictors\">\n               <li *ngIf=\"effect.type == 'IsPartOf'\"><a [routerLink]=\"[]\" factorInformationDialog [factor]=\"getFactor(effect.key)\">{{effect.name}}<span class=\"icon ph-info-fill\"></span></a>, which is an important part of {{item.name}}.</li>\n               <li *ngIf=\"effect.type == 'IsPredictedBy'\"><a [routerLink]=\"[]\" factorInformationDialog [factor]=\"getFactor(effect.key)\">{{effect.name}}<span class=\"icon ph-info-fill\"></span></a>, which creates better conditions for {{item.name}}.</li>\n            </ul>\n         </div>\n         <div class=\"chunk summary effects\" *ngIf=\"influences.length > 0\">\n            <p>When you are successful, you're likely to see additional improvements in:</p>\n            <ul *ngFor=\"let effect of influences\">\n               <li><a [routerLink]=\"[]\" factorInformationDialog [factor]=\"getFactor(effect.key)\">{{effect.name}}<span class=\"icon ph-info-fill\"></span></a></li>\n            </ul>\n         </div>\n      </div>\n   </div>\n</div>\n", styles: [".smallTextUppercase{font-family:StevieSansThin,sans-serif;font-style:normal;font-weight:400;font-size:15px;line-height:140%;text-transform:uppercase;line-height:100%}.tip{display:flex;flex-direction:column}.tip.index1 .top .name .index,.tip.index2 .top .name .index,.tip.index3 .top .name .index{background:#ef4f9f;color:#fff}.tip .top{padding-bottom:0!important}.tip .top .name{display:flex;align-items:center}.tip .top .name h3{flex:auto;font-style:normal;font-weight:600;font-size:30px;line-height:30px}.tip .top .name .index{width:50px;min-width:50px;height:50px;min-height:50px;display:flex;justify-content:center;align-items:center;border-radius:25px;background:#f0f0f0;margin-right:15px;font-weight:600;font-family:StevieSans,sans-serif}.tip .top .deltas{margin-bottom:15px}.tip .bottom .titleandaction{cursor:pointer}.tip .summary{margin-top:15px;margin-bottom:15px}.tip .chunk{margin-bottom:30px}.tip .chunk:last-of-type{margin-bottom:0}.tip .chunk p{font-family:StevieSansThin,sans-serif;font-style:normal;font-weight:400;line-height:140%}.tip .chunk ul{line-height:130%}.tip .chunk ul li a{text-decoration:none;font-weight:600}.tip .chunk ul li .icon{margin-left:4px;vertical-align:middle}.tip .expand .icon,.tip .unexpand .icon{font-size:28px;vertical-align:middle}.tip .resources h3{margin-top:15px;margin-bottom:15px}.tip .quicktips{margin-top:30px}.tip .quicktips h3{font-weight:700!important;font-size:15px!important}\n"], dependencies: [{ kind: "directive", type: 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: i2.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "directive", type: i4.OpenFactorInformationDialogDirective, selector: "[factorInformationDialog]", inputs: ["factor"] }, { kind: "component", type: i5.DeltaArrowComponent, selector: "delta-arrow", inputs: ["factorScore", "delta", "noDataIndicator"] }, { kind: "component", type: i6.BenchmarkIndicatorComponent, selector: "benchmark-indicator", inputs: ["factorScore"] }, { kind: "component", type: i7.ImpactIndicatorComponent, selector: "impact-indicator", inputs: ["factorScore"] }, { kind: "component", type: i8.QuickTipsComponent, selector: "quicktips", inputs: ["dimensionKey", "extraClass"] }, { kind: "component", type: i9.DoItYourselfWorkshopsComponent, selector: "doityourselfworkshops", inputs: ["factorScore", "resources"] }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.1", ngImport: i0, type: RecommendationComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.4", ngImport: i0, type: RecommendationComponent, decorators: [{
             type: Component,
             args: [{ selector: 'recommendation', template: "<div [ngClass]=\"['wirebox', 'tip', 'index' + index]\" [attr.id]=\"'tip-' + item.key\">\n   <div class=\"top\">\n      <div class=\"name\">\n         <div class=\"index\">{{index}}</div><h3>Invest in \"{{item.name}}\"</h3>\n      </div>\n      <div class=\"summary\" [innerHtml]=\"item.recommendation.summary\"></div>\n      <div class=\"deltas\">\n         <div class=\"delta-item\">benchmark <benchmark-indicator [factorScore]=\"item\"></benchmark-indicator></div>\n         <div class=\"delta-item\" *ngIf=\"delta.available\">previous period <delta-arrow [factorScore]=\"item\" [delta]=\"delta\"></delta-arrow></div>\n         <div class=\"delta-item\">impact <impact-indicator [factorScore]=\"item\"></impact-indicator></div>\n      </div>\n   </div>\n   <div class=\"bottom insightsfromresearch\" *ngIf=\"item.recommendation.research\">\n      <div class=\"titleandaction\" (click)=\"researchExpanded = !researchExpanded\">\n         <h3>Insights from research</h3>\n         <div class=\"unexpand action\" *ngIf=\"researchExpanded\">\n            <span class=\"icon ph-minus-bold\"></span>\n         </div>\n         <div class=\"expand action\" *ngIf=\"!researchExpanded\">\n            <span class=\"icon ph-plus-bold\"></span>\n         </div>\n      </div>\n      <div class=\"research\" *ngIf=\"researchExpanded\">\n         <div class=\"chunk summary\" [innerHtml]=\"item.recommendation.research\"></div>\n      </div>\n   </div>\n   <div class=\"bottom howtoimprove\">\n      <div class=\"titleandaction\" (click)=\"howToImproveExpanded = !howToImproveExpanded\">\n         <h3>How to improve</h3>\n         <div class=\"unexpand action\" *ngIf=\"howToImproveExpanded\">\n            <span class=\"icon ph-minus-bold\"></span>\n         </div>\n         <div class=\"expand action\" *ngIf=\"!howToImproveExpanded\" >\n            <span class=\"icon ph-plus-bold\"></span>\n         </div>\n      </div>\n      <div class=\"howtoimprove\" *ngIf=\"howToImproveExpanded\">\n         <div class=\"chunk summary\" [innerHtml]=\"item.recommendation.improve\"></div>\n         <div class=\"chunk quicktips\">\n            <p>Or try one or more quick actions with your team(s) to start small and simple:</p>\n            <quicktips [dimensionKey]=\"item.key\"></quicktips>\n         </div>\n         <div class=\"chunk resources\" *ngIf=\"resources.length > 0\">\n            <p>Or try one or more of these do-it-yourself workshops with your team(s) to start improving in this area:</p>\n            <doityourselfworkshops [resources]=\"resources\" [factorScore]=\"item\"></doityourselfworkshops>\n         </div>\n         <div class=\"chunk predictors\" *ngIf=\"predictors.length > 0\">\n            <p>Or you can improve in this area  by investing in:</p>\n            <ul *ngFor=\"let effect of predictors\">\n               <li *ngIf=\"effect.type == 'IsPartOf'\"><a [routerLink]=\"[]\" factorInformationDialog [factor]=\"getFactor(effect.key)\">{{effect.name}}<span class=\"icon ph-info-fill\"></span></a>, which is an important part of {{item.name}}.</li>\n               <li *ngIf=\"effect.type == 'IsPredictedBy'\"><a [routerLink]=\"[]\" factorInformationDialog [factor]=\"getFactor(effect.key)\">{{effect.name}}<span class=\"icon ph-info-fill\"></span></a>, which creates better conditions for {{item.name}}.</li>\n            </ul>\n         </div>\n         <div class=\"chunk summary effects\" *ngIf=\"influences.length > 0\">\n            <p>When you are successful, you're likely to see additional improvements in:</p>\n            <ul *ngFor=\"let effect of influences\">\n               <li><a [routerLink]=\"[]\" factorInformationDialog [factor]=\"getFactor(effect.key)\">{{effect.name}}<span class=\"icon ph-info-fill\"></span></a></li>\n            </ul>\n         </div>\n      </div>\n   </div>\n</div>\n", styles: [".smallTextUppercase{font-family:StevieSansThin,sans-serif;font-style:normal;font-weight:400;font-size:15px;line-height:140%;text-transform:uppercase;line-height:100%}.tip{display:flex;flex-direction:column}.tip.index1 .top .name .index,.tip.index2 .top .name .index,.tip.index3 .top .name .index{background:#ef4f9f;color:#fff}.tip .top{padding-bottom:0!important}.tip .top .name{display:flex;align-items:center}.tip .top .name h3{flex:auto;font-style:normal;font-weight:600;font-size:30px;line-height:30px}.tip .top .name .index{width:50px;min-width:50px;height:50px;min-height:50px;display:flex;justify-content:center;align-items:center;border-radius:25px;background:#f0f0f0;margin-right:15px;font-weight:600;font-family:StevieSans,sans-serif}.tip .top .deltas{margin-bottom:15px}.tip .bottom .titleandaction{cursor:pointer}.tip .summary{margin-top:15px;margin-bottom:15px}.tip .chunk{margin-bottom:30px}.tip .chunk:last-of-type{margin-bottom:0}.tip .chunk p{font-family:StevieSansThin,sans-serif;font-style:normal;font-weight:400;line-height:140%}.tip .chunk ul{line-height:130%}.tip .chunk ul li a{text-decoration:none;font-weight:600}.tip .chunk ul li .icon{margin-left:4px;vertical-align:middle}.tip .expand .icon,.tip .unexpand .icon{font-size:28px;vertical-align:middle}.tip .resources h3{margin-top:15px;margin-bottom:15px}.tip .quicktips{margin-top:30px}.tip .quicktips h3{font-weight:700!important;font-size:15px!important}\n"] }]
         }], ctorParameters: () => [{ type: i10.ViewModelStateBase, decorators: [{

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

@@ -40,10 +40,10 @@ export class RecommendationsComponent extends ComponentWithViewStateBase {
         }
         targetElement.scrollIntoView();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.1", ngImport: i0, type: RecommendationsComponent, deps: [{ token: VIEWSTATE_PROVIDER }, { token: i1.MatSnackBar }, { token: i2.Router }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.1", type: RecommendationsComponent, selector: "recommendations", inputs: { limit: "limit", skip: "skip" }, usesInheritance: true, ngImport: i0, template: "<div class=\"tips\">\n   <recommendation *ngFor=\"let item of recommendations\" [item]=\"item\"></recommendation>\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%}.tips{grid-template-columns:repeat(3,1fr);grid-gap:30px}\n"], dependencies: [{ kind: "directive", type: i3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "component", type: i4.RecommendationComponent, selector: "recommendation", inputs: ["item"] }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.4", ngImport: i0, type: RecommendationsComponent, deps: [{ token: VIEWSTATE_PROVIDER }, { token: i1.MatSnackBar }, { token: i2.Router }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.4", type: RecommendationsComponent, selector: "recommendations", inputs: { limit: "limit", skip: "skip" }, usesInheritance: true, ngImport: i0, template: "<div class=\"tips\">\n   <recommendation *ngFor=\"let item of recommendations\" [item]=\"item\"></recommendation>\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%}.tips{grid-template-columns:repeat(3,1fr);grid-gap:30px}\n"], dependencies: [{ kind: "directive", type: i3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "component", type: i4.RecommendationComponent, selector: "recommendation", inputs: ["item"] }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.1", ngImport: i0, type: RecommendationsComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.4", ngImport: i0, type: RecommendationsComponent, decorators: [{
             type: Component,
             args: [{ selector: 'recommendations', template: "<div class=\"tips\">\n   <recommendation *ngFor=\"let item of recommendations\" [item]=\"item\"></recommendation>\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%}.tips{grid-template-columns:repeat(3,1fr);grid-gap:30px}\n"] }]
         }], ctorParameters: () => [{ type: i5.ViewModelStateBase, decorators: [{

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

@@ -6,10 +6,10 @@ export class ResearchComponent {
     }
     ngOnInit() {
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.1", ngImport: i0, type: ResearchComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.1", type: ResearchComponent, selector: "research", ngImport: i0, template: "<div class=\"box research\" brandbackground [palette]=\"'neutral'\">\n   <h3>Grounded in research</h3>\n   <p>We believe in a scientific approach to change. This tool is built on a scientifc investigation of data from 1.978 Scrum/Agile teams to identify which factors contribute to their effectiveness (<a href=\"https://dl.acm.org/doi/pdf/10.1145/3571849\" download>Verwijs & Russo, 2022</a>). We report these factors and offer evidence-based feedback for them.</p>\n\n   <div class=\"link\">\n      <a href=\"https://columinity.com/research\">Explore research ></a>\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:#00af77}.box h3{margin-bottom:10px}.box a{color:#2f2f2f}\n"], dependencies: [{ kind: "directive", type: i1.BrandBackgroundDirective, selector: "[brandbackground]", inputs: ["palette"] }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.4", ngImport: i0, type: ResearchComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.4", type: ResearchComponent, selector: "research", ngImport: i0, template: "<div class=\"box research\" brandbackground [palette]=\"'neutral'\">\n   <h3>Grounded in research</h3>\n   <p>We believe in a scientific approach to change. This tool is built on a scientifc investigation of data from 1.978 Scrum/Agile teams to identify which factors contribute to their effectiveness (<a href=\"https://dl.acm.org/doi/pdf/10.1145/3571849\" download>Verwijs & Russo, 2022</a>). We report these factors and offer evidence-based feedback for them.</p>\n\n   <div class=\"link\">\n      <a href=\"https://columinity.com/research\">Explore research ></a>\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:#00af77}.box h3{margin-bottom:10px}.box a{color:#2f2f2f}\n"], dependencies: [{ kind: "directive", type: i1.BrandBackgroundDirective, selector: "[brandbackground]", inputs: ["palette"] }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.1", ngImport: i0, type: ResearchComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.4", ngImport: i0, type: ResearchComponent, decorators: [{
             type: Component,
             args: [{ selector: 'research', template: "<div class=\"box research\" brandbackground [palette]=\"'neutral'\">\n   <h3>Grounded in research</h3>\n   <p>We believe in a scientific approach to change. This tool is built on a scientifc investigation of data from 1.978 Scrum/Agile teams to identify which factors contribute to their effectiveness (<a href=\"https://dl.acm.org/doi/pdf/10.1145/3571849\" download>Verwijs & Russo, 2022</a>). We report these factors and offer evidence-based feedback for them.</p>\n\n   <div class=\"link\">\n      <a href=\"https://columinity.com/research\">Explore research ></a>\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:#00af77}.box h3{margin-bottom:10px}.box a{color:#2f2f2f}\n"] }]
         }], ctorParameters: () => [] });

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

@@ -16,10 +16,10 @@ export class RoadmapComponent extends ComponentWithViewStateBase {
         this.show = data.userInfo.branding.isDefault;
     }
     ;
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.1", ngImport: i0, type: RoadmapComponent, 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: RoadmapComponent, selector: "roadmap", usesInheritance: true, ngImport: i0, template: "<div class=\"roadmap\" brandbackground [palette]=\"'accent'\" *ngIf=\"show\">\n   <h3>Our roadmap</h3>\n   <div class=\"feature\">\n      <span class=\"icon ph-check-circle-fill\"></span> More Enterprise Features (MFA, SSO, potentially custom domains) (Q1)\n   </div>\n   <div class=\"feature\">\n      <span class=\"icon ph-check-circle-fill\"></span> Introduce Lightweight Partner\u00A0Program (Q1-2)\n   </div>\n   <div class=\"feature\">\n      <span class=\"icon ph-circle\"></span> Add basic API for select Enterprise users (Q3)\n   </div>\n   <div class=\"feature\">\n      <span class=\"icon ph-circle\"></span> Evolve Feedback To Support Action\u00A0Learning (in progress, Q2-4)\n   </div>\n   <div class=\"feature\">\n      <span class=\"icon ph-circle\"></span> Transition Teamwork Model Out Of\u00A0Beta (Q4)\n   </div>\n   <div class=\"feature\">\n      <span class=\"icon ph-circle\"></span> Expand with non-survey measures (Q1-2, 2025)\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%}.roadmap{padding:20px;position:relative}.roadmap .close{position:absolute;top:15px;right:15px;font-size:30px;cursor:pointer}.roadmap .feature{display:flex;align-items:center;align-content:center}.roadmap .feature .icon{margin-right:15px}.roadmap .toolbar{margin-top:30px}\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: RoadmapComponent, 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: RoadmapComponent, selector: "roadmap", usesInheritance: true, ngImport: i0, template: "<div class=\"roadmap\" brandbackground [palette]=\"'accent'\" *ngIf=\"show\">\n   <h3>Our roadmap</h3>\n   <div class=\"feature\">\n      <span class=\"icon ph-check-circle-fill\"></span> More Enterprise Features (MFA, SSO, potentially custom domains) (Q1)\n   </div>\n   <div class=\"feature\">\n      <span class=\"icon ph-check-circle-fill\"></span> Introduce Lightweight Partner\u00A0Program (Q1-2)\n   </div>\n   <div class=\"feature\">\n      <span class=\"icon ph-circle\"></span> Add basic API for select Enterprise users (Q3)\n   </div>\n   <div class=\"feature\">\n      <span class=\"icon ph-circle\"></span> Evolve Feedback To Support Action\u00A0Learning (in progress, Q2-4)\n   </div>\n   <div class=\"feature\">\n      <span class=\"icon ph-circle\"></span> Transition Teamwork Model Out Of\u00A0Beta (Q4)\n   </div>\n   <div class=\"feature\">\n      <span class=\"icon ph-circle\"></span> Expand with non-survey measures (Q1-2, 2025)\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%}.roadmap{padding:20px;position:relative}.roadmap .close{position:absolute;top:15px;right:15px;font-size:30px;cursor:pointer}.roadmap .feature{display:flex;align-items:center;align-content:center}.roadmap .feature .icon{margin-right:15px}.roadmap .toolbar{margin-top:30px}\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: RoadmapComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.4", ngImport: i0, type: RoadmapComponent, decorators: [{
             type: Component,
             args: [{ selector: 'roadmap', template: "<div class=\"roadmap\" brandbackground [palette]=\"'accent'\" *ngIf=\"show\">\n   <h3>Our roadmap</h3>\n   <div class=\"feature\">\n      <span class=\"icon ph-check-circle-fill\"></span> More Enterprise Features (MFA, SSO, potentially custom domains) (Q1)\n   </div>\n   <div class=\"feature\">\n      <span class=\"icon ph-check-circle-fill\"></span> Introduce Lightweight Partner\u00A0Program (Q1-2)\n   </div>\n   <div class=\"feature\">\n      <span class=\"icon ph-circle\"></span> Add basic API for select Enterprise users (Q3)\n   </div>\n   <div class=\"feature\">\n      <span class=\"icon ph-circle\"></span> Evolve Feedback To Support Action\u00A0Learning (in progress, Q2-4)\n   </div>\n   <div class=\"feature\">\n      <span class=\"icon ph-circle\"></span> Transition Teamwork Model Out Of\u00A0Beta (Q4)\n   </div>\n   <div class=\"feature\">\n      <span class=\"icon ph-circle\"></span> Expand with non-survey measures (Q1-2, 2025)\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%}.roadmap{padding:20px;position:relative}.roadmap .close{position:absolute;top:15px;right:15px;font-size:30px;cursor:pointer}.roadmap .feature{display:flex;align-items:center;align-content:center}.roadmap .feature .icon{margin-right:15px}.roadmap .toolbar{margin-top:30px}\n"] }]
         }], ctorParameters: () => [{ type: i4.ViewModelStateBase, decorators: [{

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

@@ -18,10 +18,10 @@ export class TeamDashboardTeaserComponent extends ComponentWithViewStateBase {
         this.show = data.teamMetaData.subscriptionTier == SubscriptionTierEnum.Freemium;
     }
     ;
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.1", ngImport: i0, type: TeamDashboardTeaserComponent, 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: TeamDashboardTeaserComponent, selector: "teamdashboard-teaser", usesInheritance: true, ngImport: i0, template: "<div class=\"box doityourself\" brandbackground [palette]=\"'neutral'\" *ngIf=\"show\">\n   <img class=\"responsive\" src=\"assets/img/teamdashboard-teaser.jpg\" />\n   <h3>Simply drive change with other teams</h3>\n   <p>Improving is more fun together. Use our Teams Dashboard to learn from other teams, identify shared challenges and work together to overcome them It also simplifies inviting teams.</p>\n\n   <div class=\"link\">\n      <a [href]=\"subscribeUrl\" target=\"_blank\">Discover our 'Professional'-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.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: TeamDashboardTeaserComponent, 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: TeamDashboardTeaserComponent, selector: "teamdashboard-teaser", usesInheritance: true, ngImport: i0, template: "<div class=\"box doityourself\" brandbackground [palette]=\"'neutral'\" *ngIf=\"show\">\n   <img class=\"responsive\" src=\"assets/img/teamdashboard-teaser.jpg\" />\n   <h3>Simply drive change with other teams</h3>\n   <p>Improving is more fun together. Use our Teams Dashboard to learn from other teams, identify shared challenges and work together to overcome them It also simplifies inviting teams.</p>\n\n   <div class=\"link\">\n      <a [href]=\"subscribeUrl\" target=\"_blank\">Discover our 'Professional'-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.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: TeamDashboardTeaserComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.4", ngImport: i0, type: TeamDashboardTeaserComponent, decorators: [{
             type: Component,
             args: [{ selector: 'teamdashboard-teaser', template: "<div class=\"box doityourself\" brandbackground [palette]=\"'neutral'\" *ngIf=\"show\">\n   <img class=\"responsive\" src=\"assets/img/teamdashboard-teaser.jpg\" />\n   <h3>Simply drive change with other teams</h3>\n   <p>Improving is more fun together. Use our Teams Dashboard to learn from other teams, identify shared challenges and work together to overcome them It also simplifies inviting teams.</p>\n\n   <div class=\"link\">\n      <a [href]=\"subscribeUrl\" target=\"_blank\">Discover our 'Professional'-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: i4.ViewModelStateBase, decorators: [{

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

@@ -27,10 +27,10 @@ export class TeamEffectivenessComponent extends ComponentWithViewStateBase {
         }
     }
     ;
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.1", ngImport: i0, type: TeamEffectivenessComponent, 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: TeamEffectivenessComponent, selector: "teameffectiveness", usesInheritance: true, ngImport: i0, template: "<div class=\"box teameffectiveness\" *ngIf=\"score != 0\" brandbackground [palette]=\"'theme'\">\n   <h3>Team Effectiveness Score</h3>\n   \n   <div [class]=\"'progressbar progressbar-inverted progressbar-yourteam progressbar-inverted-' + qualification | lowercase\" [matTooltip]=\"'Whether you call it experience or maturity, we believe that teams are effective when they deliver value to stakeholders and when morale is high. This is the score for your team.'\">\n      <div class=\"progressbar-bar\" [style]=\"'width: ' + score + '%'\"></div>\n      <div class=\"progressbar-label\">your team</div>\n      <div class=\"progressbar-score\">{{score | number:'1.0-0'}}\n      </div>\n   </div>\n\n   <div [class]=\"'progressbar progressbar-inverted progressbar-benchmark'\" *ngIf=\"benchmarkScore > 0\">\n      <div class=\"progressbar-bar\" [matTooltip]=\"'This is the upper range of what most Scrum Teams in your benchmark score'\" [style]=\"'width: ' + benchmarkScore + '%'\"></div>\n      <div class=\"progressbar-label\">teams in benchmark</div>\n      <div class=\"progressbar-score\">{{benchmarkScore | number:'1.0-0' }}</div>\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:#1f3f8f}.box h3{margin-bottom:10px;color:#fff}.box p{color:#fff}\n"], dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i3.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "directive", type: i4.BrandBackgroundDirective, selector: "[brandbackground]", inputs: ["palette"] }, { kind: "pipe", type: i2.LowerCasePipe, name: "lowercase" }, { kind: "pipe", type: i2.DecimalPipe, name: "number" }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.4", ngImport: i0, type: TeamEffectivenessComponent, 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: TeamEffectivenessComponent, selector: "teameffectiveness", usesInheritance: true, ngImport: i0, template: "<div class=\"box teameffectiveness\" *ngIf=\"score != 0\" brandbackground [palette]=\"'theme'\">\n   <h3>Team Effectiveness Score</h3>\n   \n   <div [class]=\"'progressbar progressbar-inverted progressbar-yourteam progressbar-inverted-' + qualification | lowercase\" [matTooltip]=\"'Whether you call it experience or maturity, we believe that teams are effective when they deliver value to stakeholders and when morale is high. This is the score for your team.'\">\n      <div class=\"progressbar-bar\" [style]=\"'width: ' + score + '%'\"></div>\n      <div class=\"progressbar-label\">your team</div>\n      <div class=\"progressbar-score\">{{score | number:'1.0-0'}}\n      </div>\n   </div>\n\n   <div [class]=\"'progressbar progressbar-inverted progressbar-benchmark'\" *ngIf=\"benchmarkScore > 0\">\n      <div class=\"progressbar-bar\" [matTooltip]=\"'This is the upper range of what most Scrum Teams in your benchmark score'\" [style]=\"'width: ' + benchmarkScore + '%'\"></div>\n      <div class=\"progressbar-label\">teams in benchmark</div>\n      <div class=\"progressbar-score\">{{benchmarkScore | number:'1.0-0' }}</div>\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:#1f3f8f}.box h3{margin-bottom:10px;color:#fff}.box p{color:#fff}\n"], dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i3.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "directive", type: i4.BrandBackgroundDirective, selector: "[brandbackground]", inputs: ["palette"] }, { kind: "pipe", type: i2.LowerCasePipe, name: "lowercase" }, { kind: "pipe", type: i2.DecimalPipe, name: "number" }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.1", ngImport: i0, type: TeamEffectivenessComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.4", ngImport: i0, type: TeamEffectivenessComponent, decorators: [{
             type: Component,
             args: [{ selector: 'teameffectiveness', template: "<div class=\"box teameffectiveness\" *ngIf=\"score != 0\" brandbackground [palette]=\"'theme'\">\n   <h3>Team Effectiveness Score</h3>\n   \n   <div [class]=\"'progressbar progressbar-inverted progressbar-yourteam progressbar-inverted-' + qualification | lowercase\" [matTooltip]=\"'Whether you call it experience or maturity, we believe that teams are effective when they deliver value to stakeholders and when morale is high. This is the score for your team.'\">\n      <div class=\"progressbar-bar\" [style]=\"'width: ' + score + '%'\"></div>\n      <div class=\"progressbar-label\">your team</div>\n      <div class=\"progressbar-score\">{{score | number:'1.0-0'}}\n      </div>\n   </div>\n\n   <div [class]=\"'progressbar progressbar-inverted progressbar-benchmark'\" *ngIf=\"benchmarkScore > 0\">\n      <div class=\"progressbar-bar\" [matTooltip]=\"'This is the upper range of what most Scrum Teams in your benchmark score'\" [style]=\"'width: ' + benchmarkScore + '%'\"></div>\n      <div class=\"progressbar-label\">teams in benchmark</div>\n      <div class=\"progressbar-score\">{{benchmarkScore | number:'1.0-0' }}</div>\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:#1f3f8f}.box h3{margin-bottom:10px;color:#fff}.box p{color:#fff}\n"] }]
         }], ctorParameters: () => [{ type: i5.ViewModelStateBase, decorators: [{

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

@@ -24,10 +24,10 @@ export class TermsUpdatedComponent extends ComponentWithViewStateBase {
         this.legal = data.userInfo.client.legal;
     }
     ;
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.1", ngImport: i0, type: TermsUpdatedComponent, deps: [{ token: i1.TermsService }, { token: VIEWSTATE_PROVIDER }, { token: i2.MatSnackBar }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.1", type: TermsUpdatedComponent, selector: "termsupdated", usesInheritance: true, ngImport: i0, template: "<div class=\"termsupdated\">\n   <h3>Updated terms of service</h3>\n   <p> Before you can continue, we'd like you to review and accept our terms of service. They outline how we protect personal data in compliance with the European General Data Protection Directive (GDPR). They also outline our mutual responsibilities:</p>\n   <ol>\n      <li *ngFor=\"let document of legal.documents\"><a [href]=\"document.url\" target=\"_blank\">{{document.name}} <span class=\"icon ph-arrow-square-out\"></span></a></li>\n   </ol>\n   <div class=\"toolbar\">\n      <button class=\"button primary acceptterms\" (click)=\"accept()\" [ngClass]=\"{'loading': sending}\"><span class=\"icon ph-check-circle\"></span> Accept and continue</button>\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%}.termsupdated{margin-top:30px;margin-left:30px;margin-right:30px;padding:20px;border:3px solid #f0f0f0}.termsupdated h3{margin-bottom:5px}\n"], dependencies: [{ kind: "directive", type: i3.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.4", ngImport: i0, type: TermsUpdatedComponent, deps: [{ token: i1.TermsService }, { token: VIEWSTATE_PROVIDER }, { token: i2.MatSnackBar }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.4", type: TermsUpdatedComponent, selector: "termsupdated", usesInheritance: true, ngImport: i0, template: "<div class=\"termsupdated\">\n   <h3>Updated terms of service</h3>\n   <p> Before you can continue, we'd like you to review and accept our terms of service. They outline how we protect personal data in compliance with the European General Data Protection Directive (GDPR). They also outline our mutual responsibilities:</p>\n   <ol>\n      <li *ngFor=\"let document of legal.documents\"><a [href]=\"document.url\" target=\"_blank\">{{document.name}} <span class=\"icon ph-arrow-square-out\"></span></a></li>\n   </ol>\n   <div class=\"toolbar\">\n      <button class=\"button primary acceptterms\" (click)=\"accept()\" [ngClass]=\"{'loading': sending}\"><span class=\"icon ph-check-circle\"></span> Accept and continue</button>\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%}.termsupdated{margin-top:30px;margin-left:30px;margin-right:30px;padding:20px;border:3px solid #f0f0f0}.termsupdated h3{margin-bottom:5px}\n"], dependencies: [{ kind: "directive", type: i3.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.1", ngImport: i0, type: TermsUpdatedComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.4", ngImport: i0, type: TermsUpdatedComponent, decorators: [{
             type: Component,
             args: [{ selector: 'termsupdated', template: "<div class=\"termsupdated\">\n   <h3>Updated terms of service</h3>\n   <p> Before you can continue, we'd like you to review and accept our terms of service. They outline how we protect personal data in compliance with the European General Data Protection Directive (GDPR). They also outline our mutual responsibilities:</p>\n   <ol>\n      <li *ngFor=\"let document of legal.documents\"><a [href]=\"document.url\" target=\"_blank\">{{document.name}} <span class=\"icon ph-arrow-square-out\"></span></a></li>\n   </ol>\n   <div class=\"toolbar\">\n      <button class=\"button primary acceptterms\" (click)=\"accept()\" [ngClass]=\"{'loading': sending}\"><span class=\"icon ph-check-circle\"></span> Accept and continue</button>\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%}.termsupdated{margin-top:30px;margin-left:30px;margin-right:30px;padding:20px;border:3px solid #f0f0f0}.termsupdated h3{margin-bottom:5px}\n"] }]
         }], ctorParameters: () => [{ type: i1.TermsService }, { type: i4.ViewModelStateBase, decorators: [{

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

@@ -38,10 +38,10 @@ export class TipBadgeComponent extends ComponentWithViewStateBase {
         }
     }
     ;
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.1", ngImport: i0, type: TipBadgeComponent, 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: TipBadgeComponent, selector: "tip-badge", inputs: { dimension: "dimension" }, usesInheritance: true, ngImport: i0, template: "<div [routerLink]=\"[baseUrl, 'tips']\" [fragment]=\"dimension\" class=\"tipbadge\" *ngIf=\"label && impact > 0\" [matTooltip]=\"'The impact of this recommendation is ' + impact + ' of 100'\">\n   <div [class]=\"'badge ' + class\">{{ label }}</div>\n</div>\n\n<div class=\"tipbadge\" *ngIf=\"label && impact == 0 && subscribed\">\n   <div [class]=\"'badge noimpact ' + class\" subscribeDialog>{{ label }}</div>\n</div>\n\n<div class=\"tipbadge\" *ngIf=\"label && impact == 0 && !subscribed\">\n   <div [class]=\"'badge noimpact ' + class\">{{ label }}</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%}.tipbadge{display:inline;cursor:pointer}.tipbadge .badge{display:inline}\n"], dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i3.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "directive", type: i4.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "directive", type: i5.OpenSubscribeDialogDirective, selector: "[subscribeDialog]" }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.4", ngImport: i0, type: TipBadgeComponent, 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: TipBadgeComponent, selector: "tip-badge", inputs: { dimension: "dimension" }, usesInheritance: true, ngImport: i0, template: "<div [routerLink]=\"[baseUrl, 'tips']\" [fragment]=\"dimension\" class=\"tipbadge\" *ngIf=\"label && impact > 0\" [matTooltip]=\"'The impact of this recommendation is ' + impact + ' of 100'\">\n   <div [class]=\"'badge ' + class\">{{ label }}</div>\n</div>\n\n<div class=\"tipbadge\" *ngIf=\"label && impact == 0 && subscribed\">\n   <div [class]=\"'badge noimpact ' + class\" subscribeDialog>{{ label }}</div>\n</div>\n\n<div class=\"tipbadge\" *ngIf=\"label && impact == 0 && !subscribed\">\n   <div [class]=\"'badge noimpact ' + class\">{{ label }}</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%}.tipbadge{display:inline;cursor:pointer}.tipbadge .badge{display:inline}\n"], dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i3.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "directive", type: i4.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "directive", type: i5.OpenSubscribeDialogDirective, selector: "[subscribeDialog]" }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.1", ngImport: i0, type: TipBadgeComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.4", ngImport: i0, type: TipBadgeComponent, decorators: [{
             type: Component,
             args: [{ selector: 'tip-badge', template: "<div [routerLink]=\"[baseUrl, 'tips']\" [fragment]=\"dimension\" class=\"tipbadge\" *ngIf=\"label && impact > 0\" [matTooltip]=\"'The impact of this recommendation is ' + impact + ' of 100'\">\n   <div [class]=\"'badge ' + class\">{{ label }}</div>\n</div>\n\n<div class=\"tipbadge\" *ngIf=\"label && impact == 0 && subscribed\">\n   <div [class]=\"'badge noimpact ' + class\" subscribeDialog>{{ label }}</div>\n</div>\n\n<div class=\"tipbadge\" *ngIf=\"label && impact == 0 && !subscribed\">\n   <div [class]=\"'badge noimpact ' + class\">{{ label }}</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%}.tipbadge{display:inline;cursor:pointer}.tipbadge .badge{display:inline}\n"] }]
         }], ctorParameters: () => [{ type: i6.ViewModelStateBase, decorators: [{

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

@@ -118,10 +118,10 @@ export class TrendsComponent extends ComponentWithViewStateBase {
         this.form.controls.factorKeys.setValue(coreFactors);
     }
     ;
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.1", ngImport: i0, type: TrendsComponent, deps: [{ token: i1.UntypedFormBuilder }, { token: i2.MatSnackBar }, { token: i3.FactorService }, { token: i4.TrendService }, { token: i5.ActivatedRoute }, { token: VIEWSTATE_PROVIDER }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.1", type: TrendsComponent, selector: "trends", inputs: { units: "units", unitType: "unitType" }, viewQueries: [{ propertyName: "chartContainer", first: true, predicate: ["chartcontainer"], descendants: true }], usesInheritance: true, ngImport: i0, template: "<form [formGroup]=\"form\" class=\"dataselector\" (ngSubmit)=\"onFormSubmit()\">\n   <div class=\"listtoolbar\" id=\"listtoolbar\">\n      <mat-form-field class=\"listtoolbar-item select\" appearance=\"fill\" *ngIf=\"units.length > 1\">\n         <mat-label>Select {{unitType}}</mat-label>\n         <mat-select formControlName=\"unitKey\" id=\"select-units\" class=\"unitKey\" multiple [disabled]=\"units.length == 1\">\n            <mat-option class=\"select-option\" *ngFor=\"let unit of units\" [value]=\"unit\">{{unit.label}}</mat-option>\n         </mat-select>\n      </mat-form-field>\n\n      <mat-form-field class=\"listtoolbar-item select\" appearance=\"fill\">\n         <mat-label>Select factors</mat-label>\n         <mat-select formControlName=\"factorKeys\" id=\"select-factors\" class=\"factorKeys\" multiple [compareWith]=\"compareFactorOptions\">\n            <mat-option class=\"select-option\" *ngFor=\"let factor of factors\" [ngClass]=\"{'lower' : factor.lower}\" [value]=\"factor\" selected=\"true\">{{factor.label}}</mat-option>\n         </mat-select>\n      </mat-form-field>\n\n      <mat-form-field class=\"listtoolbar-item select\" appearance=\"fill\">\n         <mat-label>Summarize to periods of</mat-label>\n         <mat-select class=\"periodGrouping-dropdown\" id=\"select-periodGrouping\" formControlName=\"periodGrouping\">\n            <mat-option class=\"select-option\" *ngFor=\"let item of periodGroupings\" [value]=\"item.value\">{{item.label}}</mat-option>\n         </mat-select>\n      </mat-form-field>\n\n      <mat-form-field class=\"listtoolbar-item select\" appearance=\"fill\">\n         <mat-label>Action count</mat-label>\n         <mat-select class=\"selectactions-dropdown\" id=\"select-includeActions\" formControlName=\"includeActions\">\n            <mat-option class=\"select-option\" *ngFor=\"let item of includeActionOptions\" [value]=\"item.value\" class=\"select-option\">{{item.label}}</mat-option>\n         </mat-select>\n      </mat-form-field>\n\n      <mat-form-field class=\"listtoolbar-item select\" appearance=\"fill\">\n         <mat-label>Select date range </mat-label>\n         <mat-date-range-input [rangePicker]=\"picker\" id=\"select-daterange\">\n            <input matStartDate formControlName=\"start\" placeholder=\"Start date\">\n            <input matEndDate formControlName=\"end\" placeholder=\"End date\">\n         </mat-date-range-input>\n         <mat-datepicker-toggle matSuffix [for]=\"picker\"></mat-datepicker-toggle>\n         <mat-date-range-picker #picker></mat-date-range-picker>\n\n         <mat-error *ngIf=\"form.controls.start.hasError('matStartDateInvalid')\">Invalid start date</mat-error>\n         <mat-error *ngIf=\"form.controls.end.hasError('matEndDateInvalid')\">Invalid end date</mat-error>\n      </mat-form-field>\n\n      <div class=\"listtoolbar-item\">\n         <button class=\"button primary\" id=\"button-showtrends\" [ngClass]=\"{'loading': loading}\"><span class=\"ph-funnel\"></span> Show trends</button>\n      </div>\n   </div>\n</form>\n\n<div class=\"message message-warning\" *ngIf=\"generatorNotes.length > 0\">\n   <div class=\"ph-warning icon\"></div> {{generatorNotes[0]}}\n</div>\n\n<div class=\"wirebox calltoaction nodata\" *ngIf=\"!data\">\n   <div class=\"contentwithborders\">\n      <div class=\"center\">\n         <img src=\"assets/img/improve.png\" />\n         <h2>Are you actually improving?</h2>\n         <p>Learn if your improvements are actually working out. Take more measurements and plot the trends for your {{unitType}}(s). How is that for empiricism?</p>\n      </div>\n   </div>\n</div>\n\n<div #chartcontainer class=\"linechart\">\n   <div class=\"linechart-container\" *ngIf=\"data\">\n      <ngx-charts-line-chart [legend]=\"true\"\n                             (window:resize)=\"onResize()\"\n                             [view]=\"view\"\n                             [showXAxisLabel]=\"true\"\n                             [showYAxisLabel]=\"true\"\n                             [xAxis]=\"true\"\n                             [scheme]=\"'vivid'\"\n                             [yAxis]=\"true\"\n                             [legendPosition]=\"legendPosition\"\n                             [xAxisLabel]=\"'Date'\"\n                             [yAxisLabel]=\"'Score'\"\n                             [timeline]=\"true\"\n                             [yScaleMin]=\"0\"\n                             [yScaleMax]=\"100\"\n                             [rangeFillOpacity]=\"0.1\"\n                             [results]=\"data\"\n                             [customColors]=\"customColors\">\n      </ngx-charts-line-chart>\n   </div>\n</div>\n\n<div class=\"message message-information\" *ngIf=\"data\">\n   <span class=\"ph-info icon\"></span> This chart shows how factors change over time. The horizontal axis shows the time. The vertical axis shows the weighted average score on the factor. The light area around the lines represents the spread of scores (lower and upper 25% of scores). We aggregate results for one or more teams and from one or more organizations to the periods you chose (1 month, quarter, etc). For each period, we take the most recent snapshot of each team in that period (when available). Hit \"Show Trends\" when you're ready.\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%}.listtoolbar{display:flex;flex-wrap:wrap;column-gap:30px;row-gap:10px}.listtoolbar .select{flex:auto}.nodata{margin-top:30px;margin-bottom:30px}.nodata img{max-width:700px}.linechart-container{border:3px solid #f0f0f0;margin-top:30px;margin-bottom:30px;padding:30px}.toolbar{margin-top:30px}.mat-mdc-option.lower{margin-left:20px}\n"], dependencies: [{ kind: "directive", type: i6.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i6.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i6.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i7.LineChartComponent, selector: "ngx-charts-line-chart", inputs: ["legend", "legendTitle", "legendPosition", "xAxis", "yAxis", "showXAxisLabel", "showYAxisLabel", "xAxisLabel", "yAxisLabel", "autoScale", "timeline", "gradient", "showGridLines", "curve", "activeEntries", "schemeType", "rangeFillOpacity", "trimXAxisTicks", "trimYAxisTicks", "rotateXAxisTicks", "maxXAxisTickLength", "maxYAxisTickLength", "xAxisTickFormatting", "yAxisTickFormatting", "xAxisTicks", "yAxisTicks", "roundDomains", "tooltipDisabled", "showRefLines", "referenceLines", "showRefLabels", "xScaleMin", "xScaleMax", "yScaleMin", "yScaleMax", "wrapTicks"], outputs: ["activate", "deactivate"] }, { kind: "directive", type: i1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "component", type: i8.MatOption, selector: "mat-option", inputs: ["value", "id", "disabled"], outputs: ["onSelectionChange"], exportAs: ["matOption"] }, { kind: "component", type: i9.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i9.MatLabel, selector: "mat-label" }, { kind: "directive", type: i9.MatError, selector: "mat-error, [matError]", inputs: ["id"] }, { kind: "directive", type: i9.MatSuffix, selector: "[matSuffix], [matIconSuffix], [matTextSuffix]", inputs: ["matTextSuffix"] }, { kind: "component", type: i10.MatSelect, selector: "mat-select", inputs: ["aria-describedby", "panelClass", "disabled", "disableRipple", "tabIndex", "hideSingleSelectionIndicator", "placeholder", "required", "multiple", "disableOptionCentering", "compareWith", "value", "aria-label", "aria-labelledby", "errorStateMatcher", "typeaheadDebounceInterval", "sortComparator", "id", "panelWidth"], outputs: ["openedChange", "opened", "closed", "selectionChange", "valueChange"], exportAs: ["matSelect"] }, { kind: "component", type: i11.MatDatepickerToggle, selector: "mat-datepicker-toggle", inputs: ["for", "tabIndex", "aria-label", "disabled", "disableRipple"], exportAs: ["matDatepickerToggle"] }, { kind: "component", type: i11.MatDateRangeInput, selector: "mat-date-range-input", inputs: ["rangePicker", "required", "dateFilter", "min", "max", "disabled", "separator", "comparisonStart", "comparisonEnd"], exportAs: ["matDateRangeInput"] }, { kind: "directive", type: i11.MatStartDate, selector: "input[matStartDate]", outputs: ["dateChange", "dateInput"] }, { kind: "directive", type: i11.MatEndDate, selector: "input[matEndDate]", outputs: ["dateChange", "dateInput"] }, { kind: "component", type: i11.MatDateRangePicker, selector: "mat-date-range-picker", exportAs: ["matDateRangePicker"] }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.4", ngImport: i0, type: TrendsComponent, deps: [{ token: i1.UntypedFormBuilder }, { token: i2.MatSnackBar }, { token: i3.FactorService }, { token: i4.TrendService }, { token: i5.ActivatedRoute }, { token: VIEWSTATE_PROVIDER }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.4", type: TrendsComponent, selector: "trends", inputs: { units: "units", unitType: "unitType" }, viewQueries: [{ propertyName: "chartContainer", first: true, predicate: ["chartcontainer"], descendants: true }], usesInheritance: true, ngImport: i0, template: "<form [formGroup]=\"form\" class=\"dataselector\" (ngSubmit)=\"onFormSubmit()\">\n   <div class=\"listtoolbar\" id=\"listtoolbar\">\n      <mat-form-field class=\"listtoolbar-item select\" appearance=\"fill\" *ngIf=\"units.length > 1\">\n         <mat-label>Select {{unitType}}</mat-label>\n         <mat-select formControlName=\"unitKey\" id=\"select-units\" class=\"unitKey\" multiple [disabled]=\"units.length == 1\">\n            <mat-option class=\"select-option\" *ngFor=\"let unit of units\" [value]=\"unit\">{{unit.label}}</mat-option>\n         </mat-select>\n      </mat-form-field>\n\n      <mat-form-field class=\"listtoolbar-item select\" appearance=\"fill\">\n         <mat-label>Select factors</mat-label>\n         <mat-select formControlName=\"factorKeys\" id=\"select-factors\" class=\"factorKeys\" multiple [compareWith]=\"compareFactorOptions\">\n            <mat-option class=\"select-option\" *ngFor=\"let factor of factors\" [ngClass]=\"{'lower' : factor.lower}\" [value]=\"factor\" selected=\"true\">{{factor.label}}</mat-option>\n         </mat-select>\n      </mat-form-field>\n\n      <mat-form-field class=\"listtoolbar-item select\" appearance=\"fill\">\n         <mat-label>Summarize to periods of</mat-label>\n         <mat-select class=\"periodGrouping-dropdown\" id=\"select-periodGrouping\" formControlName=\"periodGrouping\">\n            <mat-option class=\"select-option\" *ngFor=\"let item of periodGroupings\" [value]=\"item.value\">{{item.label}}</mat-option>\n         </mat-select>\n      </mat-form-field>\n\n      <mat-form-field class=\"listtoolbar-item select\" appearance=\"fill\">\n         <mat-label>Action count</mat-label>\n         <mat-select class=\"selectactions-dropdown\" id=\"select-includeActions\" formControlName=\"includeActions\">\n            <mat-option class=\"select-option\" *ngFor=\"let item of includeActionOptions\" [value]=\"item.value\" class=\"select-option\">{{item.label}}</mat-option>\n         </mat-select>\n      </mat-form-field>\n\n      <mat-form-field class=\"listtoolbar-item select\" appearance=\"fill\">\n         <mat-label>Select date range </mat-label>\n         <mat-date-range-input [rangePicker]=\"picker\" id=\"select-daterange\">\n            <input matStartDate formControlName=\"start\" placeholder=\"Start date\">\n            <input matEndDate formControlName=\"end\" placeholder=\"End date\">\n         </mat-date-range-input>\n         <mat-datepicker-toggle matSuffix [for]=\"picker\"></mat-datepicker-toggle>\n         <mat-date-range-picker #picker></mat-date-range-picker>\n\n         <mat-error *ngIf=\"form.controls.start.hasError('matStartDateInvalid')\">Invalid start date</mat-error>\n         <mat-error *ngIf=\"form.controls.end.hasError('matEndDateInvalid')\">Invalid end date</mat-error>\n      </mat-form-field>\n\n      <div class=\"listtoolbar-item\">\n         <button class=\"button primary\" id=\"button-showtrends\" [ngClass]=\"{'loading': loading}\"><span class=\"ph-funnel\"></span> Show trends</button>\n      </div>\n   </div>\n</form>\n\n<div class=\"message message-warning\" *ngIf=\"generatorNotes.length > 0\">\n   <div class=\"ph-warning icon\"></div> {{generatorNotes[0]}}\n</div>\n\n<div class=\"wirebox calltoaction nodata\" *ngIf=\"!data\">\n   <div class=\"contentwithborders\">\n      <div class=\"center\">\n         <img src=\"assets/img/improve.png\" />\n         <h2>Are you actually improving?</h2>\n         <p>Learn if your improvements are actually working out. Take more measurements and plot the trends for your {{unitType}}(s). How is that for empiricism?</p>\n      </div>\n   </div>\n</div>\n\n<div #chartcontainer class=\"linechart\">\n   <div class=\"linechart-container\" *ngIf=\"data\">\n      <ngx-charts-line-chart [legend]=\"true\"\n                             (window:resize)=\"onResize()\"\n                             [view]=\"view\"\n                             [showXAxisLabel]=\"true\"\n                             [showYAxisLabel]=\"true\"\n                             [xAxis]=\"true\"\n                             [scheme]=\"'vivid'\"\n                             [yAxis]=\"true\"\n                             [legendPosition]=\"legendPosition\"\n                             [xAxisLabel]=\"'Date'\"\n                             [yAxisLabel]=\"'Score'\"\n                             [timeline]=\"true\"\n                             [yScaleMin]=\"0\"\n                             [yScaleMax]=\"100\"\n                             [rangeFillOpacity]=\"0.1\"\n                             [results]=\"data\"\n                             [customColors]=\"customColors\">\n      </ngx-charts-line-chart>\n   </div>\n</div>\n\n<div class=\"message message-information\" *ngIf=\"data\">\n   <span class=\"ph-info icon\"></span> This chart shows how factors change over time. The horizontal axis shows the time. The vertical axis shows the weighted average score on the factor. The light area around the lines represents the spread of scores (lower and upper 25% of scores). We aggregate results for one or more teams and from one or more organizations to the periods you chose (1 month, quarter, etc). For each period, we take the most recent snapshot of each team in that period (when available). Hit \"Show Trends\" when you're ready.\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%}.listtoolbar{display:flex;flex-wrap:wrap;column-gap:30px;row-gap:10px}.listtoolbar .select{flex:auto}.nodata{margin-top:30px;margin-bottom:30px}.nodata img{max-width:700px}.linechart-container{border:3px solid #f0f0f0;margin-top:30px;margin-bottom:30px;padding:30px}.toolbar{margin-top:30px}.mat-mdc-option.lower{margin-left:20px}\n"], dependencies: [{ kind: "directive", type: i6.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i6.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i6.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i7.LineChartComponent, selector: "ngx-charts-line-chart", inputs: ["legend", "legendTitle", "legendPosition", "xAxis", "yAxis", "showXAxisLabel", "showYAxisLabel", "xAxisLabel", "yAxisLabel", "autoScale", "timeline", "gradient", "showGridLines", "curve", "activeEntries", "schemeType", "rangeFillOpacity", "trimXAxisTicks", "trimYAxisTicks", "rotateXAxisTicks", "maxXAxisTickLength", "maxYAxisTickLength", "xAxisTickFormatting", "yAxisTickFormatting", "xAxisTicks", "yAxisTicks", "roundDomains", "tooltipDisabled", "showRefLines", "referenceLines", "showRefLabels", "xScaleMin", "xScaleMax", "yScaleMin", "yScaleMax", "wrapTicks"], outputs: ["activate", "deactivate"] }, { kind: "directive", type: i1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "component", type: i8.MatOption, selector: "mat-option", inputs: ["value", "id", "disabled"], outputs: ["onSelectionChange"], exportAs: ["matOption"] }, { kind: "component", type: i9.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i9.MatLabel, selector: "mat-label" }, { kind: "directive", type: i9.MatError, selector: "mat-error, [matError]", inputs: ["id"] }, { kind: "directive", type: i9.MatSuffix, selector: "[matSuffix], [matIconSuffix], [matTextSuffix]", inputs: ["matTextSuffix"] }, { kind: "component", type: i10.MatSelect, selector: "mat-select", inputs: ["aria-describedby", "panelClass", "disabled", "disableRipple", "tabIndex", "hideSingleSelectionIndicator", "placeholder", "required", "multiple", "disableOptionCentering", "compareWith", "value", "aria-label", "aria-labelledby", "errorStateMatcher", "typeaheadDebounceInterval", "sortComparator", "id", "panelWidth"], outputs: ["openedChange", "opened", "closed", "selectionChange", "valueChange"], exportAs: ["matSelect"] }, { kind: "component", type: i11.MatDatepickerToggle, selector: "mat-datepicker-toggle", inputs: ["for", "tabIndex", "aria-label", "disabled", "disableRipple"], exportAs: ["matDatepickerToggle"] }, { kind: "component", type: i11.MatDateRangeInput, selector: "mat-date-range-input", inputs: ["rangePicker", "required", "dateFilter", "min", "max", "disabled", "separator", "comparisonStart", "comparisonEnd"], exportAs: ["matDateRangeInput"] }, { kind: "directive", type: i11.MatStartDate, selector: "input[matStartDate]", outputs: ["dateChange", "dateInput"] }, { kind: "directive", type: i11.MatEndDate, selector: "input[matEndDate]", outputs: ["dateChange", "dateInput"] }, { kind: "component", type: i11.MatDateRangePicker, selector: "mat-date-range-picker", exportAs: ["matDateRangePicker"] }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.1", ngImport: i0, type: TrendsComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.4", ngImport: i0, type: TrendsComponent, decorators: [{
             type: Component,
             args: [{ selector: 'trends', template: "<form [formGroup]=\"form\" class=\"dataselector\" (ngSubmit)=\"onFormSubmit()\">\n   <div class=\"listtoolbar\" id=\"listtoolbar\">\n      <mat-form-field class=\"listtoolbar-item select\" appearance=\"fill\" *ngIf=\"units.length > 1\">\n         <mat-label>Select {{unitType}}</mat-label>\n         <mat-select formControlName=\"unitKey\" id=\"select-units\" class=\"unitKey\" multiple [disabled]=\"units.length == 1\">\n            <mat-option class=\"select-option\" *ngFor=\"let unit of units\" [value]=\"unit\">{{unit.label}}</mat-option>\n         </mat-select>\n      </mat-form-field>\n\n      <mat-form-field class=\"listtoolbar-item select\" appearance=\"fill\">\n         <mat-label>Select factors</mat-label>\n         <mat-select formControlName=\"factorKeys\" id=\"select-factors\" class=\"factorKeys\" multiple [compareWith]=\"compareFactorOptions\">\n            <mat-option class=\"select-option\" *ngFor=\"let factor of factors\" [ngClass]=\"{'lower' : factor.lower}\" [value]=\"factor\" selected=\"true\">{{factor.label}}</mat-option>\n         </mat-select>\n      </mat-form-field>\n\n      <mat-form-field class=\"listtoolbar-item select\" appearance=\"fill\">\n         <mat-label>Summarize to periods of</mat-label>\n         <mat-select class=\"periodGrouping-dropdown\" id=\"select-periodGrouping\" formControlName=\"periodGrouping\">\n            <mat-option class=\"select-option\" *ngFor=\"let item of periodGroupings\" [value]=\"item.value\">{{item.label}}</mat-option>\n         </mat-select>\n      </mat-form-field>\n\n      <mat-form-field class=\"listtoolbar-item select\" appearance=\"fill\">\n         <mat-label>Action count</mat-label>\n         <mat-select class=\"selectactions-dropdown\" id=\"select-includeActions\" formControlName=\"includeActions\">\n            <mat-option class=\"select-option\" *ngFor=\"let item of includeActionOptions\" [value]=\"item.value\" class=\"select-option\">{{item.label}}</mat-option>\n         </mat-select>\n      </mat-form-field>\n\n      <mat-form-field class=\"listtoolbar-item select\" appearance=\"fill\">\n         <mat-label>Select date range </mat-label>\n         <mat-date-range-input [rangePicker]=\"picker\" id=\"select-daterange\">\n            <input matStartDate formControlName=\"start\" placeholder=\"Start date\">\n            <input matEndDate formControlName=\"end\" placeholder=\"End date\">\n         </mat-date-range-input>\n         <mat-datepicker-toggle matSuffix [for]=\"picker\"></mat-datepicker-toggle>\n         <mat-date-range-picker #picker></mat-date-range-picker>\n\n         <mat-error *ngIf=\"form.controls.start.hasError('matStartDateInvalid')\">Invalid start date</mat-error>\n         <mat-error *ngIf=\"form.controls.end.hasError('matEndDateInvalid')\">Invalid end date</mat-error>\n      </mat-form-field>\n\n      <div class=\"listtoolbar-item\">\n         <button class=\"button primary\" id=\"button-showtrends\" [ngClass]=\"{'loading': loading}\"><span class=\"ph-funnel\"></span> Show trends</button>\n      </div>\n   </div>\n</form>\n\n<div class=\"message message-warning\" *ngIf=\"generatorNotes.length > 0\">\n   <div class=\"ph-warning icon\"></div> {{generatorNotes[0]}}\n</div>\n\n<div class=\"wirebox calltoaction nodata\" *ngIf=\"!data\">\n   <div class=\"contentwithborders\">\n      <div class=\"center\">\n         <img src=\"assets/img/improve.png\" />\n         <h2>Are you actually improving?</h2>\n         <p>Learn if your improvements are actually working out. Take more measurements and plot the trends for your {{unitType}}(s). How is that for empiricism?</p>\n      </div>\n   </div>\n</div>\n\n<div #chartcontainer class=\"linechart\">\n   <div class=\"linechart-container\" *ngIf=\"data\">\n      <ngx-charts-line-chart [legend]=\"true\"\n                             (window:resize)=\"onResize()\"\n                             [view]=\"view\"\n                             [showXAxisLabel]=\"true\"\n                             [showYAxisLabel]=\"true\"\n                             [xAxis]=\"true\"\n                             [scheme]=\"'vivid'\"\n                             [yAxis]=\"true\"\n                             [legendPosition]=\"legendPosition\"\n                             [xAxisLabel]=\"'Date'\"\n                             [yAxisLabel]=\"'Score'\"\n                             [timeline]=\"true\"\n                             [yScaleMin]=\"0\"\n                             [yScaleMax]=\"100\"\n                             [rangeFillOpacity]=\"0.1\"\n                             [results]=\"data\"\n                             [customColors]=\"customColors\">\n      </ngx-charts-line-chart>\n   </div>\n</div>\n\n<div class=\"message message-information\" *ngIf=\"data\">\n   <span class=\"ph-info icon\"></span> This chart shows how factors change over time. The horizontal axis shows the time. The vertical axis shows the weighted average score on the factor. The light area around the lines represents the spread of scores (lower and upper 25% of scores). We aggregate results for one or more teams and from one or more organizations to the periods you chose (1 month, quarter, etc). For each period, we take the most recent snapshot of each team in that period (when available). Hit \"Show Trends\" when you're ready.\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%}.listtoolbar{display:flex;flex-wrap:wrap;column-gap:30px;row-gap:10px}.listtoolbar .select{flex:auto}.nodata{margin-top:30px;margin-bottom:30px}.nodata img{max-width:700px}.linechart-container{border:3px solid #f0f0f0;margin-top:30px;margin-bottom:30px;padding:30px}.toolbar{margin-top:30px}.mat-mdc-option.lower{margin-left:20px}\n"] }]
         }], ctorParameters: () => [{ type: i1.UntypedFormBuilder }, { type: i2.MatSnackBar }, { type: i3.FactorService }, { type: i4.TrendService }, { type: i5.ActivatedRoute }, { type: i12.ViewModelStateBase, decorators: [{

package/esm2022/lib/results/components/update-in-progress/update-in-progress.component.mjs

@@ -23,10 +23,10 @@ export class UpdateInProgressComponent extends ComponentWithViewStateBase {
         }
     }
     ;
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.1", ngImport: i0, type: UpdateInProgressComponent, 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: UpdateInProgressComponent, selector: "update-in-progress", usesInheritance: true, ngImport: i0, template: "<div class=\"update-in-progress\" *ngIf=\"delayedReloading\">\n   <span class=\"icon ph-floppy-disk-bold\"></span>\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%}.update-in-progress{font-family:StevieSansThin,sans-serif;font-style:normal;font-weight:400;font-size:15px;line-height:140%;text-transform:uppercase;line-height:100%;-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;background:#2f2f2f;position:fixed;right:0;width:20px;height:20px;bottom:0;padding:5px;display:flex;justify-content:center;align-items:center}.update-in-progress .icon{color:#f0f0f0;font-size:18px;animation:beating;animation-duration:1s;animation-iteration-count:infinite}@keyframes beating{0%{transform:scale(1)}50%{transform:scale(1.2)}to{transform:scale(1)}}\n"], dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.4", ngImport: i0, type: UpdateInProgressComponent, 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: UpdateInProgressComponent, selector: "update-in-progress", usesInheritance: true, ngImport: i0, template: "<div class=\"update-in-progress\" *ngIf=\"delayedReloading\">\n   <span class=\"icon ph-floppy-disk-bold\"></span>\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%}.update-in-progress{font-family:StevieSansThin,sans-serif;font-style:normal;font-weight:400;font-size:15px;line-height:140%;text-transform:uppercase;line-height:100%;-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;background:#2f2f2f;position:fixed;right:0;width:20px;height:20px;bottom:0;padding:5px;display:flex;justify-content:center;align-items:center}.update-in-progress .icon{color:#f0f0f0;font-size:18px;animation:beating;animation-duration:1s;animation-iteration-count:infinite}@keyframes beating{0%{transform:scale(1)}50%{transform:scale(1.2)}to{transform:scale(1)}}\n"], dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.1", ngImport: i0, type: UpdateInProgressComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.4", ngImport: i0, type: UpdateInProgressComponent, decorators: [{
             type: Component,
             args: [{ selector: 'update-in-progress', template: "<div class=\"update-in-progress\" *ngIf=\"delayedReloading\">\n   <span class=\"icon ph-floppy-disk-bold\"></span>\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%}.update-in-progress{font-family:StevieSansThin,sans-serif;font-style:normal;font-weight:400;font-size:15px;line-height:140%;text-transform:uppercase;line-height:100%;-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;background:#2f2f2f;position:fixed;right:0;width:20px;height:20px;bottom:0;padding:5px;display:flex;justify-content:center;align-items:center}.update-in-progress .icon{color:#f0f0f0;font-size:18px;animation:beating;animation-duration:1s;animation-iteration-count:infinite}@keyframes beating{0%{transform:scale(1)}50%{transform:scale(1.2)}to{transform:scale(1)}}\n"] }]
         }], ctorParameters: () => [{ type: i3.ViewModelStateBase, decorators: [{