@testgorilla/tgo-ui 11.22.2 → 12.0.0

package/fesm2022/testgorilla-tgo-ui-components-universal-skills.mjs

@@ -1,388 +1,669 @@
-import { AsyncPipe, KeyValuePipe, CommonModule } from '@angular/common';
-import * as i0 from '@angular/core';
-import { Injectable, Input, Optional, Inject, ChangeDetectionStrategy, Component, NgModule } from '@angular/core';
-import { AccordionComponent, AccordionComponentModule } from '@testgorilla/tgo-ui/components/accordion';
-import { RebrandBadgeColorEnum, BadgeComponent, BadgeComponentModule } from '@testgorilla/tgo-ui/components/badge';
-import * as i2 from '@testgorilla/tgo-ui/components/core';
-import { MemoizeFuncPipe, UiTranslatePipe, OrdinalSuffixPipe } from '@testgorilla/tgo-ui/components/core';
-import { ProgressBarComponent, ProgressBarComponentModule } from '@testgorilla/tgo-ui/components/progress-bar';
-import { take } from 'rxjs';
-import { DividerComponent, DividerComponentModule } from '@testgorilla/tgo-ui/components/divider';
-import { SpiderChartComponent, SpiderChartComponentModule } from '@testgorilla/tgo-ui/components/spider-chart';
-
-//TODO Update this model after backend/endpoint definitions
+import { AsyncPipe, CommonModule, KeyValuePipe } from "@angular/common";
+import * as i0 from "@angular/core";
+import { ChangeDetectionStrategy, Component, Inject, Injectable, Input, NgModule, Optional } from "@angular/core";
+import { AccordionComponent, AccordionComponentModule } from "@testgorilla/tgo-ui/components/accordion";
+import { BadgeComponent, BadgeComponentModule, RebrandBadgeColorEnum } from "@testgorilla/tgo-ui/components/badge";
+import * as i2 from "@testgorilla/tgo-ui/components/core";
+import { MemoizeFuncPipe, OrdinalSuffixPipe, UiTranslatePipe } from "@testgorilla/tgo-ui/components/core";
+import { ProgressBarComponent, ProgressBarComponentModule } from "@testgorilla/tgo-ui/components/progress-bar";
+import { take } from "rxjs";
+import { DividerComponent, DividerComponentModule } from "@testgorilla/tgo-ui/components/divider";
+import { SpiderChartComponent, SpiderChartComponentModule } from "@testgorilla/tgo-ui/components/spider-chart";
 var SkillAreaGroupTypes;
-(function (SkillAreaGroupTypes) {
-    SkillAreaGroupTypes[SkillAreaGroupTypes["FocusingOnObjectives"] = 1] = "FocusingOnObjectives";
-    SkillAreaGroupTypes[SkillAreaGroupTypes["WorkingWithPeople"] = 2] = "WorkingWithPeople";
-    SkillAreaGroupTypes[SkillAreaGroupTypes["ManagingOnesSelf"] = 3] = "ManagingOnesSelf";
+(function(SkillAreaGroupTypes) {
+	SkillAreaGroupTypes[SkillAreaGroupTypes["FocusingOnObjectives"] = 1] = "FocusingOnObjectives";
+	SkillAreaGroupTypes[SkillAreaGroupTypes["WorkingWithPeople"] = 2] = "WorkingWithPeople";
+	SkillAreaGroupTypes[SkillAreaGroupTypes["ManagingOnesSelf"] = 3] = "ManagingOnesSelf";
 })(SkillAreaGroupTypes || (SkillAreaGroupTypes = {}));
-//TODO Update this model after backend/endpoint definitions
 var SkillAreaTypes;
-(function (SkillAreaTypes) {
-    SkillAreaTypes["BusinessSavvy"] = "BUSINESS_SAVVY";
-    SkillAreaTypes["StrategicPerspective"] = "STRATEGIC_PERSPECTIVE";
-    SkillAreaTypes["CustomerFocus"] = "CUSTOMER_FOCUS";
-    SkillAreaTypes["NavigatingComplexity"] = "NAVIGATING_COMPLEXITY";
-    SkillAreaTypes["AgileDecisionMaking"] = "AGILE_DECISION_MAKING";
-    SkillAreaTypes["EmbracingInnovation"] = "EMBRACING_INNOVATION";
-    SkillAreaTypes["PlanningAndPrioritizing"] = "PLANNING_AND_PRIORITIZING";
-    SkillAreaTypes["OrganizingResources"] = "ORGANIZING_RESOURCES";
-    SkillAreaTypes["DrivingResults"] = "DRIVING_RESULTS";
-    SkillAreaTypes["WorkingCollaboratively"] = "WORKING_COLLABORATIVELY";
-    SkillAreaTypes["SocialAgility"] = "SOCIAL_AGILITY";
-    SkillAreaTypes["CommunicatingEffectively"] = "COMMUNICATING_EFFECTIVELY";
-    SkillAreaTypes["HandlingConflict"] = "HANDLING_CONFLICT";
-    SkillAreaTypes["ValuingDiversity"] = "VALUING_DIVERSITY";
-    SkillAreaTypes["DevelopingOthers"] = "DEVELOPING_OTHERS";
-    SkillAreaTypes["ShowingResilience"] = "SHOWING_RESILIENCE";
-    SkillAreaTypes["NavigatingAmbiguity"] = "NAVIGATING_AMBIGUITY";
-    SkillAreaTypes["SelfAwareness"] = "SELF_AWARENESS";
-    SkillAreaTypes["SelfDevelopment"] = "SELF_DEVELOPMENT";
-    SkillAreaTypes["BeingBold"] = "BEING_BOLD";
-    SkillAreaTypes["EarningTrust"] = "EARNING_TRUST";
+(function(SkillAreaTypes) {
+	SkillAreaTypes["BusinessSavvy"] = "BUSINESS_SAVVY";
+	SkillAreaTypes["StrategicPerspective"] = "STRATEGIC_PERSPECTIVE";
+	SkillAreaTypes["CustomerFocus"] = "CUSTOMER_FOCUS";
+	SkillAreaTypes["NavigatingComplexity"] = "NAVIGATING_COMPLEXITY";
+	SkillAreaTypes["AgileDecisionMaking"] = "AGILE_DECISION_MAKING";
+	SkillAreaTypes["EmbracingInnovation"] = "EMBRACING_INNOVATION";
+	SkillAreaTypes["PlanningAndPrioritizing"] = "PLANNING_AND_PRIORITIZING";
+	SkillAreaTypes["OrganizingResources"] = "ORGANIZING_RESOURCES";
+	SkillAreaTypes["DrivingResults"] = "DRIVING_RESULTS";
+	SkillAreaTypes["WorkingCollaboratively"] = "WORKING_COLLABORATIVELY";
+	SkillAreaTypes["SocialAgility"] = "SOCIAL_AGILITY";
+	SkillAreaTypes["CommunicatingEffectively"] = "COMMUNICATING_EFFECTIVELY";
+	SkillAreaTypes["HandlingConflict"] = "HANDLING_CONFLICT";
+	SkillAreaTypes["ValuingDiversity"] = "VALUING_DIVERSITY";
+	SkillAreaTypes["DevelopingOthers"] = "DEVELOPING_OTHERS";
+	SkillAreaTypes["ShowingResilience"] = "SHOWING_RESILIENCE";
+	SkillAreaTypes["NavigatingAmbiguity"] = "NAVIGATING_AMBIGUITY";
+	SkillAreaTypes["SelfAwareness"] = "SELF_AWARENESS";
+	SkillAreaTypes["SelfDevelopment"] = "SELF_DEVELOPMENT";
+	SkillAreaTypes["BeingBold"] = "BEING_BOLD";
+	SkillAreaTypes["EarningTrust"] = "EARNING_TRUST";
 })(SkillAreaTypes || (SkillAreaTypes = {}));
-
-class UniversalSkillsService {
-    constructor() {
-        this.translationContext = 'UNIVERSAL_SKILLS_REPORT.';
-        this.staticSkillAreaGroupMap = [
-            [
-                SkillAreaTypes.BusinessSavvy,
-                SkillAreaTypes.StrategicPerspective,
-                SkillAreaTypes.CustomerFocus,
-                SkillAreaTypes.NavigatingComplexity,
-                SkillAreaTypes.AgileDecisionMaking,
-                SkillAreaTypes.EmbracingInnovation,
-                SkillAreaTypes.PlanningAndPrioritizing,
-                SkillAreaTypes.OrganizingResources,
-                SkillAreaTypes.DrivingResults,
-            ],
-            [
-                SkillAreaTypes.WorkingCollaboratively,
-                SkillAreaTypes.SocialAgility,
-                SkillAreaTypes.CommunicatingEffectively,
-                SkillAreaTypes.HandlingConflict,
-                SkillAreaTypes.ValuingDiversity,
-                SkillAreaTypes.DevelopingOthers,
-            ],
-            [
-                SkillAreaTypes.ShowingResilience,
-                SkillAreaTypes.NavigatingAmbiguity,
-                SkillAreaTypes.SelfAwareness,
-                SkillAreaTypes.SelfDevelopment,
-                SkillAreaTypes.EarningTrust,
-                SkillAreaTypes.BeingBold,
-            ],
-        ];
-    }
-    initializeSkillAreaGroupMap() {
-        this.skillAreaGroupMap = {
-            [SkillAreaGroupTypes.FocusingOnObjectives]: {
-                title: `${this.translationContext}SKILL_AREA_GROUP_TYPES.FOCUSING_ON_OBJECTIVES.TITLE`,
-                description: `${this.translationContext}SKILL_AREA_GROUP_TYPES.FOCUSING_ON_OBJECTIVES.DESCRIPTION`,
-                skillAreaList: [],
-            },
-            [SkillAreaGroupTypes.WorkingWithPeople]: {
-                title: `${this.translationContext}SKILL_AREA_GROUP_TYPES.WORKING_WITH_PEOPLE.TITLE`,
-                description: `${this.translationContext}SKILL_AREA_GROUP_TYPES.WORKING_WITH_PEOPLE.DESCRIPTION`,
-                skillAreaList: [],
-            },
-            [SkillAreaGroupTypes.ManagingOnesSelf]: {
-                title: `${this.translationContext}SKILL_AREA_GROUP_TYPES.MANAGING_ONES_SELF.TITLE`,
-                description: `${this.translationContext}SKILL_AREA_GROUP_TYPES.MANAGING_ONES_SELF.DESCRIPTION`,
-                skillAreaList: [],
-            },
-        };
-    }
-    prepareSkillAreaGroupMap(skillAreaDataList) {
-        skillAreaDataList?.forEach(currentItem => {
-            const formattedSkillAreaType = currentItem.skillAreaName;
-            if (this.staticSkillAreaGroupMap[0].includes(formattedSkillAreaType)) {
-                this.skillAreaGroupMap[SkillAreaGroupTypes.FocusingOnObjectives]?.skillAreaList?.push(currentItem);
-            }
-            if (this.staticSkillAreaGroupMap[1].includes(formattedSkillAreaType)) {
-                this.skillAreaGroupMap[SkillAreaGroupTypes.WorkingWithPeople]?.skillAreaList?.push(currentItem);
-            }
-            if (this.staticSkillAreaGroupMap[2].includes(formattedSkillAreaType)) {
-                this.skillAreaGroupMap[SkillAreaGroupTypes.ManagingOnesSelf]?.skillAreaList?.push(currentItem);
-            }
-        });
-    }
-    getSkillAreaGroupMap() {
-        return this.skillAreaGroupMap;
-    }
-    getStaticSkillAreaGroupMap() {
-        return this.staticSkillAreaGroupMap;
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.25", ngImport: i0, type: UniversalSkillsService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.25", ngImport: i0, type: UniversalSkillsService, providedIn: 'root' }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.25", ngImport: i0, type: UniversalSkillsService, decorators: [{
-            type: Injectable,
-            args: [{
-                    providedIn: 'root',
-                }]
-        }] });
-
-class UniversalSkillsReportComponent {
-    constructor(defaultAppTheme, universalSkillsService) {
-        this.defaultAppTheme = defaultAppTheme;
-        this.universalSkillsService = universalSkillsService;
-        /**
-         * Defines the application theme
-         * @property applicationTheme
-         * @type {ApplicationTheme}
-         * @memberof UniversalSkillsReportComponent
-         */
-        this.applicationTheme = 'light';
-        this.translationContext = 'UNIVERSAL_SKILLS_REPORT.';
-        if (defaultAppTheme) {
-            this.applicationTheme = defaultAppTheme;
-        }
-    }
-    ngOnInit() {
-        this.universalSkillsService.initializeSkillAreaGroupMap();
-        this.universalSkillsService.prepareSkillAreaGroupMap(this.skillAreaDataList);
-        this.skillAreaGroupMap = this.universalSkillsService.getSkillAreaGroupMap();
-    }
-    getScoreBadgeLabel(percentileScoring) {
-        return `PERCENTILE_LABEL_TYPES.${this.checkScoreClassification([percentileScoring, true])}`;
-    }
-    getScoreBadgeColor(percentileScoring) {
-        return this.checkScoreClassification([percentileScoring, false]);
-    }
-    checkScoreClassification([percentileScoring, isLabelRequest]) {
-        let scoreBadgeLabel = '';
-        let scoreBadgeColor = RebrandBadgeColorEnum.BLUE_10;
-        if (percentileScoring >= 1 && percentileScoring <= 19) {
-            scoreBadgeLabel = 'WELL_BELOW_AVERAGE';
-            scoreBadgeColor = RebrandBadgeColorEnum.GREY_30;
-        }
-        if (percentileScoring >= 20 && percentileScoring <= 39) {
-            scoreBadgeLabel = 'BELOW_AVERAGE';
-            scoreBadgeColor = RebrandBadgeColorEnum.GREY_10;
-        }
-        if (percentileScoring >= 40 && percentileScoring <= 59) {
-            scoreBadgeLabel = 'AVERAGE';
-            scoreBadgeColor = RebrandBadgeColorEnum.BLUE_10;
-        }
-        if (percentileScoring >= 60 && percentileScoring <= 79) {
-            scoreBadgeLabel = 'ABOVE_AVERAGE';
-            scoreBadgeColor = RebrandBadgeColorEnum.BLUE_20;
-        }
-        if (percentileScoring >= 80 && percentileScoring <= 100) {
-            scoreBadgeLabel = 'WELL_ABOVE_AVERAGE';
-            scoreBadgeColor = RebrandBadgeColorEnum.BLUE_40;
-        }
-        return isLabelRequest ? scoreBadgeLabel : scoreBadgeColor;
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.25", ngImport: i0, type: UniversalSkillsReportComponent, deps: [{ token: 'CANOPYUI_DEFAULT_APPLICATION_THEME', optional: true }, { token: UniversalSkillsService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.25", type: UniversalSkillsReportComponent, isStandalone: true, selector: "ui-universal-skills-report", inputs: { applicationTheme: "applicationTheme", skillAreaDataList: "skillAreaDataList" }, ngImport: i0, template: "@for (skillAreaGroup of skillAreaGroupMap | keyvalue; track skillAreaGroup) {\n  <div class=\"universal-skills-report\">\n    <section class=\"title-and-info\">\n      <h4>{{ skillAreaGroup.value.title | uiTranslate | async }}</h4>\n      <span>{{ skillAreaGroup.value.description | uiTranslate | async }}</span>\n    </section>\n    <section class=\"accordion-items\">\n      @for (skillAreaData of skillAreaGroup?.value?.skillAreaList; track skillAreaData) {\n        <ui-accordion class=\"universal-skills-accordion\" label=\"-\" [allowCustomHeader]=\"true\">\n          <div customHeader class=\"custom-header\">\n            <h4 class=\"custom-header-subtitle\">\n              {{\n                translationContext + 'SKILL_AREA_TYPES.' + skillAreaData.skillAreaName + '.TITLE' | uiTranslate | async\n              }}\n            </h4>\n            <div class=\"inner-container\">\n              <ui-badge\n                class=\"percentile-scoring-badge\"\n                [label]=\"\n                  (skillAreaData.percentileScoring | memoizeFunc: getScoreBadgeLabel : this | uiTranslate | async) ||\n                  'neutral'\n                \"\n                [rebrandColor]=\"skillAreaData.percentileScoring | memoizeFunc: getScoreBadgeColor : this\"\n                [applicationTheme]=\"'light'\"\n              ></ui-badge>\n              <h5 class=\"percentile-quantity\">\n                {{ skillAreaData?.percentileScoring }}\n                <sup class=\"percentile-suffix\">{{\n                  skillAreaData.percentileScoring | ordinalSuffix | uiTranslate | async\n                }}</sup>\n                {{ translationContext + 'PERCENTILE' | uiTranslate | async }}\n              </h5>\n              <ui-progress-bar\n                class=\"percentile-scoring-bar\"\n                mode=\"determinate\"\n                [progress]=\"skillAreaData.percentileScoring\"\n              ></ui-progress-bar>\n            </div>\n          </div>\n          <div class=\"content-container\">\n            <p class=\"skill-description\">\n              {{\n                translationContext + 'SKILL_AREA_TYPES.' + skillAreaData.skillAreaName + '.DESCRIPTION'\n                  | uiTranslate\n                  | async\n              }}\n            </p>\n            <h5>\n              {{ skillAreaData.percentileScoring | memoizeFunc: getScoreBadgeLabel : this | uiTranslate | async }} score\n            </h5>\n            <div class=\"inner-container\">\n              <p>\n                {{\n                  translationContext +\n                    'SKILL_AREA_TYPES.' +\n                    skillAreaData.skillAreaName +\n                    '.' +\n                    ([skillAreaData.percentileScoring, true] | memoizeFunc: checkScoreClassification : this) +\n                    '.GENERAL'\n                    | uiTranslate\n                    | async\n                }}\n              </p>\n            </div>\n            <div class=\"inner-container\">\n              <p>\n                {{\n                  translationContext +\n                    'SKILL_AREA_TYPES.' +\n                    skillAreaData.skillAreaName +\n                    '.' +\n                    ([skillAreaData.percentileScoring, true] | memoizeFunc: checkScoreClassification : this) +\n                    '.WORK_ENVIRONMENT'\n                    | uiTranslate\n                    | async\n                }}\n              </p>\n            </div>\n            <div class=\"inner-container\">\n              <p>\n                {{\n                  translationContext +\n                    'SKILL_AREA_TYPES.' +\n                    skillAreaData.skillAreaName +\n                    '.' +\n                    ([skillAreaData.percentileScoring, true] | memoizeFunc: checkScoreClassification : this) +\n                    '.RECOMMENDATIONS'\n                    | uiTranslate\n                    | async\n                }}\n              </p>\n            </div>\n          </div>\n        </ui-accordion>\n      }\n    </section>\n  </div>\n}\n", styles: [".bg-teal-60b{background:#1c443c}.bg-teal-30b{background:#31766a}.bg-teal-default{background:#46a997}.bg-teal-30w{background:#7ec3b6}.bg-teal-60w{background:#b5ddd5}.bg-teal-secondary{background:#cbd6cb}.bg-teal-90w{background:#ecf6f5}.bg-petrol-60b{background:#102930}.bg-petrol-30b{background:#1b4754}.bg-petrol-default{background:#276678}.bg-petrol-30w{background:#6894a0}.bg-petrol-60w{background:#a9c2c9}.bg-petrol-secondary{background:#c8d7de}.bg-petrol-90w{background:#e9f0f1}.bg-error-60b{background:#513131}.bg-error-30b{background:#8e5655}.bg-error-60w{background:#e3c3c6}.bg-error-secondary{background:#f0dad9}.bg-error-default{background:#cb7b7a}.bg-warning-secondary{background:#f0d6bb}.bg-warning-default{background:#cca45f}.bg-black{background:#000}.bg-dark{background:#888}.bg-medium{background:#e0e0e0}.bg-grey{background:#ededed}.bg-light{background:#f6f6f6}.bg-white{background:#fff}.bg-box-shadow{background:#00000014}.bg-navigation-subtitle{background:#528593}.bgc-teal-60b{background-color:#1c443c}.bgc-teal-30b{background-color:#31766a}.bgc-teal-default{background-color:#46a997}.bgc-teal-30w{background-color:#7ec3b6}.bgc-teal-60w{background-color:#b5ddd5}.bgc-teal-secondary{background-color:#cbd6cb}.bgc-teal-90w{background-color:#ecf6f5}.bgc-petrol-60b{background-color:#102930}.bgc-petrol-30b{background-color:#1b4754}.bgc-petrol-default{background-color:#276678}.bgc-petrol-30w{background-color:#6894a0}.bgc-petrol-60w{background-color:#a9c2c9}.bgc-petrol-secondary{background-color:#c8d7de}.bgc-petrol-90w{background-color:#e9f0f1}.bgc-error-60b{background-color:#513131}.bgc-error-30b{background-color:#8e5655}.bgc-error-60w{background-color:#e3c3c6}.bgc-error-secondary{background-color:#f0dad9}.bgc-error-default{background-color:#cb7b7a}.bgc-warning-secondary{background-color:#f0d6bb}.bgc-warning-default{background-color:#cca45f}.bgc-black{background-color:#000}.bgc-dark{background-color:#888}.bgc-medium{background-color:#e0e0e0}.bgc-grey{background-color:#ededed}.bgc-light{background-color:#f6f6f6}.bgc-white{background-color:#fff}.bgc-box-shadow{background-color:#00000014}.bgc-navigation-subtitle{background-color:#528593}.universal-skills-report{display:flex;flex-direction:column;justify-content:space-between;align-items:center;gap:.6rem;margin-bottom:2.2rem}.universal-skills-report:last-of-type{margin-bottom:0}.universal-skills-report .title-and-info{width:100%;display:flex;flex-direction:column;gap:.7rem}.universal-skills-report .accordion-items{width:100%;display:flex;flex-direction:column;gap:.6rem}.universal-skills-report .accordion-items .universal-skills-accordion .custom-header{width:100%;display:flex;justify-content:space-between;align-items:center;gap:1rem}.universal-skills-report .accordion-items .universal-skills-accordion .custom-header .custom-header-subtitle{font-weight:400}.universal-skills-report .accordion-items .universal-skills-accordion .custom-header .inner-container{width:70%;max-width:450px;display:flex;justify-content:space-between;align-items:center;gap:1rem}.universal-skills-report .accordion-items .universal-skills-accordion .custom-header .inner-container .percentile-scoring-badge{width:126px;display:flex;justify-content:center}.universal-skills-report .accordion-items .universal-skills-accordion .custom-header .inner-container .percentile-quantity{margin-top:-.4rem;white-space:nowrap}.universal-skills-report .accordion-items .universal-skills-accordion .custom-header .inner-container .percentile-quantity .percentile-suffix{font-size:8px;line-height:22px;font-weight:700;margin-left:-.1rem}.universal-skills-report .accordion-items .universal-skills-accordion .custom-header .inner-container .percentile-scoring-bar{width:180px;height:8px}@media(max-width:600px){.universal-skills-report .accordion-items .universal-skills-accordion .custom-header{flex-direction:column;align-items:flex-start;min-height:60px}.universal-skills-report .accordion-items .universal-skills-accordion .custom-header .custom-header-subtitle{white-space:nowrap}.universal-skills-report .accordion-items .universal-skills-accordion .custom-header .inner-container{width:100%;max-width:none;position:absolute;top:45px;left:0;padding:0 1.5rem 0 1rem}.universal-skills-report .accordion-items .universal-skills-accordion .custom-header .inner-container .percentile-scoring-badge{justify-content:flex-start}}.universal-skills-report .accordion-items .universal-skills-accordion ::ng-deep .mat-accordion .mat-expansion-panel{border:1px solid #d3d3d3}.universal-skills-report .accordion-items .universal-skills-accordion ::ng-deep .mat-accordion .mat-expansion-panel .mat-expansion-panel-body{background-color:transparent}.universal-skills-report .accordion-items .universal-skills-accordion ::ng-deep .mat-accordion .mat-expansion-panel .mat-expansion-panel-body .content-container{display:flex;flex-direction:column;gap:1rem}.universal-skills-report .accordion-items .universal-skills-accordion ::ng-deep .mat-accordion .mat-expansion-panel .mat-expansion-panel-body .content-container p{line-height:21px;margin:0}.universal-skills-report .accordion-items .universal-skills-accordion ::ng-deep .mat-accordion .mat-expansion-panel .mat-expansion-panel-body .content-container .skill-description{color:#666;line-height:22px;margin:.5rem 0}.universal-skills-report .accordion-items .universal-skills-accordion ::ng-deep .mat-accordion .mat-expansion-panel .mat-expansion-panel-body .content-container .inner-container{background-color:#f4f4f4;padding:1rem;border-radius:10px;display:flex;flex-direction:column;gap:1rem}\n"], dependencies: [{ kind: "component", type: AccordionComponent, selector: "ui-accordion", inputs: ["label", "open", "disabled", "showPremiumIcon", "premiumTooltipText", "applicationTheme", "labelIcon", "variant", "allowCustomHeader", "noBackgroundColor", "toggleIconPosition", "toggleIcon", "toggleIconExpanded", "boldLabel"], outputs: ["closed", "opened"] }, { kind: "component", type: BadgeComponent, selector: "ui-badge", inputs: ["label", "staticLabel", "icon", "iconColor", "trailingIcon", "trailingIconColor", "color", "variant", "notificationsAmount", "applicationTheme", "rebrandColor", "truncateLabel", "enableAnimation"] }, { kind: "component", type: ProgressBarComponent, selector: "ui-progress-bar", inputs: ["companyColor", "progress", "mode", "buffer", "applicationTheme", "ariaLabel", "ariaDescribedBy", "showPercentage"] }, { kind: "pipe", type: AsyncPipe, name: "async" }, { kind: "pipe", type: KeyValuePipe, name: "keyvalue" }, { kind: "pipe", type: MemoizeFuncPipe, name: "memoizeFunc" }, { kind: "pipe", type: UiTranslatePipe, name: "uiTranslate" }, { kind: "pipe", type: OrdinalSuffixPipe, name: "ordinalSuffix" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.25", ngImport: i0, type: UniversalSkillsReportComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'ui-universal-skills-report', changeDetection: ChangeDetectionStrategy.OnPush, imports: [
-                        AccordionComponent,
-                        BadgeComponent,
-                        ProgressBarComponent,
-                        AsyncPipe,
-                        KeyValuePipe,
-                        MemoizeFuncPipe,
-                        UiTranslatePipe,
-                        OrdinalSuffixPipe,
-                    ], template: "@for (skillAreaGroup of skillAreaGroupMap | keyvalue; track skillAreaGroup) {\n  <div class=\"universal-skills-report\">\n    <section class=\"title-and-info\">\n      <h4>{{ skillAreaGroup.value.title | uiTranslate | async }}</h4>\n      <span>{{ skillAreaGroup.value.description | uiTranslate | async }}</span>\n    </section>\n    <section class=\"accordion-items\">\n      @for (skillAreaData of skillAreaGroup?.value?.skillAreaList; track skillAreaData) {\n        <ui-accordion class=\"universal-skills-accordion\" label=\"-\" [allowCustomHeader]=\"true\">\n          <div customHeader class=\"custom-header\">\n            <h4 class=\"custom-header-subtitle\">\n              {{\n                translationContext + 'SKILL_AREA_TYPES.' + skillAreaData.skillAreaName + '.TITLE' | uiTranslate | async\n              }}\n            </h4>\n            <div class=\"inner-container\">\n              <ui-badge\n                class=\"percentile-scoring-badge\"\n                [label]=\"\n                  (skillAreaData.percentileScoring | memoizeFunc: getScoreBadgeLabel : this | uiTranslate | async) ||\n                  'neutral'\n                \"\n                [rebrandColor]=\"skillAreaData.percentileScoring | memoizeFunc: getScoreBadgeColor : this\"\n                [applicationTheme]=\"'light'\"\n              ></ui-badge>\n              <h5 class=\"percentile-quantity\">\n                {{ skillAreaData?.percentileScoring }}\n                <sup class=\"percentile-suffix\">{{\n                  skillAreaData.percentileScoring | ordinalSuffix | uiTranslate | async\n                }}</sup>\n                {{ translationContext + 'PERCENTILE' | uiTranslate | async }}\n              </h5>\n              <ui-progress-bar\n                class=\"percentile-scoring-bar\"\n                mode=\"determinate\"\n                [progress]=\"skillAreaData.percentileScoring\"\n              ></ui-progress-bar>\n            </div>\n          </div>\n          <div class=\"content-container\">\n            <p class=\"skill-description\">\n              {{\n                translationContext + 'SKILL_AREA_TYPES.' + skillAreaData.skillAreaName + '.DESCRIPTION'\n                  | uiTranslate\n                  | async\n              }}\n            </p>\n            <h5>\n              {{ skillAreaData.percentileScoring | memoizeFunc: getScoreBadgeLabel : this | uiTranslate | async }} score\n            </h5>\n            <div class=\"inner-container\">\n              <p>\n                {{\n                  translationContext +\n                    'SKILL_AREA_TYPES.' +\n                    skillAreaData.skillAreaName +\n                    '.' +\n                    ([skillAreaData.percentileScoring, true] | memoizeFunc: checkScoreClassification : this) +\n                    '.GENERAL'\n                    | uiTranslate\n                    | async\n                }}\n              </p>\n            </div>\n            <div class=\"inner-container\">\n              <p>\n                {{\n                  translationContext +\n                    'SKILL_AREA_TYPES.' +\n                    skillAreaData.skillAreaName +\n                    '.' +\n                    ([skillAreaData.percentileScoring, true] | memoizeFunc: checkScoreClassification : this) +\n                    '.WORK_ENVIRONMENT'\n                    | uiTranslate\n                    | async\n                }}\n              </p>\n            </div>\n            <div class=\"inner-container\">\n              <p>\n                {{\n                  translationContext +\n                    'SKILL_AREA_TYPES.' +\n                    skillAreaData.skillAreaName +\n                    '.' +\n                    ([skillAreaData.percentileScoring, true] | memoizeFunc: checkScoreClassification : this) +\n                    '.RECOMMENDATIONS'\n                    | uiTranslate\n                    | async\n                }}\n              </p>\n            </div>\n          </div>\n        </ui-accordion>\n      }\n    </section>\n  </div>\n}\n", styles: [".bg-teal-60b{background:#1c443c}.bg-teal-30b{background:#31766a}.bg-teal-default{background:#46a997}.bg-teal-30w{background:#7ec3b6}.bg-teal-60w{background:#b5ddd5}.bg-teal-secondary{background:#cbd6cb}.bg-teal-90w{background:#ecf6f5}.bg-petrol-60b{background:#102930}.bg-petrol-30b{background:#1b4754}.bg-petrol-default{background:#276678}.bg-petrol-30w{background:#6894a0}.bg-petrol-60w{background:#a9c2c9}.bg-petrol-secondary{background:#c8d7de}.bg-petrol-90w{background:#e9f0f1}.bg-error-60b{background:#513131}.bg-error-30b{background:#8e5655}.bg-error-60w{background:#e3c3c6}.bg-error-secondary{background:#f0dad9}.bg-error-default{background:#cb7b7a}.bg-warning-secondary{background:#f0d6bb}.bg-warning-default{background:#cca45f}.bg-black{background:#000}.bg-dark{background:#888}.bg-medium{background:#e0e0e0}.bg-grey{background:#ededed}.bg-light{background:#f6f6f6}.bg-white{background:#fff}.bg-box-shadow{background:#00000014}.bg-navigation-subtitle{background:#528593}.bgc-teal-60b{background-color:#1c443c}.bgc-teal-30b{background-color:#31766a}.bgc-teal-default{background-color:#46a997}.bgc-teal-30w{background-color:#7ec3b6}.bgc-teal-60w{background-color:#b5ddd5}.bgc-teal-secondary{background-color:#cbd6cb}.bgc-teal-90w{background-color:#ecf6f5}.bgc-petrol-60b{background-color:#102930}.bgc-petrol-30b{background-color:#1b4754}.bgc-petrol-default{background-color:#276678}.bgc-petrol-30w{background-color:#6894a0}.bgc-petrol-60w{background-color:#a9c2c9}.bgc-petrol-secondary{background-color:#c8d7de}.bgc-petrol-90w{background-color:#e9f0f1}.bgc-error-60b{background-color:#513131}.bgc-error-30b{background-color:#8e5655}.bgc-error-60w{background-color:#e3c3c6}.bgc-error-secondary{background-color:#f0dad9}.bgc-error-default{background-color:#cb7b7a}.bgc-warning-secondary{background-color:#f0d6bb}.bgc-warning-default{background-color:#cca45f}.bgc-black{background-color:#000}.bgc-dark{background-color:#888}.bgc-medium{background-color:#e0e0e0}.bgc-grey{background-color:#ededed}.bgc-light{background-color:#f6f6f6}.bgc-white{background-color:#fff}.bgc-box-shadow{background-color:#00000014}.bgc-navigation-subtitle{background-color:#528593}.universal-skills-report{display:flex;flex-direction:column;justify-content:space-between;align-items:center;gap:.6rem;margin-bottom:2.2rem}.universal-skills-report:last-of-type{margin-bottom:0}.universal-skills-report .title-and-info{width:100%;display:flex;flex-direction:column;gap:.7rem}.universal-skills-report .accordion-items{width:100%;display:flex;flex-direction:column;gap:.6rem}.universal-skills-report .accordion-items .universal-skills-accordion .custom-header{width:100%;display:flex;justify-content:space-between;align-items:center;gap:1rem}.universal-skills-report .accordion-items .universal-skills-accordion .custom-header .custom-header-subtitle{font-weight:400}.universal-skills-report .accordion-items .universal-skills-accordion .custom-header .inner-container{width:70%;max-width:450px;display:flex;justify-content:space-between;align-items:center;gap:1rem}.universal-skills-report .accordion-items .universal-skills-accordion .custom-header .inner-container .percentile-scoring-badge{width:126px;display:flex;justify-content:center}.universal-skills-report .accordion-items .universal-skills-accordion .custom-header .inner-container .percentile-quantity{margin-top:-.4rem;white-space:nowrap}.universal-skills-report .accordion-items .universal-skills-accordion .custom-header .inner-container .percentile-quantity .percentile-suffix{font-size:8px;line-height:22px;font-weight:700;margin-left:-.1rem}.universal-skills-report .accordion-items .universal-skills-accordion .custom-header .inner-container .percentile-scoring-bar{width:180px;height:8px}@media(max-width:600px){.universal-skills-report .accordion-items .universal-skills-accordion .custom-header{flex-direction:column;align-items:flex-start;min-height:60px}.universal-skills-report .accordion-items .universal-skills-accordion .custom-header .custom-header-subtitle{white-space:nowrap}.universal-skills-report .accordion-items .universal-skills-accordion .custom-header .inner-container{width:100%;max-width:none;position:absolute;top:45px;left:0;padding:0 1.5rem 0 1rem}.universal-skills-report .accordion-items .universal-skills-accordion .custom-header .inner-container .percentile-scoring-badge{justify-content:flex-start}}.universal-skills-report .accordion-items .universal-skills-accordion ::ng-deep .mat-accordion .mat-expansion-panel{border:1px solid #d3d3d3}.universal-skills-report .accordion-items .universal-skills-accordion ::ng-deep .mat-accordion .mat-expansion-panel .mat-expansion-panel-body{background-color:transparent}.universal-skills-report .accordion-items .universal-skills-accordion ::ng-deep .mat-accordion .mat-expansion-panel .mat-expansion-panel-body .content-container{display:flex;flex-direction:column;gap:1rem}.universal-skills-report .accordion-items .universal-skills-accordion ::ng-deep .mat-accordion .mat-expansion-panel .mat-expansion-panel-body .content-container p{line-height:21px;margin:0}.universal-skills-report .accordion-items .universal-skills-accordion ::ng-deep .mat-accordion .mat-expansion-panel .mat-expansion-panel-body .content-container .skill-description{color:#666;line-height:22px;margin:.5rem 0}.universal-skills-report .accordion-items .universal-skills-accordion ::ng-deep .mat-accordion .mat-expansion-panel .mat-expansion-panel-body .content-container .inner-container{background-color:#f4f4f4;padding:1rem;border-radius:10px;display:flex;flex-direction:column;gap:1rem}\n"] }]
-        }], ctorParameters: () => [{ type: undefined, decorators: [{
-                    type: Optional
-                }, {
-                    type: Inject,
-                    args: ['CANOPYUI_DEFAULT_APPLICATION_THEME']
-                }] }, { type: UniversalSkillsService }], propDecorators: { applicationTheme: [{
-                type: Input
-            }], skillAreaDataList: [{
-                type: Input
-            }] } });
-
-class UniversalSkillsReportComponentModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.25", ngImport: i0, type: UniversalSkillsReportComponentModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.2.25", ngImport: i0, type: UniversalSkillsReportComponentModule, imports: [CommonModule,
-            AccordionComponentModule,
-            BadgeComponentModule,
-            ProgressBarComponentModule,
-            MemoizeFuncPipe,
-            UiTranslatePipe,
-            OrdinalSuffixPipe,
-            KeyValuePipe,
-            UniversalSkillsReportComponent], exports: [UniversalSkillsReportComponent] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.2.25", ngImport: i0, type: UniversalSkillsReportComponentModule, imports: [CommonModule,
-            AccordionComponentModule,
-            BadgeComponentModule,
-            ProgressBarComponentModule,
-            UniversalSkillsReportComponent] }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.25", ngImport: i0, type: UniversalSkillsReportComponentModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    imports: [
-                        CommonModule,
-                        AccordionComponentModule,
-                        BadgeComponentModule,
-                        ProgressBarComponentModule,
-                        MemoizeFuncPipe,
-                        UiTranslatePipe,
-                        OrdinalSuffixPipe,
-                        KeyValuePipe,
-                        UniversalSkillsReportComponent,
-                    ],
-                    exports: [UniversalSkillsReportComponent],
-                }]
-        }] });
-
-class UniversalSkillsSpiderChartsComponent {
-    constructor(defaultAppTheme, universalSkillsService, uiTranslatePipe) {
-        this.defaultAppTheme = defaultAppTheme;
-        this.universalSkillsService = universalSkillsService;
-        this.uiTranslatePipe = uiTranslatePipe;
-        /**
-         * Defines the application theme
-         * @property applicationTheme
-         * @type {ApplicationTheme}
-         * @memberof UniversalSkillsSpiderChartsComponent
-         */
-        this.applicationTheme = 'light';
-        /**
-         * Defines if the component is loading
-         * @property loading
-         * @type {boolean}
-         * @memberof UniversalSkillsSpiderChartsComponent
-         */
-        this.loading = false;
-        /**
-         * Defines the size of the spider chart
-         * @property size
-         * @type {'small' | 'large'}
-         * @memberof UniversalSkillsSpiderChartsComponent
-         */
-        this.size = 'large';
-        this.translationContext = 'UNIVERSAL_SKILLS_REPORT.';
-        this.skillAreaSpiderChartData = [];
-        if (defaultAppTheme) {
-            this.applicationTheme = defaultAppTheme;
-        }
-    }
-    ngOnInit() {
-        this.universalSkillsService.initializeSkillAreaGroupMap();
-        this.universalSkillsService.prepareSkillAreaGroupMap(this.skillAreaDataList);
-        this.skillAreaGroupMap = this.universalSkillsService.getSkillAreaGroupMap();
-        this.prepareSpiderChartData();
-    }
-    prepareSpiderChartData() {
-        this.skillAreaSpiderChartData = [];
-        Object.values(this.skillAreaGroupMap).forEach(skillAreaGroup => {
-            const labelObservables = skillAreaGroup.skillAreaList.map(skillArea => this.uiTranslatePipe.transform(`${this.translationContext}SKILL_AREA_TYPES.${skillArea.skillAreaName}.TITLE`));
-            const labelDescriptionObservables = skillAreaGroup.skillAreaList.map(skillArea => this.uiTranslatePipe.transform(`${this.translationContext}SKILL_AREA_TYPES.${skillArea.skillAreaName}.DESCRIPTION`));
-            const allObservables = [...labelObservables, ...labelDescriptionObservables];
-            const translations = [];
-            allObservables.forEach(observable => {
-                observable.pipe(take(1)).subscribe(translation => {
-                    translations.push(translation);
-                });
-            });
-            const labels = translations.slice(0, labelObservables.length);
-            const labelDescriptions = translations.slice(labelObservables.length);
-            this.skillAreaSpiderChartData.push({
-                title: skillAreaGroup.title,
-                description: skillAreaGroup.description,
-                spiderChartData: {
-                    labels,
-                    labelDescription: labelDescriptions,
-                    plotData: skillAreaGroup.skillAreaList?.[0]?.poolPercentileScoring !== undefined
-                        ? [
-                            {
-                                data: skillAreaGroup.skillAreaList.map(skillArea => skillArea.percentileScoring),
-                                databaseLabel: "This candidate's score",
-                            },
-                            {
-                                data: skillAreaGroup.skillAreaList.map(skillArea => skillArea.poolPercentileScoring ?? 0),
-                                databaseLabel: 'Average score of all candidates',
-                            },
-                        ]
-                        : [
-                            {
-                                data: skillAreaGroup.skillAreaList.map(skillArea => skillArea.percentileScoring),
-                                databaseLabel: "This candidate's score",
-                            },
-                        ],
-                },
-            });
-        });
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.25", ngImport: i0, type: UniversalSkillsSpiderChartsComponent, deps: [{ token: 'CANOPYUI_DEFAULT_APPLICATION_THEME', optional: true }, { token: UniversalSkillsService }, { token: i2.UiTranslatePipe }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.25", type: UniversalSkillsSpiderChartsComponent, isStandalone: true, selector: "ui-universal-skills-spider-charts", inputs: { applicationTheme: "applicationTheme", skillAreaDataList: "skillAreaDataList", loading: "loading", size: "size" }, ngImport: i0, template: "@for (spiderChartData of skillAreaSpiderChartData; track spiderChartData) {\n  <ui-accordion\n    class=\"universal-skills-spider-charts\"\n    [label]=\"(spiderChartData.title | uiTranslate | async) || ''\"\n    variant=\"filter\"\n  >\n    <ui-spider-chart\n      [spiderChartData]=\"spiderChartData.spiderChartData\"\n      [loading]=\"loading\"\n      [size]=\"size\"\n    ></ui-spider-chart>\n  </ui-accordion>\n  @if ($index < skillAreaSpiderChartData.length - 1) {\n    <ui-divider class=\"universal-skills-spider-charts-divider\" size=\"small\"></ui-divider>\n  }\n}\n", styles: [".universal-skills-spider-charts ::ng-deep .accordion-wrapper[theme=light] .mat-expansion-panel .mat-expansion-panel-header .accordion-label{font-weight:700}.universal-skills-spider-charts-divider ::ng-deep .ui-divider-wrapper{margin-top:8px;margin-bottom:8px}\n"], dependencies: [{ kind: "component", type: AccordionComponent, selector: "ui-accordion", inputs: ["label", "open", "disabled", "showPremiumIcon", "premiumTooltipText", "applicationTheme", "labelIcon", "variant", "allowCustomHeader", "noBackgroundColor", "toggleIconPosition", "toggleIcon", "toggleIconExpanded", "boldLabel"], outputs: ["closed", "opened"] }, { kind: "component", type: SpiderChartComponent, selector: "ui-spider-chart", inputs: ["size", "spiderChartData", "stepSize", "ariaLabel", "loading", "applicationTheme"] }, { kind: "component", type: DividerComponent, selector: "ui-divider", inputs: ["size", "companyColor", "applicationTheme", "label"] }, { kind: "pipe", type: AsyncPipe, name: "async" }, { kind: "pipe", type: UiTranslatePipe, name: "uiTranslate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.25", ngImport: i0, type: UniversalSkillsSpiderChartsComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'ui-universal-skills-spider-charts', changeDetection: ChangeDetectionStrategy.OnPush, imports: [AccordionComponent, SpiderChartComponent, DividerComponent, AsyncPipe, UiTranslatePipe], template: "@for (spiderChartData of skillAreaSpiderChartData; track spiderChartData) {\n  <ui-accordion\n    class=\"universal-skills-spider-charts\"\n    [label]=\"(spiderChartData.title | uiTranslate | async) || ''\"\n    variant=\"filter\"\n  >\n    <ui-spider-chart\n      [spiderChartData]=\"spiderChartData.spiderChartData\"\n      [loading]=\"loading\"\n      [size]=\"size\"\n    ></ui-spider-chart>\n  </ui-accordion>\n  @if ($index < skillAreaSpiderChartData.length - 1) {\n    <ui-divider class=\"universal-skills-spider-charts-divider\" size=\"small\"></ui-divider>\n  }\n}\n", styles: [".universal-skills-spider-charts ::ng-deep .accordion-wrapper[theme=light] .mat-expansion-panel .mat-expansion-panel-header .accordion-label{font-weight:700}.universal-skills-spider-charts-divider ::ng-deep .ui-divider-wrapper{margin-top:8px;margin-bottom:8px}\n"] }]
-        }], ctorParameters: () => [{ type: undefined, decorators: [{
-                    type: Optional
-                }, {
-                    type: Inject,
-                    args: ['CANOPYUI_DEFAULT_APPLICATION_THEME']
-                }] }, { type: UniversalSkillsService }, { type: i2.UiTranslatePipe }], propDecorators: { applicationTheme: [{
-                type: Input
-            }], skillAreaDataList: [{
-                type: Input
-            }], loading: [{
-                type: Input
-            }], size: [{
-                type: Input
-            }] } });
-
-class UniversalSkillsSpiderChartsComponentModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.25", ngImport: i0, type: UniversalSkillsSpiderChartsComponentModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.2.25", ngImport: i0, type: UniversalSkillsSpiderChartsComponentModule, imports: [CommonModule,
-            AccordionComponentModule,
-            BadgeComponentModule,
-            ProgressBarComponentModule,
-            SpiderChartComponentModule,
-            DividerComponentModule,
-            MemoizeFuncPipe,
-            UiTranslatePipe,
-            OrdinalSuffixPipe,
-            KeyValuePipe,
-            UniversalSkillsSpiderChartsComponent], exports: [UniversalSkillsSpiderChartsComponent] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.2.25", ngImport: i0, type: UniversalSkillsSpiderChartsComponentModule, providers: [UiTranslatePipe], imports: [CommonModule,
-            AccordionComponentModule,
-            BadgeComponentModule,
-            ProgressBarComponentModule,
-            SpiderChartComponentModule,
-            DividerComponentModule,
-            UniversalSkillsSpiderChartsComponent] }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.25", ngImport: i0, type: UniversalSkillsSpiderChartsComponentModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    imports: [
-                        CommonModule,
-                        AccordionComponentModule,
-                        BadgeComponentModule,
-                        ProgressBarComponentModule,
-                        SpiderChartComponentModule,
-                        DividerComponentModule,
-                        MemoizeFuncPipe,
-                        UiTranslatePipe,
-                        OrdinalSuffixPipe,
-                        KeyValuePipe,
-                        UniversalSkillsSpiderChartsComponent,
-                    ],
-                    providers: [UiTranslatePipe],
-                    exports: [UniversalSkillsSpiderChartsComponent],
-                }]
-        }] });
-
-/**
- * Generated bundle index. Do not edit.
- */
-
+var UniversalSkillsService = class UniversalSkillsService {
+	constructor() {
+		this.translationContext = "UNIVERSAL_SKILLS_REPORT.";
+		this.staticSkillAreaGroupMap = [
+			[
+				SkillAreaTypes.BusinessSavvy,
+				SkillAreaTypes.StrategicPerspective,
+				SkillAreaTypes.CustomerFocus,
+				SkillAreaTypes.NavigatingComplexity,
+				SkillAreaTypes.AgileDecisionMaking,
+				SkillAreaTypes.EmbracingInnovation,
+				SkillAreaTypes.PlanningAndPrioritizing,
+				SkillAreaTypes.OrganizingResources,
+				SkillAreaTypes.DrivingResults
+			],
+			[
+				SkillAreaTypes.WorkingCollaboratively,
+				SkillAreaTypes.SocialAgility,
+				SkillAreaTypes.CommunicatingEffectively,
+				SkillAreaTypes.HandlingConflict,
+				SkillAreaTypes.ValuingDiversity,
+				SkillAreaTypes.DevelopingOthers
+			],
+			[
+				SkillAreaTypes.ShowingResilience,
+				SkillAreaTypes.NavigatingAmbiguity,
+				SkillAreaTypes.SelfAwareness,
+				SkillAreaTypes.SelfDevelopment,
+				SkillAreaTypes.EarningTrust,
+				SkillAreaTypes.BeingBold
+			]
+		];
+	}
+	initializeSkillAreaGroupMap() {
+		this.skillAreaGroupMap = {
+			[SkillAreaGroupTypes.FocusingOnObjectives]: {
+				title: `${this.translationContext}SKILL_AREA_GROUP_TYPES.FOCUSING_ON_OBJECTIVES.TITLE`,
+				description: `${this.translationContext}SKILL_AREA_GROUP_TYPES.FOCUSING_ON_OBJECTIVES.DESCRIPTION`,
+				skillAreaList: []
+			},
+			[SkillAreaGroupTypes.WorkingWithPeople]: {
+				title: `${this.translationContext}SKILL_AREA_GROUP_TYPES.WORKING_WITH_PEOPLE.TITLE`,
+				description: `${this.translationContext}SKILL_AREA_GROUP_TYPES.WORKING_WITH_PEOPLE.DESCRIPTION`,
+				skillAreaList: []
+			},
+			[SkillAreaGroupTypes.ManagingOnesSelf]: {
+				title: `${this.translationContext}SKILL_AREA_GROUP_TYPES.MANAGING_ONES_SELF.TITLE`,
+				description: `${this.translationContext}SKILL_AREA_GROUP_TYPES.MANAGING_ONES_SELF.DESCRIPTION`,
+				skillAreaList: []
+			}
+		};
+	}
+	prepareSkillAreaGroupMap(skillAreaDataList) {
+		skillAreaDataList?.forEach((currentItem) => {
+			const formattedSkillAreaType = currentItem.skillAreaName;
+			if (this.staticSkillAreaGroupMap[0].includes(formattedSkillAreaType)) this.skillAreaGroupMap[SkillAreaGroupTypes.FocusingOnObjectives]?.skillAreaList?.push(currentItem);
+			if (this.staticSkillAreaGroupMap[1].includes(formattedSkillAreaType)) this.skillAreaGroupMap[SkillAreaGroupTypes.WorkingWithPeople]?.skillAreaList?.push(currentItem);
+			if (this.staticSkillAreaGroupMap[2].includes(formattedSkillAreaType)) this.skillAreaGroupMap[SkillAreaGroupTypes.ManagingOnesSelf]?.skillAreaList?.push(currentItem);
+		});
+	}
+	getSkillAreaGroupMap() {
+		return this.skillAreaGroupMap;
+	}
+	getStaticSkillAreaGroupMap() {
+		return this.staticSkillAreaGroupMap;
+	}
+	static {
+		this.ɵfac = i0.ɵɵngDeclareFactory({
+			minVersion: "12.0.0",
+			version: "22.2.4",
+			ngImport: i0,
+			type: UniversalSkillsService,
+			deps: [],
+			target: i0.ɵɵFactoryTarget.Injectable
+		});
+	}
+	static {
+		this.ɵprov = i0.ɵɵngDeclareInjectable({
+			minVersion: "12.0.0",
+			version: "22.2.4",
+			ngImport: i0,
+			type: UniversalSkillsService,
+			providedIn: "root"
+		});
+	}
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.4",
+	ngImport: i0,
+	type: UniversalSkillsService,
+	decorators: [{
+		type: Injectable,
+		args: [{ providedIn: "root" }]
+	}]
+});
+var UniversalSkillsReportComponent = class UniversalSkillsReportComponent {
+	constructor(defaultAppTheme, universalSkillsService) {
+		this.defaultAppTheme = defaultAppTheme;
+		this.universalSkillsService = universalSkillsService;
+		this.applicationTheme = "light";
+		this.translationContext = "UNIVERSAL_SKILLS_REPORT.";
+		if (defaultAppTheme) this.applicationTheme = defaultAppTheme;
+	}
+	ngOnInit() {
+		this.universalSkillsService.initializeSkillAreaGroupMap();
+		this.universalSkillsService.prepareSkillAreaGroupMap(this.skillAreaDataList);
+		this.skillAreaGroupMap = this.universalSkillsService.getSkillAreaGroupMap();
+	}
+	getScoreBadgeLabel(percentileScoring) {
+		return `PERCENTILE_LABEL_TYPES.${this.checkScoreClassification([percentileScoring, true])}`;
+	}
+	getScoreBadgeColor(percentileScoring) {
+		return this.checkScoreClassification([percentileScoring, false]);
+	}
+	checkScoreClassification([percentileScoring, isLabelRequest]) {
+		let scoreBadgeLabel = "";
+		let scoreBadgeColor = RebrandBadgeColorEnum.BLUE_10;
+		if (percentileScoring >= 1 && percentileScoring <= 19) {
+			scoreBadgeLabel = "WELL_BELOW_AVERAGE";
+			scoreBadgeColor = RebrandBadgeColorEnum.GREY_30;
+		}
+		if (percentileScoring >= 20 && percentileScoring <= 39) {
+			scoreBadgeLabel = "BELOW_AVERAGE";
+			scoreBadgeColor = RebrandBadgeColorEnum.GREY_10;
+		}
+		if (percentileScoring >= 40 && percentileScoring <= 59) {
+			scoreBadgeLabel = "AVERAGE";
+			scoreBadgeColor = RebrandBadgeColorEnum.BLUE_10;
+		}
+		if (percentileScoring >= 60 && percentileScoring <= 79) {
+			scoreBadgeLabel = "ABOVE_AVERAGE";
+			scoreBadgeColor = RebrandBadgeColorEnum.BLUE_20;
+		}
+		if (percentileScoring >= 80 && percentileScoring <= 100) {
+			scoreBadgeLabel = "WELL_ABOVE_AVERAGE";
+			scoreBadgeColor = RebrandBadgeColorEnum.BLUE_40;
+		}
+		return isLabelRequest ? scoreBadgeLabel : scoreBadgeColor;
+	}
+	static {
+		this.ɵfac = i0.ɵɵngDeclareFactory({
+			minVersion: "12.0.0",
+			version: "22.2.4",
+			ngImport: i0,
+			type: UniversalSkillsReportComponent,
+			deps: [{
+				token: "CANOPYUI_DEFAULT_APPLICATION_THEME",
+				optional: true
+			}, { token: UniversalSkillsService }],
+			target: i0.ɵɵFactoryTarget.Component
+		});
+	}
+	static {
+		this.ɵcmp = i0.ɵɵngDeclareComponent({
+			minVersion: "17.0.0",
+			version: "22.2.4",
+			type: UniversalSkillsReportComponent,
+			isStandalone: true,
+			selector: "ui-universal-skills-report",
+			inputs: {
+				applicationTheme: "applicationTheme",
+				skillAreaDataList: "skillAreaDataList"
+			},
+			ngImport: i0,
+			template: "@for (skillAreaGroup of skillAreaGroupMap | keyvalue; track skillAreaGroup) {\n  <div class=\"universal-skills-report\">\n    <section class=\"title-and-info\">\n      <h4>{{ skillAreaGroup.value.title | uiTranslate | async }}</h4>\n      <span>{{ skillAreaGroup.value.description | uiTranslate | async }}</span>\n    </section>\n    <section class=\"accordion-items\">\n      @for (skillAreaData of skillAreaGroup?.value?.skillAreaList; track skillAreaData) {\n        <ui-accordion class=\"universal-skills-accordion\" label=\"-\" [allowCustomHeader]=\"true\">\n          <div customHeader class=\"custom-header\">\n            <h4 class=\"custom-header-subtitle\">\n              {{\n                translationContext + 'SKILL_AREA_TYPES.' + skillAreaData.skillAreaName + '.TITLE' | uiTranslate | async\n              }}\n            </h4>\n            <div class=\"inner-container\">\n              <ui-badge\n                class=\"percentile-scoring-badge\"\n                [label]=\"\n                  (skillAreaData.percentileScoring | memoizeFunc: getScoreBadgeLabel : this | uiTranslate | async) ||\n                  'neutral'\n                \"\n                [rebrandColor]=\"skillAreaData.percentileScoring | memoizeFunc: getScoreBadgeColor : this\"\n                [applicationTheme]=\"'light'\"\n              ></ui-badge>\n              <h5 class=\"percentile-quantity\">\n                {{ skillAreaData?.percentileScoring }}\n                <sup class=\"percentile-suffix\">{{\n                  skillAreaData.percentileScoring | ordinalSuffix | uiTranslate | async\n                }}</sup>\n                {{ translationContext + 'PERCENTILE' | uiTranslate | async }}\n              </h5>\n              <ui-progress-bar\n                class=\"percentile-scoring-bar\"\n                mode=\"determinate\"\n                [progress]=\"skillAreaData.percentileScoring\"\n              ></ui-progress-bar>\n            </div>\n          </div>\n          <div class=\"content-container\">\n            <p class=\"skill-description\">\n              {{\n                translationContext + 'SKILL_AREA_TYPES.' + skillAreaData.skillAreaName + '.DESCRIPTION'\n                  | uiTranslate\n                  | async\n              }}\n            </p>\n            <h5>\n              {{ skillAreaData.percentileScoring | memoizeFunc: getScoreBadgeLabel : this | uiTranslate | async }} score\n            </h5>\n            <div class=\"inner-container\">\n              <p>\n                {{\n                  translationContext +\n                    'SKILL_AREA_TYPES.' +\n                    skillAreaData.skillAreaName +\n                    '.' +\n                    ([skillAreaData.percentileScoring, true] | memoizeFunc: checkScoreClassification : this) +\n                    '.GENERAL'\n                    | uiTranslate\n                    | async\n                }}\n              </p>\n            </div>\n            <div class=\"inner-container\">\n              <p>\n                {{\n                  translationContext +\n                    'SKILL_AREA_TYPES.' +\n                    skillAreaData.skillAreaName +\n                    '.' +\n                    ([skillAreaData.percentileScoring, true] | memoizeFunc: checkScoreClassification : this) +\n                    '.WORK_ENVIRONMENT'\n                    | uiTranslate\n                    | async\n                }}\n              </p>\n            </div>\n            <div class=\"inner-container\">\n              <p>\n                {{\n                  translationContext +\n                    'SKILL_AREA_TYPES.' +\n                    skillAreaData.skillAreaName +\n                    '.' +\n                    ([skillAreaData.percentileScoring, true] | memoizeFunc: checkScoreClassification : this) +\n                    '.RECOMMENDATIONS'\n                    | uiTranslate\n                    | async\n                }}\n              </p>\n            </div>\n          </div>\n        </ui-accordion>\n      }\n    </section>\n  </div>\n}\n",
+			styles: [".bg-teal-60b{background:#1c443c}.bg-teal-30b{background:#31766a}.bg-teal-default{background:#46a997}.bg-teal-30w{background:#7ec3b6}.bg-teal-60w{background:#b5ddd5}.bg-teal-secondary{background:#cbd6cb}.bg-teal-90w{background:#ecf6f5}.bg-petrol-60b{background:#102930}.bg-petrol-30b{background:#1b4754}.bg-petrol-default{background:#276678}.bg-petrol-30w{background:#6894a0}.bg-petrol-60w{background:#a9c2c9}.bg-petrol-secondary{background:#c8d7de}.bg-petrol-90w{background:#e9f0f1}.bg-error-60b{background:#513131}.bg-error-30b{background:#8e5655}.bg-error-60w{background:#e3c3c6}.bg-error-secondary{background:#f0dad9}.bg-error-default{background:#cb7b7a}.bg-warning-secondary{background:#f0d6bb}.bg-warning-default{background:#cca45f}.bg-black{background:#000}.bg-dark{background:#888}.bg-medium{background:#e0e0e0}.bg-grey{background:#ededed}.bg-light{background:#f6f6f6}.bg-white{background:#fff}.bg-box-shadow{background:#00000014}.bg-navigation-subtitle{background:#528593}.bgc-teal-60b{background-color:#1c443c}.bgc-teal-30b{background-color:#31766a}.bgc-teal-default{background-color:#46a997}.bgc-teal-30w{background-color:#7ec3b6}.bgc-teal-60w{background-color:#b5ddd5}.bgc-teal-secondary{background-color:#cbd6cb}.bgc-teal-90w{background-color:#ecf6f5}.bgc-petrol-60b{background-color:#102930}.bgc-petrol-30b{background-color:#1b4754}.bgc-petrol-default{background-color:#276678}.bgc-petrol-30w{background-color:#6894a0}.bgc-petrol-60w{background-color:#a9c2c9}.bgc-petrol-secondary{background-color:#c8d7de}.bgc-petrol-90w{background-color:#e9f0f1}.bgc-error-60b{background-color:#513131}.bgc-error-30b{background-color:#8e5655}.bgc-error-60w{background-color:#e3c3c6}.bgc-error-secondary{background-color:#f0dad9}.bgc-error-default{background-color:#cb7b7a}.bgc-warning-secondary{background-color:#f0d6bb}.bgc-warning-default{background-color:#cca45f}.bgc-black{background-color:#000}.bgc-dark{background-color:#888}.bgc-medium{background-color:#e0e0e0}.bgc-grey{background-color:#ededed}.bgc-light{background-color:#f6f6f6}.bgc-white{background-color:#fff}.bgc-box-shadow{background-color:#00000014}.bgc-navigation-subtitle{background-color:#528593}.universal-skills-report{display:flex;flex-direction:column;justify-content:space-between;align-items:center;gap:.6rem;margin-bottom:2.2rem}.universal-skills-report:last-of-type{margin-bottom:0}.universal-skills-report .title-and-info{width:100%;display:flex;flex-direction:column;gap:.7rem}.universal-skills-report .accordion-items{width:100%;display:flex;flex-direction:column;gap:.6rem}.universal-skills-report .accordion-items .universal-skills-accordion .custom-header{width:100%;display:flex;justify-content:space-between;align-items:center;gap:1rem}.universal-skills-report .accordion-items .universal-skills-accordion .custom-header .custom-header-subtitle{font-weight:400}.universal-skills-report .accordion-items .universal-skills-accordion .custom-header .inner-container{width:70%;max-width:450px;display:flex;justify-content:space-between;align-items:center;gap:1rem}.universal-skills-report .accordion-items .universal-skills-accordion .custom-header .inner-container .percentile-scoring-badge{width:126px;display:flex;justify-content:center}.universal-skills-report .accordion-items .universal-skills-accordion .custom-header .inner-container .percentile-quantity{margin-top:-.4rem;white-space:nowrap}.universal-skills-report .accordion-items .universal-skills-accordion .custom-header .inner-container .percentile-quantity .percentile-suffix{font-size:8px;line-height:22px;font-weight:700;margin-left:-.1rem}.universal-skills-report .accordion-items .universal-skills-accordion .custom-header .inner-container .percentile-scoring-bar{width:180px;height:8px}@media(max-width:600px){.universal-skills-report .accordion-items .universal-skills-accordion .custom-header{flex-direction:column;align-items:flex-start;min-height:60px}.universal-skills-report .accordion-items .universal-skills-accordion .custom-header .custom-header-subtitle{white-space:nowrap}.universal-skills-report .accordion-items .universal-skills-accordion .custom-header .inner-container{width:100%;max-width:none;position:absolute;top:45px;left:0;padding:0 1.5rem 0 1rem}.universal-skills-report .accordion-items .universal-skills-accordion .custom-header .inner-container .percentile-scoring-badge{justify-content:flex-start}}.universal-skills-report .accordion-items .universal-skills-accordion ::ng-deep .mat-accordion .mat-expansion-panel{border:1px solid #d3d3d3}.universal-skills-report .accordion-items .universal-skills-accordion ::ng-deep .mat-accordion .mat-expansion-panel .mat-expansion-panel-body{background-color:transparent}.universal-skills-report .accordion-items .universal-skills-accordion ::ng-deep .mat-accordion .mat-expansion-panel .mat-expansion-panel-body .content-container{display:flex;flex-direction:column;gap:1rem}.universal-skills-report .accordion-items .universal-skills-accordion ::ng-deep .mat-accordion .mat-expansion-panel .mat-expansion-panel-body .content-container p{line-height:21px;margin:0}.universal-skills-report .accordion-items .universal-skills-accordion ::ng-deep .mat-accordion .mat-expansion-panel .mat-expansion-panel-body .content-container .skill-description{color:#666;line-height:22px;margin:.5rem 0}.universal-skills-report .accordion-items .universal-skills-accordion ::ng-deep .mat-accordion .mat-expansion-panel .mat-expansion-panel-body .content-container .inner-container{background-color:#f4f4f4;padding:1rem;border-radius:10px;display:flex;flex-direction:column;gap:1rem}\n"],
+			dependencies: [
+				{
+					kind: "component",
+					type: AccordionComponent,
+					selector: "ui-accordion",
+					inputs: [
+						"label",
+						"open",
+						"disabled",
+						"showPremiumIcon",
+						"premiumTooltipText",
+						"applicationTheme",
+						"labelIcon",
+						"variant",
+						"allowCustomHeader",
+						"noBackgroundColor",
+						"toggleIconPosition",
+						"toggleIcon",
+						"toggleIconExpanded",
+						"boldLabel"
+					],
+					outputs: ["closed", "opened"]
+				},
+				{
+					kind: "component",
+					type: BadgeComponent,
+					selector: "ui-badge",
+					inputs: [
+						"label",
+						"staticLabel",
+						"icon",
+						"iconColor",
+						"trailingIcon",
+						"trailingIconColor",
+						"color",
+						"variant",
+						"notificationsAmount",
+						"applicationTheme",
+						"rebrandColor",
+						"truncateLabel",
+						"enableAnimation"
+					]
+				},
+				{
+					kind: "component",
+					type: ProgressBarComponent,
+					selector: "ui-progress-bar",
+					inputs: [
+						"companyColor",
+						"progress",
+						"mode",
+						"buffer",
+						"applicationTheme",
+						"ariaLabel",
+						"ariaDescribedBy",
+						"showPercentage"
+					]
+				},
+				{
+					kind: "pipe",
+					type: AsyncPipe,
+					name: "async"
+				},
+				{
+					kind: "pipe",
+					type: KeyValuePipe,
+					name: "keyvalue"
+				},
+				{
+					kind: "pipe",
+					type: MemoizeFuncPipe,
+					name: "memoizeFunc"
+				},
+				{
+					kind: "pipe",
+					type: UiTranslatePipe,
+					name: "uiTranslate"
+				},
+				{
+					kind: "pipe",
+					type: OrdinalSuffixPipe,
+					name: "ordinalSuffix"
+				}
+			],
+			changeDetection: i0.ChangeDetectionStrategy.OnPush
+		});
+	}
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.4",
+	ngImport: i0,
+	type: UniversalSkillsReportComponent,
+	decorators: [{
+		type: Component,
+		args: [{
+			selector: "ui-universal-skills-report",
+			changeDetection: ChangeDetectionStrategy.OnPush,
+			imports: [
+				AccordionComponent,
+				BadgeComponent,
+				ProgressBarComponent,
+				AsyncPipe,
+				KeyValuePipe,
+				MemoizeFuncPipe,
+				UiTranslatePipe,
+				OrdinalSuffixPipe
+			],
+			template: "@for (skillAreaGroup of skillAreaGroupMap | keyvalue; track skillAreaGroup) {\n  <div class=\"universal-skills-report\">\n    <section class=\"title-and-info\">\n      <h4>{{ skillAreaGroup.value.title | uiTranslate | async }}</h4>\n      <span>{{ skillAreaGroup.value.description | uiTranslate | async }}</span>\n    </section>\n    <section class=\"accordion-items\">\n      @for (skillAreaData of skillAreaGroup?.value?.skillAreaList; track skillAreaData) {\n        <ui-accordion class=\"universal-skills-accordion\" label=\"-\" [allowCustomHeader]=\"true\">\n          <div customHeader class=\"custom-header\">\n            <h4 class=\"custom-header-subtitle\">\n              {{\n                translationContext + 'SKILL_AREA_TYPES.' + skillAreaData.skillAreaName + '.TITLE' | uiTranslate | async\n              }}\n            </h4>\n            <div class=\"inner-container\">\n              <ui-badge\n                class=\"percentile-scoring-badge\"\n                [label]=\"\n                  (skillAreaData.percentileScoring | memoizeFunc: getScoreBadgeLabel : this | uiTranslate | async) ||\n                  'neutral'\n                \"\n                [rebrandColor]=\"skillAreaData.percentileScoring | memoizeFunc: getScoreBadgeColor : this\"\n                [applicationTheme]=\"'light'\"\n              ></ui-badge>\n              <h5 class=\"percentile-quantity\">\n                {{ skillAreaData?.percentileScoring }}\n                <sup class=\"percentile-suffix\">{{\n                  skillAreaData.percentileScoring | ordinalSuffix | uiTranslate | async\n                }}</sup>\n                {{ translationContext + 'PERCENTILE' | uiTranslate | async }}\n              </h5>\n              <ui-progress-bar\n                class=\"percentile-scoring-bar\"\n                mode=\"determinate\"\n                [progress]=\"skillAreaData.percentileScoring\"\n              ></ui-progress-bar>\n            </div>\n          </div>\n          <div class=\"content-container\">\n            <p class=\"skill-description\">\n              {{\n                translationContext + 'SKILL_AREA_TYPES.' + skillAreaData.skillAreaName + '.DESCRIPTION'\n                  | uiTranslate\n                  | async\n              }}\n            </p>\n            <h5>\n              {{ skillAreaData.percentileScoring | memoizeFunc: getScoreBadgeLabel : this | uiTranslate | async }} score\n            </h5>\n            <div class=\"inner-container\">\n              <p>\n                {{\n                  translationContext +\n                    'SKILL_AREA_TYPES.' +\n                    skillAreaData.skillAreaName +\n                    '.' +\n                    ([skillAreaData.percentileScoring, true] | memoizeFunc: checkScoreClassification : this) +\n                    '.GENERAL'\n                    | uiTranslate\n                    | async\n                }}\n              </p>\n            </div>\n            <div class=\"inner-container\">\n              <p>\n                {{\n                  translationContext +\n                    'SKILL_AREA_TYPES.' +\n                    skillAreaData.skillAreaName +\n                    '.' +\n                    ([skillAreaData.percentileScoring, true] | memoizeFunc: checkScoreClassification : this) +\n                    '.WORK_ENVIRONMENT'\n                    | uiTranslate\n                    | async\n                }}\n              </p>\n            </div>\n            <div class=\"inner-container\">\n              <p>\n                {{\n                  translationContext +\n                    'SKILL_AREA_TYPES.' +\n                    skillAreaData.skillAreaName +\n                    '.' +\n                    ([skillAreaData.percentileScoring, true] | memoizeFunc: checkScoreClassification : this) +\n                    '.RECOMMENDATIONS'\n                    | uiTranslate\n                    | async\n                }}\n              </p>\n            </div>\n          </div>\n        </ui-accordion>\n      }\n    </section>\n  </div>\n}\n",
+			styles: [".bg-teal-60b{background:#1c443c}.bg-teal-30b{background:#31766a}.bg-teal-default{background:#46a997}.bg-teal-30w{background:#7ec3b6}.bg-teal-60w{background:#b5ddd5}.bg-teal-secondary{background:#cbd6cb}.bg-teal-90w{background:#ecf6f5}.bg-petrol-60b{background:#102930}.bg-petrol-30b{background:#1b4754}.bg-petrol-default{background:#276678}.bg-petrol-30w{background:#6894a0}.bg-petrol-60w{background:#a9c2c9}.bg-petrol-secondary{background:#c8d7de}.bg-petrol-90w{background:#e9f0f1}.bg-error-60b{background:#513131}.bg-error-30b{background:#8e5655}.bg-error-60w{background:#e3c3c6}.bg-error-secondary{background:#f0dad9}.bg-error-default{background:#cb7b7a}.bg-warning-secondary{background:#f0d6bb}.bg-warning-default{background:#cca45f}.bg-black{background:#000}.bg-dark{background:#888}.bg-medium{background:#e0e0e0}.bg-grey{background:#ededed}.bg-light{background:#f6f6f6}.bg-white{background:#fff}.bg-box-shadow{background:#00000014}.bg-navigation-subtitle{background:#528593}.bgc-teal-60b{background-color:#1c443c}.bgc-teal-30b{background-color:#31766a}.bgc-teal-default{background-color:#46a997}.bgc-teal-30w{background-color:#7ec3b6}.bgc-teal-60w{background-color:#b5ddd5}.bgc-teal-secondary{background-color:#cbd6cb}.bgc-teal-90w{background-color:#ecf6f5}.bgc-petrol-60b{background-color:#102930}.bgc-petrol-30b{background-color:#1b4754}.bgc-petrol-default{background-color:#276678}.bgc-petrol-30w{background-color:#6894a0}.bgc-petrol-60w{background-color:#a9c2c9}.bgc-petrol-secondary{background-color:#c8d7de}.bgc-petrol-90w{background-color:#e9f0f1}.bgc-error-60b{background-color:#513131}.bgc-error-30b{background-color:#8e5655}.bgc-error-60w{background-color:#e3c3c6}.bgc-error-secondary{background-color:#f0dad9}.bgc-error-default{background-color:#cb7b7a}.bgc-warning-secondary{background-color:#f0d6bb}.bgc-warning-default{background-color:#cca45f}.bgc-black{background-color:#000}.bgc-dark{background-color:#888}.bgc-medium{background-color:#e0e0e0}.bgc-grey{background-color:#ededed}.bgc-light{background-color:#f6f6f6}.bgc-white{background-color:#fff}.bgc-box-shadow{background-color:#00000014}.bgc-navigation-subtitle{background-color:#528593}.universal-skills-report{display:flex;flex-direction:column;justify-content:space-between;align-items:center;gap:.6rem;margin-bottom:2.2rem}.universal-skills-report:last-of-type{margin-bottom:0}.universal-skills-report .title-and-info{width:100%;display:flex;flex-direction:column;gap:.7rem}.universal-skills-report .accordion-items{width:100%;display:flex;flex-direction:column;gap:.6rem}.universal-skills-report .accordion-items .universal-skills-accordion .custom-header{width:100%;display:flex;justify-content:space-between;align-items:center;gap:1rem}.universal-skills-report .accordion-items .universal-skills-accordion .custom-header .custom-header-subtitle{font-weight:400}.universal-skills-report .accordion-items .universal-skills-accordion .custom-header .inner-container{width:70%;max-width:450px;display:flex;justify-content:space-between;align-items:center;gap:1rem}.universal-skills-report .accordion-items .universal-skills-accordion .custom-header .inner-container .percentile-scoring-badge{width:126px;display:flex;justify-content:center}.universal-skills-report .accordion-items .universal-skills-accordion .custom-header .inner-container .percentile-quantity{margin-top:-.4rem;white-space:nowrap}.universal-skills-report .accordion-items .universal-skills-accordion .custom-header .inner-container .percentile-quantity .percentile-suffix{font-size:8px;line-height:22px;font-weight:700;margin-left:-.1rem}.universal-skills-report .accordion-items .universal-skills-accordion .custom-header .inner-container .percentile-scoring-bar{width:180px;height:8px}@media(max-width:600px){.universal-skills-report .accordion-items .universal-skills-accordion .custom-header{flex-direction:column;align-items:flex-start;min-height:60px}.universal-skills-report .accordion-items .universal-skills-accordion .custom-header .custom-header-subtitle{white-space:nowrap}.universal-skills-report .accordion-items .universal-skills-accordion .custom-header .inner-container{width:100%;max-width:none;position:absolute;top:45px;left:0;padding:0 1.5rem 0 1rem}.universal-skills-report .accordion-items .universal-skills-accordion .custom-header .inner-container .percentile-scoring-badge{justify-content:flex-start}}.universal-skills-report .accordion-items .universal-skills-accordion ::ng-deep .mat-accordion .mat-expansion-panel{border:1px solid #d3d3d3}.universal-skills-report .accordion-items .universal-skills-accordion ::ng-deep .mat-accordion .mat-expansion-panel .mat-expansion-panel-body{background-color:transparent}.universal-skills-report .accordion-items .universal-skills-accordion ::ng-deep .mat-accordion .mat-expansion-panel .mat-expansion-panel-body .content-container{display:flex;flex-direction:column;gap:1rem}.universal-skills-report .accordion-items .universal-skills-accordion ::ng-deep .mat-accordion .mat-expansion-panel .mat-expansion-panel-body .content-container p{line-height:21px;margin:0}.universal-skills-report .accordion-items .universal-skills-accordion ::ng-deep .mat-accordion .mat-expansion-panel .mat-expansion-panel-body .content-container .skill-description{color:#666;line-height:22px;margin:.5rem 0}.universal-skills-report .accordion-items .universal-skills-accordion ::ng-deep .mat-accordion .mat-expansion-panel .mat-expansion-panel-body .content-container .inner-container{background-color:#f4f4f4;padding:1rem;border-radius:10px;display:flex;flex-direction:column;gap:1rem}\n"]
+		}]
+	}],
+	ctorParameters: () => [{
+		type: void 0,
+		decorators: [{ type: Optional }, {
+			type: Inject,
+			args: ["CANOPYUI_DEFAULT_APPLICATION_THEME"]
+		}]
+	}, { type: UniversalSkillsService }],
+	propDecorators: {
+		applicationTheme: [{ type: Input }],
+		skillAreaDataList: [{ type: Input }]
+	}
+});
+var UniversalSkillsReportComponentModule = class UniversalSkillsReportComponentModule {
+	static {
+		this.ɵfac = i0.ɵɵngDeclareFactory({
+			minVersion: "12.0.0",
+			version: "22.2.4",
+			ngImport: i0,
+			type: UniversalSkillsReportComponentModule,
+			deps: [],
+			target: i0.ɵɵFactoryTarget.NgModule
+		});
+	}
+	static {
+		this.ɵmod = i0.ɵɵngDeclareNgModule({
+			minVersion: "14.0.0",
+			version: "22.2.4",
+			ngImport: i0,
+			type: UniversalSkillsReportComponentModule,
+			imports: [
+				CommonModule,
+				AccordionComponentModule,
+				BadgeComponentModule,
+				ProgressBarComponentModule,
+				MemoizeFuncPipe,
+				UiTranslatePipe,
+				OrdinalSuffixPipe,
+				KeyValuePipe,
+				UniversalSkillsReportComponent
+			],
+			exports: [UniversalSkillsReportComponent]
+		});
+	}
+	static {
+		this.ɵinj = i0.ɵɵngDeclareInjector({
+			minVersion: "12.0.0",
+			version: "22.2.4",
+			ngImport: i0,
+			type: UniversalSkillsReportComponentModule,
+			imports: [
+				CommonModule,
+				AccordionComponentModule,
+				BadgeComponentModule,
+				ProgressBarComponentModule,
+				UniversalSkillsReportComponent
+			]
+		});
+	}
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.4",
+	ngImport: i0,
+	type: UniversalSkillsReportComponentModule,
+	decorators: [{
+		type: NgModule,
+		args: [{
+			imports: [
+				CommonModule,
+				AccordionComponentModule,
+				BadgeComponentModule,
+				ProgressBarComponentModule,
+				MemoizeFuncPipe,
+				UiTranslatePipe,
+				OrdinalSuffixPipe,
+				KeyValuePipe,
+				UniversalSkillsReportComponent
+			],
+			exports: [UniversalSkillsReportComponent]
+		}]
+	}]
+});
+var UniversalSkillsSpiderChartsComponent = class UniversalSkillsSpiderChartsComponent {
+	constructor(defaultAppTheme, universalSkillsService, uiTranslatePipe) {
+		this.defaultAppTheme = defaultAppTheme;
+		this.universalSkillsService = universalSkillsService;
+		this.uiTranslatePipe = uiTranslatePipe;
+		this.applicationTheme = "light";
+		this.loading = false;
+		this.size = "large";
+		this.translationContext = "UNIVERSAL_SKILLS_REPORT.";
+		this.skillAreaSpiderChartData = [];
+		if (defaultAppTheme) this.applicationTheme = defaultAppTheme;
+	}
+	ngOnInit() {
+		this.universalSkillsService.initializeSkillAreaGroupMap();
+		this.universalSkillsService.prepareSkillAreaGroupMap(this.skillAreaDataList);
+		this.skillAreaGroupMap = this.universalSkillsService.getSkillAreaGroupMap();
+		this.prepareSpiderChartData();
+	}
+	prepareSpiderChartData() {
+		this.skillAreaSpiderChartData = [];
+		Object.values(this.skillAreaGroupMap).forEach((skillAreaGroup) => {
+			const labelObservables = skillAreaGroup.skillAreaList.map((skillArea) => this.uiTranslatePipe.transform(`${this.translationContext}SKILL_AREA_TYPES.${skillArea.skillAreaName}.TITLE`));
+			const labelDescriptionObservables = skillAreaGroup.skillAreaList.map((skillArea) => this.uiTranslatePipe.transform(`${this.translationContext}SKILL_AREA_TYPES.${skillArea.skillAreaName}.DESCRIPTION`));
+			const allObservables = [...labelObservables, ...labelDescriptionObservables];
+			const translations = [];
+			allObservables.forEach((observable) => {
+				observable.pipe(take(1)).subscribe((translation) => {
+					translations.push(translation);
+				});
+			});
+			const labels = translations.slice(0, labelObservables.length);
+			const labelDescriptions = translations.slice(labelObservables.length);
+			this.skillAreaSpiderChartData.push({
+				title: skillAreaGroup.title,
+				description: skillAreaGroup.description,
+				spiderChartData: {
+					labels,
+					labelDescription: labelDescriptions,
+					plotData: skillAreaGroup.skillAreaList?.[0]?.poolPercentileScoring !== void 0 ? [{
+						data: skillAreaGroup.skillAreaList.map((skillArea) => skillArea.percentileScoring),
+						databaseLabel: "This candidate's score"
+					}, {
+						data: skillAreaGroup.skillAreaList.map((skillArea) => skillArea.poolPercentileScoring ?? 0),
+						databaseLabel: "Average score of all candidates"
+					}] : [{
+						data: skillAreaGroup.skillAreaList.map((skillArea) => skillArea.percentileScoring),
+						databaseLabel: "This candidate's score"
+					}]
+				}
+			});
+		});
+	}
+	static {
+		this.ɵfac = i0.ɵɵngDeclareFactory({
+			minVersion: "12.0.0",
+			version: "22.2.4",
+			ngImport: i0,
+			type: UniversalSkillsSpiderChartsComponent,
+			deps: [
+				{
+					token: "CANOPYUI_DEFAULT_APPLICATION_THEME",
+					optional: true
+				},
+				{ token: UniversalSkillsService },
+				{ token: i2.UiTranslatePipe }
+			],
+			target: i0.ɵɵFactoryTarget.Component
+		});
+	}
+	static {
+		this.ɵcmp = i0.ɵɵngDeclareComponent({
+			minVersion: "17.0.0",
+			version: "22.2.4",
+			type: UniversalSkillsSpiderChartsComponent,
+			isStandalone: true,
+			selector: "ui-universal-skills-spider-charts",
+			inputs: {
+				applicationTheme: "applicationTheme",
+				skillAreaDataList: "skillAreaDataList",
+				loading: "loading",
+				size: "size"
+			},
+			ngImport: i0,
+			template: "@for (spiderChartData of skillAreaSpiderChartData; track spiderChartData) {\n  <ui-accordion\n    class=\"universal-skills-spider-charts\"\n    [label]=\"(spiderChartData.title | uiTranslate | async) || ''\"\n    variant=\"filter\"\n  >\n    <ui-spider-chart\n      [spiderChartData]=\"spiderChartData.spiderChartData\"\n      [loading]=\"loading\"\n      [size]=\"size\"\n    ></ui-spider-chart>\n  </ui-accordion>\n  @if ($index < skillAreaSpiderChartData.length - 1) {\n    <ui-divider class=\"universal-skills-spider-charts-divider\" size=\"small\"></ui-divider>\n  }\n}\n",
+			styles: [".universal-skills-spider-charts ::ng-deep .accordion-wrapper[theme=light] .mat-expansion-panel .mat-expansion-panel-header .accordion-label{font-weight:700}.universal-skills-spider-charts-divider ::ng-deep .ui-divider-wrapper{margin-top:8px;margin-bottom:8px}\n"],
+			dependencies: [
+				{
+					kind: "component",
+					type: AccordionComponent,
+					selector: "ui-accordion",
+					inputs: [
+						"label",
+						"open",
+						"disabled",
+						"showPremiumIcon",
+						"premiumTooltipText",
+						"applicationTheme",
+						"labelIcon",
+						"variant",
+						"allowCustomHeader",
+						"noBackgroundColor",
+						"toggleIconPosition",
+						"toggleIcon",
+						"toggleIconExpanded",
+						"boldLabel"
+					],
+					outputs: ["closed", "opened"]
+				},
+				{
+					kind: "component",
+					type: SpiderChartComponent,
+					selector: "ui-spider-chart",
+					inputs: [
+						"size",
+						"spiderChartData",
+						"stepSize",
+						"ariaLabel",
+						"loading",
+						"applicationTheme"
+					]
+				},
+				{
+					kind: "component",
+					type: DividerComponent,
+					selector: "ui-divider",
+					inputs: [
+						"size",
+						"companyColor",
+						"applicationTheme",
+						"label"
+					]
+				},
+				{
+					kind: "pipe",
+					type: AsyncPipe,
+					name: "async"
+				},
+				{
+					kind: "pipe",
+					type: UiTranslatePipe,
+					name: "uiTranslate"
+				}
+			],
+			changeDetection: i0.ChangeDetectionStrategy.OnPush
+		});
+	}
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.4",
+	ngImport: i0,
+	type: UniversalSkillsSpiderChartsComponent,
+	decorators: [{
+		type: Component,
+		args: [{
+			selector: "ui-universal-skills-spider-charts",
+			changeDetection: ChangeDetectionStrategy.OnPush,
+			imports: [
+				AccordionComponent,
+				SpiderChartComponent,
+				DividerComponent,
+				AsyncPipe,
+				UiTranslatePipe
+			],
+			template: "@for (spiderChartData of skillAreaSpiderChartData; track spiderChartData) {\n  <ui-accordion\n    class=\"universal-skills-spider-charts\"\n    [label]=\"(spiderChartData.title | uiTranslate | async) || ''\"\n    variant=\"filter\"\n  >\n    <ui-spider-chart\n      [spiderChartData]=\"spiderChartData.spiderChartData\"\n      [loading]=\"loading\"\n      [size]=\"size\"\n    ></ui-spider-chart>\n  </ui-accordion>\n  @if ($index < skillAreaSpiderChartData.length - 1) {\n    <ui-divider class=\"universal-skills-spider-charts-divider\" size=\"small\"></ui-divider>\n  }\n}\n",
+			styles: [".universal-skills-spider-charts ::ng-deep .accordion-wrapper[theme=light] .mat-expansion-panel .mat-expansion-panel-header .accordion-label{font-weight:700}.universal-skills-spider-charts-divider ::ng-deep .ui-divider-wrapper{margin-top:8px;margin-bottom:8px}\n"]
+		}]
+	}],
+	ctorParameters: () => [
+		{
+			type: void 0,
+			decorators: [{ type: Optional }, {
+				type: Inject,
+				args: ["CANOPYUI_DEFAULT_APPLICATION_THEME"]
+			}]
+		},
+		{ type: UniversalSkillsService },
+		{ type: i2.UiTranslatePipe }
+	],
+	propDecorators: {
+		applicationTheme: [{ type: Input }],
+		skillAreaDataList: [{ type: Input }],
+		loading: [{ type: Input }],
+		size: [{ type: Input }]
+	}
+});
+var UniversalSkillsSpiderChartsComponentModule = class UniversalSkillsSpiderChartsComponentModule {
+	static {
+		this.ɵfac = i0.ɵɵngDeclareFactory({
+			minVersion: "12.0.0",
+			version: "22.2.4",
+			ngImport: i0,
+			type: UniversalSkillsSpiderChartsComponentModule,
+			deps: [],
+			target: i0.ɵɵFactoryTarget.NgModule
+		});
+	}
+	static {
+		this.ɵmod = i0.ɵɵngDeclareNgModule({
+			minVersion: "14.0.0",
+			version: "22.2.4",
+			ngImport: i0,
+			type: UniversalSkillsSpiderChartsComponentModule,
+			imports: [
+				CommonModule,
+				AccordionComponentModule,
+				BadgeComponentModule,
+				ProgressBarComponentModule,
+				SpiderChartComponentModule,
+				DividerComponentModule,
+				MemoizeFuncPipe,
+				UiTranslatePipe,
+				OrdinalSuffixPipe,
+				KeyValuePipe,
+				UniversalSkillsSpiderChartsComponent
+			],
+			exports: [UniversalSkillsSpiderChartsComponent]
+		});
+	}
+	static {
+		this.ɵinj = i0.ɵɵngDeclareInjector({
+			minVersion: "12.0.0",
+			version: "22.2.4",
+			ngImport: i0,
+			type: UniversalSkillsSpiderChartsComponentModule,
+			providers: [UiTranslatePipe],
+			imports: [
+				CommonModule,
+				AccordionComponentModule,
+				BadgeComponentModule,
+				ProgressBarComponentModule,
+				SpiderChartComponentModule,
+				DividerComponentModule,
+				UniversalSkillsSpiderChartsComponent
+			]
+		});
+	}
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.4",
+	ngImport: i0,
+	type: UniversalSkillsSpiderChartsComponentModule,
+	decorators: [{
+		type: NgModule,
+		args: [{
+			imports: [
+				CommonModule,
+				AccordionComponentModule,
+				BadgeComponentModule,
+				ProgressBarComponentModule,
+				SpiderChartComponentModule,
+				DividerComponentModule,
+				MemoizeFuncPipe,
+				UiTranslatePipe,
+				OrdinalSuffixPipe,
+				KeyValuePipe,
+				UniversalSkillsSpiderChartsComponent
+			],
+			providers: [UiTranslatePipe],
+			exports: [UniversalSkillsSpiderChartsComponent]
+		}]
+	}]
+});
 export { SkillAreaGroupTypes, SkillAreaTypes, UniversalSkillsReportComponent, UniversalSkillsReportComponentModule, UniversalSkillsService, UniversalSkillsSpiderChartsComponent, UniversalSkillsSpiderChartsComponentModule };
-//# sourceMappingURL=testgorilla-tgo-ui-components-universal-skills.mjs.map
+
+//# sourceMappingURL=testgorilla-tgo-ui-components-universal-skills.mjs.map