@the-liberators/ngx-scrumteamsurvey-tools 2.3.110 → 2.3.111

package/fesm2022/the-liberators-ngx-scrumteamsurvey-tools.mjs

@@ -4556,60 +4556,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.12", ngImpo
                 args: ['click']
             }] } });
 
-class DialogSubscribeComponent {
-    constructor(state) {
-        this.state = state;
-        this.state.data.pipe(take(1)).subscribe(success => {
-            if (success.userInfo.branding.isDefault) {
-                this.title = "Try 1 month for €1,-";
-                this.button = "Try now";
-                this.discount = true;
-            }
-            else {
-                this.title = "Upgrade to Professional";
-                this.button = "Learn more";
-            }
-            this.subscribeUrl = success.userInfo.branding.channelSubscribeUrl;
-            this.companyUrl = success.userInfo.branding.channelCompanyUrl;
-        });
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.12", ngImport: i0, type: DialogSubscribeComponent, deps: [{ token: VIEWSTATE_PROVIDER }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.12", type: DialogSubscribeComponent, isStandalone: false, selector: "ng-component", ngImport: i0, template: "<div class=\"dialog-header\">\n   <h1 mat-dialog-title [innerHtml]=\"title\"></h1>\n   <div class=\"close\" mat-dialog-close><i class=\"responsive icon ph-x-bold\"></i></div>\n</div>\n<mat-dialog-content>\n   <p>Discover the full power of Columinity with our <b>Professional plan</b>:</p>\n   <ul>\n      <li>Unlimited science-based recommendations.</li>\n      <li>Access to the Teams Dashboard.</li>\n      <li>Benchmarks per ndustry/size/region.</li>\n      <li>Pull metrics from JIRA, Azure DevOps, etc.</li>\n      <li>Secure access with user accounts.</li>\n      <li>Aggregate results from many teams.</li>\n      <li>Set up repeat scans easily.</li>\n      <li>Access to advanced results.</li>\n   </ul>\n\n   <div class=\"message message-black\" *ngIf=\"discount\"><span class=\"icon ph-smiley-fill\"></span><span>Use the coupon <b>TRYPRO</b> to pay &euro;1,- for the first team on your monthly Professional plan.</span></div>\n   <a class=\"button primary\" [href]=\"subscribeUrl\">{{button}}</a>\n</mat-dialog-content>\n", styles: [""], dependencies: [{ kind: "directive", type: i1$3.MatDialogClose, selector: "[mat-dialog-close], [matDialogClose]", inputs: ["aria-label", "type", "mat-dialog-close", "matDialogClose"], exportAs: ["matDialogClose"] }, { kind: "directive", type: i1$3.MatDialogTitle, selector: "[mat-dialog-title], [matDialogTitle]", inputs: ["id"], exportAs: ["matDialogTitle"] }, { kind: "directive", type: i1$3.MatDialogContent, selector: "[mat-dialog-content], mat-dialog-content, [matDialogContent]" }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.12", ngImport: i0, type: DialogSubscribeComponent, decorators: [{
-            type: Component,
-            args: [{ standalone: false, template: "<div class=\"dialog-header\">\n   <h1 mat-dialog-title [innerHtml]=\"title\"></h1>\n   <div class=\"close\" mat-dialog-close><i class=\"responsive icon ph-x-bold\"></i></div>\n</div>\n<mat-dialog-content>\n   <p>Discover the full power of Columinity with our <b>Professional plan</b>:</p>\n   <ul>\n      <li>Unlimited science-based recommendations.</li>\n      <li>Access to the Teams Dashboard.</li>\n      <li>Benchmarks per ndustry/size/region.</li>\n      <li>Pull metrics from JIRA, Azure DevOps, etc.</li>\n      <li>Secure access with user accounts.</li>\n      <li>Aggregate results from many teams.</li>\n      <li>Set up repeat scans easily.</li>\n      <li>Access to advanced results.</li>\n   </ul>\n\n   <div class=\"message message-black\" *ngIf=\"discount\"><span class=\"icon ph-smiley-fill\"></span><span>Use the coupon <b>TRYPRO</b> to pay &euro;1,- for the first team on your monthly Professional plan.</span></div>\n   <a class=\"button primary\" [href]=\"subscribeUrl\">{{button}}</a>\n</mat-dialog-content>\n" }]
-        }], ctorParameters: () => [{ type: ViewModelStateBase, decorators: [{
-                    type: Inject,
-                    args: [VIEWSTATE_PROVIDER]
-                }] }] });
-
-class OpenSubscribeDialogDirective {
-    constructor(dialog) {
-        this.dialog = dialog;
-    }
-    onClick() {
-        const dialogConfig = new MatDialogConfig();
-        dialogConfig.panelClass = ['dialog', 'subscribe', 'primary'];
-        dialogConfig.autoFocus = false;
-        dialogConfig.enterAnimationDuration = 0;
-        dialogConfig.exitAnimationDuration = 0;
-        this.dialog.open(DialogSubscribeComponent, dialogConfig);
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.12", ngImport: i0, type: OpenSubscribeDialogDirective, deps: [{ token: i1$3.MatDialog }], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.12", type: OpenSubscribeDialogDirective, isStandalone: false, selector: "[subscribeDialog]", host: { listeners: { "click": "onClick()" } }, ngImport: i0 }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.12", ngImport: i0, type: OpenSubscribeDialogDirective, decorators: [{
-            type: Directive,
-            args: [{
-                    selector: '[subscribeDialog]',
-                    standalone: false
-                }]
-        }], ctorParameters: () => [{ type: i1$3.MatDialog }], propDecorators: { onClick: [{
-                type: HostListener,
-                args: ['click']
-            }] } });
-
 class DeltaArrowComponent {
     constructor(datePipe) {
         this.datePipe = datePipe;
@@ -4681,6 +4627,61 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.12", ngImpo
                 type: Input
             }] } });
 
+class DialogSubscribeComponent {
+    constructor(state) {
+        this.state = state;
+        this.state.data.pipe(take(1)).subscribe(success => {
+            if (success.userInfo.branding.isDefault) {
+                this.title = "Try 1 month for &euro;1,-";
+                this.button = "Try now";
+                this.discount = true;
+            }
+            else {
+                this.title = "Upgrade to Professional";
+                this.button = "Learn more";
+            }
+            this.subscribeUrl = success.userInfo.branding.channelSubscribeUrl;
+            this.companyUrl = success.userInfo.branding.channelCompanyUrl;
+        });
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.12", ngImport: i0, type: DialogSubscribeComponent, deps: [{ token: VIEWSTATE_PROVIDER }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.12", type: DialogSubscribeComponent, isStandalone: false, selector: "ng-component", ngImport: i0, template: "<div class=\"dialog-header\">\n   <h1 mat-dialog-title [innerHtml]=\"title\"></h1>\n   <div class=\"close\" mat-dialog-close><i class=\"responsive icon ph-x-bold\"></i></div>\n</div>\n<mat-dialog-content>\n   <p>Discover the full power of Columinity with our <b>Professional plan</b>:</p>\n   <ul>\n      <li>Unlimited science-based recommendations.</li>\n      <li>Access to the Teams Dashboard.</li>\n      <li>Benchmarks per industry/size/region.</li>\n      <li>Pull metrics from JIRA, Azure DevOps, etc.</li>\n      <li>Receive star ratings from users, customers and other stakeholders.</li>\n      <li>Secure access with user accounts.</li>\n      <li>Aggregate results from many teams.</li>\n      <li>Set up repeat scans easily.</li>\n      <li>Access to advanced results.</li>\n   </ul>\n\n   <div class=\"message message-black\" *ngIf=\"discount\"><span class=\"icon ph-smiley-fill\"></span><span>Use the coupon <b>TRYPRO</b> to pay &euro;1,- for the first team on your monthly Professional plan.</span></div>\n   <a class=\"button primary\" [href]=\"subscribeUrl\">{{button}}</a>\n</mat-dialog-content>\n", styles: [""], dependencies: [{ kind: "directive", type: i1$3.MatDialogClose, selector: "[mat-dialog-close], [matDialogClose]", inputs: ["aria-label", "type", "mat-dialog-close", "matDialogClose"], exportAs: ["matDialogClose"] }, { kind: "directive", type: i1$3.MatDialogTitle, selector: "[mat-dialog-title], [matDialogTitle]", inputs: ["id"], exportAs: ["matDialogTitle"] }, { kind: "directive", type: i1$3.MatDialogContent, selector: "[mat-dialog-content], mat-dialog-content, [matDialogContent]" }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.12", ngImport: i0, type: DialogSubscribeComponent, decorators: [{
+            type: Component,
+            args: [{ standalone: false, template: "<div class=\"dialog-header\">\n   <h1 mat-dialog-title [innerHtml]=\"title\"></h1>\n   <div class=\"close\" mat-dialog-close><i class=\"responsive icon ph-x-bold\"></i></div>\n</div>\n<mat-dialog-content>\n   <p>Discover the full power of Columinity with our <b>Professional plan</b>:</p>\n   <ul>\n      <li>Unlimited science-based recommendations.</li>\n      <li>Access to the Teams Dashboard.</li>\n      <li>Benchmarks per industry/size/region.</li>\n      <li>Pull metrics from JIRA, Azure DevOps, etc.</li>\n      <li>Receive star ratings from users, customers and other stakeholders.</li>\n      <li>Secure access with user accounts.</li>\n      <li>Aggregate results from many teams.</li>\n      <li>Set up repeat scans easily.</li>\n      <li>Access to advanced results.</li>\n   </ul>\n\n   <div class=\"message message-black\" *ngIf=\"discount\"><span class=\"icon ph-smiley-fill\"></span><span>Use the coupon <b>TRYPRO</b> to pay &euro;1,- for the first team on your monthly Professional plan.</span></div>\n   <a class=\"button primary\" [href]=\"subscribeUrl\">{{button}}</a>\n</mat-dialog-content>\n" }]
+        }], ctorParameters: () => [{ type: ViewModelStateBase, decorators: [{
+                    type: Inject,
+                    args: [VIEWSTATE_PROVIDER]
+                }] }] });
+
+class OpenSubscribeDialogDirective {
+    constructor(dialog) {
+        this.dialog = dialog;
+    }
+    onClick($event) {
+        $event.stopPropagation();
+        const dialogConfig = new MatDialogConfig();
+        dialogConfig.panelClass = ['dialog', 'subscribe', 'primary'];
+        dialogConfig.autoFocus = false;
+        dialogConfig.enterAnimationDuration = 0;
+        dialogConfig.exitAnimationDuration = 0;
+        this.dialog.open(DialogSubscribeComponent, dialogConfig);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.12", ngImport: i0, type: OpenSubscribeDialogDirective, deps: [{ token: i1$3.MatDialog }], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.12", type: OpenSubscribeDialogDirective, isStandalone: false, selector: "[subscribeDialog]", host: { listeners: { "click": "onClick($event)" } }, ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.12", ngImport: i0, type: OpenSubscribeDialogDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[subscribeDialog]',
+                    standalone: false
+                }]
+        }], ctorParameters: () => [{ type: i1$3.MatDialog }], propDecorators: { onClick: [{
+                type: HostListener,
+                args: ['click', ['$event']]
+            }] } });
+
 class QuickTipsComponent extends ComponentWithViewStateBase {
     constructor(state, snackBar) {
         super(state, snackBar);
@@ -4820,6 +4821,63 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.12", ngImpo
                 type: Input
             }] } });
 
+class DialogIntegrationComponent {
+    constructor(data, snackBar, clipboard) {
+        this.snackBar = snackBar;
+        this.clipboard = clipboard;
+        this.metric = data.metric;
+        this.integration = data.integration;
+    }
+    copyInviteLink() {
+        this.clipboard.copy(this.integration.collectorUrl);
+        this.inviteUrlCopied = true;
+        this.snackBar.open('We copied the link to invite link to your clipboard', null, { duration: 3000 });
+        setTimeout(() => {
+            this.inviteUrlCopied = false;
+        }, 2000);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.12", ngImport: i0, type: DialogIntegrationComponent, deps: [{ token: MAT_DIALOG_DATA }, { token: i1.MatSnackBar }, { token: i2$2.Clipboard }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.12", type: DialogIntegrationComponent, isStandalone: false, selector: "ng-component", ngImport: i0, template: "<div class=\"dialog-header\" *ngIf=\"metric\">\n   <h1 mat-dialog-title>{{metric.name}}</h1>\n   <div class=\"close\" mat-dialog-close><i class=\"responsive icon ph-x-bold\"></i></div>\n</div>\n<mat-dialog-content>\n   <p>{{metric.description}}</p>\n\n   <div class=\"howtocollect\" *ngIf=\"integration.collectorUrl\">\n      <h4>How to collect</h4>\n      <p>Share this permanent link with the relevant audience, such as e-mail footers, team pages, in follow-up emails or in bulk emails.</p>\n      <div class=\"invitebox\">\n         <div class=\"url\">\n            <input type=\"text\" [value]=\"integration.collectorUrl\" />\n            <span [class]=\"'clipboard ' + (inviteUrlCopied ? 'ph-clipboard-text' : 'ph-clipboard')\" (click)=\"copyInviteLink()\"></span>\n         </div>\n      </div>\n   </div>\n\n   <div class=\"howtocollect\" *ngIf=\"!integration.collectorUrl\">\n      <h4>How to collect</h4>\n      <p>Open this dialogue from a Team Report to see how that team can collect data for this metric.</p>\n   </div>\n</mat-dialog-content>\n", styles: [".smallTextUppercase{font-family:StevieSansThin,sans-serif;font-style:normal;font-weight:400;font-size:15px;line-height:140%;text-transform:uppercase;line-height:100%}.bigletteredbutton{-webkit-transition:all .25s ease-in-out;-moz-transition:all .25s ease-in-out;-o-transition:all .25s ease-in-out;transition:all .25s ease-in-out;text-decoration:none;background:#ffffff1a;margin-bottom:10px;display:flex;align-content:center;border-radius:20px;padding:15px;font-size:24px;border:2px solid #1F3F8F;border-bottom:6px solid #1F3F8F;color:#fff;align-items:center;cursor:pointer}.bigletteredbutton .free{font-family:StevieSansThin,sans-serif;font-style:normal;font-weight:400;font-size:15px;line-height:140%;background:#fff73f;color:#2f2f2f;padding:3px 5px;margin-left:20px;border-radius:10px}.bigletteredbutton .plan{font-family:StevieSansThin,sans-serif;font-style:normal;font-weight:400;font-size:15px;line-height:140%;background:#fff;color:#2f2f2f;padding:3px 5px;margin-left:20px;border-radius:10px}.bigletteredbutton:hover,.bigletteredbutton.selected{border:2px solid #fff73f;border-bottom:6px solid #fff73f}.bigletteredbutton .button-letter{-webkit-transition:all .25s ease-in-out;-moz-transition:all .25s ease-in-out;-o-transition:all .25s ease-in-out;transition:all .25s ease-in-out;font-family:StevieSans,sans-serif;border-radius:30px;height:52px;width:52px;min-width:52px;min-height:52px;font-weight:900;font-size:30px;line-height:100%;display:flex;align-items:center;justify-content:center;background:#fff73f;color:#1f3f8f;margin-right:20px}.bigletteredbutton .button-letter .ph{color:#1f3f8f}.bigletteredbutton .button-letter:hover{background:#1f3f8f;color:#fff73f}.bigletteredbutton .button-letter:hover .ph{color:#fff73f}.roundicon-yellow{-webkit-transition:all .25s ease-in-out;-moz-transition:all .25s ease-in-out;-o-transition:all .25s ease-in-out;transition:all .25s ease-in-out;font-family:StevieSans,sans-serif;border-radius:30px;height:52px;width:52px;min-width:52px;min-height:52px;font-weight:900;font-size:30px;line-height:100%;display:flex;align-items:center;justify-content:center;background:#fff73f;color:#1f3f8f}.roundicon-yellow .ph{color:#1f3f8f}.roundicon-yellow:hover{background:#1f3f8f;color:#fff73f}.roundicon-yellow:hover .ph{color:#fff73f}.roundicon{-webkit-transition:all .25s ease-in-out;-moz-transition:all .25s ease-in-out;-o-transition:all .25s ease-in-out;transition:all .25s ease-in-out;font-family:StevieSans,sans-serif;border-radius:30px;height:52px;width:52px;min-width:52px;min-height:52px;font-weight:900;font-size:30px;line-height:100%;display:flex;align-items:center;justify-content:center}.roundicon-large{-webkit-transition:all .25s ease-in-out;-moz-transition:all .25s ease-in-out;-o-transition:all .25s ease-in-out;transition:all .25s ease-in-out;font-family:StevieSans,sans-serif;height:52px;width:52px;min-width:52px;min-height:52px;font-weight:900;font-size:30px;line-height:100%;display:flex;align-items:center;justify-content:center;border-radius:60px;height:120px;width:120px}p{margin:0;font-size:16px}.howtocollect{margin-top:15px}.howtocollect h4{margin-bottom:5px;font-weight:600}.howtocollect .invitebox{margin-top:15px}.howtocollect .invitebox .url .text{font-size:16px}\n"], dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1$3.MatDialogClose, selector: "[mat-dialog-close], [matDialogClose]", inputs: ["aria-label", "type", "mat-dialog-close", "matDialogClose"], exportAs: ["matDialogClose"] }, { kind: "directive", type: i1$3.MatDialogTitle, selector: "[mat-dialog-title], [matDialogTitle]", inputs: ["id"], exportAs: ["matDialogTitle"] }, { kind: "directive", type: i1$3.MatDialogContent, selector: "[mat-dialog-content], mat-dialog-content, [matDialogContent]" }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.12", ngImport: i0, type: DialogIntegrationComponent, decorators: [{
+            type: Component,
+            args: [{ standalone: false, template: "<div class=\"dialog-header\" *ngIf=\"metric\">\n   <h1 mat-dialog-title>{{metric.name}}</h1>\n   <div class=\"close\" mat-dialog-close><i class=\"responsive icon ph-x-bold\"></i></div>\n</div>\n<mat-dialog-content>\n   <p>{{metric.description}}</p>\n\n   <div class=\"howtocollect\" *ngIf=\"integration.collectorUrl\">\n      <h4>How to collect</h4>\n      <p>Share this permanent link with the relevant audience, such as e-mail footers, team pages, in follow-up emails or in bulk emails.</p>\n      <div class=\"invitebox\">\n         <div class=\"url\">\n            <input type=\"text\" [value]=\"integration.collectorUrl\" />\n            <span [class]=\"'clipboard ' + (inviteUrlCopied ? 'ph-clipboard-text' : 'ph-clipboard')\" (click)=\"copyInviteLink()\"></span>\n         </div>\n      </div>\n   </div>\n\n   <div class=\"howtocollect\" *ngIf=\"!integration.collectorUrl\">\n      <h4>How to collect</h4>\n      <p>Open this dialogue from a Team Report to see how that team can collect data for this metric.</p>\n   </div>\n</mat-dialog-content>\n", styles: [".smallTextUppercase{font-family:StevieSansThin,sans-serif;font-style:normal;font-weight:400;font-size:15px;line-height:140%;text-transform:uppercase;line-height:100%}.bigletteredbutton{-webkit-transition:all .25s ease-in-out;-moz-transition:all .25s ease-in-out;-o-transition:all .25s ease-in-out;transition:all .25s ease-in-out;text-decoration:none;background:#ffffff1a;margin-bottom:10px;display:flex;align-content:center;border-radius:20px;padding:15px;font-size:24px;border:2px solid #1F3F8F;border-bottom:6px solid #1F3F8F;color:#fff;align-items:center;cursor:pointer}.bigletteredbutton .free{font-family:StevieSansThin,sans-serif;font-style:normal;font-weight:400;font-size:15px;line-height:140%;background:#fff73f;color:#2f2f2f;padding:3px 5px;margin-left:20px;border-radius:10px}.bigletteredbutton .plan{font-family:StevieSansThin,sans-serif;font-style:normal;font-weight:400;font-size:15px;line-height:140%;background:#fff;color:#2f2f2f;padding:3px 5px;margin-left:20px;border-radius:10px}.bigletteredbutton:hover,.bigletteredbutton.selected{border:2px solid #fff73f;border-bottom:6px solid #fff73f}.bigletteredbutton .button-letter{-webkit-transition:all .25s ease-in-out;-moz-transition:all .25s ease-in-out;-o-transition:all .25s ease-in-out;transition:all .25s ease-in-out;font-family:StevieSans,sans-serif;border-radius:30px;height:52px;width:52px;min-width:52px;min-height:52px;font-weight:900;font-size:30px;line-height:100%;display:flex;align-items:center;justify-content:center;background:#fff73f;color:#1f3f8f;margin-right:20px}.bigletteredbutton .button-letter .ph{color:#1f3f8f}.bigletteredbutton .button-letter:hover{background:#1f3f8f;color:#fff73f}.bigletteredbutton .button-letter:hover .ph{color:#fff73f}.roundicon-yellow{-webkit-transition:all .25s ease-in-out;-moz-transition:all .25s ease-in-out;-o-transition:all .25s ease-in-out;transition:all .25s ease-in-out;font-family:StevieSans,sans-serif;border-radius:30px;height:52px;width:52px;min-width:52px;min-height:52px;font-weight:900;font-size:30px;line-height:100%;display:flex;align-items:center;justify-content:center;background:#fff73f;color:#1f3f8f}.roundicon-yellow .ph{color:#1f3f8f}.roundicon-yellow:hover{background:#1f3f8f;color:#fff73f}.roundicon-yellow:hover .ph{color:#fff73f}.roundicon{-webkit-transition:all .25s ease-in-out;-moz-transition:all .25s ease-in-out;-o-transition:all .25s ease-in-out;transition:all .25s ease-in-out;font-family:StevieSans,sans-serif;border-radius:30px;height:52px;width:52px;min-width:52px;min-height:52px;font-weight:900;font-size:30px;line-height:100%;display:flex;align-items:center;justify-content:center}.roundicon-large{-webkit-transition:all .25s ease-in-out;-moz-transition:all .25s ease-in-out;-o-transition:all .25s ease-in-out;transition:all .25s ease-in-out;font-family:StevieSans,sans-serif;height:52px;width:52px;min-width:52px;min-height:52px;font-weight:900;font-size:30px;line-height:100%;display:flex;align-items:center;justify-content:center;border-radius:60px;height:120px;width:120px}p{margin:0;font-size:16px}.howtocollect{margin-top:15px}.howtocollect h4{margin-bottom:5px;font-weight:600}.howtocollect .invitebox{margin-top:15px}.howtocollect .invitebox .url .text{font-size:16px}\n"] }]
+        }], ctorParameters: () => [{ type: undefined, decorators: [{
+                    type: Inject,
+                    args: [MAT_DIALOG_DATA]
+                }] }, { type: i1.MatSnackBar }, { type: i2$2.Clipboard }] });
+class OpenIntegrationDialogDirective {
+    constructor(dialog) {
+        this.dialog = dialog;
+    }
+    onClick($event) {
+        $event.stopPropagation();
+        const dialogConfig = new MatDialogConfig();
+        dialogConfig.panelClass = ['dialog', 'integration'];
+        dialogConfig.data = { metric: this.metric, integration: this.integration };
+        dialogConfig.autoFocus = false;
+        dialogConfig.enterAnimationDuration = 0;
+        dialogConfig.exitAnimationDuration = 0;
+        this.dialog.open(DialogIntegrationComponent, dialogConfig);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.12", ngImport: i0, type: OpenIntegrationDialogDirective, deps: [{ token: i1$3.MatDialog }], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.12", type: OpenIntegrationDialogDirective, isStandalone: false, selector: "[integrationDialog]", inputs: { metric: "metric", integration: "integration" }, host: { listeners: { "click": "onClick($event)" } }, ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.12", ngImport: i0, type: OpenIntegrationDialogDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[integrationDialog]',
+                    standalone: false
+                }]
+        }], ctorParameters: () => [{ type: i1$3.MatDialog }], propDecorators: { metric: [{
+                type: Input
+            }], integration: [{
+                type: Input
+            }], onClick: [{
+                type: HostListener,
+                args: ['click', ['$event']]
+            }] } });
+
 class ModelFactorMetricComponent extends ComponentWithViewStateBase {
     constructor(state, snackBar, userSettings) {
         super(state, snackBar);
@@ -4830,18 +4888,27 @@ class ModelFactorMetricComponent extends ComponentWithViewStateBase {
     ngOnInit() {
         super.ngOnInit();
     }
+    toManage($event) {
+        $event.stopPropagation();
+        window.location.href = this.teamsDashboardUrl + '/integrations';
+    }
     onDataUpdate(data) {
         this.delta = data.factorScores.delta;
         this.baseUrl = data.baseUrl;
         this.benchmark = data.factorScores.benchmark;
+        this.teamsDashboardUrl = data.userInfo.branding.teamsDashboardUrl;
         this.factorScore = data.factorScores.factorScores.find(p => p.key == this.metric.publicKey);
+        this.integration = data.integrations.items.find(p => p.metricKeys.includes(this.metric.publicKey));
+        this.showMetricResult = (this.integration && this.integration.isSetup) || data.appContext == "CoachingCenter";
+        this.showSetupTeaser = !data.isSubscriber && (!this.integration || !this.integration.isSetup) && data.appContext !== "CoachingCenter";
+        this.showSetup = data.isSubscriber && (!this.integration || !this.integration.isSetup) && data.appContext !== "CoachingCenter";
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.12", ngImport: i0, type: ModelFactorMetricComponent, deps: [{ token: VIEWSTATE_PROVIDER }, { token: i1.MatSnackBar }, { token: VIEWSTATE_USERSETTINGS_STRATEGY }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.12", type: ModelFactorMetricComponent, isStandalone: false, selector: "model-factor-metric", inputs: { metric: "metric" }, usesInheritance: true, ngImport: i0, template: "<ng-container *ngIf=\"factorScore\">\n   <div class=\"model-factor-metric\" [id]=\"'metric-' + metric.publicKey\" #factorAnchor (click)=\"popover.open()\">\n      <div class=\"model-factor-metric-title\">{{metric.name}} <span class=\"ph-info-fill icon\"></span></div>\n      <div class=\"model-factor-metric-result\">\n         <div class=\"digit\" *ngIf=\"factorScore\">{{factorScore.score}}</div>\n         <div class=\"unit\">{{metric.unit}}</div>\n         <div class=\"confidence\" *ngIf=\"factorScore && userSettings.settings.user.modelFilter.advanced\" title=\"The confidence interval\">CI: {{factorScore.lowerConfidence}} - {{factorScore.upperConfidence}}</div>\n         <div class=\"model-factor-metric-result-details\">\n            <age-indicator [lastMeasured]=\"factorScore.lastMeasured\" *ngIf=\"userSettings.settings.user.modelFilter.advanced\"></age-indicator>\n            <delta-arrow [factorScore]=\"factorScore\" [delta]=\"delta\"></delta-arrow>\n         </div>\n      </div>\n   </div>\n\n   <sat-popover #popover horizontalAlign=\"after\" [anchor]=\"factorAnchor\" verticalAlign=\"center\" [hasBackdrop]=\"true\" [autoFocus]=\"false\">\n      <div class=\"popover\" [id]=\"'popover-' + metric.publicKey\">\n         <div class=\"popover-container\">\n            <span (click)=\"popover.close()\" class=\"close ph-x\"></span>\n            <h3 factorInformationDialog [factor]=\"metric\">\n               {{metric.name}}\n               <span class=\"icon ph-info-fill\"></span>\n            </h3>\n            <div class=\"description\">{{metric.description}}</div>\n\n            <model-factor-benchmark [factor]=\"factorScore\" [benchmark]=\"benchmark\"></model-factor-benchmark>\n            <model-factor-breakdown [factor]=\"factorScore\"></model-factor-breakdown>\n            <quicktips [dimensionKey]=\"metric.publicKey\" [extraClass]=\"'quicktips-popover'\"></quicktips>\n\n            <div class=\"link\" *ngIf=\"factorScore.recommendation.available\">\n               <a [routerLink]=\"[baseUrl, 'tips']\" [fragment]=\"metric.publicKey\">discover how to improve ></a>\n            </div>\n         </div>\n         <div class=\"arrow\"></div>\n      </div>\n   </sat-popover>\n</ng-container>\n", styles: [".smallTextUppercase{font-family:StevieSansThin,sans-serif;font-style:normal;font-weight:400;font-size:15px;line-height:140%;text-transform:uppercase;line-height:100%}.bigletteredbutton{-webkit-transition:all .25s ease-in-out;-moz-transition:all .25s ease-in-out;-o-transition:all .25s ease-in-out;transition:all .25s ease-in-out;text-decoration:none;background:#ffffff1a;margin-bottom:10px;display:flex;align-content:center;border-radius:20px;padding:15px;font-size:24px;border:2px solid #1F3F8F;border-bottom:6px solid #1F3F8F;color:#fff;align-items:center;cursor:pointer}.bigletteredbutton .free{font-family:StevieSansThin,sans-serif;font-style:normal;font-weight:400;font-size:15px;line-height:140%;background:#fff73f;color:#2f2f2f;padding:3px 5px;margin-left:20px;border-radius:10px}.bigletteredbutton .plan{font-family:StevieSansThin,sans-serif;font-style:normal;font-weight:400;font-size:15px;line-height:140%;background:#fff;color:#2f2f2f;padding:3px 5px;margin-left:20px;border-radius:10px}.bigletteredbutton:hover,.bigletteredbutton.selected{border:2px solid #fff73f;border-bottom:6px solid #fff73f}.bigletteredbutton .button-letter{-webkit-transition:all .25s ease-in-out;-moz-transition:all .25s ease-in-out;-o-transition:all .25s ease-in-out;transition:all .25s ease-in-out;font-family:StevieSans,sans-serif;border-radius:30px;height:52px;width:52px;min-width:52px;min-height:52px;font-weight:900;font-size:30px;line-height:100%;display:flex;align-items:center;justify-content:center;background:#fff73f;color:#1f3f8f;margin-right:20px}.bigletteredbutton .button-letter .ph{color:#1f3f8f}.bigletteredbutton .button-letter:hover{background:#1f3f8f;color:#fff73f}.bigletteredbutton .button-letter:hover .ph{color:#fff73f}.roundicon-yellow{-webkit-transition:all .25s ease-in-out;-moz-transition:all .25s ease-in-out;-o-transition:all .25s ease-in-out;transition:all .25s ease-in-out;font-family:StevieSans,sans-serif;border-radius:30px;height:52px;width:52px;min-width:52px;min-height:52px;font-weight:900;font-size:30px;line-height:100%;display:flex;align-items:center;justify-content:center;background:#fff73f;color:#1f3f8f}.roundicon-yellow .ph{color:#1f3f8f}.roundicon-yellow:hover{background:#1f3f8f;color:#fff73f}.roundicon-yellow:hover .ph{color:#fff73f}.roundicon{-webkit-transition:all .25s ease-in-out;-moz-transition:all .25s ease-in-out;-o-transition:all .25s ease-in-out;transition:all .25s ease-in-out;font-family:StevieSans,sans-serif;border-radius:30px;height:52px;width:52px;min-width:52px;min-height:52px;font-weight:900;font-size:30px;line-height:100%;display:flex;align-items:center;justify-content:center}.roundicon-large{-webkit-transition:all .25s ease-in-out;-moz-transition:all .25s ease-in-out;-o-transition:all .25s ease-in-out;transition:all .25s ease-in-out;font-family:StevieSans,sans-serif;height:52px;width:52px;min-width:52px;min-height:52px;font-weight:900;font-size:30px;line-height:100%;display:flex;align-items:center;justify-content:center;border-radius:60px;height:120px;width:120px}\n"], dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1$4.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "component", type: DeltaArrowComponent, selector: "delta-arrow", inputs: ["factorScore", "delta", "noDataIndicator"] }, { kind: "component", type: AgeIndicatorComponent, selector: "age-indicator", inputs: ["lastMeasured"] }, { kind: "component", type: QuickTipsComponent, selector: "quicktips", inputs: ["dimensionKey", "extraClass"] }, { kind: "component", type: ModelFactorBreakdownComponent, selector: "model-factor-breakdown", inputs: ["factor", "pageSize"] }, { kind: "component", type: i11.SatPopoverComponent, selector: "sat-popover", inputs: ["anchor", "horizontalAlign", "xAlign", "verticalAlign", "yAlign", "forceAlignment", "lockAlignment", "autoFocus", "restoreFocus", "scrollStrategy", "hasBackdrop", "interactiveClose", "openTransition", "closeTransition", "openAnimationStartAtScale", "closeAnimationEndAtScale", "backdropClass", "panelClass"], outputs: ["opened", "closed", "afterOpen", "afterClose", "backdropClicked", "overlayKeydown"] }, { kind: "directive", type: OpenFactorInformationDialogDirective, selector: "[factorInformationDialog]", inputs: ["factor"] }, { kind: "component", type: ModelFactorBenchmarkComponent, selector: "model-factor-benchmark", inputs: ["factor", "benchmark"] }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.12", type: ModelFactorMetricComponent, isStandalone: false, selector: "model-factor-metric", inputs: { metric: "metric" }, usesInheritance: true, ngImport: i0, template: "   <div class=\"model-factor-metric\" #factorAnchor (click)=\"popover.open()\" [id]=\"'metric-' + metric.publicKey\">\n      <div class=\"model-factor-metric-title\">\n         {{metric.name}}\n         <span class=\"ph-info-fill icon\"></span>\n      </div>\n      <div class=\"model-factor-metric-result\" *ngIf=\"showMetricResult && factorScore\">\n         <div class=\"digit\" *ngIf=\"factorScore\">{{factorScore.score}}</div>\n         <div class=\"unit\">{{metric.unit}}</div>\n         <div class=\"confidence\" *ngIf=\"factorScore && userSettings.settings.user.modelFilter.advanced\" title=\"The confidence interval\">CI: {{factorScore.lowerConfidence}} - {{factorScore.upperConfidence}}</div>\n         <div class=\"model-factor-metric-result-details\">\n            <age-indicator [lastMeasured]=\"factorScore.lastMeasured\" *ngIf=\"userSettings.settings.user.modelFilter.advanced\"></age-indicator>\n            <delta-arrow [factorScore]=\"factorScore\" [delta]=\"delta\"></delta-arrow>\n         </div>\n      </div>\n      <div class=\"model-factor-metric-result\" *ngIf=\"!showMetricResult || !factorScore\">\n         <div class=\"digit\">?</div>\n         <div class=\"unit\">{{metric.unit}}</div>\n      </div>\n      <div class=\"model-factor-metric-setup\">\n         <div class=\"howtocollect\" integrationDialog [metric]=\"metric\" [integration]=\"integration\" *ngIf=\"integration && integration.hasCollectorUrl && integration.isSetup\"><span class=\"icon ph-funnel-fill\"></span> How to collect</div>\n         <a class=\"howtocollect\" (click)=\"toManage($event)\" *ngIf=\"showSetup\"><span class=\"icon ph-gear-fill\"></span> Set up</a>\n         <a class=\"howtocollect\" subscribeDialog *ngIf=\"showSetupTeaser\"><span class=\"icon ph-gear-fill\"></span> Set up</a>\n      </div>\n   </div>\n\n   <sat-popover #popover horizontalAlign=\"after\" [anchor]=\"factorAnchor\" verticalAlign=\"center\" [hasBackdrop]=\"true\" [autoFocus]=\"false\">\n      <div class=\"popover\" [id]=\"'popover-' + metric.publicKey\">\n         <div class=\"popover-container\">\n            <span (click)=\"popover.close()\" class=\"close ph-x\"></span>\n            <h3 factorInformationDialog [factor]=\"metric\">\n               {{metric.name}}\n               <span class=\"icon ph-info-fill\"></span>\n            </h3>\n            <div class=\"description\">{{metric.description}}</div>\n            <model-factor-benchmark [factor]=\"factorScore\" [benchmark]=\"benchmark\"></model-factor-benchmark>\n            <model-factor-breakdown [factor]=\"factorScore\"></model-factor-breakdown>\n            <quicktips [dimensionKey]=\"metric.publicKey\" [extraClass]=\"'quicktips-popover'\"></quicktips>\n            <div class=\"link\" *ngIf=\"factorScore.recommendation.available\">\n               <a [routerLink]=\"[baseUrl, 'tips']\" [fragment]=\"metric.publicKey\">discover how to improve ></a>\n            </div>\n         </div>\n         <div class=\"arrow\"></div>\n      </div>\n   </sat-popover>\n", styles: [".smallTextUppercase{font-family:StevieSansThin,sans-serif;font-style:normal;font-weight:400;font-size:15px;line-height:140%;text-transform:uppercase;line-height:100%}.bigletteredbutton{-webkit-transition:all .25s ease-in-out;-moz-transition:all .25s ease-in-out;-o-transition:all .25s ease-in-out;transition:all .25s ease-in-out;text-decoration:none;background:#ffffff1a;margin-bottom:10px;display:flex;align-content:center;border-radius:20px;padding:15px;font-size:24px;border:2px solid #1F3F8F;border-bottom:6px solid #1F3F8F;color:#fff;align-items:center;cursor:pointer}.bigletteredbutton .free{font-family:StevieSansThin,sans-serif;font-style:normal;font-weight:400;font-size:15px;line-height:140%;background:#fff73f;color:#2f2f2f;padding:3px 5px;margin-left:20px;border-radius:10px}.bigletteredbutton .plan{font-family:StevieSansThin,sans-serif;font-style:normal;font-weight:400;font-size:15px;line-height:140%;background:#fff;color:#2f2f2f;padding:3px 5px;margin-left:20px;border-radius:10px}.bigletteredbutton:hover,.bigletteredbutton.selected{border:2px solid #fff73f;border-bottom:6px solid #fff73f}.bigletteredbutton .button-letter{-webkit-transition:all .25s ease-in-out;-moz-transition:all .25s ease-in-out;-o-transition:all .25s ease-in-out;transition:all .25s ease-in-out;font-family:StevieSans,sans-serif;border-radius:30px;height:52px;width:52px;min-width:52px;min-height:52px;font-weight:900;font-size:30px;line-height:100%;display:flex;align-items:center;justify-content:center;background:#fff73f;color:#1f3f8f;margin-right:20px}.bigletteredbutton .button-letter .ph{color:#1f3f8f}.bigletteredbutton .button-letter:hover{background:#1f3f8f;color:#fff73f}.bigletteredbutton .button-letter:hover .ph{color:#fff73f}.roundicon-yellow{-webkit-transition:all .25s ease-in-out;-moz-transition:all .25s ease-in-out;-o-transition:all .25s ease-in-out;transition:all .25s ease-in-out;font-family:StevieSans,sans-serif;border-radius:30px;height:52px;width:52px;min-width:52px;min-height:52px;font-weight:900;font-size:30px;line-height:100%;display:flex;align-items:center;justify-content:center;background:#fff73f;color:#1f3f8f}.roundicon-yellow .ph{color:#1f3f8f}.roundicon-yellow:hover{background:#1f3f8f;color:#fff73f}.roundicon-yellow:hover .ph{color:#fff73f}.roundicon{-webkit-transition:all .25s ease-in-out;-moz-transition:all .25s ease-in-out;-o-transition:all .25s ease-in-out;transition:all .25s ease-in-out;font-family:StevieSans,sans-serif;border-radius:30px;height:52px;width:52px;min-width:52px;min-height:52px;font-weight:900;font-size:30px;line-height:100%;display:flex;align-items:center;justify-content:center}.roundicon-large{-webkit-transition:all .25s ease-in-out;-moz-transition:all .25s ease-in-out;-o-transition:all .25s ease-in-out;transition:all .25s ease-in-out;font-family:StevieSans,sans-serif;height:52px;width:52px;min-width:52px;min-height:52px;font-weight:900;font-size:30px;line-height:100%;display:flex;align-items:center;justify-content:center;border-radius:60px;height:120px;width:120px}\n"], dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1$4.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "component", type: DeltaArrowComponent, selector: "delta-arrow", inputs: ["factorScore", "delta", "noDataIndicator"] }, { kind: "component", type: AgeIndicatorComponent, selector: "age-indicator", inputs: ["lastMeasured"] }, { kind: "component", type: QuickTipsComponent, selector: "quicktips", inputs: ["dimensionKey", "extraClass"] }, { kind: "component", type: ModelFactorBreakdownComponent, selector: "model-factor-breakdown", inputs: ["factor", "pageSize"] }, { kind: "component", type: i11.SatPopoverComponent, selector: "sat-popover", inputs: ["anchor", "horizontalAlign", "xAlign", "verticalAlign", "yAlign", "forceAlignment", "lockAlignment", "autoFocus", "restoreFocus", "scrollStrategy", "hasBackdrop", "interactiveClose", "openTransition", "closeTransition", "openAnimationStartAtScale", "closeAnimationEndAtScale", "backdropClass", "panelClass"], outputs: ["opened", "closed", "afterOpen", "afterClose", "backdropClicked", "overlayKeydown"] }, { kind: "directive", type: OpenFactorInformationDialogDirective, selector: "[factorInformationDialog]", inputs: ["factor"] }, { kind: "directive", type: OpenSubscribeDialogDirective, selector: "[subscribeDialog]" }, { kind: "component", type: ModelFactorBenchmarkComponent, selector: "model-factor-benchmark", inputs: ["factor", "benchmark"] }, { kind: "directive", type: OpenIntegrationDialogDirective, selector: "[integrationDialog]", inputs: ["metric", "integration"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.12", ngImport: i0, type: ModelFactorMetricComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'model-factor-metric', standalone: false, template: "<ng-container *ngIf=\"factorScore\">\n   <div class=\"model-factor-metric\" [id]=\"'metric-' + metric.publicKey\" #factorAnchor (click)=\"popover.open()\">\n      <div class=\"model-factor-metric-title\">{{metric.name}} <span class=\"ph-info-fill icon\"></span></div>\n      <div class=\"model-factor-metric-result\">\n         <div class=\"digit\" *ngIf=\"factorScore\">{{factorScore.score}}</div>\n         <div class=\"unit\">{{metric.unit}}</div>\n         <div class=\"confidence\" *ngIf=\"factorScore && userSettings.settings.user.modelFilter.advanced\" title=\"The confidence interval\">CI: {{factorScore.lowerConfidence}} - {{factorScore.upperConfidence}}</div>\n         <div class=\"model-factor-metric-result-details\">\n            <age-indicator [lastMeasured]=\"factorScore.lastMeasured\" *ngIf=\"userSettings.settings.user.modelFilter.advanced\"></age-indicator>\n            <delta-arrow [factorScore]=\"factorScore\" [delta]=\"delta\"></delta-arrow>\n         </div>\n      </div>\n   </div>\n\n   <sat-popover #popover horizontalAlign=\"after\" [anchor]=\"factorAnchor\" verticalAlign=\"center\" [hasBackdrop]=\"true\" [autoFocus]=\"false\">\n      <div class=\"popover\" [id]=\"'popover-' + metric.publicKey\">\n         <div class=\"popover-container\">\n            <span (click)=\"popover.close()\" class=\"close ph-x\"></span>\n            <h3 factorInformationDialog [factor]=\"metric\">\n               {{metric.name}}\n               <span class=\"icon ph-info-fill\"></span>\n            </h3>\n            <div class=\"description\">{{metric.description}}</div>\n\n            <model-factor-benchmark [factor]=\"factorScore\" [benchmark]=\"benchmark\"></model-factor-benchmark>\n            <model-factor-breakdown [factor]=\"factorScore\"></model-factor-breakdown>\n            <quicktips [dimensionKey]=\"metric.publicKey\" [extraClass]=\"'quicktips-popover'\"></quicktips>\n\n            <div class=\"link\" *ngIf=\"factorScore.recommendation.available\">\n               <a [routerLink]=\"[baseUrl, 'tips']\" [fragment]=\"metric.publicKey\">discover how to improve ></a>\n            </div>\n         </div>\n         <div class=\"arrow\"></div>\n      </div>\n   </sat-popover>\n</ng-container>\n", styles: [".smallTextUppercase{font-family:StevieSansThin,sans-serif;font-style:normal;font-weight:400;font-size:15px;line-height:140%;text-transform:uppercase;line-height:100%}.bigletteredbutton{-webkit-transition:all .25s ease-in-out;-moz-transition:all .25s ease-in-out;-o-transition:all .25s ease-in-out;transition:all .25s ease-in-out;text-decoration:none;background:#ffffff1a;margin-bottom:10px;display:flex;align-content:center;border-radius:20px;padding:15px;font-size:24px;border:2px solid #1F3F8F;border-bottom:6px solid #1F3F8F;color:#fff;align-items:center;cursor:pointer}.bigletteredbutton .free{font-family:StevieSansThin,sans-serif;font-style:normal;font-weight:400;font-size:15px;line-height:140%;background:#fff73f;color:#2f2f2f;padding:3px 5px;margin-left:20px;border-radius:10px}.bigletteredbutton .plan{font-family:StevieSansThin,sans-serif;font-style:normal;font-weight:400;font-size:15px;line-height:140%;background:#fff;color:#2f2f2f;padding:3px 5px;margin-left:20px;border-radius:10px}.bigletteredbutton:hover,.bigletteredbutton.selected{border:2px solid #fff73f;border-bottom:6px solid #fff73f}.bigletteredbutton .button-letter{-webkit-transition:all .25s ease-in-out;-moz-transition:all .25s ease-in-out;-o-transition:all .25s ease-in-out;transition:all .25s ease-in-out;font-family:StevieSans,sans-serif;border-radius:30px;height:52px;width:52px;min-width:52px;min-height:52px;font-weight:900;font-size:30px;line-height:100%;display:flex;align-items:center;justify-content:center;background:#fff73f;color:#1f3f8f;margin-right:20px}.bigletteredbutton .button-letter .ph{color:#1f3f8f}.bigletteredbutton .button-letter:hover{background:#1f3f8f;color:#fff73f}.bigletteredbutton .button-letter:hover .ph{color:#fff73f}.roundicon-yellow{-webkit-transition:all .25s ease-in-out;-moz-transition:all .25s ease-in-out;-o-transition:all .25s ease-in-out;transition:all .25s ease-in-out;font-family:StevieSans,sans-serif;border-radius:30px;height:52px;width:52px;min-width:52px;min-height:52px;font-weight:900;font-size:30px;line-height:100%;display:flex;align-items:center;justify-content:center;background:#fff73f;color:#1f3f8f}.roundicon-yellow .ph{color:#1f3f8f}.roundicon-yellow:hover{background:#1f3f8f;color:#fff73f}.roundicon-yellow:hover .ph{color:#fff73f}.roundicon{-webkit-transition:all .25s ease-in-out;-moz-transition:all .25s ease-in-out;-o-transition:all .25s ease-in-out;transition:all .25s ease-in-out;font-family:StevieSans,sans-serif;border-radius:30px;height:52px;width:52px;min-width:52px;min-height:52px;font-weight:900;font-size:30px;line-height:100%;display:flex;align-items:center;justify-content:center}.roundicon-large{-webkit-transition:all .25s ease-in-out;-moz-transition:all .25s ease-in-out;-o-transition:all .25s ease-in-out;transition:all .25s ease-in-out;font-family:StevieSans,sans-serif;height:52px;width:52px;min-width:52px;min-height:52px;font-weight:900;font-size:30px;line-height:100%;display:flex;align-items:center;justify-content:center;border-radius:60px;height:120px;width:120px}\n"] }]
+            args: [{ selector: 'model-factor-metric', standalone: false, template: "   <div class=\"model-factor-metric\" #factorAnchor (click)=\"popover.open()\" [id]=\"'metric-' + metric.publicKey\">\n      <div class=\"model-factor-metric-title\">\n         {{metric.name}}\n         <span class=\"ph-info-fill icon\"></span>\n      </div>\n      <div class=\"model-factor-metric-result\" *ngIf=\"showMetricResult && factorScore\">\n         <div class=\"digit\" *ngIf=\"factorScore\">{{factorScore.score}}</div>\n         <div class=\"unit\">{{metric.unit}}</div>\n         <div class=\"confidence\" *ngIf=\"factorScore && userSettings.settings.user.modelFilter.advanced\" title=\"The confidence interval\">CI: {{factorScore.lowerConfidence}} - {{factorScore.upperConfidence}}</div>\n         <div class=\"model-factor-metric-result-details\">\n            <age-indicator [lastMeasured]=\"factorScore.lastMeasured\" *ngIf=\"userSettings.settings.user.modelFilter.advanced\"></age-indicator>\n            <delta-arrow [factorScore]=\"factorScore\" [delta]=\"delta\"></delta-arrow>\n         </div>\n      </div>\n      <div class=\"model-factor-metric-result\" *ngIf=\"!showMetricResult || !factorScore\">\n         <div class=\"digit\">?</div>\n         <div class=\"unit\">{{metric.unit}}</div>\n      </div>\n      <div class=\"model-factor-metric-setup\">\n         <div class=\"howtocollect\" integrationDialog [metric]=\"metric\" [integration]=\"integration\" *ngIf=\"integration && integration.hasCollectorUrl && integration.isSetup\"><span class=\"icon ph-funnel-fill\"></span> How to collect</div>\n         <a class=\"howtocollect\" (click)=\"toManage($event)\" *ngIf=\"showSetup\"><span class=\"icon ph-gear-fill\"></span> Set up</a>\n         <a class=\"howtocollect\" subscribeDialog *ngIf=\"showSetupTeaser\"><span class=\"icon ph-gear-fill\"></span> Set up</a>\n      </div>\n   </div>\n\n   <sat-popover #popover horizontalAlign=\"after\" [anchor]=\"factorAnchor\" verticalAlign=\"center\" [hasBackdrop]=\"true\" [autoFocus]=\"false\">\n      <div class=\"popover\" [id]=\"'popover-' + metric.publicKey\">\n         <div class=\"popover-container\">\n            <span (click)=\"popover.close()\" class=\"close ph-x\"></span>\n            <h3 factorInformationDialog [factor]=\"metric\">\n               {{metric.name}}\n               <span class=\"icon ph-info-fill\"></span>\n            </h3>\n            <div class=\"description\">{{metric.description}}</div>\n            <model-factor-benchmark [factor]=\"factorScore\" [benchmark]=\"benchmark\"></model-factor-benchmark>\n            <model-factor-breakdown [factor]=\"factorScore\"></model-factor-breakdown>\n            <quicktips [dimensionKey]=\"metric.publicKey\" [extraClass]=\"'quicktips-popover'\"></quicktips>\n            <div class=\"link\" *ngIf=\"factorScore.recommendation.available\">\n               <a [routerLink]=\"[baseUrl, 'tips']\" [fragment]=\"metric.publicKey\">discover how to improve ></a>\n            </div>\n         </div>\n         <div class=\"arrow\"></div>\n      </div>\n   </sat-popover>\n", styles: [".smallTextUppercase{font-family:StevieSansThin,sans-serif;font-style:normal;font-weight:400;font-size:15px;line-height:140%;text-transform:uppercase;line-height:100%}.bigletteredbutton{-webkit-transition:all .25s ease-in-out;-moz-transition:all .25s ease-in-out;-o-transition:all .25s ease-in-out;transition:all .25s ease-in-out;text-decoration:none;background:#ffffff1a;margin-bottom:10px;display:flex;align-content:center;border-radius:20px;padding:15px;font-size:24px;border:2px solid #1F3F8F;border-bottom:6px solid #1F3F8F;color:#fff;align-items:center;cursor:pointer}.bigletteredbutton .free{font-family:StevieSansThin,sans-serif;font-style:normal;font-weight:400;font-size:15px;line-height:140%;background:#fff73f;color:#2f2f2f;padding:3px 5px;margin-left:20px;border-radius:10px}.bigletteredbutton .plan{font-family:StevieSansThin,sans-serif;font-style:normal;font-weight:400;font-size:15px;line-height:140%;background:#fff;color:#2f2f2f;padding:3px 5px;margin-left:20px;border-radius:10px}.bigletteredbutton:hover,.bigletteredbutton.selected{border:2px solid #fff73f;border-bottom:6px solid #fff73f}.bigletteredbutton .button-letter{-webkit-transition:all .25s ease-in-out;-moz-transition:all .25s ease-in-out;-o-transition:all .25s ease-in-out;transition:all .25s ease-in-out;font-family:StevieSans,sans-serif;border-radius:30px;height:52px;width:52px;min-width:52px;min-height:52px;font-weight:900;font-size:30px;line-height:100%;display:flex;align-items:center;justify-content:center;background:#fff73f;color:#1f3f8f;margin-right:20px}.bigletteredbutton .button-letter .ph{color:#1f3f8f}.bigletteredbutton .button-letter:hover{background:#1f3f8f;color:#fff73f}.bigletteredbutton .button-letter:hover .ph{color:#fff73f}.roundicon-yellow{-webkit-transition:all .25s ease-in-out;-moz-transition:all .25s ease-in-out;-o-transition:all .25s ease-in-out;transition:all .25s ease-in-out;font-family:StevieSans,sans-serif;border-radius:30px;height:52px;width:52px;min-width:52px;min-height:52px;font-weight:900;font-size:30px;line-height:100%;display:flex;align-items:center;justify-content:center;background:#fff73f;color:#1f3f8f}.roundicon-yellow .ph{color:#1f3f8f}.roundicon-yellow:hover{background:#1f3f8f;color:#fff73f}.roundicon-yellow:hover .ph{color:#fff73f}.roundicon{-webkit-transition:all .25s ease-in-out;-moz-transition:all .25s ease-in-out;-o-transition:all .25s ease-in-out;transition:all .25s ease-in-out;font-family:StevieSans,sans-serif;border-radius:30px;height:52px;width:52px;min-width:52px;min-height:52px;font-weight:900;font-size:30px;line-height:100%;display:flex;align-items:center;justify-content:center}.roundicon-large{-webkit-transition:all .25s ease-in-out;-moz-transition:all .25s ease-in-out;-o-transition:all .25s ease-in-out;transition:all .25s ease-in-out;font-family:StevieSans,sans-serif;height:52px;width:52px;min-width:52px;min-height:52px;font-weight:900;font-size:30px;line-height:100%;display:flex;align-items:center;justify-content:center;border-radius:60px;height:120px;width:120px}\n"] }]
         }], ctorParameters: () => [{ type: ViewModelStateBase, decorators: [{
                     type: Inject,
                     args: [VIEWSTATE_PROVIDER]
@@ -5028,7 +5095,6 @@ class ModelCanvasComponent extends ComponentWithViewStateBase {
         this.globalNotes = data.factorScores.processingData.notes;
         this.factors = data.factorScores.modelStructure.definition.factors.filter(p => p.parentKey == null && p.core);
         this.metrics = data.factorScores.modelStructure.definition.factors.filter(p => p.parentKey == null && p.metric);
-        this.metricsAvailable = data.factorScores.factorScores.filter(p => this.metrics.find(x => x.publicKey == p.key)).length > 0;
         this.modelDefinition = data.factorScores.modelStructure.definition;
         this.dateRange = data.factorScores.dateRange;
         this.deltaDateRange = data.factorScores.delta.dateRange;
@@ -5042,8 +5108,9 @@ class ModelCanvasComponent extends ComponentWithViewStateBase {
         this.isLoggedIn = data.userInfo.isAdmin || data.userInfo.isCoach;
         this.qualifiedBy = data.factorScores.processingData.qualifiedBy;
         this.isSubscriber = data.isSubscriber;
-        this.canManageIntegrations = this.isLoggedIn && data.appContext != "TeamsDashboard";
+        this.canManageIntegrations = this.isLoggedIn && data.appContext == "TeamsDashboard";
         this.teamsDashboardUrl = data.userInfo.branding.teamsDashboardUrl;
+        this.showTeamsDashboardSetup = data.appContext == "CoachingCenter";
         switch (data.factorScores.composition.points.type) {
             case PointTypeEnum.client:
             case PointTypeEnum.client:
@@ -5074,11 +5141,11 @@ class ModelCanvasComponent extends ComponentWithViewStateBase {
         this.userSettingService.set(this.userSettings.settings);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.12", ngImport: i0, type: ModelCanvasComponent, deps: [{ token: VIEWSTATE_PROVIDER }, { token: VIEWSTATE_USERSETTINGS_STRATEGY }, { token: UserSettingService }, { token: i1.MatSnackBar }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.12", type: ModelCanvasComponent, isStandalone: false, selector: "model-canvas", host: { listeners: { "window:resize": "determineScreenSize($event)" } }, usesInheritance: true, ngImport: i0, template: "<div *ngIf=\"!showModel\" class=\"message message-warning\">\n   <div><span class=\"icon ph-info-fill\"></span> We've hidden the model visualization because your resolution is too low. Please try a larger device, like a tablet, laptop or desktop.</div>\n</div>\n\n<div class=\"wirebox model\" *ngIf=\"factors && showModel\">\n   <div class=\"top\">\n      <div class=\"toolbar\">\n         <div class=\"toolbar-settings\">\n            <div class=\"toolbar-setting\">\n               <div class=\"toolbar-setting-title\">Selected Benchmark</div>\n               <div class=\"toolbar-setting-label\">{{benchmark}}</div>\n            </div>\n            <div class=\"toolbar-setting\">\n               <div class=\"toolbar-setting-title\">compare results to</div>\n               <div class=\"toolbar-setting-label\" *ngIf=\"qualifiedBy == QualifiedByEnum.none\">No comparison</div>\n               <div class=\"toolbar-setting-label\" *ngIf=\"qualifiedBy == QualifiedByEnum.delta && deltaType == 'PreviousSnapshot'\">Previous snapshot from {{deltaDateRange | dateRange}}</div>\n               <div class=\"toolbar-setting-label\" *ngIf=\"qualifiedBy == QualifiedByEnum.delta && deltaType != 'PreviousSnapshot'\">Current period <span class=\"icon ph-info-fill\" [title]=\"'Current period ranges from ' + (dateRange | dateRange) + '. This includes weighed measurements from ' + pointCount + ' ' + pointType + ': ' + pointNames\"></span> with previous period  <span class=\"icon ph-info-fill\" [title]=\"'Previous period ranges from ' + (deltaDateRange | dateRange) + '. This includes weighed measurements from ' + deltaTeams + ' ' + pointType + ': ' + deltaTeamNames\"></span></div>\n               <div class=\"toolbar-setting-label\" *ngIf=\"qualifiedBy == QualifiedByEnum.benchmark\">Against benchmark</div>\n            </div>\n            <div class=\"toolbar-setting\" *ngIf=\"qualifiedBy != QualifiedByEnum.none\">\n               <div class=\"toolbar-setting-title\">comparison legend</div>\n               <div class=\"toolbar-setting-markers negative\">\n                  <ng-container *ngIf=\"qualifiedBy == 'Benchmark'\">\n                     <div class=\"toolbar-setting-marker negative\">\n                        <span class=\"marker\"></span>\n                        <span class=\"label\">lower</span>\n                     </div>\n                     <div class=\"toolbar-setting-marker positive\">\n                        <span class=\"marker\"></span>\n                        <span class=\"label\">higher</span>\n                     </div>\n                  </ng-container>\n                  <ng-container *ngIf=\"qualifiedBy == 'Delta'\">\n                     <div class=\"toolbar-setting-marker negative\">\n                        <span class=\"marker\"></span>\n                        <span class=\"label\">decreased</span>\n                     </div>\n                     <div class=\"toolbar-setting-marker positive\">\n                        <span class=\"marker\"></span>\n                        <span class=\"label\">improved</span>\n                     </div>\n                  </ng-container>\n               </div>\n            </div>\n         </div>\n         <div class=\"buttons\">\n            <div class=\"button\" id=\"change-settings\" settingsDialog><span class=\"ph-faders icon\"></span> Settings</div>\n            <div class=\"button\" id=\"export-factorscores\" exportFactorScoresDialog *ngIf=\"isLoggedIn\"><span class=\"ph-download-simple icon\"></span> Export</div>\n         </div>\n      </div>\n   </div>\n   <div class=\"content\">\n      <div class=\"model-visualization\">\n         <div class=\"model-clarification\">\n            <span class=\"icon ph-info-fill\"></span>\n            <span class=\"message-text\">This model shows how factors are connected based on scientific research. Click <span class=\"icon ph-plus-circle-bold plus\"></span> to expand or close lower-order factors. Click factors for more detail.</span>\n         </div>\n\n         <div *ngIf=\"!showModel || !showIndicatorArrows\" class=\"model-smallscreen\">\n            <span class=\"icon ph-frame-corners-bold\"></span>\n            <span class=\"message-text\">View on a larger device to see more details.</span>\n         </div>\n\n         <div class=\"model-viewconfiguration\">\n            <div class=\"model-viewmode\">\n               <div class=\"model-viewmode-label\">View</div>\n               <div class=\"model-viewmode-option\" (click)=\"toggleView(false)\" [ngClass]=\"{'selected': !userSettings.settings.user.modelFilter.advanced}\">\n                  <span class=\"icon ph-check-fill\" *ngIf=\"!userSettings.settings.user.modelFilter.advanced\"></span>Simple\n               </div>\n               <div class=\"model-viewmode-option selected\" (click)=\"toggleView(true)\" [ngClass]=\"{'selected': userSettings.settings.user.modelFilter.advanced}\">\n                  <span class=\"icon ph-check-fill\" *ngIf=\"userSettings.settings.user.modelFilter.advanced\"></span>Advanced\n               </div>\n            </div>\n\n            <div class=\"model-viewmode model-layers\">\n               <div class=\"model-viewmode-label\">Source</div>\n               <div class=\"model-viewmode-option\" *ngFor=\"let layer of userSettings.settings.user.modelFilter.layers\" (click)=\"toggleLayer(layer)\" [ngClass]=\"{'selected': layer.selected}\">\n                  <span class=\"icon ph-check-fill\" *ngIf=\"layer.selected\"></span>{{layer.label}}\n               </div>\n            </div>\n\n            <div class=\"model-warnings\" *ngIf=\"globalNotes.length > 0\" notesDialog [notes]=\"globalNotes\">\n               <span class=\"ph-warning-fill icon\"></span>\n               <span *ngIf=\"globalNotes.length == 1\">{{globalNotes.length}} warning</span>\n               <span *ngIf=\"globalNotes.length > 1\">{{globalNotes.length}} warnings</span>\n            </div>\n         </div>\n\n         <div class=\"model-frame\" [class]=\"'model-visualization-' + modelDefinition.publicKey\">\n            <ng-container *ngFor=\"let factor of factors\">\n               <model-factor-core [factor]=\"factor\" [expandPosition]=\"factor.indicatorPosition\" [allowExpand]=\"showIndicatorArrows\"></model-factor-core>\n            </ng-container>\n         </div>\n\n         <ng-container *ngFor=\"let factor of factors\">\n            <arrow [from]=\"'#factor-' + factor.publicKey\" [to]=\"'#factor-' + effect.to\" [onlyVisible]=\"true\" [tail]=\"true\" [head]=\"false\" [width]=\"2\" *ngFor=\"let effect of factor.effects\"></arrow>\n            <ng-container *ngIf=\"showIndicatorArrows\">\n               <ng-container *ngFor=\"let lowerFactor of factor.lower\">\n                  <arrow [from]=\"'#factor-' + lowerFactor.publicKey + '-anchor'\" [to]=\"'#factor-' + lowerEffect.to + '-expand'\" [onlyVisible]=\"true\" [tail]=\"false\" [head]=\"false\" [width]=\"1\" *ngFor=\"let lowerEffect of lowerFactor.effects\"></arrow>\n               </ng-container>\n            </ng-container>\n         </ng-container>\n\n         <div class=\"model-attribution\">\n            <span class=\"icon ph-info-fill\"></span>\n            <span>\n               <span [innerHtml]=\"modelDefinition.attribution\"></span>\n               <span>&nbsp;Read <a href=\"https://columinity.com/wiki\" target=\"_blank\">documentation</a> for details.</span>\n            </span>\n         </div>\n      </div>\n   </div>\n   <div class=\"content model-processmetrics\">\n      <h3>Process metrics <span class=\"badge badge-beta\" title=\"This feature is in beta. You may experience issues or a sub-optimal user experience as we learn from teams what is most valuable. Please share bugs or feedback with us.\">beta</span></h3>\n\n      <div class=\"model-factor-metrics\" *ngIf=\"metricsAvailable\">\n         <model-factor-metric [metric]=\"metric\" *ngFor=\"let metric of metrics\"></model-factor-metric>\n      </div>\n\n      <div class=\"model-processmetrics-connect\" *ngIf=\"!metricsAvailable\">\n         <div class=\"model-processmetrics-connect-label\">Pull metrics from:</div>\n         <div class=\"model-processmetrics-connect-buttons\">\n            <a class=\"button\" [href]=\"teamsDashboardUrl + '/integrations'\" *ngIf=\"isSubscriber\">\n               <span class=\"icon icon-jira\"></span> JIRA\n            </a>\n            <a class=\"button\" [href]=\"teamsDashboardUrl + '/integrations'\" *ngIf=\"isSubscriber\">\n               <span class=\"icon icon-azuredevops\"></span> Azure DevOps\n            </a>\n            <a class=\"button\" subscribeDialog *ngIf=\"!isSubscriber\">\n               <span class=\"icon icon-jira\"></span> JIRA\n            </a>\n            <a class=\"button\" subscribeDialog *ngIf=\"!isSubscriber\">\n               <span class=\"icon icon-azuredevops\"></span> Azure DevOps\n            </a>\n         </div>\n      </div>\n\n      <div class=\"model-processmetrics-definition\">\n         <ng-container *ngIf=\"canManageIntegrations\"><a [href]=\"teamsDashboardUrl + '/integrations'\">Manage integrations</a>.</ng-container>\n         Read <a href=\"https://columinity.com/wiki/integrate-with-other-platforms\" target=\"_blank\">documentation</a> to learn more.\n      </div>\n   </div>\n</div>\n", styles: [".smallTextUppercase{font-family:StevieSansThin,sans-serif;font-style:normal;font-weight:400;font-size:15px;line-height:140%;text-transform:uppercase;line-height:100%}.bigletteredbutton{-webkit-transition:all .25s ease-in-out;-moz-transition:all .25s ease-in-out;-o-transition:all .25s ease-in-out;transition:all .25s ease-in-out;text-decoration:none;background:#ffffff1a;margin-bottom:10px;display:flex;align-content:center;border-radius:20px;padding:15px;font-size:24px;border:2px solid #1F3F8F;border-bottom:6px solid #1F3F8F;color:#fff;align-items:center;cursor:pointer}.bigletteredbutton .free{font-family:StevieSansThin,sans-serif;font-style:normal;font-weight:400;font-size:15px;line-height:140%;background:#fff73f;color:#2f2f2f;padding:3px 5px;margin-left:20px;border-radius:10px}.bigletteredbutton .plan{font-family:StevieSansThin,sans-serif;font-style:normal;font-weight:400;font-size:15px;line-height:140%;background:#fff;color:#2f2f2f;padding:3px 5px;margin-left:20px;border-radius:10px}.bigletteredbutton:hover,.bigletteredbutton.selected{border:2px solid #fff73f;border-bottom:6px solid #fff73f}.bigletteredbutton .button-letter{-webkit-transition:all .25s ease-in-out;-moz-transition:all .25s ease-in-out;-o-transition:all .25s ease-in-out;transition:all .25s ease-in-out;font-family:StevieSans,sans-serif;border-radius:30px;height:52px;width:52px;min-width:52px;min-height:52px;font-weight:900;font-size:30px;line-height:100%;display:flex;align-items:center;justify-content:center;background:#fff73f;color:#1f3f8f;margin-right:20px}.bigletteredbutton .button-letter .ph{color:#1f3f8f}.bigletteredbutton .button-letter:hover{background:#1f3f8f;color:#fff73f}.bigletteredbutton .button-letter:hover .ph{color:#fff73f}.roundicon-yellow{-webkit-transition:all .25s ease-in-out;-moz-transition:all .25s ease-in-out;-o-transition:all .25s ease-in-out;transition:all .25s ease-in-out;font-family:StevieSans,sans-serif;border-radius:30px;height:52px;width:52px;min-width:52px;min-height:52px;font-weight:900;font-size:30px;line-height:100%;display:flex;align-items:center;justify-content:center;background:#fff73f;color:#1f3f8f}.roundicon-yellow .ph{color:#1f3f8f}.roundicon-yellow:hover{background:#1f3f8f;color:#fff73f}.roundicon-yellow:hover .ph{color:#fff73f}.roundicon{-webkit-transition:all .25s ease-in-out;-moz-transition:all .25s ease-in-out;-o-transition:all .25s ease-in-out;transition:all .25s ease-in-out;font-family:StevieSans,sans-serif;border-radius:30px;height:52px;width:52px;min-width:52px;min-height:52px;font-weight:900;font-size:30px;line-height:100%;display:flex;align-items:center;justify-content:center}.roundicon-large{-webkit-transition:all .25s ease-in-out;-moz-transition:all .25s ease-in-out;-o-transition:all .25s ease-in-out;transition:all .25s ease-in-out;font-family:StevieSans,sans-serif;height:52px;width:52px;min-width:52px;min-height:52px;font-weight:900;font-size:30px;line-height:100%;display:flex;align-items:center;justify-content:center;border-radius:60px;height:120px;width:120px}.content{border-bottom:3px solid #f0f0f0}@media only screen and (max-width: 1536px){.toolbar-settings{display:flex}}@media only screen and (max-width: 992px){.toolbar-settings{display:block}}\n"], dependencies: [{ kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: ArrowComponent, selector: "arrow", inputs: ["from", "to", "head", "tail", "text", "toolTip", "color", "width", "onlyVisible", "fromX", "fromY", "toX", "toY"] }, { kind: "directive", type: OpenSettingsDialogDirective, selector: "[settingsDialog]", inputs: ["showSettingStacking"] }, { kind: "directive", type: OpenExportFactorScoresDialogDirective, selector: "[exportFactorScoresDialog]" }, { kind: "directive", type: OpenNotesDialogDirective, selector: "[notesDialog]", inputs: ["notes"] }, { kind: "directive", type: OpenSubscribeDialogDirective, selector: "[subscribeDialog]" }, { kind: "component", type: ModelFactorMetricComponent, selector: "model-factor-metric", inputs: ["metric"] }, { kind: "component", type: ModelFactorCoreComponent, selector: "model-factor-core", inputs: ["factor", "allowExpand", "expandPosition"] }, { kind: "pipe", type: DateRangePipe, name: "dateRange" }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.12", type: ModelCanvasComponent, isStandalone: false, selector: "model-canvas", host: { listeners: { "window:resize": "determineScreenSize($event)" } }, usesInheritance: true, ngImport: i0, template: "<div *ngIf=\"!showModel\" class=\"message message-warning\">\n   <div><span class=\"icon ph-info-fill\"></span> We've hidden the model visualization because your resolution is too low. Please try a larger device, like a tablet, laptop or desktop.</div>\n</div>\n\n<div class=\"wirebox model\" *ngIf=\"factors && showModel\">\n   <div class=\"top\">\n      <div class=\"toolbar\">\n         <div class=\"toolbar-settings\">\n            <div class=\"toolbar-setting\">\n               <div class=\"toolbar-setting-title\">Selected Benchmark</div>\n               <div class=\"toolbar-setting-label\">{{benchmark}}</div>\n            </div>\n            <div class=\"toolbar-setting\">\n               <div class=\"toolbar-setting-title\">compare results to</div>\n               <div class=\"toolbar-setting-label\" *ngIf=\"qualifiedBy == QualifiedByEnum.none\">No comparison</div>\n               <div class=\"toolbar-setting-label\" *ngIf=\"qualifiedBy == QualifiedByEnum.delta && deltaType == 'PreviousSnapshot'\">Previous snapshot from {{deltaDateRange | dateRange}}</div>\n               <div class=\"toolbar-setting-label\" *ngIf=\"qualifiedBy == QualifiedByEnum.delta && deltaType != 'PreviousSnapshot'\">Current period <span class=\"icon ph-info-fill\" [title]=\"'Current period ranges from ' + (dateRange | dateRange) + '. This includes weighed measurements from ' + pointCount + ' ' + pointType + ': ' + pointNames\"></span> with previous period  <span class=\"icon ph-info-fill\" [title]=\"'Previous period ranges from ' + (deltaDateRange | dateRange) + '. This includes weighed measurements from ' + deltaTeams + ' ' + pointType + ': ' + deltaTeamNames\"></span></div>\n               <div class=\"toolbar-setting-label\" *ngIf=\"qualifiedBy == QualifiedByEnum.benchmark\">Against benchmark</div>\n            </div>\n            <div class=\"toolbar-setting\" *ngIf=\"qualifiedBy != QualifiedByEnum.none\">\n               <div class=\"toolbar-setting-title\">comparison legend</div>\n               <div class=\"toolbar-setting-markers negative\">\n                  <ng-container *ngIf=\"qualifiedBy == 'Benchmark'\">\n                     <div class=\"toolbar-setting-marker negative\">\n                        <span class=\"marker\"></span>\n                        <span class=\"label\">lower</span>\n                     </div>\n                     <div class=\"toolbar-setting-marker positive\">\n                        <span class=\"marker\"></span>\n                        <span class=\"label\">higher</span>\n                     </div>\n                  </ng-container>\n                  <ng-container *ngIf=\"qualifiedBy == 'Delta'\">\n                     <div class=\"toolbar-setting-marker negative\">\n                        <span class=\"marker\"></span>\n                        <span class=\"label\">decreased</span>\n                     </div>\n                     <div class=\"toolbar-setting-marker positive\">\n                        <span class=\"marker\"></span>\n                        <span class=\"label\">improved</span>\n                     </div>\n                  </ng-container>\n               </div>\n            </div>\n         </div>\n         <div class=\"buttons\">\n            <div class=\"button\" id=\"change-settings\" settingsDialog><span class=\"ph-faders icon\"></span> Settings</div>\n            <div class=\"button\" id=\"export-factorscores\" exportFactorScoresDialog *ngIf=\"isLoggedIn\"><span class=\"ph-download-simple icon\"></span> Export</div>\n         </div>\n      </div>\n   </div>\n   <div class=\"content\">\n      <div class=\"model-visualization\">\n         <div class=\"model-clarification\">\n            <span class=\"icon ph-info-fill\"></span>\n            <span class=\"message-text\">This model shows how factors are connected based on scientific research. Click <span class=\"icon ph-plus-circle-bold plus\"></span> to expand or close lower-order factors. Click factors for more detail.</span>\n         </div>\n\n         <div *ngIf=\"!showModel || !showIndicatorArrows\" class=\"model-smallscreen\">\n            <span class=\"icon ph-frame-corners-bold\"></span>\n            <span class=\"message-text\">View on a larger device to see more details.</span>\n         </div>\n\n         <div class=\"model-viewconfiguration\">\n            <div class=\"model-viewmode\">\n               <div class=\"model-viewmode-label\">View</div>\n               <div class=\"model-viewmode-option\" (click)=\"toggleView(false)\" [ngClass]=\"{'selected': !userSettings.settings.user.modelFilter.advanced}\">\n                  <span class=\"icon ph-check-fill\" *ngIf=\"!userSettings.settings.user.modelFilter.advanced\"></span>Simple\n               </div>\n               <div class=\"model-viewmode-option selected\" (click)=\"toggleView(true)\" [ngClass]=\"{'selected': userSettings.settings.user.modelFilter.advanced}\">\n                  <span class=\"icon ph-check-fill\" *ngIf=\"userSettings.settings.user.modelFilter.advanced\"></span>Advanced\n               </div>\n            </div>\n\n            <div class=\"model-viewmode model-layers\">\n               <div class=\"model-viewmode-label\">Source</div>\n               <div class=\"model-viewmode-option\" *ngFor=\"let layer of userSettings.settings.user.modelFilter.layers\" (click)=\"toggleLayer(layer)\" [ngClass]=\"{'selected': layer.selected}\">\n                  <span class=\"icon ph-check-fill\" *ngIf=\"layer.selected\"></span>{{layer.label}}\n               </div>\n            </div>\n\n            <div class=\"model-warnings\" *ngIf=\"globalNotes.length > 0\" notesDialog [notes]=\"globalNotes\">\n               <span class=\"ph-warning-fill icon\"></span>\n               <span *ngIf=\"globalNotes.length == 1\">{{globalNotes.length}} warning</span>\n               <span *ngIf=\"globalNotes.length > 1\">{{globalNotes.length}} warnings</span>\n            </div>\n         </div>\n\n         <div class=\"model-frame\" [class]=\"'model-visualization-' + modelDefinition.publicKey\">\n            <ng-container *ngFor=\"let factor of factors\">\n               <model-factor-core [factor]=\"factor\" [expandPosition]=\"factor.indicatorPosition\" [allowExpand]=\"showIndicatorArrows\"></model-factor-core>\n            </ng-container>\n         </div>\n\n         <ng-container *ngFor=\"let factor of factors\">\n            <arrow [from]=\"'#factor-' + factor.publicKey\" [to]=\"'#factor-' + effect.to\" [onlyVisible]=\"true\" [tail]=\"true\" [head]=\"false\" [width]=\"2\" *ngFor=\"let effect of factor.effects\"></arrow>\n            <ng-container *ngIf=\"showIndicatorArrows\">\n               <ng-container *ngFor=\"let lowerFactor of factor.lower\">\n                  <arrow [from]=\"'#factor-' + lowerFactor.publicKey + '-anchor'\" [to]=\"'#factor-' + lowerEffect.to + '-expand'\" [onlyVisible]=\"true\" [tail]=\"false\" [head]=\"false\" [width]=\"1\" *ngFor=\"let lowerEffect of lowerFactor.effects\"></arrow>\n               </ng-container>\n            </ng-container>\n         </ng-container>\n\n         <div class=\"model-attribution\">\n            <span class=\"icon ph-info-fill\"></span>\n            <span>\n               <span [innerHtml]=\"modelDefinition.attribution\"></span>\n               <span>&nbsp;Read <a href=\"https://columinity.com/wiki\" target=\"_blank\">documentation</a> for details.</span>\n            </span>\n         </div>\n      </div>\n   </div>\n   <div class=\"content model-processmetrics\">\n      <h3>Process metrics <span class=\"badge badge-beta\" title=\"This feature is in beta. You may experience issues or a sub-optimal user experience as we learn from teams what is most valuable. Please share bugs or feedback with us.\">beta</span></h3>\n\n      <div class=\"model-factor-metrics\" *ngIf=\"metrics.length > 0\">\n         <model-factor-metric [metric]=\"metric\" *ngFor=\"let metric of metrics\"></model-factor-metric>\n      </div>\n\n      <div class=\"model-processmetrics-definition\">\n         <ng-container *ngIf=\"canManageIntegrations\"><a [routerLink]=\"['/integrations']\">Manage integrations</a>.</ng-container>\n         <ng-container *ngIf=\"showTeamsDashboardSetup\">Integrations can be managed from each Teams Dashboard.</ng-container>\n         Read <a href=\"https://columinity.com/wiki/integrate-with-other-platforms\" target=\"_blank\">documentation</a> to learn more.\n      </div>\n   </div>\n</div>\n", styles: [".smallTextUppercase{font-family:StevieSansThin,sans-serif;font-style:normal;font-weight:400;font-size:15px;line-height:140%;text-transform:uppercase;line-height:100%}.bigletteredbutton{-webkit-transition:all .25s ease-in-out;-moz-transition:all .25s ease-in-out;-o-transition:all .25s ease-in-out;transition:all .25s ease-in-out;text-decoration:none;background:#ffffff1a;margin-bottom:10px;display:flex;align-content:center;border-radius:20px;padding:15px;font-size:24px;border:2px solid #1F3F8F;border-bottom:6px solid #1F3F8F;color:#fff;align-items:center;cursor:pointer}.bigletteredbutton .free{font-family:StevieSansThin,sans-serif;font-style:normal;font-weight:400;font-size:15px;line-height:140%;background:#fff73f;color:#2f2f2f;padding:3px 5px;margin-left:20px;border-radius:10px}.bigletteredbutton .plan{font-family:StevieSansThin,sans-serif;font-style:normal;font-weight:400;font-size:15px;line-height:140%;background:#fff;color:#2f2f2f;padding:3px 5px;margin-left:20px;border-radius:10px}.bigletteredbutton:hover,.bigletteredbutton.selected{border:2px solid #fff73f;border-bottom:6px solid #fff73f}.bigletteredbutton .button-letter{-webkit-transition:all .25s ease-in-out;-moz-transition:all .25s ease-in-out;-o-transition:all .25s ease-in-out;transition:all .25s ease-in-out;font-family:StevieSans,sans-serif;border-radius:30px;height:52px;width:52px;min-width:52px;min-height:52px;font-weight:900;font-size:30px;line-height:100%;display:flex;align-items:center;justify-content:center;background:#fff73f;color:#1f3f8f;margin-right:20px}.bigletteredbutton .button-letter .ph{color:#1f3f8f}.bigletteredbutton .button-letter:hover{background:#1f3f8f;color:#fff73f}.bigletteredbutton .button-letter:hover .ph{color:#fff73f}.roundicon-yellow{-webkit-transition:all .25s ease-in-out;-moz-transition:all .25s ease-in-out;-o-transition:all .25s ease-in-out;transition:all .25s ease-in-out;font-family:StevieSans,sans-serif;border-radius:30px;height:52px;width:52px;min-width:52px;min-height:52px;font-weight:900;font-size:30px;line-height:100%;display:flex;align-items:center;justify-content:center;background:#fff73f;color:#1f3f8f}.roundicon-yellow .ph{color:#1f3f8f}.roundicon-yellow:hover{background:#1f3f8f;color:#fff73f}.roundicon-yellow:hover .ph{color:#fff73f}.roundicon{-webkit-transition:all .25s ease-in-out;-moz-transition:all .25s ease-in-out;-o-transition:all .25s ease-in-out;transition:all .25s ease-in-out;font-family:StevieSans,sans-serif;border-radius:30px;height:52px;width:52px;min-width:52px;min-height:52px;font-weight:900;font-size:30px;line-height:100%;display:flex;align-items:center;justify-content:center}.roundicon-large{-webkit-transition:all .25s ease-in-out;-moz-transition:all .25s ease-in-out;-o-transition:all .25s ease-in-out;transition:all .25s ease-in-out;font-family:StevieSans,sans-serif;height:52px;width:52px;min-width:52px;min-height:52px;font-weight:900;font-size:30px;line-height:100%;display:flex;align-items:center;justify-content:center;border-radius:60px;height:120px;width:120px}.content{border-bottom:3px solid #f0f0f0}@media only screen and (max-width: 1536px){.toolbar-settings{display:flex}}@media only screen and (max-width: 992px){.toolbar-settings{display:block}}\n"], dependencies: [{ kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1$4.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "component", type: ArrowComponent, selector: "arrow", inputs: ["from", "to", "head", "tail", "text", "toolTip", "color", "width", "onlyVisible", "fromX", "fromY", "toX", "toY"] }, { kind: "directive", type: OpenSettingsDialogDirective, selector: "[settingsDialog]", inputs: ["showSettingStacking"] }, { kind: "directive", type: OpenExportFactorScoresDialogDirective, selector: "[exportFactorScoresDialog]" }, { kind: "directive", type: OpenNotesDialogDirective, selector: "[notesDialog]", inputs: ["notes"] }, { kind: "component", type: ModelFactorMetricComponent, selector: "model-factor-metric", inputs: ["metric"] }, { kind: "component", type: ModelFactorCoreComponent, selector: "model-factor-core", inputs: ["factor", "allowExpand", "expandPosition"] }, { kind: "pipe", type: DateRangePipe, name: "dateRange" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.12", ngImport: i0, type: ModelCanvasComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'model-canvas', standalone: false, template: "<div *ngIf=\"!showModel\" class=\"message message-warning\">\n   <div><span class=\"icon ph-info-fill\"></span> We've hidden the model visualization because your resolution is too low. Please try a larger device, like a tablet, laptop or desktop.</div>\n</div>\n\n<div class=\"wirebox model\" *ngIf=\"factors && showModel\">\n   <div class=\"top\">\n      <div class=\"toolbar\">\n         <div class=\"toolbar-settings\">\n            <div class=\"toolbar-setting\">\n               <div class=\"toolbar-setting-title\">Selected Benchmark</div>\n               <div class=\"toolbar-setting-label\">{{benchmark}}</div>\n            </div>\n            <div class=\"toolbar-setting\">\n               <div class=\"toolbar-setting-title\">compare results to</div>\n               <div class=\"toolbar-setting-label\" *ngIf=\"qualifiedBy == QualifiedByEnum.none\">No comparison</div>\n               <div class=\"toolbar-setting-label\" *ngIf=\"qualifiedBy == QualifiedByEnum.delta && deltaType == 'PreviousSnapshot'\">Previous snapshot from {{deltaDateRange | dateRange}}</div>\n               <div class=\"toolbar-setting-label\" *ngIf=\"qualifiedBy == QualifiedByEnum.delta && deltaType != 'PreviousSnapshot'\">Current period <span class=\"icon ph-info-fill\" [title]=\"'Current period ranges from ' + (dateRange | dateRange) + '. This includes weighed measurements from ' + pointCount + ' ' + pointType + ': ' + pointNames\"></span> with previous period  <span class=\"icon ph-info-fill\" [title]=\"'Previous period ranges from ' + (deltaDateRange | dateRange) + '. This includes weighed measurements from ' + deltaTeams + ' ' + pointType + ': ' + deltaTeamNames\"></span></div>\n               <div class=\"toolbar-setting-label\" *ngIf=\"qualifiedBy == QualifiedByEnum.benchmark\">Against benchmark</div>\n            </div>\n            <div class=\"toolbar-setting\" *ngIf=\"qualifiedBy != QualifiedByEnum.none\">\n               <div class=\"toolbar-setting-title\">comparison legend</div>\n               <div class=\"toolbar-setting-markers negative\">\n                  <ng-container *ngIf=\"qualifiedBy == 'Benchmark'\">\n                     <div class=\"toolbar-setting-marker negative\">\n                        <span class=\"marker\"></span>\n                        <span class=\"label\">lower</span>\n                     </div>\n                     <div class=\"toolbar-setting-marker positive\">\n                        <span class=\"marker\"></span>\n                        <span class=\"label\">higher</span>\n                     </div>\n                  </ng-container>\n                  <ng-container *ngIf=\"qualifiedBy == 'Delta'\">\n                     <div class=\"toolbar-setting-marker negative\">\n                        <span class=\"marker\"></span>\n                        <span class=\"label\">decreased</span>\n                     </div>\n                     <div class=\"toolbar-setting-marker positive\">\n                        <span class=\"marker\"></span>\n                        <span class=\"label\">improved</span>\n                     </div>\n                  </ng-container>\n               </div>\n            </div>\n         </div>\n         <div class=\"buttons\">\n            <div class=\"button\" id=\"change-settings\" settingsDialog><span class=\"ph-faders icon\"></span> Settings</div>\n            <div class=\"button\" id=\"export-factorscores\" exportFactorScoresDialog *ngIf=\"isLoggedIn\"><span class=\"ph-download-simple icon\"></span> Export</div>\n         </div>\n      </div>\n   </div>\n   <div class=\"content\">\n      <div class=\"model-visualization\">\n         <div class=\"model-clarification\">\n            <span class=\"icon ph-info-fill\"></span>\n            <span class=\"message-text\">This model shows how factors are connected based on scientific research. Click <span class=\"icon ph-plus-circle-bold plus\"></span> to expand or close lower-order factors. Click factors for more detail.</span>\n         </div>\n\n         <div *ngIf=\"!showModel || !showIndicatorArrows\" class=\"model-smallscreen\">\n            <span class=\"icon ph-frame-corners-bold\"></span>\n            <span class=\"message-text\">View on a larger device to see more details.</span>\n         </div>\n\n         <div class=\"model-viewconfiguration\">\n            <div class=\"model-viewmode\">\n               <div class=\"model-viewmode-label\">View</div>\n               <div class=\"model-viewmode-option\" (click)=\"toggleView(false)\" [ngClass]=\"{'selected': !userSettings.settings.user.modelFilter.advanced}\">\n                  <span class=\"icon ph-check-fill\" *ngIf=\"!userSettings.settings.user.modelFilter.advanced\"></span>Simple\n               </div>\n               <div class=\"model-viewmode-option selected\" (click)=\"toggleView(true)\" [ngClass]=\"{'selected': userSettings.settings.user.modelFilter.advanced}\">\n                  <span class=\"icon ph-check-fill\" *ngIf=\"userSettings.settings.user.modelFilter.advanced\"></span>Advanced\n               </div>\n            </div>\n\n            <div class=\"model-viewmode model-layers\">\n               <div class=\"model-viewmode-label\">Source</div>\n               <div class=\"model-viewmode-option\" *ngFor=\"let layer of userSettings.settings.user.modelFilter.layers\" (click)=\"toggleLayer(layer)\" [ngClass]=\"{'selected': layer.selected}\">\n                  <span class=\"icon ph-check-fill\" *ngIf=\"layer.selected\"></span>{{layer.label}}\n               </div>\n            </div>\n\n            <div class=\"model-warnings\" *ngIf=\"globalNotes.length > 0\" notesDialog [notes]=\"globalNotes\">\n               <span class=\"ph-warning-fill icon\"></span>\n               <span *ngIf=\"globalNotes.length == 1\">{{globalNotes.length}} warning</span>\n               <span *ngIf=\"globalNotes.length > 1\">{{globalNotes.length}} warnings</span>\n            </div>\n         </div>\n\n         <div class=\"model-frame\" [class]=\"'model-visualization-' + modelDefinition.publicKey\">\n            <ng-container *ngFor=\"let factor of factors\">\n               <model-factor-core [factor]=\"factor\" [expandPosition]=\"factor.indicatorPosition\" [allowExpand]=\"showIndicatorArrows\"></model-factor-core>\n            </ng-container>\n         </div>\n\n         <ng-container *ngFor=\"let factor of factors\">\n            <arrow [from]=\"'#factor-' + factor.publicKey\" [to]=\"'#factor-' + effect.to\" [onlyVisible]=\"true\" [tail]=\"true\" [head]=\"false\" [width]=\"2\" *ngFor=\"let effect of factor.effects\"></arrow>\n            <ng-container *ngIf=\"showIndicatorArrows\">\n               <ng-container *ngFor=\"let lowerFactor of factor.lower\">\n                  <arrow [from]=\"'#factor-' + lowerFactor.publicKey + '-anchor'\" [to]=\"'#factor-' + lowerEffect.to + '-expand'\" [onlyVisible]=\"true\" [tail]=\"false\" [head]=\"false\" [width]=\"1\" *ngFor=\"let lowerEffect of lowerFactor.effects\"></arrow>\n               </ng-container>\n            </ng-container>\n         </ng-container>\n\n         <div class=\"model-attribution\">\n            <span class=\"icon ph-info-fill\"></span>\n            <span>\n               <span [innerHtml]=\"modelDefinition.attribution\"></span>\n               <span>&nbsp;Read <a href=\"https://columinity.com/wiki\" target=\"_blank\">documentation</a> for details.</span>\n            </span>\n         </div>\n      </div>\n   </div>\n   <div class=\"content model-processmetrics\">\n      <h3>Process metrics <span class=\"badge badge-beta\" title=\"This feature is in beta. You may experience issues or a sub-optimal user experience as we learn from teams what is most valuable. Please share bugs or feedback with us.\">beta</span></h3>\n\n      <div class=\"model-factor-metrics\" *ngIf=\"metricsAvailable\">\n         <model-factor-metric [metric]=\"metric\" *ngFor=\"let metric of metrics\"></model-factor-metric>\n      </div>\n\n      <div class=\"model-processmetrics-connect\" *ngIf=\"!metricsAvailable\">\n         <div class=\"model-processmetrics-connect-label\">Pull metrics from:</div>\n         <div class=\"model-processmetrics-connect-buttons\">\n            <a class=\"button\" [href]=\"teamsDashboardUrl + '/integrations'\" *ngIf=\"isSubscriber\">\n               <span class=\"icon icon-jira\"></span> JIRA\n            </a>\n            <a class=\"button\" [href]=\"teamsDashboardUrl + '/integrations'\" *ngIf=\"isSubscriber\">\n               <span class=\"icon icon-azuredevops\"></span> Azure DevOps\n            </a>\n            <a class=\"button\" subscribeDialog *ngIf=\"!isSubscriber\">\n               <span class=\"icon icon-jira\"></span> JIRA\n            </a>\n            <a class=\"button\" subscribeDialog *ngIf=\"!isSubscriber\">\n               <span class=\"icon icon-azuredevops\"></span> Azure DevOps\n            </a>\n         </div>\n      </div>\n\n      <div class=\"model-processmetrics-definition\">\n         <ng-container *ngIf=\"canManageIntegrations\"><a [href]=\"teamsDashboardUrl + '/integrations'\">Manage integrations</a>.</ng-container>\n         Read <a href=\"https://columinity.com/wiki/integrate-with-other-platforms\" target=\"_blank\">documentation</a> to learn more.\n      </div>\n   </div>\n</div>\n", styles: [".smallTextUppercase{font-family:StevieSansThin,sans-serif;font-style:normal;font-weight:400;font-size:15px;line-height:140%;text-transform:uppercase;line-height:100%}.bigletteredbutton{-webkit-transition:all .25s ease-in-out;-moz-transition:all .25s ease-in-out;-o-transition:all .25s ease-in-out;transition:all .25s ease-in-out;text-decoration:none;background:#ffffff1a;margin-bottom:10px;display:flex;align-content:center;border-radius:20px;padding:15px;font-size:24px;border:2px solid #1F3F8F;border-bottom:6px solid #1F3F8F;color:#fff;align-items:center;cursor:pointer}.bigletteredbutton .free{font-family:StevieSansThin,sans-serif;font-style:normal;font-weight:400;font-size:15px;line-height:140%;background:#fff73f;color:#2f2f2f;padding:3px 5px;margin-left:20px;border-radius:10px}.bigletteredbutton .plan{font-family:StevieSansThin,sans-serif;font-style:normal;font-weight:400;font-size:15px;line-height:140%;background:#fff;color:#2f2f2f;padding:3px 5px;margin-left:20px;border-radius:10px}.bigletteredbutton:hover,.bigletteredbutton.selected{border:2px solid #fff73f;border-bottom:6px solid #fff73f}.bigletteredbutton .button-letter{-webkit-transition:all .25s ease-in-out;-moz-transition:all .25s ease-in-out;-o-transition:all .25s ease-in-out;transition:all .25s ease-in-out;font-family:StevieSans,sans-serif;border-radius:30px;height:52px;width:52px;min-width:52px;min-height:52px;font-weight:900;font-size:30px;line-height:100%;display:flex;align-items:center;justify-content:center;background:#fff73f;color:#1f3f8f;margin-right:20px}.bigletteredbutton .button-letter .ph{color:#1f3f8f}.bigletteredbutton .button-letter:hover{background:#1f3f8f;color:#fff73f}.bigletteredbutton .button-letter:hover .ph{color:#fff73f}.roundicon-yellow{-webkit-transition:all .25s ease-in-out;-moz-transition:all .25s ease-in-out;-o-transition:all .25s ease-in-out;transition:all .25s ease-in-out;font-family:StevieSans,sans-serif;border-radius:30px;height:52px;width:52px;min-width:52px;min-height:52px;font-weight:900;font-size:30px;line-height:100%;display:flex;align-items:center;justify-content:center;background:#fff73f;color:#1f3f8f}.roundicon-yellow .ph{color:#1f3f8f}.roundicon-yellow:hover{background:#1f3f8f;color:#fff73f}.roundicon-yellow:hover .ph{color:#fff73f}.roundicon{-webkit-transition:all .25s ease-in-out;-moz-transition:all .25s ease-in-out;-o-transition:all .25s ease-in-out;transition:all .25s ease-in-out;font-family:StevieSans,sans-serif;border-radius:30px;height:52px;width:52px;min-width:52px;min-height:52px;font-weight:900;font-size:30px;line-height:100%;display:flex;align-items:center;justify-content:center}.roundicon-large{-webkit-transition:all .25s ease-in-out;-moz-transition:all .25s ease-in-out;-o-transition:all .25s ease-in-out;transition:all .25s ease-in-out;font-family:StevieSans,sans-serif;height:52px;width:52px;min-width:52px;min-height:52px;font-weight:900;font-size:30px;line-height:100%;display:flex;align-items:center;justify-content:center;border-radius:60px;height:120px;width:120px}.content{border-bottom:3px solid #f0f0f0}@media only screen and (max-width: 1536px){.toolbar-settings{display:flex}}@media only screen and (max-width: 992px){.toolbar-settings{display:block}}\n"] }]
+            args: [{ selector: 'model-canvas', standalone: false, template: "<div *ngIf=\"!showModel\" class=\"message message-warning\">\n   <div><span class=\"icon ph-info-fill\"></span> We've hidden the model visualization because your resolution is too low. Please try a larger device, like a tablet, laptop or desktop.</div>\n</div>\n\n<div class=\"wirebox model\" *ngIf=\"factors && showModel\">\n   <div class=\"top\">\n      <div class=\"toolbar\">\n         <div class=\"toolbar-settings\">\n            <div class=\"toolbar-setting\">\n               <div class=\"toolbar-setting-title\">Selected Benchmark</div>\n               <div class=\"toolbar-setting-label\">{{benchmark}}</div>\n            </div>\n            <div class=\"toolbar-setting\">\n               <div class=\"toolbar-setting-title\">compare results to</div>\n               <div class=\"toolbar-setting-label\" *ngIf=\"qualifiedBy == QualifiedByEnum.none\">No comparison</div>\n               <div class=\"toolbar-setting-label\" *ngIf=\"qualifiedBy == QualifiedByEnum.delta && deltaType == 'PreviousSnapshot'\">Previous snapshot from {{deltaDateRange | dateRange}}</div>\n               <div class=\"toolbar-setting-label\" *ngIf=\"qualifiedBy == QualifiedByEnum.delta && deltaType != 'PreviousSnapshot'\">Current period <span class=\"icon ph-info-fill\" [title]=\"'Current period ranges from ' + (dateRange | dateRange) + '. This includes weighed measurements from ' + pointCount + ' ' + pointType + ': ' + pointNames\"></span> with previous period  <span class=\"icon ph-info-fill\" [title]=\"'Previous period ranges from ' + (deltaDateRange | dateRange) + '. This includes weighed measurements from ' + deltaTeams + ' ' + pointType + ': ' + deltaTeamNames\"></span></div>\n               <div class=\"toolbar-setting-label\" *ngIf=\"qualifiedBy == QualifiedByEnum.benchmark\">Against benchmark</div>\n            </div>\n            <div class=\"toolbar-setting\" *ngIf=\"qualifiedBy != QualifiedByEnum.none\">\n               <div class=\"toolbar-setting-title\">comparison legend</div>\n               <div class=\"toolbar-setting-markers negative\">\n                  <ng-container *ngIf=\"qualifiedBy == 'Benchmark'\">\n                     <div class=\"toolbar-setting-marker negative\">\n                        <span class=\"marker\"></span>\n                        <span class=\"label\">lower</span>\n                     </div>\n                     <div class=\"toolbar-setting-marker positive\">\n                        <span class=\"marker\"></span>\n                        <span class=\"label\">higher</span>\n                     </div>\n                  </ng-container>\n                  <ng-container *ngIf=\"qualifiedBy == 'Delta'\">\n                     <div class=\"toolbar-setting-marker negative\">\n                        <span class=\"marker\"></span>\n                        <span class=\"label\">decreased</span>\n                     </div>\n                     <div class=\"toolbar-setting-marker positive\">\n                        <span class=\"marker\"></span>\n                        <span class=\"label\">improved</span>\n                     </div>\n                  </ng-container>\n               </div>\n            </div>\n         </div>\n         <div class=\"buttons\">\n            <div class=\"button\" id=\"change-settings\" settingsDialog><span class=\"ph-faders icon\"></span> Settings</div>\n            <div class=\"button\" id=\"export-factorscores\" exportFactorScoresDialog *ngIf=\"isLoggedIn\"><span class=\"ph-download-simple icon\"></span> Export</div>\n         </div>\n      </div>\n   </div>\n   <div class=\"content\">\n      <div class=\"model-visualization\">\n         <div class=\"model-clarification\">\n            <span class=\"icon ph-info-fill\"></span>\n            <span class=\"message-text\">This model shows how factors are connected based on scientific research. Click <span class=\"icon ph-plus-circle-bold plus\"></span> to expand or close lower-order factors. Click factors for more detail.</span>\n         </div>\n\n         <div *ngIf=\"!showModel || !showIndicatorArrows\" class=\"model-smallscreen\">\n            <span class=\"icon ph-frame-corners-bold\"></span>\n            <span class=\"message-text\">View on a larger device to see more details.</span>\n         </div>\n\n         <div class=\"model-viewconfiguration\">\n            <div class=\"model-viewmode\">\n               <div class=\"model-viewmode-label\">View</div>\n               <div class=\"model-viewmode-option\" (click)=\"toggleView(false)\" [ngClass]=\"{'selected': !userSettings.settings.user.modelFilter.advanced}\">\n                  <span class=\"icon ph-check-fill\" *ngIf=\"!userSettings.settings.user.modelFilter.advanced\"></span>Simple\n               </div>\n               <div class=\"model-viewmode-option selected\" (click)=\"toggleView(true)\" [ngClass]=\"{'selected': userSettings.settings.user.modelFilter.advanced}\">\n                  <span class=\"icon ph-check-fill\" *ngIf=\"userSettings.settings.user.modelFilter.advanced\"></span>Advanced\n               </div>\n            </div>\n\n            <div class=\"model-viewmode model-layers\">\n               <div class=\"model-viewmode-label\">Source</div>\n               <div class=\"model-viewmode-option\" *ngFor=\"let layer of userSettings.settings.user.modelFilter.layers\" (click)=\"toggleLayer(layer)\" [ngClass]=\"{'selected': layer.selected}\">\n                  <span class=\"icon ph-check-fill\" *ngIf=\"layer.selected\"></span>{{layer.label}}\n               </div>\n            </div>\n\n            <div class=\"model-warnings\" *ngIf=\"globalNotes.length > 0\" notesDialog [notes]=\"globalNotes\">\n               <span class=\"ph-warning-fill icon\"></span>\n               <span *ngIf=\"globalNotes.length == 1\">{{globalNotes.length}} warning</span>\n               <span *ngIf=\"globalNotes.length > 1\">{{globalNotes.length}} warnings</span>\n            </div>\n         </div>\n\n         <div class=\"model-frame\" [class]=\"'model-visualization-' + modelDefinition.publicKey\">\n            <ng-container *ngFor=\"let factor of factors\">\n               <model-factor-core [factor]=\"factor\" [expandPosition]=\"factor.indicatorPosition\" [allowExpand]=\"showIndicatorArrows\"></model-factor-core>\n            </ng-container>\n         </div>\n\n         <ng-container *ngFor=\"let factor of factors\">\n            <arrow [from]=\"'#factor-' + factor.publicKey\" [to]=\"'#factor-' + effect.to\" [onlyVisible]=\"true\" [tail]=\"true\" [head]=\"false\" [width]=\"2\" *ngFor=\"let effect of factor.effects\"></arrow>\n            <ng-container *ngIf=\"showIndicatorArrows\">\n               <ng-container *ngFor=\"let lowerFactor of factor.lower\">\n                  <arrow [from]=\"'#factor-' + lowerFactor.publicKey + '-anchor'\" [to]=\"'#factor-' + lowerEffect.to + '-expand'\" [onlyVisible]=\"true\" [tail]=\"false\" [head]=\"false\" [width]=\"1\" *ngFor=\"let lowerEffect of lowerFactor.effects\"></arrow>\n               </ng-container>\n            </ng-container>\n         </ng-container>\n\n         <div class=\"model-attribution\">\n            <span class=\"icon ph-info-fill\"></span>\n            <span>\n               <span [innerHtml]=\"modelDefinition.attribution\"></span>\n               <span>&nbsp;Read <a href=\"https://columinity.com/wiki\" target=\"_blank\">documentation</a> for details.</span>\n            </span>\n         </div>\n      </div>\n   </div>\n   <div class=\"content model-processmetrics\">\n      <h3>Process metrics <span class=\"badge badge-beta\" title=\"This feature is in beta. You may experience issues or a sub-optimal user experience as we learn from teams what is most valuable. Please share bugs or feedback with us.\">beta</span></h3>\n\n      <div class=\"model-factor-metrics\" *ngIf=\"metrics.length > 0\">\n         <model-factor-metric [metric]=\"metric\" *ngFor=\"let metric of metrics\"></model-factor-metric>\n      </div>\n\n      <div class=\"model-processmetrics-definition\">\n         <ng-container *ngIf=\"canManageIntegrations\"><a [routerLink]=\"['/integrations']\">Manage integrations</a>.</ng-container>\n         <ng-container *ngIf=\"showTeamsDashboardSetup\">Integrations can be managed from each Teams Dashboard.</ng-container>\n         Read <a href=\"https://columinity.com/wiki/integrate-with-other-platforms\" target=\"_blank\">documentation</a> to learn more.\n      </div>\n   </div>\n</div>\n", styles: [".smallTextUppercase{font-family:StevieSansThin,sans-serif;font-style:normal;font-weight:400;font-size:15px;line-height:140%;text-transform:uppercase;line-height:100%}.bigletteredbutton{-webkit-transition:all .25s ease-in-out;-moz-transition:all .25s ease-in-out;-o-transition:all .25s ease-in-out;transition:all .25s ease-in-out;text-decoration:none;background:#ffffff1a;margin-bottom:10px;display:flex;align-content:center;border-radius:20px;padding:15px;font-size:24px;border:2px solid #1F3F8F;border-bottom:6px solid #1F3F8F;color:#fff;align-items:center;cursor:pointer}.bigletteredbutton .free{font-family:StevieSansThin,sans-serif;font-style:normal;font-weight:400;font-size:15px;line-height:140%;background:#fff73f;color:#2f2f2f;padding:3px 5px;margin-left:20px;border-radius:10px}.bigletteredbutton .plan{font-family:StevieSansThin,sans-serif;font-style:normal;font-weight:400;font-size:15px;line-height:140%;background:#fff;color:#2f2f2f;padding:3px 5px;margin-left:20px;border-radius:10px}.bigletteredbutton:hover,.bigletteredbutton.selected{border:2px solid #fff73f;border-bottom:6px solid #fff73f}.bigletteredbutton .button-letter{-webkit-transition:all .25s ease-in-out;-moz-transition:all .25s ease-in-out;-o-transition:all .25s ease-in-out;transition:all .25s ease-in-out;font-family:StevieSans,sans-serif;border-radius:30px;height:52px;width:52px;min-width:52px;min-height:52px;font-weight:900;font-size:30px;line-height:100%;display:flex;align-items:center;justify-content:center;background:#fff73f;color:#1f3f8f;margin-right:20px}.bigletteredbutton .button-letter .ph{color:#1f3f8f}.bigletteredbutton .button-letter:hover{background:#1f3f8f;color:#fff73f}.bigletteredbutton .button-letter:hover .ph{color:#fff73f}.roundicon-yellow{-webkit-transition:all .25s ease-in-out;-moz-transition:all .25s ease-in-out;-o-transition:all .25s ease-in-out;transition:all .25s ease-in-out;font-family:StevieSans,sans-serif;border-radius:30px;height:52px;width:52px;min-width:52px;min-height:52px;font-weight:900;font-size:30px;line-height:100%;display:flex;align-items:center;justify-content:center;background:#fff73f;color:#1f3f8f}.roundicon-yellow .ph{color:#1f3f8f}.roundicon-yellow:hover{background:#1f3f8f;color:#fff73f}.roundicon-yellow:hover .ph{color:#fff73f}.roundicon{-webkit-transition:all .25s ease-in-out;-moz-transition:all .25s ease-in-out;-o-transition:all .25s ease-in-out;transition:all .25s ease-in-out;font-family:StevieSans,sans-serif;border-radius:30px;height:52px;width:52px;min-width:52px;min-height:52px;font-weight:900;font-size:30px;line-height:100%;display:flex;align-items:center;justify-content:center}.roundicon-large{-webkit-transition:all .25s ease-in-out;-moz-transition:all .25s ease-in-out;-o-transition:all .25s ease-in-out;transition:all .25s ease-in-out;font-family:StevieSans,sans-serif;height:52px;width:52px;min-width:52px;min-height:52px;font-weight:900;font-size:30px;line-height:100%;display:flex;align-items:center;justify-content:center;border-radius:60px;height:120px;width:120px}.content{border-bottom:3px solid #f0f0f0}@media only screen and (max-width: 1536px){.toolbar-settings{display:flex}}@media only screen and (max-width: 992px){.toolbar-settings{display:block}}\n"] }]
         }], ctorParameters: () => [{ type: ViewModelStateBase, decorators: [{
                     type: Inject,
                     args: [VIEWSTATE_PROVIDER]
@@ -7847,7 +7914,9 @@ class ModelVisualizationModule {
             ModelFactorMetricComponent,
             ModelFactorIndicatorComponent,
             ModelFactorCoreComponent,
-            ModelFactorBenchmarkComponent], imports: [CommonModule,
+            ModelFactorBenchmarkComponent,
+            OpenIntegrationDialogDirective,
+            DialogIntegrationComponent], imports: [CommonModule,
             FormsModule,
             RouterModule,
             ResultsModule,
@@ -7858,11 +7927,14 @@ class ModelVisualizationModule {
             DialogSubscribeModule,
             MatFormFieldModule,
             ReactiveFormsModule,
-            DateRangePipeModule], exports: [ModelCanvasComponent,
+            DateRangePipeModule,
+            MatDialogModule], exports: [ModelCanvasComponent,
             ModelFactorMetricComponent,
             ModelFactorIndicatorComponent,
             ModelFactorCoreComponent,
-            ModelFactorBenchmarkComponent] }); }
+            ModelFactorBenchmarkComponent,
+            OpenIntegrationDialogDirective,
+            DialogIntegrationComponent] }); }
     static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.12", ngImport: i0, type: ModelVisualizationModule, imports: [CommonModule,
             FormsModule,
             RouterModule,
@@ -7874,7 +7946,8 @@ class ModelVisualizationModule {
             DialogSubscribeModule,
             MatFormFieldModule,
             ReactiveFormsModule,
-            DateRangePipeModule] }); }
+            DateRangePipeModule,
+            MatDialogModule] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.12", ngImport: i0, type: ModelVisualizationModule, decorators: [{
             type: NgModule,
@@ -7891,21 +7964,26 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.12", ngImpo
                         DialogSubscribeModule,
                         MatFormFieldModule,
                         ReactiveFormsModule,
-                        DateRangePipeModule
+                        DateRangePipeModule,
+                        MatDialogModule
                     ],
                     declarations: [
                         ModelCanvasComponent,
                         ModelFactorMetricComponent,
                         ModelFactorIndicatorComponent,
                         ModelFactorCoreComponent,
-                        ModelFactorBenchmarkComponent
+                        ModelFactorBenchmarkComponent,
+                        OpenIntegrationDialogDirective,
+                        DialogIntegrationComponent
                     ],
                     exports: [
                         ModelCanvasComponent,
                         ModelFactorMetricComponent,
                         ModelFactorIndicatorComponent,
                         ModelFactorCoreComponent,
-                        ModelFactorBenchmarkComponent
+                        ModelFactorBenchmarkComponent,
+                        OpenIntegrationDialogDirective,
+                        DialogIntegrationComponent
                     ]
                 }]
         }] });
@@ -8368,6 +8446,17 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.12", ngImpo
                 }]
         }] });
 
+class ClientIntegrationSummaryDto {
+    constructor() {
+        this.metricKeys = [];
+    }
+}
+class ClientIntegrationListDto {
+    constructor() {
+        this.items = [];
+    }
+}
+
 class ContextItemDto {
     constructor(key, value) {
         this.key = key;
@@ -8814,5 +8903,5 @@ const ViewModelStateConfigToken = new InjectionToken('viewmodelstate-angular.con
  * Generated bundle index. Do not edit.
  */
 
-export { AactionConfigToken, AccountService, ActionClientConfig, ActionCollectionDto, ActionConfigDto, ActionDto, ActionListComponent, ActionListFilter, ActionManageComponent, ActionOptionDto, ActionOptionsDto, ActionPrefillDto, ActionService, ActionTeamDto, ActionTileComponent, ActionsModule, AgeIndicatorComponent, AlertAnnouncementComponent, AlertClientConfig, AlertConfigDto, AlertConfigToken, AlertDto, AlertFilterDto, AlertResponseDto, AlertService, AlertsComponent, AlertsModule, ApiConfig, ApiConfigDto, ApiConfigToken, ApiErrorDto, ArrowComponent, ArrowUpdateService, BackButtonDirective, BackButtonDirectiveModule, BadgeCollectionDto, BadgeComponent, BadgeDto, BadgeProgressionComponent, BadgeStreakComponent, BadgeTypeEnum, BadgesComponent, BenchmarkIndicatorComponent, BenchmarkOptionDto, BenchmarkTypeEnum, BrandBackgroundDirective, BrandConditionalBackgroundColorDirective, BrandConditionalColorDirective, BrandHoverColorDirective, BrandingModule, BrandingProvider, BrandingSettingsDto, CallbackPipe, CallbackPipeModule, ChannelDefaultBrandingDto, ChannelDto, CheckboxComponent, CheckboxModule, ClickableTooltipDirective, ClientInfoDto, ComponentBase, ComponentWithViewStateBase, ContactService, ContentBrandingDto, ContextItemDto, ContextTypes, DIALOG_GUIDES_TOKEN, DIALOG_GUIDE_TOKEN, DateRangeDto, DateRangePipe, DateRangePipeModule, DefinitionDto, DeltaArrowComponent, DeltaPeriodEnum, DialogAccountComponent, DialogAccountModule, DialogActionFiltersComponent, DialogActionManageComponent, DialogAlertsComponent, DialogExportActionsComponent, DialogExportFactorScoresComponent, DialogExportTeamListComponent, DialogFactorInformationComponent, DialogGuideComponent, DialogGuidesComponent, DialogModelFilterComponent, DialogNotesComponent, DialogResourceDownloadComponent, DialogSettingsComponent, DialogSubscribeComponent, DialogSubscribeModule, DialogSupportComponent, DialogSupportModule, DialogTeamFilterComponent, DimensionResultDto, DismissAlertRequestDto, DismissPopupService, DismissedAlertsService, DoItYourselfComponent, DoItYourselfWorkshopsComponent, EffectDto, EffectTypeEnum, ErrorConfigToken, ErrorDetailDto, ErrorDto, ErrorServiceConfig, ErrorServiceConfigDto, ErrorServiceModule, ExpandComponent, ExpandItemDto, ExpandModule, ExportActionsRequestDto, ExportFactorScoresRequestDto, ExportTeamListRequestDto, FactorAxisComponent, FactorEffectDto, FactorInformationDialogModule, FactorRecommendationDto, FactorScoreCollectionBenchmarkDto, FactorScoreCollectionCompositionDto, FactorScoreCollectionCompositionSegmentDto, FactorScoreCollectionDeltaDto, FactorScoreCollectionDto, FactorScoreCollectionFiltersDto, FactorScoreCompositionPointDto, FactorScoreCompositionPointsDto, FactorScoreDto, FactorService, FactorStructureConstraintDto, FactorStructureDto, FactorStructureSegmentDto, FactorsComponent, FeedbackQuickTipDto, FeedbackResourceDto, FilterTagsComponent, FocusAreasComponent, FooterComponent, FrontAndBackendErrorHandler, GUIDESTATE_PROVIDER, GuardsModule, GuideCollectionDto, GuideConfigDto, GuideDto, GuideMediaTypeEnum, GuidePopupService, GuideSettingsDto, GuideStateDto, GuideStateInBackEndService, GuideStateInBrowserService, GuideStepDto, GuideStepMediaDto, GuidesClientConfig, GuidesConfigToken, GuidesModule, ImageSliderComponent, ImpactIndicatorComponent, IncludeActionsModeEnum, InterventionFilterType, InterventionOwnerEnum, InterventionOwnerToStringPipe, InterventionSortEnum, InterventionStateEnum, InterventionStateToStringPipe, InterventionSummaryDto, InterventionTypeEnum, InterventionTypeToStringPipe, InviteUrlDto, KeyValueDto, LegalDocumentDto, LegalDto, LimitationsApplyComponent, LoadModes, LoadingComponent, LoadingModule, LocalUserDto, LoggingSeverityEnum, MatTagsComponent, MatTagsModule, MeasurementDto, MetaDataInputComponent, MetadataInputModule, ModelCanvasComponent, ModelComponent, ModelDefinitionDto, ModelDemoUrlDto, ModelFactorBenchmarkComponent, ModelFactorBreakdownComponent, ModelFactorComponent, ModelFactorCoreComponent, ModelFactorIndicatorComponent, ModelFactorMetricComponent, ModelFilter, ModelStructureDto, ModelSummaryDto, ModelSwitcherComponent, ModelVisualizationLayer, ModelVisualizationModule, MultiEmailInputComponent, MultiEmailInputModule, NavButtonComponent, NavigationUrlDto, NavigationUrlTypeEnum, NgAddToCalendarModule, NoReloadStrategy, OpenAccountDialogDirective, OpenActionFiltersDialogDirective, OpenAddActionDialogDirective, OpenAlertsDialogDirective, OpenContactSalesDialog, OpenEditActionDialogDirective, OpenExportActionsDialogDirective, OpenExportFactorScoresDialogDirective, OpenExportTeamListDialogDirective, OpenFactorInformationDialogDirective, OpenFeedbackDialogDirective, OpenGuideDialogDirective, OpenGuidesDialogDirective, OpenLookingForHelpDialog, OpenModelFilterDialog, OpenNotesDialogDirective, OpenReportBugDialogDirective, OpenResourceDownloadDialogDirective, OpenSettingsDialogDirective, OpenSubscribeDialogDirective, OpenSupportDialogDirective, OpenTeamFilterDialogDirective, PaginatedResponse, PaginatorComponent, PaginatorModule, PagingOptions, PaletteItem, ParticipantDto, ParticipantsComponent, ParticipationRateDto, PointDto, PointTypeEnum, ProcessingDataDto, ProgressbarComponent, ProgressbarModule, QualificationEnum, QualifiedByEnum, QuantitySelectorComponent, QuantitySelectorModule, QuestionnaireTypeDto, QuickTipsComponent, RecommendationComponent, RecommendationsComponent, ReloadOnPushStrategy, ResearchComponent, ResetPasswordRequestDto, ResourceDownloadModule, ResourceDownloadRedirectUrlDto, ResourceDownloadService, ResultIndicatorComponent, ResultsClientConfig, ResultsClientDto, ResultsConfigToken, ResultsModule, ResumeGuideHoverComponent, RoadmapComponent, SegmentEnum, SegmentNamePipe, SegmentNamePipeModule, SelectItem, SelectListComponent, SelectListItem, SelectListItemApiDto, SelectListModule, SessionIdInterceptor, SessionIdProvider, SiteDefaultFooterComponent, SiteDefaultHeaderComponent, SiteMicroFooterComponent, SlugifyPipe, SlugifyPipeModule, SnapshotDto, SnapshotInviteUrlsComponent, SnapshotInviteUrlsModule, SnapshotMetaDataDto, StartGuideDirective, SubscriptionTierEnum, TabItemDto, TabNavigatorComponent, TabNavigatorModule, TeamDto, TeamEffectivenessComponent, TeamFlagMatchDto, TeamListFilter, TeamListResponseDto, TeamMetaDataDto, TeamNameAndKeyDto, TeamNotificationSettingsDto, TeamSortEnum, TeamStatusEnum, TeamTraitDto, TermsService, TermsUpdatedComponent, TipBadgeComponent, TopicSelectorComponent, TopicSelectorDto, TopicSelectorModule, TrendDataRequestDto, TrendDataSetDto, TrendService, TrendsComponent, TruncatePipe, TruncatePipeModule, TryNowProfessionalComponent, UpdateInProgressComponent, UserGlobalSettingsDto, UserInfoDto, UserListFilter, UserListResponseDto, UserNameAndKeyDto, UserProfileComponent, UserProfileDto, UserProfileService, UserSettingService, UserSettingsDto, UserSpecificSettingsDto, VIEWSTATE_LOAD_STRATEGY, VIEWSTATE_PROVIDER, VIEWSTATE_RELOAD_STRATEGY, VIEWSTATE_USERSETTINGS_STRATEGY, ValidChangeTokenGuard, ValidKeyGuard, ValidKeySnapshotKeyGuard, ValidKeyTeamKeyGuard, VariableDto, VideoComponent, ViewModelStateBase, ViewModelStateConfig, ViewModelStateConfigDto, ViewModelStateConfigToken, ViewModelStateModule, WidgetFactorScoreComponent, WidgetParticipationRateComponent, compareInputValidator, domainValidator, httpsHostValidator, maxSelectedValidator, minTopicsSelectedValidator, presetCheckValidator };
+export { AactionConfigToken, AccountService, ActionClientConfig, ActionCollectionDto, ActionConfigDto, ActionDto, ActionListComponent, ActionListFilter, ActionManageComponent, ActionOptionDto, ActionOptionsDto, ActionPrefillDto, ActionService, ActionTeamDto, ActionTileComponent, ActionsModule, AgeIndicatorComponent, AlertAnnouncementComponent, AlertClientConfig, AlertConfigDto, AlertConfigToken, AlertDto, AlertFilterDto, AlertResponseDto, AlertService, AlertsComponent, AlertsModule, ApiConfig, ApiConfigDto, ApiConfigToken, ApiErrorDto, ArrowComponent, ArrowUpdateService, BackButtonDirective, BackButtonDirectiveModule, BadgeCollectionDto, BadgeComponent, BadgeDto, BadgeProgressionComponent, BadgeStreakComponent, BadgeTypeEnum, BadgesComponent, BenchmarkIndicatorComponent, BenchmarkOptionDto, BenchmarkTypeEnum, BrandBackgroundDirective, BrandConditionalBackgroundColorDirective, BrandConditionalColorDirective, BrandHoverColorDirective, BrandingModule, BrandingProvider, BrandingSettingsDto, CallbackPipe, CallbackPipeModule, ChannelDefaultBrandingDto, ChannelDto, CheckboxComponent, CheckboxModule, ClickableTooltipDirective, ClientInfoDto, ClientIntegrationListDto, ClientIntegrationSummaryDto, ComponentBase, ComponentWithViewStateBase, ContactService, ContentBrandingDto, ContextItemDto, ContextTypes, DIALOG_GUIDES_TOKEN, DIALOG_GUIDE_TOKEN, DateRangeDto, DateRangePipe, DateRangePipeModule, DefinitionDto, DeltaArrowComponent, DeltaPeriodEnum, DialogAccountComponent, DialogAccountModule, DialogActionFiltersComponent, DialogActionManageComponent, DialogAlertsComponent, DialogExportActionsComponent, DialogExportFactorScoresComponent, DialogExportTeamListComponent, DialogFactorInformationComponent, DialogGuideComponent, DialogGuidesComponent, DialogIntegrationComponent, DialogModelFilterComponent, DialogNotesComponent, DialogResourceDownloadComponent, DialogSettingsComponent, DialogSubscribeComponent, DialogSubscribeModule, DialogSupportComponent, DialogSupportModule, DialogTeamFilterComponent, DimensionResultDto, DismissAlertRequestDto, DismissPopupService, DismissedAlertsService, DoItYourselfComponent, DoItYourselfWorkshopsComponent, EffectDto, EffectTypeEnum, ErrorConfigToken, ErrorDetailDto, ErrorDto, ErrorServiceConfig, ErrorServiceConfigDto, ErrorServiceModule, ExpandComponent, ExpandItemDto, ExpandModule, ExportActionsRequestDto, ExportFactorScoresRequestDto, ExportTeamListRequestDto, FactorAxisComponent, FactorEffectDto, FactorInformationDialogModule, FactorRecommendationDto, FactorScoreCollectionBenchmarkDto, FactorScoreCollectionCompositionDto, FactorScoreCollectionCompositionSegmentDto, FactorScoreCollectionDeltaDto, FactorScoreCollectionDto, FactorScoreCollectionFiltersDto, FactorScoreCompositionPointDto, FactorScoreCompositionPointsDto, FactorScoreDto, FactorService, FactorStructureConstraintDto, FactorStructureDto, FactorStructureSegmentDto, FactorsComponent, FeedbackQuickTipDto, FeedbackResourceDto, FilterTagsComponent, FocusAreasComponent, FooterComponent, FrontAndBackendErrorHandler, GUIDESTATE_PROVIDER, GuardsModule, GuideCollectionDto, GuideConfigDto, GuideDto, GuideMediaTypeEnum, GuidePopupService, GuideSettingsDto, GuideStateDto, GuideStateInBackEndService, GuideStateInBrowserService, GuideStepDto, GuideStepMediaDto, GuidesClientConfig, GuidesConfigToken, GuidesModule, ImageSliderComponent, ImpactIndicatorComponent, IncludeActionsModeEnum, InterventionFilterType, InterventionOwnerEnum, InterventionOwnerToStringPipe, InterventionSortEnum, InterventionStateEnum, InterventionStateToStringPipe, InterventionSummaryDto, InterventionTypeEnum, InterventionTypeToStringPipe, InviteUrlDto, KeyValueDto, LegalDocumentDto, LegalDto, LimitationsApplyComponent, LoadModes, LoadingComponent, LoadingModule, LocalUserDto, LoggingSeverityEnum, MatTagsComponent, MatTagsModule, MeasurementDto, MetaDataInputComponent, MetadataInputModule, ModelCanvasComponent, ModelComponent, ModelDefinitionDto, ModelDemoUrlDto, ModelFactorBenchmarkComponent, ModelFactorBreakdownComponent, ModelFactorComponent, ModelFactorCoreComponent, ModelFactorIndicatorComponent, ModelFactorMetricComponent, ModelFilter, ModelStructureDto, ModelSummaryDto, ModelSwitcherComponent, ModelVisualizationLayer, ModelVisualizationModule, MultiEmailInputComponent, MultiEmailInputModule, NavButtonComponent, NavigationUrlDto, NavigationUrlTypeEnum, NgAddToCalendarModule, NoReloadStrategy, OpenAccountDialogDirective, OpenActionFiltersDialogDirective, OpenAddActionDialogDirective, OpenAlertsDialogDirective, OpenContactSalesDialog, OpenEditActionDialogDirective, OpenExportActionsDialogDirective, OpenExportFactorScoresDialogDirective, OpenExportTeamListDialogDirective, OpenFactorInformationDialogDirective, OpenFeedbackDialogDirective, OpenGuideDialogDirective, OpenGuidesDialogDirective, OpenIntegrationDialogDirective, OpenLookingForHelpDialog, OpenModelFilterDialog, OpenNotesDialogDirective, OpenReportBugDialogDirective, OpenResourceDownloadDialogDirective, OpenSettingsDialogDirective, OpenSubscribeDialogDirective, OpenSupportDialogDirective, OpenTeamFilterDialogDirective, PaginatedResponse, PaginatorComponent, PaginatorModule, PagingOptions, PaletteItem, ParticipantDto, ParticipantsComponent, ParticipationRateDto, PointDto, PointTypeEnum, ProcessingDataDto, ProgressbarComponent, ProgressbarModule, QualificationEnum, QualifiedByEnum, QuantitySelectorComponent, QuantitySelectorModule, QuestionnaireTypeDto, QuickTipsComponent, RecommendationComponent, RecommendationsComponent, ReloadOnPushStrategy, ResearchComponent, ResetPasswordRequestDto, ResourceDownloadModule, ResourceDownloadRedirectUrlDto, ResourceDownloadService, ResultIndicatorComponent, ResultsClientConfig, ResultsClientDto, ResultsConfigToken, ResultsModule, ResumeGuideHoverComponent, RoadmapComponent, SegmentEnum, SegmentNamePipe, SegmentNamePipeModule, SelectItem, SelectListComponent, SelectListItem, SelectListItemApiDto, SelectListModule, SessionIdInterceptor, SessionIdProvider, SiteDefaultFooterComponent, SiteDefaultHeaderComponent, SiteMicroFooterComponent, SlugifyPipe, SlugifyPipeModule, SnapshotDto, SnapshotInviteUrlsComponent, SnapshotInviteUrlsModule, SnapshotMetaDataDto, StartGuideDirective, SubscriptionTierEnum, TabItemDto, TabNavigatorComponent, TabNavigatorModule, TeamDto, TeamEffectivenessComponent, TeamFlagMatchDto, TeamListFilter, TeamListResponseDto, TeamMetaDataDto, TeamNameAndKeyDto, TeamNotificationSettingsDto, TeamSortEnum, TeamStatusEnum, TeamTraitDto, TermsService, TermsUpdatedComponent, TipBadgeComponent, TopicSelectorComponent, TopicSelectorDto, TopicSelectorModule, TrendDataRequestDto, TrendDataSetDto, TrendService, TrendsComponent, TruncatePipe, TruncatePipeModule, TryNowProfessionalComponent, UpdateInProgressComponent, UserGlobalSettingsDto, UserInfoDto, UserListFilter, UserListResponseDto, UserNameAndKeyDto, UserProfileComponent, UserProfileDto, UserProfileService, UserSettingService, UserSettingsDto, UserSpecificSettingsDto, VIEWSTATE_LOAD_STRATEGY, VIEWSTATE_PROVIDER, VIEWSTATE_RELOAD_STRATEGY, VIEWSTATE_USERSETTINGS_STRATEGY, ValidChangeTokenGuard, ValidKeyGuard, ValidKeySnapshotKeyGuard, ValidKeyTeamKeyGuard, VariableDto, VideoComponent, ViewModelStateBase, ViewModelStateConfig, ViewModelStateConfigDto, ViewModelStateConfigToken, ViewModelStateModule, WidgetFactorScoreComponent, WidgetParticipationRateComponent, compareInputValidator, domainValidator, httpsHostValidator, maxSelectedValidator, minTopicsSelectedValidator, presetCheckValidator };
 //# sourceMappingURL=the-liberators-ngx-scrumteamsurvey-tools.mjs.map