@testgorilla/tgo-ui 1.10.3 → 1.11.0

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

@@ -3,7 +3,6 @@ import { ControlValueAccessor } from '@angular/forms';
 import { MatAutocomplete, MatAutocompleteSelectedEvent, MatAutocompleteTrigger } from '@angular/material/autocomplete';
 import { ReplaySubject } from 'rxjs';
 import { Autocomplete, AutocompleteType, DropdownVariation } from './autocomplete.model';
-import { Language } from '../../utils/localization/language.service';
 import * as i0 from "@angular/core";
 export declare class AutocompleteComponent implements ControlValueAccessor, OnChanges, AfterViewInit {
     private readonly cdr;
@@ -79,13 +78,12 @@ export declare class AutocompleteComponent implements ControlValueAccessor, OnCh
      * @type {Language}
      * @memberof AutocompleteComponent
      */
-    set language(value: Language);
+    language: import("@testgorilla/tgo-ui").Language;
     selectionChange: EventEmitter<any>;
     searchTextChange: EventEmitter<string>;
     formFieldElement: ElementRef<HTMLElement>;
     tagContainer: ElementRef<HTMLElement>;
     autocomplete: MatAutocompleteTrigger;
-    protected lang: Language;
     protected value: any;
     protected inputValue: any;
     protected isInputFocus: boolean;

package/components/autocomplete/autocomplete.model.d.ts

@@ -5,7 +5,7 @@ export declare enum Autocomplete {
     LARGE = "large"
 }
 export declare enum Padding {
-    AUTOCOMPLETE_CONTAINER = 30,
+    AUTOCOMPLETE_CONTAINER = 40,
     DROPDOWN_CONTAINER = 60
 }
 export declare enum Timeout {

package/components/confirm-dialog/confirm-dialog.component.d.ts

@@ -8,7 +8,7 @@ export declare class ConfirmDialogComponent {
     confirmButtonText: string | undefined;
     cancelButtonText: string | undefined;
     title: string | undefined;
-    lang: import("../../utils/localization/language.service").Language;
+    lang: import("@testgorilla/tgo-ui").Language;
     constructor(dialogRef: MatDialogRef<ConfirmDialogComponent>, data: ConfirmDialogData);
     static ɵfac: i0.ɵɵFactoryDeclaration<ConfirmDialogComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<ConfirmDialogComponent, "ui-confirm-dialog", never, {}, {}, never, never, false, never>;

package/components/confirm-dialog/confirm-dialog.model.d.ts

@@ -1,4 +1,4 @@
-import { Language } from '../../utils/localization/language.service';
+import { Language } from '../../utils/localization/language.model';
 export interface ConfirmDialogData {
     message: string;
     confirmButtonText?: string;

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

@@ -1,6 +1,5 @@
 import { EventEmitter, OnChanges } from '@angular/core';
 import { ControlValueAccessor, FormControl, FormGroup } from '@angular/forms';
-import { Language } from '../../utils/localization/language.service';
 import * as i0 from "@angular/core";
 export declare class DatepickerComponent implements OnChanges, ControlValueAccessor {
     class: string;
@@ -86,10 +85,23 @@ export declare class DatepickerComponent implements OnChanges, ControlValueAcces
      * The language to be used
      *
      * @type {Language}
-     * @memberof SnackbarComponent
+     * @memberof DatepickerComponent
+     */
+    language: import("@testgorilla/tgo-ui").Language;
+    /**
+     * Show reserved content below form field
+     *
+     * @type {boolean}
+     * @memberof DatepickerComponent
+     */
+    showBottomContent: boolean;
+    /**
+     * Set full width DatepickerComponent
+     *
+     * @type {boolean}
+     * @memberof DatepickerComponent
      */
-    set language(value: Language);
-    protected lang: Language;
+    fullWidth: boolean;
     /**
      * @ignore
      */
@@ -123,5 +135,5 @@ export declare class DatepickerComponent implements OnChanges, ControlValueAcces
     private setRange;
     private getRange;
     static ɵfac: i0.ɵɵFactoryDeclaration<DatepickerComponent, 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; }; }, { "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; }; }, { "changed": "changed"; }, never, never, false, never>;
 }

package/components/dialog/dialog.component.d.ts

@@ -1,7 +1,6 @@
 import { EventEmitter, OnChanges, OnInit, SimpleChanges } from '@angular/core';
 import { MatDialogRef } from '@angular/material/dialog';
 import { ButtonColor } from '../button/button.model';
-import { Language } from '../../utils/localization/language.service';
 import * as i0 from "@angular/core";
 export declare class DialogComponent implements OnInit, OnChanges {
     dialogRef: MatDialogRef<DialogComponent>;
@@ -54,7 +53,7 @@ export declare class DialogComponent implements OnInit, OnChanges {
      * @type {Language}
      * @memberof DialogComponent
      */
-    set language(value: Language);
+    language: import("@testgorilla/tgo-ui").Language;
     /**
      * Color of the dialog.
      * Defaults to Test Gorilla primary color.
@@ -67,7 +66,6 @@ export declare class DialogComponent implements OnInit, OnChanges {
     secondaryButtonClickEvent: EventEmitter<Event>;
     primaryButtonClickEvent: EventEmitter<Event>;
     disableButtons: boolean;
-    protected lang: Language;
     protected readonly translationContext = "DIALOG.";
     ngOnInit(): void;
     ngOnChanges(changes: SimpleChanges): void;

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

@@ -2,7 +2,6 @@ import { OnInit } from '@angular/core';
 import { ControlValueAccessor } from '@angular/forms';
 import { FloatLabelType } from '@angular/material/form-field';
 import { OptionType } from './dropdown.model';
-import { Language } from '../../utils/localization/language.service';
 import * as i0 from "@angular/core";
 export declare class DropdownComponent implements OnInit, ControlValueAccessor {
     class: string;
@@ -93,8 +92,7 @@ export declare class DropdownComponent implements OnInit, ControlValueAccessor {
      * @type {Language}
      * @memberof DropdownComponent
      */
-    set language(value: Language);
-    protected lang: Language;
+    language: import("@testgorilla/tgo-ui").Language;
     /**
      * @ignore
      */

package/components/empty-state/empty-state.component.d.ts

@@ -1,6 +1,5 @@
 import { EventEmitter } from '@angular/core';
 import { IconName } from '../icon/icon.model';
-import { Language } from '../../utils/localization/language.service';
 import * as i0 from "@angular/core";
 export declare class EmptyStateComponent {
     /**
@@ -50,7 +49,7 @@ export declare class EmptyStateComponent {
      * @type {Language}
      * @memberof EmptyStateComponent
      */
-    set language(value: Language);
+    language: import("@testgorilla/tgo-ui").Language;
     /**
      * Event triggered when the primary button is clicked.
      * @type {Event}
@@ -72,7 +71,6 @@ export declare class EmptyStateComponent {
      * @memberof TagComponent
      */
     tertiaryButtonClick: EventEmitter<Event>;
-    protected lang: Language;
     onPrimaryButtonClick(event: Event): void;
     onSecondaryButtonClick(event: Event): void;
     onTertiaryButtonClick(event: Event): void;

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

@@ -3,7 +3,6 @@ import { ControlValueAccessor } from '@angular/forms';
 import { FieldType } from '../../components/field/field.model';
 import { MatIconRegistry } from '@angular/material/icon';
 import { DomSanitizer, SafeHtml } from '@angular/platform-browser';
-import { Language } from '../../utils/localization/language.service';
 import * as i0 from "@angular/core";
 export declare class FieldComponent implements OnInit, ControlValueAccessor {
     private matIconRegistry;
@@ -100,8 +99,14 @@ export declare class FieldComponent implements OnInit, ControlValueAccessor {
      * @type {Language}
      * @memberof FieldComponent
      */
-    set language(value: Language);
-    protected lang: Language;
+    language: import("@testgorilla/tgo-ui").Language;
+    /**
+     * Show reserved content below form field
+     * @property showBottomContent
+     * @type {boolean}
+     * @memberof FieldComponent
+     */
+    showBottomContent: boolean;
     protected readonly translationContext = "FIELD.";
     /**
      * @ignore
@@ -129,5 +134,5 @@ export declare class FieldComponent implements OnInit, ControlValueAccessor {
     registerOnTouched(fn: any): void;
     setDisabledState(isDisabled: boolean): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<FieldComponent, 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; }; }, {}, 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; }; }, {}, never, never, false, never>;
 }

package/components/file-upload/file-upload.component.d.ts

@@ -1,6 +1,5 @@
 import { EventEmitter, OnChanges, OnInit, SimpleChanges } from '@angular/core';
 import { ControlValueAccessor } from '@angular/forms';
-import { Language } from '../../utils/localization/language.service';
 import * as i0 from "@angular/core";
 export declare class FileUploadComponent implements OnInit, OnChanges, ControlValueAccessor {
     class: string;
@@ -51,7 +50,7 @@ export declare class FileUploadComponent implements OnInit, OnChanges, ControlVa
      * @type {Language}
      * @memberof FileUploadComponent
      */
-    set language(value: Language);
+    language: import("@testgorilla/tgo-ui").Language;
     /**
      * Color of the file upload.
      * Defaults to Test Gorilla primary color.
@@ -61,7 +60,6 @@ export declare class FileUploadComponent implements OnInit, OnChanges, ControlVa
      */
     companyColor: string;
     OnDrop: EventEmitter<File>;
-    protected lang: Language;
     protected readonly translationContext = "FILE_UPLOAD.";
     /**
      * @ignore

package/components/navbar/navbar.component.d.ts

@@ -1,6 +1,5 @@
 import { EventEmitter } from '@angular/core';
 import { IRoute, MenuItem } from './navbar.model';
-import { Language } from '../../utils/localization/language.service';
 import * as i0 from "@angular/core";
 export declare class NavbarComponent {
     /**
@@ -38,7 +37,7 @@ export declare class NavbarComponent {
      * @type {Language}
      * @memberof NavbarComponent
      */
-    set language(value: Language);
+    language: import("@testgorilla/tgo-ui").Language;
     /**
      * @ignore
      */
@@ -51,7 +50,6 @@ export declare class NavbarComponent {
      * @ignore
      */
     logoutEvent: EventEmitter<void>;
-    protected lang: Language;
     protected readonly translationContext = "NAVBAR.";
     navigate(routeId: string): void;
     logout(): void;

package/components/page-header/page-header.component.d.ts

@@ -1,6 +1,5 @@
 import { EventEmitter } from '@angular/core';
 import { Observable } from 'rxjs';
-import { Language } from '../../utils/localization/language.service';
 import * as i0 from "@angular/core";
 export declare class PageHeaderComponent {
     protected readonly isMobile$: Observable<boolean>;
@@ -16,7 +15,7 @@ export declare class PageHeaderComponent {
      * @type {Language}
      * @memberof PageHeaderComponent
      */
-    set language(value: Language);
+    language: import("@testgorilla/tgo-ui").Language;
     /**
      * Back button tooltip for mobile variation
      * @property tooltip
@@ -28,7 +27,6 @@ export declare class PageHeaderComponent {
      * @memberof PageHeaderComponent
      */
     back: EventEmitter<void>;
-    protected lang: Language;
     constructor(isMobile$: Observable<boolean>);
     protected onBack(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<PageHeaderComponent, never>;

package/components/side-sheet/side-sheet.component.d.ts

@@ -2,7 +2,6 @@ import { DestroyRef, OnInit, ViewContainerRef } from '@angular/core';
 import { SideSheetService } from './side-sheet.service';
 import { SideSheetConfig, SideSheetPosition } from './side-sheet.model';
 import { MatDrawer } from '@angular/material/sidenav';
-import { Language } from '../../utils/localization/language.service';
 import * as i0 from "@angular/core";
 export declare class SideSheetComponent implements OnInit {
     private sideSheetService;
@@ -20,10 +19,9 @@ export declare class SideSheetComponent implements OnInit {
      * @type {Language}
      * @memberof SideSheetComponent
      */
-    set language(value: Language);
+    language: import("@testgorilla/tgo-ui").Language;
     drawer: MatDrawer;
     container: ViewContainerRef;
-    protected lang: Language;
     protected title: string;
     protected showBackButton: boolean;
     protected showTitleTooltip: boolean;

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

@@ -1,6 +1,5 @@
 import { EventEmitter } from '@angular/core';
 import { SliderValue } from './slider.model';
-import { Language } from '../../utils/localization/language.service';
 import * as i0 from "@angular/core";
 export declare class SliderComponent {
     /**
@@ -72,10 +71,9 @@ export declare class SliderComponent {
      * @property language
      * @type {Language}
      */
-    set language(value: Language);
+    language: import("@testgorilla/tgo-ui").Language;
     sliderValueChange: EventEmitter<SliderValue>;
     private value;
-    protected lang: Language;
     protected translationContext: string;
     protected touchedControlName: string;
     onChange: (_: any) => void;

package/components/snackbar/snackbar.component.d.ts

@@ -2,7 +2,6 @@ import { OnInit } from '@angular/core';
 import { MatSnackBarRef } from '@angular/material/snack-bar';
 import { IconName } from '../../components/icon/icon.model';
 import { SnackbarType } from '../../components/snackbar/snackbar.model';
-import { Language } from '../../utils/localization/language.service';
 import * as i0 from "@angular/core";
 export declare class SnackbarComponent implements OnInit {
     private data;
@@ -44,7 +43,7 @@ export declare class SnackbarComponent implements OnInit {
      * @type {string}
      * @memberof SnackbarComponent
      */
-    language: Language;
+    language: import("@testgorilla/tgo-ui").Language;
     iconName: IconName;
     showSnackbar: boolean;
     milisenconds: number;

package/components/stepper/stepper.component.d.ts

@@ -1,7 +1,6 @@
 import { EventEmitter } from '@angular/core';
 import { Step } from './stepper.model';
 import { Observable } from 'rxjs';
-import { Language } from '../../utils/localization/language.service';
 import * as i0 from "@angular/core";
 export declare class StepperComponent {
     protected readonly isMobile$: Observable<boolean>;
@@ -32,13 +31,12 @@ export declare class StepperComponent {
      * @type {Language}
      * @memberof StepperComponent
      */
-    set language(value: Language);
+    language: import("@testgorilla/tgo-ui").Language;
     selectionChange: EventEmitter<{
         selectedIndex: number;
         previousIndex: number;
         step: Step;
     }>;
-    protected lang: Language;
     private isOpened;
     protected itemSteps: Step[];
     protected progressValue: number;

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

@@ -1,8 +1,8 @@
-import { EventEmitter } from '@angular/core';
-import { ColumnEllipse, TableConfig, TableConfigWithPagination, TableData } from './table.model';
+import { EventEmitter, OnChanges } from '@angular/core';
+import { ColumnEllipse, Sort, TableConfig, TableConfigWithPagination, TableData } from './table.model';
 import { PageEvent } from '@angular/material/paginator';
 import * as i0 from "@angular/core";
-export declare class TableComponent {
+export declare class TableComponent implements OnChanges {
     /**
      * Table configuration
      *
@@ -16,7 +16,7 @@ export declare class TableComponent {
      * @type {TableData}
      * @memberof TableComponent
      */
-    data: TableData;
+    set data(tableData: TableData);
     /**
      * Input property indicating whether the table is in a loading state.
      *
@@ -26,6 +26,9 @@ export declare class TableComponent {
      */
     loading: boolean;
     paginatorChange: EventEmitter<PageEvent>;
+    sortChange: EventEmitter<Sort>;
+    protected tableData: TableData;
+    protected sourceData: TableData;
     protected columnsTooltipState: ColumnEllipse[];
     protected tableConfig: TableConfigWithPagination;
     protected displayedColumns: string[];
@@ -34,9 +37,11 @@ export declare class TableComponent {
         'border-radius': string;
         height: string;
     };
+    ngOnChanges(): void;
     private defaultPaginationConfig;
     protected onPaginatorChange(event: PageEvent): void;
     protected onChangeColumnSize(columnIndex: number, showTooltip: boolean): void;
+    protected onSortChange(sortState: Sort): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<TableComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<TableComponent, "ui-table", never, { "config": { "alias": "config"; "required": true; }; "data": { "alias": "data"; "required": false; }; "loading": { "alias": "loading"; "required": false; }; }, { "paginatorChange": "paginatorChange"; }, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TableComponent, "ui-table", never, { "config": { "alias": "config"; "required": true; }; "data": { "alias": "data"; "required": false; }; "loading": { "alias": "loading"; "required": false; }; }, { "paginatorChange": "paginatorChange"; "sortChange": "sortChange"; }, never, never, false, never>;
 }

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

@@ -1,13 +1,16 @@
 import * as i0 from "@angular/core";
 import * as i1 from "./table.component";
-import * as i2 from "./ellipse-text.directive";
-import * as i3 from "@angular/common";
-import * as i4 from "@angular/material/table";
-import * as i5 from "@angular/material/tooltip";
-import * as i6 from "../skeleton/skeleton.component";
-import * as i7 from "../paginator/paginator.component.module";
+import * as i2 from "@angular/common";
+import * as i3 from "@angular/material/table";
+import * as i4 from "@angular/material/tooltip";
+import * as i5 from "../skeleton/skeleton.component";
+import * as i6 from "../paginator/paginator.component.module";
+import * as i7 from "../button/button.component.module";
+import * as i8 from "@angular/material/sort";
+import * as i9 from "../icon/icon.component.module";
+import * as i10 from "../../directives/ellipse-text.directive";
 export declare class TableComponentModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<TableComponentModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<TableComponentModule, [typeof i1.TableComponent, typeof i2.EllipseTextDirective], [typeof i3.CommonModule, typeof i4.MatTableModule, typeof i5.MatTooltipModule, typeof i6.SkeletonComponent, typeof i7.PaginatorComponentModule], [typeof i1.TableComponent]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<TableComponentModule, [typeof i1.TableComponent], [typeof i2.CommonModule, typeof i3.MatTableModule, typeof i4.MatTooltipModule, typeof i5.SkeletonComponent, typeof i6.PaginatorComponentModule, typeof i7.ButtonComponentModule, typeof i8.MatSortModule, typeof i9.IconComponentModule, typeof i10.EllipseTextDirective], [typeof i1.TableComponent]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<TableComponentModule>;
 }

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

@@ -1,3 +1,4 @@
+import { TemplateRef } from '@angular/core';
 export interface TableConfig {
     columns: TableColumn[];
     pagination?: Pagination;
@@ -5,6 +6,7 @@ export interface TableConfig {
     width?: number;
     stickyFirstColumn?: boolean;
     stickyLastColumn?: boolean;
+    sort?: Sort;
 }
 export interface TableConfigWithPagination extends TableConfig {
     pagination: Pagination;
@@ -17,6 +19,9 @@ export interface TableColumn {
     allowMultiline?: boolean;
     bold?: boolean;
     showTooltip?: boolean;
+    allowSort?: boolean;
+    headerCellTemplate?: TemplateRef<any>;
+    rowCellTemplate?: TemplateRef<any>;
 }
 export interface Pagination {
     itemsPerPageOptions: number[];
@@ -29,3 +34,8 @@ export interface ColumnEllipse {
     index: number;
     showTooltip: boolean;
 }
+export interface Sort {
+    active: string;
+    direction: SortDirection;
+}
+export type SortDirection = 'asc' | 'desc' | '';

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

@@ -19,6 +19,29 @@ export declare class ToggleComponent implements ControlValueAccessor {
      * @memberof ToggleComponent
      */
     disabled: boolean;
+    /**
+     * Toggle label
+     *
+     * @type {string}
+     * @default ''
+     * @memberof ToggleComponent
+     */
+    label: string;
+    /**
+     * Message
+     *
+     * @type {string}
+     * @default ''
+     * @memberof ToggleComponent
+     */
+    message: string;
+    /**
+     * Max width of the toggle container
+     *
+     * @type {number}
+     * @memberof ToggleComponent
+     */
+    maxWidth: number | undefined;
     /**
      * The `toggle` event is triggered when the state of the toggle switch changes. It returns the new state.
      *
@@ -26,13 +49,15 @@ export declare class ToggleComponent implements ControlValueAccessor {
      * @memberof ToggleComponent
      */
     toggle: EventEmitter<boolean>;
+    protected showLabelTooltip: boolean;
     onToggle(): void;
     writeValue(state: boolean): void;
     registerOnChange(fn: RegisterFn): void;
     registerOnTouched(fn: RegisterFn): void;
     setDisabledState(isDisabled: boolean): void;
+    changeTextState(state: boolean): void;
     private onChange;
     private onTouched;
     static ɵfac: i0.ɵɵFactoryDeclaration<ToggleComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ToggleComponent, "ui-toggle", never, { "selected": { "alias": "selected"; "required": false; }; "disabled": { "alias": "disabled"; "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; }; }, { "toggle": "toggle"; }, never, never, false, never>;
 }

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

@@ -1,8 +1,10 @@
 import * as i0 from "@angular/core";
 import * as i1 from "./toggle.component";
 import * as i2 from "@angular/common";
+import * as i3 from "@angular/material/tooltip";
+import * as i4 from "../../directives/ellipse-text.directive";
 export declare class ToggleComponentModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<ToggleComponentModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<ToggleComponentModule, [typeof i1.ToggleComponent], [typeof i2.CommonModule], never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<ToggleComponentModule, [typeof i1.ToggleComponent], [typeof i2.CommonModule, typeof i3.MatTooltipModule, typeof i4.EllipseTextDirective], never>;
     static ɵinj: i0.ɵɵInjectorDeclaration<ToggleComponentModule>;
 }

package/{components/table → directives}/ellipse-text.directive.d.ts

@@ -12,5 +12,5 @@ export declare class EllipseTextDirective implements OnInit {
     constructor(el: ElementRef);
     ngOnInit(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<EllipseTextDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<EllipseTextDirective, "[uiEllipseText]", never, {}, { "onChangeTextState": "onChangeTextState"; }, never, never, false, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<EllipseTextDirective, "[uiEllipseText]", never, {}, { "onChangeTextState": "onChangeTextState"; }, never, never, true, never>;
 }

package/esm2022/assets/i18n/en.json

@@ -20,36 +20,7 @@
         "START_DATE": "Start date",
         "END_DATE": "End date"
     },
-    "PLURALS": {
-        "EMAILS": "{numEmails, select, 1 {email} other {emails}}",
-        "USERS": "{numUsers, select, 1 {User} other {Users}}",
-        "TESTS": "{numberTests, select, 1 {test} other {tests}}",
-        "QUESTIONS": "{numberQuestions, select, 1 {question} other {questions}}",
-        "ITEMS": "{numItems, select, 1 {item} other {items}}",
-        "DATE_TIME": {
-            "SECONDS": "{seconds, select, 1 {second} other {seconds}}",
-            "MINUTES": "{minutes, select, 1 {minute} other {minutes}}",
-            "HOURS": "{hours, select, 1 {hour} other {hours}}",
-            "DAYS": "{days, select, 1 {day} other {days}}",
-            "SHORT_SECONDS": "{seconds, select, 1 {sec} other {secs}}",
-            "SHORT_MINUTES": "{minutes, select, 1 {min} other {mins}}"
-        },
-        "CUSTOM_QUESTIONS": "{numberCustomQuestions, select, 1 {custom question} other {custom questions}}",
-        "CANDIDATES": "{numberCandidates, select, 1 {candidate} other {candidates}}",
-        "INVITATIONS": "{numberInvitations, select, 1 {invitation} other {invitations}}",
-        "ASSESSMENTS": "{numberAssessments, select, 1 {assessment} other {assessments}}"
-    },
     "COMMON": {
-        "IS_ARE": "{count, select, 1 {is} other {are}}",
-        "ORDERING": {
-            "GENDER_NEUTRAL": "{index, select, 0 {the first} 1 {the second} 2 {the third} 3 {the fourth} 4 {the fifth} 5 {the sixth} 6 {the seventh} other {the}}",
-            "MALE": "{index, select, 0 {the first} 1 {the second} 2 {the third} 3 {the fourth} 4 {the fifth} 5 {the sixth} 6 {the seventh} other {the}}",
-            "FEMALE": "{index, select, 0 {the first} 1 {the second} 2 {the third} 3 {the fourth} 4 {the fifth} 5 {the sixth} 6 {the seventh} other {the}}",
-            "DE_ACCUSATIVE_MALE": "{index, select, 0 {the first} 1 {the second} 2 {the third} 3 {the fourth} 4 {the fifth} 5 {the sixth} 6 {the seventh} other {the}}",
-            "DE_DATIVE_MALE_AND_NEUTRAL": "{index, select, 0 {the first} 1 {the second} 2 {the third} 3 {the fourth} 4 {the fifth} 5 {the sixth} 6 {the seventh} other {the}}",
-            "DE_GENTIVE_MALE_AND_NEUTRAL": "{index, select, 0 {the first} 1 {the second} 2 {the third} 3 {the fourth} 4 {the fifth} 5 {the sixth} 6 {the seventh} other {the}}",
-            "ORDINAL": "{index, select, 0 {1st} 1 {2nd} 2 {3rd} 3 {4th} 4 {5th} other {nth}}"
-        },
         "APPLY": "Apply",
         "VALIDATE": "Validate",
         "YES": "Yes",
@@ -65,7 +36,6 @@
         "OK": "OK",
         "REMOVE": "Remove",
         "TEST": "test",
-        "HAS_HAVE": "{count, select, 1 {has} other {have}}",
         "MAYBE": "Maybe",
         "BACK": "Back",
         "SAVE": "Save",
@@ -86,31 +56,6 @@
         "MIN": "Min",
         "CLEAR": "Clear"
     },
-    "DATE_TIME": {
-        "SECONDS": "{{seconds}} {{PLURALS.DATE_TIME.SECONDS}}",
-        "SHORT_SECONDS": "{{seconds}} {{PLURALS.DATE_TIME.SHORT_SECONDS}}",
-        "SHORT_MINUTES": "{{minutes}} {{PLURALS.DATE_TIME.SHORT_MINUTES}}",
-        "HOURS": "{{hours}} {{PLURALS.DATE_TIME.HOURS}}",
-        "DAYS": "{{days}} {{PLURALS.DATE_TIME.DAYS}}"
-    },
-    "CREATE_ACCOUNT": {
-        "TITLE": "Create your Career Passport",
-        "SUBTITLE": "Enter the email address to which you received an assessment invite.",
-        "EMAIL_LABEL": "Email",
-        "PASSWORD_LABEL": "Password",
-        "TERMS_CONDITIONS": "I have read and accepted the ",
-        "TERMS_CONDITIONS_LINK_LABEL": "candidate terms",
-        "PRIVACY_POLICY_LINK_LABEL": "privacy policy",
-        "TERMS_CONDITIONS_DELIMITER": "and",
-        "BUTTON_LABEL": "Next",
-        "HAVE_CAREER_PASSPORT": "Already have a Career Passport?",
-        "LOGIN": "Log in here"
-    },
-    "CREATE_PASSWORD": {
-        "TITLE": "Please create a new password",
-        "PASSWORD_LABEL": "Set password",
-        "BUTTON": "Set new password"
-    },
     "DIALOG": {
         "CLOSE_LABEL": "Close dialog"
     },
@@ -126,22 +71,6 @@
         "SUPPORTED_FILE_TYPES": "Supported file types:",
         "CHANGE": "Change"
     },
-    "FORGOT_PASSWORD": {
-        "TITLE": "Reset your password",
-        "EMAIL_LABEL": "Email",
-        "BUTTON_LABEL": "Send reset link",
-        "BACK_TO_LOGIN": "Back to log in"
-    },
-    "LOGIN": {
-        "TITLE": "Log in to your Career Passport",
-        "EMAIL_LABEL": "Email address",
-        "PASSWORD_LABEL": "Password",
-        "REMEMBER_ME": "Keep me logged in",
-        "FORGOT_PASSWORD": "Forgot password?",
-        "BUTTON_LABEL": "Log in",
-        "NOT_HAVE_ACCOUNT": "Don't have an account?",
-        "CREATE_ACCOUNT": "Create one here"
-    },
     "NAVBAR": {
         "LOG_OUT": "Log out"
     }