@testgorilla/tgo-ui 8.19.1 → 9.0.0

package/components/side-sheet/index.d.ts

@@ -1,19 +1,20 @@
 import * as rxjs from 'rxjs';
 import { Observable } from 'rxjs';
 import * as i0 from '@angular/core';
-import { ApplicationRef, OnInit, EventEmitter, ViewContainerRef, DestroyRef } from '@angular/core';
-import * as i6 from '@angular/material/sidenav';
+import { Type, ComponentRef, ApplicationRef, OnInit, EventEmitter, ViewContainerRef, DestroyRef, ChangeDetectorRef } from '@angular/core';
+import * as i5 from '@angular/material/sidenav';
 import { MatDrawer } from '@angular/material/sidenav';
-import * as i7 from '@testgorilla/tgo-ui/components/core';
+import * as i6 from '@testgorilla/tgo-ui/components/core';
 import { ApplicationTheme } from '@testgorilla/tgo-ui/components/core';
-import * as i2 from '@angular/common';
-import * as i3 from '@testgorilla/tgo-ui/components/icon';
-import * as i4 from '@testgorilla/tgo-ui/components/button';
-import * as i5 from '@angular/material/tooltip';
-import * as i8 from '@testgorilla/tgo-ui/components/logo';
+import * as i1 from '@angular/common';
+import * as i2 from '@testgorilla/tgo-ui/components/icon';
+import * as i3 from '@testgorilla/tgo-ui/components/button';
+import * as i4 from '@angular/material/tooltip';
+import * as i7 from '@testgorilla/tgo-ui/components/logo';
 
 interface SideSheetConfig {
-    componentRef: any;
+    /** A component class on input; replaced with its created ComponentRef by SideSheetService.open. */
+    componentRef: Type<unknown> | ComponentRef<unknown>;
     title?: string;
     showLogo?: boolean;
     showBackButton?: boolean;
@@ -23,8 +24,8 @@ interface SideSheetConfig {
 type SideSheetPosition = 'start' | 'end';
 
 declare class SideSheetService {
-    private applicationRef;
-    private componentRef$;
+    private readonly applicationRef;
+    private readonly componentRef$;
     constructor(applicationRef: ApplicationRef);
     open<T>(config: SideSheetConfig): T;
     close(): void;
@@ -35,8 +36,9 @@ declare class SideSheetService {
 
 declare class SideSheetComponent implements OnInit {
     private readonly defaultAppTheme;
-    private sideSheetService;
-    private destroyRef;
+    private readonly sideSheetService;
+    private readonly destroyRef;
+    private readonly cdr;
     /**
      * Set position. Defaults "end"
      *
@@ -61,19 +63,19 @@ declare class SideSheetComponent implements OnInit {
     protected showTitleTooltip: boolean;
     protected showLogo: boolean;
     protected componentRef$: rxjs.Observable<SideSheetConfig | null>;
-    constructor(defaultAppTheme: ApplicationTheme, sideSheetService: SideSheetService, destroyRef: DestroyRef);
+    constructor(defaultAppTheme: ApplicationTheme, sideSheetService: SideSheetService, destroyRef: DestroyRef, cdr: ChangeDetectorRef);
     ngOnInit(): void;
     private setComponentRef;
     private setConfig;
     protected onClose(): void;
     onOpenChange(isOpened: boolean): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<SideSheetComponent, [{ optional: true; }, null, null]>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<SideSheetComponent, "ui-side-sheet", never, { "position": { "alias": "position"; "required": false; }; "applicationTheme": { "alias": "applicationTheme"; "required": false; }; }, { "openChange": "openChange"; }, never, ["*"], false, never>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SideSheetComponent, [{ optional: true; }, null, null, null]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SideSheetComponent, "ui-side-sheet", never, { "position": { "alias": "position"; "required": false; }; "applicationTheme": { "alias": "applicationTheme"; "required": false; }; }, { "openChange": "openChange"; }, never, ["*"], true, never>;
 }
 
 declare class SideSheetComponentModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<SideSheetComponentModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<SideSheetComponentModule, [typeof SideSheetComponent], [typeof i2.CommonModule, typeof i3.IconComponentModule, typeof i4.ButtonComponentModule, typeof i5.MatTooltipModule, typeof i6.MatSidenavModule, typeof i7.UiTranslatePipe, typeof i8.LogoComponentModule], [typeof SideSheetComponent]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<SideSheetComponentModule, never, [typeof i1.CommonModule, typeof i2.IconComponentModule, typeof i3.ButtonComponentModule, typeof i4.MatTooltipModule, typeof i5.MatSidenavModule, typeof i6.UiTranslatePipe, typeof i7.LogoComponentModule, typeof SideSheetComponent], [typeof SideSheetComponent]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<SideSheetComponentModule>;
 }
 

package/components/snackbar/index.d.ts

@@ -1,16 +1,16 @@
 import * as i0 from '@angular/core';
-import { OnInit } from '@angular/core';
+import { OnInit, ChangeDetectorRef } from '@angular/core';
 import * as _angular_material_snack_bar from '@angular/material/snack-bar';
 import { MatSnackBarRef, MatSnackBar } from '@angular/material/snack-bar';
-import * as i4 from '@testgorilla/tgo-ui/components/icon';
-import { IconName } from '@testgorilla/tgo-ui/components/icon';
-import * as i5 from '@testgorilla/tgo-ui/components/core';
+import { LinkTargetType } from '@testgorilla/tgo-ui/components/alert-banner';
+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 { LinkTargetType } from '@testgorilla/tgo-ui/components/alert-banner';
-import * as i2 from '@angular/common';
-import * as i3 from '@testgorilla/tgo-ui/components/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 i2 from '@testgorilla/tgo-ui/components/button';
+import * as i6 from '@angular/material/tooltip';
 
 type SnackbarType = 'success' | 'error' | 'info' | 'warning';
 type SnackbarVariant = 'desktop' | 'mobile';
@@ -22,8 +22,9 @@ interface SnackbarLink {
 
 declare class SnackbarComponent implements OnInit {
     private readonly defaultAppTheme;
-    private data;
-    private snackbarRef;
+    private readonly data;
+    private readonly snackbarRef;
+    private readonly cdr;
     /**
      * Background color of the button while in active state
      *
@@ -127,7 +128,7 @@ declare class SnackbarComponent implements OnInit {
         applicationTheme?: ApplicationTheme;
         html?: string;
         seconds?: number;
-    }, snackbarRef: MatSnackBarRef<SnackbarComponent>);
+    }, snackbarRef: MatSnackBarRef<SnackbarComponent>, cdr: ChangeDetectorRef);
     ngOnInit(): void;
     show(): void;
     hide(): void;
@@ -136,18 +137,18 @@ declare class SnackbarComponent implements OnInit {
     dismissClick(): void;
     onLinkClick(event: Event): void;
     private dismissSnackbar;
-    static ɵfac: i0.ɵɵFactoryDeclaration<SnackbarComponent, [{ optional: true; }, null, null]>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<SnackbarComponent, "ui-snackbar", never, { "snackbarType": { "alias": "snackbarType"; "required": false; }; "message": { "alias": "message"; "required": false; }; "html": { "alias": "html"; "required": false; }; "seconds": { "alias": "seconds"; "required": false; }; "includeDismissButton": { "alias": "includeDismissButton"; "required": false; }; "fixed": { "alias": "fixed"; "required": false; }; "linkText": { "alias": "linkText"; "required": false; }; "linkUrl": { "alias": "linkUrl"; "required": false; }; "linkTarget": { "alias": "linkTarget"; "required": false; }; "variant": { "alias": "variant"; "required": false; }; "applicationTheme": { "alias": "applicationTheme"; "required": false; }; "closeButtonTooltip": { "alias": "closeButtonTooltip"; "required": false; }; "ariaDescribedby": { "alias": "ariaDescribedby"; "required": false; }; }, {}, never, never, false, never>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SnackbarComponent, [{ optional: true; }, null, null, null]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SnackbarComponent, "ui-snackbar", never, { "snackbarType": { "alias": "snackbarType"; "required": false; }; "message": { "alias": "message"; "required": false; }; "html": { "alias": "html"; "required": false; }; "seconds": { "alias": "seconds"; "required": false; }; "includeDismissButton": { "alias": "includeDismissButton"; "required": false; }; "fixed": { "alias": "fixed"; "required": false; }; "linkText": { "alias": "linkText"; "required": false; }; "linkUrl": { "alias": "linkUrl"; "required": false; }; "linkTarget": { "alias": "linkTarget"; "required": false; }; "variant": { "alias": "variant"; "required": false; }; "applicationTheme": { "alias": "applicationTheme"; "required": false; }; "closeButtonTooltip": { "alias": "closeButtonTooltip"; "required": false; }; "ariaDescribedby": { "alias": "ariaDescribedby"; "required": false; }; }, {}, never, never, true, never>;
 }
 
 declare class SnackbarComponentModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<SnackbarComponentModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<SnackbarComponentModule, [typeof SnackbarComponent], [typeof i2.CommonModule, typeof i3.ButtonComponentModule, typeof i4.IconComponentModule, typeof i5.UiTranslatePipe, typeof _angular_material_snack_bar.MatSnackBarModule, typeof i7.MatTooltipModule], [typeof SnackbarComponent]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<SnackbarComponentModule, never, [typeof i1.CommonModule, typeof i2.ButtonComponentModule, typeof i3.IconComponentModule, typeof i4.UiTranslatePipe, typeof _angular_material_snack_bar.MatSnackBarModule, typeof i6.MatTooltipModule, typeof SnackbarComponent], [typeof SnackbarComponent]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<SnackbarComponentModule>;
 }
 
 declare class SnackbarService {
-    private snackBar;
+    private readonly snackBar;
     constructor(snackBar: MatSnackBar);
     error(message: string, applicationTheme?: ApplicationTheme, html?: string, link?: SnackbarLink, seconds?: number): _angular_material_snack_bar.MatSnackBarRef<SnackbarComponent>;
     success(message: string, applicationTheme?: ApplicationTheme, html?: string, link?: SnackbarLink, seconds?: number): _angular_material_snack_bar.MatSnackBarRef<SnackbarComponent>;

package/components/spider-chart/index.d.ts

@@ -1,13 +1,13 @@
 import * as i0 from '@angular/core';
 import { OnInit, AfterViewInit, QueryList, ElementRef } from '@angular/core';
-import * as i3 from '@testgorilla/tgo-ui/components/core';
-import { ApplicationTheme } from '@testgorilla/tgo-ui/components/core';
 import { ChartData, ChartOptions } from 'chart.js';
-import * as i4 from 'ng2-charts';
+import * as i3 from 'ng2-charts';
 import { BaseChartDirective } from 'ng2-charts';
-import * as i2 from '@angular/common';
-import * as i5 from '@angular/material/tooltip';
-import * as i6 from '@testgorilla/tgo-ui/components/spinner';
+import * as i2 from '@testgorilla/tgo-ui/components/core';
+import { ApplicationTheme } from '@testgorilla/tgo-ui/components/core';
+import * as i1 from '@angular/common';
+import * as i4 from '@angular/material/tooltip';
+import * as i5 from '@testgorilla/tgo-ui/components/spinner';
 
 type SpiderChartSize = 'large' | 'small';
 declare const SmallSpiderChartSize = 200;
@@ -62,10 +62,10 @@ declare class SpiderChartComponent implements OnInit, AfterViewInit {
      */
     applicationTheme: ApplicationTheme;
     chart: BaseChartDirective;
-    labelContainers: QueryList<ElementRef>;
-    fakeDataPoints: QueryList<ElementRef>;
-    fakeDataPointsSecondary: QueryList<ElementRef>;
-    legendItems: QueryList<ElementRef>;
+    labelContainers: QueryList<ElementRef<HTMLElement>>;
+    fakeDataPoints: QueryList<ElementRef<HTMLElement>>;
+    fakeDataPointsSecondary: QueryList<ElementRef<HTMLElement>>;
+    legendItems: QueryList<ElementRef<HTMLElement>>;
     radarChartData: ChartData<'radar'>;
     radarChartOptions: ChartOptions<'radar'>;
     labelPositions: {
@@ -113,12 +113,12 @@ declare class SpiderChartComponent implements OnInit, AfterViewInit {
     getFirstLine(label: string): string;
     getSecondLine(label: string): string;
     static ɵfac: i0.ɵɵFactoryDeclaration<SpiderChartComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<SpiderChartComponent, "ui-spider-chart", never, { "size": { "alias": "size"; "required": false; }; "spiderChartData": { "alias": "spiderChartData"; "required": false; }; "stepSize": { "alias": "stepSize"; "required": false; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; }; "loading": { "alias": "loading"; "required": false; }; "applicationTheme": { "alias": "applicationTheme"; "required": false; }; }, {}, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SpiderChartComponent, "ui-spider-chart", never, { "size": { "alias": "size"; "required": false; }; "spiderChartData": { "alias": "spiderChartData"; "required": false; }; "stepSize": { "alias": "stepSize"; "required": false; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; }; "loading": { "alias": "loading"; "required": false; }; "applicationTheme": { "alias": "applicationTheme"; "required": false; }; }, {}, never, never, true, never>;
 }
 
 declare class SpiderChartComponentModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<SpiderChartComponentModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<SpiderChartComponentModule, [typeof SpiderChartComponent], [typeof i2.NgClass, typeof i3.UiTranslatePipe, typeof i4.BaseChartDirective, typeof i5.MatTooltipModule, typeof i3.UiTranslatePipe, typeof i3.MemoizeFuncPipe, typeof i6.SpinnerComponentModule, typeof i2.CommonModule], [typeof SpiderChartComponent]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<SpiderChartComponentModule, never, [typeof i1.NgClass, typeof i2.UiTranslatePipe, typeof i3.BaseChartDirective, typeof i4.MatTooltipModule, typeof i2.MemoizeFuncPipe, typeof i5.SpinnerComponentModule, typeof i1.CommonModule, typeof SpiderChartComponent], [typeof SpiderChartComponent]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<SpiderChartComponentModule>;
 }
 

package/components/spinner/index.d.ts

@@ -1,11 +1,11 @@
 import * as i0 from '@angular/core';
 import { OnInit, OnChanges } from '@angular/core';
-import * as i3 from '@testgorilla/tgo-ui/components/core';
+import * as i2 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, IconSize } from '@testgorilla/tgo-ui/components/icon';
-import * as i2 from '@angular/common';
+import * as i1 from '@angular/common';
 
 type SpinnerSize = 'large' | 'small';
 
@@ -61,12 +61,12 @@ declare class SpinnerComponent implements OnInit, OnChanges {
     ngOnInit(): void;
     setSpinnerClasses(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<SpinnerComponent, [{ optional: true; }]>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<SpinnerComponent, "ui-spinner", never, { "size": { "alias": "size"; "required": false; }; "isLoader": { "alias": "isLoader"; "required": false; }; "text": { "alias": "text"; "required": false; }; "applicationTheme": { "alias": "applicationTheme"; "required": false; }; "iconName": { "alias": "iconName"; "required": false; }; "iconSize": { "alias": "iconSize"; "required": false; }; }, {}, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SpinnerComponent, "ui-spinner", never, { "size": { "alias": "size"; "required": false; }; "isLoader": { "alias": "isLoader"; "required": false; }; "text": { "alias": "text"; "required": false; }; "applicationTheme": { "alias": "applicationTheme"; "required": false; }; "iconName": { "alias": "iconName"; "required": false; }; "iconSize": { "alias": "iconSize"; "required": false; }; }, {}, never, never, true, never>;
 }
 
 declare class SpinnerComponentModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<SpinnerComponentModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<SpinnerComponentModule, [typeof SpinnerComponent], [typeof i2.NgClass, typeof i2.NgIf, typeof i3.UiTranslatePipe, typeof i2.AsyncPipe, typeof i4.IconComponentModule], [typeof SpinnerComponent]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<SpinnerComponentModule, never, [typeof i1.NgClass, typeof i2.UiTranslatePipe, typeof i1.AsyncPipe, typeof i3.IconComponentModule, typeof SpinnerComponent], [typeof SpinnerComponent]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<SpinnerComponentModule>;
 }
 

package/components/stepper/index.d.ts

@@ -1,19 +1,19 @@
 import * as i0 from '@angular/core';
 import { TemplateRef, AfterViewInit, DestroyRef, EventEmitter, ElementRef, OnChanges } from '@angular/core';
-import * as i3 from '@testgorilla/tgo-ui/components/icon';
-import { IconName } from '@testgorilla/tgo-ui/components/icon';
+import { FocusMonitor } from '@angular/cdk/a11y';
 import { Observable } from 'rxjs';
-import * as i8 from '@testgorilla/tgo-ui/components/core';
+import * as i6 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 i5 from '@testgorilla/tgo-ui/components/tooltip';
+import * as i2 from '@testgorilla/tgo-ui/components/icon';
+import { IconName } from '@testgorilla/tgo-ui/components/icon';
+import * as i1 from '@angular/common';
+import * as i3 from '@angular/material/tooltip';
+import * as i4 from '@testgorilla/tgo-ui/components/tooltip';
 import { TooltipPositionType } from '@testgorilla/tgo-ui/components/tooltip';
-import * as i4 from '@angular/material/tooltip';
-import * as i6 from '@angular/material/progress-spinner';
-import * as i7 from '@testgorilla/tgo-ui/components/radial-progress';
-import * as i9 from '@angular/material/input';
+import * as i4$1 from '@angular/material/progress-spinner';
+import * as i5 from '@testgorilla/tgo-ui/components/radial-progress';
+import * as i7 from '@angular/material/input';
 
 interface Step {
     label: string;
@@ -24,10 +24,10 @@ interface Step {
     showIconWhenSelected?: boolean;
     htmlDescription?: HtmlDescription[];
     boldLabel?: boolean;
-    descriptionTpl?: TemplateRef<any>;
+    descriptionTpl?: TemplateRef<unknown>;
     labelTooltip?: string;
     alwaysShowIcon?: boolean;
-    context?: any;
+    context?: unknown;
 }
 interface HtmlDescription {
     text?: string;
@@ -131,28 +131,13 @@ declare class StepperComponent implements AfterViewInit {
     protected subscriberFocus(): void;
     private selectedStepFocus;
     static ɵfac: i0.ɵɵFactoryDeclaration<StepperComponent, [{ optional: true; }, null, null, null, null]>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<StepperComponent, "ui-stepper", never, { "setFirstStepAutoSelect": { "alias": "firstStepAutoSelect"; "required": false; }; "steps": { "alias": "steps"; "required": false; }; "setSelectedIndex": { "alias": "selectedIndex"; "required": false; }; "lastStepFinalIcon": { "alias": "lastStepFinalIcon"; "required": false; }; "applicationTheme": { "alias": "applicationTheme"; "required": false; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; }; "position": { "alias": "position"; "required": false; }; "ariaRequired": { "alias": "ariaRequired"; "required": false; }; "stepperVariant": { "alias": "stepperVariant"; "required": false; }; }, { "selectionChange": "selectionChange"; }, never, never, false, never>;
-}
-
-/**
- * Directive is used to draw lines between steps
- */
-declare class StepLineElementDirective implements OnChanges {
-    private el;
-    stepLineElement: HTMLElement;
-    position: StepperPosition;
-    resize(): void;
-    constructor(el: ElementRef);
-    setSize(): void;
-    ngOnChanges(): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<StepLineElementDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<StepLineElementDirective, "[stepLineElement]", never, { "stepLineElement": { "alias": "stepLineElement"; "required": false; }; "position": { "alias": "position"; "required": false; }; }, {}, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<StepperComponent, "ui-stepper", never, { "setFirstStepAutoSelect": { "alias": "firstStepAutoSelect"; "required": false; }; "steps": { "alias": "steps"; "required": false; }; "setSelectedIndex": { "alias": "selectedIndex"; "required": false; }; "lastStepFinalIcon": { "alias": "lastStepFinalIcon"; "required": false; }; "applicationTheme": { "alias": "applicationTheme"; "required": false; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; }; "position": { "alias": "position"; "required": false; }; "ariaRequired": { "alias": "ariaRequired"; "required": false; }; "stepperVariant": { "alias": "stepperVariant"; "required": false; }; }, { "selectionChange": "selectionChange"; }, never, never, true, never>;
 }
 
 declare class StepComponent implements AfterViewInit {
     private readonly defaultAppTheme;
-    private focusMonitor;
-    private destroyRef;
+    private readonly focusMonitor;
+    private readonly destroyRef;
     /**
      * Input property for the label of the step.
      *
@@ -276,7 +261,7 @@ declare class StepComponent implements AfterViewInit {
      * @type {TemplateRef}
      * @memberof StepComponent
      */
-    descriptionTpl?: TemplateRef<any>;
+    descriptionTpl?: TemplateRef<unknown>;
     /**
      *
      * Tooltip for the step label
@@ -300,7 +285,7 @@ declare class StepComponent implements AfterViewInit {
      * @type {any}
      * @memberof StepComponent
      */
-    context: any;
+    context: unknown;
     /**
      * A string representing the step variant.
      * This attribute is used to indicate the variant that should be used.
@@ -324,18 +309,33 @@ declare class StepComponent implements AfterViewInit {
     protected subscriberFocus(): void;
     onKeydown($event: KeyboardEvent): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<StepComponent, [{ optional: true; }, null, null]>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<StepComponent, "ui-step", never, { "label": { "alias": "label"; "required": false; }; "isVisited": { "alias": "isVisited"; "required": false; }; "submitted": { "alias": "submitted"; "required": false; }; "icon": { "alias": "icon"; "required": false; }; "index": { "alias": "index"; "required": false; }; "selected": { "alias": "selected"; "required": false; }; "isLast": { "alias": "isLast"; "required": false; }; "selectedIndex": { "alias": "selectedIndex"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "prevStepIsVisited": { "alias": "prevStepIsVisited"; "required": false; }; "mobileMode": { "alias": "mobileMode"; "required": false; }; "largeTabletMode": { "alias": "largeTabletMode"; "required": false; }; "finalIcon": { "alias": "finalIcon"; "required": false; }; "showIconWhenSelected": { "alias": "showIconWhenSelected"; "required": false; }; "applicationTheme": { "alias": "applicationTheme"; "required": false; }; "position": { "alias": "position"; "required": false; }; "htmlDescription": { "alias": "htmlDescription"; "required": false; }; "boldLabel": { "alias": "boldLabel"; "required": false; }; "descriptionTpl": { "alias": "descriptionTpl"; "required": false; }; "labelTooltip": { "alias": "labelTooltip"; "required": false; }; "alwaysShowIcon": { "alias": "alwaysShowIcon"; "required": false; }; "context": { "alias": "context"; "required": false; }; "stepVariant": { "alias": "stepVariant"; "required": false; }; }, { "stepSelected": "stepSelected"; }, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<StepComponent, "ui-step", never, { "label": { "alias": "label"; "required": false; }; "isVisited": { "alias": "isVisited"; "required": false; }; "submitted": { "alias": "submitted"; "required": false; }; "icon": { "alias": "icon"; "required": false; }; "index": { "alias": "index"; "required": false; }; "selected": { "alias": "selected"; "required": false; }; "isLast": { "alias": "isLast"; "required": false; }; "selectedIndex": { "alias": "selectedIndex"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "prevStepIsVisited": { "alias": "prevStepIsVisited"; "required": false; }; "mobileMode": { "alias": "mobileMode"; "required": false; }; "largeTabletMode": { "alias": "largeTabletMode"; "required": false; }; "finalIcon": { "alias": "finalIcon"; "required": false; }; "showIconWhenSelected": { "alias": "showIconWhenSelected"; "required": false; }; "applicationTheme": { "alias": "applicationTheme"; "required": false; }; "position": { "alias": "position"; "required": false; }; "htmlDescription": { "alias": "htmlDescription"; "required": false; }; "boldLabel": { "alias": "boldLabel"; "required": false; }; "descriptionTpl": { "alias": "descriptionTpl"; "required": false; }; "labelTooltip": { "alias": "labelTooltip"; "required": false; }; "alwaysShowIcon": { "alias": "alwaysShowIcon"; "required": false; }; "context": { "alias": "context"; "required": false; }; "stepVariant": { "alias": "stepVariant"; "required": false; }; }, { "stepSelected": "stepSelected"; }, never, never, true, never>;
 }
 
 declare class StepComponentModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<StepComponentModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<StepComponentModule, [typeof StepComponent], [typeof i2.CommonModule, typeof i3.IconComponentModule, typeof i4.MatTooltipModule, typeof i5.TooltipComponentModule], [typeof StepComponent]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<StepComponentModule, never, [typeof i1.CommonModule, typeof i2.IconComponentModule, typeof i3.MatTooltipModule, typeof i4.TooltipComponentModule, typeof StepComponent], [typeof StepComponent]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<StepComponentModule>;
 }
 
+/**
+ * Directive is used to draw lines between steps
+ */
+declare class StepLineElementDirective implements OnChanges {
+    private readonly el;
+    stepLineElement: HTMLElement;
+    position: StepperPosition;
+    resize(): void;
+    constructor(el: ElementRef<HTMLElement>);
+    setSize(): void;
+    ngOnChanges(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<StepLineElementDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<StepLineElementDirective, "[stepLineElement]", never, { "stepLineElement": { "alias": "stepLineElement"; "required": false; }; "position": { "alias": "position"; "required": false; }; }, {}, never, never, true, never>;
+}
+
 declare class StepperComponentModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<StepperComponentModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<StepperComponentModule, [typeof StepperComponent, typeof StepLineElementDirective], [typeof i2.CommonModule, typeof i3.IconComponentModule, typeof StepComponentModule, typeof i6.MatProgressSpinnerModule, typeof i7.RadialProgressComponentModule, typeof i8.UiTranslatePipe, typeof i9.MatInputModule], [typeof StepperComponent]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<StepperComponentModule, never, [typeof i1.CommonModule, typeof i2.IconComponentModule, typeof StepComponentModule, typeof i4$1.MatProgressSpinnerModule, typeof i5.RadialProgressComponentModule, typeof i6.UiTranslatePipe, typeof i7.MatInputModule, typeof StepperComponent, typeof StepLineElementDirective], [typeof StepperComponent]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<StepperComponentModule>;
 }
 

package/components/table/index.d.ts

@@ -2,20 +2,20 @@ import * as _angular_material_paginator from '@angular/material/paginator';
 import { PageEvent } from '@angular/material/paginator';
 import * as i0 from '@angular/core';
 import { Type, TemplateRef, OnChanges, AfterViewInit, OnInit, EventEmitter, ElementRef, DestroyRef, SimpleChanges, PipeTransform } from '@angular/core';
-import * as i11 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 '@angular/material/table';
-import { MatTableDataSource } from '@angular/material/table';
-import * as i9 from '@angular/material/sort';
+import * as i7 from '@angular/material/sort';
 import { Sort as Sort$1 } from '@angular/material/sort';
+import * as i2 from '@angular/material/table';
+import { MatTableDataSource } from '@angular/material/table';
 import { Observable, BehaviorSubject } from 'rxjs';
-import * as i3 from '@angular/common';
-import * as i5 from '@angular/material/tooltip';
-import * as i6 from '@testgorilla/tgo-ui/components/skeleton';
-import * as i7 from '@testgorilla/tgo-ui/components/paginator';
-import * as i8 from '@testgorilla/tgo-ui/components/button';
-import * as i10 from '@testgorilla/tgo-ui/components/icon';
+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 i1 from '@angular/common';
+import * as i3 from '@angular/material/tooltip';
+import * as i4 from '@testgorilla/tgo-ui/components/skeleton';
+import * as i5 from '@testgorilla/tgo-ui/components/paginator';
+import * as i6 from '@testgorilla/tgo-ui/components/button';
+import * as i8 from '@testgorilla/tgo-ui/components/icon';
 
 interface TableConfig<T = any> {
     columns: TableColumn<T>[];
@@ -24,7 +24,7 @@ interface TableConfig<T = any> {
     width?: number;
     sort?: Sort;
     hidePagination?: boolean;
-    noDataRowTpl?: TemplateRef<any>;
+    noDataRowTpl?: TemplateRef<unknown>;
     sortable?: boolean;
 }
 interface TableConfigWithPagination<T> extends TableConfig<T> {
@@ -39,9 +39,9 @@ interface TableColumn<T = any> {
     tooltip?: string;
     allowSort?: boolean;
     isSticky?: boolean;
-    headerCellTemplate?: TemplateRef<any>;
-    rowCellTemplate?: TemplateRef<any>;
-    rowCellTemplateClick?: () => any;
+    headerCellTemplate?: TemplateRef<unknown>;
+    rowCellTemplate?: TemplateRef<unknown>;
+    rowCellTemplateClick?: () => void;
     sortHeader?: string;
     hidden?: boolean;
     order?: number;
@@ -60,7 +60,7 @@ interface Pagination {
     currentPage: number;
     totalItems: number;
 }
-type TableData = Record<string, any>[];
+type TableData = Record<string, unknown>[];
 interface ColumnEllipse {
     index: number;
     showTooltip: boolean;
@@ -85,10 +85,10 @@ declare enum ColumnType {
     RENDERER = "renderer"
 }
 interface ComponentRenderer {
-    component: Type<any>;
-    inputs?: any;
+    component: Type<unknown>;
+    inputs?: Record<string, unknown>;
     outputs?: {
-        [key: string]: any;
+        [key: string]: (event: unknown) => void;
     };
 }
 interface ColumnStyles {
@@ -113,7 +113,7 @@ declare enum ColumnAlignmentEnum {
     CENTER = "center"
 }
 type DataSource = {
-    [key: string]: any;
+    [key: string]: unknown;
 };
 type ScrollSettings = {
     scrollEnd: boolean;
@@ -123,7 +123,7 @@ type ScrollSettings = {
 
 declare class TableComponent<T extends DataSource, TDetail extends DataSource> implements OnChanges, AfterViewInit, OnInit {
     private readonly defaultAppTheme;
-    private destroyRef;
+    private readonly destroyRef;
     protected readonly isMobile$: Observable<boolean>;
     /**
      * Table configuration
@@ -190,11 +190,13 @@ declare class TableComponent<T extends DataSource, TDetail extends DataSource> i
      * @memberof TableComponent
      */
     maxHeight: string;
-    onRowClickEvent: EventEmitter<any>;
-    onDetailRowClickEvent: EventEmitter<any>;
+    onRowClickEvent: EventEmitter<T & {
+        index: number;
+    }>;
+    onDetailRowClickEvent: EventEmitter<TDetail>;
     paginatorChange: EventEmitter<PageEvent>;
     sortChange: EventEmitter<Sort$1>;
-    table: ElementRef;
+    table: ElementRef<HTMLElement>;
     protected tableData: TableData;
     protected sourceData: TableData;
     protected columnsTooltipState: ColumnEllipse[];
@@ -206,8 +208,8 @@ declare class TableComponent<T extends DataSource, TDetail extends DataSource> i
         'border-radius': string;
         height: string;
     };
-    protected dataSourceDetail: MatTableDataSource<any, _angular_material_paginator.MatPaginator>;
-    protected elementDetail: any;
+    protected dataSourceDetail: MatTableDataSource<TDetail, _angular_material_paginator.MatPaginator>;
+    protected elementDetail: T | null;
     protected readonly DataType: typeof ColumnType;
     protected scrollSettings$: BehaviorSubject<ScrollSettings>;
     constructor(defaultAppTheme: ApplicationTheme, destroyRef: DestroyRef, isMobile$: Observable<boolean>);
@@ -215,31 +217,31 @@ declare class TableComponent<T extends DataSource, TDetail extends DataSource> i
     ngAfterViewInit(): void;
     ngOnChanges(changes: SimpleChanges): void;
     hasTableScroll(): void;
-    callRenderer([rendererFn, element]: [(v: T) => ComponentRenderer | string, T]): any;
+    callRenderer([rendererFn, element]: [(v: T) => ComponentRenderer | string, T]): ComponentRenderer | string | undefined;
     protected onPaginatorChange(event: PageEvent): void;
     protected onChangeColumnSize(columnIndex: number, showTooltip: boolean): void;
     protected onSortChange(sortState: Sort$1, emitEvent?: boolean): void;
-    protected onRowClick(rowParams: any, rowIndex: number): void;
-    protected onDetailRowClick(rowParams: any): void;
+    protected onRowClick(rowParams: T, rowIndex: number): void;
+    protected onDetailRowClick(rowParams: TDetail): void;
     protected toggleRow(element: T): void;
     private setTableDetailDataSource;
     private setTableConfig;
     private setTableData;
-    private defaultPaginationConfig;
+    private readonly defaultPaginationConfig;
     trackColumnUniqueId: (index: number, column: TableColumn<T>) => string;
     static ɵfac: i0.ɵɵFactoryDeclaration<TableComponent<any, any>, [{ optional: true; }, null, null]>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<TableComponent<any, any>, "ui-table", never, { "config": { "alias": "config"; "required": true; }; "data": { "alias": "data"; "required": false; }; "loading": { "alias": "loading"; "required": false; }; "applicationTheme": { "alias": "applicationTheme"; "required": false; }; "tableDetailColumns": { "alias": "tableDetailColumns"; "required": false; }; "tableDetails": { "alias": "tableDetails"; "required": false; }; "disableBorderRadius": { "alias": "disableBorderRadius"; "required": false; }; "isCondensed": { "alias": "isCondensed"; "required": false; }; "stickyHeader": { "alias": "stickyHeader"; "required": false; }; "maxHeight": { "alias": "maxHeight"; "required": false; }; }, { "onRowClickEvent": "onRowClickEvent"; "onDetailRowClickEvent": "onDetailRowClickEvent"; "paginatorChange": "paginatorChange"; "sortChange": "sortChange"; }, never, ["[title-actions]"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TableComponent<any, any>, "ui-table", never, { "config": { "alias": "config"; "required": true; }; "data": { "alias": "data"; "required": false; }; "loading": { "alias": "loading"; "required": false; }; "applicationTheme": { "alias": "applicationTheme"; "required": false; }; "tableDetailColumns": { "alias": "tableDetailColumns"; "required": false; }; "tableDetails": { "alias": "tableDetails"; "required": false; }; "disableBorderRadius": { "alias": "disableBorderRadius"; "required": false; }; "isCondensed": { "alias": "isCondensed"; "required": false; }; "stickyHeader": { "alias": "stickyHeader"; "required": false; }; "maxHeight": { "alias": "maxHeight"; "required": false; }; }, { "onRowClickEvent": "onRowClickEvent"; "onDetailRowClickEvent": "onDetailRowClickEvent"; "paginatorChange": "paginatorChange"; "sortChange": "sortChange"; }, never, ["[title-actions]"], true, never>;
 }
 
 declare class SentenceCasePipe implements PipeTransform {
     transform(value: string | undefined): string;
     static ɵfac: i0.ɵɵFactoryDeclaration<SentenceCasePipe, never>;
-    static ɵpipe: i0.ɵɵPipeDeclaration<SentenceCasePipe, "sentencecase", false>;
+    static ɵpipe: i0.ɵɵPipeDeclaration<SentenceCasePipe, "sentencecase", true>;
 }
 
 declare class TableComponentModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<TableComponentModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<TableComponentModule, [typeof TableComponent, typeof SentenceCasePipe], [typeof i3.CommonModule, typeof i4.MatTableModule, typeof i5.MatTooltipModule, typeof i6.SkeletonComponent, typeof i7.PaginatorComponentModule, typeof i8.ButtonComponentModule, typeof i9.MatSortModule, typeof i10.IconComponentModule, typeof i11.EllipseTextDirective, typeof i11.DynamicComponentDirective, typeof i11.DataPropertyGetterPipe, typeof i11.MemoizeFuncPipe], [typeof TableComponent]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<TableComponentModule, never, [typeof i1.CommonModule, typeof i2.MatTableModule, typeof i3.MatTooltipModule, typeof i4.SkeletonComponent, typeof i5.PaginatorComponentModule, typeof i6.ButtonComponentModule, typeof i7.MatSortModule, typeof i8.IconComponentModule, typeof i9.EllipseTextDirective, typeof i9.DynamicComponentDirective, typeof i9.DataPropertyGetterPipe, typeof i9.MemoizeFuncPipe, typeof TableComponent, typeof SentenceCasePipe], [typeof TableComponent]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<TableComponentModule>;
 }