@testgorilla/tgo-ui 2.26.5 → 2.26.7

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

@@ -223,7 +223,6 @@ 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/filter-button/filter-button.component.d.ts

@@ -0,0 +1,112 @@
+import { ChangeDetectorRef, EventEmitter, OnChanges, SimpleChanges } from '@angular/core';
+import { ApplicationTheme } from '../../models/application-theme.model';
+import { FilterButtonOption } from './filter-button.model';
+import { IconName } from '../icon/icon.model';
+import { ButtonIconPosition } from '../button/button.model';
+import * as i0 from "@angular/core";
+export declare class FilterButtonComponent implements OnChanges {
+    private readonly defaultAppTheme;
+    private readonly cdr;
+    class: string;
+    /**
+     * The button label when no value is selected.
+     *
+     * @type {string}
+     * @memberof FilterButtonComponent
+     */
+    label: string;
+    /**
+     * Optional message to display on the overflow bottom.
+     *
+     * @type {string}
+     * @memberof FilterButtonComponent
+     */
+    message?: string | undefined;
+    /**
+     * List of selected values.
+     *
+     * @type {string[]}
+     * @memberof FilterButtonComponent
+     */
+    value: string[];
+    /**
+     * Whether the component is disabled.
+     * Default: false.
+     *
+     * @type {boolean}
+     * @memberof FilterButtonComponent
+     */
+    disabled: boolean;
+    /**
+     * List of options.
+     *
+     * @type {OptionType}
+     * @memberof FilterButtonComponent
+     */
+    options: FilterButtonOption[];
+    /**
+     * Whether the user should be allowed to clear the values.
+     * Default: true.
+     *
+     * @type {boolean}
+     * @memberof FilterButtonComponent
+     */
+    allowClear: boolean;
+    /**
+     * Whether the user should be allowed to select single or multiple values.
+     * Default: false.
+     *
+     * @type {boolean}
+     * @memberof FilterButtonComponent
+     */
+    singleSelection?: boolean | undefined;
+    /**
+     * The icon name to display.
+     *
+     * @type {string}
+     * @memberof FilterButtonComponent
+     *
+     **/
+    iconName?: IconName;
+    /**
+     * The position of the icon.
+     * Default: 'right'.
+     *
+     * @type {ButtonIconPosition}
+     * @memberof FilterButtonComponent
+     */
+    iconPosition?: ButtonIconPosition;
+    /**
+     * Emits the list of selected values when the selection changes.
+     *
+     * @type {EventEmitter<string[]>}
+     * @memberof FilterButtonComponent
+     */
+    changed: EventEmitter<string[]>;
+    /**
+     *
+     * Defines the application theme
+     *
+     * @type {ApplicationTheme}
+     * @memberof FilterButtonComponent
+     */
+    applicationTheme: ApplicationTheme;
+    overlayContainer: any;
+    isOpen: import("@angular/core").WritableSignal<boolean>;
+    displayedLabel: import("@angular/core").WritableSignal<string>;
+    tooltip: import("@angular/core").WritableSignal<string>;
+    search: import("@angular/core").WritableSignal<string>;
+    displayedOptions: import("@angular/core").Signal<FilterButtonOption[]>;
+    readonly MIN_OPTIONS_LENGTH_FOR_SEARCH = 8;
+    constructor(defaultAppTheme: ApplicationTheme, cdr: ChangeDetectorRef);
+    ngOnChanges(changes: SimpleChanges): void;
+    clearValue(): void;
+    outsideClick(): void;
+    toggle(): void;
+    overlayAttach(): void;
+    isSelected(value?: string): boolean;
+    optionChanged(selected: boolean, option: FilterButtonOption): void;
+    private updateLabel;
+    static ɵfac: i0.ɵɵFactoryDeclaration<FilterButtonComponent, [{ optional: true; }, null]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<FilterButtonComponent, "ui-filter-button", never, { "label": { "alias": "label"; "required": false; }; "message": { "alias": "message"; "required": false; }; "value": { "alias": "value"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "options": { "alias": "options"; "required": false; }; "allowClear": { "alias": "allowClear"; "required": false; }; "singleSelection": { "alias": "singleSelection"; "required": false; }; "iconName": { "alias": "iconName"; "required": false; }; "iconPosition": { "alias": "iconPosition"; "required": false; }; "applicationTheme": { "alias": "applicationTheme"; "required": false; }; }, { "changed": "changed"; }, never, never, false, never>;
+}

package/components/filter-button/filter-button.component.module.d.ts

@@ -0,0 +1,16 @@
+import * as i0 from "@angular/core";
+import * as i1 from "./filter-button.component";
+import * as i2 from "@angular/common";
+import * as i3 from "@angular/forms";
+import * as i4 from "@angular/material/tooltip";
+import * as i5 from "@angular/cdk/overlay";
+import * as i6 from "../../pipes/ui-translate.pipe";
+import * as i7 from "../button/button.component.module";
+import * as i8 from "../checkbox/checkbox.component.module";
+import * as i9 from "../field/field.component.module";
+import * as i10 from "../radio-button/radio-button.component.module";
+export declare class FilterButtonComponentModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<FilterButtonComponentModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<FilterButtonComponentModule, [typeof i1.FilterButtonComponent], [typeof i2.CommonModule, typeof i3.FormsModule, typeof i4.MatTooltipModule, typeof i5.OverlayModule, typeof i6.UiTranslatePipe, typeof i7.ButtonComponentModule, typeof i8.CheckboxComponentModule, typeof i9.FieldComponentModule, typeof i10.RadioButtonComponentModule], [typeof i1.FilterButtonComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<FilterButtonComponentModule>;
+}

package/components/filter-button/filter-button.model.d.ts

@@ -0,0 +1,6 @@
+export interface FilterButtonOption {
+    value: string;
+    label: string;
+    labelNumber?: number;
+    sectionTitle?: 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}})",
@@ -79,6 +82,7 @@
         "MAX": "Max",
         "MIN": "Min",
         "CLEAR": "Clear",
+        "RESET": "Reset",
         "PHONE_NUMBER": "Phone number",
         "ON": "On",
         "OFF": "Off",