@testgorilla/tgo-ui 2.10.999 → 2.11.0

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

@@ -2,6 +2,7 @@ import { AfterViewInit, ChangeDetectorRef, DoCheck, ElementRef, EventEmitter, On
 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 { ApplicationTheme } from '../../models/application-theme.model';
 import { DomSanitizer, SafeHtml } from '@angular/platform-browser';
@@ -152,12 +153,20 @@ export declare class AutocompleteComponent implements ControlValueAccessor, OnCh
      * @memberof AutocompleteComponent
      */
     hideLabelInErrors: boolean;
+    /**
+     * Sets dropdown list to virtual scroll mode
+     *
+     * @type {boolean}
+     * @memberof AutocompleteComponent
+     */
+    virtualScroll: boolean;
     selectionChange: EventEmitter<any>;
     searchTextChange: EventEmitter<string>;
     formFieldElement: ElementRef<HTMLElement>;
     tagContainer: ElementRef<HTMLElement>;
     autocomplete: MatAutocompleteTrigger;
     cdkVirtualScrollViewPort: CdkVirtualScrollViewport;
+    matAutocomplete: MatAutocomplete;
     protected safeErrors: SafeHtml[];
     protected value: any;
     protected inputValue: any;
@@ -166,12 +175,14 @@ export declare class AutocompleteComponent implements ControlValueAccessor, OnCh
     protected isOverLapping: boolean;
     protected isOverlapChecking: boolean;
     protected overlapIndex: number;
+    protected inputOpacity: number;
     protected inputValueSearch$: ReplaySubject<string>;
     protected userInput$: ReplaySubject<string>;
     protected filteredItemsList$: import("rxjs").Observable<any>;
     protected filteredSuggestionList$: import("rxjs").Observable<any>;
     protected searchResult$: import("rxjs").Observable<boolean>;
     protected translationContext: string;
+    protected readonly AutocompleteUtils: typeof AutocompleteUtils;
     private readonly isPlatform;
     constructor(defaultAppTheme: ApplicationTheme, cdr: ChangeDetectorRef, domSanitizer: DomSanitizer, ngControl: NgControl, renderer2: Renderer2, platformId: any);
     /**
@@ -207,5 +218,6 @@ 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; }; "hideBuiltInErrors": { "alias": "hideBuiltInErrors"; "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; }; "virtualScroll": { "alias": "virtualScroll"; "required": false; }; }, { "selectionChange": "selectionChange"; "searchTextChange": "searchTextChange"; }, never, never, false, never>;
+    static ngAcceptInputType_virtualScroll: unknown;
 }

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

@@ -1,9 +1,9 @@
-import { ChangeDetectorRef, DoCheck, EventEmitter, OnInit } from '@angular/core';
+import { ChangeDetectorRef, DoCheck, EventEmitter, OnChanges, OnInit } from '@angular/core';
 import { ControlValueAccessor, NgControl } from '@angular/forms';
 import { MatCheckboxChange } from '@angular/material/checkbox';
 import { ApplicationTheme } from '../../models/application-theme.model';
 import * as i0 from "@angular/core";
-export declare class CheckboxComponent implements OnInit, ControlValueAccessor, DoCheck {
+export declare class CheckboxComponent implements OnInit, ControlValueAccessor, DoCheck, OnChanges {
     private readonly defaultAppTheme;
     private cdr;
     ngControl: NgControl;
@@ -129,6 +129,7 @@ export declare class CheckboxComponent implements OnInit, ControlValueAccessor,
     onTouch: () => void;
     classMultiple: string;
     constructor(defaultAppTheme: ApplicationTheme, cdr: ChangeDetectorRef, ngControl: NgControl);
+    ngOnChanges(): void;
     /**
      * 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)
@@ -136,7 +137,7 @@ export declare class CheckboxComponent implements OnInit, ControlValueAccessor,
     ngDoCheck(): void;
     emitChange(event: MatCheckboxChange): void;
     ngOnInit(): void;
-    toggleChecked(event: MatCheckboxChange): void;
+    toggleChecked(): void;
     setClass(): string;
     writeValue(value: boolean): void;
     registerOnChange(fn: any): void;

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

@@ -126,6 +126,18 @@ export declare class DropdownComponent implements OnInit, ControlValueAccessor,
      * @memberof DropdownComponent
      */
     hideLabelInErrors: boolean;
+    /**
+     * @property textField
+     * @description The field to be used as the display text in the dropdown.
+     * @memberof DropdownComponent
+     */
+    textField: string;
+    /**
+     * @property valueField
+     * @description The field to be used as the value in the dropdown.
+     * @memberof DropdownComponent
+     */
+    valueField: string;
     /**
      * @ignore
      */
@@ -153,5 +165,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; }; "hideBuiltInErrors": { "alias": "hideBuiltInErrors"; "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; }; "textField": { "alias": "textField"; "required": false; }; "valueField": { "alias": "valueField"; "required": false; }; }, {}, never, never, false, never>;
 }

package/components/dropdown/dropdown.model.d.ts

@@ -2,4 +2,4 @@ export type OptionType = {
     value?: string;
     displayValue?: string;
     sectionTitle?: string;
-};
+} & Record<string, any>;

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

@@ -9,6 +9,14 @@ export declare class SegmentedButtonComponent implements ControlValueAccessor {
      * @memberof SegmentedButtonComponent
      */
     buttonConfig: SegmentedButton[];
+    /**
+     * Whether the component is disabled.
+     * Default: false.
+     *
+     * @type {boolean}
+     * @memberof SegmentedButtonComponent
+     */
+    disabled: boolean;
     buttonSelected: EventEmitter<any>;
     protected _value: any;
     set value(v: any);
@@ -16,8 +24,9 @@ export declare class SegmentedButtonComponent implements ControlValueAccessor {
     onChange: (v: any) => void;
     onTouch: () => void;
     writeValue(obj: any): void;
+    setDisabledState(isDisabled: boolean): void;
     registerOnChange(fn: any): void;
     registerOnTouched(fn: any): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<SegmentedButtonComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<SegmentedButtonComponent, "ui-segmented-button", never, { "buttonConfig": { "alias": "buttonConfig"; "required": true; }; }, { "buttonSelected": "buttonSelected"; }, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SegmentedButtonComponent, "ui-segmented-button", never, { "buttonConfig": { "alias": "buttonConfig"; "required": true; }; "disabled": { "alias": "disabled"; "required": false; }; }, { "buttonSelected": "buttonSelected"; }, never, never, false, never>;
 }

package/components/segmented-button/segmented-button.model.d.ts

@@ -1,6 +1,7 @@
-import { TemplateRef } from "@angular/core";
+import { TemplateRef } from '@angular/core';
 export interface SegmentedButton {
     value: string;
     label?: string;
     template?: TemplateRef<any>;
+    disabled?: boolean;
 }