@testgorilla/tgo-ui 2.99.1 → 3.0.0

package/components/password-criteria/password.component.d.ts

@@ -1,4 +1,4 @@
-import { DestroyRef, EventEmitter } from '@angular/core';
+import { DestroyRef, ElementRef, EventEmitter } from '@angular/core';
 import { ControlValueAccessor, FormControl } from '@angular/forms';
 import * as i0 from "@angular/core";
 export declare class PasswordComponent implements ControlValueAccessor {
@@ -19,6 +19,7 @@ export declare class PasswordComponent implements ControlValueAccessor {
     required: boolean;
     passwordChange: EventEmitter<string>;
     allCriteriaPassed: EventEmitter<boolean>;
+    requiredCriteria: ElementRef<HTMLElement>;
     protected formControl: FormControl<string | null>;
     protected criteriaPassed: {
         [key: string]: boolean;
@@ -37,6 +38,7 @@ export declare class PasswordComponent implements ControlValueAccessor {
     writeValue(obj: any): void;
     registerOnChange(fn: any): void;
     registerOnTouched(fn: any): void;
+    get allRequirementsMet(): boolean;
     static ɵfac: i0.ɵɵFactoryDeclaration<PasswordComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<PasswordComponent, "ui-password-criteria", never, { "showCriteria": { "alias": "showCriteria"; "required": false; }; "required": { "alias": "required"; "required": false; }; }, { "passwordChange": "passwordChange"; "allCriteriaPassed": "allCriteriaPassed"; }, never, never, false, never>;
 }

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

@@ -135,6 +135,15 @@ export declare class RadioButtonComponent implements OnInit, OnChanges, ControlV
      * @memberof RadioButtonComponent
      */
     alignment: Alignment;
+    /**
+     * Sets the tab index for the checkbox component.
+     * This determines the order in which elements receive focus when the user navigates through them using the Tab key.
+     * Default value is 0.
+     *
+     * @type {number}
+     * @memberof RadioButtonComponent
+     */
+    tabIndex: number;
     /**
      * Event emitted when the checked state of the radio button changes.
      *
@@ -167,6 +176,7 @@ export declare class RadioButtonComponent implements OnInit, OnChanges, ControlV
     private checkHost;
     private setCompanyColor;
     onFocus(showTooltip: boolean): void;
+    focus(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<RadioButtonComponent, [{ optional: true; }, { optional: true; self: true; }, { optional: true; host: true; }, null, null, null, null]>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<RadioButtonComponent, "ui-radio-button", never, { "disabled": { "alias": "disabled"; "required": false; }; "selected": { "alias": "selected"; "required": false; }; "allowUnselect": { "alias": "allowUnselect"; "required": false; }; "companyColor": { "alias": "companyColor"; "required": false; }; "name": { "alias": "name"; "required": false; }; "label": { "alias": "label"; "required": false; }; "multiple": { "alias": "multiple"; "required": false; }; "value": { "alias": "value"; "required": false; }; "applicationTheme": { "alias": "applicationTheme"; "required": false; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; }; "ariaRequired": { "alias": "ariaRequired"; "required": false; }; "hasError": { "alias": "hasError"; "required": false; }; "ariaLabelledby": { "alias": "ariaLabelledby"; "required": false; }; "ariaDescribedby": { "alias": "ariaDescribedby"; "required": false; }; "truncateText": { "alias": "truncateText"; "required": false; }; "alignment": { "alias": "alignment"; "required": false; }; }, { "changeRadio": "changeRadio"; }, never, ["[radio-label]"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<RadioButtonComponent, "ui-radio-button", never, { "disabled": { "alias": "disabled"; "required": false; }; "selected": { "alias": "selected"; "required": false; }; "allowUnselect": { "alias": "allowUnselect"; "required": false; }; "companyColor": { "alias": "companyColor"; "required": false; }; "name": { "alias": "name"; "required": false; }; "label": { "alias": "label"; "required": false; }; "multiple": { "alias": "multiple"; "required": false; }; "value": { "alias": "value"; "required": false; }; "applicationTheme": { "alias": "applicationTheme"; "required": false; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; }; "ariaRequired": { "alias": "ariaRequired"; "required": false; }; "hasError": { "alias": "hasError"; "required": false; }; "ariaLabelledby": { "alias": "ariaLabelledby"; "required": false; }; "ariaDescribedby": { "alias": "ariaDescribedby"; "required": false; }; "truncateText": { "alias": "truncateText"; "required": false; }; "alignment": { "alias": "alignment"; "required": false; }; "tabIndex": { "alias": "tabIndex"; "required": false; }; }, { "changeRadio": "changeRadio"; }, never, ["[radio-label]"], false, never>;
 }

package/components/scale/scale.component.d.ts

@@ -48,6 +48,7 @@ export declare class ScaleComponent implements OnInit, OnChanges {
     focusItem(index: number): void;
     getAriaLabel(index: number): string;
     private setCompanyColor;
+    onFocus(item: number): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<ScaleComponent, [{ optional: true; }]>;
     static ɵcmp: i0.ɵɵComponentDeclaration<ScaleComponent, "ui-scale", never, { "selectedIndex": { "alias": "selectedIndex"; "required": false; }; "length": { "alias": "length"; "required": false; }; "applicationTheme": { "alias": "applicationTheme"; "required": false; }; "companyColor": { "alias": "companyColor"; "required": false; }; }, { "selectedIndexChange": "selectedIndexChange"; }, never, never, false, never>;
 }

package/components/side-panel/side-panel.service.d.ts

@@ -1,4 +1,4 @@
-import { TemplateRef, Type } from '@angular/core';
+import { Injector, TemplateRef, Type } from '@angular/core';
 import { SidePanelConfig } from './side-panel.model';
 import * as i0 from "@angular/core";
 export declare class SidePanelService {
@@ -9,7 +9,7 @@ export declare class SidePanelService {
     private injector;
     private appRef;
     constructor();
-    open(content: Type<any> | TemplateRef<any>, config: Partial<SidePanelConfig>): void;
+    open(content: Type<any> | TemplateRef<any>, config: Partial<SidePanelConfig>, parentInjector?: Injector): void;
     destroyComponent(): void;
     private createSidePanelInjector;
     private createSidePanelComponent;

package/components/slider/slider.component.d.ts

@@ -1,8 +1,10 @@
-import { EventEmitter } from '@angular/core';
+import { DecimalPipe } from '@angular/common';
+import { ChangeDetectorRef, EventEmitter } from '@angular/core';
+import { AbstractControl, ValidationErrors, Validator } from '@angular/forms';
+import { ApplicationTheme } from '../../models/application-theme.model';
 import { SliderValue, SliderVariant } from './slider.model';
-import { ApplicationTheme } from "../../models/application-theme.model";
 import * as i0 from "@angular/core";
-export declare class SliderComponent {
+export declare class SliderComponent implements Validator {
     private readonly defaultAppTheme;
     /**
      * The maximum value of the slider.
@@ -83,23 +85,32 @@ export declare class SliderComponent {
      * @memberof SliderComponent
      */
     variant: SliderVariant;
+    useDecimal: import("@angular/core").InputSignal<boolean>;
+    minLabel: import("@angular/core").InputSignal<string | undefined>;
+    maxLabel: import("@angular/core").InputSignal<string | undefined>;
+    inputWidth: import("@angular/core").InputSignal<number>;
     sliderValueChange: EventEmitter<SliderValue>;
+    cdr: ChangeDetectorRef;
+    decimalPipe: DecimalPipe;
+    private control?;
     constructor(defaultAppTheme: ApplicationTheme);
     private value;
     protected translationContext: string;
     protected touchedControlName: string;
-    onChange: (_: any) => void;
+    onChange: (value: SliderValue) => void;
     onTouch: () => void;
-    registerOnChange(fn: any): void;
-    registerOnTouched(fn: any): void;
+    registerOnChange(fn: (value: SliderValue) => void): void;
+    registerOnTouched(fn: () => void): void;
     setDisabledState(isDisabled: boolean): void;
-    writeValue(value: any): void;
+    writeValue(value: SliderValue): void;
     protected onValueChange(ev?: number): void;
     protected onInputBlur(inputName: string): void;
     protected onInputFocus(): void;
     private isValueChanged;
     get hasError(): boolean;
     get isBasicSlider(): boolean;
+    formatLabel(value: number): string;
+    validate(control: AbstractControl): ValidationErrors | null;
     static ɵfac: i0.ɵɵFactoryDeclaration<SliderComponent, [{ optional: true; }]>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<SliderComponent, "ui-slider", never, { "max": { "alias": "max"; "required": false; }; "min": { "alias": "min"; "required": false; }; "percentage": { "alias": "percentage"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "sliderStart": { "alias": "sliderStart"; "required": false; }; "sliderEnd": { "alias": "sliderEnd"; "required": false; }; "label": { "alias": "label"; "required": false; }; "showInputs": { "alias": "showInputs"; "required": false; }; "step": { "alias": "step"; "required": false; }; "applicationTheme": { "alias": "applicationTheme"; "required": false; }; "variant": { "alias": "variant"; "required": false; }; }, { "sliderValueChange": "sliderValueChange"; }, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SliderComponent, "ui-slider", never, { "max": { "alias": "max"; "required": false; }; "min": { "alias": "min"; "required": false; }; "percentage": { "alias": "percentage"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "sliderStart": { "alias": "sliderStart"; "required": false; }; "sliderEnd": { "alias": "sliderEnd"; "required": false; }; "label": { "alias": "label"; "required": false; }; "showInputs": { "alias": "showInputs"; "required": false; }; "step": { "alias": "step"; "required": false; }; "applicationTheme": { "alias": "applicationTheme"; "required": false; }; "variant": { "alias": "variant"; "required": false; }; "useDecimal": { "alias": "useDecimal"; "required": false; "isSignal": true; }; "minLabel": { "alias": "minLabel"; "required": false; "isSignal": true; }; "maxLabel": { "alias": "maxLabel"; "required": false; "isSignal": true; }; "inputWidth": { "alias": "inputWidth"; "required": false; "isSignal": true; }; }, { "sliderValueChange": "sliderValueChange"; }, never, never, true, never>;
 }

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

@@ -1,14 +1,7 @@
 import * as i0 from "@angular/core";
 import * as i1 from "./slider.component";
-import * as i2 from "@angular/common";
-import * as i3 from "@angular/material/slider";
-import * as i4 from "@angular/forms";
-import * as i5 from "@angular/material/input";
-import * as i6 from "@angular/material/tooltip";
-import * as i7 from "../icon/icon.component.module";
-import * as i8 from "../../pipes/ui-translate.pipe";
 export declare class SliderComponentModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<SliderComponentModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<SliderComponentModule, [typeof i1.SliderComponent], [typeof i2.CommonModule, typeof i3.MatSliderModule, typeof i4.FormsModule, typeof i5.MatInputModule, typeof i6.MatTooltipModule, typeof i7.IconComponentModule, typeof i8.UiTranslatePipe], [typeof i1.SliderComponent]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<SliderComponentModule, never, [typeof i1.SliderComponent], [typeof i1.SliderComponent]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<SliderComponentModule>;
 }

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

@@ -83,6 +83,8 @@ export declare class SpiderChartComponent implements OnInit {
     private resetActiveElement;
     toggleDatasetVisibility(datasetIndex: number): void;
     isDatasetVisible(datasetIndex: number): boolean | undefined;
+    getFirstLine(label: string): string;
+    getSecondLine(label: string): string;
     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.module.d.ts

@@ -4,9 +4,10 @@ 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";
+import * as i6 from "../../pipes/memoize-func.pipe";
+import * as i7 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 ɵmod: i0.ɵɵNgModuleDeclaration<SpiderChartComponentModule, [typeof i1.SpiderChartComponent], [typeof i2.NgClass, typeof i3.UiTranslatePipe, typeof i4.NgChartsModule, typeof i5.MatTooltipModule, typeof i3.UiTranslatePipe, typeof i6.MemoizeFuncPipe, typeof i7.SpinnerComponentModule, typeof i2.CommonModule], [typeof i1.SpiderChartComponent]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<SpiderChartComponentModule>;
 }

package/components/spinner/spinner.component.d.ts

@@ -20,6 +20,12 @@ export declare class SpinnerComponent implements OnInit, OnChanges {
      * @memberof SpinnerComponent
      */
     isLoader: boolean;
+    /**
+     * The text to display below the spinner.
+     * @type {string}
+     * @memberof SpinnerComponent
+     */
+    text: string | null;
     /**
      *
      * Defines the application theme
@@ -34,5 +40,5 @@ export declare class SpinnerComponent implements OnInit, OnChanges {
     ngOnInit(): void;
     setSpinnerClasses(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<SpinnerComponent, [{ optional: true; }]>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<SpinnerComponent, "ui-spinner", never, { "size": { "alias": "size"; "required": false; }; "isLoader": { "alias": "isLoader"; "required": false; }; "applicationTheme": { "alias": "applicationTheme"; "required": false; }; }, {}, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SpinnerComponent, "ui-spinner", never, { "size": { "alias": "size"; "required": false; }; "isLoader": { "alias": "isLoader"; "required": false; }; "text": { "alias": "text"; "required": false; }; "applicationTheme": { "alias": "applicationTheme"; "required": false; }; }, {}, never, never, false, never>;
 }

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/table/table.component.d.ts

@@ -1,5 +1,5 @@
 import { AfterViewInit, DestroyRef, ElementRef, EventEmitter, OnChanges, SimpleChanges } from '@angular/core';
-import { ColumnEllipse, ColumnType, ComponentRenderer, DataSource, ScrollSettings, TableColumn, TableConfig, TableConfigWithPagination, TableData, TableDetailColumn } from './table.model';
+import { ColumnEllipse, ColumnType, ComponentRenderer, DataSource, ScrollSettings, TableColumn, TableConfigWithPagination, TableData, TableDetailColumn } from './table.model';
 import { PageEvent } from '@angular/material/paginator';
 import { ApplicationTheme } from '../../models/application-theme.model';
 import { MatTableDataSource } from '@angular/material/table';
@@ -16,14 +16,14 @@ export declare class TableComponent<T extends DataSource, TDetail extends DataSo
      * @type {TableConfig}
      * @memberof TableComponent
      */
-    set config(config: TableConfig<T>);
+    config: TableConfigWithPagination<T>;
     /**
      * Input property for providing the table data.
      *
      * @type {TableData}
      * @memberof TableComponent
      */
-    set data(tableData: TableData);
+    data: TableData;
     /**
      * Input property indicating whether the table is in a loading state.
      *
@@ -54,6 +54,27 @@ export declare class TableComponent<T extends DataSource, TDetail extends DataSo
      * @memberof TableComponent
      */
     disableBorderRadius: boolean;
+    /**
+     * Condensed table
+     *
+     * @type {boolean}
+     * @memberof TableComponent
+     */
+    isCondensed: boolean;
+    /**
+     * Sticky header
+     *
+     * @type {boolean}
+     * @memberof TableComponent
+     */
+    stickyHeader: boolean;
+    /**
+     * Max height
+     *
+     * @type {string}
+     * @memberof TableComponent
+     */
+    maxHeight: string;
     onRowClickEvent: EventEmitter<any>;
     onDetailRowClickEvent: EventEmitter<any>;
     paginatorChange: EventEmitter<PageEvent>;
@@ -70,7 +91,7 @@ export declare class TableComponent<T extends DataSource, TDetail extends DataSo
         'border-radius': string;
         height: string;
     };
-    protected dataSourceDetail: MatTableDataSource<any, import("@angular/material/table").MatTableDataSourcePaginator>;
+    protected dataSourceDetail: MatTableDataSource<any, import("@angular/material/paginator").MatPaginator>;
     protected elementDetail: any;
     protected readonly DataType: typeof ColumnType;
     protected scrollSettings$: BehaviorSubject<ScrollSettings>;
@@ -82,13 +103,15 @@ export declare class TableComponent<T extends DataSource, TDetail extends DataSo
     callRenderer([rendererFn, element]: [(v: T) => ComponentRenderer | string, T]): any;
     protected onPaginatorChange(event: PageEvent): void;
     protected onChangeColumnSize(columnIndex: number, showTooltip: boolean): void;
-    protected onSortChange(sortState: Sort): void;
-    protected onRowClick(rowParams: any): void;
+    protected onSortChange(sortState: Sort, emitEvent?: boolean): void;
+    protected onRowClick(rowParams: any, rowIndex: number): void;
     protected onDetailRowClick(rowParams: any): void;
     protected toggleRow(element: T): void;
     private setTableDetailDataSource;
+    private setTableConfig;
+    private setTableData;
     private defaultPaginationConfig;
     trackColumnUniqueId: (index: number, column: TableColumn<T>) => string;
     static ɵfac: i0.ɵɵFactoryDeclaration<TableComponent<any, any>, [{ optional: true; }, null, null]>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<TableComponent<any, any>, "ui-table", never, { "config": { "alias": "config"; "required": true; }; "data": { "alias": "data"; "required": false; }; "loading": { "alias": "loading"; "required": false; }; "applicationTheme": { "alias": "applicationTheme"; "required": false; }; "tableDetailColumns": { "alias": "tableDetailColumns"; "required": false; }; "tableDetails": { "alias": "tableDetails"; "required": false; }; "disableBorderRadius": { "alias": "disableBorderRadius"; "required": false; }; }, { "onRowClickEvent": "onRowClickEvent"; "onDetailRowClickEvent": "onDetailRowClickEvent"; "paginatorChange": "paginatorChange"; "sortChange": "sortChange"; }, never, ["[title-actions]"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TableComponent<any, any>, "ui-table", never, { "config": { "alias": "config"; "required": true; }; "data": { "alias": "data"; "required": false; }; "loading": { "alias": "loading"; "required": false; }; "applicationTheme": { "alias": "applicationTheme"; "required": false; }; "tableDetailColumns": { "alias": "tableDetailColumns"; "required": false; }; "tableDetails": { "alias": "tableDetails"; "required": false; }; "disableBorderRadius": { "alias": "disableBorderRadius"; "required": false; }; "isCondensed": { "alias": "isCondensed"; "required": false; }; "stickyHeader": { "alias": "stickyHeader"; "required": false; }; "maxHeight": { "alias": "maxHeight"; "required": false; }; }, { "onRowClickEvent": "onRowClickEvent"; "onDetailRowClickEvent": "onDetailRowClickEvent"; "paginatorChange": "paginatorChange"; "sortChange": "sortChange"; }, never, ["[title-actions]"], false, never>;
 }

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

@@ -10,7 +10,7 @@ import * as i8 from "../button/button.component.module";
 import * as i9 from "@angular/material/sort";
 import * as i10 from "../icon/icon.component.module";
 import * as i11 from "../../directives/ellipse-text.directive";
-import * as i12 from "../deprecated-table/directives/dynamic-component.directive";
+import * as i12 from "../../directives/dynamic-component.directive";
 import * as i13 from "../../pipes/data-property-getter";
 import * as i14 from "../../pipes/memoize-func.pipe";
 export declare class TableComponentModule {

package/components/table/table.model.d.ts

@@ -7,15 +7,14 @@ export interface TableConfig<T = any> {
     sort?: Sort;
     hidePagination?: boolean;
     noDataRowTpl?: TemplateRef<any>;
+    sortable?: boolean;
 }
 export interface TableConfigWithPagination<T> extends TableConfig<T> {
-    pagination: Pagination;
+    pagination?: Pagination;
 }
 export interface TableColumn<T = any> {
-    title: string;
+    title?: string;
     key: string;
-    widthPerc?: number;
-    minWidthPx?: number;
     allowMultiline?: boolean;
     bold?: boolean;
     showTooltip?: boolean;
@@ -85,6 +84,16 @@ export declare enum ColumnAlignment {
     RIGHT = "right",
     CENTER = "center"
 }
+export declare enum ColumnTypeEnum {
+    FIELD = "field",
+    FUNCTION = "function",
+    RENDERER = "renderer"
+}
+export declare enum ColumnAlignmentEnum {
+    LEFT = "left",
+    RIGHT = "right",
+    CENTER = "center"
+}
 export type DataSource = {
     [key: string]: any;
 };

package/components/tabs/tab.directive.d.ts

@@ -13,6 +13,7 @@ export declare class TabDirective implements OnInit {
         nextTab: Tab;
     }) => boolean | Promise<boolean>) | undefined>;
     linkUrl: import("@angular/core").InputSignal<string | undefined>;
+    order: import("@angular/core").InputSignal<number | undefined>;
     private tabsComponent;
     private template;
     private syncProps;
@@ -20,5 +21,5 @@ export declare class TabDirective implements OnInit {
     ngOnInit(): void;
     private addTab;
     static ɵfac: i0.ɵɵFactoryDeclaration<TabDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<TabDirective, "ng-template[uiTab]", never, { "tabLabel": { "alias": "tabLabel"; "required": true; "isSignal": true; }; "tabName": { "alias": "tabName"; "required": true; "isSignal": true; }; "iconLeft": { "alias": "iconLeft"; "required": false; "isSignal": true; }; "iconRight": { "alias": "iconRight"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "canLeave": { "alias": "canLeave"; "required": false; "isSignal": true; }; "linkUrl": { "alias": "linkUrl"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<TabDirective, "ng-template[uiTab]", never, { "tabLabel": { "alias": "tabLabel"; "required": true; "isSignal": true; }; "tabName": { "alias": "tabName"; "required": true; "isSignal": true; }; "iconLeft": { "alias": "iconLeft"; "required": false; "isSignal": true; }; "iconRight": { "alias": "iconRight"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "canLeave": { "alias": "canLeave"; "required": false; "isSignal": true; }; "linkUrl": { "alias": "linkUrl"; "required": false; "isSignal": true; }; "order": { "alias": "order"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }

package/components/tabs/tabs.component.d.ts

@@ -57,9 +57,12 @@ export declare class TabsComponent {
     protected tabs: Tab[];
     readonly tabIndex: import("@angular/core").WritableSignal<number>;
     protected tabIndexMap: Record<string, number>;
+    private insertionCounter;
     constructor(defaultAppTheme: ApplicationTheme, isMobile$: Observable<boolean>);
     ngAfterViewInit(): void;
     addTab(tab: Tab): void;
+    private sortTabs;
+    private updateTabIndexMap;
     onTabChange(ev: MatTabChangeEvent): void;
     selectTab(tabName: string): void;
     indexOf(tabName: string): number;

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

@@ -4,8 +4,9 @@ import * as i2 from "./tab.directive";
 import * as i3 from "@angular/common";
 import * as i4 from "@angular/material/tabs";
 import * as i5 from "../icon/icon.component.module";
+import * as i6 from "../../pipes/ui-translate.pipe";
 export declare class TabsComponentModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<TabsComponentModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<TabsComponentModule, [typeof i1.TabsComponent], [typeof i2.TabDirective, typeof i3.CommonModule, typeof i4.MatTabsModule, typeof i5.IconComponentModule], [typeof i1.TabsComponent, typeof i2.TabDirective]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<TabsComponentModule, [typeof i1.TabsComponent], [typeof i2.TabDirective, typeof i3.CommonModule, typeof i4.MatTabsModule, typeof i5.IconComponentModule, typeof i6.UiTranslatePipe], [typeof i1.TabsComponent, typeof i2.TabDirective]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<TabsComponentModule>;
 }

package/components/tabs/tabs.model.d.ts

@@ -11,5 +11,7 @@ export interface Tab {
         nextTab: Tab;
     }) => boolean | Promise<boolean>;
     linkUrl?: string;
+    ariaLabel?: string;
+    order?: number;
 }
 export type TabsType = 'underlined' | 'filled';

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
@@ -19,15 +21,13 @@ export declare class UniversalSkillsReportComponent implements OnInit {
      * @memberof UniversalSkillsReportComponent
      */
     skillAreaDataList: SkillAreaData[];
-    readonly translationContext = "UNIVERSAL_SKILLS_REPORT";
+    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;
-    private checkScoreClassification;
-    static ɵfac: i0.ɵɵFactoryDeclaration<UniversalSkillsReportComponent, [{ optional: true; }]>;
+    checkScoreClassification([percentileScoring, isLabelRequest]: [number, boolean]): string | RebrandBadgeColor;
+    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,47 @@
+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[];
+    /**
+     * Defines if the component is loading
+     * @property loading
+     * @type {boolean}
+     * @memberof UniversalSkillsSpiderChartsComponent
+     */
+    loading: boolean;
+    /**
+     * Defines the size of the spider chart
+     * @property size
+     * @type {'small' | 'large'}
+     * @memberof UniversalSkillsSpiderChartsComponent
+     */
+    size: 'small' | 'large';
+    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; }; "loading": { "alias": "loading"; "required": false; }; "size": { "alias": "size"; "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/{components/deprecated-table/directives → directives}/dynamic-component.directive.d.ts

@@ -1,6 +1,12 @@
-import { OnDestroy, ViewContainerRef } from '@angular/core';
-import { IComponentRenderer } from '../deprecated-table.model';
+import { OnDestroy, Type, ViewContainerRef } from '@angular/core';
 import * as i0 from "@angular/core";
+interface IComponentRenderer {
+    component: Type<any>;
+    inputs?: any;
+    outputs?: {
+        [key: string]: any;
+    };
+}
 export declare class DynamicComponentDirective implements OnDestroy {
     private vcr;
     private subscription;
@@ -11,3 +17,4 @@ export declare class DynamicComponentDirective implements OnDestroy {
     static ɵfac: i0.ɵɵFactoryDeclaration<DynamicComponentDirective, never>;
     static ɵdir: i0.ɵɵDirectiveDeclaration<DynamicComponentDirective, "[dynamicComponent]", never, { "dynamicComponent": { "alias": "dynamicComponent"; "required": false; }; }, {}, never, never, true, never>;
 }
+export {};