@the-liberators/ngx-scrumteamsurvey-tools 2.2.89 → 2.2.91

package/esm2022/lib/branding/components/site-default-footer/site-default-footer.component.mjs

@@ -25,11 +25,11 @@ export class SiteDefaultFooterComponent extends ComponentWithViewStateBase {
     }
     ;
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: SiteDefaultFooterComponent, deps: [{ token: VIEWSTATE_PROVIDER }, { token: i1.MatSnackBar }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.6", type: SiteDefaultFooterComponent, selector: "site-default-footer", usesInheritance: true, ngImport: i0, template: "<footer *ngIf=\"loaded\">\n   <div class=\"section-content\">\n      <div class=\"footer-columns\">\n         <div class=\"footer-column footer-about\">\n            <h4>About</h4>\n            <div [innerHtml]=\"channel.pitch\"></div>\n         </div>\n         <div class=\"footer-column footer-links\">\n            <h4>Pages</h4>\n            <ul>\n               <li *ngFor=\"let item of mainMenu\"><a [href]=\"item.url\">{{item.name}}</a></li>\n            </ul>\n         </div>\n         <div class=\"footer-column footer-links\">\n            <h4>Resources</h4>\n            <ul>\n               <li *ngFor=\"let item of resourcesMenu\"><a [href]=\"item.url\" target=\"_blank\">{{item.name}}</a></li>\n            </ul>\n         </div>\n         <div class=\"footer-column footer-links\">\n            <h4>Support</h4>\n            <ul>\n               <li *ngFor=\"let item of supportMenu\"><a [href]=\"item.url\" target=\"_blank\">{{item.name}}</a></li>\n               <li><a [routerLink]=\"[]\" supportDialog id=\"footer-support\">Contact us</a></li>\n               <li><a [routerLink]=\"[]\" reportBugDialog id=\"footer-reportbug\">Report a bug</a></li>\n            </ul>\n         </div>\n      </div>\n   </div>\n\n   <div class=\"section-content\">\n      <div class=\"footer-bottom\">\n         <a class=\"footer-logo\" [href]=\"channel.siteUrl\">\n            <img class=\"responsive\" *ngIf=\"channel.branding.logoLargeUrl\" [src]=\"channel.branding.logoLargeUrl\" [title]=\"channel.name\" />\n         </a>\n         <div class=\"footer-socialmedia\">\n            <a *ngFor=\"let item of socialMediaMenu\" class=\"footer-socialmedia-icon\" [href]=\"item.url\" target=\"_blank\"><span [class]=\"'ph ' + item.icon\"></span></a>\n         </div>\n      </div>\n      <div class=\"footer-companyinformation\">\n         {{channel.poweredBy}}\n      </div>\n   </div>\n</footer>\n", styles: [".smallTextUppercase{font-family:StevieSansThin,sans-serif;font-style:normal;font-weight:400;font-size:15px;line-height:140%;text-transform:uppercase;line-height:100%}\n"], dependencies: [{ kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i3.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "directive", type: i4.OpenReportBugDialogDirective, selector: "[reportBugDialog]" }, { kind: "directive", type: i4.OpenSupportDialogDirective, selector: "[supportDialog]" }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.6", type: SiteDefaultFooterComponent, selector: "site-default-footer", usesInheritance: true, ngImport: i0, template: "<footer *ngIf=\"loaded\">\n   <div class=\"section-content\">\n      <div class=\"footer-columns\">\n         <div class=\"footer-column footer-about\">\n            <h4>About</h4>\n            <div [innerHtml]=\"channel.pitch\"></div>\n         </div>\n         <div class=\"footer-column footer-links\">\n            <h4>Pages</h4>\n            <ul>\n               <li *ngFor=\"let item of mainMenu\"><a [href]=\"item.url\">{{item.name}}</a></li>\n            </ul>\n         </div>\n         <div class=\"footer-column footer-links\">\n            <h4>Resources</h4>\n            <ul>\n               <li *ngFor=\"let item of resourcesMenu\"><a [href]=\"item.url\" target=\"_blank\">{{item.name}}</a></li>\n            </ul>\n         </div>\n         <div class=\"footer-column footer-links\">\n            <h4>Support</h4>\n            <ul>\n               <li *ngFor=\"let item of supportMenu\"><a [href]=\"item.url\" target=\"_blank\">{{item.name}}</a></li>\n               <li><a [routerLink]=\"[]\" supportDialog id=\"footer-support\">Contact us</a></li>\n               <li><a [routerLink]=\"[]\" reportBugDialog id=\"footer-reportbug\">Report a bug</a></li>\n            </ul>\n         </div>\n      </div>\n   </div>\n\n   <div class=\"section-content\">\n      <div class=\"footer-bottom\">\n         <a class=\"footer-logo\" [href]=\"channel.siteUrl\">\n            <img class=\"responsive\" *ngIf=\"channel.branding.logoLargeUrl\" [src]=\"channel.branding.logoLargeUrl\" [title]=\"channel.name\" />\n         </a>\n         <div class=\"footer-socialmedia\">\n            <a *ngFor=\"let item of socialMediaMenu\" class=\"footer-socialmedia-icon\" [href]=\"item.url\" target=\"_blank\"><span [class]=\"'ph ' + item.icon\"></span></a>\n         </div>\n      </div>\n      <div class=\"footer-companyinformation\">\n         {{channel.poweredBy}}\n      </div>\n   </div>\n</footer>\n", styles: [".smallTextUppercase{font-family:StevieSansThin,sans-serif;font-style:normal;font-weight:400;font-size:15px;line-height:140%;text-transform:uppercase;line-height:100%}.bigletteredbutton{-webkit-transition:all .25s ease-in-out;-moz-transition:all .25s ease-in-out;-o-transition:all .25s ease-in-out;transition:all .25s ease-in-out;text-decoration:none;background:#ffffff1a;margin-bottom:10px;display:flex;align-content:center;border-radius:20px;padding:15px;font-size:24px;border:2px solid #1F3F8F;border-bottom:6px solid #1F3F8F;color:#fff;align-items:center;cursor:pointer}.bigletteredbutton .free{font-family:StevieSansThin,sans-serif;font-style:normal;font-weight:400;font-size:15px;line-height:140%;background:#fff73f;color:#2f2f2f;padding:3px 5px;margin-left:20px;border-radius:10px}.bigletteredbutton .plan{font-family:StevieSansThin,sans-serif;font-style:normal;font-weight:400;font-size:15px;line-height:140%;background:#fff;color:#2f2f2f;padding:3px 5px;margin-left:20px;border-radius:10px}.bigletteredbutton:hover,.bigletteredbutton.selected{border:2px solid #fff73f;border-bottom:6px solid #fff73f}.bigletteredbutton .button-letter{-webkit-transition:all .25s ease-in-out;-moz-transition:all .25s ease-in-out;-o-transition:all .25s ease-in-out;transition:all .25s ease-in-out;font-family:StevieSans,sans-serif;border-radius:30px;height:52px;width:52px;min-width:52px;min-height:52px;font-weight:900;font-size:30px;line-height:100%;display:flex;align-items:center;justify-content:center;background:#fff73f;color:#1f3f8f;margin-right:20px}.bigletteredbutton .button-letter .ph{color:#1f3f8f}.bigletteredbutton .button-letter:hover{background:#1f3f8f;color:#fff73f}.bigletteredbutton .button-letter:hover .ph{color:#fff73f}.roundicon-yellow{-webkit-transition:all .25s ease-in-out;-moz-transition:all .25s ease-in-out;-o-transition:all .25s ease-in-out;transition:all .25s ease-in-out;font-family:StevieSans,sans-serif;border-radius:30px;height:52px;width:52px;min-width:52px;min-height:52px;font-weight:900;font-size:30px;line-height:100%;display:flex;align-items:center;justify-content:center;background:#fff73f;color:#1f3f8f}.roundicon-yellow .ph{color:#1f3f8f}.roundicon-yellow:hover{background:#1f3f8f;color:#fff73f}.roundicon-yellow:hover .ph{color:#fff73f}.roundicon{-webkit-transition:all .25s ease-in-out;-moz-transition:all .25s ease-in-out;-o-transition:all .25s ease-in-out;transition:all .25s ease-in-out;font-family:StevieSans,sans-serif;border-radius:30px;height:52px;width:52px;min-width:52px;min-height:52px;font-weight:900;font-size:30px;line-height:100%;display:flex;align-items:center;justify-content:center}.roundicon-large{-webkit-transition:all .25s ease-in-out;-moz-transition:all .25s ease-in-out;-o-transition:all .25s ease-in-out;transition:all .25s ease-in-out;font-family:StevieSans,sans-serif;height:52px;width:52px;min-width:52px;min-height:52px;font-weight:900;font-size:30px;line-height:100%;display:flex;align-items:center;justify-content:center;border-radius:60px;height:120px;width:120px}\n"], dependencies: [{ kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i3.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "directive", type: i4.OpenReportBugDialogDirective, selector: "[reportBugDialog]" }, { kind: "directive", type: i4.OpenSupportDialogDirective, selector: "[supportDialog]" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: SiteDefaultFooterComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'site-default-footer', template: "<footer *ngIf=\"loaded\">\n   <div class=\"section-content\">\n      <div class=\"footer-columns\">\n         <div class=\"footer-column footer-about\">\n            <h4>About</h4>\n            <div [innerHtml]=\"channel.pitch\"></div>\n         </div>\n         <div class=\"footer-column footer-links\">\n            <h4>Pages</h4>\n            <ul>\n               <li *ngFor=\"let item of mainMenu\"><a [href]=\"item.url\">{{item.name}}</a></li>\n            </ul>\n         </div>\n         <div class=\"footer-column footer-links\">\n            <h4>Resources</h4>\n            <ul>\n               <li *ngFor=\"let item of resourcesMenu\"><a [href]=\"item.url\" target=\"_blank\">{{item.name}}</a></li>\n            </ul>\n         </div>\n         <div class=\"footer-column footer-links\">\n            <h4>Support</h4>\n            <ul>\n               <li *ngFor=\"let item of supportMenu\"><a [href]=\"item.url\" target=\"_blank\">{{item.name}}</a></li>\n               <li><a [routerLink]=\"[]\" supportDialog id=\"footer-support\">Contact us</a></li>\n               <li><a [routerLink]=\"[]\" reportBugDialog id=\"footer-reportbug\">Report a bug</a></li>\n            </ul>\n         </div>\n      </div>\n   </div>\n\n   <div class=\"section-content\">\n      <div class=\"footer-bottom\">\n         <a class=\"footer-logo\" [href]=\"channel.siteUrl\">\n            <img class=\"responsive\" *ngIf=\"channel.branding.logoLargeUrl\" [src]=\"channel.branding.logoLargeUrl\" [title]=\"channel.name\" />\n         </a>\n         <div class=\"footer-socialmedia\">\n            <a *ngFor=\"let item of socialMediaMenu\" class=\"footer-socialmedia-icon\" [href]=\"item.url\" target=\"_blank\"><span [class]=\"'ph ' + item.icon\"></span></a>\n         </div>\n      </div>\n      <div class=\"footer-companyinformation\">\n         {{channel.poweredBy}}\n      </div>\n   </div>\n</footer>\n", styles: [".smallTextUppercase{font-family:StevieSansThin,sans-serif;font-style:normal;font-weight:400;font-size:15px;line-height:140%;text-transform:uppercase;line-height:100%}\n"] }]
+            args: [{ selector: 'site-default-footer', template: "<footer *ngIf=\"loaded\">\n   <div class=\"section-content\">\n      <div class=\"footer-columns\">\n         <div class=\"footer-column footer-about\">\n            <h4>About</h4>\n            <div [innerHtml]=\"channel.pitch\"></div>\n         </div>\n         <div class=\"footer-column footer-links\">\n            <h4>Pages</h4>\n            <ul>\n               <li *ngFor=\"let item of mainMenu\"><a [href]=\"item.url\">{{item.name}}</a></li>\n            </ul>\n         </div>\n         <div class=\"footer-column footer-links\">\n            <h4>Resources</h4>\n            <ul>\n               <li *ngFor=\"let item of resourcesMenu\"><a [href]=\"item.url\" target=\"_blank\">{{item.name}}</a></li>\n            </ul>\n         </div>\n         <div class=\"footer-column footer-links\">\n            <h4>Support</h4>\n            <ul>\n               <li *ngFor=\"let item of supportMenu\"><a [href]=\"item.url\" target=\"_blank\">{{item.name}}</a></li>\n               <li><a [routerLink]=\"[]\" supportDialog id=\"footer-support\">Contact us</a></li>\n               <li><a [routerLink]=\"[]\" reportBugDialog id=\"footer-reportbug\">Report a bug</a></li>\n            </ul>\n         </div>\n      </div>\n   </div>\n\n   <div class=\"section-content\">\n      <div class=\"footer-bottom\">\n         <a class=\"footer-logo\" [href]=\"channel.siteUrl\">\n            <img class=\"responsive\" *ngIf=\"channel.branding.logoLargeUrl\" [src]=\"channel.branding.logoLargeUrl\" [title]=\"channel.name\" />\n         </a>\n         <div class=\"footer-socialmedia\">\n            <a *ngFor=\"let item of socialMediaMenu\" class=\"footer-socialmedia-icon\" [href]=\"item.url\" target=\"_blank\"><span [class]=\"'ph ' + item.icon\"></span></a>\n         </div>\n      </div>\n      <div class=\"footer-companyinformation\">\n         {{channel.poweredBy}}\n      </div>\n   </div>\n</footer>\n", styles: [".smallTextUppercase{font-family:StevieSansThin,sans-serif;font-style:normal;font-weight:400;font-size:15px;line-height:140%;text-transform:uppercase;line-height:100%}.bigletteredbutton{-webkit-transition:all .25s ease-in-out;-moz-transition:all .25s ease-in-out;-o-transition:all .25s ease-in-out;transition:all .25s ease-in-out;text-decoration:none;background:#ffffff1a;margin-bottom:10px;display:flex;align-content:center;border-radius:20px;padding:15px;font-size:24px;border:2px solid #1F3F8F;border-bottom:6px solid #1F3F8F;color:#fff;align-items:center;cursor:pointer}.bigletteredbutton .free{font-family:StevieSansThin,sans-serif;font-style:normal;font-weight:400;font-size:15px;line-height:140%;background:#fff73f;color:#2f2f2f;padding:3px 5px;margin-left:20px;border-radius:10px}.bigletteredbutton .plan{font-family:StevieSansThin,sans-serif;font-style:normal;font-weight:400;font-size:15px;line-height:140%;background:#fff;color:#2f2f2f;padding:3px 5px;margin-left:20px;border-radius:10px}.bigletteredbutton:hover,.bigletteredbutton.selected{border:2px solid #fff73f;border-bottom:6px solid #fff73f}.bigletteredbutton .button-letter{-webkit-transition:all .25s ease-in-out;-moz-transition:all .25s ease-in-out;-o-transition:all .25s ease-in-out;transition:all .25s ease-in-out;font-family:StevieSans,sans-serif;border-radius:30px;height:52px;width:52px;min-width:52px;min-height:52px;font-weight:900;font-size:30px;line-height:100%;display:flex;align-items:center;justify-content:center;background:#fff73f;color:#1f3f8f;margin-right:20px}.bigletteredbutton .button-letter .ph{color:#1f3f8f}.bigletteredbutton .button-letter:hover{background:#1f3f8f;color:#fff73f}.bigletteredbutton .button-letter:hover .ph{color:#fff73f}.roundicon-yellow{-webkit-transition:all .25s ease-in-out;-moz-transition:all .25s ease-in-out;-o-transition:all .25s ease-in-out;transition:all .25s ease-in-out;font-family:StevieSans,sans-serif;border-radius:30px;height:52px;width:52px;min-width:52px;min-height:52px;font-weight:900;font-size:30px;line-height:100%;display:flex;align-items:center;justify-content:center;background:#fff73f;color:#1f3f8f}.roundicon-yellow .ph{color:#1f3f8f}.roundicon-yellow:hover{background:#1f3f8f;color:#fff73f}.roundicon-yellow:hover .ph{color:#fff73f}.roundicon{-webkit-transition:all .25s ease-in-out;-moz-transition:all .25s ease-in-out;-o-transition:all .25s ease-in-out;transition:all .25s ease-in-out;font-family:StevieSans,sans-serif;border-radius:30px;height:52px;width:52px;min-width:52px;min-height:52px;font-weight:900;font-size:30px;line-height:100%;display:flex;align-items:center;justify-content:center}.roundicon-large{-webkit-transition:all .25s ease-in-out;-moz-transition:all .25s ease-in-out;-o-transition:all .25s ease-in-out;transition:all .25s ease-in-out;font-family:StevieSans,sans-serif;height:52px;width:52px;min-width:52px;min-height:52px;font-weight:900;font-size:30px;line-height:100%;display:flex;align-items:center;justify-content:center;border-radius:60px;height:120px;width:120px}\n"] }]
         }], ctorParameters: () => [{ type: i5.ViewModelStateBase, decorators: [{
                     type: Inject,
                     args: [VIEWSTATE_PROVIDER]

package/esm2022/lib/branding/components/site-default-header/site-default-header.component.mjs

@@ -30,7 +30,7 @@ export class SiteDefaultHeaderComponent extends ComponentWithViewStateBase {
     }
     ;
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: SiteDefaultHeaderComponent, deps: [{ token: VIEWSTATE_PROVIDER }, { token: i1.MatSnackBar }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.6", type: SiteDefaultHeaderComponent, selector: "site-default-header", host: { listeners: { "window:click": "onClick()" } }, usesInheritance: true, ngImport: i0, template: "<header *ngIf=\"channel\">\n   <a class=\"header header-logo\" [href]=\"channel.siteUrl\">\n      <img class=\"responsive\" *ngIf=\"channel.branding.logoLargeUrl\" [src]=\"channel.branding.logoLargeUrl\" [title]=\"channel.name\"/>\n   </a>\n   <div class=\"header header-nav\">\n      <div class=\"nav nav-main\" (click)=\"toggleMenu($event)\">\n         <div class=\"menu\" role=\"navigation\" [@openClose]=\"visible ? true : false\">\n            <div class=\"menu-close\">close</div>\n            <ul>\n               <ng-container *ngFor=\"let item of mainMenu\">\n                  <li>\n                     <a *ngIf=\"item.url\" [href]=\"item.url\">{{item.name}}</a>\n                     <span *ngIf=\"!item.url\">{{item.name}}</span>\n                  </li>\n                  <li *ngIf=\"item.children\">\n                     <ul>\n                        <li *ngFor=\"let child of item.children\"><a [href]=\"item.url\">{{child.name}}</a></li>\n                     </ul>\n                  </li>\n               </ng-container>\n            </ul>\n         </div>\n         <div class=\"label\">\n            Menu\n         </div>\n      </div>\n      <a class=\"nav nav-try responsive-hidesmall\" [href]=\"cta.url\" *ngIf=\"cta\">\n         {{cta.name}}\n      </a>\n   </div>\n</header>\n", styles: [".smallTextUppercase{font-family:StevieSansThin,sans-serif;font-style:normal;font-weight:400;font-size:15px;line-height:140%;text-transform:uppercase;line-height:100%}\n"], dependencies: [{ kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], animations: [
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.6", type: SiteDefaultHeaderComponent, selector: "site-default-header", host: { listeners: { "window:click": "onClick()" } }, usesInheritance: true, ngImport: i0, template: "<header *ngIf=\"channel\">\n   <a class=\"header header-logo\" [href]=\"channel.siteUrl\">\n      <img class=\"responsive\" *ngIf=\"channel.branding.logoLargeUrl\" [src]=\"channel.branding.logoLargeUrl\" [title]=\"channel.name\"/>\n   </a>\n   <div class=\"header header-nav\">\n      <div class=\"nav nav-main\" (click)=\"toggleMenu($event)\">\n         <div class=\"menu\" role=\"navigation\" [@openClose]=\"visible ? true : false\">\n            <div class=\"menu-close\">close</div>\n            <ul>\n               <ng-container *ngFor=\"let item of mainMenu\">\n                  <li>\n                     <a *ngIf=\"item.url\" [href]=\"item.url\">{{item.name}}</a>\n                     <span *ngIf=\"!item.url\">{{item.name}}</span>\n                  </li>\n                  <li *ngIf=\"item.children\">\n                     <ul>\n                        <li *ngFor=\"let child of item.children\"><a [href]=\"item.url\">{{child.name}}</a></li>\n                     </ul>\n                  </li>\n               </ng-container>\n            </ul>\n         </div>\n         <div class=\"label\">\n            Menu\n         </div>\n      </div>\n      <a class=\"nav nav-try responsive-hidesmall\" [href]=\"cta.url\" *ngIf=\"cta\">\n         {{cta.name}}\n      </a>\n   </div>\n</header>\n", styles: [".smallTextUppercase{font-family:StevieSansThin,sans-serif;font-style:normal;font-weight:400;font-size:15px;line-height:140%;text-transform:uppercase;line-height:100%}.bigletteredbutton{-webkit-transition:all .25s ease-in-out;-moz-transition:all .25s ease-in-out;-o-transition:all .25s ease-in-out;transition:all .25s ease-in-out;text-decoration:none;background:#ffffff1a;margin-bottom:10px;display:flex;align-content:center;border-radius:20px;padding:15px;font-size:24px;border:2px solid #1F3F8F;border-bottom:6px solid #1F3F8F;color:#fff;align-items:center;cursor:pointer}.bigletteredbutton .free{font-family:StevieSansThin,sans-serif;font-style:normal;font-weight:400;font-size:15px;line-height:140%;background:#fff73f;color:#2f2f2f;padding:3px 5px;margin-left:20px;border-radius:10px}.bigletteredbutton .plan{font-family:StevieSansThin,sans-serif;font-style:normal;font-weight:400;font-size:15px;line-height:140%;background:#fff;color:#2f2f2f;padding:3px 5px;margin-left:20px;border-radius:10px}.bigletteredbutton:hover,.bigletteredbutton.selected{border:2px solid #fff73f;border-bottom:6px solid #fff73f}.bigletteredbutton .button-letter{-webkit-transition:all .25s ease-in-out;-moz-transition:all .25s ease-in-out;-o-transition:all .25s ease-in-out;transition:all .25s ease-in-out;font-family:StevieSans,sans-serif;border-radius:30px;height:52px;width:52px;min-width:52px;min-height:52px;font-weight:900;font-size:30px;line-height:100%;display:flex;align-items:center;justify-content:center;background:#fff73f;color:#1f3f8f;margin-right:20px}.bigletteredbutton .button-letter .ph{color:#1f3f8f}.bigletteredbutton .button-letter:hover{background:#1f3f8f;color:#fff73f}.bigletteredbutton .button-letter:hover .ph{color:#fff73f}.roundicon-yellow{-webkit-transition:all .25s ease-in-out;-moz-transition:all .25s ease-in-out;-o-transition:all .25s ease-in-out;transition:all .25s ease-in-out;font-family:StevieSans,sans-serif;border-radius:30px;height:52px;width:52px;min-width:52px;min-height:52px;font-weight:900;font-size:30px;line-height:100%;display:flex;align-items:center;justify-content:center;background:#fff73f;color:#1f3f8f}.roundicon-yellow .ph{color:#1f3f8f}.roundicon-yellow:hover{background:#1f3f8f;color:#fff73f}.roundicon-yellow:hover .ph{color:#fff73f}.roundicon{-webkit-transition:all .25s ease-in-out;-moz-transition:all .25s ease-in-out;-o-transition:all .25s ease-in-out;transition:all .25s ease-in-out;font-family:StevieSans,sans-serif;border-radius:30px;height:52px;width:52px;min-width:52px;min-height:52px;font-weight:900;font-size:30px;line-height:100%;display:flex;align-items:center;justify-content:center}.roundicon-large{-webkit-transition:all .25s ease-in-out;-moz-transition:all .25s ease-in-out;-o-transition:all .25s ease-in-out;transition:all .25s ease-in-out;font-family:StevieSans,sans-serif;height:52px;width:52px;min-width:52px;min-height:52px;font-weight:900;font-size:30px;line-height:100%;display:flex;align-items:center;justify-content:center;border-radius:60px;height:120px;width:120px}\n"], dependencies: [{ kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], animations: [
             trigger('openClose', [
                 state('true', style({
                     height: 'auto',
@@ -66,9 +66,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.6", ngImpor
                         ])
                     ], host: {
                         "(window:click)": "onClick()"
-                    }, template: "<header *ngIf=\"channel\">\n   <a class=\"header header-logo\" [href]=\"channel.siteUrl\">\n      <img class=\"responsive\" *ngIf=\"channel.branding.logoLargeUrl\" [src]=\"channel.branding.logoLargeUrl\" [title]=\"channel.name\"/>\n   </a>\n   <div class=\"header header-nav\">\n      <div class=\"nav nav-main\" (click)=\"toggleMenu($event)\">\n         <div class=\"menu\" role=\"navigation\" [@openClose]=\"visible ? true : false\">\n            <div class=\"menu-close\">close</div>\n            <ul>\n               <ng-container *ngFor=\"let item of mainMenu\">\n                  <li>\n                     <a *ngIf=\"item.url\" [href]=\"item.url\">{{item.name}}</a>\n                     <span *ngIf=\"!item.url\">{{item.name}}</span>\n                  </li>\n                  <li *ngIf=\"item.children\">\n                     <ul>\n                        <li *ngFor=\"let child of item.children\"><a [href]=\"item.url\">{{child.name}}</a></li>\n                     </ul>\n                  </li>\n               </ng-container>\n            </ul>\n         </div>\n         <div class=\"label\">\n            Menu\n         </div>\n      </div>\n      <a class=\"nav nav-try responsive-hidesmall\" [href]=\"cta.url\" *ngIf=\"cta\">\n         {{cta.name}}\n      </a>\n   </div>\n</header>\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"] }]
+                    }, template: "<header *ngIf=\"channel\">\n   <a class=\"header header-logo\" [href]=\"channel.siteUrl\">\n      <img class=\"responsive\" *ngIf=\"channel.branding.logoLargeUrl\" [src]=\"channel.branding.logoLargeUrl\" [title]=\"channel.name\"/>\n   </a>\n   <div class=\"header header-nav\">\n      <div class=\"nav nav-main\" (click)=\"toggleMenu($event)\">\n         <div class=\"menu\" role=\"navigation\" [@openClose]=\"visible ? true : false\">\n            <div class=\"menu-close\">close</div>\n            <ul>\n               <ng-container *ngFor=\"let item of mainMenu\">\n                  <li>\n                     <a *ngIf=\"item.url\" [href]=\"item.url\">{{item.name}}</a>\n                     <span *ngIf=\"!item.url\">{{item.name}}</span>\n                  </li>\n                  <li *ngIf=\"item.children\">\n                     <ul>\n                        <li *ngFor=\"let child of item.children\"><a [href]=\"item.url\">{{child.name}}</a></li>\n                     </ul>\n                  </li>\n               </ng-container>\n            </ul>\n         </div>\n         <div class=\"label\">\n            Menu\n         </div>\n      </div>\n      <a class=\"nav nav-try responsive-hidesmall\" [href]=\"cta.url\" *ngIf=\"cta\">\n         {{cta.name}}\n      </a>\n   </div>\n</header>\n", styles: [".smallTextUppercase{font-family:StevieSansThin,sans-serif;font-style:normal;font-weight:400;font-size:15px;line-height:140%;text-transform:uppercase;line-height:100%}.bigletteredbutton{-webkit-transition:all .25s ease-in-out;-moz-transition:all .25s ease-in-out;-o-transition:all .25s ease-in-out;transition:all .25s ease-in-out;text-decoration:none;background:#ffffff1a;margin-bottom:10px;display:flex;align-content:center;border-radius:20px;padding:15px;font-size:24px;border:2px solid #1F3F8F;border-bottom:6px solid #1F3F8F;color:#fff;align-items:center;cursor:pointer}.bigletteredbutton .free{font-family:StevieSansThin,sans-serif;font-style:normal;font-weight:400;font-size:15px;line-height:140%;background:#fff73f;color:#2f2f2f;padding:3px 5px;margin-left:20px;border-radius:10px}.bigletteredbutton .plan{font-family:StevieSansThin,sans-serif;font-style:normal;font-weight:400;font-size:15px;line-height:140%;background:#fff;color:#2f2f2f;padding:3px 5px;margin-left:20px;border-radius:10px}.bigletteredbutton:hover,.bigletteredbutton.selected{border:2px solid #fff73f;border-bottom:6px solid #fff73f}.bigletteredbutton .button-letter{-webkit-transition:all .25s ease-in-out;-moz-transition:all .25s ease-in-out;-o-transition:all .25s ease-in-out;transition:all .25s ease-in-out;font-family:StevieSans,sans-serif;border-radius:30px;height:52px;width:52px;min-width:52px;min-height:52px;font-weight:900;font-size:30px;line-height:100%;display:flex;align-items:center;justify-content:center;background:#fff73f;color:#1f3f8f;margin-right:20px}.bigletteredbutton .button-letter .ph{color:#1f3f8f}.bigletteredbutton .button-letter:hover{background:#1f3f8f;color:#fff73f}.bigletteredbutton .button-letter:hover .ph{color:#fff73f}.roundicon-yellow{-webkit-transition:all .25s ease-in-out;-moz-transition:all .25s ease-in-out;-o-transition:all .25s ease-in-out;transition:all .25s ease-in-out;font-family:StevieSans,sans-serif;border-radius:30px;height:52px;width:52px;min-width:52px;min-height:52px;font-weight:900;font-size:30px;line-height:100%;display:flex;align-items:center;justify-content:center;background:#fff73f;color:#1f3f8f}.roundicon-yellow .ph{color:#1f3f8f}.roundicon-yellow:hover{background:#1f3f8f;color:#fff73f}.roundicon-yellow:hover .ph{color:#fff73f}.roundicon{-webkit-transition:all .25s ease-in-out;-moz-transition:all .25s ease-in-out;-o-transition:all .25s ease-in-out;transition:all .25s ease-in-out;font-family:StevieSans,sans-serif;border-radius:30px;height:52px;width:52px;min-width:52px;min-height:52px;font-weight:900;font-size:30px;line-height:100%;display:flex;align-items:center;justify-content:center}.roundicon-large{-webkit-transition:all .25s ease-in-out;-moz-transition:all .25s ease-in-out;-o-transition:all .25s ease-in-out;transition:all .25s ease-in-out;font-family:StevieSans,sans-serif;height:52px;width:52px;min-width:52px;min-height:52px;font-weight:900;font-size:30px;line-height:100%;display:flex;align-items:center;justify-content:center;border-radius:60px;height:120px;width:120px}\n"] }]
         }], ctorParameters: () => [{ type: i3.ViewModelStateBase, decorators: [{
                     type: Inject,
                     args: [VIEWSTATE_PROVIDER]
                 }] }, { type: i1.MatSnackBar }] });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2l0ZS1kZWZhdWx0LWhlYWRlci5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9uZ3gtc2NydW10ZWFtc3VydmV5LXRvb2xzL3NyYy9saWIvYnJhbmRpbmcvY29tcG9uZW50cy9zaXRlLWRlZmF1bHQtaGVhZGVyL3NpdGUtZGVmYXVsdC1oZWFkZXIuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbmd4LXNjcnVtdGVhbXN1cnZleS10b29scy9zcmMvbGliL2JyYW5kaW5nL2NvbXBvbmVudHMvc2l0ZS1kZWZhdWx0LWhlYWRlci9zaXRlLWRlZmF1bHQtaGVhZGVyLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxPQUFPLEVBQUUsS0FBSyxFQUFFLEtBQUssRUFBRSxVQUFVLEVBQUUsT0FBTyxFQUFFLE1BQU0scUJBQXFCLENBQUM7QUFDakYsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFFbEQsT0FBTyxFQUFFLDBCQUEwQixFQUFFLE1BQU0scUNBQXFDLENBQUM7QUFFakYsT0FBTyxFQUFFLGtCQUFrQixFQUFzQixNQUFNLDJDQUEyQyxDQUFDO0FBQ25HLE9BQU8sRUFBZ0MscUJBQXFCLEVBQUUsTUFBTSw0QkFBNEIsQ0FBQzs7Ozs7QUEwQmpHLE1BQU0sT0FBTywwQkFBMkIsU0FBUSwwQkFBdUM7SUFNcEYsWUFBZ0QsS0FBcUMsRUFBRSxRQUFxQjtRQUN6RyxLQUFLLENBQUMsS0FBSyxFQUFFLFFBQVEsQ0FBQyxDQUFBO1FBRHVCLFVBQUssR0FBTCxLQUFLLENBQWdDO1FBTDlFLFlBQU8sR0FBWSxLQUFLLENBQUM7SUFPaEMsQ0FBQztJQUVELEtBQUssQ0FBQyxRQUFRO1FBQ1gsS0FBSyxDQUFDLFFBQVEsRUFBRSxDQUFDO0lBQ3BCLENBQUM7SUFFTSxVQUFVLENBQUMsTUFBTTtRQUNyQixNQUFNLENBQUMsZUFBZSxFQUFFLENBQUM7UUFDekIsSUFBSSxDQUFDLE9BQU8sR0FBRyxDQUFDLElBQUksQ0FBQyxPQUFPLENBQUM7SUFDaEMsQ0FBQztJQUVNLE9BQU87UUFDWCxJQUFJLENBQUMsT0FBTyxHQUFHLEtBQUssQ0FBQztJQUN4QixDQUFDO0lBRVMsWUFBWSxDQUFDLElBQWdCO1FBQ3BDLElBQUksQ0FBQyxPQUFPLEdBQUcsSUFBSSxDQUFDLE9BQU8sQ0FBQztRQUM1QixJQUFJLENBQUMsUUFBUSxHQUFHLElBQUksQ0FBQyxPQUFPLENBQUMsY0FBYyxDQUFDLE1BQU0sQ0FBQyxDQUFDLENBQUMsRUFBRSxDQUFDLENBQUMsQ0FBQyxRQUFRLENBQUMsUUFBUSxFQUFFLElBQUkscUJBQXFCLENBQUMsUUFBUSxDQUFDLFFBQVEsRUFBRSxDQUFDLENBQUM7UUFDNUgsSUFBSSxDQUFDLEdBQUcsR0FBRyxJQUFJLENBQUMsT0FBTyxDQUFDLGNBQWMsQ0FBQyxJQUFJLENBQUMsQ0FBQyxDQUFDLEVBQUUsQ0FBQyxDQUFDLENBQUMsUUFBUSxDQUFDLFFBQVEsRUFBRSxJQUFJLHFCQUFxQixDQUFDLFdBQVcsQ0FBQyxRQUFRLEVBQUUsQ0FBQyxDQUFDO0lBQzNILENBQUM7SUFBQSxDQUFDOzhHQTNCUSwwQkFBMEIsa0JBTWhCLGtCQUFrQjtrR0FONUIsMEJBQTBCLHdJQ2hDdkMsMHhDQStCQSxxYkRuQmU7WUFDVCxPQUFPLENBQUMsV0FBVyxFQUFFO2dCQUNsQixLQUFLLENBQUMsTUFBTSxFQUFFLEtBQUssQ0FBQztvQkFDakIsTUFBTSxFQUFFLE1BQU07b0JBQ2QsS0FBSyxFQUFFLE9BQU87b0JBQ2QsT0FBTyxFQUFFLEdBQUc7aUJBQ2QsQ0FBQyxDQUFDO2dCQUNILEtBQUssQ0FBQyxPQUFPLEVBQUUsS0FBSyxDQUFDO29CQUNsQixNQUFNLEVBQUUsR0FBRztvQkFDWCxLQUFLLEVBQUUsR0FBRztvQkFDVixPQUFPLEVBQUUsQ0FBQztvQkFDVixPQUFPLEVBQUUsTUFBTTtpQkFDakIsQ0FBQyxDQUFDO2dCQUNILFVBQVUsQ0FBQyxnQkFBZ0IsRUFBRSxPQUFPLENBQUMsR0FBRyxDQUFDLENBQUM7YUFDNUMsQ0FBQztTQUNKOzsyRkFLUywwQkFBMEI7a0JBeEJ0QyxTQUFTOytCQUNHLHFCQUFxQixjQUduQjt3QkFDVCxPQUFPLENBQUMsV0FBVyxFQUFFOzRCQUNsQixLQUFLLENBQUMsTUFBTSxFQUFFLEtBQUssQ0FBQztnQ0FDakIsTUFBTSxFQUFFLE1BQU07Z0NBQ2QsS0FBSyxFQUFFLE9BQU87Z0NBQ2QsT0FBTyxFQUFFLEdBQUc7NkJBQ2QsQ0FBQyxDQUFDOzRCQUNILEtBQUssQ0FBQyxPQUFPLEVBQUUsS0FBSyxDQUFDO2dDQUNsQixNQUFNLEVBQUUsR0FBRztnQ0FDWCxLQUFLLEVBQUUsR0FBRztnQ0FDVixPQUFPLEVBQUUsQ0FBQztnQ0FDVixPQUFPLEVBQUUsTUFBTTs2QkFDakIsQ0FBQyxDQUFDOzRCQUNILFVBQVUsQ0FBQyxnQkFBZ0IsRUFBRSxPQUFPLENBQUMsR0FBRyxDQUFDLENBQUM7eUJBQzVDLENBQUM7cUJBQ0osUUFDSzt3QkFDSCxnQkFBZ0IsRUFBRSxXQUFXO3FCQUMvQjs7MEJBUVksTUFBTTsyQkFBQyxrQkFBa0IiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBhbmltYXRlLCBzdGF0ZSwgc3R5bGUsIHRyYW5zaXRpb24sIHRyaWdnZXIgfSBmcm9tICdAYW5ndWxhci9hbmltYXRpb25zJztcbmltcG9ydCB7IENvbXBvbmVudCwgSW5qZWN0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBNYXRTbmFja0JhciB9IGZyb20gJ0Bhbmd1bGFyL21hdGVyaWFsL3NuYWNrLWJhcic7XG5pbXBvcnQgeyBDb21wb25lbnRXaXRoVmlld1N0YXRlQmFzZSB9IGZyb20gJy4uLy4uLy4uL2NvbXBvbmVudFdpdGhWaWV3U3RhdGVCYXNlJztcbmltcG9ydCB7IElWaWV3U3RhdGUgfSBmcm9tICcuLi8uLi8uLi92aWV3TW9kZWwvaW50ZXJmYWNlcyc7XG5pbXBvcnQgeyBWSUVXU1RBVEVfUFJPVklERVIsIFZpZXdNb2RlbFN0YXRlQmFzZSB9IGZyb20gJy4uLy4uLy4uL3ZpZXdNb2RlbC92aWV3TW9kZWxTdGF0ZS5zZXJ2aWNlJztcbmltcG9ydCB7IENoYW5uZWxEdG8sIE5hdmlnYXRpb25VcmxEdG8sIE5hdmlnYXRpb25VcmxUeXBlRW51bSB9IGZyb20gJy4uLy4uLy4uL21vZGVscy9jaGFubmVsRHRvJztcblxuQENvbXBvbmVudCh7XG4gICBzZWxlY3RvcjogJ3NpdGUtZGVmYXVsdC1oZWFkZXInLFxuICAgdGVtcGxhdGVVcmw6ICcuL3NpdGUtZGVmYXVsdC1oZWFkZXIuY29tcG9uZW50Lmh0bWwnLFxuICAgc3R5bGVVcmxzOiBbJy4vc2l0ZS1kZWZhdWx0LWhlYWRlci5jb21wb25lbnQubGVzcyddLFxuICAgYW5pbWF0aW9uczogW1xuICAgICAgdHJpZ2dlcignb3BlbkNsb3NlJywgW1xuICAgICAgICAgc3RhdGUoJ3RydWUnLCBzdHlsZSh7XG4gICAgICAgICAgICBoZWlnaHQ6ICdhdXRvJyxcbiAgICAgICAgICAgIHdpZHRoOiAnMzAwcHgnLFxuICAgICAgICAgICAgb3BhY2l0eTogMS4wXG4gICAgICAgICB9KSksXG4gICAgICAgICBzdGF0ZSgnZmFsc2UnLCBzdHlsZSh7XG4gICAgICAgICAgICBoZWlnaHQ6ICcwJyxcbiAgICAgICAgICAgIHdpZHRoOiAnMCcsXG4gICAgICAgICAgICBvcGFjaXR5OiAwLFxuICAgICAgICAgICAgZGlzcGxheTogJ25vbmUnXG4gICAgICAgICB9KSksXG4gICAgICAgICB0cmFuc2l0aW9uKCdmYWxzZSA8PT4gdHJ1ZScsIGFuaW1hdGUoMjAwKSlcbiAgICAgIF0pXG4gICBdLFxuICAgaG9zdDoge1xuICAgICAgXCIod2luZG93OmNsaWNrKVwiOiBcIm9uQ2xpY2soKVwiXG4gICB9XG59KVxuZXhwb3J0IGNsYXNzIFNpdGVEZWZhdWx0SGVhZGVyQ29tcG9uZW50IGV4dGVuZHMgQ29tcG9uZW50V2l0aFZpZXdTdGF0ZUJhc2U8SVZpZXdTdGF0ZSA+IHtcbiAgIHB1YmxpYyB2aXNpYmxlOiBib29sZWFuID0gZmFsc2U7XG4gICBwdWJsaWMgY2hhbm5lbDogQ2hhbm5lbER0bztcbiAgIHB1YmxpYyBtYWluTWVudTogTmF2aWdhdGlvblVybER0b1tdO1xuICAgcHVibGljIGN0YTogTmF2aWdhdGlvblVybER0bztcblxuICAgY29uc3RydWN0b3IoQEluamVjdChWSUVXU1RBVEVfUFJPVklERVIpIHByaXZhdGUgc3RhdGU6IFZpZXdNb2RlbFN0YXRlQmFzZTxJVmlld1N0YXRlPiwgc25hY2tCYXI6IE1hdFNuYWNrQmFyKSB7XG4gICAgICBzdXBlcihzdGF0ZSwgc25hY2tCYXIpXG4gICB9XG5cbiAgIGFzeW5jIG5nT25Jbml0KCk6IFByb21pc2U8dm9pZD4ge1xuICAgICAgc3VwZXIubmdPbkluaXQoKTtcbiAgIH1cblxuICAgcHVibGljIHRvZ2dsZU1lbnUoJGV2ZW50KSB7XG4gICAgICAkZXZlbnQuc3RvcFByb3BhZ2F0aW9uKCk7XG4gICAgICB0aGlzLnZpc2libGUgPSAhdGhpcy52aXNpYmxlO1xuICAgfVxuXG4gICBwdWJsaWMgb25DbGljaygpIHtcbiAgICAgIHRoaXMudmlzaWJsZSA9IGZhbHNlO1xuICAgfVxuXG4gICBwcm90ZWN0ZWQgb25EYXRhVXBkYXRlKGRhdGE6IElWaWV3U3RhdGUpOiB2b2lkIHtcbiAgICAgIHRoaXMuY2hhbm5lbCA9IGRhdGEuY2hhbm5lbDtcbiAgICAgIHRoaXMubWFpbk1lbnUgPSBkYXRhLmNoYW5uZWwubmF2aWdhdGlvblVybHMuZmlsdGVyKHAgPT4gcC5jYXRlZ29yeS50b1N0cmluZygpID09IE5hdmlnYXRpb25VcmxUeXBlRW51bS5NYWluTWVudS50b1N0cmluZygpKTtcbiAgICAgIHRoaXMuY3RhID0gZGF0YS5jaGFubmVsLm5hdmlnYXRpb25VcmxzLmZpbmQocCA9PiBwLmNhdGVnb3J5LnRvU3RyaW5nKCkgPT0gTmF2aWdhdGlvblVybFR5cGVFbnVtLk1haW5NZW51Q1RBLnRvU3RyaW5nKCkpO1xuICAgfTtcbn1cbiIsIjxoZWFkZXIgKm5nSWY9XCJjaGFubmVsXCI+XG4gICA8YSBjbGFzcz1cImhlYWRlciBoZWFkZXItbG9nb1wiIFtocmVmXT1cImNoYW5uZWwuc2l0ZVVybFwiPlxuICAgICAgPGltZyBjbGFzcz1cInJlc3BvbnNpdmVcIiAqbmdJZj1cImNoYW5uZWwuYnJhbmRpbmcubG9nb0xhcmdlVXJsXCIgW3NyY109XCJjaGFubmVsLmJyYW5kaW5nLmxvZ29MYXJnZVVybFwiIFt0aXRsZV09XCJjaGFubmVsLm5hbWVcIi8+XG4gICA8L2E+XG4gICA8ZGl2IGNsYXNzPVwiaGVhZGVyIGhlYWRlci1uYXZcIj5cbiAgICAgIDxkaXYgY2xhc3M9XCJuYXYgbmF2LW1haW5cIiAoY2xpY2spPVwidG9nZ2xlTWVudSgkZXZlbnQpXCI+XG4gICAgICAgICA8ZGl2IGNsYXNzPVwibWVudVwiIHJvbGU9XCJuYXZpZ2F0aW9uXCIgW0BvcGVuQ2xvc2VdPVwidmlzaWJsZSA/IHRydWUgOiBmYWxzZVwiPlxuICAgICAgICAgICAgPGRpdiBjbGFzcz1cIm1lbnUtY2xvc2VcIj5jbG9zZTwvZGl2PlxuICAgICAgICAgICAgPHVsPlxuICAgICAgICAgICAgICAgPG5nLWNvbnRhaW5lciAqbmdGb3I9XCJsZXQgaXRlbSBvZiBtYWluTWVudVwiPlxuICAgICAgICAgICAgICAgICAgPGxpPlxuICAgICAgICAgICAgICAgICAgICAgPGEgKm5nSWY9XCJpdGVtLnVybFwiIFtocmVmXT1cIml0ZW0udXJsXCI+e3tpdGVtLm5hbWV9fTwvYT5cbiAgICAgICAgICAgICAgICAgICAgIDxzcGFuICpuZ0lmPVwiIWl0ZW0udXJsXCI+e3tpdGVtLm5hbWV9fTwvc3Bhbj5cbiAgICAgICAgICAgICAgICAgIDwvbGk+XG4gICAgICAgICAgICAgICAgICA8bGkgKm5nSWY9XCJpdGVtLmNoaWxkcmVuXCI+XG4gICAgICAgICAgICAgICAgICAgICA8dWw+XG4gICAgICAgICAgICAgICAgICAgICAgICA8bGkgKm5nRm9yPVwibGV0IGNoaWxkIG9mIGl0ZW0uY2hpbGRyZW5cIj48YSBbaHJlZl09XCJpdGVtLnVybFwiPnt7Y2hpbGQubmFtZX19PC9hPjwvbGk+XG4gICAgICAgICAgICAgICAgICAgICA8L3VsPlxuICAgICAgICAgICAgICAgICAgPC9saT5cbiAgICAgICAgICAgICAgIDwvbmctY29udGFpbmVyPlxuICAgICAgICAgICAgPC91bD5cbiAgICAgICAgIDwvZGl2PlxuICAgICAgICAgPGRpdiBjbGFzcz1cImxhYmVsXCI+XG4gICAgICAgICAgICBNZW51XG4gICAgICAgICA8L2Rpdj5cbiAgICAgIDwvZGl2PlxuICAgICAgPGEgY2xhc3M9XCJuYXYgbmF2LXRyeSByZXNwb25zaXZlLWhpZGVzbWFsbFwiIFtocmVmXT1cImN0YS51cmxcIiAqbmdJZj1cImN0YVwiPlxuICAgICAgICAge3tjdGEubmFtZX19XG4gICAgICA8L2E+XG4gICA8L2Rpdj5cbjwvaGVhZGVyPlxuIl19
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2l0ZS1kZWZhdWx0LWhlYWRlci5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9uZ3gtc2NydW10ZWFtc3VydmV5LXRvb2xzL3NyYy9saWIvYnJhbmRpbmcvY29tcG9uZW50cy9zaXRlLWRlZmF1bHQtaGVhZGVyL3NpdGUtZGVmYXVsdC1oZWFkZXIuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbmd4LXNjcnVtdGVhbXN1cnZleS10b29scy9zcmMvbGliL2JyYW5kaW5nL2NvbXBvbmVudHMvc2l0ZS1kZWZhdWx0LWhlYWRlci9zaXRlLWRlZmF1bHQtaGVhZGVyLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxPQUFPLEVBQUUsS0FBSyxFQUFFLEtBQUssRUFBRSxVQUFVLEVBQUUsT0FBTyxFQUFFLE1BQU0scUJBQXFCLENBQUM7QUFDakYsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFFbEQsT0FBTyxFQUFFLDBCQUEwQixFQUFFLE1BQU0scUNBQXFDLENBQUM7QUFFakYsT0FBTyxFQUFFLGtCQUFrQixFQUFzQixNQUFNLDJDQUEyQyxDQUFDO0FBQ25HLE9BQU8sRUFBZ0MscUJBQXFCLEVBQUUsTUFBTSw0QkFBNEIsQ0FBQzs7Ozs7QUEwQmpHLE1BQU0sT0FBTywwQkFBMkIsU0FBUSwwQkFBdUM7SUFNcEYsWUFBZ0QsS0FBcUMsRUFBRSxRQUFxQjtRQUN6RyxLQUFLLENBQUMsS0FBSyxFQUFFLFFBQVEsQ0FBQyxDQUFBO1FBRHVCLFVBQUssR0FBTCxLQUFLLENBQWdDO1FBTDlFLFlBQU8sR0FBWSxLQUFLLENBQUM7SUFPaEMsQ0FBQztJQUVELEtBQUssQ0FBQyxRQUFRO1FBQ1gsS0FBSyxDQUFDLFFBQVEsRUFBRSxDQUFDO0lBQ3BCLENBQUM7SUFFTSxVQUFVLENBQUMsTUFBTTtRQUNyQixNQUFNLENBQUMsZUFBZSxFQUFFLENBQUM7UUFDekIsSUFBSSxDQUFDLE9BQU8sR0FBRyxDQUFDLElBQUksQ0FBQyxPQUFPLENBQUM7SUFDaEMsQ0FBQztJQUVNLE9BQU87UUFDWCxJQUFJLENBQUMsT0FBTyxHQUFHLEtBQUssQ0FBQztJQUN4QixDQUFDO0lBRVMsWUFBWSxDQUFDLElBQWdCO1FBQ3BDLElBQUksQ0FBQyxPQUFPLEdBQUcsSUFBSSxDQUFDLE9BQU8sQ0FBQztRQUM1QixJQUFJLENBQUMsUUFBUSxHQUFHLElBQUksQ0FBQyxPQUFPLENBQUMsY0FBYyxDQUFDLE1BQU0sQ0FBQyxDQUFDLENBQUMsRUFBRSxDQUFDLENBQUMsQ0FBQyxRQUFRLENBQUMsUUFBUSxFQUFFLElBQUkscUJBQXFCLENBQUMsUUFBUSxDQUFDLFFBQVEsRUFBRSxDQUFDLENBQUM7UUFDNUgsSUFBSSxDQUFDLEdBQUcsR0FBRyxJQUFJLENBQUMsT0FBTyxDQUFDLGNBQWMsQ0FBQyxJQUFJLENBQUMsQ0FBQyxDQUFDLEVBQUUsQ0FBQyxDQUFDLENBQUMsUUFBUSxDQUFDLFFBQVEsRUFBRSxJQUFJLHFCQUFxQixDQUFDLFdBQVcsQ0FBQyxRQUFRLEVBQUUsQ0FBQyxDQUFDO0lBQzNILENBQUM7SUFBQSxDQUFDOzhHQTNCUSwwQkFBMEIsa0JBTWhCLGtCQUFrQjtrR0FONUIsMEJBQTBCLHdJQ2hDdkMsMHhDQStCQSxzdUdEbkJlO1lBQ1QsT0FBTyxDQUFDLFdBQVcsRUFBRTtnQkFDbEIsS0FBSyxDQUFDLE1BQU0sRUFBRSxLQUFLLENBQUM7b0JBQ2pCLE1BQU0sRUFBRSxNQUFNO29CQUNkLEtBQUssRUFBRSxPQUFPO29CQUNkLE9BQU8sRUFBRSxHQUFHO2lCQUNkLENBQUMsQ0FBQztnQkFDSCxLQUFLLENBQUMsT0FBTyxFQUFFLEtBQUssQ0FBQztvQkFDbEIsTUFBTSxFQUFFLEdBQUc7b0JBQ1gsS0FBSyxFQUFFLEdBQUc7b0JBQ1YsT0FBTyxFQUFFLENBQUM7b0JBQ1YsT0FBTyxFQUFFLE1BQU07aUJBQ2pCLENBQUMsQ0FBQztnQkFDSCxVQUFVLENBQUMsZ0JBQWdCLEVBQUUsT0FBTyxDQUFDLEdBQUcsQ0FBQyxDQUFDO2FBQzVDLENBQUM7U0FDSjs7MkZBS1MsMEJBQTBCO2tCQXhCdEMsU0FBUzsrQkFDRyxxQkFBcUIsY0FHbkI7d0JBQ1QsT0FBTyxDQUFDLFdBQVcsRUFBRTs0QkFDbEIsS0FBSyxDQUFDLE1BQU0sRUFBRSxLQUFLLENBQUM7Z0NBQ2pCLE1BQU0sRUFBRSxNQUFNO2dDQUNkLEtBQUssRUFBRSxPQUFPO2dDQUNkLE9BQU8sRUFBRSxHQUFHOzZCQUNkLENBQUMsQ0FBQzs0QkFDSCxLQUFLLENBQUMsT0FBTyxFQUFFLEtBQUssQ0FBQztnQ0FDbEIsTUFBTSxFQUFFLEdBQUc7Z0NBQ1gsS0FBSyxFQUFFLEdBQUc7Z0NBQ1YsT0FBTyxFQUFFLENBQUM7Z0NBQ1YsT0FBTyxFQUFFLE1BQU07NkJBQ2pCLENBQUMsQ0FBQzs0QkFDSCxVQUFVLENBQUMsZ0JBQWdCLEVBQUUsT0FBTyxDQUFDLEdBQUcsQ0FBQyxDQUFDO3lCQUM1QyxDQUFDO3FCQUNKLFFBQ0s7d0JBQ0gsZ0JBQWdCLEVBQUUsV0FBVztxQkFDL0I7OzBCQVFZLE1BQU07MkJBQUMsa0JBQWtCIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgYW5pbWF0ZSwgc3RhdGUsIHN0eWxlLCB0cmFuc2l0aW9uLCB0cmlnZ2VyIH0gZnJvbSAnQGFuZ3VsYXIvYW5pbWF0aW9ucyc7XG5pbXBvcnQgeyBDb21wb25lbnQsIEluamVjdCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgTWF0U25hY2tCYXIgfSBmcm9tICdAYW5ndWxhci9tYXRlcmlhbC9zbmFjay1iYXInO1xuaW1wb3J0IHsgQ29tcG9uZW50V2l0aFZpZXdTdGF0ZUJhc2UgfSBmcm9tICcuLi8uLi8uLi9jb21wb25lbnRXaXRoVmlld1N0YXRlQmFzZSc7XG5pbXBvcnQgeyBJVmlld1N0YXRlIH0gZnJvbSAnLi4vLi4vLi4vdmlld01vZGVsL2ludGVyZmFjZXMnO1xuaW1wb3J0IHsgVklFV1NUQVRFX1BST1ZJREVSLCBWaWV3TW9kZWxTdGF0ZUJhc2UgfSBmcm9tICcuLi8uLi8uLi92aWV3TW9kZWwvdmlld01vZGVsU3RhdGUuc2VydmljZSc7XG5pbXBvcnQgeyBDaGFubmVsRHRvLCBOYXZpZ2F0aW9uVXJsRHRvLCBOYXZpZ2F0aW9uVXJsVHlwZUVudW0gfSBmcm9tICcuLi8uLi8uLi9tb2RlbHMvY2hhbm5lbER0byc7XG5cbkBDb21wb25lbnQoe1xuICAgc2VsZWN0b3I6ICdzaXRlLWRlZmF1bHQtaGVhZGVyJyxcbiAgIHRlbXBsYXRlVXJsOiAnLi9zaXRlLWRlZmF1bHQtaGVhZGVyLmNvbXBvbmVudC5odG1sJyxcbiAgIHN0eWxlVXJsczogWycuL3NpdGUtZGVmYXVsdC1oZWFkZXIuY29tcG9uZW50Lmxlc3MnXSxcbiAgIGFuaW1hdGlvbnM6IFtcbiAgICAgIHRyaWdnZXIoJ29wZW5DbG9zZScsIFtcbiAgICAgICAgIHN0YXRlKCd0cnVlJywgc3R5bGUoe1xuICAgICAgICAgICAgaGVpZ2h0OiAnYXV0bycsXG4gICAgICAgICAgICB3aWR0aDogJzMwMHB4JyxcbiAgICAgICAgICAgIG9wYWNpdHk6IDEuMFxuICAgICAgICAgfSkpLFxuICAgICAgICAgc3RhdGUoJ2ZhbHNlJywgc3R5bGUoe1xuICAgICAgICAgICAgaGVpZ2h0OiAnMCcsXG4gICAgICAgICAgICB3aWR0aDogJzAnLFxuICAgICAgICAgICAgb3BhY2l0eTogMCxcbiAgICAgICAgICAgIGRpc3BsYXk6ICdub25lJ1xuICAgICAgICAgfSkpLFxuICAgICAgICAgdHJhbnNpdGlvbignZmFsc2UgPD0+IHRydWUnLCBhbmltYXRlKDIwMCkpXG4gICAgICBdKVxuICAgXSxcbiAgIGhvc3Q6IHtcbiAgICAgIFwiKHdpbmRvdzpjbGljaylcIjogXCJvbkNsaWNrKClcIlxuICAgfVxufSlcbmV4cG9ydCBjbGFzcyBTaXRlRGVmYXVsdEhlYWRlckNvbXBvbmVudCBleHRlbmRzIENvbXBvbmVudFdpdGhWaWV3U3RhdGVCYXNlPElWaWV3U3RhdGUgPiB7XG4gICBwdWJsaWMgdmlzaWJsZTogYm9vbGVhbiA9IGZhbHNlO1xuICAgcHVibGljIGNoYW5uZWw6IENoYW5uZWxEdG87XG4gICBwdWJsaWMgbWFpbk1lbnU6IE5hdmlnYXRpb25VcmxEdG9bXTtcbiAgIHB1YmxpYyBjdGE6IE5hdmlnYXRpb25VcmxEdG87XG5cbiAgIGNvbnN0cnVjdG9yKEBJbmplY3QoVklFV1NUQVRFX1BST1ZJREVSKSBwcml2YXRlIHN0YXRlOiBWaWV3TW9kZWxTdGF0ZUJhc2U8SVZpZXdTdGF0ZT4sIHNuYWNrQmFyOiBNYXRTbmFja0Jhcikge1xuICAgICAgc3VwZXIoc3RhdGUsIHNuYWNrQmFyKVxuICAgfVxuXG4gICBhc3luYyBuZ09uSW5pdCgpOiBQcm9taXNlPHZvaWQ+IHtcbiAgICAgIHN1cGVyLm5nT25Jbml0KCk7XG4gICB9XG5cbiAgIHB1YmxpYyB0b2dnbGVNZW51KCRldmVudCkge1xuICAgICAgJGV2ZW50LnN0b3BQcm9wYWdhdGlvbigpO1xuICAgICAgdGhpcy52aXNpYmxlID0gIXRoaXMudmlzaWJsZTtcbiAgIH1cblxuICAgcHVibGljIG9uQ2xpY2soKSB7XG4gICAgICB0aGlzLnZpc2libGUgPSBmYWxzZTtcbiAgIH1cblxuICAgcHJvdGVjdGVkIG9uRGF0YVVwZGF0ZShkYXRhOiBJVmlld1N0YXRlKTogdm9pZCB7XG4gICAgICB0aGlzLmNoYW5uZWwgPSBkYXRhLmNoYW5uZWw7XG4gICAgICB0aGlzLm1haW5NZW51ID0gZGF0YS5jaGFubmVsLm5hdmlnYXRpb25VcmxzLmZpbHRlcihwID0+IHAuY2F0ZWdvcnkudG9TdHJpbmcoKSA9PSBOYXZpZ2F0aW9uVXJsVHlwZUVudW0uTWFpbk1lbnUudG9TdHJpbmcoKSk7XG4gICAgICB0aGlzLmN0YSA9IGRhdGEuY2hhbm5lbC5uYXZpZ2F0aW9uVXJscy5maW5kKHAgPT4gcC5jYXRlZ29yeS50b1N0cmluZygpID09IE5hdmlnYXRpb25VcmxUeXBlRW51bS5NYWluTWVudUNUQS50b1N0cmluZygpKTtcbiAgIH07XG59XG4iLCI8aGVhZGVyICpuZ0lmPVwiY2hhbm5lbFwiPlxuICAgPGEgY2xhc3M9XCJoZWFkZXIgaGVhZGVyLWxvZ29cIiBbaHJlZl09XCJjaGFubmVsLnNpdGVVcmxcIj5cbiAgICAgIDxpbWcgY2xhc3M9XCJyZXNwb25zaXZlXCIgKm5nSWY9XCJjaGFubmVsLmJyYW5kaW5nLmxvZ29MYXJnZVVybFwiIFtzcmNdPVwiY2hhbm5lbC5icmFuZGluZy5sb2dvTGFyZ2VVcmxcIiBbdGl0bGVdPVwiY2hhbm5lbC5uYW1lXCIvPlxuICAgPC9hPlxuICAgPGRpdiBjbGFzcz1cImhlYWRlciBoZWFkZXItbmF2XCI+XG4gICAgICA8ZGl2IGNsYXNzPVwibmF2IG5hdi1tYWluXCIgKGNsaWNrKT1cInRvZ2dsZU1lbnUoJGV2ZW50KVwiPlxuICAgICAgICAgPGRpdiBjbGFzcz1cIm1lbnVcIiByb2xlPVwibmF2aWdhdGlvblwiIFtAb3BlbkNsb3NlXT1cInZpc2libGUgPyB0cnVlIDogZmFsc2VcIj5cbiAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJtZW51LWNsb3NlXCI+Y2xvc2U8L2Rpdj5cbiAgICAgICAgICAgIDx1bD5cbiAgICAgICAgICAgICAgIDxuZy1jb250YWluZXIgKm5nRm9yPVwibGV0IGl0ZW0gb2YgbWFpbk1lbnVcIj5cbiAgICAgICAgICAgICAgICAgIDxsaT5cbiAgICAgICAgICAgICAgICAgICAgIDxhICpuZ0lmPVwiaXRlbS51cmxcIiBbaHJlZl09XCJpdGVtLnVybFwiPnt7aXRlbS5uYW1lfX08L2E+XG4gICAgICAgICAgICAgICAgICAgICA8c3BhbiAqbmdJZj1cIiFpdGVtLnVybFwiPnt7aXRlbS5uYW1lfX08L3NwYW4+XG4gICAgICAgICAgICAgICAgICA8L2xpPlxuICAgICAgICAgICAgICAgICAgPGxpICpuZ0lmPVwiaXRlbS5jaGlsZHJlblwiPlxuICAgICAgICAgICAgICAgICAgICAgPHVsPlxuICAgICAgICAgICAgICAgICAgICAgICAgPGxpICpuZ0Zvcj1cImxldCBjaGlsZCBvZiBpdGVtLmNoaWxkcmVuXCI+PGEgW2hyZWZdPVwiaXRlbS51cmxcIj57e2NoaWxkLm5hbWV9fTwvYT48L2xpPlxuICAgICAgICAgICAgICAgICAgICAgPC91bD5cbiAgICAgICAgICAgICAgICAgIDwvbGk+XG4gICAgICAgICAgICAgICA8L25nLWNvbnRhaW5lcj5cbiAgICAgICAgICAgIDwvdWw+XG4gICAgICAgICA8L2Rpdj5cbiAgICAgICAgIDxkaXYgY2xhc3M9XCJsYWJlbFwiPlxuICAgICAgICAgICAgTWVudVxuICAgICAgICAgPC9kaXY+XG4gICAgICA8L2Rpdj5cbiAgICAgIDxhIGNsYXNzPVwibmF2IG5hdi10cnkgcmVzcG9uc2l2ZS1oaWRlc21hbGxcIiBbaHJlZl09XCJjdGEudXJsXCIgKm5nSWY9XCJjdGFcIj5cbiAgICAgICAgIHt7Y3RhLm5hbWV9fVxuICAgICAgPC9hPlxuICAgPC9kaXY+XG48L2hlYWRlcj5cbiJdfQ==

package/esm2022/lib/branding/components/site-micro-footer/site-micro-footer.component.mjs

@@ -22,11 +22,11 @@ export class SiteMicroFooterComponent extends ComponentWithViewStateBase {
     }
     ;
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: SiteMicroFooterComponent, deps: [{ token: VIEWSTATE_PROVIDER }, { token: i1.MatSnackBar }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.6", type: SiteMicroFooterComponent, selector: "footer[site-micro-footer]", usesInheritance: true, ngImport: i0, template: "<ng-container *ngIf=\"loaded\">\n   <div class=\"item\" *ngFor=\"let item of legalMenu\"><a [href]=\"item.url\">{{item.name}}</a></div>\n   <div class=\"item\" id=\"footer-reportbug\"><a [routerLink]=\"[]\" reportBugDialog>Report a bug</a></div>\n</ng-container>\n", styles: [".smallTextUppercase{font-family:StevieSansThin,sans-serif;font-style:normal;font-weight:400;font-size:15px;line-height:140%;text-transform:uppercase;line-height:100%}\n"], dependencies: [{ kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i3.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "directive", type: i4.OpenReportBugDialogDirective, selector: "[reportBugDialog]" }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.6", type: SiteMicroFooterComponent, selector: "footer[site-micro-footer]", usesInheritance: true, ngImport: i0, template: "<ng-container *ngIf=\"loaded\">\n   <div class=\"item\" *ngFor=\"let item of legalMenu\"><a [href]=\"item.url\">{{item.name}}</a></div>\n   <div class=\"item\" id=\"footer-reportbug\"><a [routerLink]=\"[]\" reportBugDialog>Report a bug</a></div>\n</ng-container>\n", styles: [".smallTextUppercase{font-family:StevieSansThin,sans-serif;font-style:normal;font-weight:400;font-size:15px;line-height:140%;text-transform:uppercase;line-height:100%}.bigletteredbutton{-webkit-transition:all .25s ease-in-out;-moz-transition:all .25s ease-in-out;-o-transition:all .25s ease-in-out;transition:all .25s ease-in-out;text-decoration:none;background:#ffffff1a;margin-bottom:10px;display:flex;align-content:center;border-radius:20px;padding:15px;font-size:24px;border:2px solid #1F3F8F;border-bottom:6px solid #1F3F8F;color:#fff;align-items:center;cursor:pointer}.bigletteredbutton .free{font-family:StevieSansThin,sans-serif;font-style:normal;font-weight:400;font-size:15px;line-height:140%;background:#fff73f;color:#2f2f2f;padding:3px 5px;margin-left:20px;border-radius:10px}.bigletteredbutton .plan{font-family:StevieSansThin,sans-serif;font-style:normal;font-weight:400;font-size:15px;line-height:140%;background:#fff;color:#2f2f2f;padding:3px 5px;margin-left:20px;border-radius:10px}.bigletteredbutton:hover,.bigletteredbutton.selected{border:2px solid #fff73f;border-bottom:6px solid #fff73f}.bigletteredbutton .button-letter{-webkit-transition:all .25s ease-in-out;-moz-transition:all .25s ease-in-out;-o-transition:all .25s ease-in-out;transition:all .25s ease-in-out;font-family:StevieSans,sans-serif;border-radius:30px;height:52px;width:52px;min-width:52px;min-height:52px;font-weight:900;font-size:30px;line-height:100%;display:flex;align-items:center;justify-content:center;background:#fff73f;color:#1f3f8f;margin-right:20px}.bigletteredbutton .button-letter .ph{color:#1f3f8f}.bigletteredbutton .button-letter:hover{background:#1f3f8f;color:#fff73f}.bigletteredbutton .button-letter:hover .ph{color:#fff73f}.roundicon-yellow{-webkit-transition:all .25s ease-in-out;-moz-transition:all .25s ease-in-out;-o-transition:all .25s ease-in-out;transition:all .25s ease-in-out;font-family:StevieSans,sans-serif;border-radius:30px;height:52px;width:52px;min-width:52px;min-height:52px;font-weight:900;font-size:30px;line-height:100%;display:flex;align-items:center;justify-content:center;background:#fff73f;color:#1f3f8f}.roundicon-yellow .ph{color:#1f3f8f}.roundicon-yellow:hover{background:#1f3f8f;color:#fff73f}.roundicon-yellow:hover .ph{color:#fff73f}.roundicon{-webkit-transition:all .25s ease-in-out;-moz-transition:all .25s ease-in-out;-o-transition:all .25s ease-in-out;transition:all .25s ease-in-out;font-family:StevieSans,sans-serif;border-radius:30px;height:52px;width:52px;min-width:52px;min-height:52px;font-weight:900;font-size:30px;line-height:100%;display:flex;align-items:center;justify-content:center}.roundicon-large{-webkit-transition:all .25s ease-in-out;-moz-transition:all .25s ease-in-out;-o-transition:all .25s ease-in-out;transition:all .25s ease-in-out;font-family:StevieSans,sans-serif;height:52px;width:52px;min-width:52px;min-height:52px;font-weight:900;font-size:30px;line-height:100%;display:flex;align-items:center;justify-content:center;border-radius:60px;height:120px;width:120px}\n"], dependencies: [{ kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i3.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "directive", type: i4.OpenReportBugDialogDirective, selector: "[reportBugDialog]" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: SiteMicroFooterComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'footer[site-micro-footer]', template: "<ng-container *ngIf=\"loaded\">\n   <div class=\"item\" *ngFor=\"let item of legalMenu\"><a [href]=\"item.url\">{{item.name}}</a></div>\n   <div class=\"item\" id=\"footer-reportbug\"><a [routerLink]=\"[]\" reportBugDialog>Report a bug</a></div>\n</ng-container>\n", styles: [".smallTextUppercase{font-family:StevieSansThin,sans-serif;font-style:normal;font-weight:400;font-size:15px;line-height:140%;text-transform:uppercase;line-height:100%}\n"] }]
+            args: [{ selector: 'footer[site-micro-footer]', template: "<ng-container *ngIf=\"loaded\">\n   <div class=\"item\" *ngFor=\"let item of legalMenu\"><a [href]=\"item.url\">{{item.name}}</a></div>\n   <div class=\"item\" id=\"footer-reportbug\"><a [routerLink]=\"[]\" reportBugDialog>Report a bug</a></div>\n</ng-container>\n", styles: [".smallTextUppercase{font-family:StevieSansThin,sans-serif;font-style:normal;font-weight:400;font-size:15px;line-height:140%;text-transform:uppercase;line-height:100%}.bigletteredbutton{-webkit-transition:all .25s ease-in-out;-moz-transition:all .25s ease-in-out;-o-transition:all .25s ease-in-out;transition:all .25s ease-in-out;text-decoration:none;background:#ffffff1a;margin-bottom:10px;display:flex;align-content:center;border-radius:20px;padding:15px;font-size:24px;border:2px solid #1F3F8F;border-bottom:6px solid #1F3F8F;color:#fff;align-items:center;cursor:pointer}.bigletteredbutton .free{font-family:StevieSansThin,sans-serif;font-style:normal;font-weight:400;font-size:15px;line-height:140%;background:#fff73f;color:#2f2f2f;padding:3px 5px;margin-left:20px;border-radius:10px}.bigletteredbutton .plan{font-family:StevieSansThin,sans-serif;font-style:normal;font-weight:400;font-size:15px;line-height:140%;background:#fff;color:#2f2f2f;padding:3px 5px;margin-left:20px;border-radius:10px}.bigletteredbutton:hover,.bigletteredbutton.selected{border:2px solid #fff73f;border-bottom:6px solid #fff73f}.bigletteredbutton .button-letter{-webkit-transition:all .25s ease-in-out;-moz-transition:all .25s ease-in-out;-o-transition:all .25s ease-in-out;transition:all .25s ease-in-out;font-family:StevieSans,sans-serif;border-radius:30px;height:52px;width:52px;min-width:52px;min-height:52px;font-weight:900;font-size:30px;line-height:100%;display:flex;align-items:center;justify-content:center;background:#fff73f;color:#1f3f8f;margin-right:20px}.bigletteredbutton .button-letter .ph{color:#1f3f8f}.bigletteredbutton .button-letter:hover{background:#1f3f8f;color:#fff73f}.bigletteredbutton .button-letter:hover .ph{color:#fff73f}.roundicon-yellow{-webkit-transition:all .25s ease-in-out;-moz-transition:all .25s ease-in-out;-o-transition:all .25s ease-in-out;transition:all .25s ease-in-out;font-family:StevieSans,sans-serif;border-radius:30px;height:52px;width:52px;min-width:52px;min-height:52px;font-weight:900;font-size:30px;line-height:100%;display:flex;align-items:center;justify-content:center;background:#fff73f;color:#1f3f8f}.roundicon-yellow .ph{color:#1f3f8f}.roundicon-yellow:hover{background:#1f3f8f;color:#fff73f}.roundicon-yellow:hover .ph{color:#fff73f}.roundicon{-webkit-transition:all .25s ease-in-out;-moz-transition:all .25s ease-in-out;-o-transition:all .25s ease-in-out;transition:all .25s ease-in-out;font-family:StevieSans,sans-serif;border-radius:30px;height:52px;width:52px;min-width:52px;min-height:52px;font-weight:900;font-size:30px;line-height:100%;display:flex;align-items:center;justify-content:center}.roundicon-large{-webkit-transition:all .25s ease-in-out;-moz-transition:all .25s ease-in-out;-o-transition:all .25s ease-in-out;transition:all .25s ease-in-out;font-family:StevieSans,sans-serif;height:52px;width:52px;min-width:52px;min-height:52px;font-weight:900;font-size:30px;line-height:100%;display:flex;align-items:center;justify-content:center;border-radius:60px;height:120px;width:120px}\n"] }]
         }], ctorParameters: () => [{ type: i5.ViewModelStateBase, decorators: [{
                     type: Inject,
                     args: [VIEWSTATE_PROVIDER]

package/esm2022/lib/community/components/gethelp-form/gethelp-form.component.mjs

@@ -67,11 +67,11 @@ export class GetHelpFormComponent extends ComponentWithViewStateBase {
     }
     ;
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: GetHelpFormComponent, deps: [{ token: i1.ContactService }, { token: i2.FormBuilder }, { token: VIEWSTATE_PROVIDER }, { token: i3.MatSnackBar }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.6", type: GetHelpFormComponent, selector: "gethelp-form", usesInheritance: true, ngImport: i0, template: "<form [formGroup]=\"form\" (ngSubmit)=\"onSubmit(formDirective)\" #formDirective=\"ngForm\" class=\"gethelp-form form\">\n   <mat-form-field appearance=\"fill\" subscriptSizing=\"dynamic\">\n      <mat-label>What would you like help with?</mat-label>\n      <mat-select multiple formControlName=\"requests\" id=\"requests\">\n         <mat-option class=\"select-option\" *ngFor=\"let request of requestList\" [value]=\"request\">{{request}}</mat-option>\n      </mat-select>\n      <mat-error *ngIf=\"form.controls.requests.errors\">\n         <div *ngIf=\"form.controls.requests.errors.required\">Please select where you need help</div>\n      </mat-error>\n   </mat-form-field>\n   <mat-form-field appearance=\"fill\" subscriptSizing=\"dynamic\">\n      <mat-label>Enter a short description of the kind of help you need</mat-label>\n      <textarea matInput formControlName=\"body\" id=\"body\" rows=\"3\" maxlength=\"500\"></textarea>\n      <mat-error *ngIf=\"form.controls.body.errors\">\n         <div *ngIf=\"form.controls.body.errors.required\">Please describe how we can help you</div>\n         <div *ngIf=\"form.controls.body.errors.maxlength\">Please limit to 500 characters</div>\n      </mat-error>\n   </mat-form-field>\n   <mat-form-field appearance=\"fill\" subscriptSizing=\"dynamic\">\n      <mat-label>Your email address</mat-label>\n      <input matInput formControlName=\"email\" id=\"email\" />\n      <mat-error *ngIf=\"form.controls.email.errors\">\n         <div *ngIf=\"form.controls.email.errors.required\">Please enter a description</div>\n         <div *ngIf=\"form.controls.email.errors.email\">Please enter a valid e-mail address</div>\n      </mat-error>\n   </mat-form-field>\n   <div class=\"toolbar leftright\">\n      <div>\n         <a class=\"button borderless cancel\" href=\"javascript:void(null);\" (click)=\"cancel()\" id=\"cancel\" *ngIf=\"form.dirty\"><span class=\"icon ph-x-circle\"></span> cancel</a>\n      </div>\n      <input class=\"button primary\" type=\"submit\" id=\"submit\" value=\"Get help!\" [ngClass]=\"{'loading': submitted}\" [disabled]=\"submitted\" />\n   </div>\n</form>\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{margin-top:20px;position:sticky;top:20px}form .mat-mdc-form-field{width:100%;margin-bottom:10px}form .toolbar .button.cancel{padding-left:0;margin-left:0}@media only screen and (min-width: 992px){form .toolbar .delete{padding-left:0;margin-left:0}}.hourlyrate{margin-top:30px;text-align:right;color:#726d00;font-size:14px}\n"], dependencies: [{ kind: "directive", type: i4.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i4.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i2.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: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i2.MaxLengthValidator, selector: "[maxlength][formControlName],[maxlength][formControl],[maxlength][ngModel]", inputs: ["maxlength"] }, { kind: "directive", type: i2.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i2.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "component", type: i5.MatOption, selector: "mat-option", inputs: ["value", "id", "disabled"], outputs: ["onSelectionChange"], exportAs: ["matOption"] }, { kind: "directive", type: i6.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly"], exportAs: ["matInput"] }, { kind: "component", type: i7.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i7.MatLabel, selector: "mat-label" }, { kind: "directive", type: i7.MatError, selector: "mat-error, [matError]", inputs: ["id"] }, { kind: "component", type: i8.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"] }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.6", type: GetHelpFormComponent, selector: "gethelp-form", usesInheritance: true, ngImport: i0, template: "<form [formGroup]=\"form\" (ngSubmit)=\"onSubmit(formDirective)\" #formDirective=\"ngForm\" class=\"gethelp-form form\">\n   <mat-form-field appearance=\"fill\" subscriptSizing=\"dynamic\">\n      <mat-label>What would you like help with?</mat-label>\n      <mat-select multiple formControlName=\"requests\" id=\"requests\">\n         <mat-option class=\"select-option\" *ngFor=\"let request of requestList\" [value]=\"request\">{{request}}</mat-option>\n      </mat-select>\n      <mat-error *ngIf=\"form.controls.requests.errors\">\n         <div *ngIf=\"form.controls.requests.errors.required\">Please select where you need help</div>\n      </mat-error>\n   </mat-form-field>\n   <mat-form-field appearance=\"fill\" subscriptSizing=\"dynamic\">\n      <mat-label>Enter a short description of the kind of help you need</mat-label>\n      <textarea matInput formControlName=\"body\" id=\"body\" rows=\"3\" maxlength=\"500\"></textarea>\n      <mat-error *ngIf=\"form.controls.body.errors\">\n         <div *ngIf=\"form.controls.body.errors.required\">Please describe how we can help you</div>\n         <div *ngIf=\"form.controls.body.errors.maxlength\">Please limit to 500 characters</div>\n      </mat-error>\n   </mat-form-field>\n   <mat-form-field appearance=\"fill\" subscriptSizing=\"dynamic\">\n      <mat-label>Your email address</mat-label>\n      <input matInput formControlName=\"email\" id=\"email\" />\n      <mat-error *ngIf=\"form.controls.email.errors\">\n         <div *ngIf=\"form.controls.email.errors.required\">Please enter a description</div>\n         <div *ngIf=\"form.controls.email.errors.email\">Please enter a valid e-mail address</div>\n      </mat-error>\n   </mat-form-field>\n   <div class=\"toolbar leftright\">\n      <div>\n         <a class=\"button borderless cancel\" href=\"javascript:void(null);\" (click)=\"cancel()\" id=\"cancel\" *ngIf=\"form.dirty\"><span class=\"icon ph-x-circle\"></span> cancel</a>\n      </div>\n      <input class=\"button primary\" type=\"submit\" id=\"submit\" value=\"Get help!\" [ngClass]=\"{'loading': submitted}\" [disabled]=\"submitted\" />\n   </div>\n</form>\n", styles: [".smallTextUppercase{font-family:StevieSansThin,sans-serif;font-style:normal;font-weight:400;font-size:15px;line-height:140%;text-transform:uppercase;line-height:100%}.bigletteredbutton{-webkit-transition:all .25s ease-in-out;-moz-transition:all .25s ease-in-out;-o-transition:all .25s ease-in-out;transition:all .25s ease-in-out;text-decoration:none;background:#ffffff1a;margin-bottom:10px;display:flex;align-content:center;border-radius:20px;padding:15px;font-size:24px;border:2px solid #1F3F8F;border-bottom:6px solid #1F3F8F;color:#fff;align-items:center;cursor:pointer}.bigletteredbutton .free{font-family:StevieSansThin,sans-serif;font-style:normal;font-weight:400;font-size:15px;line-height:140%;background:#fff73f;color:#2f2f2f;padding:3px 5px;margin-left:20px;border-radius:10px}.bigletteredbutton .plan{font-family:StevieSansThin,sans-serif;font-style:normal;font-weight:400;font-size:15px;line-height:140%;background:#fff;color:#2f2f2f;padding:3px 5px;margin-left:20px;border-radius:10px}.bigletteredbutton:hover,.bigletteredbutton.selected{border:2px solid #fff73f;border-bottom:6px solid #fff73f}.bigletteredbutton .button-letter{-webkit-transition:all .25s ease-in-out;-moz-transition:all .25s ease-in-out;-o-transition:all .25s ease-in-out;transition:all .25s ease-in-out;font-family:StevieSans,sans-serif;border-radius:30px;height:52px;width:52px;min-width:52px;min-height:52px;font-weight:900;font-size:30px;line-height:100%;display:flex;align-items:center;justify-content:center;background:#fff73f;color:#1f3f8f;margin-right:20px}.bigletteredbutton .button-letter .ph{color:#1f3f8f}.bigletteredbutton .button-letter:hover{background:#1f3f8f;color:#fff73f}.bigletteredbutton .button-letter:hover .ph{color:#fff73f}.roundicon-yellow{-webkit-transition:all .25s ease-in-out;-moz-transition:all .25s ease-in-out;-o-transition:all .25s ease-in-out;transition:all .25s ease-in-out;font-family:StevieSans,sans-serif;border-radius:30px;height:52px;width:52px;min-width:52px;min-height:52px;font-weight:900;font-size:30px;line-height:100%;display:flex;align-items:center;justify-content:center;background:#fff73f;color:#1f3f8f}.roundicon-yellow .ph{color:#1f3f8f}.roundicon-yellow:hover{background:#1f3f8f;color:#fff73f}.roundicon-yellow:hover .ph{color:#fff73f}.roundicon{-webkit-transition:all .25s ease-in-out;-moz-transition:all .25s ease-in-out;-o-transition:all .25s ease-in-out;transition:all .25s ease-in-out;font-family:StevieSans,sans-serif;border-radius:30px;height:52px;width:52px;min-width:52px;min-height:52px;font-weight:900;font-size:30px;line-height:100%;display:flex;align-items:center;justify-content:center}.roundicon-large{-webkit-transition:all .25s ease-in-out;-moz-transition:all .25s ease-in-out;-o-transition:all .25s ease-in-out;transition:all .25s ease-in-out;font-family:StevieSans,sans-serif;height:52px;width:52px;min-width:52px;min-height:52px;font-weight:900;font-size:30px;line-height:100%;display:flex;align-items:center;justify-content:center;border-radius:60px;height:120px;width:120px}form{margin-top:20px;position:sticky;top:20px}form .mat-mdc-form-field{width:100%;margin-bottom:10px}form .toolbar .button.cancel{padding-left:0;margin-left:0}@media only screen and (min-width: 992px){form .toolbar .delete{padding-left:0;margin-left:0}}.hourlyrate{margin-top:30px;text-align:right;color:#726d00;font-size:14px}\n"], dependencies: [{ kind: "directive", type: i4.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i4.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i2.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: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i2.MaxLengthValidator, selector: "[maxlength][formControlName],[maxlength][formControl],[maxlength][ngModel]", inputs: ["maxlength"] }, { kind: "directive", type: i2.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i2.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "component", type: i5.MatOption, selector: "mat-option", inputs: ["value", "id", "disabled"], outputs: ["onSelectionChange"], exportAs: ["matOption"] }, { kind: "directive", type: i6.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly"], exportAs: ["matInput"] }, { kind: "component", type: i7.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i7.MatLabel, selector: "mat-label" }, { kind: "directive", type: i7.MatError, selector: "mat-error, [matError]", inputs: ["id"] }, { kind: "component", type: i8.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"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: GetHelpFormComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'gethelp-form', template: "<form [formGroup]=\"form\" (ngSubmit)=\"onSubmit(formDirective)\" #formDirective=\"ngForm\" class=\"gethelp-form form\">\n   <mat-form-field appearance=\"fill\" subscriptSizing=\"dynamic\">\n      <mat-label>What would you like help with?</mat-label>\n      <mat-select multiple formControlName=\"requests\" id=\"requests\">\n         <mat-option class=\"select-option\" *ngFor=\"let request of requestList\" [value]=\"request\">{{request}}</mat-option>\n      </mat-select>\n      <mat-error *ngIf=\"form.controls.requests.errors\">\n         <div *ngIf=\"form.controls.requests.errors.required\">Please select where you need help</div>\n      </mat-error>\n   </mat-form-field>\n   <mat-form-field appearance=\"fill\" subscriptSizing=\"dynamic\">\n      <mat-label>Enter a short description of the kind of help you need</mat-label>\n      <textarea matInput formControlName=\"body\" id=\"body\" rows=\"3\" maxlength=\"500\"></textarea>\n      <mat-error *ngIf=\"form.controls.body.errors\">\n         <div *ngIf=\"form.controls.body.errors.required\">Please describe how we can help you</div>\n         <div *ngIf=\"form.controls.body.errors.maxlength\">Please limit to 500 characters</div>\n      </mat-error>\n   </mat-form-field>\n   <mat-form-field appearance=\"fill\" subscriptSizing=\"dynamic\">\n      <mat-label>Your email address</mat-label>\n      <input matInput formControlName=\"email\" id=\"email\" />\n      <mat-error *ngIf=\"form.controls.email.errors\">\n         <div *ngIf=\"form.controls.email.errors.required\">Please enter a description</div>\n         <div *ngIf=\"form.controls.email.errors.email\">Please enter a valid e-mail address</div>\n      </mat-error>\n   </mat-form-field>\n   <div class=\"toolbar leftright\">\n      <div>\n         <a class=\"button borderless cancel\" href=\"javascript:void(null);\" (click)=\"cancel()\" id=\"cancel\" *ngIf=\"form.dirty\"><span class=\"icon ph-x-circle\"></span> cancel</a>\n      </div>\n      <input class=\"button primary\" type=\"submit\" id=\"submit\" value=\"Get help!\" [ngClass]=\"{'loading': submitted}\" [disabled]=\"submitted\" />\n   </div>\n</form>\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{margin-top:20px;position:sticky;top:20px}form .mat-mdc-form-field{width:100%;margin-bottom:10px}form .toolbar .button.cancel{padding-left:0;margin-left:0}@media only screen and (min-width: 992px){form .toolbar .delete{padding-left:0;margin-left:0}}.hourlyrate{margin-top:30px;text-align:right;color:#726d00;font-size:14px}\n"] }]
+            args: [{ selector: 'gethelp-form', template: "<form [formGroup]=\"form\" (ngSubmit)=\"onSubmit(formDirective)\" #formDirective=\"ngForm\" class=\"gethelp-form form\">\n   <mat-form-field appearance=\"fill\" subscriptSizing=\"dynamic\">\n      <mat-label>What would you like help with?</mat-label>\n      <mat-select multiple formControlName=\"requests\" id=\"requests\">\n         <mat-option class=\"select-option\" *ngFor=\"let request of requestList\" [value]=\"request\">{{request}}</mat-option>\n      </mat-select>\n      <mat-error *ngIf=\"form.controls.requests.errors\">\n         <div *ngIf=\"form.controls.requests.errors.required\">Please select where you need help</div>\n      </mat-error>\n   </mat-form-field>\n   <mat-form-field appearance=\"fill\" subscriptSizing=\"dynamic\">\n      <mat-label>Enter a short description of the kind of help you need</mat-label>\n      <textarea matInput formControlName=\"body\" id=\"body\" rows=\"3\" maxlength=\"500\"></textarea>\n      <mat-error *ngIf=\"form.controls.body.errors\">\n         <div *ngIf=\"form.controls.body.errors.required\">Please describe how we can help you</div>\n         <div *ngIf=\"form.controls.body.errors.maxlength\">Please limit to 500 characters</div>\n      </mat-error>\n   </mat-form-field>\n   <mat-form-field appearance=\"fill\" subscriptSizing=\"dynamic\">\n      <mat-label>Your email address</mat-label>\n      <input matInput formControlName=\"email\" id=\"email\" />\n      <mat-error *ngIf=\"form.controls.email.errors\">\n         <div *ngIf=\"form.controls.email.errors.required\">Please enter a description</div>\n         <div *ngIf=\"form.controls.email.errors.email\">Please enter a valid e-mail address</div>\n      </mat-error>\n   </mat-form-field>\n   <div class=\"toolbar leftright\">\n      <div>\n         <a class=\"button borderless cancel\" href=\"javascript:void(null);\" (click)=\"cancel()\" id=\"cancel\" *ngIf=\"form.dirty\"><span class=\"icon ph-x-circle\"></span> cancel</a>\n      </div>\n      <input class=\"button primary\" type=\"submit\" id=\"submit\" value=\"Get help!\" [ngClass]=\"{'loading': submitted}\" [disabled]=\"submitted\" />\n   </div>\n</form>\n", styles: [".smallTextUppercase{font-family:StevieSansThin,sans-serif;font-style:normal;font-weight:400;font-size:15px;line-height:140%;text-transform:uppercase;line-height:100%}.bigletteredbutton{-webkit-transition:all .25s ease-in-out;-moz-transition:all .25s ease-in-out;-o-transition:all .25s ease-in-out;transition:all .25s ease-in-out;text-decoration:none;background:#ffffff1a;margin-bottom:10px;display:flex;align-content:center;border-radius:20px;padding:15px;font-size:24px;border:2px solid #1F3F8F;border-bottom:6px solid #1F3F8F;color:#fff;align-items:center;cursor:pointer}.bigletteredbutton .free{font-family:StevieSansThin,sans-serif;font-style:normal;font-weight:400;font-size:15px;line-height:140%;background:#fff73f;color:#2f2f2f;padding:3px 5px;margin-left:20px;border-radius:10px}.bigletteredbutton .plan{font-family:StevieSansThin,sans-serif;font-style:normal;font-weight:400;font-size:15px;line-height:140%;background:#fff;color:#2f2f2f;padding:3px 5px;margin-left:20px;border-radius:10px}.bigletteredbutton:hover,.bigletteredbutton.selected{border:2px solid #fff73f;border-bottom:6px solid #fff73f}.bigletteredbutton .button-letter{-webkit-transition:all .25s ease-in-out;-moz-transition:all .25s ease-in-out;-o-transition:all .25s ease-in-out;transition:all .25s ease-in-out;font-family:StevieSans,sans-serif;border-radius:30px;height:52px;width:52px;min-width:52px;min-height:52px;font-weight:900;font-size:30px;line-height:100%;display:flex;align-items:center;justify-content:center;background:#fff73f;color:#1f3f8f;margin-right:20px}.bigletteredbutton .button-letter .ph{color:#1f3f8f}.bigletteredbutton .button-letter:hover{background:#1f3f8f;color:#fff73f}.bigletteredbutton .button-letter:hover .ph{color:#fff73f}.roundicon-yellow{-webkit-transition:all .25s ease-in-out;-moz-transition:all .25s ease-in-out;-o-transition:all .25s ease-in-out;transition:all .25s ease-in-out;font-family:StevieSans,sans-serif;border-radius:30px;height:52px;width:52px;min-width:52px;min-height:52px;font-weight:900;font-size:30px;line-height:100%;display:flex;align-items:center;justify-content:center;background:#fff73f;color:#1f3f8f}.roundicon-yellow .ph{color:#1f3f8f}.roundicon-yellow:hover{background:#1f3f8f;color:#fff73f}.roundicon-yellow:hover .ph{color:#fff73f}.roundicon{-webkit-transition:all .25s ease-in-out;-moz-transition:all .25s ease-in-out;-o-transition:all .25s ease-in-out;transition:all .25s ease-in-out;font-family:StevieSans,sans-serif;border-radius:30px;height:52px;width:52px;min-width:52px;min-height:52px;font-weight:900;font-size:30px;line-height:100%;display:flex;align-items:center;justify-content:center}.roundicon-large{-webkit-transition:all .25s ease-in-out;-moz-transition:all .25s ease-in-out;-o-transition:all .25s ease-in-out;transition:all .25s ease-in-out;font-family:StevieSans,sans-serif;height:52px;width:52px;min-width:52px;min-height:52px;font-weight:900;font-size:30px;line-height:100%;display:flex;align-items:center;justify-content:center;border-radius:60px;height:120px;width:120px}form{margin-top:20px;position:sticky;top:20px}form .mat-mdc-form-field{width:100%;margin-bottom:10px}form .toolbar .button.cancel{padding-left:0;margin-left:0}@media only screen and (min-width: 992px){form .toolbar .delete{padding-left:0;margin-left:0}}.hourlyrate{margin-top:30px;text-align:right;color:#726d00;font-size:14px}\n"] }]
         }], ctorParameters: () => [{ type: i1.ContactService }, { type: i2.FormBuilder }, { type: i9.ViewModelStateBase, decorators: [{
                     type: Inject,
                     args: [VIEWSTATE_PROVIDER]

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

@@ -57,11 +57,11 @@ export class MeetupsComponent extends ComponentWithViewStateBase {
     }
     ;
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.6", 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.6", 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.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.6", 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%}.bigletteredbutton{-webkit-transition:all .25s ease-in-out;-moz-transition:all .25s ease-in-out;-o-transition:all .25s ease-in-out;transition:all .25s ease-in-out;text-decoration:none;background:#ffffff1a;margin-bottom:10px;display:flex;align-content:center;border-radius:20px;padding:15px;font-size:24px;border:2px solid #1F3F8F;border-bottom:6px solid #1F3F8F;color:#fff;align-items:center;cursor:pointer}.bigletteredbutton .free{font-family:StevieSansThin,sans-serif;font-style:normal;font-weight:400;font-size:15px;line-height:140%;background:#fff73f;color:#2f2f2f;padding:3px 5px;margin-left:20px;border-radius:10px}.bigletteredbutton .plan{font-family:StevieSansThin,sans-serif;font-style:normal;font-weight:400;font-size:15px;line-height:140%;background:#fff;color:#2f2f2f;padding:3px 5px;margin-left:20px;border-radius:10px}.bigletteredbutton:hover,.bigletteredbutton.selected{border:2px solid #fff73f;border-bottom:6px solid #fff73f}.bigletteredbutton .button-letter{-webkit-transition:all .25s ease-in-out;-moz-transition:all .25s ease-in-out;-o-transition:all .25s ease-in-out;transition:all .25s ease-in-out;font-family:StevieSans,sans-serif;border-radius:30px;height:52px;width:52px;min-width:52px;min-height:52px;font-weight:900;font-size:30px;line-height:100%;display:flex;align-items:center;justify-content:center;background:#fff73f;color:#1f3f8f;margin-right:20px}.bigletteredbutton .button-letter .ph{color:#1f3f8f}.bigletteredbutton .button-letter:hover{background:#1f3f8f;color:#fff73f}.bigletteredbutton .button-letter:hover .ph{color:#fff73f}.roundicon-yellow{-webkit-transition:all .25s ease-in-out;-moz-transition:all .25s ease-in-out;-o-transition:all .25s ease-in-out;transition:all .25s ease-in-out;font-family:StevieSans,sans-serif;border-radius:30px;height:52px;width:52px;min-width:52px;min-height:52px;font-weight:900;font-size:30px;line-height:100%;display:flex;align-items:center;justify-content:center;background:#fff73f;color:#1f3f8f}.roundicon-yellow .ph{color:#1f3f8f}.roundicon-yellow:hover{background:#1f3f8f;color:#fff73f}.roundicon-yellow:hover .ph{color:#fff73f}.roundicon{-webkit-transition:all .25s ease-in-out;-moz-transition:all .25s ease-in-out;-o-transition:all .25s ease-in-out;transition:all .25s ease-in-out;font-family:StevieSans,sans-serif;border-radius:30px;height:52px;width:52px;min-width:52px;min-height:52px;font-weight:900;font-size:30px;line-height:100%;display:flex;align-items:center;justify-content:center}.roundicon-large{-webkit-transition:all .25s ease-in-out;-moz-transition:all .25s ease-in-out;-o-transition:all .25s ease-in-out;transition:all .25s ease-in-out;font-family:StevieSans,sans-serif;height:52px;width:52px;min-width:52px;min-height:52px;font-weight:900;font-size:30px;line-height:100%;display:flex;align-items:center;justify-content:center;border-radius:60px;height:120px;width:120px}.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.2.6", 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"] }]
+            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%}.bigletteredbutton{-webkit-transition:all .25s ease-in-out;-moz-transition:all .25s ease-in-out;-o-transition:all .25s ease-in-out;transition:all .25s ease-in-out;text-decoration:none;background:#ffffff1a;margin-bottom:10px;display:flex;align-content:center;border-radius:20px;padding:15px;font-size:24px;border:2px solid #1F3F8F;border-bottom:6px solid #1F3F8F;color:#fff;align-items:center;cursor:pointer}.bigletteredbutton .free{font-family:StevieSansThin,sans-serif;font-style:normal;font-weight:400;font-size:15px;line-height:140%;background:#fff73f;color:#2f2f2f;padding:3px 5px;margin-left:20px;border-radius:10px}.bigletteredbutton .plan{font-family:StevieSansThin,sans-serif;font-style:normal;font-weight:400;font-size:15px;line-height:140%;background:#fff;color:#2f2f2f;padding:3px 5px;margin-left:20px;border-radius:10px}.bigletteredbutton:hover,.bigletteredbutton.selected{border:2px solid #fff73f;border-bottom:6px solid #fff73f}.bigletteredbutton .button-letter{-webkit-transition:all .25s ease-in-out;-moz-transition:all .25s ease-in-out;-o-transition:all .25s ease-in-out;transition:all .25s ease-in-out;font-family:StevieSans,sans-serif;border-radius:30px;height:52px;width:52px;min-width:52px;min-height:52px;font-weight:900;font-size:30px;line-height:100%;display:flex;align-items:center;justify-content:center;background:#fff73f;color:#1f3f8f;margin-right:20px}.bigletteredbutton .button-letter .ph{color:#1f3f8f}.bigletteredbutton .button-letter:hover{background:#1f3f8f;color:#fff73f}.bigletteredbutton .button-letter:hover .ph{color:#fff73f}.roundicon-yellow{-webkit-transition:all .25s ease-in-out;-moz-transition:all .25s ease-in-out;-o-transition:all .25s ease-in-out;transition:all .25s ease-in-out;font-family:StevieSans,sans-serif;border-radius:30px;height:52px;width:52px;min-width:52px;min-height:52px;font-weight:900;font-size:30px;line-height:100%;display:flex;align-items:center;justify-content:center;background:#fff73f;color:#1f3f8f}.roundicon-yellow .ph{color:#1f3f8f}.roundicon-yellow:hover{background:#1f3f8f;color:#fff73f}.roundicon-yellow:hover .ph{color:#fff73f}.roundicon{-webkit-transition:all .25s ease-in-out;-moz-transition:all .25s ease-in-out;-o-transition:all .25s ease-in-out;transition:all .25s ease-in-out;font-family:StevieSans,sans-serif;border-radius:30px;height:52px;width:52px;min-width:52px;min-height:52px;font-weight:900;font-size:30px;line-height:100%;display:flex;align-items:center;justify-content:center}.roundicon-large{-webkit-transition:all .25s ease-in-out;-moz-transition:all .25s ease-in-out;-o-transition:all .25s ease-in-out;transition:all .25s ease-in-out;font-family:StevieSans,sans-serif;height:52px;width:52px;min-width:52px;min-height:52px;font-weight:900;font-size:30px;line-height:100%;display:flex;align-items:center;justify-content:center;border-radius:60px;height:120px;width:120px}.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: [{
                     type: Inject,
                     args: [VIEWSTATE_PROVIDER]

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

@@ -17,11 +17,11 @@ export class RecentContentComponent extends ComponentWithViewStateBase {
     }
     ;
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.6", 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.6", 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.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.6", 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%}.bigletteredbutton{-webkit-transition:all .25s ease-in-out;-moz-transition:all .25s ease-in-out;-o-transition:all .25s ease-in-out;transition:all .25s ease-in-out;text-decoration:none;background:#ffffff1a;margin-bottom:10px;display:flex;align-content:center;border-radius:20px;padding:15px;font-size:24px;border:2px solid #1F3F8F;border-bottom:6px solid #1F3F8F;color:#fff;align-items:center;cursor:pointer}.bigletteredbutton .free{font-family:StevieSansThin,sans-serif;font-style:normal;font-weight:400;font-size:15px;line-height:140%;background:#fff73f;color:#2f2f2f;padding:3px 5px;margin-left:20px;border-radius:10px}.bigletteredbutton .plan{font-family:StevieSansThin,sans-serif;font-style:normal;font-weight:400;font-size:15px;line-height:140%;background:#fff;color:#2f2f2f;padding:3px 5px;margin-left:20px;border-radius:10px}.bigletteredbutton:hover,.bigletteredbutton.selected{border:2px solid #fff73f;border-bottom:6px solid #fff73f}.bigletteredbutton .button-letter{-webkit-transition:all .25s ease-in-out;-moz-transition:all .25s ease-in-out;-o-transition:all .25s ease-in-out;transition:all .25s ease-in-out;font-family:StevieSans,sans-serif;border-radius:30px;height:52px;width:52px;min-width:52px;min-height:52px;font-weight:900;font-size:30px;line-height:100%;display:flex;align-items:center;justify-content:center;background:#fff73f;color:#1f3f8f;margin-right:20px}.bigletteredbutton .button-letter .ph{color:#1f3f8f}.bigletteredbutton .button-letter:hover{background:#1f3f8f;color:#fff73f}.bigletteredbutton .button-letter:hover .ph{color:#fff73f}.roundicon-yellow{-webkit-transition:all .25s ease-in-out;-moz-transition:all .25s ease-in-out;-o-transition:all .25s ease-in-out;transition:all .25s ease-in-out;font-family:StevieSans,sans-serif;border-radius:30px;height:52px;width:52px;min-width:52px;min-height:52px;font-weight:900;font-size:30px;line-height:100%;display:flex;align-items:center;justify-content:center;background:#fff73f;color:#1f3f8f}.roundicon-yellow .ph{color:#1f3f8f}.roundicon-yellow:hover{background:#1f3f8f;color:#fff73f}.roundicon-yellow:hover .ph{color:#fff73f}.roundicon{-webkit-transition:all .25s ease-in-out;-moz-transition:all .25s ease-in-out;-o-transition:all .25s ease-in-out;transition:all .25s ease-in-out;font-family:StevieSans,sans-serif;border-radius:30px;height:52px;width:52px;min-width:52px;min-height:52px;font-weight:900;font-size:30px;line-height:100%;display:flex;align-items:center;justify-content:center}.roundicon-large{-webkit-transition:all .25s ease-in-out;-moz-transition:all .25s ease-in-out;-o-transition:all .25s ease-in-out;transition:all .25s ease-in-out;font-family:StevieSans,sans-serif;height:52px;width:52px;min-width:52px;min-height:52px;font-weight:900;font-size:30px;line-height:100%;display:flex;align-items:center;justify-content:center;border-radius:60px;height:120px;width:120px}.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.2.6", 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"] }]
+            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%}.bigletteredbutton{-webkit-transition:all .25s ease-in-out;-moz-transition:all .25s ease-in-out;-o-transition:all .25s ease-in-out;transition:all .25s ease-in-out;text-decoration:none;background:#ffffff1a;margin-bottom:10px;display:flex;align-content:center;border-radius:20px;padding:15px;font-size:24px;border:2px solid #1F3F8F;border-bottom:6px solid #1F3F8F;color:#fff;align-items:center;cursor:pointer}.bigletteredbutton .free{font-family:StevieSansThin,sans-serif;font-style:normal;font-weight:400;font-size:15px;line-height:140%;background:#fff73f;color:#2f2f2f;padding:3px 5px;margin-left:20px;border-radius:10px}.bigletteredbutton .plan{font-family:StevieSansThin,sans-serif;font-style:normal;font-weight:400;font-size:15px;line-height:140%;background:#fff;color:#2f2f2f;padding:3px 5px;margin-left:20px;border-radius:10px}.bigletteredbutton:hover,.bigletteredbutton.selected{border:2px solid #fff73f;border-bottom:6px solid #fff73f}.bigletteredbutton .button-letter{-webkit-transition:all .25s ease-in-out;-moz-transition:all .25s ease-in-out;-o-transition:all .25s ease-in-out;transition:all .25s ease-in-out;font-family:StevieSans,sans-serif;border-radius:30px;height:52px;width:52px;min-width:52px;min-height:52px;font-weight:900;font-size:30px;line-height:100%;display:flex;align-items:center;justify-content:center;background:#fff73f;color:#1f3f8f;margin-right:20px}.bigletteredbutton .button-letter .ph{color:#1f3f8f}.bigletteredbutton .button-letter:hover{background:#1f3f8f;color:#fff73f}.bigletteredbutton .button-letter:hover .ph{color:#fff73f}.roundicon-yellow{-webkit-transition:all .25s ease-in-out;-moz-transition:all .25s ease-in-out;-o-transition:all .25s ease-in-out;transition:all .25s ease-in-out;font-family:StevieSans,sans-serif;border-radius:30px;height:52px;width:52px;min-width:52px;min-height:52px;font-weight:900;font-size:30px;line-height:100%;display:flex;align-items:center;justify-content:center;background:#fff73f;color:#1f3f8f}.roundicon-yellow .ph{color:#1f3f8f}.roundicon-yellow:hover{background:#1f3f8f;color:#fff73f}.roundicon-yellow:hover .ph{color:#fff73f}.roundicon{-webkit-transition:all .25s ease-in-out;-moz-transition:all .25s ease-in-out;-o-transition:all .25s ease-in-out;transition:all .25s ease-in-out;font-family:StevieSans,sans-serif;border-radius:30px;height:52px;width:52px;min-width:52px;min-height:52px;font-weight:900;font-size:30px;line-height:100%;display:flex;align-items:center;justify-content:center}.roundicon-large{-webkit-transition:all .25s ease-in-out;-moz-transition:all .25s ease-in-out;-o-transition:all .25s ease-in-out;transition:all .25s ease-in-out;font-family:StevieSans,sans-serif;height:52px;width:52px;min-width:52px;min-height:52px;font-weight:900;font-size:30px;line-height:100%;display:flex;align-items:center;justify-content:center;border-radius:60px;height:120px;width:120px}.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: [{
                     type: Inject,
                     args: [VIEWSTATE_PROVIDER]

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

@@ -35,11 +35,11 @@ export class CheckboxComponent {
         this.disabled = isDisabled;
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: CheckboxComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.6", 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.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.6", 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%}.bigletteredbutton{-webkit-transition:all .25s ease-in-out;-moz-transition:all .25s ease-in-out;-o-transition:all .25s ease-in-out;transition:all .25s ease-in-out;text-decoration:none;background:#ffffff1a;margin-bottom:10px;display:flex;align-content:center;border-radius:20px;padding:15px;font-size:24px;border:2px solid #1F3F8F;border-bottom:6px solid #1F3F8F;color:#fff;align-items:center;cursor:pointer}.bigletteredbutton .free{font-family:StevieSansThin,sans-serif;font-style:normal;font-weight:400;font-size:15px;line-height:140%;background:#fff73f;color:#2f2f2f;padding:3px 5px;margin-left:20px;border-radius:10px}.bigletteredbutton .plan{font-family:StevieSansThin,sans-serif;font-style:normal;font-weight:400;font-size:15px;line-height:140%;background:#fff;color:#2f2f2f;padding:3px 5px;margin-left:20px;border-radius:10px}.bigletteredbutton:hover,.bigletteredbutton.selected{border:2px solid #fff73f;border-bottom:6px solid #fff73f}.bigletteredbutton .button-letter{-webkit-transition:all .25s ease-in-out;-moz-transition:all .25s ease-in-out;-o-transition:all .25s ease-in-out;transition:all .25s ease-in-out;font-family:StevieSans,sans-serif;border-radius:30px;height:52px;width:52px;min-width:52px;min-height:52px;font-weight:900;font-size:30px;line-height:100%;display:flex;align-items:center;justify-content:center;background:#fff73f;color:#1f3f8f;margin-right:20px}.bigletteredbutton .button-letter .ph{color:#1f3f8f}.bigletteredbutton .button-letter:hover{background:#1f3f8f;color:#fff73f}.bigletteredbutton .button-letter:hover .ph{color:#fff73f}.roundicon-yellow{-webkit-transition:all .25s ease-in-out;-moz-transition:all .25s ease-in-out;-o-transition:all .25s ease-in-out;transition:all .25s ease-in-out;font-family:StevieSans,sans-serif;border-radius:30px;height:52px;width:52px;min-width:52px;min-height:52px;font-weight:900;font-size:30px;line-height:100%;display:flex;align-items:center;justify-content:center;background:#fff73f;color:#1f3f8f}.roundicon-yellow .ph{color:#1f3f8f}.roundicon-yellow:hover{background:#1f3f8f;color:#fff73f}.roundicon-yellow:hover .ph{color:#fff73f}.roundicon{-webkit-transition:all .25s ease-in-out;-moz-transition:all .25s ease-in-out;-o-transition:all .25s ease-in-out;transition:all .25s ease-in-out;font-family:StevieSans,sans-serif;border-radius:30px;height:52px;width:52px;min-width:52px;min-height:52px;font-weight:900;font-size:30px;line-height:100%;display:flex;align-items:center;justify-content:center}.roundicon-large{-webkit-transition:all .25s ease-in-out;-moz-transition:all .25s ease-in-out;-o-transition:all .25s ease-in-out;transition:all .25s ease-in-out;font-family:StevieSans,sans-serif;height:52px;width:52px;min-width:52px;min-height:52px;font-weight:900;font-size:30px;line-height:100%;display:flex;align-items:center;justify-content:center;border-radius:60px;height:120px;width:120px}.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.2.6", 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"] }]
+            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%}.bigletteredbutton{-webkit-transition:all .25s ease-in-out;-moz-transition:all .25s ease-in-out;-o-transition:all .25s ease-in-out;transition:all .25s ease-in-out;text-decoration:none;background:#ffffff1a;margin-bottom:10px;display:flex;align-content:center;border-radius:20px;padding:15px;font-size:24px;border:2px solid #1F3F8F;border-bottom:6px solid #1F3F8F;color:#fff;align-items:center;cursor:pointer}.bigletteredbutton .free{font-family:StevieSansThin,sans-serif;font-style:normal;font-weight:400;font-size:15px;line-height:140%;background:#fff73f;color:#2f2f2f;padding:3px 5px;margin-left:20px;border-radius:10px}.bigletteredbutton .plan{font-family:StevieSansThin,sans-serif;font-style:normal;font-weight:400;font-size:15px;line-height:140%;background:#fff;color:#2f2f2f;padding:3px 5px;margin-left:20px;border-radius:10px}.bigletteredbutton:hover,.bigletteredbutton.selected{border:2px solid #fff73f;border-bottom:6px solid #fff73f}.bigletteredbutton .button-letter{-webkit-transition:all .25s ease-in-out;-moz-transition:all .25s ease-in-out;-o-transition:all .25s ease-in-out;transition:all .25s ease-in-out;font-family:StevieSans,sans-serif;border-radius:30px;height:52px;width:52px;min-width:52px;min-height:52px;font-weight:900;font-size:30px;line-height:100%;display:flex;align-items:center;justify-content:center;background:#fff73f;color:#1f3f8f;margin-right:20px}.bigletteredbutton .button-letter .ph{color:#1f3f8f}.bigletteredbutton .button-letter:hover{background:#1f3f8f;color:#fff73f}.bigletteredbutton .button-letter:hover .ph{color:#fff73f}.roundicon-yellow{-webkit-transition:all .25s ease-in-out;-moz-transition:all .25s ease-in-out;-o-transition:all .25s ease-in-out;transition:all .25s ease-in-out;font-family:StevieSans,sans-serif;border-radius:30px;height:52px;width:52px;min-width:52px;min-height:52px;font-weight:900;font-size:30px;line-height:100%;display:flex;align-items:center;justify-content:center;background:#fff73f;color:#1f3f8f}.roundicon-yellow .ph{color:#1f3f8f}.roundicon-yellow:hover{background:#1f3f8f;color:#fff73f}.roundicon-yellow:hover .ph{color:#fff73f}.roundicon{-webkit-transition:all .25s ease-in-out;-moz-transition:all .25s ease-in-out;-o-transition:all .25s ease-in-out;transition:all .25s ease-in-out;font-family:StevieSans,sans-serif;border-radius:30px;height:52px;width:52px;min-width:52px;min-height:52px;font-weight:900;font-size:30px;line-height:100%;display:flex;align-items:center;justify-content:center}.roundicon-large{-webkit-transition:all .25s ease-in-out;-moz-transition:all .25s ease-in-out;-o-transition:all .25s ease-in-out;transition:all .25s ease-in-out;font-family:StevieSans,sans-serif;height:52px;width:52px;min-width:52px;min-height:52px;font-weight:900;font-size:30px;line-height:100%;display:flex;align-items:center;justify-content:center;border-radius:60px;height:120px;width:120px}.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: [{
                 type: Input
             }], disabled: [{

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

@@ -18,11 +18,11 @@ export class ExpandComponent {
         }
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: ExpandComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.6", 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.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.6", 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%}.bigletteredbutton{-webkit-transition:all .25s ease-in-out;-moz-transition:all .25s ease-in-out;-o-transition:all .25s ease-in-out;transition:all .25s ease-in-out;text-decoration:none;background:#ffffff1a;margin-bottom:10px;display:flex;align-content:center;border-radius:20px;padding:15px;font-size:24px;border:2px solid #1F3F8F;border-bottom:6px solid #1F3F8F;color:#fff;align-items:center;cursor:pointer}.bigletteredbutton .free{font-family:StevieSansThin,sans-serif;font-style:normal;font-weight:400;font-size:15px;line-height:140%;background:#fff73f;color:#2f2f2f;padding:3px 5px;margin-left:20px;border-radius:10px}.bigletteredbutton .plan{font-family:StevieSansThin,sans-serif;font-style:normal;font-weight:400;font-size:15px;line-height:140%;background:#fff;color:#2f2f2f;padding:3px 5px;margin-left:20px;border-radius:10px}.bigletteredbutton:hover,.bigletteredbutton.selected{border:2px solid #fff73f;border-bottom:6px solid #fff73f}.bigletteredbutton .button-letter{-webkit-transition:all .25s ease-in-out;-moz-transition:all .25s ease-in-out;-o-transition:all .25s ease-in-out;transition:all .25s ease-in-out;font-family:StevieSans,sans-serif;border-radius:30px;height:52px;width:52px;min-width:52px;min-height:52px;font-weight:900;font-size:30px;line-height:100%;display:flex;align-items:center;justify-content:center;background:#fff73f;color:#1f3f8f;margin-right:20px}.bigletteredbutton .button-letter .ph{color:#1f3f8f}.bigletteredbutton .button-letter:hover{background:#1f3f8f;color:#fff73f}.bigletteredbutton .button-letter:hover .ph{color:#fff73f}.roundicon-yellow{-webkit-transition:all .25s ease-in-out;-moz-transition:all .25s ease-in-out;-o-transition:all .25s ease-in-out;transition:all .25s ease-in-out;font-family:StevieSans,sans-serif;border-radius:30px;height:52px;width:52px;min-width:52px;min-height:52px;font-weight:900;font-size:30px;line-height:100%;display:flex;align-items:center;justify-content:center;background:#fff73f;color:#1f3f8f}.roundicon-yellow .ph{color:#1f3f8f}.roundicon-yellow:hover{background:#1f3f8f;color:#fff73f}.roundicon-yellow:hover .ph{color:#fff73f}.roundicon{-webkit-transition:all .25s ease-in-out;-moz-transition:all .25s ease-in-out;-o-transition:all .25s ease-in-out;transition:all .25s ease-in-out;font-family:StevieSans,sans-serif;border-radius:30px;height:52px;width:52px;min-width:52px;min-height:52px;font-weight:900;font-size:30px;line-height:100%;display:flex;align-items:center;justify-content:center}.roundicon-large{-webkit-transition:all .25s ease-in-out;-moz-transition:all .25s ease-in-out;-o-transition:all .25s ease-in-out;transition:all .25s ease-in-out;font-family:StevieSans,sans-serif;height:52px;width:52px;min-width:52px;min-height:52px;font-weight:900;font-size:30px;line-height:100%;display:flex;align-items:center;justify-content:center;border-radius:60px;height:120px;width:120px}\n"], dependencies: [{ kind: "directive", type: 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.2.6", 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"] }]
+            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%}.bigletteredbutton{-webkit-transition:all .25s ease-in-out;-moz-transition:all .25s ease-in-out;-o-transition:all .25s ease-in-out;transition:all .25s ease-in-out;text-decoration:none;background:#ffffff1a;margin-bottom:10px;display:flex;align-content:center;border-radius:20px;padding:15px;font-size:24px;border:2px solid #1F3F8F;border-bottom:6px solid #1F3F8F;color:#fff;align-items:center;cursor:pointer}.bigletteredbutton .free{font-family:StevieSansThin,sans-serif;font-style:normal;font-weight:400;font-size:15px;line-height:140%;background:#fff73f;color:#2f2f2f;padding:3px 5px;margin-left:20px;border-radius:10px}.bigletteredbutton .plan{font-family:StevieSansThin,sans-serif;font-style:normal;font-weight:400;font-size:15px;line-height:140%;background:#fff;color:#2f2f2f;padding:3px 5px;margin-left:20px;border-radius:10px}.bigletteredbutton:hover,.bigletteredbutton.selected{border:2px solid #fff73f;border-bottom:6px solid #fff73f}.bigletteredbutton .button-letter{-webkit-transition:all .25s ease-in-out;-moz-transition:all .25s ease-in-out;-o-transition:all .25s ease-in-out;transition:all .25s ease-in-out;font-family:StevieSans,sans-serif;border-radius:30px;height:52px;width:52px;min-width:52px;min-height:52px;font-weight:900;font-size:30px;line-height:100%;display:flex;align-items:center;justify-content:center;background:#fff73f;color:#1f3f8f;margin-right:20px}.bigletteredbutton .button-letter .ph{color:#1f3f8f}.bigletteredbutton .button-letter:hover{background:#1f3f8f;color:#fff73f}.bigletteredbutton .button-letter:hover .ph{color:#fff73f}.roundicon-yellow{-webkit-transition:all .25s ease-in-out;-moz-transition:all .25s ease-in-out;-o-transition:all .25s ease-in-out;transition:all .25s ease-in-out;font-family:StevieSans,sans-serif;border-radius:30px;height:52px;width:52px;min-width:52px;min-height:52px;font-weight:900;font-size:30px;line-height:100%;display:flex;align-items:center;justify-content:center;background:#fff73f;color:#1f3f8f}.roundicon-yellow .ph{color:#1f3f8f}.roundicon-yellow:hover{background:#1f3f8f;color:#fff73f}.roundicon-yellow:hover .ph{color:#fff73f}.roundicon{-webkit-transition:all .25s ease-in-out;-moz-transition:all .25s ease-in-out;-o-transition:all .25s ease-in-out;transition:all .25s ease-in-out;font-family:StevieSans,sans-serif;border-radius:30px;height:52px;width:52px;min-width:52px;min-height:52px;font-weight:900;font-size:30px;line-height:100%;display:flex;align-items:center;justify-content:center}.roundicon-large{-webkit-transition:all .25s ease-in-out;-moz-transition:all .25s ease-in-out;-o-transition:all .25s ease-in-out;transition:all .25s ease-in-out;font-family:StevieSans,sans-serif;height:52px;width:52px;min-width:52px;min-height:52px;font-weight:900;font-size:30px;line-height:100%;display:flex;align-items:center;justify-content:center;border-radius:60px;height:120px;width:120px}\n"] }]
         }], ctorParameters: () => [], propDecorators: { items: [{
                 type: Input
             }], theme: [{

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

@@ -17,11 +17,11 @@ export class LoadingComponent extends ComponentWithViewStateBase {
     onDataUpdate(data) {
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.6", 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.6", 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.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.6", 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%}.bigletteredbutton{-webkit-transition:all .25s ease-in-out;-moz-transition:all .25s ease-in-out;-o-transition:all .25s ease-in-out;transition:all .25s ease-in-out;text-decoration:none;background:#ffffff1a;margin-bottom:10px;display:flex;align-content:center;border-radius:20px;padding:15px;font-size:24px;border:2px solid #1F3F8F;border-bottom:6px solid #1F3F8F;color:#fff;align-items:center;cursor:pointer}.bigletteredbutton .free{font-family:StevieSansThin,sans-serif;font-style:normal;font-weight:400;font-size:15px;line-height:140%;background:#fff73f;color:#2f2f2f;padding:3px 5px;margin-left:20px;border-radius:10px}.bigletteredbutton .plan{font-family:StevieSansThin,sans-serif;font-style:normal;font-weight:400;font-size:15px;line-height:140%;background:#fff;color:#2f2f2f;padding:3px 5px;margin-left:20px;border-radius:10px}.bigletteredbutton:hover,.bigletteredbutton.selected{border:2px solid #fff73f;border-bottom:6px solid #fff73f}.bigletteredbutton .button-letter{-webkit-transition:all .25s ease-in-out;-moz-transition:all .25s ease-in-out;-o-transition:all .25s ease-in-out;transition:all .25s ease-in-out;font-family:StevieSans,sans-serif;border-radius:30px;height:52px;width:52px;min-width:52px;min-height:52px;font-weight:900;font-size:30px;line-height:100%;display:flex;align-items:center;justify-content:center;background:#fff73f;color:#1f3f8f;margin-right:20px}.bigletteredbutton .button-letter .ph{color:#1f3f8f}.bigletteredbutton .button-letter:hover{background:#1f3f8f;color:#fff73f}.bigletteredbutton .button-letter:hover .ph{color:#fff73f}.roundicon-yellow{-webkit-transition:all .25s ease-in-out;-moz-transition:all .25s ease-in-out;-o-transition:all .25s ease-in-out;transition:all .25s ease-in-out;font-family:StevieSans,sans-serif;border-radius:30px;height:52px;width:52px;min-width:52px;min-height:52px;font-weight:900;font-size:30px;line-height:100%;display:flex;align-items:center;justify-content:center;background:#fff73f;color:#1f3f8f}.roundicon-yellow .ph{color:#1f3f8f}.roundicon-yellow:hover{background:#1f3f8f;color:#fff73f}.roundicon-yellow:hover .ph{color:#fff73f}.roundicon{-webkit-transition:all .25s ease-in-out;-moz-transition:all .25s ease-in-out;-o-transition:all .25s ease-in-out;transition:all .25s ease-in-out;font-family:StevieSans,sans-serif;border-radius:30px;height:52px;width:52px;min-width:52px;min-height:52px;font-weight:900;font-size:30px;line-height:100%;display:flex;align-items:center;justify-content:center}.roundicon-large{-webkit-transition:all .25s ease-in-out;-moz-transition:all .25s ease-in-out;-o-transition:all .25s ease-in-out;transition:all .25s ease-in-out;font-family:StevieSans,sans-serif;height:52px;width:52px;min-width:52px;min-height:52px;font-weight:900;font-size:30px;line-height:100%;display:flex;align-items:center;justify-content:center;border-radius:60px;height:120px;width:120px}.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.2.6", 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"] }]
+            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%}.bigletteredbutton{-webkit-transition:all .25s ease-in-out;-moz-transition:all .25s ease-in-out;-o-transition:all .25s ease-in-out;transition:all .25s ease-in-out;text-decoration:none;background:#ffffff1a;margin-bottom:10px;display:flex;align-content:center;border-radius:20px;padding:15px;font-size:24px;border:2px solid #1F3F8F;border-bottom:6px solid #1F3F8F;color:#fff;align-items:center;cursor:pointer}.bigletteredbutton .free{font-family:StevieSansThin,sans-serif;font-style:normal;font-weight:400;font-size:15px;line-height:140%;background:#fff73f;color:#2f2f2f;padding:3px 5px;margin-left:20px;border-radius:10px}.bigletteredbutton .plan{font-family:StevieSansThin,sans-serif;font-style:normal;font-weight:400;font-size:15px;line-height:140%;background:#fff;color:#2f2f2f;padding:3px 5px;margin-left:20px;border-radius:10px}.bigletteredbutton:hover,.bigletteredbutton.selected{border:2px solid #fff73f;border-bottom:6px solid #fff73f}.bigletteredbutton .button-letter{-webkit-transition:all .25s ease-in-out;-moz-transition:all .25s ease-in-out;-o-transition:all .25s ease-in-out;transition:all .25s ease-in-out;font-family:StevieSans,sans-serif;border-radius:30px;height:52px;width:52px;min-width:52px;min-height:52px;font-weight:900;font-size:30px;line-height:100%;display:flex;align-items:center;justify-content:center;background:#fff73f;color:#1f3f8f;margin-right:20px}.bigletteredbutton .button-letter .ph{color:#1f3f8f}.bigletteredbutton .button-letter:hover{background:#1f3f8f;color:#fff73f}.bigletteredbutton .button-letter:hover .ph{color:#fff73f}.roundicon-yellow{-webkit-transition:all .25s ease-in-out;-moz-transition:all .25s ease-in-out;-o-transition:all .25s ease-in-out;transition:all .25s ease-in-out;font-family:StevieSans,sans-serif;border-radius:30px;height:52px;width:52px;min-width:52px;min-height:52px;font-weight:900;font-size:30px;line-height:100%;display:flex;align-items:center;justify-content:center;background:#fff73f;color:#1f3f8f}.roundicon-yellow .ph{color:#1f3f8f}.roundicon-yellow:hover{background:#1f3f8f;color:#fff73f}.roundicon-yellow:hover .ph{color:#fff73f}.roundicon{-webkit-transition:all .25s ease-in-out;-moz-transition:all .25s ease-in-out;-o-transition:all .25s ease-in-out;transition:all .25s ease-in-out;font-family:StevieSans,sans-serif;border-radius:30px;height:52px;width:52px;min-width:52px;min-height:52px;font-weight:900;font-size:30px;line-height:100%;display:flex;align-items:center;justify-content:center}.roundicon-large{-webkit-transition:all .25s ease-in-out;-moz-transition:all .25s ease-in-out;-o-transition:all .25s ease-in-out;transition:all .25s ease-in-out;font-family:StevieSans,sans-serif;height:52px;width:52px;min-width:52px;min-height:52px;font-weight:900;font-size:30px;line-height:100%;display:flex;align-items:center;justify-content:center;border-radius:60px;height:120px;width:120px}.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: [{
                     type: Inject,
                     args: [VIEWSTATE_PROVIDER]

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

@@ -66,11 +66,11 @@ export class MatTagsComponent {
         this.form.controls.tags.setValue(null);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: MatTagsComponent, deps: [{ token: i1.UntypedFormBuilder }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.6", 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.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.6", 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%}.bigletteredbutton{-webkit-transition:all .25s ease-in-out;-moz-transition:all .25s ease-in-out;-o-transition:all .25s ease-in-out;transition:all .25s ease-in-out;text-decoration:none;background:#ffffff1a;margin-bottom:10px;display:flex;align-content:center;border-radius:20px;padding:15px;font-size:24px;border:2px solid #1F3F8F;border-bottom:6px solid #1F3F8F;color:#fff;align-items:center;cursor:pointer}.bigletteredbutton .free{font-family:StevieSansThin,sans-serif;font-style:normal;font-weight:400;font-size:15px;line-height:140%;background:#fff73f;color:#2f2f2f;padding:3px 5px;margin-left:20px;border-radius:10px}.bigletteredbutton .plan{font-family:StevieSansThin,sans-serif;font-style:normal;font-weight:400;font-size:15px;line-height:140%;background:#fff;color:#2f2f2f;padding:3px 5px;margin-left:20px;border-radius:10px}.bigletteredbutton:hover,.bigletteredbutton.selected{border:2px solid #fff73f;border-bottom:6px solid #fff73f}.bigletteredbutton .button-letter{-webkit-transition:all .25s ease-in-out;-moz-transition:all .25s ease-in-out;-o-transition:all .25s ease-in-out;transition:all .25s ease-in-out;font-family:StevieSans,sans-serif;border-radius:30px;height:52px;width:52px;min-width:52px;min-height:52px;font-weight:900;font-size:30px;line-height:100%;display:flex;align-items:center;justify-content:center;background:#fff73f;color:#1f3f8f;margin-right:20px}.bigletteredbutton .button-letter .ph{color:#1f3f8f}.bigletteredbutton .button-letter:hover{background:#1f3f8f;color:#fff73f}.bigletteredbutton .button-letter:hover .ph{color:#fff73f}.roundicon-yellow{-webkit-transition:all .25s ease-in-out;-moz-transition:all .25s ease-in-out;-o-transition:all .25s ease-in-out;transition:all .25s ease-in-out;font-family:StevieSans,sans-serif;border-radius:30px;height:52px;width:52px;min-width:52px;min-height:52px;font-weight:900;font-size:30px;line-height:100%;display:flex;align-items:center;justify-content:center;background:#fff73f;color:#1f3f8f}.roundicon-yellow .ph{color:#1f3f8f}.roundicon-yellow:hover{background:#1f3f8f;color:#fff73f}.roundicon-yellow:hover .ph{color:#fff73f}.roundicon{-webkit-transition:all .25s ease-in-out;-moz-transition:all .25s ease-in-out;-o-transition:all .25s ease-in-out;transition:all .25s ease-in-out;font-family:StevieSans,sans-serif;border-radius:30px;height:52px;width:52px;min-width:52px;min-height:52px;font-weight:900;font-size:30px;line-height:100%;display:flex;align-items:center;justify-content:center}.roundicon-large{-webkit-transition:all .25s ease-in-out;-moz-transition:all .25s ease-in-out;-o-transition:all .25s ease-in-out;transition:all .25s ease-in-out;font-family:StevieSans,sans-serif;height:52px;width:52px;min-width:52px;min-height:52px;font-weight:900;font-size:30px;line-height:100%;display:flex;align-items:center;justify-content:center;border-radius:60px;height:120px;width:120px}.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.2.6", 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"] }]
+            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%}.bigletteredbutton{-webkit-transition:all .25s ease-in-out;-moz-transition:all .25s ease-in-out;-o-transition:all .25s ease-in-out;transition:all .25s ease-in-out;text-decoration:none;background:#ffffff1a;margin-bottom:10px;display:flex;align-content:center;border-radius:20px;padding:15px;font-size:24px;border:2px solid #1F3F8F;border-bottom:6px solid #1F3F8F;color:#fff;align-items:center;cursor:pointer}.bigletteredbutton .free{font-family:StevieSansThin,sans-serif;font-style:normal;font-weight:400;font-size:15px;line-height:140%;background:#fff73f;color:#2f2f2f;padding:3px 5px;margin-left:20px;border-radius:10px}.bigletteredbutton .plan{font-family:StevieSansThin,sans-serif;font-style:normal;font-weight:400;font-size:15px;line-height:140%;background:#fff;color:#2f2f2f;padding:3px 5px;margin-left:20px;border-radius:10px}.bigletteredbutton:hover,.bigletteredbutton.selected{border:2px solid #fff73f;border-bottom:6px solid #fff73f}.bigletteredbutton .button-letter{-webkit-transition:all .25s ease-in-out;-moz-transition:all .25s ease-in-out;-o-transition:all .25s ease-in-out;transition:all .25s ease-in-out;font-family:StevieSans,sans-serif;border-radius:30px;height:52px;width:52px;min-width:52px;min-height:52px;font-weight:900;font-size:30px;line-height:100%;display:flex;align-items:center;justify-content:center;background:#fff73f;color:#1f3f8f;margin-right:20px}.bigletteredbutton .button-letter .ph{color:#1f3f8f}.bigletteredbutton .button-letter:hover{background:#1f3f8f;color:#fff73f}.bigletteredbutton .button-letter:hover .ph{color:#fff73f}.roundicon-yellow{-webkit-transition:all .25s ease-in-out;-moz-transition:all .25s ease-in-out;-o-transition:all .25s ease-in-out;transition:all .25s ease-in-out;font-family:StevieSans,sans-serif;border-radius:30px;height:52px;width:52px;min-width:52px;min-height:52px;font-weight:900;font-size:30px;line-height:100%;display:flex;align-items:center;justify-content:center;background:#fff73f;color:#1f3f8f}.roundicon-yellow .ph{color:#1f3f8f}.roundicon-yellow:hover{background:#1f3f8f;color:#fff73f}.roundicon-yellow:hover .ph{color:#fff73f}.roundicon{-webkit-transition:all .25s ease-in-out;-moz-transition:all .25s ease-in-out;-o-transition:all .25s ease-in-out;transition:all .25s ease-in-out;font-family:StevieSans,sans-serif;border-radius:30px;height:52px;width:52px;min-width:52px;min-height:52px;font-weight:900;font-size:30px;line-height:100%;display:flex;align-items:center;justify-content:center}.roundicon-large{-webkit-transition:all .25s ease-in-out;-moz-transition:all .25s ease-in-out;-o-transition:all .25s ease-in-out;transition:all .25s ease-in-out;font-family:StevieSans,sans-serif;height:52px;width:52px;min-width:52px;min-height:52px;font-weight:900;font-size:30px;line-height:100%;display:flex;align-items:center;justify-content:center;border-radius:60px;height:120px;width:120px}.form-label{margin-top:30px}\n"] }]
         }], ctorParameters: () => [{ type: i1.UntypedFormBuilder }], propDecorators: { allTags: [{
                 type: Input
             }], tagsChangedEvent: [{