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

package/esm2022/lib/guides/components/imageslider/imageslider.component.mjs

@@ -40,10 +40,10 @@ export class ImageSliderComponent {
             clearInterval(this.intervalId);
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.1", ngImport: i0, type: ImageSliderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.1", type: ImageSliderComponent, selector: "imageslider", inputs: { items: "items" }, ngImport: i0, template: "<div class=\"imageslider\">\n\n   <div class=\"imageslider-inner\" #imageslider>\n      <div class=\"imageslider-item\" *ngFor=\"let item of items; let i=index\" [ngClass]=\"{'visible': index == i}\">\n         <a [href]=\"item.clickUrl\" *ngIf=\"item.clickUrl\"><img [src]=\"item.sourceUrl\" /></a>\n         <img [src]=\"item.sourceUrl\" *ngIf=\"!item.clickUrl\" />\n      </div>\n   </div>\n\n   <div class=\"imageslider-nav\">\n      <div class=\"imageslider-nav-bullet\" *ngFor=\"let item of items; let i=index\" (mouseover)=\"select(i)\" [ngClass]=\"{'active' : index == i}\"></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%}.imageslider{position:relative;width:100%}.imageslider .imageslider-inner{width:100%}.imageslider .imageslider-inner .imageslider-item{width:100%;display:none}.imageslider .imageslider-inner .imageslider-item.visible{display:block}.imageslider .imageslider-inner .imageslider-item img{min-height:150px;width:100%}.imageslider .imageslider-nav{justify-content:center;display:flex}.imageslider .imageslider-nav .imageslider-nav-bullet{width:10px;height:10px;margin-right:5px;margin-left:5px;background:#fff;border-radius:15px;cursor:pointer;opacity:.3}.imageslider .imageslider-nav .imageslider-nav-bullet:hover,.imageslider .imageslider-nav .imageslider-nav-bullet.active{opacity:1}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.4", ngImport: i0, type: ImageSliderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.4", type: ImageSliderComponent, selector: "imageslider", inputs: { items: "items" }, ngImport: i0, template: "<div class=\"imageslider\">\n\n   <div class=\"imageslider-inner\" #imageslider>\n      <div class=\"imageslider-item\" *ngFor=\"let item of items; let i=index\" [ngClass]=\"{'visible': index == i}\">\n         <a [href]=\"item.clickUrl\" *ngIf=\"item.clickUrl\"><img [src]=\"item.sourceUrl\" /></a>\n         <img [src]=\"item.sourceUrl\" *ngIf=\"!item.clickUrl\" />\n      </div>\n   </div>\n\n   <div class=\"imageslider-nav\">\n      <div class=\"imageslider-nav-bullet\" *ngFor=\"let item of items; let i=index\" (mouseover)=\"select(i)\" [ngClass]=\"{'active' : index == i}\"></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%}.imageslider{position:relative;width:100%}.imageslider .imageslider-inner{width:100%}.imageslider .imageslider-inner .imageslider-item{width:100%;display:none}.imageslider .imageslider-inner .imageslider-item.visible{display:block}.imageslider .imageslider-inner .imageslider-item img{min-height:150px;width:100%}.imageslider .imageslider-nav{justify-content:center;display:flex}.imageslider .imageslider-nav .imageslider-nav-bullet{width:10px;height:10px;margin-right:5px;margin-left:5px;background:#fff;border-radius:15px;cursor:pointer;opacity:.3}.imageslider .imageslider-nav .imageslider-nav-bullet:hover,.imageslider .imageslider-nav .imageslider-nav-bullet.active{opacity:1}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.1", ngImport: i0, type: ImageSliderComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.4", ngImport: i0, type: ImageSliderComponent, decorators: [{
             type: Component,
             args: [{ selector: 'imageslider', template: "<div class=\"imageslider\">\n\n   <div class=\"imageslider-inner\" #imageslider>\n      <div class=\"imageslider-item\" *ngFor=\"let item of items; let i=index\" [ngClass]=\"{'visible': index == i}\">\n         <a [href]=\"item.clickUrl\" *ngIf=\"item.clickUrl\"><img [src]=\"item.sourceUrl\" /></a>\n         <img [src]=\"item.sourceUrl\" *ngIf=\"!item.clickUrl\" />\n      </div>\n   </div>\n\n   <div class=\"imageslider-nav\">\n      <div class=\"imageslider-nav-bullet\" *ngFor=\"let item of items; let i=index\" (mouseover)=\"select(i)\" [ngClass]=\"{'active' : index == i}\"></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%}.imageslider{position:relative;width:100%}.imageslider .imageslider-inner{width:100%}.imageslider .imageslider-inner .imageslider-item{width:100%;display:none}.imageslider .imageslider-inner .imageslider-item.visible{display:block}.imageslider .imageslider-inner .imageslider-item img{min-height:150px;width:100%}.imageslider .imageslider-nav{justify-content:center;display:flex}.imageslider .imageslider-nav .imageslider-nav-bullet{width:10px;height:10px;margin-right:5px;margin-left:5px;background:#fff;border-radius:15px;cursor:pointer;opacity:.3}.imageslider .imageslider-nav .imageslider-nav-bullet:hover,.imageslider .imageslider-nav .imageslider-nav-bullet.active{opacity:1}\n"] }]
         }], propDecorators: { items: [{

package/esm2022/lib/guides/components/resumeguidehover/resumeguidehover.component.mjs

@@ -24,10 +24,10 @@ export class ResumeGuideHoverComponent extends ComponentWithViewStateBase {
     onDataUpdate() {
         this.guidePopupService.resumeGuide(this.guideDialog);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.1", ngImport: i0, type: ResumeGuideHoverComponent, deps: [{ token: VIEWSTATE_PROVIDER }, { token: i1.GuidePopupService }, { token: DIALOG_GUIDE_TOKEN }, { token: i2.MatSnackBar }, { token: i3.MatDialog }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.1", type: ResumeGuideHoverComponent, selector: "resumeguidehover", usesInheritance: true, ngImport: i0, template: "<div class=\"resumeguidehover\" guideDialog *ngIf=\"showResumeGuide\">\n   <span class=\"icon ph-play-circle-fill\"></span>Resume Guide\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%}.resumeguidehover{cursor:pointer;background:#00af77;height:20px;padding:10px;color:#fff;position:fixed;right:40px;bottom:0;z-index:254;font-weight:600;font-size:16px;text-transform:uppercase}@media only screen and (max-width: 640px){.resumeguidehover{display:none}}.resumeguidehover:hover{-webkit-transition:all .25s ease-in-out;-moz-transition:all .25s ease-in-out;-o-transition:all .25s ease-in-out;transition:all .25s ease-in-out;background:#2f2f2f;color:#fff}.resumeguidehover .icon{vertical-align:middle;margin-right:10px}\n"], dependencies: [{ kind: "directive", type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i5.OpenGuideDialogDirective, selector: "[guideDialog]" }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.4", ngImport: i0, type: ResumeGuideHoverComponent, deps: [{ token: VIEWSTATE_PROVIDER }, { token: i1.GuidePopupService }, { token: DIALOG_GUIDE_TOKEN }, { token: i2.MatSnackBar }, { token: i3.MatDialog }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.4", type: ResumeGuideHoverComponent, selector: "resumeguidehover", usesInheritance: true, ngImport: i0, template: "<div class=\"resumeguidehover\" guideDialog *ngIf=\"showResumeGuide\">\n   <span class=\"icon ph-play-circle-fill\"></span>Resume Guide\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%}.resumeguidehover{cursor:pointer;background:#00af77;height:20px;padding:10px;color:#fff;position:fixed;right:40px;bottom:0;z-index:254;font-weight:600;font-size:16px;text-transform:uppercase}@media only screen and (max-width: 640px){.resumeguidehover{display:none}}.resumeguidehover:hover{-webkit-transition:all .25s ease-in-out;-moz-transition:all .25s ease-in-out;-o-transition:all .25s ease-in-out;transition:all .25s ease-in-out;background:#2f2f2f;color:#fff}.resumeguidehover .icon{vertical-align:middle;margin-right:10px}\n"], dependencies: [{ kind: "directive", type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i5.OpenGuideDialogDirective, selector: "[guideDialog]" }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.1", ngImport: i0, type: ResumeGuideHoverComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.4", ngImport: i0, type: ResumeGuideHoverComponent, decorators: [{
             type: Component,
             args: [{ selector: 'resumeguidehover', template: "<div class=\"resumeguidehover\" guideDialog *ngIf=\"showResumeGuide\">\n   <span class=\"icon ph-play-circle-fill\"></span>Resume Guide\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%}.resumeguidehover{cursor:pointer;background:#00af77;height:20px;padding:10px;color:#fff;position:fixed;right:40px;bottom:0;z-index:254;font-weight:600;font-size:16px;text-transform:uppercase}@media only screen and (max-width: 640px){.resumeguidehover{display:none}}.resumeguidehover:hover{-webkit-transition:all .25s ease-in-out;-moz-transition:all .25s ease-in-out;-o-transition:all .25s ease-in-out;transition:all .25s ease-in-out;background:#2f2f2f;color:#fff}.resumeguidehover .icon{vertical-align:middle;margin-right:10px}\n"] }]
         }], ctorParameters: () => [{ type: i6.ViewModelStateBase, decorators: [{

package/esm2022/lib/guides/dialogs/dialog-guide/dialog-guide.component.mjs

@@ -96,10 +96,10 @@ export class DialogGuideComponent extends ComponentWithViewStateBase {
         this.smallScreen = window.innerWidth <= 640;
         this.selectNextOpenItem();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.1", ngImport: i0, type: DialogGuideComponent, deps: [{ token: VIEWSTATE_PROVIDER }, { token: i1.GuidePopupService }, { token: GUIDESTATE_PROVIDER }, { token: DIALOG_GUIDES_TOKEN }, { token: i2.MatSnackBar }, { token: i3.MatDialog }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.1", type: DialogGuideComponent, selector: "ng-component", host: { listeners: { "window:resize": "onWindowResize($event)" } }, usesInheritance: true, ngImport: i0, template: "<mat-dialog-content id=\"dialog-gettingstarted\" *ngIf=\"guide\">\n   <div class=\"close\" mat-dialog-close><span class=\"responsive icon ph-x-bold\"></span></div>\n   <div class=\"guides-navigation leftcolumn\" *ngIf=\"showSteps()\">\n      <div class=\"steps\">\n         <h3 class=\"title\">{{guide.name}}</h3>\n         <div class=\"steplist\">\n            <div class=\"steplist-item\" *ngFor=\"let step of guide.steps\" [ngClass]=\"{'active': step == activeStep}\">\n               <checkbox [label]=\"step.title\" (onCheckChange)=\"handleCheckChange(step, $event)\" [checked]=\"step.completed\" (click)=\"select(step)\"></checkbox>\n            </div>\n         </div>\n      </div>\n      <div class=\"toolbar\">\n         <div class=\"link dismiss\" [routerLink]=\"[]\" (click)=\"dismiss()\">dismiss guide</div>\n      </div>\n   </div>\n   <div class=\"guides-item rightcolumn\" *ngIf=\"activeStep\">\n      <div class=\"mediaframe\" *ngIf=\"activeStep.media\">\n         <imageslider [items]=\"activeStep.media\"></imageslider>\n      </div>\n      <div class=\"description\">\n         <h3 class=\"title\">{{activeStep.title}}</h3>\n         <div class=\"innerHtml\" [innerHtml]=\"activeStep.body\"></div>\n         <div class=\"link\">\n            <a [href]=\"activeStep.url\" target=\"_blank\" *ngIf=\"activeStep.url\">learn more ></a>\n         </div>\n      </div>\n      <div class=\"buttons\">\n         <a [routerLink]=\"[]\" class=\"button cta markcomplete\" (click)=\"handleCheckChange(activeStep, true)\" *ngIf=\"!activeStep.completed && showSteps()\">mark done</a>\n         <a [routerLink]=\"[]\" class=\"button cta markcomplete\" (click)=\"handleCheckChange(activeStep, false)\" *ngIf=\"activeStep.completed && showSteps()\">mark undone</a>\n         <a [routerLink]=\"[]\" class=\"button borderonly\" (click)=\"next(activeStep)\" *ngIf=\"!isLastStep(activeStep)\">next</a>\n         <a [routerLink]=\"[]\" class=\"button borderonly\" (click)=\"toGuides()\" *ngIf=\"isLastStep(activeStep)\">more guides</a>\n         <a [routerLink]=\"[]\" class=\"button cta markcomplete\" (click)=\"complete(activeStep)\" *ngIf=\"isLastStep(activeStep) && !showSteps()\">complete</a>\n      </div>\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%}.mat-mdc-dialog-content{position:relative}.mat-mdc-dialog-content .link{text-decoration:none}.mat-mdc-dialog-content .link:hover{text-decoration:underline}.mat-mdc-dialog-content .close{position:absolute;right:15px;top:15px;z-index:10;background:#fff;height:40px;width:40px;display:flex;justify-content:center;align-items:center}.mat-mdc-dialog-content .close .icon{cursor:pointer;font-size:30px}.mat-mdc-dialog-content .guides-item{flex-direction:column;display:flex;height:100%;background:#2f2f2f}@media only screen and (max-width: 640px){.mat-mdc-dialog-content .guides-item{background:#00af77}}.mat-mdc-dialog-content .guides-item .mediaframe,.mat-mdc-dialog-content .guides-item .mediaframe img{width:100%}.mat-mdc-dialog-content .guides-item .buttons{margin-top:15px;display:flex;padding:0 20px 20px}.mat-mdc-dialog-content .guides-item .buttons .button{margin-bottom:0;margin-right:15px;cursor:pointer;text-decoration:none}@media only screen and (max-width: 640px){.mat-mdc-dialog-content .guides-item .buttons{display:block}.mat-mdc-dialog-content .guides-item .buttons .button{margin-bottom:10px}.mat-mdc-dialog-content .guides-item .buttons .button.borderonly{border-color:#fff}}.mat-mdc-dialog-content .guides-item .description{flex:auto;justify-content:space-between;padding:20px;color:#fff}.mat-mdc-dialog-content .guides-item .description a{color:#fff}.mat-mdc-dialog-content .guides-item .description a:hover{color:#ef6f00}.mat-mdc-dialog-content .guides-item .description .title{color:#fff;font-size:30px;margin-bottom:30px}.mat-mdc-dialog-content .guides-item .description .link{text-align:right;margin-top:10px}.mat-mdc-dialog-content .guides-item .description .link a{color:#fff}.mat-mdc-dialog-content .guides-item .description .innerHtml,.mat-mdc-dialog-content .guides-item .description .innerHtml div,.mat-mdc-dialog-content .guides-item .description .innerHtml p{font-size:15px}.mat-mdc-dialog-content .guides-navigation{display:flex;flex-direction:column;justify-content:space-between}.mat-mdc-dialog-content .guides-navigation .title{color:#fff}.mat-mdc-dialog-content .guides-navigation .toolbar{display:block}.mat-mdc-dialog-content .guides-navigation .toolbar .link{margin-bottom:10px;cursor:pointer}.mat-mdc-dialog-content .guides-navigation .steplist{margin-top:30px;margin-bottom:60px}.mat-mdc-dialog-content .guides-navigation .steplist .steplist-item.active{background:#009666}\n"], dependencies: [{ kind: "directive", type: i3.MatDialogClose, selector: "[mat-dialog-close], [matDialogClose]", inputs: ["aria-label", "type", "mat-dialog-close", "matDialogClose"], exportAs: ["matDialogClose"] }, { kind: "directive", type: i3.MatDialogContent, selector: "[mat-dialog-content], mat-dialog-content, [matDialogContent]" }, { kind: "directive", type: i4.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "directive", type: i5.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i5.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i5.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i6.CheckboxComponent, selector: "checkbox", inputs: ["label", "disabled", "checked"], outputs: ["onCheckChange"] }, { kind: "component", type: i7.ImageSliderComponent, selector: "imageslider", inputs: ["items"] }], encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.4", ngImport: i0, type: DialogGuideComponent, deps: [{ token: VIEWSTATE_PROVIDER }, { token: i1.GuidePopupService }, { token: GUIDESTATE_PROVIDER }, { token: DIALOG_GUIDES_TOKEN }, { token: i2.MatSnackBar }, { token: i3.MatDialog }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.4", type: DialogGuideComponent, selector: "ng-component", host: { listeners: { "window:resize": "onWindowResize($event)" } }, usesInheritance: true, ngImport: i0, template: "<mat-dialog-content id=\"dialog-gettingstarted\" *ngIf=\"guide\">\n   <div class=\"close\" mat-dialog-close><span class=\"responsive icon ph-x-bold\"></span></div>\n   <div class=\"guides-navigation leftcolumn\" *ngIf=\"showSteps()\">\n      <div class=\"steps\">\n         <h3 class=\"title\">{{guide.name}}</h3>\n         <div class=\"steplist\">\n            <div class=\"steplist-item\" *ngFor=\"let step of guide.steps\" [ngClass]=\"{'active': step == activeStep}\">\n               <checkbox [label]=\"step.title\" (onCheckChange)=\"handleCheckChange(step, $event)\" [checked]=\"step.completed\" (click)=\"select(step)\"></checkbox>\n            </div>\n         </div>\n      </div>\n      <div class=\"toolbar\">\n         <div class=\"link dismiss\" [routerLink]=\"[]\" (click)=\"dismiss()\">dismiss guide</div>\n      </div>\n   </div>\n   <div class=\"guides-item rightcolumn\" *ngIf=\"activeStep\">\n      <div class=\"mediaframe\" *ngIf=\"activeStep.media\">\n         <imageslider [items]=\"activeStep.media\"></imageslider>\n      </div>\n      <div class=\"description\">\n         <h3 class=\"title\">{{activeStep.title}}</h3>\n         <div class=\"innerHtml\" [innerHtml]=\"activeStep.body\"></div>\n         <div class=\"link\">\n            <a [href]=\"activeStep.url\" target=\"_blank\" *ngIf=\"activeStep.url\">learn more ></a>\n         </div>\n      </div>\n      <div class=\"buttons\">\n         <a [routerLink]=\"[]\" class=\"button cta markcomplete\" (click)=\"handleCheckChange(activeStep, true)\" *ngIf=\"!activeStep.completed && showSteps()\">mark done</a>\n         <a [routerLink]=\"[]\" class=\"button cta markcomplete\" (click)=\"handleCheckChange(activeStep, false)\" *ngIf=\"activeStep.completed && showSteps()\">mark undone</a>\n         <a [routerLink]=\"[]\" class=\"button borderonly\" (click)=\"next(activeStep)\" *ngIf=\"!isLastStep(activeStep)\">next</a>\n         <a [routerLink]=\"[]\" class=\"button borderonly\" (click)=\"toGuides()\" *ngIf=\"isLastStep(activeStep)\">more guides</a>\n         <a [routerLink]=\"[]\" class=\"button cta markcomplete\" (click)=\"complete(activeStep)\" *ngIf=\"isLastStep(activeStep) && !showSteps()\">complete</a>\n      </div>\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%}.mat-mdc-dialog-content{position:relative}.mat-mdc-dialog-content .link{text-decoration:none}.mat-mdc-dialog-content .link:hover{text-decoration:underline}.mat-mdc-dialog-content .close{position:absolute;right:15px;top:15px;z-index:10;background:#fff;height:40px;width:40px;display:flex;justify-content:center;align-items:center}.mat-mdc-dialog-content .close .icon{cursor:pointer;font-size:30px}.mat-mdc-dialog-content .guides-item{flex-direction:column;display:flex;height:100%;background:#2f2f2f}@media only screen and (max-width: 640px){.mat-mdc-dialog-content .guides-item{background:#00af77}}.mat-mdc-dialog-content .guides-item .mediaframe,.mat-mdc-dialog-content .guides-item .mediaframe img{width:100%}.mat-mdc-dialog-content .guides-item .buttons{margin-top:15px;display:flex;padding:0 20px 20px}.mat-mdc-dialog-content .guides-item .buttons .button{margin-bottom:0;margin-right:15px;cursor:pointer;text-decoration:none}@media only screen and (max-width: 640px){.mat-mdc-dialog-content .guides-item .buttons{display:block}.mat-mdc-dialog-content .guides-item .buttons .button{margin-bottom:10px}.mat-mdc-dialog-content .guides-item .buttons .button.borderonly{border-color:#fff}}.mat-mdc-dialog-content .guides-item .description{flex:auto;justify-content:space-between;padding:20px;color:#fff}.mat-mdc-dialog-content .guides-item .description a{color:#fff}.mat-mdc-dialog-content .guides-item .description a:hover{color:#ef6f00}.mat-mdc-dialog-content .guides-item .description .title{color:#fff;font-size:30px;margin-bottom:30px}.mat-mdc-dialog-content .guides-item .description .link{text-align:right;margin-top:10px}.mat-mdc-dialog-content .guides-item .description .link a{color:#fff}.mat-mdc-dialog-content .guides-item .description .innerHtml,.mat-mdc-dialog-content .guides-item .description .innerHtml div,.mat-mdc-dialog-content .guides-item .description .innerHtml p{font-size:15px}.mat-mdc-dialog-content .guides-navigation{display:flex;flex-direction:column;justify-content:space-between}.mat-mdc-dialog-content .guides-navigation .title{color:#fff}.mat-mdc-dialog-content .guides-navigation .toolbar{display:block}.mat-mdc-dialog-content .guides-navigation .toolbar .link{margin-bottom:10px;cursor:pointer}.mat-mdc-dialog-content .guides-navigation .steplist{margin-top:30px;margin-bottom:60px}.mat-mdc-dialog-content .guides-navigation .steplist .steplist-item.active{background:#009666}\n"], dependencies: [{ kind: "directive", type: i3.MatDialogClose, selector: "[mat-dialog-close], [matDialogClose]", inputs: ["aria-label", "type", "mat-dialog-close", "matDialogClose"], exportAs: ["matDialogClose"] }, { kind: "directive", type: i3.MatDialogContent, selector: "[mat-dialog-content], mat-dialog-content, [matDialogContent]" }, { kind: "directive", type: i4.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "directive", type: i5.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i5.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i5.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i6.CheckboxComponent, selector: "checkbox", inputs: ["label", "disabled", "checked"], outputs: ["onCheckChange"] }, { kind: "component", type: i7.ImageSliderComponent, selector: "imageslider", inputs: ["items"] }], encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.1", ngImport: i0, type: DialogGuideComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.4", ngImport: i0, type: DialogGuideComponent, decorators: [{
             type: Component,
             args: [{ encapsulation: ViewEncapsulation.None, template: "<mat-dialog-content id=\"dialog-gettingstarted\" *ngIf=\"guide\">\n   <div class=\"close\" mat-dialog-close><span class=\"responsive icon ph-x-bold\"></span></div>\n   <div class=\"guides-navigation leftcolumn\" *ngIf=\"showSteps()\">\n      <div class=\"steps\">\n         <h3 class=\"title\">{{guide.name}}</h3>\n         <div class=\"steplist\">\n            <div class=\"steplist-item\" *ngFor=\"let step of guide.steps\" [ngClass]=\"{'active': step == activeStep}\">\n               <checkbox [label]=\"step.title\" (onCheckChange)=\"handleCheckChange(step, $event)\" [checked]=\"step.completed\" (click)=\"select(step)\"></checkbox>\n            </div>\n         </div>\n      </div>\n      <div class=\"toolbar\">\n         <div class=\"link dismiss\" [routerLink]=\"[]\" (click)=\"dismiss()\">dismiss guide</div>\n      </div>\n   </div>\n   <div class=\"guides-item rightcolumn\" *ngIf=\"activeStep\">\n      <div class=\"mediaframe\" *ngIf=\"activeStep.media\">\n         <imageslider [items]=\"activeStep.media\"></imageslider>\n      </div>\n      <div class=\"description\">\n         <h3 class=\"title\">{{activeStep.title}}</h3>\n         <div class=\"innerHtml\" [innerHtml]=\"activeStep.body\"></div>\n         <div class=\"link\">\n            <a [href]=\"activeStep.url\" target=\"_blank\" *ngIf=\"activeStep.url\">learn more ></a>\n         </div>\n      </div>\n      <div class=\"buttons\">\n         <a [routerLink]=\"[]\" class=\"button cta markcomplete\" (click)=\"handleCheckChange(activeStep, true)\" *ngIf=\"!activeStep.completed && showSteps()\">mark done</a>\n         <a [routerLink]=\"[]\" class=\"button cta markcomplete\" (click)=\"handleCheckChange(activeStep, false)\" *ngIf=\"activeStep.completed && showSteps()\">mark undone</a>\n         <a [routerLink]=\"[]\" class=\"button borderonly\" (click)=\"next(activeStep)\" *ngIf=\"!isLastStep(activeStep)\">next</a>\n         <a [routerLink]=\"[]\" class=\"button borderonly\" (click)=\"toGuides()\" *ngIf=\"isLastStep(activeStep)\">more guides</a>\n         <a [routerLink]=\"[]\" class=\"button cta markcomplete\" (click)=\"complete(activeStep)\" *ngIf=\"isLastStep(activeStep) && !showSteps()\">complete</a>\n      </div>\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%}.mat-mdc-dialog-content{position:relative}.mat-mdc-dialog-content .link{text-decoration:none}.mat-mdc-dialog-content .link:hover{text-decoration:underline}.mat-mdc-dialog-content .close{position:absolute;right:15px;top:15px;z-index:10;background:#fff;height:40px;width:40px;display:flex;justify-content:center;align-items:center}.mat-mdc-dialog-content .close .icon{cursor:pointer;font-size:30px}.mat-mdc-dialog-content .guides-item{flex-direction:column;display:flex;height:100%;background:#2f2f2f}@media only screen and (max-width: 640px){.mat-mdc-dialog-content .guides-item{background:#00af77}}.mat-mdc-dialog-content .guides-item .mediaframe,.mat-mdc-dialog-content .guides-item .mediaframe img{width:100%}.mat-mdc-dialog-content .guides-item .buttons{margin-top:15px;display:flex;padding:0 20px 20px}.mat-mdc-dialog-content .guides-item .buttons .button{margin-bottom:0;margin-right:15px;cursor:pointer;text-decoration:none}@media only screen and (max-width: 640px){.mat-mdc-dialog-content .guides-item .buttons{display:block}.mat-mdc-dialog-content .guides-item .buttons .button{margin-bottom:10px}.mat-mdc-dialog-content .guides-item .buttons .button.borderonly{border-color:#fff}}.mat-mdc-dialog-content .guides-item .description{flex:auto;justify-content:space-between;padding:20px;color:#fff}.mat-mdc-dialog-content .guides-item .description a{color:#fff}.mat-mdc-dialog-content .guides-item .description a:hover{color:#ef6f00}.mat-mdc-dialog-content .guides-item .description .title{color:#fff;font-size:30px;margin-bottom:30px}.mat-mdc-dialog-content .guides-item .description .link{text-align:right;margin-top:10px}.mat-mdc-dialog-content .guides-item .description .link a{color:#fff}.mat-mdc-dialog-content .guides-item .description .innerHtml,.mat-mdc-dialog-content .guides-item .description .innerHtml div,.mat-mdc-dialog-content .guides-item .description .innerHtml p{font-size:15px}.mat-mdc-dialog-content .guides-navigation{display:flex;flex-direction:column;justify-content:space-between}.mat-mdc-dialog-content .guides-navigation .title{color:#fff}.mat-mdc-dialog-content .guides-navigation .toolbar{display:block}.mat-mdc-dialog-content .guides-navigation .toolbar .link{margin-bottom:10px;cursor:pointer}.mat-mdc-dialog-content .guides-navigation .steplist{margin-top:30px;margin-bottom:60px}.mat-mdc-dialog-content .guides-navigation .steplist .steplist-item.active{background:#009666}\n"] }]
         }], ctorParameters: () => [{ type: i8.ViewModelStateBase, decorators: [{
@@ -125,10 +125,10 @@ export class OpenGuideDialogDirective {
         this.dialog.closeAll();
         this.guidePopupService.open(this.guideDialog);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.1", ngImport: i0, type: OpenGuideDialogDirective, deps: [{ token: i3.MatDialog }, { token: i1.GuidePopupService }, { token: DIALOG_GUIDE_TOKEN }], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.0.1", type: OpenGuideDialogDirective, selector: "[guideDialog]", host: { listeners: { "click": "onClick()" } }, ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.4", ngImport: i0, type: OpenGuideDialogDirective, deps: [{ token: i3.MatDialog }, { token: i1.GuidePopupService }, { token: DIALOG_GUIDE_TOKEN }], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.4", type: OpenGuideDialogDirective, selector: "[guideDialog]", host: { listeners: { "click": "onClick()" } }, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.1", ngImport: i0, type: OpenGuideDialogDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.4", ngImport: i0, type: OpenGuideDialogDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[guideDialog]',

package/esm2022/lib/guides/dialogs/dialog-guides/dialog-guides.component.mjs

@@ -42,10 +42,10 @@ export class DialogGuidesComponent extends ComponentWithViewStateBase {
         }
         super.ngOnDestroy();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.1", ngImport: i0, type: DialogGuidesComponent, deps: [{ token: VIEWSTATE_PROVIDER }, { token: i1.GuidePopupService }, { token: GUIDESTATE_PROVIDER }, { token: DIALOG_GUIDE_TOKEN }, { token: i2.MatDialog }, { token: i3.MatSnackBar }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.1", type: DialogGuidesComponent, selector: "ng-component", usesInheritance: true, ngImport: i0, template: "<div class=\"dialog-header\" id=\"dialog-gettingstartedguides\">\n   <h1 mat-dialog-title>How To Guides</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>We created a number of simple guides to familiarize you with the many features:</p>\n   <div class=\"guidelist\">\n      <div class=\"guide\" *ngFor=\"let guide of guides\">\n         <ng-container *ngIf=\"activeGuideKey == guide.key\">\n            <a [routerLink]=\"[]\" [id]=\"'guide-' + guide.key\" (click)=\"setActiveGuide(guide)\">{{guide.name}}<span class=\"badge dark\">resume</span></a>\n         </ng-container>\n         <ng-container *ngIf=\"activeGuideKey != guide.key\">\n            <a [routerLink]=\"[]\" [id]=\"'guide-' + guide.key\" (click)=\"setActiveGuide(guide)\">{{guide.name}}</a>\n         </ng-container>\n      </div>\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%}.mat-dialog-container{background:#00af77}.guidelist{margin-top:30px;margin-bottom:30px}.guidelist .guide{line-height:100%;font-size:19px;margin-bottom:15px;display:flex}.guidelist .guide .icon{vertical-align:middle}.guidelist .guide a{font-family:StevieSans,sans-serif;font-weight:600;text-decoration:none;color:#fff}.guidelist .guide a:hover{color:#fff73f}.guidelist .guide a .badge{margin-left:10px}\n"], dependencies: [{ kind: "directive", type: i2.MatDialogClose, selector: "[mat-dialog-close], [matDialogClose]", inputs: ["aria-label", "type", "mat-dialog-close", "matDialogClose"], exportAs: ["matDialogClose"] }, { kind: "directive", type: i2.MatDialogTitle, selector: "[mat-dialog-title], [matDialogTitle]", inputs: ["id"], exportAs: ["matDialogTitle"] }, { kind: "directive", type: i2.MatDialogContent, selector: "[mat-dialog-content], mat-dialog-content, [matDialogContent]" }, { kind: "directive", type: i4.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "directive", type: i5.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i5.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.4", ngImport: i0, type: DialogGuidesComponent, deps: [{ token: VIEWSTATE_PROVIDER }, { token: i1.GuidePopupService }, { token: GUIDESTATE_PROVIDER }, { token: DIALOG_GUIDE_TOKEN }, { token: i2.MatDialog }, { token: i3.MatSnackBar }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.4", type: DialogGuidesComponent, selector: "ng-component", usesInheritance: true, ngImport: i0, template: "<div class=\"dialog-header\" id=\"dialog-gettingstartedguides\">\n   <h1 mat-dialog-title>How To Guides</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>We created a number of simple guides to familiarize you with the many features:</p>\n   <div class=\"guidelist\">\n      <div class=\"guide\" *ngFor=\"let guide of guides\">\n         <ng-container *ngIf=\"activeGuideKey == guide.key\">\n            <a [routerLink]=\"[]\" [id]=\"'guide-' + guide.key\" (click)=\"setActiveGuide(guide)\">{{guide.name}}<span class=\"badge dark\">resume</span></a>\n         </ng-container>\n         <ng-container *ngIf=\"activeGuideKey != guide.key\">\n            <a [routerLink]=\"[]\" [id]=\"'guide-' + guide.key\" (click)=\"setActiveGuide(guide)\">{{guide.name}}</a>\n         </ng-container>\n      </div>\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%}.mat-dialog-container{background:#00af77}.guidelist{margin-top:30px;margin-bottom:30px}.guidelist .guide{line-height:100%;font-size:19px;margin-bottom:15px;display:flex}.guidelist .guide .icon{vertical-align:middle}.guidelist .guide a{font-family:StevieSans,sans-serif;font-weight:600;text-decoration:none;color:#fff}.guidelist .guide a:hover{color:#fff73f}.guidelist .guide a .badge{margin-left:10px}\n"], dependencies: [{ kind: "directive", type: i2.MatDialogClose, selector: "[mat-dialog-close], [matDialogClose]", inputs: ["aria-label", "type", "mat-dialog-close", "matDialogClose"], exportAs: ["matDialogClose"] }, { kind: "directive", type: i2.MatDialogTitle, selector: "[mat-dialog-title], [matDialogTitle]", inputs: ["id"], exportAs: ["matDialogTitle"] }, { kind: "directive", type: i2.MatDialogContent, selector: "[mat-dialog-content], mat-dialog-content, [matDialogContent]" }, { kind: "directive", type: i4.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "directive", type: i5.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i5.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.1", ngImport: i0, type: DialogGuidesComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.4", ngImport: i0, type: DialogGuidesComponent, decorators: [{
             type: Component,
             args: [{ template: "<div class=\"dialog-header\" id=\"dialog-gettingstartedguides\">\n   <h1 mat-dialog-title>How To Guides</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>We created a number of simple guides to familiarize you with the many features:</p>\n   <div class=\"guidelist\">\n      <div class=\"guide\" *ngFor=\"let guide of guides\">\n         <ng-container *ngIf=\"activeGuideKey == guide.key\">\n            <a [routerLink]=\"[]\" [id]=\"'guide-' + guide.key\" (click)=\"setActiveGuide(guide)\">{{guide.name}}<span class=\"badge dark\">resume</span></a>\n         </ng-container>\n         <ng-container *ngIf=\"activeGuideKey != guide.key\">\n            <a [routerLink]=\"[]\" [id]=\"'guide-' + guide.key\" (click)=\"setActiveGuide(guide)\">{{guide.name}}</a>\n         </ng-container>\n      </div>\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%}.mat-dialog-container{background:#00af77}.guidelist{margin-top:30px;margin-bottom:30px}.guidelist .guide{line-height:100%;font-size:19px;margin-bottom:15px;display:flex}.guidelist .guide .icon{vertical-align:middle}.guidelist .guide a{font-family:StevieSans,sans-serif;font-weight:600;text-decoration:none;color:#fff}.guidelist .guide a:hover{color:#fff73f}.guidelist .guide a .badge{margin-left:10px}\n"] }]
         }], ctorParameters: () => [{ type: i6.ViewModelStateBase, decorators: [{
@@ -71,10 +71,10 @@ export class OpenGuidesDialogDirective {
         dialogConfig.exitAnimationDuration = 0;
         this.dialog.open(this.guidesDialog, dialogConfig);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.1", ngImport: i0, type: OpenGuidesDialogDirective, deps: [{ token: i2.MatDialog }, { token: DIALOG_GUIDES_TOKEN }], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.0.1", type: OpenGuidesDialogDirective, selector: "[guidesDialog]", host: { listeners: { "click": "onClick()" } }, ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.4", ngImport: i0, type: OpenGuidesDialogDirective, deps: [{ token: i2.MatDialog }, { token: DIALOG_GUIDES_TOKEN }], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.4", type: OpenGuidesDialogDirective, selector: "[guidesDialog]", host: { listeners: { "click": "onClick()" } }, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.1", ngImport: i0, type: OpenGuidesDialogDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.4", ngImport: i0, type: OpenGuidesDialogDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[guidesDialog]',

package/esm2022/lib/guides/directives/startguide/startguide.directive.mjs

@@ -10,10 +10,10 @@ export class StartGuideDirective {
         console.log("start guide", this.guideKey);
         this.guidePopupService.startGuideByKey(DialogGuideComponent, this.guideKey);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.1", ngImport: i0, type: StartGuideDirective, deps: [{ token: i1.GuidePopupService }], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.0.1", type: StartGuideDirective, selector: "[startGuide]", inputs: { guideKey: "guideKey" }, host: { listeners: { "click": "onClick()" } }, ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.4", ngImport: i0, type: StartGuideDirective, deps: [{ token: i1.GuidePopupService }], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.4", type: StartGuideDirective, selector: "[startGuide]", inputs: { guideKey: "guideKey" }, host: { listeners: { "click": "onClick()" } }, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.1", ngImport: i0, type: StartGuideDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.4", ngImport: i0, type: StartGuideDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[startGuide]',

package/esm2022/lib/guides/guides.module.mjs

@@ -16,8 +16,8 @@ import { BrandingModule } from '../branding/branding.module';
 import { CheckboxModule } from '../components/checkbox/checkbox.module';
 import * as i0 from "@angular/core";
 export class GuidesModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.1", ngImport: i0, type: GuidesModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.0.1", ngImport: i0, type: GuidesModule, declarations: [StartGuideDirective,
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.4", ngImport: i0, type: GuidesModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.4", ngImport: i0, type: GuidesModule, declarations: [StartGuideDirective,
             OpenGuideDialogDirective,
             OpenGuidesDialogDirective,
             DialogGuidesComponent,
@@ -36,7 +36,7 @@ export class GuidesModule {
             ResumeGuideHoverComponent,
             DialogGuideComponent,
             ImageSliderComponent] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.0.1", ngImport: i0, type: GuidesModule, providers: [
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.4", ngImport: i0, type: GuidesModule, providers: [
             GuideStateInBackEndService,
             GuideStateInBrowserService,
             GuidePopupService,
@@ -50,7 +50,7 @@ export class GuidesModule {
             CheckboxModule,
             StorageServiceModule] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.1", ngImport: i0, type: GuidesModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.4", ngImport: i0, type: GuidesModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [

package/esm2022/lib/guides/services/guidePopup.service.mjs

@@ -64,10 +64,10 @@ export class GuidePopupService {
         await this.guideStateService.dismiss();
         this.dialog.closeAll();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.1", ngImport: i0, type: GuidePopupService, deps: [{ token: VIEWSTATE_PROVIDER }, { token: i1.MatDialog }, { token: GUIDESTATE_PROVIDER }, { token: i2.GuidesClientConfig }], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.0.1", ngImport: i0, type: GuidePopupService, providedIn: 'root' }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.4", ngImport: i0, type: GuidePopupService, deps: [{ token: VIEWSTATE_PROVIDER }, { token: i1.MatDialog }, { token: GUIDESTATE_PROVIDER }, { token: i2.GuidesClientConfig }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.4", ngImport: i0, type: GuidePopupService, providedIn: 'root' }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.1", ngImport: i0, type: GuidePopupService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.4", ngImport: i0, type: GuidePopupService, decorators: [{
             type: Injectable,
             args: [{ providedIn: 'root' }]
         }], ctorParameters: () => [{ type: i3.ViewModelStateBase, decorators: [{

package/esm2022/lib/guides/services/guideStateInBackEnd.service.mjs

@@ -39,10 +39,10 @@ export class GuideStateInBackEndService {
     async stepToggle(stepKey) {
         await this.http.put(this.config.get().apiUrl + 'guides/done/' + this.guideState.activeGuideKey + '/' + stepKey, null).toPromise();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.1", ngImport: i0, type: GuideStateInBackEndService, deps: [{ token: i1.HttpClient }, { token: ApiConfig }, { token: VIEWSTATE_PROVIDER }], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.0.1", ngImport: i0, type: GuideStateInBackEndService }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.4", ngImport: i0, type: GuideStateInBackEndService, deps: [{ token: i1.HttpClient }, { token: ApiConfig }, { token: VIEWSTATE_PROVIDER }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.4", ngImport: i0, type: GuideStateInBackEndService }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.1", ngImport: i0, type: GuideStateInBackEndService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.4", ngImport: i0, type: GuideStateInBackEndService, decorators: [{
             type: Injectable
         }], ctorParameters: () => [{ type: i1.HttpClient }, { type: i2.ApiConfig, decorators: [{
                     type: Inject,

package/esm2022/lib/guides/services/guideStateInBrowser.service.mjs

@@ -41,10 +41,10 @@ export class GuideStateInBrowserService {
         }
         this.storage.set("guidestate", this.guideState);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.1", ngImport: i0, type: GuideStateInBrowserService, deps: [{ token: LOCAL_STORAGE }, { token: VIEWSTATE_PROVIDER }], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.0.1", ngImport: i0, type: GuideStateInBrowserService }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.4", ngImport: i0, type: GuideStateInBrowserService, deps: [{ token: LOCAL_STORAGE }, { token: VIEWSTATE_PROVIDER }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.4", ngImport: i0, type: GuideStateInBrowserService }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.1", ngImport: i0, type: GuideStateInBrowserService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.4", ngImport: i0, type: GuideStateInBrowserService, decorators: [{
             type: Injectable
         }], ctorParameters: () => [{ type: undefined, decorators: [{
                     type: Inject,

package/esm2022/lib/guides/services/guidesClientConfig.mjs

@@ -13,10 +13,10 @@ export class GuidesClientConfig {
     get() {
         return this.config;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.1", ngImport: i0, type: GuidesClientConfig, deps: [{ token: GuidesConfigToken, optional: true }], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.0.1", ngImport: i0, type: GuidesClientConfig, providedIn: 'root' }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.4", ngImport: i0, type: GuidesClientConfig, deps: [{ token: GuidesConfigToken, optional: true }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.4", ngImport: i0, type: GuidesClientConfig, providedIn: 'root' }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.1", ngImport: i0, type: GuidesClientConfig, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.4", ngImport: i0, type: GuidesClientConfig, decorators: [{
             type: Injectable,
             args: [{ providedIn: 'root' }]
         }], ctorParameters: () => [{ type: GuideConfigDto, decorators: [{

package/esm2022/lib/pipes/callback/callback.module.mjs

@@ -2,11 +2,11 @@ import { NgModule } from '@angular/core';
 import { CallbackPipe } from './callback.pipe';
 import * as i0 from "@angular/core";
 export class CallbackPipeModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.1", ngImport: i0, type: CallbackPipeModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.0.1", ngImport: i0, type: CallbackPipeModule, declarations: [CallbackPipe], exports: [CallbackPipe] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.0.1", ngImport: i0, type: CallbackPipeModule, providers: [CallbackPipe] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.4", ngImport: i0, type: CallbackPipeModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.4", ngImport: i0, type: CallbackPipeModule, declarations: [CallbackPipe], exports: [CallbackPipe] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.4", ngImport: i0, type: CallbackPipeModule, providers: [CallbackPipe] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.1", ngImport: i0, type: CallbackPipeModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.4", ngImport: i0, type: CallbackPipeModule, decorators: [{
             type: NgModule,
             args: [{
                     providers: [CallbackPipe],

package/esm2022/lib/pipes/callback/callback.pipe.mjs

@@ -7,10 +7,10 @@ export class CallbackPipe {
         }
         return items.filter(item => callback(item));
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.1", ngImport: i0, type: CallbackPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
-    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "18.0.1", ngImport: i0, type: CallbackPipe, name: "callback", pure: false }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.4", ngImport: i0, type: CallbackPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
+    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "18.2.4", ngImport: i0, type: CallbackPipe, name: "callback", pure: false }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.1", ngImport: i0, type: CallbackPipe, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.4", ngImport: i0, type: CallbackPipe, decorators: [{
             type: Pipe,
             args: [{
                     name: 'callback',

package/esm2022/lib/pipes/dateRange/ngx-dateRange.module.mjs

@@ -2,11 +2,11 @@ import { NgModule } from '@angular/core';
 import { DateRangePipe } from './ngx-dateRange.pipe';
 import * as i0 from "@angular/core";
 export class DateRangePipeModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.1", ngImport: i0, type: DateRangePipeModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.0.1", ngImport: i0, type: DateRangePipeModule, declarations: [DateRangePipe], exports: [DateRangePipe] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.0.1", ngImport: i0, type: DateRangePipeModule, providers: [DateRangePipe] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.4", ngImport: i0, type: DateRangePipeModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.4", ngImport: i0, type: DateRangePipeModule, declarations: [DateRangePipe], exports: [DateRangePipe] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.4", ngImport: i0, type: DateRangePipeModule, providers: [DateRangePipe] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.1", ngImport: i0, type: DateRangePipeModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.4", ngImport: i0, type: DateRangePipeModule, decorators: [{
             type: NgModule,
             args: [{
                     providers: [DateRangePipe],

package/esm2022/lib/pipes/dateRange/ngx-dateRange.pipe.mjs

@@ -24,10 +24,10 @@ export class DateRangePipe {
         }
         return this.datePipe.transform(dateRange.from, pattern) + ' to ' + this.datePipe.transform(dateRange.to, pattern);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.1", ngImport: i0, type: DateRangePipe, deps: [{ token: i1.DatePipe }], target: i0.ɵɵFactoryTarget.Pipe }); }
-    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "18.0.1", ngImport: i0, type: DateRangePipe, name: "dateRange" }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.4", ngImport: i0, type: DateRangePipe, deps: [{ token: i1.DatePipe }], target: i0.ɵɵFactoryTarget.Pipe }); }
+    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "18.2.4", ngImport: i0, type: DateRangePipe, name: "dateRange" }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.1", ngImport: i0, type: DateRangePipe, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.4", ngImport: i0, type: DateRangePipe, decorators: [{
             type: Pipe,
             args: [{
                     name: 'dateRange'

package/esm2022/lib/pipes/segmentName/segmentName.module.mjs

@@ -2,11 +2,11 @@ import { NgModule } from '@angular/core';
 import { SegmentNamePipe } from './segmentName.pipe';
 import * as i0 from "@angular/core";
 export class SegmentNamePipeModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.1", ngImport: i0, type: SegmentNamePipeModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.0.1", ngImport: i0, type: SegmentNamePipeModule, declarations: [SegmentNamePipe], exports: [SegmentNamePipe] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.0.1", ngImport: i0, type: SegmentNamePipeModule, providers: [SegmentNamePipe] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.4", ngImport: i0, type: SegmentNamePipeModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.4", ngImport: i0, type: SegmentNamePipeModule, declarations: [SegmentNamePipe], exports: [SegmentNamePipe] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.4", ngImport: i0, type: SegmentNamePipeModule, providers: [SegmentNamePipe] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.1", ngImport: i0, type: SegmentNamePipeModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.4", ngImport: i0, type: SegmentNamePipeModule, decorators: [{
             type: NgModule,
             args: [{
                     providers: [SegmentNamePipe],

package/esm2022/lib/pipes/segmentName/segmentName.pipe.mjs

@@ -19,10 +19,10 @@ export class SegmentNamePipe {
                 return null;
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.1", ngImport: i0, type: SegmentNamePipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
-    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "18.0.1", ngImport: i0, type: SegmentNamePipe, name: "segmentName" }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.4", ngImport: i0, type: SegmentNamePipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
+    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "18.2.4", ngImport: i0, type: SegmentNamePipe, name: "segmentName" }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.1", ngImport: i0, type: SegmentNamePipe, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.4", ngImport: i0, type: SegmentNamePipe, decorators: [{
             type: Pipe,
             args: [{
                     name: 'segmentName'

package/esm2022/lib/pipes/slugify/ngx-slugify.module.mjs

@@ -2,11 +2,11 @@ import { NgModule } from '@angular/core';
 import { SlugifyPipe } from './ngx-slugify.pipe';
 import * as i0 from "@angular/core";
 export class SlugifyPipeModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.1", ngImport: i0, type: SlugifyPipeModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.0.1", ngImport: i0, type: SlugifyPipeModule, declarations: [SlugifyPipe], exports: [SlugifyPipe] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.0.1", ngImport: i0, type: SlugifyPipeModule, providers: [SlugifyPipe] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.4", ngImport: i0, type: SlugifyPipeModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.4", ngImport: i0, type: SlugifyPipeModule, declarations: [SlugifyPipe], exports: [SlugifyPipe] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.4", ngImport: i0, type: SlugifyPipeModule, providers: [SlugifyPipe] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.1", ngImport: i0, type: SlugifyPipeModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.4", ngImport: i0, type: SlugifyPipeModule, decorators: [{
             type: NgModule,
             args: [{
                     providers: [SlugifyPipe],

package/esm2022/lib/pipes/slugify/ngx-slugify.pipe.mjs

@@ -12,10 +12,10 @@ export class SlugifyPipe {
     isString(value) {
         return typeof value === 'string';
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.1", ngImport: i0, type: SlugifyPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
-    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "18.0.1", ngImport: i0, type: SlugifyPipe, name: "slugify" }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.4", ngImport: i0, type: SlugifyPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
+    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "18.2.4", ngImport: i0, type: SlugifyPipe, name: "slugify" }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.1", ngImport: i0, type: SlugifyPipe, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.4", ngImport: i0, type: SlugifyPipe, decorators: [{
             type: Pipe,
             args: [{
                     name: 'slugify'

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

@@ -25,10 +25,10 @@ export class AgeIndicatorComponent {
             this.lastMeasuredTooltip = 'This factor was last measured ' + this.lastMeasuredMonths + ' month or more ago. The fresher your data, the more reliable it is.';
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.1", ngImport: i0, type: AgeIndicatorComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.1", type: AgeIndicatorComponent, selector: "age-indicator", inputs: { lastMeasured: "lastMeasured" }, ngImport: i0, template: "<div class=\"age-indicator\" [style.opacity]=\"lastMeasuredOpacity\" [matTooltip]=\"lastMeasuredTooltip\" *ngIf=\"lastMeasuredMonths > 0\">\n   <div class=\"age-indicator-dot\" *ngFor=\"let e of [].constructor(lastMeasuredMonths); let i = index\"></div>\n</div>\n", styles: [".smallTextUppercase{font-family:StevieSansThin,sans-serif;font-style:normal;font-weight:400;font-size:15px;line-height:140%;text-transform:uppercase;line-height:100%}\n"], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.4", ngImport: i0, type: AgeIndicatorComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.4", type: AgeIndicatorComponent, selector: "age-indicator", inputs: { lastMeasured: "lastMeasured" }, ngImport: i0, template: "<div class=\"age-indicator\" [style.opacity]=\"lastMeasuredOpacity\" [matTooltip]=\"lastMeasuredTooltip\" *ngIf=\"lastMeasuredMonths > 0\">\n   <div class=\"age-indicator-dot\" *ngFor=\"let e of [].constructor(lastMeasuredMonths); let i = index\"></div>\n</div>\n", styles: [".smallTextUppercase{font-family:StevieSansThin,sans-serif;font-style:normal;font-weight:400;font-size:15px;line-height:140%;text-transform:uppercase;line-height:100%}\n"], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.1", ngImport: i0, type: AgeIndicatorComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.4", ngImport: i0, type: AgeIndicatorComponent, decorators: [{
             type: Component,
             args: [{ selector: 'age-indicator', template: "<div class=\"age-indicator\" [style.opacity]=\"lastMeasuredOpacity\" [matTooltip]=\"lastMeasuredTooltip\" *ngIf=\"lastMeasuredMonths > 0\">\n   <div class=\"age-indicator-dot\" *ngFor=\"let e of [].constructor(lastMeasuredMonths); let i = index\"></div>\n</div>\n", styles: [".smallTextUppercase{font-family:StevieSansThin,sans-serif;font-style:normal;font-weight:400;font-size:15px;line-height:140%;text-transform:uppercase;line-height:100%}\n"] }]
         }], ctorParameters: () => [], propDecorators: { lastMeasured: [{

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

@@ -188,10 +188,10 @@ export class ArrowComponent {
     }
     ngOnDestroy() {
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.1", ngImport: i0, type: ArrowComponent, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.1", type: ArrowComponent, selector: "arrow", inputs: { from: "from", to: "to", head: "head", tail: "tail", text: "text", toolTip: "toolTip", color: "color", width: "width", onlyVisible: "onlyVisible", fromX: "fromX", fromY: "fromY", toX: "toX", toY: "toY" }, ngImport: i0, template: "<ng-container *ngFor=\"let index of arrowIndices\">\n\n   <div class=\"line line-{{ index }}\" [ngStyle]=\"styleLine[index]\" [matTooltip]=\"toolTip\">\n\n      <div *ngIf=\"head == true\" class=\"arrow head {{ needSwap[index] ? 'arrow-bw' : 'arrow-fw' }}\"\n           [ngStyle]=\"needSwap[index] ? styleArrowBw[index] : styleArrowFw[index]\"></div>\n      <div *ngIf=\"tail == true\" class=\"arrow tail {{ needSwap[index] ? 'arrow-fw' : 'arrow-bw' }}\"\n           [ngStyle]=\"needSwap[index] ? styleArrowFw[index] : styleArrowBw[index]\"></div>\n      <div *ngIf=\"!!text && text.length > 0\" class=\"text\" >{{ text }}</div>\n\n   </div>\n\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%}.line .arrow{top:-5px;height:0px;width:0px;position:absolute;border-bottom:6px solid transparent;border-top:6px solid transparent;background-clip:border-box}.line .arrow-fw{border-right:12px solid #bdbdbd}.line .arrow-bw{left:100%;border-left:12px solid #bdbdbd;transform:translate(-8px)}.line .text{position:absolute;top:100%;left:50%;transform:translate(-50%,-100%);font-size:20px;color:#bdbdbd;font-weight:600;padding-bottom:5px}.line{position:absolute;height:2px;background-color:#bdbdbd}\n"], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "directive", type: i2.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.4", ngImport: i0, type: ArrowComponent, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.4", type: ArrowComponent, selector: "arrow", inputs: { from: "from", to: "to", head: "head", tail: "tail", text: "text", toolTip: "toolTip", color: "color", width: "width", onlyVisible: "onlyVisible", fromX: "fromX", fromY: "fromY", toX: "toX", toY: "toY" }, ngImport: i0, template: "<ng-container *ngFor=\"let index of arrowIndices\">\n\n   <div class=\"line line-{{ index }}\" [ngStyle]=\"styleLine[index]\" [matTooltip]=\"toolTip\">\n\n      <div *ngIf=\"head == true\" class=\"arrow head {{ needSwap[index] ? 'arrow-bw' : 'arrow-fw' }}\"\n           [ngStyle]=\"needSwap[index] ? styleArrowBw[index] : styleArrowFw[index]\"></div>\n      <div *ngIf=\"tail == true\" class=\"arrow tail {{ needSwap[index] ? 'arrow-fw' : 'arrow-bw' }}\"\n           [ngStyle]=\"needSwap[index] ? styleArrowFw[index] : styleArrowBw[index]\"></div>\n      <div *ngIf=\"!!text && text.length > 0\" class=\"text\" >{{ text }}</div>\n\n   </div>\n\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%}.line .arrow{top:-5px;height:0px;width:0px;position:absolute;border-bottom:6px solid transparent;border-top:6px solid transparent;background-clip:border-box}.line .arrow-fw{border-right:12px solid #bdbdbd}.line .arrow-bw{left:100%;border-left:12px solid #bdbdbd;transform:translate(-8px)}.line .text{position:absolute;top:100%;left:50%;transform:translate(-50%,-100%);font-size:20px;color:#bdbdbd;font-weight:600;padding-bottom:5px}.line{position:absolute;height:2px;background-color:#bdbdbd}\n"], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "directive", type: i2.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.1", ngImport: i0, type: ArrowComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.4", ngImport: i0, type: ArrowComponent, decorators: [{
             type: Component,
             args: [{ selector: 'arrow', template: "<ng-container *ngFor=\"let index of arrowIndices\">\n\n   <div class=\"line line-{{ index }}\" [ngStyle]=\"styleLine[index]\" [matTooltip]=\"toolTip\">\n\n      <div *ngIf=\"head == true\" class=\"arrow head {{ needSwap[index] ? 'arrow-bw' : 'arrow-fw' }}\"\n           [ngStyle]=\"needSwap[index] ? styleArrowBw[index] : styleArrowFw[index]\"></div>\n      <div *ngIf=\"tail == true\" class=\"arrow tail {{ needSwap[index] ? 'arrow-fw' : 'arrow-bw' }}\"\n           [ngStyle]=\"needSwap[index] ? styleArrowFw[index] : styleArrowBw[index]\"></div>\n      <div *ngIf=\"!!text && text.length > 0\" class=\"text\" >{{ text }}</div>\n\n   </div>\n\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%}.line .arrow{top:-5px;height:0px;width:0px;position:absolute;border-bottom:6px solid transparent;border-top:6px solid transparent;background-clip:border-box}.line .arrow-fw{border-right:12px solid #bdbdbd}.line .arrow-bw{left:100%;border-left:12px solid #bdbdbd;transform:translate(-8px)}.line .text{position:absolute;top:100%;left:50%;transform:translate(-50%,-100%);font-size:20px;color:#bdbdbd;font-weight:600;padding-bottom:5px}.line{position:absolute;height:2px;background-color:#bdbdbd}\n"] }]
         }], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { from: [{

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

@@ -13,10 +13,10 @@ export class BadgeComponent {
     isProgressionBadge() {
         return this.badge.type == BadgeTypeEnum.progression;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.1", ngImport: i0, type: BadgeComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.1", type: BadgeComponent, selector: "badge", inputs: { showName: "showName", badge: "badge", radius: "radius" }, ngImport: i0, template: "<ng-container *ngIf=\"isStreakBadge()\">\n   <badge-streak [badge]=\"badge\" [showName]=\"showName\" [radius]=\"radius\"></badge-streak>\n</ng-container>\n<ng-container *ngIf=\"isProgressionBadge()\">\n   <badge-progression [badge]=\"badge\" [showName]=\"showName\" [radius]=\"radius\"></badge-progression>\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%}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.BadgeStreakComponent, selector: "badge-streak", inputs: ["showName", "badge", "radius"] }, { kind: "component", type: i3.BadgeProgressionComponent, selector: "badge-progression", inputs: ["showName", "badge", "radius"] }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.4", ngImport: i0, type: BadgeComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.4", type: BadgeComponent, selector: "badge", inputs: { showName: "showName", badge: "badge", radius: "radius" }, ngImport: i0, template: "<ng-container *ngIf=\"isStreakBadge()\">\n   <badge-streak [badge]=\"badge\" [showName]=\"showName\" [radius]=\"radius\"></badge-streak>\n</ng-container>\n<ng-container *ngIf=\"isProgressionBadge()\">\n   <badge-progression [badge]=\"badge\" [showName]=\"showName\" [radius]=\"radius\"></badge-progression>\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%}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.BadgeStreakComponent, selector: "badge-streak", inputs: ["showName", "badge", "radius"] }, { kind: "component", type: i3.BadgeProgressionComponent, selector: "badge-progression", inputs: ["showName", "badge", "radius"] }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.1", ngImport: i0, type: BadgeComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.4", ngImport: i0, type: BadgeComponent, decorators: [{
             type: Component,
             args: [{ selector: 'badge', template: "<ng-container *ngIf=\"isStreakBadge()\">\n   <badge-streak [badge]=\"badge\" [showName]=\"showName\" [radius]=\"radius\"></badge-streak>\n</ng-container>\n<ng-container *ngIf=\"isProgressionBadge()\">\n   <badge-progression [badge]=\"badge\" [showName]=\"showName\" [radius]=\"radius\"></badge-progression>\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%}\n"] }]
         }], ctorParameters: () => [], propDecorators: { showName: [{

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

@@ -9,10 +9,10 @@ export class BadgeProgressionComponent {
     badgeType() {
         return this.badge.type;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.1", ngImport: i0, type: BadgeProgressionComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.1", type: BadgeProgressionComponent, selector: "badge-progression", inputs: { showName: "showName", badge: "badge", radius: "radius" }, ngImport: i0, template: "<div class=\"team-badge progression\" [ngClass]=\"{'unearned': !badge.awarded}\" #badgeContainer (click)=\"popover.open()\">\n   <div [class]=\"'circle level-' + badge.level\" [ngStyle]=\"{'width': radius + 'px', 'height': radius + 'px', 'border-radius': radius + 'px'}\">\n      <span [class]=\"'icon ' + badge.icon\"></span>\n      <mat-progress-spinner [diameter]=\"radius\" strokeWidth=\"6\" mode=\"determinate\" [value]=\"badge.nextLevelProgress * 100\"></mat-progress-spinner>\n      <div class=\"gloss\">\n         <div class=\"gloss1\"></div>\n         <div class=\"gloss2\"></div>\n      </div>\n   </div>\n   <div class=\"name\" *ngIf=\"showName\">{{badge.name}}</div>\n</div>\n\n<sat-popover #popover horizontalAlign=\"center\" [anchor]=\"badgeContainer\" verticalAlign=\"below\" [hasBackdrop]=\"true\" [autoFocus]=\"false\">\n   <div [class]=\"'popover level-' + badge.level\" [id]=\"'popover'\">\n      <div class=\"arrow\"></div>\n      <div class=\"popover-container\">\n         <span (click)=\"popover.close()\" class=\"close ph-x\"></span>\n         <h3 *ngIf=\"badge.level == 0\">{{badge.name}}</h3>\n         <h3 *ngIf=\"badge.level == 1\">{{badge.name}} <span>Bronze Level</span></h3>\n         <h3 *ngIf=\"badge.level == 2\">{{badge.name}} <span>Silver Level</span></h3>\n         <h3 *ngIf=\"badge.level == 3\">{{badge.name}} <span>Gold Level</span></h3>\n         <h3 *ngIf=\"badge.level == 4\">{{badge.name}} <span>Platinum Level</span></h3>\n         <h3 *ngIf=\"badge.level == 5\">{{badge.name}} <span>Diamond Level</span></h3>\n         <div class=\"description\">{{badge.description}}</div>\n\n         <h3>How to reach the next level</h3>\n         <div class=\"description\">{{badge.nextLevelRequirement}}</div>\n      </div>\n   </div>\n</sat-popover>\n", styles: [".smallTextUppercase{font-family:StevieSansThin,sans-serif;font-style:normal;font-weight:400;font-size:15px;line-height:140%;text-transform:uppercase;line-height:100%}.popover{margin-left:15px}.popover.level-1 h3 span{color:#cb8e56}.popover.level-2 h3 span{color:#bdbcbc}.popover.level-3 h3 span{color:#eac338}.popover.level-4 h3 span{color:#afd3de}.popover.level-5 h3 span{color:#ef4f9f}.popover .arrow{width:15px;height:15px;background:#2f2f2f;transform:rotate(45deg);left:50%;position:absolute;top:-8px}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "component", type: i2.MatProgressSpinner, selector: "mat-progress-spinner, mat-spinner", inputs: ["color", "mode", "value", "diameter", "strokeWidth"], exportAs: ["matProgressSpinner"] }, { kind: "component", type: i3.SatPopoverComponent, selector: "sat-popover", inputs: ["anchor", "horizontalAlign", "xAlign", "verticalAlign", "yAlign", "forceAlignment", "lockAlignment", "autoFocus", "restoreFocus", "scrollStrategy", "hasBackdrop", "interactiveClose", "openTransition", "closeTransition", "openAnimationStartAtScale", "closeAnimationEndAtScale", "backdropClass", "panelClass"], outputs: ["opened", "closed", "afterOpen", "afterClose", "backdropClicked", "overlayKeydown"] }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.4", ngImport: i0, type: BadgeProgressionComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.4", type: BadgeProgressionComponent, selector: "badge-progression", inputs: { showName: "showName", badge: "badge", radius: "radius" }, ngImport: i0, template: "<div class=\"team-badge progression\" [ngClass]=\"{'unearned': !badge.awarded}\" #badgeContainer (click)=\"popover.open()\">\n   <div [class]=\"'circle level-' + badge.level\" [ngStyle]=\"{'width': radius + 'px', 'height': radius + 'px', 'border-radius': radius + 'px'}\">\n      <span [class]=\"'icon ' + badge.icon\"></span>\n      <mat-progress-spinner [diameter]=\"radius\" strokeWidth=\"6\" mode=\"determinate\" [value]=\"badge.nextLevelProgress * 100\"></mat-progress-spinner>\n      <div class=\"gloss\">\n         <div class=\"gloss1\"></div>\n         <div class=\"gloss2\"></div>\n      </div>\n   </div>\n   <div class=\"name\" *ngIf=\"showName\">{{badge.name}}</div>\n</div>\n\n<sat-popover #popover horizontalAlign=\"center\" [anchor]=\"badgeContainer\" verticalAlign=\"below\" [hasBackdrop]=\"true\" [autoFocus]=\"false\">\n   <div [class]=\"'popover level-' + badge.level\" [id]=\"'popover'\">\n      <div class=\"arrow\"></div>\n      <div class=\"popover-container\">\n         <span (click)=\"popover.close()\" class=\"close ph-x\"></span>\n         <h3 *ngIf=\"badge.level == 0\">{{badge.name}}</h3>\n         <h3 *ngIf=\"badge.level == 1\">{{badge.name}} <span>Bronze Level</span></h3>\n         <h3 *ngIf=\"badge.level == 2\">{{badge.name}} <span>Silver Level</span></h3>\n         <h3 *ngIf=\"badge.level == 3\">{{badge.name}} <span>Gold Level</span></h3>\n         <h3 *ngIf=\"badge.level == 4\">{{badge.name}} <span>Platinum Level</span></h3>\n         <h3 *ngIf=\"badge.level == 5\">{{badge.name}} <span>Diamond Level</span></h3>\n         <div class=\"description\">{{badge.description}}</div>\n\n         <h3>How to reach the next level</h3>\n         <div class=\"description\">{{badge.nextLevelRequirement}}</div>\n      </div>\n   </div>\n</sat-popover>\n", styles: [".smallTextUppercase{font-family:StevieSansThin,sans-serif;font-style:normal;font-weight:400;font-size:15px;line-height:140%;text-transform:uppercase;line-height:100%}.popover{margin-left:15px}.popover.level-1 h3 span{color:#cb8e56}.popover.level-2 h3 span{color:#bdbcbc}.popover.level-3 h3 span{color:#eac338}.popover.level-4 h3 span{color:#afd3de}.popover.level-5 h3 span{color:#ef4f9f}.popover .arrow{width:15px;height:15px;background:#2f2f2f;transform:rotate(45deg);left:50%;position:absolute;top:-8px}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "component", type: i2.MatProgressSpinner, selector: "mat-progress-spinner, mat-spinner", inputs: ["color", "mode", "value", "diameter", "strokeWidth"], exportAs: ["matProgressSpinner"] }, { kind: "component", type: i3.SatPopoverComponent, selector: "sat-popover", inputs: ["anchor", "horizontalAlign", "xAlign", "verticalAlign", "yAlign", "forceAlignment", "lockAlignment", "autoFocus", "restoreFocus", "scrollStrategy", "hasBackdrop", "interactiveClose", "openTransition", "closeTransition", "openAnimationStartAtScale", "closeAnimationEndAtScale", "backdropClass", "panelClass"], outputs: ["opened", "closed", "afterOpen", "afterClose", "backdropClicked", "overlayKeydown"] }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.1", ngImport: i0, type: BadgeProgressionComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.4", ngImport: i0, type: BadgeProgressionComponent, decorators: [{
             type: Component,
             args: [{ selector: 'badge-progression', template: "<div class=\"team-badge progression\" [ngClass]=\"{'unearned': !badge.awarded}\" #badgeContainer (click)=\"popover.open()\">\n   <div [class]=\"'circle level-' + badge.level\" [ngStyle]=\"{'width': radius + 'px', 'height': radius + 'px', 'border-radius': radius + 'px'}\">\n      <span [class]=\"'icon ' + badge.icon\"></span>\n      <mat-progress-spinner [diameter]=\"radius\" strokeWidth=\"6\" mode=\"determinate\" [value]=\"badge.nextLevelProgress * 100\"></mat-progress-spinner>\n      <div class=\"gloss\">\n         <div class=\"gloss1\"></div>\n         <div class=\"gloss2\"></div>\n      </div>\n   </div>\n   <div class=\"name\" *ngIf=\"showName\">{{badge.name}}</div>\n</div>\n\n<sat-popover #popover horizontalAlign=\"center\" [anchor]=\"badgeContainer\" verticalAlign=\"below\" [hasBackdrop]=\"true\" [autoFocus]=\"false\">\n   <div [class]=\"'popover level-' + badge.level\" [id]=\"'popover'\">\n      <div class=\"arrow\"></div>\n      <div class=\"popover-container\">\n         <span (click)=\"popover.close()\" class=\"close ph-x\"></span>\n         <h3 *ngIf=\"badge.level == 0\">{{badge.name}}</h3>\n         <h3 *ngIf=\"badge.level == 1\">{{badge.name}} <span>Bronze Level</span></h3>\n         <h3 *ngIf=\"badge.level == 2\">{{badge.name}} <span>Silver Level</span></h3>\n         <h3 *ngIf=\"badge.level == 3\">{{badge.name}} <span>Gold Level</span></h3>\n         <h3 *ngIf=\"badge.level == 4\">{{badge.name}} <span>Platinum Level</span></h3>\n         <h3 *ngIf=\"badge.level == 5\">{{badge.name}} <span>Diamond Level</span></h3>\n         <div class=\"description\">{{badge.description}}</div>\n\n         <h3>How to reach the next level</h3>\n         <div class=\"description\">{{badge.nextLevelRequirement}}</div>\n      </div>\n   </div>\n</sat-popover>\n", styles: [".smallTextUppercase{font-family:StevieSansThin,sans-serif;font-style:normal;font-weight:400;font-size:15px;line-height:140%;text-transform:uppercase;line-height:100%}.popover{margin-left:15px}.popover.level-1 h3 span{color:#cb8e56}.popover.level-2 h3 span{color:#bdbcbc}.popover.level-3 h3 span{color:#eac338}.popover.level-4 h3 span{color:#afd3de}.popover.level-5 h3 span{color:#ef4f9f}.popover .arrow{width:15px;height:15px;background:#2f2f2f;transform:rotate(45deg);left:50%;position:absolute;top:-8px}\n"] }]
         }], ctorParameters: () => [], propDecorators: { showName: [{