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

package/esm2022/lib/community/components/meetups/meetups.component.mjs

@@ -56,10 +56,10 @@ export class MeetupsComponent extends ComponentWithViewStateBase {
         this.meetups = data.meetups.items;
     }
     ;
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.1", ngImport: i0, type: MeetupsComponent, deps: [{ token: i1.NgAddToCalendarService }, { token: VIEWSTATE_PROVIDER }, { token: i2.DomSanitizer }, { token: i3.MatSnackBar }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.1", type: MeetupsComponent, selector: "meetups", usesInheritance: true, ngImport: i0, template: "<div class=\"meetups\">\n   <div class=\"meetup wirebox\" *ngFor=\"let meetup of meetups\">\n      <div class=\"top titleandaction\">\n         <h3>{{meetup.title}}</h3>\n         <div class=\"details\">\n            <div class=\"detail\"><span class=\"icon ph-calendar-blank\"></span> {{meetup.from | date: 'MMM d, h:mm a' }} to {{meetup.to | date: 'shortTime' }} CEST<br /></div>\n            <div class=\"detail\"><span class=\"icon ph-map-pin\"></span> {{meetup.location}}</div>\n         </div>\n      </div>\n      <div class=\"content\">\n         <p>{{meetup.description}}</p>\n      </div>\n      <div class=\"bottom\">\n         <div class=\"toolbar leftright\">\n            <div *ngIf=\"allowedToJoin(meetup) && meetup.url\">\n               <b>Zoom link:</b><br /><a [href]=\"meetup.url\">{{meetup.url}}</a>\n            </div>\n\n            <div *ngIf=\"!meetup.url || !allowedToJoin(meetup)\"></div>\n\n            <div class=\"button subscribersonly\" *ngIf=\"!allowedToJoin(meetup)\" subscribeDialog>only for subscribers</div>\n            <button mat-button [matMenuTriggerFor]=\"menu\" *ngIf=\"allowedToJoin(meetup)\" class=\"button\">Add to calendar</button>\n            <mat-menu #menu=\"matMenu\" [overlapTrigger]=\"false\">\n               <a mat-menu-item target=\"_blank\" [href]=\"googleUrl(meetup)\"><span class=\"icon ph-google-logo\"></span> Google</a>\n               <a mat-menu-item [href]=\"outlookUrl(meetup)\"><span class=\"icon ph-windows-logo\"></span> Outlook</a>\n               <a mat-menu-item [href]=\"iCalendarUrl(meetup)\"><span class=\"icon ph-calendar\"></span> iCalendar (.ical)</a>\n            </mat-menu>\n         </div>\n      </div>\n   </div>\n   <div class=\"meetup wirebox\">\n      <div class=\"top titleandaction\">\n         <h3>In-house Workshop: Diagnose Your Scrum Team</h3>\n         <div class=\"details\">\n            <div class=\"detail\"><span class=\"icon ph-calendar-blank\"></span> On a date that suits your team<br /></div>\n            <div class=\"detail\"><span class=\"icon ph-map-pin\"></span> Online or in-person</div>\n         </div>\n      </div>\n      <div class=\"content\">\n         <p>\n            Diagnose and inspect one or more Scrum teams in your organization, and work together to identify actionable improvements to work more effectively. We design this workshop to suit your needs, and facilitate it for your teams. Workshops can take between 2 hours and 2 days, depending on your needs.\n         </p>\n      </div>\n      <div class=\"bottom\">\n         <div class=\"toolbar leftright\">\n            <div></div>\n            <div class=\"button requestquote\" lookingForHelpDialog>contact us</div>\n         </div>\n      </div>\n   </div>\n</div>\n", styles: [".smallTextUppercase{font-family:StevieSansThin,sans-serif;font-style:normal;font-weight:400;font-size:15px;line-height:140%;text-transform:uppercase;line-height:100%}.meetups .meetup .toolbar .subscribersonly{background:#1f3f8f;color:#fff}.meetups .meetup .toolbar .requestquote{background:#00af77;color:#fff}.meetups .meetup .content p{margin:0}@media only screen and (max-width: 1320px){.meetups .meetup .titleandaction{display:block}.meetups .meetup .titleandaction .details{margin-top:20px}}.meetups .meetup .titleandaction .details{width:300px}.meetups .meetup .titleandaction .details .detail{font-family:StevieSansThin,sans-serif;font-style:normal;font-weight:400;line-height:140%;text-transform:uppercase;line-height:100%;font-size:15px;font-weight:600}.meetups .meetup .titleandaction .details .detail:not(:last-of-type){margin-bottom:15px}.meetups .meetup .titleandaction .details .detail .icon{vertical-align:middle;margin-right:10px}.wirebox .toolbar .button{margin-right:0}\n"], dependencies: [{ kind: "component", type: i4.MatMenu, selector: "mat-menu", inputs: ["backdropClass", "aria-label", "aria-labelledby", "aria-describedby", "xPosition", "yPosition", "overlapTrigger", "hasBackdrop", "class", "classList"], outputs: ["closed", "close"], exportAs: ["matMenu"] }, { kind: "component", type: i4.MatMenuItem, selector: "[mat-menu-item]", inputs: ["role", "disabled", "disableRipple"], exportAs: ["matMenuItem"] }, { kind: "directive", type: i4.MatMenuTrigger, selector: "[mat-menu-trigger-for], [matMenuTriggerFor]", inputs: ["mat-menu-trigger-for", "matMenuTriggerFor", "matMenuTriggerData", "matMenuTriggerRestoreFocus"], outputs: ["menuOpened", "onMenuOpen", "menuClosed", "onMenuClose"], exportAs: ["matMenuTrigger"] }, { kind: "directive", type: i5.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i5.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i6.OpenLookingForHelpDialog, selector: "[lookingForHelpDialog]" }, { kind: "directive", type: i7.OpenSubscribeDialogDirective, selector: "[subscribeDialog]" }, { kind: "pipe", type: i5.DatePipe, name: "date" }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.4", ngImport: i0, type: MeetupsComponent, deps: [{ token: i1.NgAddToCalendarService }, { token: VIEWSTATE_PROVIDER }, { token: i2.DomSanitizer }, { token: i3.MatSnackBar }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.4", type: MeetupsComponent, selector: "meetups", usesInheritance: true, ngImport: i0, template: "<div class=\"meetups\">\n   <div class=\"meetup wirebox\" *ngFor=\"let meetup of meetups\">\n      <div class=\"top titleandaction\">\n         <h3>{{meetup.title}}</h3>\n         <div class=\"details\">\n            <div class=\"detail\"><span class=\"icon ph-calendar-blank\"></span> {{meetup.from | date: 'MMM d, h:mm a' }} to {{meetup.to | date: 'shortTime' }} CEST<br /></div>\n            <div class=\"detail\"><span class=\"icon ph-map-pin\"></span> {{meetup.location}}</div>\n         </div>\n      </div>\n      <div class=\"content\">\n         <p>{{meetup.description}}</p>\n      </div>\n      <div class=\"bottom\">\n         <div class=\"toolbar leftright\">\n            <div *ngIf=\"allowedToJoin(meetup) && meetup.url\">\n               <b>Zoom link:</b><br /><a [href]=\"meetup.url\">{{meetup.url}}</a>\n            </div>\n\n            <div *ngIf=\"!meetup.url || !allowedToJoin(meetup)\"></div>\n\n            <div class=\"button subscribersonly\" *ngIf=\"!allowedToJoin(meetup)\" subscribeDialog>only for subscribers</div>\n            <button mat-button [matMenuTriggerFor]=\"menu\" *ngIf=\"allowedToJoin(meetup)\" class=\"button\">Add to calendar</button>\n            <mat-menu #menu=\"matMenu\" [overlapTrigger]=\"false\">\n               <a mat-menu-item target=\"_blank\" [href]=\"googleUrl(meetup)\"><span class=\"icon ph-google-logo\"></span> Google</a>\n               <a mat-menu-item [href]=\"outlookUrl(meetup)\"><span class=\"icon ph-windows-logo\"></span> Outlook</a>\n               <a mat-menu-item [href]=\"iCalendarUrl(meetup)\"><span class=\"icon ph-calendar\"></span> iCalendar (.ical)</a>\n            </mat-menu>\n         </div>\n      </div>\n   </div>\n   <div class=\"meetup wirebox\">\n      <div class=\"top titleandaction\">\n         <h3>In-house Workshop: Diagnose Your Scrum Team</h3>\n         <div class=\"details\">\n            <div class=\"detail\"><span class=\"icon ph-calendar-blank\"></span> On a date that suits your team<br /></div>\n            <div class=\"detail\"><span class=\"icon ph-map-pin\"></span> Online or in-person</div>\n         </div>\n      </div>\n      <div class=\"content\">\n         <p>\n            Diagnose and inspect one or more Scrum teams in your organization, and work together to identify actionable improvements to work more effectively. We design this workshop to suit your needs, and facilitate it for your teams. Workshops can take between 2 hours and 2 days, depending on your needs.\n         </p>\n      </div>\n      <div class=\"bottom\">\n         <div class=\"toolbar leftright\">\n            <div></div>\n            <div class=\"button requestquote\" lookingForHelpDialog>contact us</div>\n         </div>\n      </div>\n   </div>\n</div>\n", styles: [".smallTextUppercase{font-family:StevieSansThin,sans-serif;font-style:normal;font-weight:400;font-size:15px;line-height:140%;text-transform:uppercase;line-height:100%}.meetups .meetup .toolbar .subscribersonly{background:#1f3f8f;color:#fff}.meetups .meetup .toolbar .requestquote{background:#00af77;color:#fff}.meetups .meetup .content p{margin:0}@media only screen and (max-width: 1320px){.meetups .meetup .titleandaction{display:block}.meetups .meetup .titleandaction .details{margin-top:20px}}.meetups .meetup .titleandaction .details{width:300px}.meetups .meetup .titleandaction .details .detail{font-family:StevieSansThin,sans-serif;font-style:normal;font-weight:400;line-height:140%;text-transform:uppercase;line-height:100%;font-size:15px;font-weight:600}.meetups .meetup .titleandaction .details .detail:not(:last-of-type){margin-bottom:15px}.meetups .meetup .titleandaction .details .detail .icon{vertical-align:middle;margin-right:10px}.wirebox .toolbar .button{margin-right:0}\n"], dependencies: [{ kind: "component", type: i4.MatMenu, selector: "mat-menu", inputs: ["backdropClass", "aria-label", "aria-labelledby", "aria-describedby", "xPosition", "yPosition", "overlapTrigger", "hasBackdrop", "class", "classList"], outputs: ["closed", "close"], exportAs: ["matMenu"] }, { kind: "component", type: i4.MatMenuItem, selector: "[mat-menu-item]", inputs: ["role", "disabled", "disableRipple"], exportAs: ["matMenuItem"] }, { kind: "directive", type: i4.MatMenuTrigger, selector: "[mat-menu-trigger-for], [matMenuTriggerFor]", inputs: ["mat-menu-trigger-for", "matMenuTriggerFor", "matMenuTriggerData", "matMenuTriggerRestoreFocus"], outputs: ["menuOpened", "onMenuOpen", "menuClosed", "onMenuClose"], exportAs: ["matMenuTrigger"] }, { kind: "directive", type: i5.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i5.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i6.OpenLookingForHelpDialog, selector: "[lookingForHelpDialog]" }, { kind: "directive", type: i7.OpenSubscribeDialogDirective, selector: "[subscribeDialog]" }, { kind: "pipe", type: i5.DatePipe, name: "date" }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.1", ngImport: i0, type: MeetupsComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.4", ngImport: i0, type: MeetupsComponent, decorators: [{
             type: Component,
             args: [{ selector: 'meetups', template: "<div class=\"meetups\">\n   <div class=\"meetup wirebox\" *ngFor=\"let meetup of meetups\">\n      <div class=\"top titleandaction\">\n         <h3>{{meetup.title}}</h3>\n         <div class=\"details\">\n            <div class=\"detail\"><span class=\"icon ph-calendar-blank\"></span> {{meetup.from | date: 'MMM d, h:mm a' }} to {{meetup.to | date: 'shortTime' }} CEST<br /></div>\n            <div class=\"detail\"><span class=\"icon ph-map-pin\"></span> {{meetup.location}}</div>\n         </div>\n      </div>\n      <div class=\"content\">\n         <p>{{meetup.description}}</p>\n      </div>\n      <div class=\"bottom\">\n         <div class=\"toolbar leftright\">\n            <div *ngIf=\"allowedToJoin(meetup) && meetup.url\">\n               <b>Zoom link:</b><br /><a [href]=\"meetup.url\">{{meetup.url}}</a>\n            </div>\n\n            <div *ngIf=\"!meetup.url || !allowedToJoin(meetup)\"></div>\n\n            <div class=\"button subscribersonly\" *ngIf=\"!allowedToJoin(meetup)\" subscribeDialog>only for subscribers</div>\n            <button mat-button [matMenuTriggerFor]=\"menu\" *ngIf=\"allowedToJoin(meetup)\" class=\"button\">Add to calendar</button>\n            <mat-menu #menu=\"matMenu\" [overlapTrigger]=\"false\">\n               <a mat-menu-item target=\"_blank\" [href]=\"googleUrl(meetup)\"><span class=\"icon ph-google-logo\"></span> Google</a>\n               <a mat-menu-item [href]=\"outlookUrl(meetup)\"><span class=\"icon ph-windows-logo\"></span> Outlook</a>\n               <a mat-menu-item [href]=\"iCalendarUrl(meetup)\"><span class=\"icon ph-calendar\"></span> iCalendar (.ical)</a>\n            </mat-menu>\n         </div>\n      </div>\n   </div>\n   <div class=\"meetup wirebox\">\n      <div class=\"top titleandaction\">\n         <h3>In-house Workshop: Diagnose Your Scrum Team</h3>\n         <div class=\"details\">\n            <div class=\"detail\"><span class=\"icon ph-calendar-blank\"></span> On a date that suits your team<br /></div>\n            <div class=\"detail\"><span class=\"icon ph-map-pin\"></span> Online or in-person</div>\n         </div>\n      </div>\n      <div class=\"content\">\n         <p>\n            Diagnose and inspect one or more Scrum teams in your organization, and work together to identify actionable improvements to work more effectively. We design this workshop to suit your needs, and facilitate it for your teams. Workshops can take between 2 hours and 2 days, depending on your needs.\n         </p>\n      </div>\n      <div class=\"bottom\">\n         <div class=\"toolbar leftright\">\n            <div></div>\n            <div class=\"button requestquote\" lookingForHelpDialog>contact us</div>\n         </div>\n      </div>\n   </div>\n</div>\n", styles: [".smallTextUppercase{font-family:StevieSansThin,sans-serif;font-style:normal;font-weight:400;font-size:15px;line-height:140%;text-transform:uppercase;line-height:100%}.meetups .meetup .toolbar .subscribersonly{background:#1f3f8f;color:#fff}.meetups .meetup .toolbar .requestquote{background:#00af77;color:#fff}.meetups .meetup .content p{margin:0}@media only screen and (max-width: 1320px){.meetups .meetup .titleandaction{display:block}.meetups .meetup .titleandaction .details{margin-top:20px}}.meetups .meetup .titleandaction .details{width:300px}.meetups .meetup .titleandaction .details .detail{font-family:StevieSansThin,sans-serif;font-style:normal;font-weight:400;line-height:140%;text-transform:uppercase;line-height:100%;font-size:15px;font-weight:600}.meetups .meetup .titleandaction .details .detail:not(:last-of-type){margin-bottom:15px}.meetups .meetup .titleandaction .details .detail .icon{vertical-align:middle;margin-right:10px}.wirebox .toolbar .button{margin-right:0}\n"] }]
         }], ctorParameters: () => [{ type: i1.NgAddToCalendarService }, { type: i8.ViewModelStateBase, decorators: [{

package/esm2022/lib/community/components/recentcontent/recentcontent.component.mjs

@@ -16,10 +16,10 @@ export class RecentContentComponent extends ComponentWithViewStateBase {
         this.resources = data.resources.items;
     }
     ;
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.1", ngImport: i0, type: RecentContentComponent, deps: [{ token: VIEWSTATE_PROVIDER }, { token: i1.MatSnackBar }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.1", type: RecentContentComponent, selector: "recentcontent", usesInheritance: true, ngImport: i0, template: "<div class=\"box recentcontent\">\n   <h3>Recent content</h3>\n   <div class=\"recentcontent-item\" *ngFor=\"let resource of resources\">\n      <div class=\"type\"><span class=\"badge\" [ngClass]=\"resource.type\"><i class=\"icon ph-microphone\" *ngIf=\"resource.type == 'podcast'\"></i><i class=\"icon ph-note\" *ngIf=\"resource.type == 'blogpost'\"></i></span></div>\n      <div class=\"title\"><a [href]=\"resource.url\" target=\"_blank\">{{resource.title}}</a></div>\n   </div>\n   <div class=\"link\">\n      <a href=\"https://public.theliberators.com/content\" target=\"_blank\">Check out more content ></a>\n   </div>\n</div>\n", styles: [".smallTextUppercase{font-family:StevieSansThin,sans-serif;font-style:normal;font-weight:400;font-size:15px;line-height:140%;text-transform:uppercase;line-height:100%}.recentcontent{background:#f0f0f0}.recentcontent .recentcontent-item{display:flex;margin-bottom:15px}.recentcontent .recentcontent-item .badge{margin-right:15px;width:100px;padding:4px 8px}.recentcontent .recentcontent-item .badge.podcast{background:#1f3f8f;color:#fff}.recentcontent .recentcontent-item .badge.blogpost{color:#fff;background:#2f2f2f}.recentcontent .recentcontent-item .badge .icon{vertical-align:middle;font-size:15px}.recentcontent .recentcontent-item a{font-weight:600;text-decoration:none}.recentcontent .link{margin-top:30px}\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"] }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.4", ngImport: i0, type: RecentContentComponent, deps: [{ token: VIEWSTATE_PROVIDER }, { token: i1.MatSnackBar }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.4", type: RecentContentComponent, selector: "recentcontent", usesInheritance: true, ngImport: i0, template: "<div class=\"box recentcontent\">\n   <h3>Recent content</h3>\n   <div class=\"recentcontent-item\" *ngFor=\"let resource of resources\">\n      <div class=\"type\"><span class=\"badge\" [ngClass]=\"resource.type\"><i class=\"icon ph-microphone\" *ngIf=\"resource.type == 'podcast'\"></i><i class=\"icon ph-note\" *ngIf=\"resource.type == 'blogpost'\"></i></span></div>\n      <div class=\"title\"><a [href]=\"resource.url\" target=\"_blank\">{{resource.title}}</a></div>\n   </div>\n   <div class=\"link\">\n      <a href=\"https://public.theliberators.com/content\" target=\"_blank\">Check out more content ></a>\n   </div>\n</div>\n", styles: [".smallTextUppercase{font-family:StevieSansThin,sans-serif;font-style:normal;font-weight:400;font-size:15px;line-height:140%;text-transform:uppercase;line-height:100%}.recentcontent{background:#f0f0f0}.recentcontent .recentcontent-item{display:flex;margin-bottom:15px}.recentcontent .recentcontent-item .badge{margin-right:15px;width:100px;padding:4px 8px}.recentcontent .recentcontent-item .badge.podcast{background:#1f3f8f;color:#fff}.recentcontent .recentcontent-item .badge.blogpost{color:#fff;background:#2f2f2f}.recentcontent .recentcontent-item .badge .icon{vertical-align:middle;font-size:15px}.recentcontent .recentcontent-item a{font-weight:600;text-decoration:none}.recentcontent .link{margin-top:30px}\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"] }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.1", ngImport: i0, type: RecentContentComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.4", ngImport: i0, type: RecentContentComponent, decorators: [{
             type: Component,
             args: [{ selector: 'recentcontent', template: "<div class=\"box recentcontent\">\n   <h3>Recent content</h3>\n   <div class=\"recentcontent-item\" *ngFor=\"let resource of resources\">\n      <div class=\"type\"><span class=\"badge\" [ngClass]=\"resource.type\"><i class=\"icon ph-microphone\" *ngIf=\"resource.type == 'podcast'\"></i><i class=\"icon ph-note\" *ngIf=\"resource.type == 'blogpost'\"></i></span></div>\n      <div class=\"title\"><a [href]=\"resource.url\" target=\"_blank\">{{resource.title}}</a></div>\n   </div>\n   <div class=\"link\">\n      <a href=\"https://public.theliberators.com/content\" target=\"_blank\">Check out more content ></a>\n   </div>\n</div>\n", styles: [".smallTextUppercase{font-family:StevieSansThin,sans-serif;font-style:normal;font-weight:400;font-size:15px;line-height:140%;text-transform:uppercase;line-height:100%}.recentcontent{background:#f0f0f0}.recentcontent .recentcontent-item{display:flex;margin-bottom:15px}.recentcontent .recentcontent-item .badge{margin-right:15px;width:100px;padding:4px 8px}.recentcontent .recentcontent-item .badge.podcast{background:#1f3f8f;color:#fff}.recentcontent .recentcontent-item .badge.blogpost{color:#fff;background:#2f2f2f}.recentcontent .recentcontent-item .badge .icon{vertical-align:middle;font-size:15px}.recentcontent .recentcontent-item a{font-weight:600;text-decoration:none}.recentcontent .link{margin-top:30px}\n"] }]
         }], ctorParameters: () => [{ type: i3.ViewModelStateBase, decorators: [{

package/esm2022/lib/community/services/communityClientConfig.mjs

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

package/esm2022/lib/componentBase.mjs

@@ -24,10 +24,10 @@ export class ComponentBase {
         config.duration = 5000;
         this.snackBar.open(message, "dismiss", config);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.1", ngImport: i0, type: ComponentBase, deps: [{ token: i1.MatSnackBar }], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.0.1", ngImport: i0, type: ComponentBase }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.4", ngImport: i0, type: ComponentBase, deps: [{ token: i1.MatSnackBar }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.4", ngImport: i0, type: ComponentBase }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.1", ngImport: i0, type: ComponentBase, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.4", ngImport: i0, type: ComponentBase, decorators: [{
             type: Injectable
         }], ctorParameters: () => [{ type: i1.MatSnackBar }] });
 //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29tcG9uZW50QmFzZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3Byb2plY3RzL25neC1zY3J1bXRlYW1zdXJ2ZXktdG9vbHMvc3JjL2xpYi9jb21wb25lbnRCYXNlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxVQUFVLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDM0MsT0FBTyxFQUFlLGlCQUFpQixFQUFFLE1BQU0sNkJBQTZCLENBQUM7OztBQUc3RSxNQUFNLE9BQWdCLGFBQWE7SUFDaEMsWUFBc0IsUUFBcUI7UUFBckIsYUFBUSxHQUFSLFFBQVEsQ0FBYTtJQUMzQyxDQUFDO0lBRVMsV0FBVyxDQUFDLE9BQWU7UUFDbEMsSUFBSSxNQUFNLEdBQUcsSUFBSSxpQkFBaUIsRUFBRSxDQUFDO1FBQ3JDLE1BQU0sQ0FBQyxVQUFVLEdBQUcsQ0FBQyxTQUFTLEVBQUUsVUFBVSxDQUFDLENBQUM7UUFDNUMsTUFBTSxDQUFDLFFBQVEsR0FBRyxJQUFJLENBQUM7UUFDdkIsSUFBSSxDQUFDLFFBQVEsQ0FBQyxJQUFJLENBQUMsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLENBQUMsQ0FBQztJQUNsRCxDQUFDO0lBRVMsV0FBVyxDQUFDLE9BQWU7UUFDbEMsSUFBSSxNQUFNLEdBQUcsSUFBSSxpQkFBaUIsRUFBRSxDQUFDO1FBQ3JDLE1BQU0sQ0FBQyxVQUFVLEdBQUcsQ0FBQyxhQUFhLEVBQUUsVUFBVSxDQUFDLENBQUM7UUFDaEQsTUFBTSxDQUFDLFFBQVEsR0FBRyxJQUFJLENBQUM7UUFDdkIsSUFBSSxDQUFDLFFBQVEsQ0FBQyxJQUFJLENBQUMsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLENBQUMsQ0FBQztJQUNsRCxDQUFDO0lBRVMsU0FBUyxDQUFDLE9BQWU7UUFDaEMsSUFBSSxNQUFNLEdBQUcsSUFBSSxpQkFBaUIsRUFBRSxDQUFDO1FBQ3JDLE1BQU0sQ0FBQyxVQUFVLEdBQUcsQ0FBQyxPQUFPLEVBQUUsVUFBVSxDQUFDLENBQUM7UUFDMUMsTUFBTSxDQUFDLFFBQVEsR0FBRyxJQUFJLENBQUM7UUFDdkIsSUFBSSxDQUFDLFFBQVEsQ0FBQyxJQUFJLENBQUMsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLENBQUMsQ0FBQztJQUNsRCxDQUFDOzhHQXZCa0IsYUFBYTtrSEFBYixhQUFhOzsyRkFBYixhQUFhO2tCQURsQyxVQUFVIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgSW5qZWN0YWJsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgTWF0U25hY2tCYXIsIE1hdFNuYWNrQmFyQ29uZmlnIH0gZnJvbSAnQGFuZ3VsYXIvbWF0ZXJpYWwvc25hY2stYmFyJztcblxuQEluamVjdGFibGUoKVxuZXhwb3J0IGFic3RyYWN0IGNsYXNzIENvbXBvbmVudEJhc2Uge1xuICAgY29uc3RydWN0b3IocHJvdGVjdGVkIHNuYWNrQmFyOiBNYXRTbmFja0Jhcikge1xuICAgfVxuXG4gICBwcm90ZWN0ZWQgc2hvd1N1Y2Nlc3MobWVzc2FnZTogc3RyaW5nKSB7XG4gICAgICBsZXQgY29uZmlnID0gbmV3IE1hdFNuYWNrQmFyQ29uZmlnKCk7XG4gICAgICBjb25maWcucGFuZWxDbGFzcyA9IFsnc3VjY2VzcycsICdzbmFja2JhciddO1xuICAgICAgY29uZmlnLmR1cmF0aW9uID0gNTAwMDtcbiAgICAgIHRoaXMuc25hY2tCYXIub3BlbihtZXNzYWdlLCBcImRpc21pc3NcIiwgY29uZmlnKTtcbiAgIH1cblxuICAgcHJvdGVjdGVkIHNob3dNZXNzYWdlKG1lc3NhZ2U6IHN0cmluZykge1xuICAgICAgbGV0IGNvbmZpZyA9IG5ldyBNYXRTbmFja0JhckNvbmZpZygpO1xuICAgICAgY29uZmlnLnBhbmVsQ2xhc3MgPSBbJ2luZm9ybWF0aW9uJywgJ3NuYWNrYmFyJ107XG4gICAgICBjb25maWcuZHVyYXRpb24gPSA1MDAwO1xuICAgICAgdGhpcy5zbmFja0Jhci5vcGVuKG1lc3NhZ2UsIFwiZGlzbWlzc1wiLCBjb25maWcpO1xuICAgfVxuXG4gICBwcm90ZWN0ZWQgc2hvd0Vycm9yKG1lc3NhZ2U6IHN0cmluZykge1xuICAgICAgbGV0IGNvbmZpZyA9IG5ldyBNYXRTbmFja0JhckNvbmZpZygpO1xuICAgICAgY29uZmlnLnBhbmVsQ2xhc3MgPSBbJ2Vycm9yJywgJ3NuYWNrYmFyJ107XG4gICAgICBjb25maWcuZHVyYXRpb24gPSA1MDAwO1xuICAgICAgdGhpcy5zbmFja0Jhci5vcGVuKG1lc3NhZ2UsIFwiZGlzbWlzc1wiLCBjb25maWcpO1xuICAgfVxufVxuIl19

package/esm2022/lib/componentWithViewStateBase.mjs

@@ -29,10 +29,10 @@ export class ComponentWithViewStateBase extends ComponentBase {
         }
         this.stateStore.close();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.1", ngImport: i0, type: ComponentWithViewStateBase, deps: [{ token: i1.ViewModelStateBase }, { token: i2.MatSnackBar }], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.0.1", ngImport: i0, type: ComponentWithViewStateBase }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.4", ngImport: i0, type: ComponentWithViewStateBase, deps: [{ token: i1.ViewModelStateBase }, { token: i2.MatSnackBar }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.4", ngImport: i0, type: ComponentWithViewStateBase }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.1", ngImport: i0, type: ComponentWithViewStateBase, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.4", ngImport: i0, type: ComponentWithViewStateBase, decorators: [{
             type: Injectable
         }], ctorParameters: () => [{ type: i1.ViewModelStateBase }, { type: i2.MatSnackBar }] });
 //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29tcG9uZW50V2l0aFZpZXdTdGF0ZUJhc2UuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9wcm9qZWN0cy9uZ3gtc2NydW10ZWFtc3VydmV5LXRvb2xzL3NyYy9saWIvY29tcG9uZW50V2l0aFZpZXdTdGF0ZUJhc2UudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFVBQVUsRUFBcUIsTUFBTSxlQUFlLENBQUM7QUFHOUQsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLGlCQUFpQixDQUFDOzs7O0FBS2hELE1BQU0sT0FBZ0IsMEJBQWlELFNBQVEsYUFBYTtJQUl6RixZQUFvQixVQUFpQyxFQUFZLFFBQXFCO1FBQ25GLEtBQUssQ0FBQyxRQUFRLENBQUMsQ0FBQztRQURDLGVBQVUsR0FBVixVQUFVLENBQXVCO1FBQVksYUFBUSxHQUFSLFFBQVEsQ0FBYTtRQUgvRSxXQUFNLEdBQVksS0FBSyxDQUFDO0lBSy9CLENBQUM7SUFFTSxRQUFRO1FBQ1osSUFBSSxDQUFDLHNCQUFzQixHQUFHLElBQUksQ0FBQyxVQUFVLENBQUMsSUFBSSxDQUFDLFNBQVMsQ0FBQyxDQUFDLE9BQVUsRUFBRSxFQUFFO1lBQ3pFLElBQUksQ0FBQyxNQUFNLEdBQUcsT0FBTyxDQUFDLE1BQU0sQ0FBQztZQUU3QixJQUFJLE9BQU8sSUFBSSxPQUFPLENBQUMsTUFBTSxFQUFFLENBQUM7Z0JBQzdCLElBQUksQ0FBQyxZQUFZLENBQUMsT0FBTyxDQUFDLENBQUM7WUFDOUIsQ0FBQztRQUNKLENBQUMsQ0FBQyxDQUFDO1FBRUgsSUFBSSxDQUFDLFVBQVUsQ0FBQyxJQUFJLEVBQUUsQ0FBQztJQUMxQixDQUFDO0lBRVMsWUFBWSxDQUFDLElBQU87UUFDM0IsTUFBTSw2QkFBNkIsQ0FBQztJQUN2QyxDQUFDO0lBQUEsQ0FBQztJQUVLLFdBQVc7UUFDZixJQUFJLElBQUksQ0FBQyxzQkFBc0IsRUFBRSxDQUFDO1lBQy9CLElBQUksQ0FBQyxzQkFBc0IsQ0FBQyxXQUFXLEVBQUUsQ0FBQztRQUM3QyxDQUFDO1FBRUQsSUFBSSxDQUFDLFVBQVUsQ0FBQyxLQUFLLEVBQUUsQ0FBQztJQUMzQixDQUFDOzhHQTlCa0IsMEJBQTBCO2tIQUExQiwwQkFBMEI7OzJGQUExQiwwQkFBMEI7a0JBRC9DLFVBQVUiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBJbmplY3RhYmxlLCBPbkRlc3Ryb3ksIE9uSW5pdCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgTWF0U25hY2tCYXIgfSBmcm9tICdAYW5ndWxhci9tYXRlcmlhbC9zbmFjay1iYXInO1xuaW1wb3J0IHsgU3Vic2NyaXB0aW9uIH0gZnJvbSAncnhqcyc7XG5pbXBvcnQgeyBDb21wb25lbnRCYXNlIH0gZnJvbSAnLi9jb21wb25lbnRCYXNlJztcbmltcG9ydCB7IElWaWV3U3RhdGUgfSBmcm9tICcuL3ZpZXdNb2RlbC9pbnRlcmZhY2VzJztcbmltcG9ydCB7IFZpZXdNb2RlbFN0YXRlQmFzZSB9IGZyb20gJy4vdmlld01vZGVsL3ZpZXdNb2RlbFN0YXRlLnNlcnZpY2UnO1xuXG5ASW5qZWN0YWJsZSgpXG5leHBvcnQgYWJzdHJhY3QgY2xhc3MgQ29tcG9uZW50V2l0aFZpZXdTdGF0ZUJhc2U8VCBleHRlbmRzIElWaWV3U3RhdGU+IGV4dGVuZHMgQ29tcG9uZW50QmFzZSBpbXBsZW1lbnRzIE9uSW5pdCwgT25EZXN0cm95ICB7XG4gICBwdWJsaWMgbG9hZGVkOiBib29sZWFuID0gZmFsc2U7XG4gICBwcml2YXRlIHN0YXRlU3RvcmVTdWJzY3JpcHRpb246IFN1YnNjcmlwdGlvbjtcblxuICAgY29uc3RydWN0b3IocHJpdmF0ZSBzdGF0ZVN0b3JlOiBWaWV3TW9kZWxTdGF0ZUJhc2U8VD4sIHByb3RlY3RlZCBzbmFja0JhcjogTWF0U25hY2tCYXIpIHtcbiAgICAgIHN1cGVyKHNuYWNrQmFyKTtcbiAgIH1cblxuICAgcHVibGljIG5nT25Jbml0KCkge1xuICAgICAgdGhpcy5zdGF0ZVN0b3JlU3Vic2NyaXB0aW9uID0gdGhpcy5zdGF0ZVN0b3JlLmRhdGEuc3Vic2NyaWJlKChzdWNjZXNzOiBUKSA9PiB7XG4gICAgICAgICB0aGlzLmxvYWRlZCA9IHN1Y2Nlc3MubG9hZGVkO1xuXG4gICAgICAgICBpZiAoc3VjY2VzcyAmJiBzdWNjZXNzLmxvYWRlZCkge1xuICAgICAgICAgICAgdGhpcy5vbkRhdGFVcGRhdGUoc3VjY2Vzcyk7XG4gICAgICAgICB9XG4gICAgICB9KTtcblxuICAgICAgdGhpcy5zdGF0ZVN0b3JlLmxvYWQoKTtcbiAgIH1cblxuICAgcHJvdGVjdGVkIG9uRGF0YVVwZGF0ZShkYXRhOiBUKTogdm9pZCB7XG4gICAgICB0aHJvdyBcIk11c3QgaW1wbGVtZW50IG9uRGF0YVVwZGF0ZVwiO1xuICAgfTtcblxuICAgcHVibGljIG5nT25EZXN0cm95KCkge1xuICAgICAgaWYgKHRoaXMuc3RhdGVTdG9yZVN1YnNjcmlwdGlvbikge1xuICAgICAgICAgdGhpcy5zdGF0ZVN0b3JlU3Vic2NyaXB0aW9uLnVuc3Vic2NyaWJlKCk7XG4gICAgICB9XG5cbiAgICAgIHRoaXMuc3RhdGVTdG9yZS5jbG9zZSgpO1xuICAgfVxufVxuIl19

package/esm2022/lib/components/checkbox/checkbox.component.mjs

@@ -34,10 +34,10 @@ export class CheckboxComponent {
     setDisabledState(isDisabled) {
         this.disabled = isDisabled;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.1", ngImport: i0, type: CheckboxComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.1", type: CheckboxComponent, selector: "checkbox", inputs: { label: "label", disabled: "disabled", checked: "checked" }, outputs: { onCheckChange: "onCheckChange" }, ngImport: i0, template: "<div class=\"checkbox\" [ngClass]=\"{'checked': checked, 'unchecked': !checked}\">\n   <div class=\"checkbox-check checked ph-check-circle-fill\" *ngIf=\"checked\" (click)=\"toggle()\"></div>\n   <div class=\"checkbox-check unchecked ph-circle\" *ngIf=\"!checked\" (click)=\"toggle()\"></div>\n   <div class=\"label\" [innerHtml]=\"label\"></div>\n</div>\n", styles: [".smallTextUppercase{font-family:StevieSansThin,sans-serif;font-style:normal;font-weight:400;font-size:15px;line-height:140%;text-transform:uppercase;line-height:100%}.checkbox{display:flex;padding:5px;margin-left:-5px;margin-bottom:5px;margin-top:5px;align-items:center}.checkbox .label{font-weight:600;cursor:pointer;font-size:16px;font-family:StevieSans,sans-serif;color:#2f2f2f}.checkbox .checkbox-check{right:15px;bottom:15px;cursor:pointer;width:35px;font-size:35px;margin-right:5px;color:#2f2f2f}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { 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: CheckboxComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.4", type: CheckboxComponent, selector: "checkbox", inputs: { label: "label", disabled: "disabled", checked: "checked" }, outputs: { onCheckChange: "onCheckChange" }, ngImport: i0, template: "<div class=\"checkbox\" [ngClass]=\"{'checked': checked, 'unchecked': !checked}\">\n   <div class=\"checkbox-check checked ph-check-circle-fill\" *ngIf=\"checked\" (click)=\"toggle()\"></div>\n   <div class=\"checkbox-check unchecked ph-circle\" *ngIf=\"!checked\" (click)=\"toggle()\"></div>\n   <div class=\"label\" [innerHtml]=\"label\"></div>\n</div>\n", styles: [".smallTextUppercase{font-family:StevieSansThin,sans-serif;font-style:normal;font-weight:400;font-size:15px;line-height:140%;text-transform:uppercase;line-height:100%}.checkbox{display:flex;padding:5px;margin-left:-5px;margin-bottom:5px;margin-top:5px;align-items:center}.checkbox .label{font-weight:600;cursor:pointer;font-size:16px;font-family:StevieSans,sans-serif;color:#2f2f2f}.checkbox .checkbox-check{right:15px;bottom:15px;cursor:pointer;width:35px;font-size:35px;margin-right:5px;color:#2f2f2f}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.1", ngImport: i0, type: CheckboxComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.4", ngImport: i0, type: CheckboxComponent, decorators: [{
             type: Component,
             args: [{ selector: 'checkbox', template: "<div class=\"checkbox\" [ngClass]=\"{'checked': checked, 'unchecked': !checked}\">\n   <div class=\"checkbox-check checked ph-check-circle-fill\" *ngIf=\"checked\" (click)=\"toggle()\"></div>\n   <div class=\"checkbox-check unchecked ph-circle\" *ngIf=\"!checked\" (click)=\"toggle()\"></div>\n   <div class=\"label\" [innerHtml]=\"label\"></div>\n</div>\n", styles: [".smallTextUppercase{font-family:StevieSansThin,sans-serif;font-style:normal;font-weight:400;font-size:15px;line-height:140%;text-transform:uppercase;line-height:100%}.checkbox{display:flex;padding:5px;margin-left:-5px;margin-bottom:5px;margin-top:5px;align-items:center}.checkbox .label{font-weight:600;cursor:pointer;font-size:16px;font-family:StevieSans,sans-serif;color:#2f2f2f}.checkbox .checkbox-check{right:15px;bottom:15px;cursor:pointer;width:35px;font-size:35px;margin-right:5px;color:#2f2f2f}\n"] }]
         }], ctorParameters: () => [], propDecorators: { label: [{

package/esm2022/lib/components/checkbox/checkbox.module.mjs

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

package/esm2022/lib/components/expand/expand.component.mjs

@@ -17,10 +17,10 @@ export class ExpandComponent {
             this.selected = index;
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.1", ngImport: i0, type: ExpandComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.1", type: ExpandComponent, selector: "expand", inputs: { items: "items", theme: "theme", numbering: "numbering" }, ngImport: i0, template: "<div class=\"expand\" [ngClass]=\"theme\">\n   <div class=\"expand-category\" *ngFor=\"let category of categories\">\n      <div class=\"expand-item-category-title\" *ngIf=\"categories.length > 0\">{{category}}</div>\n\n      <ng-container *ngFor=\"let item of items\">\n         <div class=\"expand-item\" *ngIf=\"item.category == category\">\n            <div class=\"expand-header\" (click)=\"expand(item.index)\">\n               <div class=\"expand-header-number\" *ngIf=\"numbering\">{{item.index}}</div>\n               <div class=\"expand-header-label\">{{item.label}}</div>\n               <div class=\"expand-header-expand ph-minus-bold\" *ngIf=\"selected == item.index\"></div>\n               <div class=\"expand-header-expand ph-plus-bold\" *ngIf=\"selected != item.index\"></div>\n            </div>\n            <div class=\"body\" [innerHtml]=\"item.body\" *ngIf=\"selected == item.index\">\n            </div>\n         </div>\n      </ng-container>\n   </div>\n\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.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: ExpandComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.4", type: ExpandComponent, selector: "expand", inputs: { items: "items", theme: "theme", numbering: "numbering" }, ngImport: i0, template: "<div class=\"expand\" [ngClass]=\"theme\">\n   <div class=\"expand-category\" *ngFor=\"let category of categories\">\n      <div class=\"expand-item-category-title\" *ngIf=\"categories.length > 0\">{{category}}</div>\n\n      <ng-container *ngFor=\"let item of items\">\n         <div class=\"expand-item\" *ngIf=\"item.category == category\">\n            <div class=\"expand-header\" (click)=\"expand(item.index)\">\n               <div class=\"expand-header-number\" *ngIf=\"numbering\">{{item.index}}</div>\n               <div class=\"expand-header-label\">{{item.label}}</div>\n               <div class=\"expand-header-expand ph-minus-bold\" *ngIf=\"selected == item.index\"></div>\n               <div class=\"expand-header-expand ph-plus-bold\" *ngIf=\"selected != item.index\"></div>\n            </div>\n            <div class=\"body\" [innerHtml]=\"item.body\" *ngIf=\"selected == item.index\">\n            </div>\n         </div>\n      </ng-container>\n   </div>\n\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.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: ExpandComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.4", ngImport: i0, type: ExpandComponent, decorators: [{
             type: Component,
             args: [{ selector: 'expand', template: "<div class=\"expand\" [ngClass]=\"theme\">\n   <div class=\"expand-category\" *ngFor=\"let category of categories\">\n      <div class=\"expand-item-category-title\" *ngIf=\"categories.length > 0\">{{category}}</div>\n\n      <ng-container *ngFor=\"let item of items\">\n         <div class=\"expand-item\" *ngIf=\"item.category == category\">\n            <div class=\"expand-header\" (click)=\"expand(item.index)\">\n               <div class=\"expand-header-number\" *ngIf=\"numbering\">{{item.index}}</div>\n               <div class=\"expand-header-label\">{{item.label}}</div>\n               <div class=\"expand-header-expand ph-minus-bold\" *ngIf=\"selected == item.index\"></div>\n               <div class=\"expand-header-expand ph-plus-bold\" *ngIf=\"selected != item.index\"></div>\n            </div>\n            <div class=\"body\" [innerHtml]=\"item.body\" *ngIf=\"selected == item.index\">\n            </div>\n         </div>\n      </ng-container>\n   </div>\n\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: { items: [{

package/esm2022/lib/components/expand/expand.module.mjs

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

package/esm2022/lib/components/loading/loading.component.mjs

@@ -16,10 +16,10 @@ export class LoadingComponent extends ComponentWithViewStateBase {
     }
     onDataUpdate(data) {
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.1", ngImport: i0, type: LoadingComponent, deps: [{ token: VIEWSTATE_PROVIDER }, { token: i1.MatSnackBar }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.1", type: LoadingComponent, selector: "loading", inputs: { showLoading: "showLoading", message: "message" }, usesInheritance: true, ngImport: i0, template: "<div class=\"loading\" *ngIf=\"!loaded || showLoading\">\n   <div class=\"top\">\n      <div class=\"pleasewait\">{{message}}</div>\n      <div class=\"loading-icon dark\"></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%}.loading .pleasewait{margin:30px auto 0;max-width:50%;text-align:center;padding:30px}@media only screen and (max-width: 992px){.loading .pleasewait{max-width:80%}}.loading .loading-icon{margin-bottom:100px}\n"], dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.4", ngImport: i0, type: LoadingComponent, deps: [{ token: VIEWSTATE_PROVIDER }, { token: i1.MatSnackBar }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.4", type: LoadingComponent, selector: "loading", inputs: { showLoading: "showLoading", message: "message" }, usesInheritance: true, ngImport: i0, template: "<div class=\"loading\" *ngIf=\"!loaded || showLoading\">\n   <div class=\"top\">\n      <div class=\"pleasewait\">{{message}}</div>\n      <div class=\"loading-icon dark\"></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%}.loading .pleasewait{margin:30px auto 0;max-width:50%;text-align:center;padding:30px}@media only screen and (max-width: 992px){.loading .pleasewait{max-width:80%}}.loading .loading-icon{margin-bottom:100px}\n"], dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.1", ngImport: i0, type: LoadingComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.4", ngImport: i0, type: LoadingComponent, decorators: [{
             type: Component,
             args: [{ selector: 'loading', template: "<div class=\"loading\" *ngIf=\"!loaded || showLoading\">\n   <div class=\"top\">\n      <div class=\"pleasewait\">{{message}}</div>\n      <div class=\"loading-icon dark\"></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%}.loading .pleasewait{margin:30px auto 0;max-width:50%;text-align:center;padding:30px}@media only screen and (max-width: 992px){.loading .pleasewait{max-width:80%}}.loading .loading-icon{margin-bottom:100px}\n"] }]
         }], ctorParameters: () => [{ type: i3.ViewModelStateBase, decorators: [{

package/esm2022/lib/components/loading/loading.module.mjs

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

package/esm2022/lib/components/mat-tags/mat-tags.component.mjs

@@ -65,10 +65,10 @@ export class MatTagsComponent {
         this.tagInput.nativeElement.value = '';
         this.form.controls.tags.setValue(null);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.1", ngImport: i0, type: MatTagsComponent, deps: [{ token: i1.UntypedFormBuilder }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.1", type: MatTagsComponent, selector: "mat-tags", inputs: { allTags: "allTags" }, outputs: { tagsChangedEvent: "tagsChangedEvent" }, viewQueries: [{ propertyName: "tagInput", first: true, predicate: ["tagInput"], descendants: true }], ngImport: i0, template: "<div class=\"mat-form-field\">\n   <div class=\"form-label\">Add tags to organize and filter clients</div>\n   <mat-form-field appearance=\"fill\">\n      <mat-chip-grid #tagList aria-label=\"Tags\" id=\"tags-selecttag\">\n         <mat-chip-row *ngFor=\"let tag of tags\" (removed)=\"remove(tag)\">\n            {{tag}}\n            <span class=\"icon ph-trash-fill\" matChipRemove></span>\n         </mat-chip-row>\n         <input placeholder=\"New tag ...\" id=\"tags-newtag\" #tagInput [formControl]=\"newTagControl\" [matAutocomplete]=\"auto\" [matChipInputFor]=\"tagList\" [matChipInputSeparatorKeyCodes]=\"separatorKeysCodes\" (matChipInputTokenEnd)=\"add($event)\">\n      </mat-chip-grid>\n      <mat-autocomplete #auto=\"matAutocomplete\" (optionSelected)=\"selected($event)\">\n         <mat-option class=\"select-option\" *ngFor=\"let tag of filteredTags | async\" [value]=\"tag\">{{tag}}</mat-option>\n      </mat-autocomplete>\n   </mat-form-field>\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%}.form-label{margin-top:30px}\n"], dependencies: [{ kind: "component", type: i2.MatAutocomplete, selector: "mat-autocomplete", inputs: ["aria-label", "aria-labelledby", "displayWith", "autoActiveFirstOption", "autoSelectActiveOption", "requireSelection", "panelWidth", "disableRipple", "class", "hideSingleSelectionIndicator"], outputs: ["optionSelected", "opened", "closed", "optionActivated"], exportAs: ["matAutocomplete"] }, { kind: "component", type: i3.MatOption, selector: "mat-option", inputs: ["value", "id", "disabled"], outputs: ["onSelectionChange"], exportAs: ["matOption"] }, { kind: "directive", type: i2.MatAutocompleteTrigger, selector: "input[matAutocomplete], textarea[matAutocomplete]", inputs: ["matAutocomplete", "matAutocompletePosition", "matAutocompleteConnectedTo", "autocomplete", "matAutocompleteDisabled"], exportAs: ["matAutocompleteTrigger"] }, { kind: "directive", type: i1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "component", type: i4.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "directive", type: i5.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "component", type: i6.MatChipGrid, selector: "mat-chip-grid", inputs: ["disabled", "placeholder", "required", "value", "errorStateMatcher"], outputs: ["change", "valueChange"] }, { kind: "directive", type: i6.MatChipInput, selector: "input[matChipInputFor]", inputs: ["matChipInputFor", "matChipInputAddOnBlur", "matChipInputSeparatorKeyCodes", "placeholder", "id", "disabled"], outputs: ["matChipInputTokenEnd"], exportAs: ["matChipInput", "matChipInputFor"] }, { kind: "directive", type: i6.MatChipRemove, selector: "[matChipRemove]" }, { kind: "component", type: i6.MatChipRow, selector: "mat-chip-row, [mat-chip-row], mat-basic-chip-row, [mat-basic-chip-row]", inputs: ["editable"], outputs: ["edited"] }, { kind: "pipe", type: i5.AsyncPipe, name: "async" }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.4", ngImport: i0, type: MatTagsComponent, deps: [{ token: i1.UntypedFormBuilder }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.4", type: MatTagsComponent, selector: "mat-tags", inputs: { allTags: "allTags" }, outputs: { tagsChangedEvent: "tagsChangedEvent" }, viewQueries: [{ propertyName: "tagInput", first: true, predicate: ["tagInput"], descendants: true }], ngImport: i0, template: "<div class=\"mat-form-field\">\n   <div class=\"form-label\">Add tags to organize and filter clients</div>\n   <mat-form-field appearance=\"fill\">\n      <mat-chip-grid #tagList aria-label=\"Tags\" id=\"tags-selecttag\">\n         <mat-chip-row *ngFor=\"let tag of tags\" (removed)=\"remove(tag)\">\n            {{tag}}\n            <span class=\"icon ph-trash-fill\" matChipRemove></span>\n         </mat-chip-row>\n         <input placeholder=\"New tag ...\" id=\"tags-newtag\" #tagInput [formControl]=\"newTagControl\" [matAutocomplete]=\"auto\" [matChipInputFor]=\"tagList\" [matChipInputSeparatorKeyCodes]=\"separatorKeysCodes\" (matChipInputTokenEnd)=\"add($event)\">\n      </mat-chip-grid>\n      <mat-autocomplete #auto=\"matAutocomplete\" (optionSelected)=\"selected($event)\">\n         <mat-option class=\"select-option\" *ngFor=\"let tag of filteredTags | async\" [value]=\"tag\">{{tag}}</mat-option>\n      </mat-autocomplete>\n   </mat-form-field>\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%}.form-label{margin-top:30px}\n"], dependencies: [{ kind: "component", type: i2.MatAutocomplete, selector: "mat-autocomplete", inputs: ["aria-label", "aria-labelledby", "displayWith", "autoActiveFirstOption", "autoSelectActiveOption", "requireSelection", "panelWidth", "disableRipple", "class", "hideSingleSelectionIndicator"], outputs: ["optionSelected", "opened", "closed", "optionActivated"], exportAs: ["matAutocomplete"] }, { kind: "component", type: i3.MatOption, selector: "mat-option", inputs: ["value", "id", "disabled"], outputs: ["onSelectionChange"], exportAs: ["matOption"] }, { kind: "directive", type: i2.MatAutocompleteTrigger, selector: "input[matAutocomplete], textarea[matAutocomplete]", inputs: ["matAutocomplete", "matAutocompletePosition", "matAutocompleteConnectedTo", "autocomplete", "matAutocompleteDisabled"], exportAs: ["matAutocompleteTrigger"] }, { kind: "directive", type: i1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "component", type: i4.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "directive", type: i5.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "component", type: i6.MatChipGrid, selector: "mat-chip-grid", inputs: ["disabled", "placeholder", "required", "value", "errorStateMatcher"], outputs: ["change", "valueChange"] }, { kind: "directive", type: i6.MatChipInput, selector: "input[matChipInputFor]", inputs: ["matChipInputFor", "matChipInputAddOnBlur", "matChipInputSeparatorKeyCodes", "placeholder", "id", "disabled"], outputs: ["matChipInputTokenEnd"], exportAs: ["matChipInput", "matChipInputFor"] }, { kind: "directive", type: i6.MatChipRemove, selector: "[matChipRemove]" }, { kind: "component", type: i6.MatChipRow, selector: "mat-chip-row, [mat-chip-row], mat-basic-chip-row, [mat-basic-chip-row]", inputs: ["editable"], outputs: ["edited"] }, { kind: "pipe", type: i5.AsyncPipe, name: "async" }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.1", ngImport: i0, type: MatTagsComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.4", ngImport: i0, type: MatTagsComponent, decorators: [{
             type: Component,
             args: [{ selector: 'mat-tags', template: "<div class=\"mat-form-field\">\n   <div class=\"form-label\">Add tags to organize and filter clients</div>\n   <mat-form-field appearance=\"fill\">\n      <mat-chip-grid #tagList aria-label=\"Tags\" id=\"tags-selecttag\">\n         <mat-chip-row *ngFor=\"let tag of tags\" (removed)=\"remove(tag)\">\n            {{tag}}\n            <span class=\"icon ph-trash-fill\" matChipRemove></span>\n         </mat-chip-row>\n         <input placeholder=\"New tag ...\" id=\"tags-newtag\" #tagInput [formControl]=\"newTagControl\" [matAutocomplete]=\"auto\" [matChipInputFor]=\"tagList\" [matChipInputSeparatorKeyCodes]=\"separatorKeysCodes\" (matChipInputTokenEnd)=\"add($event)\">\n      </mat-chip-grid>\n      <mat-autocomplete #auto=\"matAutocomplete\" (optionSelected)=\"selected($event)\">\n         <mat-option class=\"select-option\" *ngFor=\"let tag of filteredTags | async\" [value]=\"tag\">{{tag}}</mat-option>\n      </mat-autocomplete>\n   </mat-form-field>\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%}.form-label{margin-top:30px}\n"] }]
         }], ctorParameters: () => [{ type: i1.UntypedFormBuilder }], propDecorators: { allTags: [{

package/esm2022/lib/components/mat-tags/mat-tags.module.mjs

@@ -8,15 +8,15 @@ import { MatInputModule } from '@angular/material/input';
 import { MatTagsComponent } from './mat-tags.component';
 import * as i0 from "@angular/core";
 export class MatTagsModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.1", ngImport: i0, type: MatTagsModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.0.1", ngImport: i0, type: MatTagsModule, declarations: [MatTagsComponent], imports: [MatAutocompleteModule,
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.4", ngImport: i0, type: MatTagsModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.4", ngImport: i0, type: MatTagsModule, declarations: [MatTagsComponent], imports: [MatAutocompleteModule,
             FormsModule,
             MatFormFieldModule,
             ReactiveFormsModule,
             CommonModule,
             MatChipsModule,
             MatInputModule], exports: [MatTagsComponent] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.0.1", ngImport: i0, type: MatTagsModule, imports: [MatAutocompleteModule,
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.4", ngImport: i0, type: MatTagsModule, imports: [MatAutocompleteModule,
             FormsModule,
             MatFormFieldModule,
             ReactiveFormsModule,
@@ -24,7 +24,7 @@ export class MatTagsModule {
             MatChipsModule,
             MatInputModule] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.1", ngImport: i0, type: MatTagsModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.4", ngImport: i0, type: MatTagsModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [

package/esm2022/lib/components/paginator/paginator.component.mjs

@@ -36,10 +36,10 @@ export class PaginatorComponent extends ComponentBase {
             pageSize: this.pageSize
         });
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.1", ngImport: i0, type: PaginatorComponent, deps: [{ token: i1.MatSnackBar }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.1", type: PaginatorComponent, selector: "paginator", inputs: { items: "items" }, outputs: { page: "page" }, usesInheritance: true, ngImport: i0, template: "<div class=\"paginator\">\n   <div class=\"paginator-tools\">\n      <div class=\"back button\" *ngIf=\"items.page > 0\" (click)=\"back()\">\n         back\n      </div>\n      <div class=\"next button primary\" *ngIf=\"((items.page + 1) * items.itemsPerPage) < items.totalItems\" (click)=\"next()\">\n         next\n      </div>\n      <mat-form-field class=\"itemsperpage\" subscriptSizing=\"dynamic\">\n         <mat-label>pagesize</mat-label>\n         <mat-select [(ngModel)]=\"pageSize\" id=\"select-pagesize\" (ngModelChange)=\"changePageSize()\">\n            <mat-option class=\"select-option\" [value]=\"6\">6</mat-option>\n            <mat-option class=\"select-option\" [value]=\"12\">12</mat-option>\n            <mat-option class=\"select-option\" [value]=\"24\">24</mat-option>\n         </mat-select>\n      </mat-form-field>\n   </div>\n   <div class=\"paginator-metadata\">\n      {{items.totalItems}} items | page {{pageIndex + 1}} of {{pageCount}}\n   </div>\n</div>\n\n", styles: [".smallTextUppercase{font-family:StevieSansThin,sans-serif;font-style:normal;font-weight:400;font-size:15px;line-height:140%;text-transform:uppercase;line-height:100%}.paginator{margin-bottom:60px;margin-top:60px}.paginator .paginator-tools{display:flex}@media only screen and (max-width: 640px){.paginator .paginator-tools{display:block}}.paginator .paginator-tools .back,.paginator .paginator-tools .next{margin-right:15px}@media only screen and (max-width: 640px){.paginator .paginator-tools .back,.paginator .paginator-tools .next{display:block;margin-right:0;margin-bottom:10px}}.paginator .paginator-tools .itemsperpage{border:2px solid #f0f0f0;padding:2px 10px}@media only screen and (max-width: 640px){.paginator .paginator-tools .itemsperpage{display:block}}.paginator .paginator-metadata{color:#979797;font-size:16px;margin-top:10px}\n"], dependencies: [{ kind: "component", type: i2.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i2.MatLabel, selector: "mat-label" }, { kind: "component", type: i3.MatSelect, selector: "mat-select", inputs: ["aria-describedby", "panelClass", "disabled", "disableRipple", "tabIndex", "hideSingleSelectionIndicator", "placeholder", "required", "multiple", "disableOptionCentering", "compareWith", "value", "aria-label", "aria-labelledby", "errorStateMatcher", "typeaheadDebounceInterval", "sortComparator", "id", "panelWidth"], outputs: ["openedChange", "opened", "closed", "selectionChange", "valueChange"], exportAs: ["matSelect"] }, { kind: "component", type: i4.MatOption, selector: "mat-option", inputs: ["value", "id", "disabled"], outputs: ["onSelectionChange"], exportAs: ["matOption"] }, { kind: "directive", type: i5.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i6.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i6.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.4", ngImport: i0, type: PaginatorComponent, deps: [{ token: i1.MatSnackBar }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.4", type: PaginatorComponent, selector: "paginator", inputs: { items: "items" }, outputs: { page: "page" }, usesInheritance: true, ngImport: i0, template: "<div class=\"paginator\">\n   <div class=\"paginator-tools\">\n      <div class=\"back button\" *ngIf=\"items.page > 0\" (click)=\"back()\">\n         back\n      </div>\n      <div class=\"next button primary\" *ngIf=\"((items.page + 1) * items.itemsPerPage) < items.totalItems\" (click)=\"next()\">\n         next\n      </div>\n      <mat-form-field class=\"itemsperpage\" subscriptSizing=\"dynamic\">\n         <mat-label>pagesize</mat-label>\n         <mat-select [(ngModel)]=\"pageSize\" id=\"select-pagesize\" (ngModelChange)=\"changePageSize()\">\n            <mat-option class=\"select-option\" [value]=\"6\">6</mat-option>\n            <mat-option class=\"select-option\" [value]=\"12\">12</mat-option>\n            <mat-option class=\"select-option\" [value]=\"24\">24</mat-option>\n         </mat-select>\n      </mat-form-field>\n   </div>\n   <div class=\"paginator-metadata\">\n      {{items.totalItems}} items | page {{pageIndex + 1}} of {{pageCount}}\n   </div>\n</div>\n\n", styles: [".smallTextUppercase{font-family:StevieSansThin,sans-serif;font-style:normal;font-weight:400;font-size:15px;line-height:140%;text-transform:uppercase;line-height:100%}.paginator{margin-bottom:60px;margin-top:60px}.paginator .paginator-tools{display:flex}@media only screen and (max-width: 640px){.paginator .paginator-tools{display:block}}.paginator .paginator-tools .back,.paginator .paginator-tools .next{margin-right:15px}@media only screen and (max-width: 640px){.paginator .paginator-tools .back,.paginator .paginator-tools .next{display:block;margin-right:0;margin-bottom:10px}}.paginator .paginator-tools .itemsperpage{border:2px solid #f0f0f0;padding:2px 10px}@media only screen and (max-width: 640px){.paginator .paginator-tools .itemsperpage{display:block}}.paginator .paginator-metadata{color:#979797;font-size:16px;margin-top:10px}\n"], dependencies: [{ kind: "component", type: i2.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i2.MatLabel, selector: "mat-label" }, { kind: "component", type: i3.MatSelect, selector: "mat-select", inputs: ["aria-describedby", "panelClass", "disabled", "disableRipple", "tabIndex", "hideSingleSelectionIndicator", "placeholder", "required", "multiple", "disableOptionCentering", "compareWith", "value", "aria-label", "aria-labelledby", "errorStateMatcher", "typeaheadDebounceInterval", "sortComparator", "id", "panelWidth"], outputs: ["openedChange", "opened", "closed", "selectionChange", "valueChange"], exportAs: ["matSelect"] }, { kind: "component", type: i4.MatOption, selector: "mat-option", inputs: ["value", "id", "disabled"], outputs: ["onSelectionChange"], exportAs: ["matOption"] }, { kind: "directive", type: i5.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i6.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i6.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.1", ngImport: i0, type: PaginatorComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.4", ngImport: i0, type: PaginatorComponent, decorators: [{
             type: Component,
             args: [{ selector: 'paginator', template: "<div class=\"paginator\">\n   <div class=\"paginator-tools\">\n      <div class=\"back button\" *ngIf=\"items.page > 0\" (click)=\"back()\">\n         back\n      </div>\n      <div class=\"next button primary\" *ngIf=\"((items.page + 1) * items.itemsPerPage) < items.totalItems\" (click)=\"next()\">\n         next\n      </div>\n      <mat-form-field class=\"itemsperpage\" subscriptSizing=\"dynamic\">\n         <mat-label>pagesize</mat-label>\n         <mat-select [(ngModel)]=\"pageSize\" id=\"select-pagesize\" (ngModelChange)=\"changePageSize()\">\n            <mat-option class=\"select-option\" [value]=\"6\">6</mat-option>\n            <mat-option class=\"select-option\" [value]=\"12\">12</mat-option>\n            <mat-option class=\"select-option\" [value]=\"24\">24</mat-option>\n         </mat-select>\n      </mat-form-field>\n   </div>\n   <div class=\"paginator-metadata\">\n      {{items.totalItems}} items | page {{pageIndex + 1}} of {{pageCount}}\n   </div>\n</div>\n\n", styles: [".smallTextUppercase{font-family:StevieSansThin,sans-serif;font-style:normal;font-weight:400;font-size:15px;line-height:140%;text-transform:uppercase;line-height:100%}.paginator{margin-bottom:60px;margin-top:60px}.paginator .paginator-tools{display:flex}@media only screen and (max-width: 640px){.paginator .paginator-tools{display:block}}.paginator .paginator-tools .back,.paginator .paginator-tools .next{margin-right:15px}@media only screen and (max-width: 640px){.paginator .paginator-tools .back,.paginator .paginator-tools .next{display:block;margin-right:0;margin-bottom:10px}}.paginator .paginator-tools .itemsperpage{border:2px solid #f0f0f0;padding:2px 10px}@media only screen and (max-width: 640px){.paginator .paginator-tools .itemsperpage{display:block}}.paginator .paginator-metadata{color:#979797;font-size:16px;margin-top:10px}\n"] }]
         }], ctorParameters: () => [{ type: i1.MatSnackBar }], propDecorators: { items: [{

package/esm2022/lib/components/paginator/paginator.module.mjs

@@ -7,19 +7,19 @@ import { RouterModule } from '@angular/router';
 import { PaginatorComponent } from './paginator.component';
 import * as i0 from "@angular/core";
 export class PaginatorModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.1", ngImport: i0, type: PaginatorModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.0.1", ngImport: i0, type: PaginatorModule, declarations: [PaginatorComponent], imports: [MatSelectModule,
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.4", ngImport: i0, type: PaginatorModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.4", ngImport: i0, type: PaginatorModule, declarations: [PaginatorComponent], imports: [MatSelectModule,
             RouterModule,
             CommonModule,
             FormsModule,
             MatInputModule], exports: [PaginatorComponent] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.0.1", ngImport: i0, type: PaginatorModule, imports: [MatSelectModule,
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.4", ngImport: i0, type: PaginatorModule, imports: [MatSelectModule,
             RouterModule,
             CommonModule,
             FormsModule,
             MatInputModule] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.1", ngImport: i0, type: PaginatorModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.4", ngImport: i0, type: PaginatorModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [

package/esm2022/lib/components/scale-selector/scale-selector.component.mjs

@@ -126,12 +126,12 @@ export class ScaleSelectorComponent {
         }
         this.emitScaleKeys();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.1", ngImport: i0, type: ScaleSelectorComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.0.1", type: ScaleSelectorComponent, selector: "scale-selector", inputs: { scales: "scales", filter: "filter", disabled: "disabled", scaleKeys: "scaleKeys" }, outputs: { onCheckChange: "onCheckChange" }, providers: [
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.4", ngImport: i0, type: ScaleSelectorComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.4", type: ScaleSelectorComponent, selector: "scale-selector", inputs: { scales: "scales", filter: "filter", disabled: "disabled", scaleKeys: "scaleKeys" }, outputs: { onCheckChange: "onCheckChange" }, providers: [
             { provide: NG_VALUE_ACCESSOR, multi: true, useExisting: forwardRef(() => ScaleSelectorComponent), }
         ], ngImport: i0, template: "<div class=\"scaleselector-container\">\n   <div class=\"scaleselector-dropdown\">\n      <mat-form-field appearance=\"fill\">\n         <mat-label>Select topics</mat-label>\n         <mat-select id=\"question-scaleKeys\" [(ngModel)]=\"scaleKeys\" required multiple disableRipple [disabled]=\"disabled\">\n            <mat-select-trigger>\n               You selected {{scaleKeys.length}} topic(s)\n            </mat-select-trigger>\n\n            @for (factor of topScales; track factor) {\n            <mat-option class=\"select-option lower-0\" [value]=\"factor.publicKey\" (click)=\"toggleChildren(factor)\">\n               {{factor.name}} ({{factor.questionCount}} questions)\n               <span *ngFor=\"let segment of factor.segments | callback: filterSegmentWithQuestions\" class=\"segment\" [ngClass]=\"{'segment-teammember': segment.segment == SegmentEnum.TeamMember, 'segment-stakeholder': segment.segment == SegmentEnum.Stakeholder, 'segment-supporter': segment.segment == SegmentEnum.Management}\">{{segment.segment | segmentName}}</span>\n               <span class=\"icon ph-info-fill\" factorInformationDialog [factor]=\"factor\"></span>\n            </mat-option>\n\n            @for (lowerFactor of getChildFactors(factor.publicKey); track lowerFactor) {\n            <mat-option class=\"select-option lower-1\" [value]=\"lowerFactor.publicKey\" (click)=\"toggleParent(lowerFactor)\">\n               {{lowerFactor.name}} ({{lowerFactor.questionCount}} questions)\n               <span *ngFor=\"let segment of lowerFactor.segments | callback: filterSegmentWithQuestions\" class=\"segment\" [ngClass]=\"{'segment-teammember': segment.segment == SegmentEnum.TeamMember, 'segment-stakeholder': segment.segment == SegmentEnum.Stakeholder, 'segment-supporter': segment.segment == SegmentEnum.Management}\">{{segment.segment | segmentName}}</span>\n               <span class=\"icon ph-info-fill\" factorInformationDialog [factor]=\"lowerFactor\"></span>\n            </mat-option>\n            }\n            }\n         </mat-select>\n      </mat-form-field>\n   </div>\n   <div class=\"scaleselector-metadata\">\n      <div class=\"questionnaire-breakdown\" *ngIf=\"questionsTotal > 0\">\n         <div class=\"questionnaire-breakdown-label\">Expected duration (in minutes)</div>\n         <div class=\"questionnaire-breakdown-items\">\n            <div class=\"questionnaire-breakdown-item teammembers\" *ngIf=\"questionsTeamMembers > 0\" [matTooltip]=\"'At least ' + questionsTeamMembers + ' questions for team members. Additional questions may be added, and are typically answered once per team.'\" [ngStyle]=\"{'width': ((questionsTeamMembers / questionsTotal) * 100) + '%' }\">\n               {{durationTeamMembers | number:'1.0-0'}}m\n            </div>\n            <div class=\"questionnaire-breakdown-item stakeholders\" *ngIf=\"questionsStakeholders > 0\" [matTooltip]=\"'At least ' + questionsStakeholders + ' questions for stakeholders. Additional questions may be added, and are typically answered once per team.'\" [ngStyle]=\"{'width': ((questionsStakeholders / questionsTotal) * 100) + '%' }\">\n               {{durationStakeholders | number:'1.0-0'}}m\n            </div>\n            <div class=\"questionnaire-breakdown-item supporters\" *ngIf=\"questionsSupporters > 0\" [matTooltip]=\"'At least ' + questionsSupporters + ' questions for supporters. Additional questions may be added, and are typically answered once per team.'\" [ngStyle]=\"{'width': ((questionsSupporters / questionsTotal) * 100) + '%' }\">\n               {{durationSupporters | number:'1.0-0'}}m\n            </div>\n         </div>\n      </div>\n      <div class=\"questionnaire-accuracy\" *ngIf=\"questionsTotal > 0\">\n         <div class=\"questionnaire-breakdown-label\">Accuracy</div>\n         <div class=\"questionnaire-breakdown-bar-holder\">\n            <div class=\"questionnaire-accuracy-bar\" [ngClass]=\"{'low': questionnaireAccuracy < 0.25}\" [ngStyle]=\"{'width': (questionnaireAccuracy * 100) + '%' }\">{{questionnaireAccuracy * 100 | number:'1.0-0'}}%</div>\n         </div>\n      </div>\n   </div>\n\n   <div class=\"scaleselector-warnings\" *ngIf=\"warnings.length > 0 && scaleKeys.length > 0\">\n      <div class=\"scaleselector-warnings-warning\" *ngFor=\"let warning of warnings\">\n         <span class=\"icon ph-info-fill\"></span>{{warning}}\n      </div>\n   </div>\n\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%}.scaleselector-container .scaleselector-dropdown{flex:auto}.scaleselector-container .scaleselector-dropdown .mat-mdc-form-field{width:100%}.scaleselector-container .scaleselector-metadata{display:flex;column-gap:30px}@media only screen and (max-width: 992px){.scaleselector-container .scaleselector-metadata{display:block}}.scaleselector-container .scaleselector-metadata .questionnaire-breakdown{flex:50%}.scaleselector-container .scaleselector-metadata .questionnaire-breakdown .questionnaire-breakdown-label{font-size:12px;font-weight:900;text-transform:uppercase;font-family:StevieSans,sans-serif}.scaleselector-container .scaleselector-metadata .questionnaire-breakdown .questionnaire-breakdown-label .icon{color:#ef6f00;font-size:18px;vertical-align:middle;cursor:pointer}.scaleselector-container .scaleselector-metadata .questionnaire-breakdown .questionnaire-breakdown-items{display:flex;width:100%;height:20px;border-radius:15px;overflow:hidden;margin-bottom:15px}.scaleselector-container .scaleselector-metadata .questionnaire-breakdown .questionnaire-breakdown-item{flex:auto;min-width:50px;font-size:12px;font-weight:900;font-family:StevieSans,sans-serif;align-content:center;text-align:center}.scaleselector-container .scaleselector-metadata .questionnaire-breakdown .questionnaire-breakdown-item.teammembers{color:#fff;background:#1f3f8f}.scaleselector-container .scaleselector-metadata .questionnaire-breakdown .questionnaire-breakdown-item.stakeholders{background:#fff73f}.scaleselector-container .scaleselector-metadata .questionnaire-breakdown .questionnaire-breakdown-item.supporters{background:#ffbf00}.scaleselector-container .scaleselector-metadata .questionnaire-accuracy{flex:50%}.scaleselector-container .scaleselector-metadata .questionnaire-accuracy .questionnaire-breakdown-label{font-size:12px;font-weight:900;text-transform:uppercase;font-family:StevieSans,sans-serif}.scaleselector-container .scaleselector-metadata .questionnaire-accuracy .questionnaire-breakdown-bar-holder{margin-bottom:15px;background:#2f2f2f;height:20px;border-radius:15px;overflow:hidden}.scaleselector-container .scaleselector-metadata .questionnaire-accuracy .questionnaire-breakdown-bar-holder .questionnaire-accuracy-bar{flex:auto;min-width:50px;font-size:12px;font-weight:900;text-transform:uppercase;font-family:StevieSans,sans-serif;background:#00af77;height:100%;align-content:center;text-align:center}.scaleselector-container .scaleselector-metadata .questionnaire-accuracy .questionnaire-breakdown-bar-holder .questionnaire-accuracy-bar.low{background:#ffbf00}.scaleselector-container .scaleselector-warnings{margin-bottom:15px}.scaleselector-container .scaleselector-warnings .scaleselector-warnings-warning{display:flex;align-items:center;font-size:12pt}.scaleselector-container .scaleselector-warnings .scaleselector-warnings-warning .icon{color:#1f3f8f;font-size:16px;cursor:pointer;margin-right:10px}.mat-mdc-option.lower-1{margin-left:20px}.mat-mdc-option .segment{font-family:StevieSansThin,sans-serif;font-style:normal;font-weight:400;font-size:15px;line-height:140%;text-transform:uppercase;line-height:100%;padding:2px 4px;border-radius:4px;font-weight:600;font-size:10pt;margin-right:10px}.mat-mdc-option .segment.segment-stakeholder{background:#fff73f}.mat-mdc-option .segment.segment-teammember{background:#1f3f8f;color:#fff}.mat-mdc-option .segment.segment-supporter,.mat-mdc-option .segment.segment-management{background:#ffbf00}.mat-mdc-option .icon{vertical-align:middle;font-size:22px;color:#2f2f2f!important}\n"], dependencies: [{ kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i2.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i2.MatLabel, selector: "mat-label" }, { kind: "directive", type: i3.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i3.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "component", type: i4.MatSelect, selector: "mat-select", inputs: ["aria-describedby", "panelClass", "disabled", "disableRipple", "tabIndex", "hideSingleSelectionIndicator", "placeholder", "required", "multiple", "disableOptionCentering", "compareWith", "value", "aria-label", "aria-labelledby", "errorStateMatcher", "typeaheadDebounceInterval", "sortComparator", "id", "panelWidth"], outputs: ["openedChange", "opened", "closed", "selectionChange", "valueChange"], exportAs: ["matSelect"] }, { kind: "directive", type: i4.MatSelectTrigger, selector: "mat-select-trigger" }, { kind: "component", type: i5.MatOption, selector: "mat-option", inputs: ["value", "id", "disabled"], outputs: ["onSelectionChange"], exportAs: ["matOption"] }, { kind: "directive", type: i6.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "directive", type: i7.OpenFactorInformationDialogDirective, selector: "[factorInformationDialog]", inputs: ["factor"] }, { kind: "pipe", type: i3.DecimalPipe, name: "number" }, { kind: "pipe", type: i8.SegmentNamePipe, name: "segmentName" }, { kind: "pipe", type: i9.CallbackPipe, name: "callback" }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.1", ngImport: i0, type: ScaleSelectorComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.4", ngImport: i0, type: ScaleSelectorComponent, decorators: [{
             type: Component,
             args: [{ selector: 'scale-selector', providers: [
                         { provide: NG_VALUE_ACCESSOR, multi: true, useExisting: forwardRef(() => ScaleSelectorComponent), }

package/esm2022/lib/components/scale-selector/scale-selector.module.mjs

@@ -10,8 +10,8 @@ import { SegmentNamePipeModule } from '../../pipes/segmentName/segmentName.modul
 import { ScaleSelectorComponent } from './scale-selector.component';
 import * as i0 from "@angular/core";
 export class ScaleSelectorModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.1", ngImport: i0, type: ScaleSelectorModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.0.1", ngImport: i0, type: ScaleSelectorModule, declarations: [ScaleSelectorComponent], imports: [FormsModule,
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.4", ngImport: i0, type: ScaleSelectorModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.4", ngImport: i0, type: ScaleSelectorModule, declarations: [ScaleSelectorComponent], imports: [FormsModule,
             MatFormFieldModule,
             ReactiveFormsModule,
             CommonModule,
@@ -20,7 +20,7 @@ export class ScaleSelectorModule {
             CallbackPipeModule,
             MatTooltip,
             FactorInformationDialogModule], exports: [ScaleSelectorComponent] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.0.1", ngImport: i0, type: ScaleSelectorModule, imports: [FormsModule,
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.4", ngImport: i0, type: ScaleSelectorModule, imports: [FormsModule,
             MatFormFieldModule,
             ReactiveFormsModule,
             CommonModule,
@@ -29,7 +29,7 @@ export class ScaleSelectorModule {
             CallbackPipeModule,
             FactorInformationDialogModule] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.1", ngImport: i0, type: ScaleSelectorModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.4", ngImport: i0, type: ScaleSelectorModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [

package/esm2022/lib/dialogs/dialog-account/account.service.mjs

@@ -17,10 +17,10 @@ export class AccountService {
     getManageUrl() {
         return this.http.post(this.config.get().apiUrl + 'subscriptions/managesession/', null);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.1", ngImport: i0, type: AccountService, deps: [{ token: i1.HttpClient }, { token: ApiConfig }], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.0.1", ngImport: i0, type: AccountService }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.4", ngImport: i0, type: AccountService, deps: [{ token: i1.HttpClient }, { token: ApiConfig }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.4", ngImport: i0, type: AccountService }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.1", ngImport: i0, type: AccountService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.4", ngImport: i0, type: AccountService, decorators: [{
             type: Injectable
         }], ctorParameters: () => [{ type: i1.HttpClient }, { type: i2.ApiConfig, decorators: [{
                     type: Inject,

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

@@ -49,10 +49,10 @@ export class DialogAccountComponent extends ComponentWithViewStateBase {
         this.subscriptionKey = data.userInfo.client.publicKey;
         this.userName = data.userInfo.profile.name;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.1", ngImport: i0, type: DialogAccountComponent, deps: [{ token: i1.AuthService }, { token: i2.MatSnackBar }, { token: i3.AccountService }, { token: i4.MatDialogRef }, { token: VIEWSTATE_PROVIDER }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.1", type: DialogAccountComponent, selector: "ng-component", usesInheritance: true, ngImport: i0, template: "<div class=\"dialog-header\">\n   <h1 mat-dialog-title>{{userName}}<span class=\"email\">{{email}}</span></h1>\n   <div class=\"close\" mat-dialog-close><i class=\"responsive icon ph-x-bold\"></i></div>\n</div>\n<mat-dialog-content>\n   <hr />\n   <ul>\n      <li><a href=\"javascript:void(null);\" (click)=\"sendPasswordReset()\" mat-dialog-close id=\"account-passwordreset\">Send email to change password</a></li>\n      <li><a href=\"javascript:void(null);\" (click)=\"redirectToPortal()\" mat-dialog-close *ngIf=\"isAdmin\">Subscription & invoices (admins only) <span class=\"icon ph-arrow-square-out\"></span></a></li>\n      <li><a href=\"javascript:void(null);\" (click)=\"signout();\">Sign out</a></li>\n   </ul>\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%}.dialog-header .email{display:block;font-family:StevieSansThin,sans-serif;font-size:19px;font-weight:300;font-weight:400}hr{margin-top:0;background:#d7d7d7;border:2px solid #d7d7d7}ul{padding-left:0;list-style:none;font-size:19px}ul li{margin-bottom:20px}ul li a{text-decoration:none}\n"], dependencies: [{ kind: "directive", type: i4.MatDialogClose, selector: "[mat-dialog-close], [matDialogClose]", inputs: ["aria-label", "type", "mat-dialog-close", "matDialogClose"], exportAs: ["matDialogClose"] }, { kind: "directive", type: i4.MatDialogTitle, selector: "[mat-dialog-title], [matDialogTitle]", inputs: ["id"], exportAs: ["matDialogTitle"] }, { kind: "directive", type: i4.MatDialogContent, selector: "[mat-dialog-content], mat-dialog-content, [matDialogContent]" }, { 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: DialogAccountComponent, deps: [{ token: i1.AuthService }, { token: i2.MatSnackBar }, { token: i3.AccountService }, { token: i4.MatDialogRef }, { token: VIEWSTATE_PROVIDER }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.4", type: DialogAccountComponent, selector: "ng-component", usesInheritance: true, ngImport: i0, template: "<div class=\"dialog-header\">\n   <h1 mat-dialog-title>{{userName}}<span class=\"email\">{{email}}</span></h1>\n   <div class=\"close\" mat-dialog-close><i class=\"responsive icon ph-x-bold\"></i></div>\n</div>\n<mat-dialog-content>\n   <hr />\n   <ul>\n      <li><a href=\"javascript:void(null);\" (click)=\"sendPasswordReset()\" mat-dialog-close id=\"account-passwordreset\">Send email to change password</a></li>\n      <li><a href=\"javascript:void(null);\" (click)=\"redirectToPortal()\" mat-dialog-close *ngIf=\"isAdmin\">Subscription & invoices (admins only) <span class=\"icon ph-arrow-square-out\"></span></a></li>\n      <li><a href=\"javascript:void(null);\" (click)=\"signout();\">Sign out</a></li>\n   </ul>\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%}.dialog-header .email{display:block;font-family:StevieSansThin,sans-serif;font-size:19px;font-weight:300;font-weight:400}hr{margin-top:0;background:#d7d7d7;border:2px solid #d7d7d7}ul{padding-left:0;list-style:none;font-size:19px}ul li{margin-bottom:20px}ul li a{text-decoration:none}\n"], dependencies: [{ kind: "directive", type: i4.MatDialogClose, selector: "[mat-dialog-close], [matDialogClose]", inputs: ["aria-label", "type", "mat-dialog-close", "matDialogClose"], exportAs: ["matDialogClose"] }, { kind: "directive", type: i4.MatDialogTitle, selector: "[mat-dialog-title], [matDialogTitle]", inputs: ["id"], exportAs: ["matDialogTitle"] }, { kind: "directive", type: i4.MatDialogContent, selector: "[mat-dialog-content], mat-dialog-content, [matDialogContent]" }, { kind: "directive", type: i5.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.1", ngImport: i0, type: DialogAccountComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.4", ngImport: i0, type: DialogAccountComponent, decorators: [{
             type: Component,
             args: [{ template: "<div class=\"dialog-header\">\n   <h1 mat-dialog-title>{{userName}}<span class=\"email\">{{email}}</span></h1>\n   <div class=\"close\" mat-dialog-close><i class=\"responsive icon ph-x-bold\"></i></div>\n</div>\n<mat-dialog-content>\n   <hr />\n   <ul>\n      <li><a href=\"javascript:void(null);\" (click)=\"sendPasswordReset()\" mat-dialog-close id=\"account-passwordreset\">Send email to change password</a></li>\n      <li><a href=\"javascript:void(null);\" (click)=\"redirectToPortal()\" mat-dialog-close *ngIf=\"isAdmin\">Subscription & invoices (admins only) <span class=\"icon ph-arrow-square-out\"></span></a></li>\n      <li><a href=\"javascript:void(null);\" (click)=\"signout();\">Sign out</a></li>\n   </ul>\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%}.dialog-header .email{display:block;font-family:StevieSansThin,sans-serif;font-size:19px;font-weight:300;font-weight:400}hr{margin-top:0;background:#d7d7d7;border:2px solid #d7d7d7}ul{padding-left:0;list-style:none;font-size:19px}ul li{margin-bottom:20px}ul li a{text-decoration:none}\n"] }]
         }], ctorParameters: () => [{ type: i1.AuthService }, { type: i2.MatSnackBar }, { type: i3.AccountService }, { type: i4.MatDialogRef }, { type: i6.ViewModelStateBase, decorators: [{
@@ -71,10 +71,10 @@ export class OpenAccountDialogDirective {
         dialogConfig.exitAnimationDuration = 0;
         this.dialog.open(DialogAccountComponent, dialogConfig);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.1", ngImport: i0, type: OpenAccountDialogDirective, deps: [{ token: i4.MatDialog }], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.0.1", type: OpenAccountDialogDirective, selector: "[accountDialog]", host: { listeners: { "click": "onClick()" } }, ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.4", ngImport: i0, type: OpenAccountDialogDirective, deps: [{ token: i4.MatDialog }], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.4", type: OpenAccountDialogDirective, selector: "[accountDialog]", host: { listeners: { "click": "onClick()" } }, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.1", ngImport: i0, type: OpenAccountDialogDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.4", ngImport: i0, type: OpenAccountDialogDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[accountDialog]',

package/esm2022/lib/dialogs/dialog-account/dialog-account.module.mjs

@@ -5,11 +5,11 @@ import { AccountService } from './account.service';
 import { DialogAccountComponent, OpenAccountDialogDirective } from './dialog-account.component';
 import * as i0 from "@angular/core";
 export class DialogAccountModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.1", ngImport: i0, type: DialogAccountModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.0.1", ngImport: i0, type: DialogAccountModule, declarations: [DialogAccountComponent, OpenAccountDialogDirective], imports: [MatDialogModule, CommonModule], exports: [DialogAccountComponent, OpenAccountDialogDirective] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.0.1", ngImport: i0, type: DialogAccountModule, providers: [AccountService], imports: [MatDialogModule, CommonModule] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.4", ngImport: i0, type: DialogAccountModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.4", ngImport: i0, type: DialogAccountModule, declarations: [DialogAccountComponent, OpenAccountDialogDirective], imports: [MatDialogModule, CommonModule], exports: [DialogAccountComponent, OpenAccountDialogDirective] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.4", ngImport: i0, type: DialogAccountModule, providers: [AccountService], imports: [MatDialogModule, CommonModule] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.1", ngImport: i0, type: DialogAccountModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.4", ngImport: i0, type: DialogAccountModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [MatDialogModule, CommonModule],