@testgorilla/tgo-ui 1.4.0 → 1.5.0

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

@@ -1,9 +1,8 @@
 import { AfterViewInit, ElementRef, EventEmitter, OnChanges } from '@angular/core';
 import { ControlValueAccessor } from '@angular/forms';
-import { MatAutocompleteSelectedEvent } from '@angular/material/autocomplete';
-import { MatFormField } from '@angular/material/form-field';
+import { MatAutocomplete, MatAutocompleteSelectedEvent, MatAutocompleteTrigger } from '@angular/material/autocomplete';
 import { ReplaySubject } from 'rxjs';
-import { Autocomplete, AutocompleteType } from './autocomplete.model';
+import { Autocomplete, AutocompleteType, DropdownVariation } from './autocomplete.model';
 import * as i0 from "@angular/core";
 export declare class AutocompleteComponent implements ControlValueAccessor, OnChanges, AfterViewInit {
     /**
@@ -66,10 +65,17 @@ export declare class AutocompleteComponent implements ControlValueAccessor, OnCh
      * @memberof AutocompleteComponent
      */
     minCharactersSearch: number;
+    /**
+     * @property variant
+     * @description The variant of Autocomplete
+     * @memberof AutocompleteComponent
+     */
+    variant: DropdownVariation;
     selectionChange: EventEmitter<any>;
     searchTextChange: EventEmitter<string>;
-    matFormFieldElement: MatFormField;
+    formFieldElement: ElementRef<HTMLElement>;
     tagContainer: ElementRef<HTMLElement>;
+    autocomplete: MatAutocompleteTrigger;
     private readonly cdr;
     protected value: any;
     protected inputValue: any;
@@ -93,7 +99,7 @@ export declare class AutocompleteComponent implements ControlValueAccessor, OnCh
     setDisabledState(isDisabled: boolean): void;
     writeValue(value: any): void;
     protected onOptionSelected(event: MatAutocompleteSelectedEvent): void;
-    protected onOptionRemoved(input: any, option: any): void;
+    protected onOptionRemoved(option: any): void;
     protected onInputChange(event: Event): void;
     protected onClear(): void;
     protected refillInput(): void;
@@ -102,6 +108,9 @@ export declare class AutocompleteComponent implements ControlValueAccessor, OnCh
     private onUpdate;
     private initValue;
     private addNewValue;
+    protected get isDropdown(): boolean;
+    protected onChevronClick(autocomplete: MatAutocomplete): void;
+    protected get inputWidth(): number;
     static ɵfac: i0.ɵɵFactoryDeclaration<AutocompleteComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<AutocompleteComponent, "ui-autocomplete", never, { "itemsList": { "alias": "itemsList"; "required": false; }; "suggestionsList": { "alias": "suggestionsList"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "allowAdd": { "alias": "allowAdd"; "required": false; }; "textField": { "alias": "textField"; "required": false; }; "valueField": { "alias": "valueField"; "required": false; }; "label": { "alias": "label"; "required": false; }; "itemValue": { "alias": "itemValue"; "required": false; }; "type": { "alias": "type"; "required": false; }; "minCharactersSearch": { "alias": "minCharactersSearch"; "required": false; }; }, { "selectionChange": "selectionChange"; "searchTextChange": "searchTextChange"; }, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AutocompleteComponent, "ui-autocomplete", never, { "itemsList": { "alias": "itemsList"; "required": false; }; "suggestionsList": { "alias": "suggestionsList"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "allowAdd": { "alias": "allowAdd"; "required": false; }; "textField": { "alias": "textField"; "required": false; }; "valueField": { "alias": "valueField"; "required": false; }; "label": { "alias": "label"; "required": false; }; "itemValue": { "alias": "itemValue"; "required": false; }; "type": { "alias": "type"; "required": false; }; "minCharactersSearch": { "alias": "minCharactersSearch"; "required": false; }; "variant": { "alias": "variant"; "required": true; }; }, { "selectionChange": "selectionChange"; "searchTextChange": "searchTextChange"; }, never, never, false, never>;
 }

package/components/autocomplete/autocomplete.model.d.ts

@@ -5,9 +5,14 @@ export declare enum Autocomplete {
     LARGE = "large"
 }
 export declare enum Padding {
-    AUTOCOMPLETE_CONTAINER = 80
+    AUTOCOMPLETE_CONTAINER = 30,
+    DROPDOWN_CONTAINER = 60
 }
 export declare enum Timeout {
-    VIEW_INITIALIZED_AFTER_ACTION = 20,
+    VIEW_INITIALIZED_AFTER_ACTION = 150,
     VIEW_INITIALIZED_COMPONENT_LOAD = 600
 }
+export declare enum DropdownVariation {
+    AUTOCOMPLETE = "autocomplete",
+    DROPDOWN = "dropdown"
+}

package/components/avatar/avatar.component.d.ts

@@ -28,21 +28,20 @@ export declare class AvatarComponent {
      */
     tooltipText: string;
     /**
-     * Input property that makes avatar clickable.
+     * Input property that makes avatar editable.
      * @type {boolean}
      * @memberof AvatarComponent
      */
-    allowClick: boolean;
+    allowEdit: boolean;
     /**
-     * Event emitted when the avatar is clicked.
-     * @type {void}
+     * Event emitted when the edit button is clicked.
+     * @type {Event}
      * @memberof AvatarComponent
      */
-    avatarClick: EventEmitter<void>;
-    protected iconSize: Record<string, import("@testgorilla/tgo-ui").IconSize>;
-    protected avatarSize: typeof AvatarSize;
-    protected onAvatarClick(): void;
-    get clickAllowance(): string;
+    editClick: EventEmitter<Event>;
+    protected readonly iconSize: Record<string, import("@testgorilla/tgo-ui").IconSize>;
+    protected readonly avatarSize: typeof AvatarSize;
+    protected onEditClick(event: Event): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<AvatarComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<AvatarComponent, "ui-avatar", never, { "size": { "alias": "size"; "required": false; }; "imageUrl": { "alias": "imageUrl"; "required": false; }; "name": { "alias": "name"; "required": false; }; "tooltipText": { "alias": "tooltipText"; "required": false; }; "allowClick": { "alias": "allowClick"; "required": false; }; }, { "avatarClick": "avatarClick"; }, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AvatarComponent, "ui-avatar", never, { "size": { "alias": "size"; "required": false; }; "imageUrl": { "alias": "imageUrl"; "required": false; }; "name": { "alias": "name"; "required": false; }; "tooltipText": { "alias": "tooltipText"; "required": false; }; "allowEdit": { "alias": "allowEdit"; "required": false; }; }, { "editClick": "editClick"; }, never, never, false, never>;
 }

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

@@ -4,8 +4,9 @@ import * as i2 from "../../pipes/name-initials.pipe";
 import * as i3 from "@angular/common";
 import * as i4 from "../icon/icon.component.module";
 import * as i5 from "@angular/material/tooltip";
+import * as i6 from "../button/button.component.module";
 export declare class AvatarComponentModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<AvatarComponentModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<AvatarComponentModule, [typeof i1.AvatarComponent, typeof i2.NameInitialsPipe], [typeof i3.CommonModule, typeof i4.IconComponentModule, typeof i5.MatTooltipModule], [typeof i1.AvatarComponent]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<AvatarComponentModule, [typeof i1.AvatarComponent, typeof i2.NameInitialsPipe], [typeof i3.CommonModule, typeof i4.IconComponentModule, typeof i5.MatTooltipModule, typeof i6.ButtonComponentModule], [typeof i1.AvatarComponent]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<AvatarComponentModule>;
 }

package/components/banner-action/banner-action.component.d.ts

@@ -1,52 +1,68 @@
 import { EventEmitter, OnInit } from '@angular/core';
-import { IconName } from '../../components/icon/icon.model';
-import { AlertBarType } from '../../utils/alert-bar.model';
+import { IconName } from '../icon/icon.model';
+import { BannerActionType, BannerProgress, BannerType } from './banner-action.model';
 import * as i0 from "@angular/core";
 export declare class BannerActionComponent implements OnInit {
     /**
      * BannerAction text
-     *
+     * @type {string}
      * @memberof BannerActionComponent
      */
     message?: string | undefined;
     /**
      * BannerAction type
-     *
-     * @type {AlertBarType}
+     * @type {BannerActionType}
      * @memberof BannerActionComponent
      */
-    bannerActionType: AlertBarType;
+    bannerActionType: BannerActionType;
     /**
      * BannerAction button label
-     *
+     * @type {string}
      * @memberof BannerActionComponent
      */
     buttonText: string;
     /**
      * Static or fixed position
-     *
-     * @memberof AlertBannerComponent
+     * @type {boolean}
+     * @memberof BannerActionComponent
      */
     fixed: boolean;
     /**
      * Full width for alert banner
-     *
-     * @memberof AlertBannerComponent
+     * @type {boolean}
+     * @memberof BannerActionComponent
      */
     fullWidth: boolean;
     /**
      * BannerAction button icon
-     *
+     * @type {IconName}
      * @memberof BannerActionComponent
      */
     buttonIcon: IconName;
-    buttonClickEvent: EventEmitter<Event>;
+    /**
+     * BannerAction icon
+     * @type {IconName}
+     * @memberof BannerActionComponent
+     */
     iconName: IconName;
-    position: string;
-    cssClass: string;
-    constructor();
-    buttonClick(event: Event): void;
+    /**
+     * BannerAction title
+     * @type {string}
+     * @memberof BannerActionComponent
+     */
+    title: string;
+    /**
+     * Event emitted when the banner button is clicked.
+     * @type {EventEmitter<Event>}
+     * @memberof BannerActionComponent
+     */
+    buttonClickEvent: EventEmitter<Event>;
+    protected position: string;
+    protected cssClass: string;
+    protected readonly bannerType: typeof BannerType;
+    protected readonly BannerProgress: typeof BannerProgress;
     ngOnInit(): void;
+    protected buttonClick(event: Event): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<BannerActionComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<BannerActionComponent, "ui-banner-action", never, { "message": { "alias": "message"; "required": false; }; "bannerActionType": { "alias": "bannerActionType"; "required": false; }; "buttonText": { "alias": "buttonText"; "required": false; }; "fixed": { "alias": "fixed"; "required": false; }; "fullWidth": { "alias": "fullWidth"; "required": false; }; "buttonIcon": { "alias": "buttonIcon"; "required": false; }; }, { "buttonClickEvent": "buttonClickEvent"; }, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<BannerActionComponent, "ui-banner-action", never, { "message": { "alias": "message"; "required": false; }; "bannerActionType": { "alias": "bannerActionType"; "required": false; }; "buttonText": { "alias": "buttonText"; "required": false; }; "fixed": { "alias": "fixed"; "required": false; }; "fullWidth": { "alias": "fullWidth"; "required": false; }; "buttonIcon": { "alias": "buttonIcon"; "required": false; }; "iconName": { "alias": "iconName"; "required": false; }; "title": { "alias": "title"; "required": false; }; }, { "buttonClickEvent": "buttonClickEvent"; }, never, never, false, never>;
 }

package/components/banner-action/banner-action.component.module.d.ts

@@ -3,8 +3,9 @@ import * as i1 from "./banner-action.component";
 import * as i2 from "@angular/common";
 import * as i3 from "../button/button.component.module";
 import * as i4 from "../icon/icon.component.module";
+import * as i5 from "../radial-progress/radial-progress.component.module";
 export declare class BannerActionComponentModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<BannerActionComponentModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<BannerActionComponentModule, [typeof i1.BannerActionComponent], [typeof i2.CommonModule, typeof i3.ButtonComponentModule, typeof i4.IconComponentModule], [typeof i1.BannerActionComponent]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<BannerActionComponentModule, [typeof i1.BannerActionComponent], [typeof i2.CommonModule, typeof i3.ButtonComponentModule, typeof i4.IconComponentModule, typeof i5.RadialProgressComponentModule], [typeof i1.BannerActionComponent]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<BannerActionComponentModule>;
 }

package/components/banner-action/banner-action.model.d.ts

@@ -0,0 +1,15 @@
+export type BannerActionType = 'success' | 'error' | 'info' | 'warning' | 'not-started' | 'incomplete' | 'body-text';
+export declare enum BannerType {
+    SUCCESS = "success",
+    ERROR = "error",
+    INFO = "info",
+    WARNING = "warning",
+    NOT_STARTED = "not-started",
+    INCOMPLETE = "incomplete",
+    BODY_TEXT = "body-text"
+}
+export declare enum BannerProgress {
+    NOT_STARTED = 0,
+    INCOMPLETE = 75,
+    TOTAL = 100
+}

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

@@ -1,6 +1,6 @@
 import { AfterViewInit, EventEmitter, OnInit, SimpleChanges } from '@angular/core';
 import { IconName } from '../../components/icon/icon.model';
-import { ButtonColor, ButtonIconPosition, ButtonSize, LinkUrlTarget } from './button.model';
+import { ButtonColor, ButtonIconPosition, ButtonSize, IconButtonSize, LinkUrlTarget } from './button.model';
 import * as i0 from "@angular/core";
 export declare class ButtonComponent implements OnInit, AfterViewInit {
     /**
@@ -93,6 +93,7 @@ export declare class ButtonComponent implements OnInit, AfterViewInit {
     classCss: string;
     isButtonLink: boolean;
     isLabel: boolean;
+    iconButtonSize: IconButtonSize;
     ngOnInit(): void;
     ngOnChanges(changes: SimpleChanges): void;
     ngAfterViewInit(): void;
@@ -102,6 +103,7 @@ export declare class ButtonComponent implements OnInit, AfterViewInit {
     setCssClass(): string;
     showSpinner(): boolean;
     showButtonLink(): boolean;
+    setIconButtonSize(): IconButtonSize;
     static ɵfac: i0.ɵɵFactoryDeclaration<ButtonComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<ButtonComponent, "ui-button", never, { "size": { "alias": "size"; "required": false; }; "type": { "alias": "type"; "required": false; }; "label": { "alias": "label"; "required": false; }; "iconPosition": { "alias": "iconPosition"; "required": false; }; "justIcon": { "alias": "justIcon"; "required": false; }; "iconName": { "alias": "iconName"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "loading": { "alias": "loading"; "required": false; }; "fullWidth": { "alias": "fullWidth"; "required": false; }; "url": { "alias": "url"; "required": false; }; "urlTarget": { "alias": "urlTarget"; "required": false; }; "value": { "alias": "value"; "required": false; }; "tooltip": { "alias": "tooltip"; "required": false; }; }, { "buttonClickEvent": "buttonClickEvent"; "buttonHoverEvent": "buttonHoverEvent"; }, never, never, false, never>;
 }

package/components/button/button.model.d.ts

@@ -2,3 +2,4 @@ export type ButtonIconPosition = 'left' | 'right';
 export type ButtonColor = 'primary' | 'secondary' | 'outlined' | 'destructive' | 'tertiary' | 'link' | 'tab' | 'text' | 'menuTrigger' | 'menuCell' | 'icon-button';
 export type ButtonSize = 'big' | 'small';
 export type LinkUrlTarget = '' | '_self' | '_blank' | '_parent' | '_top';
+export type IconButtonSize = '32' | '40';

package/components/empty-state/empty-state.component.d.ts

@@ -0,0 +1,73 @@
+import { EventEmitter } from '@angular/core';
+import { IconName } from '../icon/icon.model';
+import * as i0 from "@angular/core";
+export declare class EmptyStateComponent {
+    /**
+     * @description If the default image should be displayed.
+     * @type {boolean}
+     * @memberof EmptyStateComponent
+     */
+    showDefaultImg: boolean;
+    /**
+     * @description The icon to be displayed in the empty state.
+     * @type {IconName}
+     * @memberof EmptyStateComponent
+     */
+    icon: IconName;
+    /**
+     * @description The title of the empty state.
+     * @type {string}
+     * @memberof EmptyStateComponent
+     */
+    title: string;
+    /**
+     * @description The body text or description of the empty state.
+     * @type {string}
+     * @memberof EmptyStateComponent
+     */
+    bodyText: string;
+    /**
+     * @description Displays primary button if passed.
+     * @type {string}
+     * @memberof EmptyStateComponent
+     */
+    primaryButtonText: string;
+    /**
+     * @description Displays secondary button if passed.
+     * @type {string}
+     * @memberof EmptyStateComponent
+     */
+    secondaryButtonText: string;
+    /**
+     * @description Displays tertiary button if passed.
+     * @type {string}
+     * @memberof EmptyStateComponent
+     */
+    tertiaryButtonText: string;
+    /**
+     * Event triggered when the primary button is clicked.
+     * @type {Event}
+     * @event
+     * @memberof TagComponent
+     */
+    primaryButtonClick: EventEmitter<Event>;
+    /**
+     * Event triggered when the secondary button is clicked.
+     * @type {Event}
+     * @event
+     * @memberof TagComponent
+     */
+    secondaryButtonClick: EventEmitter<Event>;
+    /**
+     * Event triggered when the tertiary button is clicked.
+     * @type {Event}
+     * @event
+     * @memberof TagComponent
+     */
+    tertiaryButtonClick: EventEmitter<Event>;
+    onPrimaryButtonClick(event: Event): void;
+    onSecondaryButtonClick(event: Event): void;
+    onTertiaryButtonClick(event: Event): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<EmptyStateComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<EmptyStateComponent, "ui-empty-state", never, { "showDefaultImg": { "alias": "showDefaultImg"; "required": false; }; "icon": { "alias": "icon"; "required": false; }; "title": { "alias": "title"; "required": false; }; "bodyText": { "alias": "bodyText"; "required": false; }; "primaryButtonText": { "alias": "primaryButtonText"; "required": false; }; "secondaryButtonText": { "alias": "secondaryButtonText"; "required": false; }; "tertiaryButtonText": { "alias": "tertiaryButtonText"; "required": false; }; }, { "primaryButtonClick": "primaryButtonClick"; "secondaryButtonClick": "secondaryButtonClick"; "tertiaryButtonClick": "tertiaryButtonClick"; }, never, never, false, never>;
+}

package/components/empty-state/empty-state.component.module.d.ts

@@ -0,0 +1,11 @@
+import * as i0 from "@angular/core";
+import * as i1 from "./empty-state.component";
+import * as i2 from "@angular/common";
+import * as i3 from "../icon/icon.component.module";
+import * as i4 from "@ngneat/transloco";
+import * as i5 from "../button/button.component.module";
+export declare class EmptyStateComponentModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<EmptyStateComponentModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<EmptyStateComponentModule, [typeof i1.EmptyStateComponent], [typeof i2.CommonModule, typeof i3.IconComponentModule, typeof i2.NgOptimizedImage, typeof i4.TranslocoModule, typeof i5.ButtonComponentModule], [typeof i1.EmptyStateComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<EmptyStateComponentModule>;
+}

package/components/field/field.component.d.ts

@@ -1,8 +1,12 @@
 import { OnInit } from '@angular/core';
 import { ControlValueAccessor } from '@angular/forms';
 import { FieldType } from '../../components/field/field.model';
+import { MatIconRegistry } from '@angular/material/icon';
+import { DomSanitizer } from '@angular/platform-browser';
 import * as i0 from "@angular/core";
 export declare class FieldComponent implements OnInit, ControlValueAccessor {
+    private matIconRegistry;
+    private domSanitizer;
     class: string;
     /**
      * Form field label
@@ -97,8 +101,7 @@ export declare class FieldComponent implements OnInit, ControlValueAccessor {
      * @ignore
      */
     onTouch: () => void;
-    constructor();
-    showSearch: boolean;
+    constructor(matIconRegistry: MatIconRegistry, domSanitizer: DomSanitizer);
     showClose: boolean;
     showPassword: boolean;
     currentType: string;

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

@@ -7,8 +7,9 @@ import * as i5 from "@angular/material/input";
 import * as i6 from "../icon/icon.component.module";
 import * as i7 from "@angular/forms";
 import * as i8 from "../button/button.component.module";
+import * as i9 from "@angular/material/icon";
 export declare class FieldComponentModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<FieldComponentModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<FieldComponentModule, [typeof i1.FieldComponent, typeof i2.DigitsOnlyDirective], [typeof i3.CommonModule, typeof i4.MatFormFieldModule, typeof i5.MatInputModule, typeof i6.IconComponentModule, typeof i7.FormsModule, typeof i7.ReactiveFormsModule, typeof i8.ButtonComponentModule], [typeof i1.FieldComponent]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<FieldComponentModule, [typeof i1.FieldComponent, typeof i2.DigitsOnlyDirective], [typeof i3.CommonModule, typeof i4.MatFormFieldModule, typeof i5.MatInputModule, typeof i6.IconComponentModule, typeof i7.FormsModule, typeof i7.ReactiveFormsModule, typeof i8.ButtonComponentModule, typeof i9.MatIconModule], [typeof i1.FieldComponent]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<FieldComponentModule>;
 }

package/components/icon/icon.model.d.ts

@@ -1,4 +1,4 @@
 import { tgoIcons } from './icon.config';
-export type IconSize = '16' | '24' | '80';
+export type IconSize = '16' | '24' | '40' | '80';
 export type IconName = typeof tgoIcons[number] | '';
 export type IconColor = 'teal' | 'petrol' | 'dark' | 'white' | 'black' | 'inherit';

package/components/radial-progress/radial-progress.component.d.ts

@@ -0,0 +1,27 @@
+import { RadialProgressSize, RadialProgressSizeEnum } from './radial-progress.model';
+import * as i0 from "@angular/core";
+export declare class RadialProgressComponent {
+    /**
+     * The size of the component. Defaults to 'small'.
+     * @type {RadialProgressSize}
+     * @memberof RadialProgressComponent
+     */
+    size: RadialProgressSize;
+    /**
+     * The current value of the progress. Defaults to 0.
+     * @type {number}
+     * @memberof RadialProgressComponent
+     */
+    value: number;
+    /**
+     * The value of the total progress. Used to set the cap and used for percentage calculations. Defaults to 0.
+     * @type {number}
+     * @memberof RadialProgressComponent
+     */
+    total: number;
+    protected radialProgressSize: typeof RadialProgressSizeEnum;
+    protected get progressSize(): number;
+    protected get percentage(): number;
+    static ɵfac: i0.ɵɵFactoryDeclaration<RadialProgressComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<RadialProgressComponent, "ui-radial-progress", never, { "size": { "alias": "size"; "required": false; }; "value": { "alias": "value"; "required": false; }; "total": { "alias": "total"; "required": false; }; }, {}, never, never, false, never>;
+}

package/components/radial-progress/radial-progress.component.module.d.ts

@@ -0,0 +1,9 @@
+import * as i0 from "@angular/core";
+import * as i1 from "./radial-progress.component";
+import * as i2 from "@angular/common";
+import * as i3 from "@angular/material/progress-spinner";
+export declare class RadialProgressComponentModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<RadialProgressComponentModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<RadialProgressComponentModule, [typeof i1.RadialProgressComponent], [typeof i2.CommonModule, typeof i3.MatProgressSpinnerModule], [typeof i1.RadialProgressComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<RadialProgressComponentModule>;
+}

package/components/radial-progress/radial-progress.model.d.ts

@@ -0,0 +1,9 @@
+export type RadialProgressSize = 'large' | 'small';
+export declare enum RadialProgressSizeValue {
+    LARGE = 64,
+    SMALL = 40
+}
+export declare enum RadialProgressSizeEnum {
+    LARGE = "large",
+    SMALL = "small"
+}

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

@@ -1,8 +1,8 @@
-import { EventEmitter, OnChanges } from '@angular/core';
+import { EventEmitter } from '@angular/core';
 import { Step } from './stepper.model';
 import { Observable } from 'rxjs';
 import * as i0 from "@angular/core";
-export declare class StepperComponent implements OnChanges {
+export declare class StepperComponent {
     protected readonly isMobile$: Observable<boolean>;
     /**
      * Input property to set the steps for the stepper.
@@ -37,11 +37,9 @@ export declare class StepperComponent implements OnChanges {
     get isOpen(): boolean;
     set isOpen(value: boolean);
     constructor(isMobile$: Observable<boolean>);
-    ngOnChanges(): void;
     protected onSelect(changedIndex: number, step: Step): void;
     protected showStepsToggle(): void;
     protected onCloseStepList(): void;
-    protected setProgressBar(selectedIndex: number): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<StepperComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<StepperComponent, "ui-stepper", never, { "steps": { "alias": "steps"; "required": false; }; "selectedIndex": { "alias": "selectedIndex"; "required": false; }; "lastStepFinalIcon": { "alias": "lastStepFinalIcon"; "required": false; }; }, { "selectionChange": "selectionChange"; }, never, never, false, never>;
 }

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

@@ -6,8 +6,9 @@ import * as i4 from "../icon/icon.component.module";
 import * as i5 from "../step/step.component.module";
 import * as i6 from "@angular/material/progress-spinner";
 import * as i7 from "@ngneat/transloco";
+import * as i8 from "../radial-progress/radial-progress.component.module";
 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.TranslocoModule], [typeof i1.StepperComponent]>;
+    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.TranslocoModule, typeof i8.RadialProgressComponentModule], [typeof i1.StepperComponent]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<StepperComponentModule>;
 }