@testgorilla/tgo-ui 8.19.0 → 9.0.0

package/components/navbar/index.d.ts

@@ -1,27 +1,27 @@
 import * as rxjs from 'rxjs';
+import { BreakpointObserver } from '@angular/cdk/layout';
 import * as i0 from '@angular/core';
 import { InputSignal, TemplateRef, EventEmitter, Signal, DestroyRef } from '@angular/core';
-import * as i9 from '@testgorilla/tgo-ui/components/icon';
-import { IconName } from '@testgorilla/tgo-ui/components/icon';
-import * as i15 from '@testgorilla/tgo-ui/components/badge';
-import { RebrandBadgeColor, BadgeVariant } from '@testgorilla/tgo-ui/components/badge';
-import * as i10 from '@testgorilla/tgo-ui/components/core';
+import * as i10 from '@testgorilla/tgo-ui/components/avatar';
+import { AvatarSize } from '@testgorilla/tgo-ui/components/avatar';
+import * as i9 from '@testgorilla/tgo-ui/components/core';
 import { ApplicationTheme } from '@testgorilla/tgo-ui/components/core';
 export { ApplicationTheme } from '@testgorilla/tgo-ui/components/core';
-import * as i12 from '@testgorilla/tgo-ui/components/side-sheet';
-import { SideSheetService } from '@testgorilla/tgo-ui/components/side-sheet';
-import { BreakpointObserver } from '@angular/cdk/layout';
-import * as i8 from '@testgorilla/tgo-ui/components/logo';
+import * as i7 from '@testgorilla/tgo-ui/components/logo';
 import { LogoTypeEnum } from '@testgorilla/tgo-ui/components/logo';
-import * as i11 from '@testgorilla/tgo-ui/components/avatar';
-import { AvatarSize } from '@testgorilla/tgo-ui/components/avatar';
-import * as i2 from '@angular/common';
-import * as i3 from '@angular/material/toolbar';
-import * as i4 from '@angular/material/icon';
-import * as i5 from '@angular/material/button';
-import * as i6 from '@angular/material/core';
-import * as i7 from '@angular/material/menu';
-import * as i13 from '@testgorilla/tgo-ui/components/button';
+import * as i11 from '@testgorilla/tgo-ui/components/side-sheet';
+import { SideSheetService } from '@testgorilla/tgo-ui/components/side-sheet';
+import * as i14 from '@testgorilla/tgo-ui/components/badge';
+import { RebrandBadgeColor, BadgeVariant } from '@testgorilla/tgo-ui/components/badge';
+import * as i8 from '@testgorilla/tgo-ui/components/icon';
+import { IconName } from '@testgorilla/tgo-ui/components/icon';
+import * as i1 from '@angular/common';
+import * as i2 from '@angular/material/toolbar';
+import * as i3 from '@angular/material/icon';
+import * as i4 from '@angular/material/button';
+import * as i5 from '@angular/material/core';
+import * as i6 from '@angular/material/menu';
+import * as i12 from '@testgorilla/tgo-ui/components/button';
 
 interface IRoute {
     id: string;
@@ -48,8 +48,8 @@ type ScreenSize = 'mobile' | 'tablet' | 'desktop';
 declare class NavbarComponent {
     private readonly breakpointObserver;
     private readonly defaultAppTheme;
-    private sideSheetService;
-    private destroyRef;
+    private readonly sideSheetService;
+    private readonly destroyRef;
     /**
      * Routes object
      *
@@ -101,20 +101,20 @@ declare class NavbarComponent {
      * @type {ApplicationTheme}
      * @memberof NavbarComponent
      */
-    contentTemplateRef: TemplateRef<any>;
+    contentTemplateRef: TemplateRef<unknown>;
     /**
      * Additional info template reference for the extra user info in the dropdown/sidesheet
-     * @type {TemplateRef<any>}
+     * @type {TemplateRef<unknown>}
      * @memberof NavbarComponent
      */
-    userInfoExtraTemplateRef: TemplateRef<any>;
+    userInfoExtraTemplateRef: TemplateRef<unknown>;
     /**
      * Custom content template reference for the menu section between user info and menu items.
      * Use this to add custom components like credits display.
-     * @type {TemplateRef<any>}
+     * @type {TemplateRef<unknown>}
      * @memberof NavbarComponent
      */
-    menuContentTemplateRef: TemplateRef<any>;
+    menuContentTemplateRef: TemplateRef<unknown>;
     /**
      * Mobile breakpoint
      * @type {number}
@@ -168,7 +168,7 @@ declare class NavbarComponent {
     onChangeMenuState(isOpened: boolean, screenSize: ScreenSize): void;
     protected readonly AvatarSize: typeof AvatarSize;
     static ɵfac: i0.ɵɵFactoryDeclaration<NavbarComponent, [null, { optional: true; }, null, null]>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<NavbarComponent, "ui-navbar", never, { "routes": { "alias": "routes"; "required": false; }; "activedRoute": { "alias": "activedRoute"; "required": false; "isSignal": true; }; "userName": { "alias": "userName"; "required": false; }; "email": { "alias": "email"; "required": false; }; "menuItems": { "alias": "menuItems"; "required": false; }; "applicationTheme": { "alias": "applicationTheme"; "required": false; }; "contentTemplateRef": { "alias": "contentTemplateRef"; "required": false; }; "userInfoExtraTemplateRef": { "alias": "userInfoExtraTemplateRef"; "required": false; }; "menuContentTemplateRef": { "alias": "menuContentTemplateRef"; "required": false; }; "mobileBreakpoint": { "alias": "mobileBreakpoint"; "required": false; }; "isAvatar": { "alias": "isAvatar"; "required": false; }; "menuClass": { "alias": "menuClass"; "required": false; }; }, { "navigateEvent": "navigateEvent"; "menuItemClicked": "menuItemClicked"; "logoutEvent": "logoutEvent"; "menuState": "menuState"; }, never, ["[actions]", "*"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<NavbarComponent, "ui-navbar", never, { "routes": { "alias": "routes"; "required": false; }; "activedRoute": { "alias": "activedRoute"; "required": false; "isSignal": true; }; "userName": { "alias": "userName"; "required": false; }; "email": { "alias": "email"; "required": false; }; "menuItems": { "alias": "menuItems"; "required": false; }; "applicationTheme": { "alias": "applicationTheme"; "required": false; }; "contentTemplateRef": { "alias": "contentTemplateRef"; "required": false; }; "userInfoExtraTemplateRef": { "alias": "userInfoExtraTemplateRef"; "required": false; }; "menuContentTemplateRef": { "alias": "menuContentTemplateRef"; "required": false; }; "mobileBreakpoint": { "alias": "mobileBreakpoint"; "required": false; }; "isAvatar": { "alias": "isAvatar"; "required": false; }; "menuClass": { "alias": "menuClass"; "required": false; }; }, { "navigateEvent": "navigateEvent"; "menuItemClicked": "menuItemClicked"; "logoutEvent": "logoutEvent"; "menuState": "menuState"; }, never, ["[actions]", "*"], true, never>;
 }
 
 declare class MobileNavbarSideSheetComponent {
@@ -177,9 +177,9 @@ declare class MobileNavbarSideSheetComponent {
     email: string;
     userName: string;
     menuItems: MenuItem[];
-    contentTemplateRef: TemplateRef<any>;
-    userInfoExtraTemplateRef: TemplateRef<any>;
-    menuContentTemplateRef: TemplateRef<any>;
+    contentTemplateRef: TemplateRef<unknown>;
+    userInfoExtraTemplateRef: TemplateRef<unknown>;
+    menuContentTemplateRef: TemplateRef<unknown>;
     isDesktop: boolean;
     applicationTheme: ApplicationTheme;
     navigateEvent: EventEmitter<string>;
@@ -197,7 +197,7 @@ declare class MobileNavbarSideSheetComponent {
 
 declare class NavbarComponentModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<NavbarComponentModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<NavbarComponentModule, [typeof NavbarComponent], [typeof i2.CommonModule, typeof i3.MatToolbarModule, typeof i4.MatIconModule, typeof i5.MatButtonModule, typeof i6.MatRippleModule, typeof i7.MatMenuModule, typeof i8.LogoComponentModule, typeof i9.IconComponentModule, typeof i10.UiTranslatePipe, typeof i11.AvatarComponentModule, typeof i12.SideSheetComponentModule, typeof i13.ButtonComponentModule, typeof MobileNavbarSideSheetComponent, typeof i15.BadgeComponentModule], [typeof NavbarComponent]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<NavbarComponentModule, never, [typeof i1.CommonModule, typeof i2.MatToolbarModule, typeof i3.MatIconModule, typeof i4.MatButtonModule, typeof i5.MatRippleModule, typeof i6.MatMenuModule, typeof i7.LogoComponentModule, typeof i8.IconComponentModule, typeof i9.UiTranslatePipe, typeof i10.AvatarComponentModule, typeof i11.SideSheetComponentModule, typeof i12.ButtonComponentModule, typeof MobileNavbarSideSheetComponent, typeof i14.BadgeComponentModule, typeof NavbarComponent], [typeof NavbarComponent]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<NavbarComponentModule>;
 }
 

package/components/overflow-menu/index.d.ts

@@ -1,18 +1,18 @@
 import * as i0 from '@angular/core';
-import { TemplateRef, OnInit, OnChanges, AfterViewInit, EventEmitter, QueryList, NgZone, SimpleChanges } from '@angular/core';
-import * as i4 from '@testgorilla/tgo-ui/components/icon';
-import { IconName } from '@testgorilla/tgo-ui/components/icon';
-import * as i5 from '@angular/material/menu';
+import { TemplateRef, OnInit, OnChanges, AfterViewInit, EventEmitter, QueryList, ElementRef, NgZone, SimpleChanges } from '@angular/core';
+import { FocusMonitor } from '@angular/cdk/a11y';
+import * as i4 from '@angular/material/menu';
 import { MenuPositionX, MenuPositionY, MatMenu, MatMenuTrigger } from '@angular/material/menu';
-import * as i3 from '@testgorilla/tgo-ui/components/button';
+import * as i2 from '@testgorilla/tgo-ui/components/button';
 import { ButtonColor, ButtonSize } from '@testgorilla/tgo-ui/components/button';
-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 { FocusMonitor } from '@angular/cdk/a11y';
-import * as i2 from '@angular/common';
-import * as i6 from '@angular/material/button';
-import * as i7 from '@angular/material/tooltip';
+import * as i3 from '@testgorilla/tgo-ui/components/icon';
+import { IconName } from '@testgorilla/tgo-ui/components/icon';
+import * as i1 from '@angular/common';
+import * as i5 from '@angular/material/button';
+import * as i6 from '@angular/material/tooltip';
 
 type OverflowMenuButtonsType = {
     icon?: IconName;
@@ -20,7 +20,7 @@ type OverflowMenuButtonsType = {
     isDestructive?: boolean;
     value: string;
     disabled?: boolean;
-    btnTemplate?: TemplateRef<any>;
+    btnTemplate?: TemplateRef<unknown>;
     subMenu?: OverflowMenuButtonsType[] | number;
     action?: number | string;
     describedby?: string;
@@ -45,8 +45,8 @@ type OverflowMenuButtonModify = OverflowMenuButtonsType & ButtonOptions;
 
 declare class OverflowMenuComponent implements OnInit, OnChanges, AfterViewInit {
     private readonly defaultAppTheme;
-    private focusMonitor;
-    private ngZone;
+    private readonly focusMonitor;
+    private readonly ngZone;
     /**
      * Menu buttons
      *
@@ -98,10 +98,10 @@ declare class OverflowMenuComponent implements OnInit, OnChanges, AfterViewInit
     /**
      * Custom template for the button (optional)
      *
-     * @type {TemplateRef<any>}
+     * @type {TemplateRef<unknown>}
      * @memberof OverflowMenuComponent
      */
-    contentTemplateRef: TemplateRef<any>;
+    contentTemplateRef: TemplateRef<unknown>;
     /**
      * Button variant for the overflow menu trigger
      * When null, uses the default icon rendering
@@ -125,13 +125,14 @@ declare class OverflowMenuComponent implements OnInit, OnChanges, AfterViewInit
     menuClosed: EventEmitter<void>;
     matmenus: QueryList<MatMenu>;
     matTrigger: QueryList<MatMenuTrigger>;
-    buttonElement: any;
+    buttonElement: ElementRef<HTMLElement>;
     menuItems: string[];
     submenus: Array<OverflowMenuButtonModify[]>;
     isMenuRendered: i0.WritableSignal<boolean>;
     isMenuOpened: i0.WritableSignal<boolean>;
     isFocused: i0.WritableSignal<boolean>;
     get menuItemHasHovered(): boolean;
+    private readonly destroyRef;
     constructor(defaultAppTheme: ApplicationTheme, focusMonitor: FocusMonitor, ngZone: NgZone);
     ngOnInit(): void;
     ngOnChanges(changes: SimpleChanges): void;
@@ -145,17 +146,17 @@ declare class OverflowMenuComponent implements OnInit, OnChanges, AfterViewInit
     onSubmenuOpened(): void;
     trackByButton: (_: number, btn: OverflowMenuButtonModify) => string | number;
     onButtonHover(button: OverflowMenuButtonModify, state: boolean): void;
-    getMenu(index: any): MatMenu | null;
+    getMenu(index: unknown): MatMenu | null;
     private reindex;
     private resetSubmenus;
     private createSubmenus;
     static ɵfac: i0.ɵɵFactoryDeclaration<OverflowMenuComponent, [{ optional: true; }, null, null]>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<OverflowMenuComponent, "ui-overflow-menu", never, { "buttons": { "alias": "buttons"; "required": false; }; "iconTrigger": { "alias": "iconTrigger"; "required": false; }; "menuLabel": { "alias": "menuLabel"; "required": false; }; "applicationTheme": { "alias": "applicationTheme"; "required": false; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; }; "ariaRequired": { "alias": "ariaRequired"; "required": false; }; "describedby": { "alias": "describedby"; "required": false; }; "contentTemplateRef": { "alias": "contentTemplateRef"; "required": false; }; "buttonVariant": { "alias": "buttonVariant"; "required": false; }; "buttonSize": { "alias": "buttonSize"; "required": false; }; "menuConfig": { "alias": "menuConfig"; "required": false; }; "isDynamicMenu": { "alias": "isDynamicMenu"; "required": false; }; "withRemovableOption": { "alias": "withRemovableOption"; "required": false; }; }, { "selectItem": "selectItem"; "menuOpened": "menuOpened"; "menuClosed": "menuClosed"; }, never, ["[menu-content]"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<OverflowMenuComponent, "ui-overflow-menu", never, { "buttons": { "alias": "buttons"; "required": false; }; "iconTrigger": { "alias": "iconTrigger"; "required": false; }; "menuLabel": { "alias": "menuLabel"; "required": false; }; "applicationTheme": { "alias": "applicationTheme"; "required": false; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; }; "ariaRequired": { "alias": "ariaRequired"; "required": false; }; "describedby": { "alias": "describedby"; "required": false; }; "contentTemplateRef": { "alias": "contentTemplateRef"; "required": false; }; "buttonVariant": { "alias": "buttonVariant"; "required": false; }; "buttonSize": { "alias": "buttonSize"; "required": false; }; "menuConfig": { "alias": "menuConfig"; "required": false; }; "isDynamicMenu": { "alias": "isDynamicMenu"; "required": false; }; "withRemovableOption": { "alias": "withRemovableOption"; "required": false; }; }, { "selectItem": "selectItem"; "menuOpened": "menuOpened"; "menuClosed": "menuClosed"; }, never, ["[menu-content]"], true, never>;
 }
 
 declare class OverflowMenuComponentModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<OverflowMenuComponentModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<OverflowMenuComponentModule, [typeof OverflowMenuComponent], [typeof i2.CommonModule, typeof i3.ButtonComponentModule, typeof i4.IconComponentModule, typeof i5.MatMenuModule, typeof i6.MatButtonModule, typeof i7.MatTooltipModule, typeof i8.EllipseTextDirective, typeof i8.UiTranslatePipe], [typeof OverflowMenuComponent]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<OverflowMenuComponentModule, never, [typeof i1.CommonModule, typeof i2.ButtonComponentModule, typeof i3.IconComponentModule, typeof i4.MatMenuModule, typeof i5.MatButtonModule, typeof i6.MatTooltipModule, typeof i7.EllipseTextDirective, typeof i7.UiTranslatePipe, typeof OverflowMenuComponent], [typeof OverflowMenuComponent]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<OverflowMenuComponentModule>;
 }
 

package/components/page-header/index.d.ts

@@ -1,11 +1,11 @@
 import * as i0 from '@angular/core';
 import { EventEmitter } from '@angular/core';
 import { Observable } from 'rxjs';
-import * as i4 from '@testgorilla/tgo-ui/components/core';
+import * as i3 from '@testgorilla/tgo-ui/components/core';
 import { ApplicationTheme } from '@testgorilla/tgo-ui/components/core';
 export { ApplicationTheme } from '@testgorilla/tgo-ui/components/core';
-import * as i2 from '@angular/common';
-import * as i3 from '@testgorilla/tgo-ui/components/button';
+import * as i1 from '@angular/common';
+import * as i2 from '@testgorilla/tgo-ui/components/button';
 
 declare class PageHeaderComponent {
     private readonly defaultAppTheme;
@@ -38,13 +38,13 @@ declare class PageHeaderComponent {
     constructor(defaultAppTheme: ApplicationTheme, isMobile$: Observable<boolean>);
     protected onBack(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<PageHeaderComponent, [{ optional: true; }, null]>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<PageHeaderComponent, "ui-page-header", never, { "showBackButton": { "alias": "showBackButton"; "required": false; }; "tooltip": { "alias": "tooltip"; "required": false; }; "applicationTheme": { "alias": "applicationTheme"; "required": false; }; }, { "back": "back"; }, never, ["[content]", "[right-side]"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<PageHeaderComponent, "ui-page-header", never, { "showBackButton": { "alias": "showBackButton"; "required": false; }; "tooltip": { "alias": "tooltip"; "required": false; }; "applicationTheme": { "alias": "applicationTheme"; "required": false; }; }, { "back": "back"; }, never, ["[content]", "[right-side]"], true, never>;
     static ngAcceptInputType_showBackButton: unknown;
 }
 
 declare class PageHeaderModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<PageHeaderModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<PageHeaderModule, [typeof PageHeaderComponent], [typeof i2.CommonModule, typeof i3.ButtonComponentModule, typeof i4.UiTranslatePipe], [typeof PageHeaderComponent]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<PageHeaderModule, never, [typeof i1.CommonModule, typeof i2.ButtonComponentModule, typeof i3.UiTranslatePipe, typeof PageHeaderComponent], [typeof PageHeaderComponent]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<PageHeaderModule>;
 }
 

package/components/paginator/index.d.ts

@@ -1,10 +1,10 @@
 import * as i0 from '@angular/core';
 import { EventEmitter } from '@angular/core';
-import * as i3 from '@angular/material/paginator';
+import * as i2 from '@angular/material/paginator';
 import { PageEvent, MatPaginatorSelectConfig } from '@angular/material/paginator';
 import { ApplicationTheme } from '@testgorilla/tgo-ui/components/core';
 export { ApplicationTheme } from '@testgorilla/tgo-ui/components/core';
-import * as i2 from '@angular/common';
+import * as i1 from '@angular/common';
 
 declare class PaginatorComponent {
     private readonly defaultAppTheme;
@@ -58,12 +58,12 @@ declare class PaginatorComponent {
     constructor(defaultAppTheme: ApplicationTheme);
     onPaginatorChange(paginator: PageEvent): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<PaginatorComponent, [{ optional: true; }]>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<PaginatorComponent, "ui-paginator", never, { "pageSizeOptions": { "alias": "pageSizeOptions"; "required": false; }; "length": { "alias": "length"; "required": false; }; "pageSize": { "alias": "pageSize"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "applicationTheme": { "alias": "applicationTheme"; "required": false; }; "currentPage": { "alias": "currentPage"; "required": false; }; }, { "paginatorChange": "paginatorChange"; }, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<PaginatorComponent, "ui-paginator", never, { "pageSizeOptions": { "alias": "pageSizeOptions"; "required": false; }; "length": { "alias": "length"; "required": false; }; "pageSize": { "alias": "pageSize"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "applicationTheme": { "alias": "applicationTheme"; "required": false; }; "currentPage": { "alias": "currentPage"; "required": false; }; }, { "paginatorChange": "paginatorChange"; }, never, never, true, never>;
 }
 
 declare class PaginatorComponentModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<PaginatorComponentModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<PaginatorComponentModule, [typeof PaginatorComponent], [typeof i2.CommonModule, typeof i3.MatPaginatorModule], [typeof PaginatorComponent]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<PaginatorComponentModule, never, [typeof i1.CommonModule, typeof i2.MatPaginatorModule, typeof PaginatorComponent], [typeof PaginatorComponent]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<PaginatorComponentModule>;
 }
 

package/components/password-criteria/index.d.ts

@@ -1,12 +1,12 @@
 import * as i0 from '@angular/core';
 import { EventEmitter, ElementRef, DestroyRef } from '@angular/core';
-import * as i4 from '@angular/forms';
+import * as i3 from '@angular/forms';
 import { ControlValueAccessor, FormControl } from '@angular/forms';
-import * as i2 from '@angular/common';
-import * as i3 from '@testgorilla/tgo-ui/components/field';
-import * as i5 from '@testgorilla/tgo-ui/components/icon';
-import * as i6 from '@testgorilla/tgo-ui/components/progress-bar';
-import * as i7 from '@testgorilla/tgo-ui/components/core';
+import * as i1 from '@angular/common';
+import * as i2 from '@testgorilla/tgo-ui/components/field';
+import * as i4 from '@testgorilla/tgo-ui/components/icon';
+import * as i5 from '@testgorilla/tgo-ui/components/progress-bar';
+import * as i6 from '@testgorilla/tgo-ui/components/core';
 export { ApplicationTheme } from '@testgorilla/tgo-ui/components/core';
 
 declare class PasswordComponent implements ControlValueAccessor {
@@ -41,19 +41,20 @@ declare class PasswordComponent implements ControlValueAccessor {
     constructor(destroyRef: DestroyRef);
     checkCriteria(): void;
     countPassed(): number;
-    onChange: (_v: any) => void;
+    onChange: (_v: string) => void;
     onTouch: () => void;
-    writeValue(obj: any): void;
-    registerOnChange(fn: any): void;
-    registerOnTouched(fn: any): void;
+    private readonly cdr;
+    writeValue(obj?: string | null): void;
+    registerOnChange(fn: (value: string) => void): void;
+    registerOnTouched(fn: () => void): void;
     get allRequirementsMet(): boolean;
     static ɵfac: i0.ɵɵFactoryDeclaration<PasswordComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<PasswordComponent, "ui-password-criteria", never, { "showCriteria": { "alias": "showCriteria"; "required": false; }; "required": { "alias": "required"; "required": false; }; }, { "passwordChange": "passwordChange"; "allCriteriaPassed": "allCriteriaPassed"; }, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<PasswordComponent, "ui-password-criteria", never, { "showCriteria": { "alias": "showCriteria"; "required": false; }; "required": { "alias": "required"; "required": false; }; }, { "passwordChange": "passwordChange"; "allCriteriaPassed": "allCriteriaPassed"; }, never, never, true, never>;
 }
 
 declare class PasswordComponentModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<PasswordComponentModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<PasswordComponentModule, [typeof PasswordComponent], [typeof i2.CommonModule, typeof i3.FieldComponentModule, typeof i4.ReactiveFormsModule, typeof i5.IconComponentModule, typeof i6.ProgressBarComponentModule, typeof i7.UiTranslatePipe], [typeof PasswordComponent]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<PasswordComponentModule, never, [typeof i1.CommonModule, typeof i2.FieldComponentModule, typeof i3.ReactiveFormsModule, typeof i4.IconComponentModule, typeof i5.ProgressBarComponentModule, typeof i6.UiTranslatePipe, typeof PasswordComponent], [typeof PasswordComponent]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<PasswordComponentModule>;
 }
 

package/components/password-strength/index.d.ts

@@ -1,12 +1,12 @@
 import * as i0 from '@angular/core';
 import { EventEmitter } from '@angular/core';
-import * as i5 from '@testgorilla/tgo-ui/components/core';
+import * as i4 from '@testgorilla/tgo-ui/components/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 { IconName } from '@testgorilla/tgo-ui/components/icon';
-import * as i2 from '@angular/common';
-import * as i4 from '@testgorilla/tgo-ui/components/progress-bar';
+import * as i1 from '@angular/common';
+import * as i3 from '@testgorilla/tgo-ui/components/progress-bar';
 
 declare class PasswordStrengthComponent {
     private readonly defaultAppTheme;
@@ -48,12 +48,12 @@ declare class PasswordStrengthComponent {
     get infoIcon(): IconName;
     get checkIcon(): IconName;
     static ɵfac: i0.ɵɵFactoryDeclaration<PasswordStrengthComponent, [{ optional: true; }]>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<PasswordStrengthComponent, "ui-password-strength", never, { "applicationTheme": { "alias": "applicationTheme"; "required": false; }; "password": { "alias": "password"; "required": false; }; }, { "validationCheck": "validationCheck"; }, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<PasswordStrengthComponent, "ui-password-strength", never, { "applicationTheme": { "alias": "applicationTheme"; "required": false; }; "password": { "alias": "password"; "required": false; }; }, { "validationCheck": "validationCheck"; }, never, never, true, never>;
 }
 
 declare class PasswordStrengthComponentModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<PasswordStrengthComponentModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<PasswordStrengthComponentModule, [typeof PasswordStrengthComponent], [typeof i2.CommonModule, typeof i3.IconComponentModule, typeof i4.ProgressBarComponentModule, typeof i5.UiTranslatePipe], [typeof PasswordStrengthComponent]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<PasswordStrengthComponentModule, never, [typeof i1.CommonModule, typeof i2.IconComponentModule, typeof i3.ProgressBarComponentModule, typeof i4.UiTranslatePipe, typeof PasswordStrengthComponent], [typeof PasswordStrengthComponent]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<PasswordStrengthComponentModule>;
 }
 

package/components/phone-input/index.d.ts

@@ -1,22 +1,20 @@
-import { FocusMonitor } from '@angular/cdk/a11y';
 import * as i0 from '@angular/core';
-import { OnInit, OnDestroy, DoCheck, ElementRef, ChangeDetectorRef, PipeTransform } from '@angular/core';
-import * as i5 from '@angular/forms';
-import { ControlValueAccessor, NgControl, UntypedFormGroup, UntypedFormControl, UntypedFormBuilder } from '@angular/forms';
-import { ErrorStateMatcher } from '@angular/material/core';
+import { OnInit, OnDestroy, DoCheck, ElementRef, PipeTransform } from '@angular/core';
+import * as i3 from '@angular/forms';
+import { ControlValueAccessor, NgControl, UntypedFormGroup, UntypedFormControl } from '@angular/forms';
 import { Observable, BehaviorSubject, Subject } from 'rxjs';
-import * as i12 from '@testgorilla/tgo-ui/components/core';
+import * as i10 from '@testgorilla/tgo-ui/components/core';
 import { ApplicationTheme } from '@testgorilla/tgo-ui/components/core';
 export { ApplicationTheme } from '@testgorilla/tgo-ui/components/core';
-import * as i3 from '@angular/common';
-import * as i4 from '@angular/material/progress-spinner';
-import * as i6 from '@angular/material/select';
-import * as i7 from '@angular/material/icon';
-import * as i8 from '@angular/material/input';
-import * as i9 from 'ngx-mat-select-search';
-import * as i10 from '@testgorilla/tgo-ui/components/icon';
-import * as i11 from '@testgorilla/tgo-ui/components/spinner';
-import * as i13 from '@testgorilla/tgo-ui/components/validation-error';
+import * as i1 from '@angular/common';
+import * as i2 from '@angular/material/progress-spinner';
+import * as i4 from '@angular/material/select';
+import * as i5 from '@angular/material/icon';
+import * as i6 from '@angular/material/input';
+import * as i7 from 'ngx-mat-select-search';
+import * as i8 from '@testgorilla/tgo-ui/components/icon';
+import * as i9 from '@testgorilla/tgo-ui/components/spinner';
+import * as i11 from '@testgorilla/tgo-ui/components/validation-error';
 
 /**
  * Country interface ISO 3166 (minus numeric code and alpha3Code)
@@ -28,12 +26,6 @@ interface UICountry {
 }
 
 declare class PhoneInputComponent implements OnInit, OnDestroy, ControlValueAccessor, DoCheck {
-    ngControl: NgControl;
-    private errorMatcher;
-    private fb;
-    private focusMonitor;
-    private ref;
-    private readonly defaultAppTheme;
     /**
      * Phone number
      *
@@ -41,6 +33,7 @@ declare class PhoneInputComponent implements OnInit, OnDestroy, ControlValueAcce
      * @memberof PhoneInputComponent
      */
     set value(value: string);
+    get value(): string;
     /**
      * Country list for select
      *
@@ -55,6 +48,7 @@ declare class PhoneInputComponent implements OnInit, OnDestroy, ControlValueAcce
      * @memberof PhoneInputComponent
      */
     set placeholder(value: string);
+    get placeholder(): string;
     /**
      * Determines if input is disabled
      *
@@ -107,8 +101,14 @@ declare class PhoneInputComponent implements OnInit, OnDestroy, ControlValueAcce
      */
     hideLabelInErrors: boolean;
     static nextId: number;
-    private countries;
+    private readonly countries;
     protected countries$: Observable<UICountry[]>;
+    ngControl: NgControl | null;
+    private readonly errorMatcher;
+    private readonly fb;
+    private readonly focusMonitor;
+    private readonly ref;
+    private readonly defaultAppTheme;
     form: UntypedFormGroup;
     protected controlType: string;
     protected userAriaDescribedBy?: string;
@@ -126,14 +126,12 @@ declare class PhoneInputComponent implements OnInit, OnDestroy, ControlValueAcce
     describedBy: string;
     get empty(): boolean;
     get errorState(): boolean;
-    get value(): string;
-    get placeholder(): string;
     private initialValue;
     private readonly DEFAULT_COUNTRY_CODE;
     private internalPlaceholder;
     protected selectedCountry: UICountry;
-    private unsubscribeAll$;
-    constructor(ngControl: NgControl, errorMatcher: ErrorStateMatcher, fb: UntypedFormBuilder, focusMonitor: FocusMonitor, ref: ChangeDetectorRef, defaultAppTheme: ApplicationTheme);
+    private readonly destroyRef;
+    constructor();
     /**
      * 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)
@@ -161,19 +159,19 @@ declare class PhoneInputComponent implements OnInit, OnDestroy, ControlValueAcce
     private loadCountries;
     disableClick(ev: Event): void;
     trackByFn: (index: number, value: string) => string;
-    static ɵfac: i0.ɵɵFactoryDeclaration<PhoneInputComponent, [{ optional: true; self: true; }, null, null, null, null, { optional: true; }]>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<PhoneInputComponent, "ui-phone-input", never, { "value": { "alias": "value"; "required": false; }; "countryList": { "alias": "countryList"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "required": { "alias": "required"; "required": false; }; "applicationTheme": { "alias": "applicationTheme"; "required": false; }; "fullWidth": { "alias": "fullWidth"; "required": false; }; "errors": { "alias": "errors"; "required": false; }; "hideBuiltInErrors": { "alias": "hideBuiltInErrors"; "required": false; }; "hideLabelInErrors": { "alias": "hideLabelInErrors"; "required": false; }; }, {}, never, never, false, never>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<PhoneInputComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<PhoneInputComponent, "ui-phone-input", never, { "value": { "alias": "value"; "required": false; }; "countryList": { "alias": "countryList"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "required": { "alias": "required"; "required": false; }; "applicationTheme": { "alias": "applicationTheme"; "required": false; }; "fullWidth": { "alias": "fullWidth"; "required": false; }; "errors": { "alias": "errors"; "required": false; }; "hideBuiltInErrors": { "alias": "hideBuiltInErrors"; "required": false; }; "hideLabelInErrors": { "alias": "hideLabelInErrors"; "required": false; }; }, {}, never, never, true, never>;
 }
 
 declare class JoinStringsPipe implements PipeTransform {
     transform(value: string[], separator?: string): string;
     static ɵfac: i0.ɵɵFactoryDeclaration<JoinStringsPipe, never>;
-    static ɵpipe: i0.ɵɵPipeDeclaration<JoinStringsPipe, "joinStrings", false>;
+    static ɵpipe: i0.ɵɵPipeDeclaration<JoinStringsPipe, "joinStrings", true>;
 }
 
 declare class PhoneInputComponentModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<PhoneInputComponentModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<PhoneInputComponentModule, [typeof PhoneInputComponent, typeof JoinStringsPipe], [typeof i3.CommonModule, typeof i4.MatProgressSpinnerModule, typeof i5.ReactiveFormsModule, typeof i6.MatSelectModule, typeof i7.MatIconModule, typeof i8.MatInputModule, typeof i9.NgxMatSelectSearchModule, typeof i10.IconComponentModule, typeof i11.SpinnerComponentModule, typeof i12.UiTranslatePipe, typeof i13.ValidationErrorModule, typeof i12.HasValidationErrorPipe], [typeof PhoneInputComponent]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<PhoneInputComponentModule, never, [typeof i1.CommonModule, typeof i2.MatProgressSpinnerModule, typeof i3.ReactiveFormsModule, typeof i4.MatSelectModule, typeof i5.MatIconModule, typeof i6.MatInputModule, typeof i7.NgxMatSelectSearchModule, typeof i8.IconComponentModule, typeof i9.SpinnerComponentModule, typeof i10.UiTranslatePipe, typeof i11.ValidationErrorModule, typeof i10.HasValidationErrorPipe, typeof PhoneInputComponent, typeof JoinStringsPipe], [typeof PhoneInputComponent]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<PhoneInputComponentModule>;
 }
 

package/components/progress-bar/index.d.ts

@@ -1,11 +1,11 @@
 import * as i0 from '@angular/core';
 import { OnInit } from '@angular/core';
-import * as i3 from '@angular/material/progress-bar';
+import * as i2 from '@angular/material/progress-bar';
 import { ProgressBarMode } from '@angular/material/progress-bar';
-import * as i4 from '@testgorilla/tgo-ui/components/core';
+import * as i3 from '@testgorilla/tgo-ui/components/core';
 import { ApplicationTheme } from '@testgorilla/tgo-ui/components/core';
 export { ApplicationTheme } from '@testgorilla/tgo-ui/components/core';
-import * as i2 from '@angular/common';
+import * as i1 from '@angular/common';
 
 declare class ProgressBarComponent implements OnInit {
     private readonly defaultAppTheme;
@@ -74,12 +74,12 @@ declare class ProgressBarComponent implements OnInit {
     constructor(defaultAppTheme: ApplicationTheme);
     ngOnInit(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<ProgressBarComponent, [{ optional: true; }]>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ProgressBarComponent, "ui-progress-bar", never, { "companyColor": { "alias": "companyColor"; "required": false; }; "progress": { "alias": "progress"; "required": false; }; "mode": { "alias": "mode"; "required": false; }; "buffer": { "alias": "buffer"; "required": false; }; "applicationTheme": { "alias": "applicationTheme"; "required": false; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; }; "ariaDescribedBy": { "alias": "ariaDescribedBy"; "required": false; }; "showPercentage": { "alias": "showPercentage"; "required": false; }; }, {}, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ProgressBarComponent, "ui-progress-bar", never, { "companyColor": { "alias": "companyColor"; "required": false; }; "progress": { "alias": "progress"; "required": false; }; "mode": { "alias": "mode"; "required": false; }; "buffer": { "alias": "buffer"; "required": false; }; "applicationTheme": { "alias": "applicationTheme"; "required": false; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; }; "ariaDescribedBy": { "alias": "ariaDescribedBy"; "required": false; }; "showPercentage": { "alias": "showPercentage"; "required": false; }; }, {}, never, never, true, never>;
 }
 
 declare class ProgressBarComponentModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<ProgressBarComponentModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<ProgressBarComponentModule, [typeof ProgressBarComponent], [typeof i2.CommonModule, typeof i3.MatProgressBarModule, typeof i4.UiTranslatePipe], [typeof ProgressBarComponent]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<ProgressBarComponentModule, never, [typeof i1.CommonModule, typeof i2.MatProgressBarModule, typeof i3.UiTranslatePipe, typeof ProgressBarComponent], [typeof ProgressBarComponent]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<ProgressBarComponentModule>;
 }