@the-liberators/ngx-scrumteamsurvey-tools 2.3.2 → 2.3.3

package/esm2022/lib/components/select-list/select-list.component.mjs

@@ -11,9 +11,15 @@ export class SelectListComponent {
         this.onTouched = () => { };
     }
     select(option) {
-        if (!this.multiple) {
+        if (!this.multiple || (this.noAnswerOption && this.noAnswerOption.key == option.key)) {
             this.options.forEach(p => p.selected = false);
         }
+        else if (this.noAnswerOption && this.noAnswerOption.key !== option.key) {
+            var noAnswer = this.options.find(p => p.key == this.noAnswerOption.key);
+            if (noAnswer) {
+                noAnswer.selected = false;
+            }
+        }
         option.selected = !option.selected;
         this.onChange(this.options.filter(p => p.selected));
     }
@@ -39,7 +45,7 @@ export class SelectListComponent {
         this.disabled = isDisabled;
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.9", ngImport: i0, type: SelectListComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.9", type: SelectListComponent, selector: "select-list", inputs: { options: "options", multiple: "multiple", disabled: "disabled" }, providers: [
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.9", type: SelectListComponent, selector: "select-list", inputs: { options: "options", multiple: "multiple", noAnswerOption: "noAnswerOption", disabled: "disabled" }, providers: [
             { provide: NG_VALUE_ACCESSOR, multi: true, useExisting: forwardRef(() => SelectListComponent), }
         ], ngImport: i0, template: "<div class=\"columinity-select-list\" [ngClass]=\"{'columinity-select-list-multiple': multiple}\">\n   <div tabindex=\"0\" class=\"columinity-select-list-option select-option\" [ngClass]=\"{'selected': option.selected}\" brandConditionalBackgroundColor [palette]=\"'neutral'\" [activePalette]=\"'accent'\" [active]=\"option.selected\" (click)=\"select(option)\" (keydown.Space)=\"select(option)\" *ngFor=\"let option of options\">\n      <div class=\"button-letter\"><span class=\"ph ph-circle-fill\" *ngIf=\"option.selected && !multiple\"></span><span class=\"ph ph-check-bold\" *ngIf=\"option.selected && multiple\"></span></div>\n      {{option.label}}\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}.columinity-select-list .columinity-select-list-option{-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;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;color:#2f2f2f;border-color:#2f2f2f;font-family:StevieSans,sans-serif;font-weight:600;font-size:20px;border-color:#fff;background:#f0f0f0;margin-bottom:3px}.columinity-select-list .columinity-select-list-option .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}.columinity-select-list .columinity-select-list-option .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}.columinity-select-list .columinity-select-list-option:hover,.columinity-select-list .columinity-select-list-option.selected{border:2px solid #fff73f;border-bottom:6px solid #fff73f}.columinity-select-list .columinity-select-list-option .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}.columinity-select-list .columinity-select-list-option .button-letter .ph{color:#1f3f8f}.columinity-select-list .columinity-select-list-option .button-letter:hover{background:#1f3f8f;color:#fff73f}.columinity-select-list .columinity-select-list-option .button-letter:hover .ph{color:#fff73f}.columinity-select-list .columinity-select-list-option:hover{border-color:#2f2f2f}.columinity-select-list .columinity-select-list-option.selected{background:#fff73f;border-color:#2f2f2f}.columinity-select-list .columinity-select-list-option.selected .button-letter{background:#2f2f2f}.columinity-select-list .columinity-select-list-option.selected .button-letter>*{color:#fff}.columinity-select-list .columinity-select-list-option .button-letter{background:#d7d7d7;border:2px solid #2f2f2f;width:26px;height:26px;min-width:26px;min-height:26px}.columinity-select-list .columinity-select-list-option .button-letter .ph{align-self:center;justify-self:center;font-size:20px}\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"] }, { kind: "directive", type: i2.BrandConditionalBackgroundColorDirective, selector: "[brandConditionalBackgroundColor]", inputs: ["palette", "activePalette", "active"] }] }); }
 }
@@ -52,6 +58,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.9", ngImpor
                 type: Input
             }], multiple: [{
                 type: Input
+            }], noAnswerOption: [{
+                type: Input
             }], disabled: [{
                 type: Input
             }] } });
@@ -62,4 +70,4 @@ export class SelectListItem {
         this.selected = selected;
     }
 }
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2VsZWN0LWxpc3QuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbmd4LXNjcnVtdGVhbXN1cnZleS10b29scy9zcmMvbGliL2NvbXBvbmVudHMvc2VsZWN0LWxpc3Qvc2VsZWN0LWxpc3QuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbmd4LXNjcnVtdGVhbXN1cnZleS10b29scy9zcmMvbGliL2NvbXBvbmVudHMvc2VsZWN0LWxpc3Qvc2VsZWN0LWxpc3QuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQUUsVUFBVSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQzdELE9BQU8sRUFBd0IsaUJBQWlCLEVBQUUsTUFBTSxnQkFBZ0IsQ0FBQzs7OztBQVV6RSxNQUFNLE9BQU8sbUJBQW1CO0lBSzdCO1FBSlMsWUFBTyxHQUFxQixFQUFFLENBQUM7UUFFL0IsYUFBUSxHQUFHLEtBQUssQ0FBQztRQW1DMUIsYUFBUSxHQUFHLENBQUMsT0FBeUIsRUFBRSxFQUFFLEdBQUcsQ0FBQyxDQUFDO1FBQzlDLGNBQVMsR0FBRyxHQUFHLEVBQUUsR0FBRyxDQUFDLENBQUM7SUFqQ3RCLENBQUM7SUFFTSxNQUFNLENBQUMsTUFBc0I7UUFDakMsSUFBSSxDQUFDLElBQUksQ0FBQyxRQUFRLEVBQUUsQ0FBQztZQUNsQixJQUFJLENBQUMsT0FBTyxDQUFDLE9BQU8sQ0FBQyxDQUFDLENBQUMsRUFBRSxDQUFDLENBQUMsQ0FBQyxRQUFRLEdBQUcsS0FBSyxDQUFDLENBQUM7UUFDakQsQ0FBQztRQUVELE1BQU0sQ0FBQyxRQUFRLEdBQUcsQ0FBQyxNQUFNLENBQUMsUUFBUSxDQUFDO1FBQ25DLElBQUksQ0FBQyxRQUFRLENBQUMsSUFBSSxDQUFDLE9BQU8sQ0FBQyxNQUFNLENBQUMsQ0FBQyxDQUFDLEVBQUUsQ0FBQyxDQUFDLENBQUMsUUFBUSxDQUFDLENBQUMsQ0FBQztJQUN2RCxDQUFDO0lBRU0sVUFBVSxDQUFDLFFBQTBCO1FBQ3pDLElBQUksQ0FBQyxRQUFRLElBQUksUUFBUSxDQUFDLE1BQU0sSUFBSSxDQUFDLEVBQUUsQ0FBQztZQUFDLE9BQU87UUFBQyxDQUFDO1FBRWxELEtBQUssSUFBSSxjQUFjLElBQUksUUFBUSxFQUFFLENBQUM7WUFDbkMsSUFBSSxNQUFNLEdBQUcsSUFBSSxDQUFDLE9BQU8sQ0FBQyxJQUFJLENBQUMsQ0FBQyxDQUFDLEVBQUUsQ0FBQyxDQUFDLENBQUMsR0FBRyxJQUFJLGNBQWMsQ0FBQyxHQUFHLENBQUMsQ0FBQztZQUNqRSxJQUFJLE1BQU0sSUFBSSxJQUFJLEVBQUUsQ0FBQztnQkFBQyxNQUFNLENBQUMsUUFBUSxHQUFHLElBQUksQ0FBQztZQUFDLENBQUM7UUFDbEQsQ0FBQztRQUFBLENBQUM7SUFDTCxDQUFDO0lBRU0sZ0JBQWdCLENBQUMsRUFBTztRQUM1QixJQUFJLENBQUMsUUFBUSxHQUFHLEVBQUUsQ0FBQztJQUN0QixDQUFDO0lBRU0saUJBQWlCLENBQUMsRUFBTztRQUM3QixJQUFJLENBQUMsU0FBUyxHQUFHLEVBQUUsQ0FBQztJQUN2QixDQUFDO0lBRU0sZ0JBQWdCLENBQUUsVUFBbUI7UUFDekMsSUFBSSxDQUFDLFFBQVEsR0FBRyxVQUFVLENBQUM7SUFDOUIsQ0FBQzs4R0FwQ1MsbUJBQW1CO2tHQUFuQixtQkFBbUIsa0hBSmxCO1lBQ1IsRUFBRSxPQUFPLEVBQUUsaUJBQWlCLEVBQUUsS0FBSyxFQUFFLElBQUksRUFBRSxXQUFXLEVBQUUsVUFBVSxDQUFDLEdBQUcsRUFBRSxDQUFDLG1CQUFtQixDQUFDLEdBQUc7U0FDbEcsMEJDVEosc3FCQU1BOzsyRkRLYSxtQkFBbUI7a0JBUi9CLFNBQVM7K0JBQ0csYUFBYSxhQUdaO3dCQUNSLEVBQUUsT0FBTyxFQUFFLGlCQUFpQixFQUFFLEtBQUssRUFBRSxJQUFJLEVBQUUsV0FBVyxFQUFFLFVBQVUsQ0FBQyxHQUFHLEVBQUUsb0JBQW9CLENBQUMsR0FBRztxQkFDbEc7d0RBR1EsT0FBTztzQkFBZixLQUFLO2dCQUNHLFFBQVE7c0JBQWhCLEtBQUs7Z0JBQ0csUUFBUTtzQkFBaEIsS0FBSzs7QUF1Q1QsTUFBTSxPQUFPLGNBQWM7SUFDeEIsWUFBWSxHQUFXLEVBQUUsS0FBYSxFQUFFLFdBQW9CLEtBQUs7UUFDOUQsSUFBSSxDQUFDLEdBQUcsR0FBRyxHQUFHLENBQUM7UUFDZixJQUFJLENBQUMsS0FBSyxHQUFHLEtBQUssQ0FBQztRQUNuQixJQUFJLENBQUMsUUFBUSxHQUFHLFFBQVEsQ0FBQztJQUM1QixDQUFDO0NBS0giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIElucHV0LCBmb3J3YXJkUmVmIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBDb250cm9sVmFsdWVBY2Nlc3NvciwgTkdfVkFMVUVfQUNDRVNTT1IgfSBmcm9tICdAYW5ndWxhci9mb3Jtcyc7XG5cbkBDb21wb25lbnQoe1xuICAgc2VsZWN0b3I6ICdzZWxlY3QtbGlzdCcsXG4gICB0ZW1wbGF0ZVVybDogJy4vc2VsZWN0LWxpc3QuY29tcG9uZW50Lmh0bWwnLFxuICAgc3R5bGVVcmxzOiBbJy4vc2VsZWN0LWxpc3QuY29tcG9uZW50Lmxlc3MnXSxcbiAgIHByb3ZpZGVyczogW1xuICAgICAgeyBwcm92aWRlOiBOR19WQUxVRV9BQ0NFU1NPUiwgbXVsdGk6IHRydWUsIHVzZUV4aXN0aW5nOiBmb3J3YXJkUmVmKCgpID0+IFNlbGVjdExpc3RDb21wb25lbnQpLCB9XG4gICBdXG59KVxuZXhwb3J0IGNsYXNzIFNlbGVjdExpc3RDb21wb25lbnQgaW1wbGVtZW50cyBDb250cm9sVmFsdWVBY2Nlc3NvciB7XG4gICBASW5wdXQoKSBvcHRpb25zOiBTZWxlY3RMaXN0SXRlbVtdID0gW107XG4gICBASW5wdXQoKSBtdWx0aXBsZTogYm9vbGVhbjtcbiAgIEBJbnB1dCgpIGRpc2FibGVkID0gZmFsc2U7XG5cbiAgIGNvbnN0cnVjdG9yKCkge1xuICAgfVxuICAgXG4gICBwdWJsaWMgc2VsZWN0KG9wdGlvbjogU2VsZWN0TGlzdEl0ZW0pIHtcbiAgICAgIGlmICghdGhpcy5tdWx0aXBsZSkge1xuICAgICAgICAgdGhpcy5vcHRpb25zLmZvckVhY2gocCA9PiBwLnNlbGVjdGVkID0gZmFsc2UpO1xuICAgICAgfVxuXG4gICAgICBvcHRpb24uc2VsZWN0ZWQgPSAhb3B0aW9uLnNlbGVjdGVkO1xuICAgICAgdGhpcy5vbkNoYW5nZSh0aGlzLm9wdGlvbnMuZmlsdGVyKHAgPT4gcC5zZWxlY3RlZCkpO1xuICAgfVxuXG4gICBwdWJsaWMgd3JpdGVWYWx1ZShzZWxlY3RlZDogU2VsZWN0TGlzdEl0ZW1bXSk6IHZvaWQge1xuICAgICAgaWYgKCFzZWxlY3RlZCB8fCBzZWxlY3RlZC5sZW5ndGggPT0gMCkgeyByZXR1cm47IH1cblxuICAgICAgZm9yICh2YXIgc2VsZWN0ZWRPcHRpb24gb2Ygc2VsZWN0ZWQpIHtcbiAgICAgICAgIHZhciBvcHRpb24gPSB0aGlzLm9wdGlvbnMuZmluZChwID0+IHAua2V5ID09IHNlbGVjdGVkT3B0aW9uLmtleSk7XG4gICAgICAgICBpZiAob3B0aW9uICE9IG51bGwpIHsgb3B0aW9uLnNlbGVjdGVkID0gdHJ1ZTsgfVxuICAgICAgfTtcbiAgIH1cbiAgIFxuICAgcHVibGljIHJlZ2lzdGVyT25DaGFuZ2UoZm46IGFueSk6IHZvaWQge1xuICAgICAgdGhpcy5vbkNoYW5nZSA9IGZuO1xuICAgfVxuXG4gICBwdWJsaWMgcmVnaXN0ZXJPblRvdWNoZWQoZm46IGFueSk6IHZvaWQge1xuICAgICAgdGhpcy5vblRvdWNoZWQgPSBmbjtcbiAgIH1cblxuICAgcHVibGljIHNldERpc2FibGVkU3RhdGU/KGlzRGlzYWJsZWQ6IGJvb2xlYW4pOiB2b2lkIHtcbiAgICAgIHRoaXMuZGlzYWJsZWQgPSBpc0Rpc2FibGVkO1xuICAgfVxuXG4gICBvbkNoYW5nZSA9IChvcHRpb25zOiBTZWxlY3RMaXN0SXRlbVtdKSA9PiB7IH07XG4gICBvblRvdWNoZWQgPSAoKSA9PiB7IH07XG59XG5cbmV4cG9ydCBjbGFzcyBTZWxlY3RMaXN0SXRlbSB7XG4gICBjb25zdHJ1Y3RvcihrZXk6IHN0cmluZywgbGFiZWw6IHN0cmluZywgc2VsZWN0ZWQ6IGJvb2xlYW4gPSBmYWxzZSkge1xuICAgICAgdGhpcy5rZXkgPSBrZXk7XG4gICAgICB0aGlzLmxhYmVsID0gbGFiZWw7XG4gICAgICB0aGlzLnNlbGVjdGVkID0gc2VsZWN0ZWQ7XG4gICB9XG5cbiAgIGtleTogc3RyaW5nO1xuICAgbGFiZWw6IHN0cmluZztcbiAgIHNlbGVjdGVkOiBib29sZWFuO1xufVxuIiwiPGRpdiBjbGFzcz1cImNvbHVtaW5pdHktc2VsZWN0LWxpc3RcIiBbbmdDbGFzc109XCJ7J2NvbHVtaW5pdHktc2VsZWN0LWxpc3QtbXVsdGlwbGUnOiBtdWx0aXBsZX1cIj5cbiAgIDxkaXYgdGFiaW5kZXg9XCIwXCIgY2xhc3M9XCJjb2x1bWluaXR5LXNlbGVjdC1saXN0LW9wdGlvbiBzZWxlY3Qtb3B0aW9uXCIgW25nQ2xhc3NdPVwieydzZWxlY3RlZCc6IG9wdGlvbi5zZWxlY3RlZH1cIiBicmFuZENvbmRpdGlvbmFsQmFja2dyb3VuZENvbG9yIFtwYWxldHRlXT1cIiduZXV0cmFsJ1wiIFthY3RpdmVQYWxldHRlXT1cIidhY2NlbnQnXCIgW2FjdGl2ZV09XCJvcHRpb24uc2VsZWN0ZWRcIiAoY2xpY2spPVwic2VsZWN0KG9wdGlvbilcIiAoa2V5ZG93bi5TcGFjZSk9XCJzZWxlY3Qob3B0aW9uKVwiICpuZ0Zvcj1cImxldCBvcHRpb24gb2Ygb3B0aW9uc1wiPlxuICAgICAgPGRpdiBjbGFzcz1cImJ1dHRvbi1sZXR0ZXJcIj48c3BhbiBjbGFzcz1cInBoIHBoLWNpcmNsZS1maWxsXCIgKm5nSWY9XCJvcHRpb24uc2VsZWN0ZWQgJiYgIW11bHRpcGxlXCI+PC9zcGFuPjxzcGFuIGNsYXNzPVwicGggcGgtY2hlY2stYm9sZFwiICpuZ0lmPVwib3B0aW9uLnNlbGVjdGVkICYmIG11bHRpcGxlXCI+PC9zcGFuPjwvZGl2PlxuICAgICAge3tvcHRpb24ubGFiZWx9fVxuICAgPC9kaXY+XG48L2Rpdj5cbiJdfQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2VsZWN0LWxpc3QuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbmd4LXNjcnVtdGVhbXN1cnZleS10b29scy9zcmMvbGliL2NvbXBvbmVudHMvc2VsZWN0LWxpc3Qvc2VsZWN0LWxpc3QuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbmd4LXNjcnVtdGVhbXN1cnZleS10b29scy9zcmMvbGliL2NvbXBvbmVudHMvc2VsZWN0LWxpc3Qvc2VsZWN0LWxpc3QuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQUUsVUFBVSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQzdELE9BQU8sRUFBd0IsaUJBQWlCLEVBQUUsTUFBTSxnQkFBZ0IsQ0FBQzs7OztBQVV6RSxNQUFNLE9BQU8sbUJBQW1CO0lBTTdCO1FBTFMsWUFBTyxHQUFxQixFQUFFLENBQUM7UUFHL0IsYUFBUSxHQUFHLEtBQUssQ0FBQztRQXVDMUIsYUFBUSxHQUFHLENBQUMsT0FBeUIsRUFBRSxFQUFFLEdBQUcsQ0FBQyxDQUFDO1FBQzlDLGNBQVMsR0FBRyxHQUFHLEVBQUUsR0FBRyxDQUFDLENBQUM7SUFyQ3RCLENBQUM7SUFFTSxNQUFNLENBQUMsTUFBc0I7UUFDakMsSUFBSSxDQUFDLElBQUksQ0FBQyxRQUFRLElBQUksQ0FBQyxJQUFJLENBQUMsY0FBYyxJQUFJLElBQUksQ0FBQyxjQUFjLENBQUMsR0FBRyxJQUFJLE1BQU0sQ0FBQyxHQUFHLENBQUMsRUFBRSxDQUFDO1lBQ3BGLElBQUksQ0FBQyxPQUFPLENBQUMsT0FBTyxDQUFDLENBQUMsQ0FBQyxFQUFFLENBQUMsQ0FBQyxDQUFDLFFBQVEsR0FBRyxLQUFLLENBQUMsQ0FBQztRQUNqRCxDQUFDO2FBQ0ksSUFBSSxJQUFJLENBQUMsY0FBYyxJQUFJLElBQUksQ0FBQyxjQUFjLENBQUMsR0FBRyxLQUFLLE1BQU0sQ0FBQyxHQUFHLEVBQUUsQ0FBQztZQUN0RSxJQUFJLFFBQVEsR0FBRyxJQUFJLENBQUMsT0FBTyxDQUFDLElBQUksQ0FBQyxDQUFDLENBQUMsRUFBRSxDQUFDLENBQUMsQ0FBQyxHQUFHLElBQUksSUFBSSxDQUFDLGNBQWMsQ0FBQyxHQUFHLENBQUMsQ0FBQztZQUN4RSxJQUFJLFFBQVEsRUFBRSxDQUFDO2dCQUFDLFFBQVEsQ0FBQyxRQUFRLEdBQUcsS0FBSyxDQUFDO1lBQUMsQ0FBQztRQUMvQyxDQUFDO1FBRUQsTUFBTSxDQUFDLFFBQVEsR0FBRyxDQUFDLE1BQU0sQ0FBQyxRQUFRLENBQUM7UUFDbkMsSUFBSSxDQUFDLFFBQVEsQ0FBQyxJQUFJLENBQUMsT0FBTyxDQUFDLE1BQU0sQ0FBQyxDQUFDLENBQUMsRUFBRSxDQUFDLENBQUMsQ0FBQyxRQUFRLENBQUMsQ0FBQyxDQUFDO0lBQ3ZELENBQUM7SUFFTSxVQUFVLENBQUMsUUFBMEI7UUFDekMsSUFBSSxDQUFDLFFBQVEsSUFBSSxRQUFRLENBQUMsTUFBTSxJQUFJLENBQUMsRUFBRSxDQUFDO1lBQUMsT0FBTztRQUFDLENBQUM7UUFFbEQsS0FBSyxJQUFJLGNBQWMsSUFBSSxRQUFRLEVBQUUsQ0FBQztZQUNuQyxJQUFJLE1BQU0sR0FBRyxJQUFJLENBQUMsT0FBTyxDQUFDLElBQUksQ0FBQyxDQUFDLENBQUMsRUFBRSxDQUFDLENBQUMsQ0FBQyxHQUFHLElBQUksY0FBYyxDQUFDLEdBQUcsQ0FBQyxDQUFDO1lBQ2pFLElBQUksTUFBTSxJQUFJLElBQUksRUFBRSxDQUFDO2dCQUFDLE1BQU0sQ0FBQyxRQUFRLEdBQUcsSUFBSSxDQUFDO1lBQUMsQ0FBQztRQUNsRCxDQUFDO1FBQUEsQ0FBQztJQUNMLENBQUM7SUFFTSxnQkFBZ0IsQ0FBQyxFQUFPO1FBQzVCLElBQUksQ0FBQyxRQUFRLEdBQUcsRUFBRSxDQUFDO0lBQ3RCLENBQUM7SUFFTSxpQkFBaUIsQ0FBQyxFQUFPO1FBQzdCLElBQUksQ0FBQyxTQUFTLEdBQUcsRUFBRSxDQUFDO0lBQ3ZCLENBQUM7SUFFTSxnQkFBZ0IsQ0FBRSxVQUFtQjtRQUN6QyxJQUFJLENBQUMsUUFBUSxHQUFHLFVBQVUsQ0FBQztJQUM5QixDQUFDOzhHQXpDUyxtQkFBbUI7a0dBQW5CLG1CQUFtQixvSkFKbEI7WUFDUixFQUFFLE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxLQUFLLEVBQUUsSUFBSSxFQUFFLFdBQVcsRUFBRSxVQUFVLENBQUMsR0FBRyxFQUFFLENBQUMsbUJBQW1CLENBQUMsR0FBRztTQUNsRywwQkNUSixzcUJBTUE7OzJGREthLG1CQUFtQjtrQkFSL0IsU0FBUzsrQkFDRyxhQUFhLGFBR1o7d0JBQ1IsRUFBRSxPQUFPLEVBQUUsaUJBQWlCLEVBQUUsS0FBSyxFQUFFLElBQUksRUFBRSxXQUFXLEVBQUUsVUFBVSxDQUFDLEdBQUcsRUFBRSxvQkFBb0IsQ0FBQyxHQUFHO3FCQUNsRzt3REFHUSxPQUFPO3NCQUFmLEtBQUs7Z0JBQ0csUUFBUTtzQkFBaEIsS0FBSztnQkFDRyxjQUFjO3NCQUF0QixLQUFLO2dCQUNHLFFBQVE7c0JBQWhCLEtBQUs7O0FBMkNULE1BQU0sT0FBTyxjQUFjO0lBQ3hCLFlBQVksR0FBVyxFQUFFLEtBQWEsRUFBRSxXQUFvQixLQUFLO1FBQzlELElBQUksQ0FBQyxHQUFHLEdBQUcsR0FBRyxDQUFDO1FBQ2YsSUFBSSxDQUFDLEtBQUssR0FBRyxLQUFLLENBQUM7UUFDbkIsSUFBSSxDQUFDLFFBQVEsR0FBRyxRQUFRLENBQUM7SUFDNUIsQ0FBQztDQUtIIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBJbnB1dCwgZm9yd2FyZFJlZiB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgQ29udHJvbFZhbHVlQWNjZXNzb3IsIE5HX1ZBTFVFX0FDQ0VTU09SIH0gZnJvbSAnQGFuZ3VsYXIvZm9ybXMnO1xuXG5AQ29tcG9uZW50KHtcbiAgIHNlbGVjdG9yOiAnc2VsZWN0LWxpc3QnLFxuICAgdGVtcGxhdGVVcmw6ICcuL3NlbGVjdC1saXN0LmNvbXBvbmVudC5odG1sJyxcbiAgIHN0eWxlVXJsczogWycuL3NlbGVjdC1saXN0LmNvbXBvbmVudC5sZXNzJ10sXG4gICBwcm92aWRlcnM6IFtcbiAgICAgIHsgcHJvdmlkZTogTkdfVkFMVUVfQUNDRVNTT1IsIG11bHRpOiB0cnVlLCB1c2VFeGlzdGluZzogZm9yd2FyZFJlZigoKSA9PiBTZWxlY3RMaXN0Q29tcG9uZW50KSwgfVxuICAgXVxufSlcbmV4cG9ydCBjbGFzcyBTZWxlY3RMaXN0Q29tcG9uZW50IGltcGxlbWVudHMgQ29udHJvbFZhbHVlQWNjZXNzb3Ige1xuICAgQElucHV0KCkgb3B0aW9uczogU2VsZWN0TGlzdEl0ZW1bXSA9IFtdO1xuICAgQElucHV0KCkgbXVsdGlwbGU6IGJvb2xlYW47XG4gICBASW5wdXQoKSBub0Fuc3dlck9wdGlvbjogU2VsZWN0TGlzdEl0ZW07XG4gICBASW5wdXQoKSBkaXNhYmxlZCA9IGZhbHNlO1xuXG4gICBjb25zdHJ1Y3RvcigpIHtcbiAgIH1cbiAgIFxuICAgcHVibGljIHNlbGVjdChvcHRpb246IFNlbGVjdExpc3RJdGVtKSB7XG4gICAgICBpZiAoIXRoaXMubXVsdGlwbGUgfHwgKHRoaXMubm9BbnN3ZXJPcHRpb24gJiYgdGhpcy5ub0Fuc3dlck9wdGlvbi5rZXkgPT0gb3B0aW9uLmtleSkpIHtcbiAgICAgICAgIHRoaXMub3B0aW9ucy5mb3JFYWNoKHAgPT4gcC5zZWxlY3RlZCA9IGZhbHNlKTtcbiAgICAgIH1cbiAgICAgIGVsc2UgaWYgKHRoaXMubm9BbnN3ZXJPcHRpb24gJiYgdGhpcy5ub0Fuc3dlck9wdGlvbi5rZXkgIT09IG9wdGlvbi5rZXkpIHtcbiAgICAgICAgIHZhciBub0Fuc3dlciA9IHRoaXMub3B0aW9ucy5maW5kKHAgPT4gcC5rZXkgPT0gdGhpcy5ub0Fuc3dlck9wdGlvbi5rZXkpO1xuICAgICAgICAgaWYgKG5vQW5zd2VyKSB7IG5vQW5zd2VyLnNlbGVjdGVkID0gZmFsc2U7IH1cbiAgICAgIH1cbiAgICAgIFxuICAgICAgb3B0aW9uLnNlbGVjdGVkID0gIW9wdGlvbi5zZWxlY3RlZDtcbiAgICAgIHRoaXMub25DaGFuZ2UodGhpcy5vcHRpb25zLmZpbHRlcihwID0+IHAuc2VsZWN0ZWQpKTtcbiAgIH1cblxuICAgcHVibGljIHdyaXRlVmFsdWUoc2VsZWN0ZWQ6IFNlbGVjdExpc3RJdGVtW10pOiB2b2lkIHtcbiAgICAgIGlmICghc2VsZWN0ZWQgfHwgc2VsZWN0ZWQubGVuZ3RoID09IDApIHsgcmV0dXJuOyB9XG5cbiAgICAgIGZvciAodmFyIHNlbGVjdGVkT3B0aW9uIG9mIHNlbGVjdGVkKSB7XG4gICAgICAgICB2YXIgb3B0aW9uID0gdGhpcy5vcHRpb25zLmZpbmQocCA9PiBwLmtleSA9PSBzZWxlY3RlZE9wdGlvbi5rZXkpO1xuICAgICAgICAgaWYgKG9wdGlvbiAhPSBudWxsKSB7IG9wdGlvbi5zZWxlY3RlZCA9IHRydWU7IH1cbiAgICAgIH07XG4gICB9XG4gICBcbiAgIHB1YmxpYyByZWdpc3Rlck9uQ2hhbmdlKGZuOiBhbnkpOiB2b2lkIHtcbiAgICAgIHRoaXMub25DaGFuZ2UgPSBmbjtcbiAgIH1cblxuICAgcHVibGljIHJlZ2lzdGVyT25Ub3VjaGVkKGZuOiBhbnkpOiB2b2lkIHtcbiAgICAgIHRoaXMub25Ub3VjaGVkID0gZm47XG4gICB9XG5cbiAgIHB1YmxpYyBzZXREaXNhYmxlZFN0YXRlPyhpc0Rpc2FibGVkOiBib29sZWFuKTogdm9pZCB7XG4gICAgICB0aGlzLmRpc2FibGVkID0gaXNEaXNhYmxlZDtcbiAgIH1cblxuICAgb25DaGFuZ2UgPSAob3B0aW9uczogU2VsZWN0TGlzdEl0ZW1bXSkgPT4geyB9O1xuICAgb25Ub3VjaGVkID0gKCkgPT4geyB9O1xufVxuXG5leHBvcnQgY2xhc3MgU2VsZWN0TGlzdEl0ZW0ge1xuICAgY29uc3RydWN0b3Ioa2V5OiBzdHJpbmcsIGxhYmVsOiBzdHJpbmcsIHNlbGVjdGVkOiBib29sZWFuID0gZmFsc2UpIHtcbiAgICAgIHRoaXMua2V5ID0ga2V5O1xuICAgICAgdGhpcy5sYWJlbCA9IGxhYmVsO1xuICAgICAgdGhpcy5zZWxlY3RlZCA9IHNlbGVjdGVkO1xuICAgfVxuXG4gICBrZXk6IHN0cmluZztcbiAgIGxhYmVsOiBzdHJpbmc7XG4gICBzZWxlY3RlZDogYm9vbGVhbjtcbn1cbiIsIjxkaXYgY2xhc3M9XCJjb2x1bWluaXR5LXNlbGVjdC1saXN0XCIgW25nQ2xhc3NdPVwieydjb2x1bWluaXR5LXNlbGVjdC1saXN0LW11bHRpcGxlJzogbXVsdGlwbGV9XCI+XG4gICA8ZGl2IHRhYmluZGV4PVwiMFwiIGNsYXNzPVwiY29sdW1pbml0eS1zZWxlY3QtbGlzdC1vcHRpb24gc2VsZWN0LW9wdGlvblwiIFtuZ0NsYXNzXT1cInsnc2VsZWN0ZWQnOiBvcHRpb24uc2VsZWN0ZWR9XCIgYnJhbmRDb25kaXRpb25hbEJhY2tncm91bmRDb2xvciBbcGFsZXR0ZV09XCInbmV1dHJhbCdcIiBbYWN0aXZlUGFsZXR0ZV09XCInYWNjZW50J1wiIFthY3RpdmVdPVwib3B0aW9uLnNlbGVjdGVkXCIgKGNsaWNrKT1cInNlbGVjdChvcHRpb24pXCIgKGtleWRvd24uU3BhY2UpPVwic2VsZWN0KG9wdGlvbilcIiAqbmdGb3I9XCJsZXQgb3B0aW9uIG9mIG9wdGlvbnNcIj5cbiAgICAgIDxkaXYgY2xhc3M9XCJidXR0b24tbGV0dGVyXCI+PHNwYW4gY2xhc3M9XCJwaCBwaC1jaXJjbGUtZmlsbFwiICpuZ0lmPVwib3B0aW9uLnNlbGVjdGVkICYmICFtdWx0aXBsZVwiPjwvc3Bhbj48c3BhbiBjbGFzcz1cInBoIHBoLWNoZWNrLWJvbGRcIiAqbmdJZj1cIm9wdGlvbi5zZWxlY3RlZCAmJiBtdWx0aXBsZVwiPjwvc3Bhbj48L2Rpdj5cbiAgICAgIHt7b3B0aW9uLmxhYmVsfX1cbiAgIDwvZGl2PlxuPC9kaXY+XG4iXX0=

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

@@ -2,6 +2,7 @@ import { Component, Input, signal } from '@angular/core';
 import * as i0 from "@angular/core";
 import * as i1 from "@angular/router";
 import * as i2 from "@angular/common";
+import * as i3 from "../../pipes/slugify/ngx-slugify.pipe";
 export class TabNavigatorComponent {
     set items(value) {
         this.itemSet.set(value);
@@ -18,11 +19,11 @@ export class TabNavigatorComponent {
         }
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.9", ngImport: i0, type: TabNavigatorComponent, deps: [{ token: i1.Router }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.9", type: TabNavigatorComponent, selector: "tabnavigator", inputs: { items: "items" }, ngImport: i0, template: "<div class=\"tabnavigation\">\n   <a class=\"tabnavigation-tab\" *ngFor=\"let item of itemSet()\" [ngClass]=\"{'active': item.active}\" [routerLink]=\"item.url\">\n      <span class=\"icon ph-caret-right\" *ngIf=\"!item.active\"></span>\n      <span class=\"icon ph-caret-down\" *ngIf=\"item.active\"></span>\n      {{item.label}}\n   </a>\n   <div class=\"filler\"></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}\n"], dependencies: [{ kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.9", type: TabNavigatorComponent, selector: "tabnavigator", inputs: { items: "items" }, ngImport: i0, template: "<div class=\"tabnavigation\">\n   <a class=\"tabnavigation-tab\" *ngFor=\"let item of itemSet()\" [ngClass]=\"{'active': item.active}\" [routerLink]=\"item.url\" [id]=\"'tabnavigation-tab-' + item.label | slugify\">\n      <span class=\"icon ph-caret-right\" *ngIf=\"!item.active\"></span>\n      <span class=\"icon ph-caret-down\" *ngIf=\"item.active\"></span>\n      {{item.label}}\n   </a>\n   <div class=\"filler\"></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}\n"], dependencies: [{ kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "pipe", type: i3.SlugifyPipe, name: "slugify" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.9", ngImport: i0, type: TabNavigatorComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'tabnavigator', template: "<div class=\"tabnavigation\">\n   <a class=\"tabnavigation-tab\" *ngFor=\"let item of itemSet()\" [ngClass]=\"{'active': item.active}\" [routerLink]=\"item.url\">\n      <span class=\"icon ph-caret-right\" *ngIf=\"!item.active\"></span>\n      <span class=\"icon ph-caret-down\" *ngIf=\"item.active\"></span>\n      {{item.label}}\n   </a>\n   <div class=\"filler\"></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}\n"] }]
+            args: [{ selector: 'tabnavigator', template: "<div class=\"tabnavigation\">\n   <a class=\"tabnavigation-tab\" *ngFor=\"let item of itemSet()\" [ngClass]=\"{'active': item.active}\" [routerLink]=\"item.url\" [id]=\"'tabnavigation-tab-' + item.label | slugify\">\n      <span class=\"icon ph-caret-right\" *ngIf=\"!item.active\"></span>\n      <span class=\"icon ph-caret-down\" *ngIf=\"item.active\"></span>\n      {{item.label}}\n   </a>\n   <div class=\"filler\"></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}\n"] }]
         }], ctorParameters: () => [{ type: i1.Router }], propDecorators: { items: [{
                 type: Input
             }] } });
@@ -32,4 +33,4 @@ export class TabItemDto {
         this.url = url;
     }
 }
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGFibmF2aWdhdG9yLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL25neC1zY3J1bXRlYW1zdXJ2ZXktdG9vbHMvc3JjL2xpYi9jb21wb25lbnRzL3RhYm5hdmlnYXRvci90YWJuYXZpZ2F0b3IuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbmd4LXNjcnVtdGVhbXN1cnZleS10b29scy9zcmMvbGliL2NvbXBvbmVudHMvdGFibmF2aWdhdG9yL3RhYm5hdmlnYXRvci5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBcUIsTUFBTSxFQUFFLE1BQU0sZUFBZSxDQUFDOzs7O0FBUTVFLE1BQU0sT0FBTyxxQkFBcUI7SUFFL0IsSUFBYSxLQUFLLENBQUMsS0FBbUI7UUFDbkMsSUFBSSxDQUFDLE9BQU8sQ0FBQyxHQUFHLENBQUMsS0FBSyxDQUFDLENBQUM7UUFDeEIsSUFBSSxDQUFDLGdCQUFnQixFQUFFLENBQUM7SUFDM0IsQ0FBQztJQUVELFlBQW9CLE1BQWM7UUFBZCxXQUFNLEdBQU4sTUFBTSxDQUFRO1FBTjNCLFlBQU8sR0FBRyxNQUFNLENBQWUsRUFBRSxDQUFDLENBQUM7SUFPMUMsQ0FBQztJQUVELGdCQUFnQjtRQUNiLElBQUksWUFBWSxHQUFHLElBQUksQ0FBQyxPQUFPLEVBQUUsQ0FBQyxJQUFJLENBQUMsQ0FBQyxDQUFDLEVBQUUsQ0FBQyxDQUFDLENBQUMsR0FBRyxJQUFJLElBQUksQ0FBQyxNQUFNLENBQUMsR0FBRyxDQUFDLENBQUM7UUFDdEUsSUFBSSxZQUFZLElBQUksSUFBSSxFQUFFLENBQUM7WUFDeEIsWUFBWSxDQUFDLE1BQU0sR0FBRyxJQUFJLENBQUM7UUFDOUIsQ0FBQztJQUNKLENBQUM7OEdBZlMscUJBQXFCO2tHQUFyQixxQkFBcUIsZ0ZDUmxDLGdZQVFBOzsyRkRBYSxxQkFBcUI7a0JBTGpDLFNBQVM7K0JBQ0csY0FBYzsyRUFNWCxLQUFLO3NCQUFqQixLQUFLOztBQWdCVCxNQUFNLE9BQU8sVUFBVTtJQUNwQixZQUFZLEtBQWEsRUFBRSxHQUFXO1FBQ25DLElBQUksQ0FBQyxLQUFLLEdBQUcsS0FBSyxDQUFDO1FBQ25CLElBQUksQ0FBQyxHQUFHLEdBQUcsR0FBRyxDQUFDO0lBQ2xCLENBQUM7Q0FLSCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgSW5wdXQsIFZpZXdFbmNhcHN1bGF0aW9uLCBzaWduYWwgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IFJvdXRlciB9IGZyb20gJ0Bhbmd1bGFyL3JvdXRlcic7XG5cbkBDb21wb25lbnQoe1xuICAgc2VsZWN0b3I6ICd0YWJuYXZpZ2F0b3InLFxuICAgdGVtcGxhdGVVcmw6ICcuL3RhYm5hdmlnYXRvci5jb21wb25lbnQuaHRtbCcsXG4gICBzdHlsZVVybHM6IFsnLi90YWJuYXZpZ2F0b3IuY29tcG9uZW50Lmxlc3MnXVxufSlcbmV4cG9ydCBjbGFzcyBUYWJOYXZpZ2F0b3JDb21wb25lbnR7XG4gICBwdWJsaWMgaXRlbVNldCA9IHNpZ25hbDxUYWJJdGVtRHRvW10+KFtdKTtcbiAgIEBJbnB1dCgpIHNldCBpdGVtcyh2YWx1ZTogVGFiSXRlbUR0b1tdKSB7XG4gICAgICB0aGlzLml0ZW1TZXQuc2V0KHZhbHVlKTtcbiAgICAgIHRoaXMudXBkYXRlQWN0aXZlSXRlbSgpO1xuICAgfVxuXG4gICBjb25zdHJ1Y3Rvcihwcml2YXRlIHJvdXRlcjogUm91dGVyKSB7XG4gICB9XG5cbiAgIHVwZGF0ZUFjdGl2ZUl0ZW0oKSB7XG4gICAgICB2YXIgbWF0Y2hpbmdJdGVtID0gdGhpcy5pdGVtU2V0KCkuZmluZChwID0+IHAudXJsID09IHRoaXMucm91dGVyLnVybCk7XG4gICAgICBpZiAobWF0Y2hpbmdJdGVtICE9IG51bGwpIHtcbiAgICAgICAgIG1hdGNoaW5nSXRlbS5hY3RpdmUgPSB0cnVlO1xuICAgICAgfVxuICAgfVxufVxuXG5leHBvcnQgY2xhc3MgVGFiSXRlbUR0byB7XG4gICBjb25zdHJ1Y3RvcihsYWJlbDogc3RyaW5nLCB1cmw6IHN0cmluZykge1xuICAgICAgdGhpcy5sYWJlbCA9IGxhYmVsO1xuICAgICAgdGhpcy51cmwgPSB1cmw7XG4gICB9XG5cbiAgIGxhYmVsOiBzdHJpbmc7XG4gICB1cmw6IHN0cmluZztcbiAgIGFjdGl2ZTogYm9vbGVhbjtcbn1cbiIsIjxkaXYgY2xhc3M9XCJ0YWJuYXZpZ2F0aW9uXCI+XG4gICA8YSBjbGFzcz1cInRhYm5hdmlnYXRpb24tdGFiXCIgKm5nRm9yPVwibGV0IGl0ZW0gb2YgaXRlbVNldCgpXCIgW25nQ2xhc3NdPVwieydhY3RpdmUnOiBpdGVtLmFjdGl2ZX1cIiBbcm91dGVyTGlua109XCJpdGVtLnVybFwiPlxuICAgICAgPHNwYW4gY2xhc3M9XCJpY29uIHBoLWNhcmV0LXJpZ2h0XCIgKm5nSWY9XCIhaXRlbS5hY3RpdmVcIj48L3NwYW4+XG4gICAgICA8c3BhbiBjbGFzcz1cImljb24gcGgtY2FyZXQtZG93blwiICpuZ0lmPVwiaXRlbS5hY3RpdmVcIj48L3NwYW4+XG4gICAgICB7e2l0ZW0ubGFiZWx9fVxuICAgPC9hPlxuICAgPGRpdiBjbGFzcz1cImZpbGxlclwiPjwvZGl2PlxuPC9kaXY+XG4iXX0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGFibmF2aWdhdG9yLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL25neC1zY3J1bXRlYW1zdXJ2ZXktdG9vbHMvc3JjL2xpYi9jb21wb25lbnRzL3RhYm5hdmlnYXRvci90YWJuYXZpZ2F0b3IuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbmd4LXNjcnVtdGVhbXN1cnZleS10b29scy9zcmMvbGliL2NvbXBvbmVudHMvdGFibmF2aWdhdG9yL3RhYm5hdmlnYXRvci5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBcUIsTUFBTSxFQUFFLE1BQU0sZUFBZSxDQUFDOzs7OztBQVE1RSxNQUFNLE9BQU8scUJBQXFCO0lBRS9CLElBQWEsS0FBSyxDQUFDLEtBQW1CO1FBQ25DLElBQUksQ0FBQyxPQUFPLENBQUMsR0FBRyxDQUFDLEtBQUssQ0FBQyxDQUFDO1FBQ3hCLElBQUksQ0FBQyxnQkFBZ0IsRUFBRSxDQUFDO0lBQzNCLENBQUM7SUFFRCxZQUFvQixNQUFjO1FBQWQsV0FBTSxHQUFOLE1BQU0sQ0FBUTtRQU4zQixZQUFPLEdBQUcsTUFBTSxDQUFlLEVBQUUsQ0FBQyxDQUFDO0lBTzFDLENBQUM7SUFFRCxnQkFBZ0I7UUFDYixJQUFJLFlBQVksR0FBRyxJQUFJLENBQUMsT0FBTyxFQUFFLENBQUMsSUFBSSxDQUFDLENBQUMsQ0FBQyxFQUFFLENBQUMsQ0FBQyxDQUFDLEdBQUcsSUFBSSxJQUFJLENBQUMsTUFBTSxDQUFDLEdBQUcsQ0FBQyxDQUFDO1FBQ3RFLElBQUksWUFBWSxJQUFJLElBQUksRUFBRSxDQUFDO1lBQ3hCLFlBQVksQ0FBQyxNQUFNLEdBQUcsSUFBSSxDQUFDO1FBQzlCLENBQUM7SUFDSixDQUFDOzhHQWZTLHFCQUFxQjtrR0FBckIscUJBQXFCLGdGQ1JsQyxxYkFRQTs7MkZEQWEscUJBQXFCO2tCQUxqQyxTQUFTOytCQUNHLGNBQWM7MkVBTVgsS0FBSztzQkFBakIsS0FBSzs7QUFnQlQsTUFBTSxPQUFPLFVBQVU7SUFDcEIsWUFBWSxLQUFhLEVBQUUsR0FBVztRQUNuQyxJQUFJLENBQUMsS0FBSyxHQUFHLEtBQUssQ0FBQztRQUNuQixJQUFJLENBQUMsR0FBRyxHQUFHLEdBQUcsQ0FBQztJQUNsQixDQUFDO0NBS0giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIElucHV0LCBWaWV3RW5jYXBzdWxhdGlvbiwgc2lnbmFsIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBSb3V0ZXIgfSBmcm9tICdAYW5ndWxhci9yb3V0ZXInO1xuXG5AQ29tcG9uZW50KHtcbiAgIHNlbGVjdG9yOiAndGFibmF2aWdhdG9yJyxcbiAgIHRlbXBsYXRlVXJsOiAnLi90YWJuYXZpZ2F0b3IuY29tcG9uZW50Lmh0bWwnLFxuICAgc3R5bGVVcmxzOiBbJy4vdGFibmF2aWdhdG9yLmNvbXBvbmVudC5sZXNzJ11cbn0pXG5leHBvcnQgY2xhc3MgVGFiTmF2aWdhdG9yQ29tcG9uZW50e1xuICAgcHVibGljIGl0ZW1TZXQgPSBzaWduYWw8VGFiSXRlbUR0b1tdPihbXSk7XG4gICBASW5wdXQoKSBzZXQgaXRlbXModmFsdWU6IFRhYkl0ZW1EdG9bXSkge1xuICAgICAgdGhpcy5pdGVtU2V0LnNldCh2YWx1ZSk7XG4gICAgICB0aGlzLnVwZGF0ZUFjdGl2ZUl0ZW0oKTtcbiAgIH1cblxuICAgY29uc3RydWN0b3IocHJpdmF0ZSByb3V0ZXI6IFJvdXRlcikge1xuICAgfVxuXG4gICB1cGRhdGVBY3RpdmVJdGVtKCkge1xuICAgICAgdmFyIG1hdGNoaW5nSXRlbSA9IHRoaXMuaXRlbVNldCgpLmZpbmQocCA9PiBwLnVybCA9PSB0aGlzLnJvdXRlci51cmwpO1xuICAgICAgaWYgKG1hdGNoaW5nSXRlbSAhPSBudWxsKSB7XG4gICAgICAgICBtYXRjaGluZ0l0ZW0uYWN0aXZlID0gdHJ1ZTtcbiAgICAgIH1cbiAgIH1cbn1cblxuZXhwb3J0IGNsYXNzIFRhYkl0ZW1EdG8ge1xuICAgY29uc3RydWN0b3IobGFiZWw6IHN0cmluZywgdXJsOiBzdHJpbmcpIHtcbiAgICAgIHRoaXMubGFiZWwgPSBsYWJlbDtcbiAgICAgIHRoaXMudXJsID0gdXJsO1xuICAgfVxuXG4gICBsYWJlbDogc3RyaW5nO1xuICAgdXJsOiBzdHJpbmc7XG4gICBhY3RpdmU6IGJvb2xlYW47XG59XG4iLCI8ZGl2IGNsYXNzPVwidGFibmF2aWdhdGlvblwiPlxuICAgPGEgY2xhc3M9XCJ0YWJuYXZpZ2F0aW9uLXRhYlwiICpuZ0Zvcj1cImxldCBpdGVtIG9mIGl0ZW1TZXQoKVwiIFtuZ0NsYXNzXT1cInsnYWN0aXZlJzogaXRlbS5hY3RpdmV9XCIgW3JvdXRlckxpbmtdPVwiaXRlbS51cmxcIiBbaWRdPVwiJ3RhYm5hdmlnYXRpb24tdGFiLScgKyBpdGVtLmxhYmVsIHwgc2x1Z2lmeVwiPlxuICAgICAgPHNwYW4gY2xhc3M9XCJpY29uIHBoLWNhcmV0LXJpZ2h0XCIgKm5nSWY9XCIhaXRlbS5hY3RpdmVcIj48L3NwYW4+XG4gICAgICA8c3BhbiBjbGFzcz1cImljb24gcGgtY2FyZXQtZG93blwiICpuZ0lmPVwiaXRlbS5hY3RpdmVcIj48L3NwYW4+XG4gICAgICB7e2l0ZW0ubGFiZWx9fVxuICAgPC9hPlxuICAgPGRpdiBjbGFzcz1cImZpbGxlclwiPjwvZGl2PlxuPC9kaXY+XG4iXX0=

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

@@ -2,20 +2,24 @@ import { CommonModule } from '@angular/common';
 import { NgModule } from '@angular/core';
 import { RouterModule } from '@angular/router';
 import { TabNavigatorComponent } from './tabnavigator.component';
+import { SlugifyPipeModule } from '../../pipes/slugify/ngx-slugify.module';
 import * as i0 from "@angular/core";
 export class TabNavigatorModule {
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.9", ngImport: i0, type: TabNavigatorModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
     static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.9", ngImport: i0, type: TabNavigatorModule, declarations: [TabNavigatorComponent], imports: [CommonModule,
-            RouterModule], exports: [TabNavigatorComponent] }); }
+            RouterModule,
+            SlugifyPipeModule], exports: [TabNavigatorComponent] }); }
     static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.9", ngImport: i0, type: TabNavigatorModule, imports: [CommonModule,
-            RouterModule] }); }
+            RouterModule,
+            SlugifyPipeModule] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.9", ngImport: i0, type: TabNavigatorModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [
                         CommonModule,
-                        RouterModule
+                        RouterModule,
+                        SlugifyPipeModule
                     ],
                     declarations: [
                         TabNavigatorComponent
@@ -25,4 +29,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.9", ngImpor
                     ]
                 }]
         }] });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGFibmF2aWdhdG9yLm1vZHVsZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL25neC1zY3J1bXRlYW1zdXJ2ZXktdG9vbHMvc3JjL2xpYi9jb21wb25lbnRzL3RhYm5hdmlnYXRvci90YWJuYXZpZ2F0b3IubW9kdWxlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUMvQyxPQUFPLEVBQUUsUUFBUSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQ3pDLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUMvQyxPQUFPLEVBQUUscUJBQXFCLEVBQUUsTUFBTSwwQkFBMEIsQ0FBQzs7QUFZakUsTUFBTSxPQUFPLGtCQUFrQjs4R0FBbEIsa0JBQWtCOytHQUFsQixrQkFBa0IsaUJBSnpCLHFCQUFxQixhQUpyQixZQUFZO1lBQ1osWUFBWSxhQUtaLHFCQUFxQjsrR0FFZCxrQkFBa0IsWUFSekIsWUFBWTtZQUNaLFlBQVk7OzJGQU9MLGtCQUFrQjtrQkFWOUIsUUFBUTttQkFBQztvQkFDUCxPQUFPLEVBQUU7d0JBQ04sWUFBWTt3QkFDWixZQUFZO3FCQUNkO29CQUNELFlBQVksRUFBRTt3QkFDWCxxQkFBcUI7cUJBQUM7b0JBQ3pCLE9BQU8sRUFBRTt3QkFDTixxQkFBcUI7cUJBQUM7aUJBQzNCIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tbW9uTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcbmltcG9ydCB7IE5nTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBSb3V0ZXJNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9yb3V0ZXInO1xuaW1wb3J0IHsgVGFiTmF2aWdhdG9yQ29tcG9uZW50IH0gZnJvbSAnLi90YWJuYXZpZ2F0b3IuY29tcG9uZW50JztcblxuQE5nTW9kdWxlKHtcbiAgIGltcG9ydHM6IFtcbiAgICAgIENvbW1vbk1vZHVsZSxcbiAgICAgIFJvdXRlck1vZHVsZVxuICAgXSxcbiAgIGRlY2xhcmF0aW9uczogW1xuICAgICAgVGFiTmF2aWdhdG9yQ29tcG9uZW50XSxcbiAgIGV4cG9ydHM6IFtcbiAgICAgIFRhYk5hdmlnYXRvckNvbXBvbmVudF1cbn0pXG5leHBvcnQgY2xhc3MgVGFiTmF2aWdhdG9yTW9kdWxlIHsgfVxuIl19
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGFibmF2aWdhdG9yLm1vZHVsZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL25neC1zY3J1bXRlYW1zdXJ2ZXktdG9vbHMvc3JjL2xpYi9jb21wb25lbnRzL3RhYm5hdmlnYXRvci90YWJuYXZpZ2F0b3IubW9kdWxlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUMvQyxPQUFPLEVBQUUsUUFBUSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQ3pDLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUMvQyxPQUFPLEVBQUUscUJBQXFCLEVBQUUsTUFBTSwwQkFBMEIsQ0FBQztBQUNqRSxPQUFPLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSx3Q0FBd0MsQ0FBQzs7QUFhM0UsTUFBTSxPQUFPLGtCQUFrQjs4R0FBbEIsa0JBQWtCOytHQUFsQixrQkFBa0IsaUJBSnpCLHFCQUFxQixhQUxyQixZQUFZO1lBQ1osWUFBWTtZQUNaLGlCQUFpQixhQUtqQixxQkFBcUI7K0dBRWQsa0JBQWtCLFlBVHpCLFlBQVk7WUFDWixZQUFZO1lBQ1osaUJBQWlCOzsyRkFPVixrQkFBa0I7a0JBWDlCLFFBQVE7bUJBQUM7b0JBQ1AsT0FBTyxFQUFFO3dCQUNOLFlBQVk7d0JBQ1osWUFBWTt3QkFDWixpQkFBaUI7cUJBQ25CO29CQUNELFlBQVksRUFBRTt3QkFDWCxxQkFBcUI7cUJBQUM7b0JBQ3pCLE9BQU8sRUFBRTt3QkFDTixxQkFBcUI7cUJBQUM7aUJBQzNCIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tbW9uTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcbmltcG9ydCB7IE5nTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBSb3V0ZXJNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9yb3V0ZXInO1xuaW1wb3J0IHsgVGFiTmF2aWdhdG9yQ29tcG9uZW50IH0gZnJvbSAnLi90YWJuYXZpZ2F0b3IuY29tcG9uZW50JztcbmltcG9ydCB7IFNsdWdpZnlQaXBlTW9kdWxlIH0gZnJvbSAnLi4vLi4vcGlwZXMvc2x1Z2lmeS9uZ3gtc2x1Z2lmeS5tb2R1bGUnO1xuXG5ATmdNb2R1bGUoe1xuICAgaW1wb3J0czogW1xuICAgICAgQ29tbW9uTW9kdWxlLFxuICAgICAgUm91dGVyTW9kdWxlLFxuICAgICAgU2x1Z2lmeVBpcGVNb2R1bGVcbiAgIF0sXG4gICBkZWNsYXJhdGlvbnM6IFtcbiAgICAgIFRhYk5hdmlnYXRvckNvbXBvbmVudF0sXG4gICBleHBvcnRzOiBbXG4gICAgICBUYWJOYXZpZ2F0b3JDb21wb25lbnRdXG59KVxuZXhwb3J0IGNsYXNzIFRhYk5hdmlnYXRvck1vZHVsZSB7IH1cbiJdfQ==

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

@@ -3429,9 +3429,15 @@ class SelectListComponent {
         this.onTouched = () => { };
     }
     select(option) {
-        if (!this.multiple) {
+        if (!this.multiple || (this.noAnswerOption && this.noAnswerOption.key == option.key)) {
             this.options.forEach(p => p.selected = false);
         }
+        else if (this.noAnswerOption && this.noAnswerOption.key !== option.key) {
+            var noAnswer = this.options.find(p => p.key == this.noAnswerOption.key);
+            if (noAnswer) {
+                noAnswer.selected = false;
+            }
+        }
         option.selected = !option.selected;
         this.onChange(this.options.filter(p => p.selected));
     }
@@ -3457,7 +3463,7 @@ class SelectListComponent {
         this.disabled = isDisabled;
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.9", ngImport: i0, type: SelectListComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.9", type: SelectListComponent, selector: "select-list", inputs: { options: "options", multiple: "multiple", disabled: "disabled" }, providers: [
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.9", type: SelectListComponent, selector: "select-list", inputs: { options: "options", multiple: "multiple", noAnswerOption: "noAnswerOption", disabled: "disabled" }, providers: [
             { provide: NG_VALUE_ACCESSOR, multi: true, useExisting: forwardRef(() => SelectListComponent), }
         ], ngImport: i0, template: "<div class=\"columinity-select-list\" [ngClass]=\"{'columinity-select-list-multiple': multiple}\">\n   <div tabindex=\"0\" class=\"columinity-select-list-option select-option\" [ngClass]=\"{'selected': option.selected}\" brandConditionalBackgroundColor [palette]=\"'neutral'\" [activePalette]=\"'accent'\" [active]=\"option.selected\" (click)=\"select(option)\" (keydown.Space)=\"select(option)\" *ngFor=\"let option of options\">\n      <div class=\"button-letter\"><span class=\"ph ph-circle-fill\" *ngIf=\"option.selected && !multiple\"></span><span class=\"ph ph-check-bold\" *ngIf=\"option.selected && multiple\"></span></div>\n      {{option.label}}\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}.columinity-select-list .columinity-select-list-option{-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;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;color:#2f2f2f;border-color:#2f2f2f;font-family:StevieSans,sans-serif;font-weight:600;font-size:20px;border-color:#fff;background:#f0f0f0;margin-bottom:3px}.columinity-select-list .columinity-select-list-option .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}.columinity-select-list .columinity-select-list-option .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}.columinity-select-list .columinity-select-list-option:hover,.columinity-select-list .columinity-select-list-option.selected{border:2px solid #fff73f;border-bottom:6px solid #fff73f}.columinity-select-list .columinity-select-list-option .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}.columinity-select-list .columinity-select-list-option .button-letter .ph{color:#1f3f8f}.columinity-select-list .columinity-select-list-option .button-letter:hover{background:#1f3f8f;color:#fff73f}.columinity-select-list .columinity-select-list-option .button-letter:hover .ph{color:#fff73f}.columinity-select-list .columinity-select-list-option:hover{border-color:#2f2f2f}.columinity-select-list .columinity-select-list-option.selected{background:#fff73f;border-color:#2f2f2f}.columinity-select-list .columinity-select-list-option.selected .button-letter{background:#2f2f2f}.columinity-select-list .columinity-select-list-option.selected .button-letter>*{color:#fff}.columinity-select-list .columinity-select-list-option .button-letter{background:#d7d7d7;border:2px solid #2f2f2f;width:26px;height:26px;min-width:26px;min-height:26px}.columinity-select-list .columinity-select-list-option .button-letter .ph{align-self:center;justify-self:center;font-size:20px}\n"], dependencies: [{ kind: "directive", type: i1$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: BrandConditionalBackgroundColorDirective, selector: "[brandConditionalBackgroundColor]", inputs: ["palette", "activePalette", "active"] }] }); }
 }
@@ -3470,6 +3476,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.9", ngImpor
                 type: Input
             }], multiple: [{
                 type: Input
+            }], noAnswerOption: [{
+                type: Input
             }], disabled: [{
                 type: Input
             }] } });
@@ -3572,6 +3580,28 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.9", ngImpor
                 }]
         }] });
 
+class SlugifyPipe {
+    transform(str) {
+        return this.isString(str)
+            ? str.toLowerCase().trim()
+                .replace(/[^\w\-]+/g, ' ')
+                .replace(/\s+/g, '-')
+                .replace(/^\-+|\-+$/g, '')
+            : str;
+    }
+    isString(value) {
+        return typeof value === 'string';
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.9", ngImport: i0, type: SlugifyPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
+    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "18.2.9", ngImport: i0, type: SlugifyPipe, name: "slugify" }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.9", ngImport: i0, type: SlugifyPipe, decorators: [{
+            type: Pipe,
+            args: [{
+                    name: 'slugify'
+                }]
+        }] });
+
 class TabNavigatorComponent {
     set items(value) {
         this.itemSet.set(value);
@@ -3588,11 +3618,11 @@ class TabNavigatorComponent {
         }
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.9", ngImport: i0, type: TabNavigatorComponent, deps: [{ token: i1$4.Router }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.9", type: TabNavigatorComponent, selector: "tabnavigator", inputs: { items: "items" }, ngImport: i0, template: "<div class=\"tabnavigation\">\n   <a class=\"tabnavigation-tab\" *ngFor=\"let item of itemSet()\" [ngClass]=\"{'active': item.active}\" [routerLink]=\"item.url\">\n      <span class=\"icon ph-caret-right\" *ngIf=\"!item.active\"></span>\n      <span class=\"icon ph-caret-down\" *ngIf=\"item.active\"></span>\n      {{item.label}}\n   </a>\n   <div class=\"filler\"></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}\n"], dependencies: [{ kind: "directive", type: i1$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1$4.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.9", type: TabNavigatorComponent, selector: "tabnavigator", inputs: { items: "items" }, ngImport: i0, template: "<div class=\"tabnavigation\">\n   <a class=\"tabnavigation-tab\" *ngFor=\"let item of itemSet()\" [ngClass]=\"{'active': item.active}\" [routerLink]=\"item.url\" [id]=\"'tabnavigation-tab-' + item.label | slugify\">\n      <span class=\"icon ph-caret-right\" *ngIf=\"!item.active\"></span>\n      <span class=\"icon ph-caret-down\" *ngIf=\"item.active\"></span>\n      {{item.label}}\n   </a>\n   <div class=\"filler\"></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}\n"], dependencies: [{ kind: "directive", type: i1$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1$4.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "pipe", type: SlugifyPipe, name: "slugify" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.9", ngImport: i0, type: TabNavigatorComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'tabnavigator', template: "<div class=\"tabnavigation\">\n   <a class=\"tabnavigation-tab\" *ngFor=\"let item of itemSet()\" [ngClass]=\"{'active': item.active}\" [routerLink]=\"item.url\">\n      <span class=\"icon ph-caret-right\" *ngIf=\"!item.active\"></span>\n      <span class=\"icon ph-caret-down\" *ngIf=\"item.active\"></span>\n      {{item.label}}\n   </a>\n   <div class=\"filler\"></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}\n"] }]
+            args: [{ selector: 'tabnavigator', template: "<div class=\"tabnavigation\">\n   <a class=\"tabnavigation-tab\" *ngFor=\"let item of itemSet()\" [ngClass]=\"{'active': item.active}\" [routerLink]=\"item.url\" [id]=\"'tabnavigation-tab-' + item.label | slugify\">\n      <span class=\"icon ph-caret-right\" *ngIf=\"!item.active\"></span>\n      <span class=\"icon ph-caret-down\" *ngIf=\"item.active\"></span>\n      {{item.label}}\n   </a>\n   <div class=\"filler\"></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}\n"] }]
         }], ctorParameters: () => [{ type: i1$4.Router }], propDecorators: { items: [{
                 type: Input
             }] } });
@@ -3603,19 +3633,36 @@ class TabItemDto {
     }
 }
 
+class SlugifyPipeModule {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.9", ngImport: i0, type: SlugifyPipeModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.9", ngImport: i0, type: SlugifyPipeModule, declarations: [SlugifyPipe], exports: [SlugifyPipe] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.9", ngImport: i0, type: SlugifyPipeModule, providers: [SlugifyPipe] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.9", ngImport: i0, type: SlugifyPipeModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    providers: [SlugifyPipe],
+                    declarations: [SlugifyPipe],
+                    exports: [SlugifyPipe]
+                }]
+        }] });
+
 class TabNavigatorModule {
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.9", ngImport: i0, type: TabNavigatorModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
     static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.9", ngImport: i0, type: TabNavigatorModule, declarations: [TabNavigatorComponent], imports: [CommonModule,
-            RouterModule], exports: [TabNavigatorComponent] }); }
+            RouterModule,
+            SlugifyPipeModule], exports: [TabNavigatorComponent] }); }
     static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.9", ngImport: i0, type: TabNavigatorModule, imports: [CommonModule,
-            RouterModule] }); }
+            RouterModule,
+            SlugifyPipeModule] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.9", ngImport: i0, type: TabNavigatorModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [
                         CommonModule,
-                        RouterModule
+                        RouterModule,
+                        SlugifyPipeModule
                     ],
                     declarations: [
                         TabNavigatorComponent
@@ -4789,42 +4836,6 @@ class UserInfoDto {
 class UserProfileDto {
 }
 
-class SlugifyPipe {
-    transform(str) {
-        return this.isString(str)
-            ? str.toLowerCase().trim()
-                .replace(/[^\w\-]+/g, ' ')
-                .replace(/\s+/g, '-')
-                .replace(/^\-+|\-+$/g, '')
-            : str;
-    }
-    isString(value) {
-        return typeof value === 'string';
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.9", ngImport: i0, type: SlugifyPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
-    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "18.2.9", ngImport: i0, type: SlugifyPipe, name: "slugify" }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.9", ngImport: i0, type: SlugifyPipe, decorators: [{
-            type: Pipe,
-            args: [{
-                    name: 'slugify'
-                }]
-        }] });
-
-class SlugifyPipeModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.9", ngImport: i0, type: SlugifyPipeModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.9", ngImport: i0, type: SlugifyPipeModule, declarations: [SlugifyPipe], exports: [SlugifyPipe] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.9", ngImport: i0, type: SlugifyPipeModule, providers: [SlugifyPipe] }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.9", ngImport: i0, type: SlugifyPipeModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    providers: [SlugifyPipe],
-                    declarations: [SlugifyPipe],
-                    exports: [SlugifyPipe]
-                }]
-        }] });
-
 // Source byu Samuel Berthe - https://github.com/samber/ngx-domarrow
 class ArrowComponent {
     constructor(elem) {