@the-liberators/ngx-scrumteamsurvey-tools 2.3.14 → 2.3.15

package/esm2022/lib/components/topicselector/topic-selector.module.mjs

@@ -3,24 +3,30 @@ import { NgModule } from '@angular/core';
 import { FormsModule, ReactiveFormsModule } from '@angular/forms';
 import { MatFormFieldModule } from '@angular/material/form-field';
 import { MatSelectModule } from '@angular/material/select';
-import { TopicSelectorComponent } from './topic-selector.component';
-import { SlugifyPipeModule } from '../../pipes/slugify/ngx-slugify.module';
 import { FactorInformationDialogModule } from '../../dialogs/dialog-factorinformation/dialog-factorinformation.module';
+import { SlugifyPipeModule } from '../../pipes/slugify/ngx-slugify.module';
+import { TopicSelectorComponent } from './topic-selector.component';
+import { MatInputModule } from '@angular/material/input';
+import { MatCheckboxModule } from '@angular/material/checkbox';
 import * as i0 from "@angular/core";
 export class TopicSelectorModule {
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.12", ngImport: i0, type: TopicSelectorModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.12", ngImport: i0, type: TopicSelectorModule, declarations: [TopicSelectorComponent], imports: [FormsModule,
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.12", ngImport: i0, type: TopicSelectorModule, declarations: [TopicSelectorComponent], imports: [CommonModule,
+            FormsModule,
             MatFormFieldModule,
             ReactiveFormsModule,
-            CommonModule,
+            MatInputModule,
             MatSelectModule,
+            MatCheckboxModule,
             SlugifyPipeModule,
             FactorInformationDialogModule], exports: [TopicSelectorComponent] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.12", ngImport: i0, type: TopicSelectorModule, imports: [FormsModule,
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.12", ngImport: i0, type: TopicSelectorModule, imports: [CommonModule,
+            FormsModule,
             MatFormFieldModule,
             ReactiveFormsModule,
-            CommonModule,
+            MatInputModule,
             MatSelectModule,
+            MatCheckboxModule,
             SlugifyPipeModule,
             FactorInformationDialogModule] }); }
 }
@@ -28,11 +34,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.12", ngImpo
             type: NgModule,
             args: [{
                     imports: [
+                        CommonModule,
                         FormsModule,
                         MatFormFieldModule,
                         ReactiveFormsModule,
-                        CommonModule,
+                        MatInputModule,
                         MatSelectModule,
+                        MatCheckboxModule,
                         SlugifyPipeModule,
                         FactorInformationDialogModule
                     ],
@@ -44,4 +52,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.12", ngImpo
                     ]
                 }]
         }] });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidG9waWMtc2VsZWN0b3IubW9kdWxlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbmd4LXNjcnVtdGVhbXN1cnZleS10b29scy9zcmMvbGliL2NvbXBvbmVudHMvdG9waWNzZWxlY3Rvci90b3BpYy1zZWxlY3Rvci5tb2R1bGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQy9DLE9BQU8sRUFBRSxRQUFRLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDekMsT0FBTyxFQUFFLFdBQVcsRUFBRSxtQkFBbUIsRUFBRSxNQUFNLGdCQUFnQixDQUFDO0FBQ2xFLE9BQU8sRUFBRSxrQkFBa0IsRUFBRSxNQUFNLDhCQUE4QixDQUFDO0FBQ2xFLE9BQU8sRUFBRSxlQUFlLEVBQUUsTUFBTSwwQkFBMEIsQ0FBQztBQUMzRCxPQUFPLEVBQUUsc0JBQXNCLEVBQUUsTUFBTSw0QkFBNEIsQ0FBQztBQUNwRSxPQUFPLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSx3Q0FBd0MsQ0FBQztBQUMzRSxPQUFPLEVBQUUsNkJBQTZCLEVBQUUsTUFBTSx3RUFBd0UsQ0FBQzs7QUFpQnZILE1BQU0sT0FBTyxtQkFBbUI7K0dBQW5CLG1CQUFtQjtnSEFBbkIsbUJBQW1CLGlCQUoxQixzQkFBc0IsYUFUdEIsV0FBVztZQUNYLGtCQUFrQjtZQUNsQixtQkFBbUI7WUFDbkIsWUFBWTtZQUNaLGVBQWU7WUFDZixpQkFBaUI7WUFDakIsNkJBQTZCLGFBSzdCLHNCQUFzQjtnSEFFZixtQkFBbUIsWUFiMUIsV0FBVztZQUNYLGtCQUFrQjtZQUNsQixtQkFBbUI7WUFDbkIsWUFBWTtZQUNaLGVBQWU7WUFDZixpQkFBaUI7WUFDakIsNkJBQTZCOzs0RkFPdEIsbUJBQW1CO2tCQWYvQixRQUFRO21CQUFDO29CQUNQLE9BQU8sRUFBRTt3QkFDTixXQUFXO3dCQUNYLGtCQUFrQjt3QkFDbEIsbUJBQW1CO3dCQUNuQixZQUFZO3dCQUNaLGVBQWU7d0JBQ2YsaUJBQWlCO3dCQUNqQiw2QkFBNkI7cUJBQy9CO29CQUNELFlBQVksRUFBRTt3QkFDWCxzQkFBc0I7cUJBQUM7b0JBQzFCLE9BQU8sRUFBRTt3QkFDTixzQkFBc0I7cUJBQUM7aUJBQzVCIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tbW9uTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcbmltcG9ydCB7IE5nTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBGb3Jtc01vZHVsZSwgUmVhY3RpdmVGb3Jtc01vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2Zvcm1zJztcbmltcG9ydCB7IE1hdEZvcm1GaWVsZE1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL21hdGVyaWFsL2Zvcm0tZmllbGQnO1xuaW1wb3J0IHsgTWF0U2VsZWN0TW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvbWF0ZXJpYWwvc2VsZWN0JztcbmltcG9ydCB7IFRvcGljU2VsZWN0b3JDb21wb25lbnQgfSBmcm9tICcuL3RvcGljLXNlbGVjdG9yLmNvbXBvbmVudCc7XG5pbXBvcnQgeyBTbHVnaWZ5UGlwZU1vZHVsZSB9IGZyb20gJy4uLy4uL3BpcGVzL3NsdWdpZnkvbmd4LXNsdWdpZnkubW9kdWxlJztcbmltcG9ydCB7IEZhY3RvckluZm9ybWF0aW9uRGlhbG9nTW9kdWxlIH0gZnJvbSAnLi4vLi4vZGlhbG9ncy9kaWFsb2ctZmFjdG9yaW5mb3JtYXRpb24vZGlhbG9nLWZhY3RvcmluZm9ybWF0aW9uLm1vZHVsZSc7XG5cbkBOZ01vZHVsZSh7XG4gICBpbXBvcnRzOiBbXG4gICAgICBGb3Jtc01vZHVsZSxcbiAgICAgIE1hdEZvcm1GaWVsZE1vZHVsZSxcbiAgICAgIFJlYWN0aXZlRm9ybXNNb2R1bGUsXG4gICAgICBDb21tb25Nb2R1bGUsXG4gICAgICBNYXRTZWxlY3RNb2R1bGUsXG4gICAgICBTbHVnaWZ5UGlwZU1vZHVsZSxcbiAgICAgIEZhY3RvckluZm9ybWF0aW9uRGlhbG9nTW9kdWxlXG4gICBdLFxuICAgZGVjbGFyYXRpb25zOiBbXG4gICAgICBUb3BpY1NlbGVjdG9yQ29tcG9uZW50XSxcbiAgIGV4cG9ydHM6IFtcbiAgICAgIFRvcGljU2VsZWN0b3JDb21wb25lbnRdXG59KVxuZXhwb3J0IGNsYXNzIFRvcGljU2VsZWN0b3JNb2R1bGUgeyB9XG4iXX0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidG9waWMtc2VsZWN0b3IubW9kdWxlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbmd4LXNjcnVtdGVhbXN1cnZleS10b29scy9zcmMvbGliL2NvbXBvbmVudHMvdG9waWNzZWxlY3Rvci90b3BpYy1zZWxlY3Rvci5tb2R1bGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQy9DLE9BQU8sRUFBRSxRQUFRLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDekMsT0FBTyxFQUFFLFdBQVcsRUFBRSxtQkFBbUIsRUFBRSxNQUFNLGdCQUFnQixDQUFDO0FBQ2xFLE9BQU8sRUFBRSxrQkFBa0IsRUFBRSxNQUFNLDhCQUE4QixDQUFDO0FBQ2xFLE9BQU8sRUFBRSxlQUFlLEVBQUUsTUFBTSwwQkFBMEIsQ0FBQztBQUMzRCxPQUFPLEVBQUUsNkJBQTZCLEVBQUUsTUFBTSx3RUFBd0UsQ0FBQztBQUN2SCxPQUFPLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSx3Q0FBd0MsQ0FBQztBQUMzRSxPQUFPLEVBQUUsc0JBQXNCLEVBQUUsTUFBTSw0QkFBNEIsQ0FBQztBQUNwRSxPQUFPLEVBQUUsY0FBYyxFQUFFLE1BQU0seUJBQXlCLENBQUM7QUFDekQsT0FBTyxFQUFFLGlCQUFpQixFQUFFLE1BQU0sNEJBQTRCLENBQUM7O0FBbUIvRCxNQUFNLE9BQU8sbUJBQW1COytHQUFuQixtQkFBbUI7Z0hBQW5CLG1CQUFtQixpQkFKMUIsc0JBQXNCLGFBWHRCLFlBQVk7WUFDWixXQUFXO1lBQ1gsa0JBQWtCO1lBQ2xCLG1CQUFtQjtZQUNuQixjQUFjO1lBQ2QsZUFBZTtZQUNmLGlCQUFpQjtZQUNqQixpQkFBaUI7WUFDakIsNkJBQTZCLGFBSzdCLHNCQUFzQjtnSEFFZixtQkFBbUIsWUFmMUIsWUFBWTtZQUNaLFdBQVc7WUFDWCxrQkFBa0I7WUFDbEIsbUJBQW1CO1lBQ25CLGNBQWM7WUFDZCxlQUFlO1lBQ2YsaUJBQWlCO1lBQ2pCLGlCQUFpQjtZQUNqQiw2QkFBNkI7OzRGQU90QixtQkFBbUI7a0JBakIvQixRQUFRO21CQUFDO29CQUNQLE9BQU8sRUFBRTt3QkFDTixZQUFZO3dCQUNaLFdBQVc7d0JBQ1gsa0JBQWtCO3dCQUNsQixtQkFBbUI7d0JBQ25CLGNBQWM7d0JBQ2QsZUFBZTt3QkFDZixpQkFBaUI7d0JBQ2pCLGlCQUFpQjt3QkFDakIsNkJBQTZCO3FCQUMvQjtvQkFDRCxZQUFZLEVBQUU7d0JBQ1gsc0JBQXNCO3FCQUFDO29CQUMxQixPQUFPLEVBQUU7d0JBQ04sc0JBQXNCO3FCQUFDO2lCQUM1QiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbW1vbk1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XG5pbXBvcnQgeyBOZ01vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgRm9ybXNNb2R1bGUsIFJlYWN0aXZlRm9ybXNNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9mb3Jtcyc7XG5pbXBvcnQgeyBNYXRGb3JtRmllbGRNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9tYXRlcmlhbC9mb3JtLWZpZWxkJztcbmltcG9ydCB7IE1hdFNlbGVjdE1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL21hdGVyaWFsL3NlbGVjdCc7XG5pbXBvcnQgeyBGYWN0b3JJbmZvcm1hdGlvbkRpYWxvZ01vZHVsZSB9IGZyb20gJy4uLy4uL2RpYWxvZ3MvZGlhbG9nLWZhY3RvcmluZm9ybWF0aW9uL2RpYWxvZy1mYWN0b3JpbmZvcm1hdGlvbi5tb2R1bGUnO1xuaW1wb3J0IHsgU2x1Z2lmeVBpcGVNb2R1bGUgfSBmcm9tICcuLi8uLi9waXBlcy9zbHVnaWZ5L25neC1zbHVnaWZ5Lm1vZHVsZSc7XG5pbXBvcnQgeyBUb3BpY1NlbGVjdG9yQ29tcG9uZW50IH0gZnJvbSAnLi90b3BpYy1zZWxlY3Rvci5jb21wb25lbnQnO1xuaW1wb3J0IHsgTWF0SW5wdXRNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9tYXRlcmlhbC9pbnB1dCc7XG5pbXBvcnQgeyBNYXRDaGVja2JveE1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL21hdGVyaWFsL2NoZWNrYm94JztcblxuQE5nTW9kdWxlKHtcbiAgIGltcG9ydHM6IFtcbiAgICAgIENvbW1vbk1vZHVsZSxcbiAgICAgIEZvcm1zTW9kdWxlLFxuICAgICAgTWF0Rm9ybUZpZWxkTW9kdWxlLFxuICAgICAgUmVhY3RpdmVGb3Jtc01vZHVsZSxcbiAgICAgIE1hdElucHV0TW9kdWxlLFxuICAgICAgTWF0U2VsZWN0TW9kdWxlLFxuICAgICAgTWF0Q2hlY2tib3hNb2R1bGUsXG4gICAgICBTbHVnaWZ5UGlwZU1vZHVsZSxcbiAgICAgIEZhY3RvckluZm9ybWF0aW9uRGlhbG9nTW9kdWxlXG4gICBdLFxuICAgZGVjbGFyYXRpb25zOiBbXG4gICAgICBUb3BpY1NlbGVjdG9yQ29tcG9uZW50XSxcbiAgIGV4cG9ydHM6IFtcbiAgICAgIFRvcGljU2VsZWN0b3JDb21wb25lbnRdXG59KVxuZXhwb3J0IGNsYXNzIFRvcGljU2VsZWN0b3JNb2R1bGUgeyB9XG4iXX0=

package/esm2022/lib/models/modelStructureDto.mjs

@@ -43,4 +43,4 @@ export var SegmentEnum;
     SegmentEnum["Stakeholder"] = "Stakeholder";
     SegmentEnum["Management"] = "Supporter";
 })(SegmentEnum || (SegmentEnum = {}));
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibW9kZWxTdHJ1Y3R1cmVEdG8uanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9uZ3gtc2NydW10ZWFtc3VydmV5LXRvb2xzL3NyYy9saWIvbW9kZWxzL21vZGVsU3RydWN0dXJlRHRvLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE1BQU0sT0FBTyxpQkFBaUI7Q0FHN0I7QUFFRCxNQUFNLE9BQU8sa0JBQWtCO0lBQzVCO1FBQ0csSUFBSSxDQUFDLGtCQUFrQixHQUFHLEVBQUUsQ0FBQztRQUM3QixJQUFJLENBQUMsUUFBUSxHQUFHLEVBQUUsQ0FBQztRQUNuQixJQUFJLENBQUMsT0FBTyxHQUFHLEVBQUUsQ0FBQztJQUNyQixDQUFDO0NBVUg7QUFFRCxNQUFNLE9BQU8sZUFBZTtDQUczQjtBQUVELE1BQU0sT0FBTyxhQUFhO0NBR3pCO0FBRUQsTUFBTSxPQUFPLFNBQVM7Q0FJckI7QUFFRCxNQUFNLE9BQU8sa0JBQWtCO0lBQzVCO1FBQ0csSUFBSSxDQUFDLEtBQUssR0FBRyxFQUFFLENBQUM7UUFDaEIsSUFBSSxDQUFDLFFBQVEsR0FBRyxFQUFFLENBQUM7UUFDbkIsSUFBSSxDQUFDLE9BQU8sR0FBRyxFQUFFLENBQUM7UUFDbEIsSUFBSSxDQUFDLFdBQVcsR0FBRyxJQUFJLDRCQUE0QixFQUFFLENBQUM7SUFDekQsQ0FBQztDQWdCSDtBQUVELE1BQU0sT0FBTyx5QkFBeUI7Q0FJckM7QUFDRCxNQUFNLE9BQU8sZUFBZTtDQUszQjtBQUVELE1BQU0sT0FBTyw0QkFBNEI7SUFDdEM7UUFDRyxJQUFJLENBQUMsWUFBWSxHQUFHLEVBQUUsQ0FBQztRQUN2QixJQUFJLENBQUMsV0FBVyxHQUFHLEVBQUUsQ0FBQztJQUN6QixDQUFDO0NBSUg7QUFFRCxNQUFNLE9BQU8sb0JBQW9CO0lBQzlCLFlBQVksU0FBUyxFQUFFLElBQUk7UUFDeEIsSUFBSSxDQUFDLFNBQVMsR0FBRyxTQUFTLENBQUM7UUFDM0IsSUFBSSxDQUFDLElBQUksR0FBRyxJQUFJLENBQUM7SUFDcEIsQ0FBQztDQU1IO0FBRUQsTUFBTSxDQUFOLElBQVksV0FJWDtBQUpELFdBQVksV0FBVztJQUNwQix3Q0FBeUIsQ0FBQTtJQUN6QiwwQ0FBMkIsQ0FBQTtJQUMzQix1Q0FBd0IsQ0FBQTtBQUMzQixDQUFDLEVBSlcsV0FBVyxLQUFYLFdBQVcsUUFJdEIiLCJzb3VyY2VzQ29udGVudCI6WyJleHBvcnQgY2xhc3MgTW9kZWxTdHJ1Y3R1cmVEdG8ge1xuICAgZGVmaW5pdGlvbjogTW9kZWxEZWZpbml0aW9uRHRvO1xuICAgbW9kZWxzOiBNb2RlbFN1bW1hcnlEdG9bXTtcbn1cblxuZXhwb3J0IGNsYXNzIE1vZGVsRGVmaW5pdGlvbkR0byB7XG4gICBjb25zdHJ1Y3RvcigpIHtcbiAgICAgIHRoaXMucXVlc3Rpb25uYWlyZVR5cGVzID0gW107XG4gICAgICB0aGlzLmRlbW9VcmxzID0gW107XG4gICAgICB0aGlzLmZhY3RvcnMgPSBbXTtcbiAgIH1cblxuICAgbmFtZTogc3RyaW5nO1xuICAgcHVibGljS2V5OiBzdHJpbmc7XG4gICBkZXNjcmlwdGlvbjogc3RyaW5nO1xuICAgZGVtb1VybHM6IE1vZGVsRGVtb1VybER0b1tdO1xuICAgYXR0cmlidXRpb246IHN0cmluZztcbiAgIHF1ZXN0aW9ubmFpcmVUeXBlczogUXVlc3Rpb25uYWlyZVR5cGVEdG9bXTtcbiAgIGZhY3RvcnM6IEZhY3RvclN0cnVjdHVyZUR0b1tdO1xuICAgZXhwbGFpbmVyVmlkZW9Vcmw6IHN0cmluZztcbn1cblxuZXhwb3J0IGNsYXNzIE1vZGVsRGVtb1VybER0byB7XG4gICB0eXBlOiBzdHJpbmc7XG4gICB1cmw6IHN0cmluZztcbn1cblxuZXhwb3J0IGNsYXNzIERlZmluaXRpb25EdG8ge1xuICAgdGVybTogc3RyaW5nO1xuICAgZGVmaW5pdGlvbjogc3RyaW5nO1xufVxuXG5leHBvcnQgY2xhc3MgRWZmZWN0RHRvIHtcbiAgIHRvOiBzdHJpbmc7XG4gICBzdGFuZGFyZGl6ZWRCZXRhOiBudW1iZXI7XG4gICBzdGFuZGFyZEVycm9yOiBudW1iZXI7XG59XG5cbmV4cG9ydCBjbGFzcyBGYWN0b3JTdHJ1Y3R1cmVEdG8ge1xuICAgY29uc3RydWN0b3IoKSB7XG4gICAgICB0aGlzLmxvd2VyID0gW107XG4gICAgICB0aGlzLnNlZ21lbnRzID0gW107XG4gICAgICB0aGlzLmVmZmVjdHMgPSBbXTtcbiAgICAgIHRoaXMuY29uc3RyYWludHMgPSBuZXcgRmFjdG9yU3RydWN0dXJlQ29uc3RyYWludER0bygpO1xuICAgfVxuXG4gICBwdWJsaWNLZXk6IHN0cmluZztcbiAgIHBhcmVudEtleTogc3RyaW5nO1xuICAgbmFtZTogc3RyaW5nO1xuICAgY29sb3I6IHN0cmluZztcbiAgIGRlc2NyaXB0aW9uOiBzdHJpbmc7XG4gICBxdWVzdGlvbkNvdW50OiBudW1iZXI7XG4gICBleHBsYWluZXJWaWRlb1VybDogc3RyaW5nO1xuICAgZWZmZWN0czogRWZmZWN0RHRvW107XG4gICBzZWdtZW50czogRmFjdG9yU3RydWN0dXJlU2VnbWVudER0b1tdO1xuICAgY29uc3RyYWludHM6IEZhY3RvclN0cnVjdHVyZUNvbnN0cmFpbnREdG87XG4gICBsb3dlcjogRmFjdG9yU3RydWN0dXJlRHRvW107XG4gICBhdHRyaWJ1dGlvbjogc3RyaW5nO1xuICAgYW50ZWNlZGVudHM6IEZhY3RvclN0cnVjdHVyZUR0b1tdO1xuICAgcmVjb21tZW5kZWQ6IGJvb2xlYW47XG59XG5cbmV4cG9ydCBjbGFzcyBGYWN0b3JTdHJ1Y3R1cmVTZWdtZW50RHRvIHtcbiAgIHF1ZXN0aW9uQ291bnQ6IG51bWJlcjtcbiAgIHNlZ21lbnQ6IFNlZ21lbnRFbnVtO1xuICAgZHVyYXRpb25JblNlY29uZHM6IG51bWJlcjtcbn1cbmV4cG9ydCBjbGFzcyBNb2RlbFN1bW1hcnlEdG8ge1xuICAgcHVibGljS2V5OiBzdHJpbmc7XG4gICBuYW1lOiBzdHJpbmc7XG4gICBkZXNjcmlwdGlvbjogc3RyaW5nO1xuICAgaXNJbkJldGE6IGJvb2xlYW47XG59XG5cbmV4cG9ydCBjbGFzcyBGYWN0b3JTdHJ1Y3R1cmVDb25zdHJhaW50RHRvIHtcbiAgIGNvbnN0cnVjdG9yKCkge1xuICAgICAgdGhpcy5mb3JUZWFtVHlwZXMgPSBbXTtcbiAgICAgIHRoaXMuZm9yU2VnbWVudHMgPSBbXTtcbiAgIH1cblxuICAgZm9yVGVhbVR5cGVzOiBzdHJpbmdbXTtcbiAgIGZvclNlZ21lbnRzOiBzdHJpbmdbXTtcbn1cblxuZXhwb3J0IGNsYXNzIFF1ZXN0aW9ubmFpcmVUeXBlRHRvIHtcbiAgIGNvbnN0cnVjdG9yKHB1YmxpY0tleSwgbmFtZSkge1xuICAgICAgdGhpcy5wdWJsaWNLZXkgPSBwdWJsaWNLZXk7XG4gICAgICB0aGlzLm5hbWUgPSBuYW1lO1xuICAgfVxuXG4gICBwdWJsaWNLZXk6IHN0cmluZztcbiAgIG5hbWU6IHN0cmluZztcbiAgIGRlc2NyaXB0aW9uOiBzdHJpbmc7XG4gICBzY2FsZUtleXM6IHN0cmluZ1tdO1xufVxuXG5leHBvcnQgZW51bSBTZWdtZW50RW51bSB7XG4gICBUZWFtTWVtYmVyID0gJ1RlYW1NZW1iZXInLFxuICAgU3Rha2Vob2xkZXIgPSAnU3Rha2Vob2xkZXInLFxuICAgTWFuYWdlbWVudCA9ICdTdXBwb3J0ZXInXG59XG4iXX0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibW9kZWxTdHJ1Y3R1cmVEdG8uanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9uZ3gtc2NydW10ZWFtc3VydmV5LXRvb2xzL3NyYy9saWIvbW9kZWxzL21vZGVsU3RydWN0dXJlRHRvLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE1BQU0sT0FBTyxpQkFBaUI7Q0FHN0I7QUFFRCxNQUFNLE9BQU8sa0JBQWtCO0lBQzVCO1FBQ0csSUFBSSxDQUFDLGtCQUFrQixHQUFHLEVBQUUsQ0FBQztRQUM3QixJQUFJLENBQUMsUUFBUSxHQUFHLEVBQUUsQ0FBQztRQUNuQixJQUFJLENBQUMsT0FBTyxHQUFHLEVBQUUsQ0FBQztJQUNyQixDQUFDO0NBVUg7QUFFRCxNQUFNLE9BQU8sZUFBZTtDQUczQjtBQUVELE1BQU0sT0FBTyxhQUFhO0NBR3pCO0FBRUQsTUFBTSxPQUFPLFNBQVM7Q0FJckI7QUFFRCxNQUFNLE9BQU8sa0JBQWtCO0lBQzVCO1FBQ0csSUFBSSxDQUFDLEtBQUssR0FBRyxFQUFFLENBQUM7UUFDaEIsSUFBSSxDQUFDLFFBQVEsR0FBRyxFQUFFLENBQUM7UUFDbkIsSUFBSSxDQUFDLE9BQU8sR0FBRyxFQUFFLENBQUM7UUFDbEIsSUFBSSxDQUFDLFdBQVcsR0FBRyxJQUFJLDRCQUE0QixFQUFFLENBQUM7SUFDekQsQ0FBQztDQWlCSDtBQUVELE1BQU0sT0FBTyx5QkFBeUI7Q0FLckM7QUFDRCxNQUFNLE9BQU8sZUFBZTtDQUszQjtBQUVELE1BQU0sT0FBTyw0QkFBNEI7SUFDdEM7UUFDRyxJQUFJLENBQUMsWUFBWSxHQUFHLEVBQUUsQ0FBQztRQUN2QixJQUFJLENBQUMsV0FBVyxHQUFHLEVBQUUsQ0FBQztJQUN6QixDQUFDO0NBSUg7QUFFRCxNQUFNLE9BQU8sb0JBQW9CO0lBQzlCLFlBQVksU0FBUyxFQUFFLElBQUk7UUFDeEIsSUFBSSxDQUFDLFNBQVMsR0FBRyxTQUFTLENBQUM7UUFDM0IsSUFBSSxDQUFDLElBQUksR0FBRyxJQUFJLENBQUM7SUFDcEIsQ0FBQztDQU1IO0FBRUQsTUFBTSxDQUFOLElBQVksV0FJWDtBQUpELFdBQVksV0FBVztJQUNwQix3Q0FBeUIsQ0FBQTtJQUN6QiwwQ0FBMkIsQ0FBQTtJQUMzQix1Q0FBd0IsQ0FBQTtBQUMzQixDQUFDLEVBSlcsV0FBVyxLQUFYLFdBQVcsUUFJdEIiLCJzb3VyY2VzQ29udGVudCI6WyJleHBvcnQgY2xhc3MgTW9kZWxTdHJ1Y3R1cmVEdG8ge1xuICAgZGVmaW5pdGlvbjogTW9kZWxEZWZpbml0aW9uRHRvO1xuICAgbW9kZWxzOiBNb2RlbFN1bW1hcnlEdG9bXTtcbn1cblxuZXhwb3J0IGNsYXNzIE1vZGVsRGVmaW5pdGlvbkR0byB7XG4gICBjb25zdHJ1Y3RvcigpIHtcbiAgICAgIHRoaXMucXVlc3Rpb25uYWlyZVR5cGVzID0gW107XG4gICAgICB0aGlzLmRlbW9VcmxzID0gW107XG4gICAgICB0aGlzLmZhY3RvcnMgPSBbXTtcbiAgIH1cblxuICAgbmFtZTogc3RyaW5nO1xuICAgcHVibGljS2V5OiBzdHJpbmc7XG4gICBkZXNjcmlwdGlvbjogc3RyaW5nO1xuICAgZGVtb1VybHM6IE1vZGVsRGVtb1VybER0b1tdO1xuICAgYXR0cmlidXRpb246IHN0cmluZztcbiAgIHF1ZXN0aW9ubmFpcmVUeXBlczogUXVlc3Rpb25uYWlyZVR5cGVEdG9bXTtcbiAgIGZhY3RvcnM6IEZhY3RvclN0cnVjdHVyZUR0b1tdO1xuICAgZXhwbGFpbmVyVmlkZW9Vcmw6IHN0cmluZztcbn1cblxuZXhwb3J0IGNsYXNzIE1vZGVsRGVtb1VybER0byB7XG4gICB0eXBlOiBzdHJpbmc7XG4gICB1cmw6IHN0cmluZztcbn1cblxuZXhwb3J0IGNsYXNzIERlZmluaXRpb25EdG8ge1xuICAgdGVybTogc3RyaW5nO1xuICAgZGVmaW5pdGlvbjogc3RyaW5nO1xufVxuXG5leHBvcnQgY2xhc3MgRWZmZWN0RHRvIHtcbiAgIHRvOiBzdHJpbmc7XG4gICBzdGFuZGFyZGl6ZWRCZXRhOiBudW1iZXI7XG4gICBzdGFuZGFyZEVycm9yOiBudW1iZXI7XG59XG5cbmV4cG9ydCBjbGFzcyBGYWN0b3JTdHJ1Y3R1cmVEdG8ge1xuICAgY29uc3RydWN0b3IoKSB7XG4gICAgICB0aGlzLmxvd2VyID0gW107XG4gICAgICB0aGlzLnNlZ21lbnRzID0gW107XG4gICAgICB0aGlzLmVmZmVjdHMgPSBbXTtcbiAgICAgIHRoaXMuY29uc3RyYWludHMgPSBuZXcgRmFjdG9yU3RydWN0dXJlQ29uc3RyYWludER0bygpO1xuICAgfVxuXG4gICBwdWJsaWNLZXk6IHN0cmluZztcbiAgIHBhcmVudEtleTogc3RyaW5nO1xuICAgbmFtZTogc3RyaW5nO1xuICAgY29sb3I6IHN0cmluZztcbiAgIGRlc2NyaXB0aW9uOiBzdHJpbmc7XG4gICBxdWVzdGlvbkNvdW50OiBudW1iZXI7XG4gICBvd25RdWVzdGlvbkNvdW50OiBudW1iZXI7XG4gICBleHBsYWluZXJWaWRlb1VybDogc3RyaW5nO1xuICAgZWZmZWN0czogRWZmZWN0RHRvW107XG4gICBzZWdtZW50czogRmFjdG9yU3RydWN0dXJlU2VnbWVudER0b1tdO1xuICAgY29uc3RyYWludHM6IEZhY3RvclN0cnVjdHVyZUNvbnN0cmFpbnREdG87XG4gICBsb3dlcjogRmFjdG9yU3RydWN0dXJlRHRvW107XG4gICBhdHRyaWJ1dGlvbjogc3RyaW5nO1xuICAgYW50ZWNlZGVudHM6IEZhY3RvclN0cnVjdHVyZUR0b1tdO1xuICAgcmVjb21tZW5kZWQ6IGJvb2xlYW47XG59XG5cbmV4cG9ydCBjbGFzcyBGYWN0b3JTdHJ1Y3R1cmVTZWdtZW50RHRvIHtcbiAgIHF1ZXN0aW9uQ291bnQ6IG51bWJlcjtcbiAgIG93blF1ZXN0aW9uQ291bnQ6IG51bWJlcjtcbiAgIHNlZ21lbnQ6IFNlZ21lbnRFbnVtO1xuICAgZHVyYXRpb25JblNlY29uZHM6IG51bWJlcjtcbn1cbmV4cG9ydCBjbGFzcyBNb2RlbFN1bW1hcnlEdG8ge1xuICAgcHVibGljS2V5OiBzdHJpbmc7XG4gICBuYW1lOiBzdHJpbmc7XG4gICBkZXNjcmlwdGlvbjogc3RyaW5nO1xuICAgaXNJbkJldGE6IGJvb2xlYW47XG59XG5cbmV4cG9ydCBjbGFzcyBGYWN0b3JTdHJ1Y3R1cmVDb25zdHJhaW50RHRvIHtcbiAgIGNvbnN0cnVjdG9yKCkge1xuICAgICAgdGhpcy5mb3JUZWFtVHlwZXMgPSBbXTtcbiAgICAgIHRoaXMuZm9yU2VnbWVudHMgPSBbXTtcbiAgIH1cblxuICAgZm9yVGVhbVR5cGVzOiBzdHJpbmdbXTtcbiAgIGZvclNlZ21lbnRzOiBzdHJpbmdbXTtcbn1cblxuZXhwb3J0IGNsYXNzIFF1ZXN0aW9ubmFpcmVUeXBlRHRvIHtcbiAgIGNvbnN0cnVjdG9yKHB1YmxpY0tleSwgbmFtZSkge1xuICAgICAgdGhpcy5wdWJsaWNLZXkgPSBwdWJsaWNLZXk7XG4gICAgICB0aGlzLm5hbWUgPSBuYW1lO1xuICAgfVxuXG4gICBwdWJsaWNLZXk6IHN0cmluZztcbiAgIG5hbWU6IHN0cmluZztcbiAgIGRlc2NyaXB0aW9uOiBzdHJpbmc7XG4gICBzY2FsZUtleXM6IHN0cmluZ1tdO1xufVxuXG5leHBvcnQgZW51bSBTZWdtZW50RW51bSB7XG4gICBUZWFtTWVtYmVyID0gJ1RlYW1NZW1iZXInLFxuICAgU3Rha2Vob2xkZXIgPSAnU3Rha2Vob2xkZXInLFxuICAgTWFuYWdlbWVudCA9ICdTdXBwb3J0ZXInXG59XG4iXX0=

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

@@ -3,7 +3,7 @@ import { CommonModule } from '@angular/common';
 import * as i0 from '@angular/core';
 import { Injectable, EventEmitter, Component, Input, Output, NgModule, InjectionToken, Inject, Optional, Pipe, Directive, HostListener, ViewChild, HostBinding, forwardRef, ViewEncapsulation, signal } from '@angular/core';
 import * as i4$1 from '@angular/forms';
-import { FormsModule, Validators, FormControl, ReactiveFormsModule, UntypedFormControl, NG_VALUE_ACCESSOR, FormGroup, FormArray } from '@angular/forms';
+import { FormsModule, Validators, FormControl, ReactiveFormsModule, UntypedFormControl, NG_VALUE_ACCESSOR } from '@angular/forms';
 import * as i5$1 from '@angular/material/core';
 import { MatNativeDateModule, MatOptionModule } from '@angular/material/core';
 import * as i7 from '@angular/material/datepicker';
@@ -42,6 +42,8 @@ import * as i6 from '@angular/material/chips';
 import { MatChipsModule } from '@angular/material/chips';
 import * as i2$3 from '@angular/cdk/clipboard';
 import { ClipboardModule } from '@angular/cdk/clipboard';
+import * as i7$1 from '@angular/material/checkbox';
+import { MatCheckboxModule } from '@angular/material/checkbox';
 import * as i1$5 from '@auth0/auth0-angular';
 import * as i2$4 from '@angular/material/progress-spinner';
 import { MatProgressSpinnerModule } from '@angular/material/progress-spinner';
@@ -49,7 +51,7 @@ import * as i3$1 from '@ncstate/sat-popover';
 import { SatPopoverModule } from '@ncstate/sat-popover';
 import * as i5$2 from '@angular/material/slide-toggle';
 import { MatSlideToggleModule } from '@angular/material/slide-toggle';
-import * as i7$1 from '@swimlane/ngx-charts';
+import * as i7$2 from '@swimlane/ngx-charts';
 import { LegendPosition, NgxChartsModule } from '@swimlane/ngx-charts';
 
 class ComponentBase {
@@ -3818,7 +3820,7 @@ function minTopicsSelectedValidator(minimum) {
         if (!value) {
             return null;
         }
-        if (value.topicKeys == null || value.topicKeys.length <= minimum) {
+        if (value.topicKeys == null || (value.topicKeys.length + 1) <= minimum) {
             return {
                 minTopics: true
             };
@@ -3844,6 +3846,7 @@ class TopicSelectorComponent {
         this.disabled = false;
         this.topicKeys = [];
         this.presets = [];
+        this.SegmentEnum = SegmentEnum;
         this.onChange = () => { };
         this.onTouch = () => { };
     }
@@ -3867,9 +3870,9 @@ class TopicSelectorComponent {
         }
         this.selectedTopics = dto.topicKeys ?? [];
         this.form.controls.preset.setValue(dto.presetKey);
-        this.getAllFormGroups(this.form)
-            .filter(p => p.get('selected') != null)
-            .forEach(p => p.get('selected').setValue(this.selectedTopics.includes(p.get('publicKey').value)));
+        var topics = this.form.controls.topics;
+        Object.keys(topics.controls)
+            .forEach(p => topics.get(p).setValue(this.selectedTopics.includes(p), { emitEvent: false }));
         this.updateMetaData(dto);
     }
     setDisabledState(isDisabled) {
@@ -3891,19 +3894,20 @@ class TopicSelectorComponent {
             topicKeys = this.presets[0].scaleKeys;
         }
         this.selectedTopics = topicKeys ?? [];
-        this.getAllFormGroups(this.form)
-            .filter(p => p.get('selected') != null)
-            .forEach(p => p.get('selected').setValue(this.selectedTopics.includes(p.get('publicKey').value)));
+        var topics = this.form.controls.topics;
+        Object.keys(topics.controls)
+            .forEach(p => topics.get(p).setValue(this.selectedTopics.includes(p), { emitEvent: false }));
         var dto = new TopicSelectorDto(questionnaire.publicKey, topicKeys);
         this.updateMetaData(dto);
         this.onChange(dto);
     }
     getValue() {
-        var selectedTopics = this.getAllFormGroups(this.form)
-            .filter(p => p.valid && p.get('selected') && p.get('selected').value)
-            .map(p => p.get('publicKey').value);
+        var topics = this.form.controls.topics;
+        var selected = Object.keys(topics.controls)
+            .filter(p => topics.get(p).value == true)
+            .map(p => p);
         var presetKey = this.form.controls.preset.value;
-        return new TopicSelectorDto(presetKey, selectedTopics);
+        return new TopicSelectorDto(presetKey, selected);
     }
     openFactorInformation(topicKey, $event) {
         var topic = this.topics.find(p => p.publicKey == topicKey);
@@ -3918,75 +3922,42 @@ class TopicSelectorComponent {
         dialogConfig.exitAnimationDuration = 0;
         this.dialog.open(DialogFactorInformationComponent, dialogConfig);
     }
-    get topicsArray() {
-        return this.form.get('topicsArray');
+    hasSegmentQuestions(factor, segment, useOwnQuestionCount) {
+        if (useOwnQuestionCount) {
+            return factor.segments.find(p => p.segment == segment.toString()).ownQuestionCount > 0 ?? false;
+        }
+        else {
+            return factor.segments.find(p => p.segment == segment.toString()).questionCount > 0 ?? false;
+        }
     }
-    getSubTopicsArray(topicGroup) {
-        return topicGroup.get('subTopicsArray').controls;
+    getCoreFactors() {
+        return this.topics.filter(p => p.parentKey == null);
     }
-    selectTopic(subTopicGroup) {
-        var output = this.getValue();
-        this.onChange(output);
-        this.updateMetaData(output);
+    getSubFactors(parentKey) {
+        return this.topics.filter(p => p.parentKey == parentKey);
     }
-    selectAll(subTopicGroup, $event) {
+    selectAll(topic, $event) {
         $event.preventDefault();
-        const subTopics = subTopicGroup.get('subTopicsArray');
-        subTopics.controls.forEach(p => p.get('selected').setValue(true));
-        var dto = this.getValue();
-        this.onChange(dto);
-        this.updateMetaData(dto);
+        var topics = this.form.controls.topics;
+        this.topics
+            .filter(p => p.parentKey == topic.publicKey || (p.publicKey == topic.publicKey && p.ownQuestionCount > 0))
+            .forEach(p => topics.get(p.publicKey).setValue(true));
     }
-    selectNone(subTopicGroup, $event) {
+    selectNone(topic, $event) {
         $event.preventDefault();
-        const subTopics = subTopicGroup.get('subTopicsArray');
-        subTopics.controls.forEach(p => p.get('selected').setValue(false));
-        var dto = this.getValue();
-        this.onChange(dto);
-        this.updateMetaData(dto);
-    }
-    getAllFormGroups(form) {
-        if (form instanceof FormGroup) {
-            return [form, ...Object.values(form.controls).flatMap(control => this.getAllFormGroups(control))];
-        }
-        if (form instanceof FormArray) {
-            return form.controls.flatMap(control => this.getAllFormGroups(control));
-        }
-        return [];
+        var topics = this.form.controls.topics;
+        this.topics
+            .filter(p => p.parentKey == topic.publicKey || (p.publicKey == topic.publicKey && p.ownQuestionCount > 0))
+            .forEach(p => topics.get(p.publicKey).setValue(false));
     }
     createForm() {
         this.form = this.formBuilder.group({
             preset: [null],
-            topicsArray: this.formBuilder.array(this.topics.filter(p => p.parentKey == null).map(topic => {
-                return this.formBuilder.group({
-                    publicKey: topic.publicKey,
-                    name: topic.name,
-                    questionCount: topic.questionCount,
-                    description: topic.description,
-                    attribution: topic.attribution,
-                    selected: this.selectedTopics.includes(topic.publicKey),
-                    recommended: topic.recommended,
-                    segments: topic.segments.map(p => { name: p.segment; }),
-                    forTeamMembers: topic.segments.find(p => p.segment == SegmentEnum.TeamMember && p.questionCount > 0),
-                    forStakeholders: topic.segments.find(p => p.segment == SegmentEnum.Stakeholder && p.questionCount > 0),
-                    forSupporters: topic.segments.find(p => p.segment == SegmentEnum.Management && p.questionCount > 0),
-                    subTopicsArray: this.formBuilder.array(this.topics.filter(p => p.parentKey == topic.publicKey).sort(function (a, b) { return a.name.localeCompare(b.name); }).map(topic => {
-                        return this.formBuilder.group({
-                            publicKey: topic.publicKey,
-                            name: topic.name,
-                            description: topic.description,
-                            attribution: topic.attribution,
-                            questionCount: topic.questionCount,
-                            recommended: topic.recommended,
-                            forTeamMembers: topic.segments.find(p => p.segment == SegmentEnum.TeamMember && p.questionCount > 0),
-                            forStakeholders: topic.segments.find(p => p.segment == SegmentEnum.Stakeholder && p.questionCount > 0),
-                            forSupporters: topic.segments.find(p => p.segment == SegmentEnum.Management && p.questionCount > 0),
-                            selected: this.selectedTopics.includes(topic.publicKey)
-                        });
-                    }))
-                });
-            }))
+            topicKeys: [[]],
+            topics: this.formBuilder.group([])
         });
+        this.topics.filter(p => p.parentKey != null || (p.parentKey == null && p.ownQuestionCount > 0))
+            .forEach(p => this.form.controls.topics.addControl(p.publicKey, new FormControl(false), { emitEvent: false }));
     }
     updateMetaData(output) {
         this.warnings = [];
@@ -4026,13 +3997,13 @@ class TopicSelectorComponent {
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.12", ngImport: i0, type: TopicSelectorComponent, deps: [{ token: i4$1.FormBuilder }, { token: i1$3.MatDialog }], target: i0.ɵɵFactoryTarget.Component }); }
     static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.12", type: TopicSelectorComponent, selector: "topic-selector", inputs: { topics: "topics", disabled: "disabled", topicKeys: "topicKeys", presets: "presets" }, providers: [
             { provide: NG_VALUE_ACCESSOR, multi: true, useExisting: forwardRef(() => TopicSelectorComponent), }
-        ], ngImport: i0, template: "<form [formGroup]=\"form\">\n   <div class=\"scaleselector-container\">\n      <div class=\"scaleselector-metadata\">\n         <div class=\"questionnaire-preset\">\n            <mat-form-field class=\"questionnaire-preset-select\" appearance=\"fill\">\n               <mat-label>Select predefined questionnaire</mat-label>\n               <mat-select id=\"question-preset\" formControlName=\"preset\" (selectionChange)=\"selectPreset()\">\n                  <mat-option [value]=\"type.publicKey\" *ngFor=\"let type of presets\" class=\"select-option\">{{type.name}}</mat-option>\n               </mat-select>\n            </mat-form-field>\n         </div>\n         <div class=\"questionnaire-accuracy\">\n            <div class=\"questionnaire-breakdown-label\">Accuracy</div>\n            <div class=\"questionnaire-breakdown-bar-holder\">\n               <div class=\"questionnaire-accuracy-bar\" [ngClass]=\"{'low': questionnaireAccuracy < 0.25, 'moderate' : questionnaireAccuracy < 0.5 && questionnaireAccuracy >= 0.25}\" [ngStyle]=\"{'width': (questionnaireAccuracy * 100) + '%' }\">{{questionnaireAccuracy * 100 | number:'1.0-0'}}%</div>\n            </div>\n         </div>\n         <div class=\"questionnaire-segments\">\n            <div class=\"questionnaire-segments-label\">Time investment</div>\n            <div class=\"questionnaire-breakdowns\">\n               <div class=\"questionnaire-breakdown\">\n                  <div class=\"questionnaire-breakdown-label\">Team members</div>\n                  <div class=\"progressbar progressbar-positive progressbar-teammember\">\n                     <div class=\"progressbar-bar\" *ngIf=\"questionsTeamMembers > 0\" [style.width]=\"((questionsTeamMembers / questionsTotal) * 100) + '%'\"></div>\n                     <div class=\"progressbar-score\">{{durationTeamMembers | number:'1.0-0'}} min</div>\n                  </div>\n               </div>\n               <div class=\"questionnaire-breakdown\">\n                  <div class=\"questionnaire-breakdown-label\">Stakeholders</div>\n                  <div class=\"progressbar progressbar-positive progressbar-stakeholder\">\n                     <div class=\"progressbar-bar\" *ngIf=\"questionsStakeholders > 0\" [style.width]=\"((questionsStakeholders / questionsTotal) * 100) + '%'\"></div>\n                     <div class=\"progressbar-score\">{{durationStakeholders | number:'1.0-0'}} min</div>\n                  </div>\n               </div>\n               <div class=\"questionnaire-breakdown\">\n                  <div class=\"questionnaire-breakdown-label\">Supporters</div>\n                  <div class=\"progressbar progressbar-positive progressbar-supporter\">\n                     <div class=\"progressbar-bar\" *ngIf=\"questionsSupporters > 0\" [style.width]=\"((questionsSupporters / questionsTotal) * 100) + '%'\"></div>\n                     <div class=\"progressbar-score\">{{durationSupporters | number:'1.0-0'}} min</div>\n                  </div>\n               </div>\n            </div>\n         </div>\n         <div class=\"scaleselector-warnings\" *ngIf=\"warnings.length > 0\">\n            <div class=\"scaleselector-warnings-warning\" *ngFor=\"let warning of warnings\">\n               <span class=\"icon ph-info-fill\"></span>{{warning}}\n            </div>\n         </div>\n      </div>\n\n      <ng-container *ngIf=\"form.controls.preset.value == 'custom'\">\n         <div class=\"topic-parent\" formArrayName=\"topicsArray\" *ngFor=\"let topicGroup of topicsArray.controls; let i = index\">\n            <div [formGroupName]=\"i\">\n               <div class=\"name\">\n                  <h4>{{topicGroup.value.name}}</h4>\n                  <div class=\"helpers\">(<a href=\"#\" (click)=\"selectAll(topicGroup, $event)\">all</a> | <a href=\"#\" (click)=\"selectNone(topicGroup, $event)\">none</a>)</div>\n                  <div class=\"topic-child-moreinformation\">\n                     <span class=\"icon ph-info-bold\" (click)=\"openFactorInformation(topicGroup.value.publicKey, $event)\"></span>\n                  </div>\n               </div>\n\n               <div formArrayName=\"subTopicsArray\" *ngFor=\"let subTopicGroup of getSubTopicsArray(topicGroup); let j = index\">\n                  <div [formGroupName]=\"j\" class=\"topic-child\">\n                     <mat-checkbox class=\"topic-child-check\" formControlName=\"selected\" (click)=\"selectTopic(subTopicGroup)\" [id]=\"'topic-' + subTopicGroup.value.name | slugify\"></mat-checkbox>\n                     <div class=\"topic-child-description\">\n                        {{subTopicGroup.value.name}} ({{subTopicGroup.value.questionCount}} questions)\n                        <div class=\"tags\">\n                           <div class=\"tags-tag recommended\" *ngIf=\"subTopicGroup.value.recommended\">Recommended</div>\n                           <div class=\"tags-tag teammember\" *ngIf=\"subTopicGroup.value.forTeamMembers\">For team members</div>\n                           <div class=\"tags-tag stakeholder\" *ngIf=\"subTopicGroup.value.forStakeholders\">For stakeholders</div>\n                           <div class=\"tags-tag supporter\" *ngIf=\"subTopicGroup.value.forSupporters\">For supporters</div>\n                        </div>\n                     </div>\n                     <div class=\"topic-child-moreinformation\">\n                        <span class=\"icon ph-info-bold\" (click)=\"openFactorInformation(subTopicGroup.value.publicKey, $event)\"></span>\n                     </div>\n                  </div>\n               </div>\n            </div>\n         </div>\n      </ng-container>\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}.scaleselector-container .scaleselector-metadata{margin:30px 0;background:#f0f0f0;border-radius:20px;padding:30px;display:flex;column-gap:30px;flex-direction:column}@media only screen and (max-width: 992px){.scaleselector-container .scaleselector-metadata{display:block}}.scaleselector-container .scaleselector-metadata .questionnaire-preset .questionnaire-preset-label{font-size:12px;font-weight:900;text-transform:uppercase;font-family:StevieSans,sans-serif;margin-bottom:5px}.scaleselector-container .scaleselector-metadata .questionnaire-preset .questionnaire-preset-select{width:100%}.scaleselector-container .scaleselector-metadata .questionnaire-segments .questionnaire-segments-label{font-size:12px;font-weight:900;text-transform:uppercase;font-family:StevieSans,sans-serif;margin-bottom:5px}.scaleselector-container .scaleselector-metadata .questionnaire-segments .questionnaire-breakdowns{display:flex;gap:15px}@media only screen and (max-width: 992px){.scaleselector-container .scaleselector-metadata .questionnaire-segments .questionnaire-breakdowns{display:block}}.scaleselector-container .scaleselector-metadata .questionnaire-segments .questionnaire-breakdowns .questionnaire-breakdown{margin-bottom:15px;flex:auto}.scaleselector-container .scaleselector-metadata .questionnaire-segments .questionnaire-breakdowns .questionnaire-breakdown .questionnaire-breakdown-label{font-size:14px;font-weight:700;font-family:StevieSans,sans-serif;margin-bottom:5px;margin-top:5px}.scaleselector-container .scaleselector-metadata .questionnaire-segments .questionnaire-breakdowns .questionnaire-breakdown .questionnaire-breakdown-label .icon{color:#ef6f00;font-size:18px;vertical-align:middle;cursor:pointer}.scaleselector-container .scaleselector-metadata .questionnaire-segments .questionnaire-breakdowns .questionnaire-breakdown .progressbar{margin:0;width:100%}.scaleselector-container .scaleselector-metadata .questionnaire-segments .questionnaire-breakdowns .questionnaire-breakdown .progressbar.progressbar-teammember .progressbar-bar{background:#00af77}.scaleselector-container .scaleselector-metadata .questionnaire-segments .questionnaire-breakdowns .questionnaire-breakdown .progressbar.progressbar-stakeholder .progressbar-bar{background:#fff73f}.scaleselector-container .scaleselector-metadata .questionnaire-segments .questionnaire-breakdowns .questionnaire-breakdown .progressbar.progressbar-supporter .progressbar-bar{background:#ef4f9f}.scaleselector-container .scaleselector-metadata .questionnaire-accuracy{margin-bottom:15px}.scaleselector-container .scaleselector-metadata .questionnaire-accuracy .questionnaire-breakdown-label{font-size:12px;font-weight:900;text-transform:uppercase;margin-bottom:5px;font-family:StevieSans,sans-serif}.scaleselector-container .scaleselector-metadata .questionnaire-accuracy .questionnaire-breakdown-bar-holder{margin-bottom:15px;background:#2f2f2f;height:20px;border-radius:15px;overflow:hidden}.scaleselector-container .scaleselector-metadata .questionnaire-accuracy .questionnaire-breakdown-bar-holder .questionnaire-accuracy-bar{flex:auto;min-width:50px;font-size:12px;font-weight:900;text-transform:uppercase;font-family:StevieSans,sans-serif;background:#00af77;height:100%;align-content:center;text-align:center}.scaleselector-container .scaleselector-metadata .questionnaire-accuracy .questionnaire-breakdown-bar-holder .questionnaire-accuracy-bar.low{background:#ef6f00}.scaleselector-container .scaleselector-metadata .questionnaire-accuracy .questionnaire-breakdown-bar-holder .questionnaire-accuracy-bar.moderate{background:#fff73f}.scaleselector-container .scaleselector-warnings{margin-top:15px}.scaleselector-container .scaleselector-warnings .scaleselector-warnings-warning{display:flex;align-items:center;font-size:12pt}.scaleselector-container .scaleselector-warnings .scaleselector-warnings-warning .icon{color:#1f3f8f;font-size:16px;cursor:pointer;margin-right:10px}.scaleselector-container .topic-parent{margin-bottom:60px;padding-left:30px}.scaleselector-container .topic-parent .name{display:flex;align-items:baseline;gap:15px}.scaleselector-container .topic-parent .name h4{font-weight:700!important;font-family:StevieSans,sans-serif!important;margin:0}.scaleselector-container .topic-parent .name .helpers{font-size:12pt}.scaleselector-container .topic-parent .name .helpers a{font-family:StevieSans,sans-serif}.scaleselector-container .topic-parent .name .topic-child-moreinformation{margin-left:auto;cursor:pointer}.scaleselector-container .topic-parent .name .topic-child-moreinformation .icon{vertical-align:middle}.scaleselector-container .topic-parent .topic-child{display:flex;align-items:baseline;gap:15px;margin-bottom:15px;margin-top:15px;cursor:pointer}.scaleselector-container .topic-parent .topic-child .topic-child-description{font-family:StevieSans,sans-serif;font-size:16px;font-weight:500}.scaleselector-container .topic-parent .topic-child .topic-child-description .tags{gap:5px;margin-top:5px;display:flex}.scaleselector-container .topic-parent .topic-child .topic-child-description .tags .tags-tag{padding:4px 8px;border-radius:16px;font-weight:600;font-size:11px;white-space:pre}.scaleselector-container .topic-parent .topic-child .topic-child-description .tags .tags-tag.recommended{background:#2f2f2f;color:#fff}.scaleselector-container .topic-parent .topic-child .topic-child-description .tags .tags-tag.stakeholder{background:#fff73f}.scaleselector-container .topic-parent .topic-child .topic-child-description .tags .tags-tag.teammember{background:#1f3f8f;color:#fff}.scaleselector-container .topic-parent .topic-child .topic-child-description .tags .tags-tag.supporter,.scaleselector-container .topic-parent .topic-child .topic-child-description .tags .tags-tag.management{background:#ef4f9f}.scaleselector-container .topic-parent .topic-child .topic-child-moreinformation{margin-left:auto}.scaleselector-container .topic-parent .topic-child .topic-child-moreinformation .icon{vertical-align:middle;cursor:pointer}\n"], dependencies: [{ kind: "directive", type: i4$1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i4$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i4$1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "component", type: i5.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i5.MatLabel, selector: "mat-label" }, { kind: "directive", type: i4$1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i4$1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "directive", type: i4$1.FormGroupName, selector: "[formGroupName]", inputs: ["formGroupName"] }, { kind: "directive", type: i4$1.FormArrayName, selector: "[formArrayName]", inputs: ["formArrayName"] }, { 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$1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "component", type: i4.MatSelect, selector: "mat-select", inputs: ["aria-describedby", "panelClass", "disabled", "disableRipple", "tabIndex", "hideSingleSelectionIndicator", "placeholder", "required", "multiple", "disableOptionCentering", "compareWith", "value", "aria-label", "aria-labelledby", "errorStateMatcher", "typeaheadDebounceInterval", "sortComparator", "id", "panelWidth"], outputs: ["openedChange", "opened", "closed", "selectionChange", "valueChange"], exportAs: ["matSelect"] }, { kind: "component", type: i5$1.MatOption, selector: "mat-option", inputs: ["value", "id", "disabled"], outputs: ["onSelectionChange"], exportAs: ["matOption"] }, { kind: "pipe", type: i1$1.DecimalPipe, name: "number" }, { kind: "pipe", type: SlugifyPipe, name: "slugify" }] }); }
+        ], ngImport: i0, template: "<form [formGroup]=\"form\">\n   <div class=\"scaleselector-container\">\n      <div class=\"scaleselector-metadata\">\n         <div class=\"questionnaire-preset\">\n            <mat-form-field class=\"questionnaire-preset-select\" appearance=\"fill\">\n               <mat-label>Select predefined questionnaire</mat-label>\n               <mat-select id=\"question-preset\" formControlName=\"preset\" (selectionChange)=\"selectPreset()\">\n                  <mat-option [value]=\"type.publicKey\" *ngFor=\"let type of presets\" class=\"select-option\">{{type.name}}</mat-option>\n               </mat-select>\n            </mat-form-field>\n         </div>\n         <div class=\"questionnaire-accuracy\">\n            <div class=\"questionnaire-breakdown-label\">Accuracy</div>\n            <div class=\"questionnaire-breakdown-bar-holder\">\n               <div class=\"questionnaire-accuracy-bar\" [ngClass]=\"{'low': questionnaireAccuracy < 0.25, 'moderate' : questionnaireAccuracy < 0.5 && questionnaireAccuracy >= 0.25}\" [ngStyle]=\"{'width': (questionnaireAccuracy * 100) + '%' }\">{{questionnaireAccuracy * 100 | number:'1.0-0'}}%</div>\n            </div>\n         </div>\n         <div class=\"questionnaire-segments\">\n            <div class=\"questionnaire-segments-label\">Time investment</div>\n            <div class=\"questionnaire-breakdowns\">\n               <div class=\"questionnaire-breakdown\">\n                  <div class=\"questionnaire-breakdown-label\">Team members</div>\n                  <div class=\"progressbar progressbar-positive progressbar-teammember\">\n                     <div class=\"progressbar-bar\" *ngIf=\"questionsTeamMembers > 0\" [style.width]=\"((questionsTeamMembers / questionsTotal) * 100) + '%'\"></div>\n                     <div class=\"progressbar-score\">{{durationTeamMembers | number:'1.0-0'}} min</div>\n                  </div>\n               </div>\n               <div class=\"questionnaire-breakdown\">\n                  <div class=\"questionnaire-breakdown-label\">Stakeholders</div>\n                  <div class=\"progressbar progressbar-positive progressbar-stakeholder\">\n                     <div class=\"progressbar-bar\" *ngIf=\"questionsStakeholders > 0\" [style.width]=\"((questionsStakeholders / questionsTotal) * 100) + '%'\"></div>\n                     <div class=\"progressbar-score\">{{durationStakeholders | number:'1.0-0'}} min</div>\n                  </div>\n               </div>\n               <div class=\"questionnaire-breakdown\">\n                  <div class=\"questionnaire-breakdown-label\">Supporters</div>\n                  <div class=\"progressbar progressbar-positive progressbar-supporter\">\n                     <div class=\"progressbar-bar\" *ngIf=\"questionsSupporters > 0\" [style.width]=\"((questionsSupporters / questionsTotal) * 100) + '%'\"></div>\n                     <div class=\"progressbar-score\">{{durationSupporters | number:'1.0-0'}} min</div>\n                  </div>\n               </div>\n            </div>\n         </div>\n         <div class=\"scaleselector-warnings\" *ngIf=\"warnings.length > 0\">\n            <div class=\"scaleselector-warnings-warning\" *ngFor=\"let warning of warnings\">\n               <span class=\"icon ph-info-fill\"></span>{{warning}}\n            </div>\n         </div>\n      </div>\n\n      <ng-container>\n         <div class=\"topic-parent\" *ngFor=\"let topic of getCoreFactors()\" formArrayName=\"topics\">\n\n            <div class=\"name\">\n               <h4>{{topic.name}}</h4>\n               <div class=\"helpers\">(<a href=\"#\" (click)=\"selectAll(topic, $event)\">all</a> | <a href=\"#\" (click)=\"selectNone(topic, $event)\">none</a>)</div>\n               <div class=\"topic-child-moreinformation\">\n                  <span class=\"icon ph-info-bold\" (click)=\"openFactorInformation(topic.publicKey, $event)\"></span>\n               </div>\n            </div>\n\n            <div *ngIf=\"topic.ownQuestionCount > 0\" class=\"topic-child\">\n               <mat-checkbox class=\"topic-child-check\" [formControlName]=\"topic.publicKey\" [id]=\"'topic-' + topic.name | slugify\"></mat-checkbox>\n               <div class=\"topic-child-description\">\n                  {{topic.name}} ({{topic.ownQuestionCount}} questions)\n                  <div class=\"tags\">\n                     <div class=\"tags-tag recommended\" *ngIf=\"topic.recommended\">Recommended</div>\n                     <div class=\"tags-tag teammember\" *ngIf=\"hasSegmentQuestions(topic, SegmentEnum.TeamMember, true)\">For team members</div>\n                     <div class=\"tags-tag stakeholder\" *ngIf=\"hasSegmentQuestions(topic, SegmentEnum.Stakeholder, true)\">For stakeholders</div>\n                     <div class=\"tags-tag supporter\" *ngIf=\"hasSegmentQuestions(topic, SegmentEnum.Management, true)\">For supporters</div>\n                  </div>\n               </div>\n               <div class=\"topic-child-moreinformation\">\n                  <span class=\"icon ph-info-bold\" (click)=\"openFactorInformation(topic.publicKey, $event)\"></span>\n               </div>\n            </div>\n\n\n            <div *ngFor=\"let subTopic of getSubFactors(topic.publicKey)\" class=\"topic-child\">\n               <mat-checkbox class=\"topic-child-check\" [formControlName]=\"subTopic.publicKey\" [id]=\"'topic-' + subTopic.name | slugify\"></mat-checkbox>\n               <div class=\"topic-child-description\">\n                  {{subTopic.name}} ({{subTopic.questionCount}} questions)\n                  <div class=\"tags\">\n                     <div class=\"tags-tag recommended\" *ngIf=\"subTopic.recommended\">Recommended</div>\n                     <div class=\"tags-tag teammember\" *ngIf=\"hasSegmentQuestions(subTopic, SegmentEnum.TeamMember, false)\">For team members</div>\n                     <div class=\"tags-tag stakeholder\" *ngIf=\"hasSegmentQuestions(subTopic, SegmentEnum.Stakeholder, false)\">For stakeholders</div>\n                     <div class=\"tags-tag supporter\" *ngIf=\"hasSegmentQuestions(subTopic, SegmentEnum.Management, false)\">For supporters</div>\n                  </div>\n               </div>\n               <div class=\"topic-child-moreinformation\">\n                  <span class=\"icon ph-info-bold\" (click)=\"openFactorInformation(subTopic.publicKey, $event)\"></span>\n               </div>\n            </div>\n         </div>\n      </ng-container>\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}.scaleselector-container .scaleselector-metadata{margin:30px 0;background:#f0f0f0;border-radius:20px;padding:30px;display:flex;column-gap:30px;flex-direction:column}@media only screen and (max-width: 992px){.scaleselector-container .scaleselector-metadata{display:block}}.scaleselector-container .scaleselector-metadata .questionnaire-preset .questionnaire-preset-label{font-size:12px;font-weight:900;text-transform:uppercase;font-family:StevieSans,sans-serif;margin-bottom:5px}.scaleselector-container .scaleselector-metadata .questionnaire-preset .questionnaire-preset-select{width:100%}.scaleselector-container .scaleselector-metadata .questionnaire-segments .questionnaire-segments-label{font-size:12px;font-weight:900;text-transform:uppercase;font-family:StevieSans,sans-serif;margin-bottom:5px}.scaleselector-container .scaleselector-metadata .questionnaire-segments .questionnaire-breakdowns{display:flex;gap:15px}@media only screen and (max-width: 992px){.scaleselector-container .scaleselector-metadata .questionnaire-segments .questionnaire-breakdowns{display:block}}.scaleselector-container .scaleselector-metadata .questionnaire-segments .questionnaire-breakdowns .questionnaire-breakdown{margin-bottom:15px;flex:auto}.scaleselector-container .scaleselector-metadata .questionnaire-segments .questionnaire-breakdowns .questionnaire-breakdown .questionnaire-breakdown-label{font-size:14px;font-weight:700;font-family:StevieSans,sans-serif;margin-bottom:5px;margin-top:5px}.scaleselector-container .scaleselector-metadata .questionnaire-segments .questionnaire-breakdowns .questionnaire-breakdown .questionnaire-breakdown-label .icon{color:#ef6f00;font-size:18px;vertical-align:middle;cursor:pointer}.scaleselector-container .scaleselector-metadata .questionnaire-segments .questionnaire-breakdowns .questionnaire-breakdown .progressbar{margin:0;width:100%}.scaleselector-container .scaleselector-metadata .questionnaire-segments .questionnaire-breakdowns .questionnaire-breakdown .progressbar.progressbar-teammember .progressbar-bar{background:#00af77}.scaleselector-container .scaleselector-metadata .questionnaire-segments .questionnaire-breakdowns .questionnaire-breakdown .progressbar.progressbar-stakeholder .progressbar-bar{background:#fff73f}.scaleselector-container .scaleselector-metadata .questionnaire-segments .questionnaire-breakdowns .questionnaire-breakdown .progressbar.progressbar-supporter .progressbar-bar{background:#ef4f9f}.scaleselector-container .scaleselector-metadata .questionnaire-accuracy{margin-bottom:15px}.scaleselector-container .scaleselector-metadata .questionnaire-accuracy .questionnaire-breakdown-label{font-size:12px;font-weight:900;text-transform:uppercase;margin-bottom:5px;font-family:StevieSans,sans-serif}.scaleselector-container .scaleselector-metadata .questionnaire-accuracy .questionnaire-breakdown-bar-holder{margin-bottom:15px;background:#2f2f2f;height:20px;border-radius:15px;overflow:hidden}.scaleselector-container .scaleselector-metadata .questionnaire-accuracy .questionnaire-breakdown-bar-holder .questionnaire-accuracy-bar{flex:auto;min-width:50px;font-size:12px;font-weight:900;text-transform:uppercase;font-family:StevieSans,sans-serif;background:#00af77;height:100%;align-content:center;text-align:center}.scaleselector-container .scaleselector-metadata .questionnaire-accuracy .questionnaire-breakdown-bar-holder .questionnaire-accuracy-bar.low{background:#ef6f00}.scaleselector-container .scaleselector-metadata .questionnaire-accuracy .questionnaire-breakdown-bar-holder .questionnaire-accuracy-bar.moderate{background:#fff73f}.scaleselector-container .scaleselector-warnings{margin-top:15px}.scaleselector-container .scaleselector-warnings .scaleselector-warnings-warning{display:flex;align-items:center;font-size:12pt}.scaleselector-container .scaleselector-warnings .scaleselector-warnings-warning .icon{color:#1f3f8f;font-size:16px;cursor:pointer;margin-right:10px}.scaleselector-container .topic-parent{margin-bottom:60px;padding-left:30px}.scaleselector-container .topic-parent .name{display:flex;align-items:baseline;gap:15px}.scaleselector-container .topic-parent .name h4{font-weight:700!important;font-family:StevieSans,sans-serif!important;margin:0}.scaleselector-container .topic-parent .name .helpers{font-size:12pt}.scaleselector-container .topic-parent .name .helpers a{font-family:StevieSans,sans-serif}.scaleselector-container .topic-parent .name .topic-child-moreinformation{margin-left:auto;cursor:pointer}.scaleselector-container .topic-parent .name .topic-child-moreinformation .icon{vertical-align:middle}.scaleselector-container .topic-parent .topic-child{display:flex;align-items:baseline;gap:15px;margin-bottom:15px;margin-top:15px;cursor:pointer}.scaleselector-container .topic-parent .topic-child .topic-child-description{font-family:StevieSans,sans-serif;font-size:16px;font-weight:500}.scaleselector-container .topic-parent .topic-child .topic-child-description .tags{gap:5px;margin-top:5px;display:flex}.scaleselector-container .topic-parent .topic-child .topic-child-description .tags .tags-tag{padding:4px 8px;border-radius:16px;font-weight:600;font-size:11px;white-space:pre}.scaleselector-container .topic-parent .topic-child .topic-child-description .tags .tags-tag.recommended{background:#2f2f2f;color:#fff}.scaleselector-container .topic-parent .topic-child .topic-child-description .tags .tags-tag.stakeholder{background:#fff73f}.scaleselector-container .topic-parent .topic-child .topic-child-description .tags .tags-tag.teammember{background:#1f3f8f;color:#fff}.scaleselector-container .topic-parent .topic-child .topic-child-description .tags .tags-tag.supporter,.scaleselector-container .topic-parent .topic-child .topic-child-description .tags .tags-tag.management{background:#ef4f9f}.scaleselector-container .topic-parent .topic-child .topic-child-moreinformation{margin-left:auto}.scaleselector-container .topic-parent .topic-child .topic-child-moreinformation .icon{vertical-align:middle;cursor:pointer}\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$1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "directive", type: i4$1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i4$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i4$1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "component", type: i5.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i5.MatLabel, selector: "mat-label" }, { kind: "directive", type: i4$1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i4$1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "directive", type: i4$1.FormArrayName, selector: "[formArrayName]", inputs: ["formArrayName"] }, { kind: "component", type: i4.MatSelect, selector: "mat-select", inputs: ["aria-describedby", "panelClass", "disabled", "disableRipple", "tabIndex", "hideSingleSelectionIndicator", "placeholder", "required", "multiple", "disableOptionCentering", "compareWith", "value", "aria-label", "aria-labelledby", "errorStateMatcher", "typeaheadDebounceInterval", "sortComparator", "id", "panelWidth"], outputs: ["openedChange", "opened", "closed", "selectionChange", "valueChange"], exportAs: ["matSelect"] }, { kind: "component", type: i5$1.MatOption, selector: "mat-option", inputs: ["value", "id", "disabled"], outputs: ["onSelectionChange"], exportAs: ["matOption"] }, { kind: "component", type: i7$1.MatCheckbox, selector: "mat-checkbox", inputs: ["aria-label", "aria-labelledby", "aria-describedby", "id", "required", "labelPosition", "name", "value", "disableRipple", "tabIndex", "color", "disabledInteractive", "checked", "disabled", "indeterminate"], outputs: ["change", "indeterminateChange"], exportAs: ["matCheckbox"] }, { kind: "pipe", type: i1$1.DecimalPipe, name: "number" }, { kind: "pipe", type: SlugifyPipe, name: "slugify" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.12", ngImport: i0, type: TopicSelectorComponent, decorators: [{
             type: Component,
             args: [{ selector: 'topic-selector', providers: [
                         { provide: NG_VALUE_ACCESSOR, multi: true, useExisting: forwardRef(() => TopicSelectorComponent), }
-                    ], template: "<form [formGroup]=\"form\">\n   <div class=\"scaleselector-container\">\n      <div class=\"scaleselector-metadata\">\n         <div class=\"questionnaire-preset\">\n            <mat-form-field class=\"questionnaire-preset-select\" appearance=\"fill\">\n               <mat-label>Select predefined questionnaire</mat-label>\n               <mat-select id=\"question-preset\" formControlName=\"preset\" (selectionChange)=\"selectPreset()\">\n                  <mat-option [value]=\"type.publicKey\" *ngFor=\"let type of presets\" class=\"select-option\">{{type.name}}</mat-option>\n               </mat-select>\n            </mat-form-field>\n         </div>\n         <div class=\"questionnaire-accuracy\">\n            <div class=\"questionnaire-breakdown-label\">Accuracy</div>\n            <div class=\"questionnaire-breakdown-bar-holder\">\n               <div class=\"questionnaire-accuracy-bar\" [ngClass]=\"{'low': questionnaireAccuracy < 0.25, 'moderate' : questionnaireAccuracy < 0.5 && questionnaireAccuracy >= 0.25}\" [ngStyle]=\"{'width': (questionnaireAccuracy * 100) + '%' }\">{{questionnaireAccuracy * 100 | number:'1.0-0'}}%</div>\n            </div>\n         </div>\n         <div class=\"questionnaire-segments\">\n            <div class=\"questionnaire-segments-label\">Time investment</div>\n            <div class=\"questionnaire-breakdowns\">\n               <div class=\"questionnaire-breakdown\">\n                  <div class=\"questionnaire-breakdown-label\">Team members</div>\n                  <div class=\"progressbar progressbar-positive progressbar-teammember\">\n                     <div class=\"progressbar-bar\" *ngIf=\"questionsTeamMembers > 0\" [style.width]=\"((questionsTeamMembers / questionsTotal) * 100) + '%'\"></div>\n                     <div class=\"progressbar-score\">{{durationTeamMembers | number:'1.0-0'}} min</div>\n                  </div>\n               </div>\n               <div class=\"questionnaire-breakdown\">\n                  <div class=\"questionnaire-breakdown-label\">Stakeholders</div>\n                  <div class=\"progressbar progressbar-positive progressbar-stakeholder\">\n                     <div class=\"progressbar-bar\" *ngIf=\"questionsStakeholders > 0\" [style.width]=\"((questionsStakeholders / questionsTotal) * 100) + '%'\"></div>\n                     <div class=\"progressbar-score\">{{durationStakeholders | number:'1.0-0'}} min</div>\n                  </div>\n               </div>\n               <div class=\"questionnaire-breakdown\">\n                  <div class=\"questionnaire-breakdown-label\">Supporters</div>\n                  <div class=\"progressbar progressbar-positive progressbar-supporter\">\n                     <div class=\"progressbar-bar\" *ngIf=\"questionsSupporters > 0\" [style.width]=\"((questionsSupporters / questionsTotal) * 100) + '%'\"></div>\n                     <div class=\"progressbar-score\">{{durationSupporters | number:'1.0-0'}} min</div>\n                  </div>\n               </div>\n            </div>\n         </div>\n         <div class=\"scaleselector-warnings\" *ngIf=\"warnings.length > 0\">\n            <div class=\"scaleselector-warnings-warning\" *ngFor=\"let warning of warnings\">\n               <span class=\"icon ph-info-fill\"></span>{{warning}}\n            </div>\n         </div>\n      </div>\n\n      <ng-container *ngIf=\"form.controls.preset.value == 'custom'\">\n         <div class=\"topic-parent\" formArrayName=\"topicsArray\" *ngFor=\"let topicGroup of topicsArray.controls; let i = index\">\n            <div [formGroupName]=\"i\">\n               <div class=\"name\">\n                  <h4>{{topicGroup.value.name}}</h4>\n                  <div class=\"helpers\">(<a href=\"#\" (click)=\"selectAll(topicGroup, $event)\">all</a> | <a href=\"#\" (click)=\"selectNone(topicGroup, $event)\">none</a>)</div>\n                  <div class=\"topic-child-moreinformation\">\n                     <span class=\"icon ph-info-bold\" (click)=\"openFactorInformation(topicGroup.value.publicKey, $event)\"></span>\n                  </div>\n               </div>\n\n               <div formArrayName=\"subTopicsArray\" *ngFor=\"let subTopicGroup of getSubTopicsArray(topicGroup); let j = index\">\n                  <div [formGroupName]=\"j\" class=\"topic-child\">\n                     <mat-checkbox class=\"topic-child-check\" formControlName=\"selected\" (click)=\"selectTopic(subTopicGroup)\" [id]=\"'topic-' + subTopicGroup.value.name | slugify\"></mat-checkbox>\n                     <div class=\"topic-child-description\">\n                        {{subTopicGroup.value.name}} ({{subTopicGroup.value.questionCount}} questions)\n                        <div class=\"tags\">\n                           <div class=\"tags-tag recommended\" *ngIf=\"subTopicGroup.value.recommended\">Recommended</div>\n                           <div class=\"tags-tag teammember\" *ngIf=\"subTopicGroup.value.forTeamMembers\">For team members</div>\n                           <div class=\"tags-tag stakeholder\" *ngIf=\"subTopicGroup.value.forStakeholders\">For stakeholders</div>\n                           <div class=\"tags-tag supporter\" *ngIf=\"subTopicGroup.value.forSupporters\">For supporters</div>\n                        </div>\n                     </div>\n                     <div class=\"topic-child-moreinformation\">\n                        <span class=\"icon ph-info-bold\" (click)=\"openFactorInformation(subTopicGroup.value.publicKey, $event)\"></span>\n                     </div>\n                  </div>\n               </div>\n            </div>\n         </div>\n      </ng-container>\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}.scaleselector-container .scaleselector-metadata{margin:30px 0;background:#f0f0f0;border-radius:20px;padding:30px;display:flex;column-gap:30px;flex-direction:column}@media only screen and (max-width: 992px){.scaleselector-container .scaleselector-metadata{display:block}}.scaleselector-container .scaleselector-metadata .questionnaire-preset .questionnaire-preset-label{font-size:12px;font-weight:900;text-transform:uppercase;font-family:StevieSans,sans-serif;margin-bottom:5px}.scaleselector-container .scaleselector-metadata .questionnaire-preset .questionnaire-preset-select{width:100%}.scaleselector-container .scaleselector-metadata .questionnaire-segments .questionnaire-segments-label{font-size:12px;font-weight:900;text-transform:uppercase;font-family:StevieSans,sans-serif;margin-bottom:5px}.scaleselector-container .scaleselector-metadata .questionnaire-segments .questionnaire-breakdowns{display:flex;gap:15px}@media only screen and (max-width: 992px){.scaleselector-container .scaleselector-metadata .questionnaire-segments .questionnaire-breakdowns{display:block}}.scaleselector-container .scaleselector-metadata .questionnaire-segments .questionnaire-breakdowns .questionnaire-breakdown{margin-bottom:15px;flex:auto}.scaleselector-container .scaleselector-metadata .questionnaire-segments .questionnaire-breakdowns .questionnaire-breakdown .questionnaire-breakdown-label{font-size:14px;font-weight:700;font-family:StevieSans,sans-serif;margin-bottom:5px;margin-top:5px}.scaleselector-container .scaleselector-metadata .questionnaire-segments .questionnaire-breakdowns .questionnaire-breakdown .questionnaire-breakdown-label .icon{color:#ef6f00;font-size:18px;vertical-align:middle;cursor:pointer}.scaleselector-container .scaleselector-metadata .questionnaire-segments .questionnaire-breakdowns .questionnaire-breakdown .progressbar{margin:0;width:100%}.scaleselector-container .scaleselector-metadata .questionnaire-segments .questionnaire-breakdowns .questionnaire-breakdown .progressbar.progressbar-teammember .progressbar-bar{background:#00af77}.scaleselector-container .scaleselector-metadata .questionnaire-segments .questionnaire-breakdowns .questionnaire-breakdown .progressbar.progressbar-stakeholder .progressbar-bar{background:#fff73f}.scaleselector-container .scaleselector-metadata .questionnaire-segments .questionnaire-breakdowns .questionnaire-breakdown .progressbar.progressbar-supporter .progressbar-bar{background:#ef4f9f}.scaleselector-container .scaleselector-metadata .questionnaire-accuracy{margin-bottom:15px}.scaleselector-container .scaleselector-metadata .questionnaire-accuracy .questionnaire-breakdown-label{font-size:12px;font-weight:900;text-transform:uppercase;margin-bottom:5px;font-family:StevieSans,sans-serif}.scaleselector-container .scaleselector-metadata .questionnaire-accuracy .questionnaire-breakdown-bar-holder{margin-bottom:15px;background:#2f2f2f;height:20px;border-radius:15px;overflow:hidden}.scaleselector-container .scaleselector-metadata .questionnaire-accuracy .questionnaire-breakdown-bar-holder .questionnaire-accuracy-bar{flex:auto;min-width:50px;font-size:12px;font-weight:900;text-transform:uppercase;font-family:StevieSans,sans-serif;background:#00af77;height:100%;align-content:center;text-align:center}.scaleselector-container .scaleselector-metadata .questionnaire-accuracy .questionnaire-breakdown-bar-holder .questionnaire-accuracy-bar.low{background:#ef6f00}.scaleselector-container .scaleselector-metadata .questionnaire-accuracy .questionnaire-breakdown-bar-holder .questionnaire-accuracy-bar.moderate{background:#fff73f}.scaleselector-container .scaleselector-warnings{margin-top:15px}.scaleselector-container .scaleselector-warnings .scaleselector-warnings-warning{display:flex;align-items:center;font-size:12pt}.scaleselector-container .scaleselector-warnings .scaleselector-warnings-warning .icon{color:#1f3f8f;font-size:16px;cursor:pointer;margin-right:10px}.scaleselector-container .topic-parent{margin-bottom:60px;padding-left:30px}.scaleselector-container .topic-parent .name{display:flex;align-items:baseline;gap:15px}.scaleselector-container .topic-parent .name h4{font-weight:700!important;font-family:StevieSans,sans-serif!important;margin:0}.scaleselector-container .topic-parent .name .helpers{font-size:12pt}.scaleselector-container .topic-parent .name .helpers a{font-family:StevieSans,sans-serif}.scaleselector-container .topic-parent .name .topic-child-moreinformation{margin-left:auto;cursor:pointer}.scaleselector-container .topic-parent .name .topic-child-moreinformation .icon{vertical-align:middle}.scaleselector-container .topic-parent .topic-child{display:flex;align-items:baseline;gap:15px;margin-bottom:15px;margin-top:15px;cursor:pointer}.scaleselector-container .topic-parent .topic-child .topic-child-description{font-family:StevieSans,sans-serif;font-size:16px;font-weight:500}.scaleselector-container .topic-parent .topic-child .topic-child-description .tags{gap:5px;margin-top:5px;display:flex}.scaleselector-container .topic-parent .topic-child .topic-child-description .tags .tags-tag{padding:4px 8px;border-radius:16px;font-weight:600;font-size:11px;white-space:pre}.scaleselector-container .topic-parent .topic-child .topic-child-description .tags .tags-tag.recommended{background:#2f2f2f;color:#fff}.scaleselector-container .topic-parent .topic-child .topic-child-description .tags .tags-tag.stakeholder{background:#fff73f}.scaleselector-container .topic-parent .topic-child .topic-child-description .tags .tags-tag.teammember{background:#1f3f8f;color:#fff}.scaleselector-container .topic-parent .topic-child .topic-child-description .tags .tags-tag.supporter,.scaleselector-container .topic-parent .topic-child .topic-child-description .tags .tags-tag.management{background:#ef4f9f}.scaleselector-container .topic-parent .topic-child .topic-child-moreinformation{margin-left:auto}.scaleselector-container .topic-parent .topic-child .topic-child-moreinformation .icon{vertical-align:middle;cursor:pointer}\n"] }]
+                    ], template: "<form [formGroup]=\"form\">\n   <div class=\"scaleselector-container\">\n      <div class=\"scaleselector-metadata\">\n         <div class=\"questionnaire-preset\">\n            <mat-form-field class=\"questionnaire-preset-select\" appearance=\"fill\">\n               <mat-label>Select predefined questionnaire</mat-label>\n               <mat-select id=\"question-preset\" formControlName=\"preset\" (selectionChange)=\"selectPreset()\">\n                  <mat-option [value]=\"type.publicKey\" *ngFor=\"let type of presets\" class=\"select-option\">{{type.name}}</mat-option>\n               </mat-select>\n            </mat-form-field>\n         </div>\n         <div class=\"questionnaire-accuracy\">\n            <div class=\"questionnaire-breakdown-label\">Accuracy</div>\n            <div class=\"questionnaire-breakdown-bar-holder\">\n               <div class=\"questionnaire-accuracy-bar\" [ngClass]=\"{'low': questionnaireAccuracy < 0.25, 'moderate' : questionnaireAccuracy < 0.5 && questionnaireAccuracy >= 0.25}\" [ngStyle]=\"{'width': (questionnaireAccuracy * 100) + '%' }\">{{questionnaireAccuracy * 100 | number:'1.0-0'}}%</div>\n            </div>\n         </div>\n         <div class=\"questionnaire-segments\">\n            <div class=\"questionnaire-segments-label\">Time investment</div>\n            <div class=\"questionnaire-breakdowns\">\n               <div class=\"questionnaire-breakdown\">\n                  <div class=\"questionnaire-breakdown-label\">Team members</div>\n                  <div class=\"progressbar progressbar-positive progressbar-teammember\">\n                     <div class=\"progressbar-bar\" *ngIf=\"questionsTeamMembers > 0\" [style.width]=\"((questionsTeamMembers / questionsTotal) * 100) + '%'\"></div>\n                     <div class=\"progressbar-score\">{{durationTeamMembers | number:'1.0-0'}} min</div>\n                  </div>\n               </div>\n               <div class=\"questionnaire-breakdown\">\n                  <div class=\"questionnaire-breakdown-label\">Stakeholders</div>\n                  <div class=\"progressbar progressbar-positive progressbar-stakeholder\">\n                     <div class=\"progressbar-bar\" *ngIf=\"questionsStakeholders > 0\" [style.width]=\"((questionsStakeholders / questionsTotal) * 100) + '%'\"></div>\n                     <div class=\"progressbar-score\">{{durationStakeholders | number:'1.0-0'}} min</div>\n                  </div>\n               </div>\n               <div class=\"questionnaire-breakdown\">\n                  <div class=\"questionnaire-breakdown-label\">Supporters</div>\n                  <div class=\"progressbar progressbar-positive progressbar-supporter\">\n                     <div class=\"progressbar-bar\" *ngIf=\"questionsSupporters > 0\" [style.width]=\"((questionsSupporters / questionsTotal) * 100) + '%'\"></div>\n                     <div class=\"progressbar-score\">{{durationSupporters | number:'1.0-0'}} min</div>\n                  </div>\n               </div>\n            </div>\n         </div>\n         <div class=\"scaleselector-warnings\" *ngIf=\"warnings.length > 0\">\n            <div class=\"scaleselector-warnings-warning\" *ngFor=\"let warning of warnings\">\n               <span class=\"icon ph-info-fill\"></span>{{warning}}\n            </div>\n         </div>\n      </div>\n\n      <ng-container>\n         <div class=\"topic-parent\" *ngFor=\"let topic of getCoreFactors()\" formArrayName=\"topics\">\n\n            <div class=\"name\">\n               <h4>{{topic.name}}</h4>\n               <div class=\"helpers\">(<a href=\"#\" (click)=\"selectAll(topic, $event)\">all</a> | <a href=\"#\" (click)=\"selectNone(topic, $event)\">none</a>)</div>\n               <div class=\"topic-child-moreinformation\">\n                  <span class=\"icon ph-info-bold\" (click)=\"openFactorInformation(topic.publicKey, $event)\"></span>\n               </div>\n            </div>\n\n            <div *ngIf=\"topic.ownQuestionCount > 0\" class=\"topic-child\">\n               <mat-checkbox class=\"topic-child-check\" [formControlName]=\"topic.publicKey\" [id]=\"'topic-' + topic.name | slugify\"></mat-checkbox>\n               <div class=\"topic-child-description\">\n                  {{topic.name}} ({{topic.ownQuestionCount}} questions)\n                  <div class=\"tags\">\n                     <div class=\"tags-tag recommended\" *ngIf=\"topic.recommended\">Recommended</div>\n                     <div class=\"tags-tag teammember\" *ngIf=\"hasSegmentQuestions(topic, SegmentEnum.TeamMember, true)\">For team members</div>\n                     <div class=\"tags-tag stakeholder\" *ngIf=\"hasSegmentQuestions(topic, SegmentEnum.Stakeholder, true)\">For stakeholders</div>\n                     <div class=\"tags-tag supporter\" *ngIf=\"hasSegmentQuestions(topic, SegmentEnum.Management, true)\">For supporters</div>\n                  </div>\n               </div>\n               <div class=\"topic-child-moreinformation\">\n                  <span class=\"icon ph-info-bold\" (click)=\"openFactorInformation(topic.publicKey, $event)\"></span>\n               </div>\n            </div>\n\n\n            <div *ngFor=\"let subTopic of getSubFactors(topic.publicKey)\" class=\"topic-child\">\n               <mat-checkbox class=\"topic-child-check\" [formControlName]=\"subTopic.publicKey\" [id]=\"'topic-' + subTopic.name | slugify\"></mat-checkbox>\n               <div class=\"topic-child-description\">\n                  {{subTopic.name}} ({{subTopic.questionCount}} questions)\n                  <div class=\"tags\">\n                     <div class=\"tags-tag recommended\" *ngIf=\"subTopic.recommended\">Recommended</div>\n                     <div class=\"tags-tag teammember\" *ngIf=\"hasSegmentQuestions(subTopic, SegmentEnum.TeamMember, false)\">For team members</div>\n                     <div class=\"tags-tag stakeholder\" *ngIf=\"hasSegmentQuestions(subTopic, SegmentEnum.Stakeholder, false)\">For stakeholders</div>\n                     <div class=\"tags-tag supporter\" *ngIf=\"hasSegmentQuestions(subTopic, SegmentEnum.Management, false)\">For supporters</div>\n                  </div>\n               </div>\n               <div class=\"topic-child-moreinformation\">\n                  <span class=\"icon ph-info-bold\" (click)=\"openFactorInformation(subTopic.publicKey, $event)\"></span>\n               </div>\n            </div>\n         </div>\n      </ng-container>\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}.scaleselector-container .scaleselector-metadata{margin:30px 0;background:#f0f0f0;border-radius:20px;padding:30px;display:flex;column-gap:30px;flex-direction:column}@media only screen and (max-width: 992px){.scaleselector-container .scaleselector-metadata{display:block}}.scaleselector-container .scaleselector-metadata .questionnaire-preset .questionnaire-preset-label{font-size:12px;font-weight:900;text-transform:uppercase;font-family:StevieSans,sans-serif;margin-bottom:5px}.scaleselector-container .scaleselector-metadata .questionnaire-preset .questionnaire-preset-select{width:100%}.scaleselector-container .scaleselector-metadata .questionnaire-segments .questionnaire-segments-label{font-size:12px;font-weight:900;text-transform:uppercase;font-family:StevieSans,sans-serif;margin-bottom:5px}.scaleselector-container .scaleselector-metadata .questionnaire-segments .questionnaire-breakdowns{display:flex;gap:15px}@media only screen and (max-width: 992px){.scaleselector-container .scaleselector-metadata .questionnaire-segments .questionnaire-breakdowns{display:block}}.scaleselector-container .scaleselector-metadata .questionnaire-segments .questionnaire-breakdowns .questionnaire-breakdown{margin-bottom:15px;flex:auto}.scaleselector-container .scaleselector-metadata .questionnaire-segments .questionnaire-breakdowns .questionnaire-breakdown .questionnaire-breakdown-label{font-size:14px;font-weight:700;font-family:StevieSans,sans-serif;margin-bottom:5px;margin-top:5px}.scaleselector-container .scaleselector-metadata .questionnaire-segments .questionnaire-breakdowns .questionnaire-breakdown .questionnaire-breakdown-label .icon{color:#ef6f00;font-size:18px;vertical-align:middle;cursor:pointer}.scaleselector-container .scaleselector-metadata .questionnaire-segments .questionnaire-breakdowns .questionnaire-breakdown .progressbar{margin:0;width:100%}.scaleselector-container .scaleselector-metadata .questionnaire-segments .questionnaire-breakdowns .questionnaire-breakdown .progressbar.progressbar-teammember .progressbar-bar{background:#00af77}.scaleselector-container .scaleselector-metadata .questionnaire-segments .questionnaire-breakdowns .questionnaire-breakdown .progressbar.progressbar-stakeholder .progressbar-bar{background:#fff73f}.scaleselector-container .scaleselector-metadata .questionnaire-segments .questionnaire-breakdowns .questionnaire-breakdown .progressbar.progressbar-supporter .progressbar-bar{background:#ef4f9f}.scaleselector-container .scaleselector-metadata .questionnaire-accuracy{margin-bottom:15px}.scaleselector-container .scaleselector-metadata .questionnaire-accuracy .questionnaire-breakdown-label{font-size:12px;font-weight:900;text-transform:uppercase;margin-bottom:5px;font-family:StevieSans,sans-serif}.scaleselector-container .scaleselector-metadata .questionnaire-accuracy .questionnaire-breakdown-bar-holder{margin-bottom:15px;background:#2f2f2f;height:20px;border-radius:15px;overflow:hidden}.scaleselector-container .scaleselector-metadata .questionnaire-accuracy .questionnaire-breakdown-bar-holder .questionnaire-accuracy-bar{flex:auto;min-width:50px;font-size:12px;font-weight:900;text-transform:uppercase;font-family:StevieSans,sans-serif;background:#00af77;height:100%;align-content:center;text-align:center}.scaleselector-container .scaleselector-metadata .questionnaire-accuracy .questionnaire-breakdown-bar-holder .questionnaire-accuracy-bar.low{background:#ef6f00}.scaleselector-container .scaleselector-metadata .questionnaire-accuracy .questionnaire-breakdown-bar-holder .questionnaire-accuracy-bar.moderate{background:#fff73f}.scaleselector-container .scaleselector-warnings{margin-top:15px}.scaleselector-container .scaleselector-warnings .scaleselector-warnings-warning{display:flex;align-items:center;font-size:12pt}.scaleselector-container .scaleselector-warnings .scaleselector-warnings-warning .icon{color:#1f3f8f;font-size:16px;cursor:pointer;margin-right:10px}.scaleselector-container .topic-parent{margin-bottom:60px;padding-left:30px}.scaleselector-container .topic-parent .name{display:flex;align-items:baseline;gap:15px}.scaleselector-container .topic-parent .name h4{font-weight:700!important;font-family:StevieSans,sans-serif!important;margin:0}.scaleselector-container .topic-parent .name .helpers{font-size:12pt}.scaleselector-container .topic-parent .name .helpers a{font-family:StevieSans,sans-serif}.scaleselector-container .topic-parent .name .topic-child-moreinformation{margin-left:auto;cursor:pointer}.scaleselector-container .topic-parent .name .topic-child-moreinformation .icon{vertical-align:middle}.scaleselector-container .topic-parent .topic-child{display:flex;align-items:baseline;gap:15px;margin-bottom:15px;margin-top:15px;cursor:pointer}.scaleselector-container .topic-parent .topic-child .topic-child-description{font-family:StevieSans,sans-serif;font-size:16px;font-weight:500}.scaleselector-container .topic-parent .topic-child .topic-child-description .tags{gap:5px;margin-top:5px;display:flex}.scaleselector-container .topic-parent .topic-child .topic-child-description .tags .tags-tag{padding:4px 8px;border-radius:16px;font-weight:600;font-size:11px;white-space:pre}.scaleselector-container .topic-parent .topic-child .topic-child-description .tags .tags-tag.recommended{background:#2f2f2f;color:#fff}.scaleselector-container .topic-parent .topic-child .topic-child-description .tags .tags-tag.stakeholder{background:#fff73f}.scaleselector-container .topic-parent .topic-child .topic-child-description .tags .tags-tag.teammember{background:#1f3f8f;color:#fff}.scaleselector-container .topic-parent .topic-child .topic-child-description .tags .tags-tag.supporter,.scaleselector-container .topic-parent .topic-child .topic-child-description .tags .tags-tag.management{background:#ef4f9f}.scaleselector-container .topic-parent .topic-child .topic-child-moreinformation{margin-left:auto}.scaleselector-container .topic-parent .topic-child .topic-child-moreinformation .icon{vertical-align:middle;cursor:pointer}\n"] }]
         }], ctorParameters: () => [{ type: i4$1.FormBuilder }, { type: i1$3.MatDialog }], propDecorators: { topics: [{
                 type: Input
             }], disabled: [{
@@ -4051,18 +4022,22 @@ class TopicSelectorDto {
 
 class TopicSelectorModule {
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.12", ngImport: i0, type: TopicSelectorModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.12", ngImport: i0, type: TopicSelectorModule, declarations: [TopicSelectorComponent], imports: [FormsModule,
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.12", ngImport: i0, type: TopicSelectorModule, declarations: [TopicSelectorComponent], imports: [CommonModule,
+            FormsModule,
             MatFormFieldModule,
             ReactiveFormsModule,
-            CommonModule,
+            MatInputModule,
             MatSelectModule,
+            MatCheckboxModule,
             SlugifyPipeModule,
             FactorInformationDialogModule], exports: [TopicSelectorComponent] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.12", ngImport: i0, type: TopicSelectorModule, imports: [FormsModule,
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.12", ngImport: i0, type: TopicSelectorModule, imports: [CommonModule,
+            FormsModule,
             MatFormFieldModule,
             ReactiveFormsModule,
-            CommonModule,
+            MatInputModule,
             MatSelectModule,
+            MatCheckboxModule,
             SlugifyPipeModule,
             FactorInformationDialogModule] }); }
 }
@@ -4070,11 +4045,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.12", ngImpo
             type: NgModule,
             args: [{
                     imports: [
+                        CommonModule,
                         FormsModule,
                         MatFormFieldModule,
                         ReactiveFormsModule,
-                        CommonModule,
+                        MatInputModule,
                         MatSelectModule,
+                        MatCheckboxModule,
                         SlugifyPipeModule,
                         FactorInformationDialogModule
                     ],
@@ -7157,7 +7134,7 @@ class TrendsComponent extends ComponentWithViewStateBase {
     }
     ;
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.12", ngImport: i0, type: TrendsComponent, deps: [{ token: i4$1.UntypedFormBuilder }, { token: i1.MatSnackBar }, { token: FactorService }, { token: TrendService }, { token: i1$4.ActivatedRoute }, { token: VIEWSTATE_PROVIDER }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.12", type: TrendsComponent, selector: "trends", inputs: { units: "units", unitType: "unitType" }, viewQueries: [{ propertyName: "chartContainer", first: true, predicate: ["chartcontainer"], descendants: true }], usesInheritance: true, ngImport: i0, template: "<form [formGroup]=\"form\" class=\"dataselector\" (ngSubmit)=\"onFormSubmit()\">\n   <div class=\"listtoolbar\" id=\"listtoolbar\">\n      <mat-form-field class=\"listtoolbar-item select\" appearance=\"fill\" *ngIf=\"units.length > 1\">\n         <mat-label>Select {{unitType}}</mat-label>\n         <mat-select formControlName=\"unitKey\" id=\"select-units\" class=\"unitKey\" multiple [disabled]=\"units.length == 1\">\n            <mat-option class=\"select-option\" *ngFor=\"let unit of units\" [value]=\"unit\">{{unit.label}}</mat-option>\n         </mat-select>\n      </mat-form-field>\n\n      <mat-form-field class=\"listtoolbar-item select\" appearance=\"fill\">\n         <mat-label>Select factors</mat-label>\n         <mat-select formControlName=\"factorKeys\" id=\"select-factors\" class=\"factorKeys\" multiple [compareWith]=\"compareFactorOptions\">\n            <mat-option class=\"select-option\" *ngFor=\"let factor of factors\" [ngClass]=\"{'lower' : factor.lower}\" [value]=\"factor\" selected=\"true\">{{factor.label}}</mat-option>\n         </mat-select>\n      </mat-form-field>\n\n      <mat-form-field class=\"listtoolbar-item select\" appearance=\"fill\">\n         <mat-label>Summarize to periods of</mat-label>\n         <mat-select class=\"periodGrouping-dropdown\" id=\"select-periodGrouping\" formControlName=\"periodGrouping\">\n            <mat-option class=\"select-option\" *ngFor=\"let item of periodGroupings\" [value]=\"item.value\">{{item.label}}</mat-option>\n         </mat-select>\n      </mat-form-field>\n\n      <mat-form-field class=\"listtoolbar-item select\" appearance=\"fill\">\n         <mat-label>Action count</mat-label>\n         <mat-select class=\"selectactions-dropdown\" id=\"select-includeActions\" formControlName=\"includeActions\">\n            <mat-option class=\"select-option\" *ngFor=\"let item of includeActionOptions\" [value]=\"item.value\" class=\"select-option\">{{item.label}}</mat-option>\n         </mat-select>\n      </mat-form-field>\n\n      <mat-form-field class=\"listtoolbar-item select\" appearance=\"fill\">\n         <mat-label>Select date range </mat-label>\n         <mat-date-range-input [rangePicker]=\"picker\" id=\"select-daterange\">\n            <input matStartDate formControlName=\"start\" placeholder=\"Start date\">\n            <input matEndDate formControlName=\"end\" placeholder=\"End date\">\n         </mat-date-range-input>\n         <mat-datepicker-toggle matSuffix [for]=\"picker\"></mat-datepicker-toggle>\n         <mat-date-range-picker #picker></mat-date-range-picker>\n\n         <mat-error *ngIf=\"form.controls.start.hasError('matStartDateInvalid')\">Invalid start date</mat-error>\n         <mat-error *ngIf=\"form.controls.end.hasError('matEndDateInvalid')\">Invalid end date</mat-error>\n      </mat-form-field>\n\n      <div class=\"listtoolbar-item\">\n         <button class=\"button primary\" id=\"button-showtrends\" [ngClass]=\"{'loading': loading}\"><span class=\"ph-funnel\"></span> Show trends</button>\n      </div>\n   </div>\n</form>\n\n<div class=\"message message-warning\" *ngIf=\"generatorNotes.length > 0\">\n   <div class=\"ph-warning icon\"></div> {{generatorNotes[0]}}\n</div>\n\n<div class=\"wirebox calltoaction nodata\" *ngIf=\"!data\">\n   <div class=\"contentwithborders\">\n      <div class=\"center\">\n         <img src=\"assets/img/improve.png\" />\n         <h2>Are you actually improving?</h2>\n         <p>Learn if your improvements are actually working out. Take more measurements and plot the trends for your {{unitType}}(s). How is that for empiricism?</p>\n      </div>\n   </div>\n</div>\n\n<div #chartcontainer class=\"linechart\">\n   <div class=\"linechart-container\" *ngIf=\"data\">\n      <ngx-charts-line-chart [legend]=\"true\"\n                             (window:resize)=\"onResize()\"\n                             [view]=\"view\"\n                             [showXAxisLabel]=\"true\"\n                             [showYAxisLabel]=\"true\"\n                             [xAxis]=\"true\"\n                             [scheme]=\"'vivid'\"\n                             [yAxis]=\"true\"\n                             [legendPosition]=\"legendPosition\"\n                             [xAxisLabel]=\"'Date'\"\n                             [yAxisLabel]=\"'Score'\"\n                             [timeline]=\"true\"\n                             [yScaleMin]=\"0\"\n                             [yScaleMax]=\"100\"\n                             [rangeFillOpacity]=\"0.1\"\n                             [results]=\"data\"\n                             [customColors]=\"customColors\">\n      </ngx-charts-line-chart>\n   </div>\n</div>\n\n<div class=\"message message-information\" *ngIf=\"data\">\n   <span class=\"ph-info icon\"></span> This chart shows how factors change over time. The horizontal axis shows the time. The vertical axis shows the weighted average score on the factor. The light area around the lines represents the spread of scores (lower and upper 25% of scores). We aggregate results for one or more teams and from one or more organizations to the periods you chose (1 month, quarter, etc). For each period, we take the most recent snapshot of each team in that period (when available). Hit \"Show Trends\" when you're ready.\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}.listtoolbar{display:flex;flex-wrap:wrap;column-gap:30px;row-gap:10px}.listtoolbar .select{flex:auto}.nodata{margin-top:30px;margin-bottom:30px}.nodata img{max-width:700px}.linechart-container{border:3px solid #f0f0f0;margin-top:30px;margin-bottom:30px;padding:30px}.toolbar{margin-top:30px}.mat-mdc-option.lower{margin-left: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: "component", type: i7$1.LineChartComponent, selector: "ngx-charts-line-chart", inputs: ["legend", "legendTitle", "legendPosition", "xAxis", "yAxis", "showXAxisLabel", "showYAxisLabel", "xAxisLabel", "yAxisLabel", "autoScale", "timeline", "gradient", "showGridLines", "curve", "activeEntries", "schemeType", "rangeFillOpacity", "trimXAxisTicks", "trimYAxisTicks", "rotateXAxisTicks", "maxXAxisTickLength", "maxYAxisTickLength", "xAxisTickFormatting", "yAxisTickFormatting", "xAxisTicks", "yAxisTicks", "roundDomains", "tooltipDisabled", "showRefLines", "referenceLines", "showRefLabels", "xScaleMin", "xScaleMax", "yScaleMin", "yScaleMax", "wrapTicks"], outputs: ["activate", "deactivate"] }, { kind: "directive", type: i4$1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i4$1.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: i4$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i4$1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i4$1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i4$1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "component", type: i5$1.MatOption, selector: "mat-option", inputs: ["value", "id", "disabled"], outputs: ["onSelectionChange"], exportAs: ["matOption"] }, { kind: "component", type: i5.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i5.MatLabel, selector: "mat-label" }, { kind: "directive", type: i5.MatError, selector: "mat-error, [matError]", inputs: ["id"] }, { kind: "directive", type: i5.MatSuffix, selector: "[matSuffix], [matIconSuffix], [matTextSuffix]", inputs: ["matTextSuffix"] }, { kind: "component", type: i4.MatSelect, selector: "mat-select", inputs: ["aria-describedby", "panelClass", "disabled", "disableRipple", "tabIndex", "hideSingleSelectionIndicator", "placeholder", "required", "multiple", "disableOptionCentering", "compareWith", "value", "aria-label", "aria-labelledby", "errorStateMatcher", "typeaheadDebounceInterval", "sortComparator", "id", "panelWidth"], outputs: ["openedChange", "opened", "closed", "selectionChange", "valueChange"], exportAs: ["matSelect"] }, { kind: "component", type: i7.MatDatepickerToggle, selector: "mat-datepicker-toggle", inputs: ["for", "tabIndex", "aria-label", "disabled", "disableRipple"], exportAs: ["matDatepickerToggle"] }, { kind: "component", type: i7.MatDateRangeInput, selector: "mat-date-range-input", inputs: ["rangePicker", "required", "dateFilter", "min", "max", "disabled", "separator", "comparisonStart", "comparisonEnd"], exportAs: ["matDateRangeInput"] }, { kind: "directive", type: i7.MatStartDate, selector: "input[matStartDate]", outputs: ["dateChange", "dateInput"] }, { kind: "directive", type: i7.MatEndDate, selector: "input[matEndDate]", outputs: ["dateChange", "dateInput"] }, { kind: "component", type: i7.MatDateRangePicker, selector: "mat-date-range-picker", exportAs: ["matDateRangePicker"] }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.12", type: TrendsComponent, selector: "trends", inputs: { units: "units", unitType: "unitType" }, viewQueries: [{ propertyName: "chartContainer", first: true, predicate: ["chartcontainer"], descendants: true }], usesInheritance: true, ngImport: i0, template: "<form [formGroup]=\"form\" class=\"dataselector\" (ngSubmit)=\"onFormSubmit()\">\n   <div class=\"listtoolbar\" id=\"listtoolbar\">\n      <mat-form-field class=\"listtoolbar-item select\" appearance=\"fill\" *ngIf=\"units.length > 1\">\n         <mat-label>Select {{unitType}}</mat-label>\n         <mat-select formControlName=\"unitKey\" id=\"select-units\" class=\"unitKey\" multiple [disabled]=\"units.length == 1\">\n            <mat-option class=\"select-option\" *ngFor=\"let unit of units\" [value]=\"unit\">{{unit.label}}</mat-option>\n         </mat-select>\n      </mat-form-field>\n\n      <mat-form-field class=\"listtoolbar-item select\" appearance=\"fill\">\n         <mat-label>Select factors</mat-label>\n         <mat-select formControlName=\"factorKeys\" id=\"select-factors\" class=\"factorKeys\" multiple [compareWith]=\"compareFactorOptions\">\n            <mat-option class=\"select-option\" *ngFor=\"let factor of factors\" [ngClass]=\"{'lower' : factor.lower}\" [value]=\"factor\" selected=\"true\">{{factor.label}}</mat-option>\n         </mat-select>\n      </mat-form-field>\n\n      <mat-form-field class=\"listtoolbar-item select\" appearance=\"fill\">\n         <mat-label>Summarize to periods of</mat-label>\n         <mat-select class=\"periodGrouping-dropdown\" id=\"select-periodGrouping\" formControlName=\"periodGrouping\">\n            <mat-option class=\"select-option\" *ngFor=\"let item of periodGroupings\" [value]=\"item.value\">{{item.label}}</mat-option>\n         </mat-select>\n      </mat-form-field>\n\n      <mat-form-field class=\"listtoolbar-item select\" appearance=\"fill\">\n         <mat-label>Action count</mat-label>\n         <mat-select class=\"selectactions-dropdown\" id=\"select-includeActions\" formControlName=\"includeActions\">\n            <mat-option class=\"select-option\" *ngFor=\"let item of includeActionOptions\" [value]=\"item.value\" class=\"select-option\">{{item.label}}</mat-option>\n         </mat-select>\n      </mat-form-field>\n\n      <mat-form-field class=\"listtoolbar-item select\" appearance=\"fill\">\n         <mat-label>Select date range </mat-label>\n         <mat-date-range-input [rangePicker]=\"picker\" id=\"select-daterange\">\n            <input matStartDate formControlName=\"start\" placeholder=\"Start date\">\n            <input matEndDate formControlName=\"end\" placeholder=\"End date\">\n         </mat-date-range-input>\n         <mat-datepicker-toggle matSuffix [for]=\"picker\"></mat-datepicker-toggle>\n         <mat-date-range-picker #picker></mat-date-range-picker>\n\n         <mat-error *ngIf=\"form.controls.start.hasError('matStartDateInvalid')\">Invalid start date</mat-error>\n         <mat-error *ngIf=\"form.controls.end.hasError('matEndDateInvalid')\">Invalid end date</mat-error>\n      </mat-form-field>\n\n      <div class=\"listtoolbar-item\">\n         <button class=\"button primary\" id=\"button-showtrends\" [ngClass]=\"{'loading': loading}\"><span class=\"ph-funnel\"></span> Show trends</button>\n      </div>\n   </div>\n</form>\n\n<div class=\"message message-warning\" *ngIf=\"generatorNotes.length > 0\">\n   <div class=\"ph-warning icon\"></div> {{generatorNotes[0]}}\n</div>\n\n<div class=\"wirebox calltoaction nodata\" *ngIf=\"!data\">\n   <div class=\"contentwithborders\">\n      <div class=\"center\">\n         <img src=\"assets/img/improve.png\" />\n         <h2>Are you actually improving?</h2>\n         <p>Learn if your improvements are actually working out. Take more measurements and plot the trends for your {{unitType}}(s). How is that for empiricism?</p>\n      </div>\n   </div>\n</div>\n\n<div #chartcontainer class=\"linechart\">\n   <div class=\"linechart-container\" *ngIf=\"data\">\n      <ngx-charts-line-chart [legend]=\"true\"\n                             (window:resize)=\"onResize()\"\n                             [view]=\"view\"\n                             [showXAxisLabel]=\"true\"\n                             [showYAxisLabel]=\"true\"\n                             [xAxis]=\"true\"\n                             [scheme]=\"'vivid'\"\n                             [yAxis]=\"true\"\n                             [legendPosition]=\"legendPosition\"\n                             [xAxisLabel]=\"'Date'\"\n                             [yAxisLabel]=\"'Score'\"\n                             [timeline]=\"true\"\n                             [yScaleMin]=\"0\"\n                             [yScaleMax]=\"100\"\n                             [rangeFillOpacity]=\"0.1\"\n                             [results]=\"data\"\n                             [customColors]=\"customColors\">\n      </ngx-charts-line-chart>\n   </div>\n</div>\n\n<div class=\"message message-information\" *ngIf=\"data\">\n   <span class=\"ph-info icon\"></span> This chart shows how factors change over time. The horizontal axis shows the time. The vertical axis shows the weighted average score on the factor. The light area around the lines represents the spread of scores (lower and upper 25% of scores). We aggregate results for one or more teams and from one or more organizations to the periods you chose (1 month, quarter, etc). For each period, we take the most recent snapshot of each team in that period (when available). Hit \"Show Trends\" when you're ready.\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}.listtoolbar{display:flex;flex-wrap:wrap;column-gap:30px;row-gap:10px}.listtoolbar .select{flex:auto}.nodata{margin-top:30px;margin-bottom:30px}.nodata img{max-width:700px}.linechart-container{border:3px solid #f0f0f0;margin-top:30px;margin-bottom:30px;padding:30px}.toolbar{margin-top:30px}.mat-mdc-option.lower{margin-left: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: "component", type: i7$2.LineChartComponent, selector: "ngx-charts-line-chart", inputs: ["legend", "legendTitle", "legendPosition", "xAxis", "yAxis", "showXAxisLabel", "showYAxisLabel", "xAxisLabel", "yAxisLabel", "autoScale", "timeline", "gradient", "showGridLines", "curve", "activeEntries", "schemeType", "rangeFillOpacity", "trimXAxisTicks", "trimYAxisTicks", "rotateXAxisTicks", "maxXAxisTickLength", "maxYAxisTickLength", "xAxisTickFormatting", "yAxisTickFormatting", "xAxisTicks", "yAxisTicks", "roundDomains", "tooltipDisabled", "showRefLines", "referenceLines", "showRefLabels", "xScaleMin", "xScaleMax", "yScaleMin", "yScaleMax", "wrapTicks"], outputs: ["activate", "deactivate"] }, { kind: "directive", type: i4$1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i4$1.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: i4$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i4$1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i4$1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i4$1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "component", type: i5$1.MatOption, selector: "mat-option", inputs: ["value", "id", "disabled"], outputs: ["onSelectionChange"], exportAs: ["matOption"] }, { kind: "component", type: i5.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i5.MatLabel, selector: "mat-label" }, { kind: "directive", type: i5.MatError, selector: "mat-error, [matError]", inputs: ["id"] }, { kind: "directive", type: i5.MatSuffix, selector: "[matSuffix], [matIconSuffix], [matTextSuffix]", inputs: ["matTextSuffix"] }, { kind: "component", type: i4.MatSelect, selector: "mat-select", inputs: ["aria-describedby", "panelClass", "disabled", "disableRipple", "tabIndex", "hideSingleSelectionIndicator", "placeholder", "required", "multiple", "disableOptionCentering", "compareWith", "value", "aria-label", "aria-labelledby", "errorStateMatcher", "typeaheadDebounceInterval", "sortComparator", "id", "panelWidth"], outputs: ["openedChange", "opened", "closed", "selectionChange", "valueChange"], exportAs: ["matSelect"] }, { kind: "component", type: i7.MatDatepickerToggle, selector: "mat-datepicker-toggle", inputs: ["for", "tabIndex", "aria-label", "disabled", "disableRipple"], exportAs: ["matDatepickerToggle"] }, { kind: "component", type: i7.MatDateRangeInput, selector: "mat-date-range-input", inputs: ["rangePicker", "required", "dateFilter", "min", "max", "disabled", "separator", "comparisonStart", "comparisonEnd"], exportAs: ["matDateRangeInput"] }, { kind: "directive", type: i7.MatStartDate, selector: "input[matStartDate]", outputs: ["dateChange", "dateInput"] }, { kind: "directive", type: i7.MatEndDate, selector: "input[matEndDate]", outputs: ["dateChange", "dateInput"] }, { kind: "component", type: i7.MatDateRangePicker, selector: "mat-date-range-picker", exportAs: ["matDateRangePicker"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.12", ngImport: i0, type: TrendsComponent, decorators: [{
             type: Component,