@testgorilla/tgo-ui 8.19.0 → 9.0.0

package/components/button/index.d.ts

@@ -1,20 +1,20 @@
 import { FocusOrigin } from '@angular/cdk/a11y';
 import * as i0 from '@angular/core';
 import { OnInit, AfterViewInit, ElementRef, EventEmitter, SimpleChanges } from '@angular/core';
-import * as i3 from '@angular/material/button';
+import * as i2 from '@angular/material/button';
 import { MatButton } from '@angular/material/button';
-import * as i6 from '@angular/material/tooltip';
+import * as i5 from '@angular/material/tooltip';
 import { TooltipPosition } from '@angular/material/tooltip';
-import * as i8 from '@testgorilla/tgo-ui/components/core';
+import * as i7 from '@testgorilla/tgo-ui/components/core';
 import { ApplicationTheme } from '@testgorilla/tgo-ui/components/core';
 export { ApplicationTheme } from '@testgorilla/tgo-ui/components/core';
-import * as i4 from '@testgorilla/tgo-ui/components/icon';
+import * as i3 from '@testgorilla/tgo-ui/components/icon';
 import { IconName } from '@testgorilla/tgo-ui/components/icon';
-import * as i7 from '@testgorilla/tgo-ui/components/badge';
+import * as i6 from '@testgorilla/tgo-ui/components/badge';
 import { BadgeVariant, RebrandBadgeColor } from '@testgorilla/tgo-ui/components/badge';
-import * as i2 from '@angular/common';
-import * as i5 from '@angular/material/progress-spinner';
-import * as i9 from '@angular/material/radio';
+import * as i1 from '@angular/common';
+import * as i4 from '@angular/material/progress-spinner';
+import * as i8 from '@angular/material/radio';
 
 type ButtonIconPosition = 'left' | 'right';
 type ButtonColor = 'primary' | 'secondary' | 'secondary-inverted' | 'ghost' | 'ghost-ai' | 'outlined' | 'destructive' | 'tertiary' | 'link' | 'tab' | 'text' | 'text-inline' | 'menuTrigger' | 'menuCell' | 'icon-button' | 'linkedin';
@@ -248,7 +248,7 @@ declare class ButtonComponent implements OnInit, AfterViewInit {
     get isDisabled(): boolean;
     get compColor(): string;
     classCss: string;
-    styleCss: any;
+    styleCss: Record<string, string>;
     isButtonLink: boolean;
     isLabel: boolean;
     buttonState: ButtonState;
@@ -265,12 +265,21 @@ declare class ButtonComponent implements OnInit, AfterViewInit {
     constructor(defaultAppTheme: ApplicationTheme);
     ngOnInit(): void;
     ngOnChanges(changes: SimpleChanges): void;
+    private hasCssAffectingChange;
+    private isIconButtonSizeChange;
+    private isFilledIconVariant;
     ngAfterViewInit(): void;
     buttonClick(event: Event): void;
     buttonHover(event: Event): void;
     showLabel(): boolean;
     setCssClass(): string;
-    setCssStyle(): any;
+    setCssStyle(): Record<string, string>;
+    private get isColorVariant();
+    private get isTextVariant();
+    private getInteractiveStyle;
+    private getClassicInteractiveStyle;
+    private getCompanyColorStyle;
+    private getGhostBackgroundStyle;
     get showSpinner(): boolean;
     get showInlineSpinner(): boolean;
     showButtonLink(): boolean;
@@ -285,14 +294,14 @@ declare class ButtonComponent implements OnInit, AfterViewInit {
     getIconName(iconName: string, defaultValue: string): IconName;
     private createAriaLabelledById;
     static ɵfac: i0.ɵɵFactoryDeclaration<ButtonComponent, [{ optional: true; }]>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ButtonComponent, "ui-button", never, { "size": { "alias": "size"; "required": false; }; "variant": { "alias": "variant"; "required": false; }; "label": { "alias": "label"; "required": false; }; "iconPosition": { "alias": "iconPosition"; "required": false; }; "justIcon": { "alias": "justIcon"; "required": false; }; "iconName": { "alias": "iconName"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "loading": { "alias": "loading"; "required": false; }; "loadingWithLabel": { "alias": "loadingWithLabel"; "required": false; }; "fullWidth": { "alias": "fullWidth"; "required": false; }; "url": { "alias": "url"; "required": false; }; "urlTarget": { "alias": "urlTarget"; "required": false; }; "value": { "alias": "value"; "required": false; }; "tooltip": { "alias": "tooltip"; "required": false; }; "isPremium": { "alias": "isPremium"; "required": false; }; "type": { "alias": "type"; "required": false; }; "companyColor": { "alias": "companyColor"; "required": false; }; "buttonBadgeConfig": { "alias": "buttonBadgeConfig"; "required": false; }; "applicationTheme": { "alias": "applicationTheme"; "required": false; }; "disabledScaleOnClick": { "alias": "disabledScaleOnClick"; "required": false; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; }; "ariaExpanded": { "alias": "ariaExpanded"; "required": false; }; "ariaControls": { "alias": "ariaControls"; "required": false; }; "ariaPressed": { "alias": "ariaPressed"; "required": false; }; "ariaRequired": { "alias": "ariaRequired"; "required": false; }; "ariaLabelledby": { "alias": "ariaLabelledby"; "required": false; }; "ariaDescribedby": { "alias": "ariaDescribedby"; "required": false; }; "preventDefault": { "alias": "preventDefault"; "required": false; }; "hasBackground": { "alias": "hasBackground"; "required": false; }; "tooltipPosition": { "alias": "tooltipPosition"; "required": false; }; "role": { "alias": "role"; "required": false; }; "iconFilled": { "alias": "iconFilled"; "required": false; }; }, { "buttonClickEvent": "buttonClickEvent"; "buttonHoverEvent": "buttonHoverEvent"; }, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ButtonComponent, "ui-button", never, { "size": { "alias": "size"; "required": false; }; "variant": { "alias": "variant"; "required": false; }; "label": { "alias": "label"; "required": false; }; "iconPosition": { "alias": "iconPosition"; "required": false; }; "justIcon": { "alias": "justIcon"; "required": false; }; "iconName": { "alias": "iconName"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "loading": { "alias": "loading"; "required": false; }; "loadingWithLabel": { "alias": "loadingWithLabel"; "required": false; }; "fullWidth": { "alias": "fullWidth"; "required": false; }; "url": { "alias": "url"; "required": false; }; "urlTarget": { "alias": "urlTarget"; "required": false; }; "value": { "alias": "value"; "required": false; }; "tooltip": { "alias": "tooltip"; "required": false; }; "isPremium": { "alias": "isPremium"; "required": false; }; "type": { "alias": "type"; "required": false; }; "companyColor": { "alias": "companyColor"; "required": false; }; "buttonBadgeConfig": { "alias": "buttonBadgeConfig"; "required": false; }; "applicationTheme": { "alias": "applicationTheme"; "required": false; }; "disabledScaleOnClick": { "alias": "disabledScaleOnClick"; "required": false; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; }; "ariaExpanded": { "alias": "ariaExpanded"; "required": false; }; "ariaControls": { "alias": "ariaControls"; "required": false; }; "ariaPressed": { "alias": "ariaPressed"; "required": false; }; "ariaRequired": { "alias": "ariaRequired"; "required": false; }; "ariaLabelledby": { "alias": "ariaLabelledby"; "required": false; }; "ariaDescribedby": { "alias": "ariaDescribedby"; "required": false; }; "preventDefault": { "alias": "preventDefault"; "required": false; }; "hasBackground": { "alias": "hasBackground"; "required": false; }; "tooltipPosition": { "alias": "tooltipPosition"; "required": false; }; "role": { "alias": "role"; "required": false; }; "iconFilled": { "alias": "iconFilled"; "required": false; }; }, { "buttonClickEvent": "buttonClickEvent"; "buttonHoverEvent": "buttonHoverEvent"; }, never, never, true, never>;
     static ngAcceptInputType_preventDefault: unknown;
     static ngAcceptInputType_hasBackground: unknown;
 }
 
 declare class ButtonComponentModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<ButtonComponentModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<ButtonComponentModule, [typeof ButtonComponent], [typeof i2.CommonModule, typeof i3.MatButtonModule, typeof i4.IconComponentModule, typeof i5.MatProgressSpinnerModule, typeof i6.MatTooltipModule, typeof i7.BadgeComponentModule, typeof i8.EllipseTextDirective, typeof i9.MatRadioModule, typeof i8.UiTranslatePipe], [typeof ButtonComponent]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<ButtonComponentModule, never, [typeof i1.CommonModule, typeof i2.MatButtonModule, typeof i3.IconComponentModule, typeof i4.MatProgressSpinnerModule, typeof i5.MatTooltipModule, typeof i6.BadgeComponentModule, typeof i7.EllipseTextDirective, typeof i8.MatRadioModule, typeof i7.UiTranslatePipe, typeof ButtonComponent], [typeof ButtonComponent]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<ButtonComponentModule>;
 }
 
@@ -305,7 +314,8 @@ declare class ButtonComponentModule {
  * @param typeEvent interaction event
  * @param theme
  */
-declare const adjustLightness: (hexColor: string, typeEvent: "hover" | "pressed" | "disabled", theme?: "new" | "classic") => string;
+type LightnessEvent = 'hover' | 'pressed' | 'disabled';
+declare const adjustLightness: (hexColor: string, typeEvent: LightnessEvent, theme?: "new" | "classic") => string;
 /**
  * Transforms hex color to HSL in object variation.
  * @param hexColor string value with hex color

package/components/card/index.d.ts

@@ -2,9 +2,9 @@ import * as i0 from '@angular/core';
 import { OnChanges, OnInit, EventEmitter } from '@angular/core';
 import { ApplicationTheme } from '@testgorilla/tgo-ui/components/core';
 export { ApplicationTheme } from '@testgorilla/tgo-ui/components/core';
-import * as i3 from '@testgorilla/tgo-ui/components/icon';
+import * as i2 from '@testgorilla/tgo-ui/components/icon';
 import { IconSize } from '@testgorilla/tgo-ui/components/icon';
-import * as i2 from '@angular/common';
+import * as i1 from '@angular/common';
 
 type CardSize = 'small' | 'medium' | 'large';
 type CardSizeVariant = 'regular' | 'condensed';
@@ -90,12 +90,12 @@ declare class CardComponent implements OnChanges, OnInit {
     get isSelected(): boolean;
     selectCard(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<CardComponent, [{ optional: true; }]>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<CardComponent, "ui-card", never, { "size": { "alias": "size"; "required": false; }; "sizeVariant": { "alias": "sizeVariant"; "required": false; }; "variant": { "alias": "variant"; "required": false; }; "applicationTheme": { "alias": "applicationTheme"; "required": false; }; "errors": { "alias": "errors"; "required": false; }; "errorsSize": { "alias": "errorsSize"; "required": false; }; "selected": { "alias": "selected"; "required": false; }; "allowSelect": { "alias": "allowSelect"; "required": false; }; "allowFocus": { "alias": "allowFocus"; "required": false; }; }, { "cardSelected": "cardSelected"; }, never, ["*"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<CardComponent, "ui-card", never, { "size": { "alias": "size"; "required": false; }; "sizeVariant": { "alias": "sizeVariant"; "required": false; }; "variant": { "alias": "variant"; "required": false; }; "applicationTheme": { "alias": "applicationTheme"; "required": false; }; "errors": { "alias": "errors"; "required": false; }; "errorsSize": { "alias": "errorsSize"; "required": false; }; "selected": { "alias": "selected"; "required": false; }; "allowSelect": { "alias": "allowSelect"; "required": false; }; "allowFocus": { "alias": "allowFocus"; "required": false; }; }, { "cardSelected": "cardSelected"; }, never, ["*"], true, never>;
 }
 
 declare class CardComponentModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<CardComponentModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<CardComponentModule, [typeof CardComponent], [typeof i2.CommonModule, typeof i3.IconComponentModule], [typeof CardComponent]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<CardComponentModule, never, [typeof i1.CommonModule, typeof i2.IconComponentModule, typeof CardComponent], [typeof CardComponent]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<CardComponentModule>;
 }
 

package/components/checkbox/index.d.ts

@@ -1,27 +1,21 @@
+import { FocusableOption, FocusOrigin } from '@angular/cdk/a11y';
 import * as i0 from '@angular/core';
-import { OnInit, DoCheck, OnChanges, AfterViewInit, OnDestroy, EventEmitter, ChangeDetectorRef, NgZone, DestroyRef } from '@angular/core';
-import * as i4 from '@angular/forms';
+import { OnInit, DoCheck, OnChanges, AfterViewInit, OnDestroy, EventEmitter } from '@angular/core';
+import * as i3 from '@angular/forms';
 import { ControlValueAccessor, NgControl } from '@angular/forms';
-import * as i3 from '@angular/material/checkbox';
+import * as i2 from '@angular/material/checkbox';
 import { MatCheckbox, MatCheckboxChange } from '@angular/material/checkbox';
-import * as i7 from '@testgorilla/tgo-ui/components/core';
+import * as i8 from '@angular/material/tooltip';
+import { MatTooltip } from '@angular/material/tooltip';
+import * as i6 from '@testgorilla/tgo-ui/components/core';
 import { ApplicationTheme, Alignment } from '@testgorilla/tgo-ui/components/core';
 export { ApplicationTheme } from '@testgorilla/tgo-ui/components/core';
-import * as i9 from '@angular/material/tooltip';
-import { MatTooltip } from '@angular/material/tooltip';
-import { FocusableOption, FocusMonitor, FocusOrigin } from '@angular/cdk/a11y';
-import * as i2 from '@angular/common';
-import * as i5 from '@angular/material/input';
-import * as i6 from '@testgorilla/tgo-ui/components/icon';
-import * as i8 from '@testgorilla/tgo-ui/components/validation-error';
+import * as i1 from '@angular/common';
+import * as i4 from '@angular/material/input';
+import * as i5 from '@testgorilla/tgo-ui/components/icon';
+import * as i7 from '@testgorilla/tgo-ui/components/validation-error';
 
 declare class CheckboxComponent implements OnInit, FocusableOption, ControlValueAccessor, DoCheck, OnChanges, AfterViewInit, OnDestroy {
-    private readonly defaultAppTheme;
-    private cdr;
-    ngControl: NgControl;
-    private focusMonitor;
-    private ngZone;
-    private destroyRef;
     /**
      * Determines whether the checkbox is disabled.
      * Default: false.
@@ -165,7 +159,7 @@ declare class CheckboxComponent implements OnInit, FocusableOption, ControlValue
     /**
      * @ignore
      */
-    onChange: (_: any) => void;
+    onChange: (_value: boolean) => void;
     /**
      * @ignore
      */
@@ -175,7 +169,13 @@ declare class CheckboxComponent implements OnInit, FocusableOption, ControlValue
     tooltipElement: MatTooltip;
     checkboxElement: MatCheckbox;
     protected origin: string | null;
-    constructor(defaultAppTheme: ApplicationTheme, cdr: ChangeDetectorRef, ngControl: NgControl, focusMonitor: FocusMonitor, ngZone: NgZone, destroyRef: DestroyRef);
+    private readonly defaultAppTheme;
+    private readonly cdr;
+    ngControl: NgControl | null;
+    private readonly focusMonitor;
+    private readonly ngZone;
+    private readonly destroyRef;
+    constructor();
     ngOnChanges(): void;
     /**
      * Used to mark component view as dirty when touched programmatically with markAsTouched/markAllAsTouched or errors
@@ -190,15 +190,15 @@ declare class CheckboxComponent implements OnInit, FocusableOption, ControlValue
     toggleChecked(): void;
     setClass(): string;
     writeValue(value: boolean): void;
-    registerOnChange(fn: any): void;
-    registerOnTouched(fn: any): void;
+    registerOnChange(fn: (value: boolean) => void): void;
+    registerOnTouched(fn: () => void): void;
     setDisabledState(isDisabled: boolean): void;
     onLabelEllipsisChange(isEllipsis: boolean): void;
     onFocus(isFocus: boolean): void;
     private setCompanyColor;
     focus(): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<CheckboxComponent, [{ optional: true; }, null, { optional: true; self: true; }, null, null, null]>;
-    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; }; "hideBuiltInErrors": { "alias": "hideBuiltInErrors"; "required": false; }; "hideLabelInErrors": { "alias": "hideLabelInErrors"; "required": false; }; "ariaLabelledby": { "alias": "ariaLabelledby"; "required": false; }; "ariaDescribedby": { "alias": "ariaDescribedby"; "required": false; }; "truncateText": { "alias": "truncateText"; "required": false; }; "alignment": { "alias": "alignment"; "required": false; }; "tabIndex": { "alias": "tabIndex"; "required": false; }; }, { "changed": "changed"; }, never, ["[checkbox-label]"], false, never>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<CheckboxComponent, 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; }; "hideBuiltInErrors": { "alias": "hideBuiltInErrors"; "required": false; }; "hideLabelInErrors": { "alias": "hideLabelInErrors"; "required": false; }; "ariaLabelledby": { "alias": "ariaLabelledby"; "required": false; }; "ariaDescribedby": { "alias": "ariaDescribedby"; "required": false; }; "truncateText": { "alias": "truncateText"; "required": false; }; "alignment": { "alias": "alignment"; "required": false; }; "tabIndex": { "alias": "tabIndex"; "required": false; }; }, { "changed": "changed"; }, never, ["[checkbox-label]"], true, never>;
 }
 
 declare class FocusVisibleDirective {
@@ -214,7 +214,7 @@ declare class FocusVisibleDirective {
 
 declare class CheckboxComponentModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<CheckboxComponentModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<CheckboxComponentModule, [typeof 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 i7.HasValidationErrorPipe, typeof i7.EllipseTextDirective, typeof i9.MatTooltipModule, typeof FocusVisibleDirective], [typeof CheckboxComponent]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<CheckboxComponentModule, never, [typeof i1.CommonModule, typeof i2.MatCheckboxModule, typeof i3.FormsModule, typeof i3.ReactiveFormsModule, typeof i4.MatInputModule, typeof i5.IconComponentModule, typeof i6.UiTranslatePipe, typeof i7.ValidationErrorModule, typeof i6.HasValidationErrorPipe, typeof i6.EllipseTextDirective, typeof i8.MatTooltipModule, typeof FocusVisibleDirective, typeof CheckboxComponent], [typeof CheckboxComponent]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<CheckboxComponentModule>;
 }
 

package/components/core/index.d.ts

@@ -48,14 +48,15 @@ declare class LanguageService {
  * Checks if element ellipsis
  */
 declare class EllipseTextDirective implements OnInit {
-    private el;
+    private readonly el;
     isMultiline: boolean;
     maxDiffPixels: number;
     checkEllipsis$: Subject<void>;
     refreshEllipsis$: Subject<void>;
-    set refresh(_: any);
+    set refresh(_: unknown);
     onChangeTextState: EventEmitter<boolean>;
     resize(): void;
+    private readonly destroyRef;
     constructor(el: ElementRef);
     ngOnInit(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<EllipseTextDirective, never>;
@@ -68,7 +69,7 @@ declare class EllipseTextDirective implements OnInit {
 declare class UiTranslatePipe implements PipeTransform {
     private readonly languageService;
     protected readonly LANGS: {
-        [key: string]: any;
+        [key: string]: unknown;
     };
     constructor(languageService: LanguageService);
     /**
@@ -80,7 +81,7 @@ declare class UiTranslatePipe implements PipeTransform {
      * 'You have {{attemptsAmount}} attempts left
      * the interpolation object should be { attemptsAmount: 10 }
      */
-    transform(translateKey: string, interpolationData?: any): Observable<string>;
+    transform(translateKey: string, interpolationData?: Record<string, unknown>): Observable<string>;
     /**
      * Used to find and replace interpolation in text
      * @param translation the translation text
@@ -108,29 +109,35 @@ type Alignment = 'center' | 'top';
 declare const hexToRgbWithAlpha: (hex: string, alpha?: number) => string;
 
 declare class AutocompleteUtils {
-    static transformDisplayValue(value: any, textField: string): any;
-    static filterItems(items: any, inputValue: string, textField?: string, isGroup?: boolean): any;
-    static isPrimitive(value: any): boolean;
-    static isArray(value: any): boolean;
+    static transformDisplayValue(value: unknown, textField: string): unknown;
+    static filterItems<T>(items: T[], inputValue: string, textField?: string, isGroup?: boolean): T[];
+    static isPrimitive(value: unknown): boolean;
+    static isArray(value: unknown): boolean;
     static throwInvalidSetupError(): void;
-    static excludeSuggestions(items: any[], excludeItems: any[], valueField?: string): any[];
-    static shouldBeObject(value: any, textField: string, valueField: string): boolean;
-    static createValueItem(value: any, textField: string, valueField: string): any;
-    static findDuplicate(value: any, selectedValue: any, lookupKey?: string): any;
-    static countMatchingWords(words: any[], query: string, textField?: string, isGroup?: boolean): number;
+    static excludeSuggestions<T>(items: T[], excludeItems: T[], valueField?: string): T[];
+    static shouldBeObject(value: unknown, textField: string, valueField: string): boolean;
+    static createValueItem(value: unknown, textField: string, valueField: string): unknown;
+    static findDuplicate(value: unknown, selectedValue: unknown, lookupKey?: string): unknown;
+    static countMatchingWords(words: unknown[], query: string, textField?: string, isGroup?: boolean): number;
+    /**
+     * Faithful to the previous `any` behaviour: text/value fields are expected to
+     * be strings, and calling `.toLowerCase()` on a non-string throws exactly as
+     * it did before. Kept private so it is not part of the public API surface.
+     */
+    private static toLower;
 }
 
 declare class DigitsOnlyDirective {
-    private el;
-    constructor(el: ElementRef);
+    private readonly el;
+    constructor(el: ElementRef<HTMLInputElement>);
     allowNegative: boolean;
     allowDecimal: boolean;
     allowOnlyDigits: boolean;
     regex: RegExp;
     onKeyPress(event: KeyboardEvent): void;
     onPaste(event: Event): void;
-    onKeydown(event: any): void;
-    onInput(event: any): void;
+    onKeydown(event: KeyboardEvent): void;
+    onInput(event: Event): void;
     validate(event: Event, text: string): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<DigitsOnlyDirective, never>;
     static ɵdir: i0.ɵɵDirectiveDeclaration<DigitsOnlyDirective, "[digitsOnly]", never, { "allowNegative": { "alias": "allowNegative"; "required": false; }; "allowDecimal": { "alias": "allowDecimal"; "required": false; }; "allowOnlyDigits": { "alias": "allowOnlyDigits"; "required": false; }; }, {}, never, never, true, never>;
@@ -145,14 +152,14 @@ declare class HasValidationErrorPipe implements PipeTransform {
      * Checks if the error on the NgControl is in the list of handled error types
      * @param value
      */
-    transform(value: Record<string, any> | null | undefined): boolean;
+    transform(value: Record<string, unknown> | null | undefined): boolean;
     static ɵfac: i0.ɵɵFactoryDeclaration<HasValidationErrorPipe, never>;
     static ɵpipe: i0.ɵɵPipeDeclaration<HasValidationErrorPipe, "hasValidationError", true>;
 }
 
 declare class SelectTextDirective {
     selectText: i0.InputSignal<string | null>;
-    private el;
+    private readonly el;
     private highlighted;
     constructor();
     private highlight;
@@ -168,14 +175,14 @@ declare class PreventInputDirective {
 }
 
 declare class IncludesPipe implements PipeTransform {
-    transform(value: Record<string, any>, values: Record<string, any> | Record<string, any>[], valueField?: string): boolean;
+    transform(value: Record<string, unknown>, values: Record<string, unknown> | Record<string, unknown>[], valueField?: string): boolean;
     static ɵfac: i0.ɵɵFactoryDeclaration<IncludesPipe, never>;
     static ɵpipe: i0.ɵɵPipeDeclaration<IncludesPipe, "includes", true>;
 }
 
 declare class TransformItemPipe implements PipeTransform {
-    transform(value: Record<string, any> | Record<string, any>[] | null | undefined, field: string, getValueList: true): string[];
-    transform(value: Record<string, any> | Record<string, any>[] | null | undefined, field: string, getValueList?: false): string;
+    transform(value: Record<string, unknown> | Record<string, unknown>[] | null | undefined, field: string, getValueList: true): string[];
+    transform(value: Record<string, unknown> | Record<string, unknown>[] | null | undefined, field: string, getValueList?: false): string;
     static ɵfac: i0.ɵɵFactoryDeclaration<TransformItemPipe, never>;
     static ɵpipe: i0.ɵɵPipeDeclaration<TransformItemPipe, "transformItem", true>;
 }
@@ -276,7 +283,7 @@ declare enum Color {
  *
  * */
 declare class MemoizeFuncPipe implements PipeTransform {
-    transform<T, K>(value: T, handler: (value: T) => K, context?: any): K;
+    transform<T, K>(value: T, handler: (value: T) => K, context?: unknown): K;
     static ɵfac: i0.ɵɵFactoryDeclaration<MemoizeFuncPipe, never>;
     static ɵpipe: i0.ɵɵPipeDeclaration<MemoizeFuncPipe, "memoizeFunc", true>;
 }
@@ -288,28 +295,28 @@ declare class OrdinalSuffixPipe implements PipeTransform {
 }
 
 declare class TruncatePipe implements PipeTransform {
-    transform(input: any, length?: number, suffix?: string, preserve?: boolean): any;
+    transform(input: unknown, length?: number, suffix?: string, preserve?: boolean): unknown;
     static ɵfac: i0.ɵɵFactoryDeclaration<TruncatePipe, never>;
     static ɵpipe: i0.ɵɵPipeDeclaration<TruncatePipe, "truncate", true>;
 }
 
 declare class DataPropertyGetterPipe implements PipeTransform {
-    transform(obj: object, keyName?: string): any;
+    transform(obj: object, keyName?: string): unknown;
     private getDeepVal;
     static ɵfac: i0.ɵɵFactoryDeclaration<DataPropertyGetterPipe, never>;
     static ɵpipe: i0.ɵɵPipeDeclaration<DataPropertyGetterPipe, "dataPropertyGetter", true>;
 }
 
 interface IComponentRenderer {
-    component: Type<any>;
-    inputs?: any;
+    component: Type<unknown>;
+    inputs?: Record<string, unknown>;
     outputs?: {
-        [key: string]: any;
+        [key: string]: (event: unknown) => void;
     };
 }
 declare class DynamicComponentDirective implements OnDestroy {
-    private vcr;
-    private subscription;
+    private readonly vcr;
+    private readonly subscription;
     private compRef;
     set dynamicComponent(componentRenderer: IComponentRenderer);
     constructor(vcr: ViewContainerRef);
@@ -327,7 +334,8 @@ declare class DynamicComponentDirective implements OnDestroy {
  * @param typeEvent interaction event
  * @param theme
  */
-declare const adjustLightness: (hexColor: string, typeEvent: "hover" | "pressed" | "disabled", theme?: "new" | "classic") => string;
+type LightnessEvent = 'hover' | 'pressed' | 'disabled';
+declare const adjustLightness: (hexColor: string, typeEvent: LightnessEvent, theme?: "new" | "classic") => string;
 /**
  * Transforms hex color to HSL in object variation.
  * @param hexColor string value with hex color

package/components/datepicker/index.d.ts

@@ -1,19 +1,19 @@
 import * as i0 from '@angular/core';
 import { OnChanges, DoCheck, OnInit, EventEmitter, ChangeDetectorRef, SimpleChanges } from '@angular/core';
-import * as i6 from '@angular/forms';
+import * as i5 from '@angular/forms';
 import { ControlValueAccessor, NgControl, FormGroup, FormControl } from '@angular/forms';
-import * as i9 from '@testgorilla/tgo-ui/components/core';
+import * as i6 from '@angular/material/datepicker';
+import { MatDatepicker } from '@angular/material/datepicker';
+import * as i8 from '@testgorilla/tgo-ui/components/core';
 import { ApplicationTheme } from '@testgorilla/tgo-ui/components/core';
 export { ApplicationTheme } from '@testgorilla/tgo-ui/components/core';
-import * as i7 from '@angular/material/datepicker';
-import { MatDatepicker } from '@angular/material/datepicker';
-import * as i2 from '@angular/common';
-import * as i3 from '@angular/material/form-field';
-import * as i4 from '@angular/material/input';
-import * as i5 from '@testgorilla/tgo-ui/components/icon';
-import * as i8 from '@angular/material/core';
+import * as i1 from '@angular/common';
+import * as i2 from '@angular/material/form-field';
+import * as i3 from '@angular/material/input';
+import * as i4 from '@testgorilla/tgo-ui/components/icon';
+import * as i7 from '@angular/material/core';
 import { NativeDateAdapter } from '@angular/material/core';
-import * as i11 from '@testgorilla/tgo-ui/components/validation-error';
+import * as i10 from '@testgorilla/tgo-ui/components/validation-error';
 
 declare class DatepickerService {
     #private;
@@ -25,9 +25,9 @@ declare class DatepickerService {
 
 declare class DatepickerComponent implements OnChanges, ControlValueAccessor, DoCheck, OnInit {
     private readonly defaultAppTheme;
-    private cdr;
+    private readonly cdr;
     ngControl: NgControl;
-    private datepickerService;
+    private readonly datepickerService;
     class: string;
     /**
      * Form field label
@@ -209,7 +209,7 @@ declare class DatepickerComponent implements OnChanges, ControlValueAccessor, Do
     /**
      * @ignore
      */
-    onChange: (_: any) => void;
+    onChange: (value: Date | Date[]) => void;
     /**
      * @ignore
      */
@@ -239,18 +239,18 @@ declare class DatepickerComponent implements OnChanges, ControlValueAccessor, Do
     setErrorsLength(): boolean;
     onValueChange(value: Date | Date[]): void;
     writeValue(value?: Date | Date[]): void;
-    registerOnChange(fn: any): void;
-    registerOnTouched(fn: any): void;
+    registerOnChange(fn: (value: Date | Date[]) => void): void;
+    registerOnTouched(fn: () => void): void;
     setDisabledState(isDisabled: boolean): void;
     handleCloseRangePicker(): void;
     fillSingleDateRange(isStart: boolean): void;
     dateRangeChange(): void;
-    setMonthAndYear(normalizedMonthAndYear: any, datepicker: MatDatepicker<Date>): void;
+    setMonthAndYear(normalizedMonthAndYear: Date, datepicker: MatDatepicker<Date>): void;
     private setRange;
     onInput(event: Event): void;
     private setStyleVariable;
     static ɵfac: i0.ɵɵFactoryDeclaration<DatepickerComponent, [{ optional: true; }, null, { optional: true; self: true; }, null]>;
-    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; }; "setSingleDateRangeOnBlur": { "alias": "setSingleDateRangeOnBlur"; "required": false; }; "showInnerErrors": { "alias": "showInnerErrors"; "required": false; }; "innerErrorsMessage": { "alias": "innerErrorsMessage"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "required": { "alias": "required"; "required": false; }; "hintMessage": { "alias": "hintMessage"; "required": false; }; "updateOnBlur": { "alias": "updateOnBlur"; "required": false; }; "showBottomContent": { "alias": "showBottomContent"; "required": false; }; "fullWidth": { "alias": "fullWidth"; "required": false; }; "minDate": { "alias": "minDate"; "required": false; }; "maxDate": { "alias": "maxDate"; "required": false; }; "monthPicker": { "alias": "monthPicker"; "required": false; }; "applicationTheme": { "alias": "applicationTheme"; "required": false; }; "hideBuiltInErrors": { "alias": "hideBuiltInErrors"; "required": false; }; "hideLabelInErrors": { "alias": "hideLabelInErrors"; "required": false; }; "preventUserInput": { "alias": "preventUserInput"; "required": false; }; "companyColor": { "alias": "companyColor"; "required": false; }; "browserTimezone": { "alias": "browserTimezone"; "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; }; "setSingleDateRangeOnBlur": { "alias": "setSingleDateRangeOnBlur"; "required": false; }; "showInnerErrors": { "alias": "showInnerErrors"; "required": false; }; "innerErrorsMessage": { "alias": "innerErrorsMessage"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "required": { "alias": "required"; "required": false; }; "hintMessage": { "alias": "hintMessage"; "required": false; }; "updateOnBlur": { "alias": "updateOnBlur"; "required": false; }; "showBottomContent": { "alias": "showBottomContent"; "required": false; }; "fullWidth": { "alias": "fullWidth"; "required": false; }; "minDate": { "alias": "minDate"; "required": false; }; "maxDate": { "alias": "maxDate"; "required": false; }; "monthPicker": { "alias": "monthPicker"; "required": false; }; "applicationTheme": { "alias": "applicationTheme"; "required": false; }; "hideBuiltInErrors": { "alias": "hideBuiltInErrors"; "required": false; }; "hideLabelInErrors": { "alias": "hideLabelInErrors"; "required": false; }; "preventUserInput": { "alias": "preventUserInput"; "required": false; }; "companyColor": { "alias": "companyColor"; "required": false; }; "browserTimezone": { "alias": "browserTimezone"; "required": false; }; }, { "changed": "changed"; }, never, never, true, never>;
 }
 
 declare class CustomDateAdapter extends NativeDateAdapter {
@@ -265,7 +265,7 @@ declare class NoDateFormatDirective {
 
 declare class DatepickerComponentModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<DatepickerComponentModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<DatepickerComponentModule, [typeof DatepickerComponent], [typeof i2.CommonModule, typeof i3.MatFormFieldModule, typeof i4.MatInputModule, typeof i5.IconComponentModule, typeof i6.FormsModule, typeof i6.ReactiveFormsModule, typeof i7.MatDatepickerModule, typeof i8.MatNativeDateModule, typeof i9.UiTranslatePipe, typeof NoDateFormatDirective, typeof i9.HasValidationErrorPipe, typeof i11.ValidationErrorModule], [typeof DatepickerComponent]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<DatepickerComponentModule, never, [typeof i1.CommonModule, typeof i2.MatFormFieldModule, typeof i3.MatInputModule, typeof i4.IconComponentModule, typeof i5.FormsModule, typeof i5.ReactiveFormsModule, typeof i6.MatDatepickerModule, typeof i7.MatNativeDateModule, typeof i8.UiTranslatePipe, typeof NoDateFormatDirective, typeof i8.HasValidationErrorPipe, typeof i10.ValidationErrorModule, typeof DatepickerComponent], [typeof DatepickerComponent]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<DatepickerComponentModule>;
 }