@testgorilla/tgo-ui 2.10.2 → 2.10.4

package/README.md

@@ -62,8 +62,7 @@ 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
+npx playwright test visual-tests --config 'visual-tests/playwright.config.ts' --update-snapshots
 ```
 
 If you encounter the following error, it can be safely ignored. We need reports in a single directory for CI artifact storage:
@@ -84,8 +83,7 @@ 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
+npx playwright test visual-tests --config 'visual-tests/playwright.config.ts'
 ```
 
 

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

@@ -152,12 +152,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,6 +174,7 @@ 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>;
@@ -207,5 +216,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)