@testgorilla/tgo-ui 2.23.27 → 2.23.29

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

@@ -1,9 +1,10 @@
-import { EventEmitter, OnChanges, OnInit, SimpleChanges } from '@angular/core';
+import { AfterViewInit, EventEmitter, OnChanges, OnInit, SimpleChanges } from '@angular/core';
 import { MatDialogRef } from '@angular/material/dialog';
 import { ButtonColor } from '../button/button.model';
 import { ApplicationTheme } from '../../models/application-theme.model';
+import { ButtonComponent } from '../button/button.component';
 import * as i0 from "@angular/core";
-export declare class DialogComponent implements OnInit, OnChanges {
+export declare class DialogComponent implements OnInit, OnChanges, AfterViewInit {
     private readonly defaultAppTheme;
     dialogRef: MatDialogRef<DialogComponent>;
     private data;
@@ -96,9 +97,33 @@ export declare class DialogComponent implements OnInit, OnChanges {
      * @memberof DialogComponent
      */
     shouldDisableButtons: boolean;
+    /**
+     * A string representing the ARIA requirement for accessibility.
+     * This attribute is used to indicate whether an input field is required for form submission.
+     * @type {string}
+     * @memberof DialogComponent
+     */
+    ariaLabelledby: string;
+    /**
+     * A string representing the ARIA requirement for accessibility.
+     * This attribute is used to indicate whether an input field is required for form submission.
+     * @type {string}
+     * @memberof DialogComponent
+     */
+    ariaDescribedby: string;
+    /**
+     * Defines how modal was opened (with keyboard or not)
+     *
+     * @type {boolean}
+     * @memberof DialogComponent
+     */
+    keyboardOpen: boolean;
     closeEvent: EventEmitter<Event>;
     secondaryButtonClickEvent: EventEmitter<Event>;
     primaryButtonClickEvent: EventEmitter<Event>;
+    closeButton: ButtonComponent;
+    modalClosed: boolean;
+    onEsc(_: KeyboardEvent): void;
     constructor(defaultAppTheme: ApplicationTheme, dialogRef: MatDialogRef<DialogComponent>, data: {
         applicationTheme: ApplicationTheme;
     });
@@ -106,11 +131,12 @@ export declare class DialogComponent implements OnInit, OnChanges {
     protected readonly translationContext = "DIALOG.";
     ngOnInit(): void;
     ngOnChanges(changes: SimpleChanges): void;
+    ngAfterViewInit(): void;
     areButtonsDisabled(): void;
     dismiss(): void;
     onClose(event: Event): void;
     onSecondaryButtonClick(event: Event): void;
     onPrimaryButtonClick(event: Event): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<DialogComponent, [{ optional: true; }, null, null]>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DialogComponent, "ui-dialog", never, { "title": { "alias": "title"; "required": false; }; "showCloseButton": { "alias": "showCloseButton"; "required": false; }; "canCloseFn": { "alias": "canCloseFn"; "required": false; }; "secondaryButtonLabel": { "alias": "secondaryButtonLabel"; "required": false; }; "primaryButtonLabel": { "alias": "primaryButtonLabel"; "required": false; }; "secondaryButtonType": { "alias": "secondaryButtonType"; "required": false; }; "primaryButtonType": { "alias": "primaryButtonType"; "required": false; }; "language": { "alias": "language"; "required": false; }; "companyColor": { "alias": "companyColor"; "required": false; }; "applicationTheme": { "alias": "applicationTheme"; "required": false; }; "disablePrimaryButton": { "alias": "disablePrimaryButton"; "required": false; }; "disableClose": { "alias": "disableClose"; "required": false; }; "shouldDisableButtons": { "alias": "shouldDisableButtons"; "required": false; }; }, { "closeEvent": "closeEvent"; "secondaryButtonClickEvent": "secondaryButtonClickEvent"; "primaryButtonClickEvent": "primaryButtonClickEvent"; }, never, ["*"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DialogComponent, "ui-dialog", never, { "title": { "alias": "title"; "required": false; }; "showCloseButton": { "alias": "showCloseButton"; "required": false; }; "canCloseFn": { "alias": "canCloseFn"; "required": false; }; "secondaryButtonLabel": { "alias": "secondaryButtonLabel"; "required": false; }; "primaryButtonLabel": { "alias": "primaryButtonLabel"; "required": false; }; "secondaryButtonType": { "alias": "secondaryButtonType"; "required": false; }; "primaryButtonType": { "alias": "primaryButtonType"; "required": false; }; "language": { "alias": "language"; "required": false; }; "companyColor": { "alias": "companyColor"; "required": false; }; "applicationTheme": { "alias": "applicationTheme"; "required": false; }; "disablePrimaryButton": { "alias": "disablePrimaryButton"; "required": false; }; "disableClose": { "alias": "disableClose"; "required": false; }; "shouldDisableButtons": { "alias": "shouldDisableButtons"; "required": false; }; "ariaLabelledby": { "alias": "ariaLabelledby"; "required": false; }; "ariaDescribedby": { "alias": "ariaDescribedby"; "required": false; }; "keyboardOpen": { "alias": "keyboardOpen"; "required": false; }; }, { "closeEvent": "closeEvent"; "secondaryButtonClickEvent": "secondaryButtonClickEvent"; "primaryButtonClickEvent": "primaryButtonClickEvent"; }, never, ["*"], false, never>;
 }

package/components/dialog/dialog.service.d.ts

@@ -7,7 +7,7 @@ export declare class DialogService {
     private matDialog;
     private readonly defaultAppTheme;
     constructor(matDialog: MatDialog, defaultAppTheme: ApplicationTheme);
-    open(dialogComponent: ComponentType<any>, applicationTheme?: ApplicationTheme, size?: DialogSize, panelClass?: string, extraData?: any, backdropClass?: string): MatDialogRef<any>;
+    open(dialogComponent: ComponentType<any>, applicationTheme?: ApplicationTheme, size?: DialogSize, panelClass?: string, extraData?: any, backdropClass?: string, keyboardOpen?: boolean): MatDialogRef<any>;
     static ɵfac: i0.ɵɵFactoryDeclaration<DialogService, [null, { optional: true; }]>;
     static ɵprov: i0.ɵɵInjectableDeclaration<DialogService>;
 }

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

@@ -1,4 +1,4 @@
-import { AfterViewInit, ChangeDetectorRef, DestroyRef, DoCheck, EventEmitter, NgZone, OnInit } from '@angular/core';
+import { AfterViewInit, ChangeDetectorRef, DestroyRef, DoCheck, ElementRef, EventEmitter, NgZone, OnInit } from '@angular/core';
 import { ControlValueAccessor, NgControl } from '@angular/forms';
 import { FieldType } from '../../components/field/field.model';
 import { MatIconRegistry } from '@angular/material/icon';
@@ -244,7 +244,7 @@ export declare class FieldComponent implements OnInit, ControlValueAccessor, DoC
     hasError: boolean;
     validateEvent: EventEmitter<string>;
     fieldBlur: EventEmitter<void>;
-    field: HTMLInputElement;
+    field: ElementRef<HTMLInputElement>;
     get getPasswordIcon(): IconName;
     isActiveField: boolean;
     isActiveHover: boolean;
@@ -288,6 +288,7 @@ export declare class FieldComponent implements OnInit, ControlValueAccessor, DoC
     private clearSpace;
     onBlur(): void;
     trackByFn: (index: number, value: any) => any;
+    focus(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<FieldComponent, [{ optional: true; }, null, null, null, { optional: true; self: true; }, null, null, null]>;
     static ɵcmp: i0.ɵɵComponentDeclaration<FieldComponent, "ui-field", never, { "fullWidth": { "alias": "fullWidth"; "required": false; }; "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; }; "allowNegative": { "alias": "allowNegative"; "required": false; }; "language": { "alias": "language"; "required": false; }; "showBottomContent": { "alias": "showBottomContent"; "required": false; }; "applicationTheme": { "alias": "applicationTheme"; "required": false; }; "ariaLabel": { "alias": "ariaLabel"; "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; }; "max": { "alias": "max"; "required": false; }; "min": { "alias": "min"; "required": false; }; "textareaHeight": { "alias": "textareaHeight"; "required": false; }; "ariaLabelledby": { "alias": "ariaLabelledby"; "required": false; }; "ariaDescribedby": { "alias": "ariaDescribedby"; "required": false; }; "hasError": { "alias": "hasError"; "required": false; }; }, { "validateEvent": "validateEvent"; "fieldBlur": "fieldBlur"; }, never, never, false, never>;
 }

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

@@ -1,4 +1,4 @@
-import { EventEmitter, OnChanges, OnInit, SimpleChanges } from '@angular/core';
+import { EventEmitter, OnChanges, OnInit, SimpleChanges, ElementRef } from '@angular/core';
 import { ControlValueAccessor } from '@angular/forms';
 import { ApplicationTheme } from '../../models/application-theme.model';
 import * as i0 from "@angular/core";
@@ -91,6 +91,7 @@ export declare class FileUploadComponent implements OnInit, OnChanges, ControlVa
      */
     ariaRequired: boolean;
     OnDrop: EventEmitter<File>;
+    fileDrop: ElementRef<HTMLInputElement>;
     protected readonly translationContext = "FILE_UPLOAD.";
     /**
      * @ignore
@@ -104,6 +105,7 @@ export declare class FileUploadComponent implements OnInit, OnChanges, ControlVa
     progress: boolean;
     success: boolean;
     browse: boolean;
+    isCanceled: boolean;
     constructor(defaultAppTheme: ApplicationTheme);
     ngOnInit(): void;
     onFileDropped(files: FileList): void;
@@ -119,6 +121,7 @@ export declare class FileUploadComponent implements OnInit, OnChanges, ControlVa
     setDisabledState(isDisabled: boolean): void;
     private getCompanyColor;
     private fileSizeToMB;
+    onKeydown(ev: KeyboardEvent): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<FileUploadComponent, [{ optional: true; }]>;
     static ɵcmp: i0.ɵɵComponentDeclaration<FileUploadComponent, "ui-file-upload", never, { "maxFileSizeMB": { "alias": "maxFileSizeMB"; "required": false; }; "minFileSizeMB": { "alias": "minFileSizeMB"; "required": false; }; "supportedFileTypes": { "alias": "supportedFileTypes"; "required": false; }; "uploadProgress": { "alias": "uploadProgress"; "required": false; }; "errors": { "alias": "errors"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "file": { "alias": "file"; "required": false; }; "language": { "alias": "language"; "required": false; }; "companyColor": { "alias": "companyColor"; "required": false; }; "applicationTheme": { "alias": "applicationTheme"; "required": false; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; }; "ariaRequired": { "alias": "ariaRequired"; "required": false; }; }, { "OnDrop": "OnDrop"; }, never, never, false, never>;
 }

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

@@ -1,7 +1,7 @@
-import { EventEmitter } from '@angular/core';
+import { EventEmitter, OnChanges, OnInit, SimpleChanges } from '@angular/core';
 import { ApplicationTheme } from '../../models/application-theme.model';
 import * as i0 from "@angular/core";
-export declare class ScaleComponent {
+export declare class ScaleComponent implements OnInit, OnChanges {
     private readonly defaultAppTheme;
     private readonly MIN_LENGTH;
     private readonly DEFAULT_LENGTH;
@@ -26,9 +26,24 @@ export declare class ScaleComponent {
      * @memberof ScaleComponent
      */
     applicationTheme: ApplicationTheme;
+    /**
+     * Color of the option hover.
+     * Defaults to Test Gorilla primary color.
+     *
+     * @type {string}
+     * @memberof ScaleComponent
+     */
+    companyColor: string;
     selectedIndexChange: EventEmitter<number>;
+    styles: import("@angular/core").WritableSignal<{
+        '--hover-color': string;
+        '--selected-color': string;
+    }>;
     constructor(defaultAppTheme: ApplicationTheme);
+    ngOnInit(): void;
+    ngOnChanges(changes: SimpleChanges): void;
     protected select(index: number): void;
+    private setCompanyColor;
     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; }; }, { "selectedIndexChange": "selectedIndexChange"; }, never, never, false, never>;
+    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-sheet/side-sheet.component.d.ts

@@ -33,6 +33,7 @@ export declare class SideSheetComponent implements OnInit {
     openChange: EventEmitter<boolean>;
     drawer: MatDrawer;
     container: ViewContainerRef;
+    onEscPress(_: KeyboardEvent): void;
     protected title: string;
     protected showBackButton: boolean;
     protected showTitleTooltip: boolean;

package/esm2022/assets/i18n/en.json

@@ -60,7 +60,8 @@
         "OFF": "Off"
     },
     "DIALOG": {
-        "CLOSE_LABEL": "Close dialog"
+        "CLOSE_LABEL": "Close dialog",
+        "CLOSED": "Dialog closed"
     },
     "FIELD": {
         "VIEW_PASSWORD": "View password"
@@ -75,7 +76,8 @@
         "MIN_SIZE_ERROR": "Upload a file larger than ({{min}} MB)",
         "UPLOADING": "Uploading",
         "SUPPORTED_FILE_TYPES": "Supported file types:",
-        "CHANGE": "Change"
+        "CHANGE": "Change",
+        "FILE_UPLOADING_SUCCESS": "File uploaded successfully"
     },
     "NAVBAR": {
         "LOG_OUT": "Log out"