@testgorilla/tgo-ui 2.24.3 → 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/media-card/media-card.component.d.ts

@@ -0,0 +1,32 @@
+import { EventEmitter } from '@angular/core';
+import * as i0 from "@angular/core";
+export declare class MediaCardComponent {
+    /**
+     * The title of the card
+     * @type {string}
+     * @memberof MediaCardComponent
+     */
+    title: string;
+    /**
+     * The description of the card
+     * @type {string}
+     * @memberof MediaCardComponent
+     */
+    description: string;
+    /**
+     * The image of the card
+     * @type {string}
+     * @memberof MediaCardComponent
+     */
+    image: string;
+    /**
+     * The label of the button
+     * @type {string}
+     * @memberof MediaCardComponent
+     */
+    buttonLabel: string;
+    buttonClick: EventEmitter<void>;
+    protected showTitleTooltip: boolean;
+    static ɵfac: i0.ɵɵFactoryDeclaration<MediaCardComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<MediaCardComponent, "ui-media-card", never, { "title": { "alias": "title"; "required": true; }; "description": { "alias": "description"; "required": true; }; "image": { "alias": "image"; "required": true; }; "buttonLabel": { "alias": "buttonLabel"; "required": true; }; }, { "buttonClick": "buttonClick"; }, never, never, true, never>;
+}

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/tooltip/tooltip-template.directive.d.ts

@@ -1,16 +1,21 @@
-import { ElementRef, OnChanges, OnDestroy, TemplateRef } from '@angular/core';
+import { ElementRef, Injector, NgZone, OnChanges, OnDestroy, TemplateRef } from '@angular/core';
 import { Overlay, OverlayPositionBuilder } from "@angular/cdk/overlay";
 import { TooltipPositionType } from "./tooltip.model";
+import { FocusMonitor } from "@angular/cdk/a11y";
 import * as i0 from "@angular/core";
 export declare class TooltipTemplateDirective implements OnChanges, OnDestroy {
     private _overlay;
     private _overlayPositionBuilder;
     private _elementRef;
+    private focusMonitor;
+    private ngZone;
+    private injector;
+    private tooltipComponentToken;
     tooltipPosition: TooltipPositionType;
     showTooltip: boolean;
     templateRef: TemplateRef<any>;
     private _overlayRef;
-    constructor(_overlay: Overlay, _overlayPositionBuilder: OverlayPositionBuilder, _elementRef: ElementRef);
+    constructor(_overlay: Overlay, _overlayPositionBuilder: OverlayPositionBuilder, _elementRef: ElementRef, focusMonitor: FocusMonitor, ngZone: NgZone, injector: Injector, tooltipComponentToken: any);
     ngOnChanges(): void;
     show(): void;
     hide(): void;

package/components/tooltip/tooltip.component.d.ts

@@ -1,5 +1,5 @@
 import { OnInit } from '@angular/core';
-import { TooltipPositionType } from './tooltip.model';
+import { TooltipDefinitionSize, TooltipPositionType, TooltipVariant } from './tooltip.model';
 import { TooltipPosition } from '@angular/material/tooltip';
 import { ApplicationTheme } from '../../models/application-theme.model';
 import * as i0 from "@angular/core";
@@ -34,12 +34,31 @@ export declare class TooltipComponent implements OnInit {
      * @memberof TooltipComponent
      */
     applicationTheme: ApplicationTheme;
+    /**
+     * The label for definition variant
+     * @type {string}
+     * @memberof TooltipComponent
+     */
+    labelForDefinition: string;
+    /**
+     * Defines size for definition variant
+     * @type {string}
+     * @memberof TooltipComponent
+     */
+    definitionTooltipSize: TooltipDefinitionSize;
+    /**
+     * Variant render tooltip
+     * @type {string}
+     * @memberof TooltipComponent
+     */
+    variant: TooltipVariant;
+    isLabelEllipse: boolean;
     templateRef: any;
     constructor(defaultAppTheme: ApplicationTheme);
     matPosition: TooltipPosition;
     ngOnInit(): void;
     setPosition(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<TooltipComponent, [{ optional: true; }]>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<TooltipComponent, "ui-tooltip", never, { "position": { "alias": "position"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "message": { "alias": "message"; "required": false; }; "applicationTheme": { "alias": "applicationTheme"; "required": false; }; }, {}, never, ["*"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TooltipComponent, "ui-tooltip", never, { "position": { "alias": "position"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "message": { "alias": "message"; "required": false; }; "applicationTheme": { "alias": "applicationTheme"; "required": false; }; "labelForDefinition": { "alias": "labelForDefinition"; "required": false; }; "definitionTooltipSize": { "alias": "definitionTooltipSize"; "required": false; }; "variant": { "alias": "variant"; "required": false; }; }, {}, never, ["*"], false, never>;
     static ngAcceptInputType_disabled: unknown;
 }

package/components/tooltip/tooltip.component.module.d.ts

@@ -2,8 +2,11 @@ import * as i0 from "@angular/core";
 import * as i1 from "./tooltip.component";
 import * as i2 from "@angular/material/tooltip";
 import * as i3 from "@angular/common";
+import * as i4 from "./tooltip-template.directive";
+import * as i5 from "../../directives/ellipse-text.directive";
+import * as i6 from "../../pipes/ui-translate.pipe";
 export declare class TooltipComponentModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<TooltipComponentModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<TooltipComponentModule, [typeof i1.TooltipComponent], [typeof i2.MatTooltipModule, typeof i3.CommonModule], [typeof i1.TooltipComponent]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<TooltipComponentModule, [typeof i1.TooltipComponent], [typeof i2.MatTooltipModule, typeof i3.CommonModule, typeof i4.TooltipTemplateDirective, typeof i5.EllipseTextDirective, typeof i6.UiTranslatePipe], [typeof i1.TooltipComponent]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<TooltipComponentModule>;
 }

package/components/tooltip/tooltip.model.d.ts

@@ -4,3 +4,5 @@ export declare enum TooltipPositionType {
     LEFT = "left",
     RIGHT = "right"
 }
+export type TooltipVariant = 'basic' | 'definition';
+export type TooltipDefinitionSize = 'small' | 'medium' | 'large';

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"
@@ -121,5 +127,38 @@
     },
     "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"
     }
 }