@testgorilla/tgo-ui 2.24.4 → 2.24.5

package/components/autocomplete/autocomplete.component.d.ts

@@ -1,4 +1,4 @@
-import { CdkVirtualScrollViewport } from "@angular/cdk/scrolling";
+import { CdkVirtualScrollViewport } from '@angular/cdk/scrolling';
 import { AfterViewInit, ChangeDetectorRef, DestroyRef, DoCheck, ElementRef, EventEmitter, NgZone, OnChanges, OnDestroy, Renderer2, SimpleChanges } from '@angular/core';
 import { ControlValueAccessor, NgControl } from '@angular/forms';
 import { MatAutocomplete, MatAutocompleteSelectedEvent, MatAutocompleteTrigger } from '@angular/material/autocomplete';
@@ -7,7 +7,7 @@ import { ReplaySubject } from 'rxjs';
 import { ApplicationTheme } from '../../models/application-theme.model';
 import { AutocompleteUtils } from '../../utils/autocomplete-utils';
 import { Autocomplete, AutocompleteSize, AutocompleteType, DropdownVariation } from './autocomplete.model';
-import { FocusMonitor } from "@angular/cdk/a11y";
+import { FocusMonitor } from '@angular/cdk/a11y';
 import * as i0 from "@angular/core";
 export declare class AutocompleteComponent implements ControlValueAccessor, OnChanges, AfterViewInit, DoCheck, OnDestroy {
     private readonly defaultAppTheme;
@@ -63,10 +63,10 @@ export declare class AutocompleteComponent implements ControlValueAccessor, OnCh
      */
     label: string;
     /**
-   * @property placeholder
-   * @description The placeholder for the autocomplete input.
-   * @memberof AutocompleteComponent
-   */
+     * @property placeholder
+     * @description The placeholder for the autocomplete input.
+     * @memberof AutocompleteComponent
+     */
     placeholder: string;
     /**
      * @property value

package/components/badge/badge.model.d.ts

@@ -13,7 +13,7 @@ export declare enum BadgeColorEnum {
     BLUE_20 = "blue-20",
     BLUE_40 = "blue-40"
 }
-export type RebrandBadgeColor = 'success' | 'warning' | 'negative' | 'info' | 'brand' | 'neutral' | 'blue-20' | 'blue-40' | 'pink-30' | 'blue-10' | 'grey-10';
+export type RebrandBadgeColor = 'success' | 'warning' | 'negative' | 'info' | 'brand' | 'neutral' | 'blue-20' | 'blue-40' | 'pink-30' | 'blue-10' | 'grey-10' | 'grey-30';
 export declare enum RebrandBadgeColorEnum {
     SUCCESS = "success",
     WARNING = "warning",
@@ -25,6 +25,7 @@ export declare enum RebrandBadgeColorEnum {
     BLUE_20 = "blue-20",
     PINK_30 = "pink-30",
     BLUE_10 = "blue-10",
+    GREY_30 = "grey-30",
     GREY_10 = "grey-10"
 }
 export declare enum BadgeVariantEnum {

package/components/spider-chart/spider-chart.component.d.ts

@@ -0,0 +1,88 @@
+import { ElementRef, OnInit, QueryList } from '@angular/core';
+import { SpiderChartData, SpiderChartSize } from './spider-chart.model';
+import { ApplicationTheme } from '../../models/application-theme.model';
+import { ChartData, ChartOptions } from 'chart.js';
+import { BaseChartDirective } from 'ng2-charts';
+import * as i0 from "@angular/core";
+export declare class SpiderChartComponent implements OnInit {
+    /**
+     * The size of the spider chart.
+     * @type {SpiderChartSize}
+     * @memberof SpiderChartComponent
+     */
+    size: SpiderChartSize;
+    /**
+     * The data to be used for the spider chart.
+     * @type {SpiderChartData}
+     * @memberof SpiderChartComponent
+     */
+    spiderChartData: SpiderChartData;
+    /**
+     * The step size for the spider chart.
+     * @type {number}
+     * @memberof SpiderChartComponent
+     */
+    stepSize: number;
+    /**
+     * The aria label for the spider chart.
+     * @type {string}
+     * @memberof SpiderChartComponent
+     */
+    ariaLabel: string;
+    /**
+     * Whether the spider chart is loading.
+     * @type {boolean}
+     * @memberof SpiderChartComponent
+     */
+    loading: boolean;
+    /**
+     *
+     * Defines the application theme
+     *
+     * @type {ApplicationTheme}
+     * @memberof SpinnerComponent
+     */
+    applicationTheme: ApplicationTheme;
+    chart: BaseChartDirective;
+    labelContainers: QueryList<ElementRef>;
+    fakeDataPoints: QueryList<ElementRef>;
+    fakeDataPointsSecondary: QueryList<ElementRef>;
+    legendItems: QueryList<ElementRef>;
+    radarChartData: ChartData<'radar'>;
+    radarChartOptions: ChartOptions<'radar'>;
+    labelPositions: {
+        [key: string]: {
+            x: number;
+            y: number;
+        };
+    };
+    labelPositionsVisible: boolean;
+    focusedLabelIndex: number;
+    focusedFakeDataPointIndex: number;
+    loadingChartData: ChartData<'radar'>;
+    loadingChartOptions: ChartOptions<'radar'>;
+    protected readonly translationContext = "CHARTS.SPIDER.";
+    ngOnInit(): void;
+    private handleInputErrors;
+    private setChartData;
+    private setChartOptions;
+    ngAfterViewInit(): void;
+    private logCornerCoordinates;
+    getCenteredLabelBottomPosition(label: string, height: number): string;
+    getCenteredLabelLeftPosition(label: string, width: number): string;
+    onLabelKeyDown(event: KeyboardEvent, index: number): void;
+    private focusNextLabel;
+    private focusPreviousLabel;
+    onLegendItemKeyDown(event: KeyboardEvent, index: number): void;
+    private focusNextLegendItem;
+    private focusPreviousLegendItem;
+    onFakeDataPointsKeyDown(event: KeyboardEvent, index: number, isSecondary?: boolean): void;
+    private focusNextFakeDataPoint;
+    private focusPreviousFakeDataPoint;
+    showTooltipForDataPoint(index: number, isSecondary?: boolean): void;
+    private resetActiveElement;
+    toggleDatasetVisibility(datasetIndex: number): void;
+    isDatasetVisible(datasetIndex: number): boolean | undefined;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SpiderChartComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SpiderChartComponent, "ui-spider-chart", never, { "size": { "alias": "size"; "required": false; }; "spiderChartData": { "alias": "spiderChartData"; "required": false; }; "stepSize": { "alias": "stepSize"; "required": false; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; }; "loading": { "alias": "loading"; "required": false; }; "applicationTheme": { "alias": "applicationTheme"; "required": false; }; }, {}, never, never, false, never>;
+}

package/components/spider-chart/spider-chart.model.d.ts

@@ -0,0 +1,12 @@
+export type SpiderChartSize = 'large' | 'small';
+export declare const SmallSpiderChartSize: number;
+export declare const LargeSpiderChartSize: number;
+export type SpiderChartData = {
+    labels: string[];
+    labelDescription: string[];
+    plotData: [PlotData, PlotData] | [PlotData];
+};
+export type PlotData = {
+    databaseLabel: string;
+    data: number[];
+};

package/components/spider-chart/spider-chart.module.d.ts

@@ -0,0 +1,12 @@
+import * as i0 from "@angular/core";
+import * as i1 from "./spider-chart.component";
+import * as i2 from "@angular/common";
+import * as i3 from "../../pipes/ui-translate.pipe";
+import * as i4 from "ng2-charts";
+import * as i5 from "@angular/material/tooltip";
+import * as i6 from "../spinner/spinner.module";
+export declare class SpiderChartComponentModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<SpiderChartComponentModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<SpiderChartComponentModule, [typeof i1.SpiderChartComponent], [typeof i2.NgClass, typeof i3.UiTranslatePipe, typeof i4.NgChartsModule, typeof i5.MatTooltipModule, typeof i3.UiTranslatePipe, typeof i6.SpinnerComponentModule, typeof i2.CommonModule], [typeof i1.SpiderChartComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<SpiderChartComponentModule>;
+}

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

@@ -0,0 +1,33 @@
+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 * as i0 from "@angular/core";
+export declare class UniversalSkillsReportComponent implements OnInit {
+    private readonly defaultAppTheme;
+    /**
+     * Defines the application theme
+     * @property applicationTheme
+     * @type {ApplicationTheme}
+     * @memberof UniversalSkillsReportComponent
+     */
+    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>;
+    constructor(defaultAppTheme: ApplicationTheme);
+    ngOnInit(): void;
+    getScoreBadgeLabel(percentileScoring: number): string;
+    getScoreBadgeColor(percentileScoring: number): RebrandBadgeColor;
+    private initializeSkillAreaGroupMap;
+    private prepareSkillAreaGroupMap;
+    private checkScoreClassification;
+    static ɵfac: i0.ɵɵFactoryDeclaration<UniversalSkillsReportComponent, [{ optional: true; }]>;
+    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-report/universal-skills-report.component.module.d.ts

@@ -0,0 +1,14 @@
+import * as i0 from "@angular/core";
+import * as i1 from "./universal-skills-report.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 "../../pipes/memoize-func.pipe";
+import * as i7 from "../../pipes/ui-translate.pipe";
+import * as i8 from "../../pipes/ui-ordinal-suffix.pipe";
+export declare class UniversalSkillsReportComponentModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<UniversalSkillsReportComponentModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<UniversalSkillsReportComponentModule, [typeof i1.UniversalSkillsReportComponent], [typeof i2.CommonModule, typeof i3.AccordionComponentModule, typeof i4.BadgeComponentModule, typeof i5.ProgressBarComponentModule, typeof i6.MemoizeFuncPipe, typeof i7.UiTranslatePipe, typeof i8.OrdinalSuffixPipe, typeof i2.KeyValuePipe], [typeof i1.UniversalSkillsReportComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<UniversalSkillsReportComponentModule>;
+}

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

@@ -0,0 +1,33 @@
+export interface SkillAreaGroup {
+    title: string;
+    description: string;
+    skillAreaList: SkillAreaData[];
+}
+export interface SkillAreaData {
+    percentileScoring: number;
+    skillArea: SkillArea;
+    reportGroup: ReportBox[];
+}
+export interface SkillArea {
+    type: string;
+    title: string;
+    description: string;
+}
+export interface ReportBox {
+    title: string;
+    description: string;
+}
+export declare enum SkillAreaGroupTypes {
+    FocusingOnObjectives = 1,
+    WorkingWithPeople = 2,
+    ManagingOnesSelf = 3
+}
+export declare enum SkillAreaTypes {
+    BusinessSavvy = "business_savvy",
+    CustomerFocus = "customer_focus",
+    BuildingRelationships = "building_relationships",
+    HandlingConflict = "handling_conflict",
+    CommunicatingEffectively = "communicating_effectively",
+    EarningTrust = "earning_trust",
+    ShowingResilience = "showing_resilience"
+}

package/esm2022/assets/i18n/en.json

@@ -17,6 +17,12 @@
         "MAX_LESS_THAN_MIN": "Max value ({{max}}) cannot be less then current min value ({{min}})",
         "MIN_MORE_THAN_MAX": "Min value ({{min}}) cannot be more then current max value ({{max}})"
     },
+    "CHARTS": {
+        "SPIDER": {
+            "DATASET_HIDDEN": "{{dataset}} hidden. Press enter to show",
+            "DATASET_VISIBLE": "{{dataset}} visible. Press enter to hide"
+        }
+    },
     "DATEPICKER": {
         "START_DATE": "Start date",
         "END_DATE": "End date"
@@ -122,6 +128,36 @@
     "TAG": {
         "REMOVE": "Remove tag"
     },
+    "UNIVERSAL_SKILLS_REPORT": {
+        "PERCENTILE": "percentile",
+        "SKILL_AREA_GROUP_TYPES": {
+            "FOCUSING_ON_OBJECTIVES": {
+                "TITLE": "Focusing on objectives",
+                "DESCRIPTION": "The skill cluster Focusing on objectives assesses an individual's capability in achieving goals."
+            },
+            "WORKING_WITH_PEOPLE": {
+                "TITLE": "Working with people",
+                "DESCRIPTION": "The skill cluster Working with people assesses an individual's capability in fostering interpersonal connections and collaborations."
+            },
+            "MANAGING_ONES_SELF": {
+                "TITLE": "Managing one's self",
+                "DESCRIPTION": "The skill cluster Managing one’s self assesses an individual’s capability in using inner resources to adapt, overcome, learn, and explore new possibilities."
+            }
+        },
+        "BADGE_LABEL_TYPES": {
+            "WELL_BELLOW_AVERAGE": "Well below average",
+            "BELLOW_AVERAGE": "Below average",
+            "AVERAGE": "Average",
+            "ABOVE_AVERAGE": "Above average",
+            "WELL_ABOVE_AVERAGE": "Well above average"
+        }
+    },
+    "PERCENTILE_SUFFIXES": {
+        "ST": "st",
+        "ND": "nd",
+        "RD": "rd",
+        "TH": "th"
+    },
     "TOOLTIP": {
         "DETAILS": "Details"
     }