@testgorilla/tgo-ui 2.21.18 → 2.22.0

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

@@ -3,7 +3,7 @@ import { ControlValueAccessor, NgControl } from '@angular/forms';
 import { MatAutocomplete, MatAutocompleteSelectedEvent, MatAutocompleteTrigger } from '@angular/material/autocomplete';
 import { ReplaySubject } from 'rxjs';
 import { AutocompleteUtils } from '../../utils/autocomplete-utils';
-import { Autocomplete, AutocompleteType, DropdownVariation } from './autocomplete.model';
+import { Autocomplete, AutocompleteSize, AutocompleteType, DropdownVariation } from './autocomplete.model';
 import { ApplicationTheme } from '../../models/application-theme.model';
 import { DomSanitizer, SafeHtml } from '@angular/platform-browser';
 import { CdkVirtualScrollViewport } from "@angular/cdk/scrolling";
@@ -179,6 +179,19 @@ export declare class AutocompleteComponent implements ControlValueAccessor, OnCh
      * @memberof AutocompleteComponent
      */
     closeOnScroll: boolean;
+    /**
+     * @property AutocompleteSize
+     * @description Defines the size of the autocomplete. Small changes the tags to counter; medium is default.
+     * @memberof AutocompleteComponent
+     */
+    size: AutocompleteSize;
+    /**
+     * @property allowUserInput
+     * @description If `true`, allows the user to input custom values in the autocomplete.
+     * @type {boolean}
+     * @memberof AutocompleteComponent
+     */
+    allowUserInput: boolean;
     selectionChange: EventEmitter<any>;
     searchTextChange: EventEmitter<string>;
     blur: EventEmitter<void>;
@@ -243,7 +256,8 @@ export declare class AutocompleteComponent implements ControlValueAccessor, OnCh
      */
     private setCompanyColorVariable;
     private subscriberDisplayChange;
+    protected get hasObjectValue(): boolean;
     static ɵfac: i0.ɵɵFactoryDeclaration<AutocompleteComponent, [{ optional: true; }, null, null, { optional: true; self: true; }, null, 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; }; "hideBuiltInErrors": { "alias": "hideBuiltInErrors"; "required": false; }; "hideLabelInErrors": { "alias": "hideLabelInErrors"; "required": false; }; "virtualScroll": { "alias": "virtualScroll"; "required": false; }; "compareWith": { "alias": "compareWith"; "required": false; }; "dropdownPanelClass": { "alias": "dropdownPanelClass"; "required": false; }; "closeOnScroll": { "alias": "closeOnScroll"; "required": false; }; }, { "selectionChange": "selectionChange"; "searchTextChange": "searchTextChange"; "blur": "blur"; "focus": "focus"; }, 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; }; "virtualScroll": { "alias": "virtualScroll"; "required": false; }; "compareWith": { "alias": "compareWith"; "required": false; }; "dropdownPanelClass": { "alias": "dropdownPanelClass"; "required": false; }; "closeOnScroll": { "alias": "closeOnScroll"; "required": false; }; "size": { "alias": "size"; "required": false; }; "allowUserInput": { "alias": "allowUserInput"; "required": false; }; }, { "selectionChange": "selectionChange"; "searchTextChange": "searchTextChange"; "blur": "blur"; "focus": "focus"; }, never, never, false, never>;
     static ngAcceptInputType_virtualScroll: unknown;
 }

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

@@ -15,8 +15,9 @@ import * as i13 from "../../pipes/ui-translate.pipe";
 import * as i14 from "../validation-error/validation-error.module";
 import * as i15 from "../../pipes/has-validation-error.pipe";
 import * as i16 from "@angular/cdk/scrolling";
+import * as i17 from "./prevent-input.directive";
 export declare class AutocompleteComponentModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<AutocompleteComponentModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<AutocompleteComponentModule, [typeof i1.AutocompleteComponent, typeof i2.TransformItemPipe, typeof i3.IncludesPipe, typeof i4.SelectTextDirective], [typeof i5.CommonModule, typeof i6.MatFormFieldModule, typeof i7.MatAutocompleteModule, typeof i8.MatInputModule, typeof i9.FormsModule, typeof i10.TagComponentModule, typeof i11.MatChipsModule, typeof i12.IconComponentModule, typeof i13.UiTranslatePipe, typeof i14.ValidationErrorModule, typeof i15.HasValidationErrorPipe, typeof i16.CdkVirtualForOf, typeof i16.CdkVirtualScrollViewport, typeof i16.CdkFixedSizeVirtualScroll], [typeof i1.AutocompleteComponent]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<AutocompleteComponentModule, [typeof i1.AutocompleteComponent, typeof i2.TransformItemPipe, typeof i3.IncludesPipe, typeof i4.SelectTextDirective], [typeof i5.CommonModule, typeof i6.MatFormFieldModule, typeof i7.MatAutocompleteModule, typeof i8.MatInputModule, typeof i9.FormsModule, typeof i10.TagComponentModule, typeof i11.MatChipsModule, typeof i12.IconComponentModule, typeof i13.UiTranslatePipe, typeof i14.ValidationErrorModule, typeof i15.HasValidationErrorPipe, typeof i16.CdkVirtualForOf, typeof i16.CdkVirtualScrollViewport, typeof i16.CdkFixedSizeVirtualScroll, typeof i17.PreventInputDirective], [typeof i1.AutocompleteComponent]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<AutocompleteComponentModule>;
 }

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

@@ -19,3 +19,4 @@ export declare enum DropdownVariation {
     AUTOCOMPLETE = "autocomplete",
     DROPDOWN = "dropdown"
 }
+export type AutocompleteSize = 'small' | 'medium';

package/components/autocomplete/prevent-input.directive.d.ts

@@ -0,0 +1,7 @@
+import * as i0 from "@angular/core";
+export declare class PreventInputDirective {
+    uiPreventInput: boolean;
+    onKeyDown(event: KeyboardEvent): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<PreventInputDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<PreventInputDirective, "[uiPreventInput]", never, { "uiPreventInput": { "alias": "uiPreventInput"; "required": false; }; }, {}, never, never, true, never>;
+}

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

@@ -2,6 +2,7 @@ import { ChangeDetectorRef, DoCheck, EventEmitter, OnChanges, OnInit } from '@an
 import { ControlValueAccessor, NgControl } from '@angular/forms';
 import { MatCheckboxChange } from '@angular/material/checkbox';
 import { ApplicationTheme } from '../../models/application-theme.model';
+import { MatTooltip } from "@angular/material/tooltip";
 import * as i0 from "@angular/core";
 export declare class CheckboxComponent implements OnInit, ControlValueAccessor, DoCheck, OnChanges {
     private readonly defaultAppTheme;
@@ -112,6 +113,20 @@ export declare class CheckboxComponent implements OnInit, ControlValueAccessor,
      * @memberof CheckboxComponent
      */
     hideLabelInErrors: 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 CheckboxComponent
+     */
+    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 CheckboxComponent
+     */
+    ariaDescribedby: string;
     /**
      * Event emitted when the checkbox's checked value changes.
      *
@@ -127,7 +142,9 @@ export declare class CheckboxComponent implements OnInit, ControlValueAccessor,
      * @ignore
      */
     onTouch: () => void;
+    showTooltip: boolean;
     classMultiple: string;
+    tooltipElement: MatTooltip;
     constructor(defaultAppTheme: ApplicationTheme, cdr: ChangeDetectorRef, ngControl: NgControl);
     ngOnChanges(): void;
     /**
@@ -143,7 +160,9 @@ export declare class CheckboxComponent implements OnInit, ControlValueAccessor,
     registerOnChange(fn: any): void;
     registerOnTouched(fn: any): void;
     setDisabledState(isDisabled: boolean): void;
+    onLabelEllipsisChange(isEllipsis: boolean): void;
+    onFocus(showTooltip: boolean): void;
     private setCompanyColor;
     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; }; "hideBuiltInErrors": { "alias": "hideBuiltInErrors"; "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; }; "ariaLabelledby": { "alias": "ariaLabelledby"; "required": false; }; "ariaDescribedby": { "alias": "ariaDescribedby"; "required": false; }; }, { "changed": "changed"; }, never, ["[checkbox-label]"], false, never>;
 }

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

@@ -8,8 +8,11 @@ import * as i6 from "../icon/icon.component.module";
 import * as i7 from "../../pipes/ui-translate.pipe";
 import * as i8 from "../validation-error/validation-error.module";
 import * as i9 from "../../pipes/has-validation-error.pipe";
+import * as i10 from "../../directives/ellipse-text.directive";
+import * as i11 from "@angular/material/tooltip";
+import * as i12 from "./focus-visible.directive";
 export declare class CheckboxComponentModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<CheckboxComponentModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<CheckboxComponentModule, [typeof i1.CheckboxComponent], [typeof i2.CommonModule, typeof i3.MatCheckboxModule, typeof i4.FormsModule, typeof i4.ReactiveFormsModule, typeof i5.MatInputModule, typeof i6.IconComponentModule, typeof i7.UiTranslatePipe, typeof i8.ValidationErrorModule, typeof i9.HasValidationErrorPipe], [typeof i1.CheckboxComponent]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<CheckboxComponentModule, [typeof i1.CheckboxComponent], [typeof i2.CommonModule, typeof i3.MatCheckboxModule, typeof i4.FormsModule, typeof i4.ReactiveFormsModule, typeof i5.MatInputModule, typeof i6.IconComponentModule, typeof i7.UiTranslatePipe, typeof i8.ValidationErrorModule, typeof i9.HasValidationErrorPipe, typeof i10.EllipseTextDirective, typeof i11.MatTooltipModule, typeof i12.FocusVisibleDirective], [typeof i1.CheckboxComponent]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<CheckboxComponentModule>;
 }

package/components/checkbox/focus-visible.directive.d.ts

@@ -0,0 +1,12 @@
+import { EventEmitter } from '@angular/core';
+import * as i0 from "@angular/core";
+export declare class FocusVisibleDirective {
+    uiFocusVisible: EventEmitter<boolean>;
+    private hadKeyboardEvent;
+    constructor();
+    handleKeyboardEvent(): void;
+    onFocus(): void;
+    onBlur(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<FocusVisibleDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<FocusVisibleDirective, "[uiFocusVisible]", never, {}, { "uiFocusVisible": "uiFocusVisible"; }, never, never, true, never>;
+}

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

@@ -88,7 +88,7 @@ export declare class TableComponent<T extends DataSource, TDetail extends DataSo
     protected toggleRow(element: T): void;
     private setTableDetailDataSource;
     private defaultPaginationConfig;
-    trackColumnKey: (index: number, column: TableColumn<T>) => string;
+    trackColumnUniqueId: (index: number, column: TableColumn<T>) => string;
     static ɵfac: i0.ɵɵFactoryDeclaration<TableComponent<any, any>, [{ optional: true; }, null, null]>;
     static ɵcmp: i0.ɵɵComponentDeclaration<TableComponent<any, any>, "ui-table", never, { "config": { "alias": "config"; "required": true; }; "data": { "alias": "data"; "required": false; }; "loading": { "alias": "loading"; "required": false; }; "applicationTheme": { "alias": "applicationTheme"; "required": false; }; "tableDetailColumns": { "alias": "tableDetailColumns"; "required": false; }; "tableDetails": { "alias": "tableDetails"; "required": false; }; "disableBorderRadius": { "alias": "disableBorderRadius"; "required": false; }; }, { "onRowClickEvent": "onRowClickEvent"; "onDetailRowClickEvent": "onDetailRowClickEvent"; "paginatorChange": "paginatorChange"; "sortChange": "sortChange"; }, never, ["[title-actions]"], false, never>;
 }

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

@@ -35,6 +35,7 @@ export interface TableColumn<T = any> {
     renderer?: (v: T) => ComponentRenderer | string;
     styles?: ColumnStyles;
     sortStart?: SortDirection;
+    uniqueId?: string;
 }
 export interface Pagination {
     itemsPerPageOptions: number[];