@testgorilla/tgo-ui 2.8.111 → 2.10.0

package/README.md

@@ -50,3 +50,42 @@ To see the updates of the library in the client app, use commands below from pac
 - Navigation
 - Paginator
 - Table
+
+## Visual Regression
+
+We use Playwright to capture visual differences. The relevant code is in the `visual-tests` folder.
+
+### Updating Snapshots
+
+To ensure consistency with CI, update snapshots using Docker:
+
+```
+docker run --rm --network host -v $(pwd):/work/ -w /work/ -it mcr.microsoft.com/playwright:latest /bin/bash
+npx playwright install
+npx ng serve --configuration production &
+npx playwright test e2e/playwright-ci/tests/<file_name>.spec.ts -g '@visual' --update-snapshots
+```
+
+If you encounter the following error, it can be safely ignored. We need reports in a single directory for CI artifact storage:
+
+```
+Configuration Error: HTML reporter output folder clashes with the tests output folder:
+
+    html reporter folder: /work/test-results/html-report
+    test results folder: /work/test-results
+
+HTML reporter will clear its output directory prior to being generated, which will lead to the artifact loss.
+```
+
+### Running Visual Tests
+
+Use Docker to align screenshots with the same OS:
+
+```
+docker run --rm --network host -v $(pwd):/work/ -w /work/ -it mcr.microsoft.com/playwright:latest /bin/bash
+npx playwright install
+npx ng serve --configuration production &
+npx playwright test e2e/playwright-ci/tests/<file_name>.spec.ts
+```
+
+

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

@@ -143,7 +143,7 @@ export declare class AutocompleteComponent implements ControlValueAccessor, OnCh
      * @type {number}
      * @memberof AutocompleteComponent
      */
-    hideInBuildErrors: boolean;
+    hideBuiltInErrors: boolean;
     /**
      * Hide label in errors
      *
@@ -204,5 +204,5 @@ export declare class AutocompleteComponent implements ControlValueAccessor, OnCh
      */
     private setCompanyColorVariable;
     static ɵfac: i0.ɵɵFactoryDeclaration<AutocompleteComponent, [{ optional: true; }, null, null, { optional: true; self: true; }, null, null]>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<AutocompleteComponent, "ui-autocomplete", never, { "itemsList": { "alias": "itemsList"; "required": false; }; "suggestionsList": { "alias": "suggestionsList"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "allowAdd": { "alias": "allowAdd"; "required": false; }; "textField": { "alias": "textField"; "required": false; }; "valueField": { "alias": "valueField"; "required": false; }; "label": { "alias": "label"; "required": false; }; "itemValue": { "alias": "itemValue"; "required": false; }; "type": { "alias": "type"; "required": false; }; "minCharactersSearch": { "alias": "minCharactersSearch"; "required": false; }; "variant": { "alias": "variant"; "required": true; }; "language": { "alias": "language"; "required": false; }; "showBottomContent": { "alias": "showBottomContent"; "required": false; }; "valuePrimitive": { "alias": "valuePrimitive"; "required": false; }; "fullWidth": { "alias": "fullWidth"; "required": false; }; "applicationTheme": { "alias": "applicationTheme"; "required": false; }; "required": { "alias": "required"; "required": false; }; "errors": { "alias": "errors"; "required": false; }; "companyColor": { "alias": "companyColor"; "required": false; }; "hideInBuildErrors": { "alias": "hideInBuildErrors"; "required": false; }; "hideLabelInErrors": { "alias": "hideLabelInErrors"; "required": false; }; }, { "selectionChange": "selectionChange"; "searchTextChange": "searchTextChange"; }, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AutocompleteComponent, "ui-autocomplete", never, { "itemsList": { "alias": "itemsList"; "required": false; }; "suggestionsList": { "alias": "suggestionsList"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "allowAdd": { "alias": "allowAdd"; "required": false; }; "textField": { "alias": "textField"; "required": false; }; "valueField": { "alias": "valueField"; "required": false; }; "label": { "alias": "label"; "required": false; }; "itemValue": { "alias": "itemValue"; "required": false; }; "type": { "alias": "type"; "required": false; }; "minCharactersSearch": { "alias": "minCharactersSearch"; "required": false; }; "variant": { "alias": "variant"; "required": true; }; "language": { "alias": "language"; "required": false; }; "showBottomContent": { "alias": "showBottomContent"; "required": false; }; "valuePrimitive": { "alias": "valuePrimitive"; "required": false; }; "fullWidth": { "alias": "fullWidth"; "required": false; }; "applicationTheme": { "alias": "applicationTheme"; "required": false; }; "required": { "alias": "required"; "required": false; }; "errors": { "alias": "errors"; "required": false; }; "companyColor": { "alias": "companyColor"; "required": false; }; "hideBuiltInErrors": { "alias": "hideBuiltInErrors"; "required": false; }; "hideLabelInErrors": { "alias": "hideLabelInErrors"; "required": false; }; }, { "selectionChange": "selectionChange"; "searchTextChange": "searchTextChange"; }, never, never, false, never>;
 }

package/components/checkbox/checkbox.component.d.ts

@@ -104,7 +104,7 @@ export declare class CheckboxComponent implements OnInit, ControlValueAccessor,
      * @type {number}
      * @memberof CheckboxComponent
      */
-    hideInBuildErrors: boolean;
+    hideBuiltInErrors: boolean;
     /**
      * Hide label in errors
      *
@@ -143,5 +143,5 @@ export declare class CheckboxComponent implements OnInit, ControlValueAccessor,
     registerOnTouched(fn: any): void;
     setDisabledState(isDisabled: boolean): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<CheckboxComponent, [{ optional: true; }, null, { optional: true; self: true; }]>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<CheckboxComponent, "ui-checkbox", never, { "disabled": { "alias": "disabled"; "required": false; }; "checked": { "alias": "checked"; "required": false; }; "indeterminate": { "alias": "indeterminate"; "required": false; }; "companyColor": { "alias": "companyColor"; "required": false; }; "name": { "alias": "name"; "required": false; }; "label": { "alias": "label"; "required": false; }; "multiple": { "alias": "multiple"; "required": false; }; "applicationTheme": { "alias": "applicationTheme"; "required": false; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; }; "ariaRequired": { "alias": "ariaRequired"; "required": false; }; "hasError": { "alias": "hasError"; "required": false; }; "language": { "alias": "language"; "required": false; }; "hideInBuildErrors": { "alias": "hideInBuildErrors"; "required": false; }; "hideLabelInErrors": { "alias": "hideLabelInErrors"; "required": false; }; }, { "changed": "changed"; }, never, ["[checkbox-label]"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<CheckboxComponent, "ui-checkbox", never, { "disabled": { "alias": "disabled"; "required": false; }; "checked": { "alias": "checked"; "required": false; }; "indeterminate": { "alias": "indeterminate"; "required": false; }; "companyColor": { "alias": "companyColor"; "required": false; }; "name": { "alias": "name"; "required": false; }; "label": { "alias": "label"; "required": false; }; "multiple": { "alias": "multiple"; "required": false; }; "applicationTheme": { "alias": "applicationTheme"; "required": false; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; }; "ariaRequired": { "alias": "ariaRequired"; "required": false; }; "hasError": { "alias": "hasError"; "required": false; }; "language": { "alias": "language"; "required": false; }; "hideBuiltInErrors": { "alias": "hideBuiltInErrors"; "required": false; }; "hideLabelInErrors": { "alias": "hideLabelInErrors"; "required": false; }; }, { "changed": "changed"; }, never, ["[checkbox-label]"], false, never>;
 }

package/components/datepicker/datepicker.component.d.ts

@@ -1,10 +1,10 @@
-import { ChangeDetectorRef, EventEmitter, OnChanges } from '@angular/core';
+import { ChangeDetectorRef, DoCheck, EventEmitter, OnChanges } from '@angular/core';
 import { ControlValueAccessor, FormControl, FormGroup, NgControl } from '@angular/forms';
 import { ApplicationTheme } from '../../models/application-theme.model';
 import { MatDatepicker } from '@angular/material/datepicker';
 import { DomSanitizer, SafeHtml } from '@angular/platform-browser';
 import * as i0 from "@angular/core";
-export declare class DatepickerComponent implements OnChanges, ControlValueAccessor {
+export declare class DatepickerComponent implements OnChanges, ControlValueAccessor, DoCheck {
     private readonly defaultAppTheme;
     private cdr;
     private sanitizer;
@@ -144,7 +144,7 @@ export declare class DatepickerComponent implements OnChanges, ControlValueAcces
      * @type {number}
      * @memberof DatepickerComponent
      */
-    hideInBuildErrors: boolean;
+    hideBuiltInErrors: boolean;
     /**
      * Hide label in errors
      *
@@ -152,6 +152,13 @@ export declare class DatepickerComponent implements OnChanges, ControlValueAcces
      * @memberof DatepickerComponent
      */
     hideLabelInErrors: boolean;
+    /**
+     * Prevent user input
+     *
+     * @type {boolean}
+     * @memberof DatepickerComponent
+     */
+    preventUserInput: boolean;
     /**
      * @ignore
      */
@@ -175,6 +182,11 @@ export declare class DatepickerComponent implements OnChanges, ControlValueAcces
     protected translationContext: string;
     constructor(defaultAppTheme: ApplicationTheme, cdr: ChangeDetectorRef, sanitizer: DomSanitizer, ngControl: NgControl);
     get hint(): string;
+    /**
+     * Used to mark component view as dirty when touched programmatically with markAsTouched/markAllAsTouched or errors
+     * to display validation errors that might happen (e.g. required)
+     */
+    ngDoCheck(): void;
     ngOnInit(): void;
     ngOnChanges(): void;
     setErrorsLength(): boolean;
@@ -189,5 +201,5 @@ export declare class DatepickerComponent implements OnChanges, ControlValueAcces
     private getRange;
     onInput(event: Event): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<DatepickerComponent, [{ optional: true; }, null, null, { optional: true; self: true; }]>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DatepickerComponent, "ui-datepicker", never, { "label": { "alias": "label"; "required": false; }; "fieldName": { "alias": "fieldName"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "id": { "alias": "id"; "required": false; }; "value": { "alias": "value"; "required": false; }; "errors": { "alias": "errors"; "required": false; }; "isRange": { "alias": "isRange"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "required": { "alias": "required"; "required": false; }; "hintMessage": { "alias": "hintMessage"; "required": false; }; "updateOnBlur": { "alias": "updateOnBlur"; "required": false; }; "language": { "alias": "language"; "required": false; }; "showBottomContent": { "alias": "showBottomContent"; "required": false; }; "fullWidth": { "alias": "fullWidth"; "required": false; }; "minDate": { "alias": "minDate"; "required": false; }; "maxDate": { "alias": "maxDate"; "required": false; }; "monthPicker": { "alias": "monthPicker"; "required": false; }; "applicationTheme": { "alias": "applicationTheme"; "required": false; }; "hideInBuildErrors": { "alias": "hideInBuildErrors"; "required": false; }; "hideLabelInErrors": { "alias": "hideLabelInErrors"; "required": false; }; }, { "changed": "changed"; }, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DatepickerComponent, "ui-datepicker", never, { "label": { "alias": "label"; "required": false; }; "fieldName": { "alias": "fieldName"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "id": { "alias": "id"; "required": false; }; "value": { "alias": "value"; "required": false; }; "errors": { "alias": "errors"; "required": false; }; "isRange": { "alias": "isRange"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "required": { "alias": "required"; "required": false; }; "hintMessage": { "alias": "hintMessage"; "required": false; }; "updateOnBlur": { "alias": "updateOnBlur"; "required": false; }; "language": { "alias": "language"; "required": false; }; "showBottomContent": { "alias": "showBottomContent"; "required": false; }; "fullWidth": { "alias": "fullWidth"; "required": false; }; "minDate": { "alias": "minDate"; "required": false; }; "maxDate": { "alias": "maxDate"; "required": false; }; "monthPicker": { "alias": "monthPicker"; "required": false; }; "applicationTheme": { "alias": "applicationTheme"; "required": false; }; "hideBuiltInErrors": { "alias": "hideBuiltInErrors"; "required": false; }; "hideLabelInErrors": { "alias": "hideLabelInErrors"; "required": false; }; "preventUserInput": { "alias": "preventUserInput"; "required": false; }; }, { "changed": "changed"; }, never, never, false, never>;
 }

package/components/deprecated-table/deprecated-table.component.d.ts

@@ -1,7 +1,7 @@
 import { EventEmitter, OnInit } from '@angular/core';
 import { MatSort, Sort } from '@angular/material/sort';
 import { MatTableDataSource } from '@angular/material/table';
-import { DataPropertyGetterPipe } from './pipes/data-property-getter';
+import { DataPropertyGetterPipe } from '../../pipes/data-property-getter';
 import { ColumnTypeEnum, IDataSource, ITableColumn, ITableDetailColumn } from './deprecated-table.model';
 import * as i0 from "@angular/core";
 export declare class DeprecatedTableComponent<T extends IDataSource, TDetail extends IDataSource> implements OnInit {

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

@@ -6,7 +6,7 @@ import * as i4 from "@angular/material/sort";
 import * as i5 from "@angular/material/icon";
 import * as i6 from "@angular/material/tooltip";
 import * as i7 from "./directives/dynamic-component.directive";
-import * as i8 from "./pipes/data-property-getter";
+import * as i8 from "../../pipes/data-property-getter";
 export declare class DeprecatedTableComponentModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<DeprecatedTableComponentModule, never>;
     static ɵmod: i0.ɵɵNgModuleDeclaration<DeprecatedTableComponentModule, [typeof i1.DeprecatedTableComponent], [typeof i2.CommonModule, typeof i3.MatTableModule, typeof i4.MatSortModule, typeof i5.MatIconModule, typeof i6.MatTooltipModule, typeof i7.DynamicComponentDirective, typeof i8.DataPropertyGetterPipe], [typeof i1.DeprecatedTableComponent]>;

package/components/dropdown/dropdown.component.d.ts

@@ -118,7 +118,7 @@ export declare class DropdownComponent implements OnInit, ControlValueAccessor,
      * @type {number}
      * @memberof DropdownComponent
      */
-    hideInBuildErrors: boolean;
+    hideBuiltInErrors: boolean;
     /**
      * Hide label in errors
      *
@@ -153,5 +153,5 @@ export declare class DropdownComponent implements OnInit, ControlValueAccessor,
     registerOnTouched(fn: any): void;
     setDisabledState(isDisabled: boolean): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<DropdownComponent, [{ optional: true; }, null, { optional: true; self: true; }]>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DropdownComponent, "ui-dropdown", never, { "label": { "alias": "label"; "required": false; }; "name": { "alias": "name"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "id": { "alias": "id"; "required": false; }; "value": { "alias": "value"; "required": false; }; "errors": { "alias": "errors"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "valueList": { "alias": "valueList"; "required": false; }; "allowClear": { "alias": "allowClear"; "required": false; }; "allowMultipleSelection": { "alias": "allowMultipleSelection"; "required": false; }; "required": { "alias": "required"; "required": false; }; "language": { "alias": "language"; "required": false; }; "showBottomContent": { "alias": "showBottomContent"; "required": false; }; "applicationTheme": { "alias": "applicationTheme"; "required": false; }; "hideInBuildErrors": { "alias": "hideInBuildErrors"; "required": false; }; "hideLabelInErrors": { "alias": "hideLabelInErrors"; "required": false; }; }, {}, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DropdownComponent, "ui-dropdown", never, { "label": { "alias": "label"; "required": false; }; "name": { "alias": "name"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "id": { "alias": "id"; "required": false; }; "value": { "alias": "value"; "required": false; }; "errors": { "alias": "errors"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "valueList": { "alias": "valueList"; "required": false; }; "allowClear": { "alias": "allowClear"; "required": false; }; "allowMultipleSelection": { "alias": "allowMultipleSelection"; "required": false; }; "required": { "alias": "required"; "required": false; }; "language": { "alias": "language"; "required": false; }; "showBottomContent": { "alias": "showBottomContent"; "required": false; }; "applicationTheme": { "alias": "applicationTheme"; "required": false; }; "hideBuiltInErrors": { "alias": "hideBuiltInErrors"; "required": false; }; "hideLabelInErrors": { "alias": "hideLabelInErrors"; "required": false; }; }, {}, never, never, false, never>;
 }

package/components/field/field.component.d.ts

@@ -182,7 +182,7 @@ export declare class FieldComponent implements OnInit, ControlValueAccessor, DoC
      * @type {number}
      * @memberof FieldComponent
      */
-    hideInBuildErrors: boolean;
+    hideBuiltInErrors: boolean;
     /**
      * Hide label in errors
      *
@@ -234,5 +234,5 @@ export declare class FieldComponent implements OnInit, ControlValueAccessor, DoC
     onBlur(): void;
     trackByFn: (index: number, value: any) => any;
     static ɵfac: i0.ɵɵFactoryDeclaration<FieldComponent, [{ optional: true; }, null, null, null, { optional: true; self: true; }]>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<FieldComponent, "ui-field", never, { "label": { "alias": "label"; "required": false; }; "fieldName": { "alias": "fieldName"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "id": { "alias": "id"; "required": false; }; "value": { "alias": "value"; "required": false; }; "errors": { "alias": "errors"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "required": { "alias": "required"; "required": false; }; "hintMessage": { "alias": "hintMessage"; "required": false; }; "type": { "alias": "type"; "required": false; }; "updateOnBlur": { "alias": "updateOnBlur"; "required": false; }; "allowOnlyDigits": { "alias": "allowOnlyDigits"; "required": false; }; "language": { "alias": "language"; "required": false; }; "showBottomContent": { "alias": "showBottomContent"; "required": false; }; "applicationTheme": { "alias": "applicationTheme"; "required": false; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; }; "ariaRequired": { "alias": "ariaRequired"; "required": false; }; "loading": { "alias": "loading"; "required": false; }; "isValid": { "alias": "isValid"; "required": false; }; "maxCharacters": { "alias": "maxCharacters"; "required": false; }; "trimOnBlur": { "alias": "trimOnBlur"; "required": false; }; "trimOnSubmit": { "alias": "trimOnSubmit"; "required": false; }; "maxRows": { "alias": "maxRows"; "required": false; }; "hideInBuildErrors": { "alias": "hideInBuildErrors"; "required": false; }; "hideLabelInErrors": { "alias": "hideLabelInErrors"; "required": false; }; }, { "validateEvent": "validateEvent"; "fieldBlur": "fieldBlur"; }, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<FieldComponent, "ui-field", never, { "label": { "alias": "label"; "required": false; }; "fieldName": { "alias": "fieldName"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "id": { "alias": "id"; "required": false; }; "value": { "alias": "value"; "required": false; }; "errors": { "alias": "errors"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "required": { "alias": "required"; "required": false; }; "hintMessage": { "alias": "hintMessage"; "required": false; }; "type": { "alias": "type"; "required": false; }; "updateOnBlur": { "alias": "updateOnBlur"; "required": false; }; "allowOnlyDigits": { "alias": "allowOnlyDigits"; "required": false; }; "language": { "alias": "language"; "required": false; }; "showBottomContent": { "alias": "showBottomContent"; "required": false; }; "applicationTheme": { "alias": "applicationTheme"; "required": false; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; }; "ariaRequired": { "alias": "ariaRequired"; "required": false; }; "loading": { "alias": "loading"; "required": false; }; "isValid": { "alias": "isValid"; "required": false; }; "maxCharacters": { "alias": "maxCharacters"; "required": false; }; "trimOnBlur": { "alias": "trimOnBlur"; "required": false; }; "trimOnSubmit": { "alias": "trimOnSubmit"; "required": false; }; "maxRows": { "alias": "maxRows"; "required": false; }; "hideBuiltInErrors": { "alias": "hideBuiltInErrors"; "required": false; }; "hideLabelInErrors": { "alias": "hideLabelInErrors"; "required": false; }; }, { "validateEvent": "validateEvent"; "fieldBlur": "fieldBlur"; }, never, never, false, never>;
 }

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", "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", "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", "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"];
-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", "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", "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", "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", "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", "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", "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", "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", "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", "Zoom-in-filled", "Zoom-in-in-line", "Zoom-out-filled", "Zoom-out-in-line", "Google-filled", "Google-in-line"];
+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", "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", "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", "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"];
+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", "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", "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", "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", "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", "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", "Zoom-in-filled", "Zoom-in-in-line", "Zoom-out-filled", "Zoom-out-in-line"];
 export declare const groupedIcons: {
     directional: string[];
     assessment: string[];

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

@@ -0,0 +1,52 @@
+import { EventEmitter } from '@angular/core';
+import { ApplicationTheme } from '../../models/application-theme.model';
+import { IconName } from '../icon/icon.model';
+import * as i0 from "@angular/core";
+export declare class PasswordStrengthComponent {
+    private readonly defaultAppTheme;
+    /**
+     *
+     * Defines the application theme
+     *
+     * @type {ApplicationTheme}
+     * @memberof PasswordStrengthComponent
+     */
+    applicationTheme: ApplicationTheme;
+    /**
+     * The language to be used
+     * @property language
+     * @type {Language}
+     * @memberof PasswordStrengthComponent
+     */
+    language: import("@testgorilla/tgo-ui").Language;
+    /**
+     * The password that needs to be checked
+     * @property password
+     * @type {string}
+     * @memberof PasswordStrengthComponent
+     */
+    set password(value: string);
+    /**
+     * Event that outputs validation check result
+     * @property validationCheck
+     * @type {boolean}
+     * @memberof PasswordStrengthComponent
+     */
+    validationCheck: EventEmitter<boolean>;
+    protected progressValue: number;
+    protected criteriaPassed: {
+        [key: string]: boolean;
+    };
+    private _password;
+    protected criteria: {
+        translateKey: string;
+        key: string;
+    }[];
+    constructor(defaultAppTheme: ApplicationTheme);
+    checkCriteria(password: string): void;
+    private countPassed;
+    get infoIcon(): IconName;
+    get checkIcon(): IconName;
+    static ɵfac: i0.ɵɵFactoryDeclaration<PasswordStrengthComponent, [{ optional: true; }]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<PasswordStrengthComponent, "ui-password-strength", never, { "applicationTheme": { "alias": "applicationTheme"; "required": false; }; "language": { "alias": "language"; "required": false; }; "password": { "alias": "password"; "required": false; }; }, { "validationCheck": "validationCheck"; }, never, never, false, never>;
+}

package/components/password-strength/password-strength.component.module.d.ts

@@ -0,0 +1,11 @@
+import * as i0 from "@angular/core";
+import * as i1 from "./password-strength.component";
+import * as i2 from "@angular/common";
+import * as i3 from "../icon/icon.component.module";
+import * as i4 from "../progress-bar/progress-bar.component.module";
+import * as i5 from "../../pipes/ui-translate.pipe";
+export declare class PasswordStrengthComponentModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<PasswordStrengthComponentModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<PasswordStrengthComponentModule, [typeof i1.PasswordStrengthComponent], [typeof i2.CommonModule, typeof i3.IconComponentModule, typeof i4.ProgressBarComponentModule, typeof i5.UiTranslatePipe], [typeof i1.PasswordStrengthComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<PasswordStrengthComponentModule>;
+}

package/components/phone-input/phone-input.component.d.ts

@@ -79,7 +79,7 @@ export declare class PhoneInputComponent implements OnInit, OnDestroy, ControlVa
      * @type {number}
      * @memberof PhoneInputComponent
      */
-    hideInBuildErrors: boolean;
+    hideBuiltInErrors: boolean;
     /**
      * Hide label in errors
      *
@@ -150,5 +150,5 @@ export declare class PhoneInputComponent implements OnInit, OnDestroy, ControlVa
     disableClick(ev: Event): void;
     trackByFn: (index: number, value: any) => any;
     static ɵfac: i0.ɵɵFactoryDeclaration<PhoneInputComponent, [{ optional: true; self: true; }, null, null, null, null, null, { optional: true; }]>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<PhoneInputComponent, "ui-phone-input", never, { "value": { "alias": "value"; "required": false; }; "countryList": { "alias": "countryList"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "required": { "alias": "required"; "required": false; }; "applicationTheme": { "alias": "applicationTheme"; "required": false; }; "fullWidth": { "alias": "fullWidth"; "required": false; }; "errors": { "alias": "errors"; "required": false; }; "hideInBuildErrors": { "alias": "hideInBuildErrors"; "required": false; }; "hideLabelInErrors": { "alias": "hideLabelInErrors"; "required": false; }; "language": { "alias": "language"; "required": false; }; }, {}, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<PhoneInputComponent, "ui-phone-input", never, { "value": { "alias": "value"; "required": false; }; "countryList": { "alias": "countryList"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "required": { "alias": "required"; "required": false; }; "applicationTheme": { "alias": "applicationTheme"; "required": false; }; "fullWidth": { "alias": "fullWidth"; "required": false; }; "errors": { "alias": "errors"; "required": false; }; "hideBuiltInErrors": { "alias": "hideBuiltInErrors"; "required": false; }; "hideLabelInErrors": { "alias": "hideLabelInErrors"; "required": false; }; "language": { "alias": "language"; "required": false; }; }, {}, never, never, false, never>;
 }

package/components/radial-progress/radial-progress.component.d.ts

@@ -1,5 +1,7 @@
-import { RadialProgressSize, RadialProgressSizeEnum } from './radial-progress.model';
-import { ApplicationTheme } from "../../models/application-theme.model";
+import { EventEmitter, SimpleChanges } from '@angular/core';
+import { RadialProgressSize, RadialProgressSizeEnum, RadialProgressVariant } from './radial-progress.model';
+import { ApplicationTheme } from '../../models/application-theme.model';
+import { IconName } from '../icon/icon.model';
 import * as i0 from "@angular/core";
 export declare class RadialProgressComponent {
     private readonly defaultAppTheme;
@@ -21,6 +23,31 @@ export declare class RadialProgressComponent {
      * @memberof RadialProgressComponent
      */
     total: number;
+    /**
+     * @type {number}
+     * @memberof RadialProgressComponent
+     */
+    variant: RadialProgressVariant;
+    /**
+     * Icon for icon button
+     * @type {number}
+     * @memberof RadialProgressComponent
+     */
+    icon: IconName;
+    /**
+     * The tooltip that is displayed on hover. Required for icon-button
+     * @type {number}
+     * @memberof RadialProgressComponent
+     */
+    buttonTooltip: string;
+    /**
+     * Color of the progress bar.
+     * Defaults to Test Gorilla primary color.
+     *
+     * @type {string}
+     * @memberof RadialProgressComponent
+     */
+    companyColor: string;
     /**
      *
      * Defines the application theme
@@ -29,10 +56,13 @@ export declare class RadialProgressComponent {
      * @memberof ButtonComponent
      */
     applicationTheme: ApplicationTheme;
+    buttonClicked: EventEmitter<Event>;
     protected radialProgressSize: typeof RadialProgressSizeEnum;
     constructor(defaultAppTheme: ApplicationTheme);
+    ngOnChanges(changes: SimpleChanges): void;
     protected get progressSize(): number;
     protected get percentage(): number;
+    protected onButtonClick(ev: Event): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<RadialProgressComponent, [{ optional: true; }]>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<RadialProgressComponent, "ui-radial-progress", never, { "size": { "alias": "size"; "required": false; }; "value": { "alias": "value"; "required": false; }; "total": { "alias": "total"; "required": false; }; "applicationTheme": { "alias": "applicationTheme"; "required": false; }; }, {}, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<RadialProgressComponent, "ui-radial-progress", never, { "size": { "alias": "size"; "required": false; }; "value": { "alias": "value"; "required": false; }; "total": { "alias": "total"; "required": false; }; "variant": { "alias": "variant"; "required": false; }; "icon": { "alias": "icon"; "required": false; }; "buttonTooltip": { "alias": "buttonTooltip"; "required": false; }; "companyColor": { "alias": "companyColor"; "required": false; }; "applicationTheme": { "alias": "applicationTheme"; "required": false; }; }, { "buttonClicked": "buttonClicked"; }, never, never, false, never>;
 }

package/components/radial-progress/radial-progress.component.module.d.ts

@@ -2,8 +2,9 @@ import * as i0 from "@angular/core";
 import * as i1 from "./radial-progress.component";
 import * as i2 from "@angular/common";
 import * as i3 from "@angular/material/progress-spinner";
+import * as i4 from "../button/button.component.module";
 export declare class RadialProgressComponentModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<RadialProgressComponentModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<RadialProgressComponentModule, [typeof i1.RadialProgressComponent], [typeof i2.CommonModule, typeof i3.MatProgressSpinnerModule], [typeof i1.RadialProgressComponent]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<RadialProgressComponentModule, [typeof i1.RadialProgressComponent], [typeof i2.CommonModule, typeof i3.MatProgressSpinnerModule, typeof i4.ButtonComponentModule], [typeof i1.RadialProgressComponent]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<RadialProgressComponentModule>;
 }

package/components/radial-progress/radial-progress.model.d.ts

@@ -7,3 +7,4 @@ export declare enum RadialProgressSizeEnum {
     LARGE = "large",
     SMALL = "small"
 }
+export type RadialProgressVariant = 'number' | 'icon-button';

package/components/segmented-bar/segmented-bar.component.module.d.ts

@@ -5,6 +5,6 @@ import * as i3 from "@angular/material/tooltip";
 import * as i4 from "@angular/material/input";
 export declare class SegmentedBarComponentModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<SegmentedBarComponentModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<SegmentedBarComponentModule, [typeof i1.SegmentedBarComponent], [typeof i2.CommonModule, typeof i3.MatTooltipModule, typeof i4.MatInputModule], never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<SegmentedBarComponentModule, [typeof i1.SegmentedBarComponent], [typeof i2.CommonModule, typeof i3.MatTooltipModule, typeof i4.MatInputModule], [typeof i1.SegmentedBarComponent]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<SegmentedBarComponentModule>;
 }

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

@@ -1,12 +1,15 @@
-import { EventEmitter, OnChanges, SimpleChanges } from '@angular/core';
-import { ColumnEllipse, ColumnType, DataSource, TableColumn, TableConfig, TableConfigWithPagination, TableData, TableDetailColumn } from './table.model';
+import { AfterViewInit, DestroyRef, ElementRef, EventEmitter, OnChanges, SimpleChanges } from '@angular/core';
+import { ColumnEllipse, ColumnType, DataSource, ScrollSettings, TableColumn, TableConfig, 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';
 import { Sort } from '@angular/material/sort';
+import { BehaviorSubject, Observable } from 'rxjs';
 import * as i0 from "@angular/core";
-export declare class TableComponent<T extends DataSource, TDetail extends DataSource> implements OnChanges {
+export declare class TableComponent<T extends DataSource, TDetail extends DataSource> implements OnChanges, AfterViewInit {
     private readonly defaultAppTheme;
+    private destroyRef;
+    protected readonly isMobile$: Observable<boolean>;
     /**
      * Table configuration
      *
@@ -55,6 +58,7 @@ export declare class TableComponent<T extends DataSource, TDetail extends DataSo
     onDetailRowClickEvent: EventEmitter<any>;
     paginatorChange: EventEmitter<PageEvent>;
     sortChange: EventEmitter<Sort>;
+    table: ElementRef;
     protected tableData: TableData;
     protected sourceData: TableData;
     protected columnsTooltipState: ColumnEllipse[];
@@ -69,9 +73,12 @@ export declare class TableComponent<T extends DataSource, TDetail extends DataSo
     protected dataSourceDetail: MatTableDataSource<any, import("@angular/material/table").MatTableDataSourcePaginator>;
     protected elementDetail: any;
     protected readonly DataType: typeof ColumnType;
-    constructor(defaultAppTheme: ApplicationTheme);
+    protected scrollSettings$: BehaviorSubject<ScrollSettings>;
+    constructor(defaultAppTheme: ApplicationTheme, destroyRef: DestroyRef, isMobile$: Observable<boolean>);
     ngOnInit(): void;
+    ngAfterViewInit(): void;
     ngOnChanges(changes: SimpleChanges): void;
+    hasTableScroll(): void;
     protected onPaginatorChange(event: PageEvent): void;
     protected onChangeColumnSize(columnIndex: number, showTooltip: boolean): void;
     protected onSortChange(sortState: Sort): void;
@@ -81,6 +88,6 @@ export declare class TableComponent<T extends DataSource, TDetail extends DataSo
     private setTableDetailDataSource;
     private defaultPaginationConfig;
     trackColumnKey: (index: number, column: TableColumn<T>) => string;
-    static ɵfac: i0.ɵɵFactoryDeclaration<TableComponent<any, any>, [{ optional: true; }]>;
+    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, never, false, never>;
 }

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

@@ -11,7 +11,7 @@ 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 i13 from "../deprecated-table/pipes/data-property-getter";
+import * as i13 from "../../pipes/data-property-getter";
 export declare class TableComponentModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<TableComponentModule, never>;
     static ɵmod: i0.ɵɵNgModuleDeclaration<TableComponentModule, [typeof i1.TableComponent, typeof i2.SentenceCasePipe], [typeof i3.CommonModule, typeof i4.MatTableModule, typeof i5.MatTooltipModule, typeof i6.SkeletonComponent, typeof i7.PaginatorComponentModule, typeof i8.ButtonComponentModule, typeof i9.MatSortModule, typeof i10.IconComponentModule, typeof i11.EllipseTextDirective, typeof i12.DynamicComponentDirective, typeof i13.DataPropertyGetterPipe], [typeof i1.TableComponent]>;

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

@@ -85,3 +85,8 @@ export declare enum ColumnAlignment {
 export type DataSource = {
     [key: string]: any;
 };
+export type ScrollSettings = {
+    scrollEnd: boolean;
+    horizontalScroll: boolean;
+    scrollStart: boolean;
+};

package/components/toggle/toggle.component.d.ts

@@ -73,8 +73,22 @@ export declare class ToggleComponent implements ControlValueAccessor, OnChanges,
      * @memberof ToggleComponent
      */
     ariaRequired: boolean;
+    /**
+     * disable/enable click on toggle
+     * @type {boolean}
+     * @memberof ToggleComponent
+     */
+    preventClick: boolean;
+    /**
+     * The language to be used
+     *
+     * @type {Language}
+     * @memberof ToggleComponent
+     */
+    language: import("@testgorilla/tgo-ui").Language;
     protected showLabelTooltip: boolean;
     protected classes: string;
+    protected translateContext: string;
     constructor(defaultAppTheme: ApplicationTheme);
     ngOnChanges(): void;
     ngOnInit(): void;
@@ -87,5 +101,5 @@ export declare class ToggleComponent implements ControlValueAccessor, OnChanges,
     private onChange;
     private onTouched;
     static ɵfac: i0.ɵɵFactoryDeclaration<ToggleComponent, [{ optional: true; }]>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ToggleComponent, "ui-toggle", never, { "selected": { "alias": "selected"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "label": { "alias": "label"; "required": false; }; "message": { "alias": "message"; "required": false; }; "maxWidth": { "alias": "maxWidth"; "required": false; }; "applicationTheme": { "alias": "applicationTheme"; "required": false; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; }; "ariaRequired": { "alias": "ariaRequired"; "required": false; }; }, { "toggle": "toggle"; }, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ToggleComponent, "ui-toggle", never, { "selected": { "alias": "selected"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "label": { "alias": "label"; "required": false; }; "message": { "alias": "message"; "required": false; }; "maxWidth": { "alias": "maxWidth"; "required": false; }; "applicationTheme": { "alias": "applicationTheme"; "required": false; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; }; "ariaRequired": { "alias": "ariaRequired"; "required": false; }; "preventClick": { "alias": "preventClick"; "required": false; }; "language": { "alias": "language"; "required": false; }; }, { "toggle": "toggle"; }, never, never, false, never>;
 }

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

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

package/esm2022/assets/i18n/en.json

@@ -55,7 +55,9 @@
         "MAX": "Max",
         "MIN": "Min",
         "CLEAR": "Clear",
-        "PHONE_NUMBER": "Phone number"
+        "PHONE_NUMBER": "Phone number",
+        "ON": "On",
+        "OFF": "Off"
     },
     "DIALOG": {
         "CLOSE_LABEL": "Close dialog"