@testgorilla/tgo-ui 2.17.11 → 2.17.13

package/components/accordion/accordion.component.d.ts

@@ -1,6 +1,6 @@
 import { EventEmitter } from '@angular/core';
 import { ApplicationTheme } from '../../models/application-theme.model';
-import { AccordionVariant } from './accordion.model';
+import { AccordionVariant, ToggleIconPosition } from './accordion.model';
 import { IconName } from '../icon/icon.model';
 import * as i0 from "@angular/core";
 export declare class AccordionComponent {
@@ -64,12 +64,36 @@ export declare class AccordionComponent {
      * @memberof AccordionComponent
      */
     variant: AccordionVariant;
+    /**
+     *
+     * Projects content with attribute 'customHeader'
+     *
+     * @type {boolean}
+     * @memberof AccordionComponent
+     */
+    allowCustomHeader: boolean;
+    /**
+     *
+     * Sets background color of content to none
+     *
+     * @type {boolean}
+     * @memberof AccordionComponent
+     */
+    noBackgroundColor: boolean;
+    /**
+     *
+     * Defines the toggle icon position
+     *
+     * @type {boolean}
+     * @memberof AccordionComponent
+     */
+    toggleIconPosition: ToggleIconPosition;
     closed: EventEmitter<void>;
     opened: EventEmitter<void>;
     constructor(defaultAppTheme: ApplicationTheme);
     protected toggle(open: boolean): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<AccordionComponent, [{ optional: true; }]>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<AccordionComponent, "ui-accordion", never, { "label": { "alias": "label"; "required": true; }; "open": { "alias": "open"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "showPremiumIcon": { "alias": "showPremiumIcon"; "required": false; }; "premiumTooltipText": { "alias": "premiumTooltipText"; "required": false; }; "applicationTheme": { "alias": "applicationTheme"; "required": false; }; "labelIcon": { "alias": "labelIcon"; "required": false; }; "variant": { "alias": "variant"; "required": false; }; }, { "closed": "closed"; "opened": "opened"; }, never, ["[subHeader]", "[actions]", "*"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AccordionComponent, "ui-accordion", never, { "label": { "alias": "label"; "required": true; }; "open": { "alias": "open"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "showPremiumIcon": { "alias": "showPremiumIcon"; "required": false; }; "premiumTooltipText": { "alias": "premiumTooltipText"; "required": false; }; "applicationTheme": { "alias": "applicationTheme"; "required": false; }; "labelIcon": { "alias": "labelIcon"; "required": false; }; "variant": { "alias": "variant"; "required": false; }; "allowCustomHeader": { "alias": "allowCustomHeader"; "required": false; }; "noBackgroundColor": { "alias": "noBackgroundColor"; "required": false; }; "toggleIconPosition": { "alias": "toggleIconPosition"; "required": false; }; }, { "closed": "closed"; "opened": "opened"; }, never, ["[subHeader]", "[customHeader]", "[actions]", "*"], false, never>;
     static ngAcceptInputType_open: unknown;
     static ngAcceptInputType_disabled: unknown;
     static ngAcceptInputType_showPremiumIcon: unknown;

package/components/accordion/accordion.model.d.ts

@@ -1 +1,2 @@
 export type AccordionVariant = 'standard' | 'filter' | 'table';
+export type ToggleIconPosition = 'left' | 'right';

package/components/deprecated-table/deprecated-table.component.d.ts

@@ -51,11 +51,11 @@ export declare class DeprecatedTableComponent<T extends IDataSource, TDetail ext
     /**
      * @ignore
      */
-    dataSource: MatTableDataSource<any, import("@angular/material/paginator").MatPaginator>;
+    dataSource: MatTableDataSource<any, import("@angular/material/table").MatTableDataSourcePaginator>;
     /**
      * @ignore
      */
-    dataSourceDetail: MatTableDataSource<any, import("@angular/material/paginator").MatPaginator>;
+    dataSourceDetail: MatTableDataSource<any, import("@angular/material/table").MatTableDataSourcePaginator>;
     /**
      * @ignore
      */

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

@@ -2,9 +2,11 @@ import { EventEmitter, OnChanges, OnInit, SimpleChanges } from '@angular/core';
 import { MatRadioButton } from '@angular/material/radio';
 import { RadioButtonEventType } from './radio-button.model';
 import { ApplicationTheme } from "../../models/application-theme.model";
+import { ControlValueAccessor, NgControl } from "@angular/forms";
 import * as i0 from "@angular/core";
-export declare class RadioButtonComponent implements OnInit, OnChanges {
+export declare class RadioButtonComponent implements OnInit, OnChanges, ControlValueAccessor {
     private readonly defaultAppTheme;
+    ngControl: NgControl;
     /**
      * Determines whether the radio button is disabled.
      * Default: false.
@@ -106,11 +108,20 @@ export declare class RadioButtonComponent implements OnInit, OnChanges {
      */
     changeRadio: EventEmitter<RadioButtonEventType>;
     classMultiple: string;
-    constructor(defaultAppTheme: ApplicationTheme);
+    constructor(defaultAppTheme: ApplicationTheme, ngControl: NgControl);
     ngOnInit(): void;
     ngOnChanges(changes: SimpleChanges): void;
     clickRadio(element: MatRadioButton, event: MouseEvent): void;
+    writeValue(value: any): void;
+    registerOnChange(fn: any): void;
+    registerOnTouched(fn: any): void;
+    setDisabledState(isDisabled: boolean): void;
+    onChange: (_: any) => void;
+    /**
+     * @ignore
+     */
+    onTouch: () => void;
     setClass(): string;
-    static ɵfac: i0.ɵɵFactoryDeclaration<RadioButtonComponent, [{ optional: true; }]>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<RadioButtonComponent, [{ optional: true; }, { optional: true; self: true; }]>;
     static ɵcmp: i0.ɵɵComponentDeclaration<RadioButtonComponent, "ui-radio-button", never, { "disabled": { "alias": "disabled"; "required": false; }; "selected": { "alias": "selected"; "required": false; }; "allowUnselect": { "alias": "allowUnselect"; "required": false; }; "companyColor": { "alias": "companyColor"; "required": false; }; "name": { "alias": "name"; "required": false; }; "label": { "alias": "label"; "required": false; }; "multiple": { "alias": "multiple"; "required": false; }; "value": { "alias": "value"; "required": false; }; "applicationTheme": { "alias": "applicationTheme"; "required": false; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; }; "ariaRequired": { "alias": "ariaRequired"; "required": false; }; "hasError": { "alias": "hasError"; "required": false; }; }, { "changeRadio": "changeRadio"; }, never, ["[radio-label]"], false, never>;
 }

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

@@ -1,4 +1,4 @@
-import { SegmentedBar, SegmentedBarVariant } from './segmented-bar.model';
+import { SegmentedBar, SegmentedBarVariant, SegmentedBarWithPercentage } from './segmented-bar.model';
 import { ApplicationTheme } from "../../models/application-theme.model";
 import * as i0 from "@angular/core";
 export declare class SegmentedBarComponent {
@@ -25,7 +25,7 @@ export declare class SegmentedBarComponent {
      * @type {SegmentedBar}
      * @memberof SegmentedBarComponent
      */
-    segments: SegmentedBar[];
+    set segments(segments: SegmentedBar[]);
     /**
      *
      * Defines the application theme
@@ -48,7 +48,16 @@ export declare class SegmentedBarComponent {
      * @memberof SegmentedBarComponent
      */
     ariaRequired: boolean;
+    /**
+     * Groups the tooltips into one template
+     *
+     * @type {boolean}
+     * @memberof SegmentedBarComponent
+     */
+    tooltipStats: boolean;
+    segmentList: SegmentedBarWithPercentage[];
     constructor(defaultAppTheme: ApplicationTheme);
+    calculatePercentages(segments: SegmentedBar[]): SegmentedBarWithPercentage[];
     static ɵfac: i0.ɵɵFactoryDeclaration<SegmentedBarComponent, [{ optional: true; }]>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<SegmentedBarComponent, "ui-segmented-bar", never, { "width": { "alias": "width"; "required": false; }; "size": { "alias": "size"; "required": false; }; "segments": { "alias": "segments"; "required": true; }; "applicationTheme": { "alias": "applicationTheme"; "required": false; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; }; "ariaRequired": { "alias": "ariaRequired"; "required": false; }; }, {}, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SegmentedBarComponent, "ui-segmented-bar", never, { "width": { "alias": "width"; "required": false; }; "size": { "alias": "size"; "required": false; }; "segments": { "alias": "segments"; "required": true; }; "applicationTheme": { "alias": "applicationTheme"; "required": false; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; }; "ariaRequired": { "alias": "ariaRequired"; "required": false; }; "tooltipStats": { "alias": "tooltipStats"; "required": false; }; }, {}, never, never, false, never>;
 }

package/components/segmented-bar/segmented-bar.component.module.d.ts

@@ -3,8 +3,11 @@ import * as i1 from "./segmented-bar.component";
 import * as i2 from "@angular/common";
 import * as i3 from "@angular/material/tooltip";
 import * as i4 from "@angular/material/input";
+import * as i5 from "../icon/icon.component.module";
+import * as i6 from "../tooltip/tooltip.component.module";
+import * as i7 from "../tooltip/tooltip-template.directive";
 export declare class SegmentedBarComponentModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<SegmentedBarComponentModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<SegmentedBarComponentModule, [typeof i1.SegmentedBarComponent], [typeof i2.CommonModule, typeof i3.MatTooltipModule, typeof i4.MatInputModule], [typeof i1.SegmentedBarComponent]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<SegmentedBarComponentModule, [typeof i1.SegmentedBarComponent], [typeof i2.CommonModule, typeof i3.MatTooltipModule, typeof i4.MatInputModule, typeof i5.IconComponentModule, typeof i6.TooltipComponentModule, typeof i7.TooltipTemplateDirective], [typeof i1.SegmentedBarComponent]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<SegmentedBarComponentModule>;
 }

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

@@ -1,7 +1,12 @@
+import { IconName } from "../icon/icon.model";
 export type SegmentedBarVariant = 'large' | 'small';
 export type SegmentedBarColor = 'teal' | 'rhubarb' | 'light-teal' | 'grey';
 export interface SegmentedBar {
     value: number;
     color: SegmentedBarColor;
     tooltip?: string;
+    icon?: IconName;
 }
+export type SegmentedBarWithPercentage = SegmentedBar & {
+    percentage: string;
+};

package/components/step/step.component.d.ts

@@ -2,6 +2,7 @@ import { EventEmitter } from '@angular/core';
 import { IconName } from '../icon/icon.model';
 import { ApplicationTheme } from '../../models/application-theme.model';
 import { DomSanitizer, SafeHtml } from '@angular/platform-browser';
+import { StepperPosition } from "../stepper/stepper.model";
 import * as i0 from "@angular/core";
 export declare class StepComponent {
     private readonly defaultAppTheme;
@@ -92,6 +93,14 @@ export declare class StepComponent {
      * @memberof StepComponent
      */
     applicationTheme: ApplicationTheme;
+    /**
+     *
+     * Defines the stepper position
+     *
+     * @type {StepperPosition}
+     * @memberof StepComponent
+     */
+    position: StepperPosition;
     /**
      *
      * Step description
@@ -119,5 +128,5 @@ export declare class StepComponent {
     protected get hasLastStepDefaultIcon(): boolean;
     protected onStepSelected(index: number): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<StepComponent, [{ optional: true; }, 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; }; "finalIcon": { "alias": "finalIcon"; "required": false; }; "showIconWhenSelected": { "alias": "showIconWhenSelected"; "required": false; }; "applicationTheme": { "alias": "applicationTheme"; "required": false; }; "htmlDescription": { "alias": "htmlDescription"; "required": false; }; "boldLabel": { "alias": "boldLabel"; "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; }; "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; }; }, { "stepSelected": "stepSelected"; }, never, never, false, never>;
 }

package/components/stepper/stepper.component.d.ts

@@ -1,5 +1,5 @@
 import { EventEmitter } from '@angular/core';
-import { Step } from './stepper.model';
+import { Step, StepperPosition } from './stepper.model';
 import { Observable } from 'rxjs';
 import { ApplicationTheme } from "../../models/application-theme.model";
 import * as i0 from "@angular/core";
@@ -49,6 +49,13 @@ export declare class StepperComponent {
      * @memberof StepperComponent
      */
     ariaLabel: string;
+    /**
+     * Defines the stepper position
+     *
+     * @type {StepperPosition}
+     * @memberof StepperComponent
+     */
+    position: StepperPosition;
     /**
      * A string representing the ARIA requirement for accessibility.
      * This attribute is used to indicate whether an input field is required for form submission.
@@ -72,5 +79,5 @@ export declare class StepperComponent {
     protected showStepsToggle(): void;
     protected onCloseStepList(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<StepperComponent, [{ optional: true; }, null]>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<StepperComponent, "ui-stepper", never, { "steps": { "alias": "steps"; "required": false; }; "selectedIndex": { "alias": "selectedIndex"; "required": false; }; "lastStepFinalIcon": { "alias": "lastStepFinalIcon"; "required": false; }; "language": { "alias": "language"; "required": false; }; "applicationTheme": { "alias": "applicationTheme"; "required": false; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; }; "ariaRequired": { "alias": "ariaRequired"; "required": false; }; }, { "selectionChange": "selectionChange"; }, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<StepperComponent, "ui-stepper", never, { "steps": { "alias": "steps"; "required": false; }; "selectedIndex": { "alias": "selectedIndex"; "required": false; }; "lastStepFinalIcon": { "alias": "lastStepFinalIcon"; "required": false; }; "language": { "alias": "language"; "required": false; }; "applicationTheme": { "alias": "applicationTheme"; "required": false; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; }; "position": { "alias": "position"; "required": false; }; "ariaRequired": { "alias": "ariaRequired"; "required": false; }; }, { "selectionChange": "selectionChange"; }, never, never, false, never>;
 }

package/components/stepper/stepper.component.module.d.ts

@@ -1,6 +1,6 @@
 import * as i0 from "@angular/core";
 import * as i1 from "./stepper.component";
-import * as i2 from "../../directives/step-line-width.directive";
+import * as i2 from "../../directives/step-line-element.directive";
 import * as i3 from "@angular/common";
 import * as i4 from "../icon/icon.component.module";
 import * as i5 from "../step/step.component.module";
@@ -10,6 +10,6 @@ import * as i8 from "../../pipes/ui-translate.pipe";
 import * as i9 from "@angular/material/input";
 export declare class StepperComponentModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<StepperComponentModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<StepperComponentModule, [typeof i1.StepperComponent, typeof i2.StepLineWidthDirective], [typeof i3.CommonModule, typeof i4.IconComponentModule, typeof i5.StepComponentModule, typeof i6.MatProgressSpinnerModule, typeof i7.RadialProgressComponentModule, typeof i8.UiTranslatePipe, typeof i9.MatInputModule], [typeof i1.StepperComponent]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<StepperComponentModule, [typeof i1.StepperComponent, typeof i2.StepLineElementDirective], [typeof i3.CommonModule, typeof i4.IconComponentModule, typeof i5.StepComponentModule, typeof i6.MatProgressSpinnerModule, typeof i7.RadialProgressComponentModule, typeof i8.UiTranslatePipe, typeof i9.MatInputModule], [typeof i1.StepperComponent]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<StepperComponentModule>;
 }

package/components/stepper/stepper.model.d.ts

@@ -9,3 +9,4 @@ export interface Step {
     htmlDescription?: string;
     boldLabel?: boolean;
 }
+export type StepperPosition = 'horizontal' | 'vertical';

package/components/table/table.component.d.ts

@@ -70,7 +70,7 @@ export declare class TableComponent<T extends DataSource, TDetail extends DataSo
         'border-radius': string;
         height: string;
     };
-    protected dataSourceDetail: MatTableDataSource<any, import("@angular/material/paginator").MatPaginator>;
+    protected dataSourceDetail: MatTableDataSource<any, import("@angular/material/table").MatTableDataSourcePaginator>;
     protected elementDetail: any;
     protected readonly DataType: typeof ColumnType;
     protected scrollSettings$: BehaviorSubject<ScrollSettings>;

package/components/tabs/tab.directive.d.ts

@@ -1,8 +1,9 @@
-import { OnChanges, TemplateRef } from '@angular/core';
+import { OnChanges, OnDestroy, TemplateRef } from '@angular/core';
 import { TabsComponent } from "./tabs.component";
 import { IconName } from '../icon/icon.model';
+import { Tab } from './tabs.model';
 import * as i0 from "@angular/core";
-export declare class TabDirective implements OnChanges {
+export declare class TabDirective implements OnChanges, OnDestroy {
     private tabsComponent;
     private template;
     tabLabel: string;
@@ -10,10 +11,15 @@ export declare class TabDirective implements OnChanges {
     iconLeft: IconName;
     iconRight: IconName;
     disabled: boolean;
+    canLeave?: (ctx?: {
+        currentTab: Tab;
+        nextTab: Tab;
+    }) => boolean | Promise<boolean>;
     constructor(tabsComponent: TabsComponent, template: TemplateRef<any>);
     ngOnChanges(): void;
     private addTab;
+    ngOnDestroy(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<TabDirective, [{ host: true; }, null]>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<TabDirective, "[uiTab]", never, { "tabLabel": { "alias": "tabLabel"; "required": true; }; "tabName": { "alias": "tabName"; "required": true; }; "iconLeft": { "alias": "iconLeft"; "required": false; }; "iconRight": { "alias": "iconRight"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; }, {}, never, never, false, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<TabDirective, "[uiTab]", never, { "tabLabel": { "alias": "tabLabel"; "required": true; }; "tabName": { "alias": "tabName"; "required": true; }; "iconLeft": { "alias": "iconLeft"; "required": false; }; "iconRight": { "alias": "iconRight"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "canLeave": { "alias": "canLeave"; "required": false; }; }, {}, never, never, false, never>;
     static ngAcceptInputType_disabled: unknown;
 }

package/components/tabs/tabs.component.d.ts

@@ -2,7 +2,7 @@ import { EventEmitter } from '@angular/core';
 import { Tab, TabsType } from "./tabs.model";
 import { ApplicationTheme } from "../../models/application-theme.model";
 import { Observable } from 'rxjs';
-import { MatTabChangeEvent } from "@angular/material/tabs";
+import { MatTabChangeEvent, MatTabGroup } from '@angular/material/tabs';
 import * as i0 from "@angular/core";
 export declare class TabsComponent {
     private readonly defaultAppTheme;
@@ -53,13 +53,18 @@ export declare class TabsComponent {
     applicationTheme: ApplicationTheme;
     selectedTabIndex: EventEmitter<number>;
     selectedTab: EventEmitter<Tab>;
+    tabGroup: MatTabGroup;
     protected tabs: Tab[];
     readonly tabIndex: import("@angular/core").WritableSignal<number>;
     protected tabIndexMap: Record<string, number>;
     constructor(defaultAppTheme: ApplicationTheme, isMobile$: Observable<boolean>);
+    ngAfterViewInit(): void;
     addTab(tab: Tab): void;
     onTabChange(ev: MatTabChangeEvent): void;
+    selectTab(tabName: string): void;
+    indexOf(tabName: string): number;
     trackByTabName(index: number, tab: Tab): string;
+    removeTab(tabName: string): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<TabsComponent, [{ optional: true; }, null]>;
     static ɵcmp: i0.ɵɵComponentDeclaration<TabsComponent, "ui-tabs", never, { "companyColor": { "alias": "companyColor"; "required": false; }; "type": { "alias": "type"; "required": false; }; "animationDuration": { "alias": "animationDuration"; "required": false; }; "headerContentPadding": { "alias": "headerContentPadding"; "required": false; }; "dynamicHeight": { "alias": "dynamicHeight"; "required": false; }; "applicationTheme": { "alias": "applicationTheme"; "required": false; }; }, { "selectedTabIndex": "selectedTabIndex"; "selectedTab": "selectedTab"; }, never, never, false, never>;
     static ngAcceptInputType_headerContentPadding: number;

package/components/tabs/tabs.model.d.ts

@@ -6,5 +6,9 @@ export interface Tab {
     iconLeft?: IconName;
     iconRight?: IconName;
     disabled?: boolean;
+    canLeave?: (ctx?: {
+        currentTab: Tab;
+        nextTab: Tab;
+    }) => boolean | Promise<boolean>;
 }
 export type TabsType = 'underlined' | 'filled';

package/components/tooltip/tooltip-template.directive.d.ts

@@ -0,0 +1,22 @@
+import { ElementRef, OnChanges, OnDestroy, TemplateRef } from '@angular/core';
+import { Overlay, OverlayPositionBuilder } from "@angular/cdk/overlay";
+import { TooltipPositionType } from "./tooltip.model";
+import * as i0 from "@angular/core";
+export declare class TooltipTemplateDirective implements OnChanges, OnDestroy {
+    private _overlay;
+    private _overlayPositionBuilder;
+    private _elementRef;
+    tooltipPosition: TooltipPositionType;
+    showTooltip: boolean;
+    templateRef: TemplateRef<any>;
+    private _overlayRef;
+    constructor(_overlay: Overlay, _overlayPositionBuilder: OverlayPositionBuilder, _elementRef: ElementRef);
+    ngOnChanges(): void;
+    show(): void;
+    hide(): void;
+    ngOnDestroy(): void;
+    private closeToolTip;
+    private setPosition;
+    static ɵfac: i0.ɵɵFactoryDeclaration<TooltipTemplateDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<TooltipTemplateDirective, "[uiTooltipTemplate]", never, { "tooltipPosition": { "alias": "tooltipPosition"; "required": false; }; "showTooltip": { "alias": "showTooltip"; "required": false; }; "templateRef": { "alias": "uiTooltipTemplate"; "required": false; }; }, {}, never, never, true, never>;
+}

package/components/tooltip/tooltip.component.d.ts

@@ -34,6 +34,7 @@ export declare class TooltipComponent implements OnInit {
      * @memberof TooltipComponent
      */
     applicationTheme: ApplicationTheme;
+    templateRef: any;
     constructor(defaultAppTheme: ApplicationTheme);
     matPosition: TooltipPosition;
     ngOnInit(): void;

package/components/tooltip/tooltip.component.module.d.ts

@@ -1,8 +1,9 @@
 import * as i0 from "@angular/core";
 import * as i1 from "./tooltip.component";
 import * as i2 from "@angular/material/tooltip";
+import * as i3 from "@angular/common";
 export declare class TooltipComponentModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<TooltipComponentModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<TooltipComponentModule, [typeof i1.TooltipComponent], [typeof i2.MatTooltipModule], [typeof i1.TooltipComponent]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<TooltipComponentModule, [typeof i1.TooltipComponent], [typeof i2.MatTooltipModule, typeof i3.CommonModule], [typeof i1.TooltipComponent]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<TooltipComponentModule>;
 }

package/directives/step-line-element.directive.d.ts

@@ -0,0 +1,17 @@
+import { ElementRef, OnChanges } from '@angular/core';
+import { StepperPosition } from "../components/stepper/stepper.model";
+import * as i0 from "@angular/core";
+/**
+ * Directive is used to draw lines between steps
+ */
+export 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>;
+}