@testgorilla/tgo-ui 4.2.4 → 5.0.0

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

@@ -0,0 +1,381 @@
+import * as i0 from '@angular/core';
+import { Injectable, Input, Optional, Inject, ChangeDetectionStrategy, Component, NgModule } from '@angular/core';
+import * as i4 from '@testgorilla/tgo-ui/components/badge';
+import { RebrandBadgeColorEnum, BadgeComponentModule } from '@testgorilla/tgo-ui/components/badge';
+import * as i2 from '@angular/common';
+import { CommonModule, KeyValuePipe } from '@angular/common';
+import * as i3 from '@testgorilla/tgo-ui/components/accordion';
+import { AccordionComponentModule } from '@testgorilla/tgo-ui/components/accordion';
+import * as i5 from '@testgorilla/tgo-ui/components/progress-bar';
+import { ProgressBarComponentModule } from '@testgorilla/tgo-ui/components/progress-bar';
+import * as i6 from '@testgorilla/tgo-ui/components/core';
+import { MemoizeFuncPipe, UiTranslatePipe, OrdinalSuffixPipe } from '@testgorilla/tgo-ui/components/core';
+import { take } from 'rxjs';
+import * as i4$1 from '@testgorilla/tgo-ui/components/spider-chart';
+import { SpiderChartComponentModule } from '@testgorilla/tgo-ui/components/spider-chart';
+import * as i5$1 from '@testgorilla/tgo-ui/components/divider';
+import { DividerComponentModule } from '@testgorilla/tgo-ui/components/divider';
+
+//TODO Update this model after backend/endpoint definitions
+var SkillAreaGroupTypes;
+(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";
+})(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: "19.2.18", ngImport: i0, type: UniversalSkillsService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: UniversalSkillsService, providedIn: 'root' }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", 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: "19.2.18", ngImport: i0, type: UniversalSkillsReportComponent, deps: [{ token: 'CANOPYUI_DEFAULT_APPLICATION_THEME', optional: true }, { token: UniversalSkillsService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.18", type: UniversalSkillsReportComponent, isStandalone: false, selector: "ui-universal-skills-report", inputs: { applicationTheme: "applicationTheme", skillAreaDataList: "skillAreaDataList" }, ngImport: i0, template: "<div\n  *ngFor=\"let skillAreaGroup of skillAreaGroupMap | keyvalue\"\n  class=\"universal-skills-report\"\n>\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\n  <section class=\"accordion-items\">\n    <ui-accordion\n      *ngFor=\"let skillAreaData of skillAreaGroup?.value?.skillAreaList\"\n      class=\"universal-skills-accordion\"\n      label=\"-\"\n      [allowCustomHeader]=\"true\"\n    >\n      <div\n        customHeader\n        class=\"custom-header\"\n      >\n        <h4 class=\"custom-header-subtitle\">{{ (translationContext + 'SKILL_AREA_TYPES.' + skillAreaData.skillAreaName + '.TITLE') | uiTranslate | async}}</h4>\n\n        <div class=\"inner-container\">\n          <ui-badge\n            class=\"percentile-scoring-badge\"\n            [label]=\"((skillAreaData.percentileScoring | memoizeFunc : getScoreBadgeLabel : this) | uiTranslate | async) || 'neutral'\"\n            [rebrandColor]=\"skillAreaData.percentileScoring | memoizeFunc : getScoreBadgeColor : this\"\n            [applicationTheme]=\"'light'\"\n          ></ui-badge>\n\n          <h5 class=\"percentile-quantity\">\n            {{skillAreaData?.percentileScoring}}\n            <sup class=\"percentile-suffix\">{{(skillAreaData.percentileScoring | ordinalSuffix) | uiTranslate | async}}</sup>\n            {{(translationContext + 'PERCENTILE') | uiTranslate | async}}\n          </h5>\n\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\n      <div class=\"content-container\">\n        <p class=\"skill-description\">{{ (translationContext + 'SKILL_AREA_TYPES.' + skillAreaData.skillAreaName + '.DESCRIPTION') | uiTranslate | async}}</p>\n\n        <h5>{{(skillAreaData.percentileScoring | memoizeFunc : getScoreBadgeLabel : this) | uiTranslate | async}} score</h5>\n\n        <div class=\"inner-container\">\n          <p>{{ (translationContext +\n            'SKILL_AREA_TYPES.' +\n            skillAreaData.skillAreaName + '.' +\n            ([skillAreaData.percentileScoring, true] | memoizeFunc : checkScoreClassification : this) +\n            '.GENERAL')\n          | uiTranslate | async}}</p>\n        </div>\n\n        <div class=\"inner-container\">\n          <p>{{ (translationContext +\n            'SKILL_AREA_TYPES.' +\n            skillAreaData.skillAreaName + '.' +\n            ([skillAreaData.percentileScoring, true] | memoizeFunc : checkScoreClassification : this) +\n            '.WORK_ENVIRONMENT')\n          | uiTranslate | async}}</p>\n        </div>\n\n        <div class=\"inner-container\">\n          <p>{{ (translationContext +\n            'SKILL_AREA_TYPES.' +\n            skillAreaData.skillAreaName + '.' +\n            ([skillAreaData.percentileScoring, true] | memoizeFunc : checkScoreClassification : this) +\n            '.RECOMMENDATIONS')\n          | uiTranslate | async}}</p>\n        </div>\n      </div>\n    </ui-accordion>\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: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "component", type: i3.AccordionComponent, selector: "ui-accordion", inputs: ["label", "open", "disabled", "showPremiumIcon", "premiumTooltipText", "applicationTheme", "labelIcon", "variant", "allowCustomHeader", "noBackgroundColor", "toggleIconPosition"], outputs: ["closed", "opened"] }, { kind: "component", type: i4.BadgeComponent, selector: "ui-badge", inputs: ["label", "icon", "color", "variant", "notificationsAmount", "applicationTheme", "rebrandColor", "truncateLabel", "enableAnimation"] }, { kind: "component", type: i5.ProgressBarComponent, selector: "ui-progress-bar", inputs: ["companyColor", "progress", "mode", "buffer", "applicationTheme", "ariaLabel", "ariaDescribedBy", "showPercentage"] }, { kind: "pipe", type: i2.AsyncPipe, name: "async" }, { kind: "pipe", type: i2.KeyValuePipe, name: "keyvalue" }, { kind: "pipe", type: i6.MemoizeFuncPipe, name: "memoizeFunc" }, { kind: "pipe", type: i6.UiTranslatePipe, name: "uiTranslate" }, { kind: "pipe", type: i6.OrdinalSuffixPipe, name: "ordinalSuffix" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: UniversalSkillsReportComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'ui-universal-skills-report', changeDetection: ChangeDetectionStrategy.OnPush, standalone: false, template: "<div\n  *ngFor=\"let skillAreaGroup of skillAreaGroupMap | keyvalue\"\n  class=\"universal-skills-report\"\n>\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\n  <section class=\"accordion-items\">\n    <ui-accordion\n      *ngFor=\"let skillAreaData of skillAreaGroup?.value?.skillAreaList\"\n      class=\"universal-skills-accordion\"\n      label=\"-\"\n      [allowCustomHeader]=\"true\"\n    >\n      <div\n        customHeader\n        class=\"custom-header\"\n      >\n        <h4 class=\"custom-header-subtitle\">{{ (translationContext + 'SKILL_AREA_TYPES.' + skillAreaData.skillAreaName + '.TITLE') | uiTranslate | async}}</h4>\n\n        <div class=\"inner-container\">\n          <ui-badge\n            class=\"percentile-scoring-badge\"\n            [label]=\"((skillAreaData.percentileScoring | memoizeFunc : getScoreBadgeLabel : this) | uiTranslate | async) || 'neutral'\"\n            [rebrandColor]=\"skillAreaData.percentileScoring | memoizeFunc : getScoreBadgeColor : this\"\n            [applicationTheme]=\"'light'\"\n          ></ui-badge>\n\n          <h5 class=\"percentile-quantity\">\n            {{skillAreaData?.percentileScoring}}\n            <sup class=\"percentile-suffix\">{{(skillAreaData.percentileScoring | ordinalSuffix) | uiTranslate | async}}</sup>\n            {{(translationContext + 'PERCENTILE') | uiTranslate | async}}\n          </h5>\n\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\n      <div class=\"content-container\">\n        <p class=\"skill-description\">{{ (translationContext + 'SKILL_AREA_TYPES.' + skillAreaData.skillAreaName + '.DESCRIPTION') | uiTranslate | async}}</p>\n\n        <h5>{{(skillAreaData.percentileScoring | memoizeFunc : getScoreBadgeLabel : this) | uiTranslate | async}} score</h5>\n\n        <div class=\"inner-container\">\n          <p>{{ (translationContext +\n            'SKILL_AREA_TYPES.' +\n            skillAreaData.skillAreaName + '.' +\n            ([skillAreaData.percentileScoring, true] | memoizeFunc : checkScoreClassification : this) +\n            '.GENERAL')\n          | uiTranslate | async}}</p>\n        </div>\n\n        <div class=\"inner-container\">\n          <p>{{ (translationContext +\n            'SKILL_AREA_TYPES.' +\n            skillAreaData.skillAreaName + '.' +\n            ([skillAreaData.percentileScoring, true] | memoizeFunc : checkScoreClassification : this) +\n            '.WORK_ENVIRONMENT')\n          | uiTranslate | async}}</p>\n        </div>\n\n        <div class=\"inner-container\">\n          <p>{{ (translationContext +\n            'SKILL_AREA_TYPES.' +\n            skillAreaData.skillAreaName + '.' +\n            ([skillAreaData.percentileScoring, true] | memoizeFunc : checkScoreClassification : this) +\n            '.RECOMMENDATIONS')\n          | uiTranslate | async}}</p>\n        </div>\n      </div>\n    </ui-accordion>\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: "19.2.18", ngImport: i0, type: UniversalSkillsReportComponentModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.18", ngImport: i0, type: UniversalSkillsReportComponentModule, declarations: [UniversalSkillsReportComponent], imports: [CommonModule,
+            AccordionComponentModule,
+            BadgeComponentModule,
+            ProgressBarComponentModule,
+            MemoizeFuncPipe,
+            UiTranslatePipe,
+            OrdinalSuffixPipe,
+            KeyValuePipe], exports: [UniversalSkillsReportComponent] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: UniversalSkillsReportComponentModule, imports: [CommonModule,
+            AccordionComponentModule,
+            BadgeComponentModule,
+            ProgressBarComponentModule] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: UniversalSkillsReportComponentModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [UniversalSkillsReportComponent],
+                    imports: [
+                        CommonModule,
+                        AccordionComponentModule,
+                        BadgeComponentModule,
+                        ProgressBarComponentModule,
+                        MemoizeFuncPipe,
+                        UiTranslatePipe,
+                        OrdinalSuffixPipe,
+                        KeyValuePipe,
+                    ],
+                    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: 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: "19.2.18", ngImport: i0, type: UniversalSkillsSpiderChartsComponent, deps: [{ token: 'CANOPYUI_DEFAULT_APPLICATION_THEME', optional: true }, { token: UniversalSkillsService }, { token: i6.UiTranslatePipe }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.18", type: UniversalSkillsSpiderChartsComponent, isStandalone: false, 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 class=\"universal-skills-spider-charts\" [label]=\"(spiderChartData.title | uiTranslate | async) || ''\" variant=\"filter\">\n    <ui-spider-chart [spiderChartData]=\"spiderChartData.spiderChartData\" [loading]=\"loading\" [size]=\"size\"></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: i3.AccordionComponent, selector: "ui-accordion", inputs: ["label", "open", "disabled", "showPremiumIcon", "premiumTooltipText", "applicationTheme", "labelIcon", "variant", "allowCustomHeader", "noBackgroundColor", "toggleIconPosition"], outputs: ["closed", "opened"] }, { kind: "component", type: i4$1.SpiderChartComponent, selector: "ui-spider-chart", inputs: ["size", "spiderChartData", "stepSize", "ariaLabel", "loading", "applicationTheme"] }, { kind: "component", type: i5$1.DividerComponent, selector: "ui-divider", inputs: ["size", "companyColor", "applicationTheme", "label"] }, { kind: "pipe", type: i2.AsyncPipe, name: "async" }, { kind: "pipe", type: i6.UiTranslatePipe, name: "uiTranslate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: UniversalSkillsSpiderChartsComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'ui-universal-skills-spider-charts', changeDetection: ChangeDetectionStrategy.OnPush, standalone: false, template: "@for (spiderChartData of skillAreaSpiderChartData; track spiderChartData) {\n  <ui-accordion class=\"universal-skills-spider-charts\" [label]=\"(spiderChartData.title | uiTranslate | async) || ''\" variant=\"filter\">\n    <ui-spider-chart [spiderChartData]=\"spiderChartData.spiderChartData\" [loading]=\"loading\" [size]=\"size\"></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: i6.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: "19.2.18", ngImport: i0, type: UniversalSkillsSpiderChartsComponentModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.18", ngImport: i0, type: UniversalSkillsSpiderChartsComponentModule, declarations: [UniversalSkillsSpiderChartsComponent], imports: [CommonModule,
+            AccordionComponentModule,
+            BadgeComponentModule,
+            ProgressBarComponentModule,
+            SpiderChartComponentModule,
+            DividerComponentModule,
+            MemoizeFuncPipe,
+            UiTranslatePipe,
+            OrdinalSuffixPipe,
+            KeyValuePipe], exports: [UniversalSkillsSpiderChartsComponent] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: UniversalSkillsSpiderChartsComponentModule, providers: [UiTranslatePipe], imports: [CommonModule,
+            AccordionComponentModule,
+            BadgeComponentModule,
+            ProgressBarComponentModule,
+            SpiderChartComponentModule,
+            DividerComponentModule] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: UniversalSkillsSpiderChartsComponentModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [UniversalSkillsSpiderChartsComponent],
+                    imports: [
+                        CommonModule,
+                        AccordionComponentModule,
+                        BadgeComponentModule,
+                        ProgressBarComponentModule,
+                        SpiderChartComponentModule,
+                        DividerComponentModule,
+                        MemoizeFuncPipe,
+                        UiTranslatePipe,
+                        OrdinalSuffixPipe,
+                        KeyValuePipe,
+                    ],
+                    providers: [UiTranslatePipe],
+                    exports: [UniversalSkillsSpiderChartsComponent],
+                }]
+        }] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { SkillAreaGroupTypes, SkillAreaTypes, UniversalSkillsReportComponent, UniversalSkillsReportComponentModule, UniversalSkillsService, UniversalSkillsSpiderChartsComponent, UniversalSkillsSpiderChartsComponentModule };
+//# sourceMappingURL=testgorilla-tgo-ui-components-universal-skills.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"testgorilla-tgo-ui-components-universal-skills.mjs","sources":["../../../components/universal-skills/universal-skills-report.model.ts","../../../components/universal-skills/universal-skills.service.ts","../../../components/universal-skills/universal-skills-report.component.ts","../../../components/universal-skills/universal-skills-report.component.html","../../../components/universal-skills/universal-skills-report.component.module.ts","../../../components/universal-skills/spider-charts/universal-skills-spider-charts.component.ts","../../../components/universal-skills/spider-charts/universal-skills-spider-charts.component.html","../../../components/universal-skills/spider-charts/universal-skills-spider-charts.component.module.ts","../../../components/universal-skills/testgorilla-tgo-ui-components-universal-skills.ts"],"sourcesContent":["import { SpiderChartData } from '@testgorilla/tgo-ui/components/spider-chart';\n\nexport interface SkillAreaGroup {\n  title: string;\n  description: string;\n  skillAreaList: SkillAreaData[];\n}\n\nexport interface SkillAreaSpiderChartData {\n  title: string;\n  description: string;\n  spiderChartData: SpiderChartData;\n}\n\nexport interface SkillAreaData {\n  percentileScoring: number;\n  poolPercentileScoring?: number;\n  skillAreaName: SkillAreaTypes;\n}\n\n//TODO Update this model after backend/endpoint definitions\nexport enum SkillAreaGroupTypes {\n  FocusingOnObjectives = 1,\n  WorkingWithPeople = 2,\n  ManagingOnesSelf = 3,\n}\n\n//TODO Update this model after backend/endpoint definitions\nexport enum SkillAreaTypes {\n  BusinessSavvy = 'BUSINESS_SAVVY',\n  StrategicPerspective = 'STRATEGIC_PERSPECTIVE',\n  CustomerFocus = 'CUSTOMER_FOCUS',\n  NavigatingComplexity = 'NAVIGATING_COMPLEXITY',\n  AgileDecisionMaking = 'AGILE_DECISION_MAKING',\n  EmbracingInnovation = 'EMBRACING_INNOVATION',\n  PlanningAndPrioritizing = 'PLANNING_AND_PRIORITIZING',\n  OrganizingResources = 'ORGANIZING_RESOURCES',\n  DrivingResults = 'DRIVING_RESULTS',\n\n  WorkingCollaboratively = 'WORKING_COLLABORATIVELY',\n  SocialAgility = 'SOCIAL_AGILITY',\n  CommunicatingEffectively = 'COMMUNICATING_EFFECTIVELY',\n  HandlingConflict = 'HANDLING_CONFLICT',\n  ValuingDiversity = 'VALUING_DIVERSITY',\n  DevelopingOthers = 'DEVELOPING_OTHERS',\n\n  ShowingResilience = 'SHOWING_RESILIENCE',\n  NavigatingAmbiguity = 'NAVIGATING_AMBIGUITY',\n  SelfAwareness = 'SELF_AWARENESS',\n  SelfDevelopment = 'SELF_DEVELOPMENT',\n  BeingBold = 'BEING_BOLD',\n  EarningTrust = 'EARNING_TRUST',\n}\n","import { Injectable } from '@angular/core';\nimport {\n  SkillAreaData,\n  SkillAreaGroup,\n  SkillAreaGroupTypes,\n  SkillAreaTypes,\n} from './universal-skills-report.model';\n\n@Injectable({\n  providedIn: 'root',\n})\nexport class UniversalSkillsService {\n  readonly translationContext = 'UNIVERSAL_SKILLS_REPORT.';\n\n  private skillAreaGroupMap: Record<SkillAreaGroupTypes, SkillAreaGroup>;\n  private staticSkillAreaGroupMap: SkillAreaTypes[][] = [\n    [\n      SkillAreaTypes.BusinessSavvy,\n      SkillAreaTypes.StrategicPerspective,\n      SkillAreaTypes.CustomerFocus,\n      SkillAreaTypes.NavigatingComplexity,\n      SkillAreaTypes.AgileDecisionMaking,\n      SkillAreaTypes.EmbracingInnovation,\n      SkillAreaTypes.PlanningAndPrioritizing,\n      SkillAreaTypes.OrganizingResources,\n      SkillAreaTypes.DrivingResults,\n    ],\n    [\n      SkillAreaTypes.WorkingCollaboratively,\n      SkillAreaTypes.SocialAgility,\n      SkillAreaTypes.CommunicatingEffectively,\n      SkillAreaTypes.HandlingConflict,\n      SkillAreaTypes.ValuingDiversity,\n      SkillAreaTypes.DevelopingOthers,\n    ],\n    [\n      SkillAreaTypes.ShowingResilience,\n      SkillAreaTypes.NavigatingAmbiguity,\n      SkillAreaTypes.SelfAwareness,\n      SkillAreaTypes.SelfDevelopment,\n      SkillAreaTypes.EarningTrust,\n      SkillAreaTypes.BeingBold,\n    ],\n  ];\n\n  initializeSkillAreaGroupMap(): void {\n    this.skillAreaGroupMap = {\n      [SkillAreaGroupTypes.FocusingOnObjectives]: {\n        title: `${this.translationContext}SKILL_AREA_GROUP_TYPES.FOCUSING_ON_OBJECTIVES.TITLE`,\n        description: `${this.translationContext}SKILL_AREA_GROUP_TYPES.FOCUSING_ON_OBJECTIVES.DESCRIPTION`,\n        skillAreaList: [],\n      },\n      [SkillAreaGroupTypes.WorkingWithPeople]: {\n        title: `${this.translationContext}SKILL_AREA_GROUP_TYPES.WORKING_WITH_PEOPLE.TITLE`,\n        description: `${this.translationContext}SKILL_AREA_GROUP_TYPES.WORKING_WITH_PEOPLE.DESCRIPTION`,\n        skillAreaList: [],\n      },\n      [SkillAreaGroupTypes.ManagingOnesSelf]: {\n        title: `${this.translationContext}SKILL_AREA_GROUP_TYPES.MANAGING_ONES_SELF.TITLE`,\n        description: `${this.translationContext}SKILL_AREA_GROUP_TYPES.MANAGING_ONES_SELF.DESCRIPTION`,\n        skillAreaList: [],\n      },\n    };\n  }\n\n  prepareSkillAreaGroupMap(skillAreaDataList: SkillAreaData[]): void {\n    skillAreaDataList?.forEach(currentItem => {\n      const formattedSkillAreaType = currentItem.skillAreaName;\n\n      if (this.staticSkillAreaGroupMap[0].includes(formattedSkillAreaType)) {\n        this.skillAreaGroupMap[SkillAreaGroupTypes.FocusingOnObjectives]?.skillAreaList?.push(currentItem);\n      }\n\n      if (this.staticSkillAreaGroupMap[1].includes(formattedSkillAreaType)) {\n        this.skillAreaGroupMap[SkillAreaGroupTypes.WorkingWithPeople]?.skillAreaList?.push(currentItem);\n      }\n\n      if (this.staticSkillAreaGroupMap[2].includes(formattedSkillAreaType)) {\n        this.skillAreaGroupMap[SkillAreaGroupTypes.ManagingOnesSelf]?.skillAreaList?.push(currentItem);\n      }\n    });\n  }\n\n  getSkillAreaGroupMap(): Record<SkillAreaGroupTypes, SkillAreaGroup> {\n    return this.skillAreaGroupMap;\n  }\n\n  getStaticSkillAreaGroupMap(): SkillAreaTypes[][] {\n    return this.staticSkillAreaGroupMap;\n  }\n}\n","import { ChangeDetectionStrategy, Component, Inject, Input, OnInit, Optional } from '@angular/core';\nimport { ApplicationTheme } from '@testgorilla/tgo-ui/components/core';\nimport { RebrandBadgeColor, RebrandBadgeColorEnum } from '@testgorilla/tgo-ui/components/badge';\nimport { SkillAreaData, SkillAreaGroup, SkillAreaGroupTypes } from './universal-skills-report.model';\nimport { UniversalSkillsService } from './universal-skills.service';\n\n@Component({\n    selector: 'ui-universal-skills-report',\n    templateUrl: './universal-skills-report.component.html',\n    styleUrls: ['./universal-skills-report.component.scss'],\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    standalone: false\n})\nexport class UniversalSkillsReportComponent implements OnInit {\n  /**\n   * Defines the application theme\n   * @property applicationTheme\n   * @type {ApplicationTheme}\n   * @memberof UniversalSkillsReportComponent\n   */\n  @Input() applicationTheme: ApplicationTheme = 'light';\n\n  /**\n   * The list of items to be used\n   * @property items\n   * @type {SkillAreaData[]}\n   * @memberof UniversalSkillsReportComponent\n   */\n  @Input() skillAreaDataList: SkillAreaData[];\n\n  readonly translationContext = 'UNIVERSAL_SKILLS_REPORT.';\n\n  skillAreaGroupMap: Record<SkillAreaGroupTypes, SkillAreaGroup>;\n\n  constructor(\n    @Optional() @Inject('CANOPYUI_DEFAULT_APPLICATION_THEME') private readonly defaultAppTheme: ApplicationTheme,\n    private universalSkillsService: UniversalSkillsService\n  ) {\n    if (defaultAppTheme) {\n      this.applicationTheme = defaultAppTheme;\n    }\n  }\n\n  ngOnInit() {\n    this.universalSkillsService.initializeSkillAreaGroupMap();\n    this.universalSkillsService.prepareSkillAreaGroupMap(this.skillAreaDataList);\n    this.skillAreaGroupMap = this.universalSkillsService.getSkillAreaGroupMap();\n  }\n\n  getScoreBadgeLabel(percentileScoring: number): string {\n    return `PERCENTILE_LABEL_TYPES.${this.checkScoreClassification([percentileScoring, true])}`;\n  }\n\n  getScoreBadgeColor(percentileScoring: number): RebrandBadgeColor {\n    return this.checkScoreClassification([percentileScoring, false]) as RebrandBadgeColor;\n  }\n\n  checkScoreClassification([percentileScoring, isLabelRequest]: [number, boolean]): string | RebrandBadgeColor {\n    let scoreBadgeLabel = '';\n    let scoreBadgeColor: RebrandBadgeColor = RebrandBadgeColorEnum.BLUE_10;\n\n    if (percentileScoring >= 1 && percentileScoring <= 19) {\n      scoreBadgeLabel = 'WELL_BELOW_AVERAGE';\n      scoreBadgeColor = RebrandBadgeColorEnum.GREY_30;\n    }\n\n    if (percentileScoring >= 20 && percentileScoring <= 39) {\n      scoreBadgeLabel = 'BELOW_AVERAGE';\n      scoreBadgeColor = RebrandBadgeColorEnum.GREY_10;\n    }\n\n    if (percentileScoring >= 40 && percentileScoring <= 59) {\n      scoreBadgeLabel = 'AVERAGE';\n      scoreBadgeColor = RebrandBadgeColorEnum.BLUE_10;\n    }\n\n    if (percentileScoring >= 60 && percentileScoring <= 79) {\n      scoreBadgeLabel = 'ABOVE_AVERAGE';\n      scoreBadgeColor = RebrandBadgeColorEnum.BLUE_20;\n    }\n\n    if (percentileScoring >= 80 && percentileScoring <= 100) {\n      scoreBadgeLabel = 'WELL_ABOVE_AVERAGE';\n      scoreBadgeColor = RebrandBadgeColorEnum.BLUE_40;\n    }\n\n    return isLabelRequest ? scoreBadgeLabel : scoreBadgeColor;\n  }\n}\n","<div\n  *ngFor=\"let skillAreaGroup of skillAreaGroupMap | keyvalue\"\n  class=\"universal-skills-report\"\n>\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\n  <section class=\"accordion-items\">\n    <ui-accordion\n      *ngFor=\"let skillAreaData of skillAreaGroup?.value?.skillAreaList\"\n      class=\"universal-skills-accordion\"\n      label=\"-\"\n      [allowCustomHeader]=\"true\"\n    >\n      <div\n        customHeader\n        class=\"custom-header\"\n      >\n        <h4 class=\"custom-header-subtitle\">{{ (translationContext + 'SKILL_AREA_TYPES.' + skillAreaData.skillAreaName + '.TITLE') | uiTranslate | async}}</h4>\n\n        <div class=\"inner-container\">\n          <ui-badge\n            class=\"percentile-scoring-badge\"\n            [label]=\"((skillAreaData.percentileScoring | memoizeFunc : getScoreBadgeLabel : this) | uiTranslate | async) || 'neutral'\"\n            [rebrandColor]=\"skillAreaData.percentileScoring | memoizeFunc : getScoreBadgeColor : this\"\n            [applicationTheme]=\"'light'\"\n          ></ui-badge>\n\n          <h5 class=\"percentile-quantity\">\n            {{skillAreaData?.percentileScoring}}\n            <sup class=\"percentile-suffix\">{{(skillAreaData.percentileScoring | ordinalSuffix) | uiTranslate | async}}</sup>\n            {{(translationContext + 'PERCENTILE') | uiTranslate | async}}\n          </h5>\n\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\n      <div class=\"content-container\">\n        <p class=\"skill-description\">{{ (translationContext + 'SKILL_AREA_TYPES.' + skillAreaData.skillAreaName + '.DESCRIPTION') | uiTranslate | async}}</p>\n\n        <h5>{{(skillAreaData.percentileScoring | memoizeFunc : getScoreBadgeLabel : this) | uiTranslate | async}} score</h5>\n\n        <div class=\"inner-container\">\n          <p>{{ (translationContext +\n            'SKILL_AREA_TYPES.' +\n            skillAreaData.skillAreaName + '.' +\n            ([skillAreaData.percentileScoring, true] | memoizeFunc : checkScoreClassification : this) +\n            '.GENERAL')\n          | uiTranslate | async}}</p>\n        </div>\n\n        <div class=\"inner-container\">\n          <p>{{ (translationContext +\n            'SKILL_AREA_TYPES.' +\n            skillAreaData.skillAreaName + '.' +\n            ([skillAreaData.percentileScoring, true] | memoizeFunc : checkScoreClassification : this) +\n            '.WORK_ENVIRONMENT')\n          | uiTranslate | async}}</p>\n        </div>\n\n        <div class=\"inner-container\">\n          <p>{{ (translationContext +\n            'SKILL_AREA_TYPES.' +\n            skillAreaData.skillAreaName + '.' +\n            ([skillAreaData.percentileScoring, true] | memoizeFunc : checkScoreClassification : this) +\n            '.RECOMMENDATIONS')\n          | uiTranslate | async}}</p>\n        </div>\n      </div>\n    </ui-accordion>\n  </section>\n</div>\n\n","import { NgModule } from '@angular/core';\nimport { CommonModule, KeyValuePipe } from '@angular/common';\nimport { UniversalSkillsReportComponent } from './universal-skills-report.component';\nimport { AccordionComponentModule } from '@testgorilla/tgo-ui/components/accordion';\nimport { BadgeComponentModule } from '@testgorilla/tgo-ui/components/badge';\nimport { ProgressBarComponentModule } from '@testgorilla/tgo-ui/components/progress-bar';\nimport { MemoizeFuncPipe, UiTranslatePipe, OrdinalSuffixPipe } from '@testgorilla/tgo-ui/components/core';\n\n@NgModule({\n  declarations: [UniversalSkillsReportComponent],\n  imports: [\n    CommonModule,\n    AccordionComponentModule,\n    BadgeComponentModule,\n    ProgressBarComponentModule,\n    MemoizeFuncPipe,\n    UiTranslatePipe,\n    OrdinalSuffixPipe,\n    KeyValuePipe,\n  ],\n  exports: [UniversalSkillsReportComponent]\n})\nexport class UniversalSkillsReportComponentModule {\n}\n","import { ChangeDetectionStrategy, Component, Inject, Input, OnInit, Optional } from '@angular/core';\nimport { ApplicationTheme } from '@testgorilla/tgo-ui/components/core';\nimport {\n  SkillAreaData,\n  SkillAreaGroup,\n  SkillAreaGroupTypes,\n  SkillAreaSpiderChartData,\n} from '../universal-skills-report.model';\nimport { UniversalSkillsService } from '../universal-skills.service';\nimport { UiTranslatePipe } from '@testgorilla/tgo-ui/components/core';\nimport { forkJoin, take } from 'rxjs';\n\n@Component({\n    selector: 'ui-universal-skills-spider-charts',\n    templateUrl: './universal-skills-spider-charts.component.html',\n    styleUrls: ['./universal-skills-spider-charts.component.scss'],\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    standalone: false\n})\nexport class UniversalSkillsSpiderChartsComponent implements OnInit {\n  /**\n   * Defines the application theme\n   * @property applicationTheme\n   * @type {ApplicationTheme}\n   * @memberof UniversalSkillsSpiderChartsComponent\n   */\n  @Input() applicationTheme: ApplicationTheme = 'light';\n\n  /**\n   * The list of items to be used\n   * @property items\n   * @type {SkillAreaData[]}\n   * @memberof UniversalSkillsReportComponent\n   */\n  @Input() skillAreaDataList: SkillAreaData[];\n\n  /**\n   * Defines if the component is loading\n   * @property loading\n   * @type {boolean}\n   * @memberof UniversalSkillsSpiderChartsComponent\n   */\n  @Input() loading: boolean = false;\n\n  /**\n   * Defines the size of the spider chart\n   * @property size\n   * @type {'small' | 'large'}\n   * @memberof UniversalSkillsSpiderChartsComponent\n   */\n  @Input() size: 'small' | 'large' = 'large';\n\n  readonly translationContext = 'UNIVERSAL_SKILLS_REPORT.';\n\n  skillAreaGroupMap: Record<SkillAreaGroupTypes, SkillAreaGroup>;\n  skillAreaSpiderChartData: SkillAreaSpiderChartData[] = [];\n\n  constructor(\n    @Optional() @Inject('CANOPYUI_DEFAULT_APPLICATION_THEME') private readonly defaultAppTheme: ApplicationTheme,\n    private universalSkillsService: UniversalSkillsService,\n    private uiTranslatePipe: UiTranslatePipe\n  ) {\n    if (defaultAppTheme) {\n      this.applicationTheme = defaultAppTheme;\n    }\n  }\n\n  ngOnInit() {\n    this.universalSkillsService.initializeSkillAreaGroupMap();\n    this.universalSkillsService.prepareSkillAreaGroupMap(this.skillAreaDataList);\n    this.skillAreaGroupMap = this.universalSkillsService.getSkillAreaGroupMap();\n    this.prepareSpiderChartData();\n  }\n\n  prepareSpiderChartData(): void {\n    this.skillAreaSpiderChartData = [];\n    Object.values(this.skillAreaGroupMap).forEach(skillAreaGroup => {\n      const labelObservables = skillAreaGroup.skillAreaList.map(skillArea =>\n        this.uiTranslatePipe.transform(`${this.translationContext}SKILL_AREA_TYPES.${skillArea.skillAreaName}.TITLE`)\n      );\n\n      const labelDescriptionObservables = skillAreaGroup.skillAreaList.map(skillArea =>\n        this.uiTranslatePipe.transform(\n          `${this.translationContext}SKILL_AREA_TYPES.${skillArea.skillAreaName}.DESCRIPTION`\n        )\n      );\n\n      const allObservables = [...labelObservables, ...labelDescriptionObservables];\n      const translations: string[] = [];\n      allObservables.forEach(observable => {\n        observable.pipe(take(1)).subscribe(translation => {\n          translations.push(translation);\n        });\n      });\n      const labels = translations.slice(0, labelObservables.length);\n      const labelDescriptions = translations.slice(labelObservables.length);\n\n      this.skillAreaSpiderChartData.push({\n        title: skillAreaGroup.title,\n        description: skillAreaGroup.description,\n        spiderChartData: {\n          labels: labels,\n          labelDescription: labelDescriptions,\n          plotData:\n            skillAreaGroup.skillAreaList?.[0]?.poolPercentileScoring !== undefined\n              ? [\n                  {\n                    data: skillAreaGroup.skillAreaList.map(skillArea => skillArea.percentileScoring),\n                    databaseLabel: \"This candidate's score\",\n                  },\n                  {\n                    data: skillAreaGroup.skillAreaList.map(skillArea => skillArea.poolPercentileScoring ?? 0),\n                    databaseLabel: 'Average score of all candidates',\n                  },\n                ]\n              : [\n                  {\n                    data: skillAreaGroup.skillAreaList.map(skillArea => skillArea.percentileScoring),\n                    databaseLabel: \"This candidate's score\",\n                  },\n                ],\n        },\n      });\n    });\n  }\n}\n","@for (spiderChartData of skillAreaSpiderChartData; track spiderChartData) {\n  <ui-accordion class=\"universal-skills-spider-charts\" [label]=\"(spiderChartData.title | uiTranslate | async) || ''\" variant=\"filter\">\n    <ui-spider-chart [spiderChartData]=\"spiderChartData.spiderChartData\" [loading]=\"loading\" [size]=\"size\"></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","import { NgModule } from '@angular/core';\nimport { CommonModule, KeyValuePipe } from '@angular/common';\nimport { UniversalSkillsSpiderChartsComponent } from './universal-skills-spider-charts.component';\nimport { AccordionComponentModule } from '@testgorilla/tgo-ui/components/accordion';\nimport { BadgeComponentModule } from '@testgorilla/tgo-ui/components/badge';\nimport { ProgressBarComponentModule } from '@testgorilla/tgo-ui/components/progress-bar';\nimport { MemoizeFuncPipe, UiTranslatePipe, OrdinalSuffixPipe } from '@testgorilla/tgo-ui/components/core';\nimport { SpiderChartComponentModule } from '@testgorilla/tgo-ui/components/spider-chart';\nimport { DividerComponentModule } from '@testgorilla/tgo-ui/components/divider';\n\n@NgModule({\n  declarations: [UniversalSkillsSpiderChartsComponent],\n  imports: [\n    CommonModule,\n    AccordionComponentModule,\n    BadgeComponentModule,\n    ProgressBarComponentModule,\n    SpiderChartComponentModule,\n    DividerComponentModule,\n    MemoizeFuncPipe,\n    UiTranslatePipe,\n    OrdinalSuffixPipe,\n    KeyValuePipe,\n  ],\n  providers: [UiTranslatePipe],\n  exports: [UniversalSkillsSpiderChartsComponent],\n})\nexport class UniversalSkillsSpiderChartsComponentModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":["i1.UniversalSkillsService","i2","i4","i5","i6"],"mappings":"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"}

package/fesm2022/testgorilla-tgo-ui-components-validation-error.mjs

@@ -0,0 +1,79 @@
+import * as i0 from '@angular/core';
+import { HostBinding, Input, Component, NgModule } from '@angular/core';
+import * as i1 from '@angular/common';
+import { CommonModule } from '@angular/common';
+import * as i2 from '@testgorilla/tgo-ui/components/icon';
+import { IconComponentModule } from '@testgorilla/tgo-ui/components/icon';
+import * as i3 from '@testgorilla/tgo-ui/components/core';
+import { UiTranslatePipe } from '@testgorilla/tgo-ui/components/core';
+
+class ValidationErrorComponent {
+    constructor() {
+        this.touchedOn = true;
+        this.errorMessage = '';
+        /**
+         *
+         * Defines the application theme
+         *
+         * @type {ApplicationTheme}
+         * @memberof ValidationErrorComponent
+         */
+        this.applicationTheme = 'light';
+        this.translationContextErrors = 'ERRORS.';
+    }
+    getErrorValue(type) {
+        const ngControlErrors = this.ngControl.errors;
+        switch (type) {
+            case 'maxlength':
+                return ngControlErrors.maxlength.requiredLength;
+            case 'minlength':
+                return ngControlErrors.minlength.requiredLength;
+            case 'max':
+                return ngControlErrors.max.max;
+            case 'min':
+                return ngControlErrors.min.min;
+            default:
+                return 0;
+        }
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: ValidationErrorComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.18", type: ValidationErrorComponent, isStandalone: false, selector: "ui-validation-error", inputs: { ngControl: "ngControl", touchedOn: "touchedOn", errorMessage: "errorMessage", label: "label", applicationTheme: "applicationTheme" }, host: { properties: { "attr.theme": "this.applicationTheme" } }, ngImport: i0, template: "<div class=\"errors\" *ngIf=\"ngControl?.hasError('maxlength')\">\n  <ui-icon [applicationTheme]=\"applicationTheme\" [name]=\"'Error'\"></ui-icon>\n  <span>{{ translationContextErrors + 'MAX_LENGTH' | uiTranslate : { maxlength: getErrorValue('maxlength') } | async }}</span>\n</div>\n\n<div class=\"errors\" *ngIf=\"ngControl?.hasError('minlength')\">\n  <ui-icon [applicationTheme]=\"applicationTheme\" [name]=\"'Error'\"></ui-icon>\n  <span>{{ translationContextErrors + 'MIN_LENGTH' | uiTranslate : { maxlength: getErrorValue('minlength') } | async }}</span>\n</div>\n\n<div class=\"errors\" *ngIf=\"ngControl?.hasError('min')\">\n  <ui-icon [applicationTheme]=\"applicationTheme\" [name]=\"'Error'\"></ui-icon>\n  <span>{{ translationContextErrors + 'MIN' | uiTranslate : { min: getErrorValue('min') } | async }}</span>\n</div>\n\n<div class=\"errors\" *ngIf=\"ngControl?.hasError('max')\">\n  <ui-icon [applicationTheme]=\"applicationTheme\" [name]=\"'Error'\"></ui-icon>\n  <span>{{ translationContextErrors + 'MAX' | uiTranslate : { max: getErrorValue('max') } | async }}</span>\n</div>\n\n<div class=\"errors\" *ngIf=\"ngControl?.hasError('required') && (touchedOn ? ngControl?.touched : true)\">\n  <ui-icon [applicationTheme]=\"applicationTheme\" [name]=\"'Error'\"></ui-icon>\n  <span>{{ translationContextErrors + (label ? 'REQUIRED_FIELD' : 'REQUIRED') | uiTranslate : { label } | async }}</span>\n</div>\n\n<div class=\"errors\" *ngIf=\"ngControl?.hasError('email')\">\n  <ui-icon [applicationTheme]=\"applicationTheme\" [name]=\"'Error'\"></ui-icon>\n  <span>{{ translationContextErrors + 'EMAIL_INCORRECT' | uiTranslate | async }}</span>\n</div>\n\n<div class=\"custom-errors\" *ngIf=\"errorMessage\">\n  <ui-icon [applicationTheme]=\"applicationTheme\" [name]=\"'Error'\"></ui-icon>\n  <span>{{ errorMessage }}</span>\n</div>\n", styles: [""], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.IconComponent, selector: "ui-icon", inputs: ["size", "cssClass", "name", "color", "filled", "toggleIconStyle", "applicationTheme", "useFullIconName"] }, { kind: "pipe", type: i1.AsyncPipe, name: "async" }, { kind: "pipe", type: i3.UiTranslatePipe, name: "uiTranslate" }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: ValidationErrorComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'ui-validation-error', standalone: false, template: "<div class=\"errors\" *ngIf=\"ngControl?.hasError('maxlength')\">\n  <ui-icon [applicationTheme]=\"applicationTheme\" [name]=\"'Error'\"></ui-icon>\n  <span>{{ translationContextErrors + 'MAX_LENGTH' | uiTranslate : { maxlength: getErrorValue('maxlength') } | async }}</span>\n</div>\n\n<div class=\"errors\" *ngIf=\"ngControl?.hasError('minlength')\">\n  <ui-icon [applicationTheme]=\"applicationTheme\" [name]=\"'Error'\"></ui-icon>\n  <span>{{ translationContextErrors + 'MIN_LENGTH' | uiTranslate : { maxlength: getErrorValue('minlength') } | async }}</span>\n</div>\n\n<div class=\"errors\" *ngIf=\"ngControl?.hasError('min')\">\n  <ui-icon [applicationTheme]=\"applicationTheme\" [name]=\"'Error'\"></ui-icon>\n  <span>{{ translationContextErrors + 'MIN' | uiTranslate : { min: getErrorValue('min') } | async }}</span>\n</div>\n\n<div class=\"errors\" *ngIf=\"ngControl?.hasError('max')\">\n  <ui-icon [applicationTheme]=\"applicationTheme\" [name]=\"'Error'\"></ui-icon>\n  <span>{{ translationContextErrors + 'MAX' | uiTranslate : { max: getErrorValue('max') } | async }}</span>\n</div>\n\n<div class=\"errors\" *ngIf=\"ngControl?.hasError('required') && (touchedOn ? ngControl?.touched : true)\">\n  <ui-icon [applicationTheme]=\"applicationTheme\" [name]=\"'Error'\"></ui-icon>\n  <span>{{ translationContextErrors + (label ? 'REQUIRED_FIELD' : 'REQUIRED') | uiTranslate : { label } | async }}</span>\n</div>\n\n<div class=\"errors\" *ngIf=\"ngControl?.hasError('email')\">\n  <ui-icon [applicationTheme]=\"applicationTheme\" [name]=\"'Error'\"></ui-icon>\n  <span>{{ translationContextErrors + 'EMAIL_INCORRECT' | uiTranslate | async }}</span>\n</div>\n\n<div class=\"custom-errors\" *ngIf=\"errorMessage\">\n  <ui-icon [applicationTheme]=\"applicationTheme\" [name]=\"'Error'\"></ui-icon>\n  <span>{{ errorMessage }}</span>\n</div>\n" }]
+        }], propDecorators: { ngControl: [{
+                type: Input
+            }], touchedOn: [{
+                type: Input
+            }], errorMessage: [{
+                type: Input
+            }], label: [{
+                type: Input
+            }], applicationTheme: [{
+                type: HostBinding,
+                args: ['attr.theme']
+            }, {
+                type: Input
+            }] } });
+
+class ValidationErrorModule {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: ValidationErrorModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.18", ngImport: i0, type: ValidationErrorModule, declarations: [ValidationErrorComponent], imports: [CommonModule, IconComponentModule, UiTranslatePipe], exports: [ValidationErrorComponent] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: ValidationErrorModule, imports: [CommonModule, IconComponentModule] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: ValidationErrorModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [ValidationErrorComponent],
+                    exports: [ValidationErrorComponent],
+                    imports: [CommonModule, IconComponentModule, UiTranslatePipe],
+                }]
+        }] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { ValidationErrorComponent, ValidationErrorModule };
+//# sourceMappingURL=testgorilla-tgo-ui-components-validation-error.mjs.map

package/fesm2022/testgorilla-tgo-ui-components-validation-error.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"testgorilla-tgo-ui-components-validation-error.mjs","sources":["../../../components/validation-error/validation-error.component.ts","../../../components/validation-error/validation-error.component.html","../../../components/validation-error/validation-error.module.ts","../../../components/validation-error/testgorilla-tgo-ui-components-validation-error.ts"],"sourcesContent":["import { Component, HostBinding, Input } from '@angular/core';\nimport { errorType } from './validation-error.model';\nimport { NgControl } from '@angular/forms';\nimport { ApplicationTheme } from '@testgorilla/tgo-ui/components/core';\n\n@Component({\n    selector: 'ui-validation-error',\n    templateUrl: './validation-error.component.html',\n    styleUrls: ['./validation-error.component.scss'],\n    standalone: false\n})\nexport class ValidationErrorComponent {\n  @Input() ngControl: NgControl;\n  @Input() touchedOn = true;\n  @Input() errorMessage = '';\n\n  @Input() label: string | undefined | null;\n\n  /**\n   *\n   * Defines the application theme\n   *\n   * @type {ApplicationTheme}\n   * @memberof ValidationErrorComponent\n   */\n  @HostBinding('attr.theme')\n  @Input()\n  applicationTheme: ApplicationTheme = 'light';\n\n  getErrorValue(type: errorType): number {\n    const ngControlErrors: any = this.ngControl.errors;\n    switch (type) {\n      case 'maxlength':\n        return ngControlErrors.maxlength.requiredLength;\n      case 'minlength':\n        return ngControlErrors.minlength.requiredLength;\n      case 'max':\n        return ngControlErrors.max.max;\n      case 'min':\n        return ngControlErrors.min.min;\n      default:\n        return 0;\n    }\n  }\n\n  translationContextErrors = 'ERRORS.';\n}\n","<div class=\"errors\" *ngIf=\"ngControl?.hasError('maxlength')\">\n  <ui-icon [applicationTheme]=\"applicationTheme\" [name]=\"'Error'\"></ui-icon>\n  <span>{{ translationContextErrors + 'MAX_LENGTH' | uiTranslate : { maxlength: getErrorValue('maxlength') } | async }}</span>\n</div>\n\n<div class=\"errors\" *ngIf=\"ngControl?.hasError('minlength')\">\n  <ui-icon [applicationTheme]=\"applicationTheme\" [name]=\"'Error'\"></ui-icon>\n  <span>{{ translationContextErrors + 'MIN_LENGTH' | uiTranslate : { maxlength: getErrorValue('minlength') } | async }}</span>\n</div>\n\n<div class=\"errors\" *ngIf=\"ngControl?.hasError('min')\">\n  <ui-icon [applicationTheme]=\"applicationTheme\" [name]=\"'Error'\"></ui-icon>\n  <span>{{ translationContextErrors + 'MIN' | uiTranslate : { min: getErrorValue('min') } | async }}</span>\n</div>\n\n<div class=\"errors\" *ngIf=\"ngControl?.hasError('max')\">\n  <ui-icon [applicationTheme]=\"applicationTheme\" [name]=\"'Error'\"></ui-icon>\n  <span>{{ translationContextErrors + 'MAX' | uiTranslate : { max: getErrorValue('max') } | async }}</span>\n</div>\n\n<div class=\"errors\" *ngIf=\"ngControl?.hasError('required') && (touchedOn ? ngControl?.touched : true)\">\n  <ui-icon [applicationTheme]=\"applicationTheme\" [name]=\"'Error'\"></ui-icon>\n  <span>{{ translationContextErrors + (label ? 'REQUIRED_FIELD' : 'REQUIRED') | uiTranslate : { label } | async }}</span>\n</div>\n\n<div class=\"errors\" *ngIf=\"ngControl?.hasError('email')\">\n  <ui-icon [applicationTheme]=\"applicationTheme\" [name]=\"'Error'\"></ui-icon>\n  <span>{{ translationContextErrors + 'EMAIL_INCORRECT' | uiTranslate | async }}</span>\n</div>\n\n<div class=\"custom-errors\" *ngIf=\"errorMessage\">\n  <ui-icon [applicationTheme]=\"applicationTheme\" [name]=\"'Error'\"></ui-icon>\n  <span>{{ errorMessage }}</span>\n</div>\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { ValidationErrorComponent } from './validation-error.component';\nimport { IconComponentModule } from '@testgorilla/tgo-ui/components/icon';\nimport { UiTranslatePipe } from '@testgorilla/tgo-ui/components/core';\n\n@NgModule({\n  declarations: [ValidationErrorComponent],\n  exports: [ValidationErrorComponent],\n  imports: [CommonModule, IconComponentModule, UiTranslatePipe],\n})\nexport class ValidationErrorModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}