@testgorilla/tgo-ui 2.26.6 → 2.26.8

package/components/button/button.component.d.ts

@@ -203,6 +203,7 @@ export declare class ButtonComponent implements OnInit, AfterViewInit {
     isFilledIcon: boolean;
     coloredIcons: string[];
     labelEllipsis: boolean;
+    icon: IconName;
     get typeIncluded(): boolean;
     constructor(defaultAppTheme: ApplicationTheme);
     ngOnInit(): void;
@@ -223,6 +224,7 @@ export declare class ButtonComponent implements OnInit, AfterViewInit {
     onKeydown(event: KeyboardEvent): void;
     onKeyup(event: KeyboardEvent): void;
     onLabelEllipsisChange(state: boolean): void;
+    getIconName(iconName: string, defaultValue: string): IconName;
     static ɵfac: i0.ɵɵFactoryDeclaration<ButtonComponent, [{ optional: true; }]>;
     static ɵcmp: i0.ɵɵComponentDeclaration<ButtonComponent, "ui-button", never, { "size": { "alias": "size"; "required": false; }; "variant": { "alias": "variant"; "required": false; }; "label": { "alias": "label"; "required": false; }; "iconPosition": { "alias": "iconPosition"; "required": false; }; "justIcon": { "alias": "justIcon"; "required": false; }; "iconName": { "alias": "iconName"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "loading": { "alias": "loading"; "required": false; }; "fullWidth": { "alias": "fullWidth"; "required": false; }; "url": { "alias": "url"; "required": false; }; "urlTarget": { "alias": "urlTarget"; "required": false; }; "value": { "alias": "value"; "required": false; }; "tooltip": { "alias": "tooltip"; "required": false; }; "isPremium": { "alias": "isPremium"; "required": false; }; "type": { "alias": "type"; "required": false; }; "companyColor": { "alias": "companyColor"; "required": false; }; "buttonBadgeConfig": { "alias": "buttonBadgeConfig"; "required": false; }; "applicationTheme": { "alias": "applicationTheme"; "required": false; }; "disabledScaleOnClick": { "alias": "disabledScaleOnClick"; "required": false; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; }; "ariaRequired": { "alias": "ariaRequired"; "required": false; }; "ariaLabelledby": { "alias": "ariaLabelledby"; "required": false; }; "ariaDescribedby": { "alias": "ariaDescribedby"; "required": false; }; "preventDefault": { "alias": "preventDefault"; "required": false; }; "hasBackground": { "alias": "hasBackground"; "required": false; }; "tooltipPosition": { "alias": "tooltipPosition"; "required": false; }; }, { "buttonClickEvent": "buttonClickEvent"; "buttonHoverEvent": "buttonHoverEvent"; }, never, never, false, never>;
     static ngAcceptInputType_preventDefault: unknown;

package/components/icon/icon.config.d.ts

@@ -1,5 +1,5 @@
 export declare const tgoIcons: readonly ["Add", "Archive", "Arrow_down", "Arrow_left", "Arrow_right", "Arrow_up", "Assessment", "Attempts", "Book", "Calendar", "Candidates", "Chat-notifications", "Chat", "Check", "Clone", "Close", "Code", "Company", "Copy", "Custom-questions", "Delete", "Devices", "Document", "Dot", "Download", "Edit", "Email-message", "Empty-placeholder", "Error", "Essay", "Eye-hide", "Eye-view", "Feedback-1", "Feedback-2", "Feedback-3", "Feedback-4", "Feedback-5", "File-attach", "File-upload", "Filter", "Folder", "Format-add-file", "Format-add-table", "Format-align-L", "Format-align-R", "Format-align-center", "Format-align-justify", "Format-bold", "Format-code-active", "Format-code-block", "Format-edit-table", "Format-format", "Format-function", "Format-italics", "Format-list-bulleted", "Format-list-numbered", "Format-picker", "Format-quote", "Format-subscript", "Format-superscript", "Format-text-direction-L", "Format-text-direction-R", "Format-text-size", "Format-underline", "Format-variable", "Full-screen", "Gender-female", "Gender-male", "Help-2", "Help", "Image", "Info", "Integration", "Language", "Layout", "Learn", "Level", "Light-bulb", "Link", "Loading-spinner", "Localisation", "Location", "Lock", "Log-out", "Menu-burger", "Menu-ellipsis", "Microphone", "Minus", "Mouse-cursor", "Mouse-grab-cursor", "Mouse", "Multi-choice", "Notifications", "Password", "Path", "Pin-marker", "Plan-billing", "Plus", "Premium", "Promotion", "Question-count", "Refer", "Reset", "Review", "Round-check-filled", "Round-check", "Search", "Secure-checkout", "Send", "Settings", "Social-facebook", "Social-instagram", "Social-linkedin", "Sorting-down-1", "Sorting-down", "Speedometer", "Star-filled", "Star-half", "Star-outline", "Support", "Sync", "Team", "Test", "Thunder", "Timer", "Trophy", "Type", "Unarchive", "Unlock", "Upgrade", "Upload", "User-access", "User-add", "User-invite", "User-profile", "User-reject", "User-switch", "Video-pause", "Video-play", "Video-record", "Video", "Volume", "Warning", "Zoom-in", "Zoom-out", "Fire", "Gift", "Grab", "Share", "Sparkles", "Video-stop", "Minimize", "Employee", "Money-bag", "Suitcase", "Google", "Fast-forward", "Fast-rewind", "Skip-next", "Skip-previous", "TestGorilla"];
-export declare const tgoRebrandIcons: readonly ["Archive-filled", "Archive-in-line", "Add-in-line", "Add-filled", "Arrow-chevron-down-filled", "Arrow-chevron-down-in-line", "Arrow-chevron-left-filled", "Arrow-chevron-left-in-line", "Arrow-chevron-right-filled", "Arrow-chevron-right-in-line", "Arrow-chevron-up-filled", "Arrow-chevron-up-in-line", "Arrow-down-filled", "Arrow-down-in-line", "Arrow-up-filled", "Arrow-up-in-line", "Assessment-filled", "Assessment-in-line", "Attach-filled", "Attach-in-line", "Attempts-filled", "Attempts-in-line", "Book-filled", "Book-in-line", "Calendar-filled", "Calendar-in-line", "Candidates-filled", "Candidates-in-line", "Chat-filled", "Chat-in-line", "Check-filled", "Check-in-line", "Check-round-filled", "Check-round-in-line", "Circle-filled", "Circle-in-line", "Clone-filled", "Clone-in-line", "Close-filled", "Close-in-line", "Code-filled", "Code-in-line", "Company-filled", "Company-in-line", "Copy-filled", "Copy-in-line", "Delete-filled", "Delete-in-line", "Devices-filled", "Devices-in-line", "Document-filled", "Document-in-line", "Dot-filled", "Dot-in-line", "Download-filled", "Download-in-line", "Edit-filled", "Edit-in-line", "Edit-text-filled", "Edit-text-in-line", "Employee-filled", "Employee-in-line", "Error-filled", "Error-in-line", "Essay-filled", "Essay-in-line", "Experience-filled", "Experience-in-line", "Facebook-filled", "Facebook-in-line", "Fast-forward-filled", "Fast-forward-in-line", "Fast-rewind-filled", "Fast-rewind-in-line", "Filter-filled", "Filter-in-line", "Fire-filled", "Fire-in-line", "Folder-filled", "Folder-in-line", "Full-screen-filled", "Full-screen-in-line", "Gender-male-filled", "Gender-male-in-line", "Gender-female-filled", "Gender-female-in-line", "Gift-filled", "Gift-in-line", "Google-filled", "Google-in-line", "Grab-filled", "Grab-in-line", "Help-filled", "Help-in-line", "Hide-filled", "Hide-in-line", "Image-filled", "Image-in-line", "Info-filled", "Info-in-line", "Instagram-filled", "Instagram-in-line", "Integration-filled", "Integration-in-line", "Invite-filled", "Invite-in-line", "Language-filled", "Language-in-line", "Layout-filled", "Layout-in-line", "Learn-filled", "Learn-in-line", "Level-filled", "Level-in-line", "Light-bulb-filled", "Light-bulb-in-line", "Link-filled", "Link-in-line", "Linkedin-filled", "Linkedin-in-line", "Localization-filled", "Localization-in-line", "Location-filled", "Location-in-line", "Lock-filled", "Lock-in-line", "Logout-filled", "Logout-in-line", "Medal-filled", "Medal-in-line", "Menu-burger-filled", "Menu-burger-in-line", "Menu-ellipsis-filled", "Menu-ellipsis-in-line", "Mic-filled", "Mic-in-line", "Minimize-filled", "Minimize-in-line", "Minus-filled", "Minus-in-line", "Mouse-filled", "Mouse-in-line", "Multi-choice-filled", "Multi-choice-in-line", "Notification-bell-filled", "Notification-bell-in-line", "Password-filled", "Password-in-line", "Path-filled", "Path-in-line", "Pause-filled", "Pause-in-line", "Pin-marker-filled", "Pin-marker-in-line", "Plan-billing-filled", "Plan-billing-in-line", "Play-filled", "Play-in-line", "Plus-filled", "Plus-in-line", "Premium-filled", "Premium-in-line", "Premium-circle-in-line", "Question-count-filled", "Question-count-in-line", "Question-filled", "Question-in-line", "Record-filled", "Record-in-line", "Reject-filled", "Refer-in-line", "Refer-filled", "Reject-in-line", "Reset-filled", "Reset-in-line", "Review-emoji-1-filled", "Review-emoji-1-in-line", "Review-emoji-2-filled", "Review-emoji-2-in-line", "Review-emoji-3-filled", "Review-emoji-3-in-line", "Review-emoji-4-filled", "Review-emoji-4-in-line", "Review-emoji-5-filled", "Review-emoji-5-in-line", "Review-filled", "Review-half-star-filled", "Review-half-star-in-line", "Review-in-line", "Review-star-filled", "Review-star-in-line", "Search-filled", "Search-in-line", "Secure-filled", "Secure-in-line", "Send-filled", "Send-in-line", "Settings-filled", "Settings-in-line", "Share-filled", "Share-in-line", "Skip-next-filled", "Skip-next-in-line", "Skip-previous-filled", "Skip-previous-in-line", "Sparkle-filled", "Sparkle-in-line", "Speedometer-filled", "Speedometer-in-line", "Stop-filled", "Stop-in-line", "Switch-filled", "Switch-in-line", "Sync-filled", "Sync-in-line", "Team-filled", "Team-in-line", "Test-filled", "Test-in-line", "Timer-filled", "Timer-in-line", "Trophy-filled", "Trophy-in-line", "Type-filled", "Type-in-line", "Unarchive-filled", "Unarchive-in-line", "Unlock-filled", "Unlock-in-line", "Upgrade-filled", "Upgrade-in-line", "Upload-filled", "Upload-in-line", "User-access-filled", "User-access-in-line", "User-add-filled", "User-add-in-line", "User-profile-filled", "User-profile-in-line", "Video-filled", "Video-in-line", "View-filled", "View-in-line", "Volume-filled", "Volume-in-line", "Warning-filled", "Warning-in-line", "Validated-filled", "Validated-in-line", "Zoom-in-filled", "Zoom-in-in-line", "Zoom-out-filled", "Zoom-out-in-line", "TestGorilla-filled", "TestGorilla-in-line", "TestGorilla-Pink-filled", "TestGorilla-Pink-in-line"];
+export declare const tgoRebrandIcons: readonly ["Archive-filled", "Archive-in-line", "Add-in-line", "Add-filled", "Arrow-chevron-down-filled", "Arrow-chevron-down-in-line", "Arrow-chevron-left-filled", "Arrow-chevron-left-in-line", "Arrow-chevron-right-filled", "Arrow-chevron-right-in-line", "Arrow-chevron-up-filled", "Arrow-chevron-up-in-line", "Arrow-down-filled", "Arrow-down-in-line", "Arrow-up-filled", "Arrow-up-in-line", "Assessment-filled", "Assessment-in-line", "Attach-filled", "Attach-in-line", "Attempts-filled", "Attempts-in-line", "Book-filled", "Book-in-line", "Calendar-filled", "Calendar-in-line", "Candidates-filled", "Candidates-in-line", "Chat-filled", "Chat-in-line", "Check-filled", "Check-in-line", "Check-round-filled", "Check-round-in-line", "Circle-filled", "Circle-in-line", "Clone-filled", "Clone-in-line", "Close-filled", "Close-in-line", "Code-filled", "Code-in-line", "Company-filled", "Company-in-line", "Copy-filled", "Copy-in-line", "Delete-filled", "Delete-in-line", "Devices-filled", "Devices-in-line", "Document-filled", "Document-in-line", "Dot-filled", "Dot-in-line", "Download-filled", "Download-in-line", "Edit-filled", "Edit-in-line", "Edit-text-filled", "Edit-text-in-line", "Employee-filled", "Employee-in-line", "Error-filled", "Error-in-line", "Essay-filled", "Essay-in-line", "Experience-filled", "Experience-in-line", "Facebook-filled", "Facebook-in-line", "Fast-forward-filled", "Fast-forward-in-line", "Fast-rewind-filled", "Fast-rewind-in-line", "Filter-filled", "Filter-in-line", "Fire-filled", "Fire-in-line", "Folder-filled", "Folder-in-line", "Full-screen-filled", "Full-screen-in-line", "Gender-male-filled", "Gender-male-in-line", "Gender-female-filled", "Gender-female-in-line", "Gift-filled", "Gift-in-line", "Google-filled", "Google-in-line", "Grab-filled", "Grab-in-line", "Help-filled", "Help-in-line", "Hide-filled", "Hide-in-line", "Image-filled", "Image-in-line", "Info-filled", "Info-in-line", "Instagram-filled", "Instagram-in-line", "Integration-filled", "Integration-in-line", "Invite-filled", "Invite-in-line", "Language-filled", "Language-in-line", "Layout-filled", "Layout-in-line", "Learn-filled", "Learn-in-line", "Level-filled", "Level-in-line", "Light-bulb-filled", "Light-bulb-in-line", "Link-filled", "Link-in-line", "Linkedin-filled", "Linkedin-in-line", "Localization-filled", "Localization-in-line", "Location-filled", "Location-in-line", "Lock-filled", "Lock-in-line", "Logout-filled", "Logout-in-line", "Medal-filled", "Medal-in-line", "Menu-burger-filled", "Menu-burger-in-line", "Menu-ellipsis-filled", "Menu-ellipsis-in-line", "Mic-filled", "Mic-in-line", "Minimize-filled", "Minimize-in-line", "Minus-filled", "Minus-in-line", "Mouse-filled", "Mouse-in-line", "Multi-choice-filled", "Multi-choice-in-line", "Notification-bell-filled", "Notification-bell-in-line", "Password-filled", "Password-in-line", "Path-filled", "Path-in-line", "Pause-filled", "Pause-in-line", "Pin-marker-filled", "Pin-marker-in-line", "Plan-billing-filled", "Plan-billing-in-line", "Play-filled", "Play-in-line", "Plus-filled", "Plus-in-line", "Premium-filled", "Premium-in-line", "Premium-circle-in-line", "Question-count-filled", "Question-count-in-line", "Question-filled", "Question-in-line", "Record-filled", "Record-in-line", "Reject-filled", "Refer-in-line", "Refer-filled", "Reject-in-line", "Reset-filled", "Reset-in-line", "Review-emoji-1-filled", "Review-emoji-1-in-line", "Review-emoji-2-filled", "Review-emoji-2-in-line", "Review-emoji-3-filled", "Review-emoji-3-in-line", "Review-emoji-4-filled", "Review-emoji-4-in-line", "Review-emoji-5-filled", "Review-emoji-5-in-line", "Review-filled", "Review-half-star-filled", "Review-half-star-in-line", "Review-in-line", "Review-star-filled", "Review-star-in-line", "Search-filled", "Search-in-line", "Secure-filled", "Secure-in-line", "Send-filled", "Send-in-line", "Settings-filled", "Settings-in-line", "Share-filled", "Share-in-line", "Skip-next-filled", "Skip-next-in-line", "Skip-previous-filled", "Skip-previous-in-line", "Sparkle-filled", "Sparkle-in-line", "Speedometer-filled", "Speedometer-in-line", "Star-filled", "Star-in-line", "Stop-filled", "Stop-in-line", "Switch-filled", "Switch-in-line", "Sync-filled", "Sync-in-line", "Team-filled", "Team-in-line", "Test-filled", "Test-in-line", "Timer-filled", "Timer-in-line", "Trophy-filled", "Trophy-in-line", "Type-filled", "Type-in-line", "Unarchive-filled", "Unarchive-in-line", "Unlock-filled", "Unlock-in-line", "Upgrade-filled", "Upgrade-in-line", "Upload-filled", "Upload-in-line", "User-access-filled", "User-access-in-line", "User-add-filled", "User-add-in-line", "User-profile-filled", "User-profile-in-line", "Video-filled", "Video-in-line", "View-filled", "View-in-line", "Volume-filled", "Volume-in-line", "Warning-filled", "Warning-in-line", "Validated-filled", "Validated-in-line", "Zoom-in-filled", "Zoom-in-in-line", "Zoom-out-filled", "Zoom-out-in-line", "TestGorilla-filled", "TestGorilla-in-line", "TestGorilla-Pink-filled", "TestGorilla-Pink-in-line"];
 export declare const groupedIcons: {
     directional: string[];
     assessment: string[];

package/components/step/step.component.d.ts

@@ -1,10 +1,13 @@
-import { EventEmitter, TemplateRef } from '@angular/core';
+import { AfterViewInit, DestroyRef, ElementRef, EventEmitter, TemplateRef } from '@angular/core';
 import { IconName } from '../icon/icon.model';
 import { ApplicationTheme } from '../../models/application-theme.model';
 import { HtmlDescription, StepperPosition } from '../stepper/stepper.model';
+import { FocusMonitor } from "@angular/cdk/a11y";
 import * as i0 from "@angular/core";
-export declare class StepComponent {
+export declare class StepComponent implements AfterViewInit {
     private readonly defaultAppTheme;
+    private focusMonitor;
+    private destroyRef;
     /**
      * Input property for the label of the step.
      *
@@ -153,9 +156,14 @@ export declare class StepComponent {
      * @memberof StepComponent
      */
     stepSelected: EventEmitter<number>;
-    constructor(defaultAppTheme: ApplicationTheme);
+    protected keyboardFocused: import("@angular/core").WritableSignal<boolean>;
+    stepElement: ElementRef<HTMLElement>;
+    constructor(defaultAppTheme: ApplicationTheme, focusMonitor: FocusMonitor, destroyRef: DestroyRef);
+    ngAfterViewInit(): void;
     protected get hasLastStepDefaultIcon(): boolean;
     protected onStepSelected(index: number): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<StepComponent, [{ optional: true; }]>;
+    protected subscriberFocus(): void;
+    onKeydown($event: KeyboardEvent): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<StepComponent, [{ optional: true; }, null, null]>;
     static ɵcmp: i0.ɵɵComponentDeclaration<StepComponent, "ui-step", never, { "label": { "alias": "label"; "required": false; }; "isVisited": { "alias": "isVisited"; "required": false; }; "submitted": { "alias": "submitted"; "required": false; }; "icon": { "alias": "icon"; "required": false; }; "index": { "alias": "index"; "required": false; }; "selected": { "alias": "selected"; "required": false; }; "isLast": { "alias": "isLast"; "required": false; }; "selectedIndex": { "alias": "selectedIndex"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "prevStepIsVisited": { "alias": "prevStepIsVisited"; "required": false; }; "mobileMode": { "alias": "mobileMode"; "required": false; }; "finalIcon": { "alias": "finalIcon"; "required": false; }; "showIconWhenSelected": { "alias": "showIconWhenSelected"; "required": false; }; "applicationTheme": { "alias": "applicationTheme"; "required": false; }; "position": { "alias": "position"; "required": false; }; "htmlDescription": { "alias": "htmlDescription"; "required": false; }; "boldLabel": { "alias": "boldLabel"; "required": false; }; "descriptionTpl": { "alias": "descriptionTpl"; "required": false; }; "labelTooltip": { "alias": "labelTooltip"; "required": false; }; "alwaysShowIcon": { "alias": "alwaysShowIcon"; "required": false; }; "context": { "alias": "context"; "required": false; }; }, { "stepSelected": "stepSelected"; }, never, never, false, never>;
 }

package/components/stepper/stepper.component.d.ts

@@ -1,11 +1,14 @@
-import { EventEmitter } from '@angular/core';
+import { DestroyRef, ElementRef, EventEmitter } from '@angular/core';
 import { Step, StepperPosition } from './stepper.model';
 import { Observable } from 'rxjs';
 import { ApplicationTheme } from "../../models/application-theme.model";
+import { FocusMonitor } from "@angular/cdk/a11y";
 import * as i0 from "@angular/core";
 export declare class StepperComponent {
     private readonly defaultAppTheme;
     protected readonly isMobile$: Observable<boolean>;
+    protected focusMonitor: FocusMonitor;
+    protected destroyRef: DestroyRef;
     /**
      *
      * Auto selects first step as visited
@@ -77,10 +80,15 @@ export declare class StepperComponent {
     protected selectedIndex: number;
     get isOpen(): boolean;
     set isOpen(value: boolean);
-    constructor(defaultAppTheme: ApplicationTheme, isMobile$: Observable<boolean>);
+    protected keyboardFocused: import("@angular/core").WritableSignal<boolean>;
+    stepperElement: ElementRef<HTMLElement>;
+    constructor(defaultAppTheme: ApplicationTheme, isMobile$: Observable<boolean>, focusMonitor: FocusMonitor, destroyRef: DestroyRef);
+    ngAfterViewInit(): void;
     protected onSelect(changedIndex: number, step: Step): void;
     protected showStepsToggle(): void;
     protected onCloseStepList(): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<StepperComponent, [{ optional: true; }, null]>;
+    protected subscriberFocus(): void;
+    private selectedStepFocus;
+    static ɵfac: i0.ɵɵFactoryDeclaration<StepperComponent, [{ optional: true; }, null, null, null]>;
     static ɵcmp: i0.ɵɵComponentDeclaration<StepperComponent, "ui-stepper", never, { "setFirstStepAutoSelect": { "alias": "firstStepAutoSelect"; "required": false; }; "steps": { "alias": "steps"; "required": false; }; "setSelectedIndex": { "alias": "selectedIndex"; "required": false; }; "lastStepFinalIcon": { "alias": "lastStepFinalIcon"; "required": false; }; "applicationTheme": { "alias": "applicationTheme"; "required": false; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; }; "position": { "alias": "position"; "required": false; }; "ariaRequired": { "alias": "ariaRequired"; "required": false; }; }, { "selectionChange": "selectionChange"; }, never, never, false, never>;
 }

package/components/universal-skills-report/universal-skills-report.component.d.ts

@@ -1,10 +1,12 @@
 import { OnInit } from '@angular/core';
 import { ApplicationTheme } from '../../models/application-theme.model';
 import { RebrandBadgeColor } from '../badge/badge.model';
-import { SkillAreaData, SkillAreaGroup, SkillAreaGroupTypes } from './universal-skills-report.model';
+import { SkillAreaData, SkillAreaGroup, SkillAreaGroupTypes } from '../../models/universal-skills-report.model';
+import { UniversalSkillsService } from '../../services/universal-skills.service';
 import * as i0 from "@angular/core";
 export declare class UniversalSkillsReportComponent implements OnInit {
     private readonly defaultAppTheme;
+    private universalSkillsService;
     /**
      * Defines the application theme
      * @property applicationTheme
@@ -21,13 +23,11 @@ export declare class UniversalSkillsReportComponent implements OnInit {
     skillAreaDataList: SkillAreaData[];
     readonly translationContext = "UNIVERSAL_SKILLS_REPORT.";
     skillAreaGroupMap: Record<SkillAreaGroupTypes, SkillAreaGroup>;
-    constructor(defaultAppTheme: ApplicationTheme);
+    constructor(defaultAppTheme: ApplicationTheme, universalSkillsService: UniversalSkillsService);
     ngOnInit(): void;
     getScoreBadgeLabel(percentileScoring: number): string;
     getScoreBadgeColor(percentileScoring: number): RebrandBadgeColor;
-    private initializeSkillAreaGroupMap;
-    private prepareSkillAreaGroupMap;
     checkScoreClassification([percentileScoring, isLabelRequest]: [number, boolean]): string | RebrandBadgeColor;
-    static ɵfac: i0.ɵɵFactoryDeclaration<UniversalSkillsReportComponent, [{ optional: true; }]>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<UniversalSkillsReportComponent, [{ optional: true; }, null]>;
     static ɵcmp: i0.ɵɵComponentDeclaration<UniversalSkillsReportComponent, "ui-universal-skills-report", never, { "applicationTheme": { "alias": "applicationTheme"; "required": false; }; "skillAreaDataList": { "alias": "skillAreaDataList"; "required": false; }; }, {}, never, never, false, never>;
 }

package/components/universal-skills-spider-charts/universal-skills-spider-charts.component.d.ts

@@ -0,0 +1,33 @@
+import { OnInit } from '@angular/core';
+import { ApplicationTheme } from '../../models/application-theme.model';
+import { SkillAreaData, SkillAreaGroup, SkillAreaGroupTypes, SkillAreaSpiderChartData } from '../../models/universal-skills-report.model';
+import { UniversalSkillsService } from '../../services/universal-skills.service';
+import { UiTranslatePipe } from '../../pipes/ui-translate.pipe';
+import * as i0 from "@angular/core";
+export declare class UniversalSkillsSpiderChartsComponent implements OnInit {
+    private readonly defaultAppTheme;
+    private universalSkillsService;
+    private uiTranslatePipe;
+    /**
+     * Defines the application theme
+     * @property applicationTheme
+     * @type {ApplicationTheme}
+     * @memberof UniversalSkillsSpiderChartsComponent
+     */
+    applicationTheme: ApplicationTheme;
+    /**
+     * The list of items to be used
+     * @property items
+     * @type {SkillAreaData[]}
+     * @memberof UniversalSkillsReportComponent
+     */
+    skillAreaDataList: SkillAreaData[];
+    readonly translationContext = "UNIVERSAL_SKILLS_REPORT.";
+    skillAreaGroupMap: Record<SkillAreaGroupTypes, SkillAreaGroup>;
+    skillAreaSpiderChartData: SkillAreaSpiderChartData[];
+    constructor(defaultAppTheme: ApplicationTheme, universalSkillsService: UniversalSkillsService, uiTranslatePipe: UiTranslatePipe);
+    ngOnInit(): void;
+    prepareSpiderChartData(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<UniversalSkillsSpiderChartsComponent, [{ optional: true; }, null, null]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<UniversalSkillsSpiderChartsComponent, "ui-universal-skills-spider-charts", never, { "applicationTheme": { "alias": "applicationTheme"; "required": false; }; "skillAreaDataList": { "alias": "skillAreaDataList"; "required": false; }; }, {}, never, never, false, never>;
+}

package/components/universal-skills-spider-charts/universal-skills-spider-charts.component.module.d.ts

@@ -0,0 +1,16 @@
+import * as i0 from "@angular/core";
+import * as i1 from "./universal-skills-spider-charts.component";
+import * as i2 from "@angular/common";
+import * as i3 from "../accordion/accordion.component.module";
+import * as i4 from "../badge/badge.component.module";
+import * as i5 from "../progress-bar/progress-bar.component.module";
+import * as i6 from "../spider-chart/spider-chart.module";
+import * as i7 from "../divider/divider.component.module";
+import * as i8 from "../../pipes/memoize-func.pipe";
+import * as i9 from "../../pipes/ui-translate.pipe";
+import * as i10 from "../../pipes/ui-ordinal-suffix.pipe";
+export declare class UniversalSkillsSpiderChartsComponentModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<UniversalSkillsSpiderChartsComponentModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<UniversalSkillsSpiderChartsComponentModule, [typeof i1.UniversalSkillsSpiderChartsComponent], [typeof i2.CommonModule, typeof i3.AccordionComponentModule, typeof i4.BadgeComponentModule, typeof i5.ProgressBarComponentModule, typeof i6.SpiderChartComponentModule, typeof i7.DividerComponentModule, typeof i8.MemoizeFuncPipe, typeof i9.UiTranslatePipe, typeof i10.OrdinalSuffixPipe, typeof i2.KeyValuePipe], [typeof i1.UniversalSkillsSpiderChartsComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<UniversalSkillsSpiderChartsComponentModule>;
+}

package/esm2022/assets/i18n/en.json

@@ -11,7 +11,10 @@
         "MAX_SELECTED_ERROR": "You’ve reached the maximum of ({{max}}) tags. Remove a tag to add another."
     },
     "STEPPER": {
-        "FINAL_STEP": "Final step"
+        "FINAL_STEP": "Final step",
+        "COMPLETED": "Completed",
+        "INCOMPLETE": "Incomplete",
+        "SELECTED_OF": "Selected ({{selected}} of {{total}}) current step"
     },
     "SLIDER": {
         "MAX_LESS_THAN_MIN": "Max value ({{max}}) cannot be less then current min value ({{min}})",