@testgorilla/tgo-ui 6.4.2-beta.0 → 6.4.2-beta.3

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

@@ -1,5 +1,99 @@
-/**
- * Generated bundle index. Do not edit.
- */
-/// <amd-module name="@testgorilla/tgo-ui/components/radial-progress" />
-export * from './public-api';
+import * as i0 from '@angular/core';
+import { OnChanges, EventEmitter, SimpleChanges } from '@angular/core';
+import { ApplicationTheme } from '@testgorilla/tgo-ui/components/core';
+export { ApplicationTheme } from '@testgorilla/tgo-ui/components/core';
+import { IconName } from '@testgorilla/tgo-ui/components/icon';
+import * as i2 from '@angular/common';
+import * as i3 from '@angular/material/progress-spinner';
+import * as i4 from '@testgorilla/tgo-ui/components/button';
+
+type RadialProgressSize = 'large' | 'small';
+declare enum RadialProgressSizeValue {
+    LARGE = 64,
+    SMALL = 40
+}
+declare enum RadialProgressSizeEnum {
+    LARGE = "large",
+    SMALL = "small"
+}
+type RadialProgressVariant = 'number' | 'icon-button' | 'thin' | 'empty' | 'empty-thin';
+
+declare class RadialProgressComponent implements OnChanges {
+    private readonly defaultAppTheme;
+    /**
+     * 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;
+    /**
+     * @type {number}
+     * @memberof RadialProgressComponent
+     */
+    variant: RadialProgressVariant;
+    /**
+     * @type {boolean}
+     * @memberof RadialProgressComponent
+     */
+    showPercentageSign: boolean;
+    /**
+     * Icon for icon button
+     * @type {number}
+     * @memberof RadialProgressComponent
+     */
+    icon: IconName;
+    /**
+     * The tooltip that is displayed on hover. Required for icon-button
+     * @type {number}
+     * @memberof RadialProgressComponent
+     */
+    buttonTooltip: string;
+    /**
+     * Color of the progress bar.
+     * Defaults to Test Gorilla primary color.
+     *
+     * @type {string}
+     * @memberof RadialProgressComponent
+     */
+    companyColor: string | null;
+    /**
+     *
+     * Defines the application theme
+     *
+     * @type {ApplicationTheme}
+     * @memberof ButtonComponent
+     */
+    applicationTheme: ApplicationTheme;
+    buttonClicked: EventEmitter<Event>;
+    protected radialProgressSize: typeof RadialProgressSizeEnum;
+    constructor(defaultAppTheme: ApplicationTheme);
+    ngOnChanges(changes: SimpleChanges): void;
+    protected get progressSize(): number;
+    protected get percentage(): number;
+    protected get strokeWidth(): number;
+    protected get displayValue(): string;
+    protected onButtonClick(ev: Event): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<RadialProgressComponent, [{ optional: true; }]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<RadialProgressComponent, "ui-radial-progress", never, { "size": { "alias": "size"; "required": false; }; "value": { "alias": "value"; "required": false; }; "total": { "alias": "total"; "required": false; }; "variant": { "alias": "variant"; "required": false; }; "showPercentageSign": { "alias": "showPercentageSign"; "required": false; }; "icon": { "alias": "icon"; "required": false; }; "buttonTooltip": { "alias": "buttonTooltip"; "required": false; }; "companyColor": { "alias": "companyColor"; "required": false; }; "applicationTheme": { "alias": "applicationTheme"; "required": false; }; }, { "buttonClicked": "buttonClicked"; }, never, never, false, never>;
+}
+
+declare class RadialProgressComponentModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<RadialProgressComponentModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<RadialProgressComponentModule, [typeof RadialProgressComponent], [typeof i2.CommonModule, typeof i3.MatProgressSpinnerModule, typeof i4.ButtonComponentModule], [typeof RadialProgressComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<RadialProgressComponentModule>;
+}
+
+export { RadialProgressComponent, RadialProgressComponentModule, RadialProgressSizeEnum, RadialProgressSizeValue };
+export type { RadialProgressSize, RadialProgressVariant };

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

@@ -1,5 +1,211 @@
-/**
- * Generated bundle index. Do not edit.
- */
-/// <amd-module name="@testgorilla/tgo-ui/components/radio-button" />
-export * from './public-api';
+import * as i0 from '@angular/core';
+import { OnInit, OnChanges, AfterViewInit, OnDestroy, EventEmitter, DestroyRef, NgZone, ChangeDetectorRef, SimpleChanges } from '@angular/core';
+import * as i3 from '@angular/material/radio';
+import { MatRadioButton } from '@angular/material/radio';
+import * as i6 from '@testgorilla/tgo-ui/components/core';
+import { ApplicationTheme, Alignment } from '@testgorilla/tgo-ui/components/core';
+export { ApplicationTheme } from '@testgorilla/tgo-ui/components/core';
+import * as i4 from '@angular/forms';
+import { ControlValueAccessor, NgControl } from '@angular/forms';
+import * as i7 from '@angular/material/tooltip';
+import { MatTooltip } from '@angular/material/tooltip';
+import { FocusMonitor } from '@angular/cdk/a11y';
+import * as i2 from '@angular/common';
+import * as i5 from '@angular/material/input';
+import * as i8 from '@angular/material/checkbox';
+import * as i9 from '@testgorilla/tgo-ui/components/checkbox';
+
+type RadioButtonEventType = {
+    optionName: string;
+    optionChecked: boolean;
+};
+
+declare class RadioButtonComponent implements OnInit, OnChanges, ControlValueAccessor, AfterViewInit, OnDestroy {
+    private readonly defaultAppTheme;
+    ngControl: NgControl;
+    hostNgControl: NgControl;
+    private destroyRef;
+    private focusMonitor;
+    private ngZone;
+    private cdr;
+    private _isProcessingClick;
+    onHostClick(event: any): void;
+    /**
+     * Determines whether the radio button is disabled.
+     * Default: false.
+     *
+     * @type {boolean}
+     * @memberof RadioButtonComponent
+     */
+    disabled: boolean;
+    /**
+     * Determines whether the radio button is checked.
+     * Default: false.
+     *
+     * @type {boolean}
+     * @memberof RadioButtonComponent
+     */
+    _selected: boolean;
+    get selected(): boolean;
+    set selected(selected: boolean);
+    /**
+     * Determines whether the radio button can be unchecked.
+     * Default: false.
+     *
+     * @type {boolean}
+     * @memberof RadioButtonComponent
+     */
+    allowUnselect: boolean;
+    /**
+     * Determines the radio button color.
+     * Default: Test Gorilla primary color.
+     *
+     * @type {string}
+     * @memberof RadioButtonComponent
+     */
+    companyColor: string | null;
+    /**
+     * Used to group radios for unique selection.
+     *
+     * @type {string}
+     * @memberof RadioButtonComponent
+     */
+    name: string;
+    /**
+     * Text content will be applied to the input element if present.
+     *
+     * @type {string}
+     * @memberof RadioButtonComponent
+     */
+    label: string;
+    /**
+     * Determines whether the radio button is a multiple choice cell.
+     * Default: false
+     *
+     * @type {boolean}
+     * @memberof RadioButtonComponent
+     */
+    multiple: boolean;
+    /**
+     * Determines value of the radio button.
+     * Default: false
+     *
+     * @type {any}
+     * @memberof RadioButtonComponent
+     */
+    value: any;
+    /**
+     *
+     * Defines the application theme
+     *
+     * @type {ApplicationTheme}
+     * @memberof RadioButtonComponent
+     */
+    applicationTheme: ApplicationTheme;
+    /**
+     * A string representing the ARIA label for accessibility.
+     * This label is used to provide an accessible name for the input element.
+     * @type {string}
+     * @memberof RadioButtonComponent
+     */
+    ariaLabel: string;
+    /**
+     * A string representing the ARIA requirement for accessibility.
+     * This attribute is used to indicate whether an input field is required for form submission.
+     * @type {boolean}
+     * @memberof RadioButtonComponent
+     */
+    ariaRequired: boolean;
+    /**
+     * Defines if checkbox has error
+     *
+     * @type {boolean}
+     * @memberof RadioButtonComponent
+     */
+    hasError: boolean;
+    /**
+     * A string representing the ARIA requirement for accessibility.
+     * This attribute is used to indicate whether an input field is required for form submission.
+     * @type {string}
+     * @memberof RadioButtonComponent
+     */
+    ariaLabelledby: string;
+    /**
+     * A string representing the ARIA requirement for accessibility.
+     * This attribute is used to indicate whether an input field is required for form submission.
+     * @type {string}
+     * @memberof RadioButtonComponent
+     */
+    ariaDescribedby: string;
+    /**
+     *  Truncate text if it is too long
+     * @type {boolean}
+     * @memberof RadioButtonComponent
+     */
+    truncateText: boolean;
+    /**
+     * Text alignment
+     * @type {'center' | 'top'}
+     * @memberof RadioButtonComponent
+     */
+    alignment: Alignment;
+    /**
+     * Sets the tab index for the checkbox component.
+     * This determines the order in which elements receive focus when the user navigates through them using the Tab key.
+     * Default value is 0.
+     *
+     * @type {number}
+     * @memberof RadioButtonComponent
+     */
+    tabIndex: number;
+    /**
+     * Show tooltip when label is truncated
+     * @type {boolean}
+     * @memberof RadioButtonComponent
+     */
+    hideTooltipOnEllipsis: boolean;
+    /**
+     * Event emitted when the checked state of the radio button changes.
+     *
+     * @type {boolean}
+     * @memberof RadioButtonComponent
+     */
+    changeRadio: EventEmitter<RadioButtonEventType>;
+    classMultiple: string;
+    showTooltip: boolean;
+    protected origin: string | null;
+    radioElement: MatRadioButton;
+    tooltipElement: MatTooltip;
+    constructor(defaultAppTheme: ApplicationTheme, ngControl: NgControl, hostNgControl: NgControl, destroyRef: DestroyRef, focusMonitor: FocusMonitor, ngZone: NgZone, cdr: ChangeDetectorRef);
+    ngOnInit(): void;
+    ngOnChanges(changes: SimpleChanges): void;
+    ngAfterViewInit(): void;
+    ngOnDestroy(): void;
+    clickRadio(): void;
+    writeValue(value: any): void;
+    registerOnChange(fn: any): void;
+    registerOnTouched(fn: any): void;
+    setDisabledState(isDisabled: boolean): void;
+    onChange: (_value: any) => void;
+    /**
+     * @ignore
+     */
+    onTouch: () => void;
+    setClass(): string;
+    onLabelEllipsisChange(isEllipsis: boolean): void;
+    private checkHost;
+    private setCompanyColor;
+    onFocus(isFocus: boolean): void;
+    focus(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<RadioButtonComponent, [{ optional: true; }, { optional: true; self: true; }, { optional: true; host: true; }, null, null, null, null]>;
+    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; }; "ariaLabelledby": { "alias": "ariaLabelledby"; "required": false; }; "ariaDescribedby": { "alias": "ariaDescribedby"; "required": false; }; "truncateText": { "alias": "truncateText"; "required": false; }; "alignment": { "alias": "alignment"; "required": false; }; "tabIndex": { "alias": "tabIndex"; "required": false; }; "hideTooltipOnEllipsis": { "alias": "hideTooltipOnEllipsis"; "required": false; }; }, { "changeRadio": "changeRadio"; }, never, ["[radio-label]"], false, never>;
+}
+
+declare class RadioButtonComponentModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<RadioButtonComponentModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<RadioButtonComponentModule, [typeof RadioButtonComponent], [typeof i2.CommonModule, typeof i3.MatRadioModule, typeof i4.FormsModule, typeof i4.ReactiveFormsModule, typeof i5.MatInputModule, typeof i6.EllipseTextDirective, typeof i7.MatTooltipModule, typeof i8.MatCheckboxModule, typeof i9.FocusVisibleDirective], [typeof RadioButtonComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<RadioButtonComponentModule>;
+}
+
+export { RadioButtonComponent, RadioButtonComponentModule };
+export type { RadioButtonEventType };

package/components/rating/index.d.ts

@@ -1,5 +1,97 @@
-/**
- * Generated bundle index. Do not edit.
- */
-/// <amd-module name="@testgorilla/tgo-ui/components/rating" />
-export * from './public-api';
+import * as i0 from '@angular/core';
+import { EventEmitter, PipeTransform } from '@angular/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/input';
+
+type RatingComponentTheme = 'stars' | 'block';
+declare class RatingComponent {
+    private readonly defaultAppTheme;
+    private readonly MIN_LENGTH;
+    private readonly DEFAULT_LENGTH;
+    protected items: number[];
+    protected hoverIndex: number;
+    /**
+     *
+     * Defines the application theme where accordion is used
+     *
+     * @type {ApplicationTheme}
+     * @memberof AccordionComponent
+     */
+    applicationTheme: ApplicationTheme;
+    /**
+     * The value representing the rating.
+     * @type {number}
+     * @memberof RatingComponent
+     */
+    value: number;
+    /**
+     * The theme of the rating component. Defaults "block".
+     * @type {RatingComponentTheme}
+     * @memberof RatingComponent
+     */
+    theme: RatingComponentTheme;
+    /**
+     * A flag indicating whether the rating component is disabled.
+     * @type {boolean}
+     * @memberof RatingComponent
+     */
+    disabled: boolean;
+    /**
+     * A string representing the ARIA label for accessibility.
+     * This label is used to provide an accessible name for the input element.
+     * @type {string}
+     * @memberof RatingComponent
+     */
+    ariaLabel: string;
+    /**
+     * A string representing the ARIA requirement for accessibility.
+     * This attribute is used to indicate whether an input field is required for form submission.
+     * @type {boolean}
+     * @memberof RatingComponent
+     */
+    ariaRequired: boolean;
+    /**
+     * The width of the rating bar.
+     * @type {number}
+     * @memberof RatingComponent
+     */
+    barWidth: number;
+    /**
+     * A flag indicating whether the rating can be unselected by clicking on the same value.
+     * When false, clicking on the same value will not change the rating.
+     * @type {boolean}
+     * @memberof RatingComponent
+     */
+    canUnselect: boolean;
+    set length(length: number);
+    valueChange: EventEmitter<number>;
+    constructor(defaultAppTheme: ApplicationTheme);
+    protected select(index: number): void;
+    protected onHover(index: number): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<RatingComponent, [{ optional: true; }]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<RatingComponent, "ui-rating", never, { "applicationTheme": { "alias": "applicationTheme"; "required": false; }; "value": { "alias": "value"; "required": false; }; "theme": { "alias": "theme"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; }; "ariaRequired": { "alias": "ariaRequired"; "required": false; }; "barWidth": { "alias": "barWidth"; "required": false; }; "canUnselect": { "alias": "canUnselect"; "required": false; }; "length": { "alias": "length"; "required": false; }; }, { "valueChange": "valueChange"; }, never, never, false, never>;
+}
+
+declare class HalfStarPipe implements PipeTransform {
+    /**
+     * @description Used to indicate whether display half-star icon.
+     * Returns true if the rounded value of the current element
+     * is equal to it's index, and value is not integer (e.g. index = 4, value = 3.5),
+     * @param index the index of the current element
+     * @param value the value of the current element
+     */
+    transform(index: number, value: number): boolean;
+    static ɵfac: i0.ɵɵFactoryDeclaration<HalfStarPipe, never>;
+    static ɵpipe: i0.ɵɵPipeDeclaration<HalfStarPipe, "halfStar", false>;
+}
+
+declare class RatingComponentModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<RatingComponentModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<RatingComponentModule, [typeof RatingComponent, typeof HalfStarPipe], [typeof i3.CommonModule, typeof i4.MatInputModule], [typeof RatingComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<RatingComponentModule>;
+}
+
+export { RatingComponent, RatingComponentModule };
+export type { RatingComponentTheme };

package/components/scale/index.d.ts

@@ -1,5 +1,65 @@
-/**
- * Generated bundle index. Do not edit.
- */
-/// <amd-module name="@testgorilla/tgo-ui/components/scale" />
-export * from './public-api';
+import * as i0 from '@angular/core';
+import { OnInit, OnChanges, QueryList, ElementRef, EventEmitter, SimpleChanges } from '@angular/core';
+import { ApplicationTheme } from '@testgorilla/tgo-ui/components/core';
+export { ApplicationTheme } from '@testgorilla/tgo-ui/components/core';
+import * as i2 from '@angular/common';
+
+declare class ScaleComponent implements OnInit, OnChanges {
+    private readonly defaultAppTheme;
+    private readonly MIN_LENGTH;
+    private readonly DEFAULT_LENGTH;
+    protected items: number[];
+    scaleItems: QueryList<ElementRef>;
+    /**
+     * The value representing the selected item of the scale.
+     * @type {number}
+     * @memberof ScaleComponent
+     */
+    selectedIndex: number | null;
+    /**
+     * The max number of items in the scale.
+     * @type {number}
+     * @memberof ScaleComponent
+     */
+    set length(length: number);
+    /**
+     *
+     * Defines the application theme
+     *
+     * @type {ApplicationTheme}
+     * @memberof ScaleComponent
+     */
+    applicationTheme: ApplicationTheme;
+    /**
+     * Color of the option hover.
+     * Defaults to Test Gorilla primary color.
+     *
+     * @type {string}
+     * @memberof ScaleComponent
+     */
+    companyColor: string;
+    selectedIndexChange: EventEmitter<number>;
+    styles: i0.WritableSignal<{
+        '--hover-color': string;
+        '--selected-color': string;
+    }>;
+    constructor(defaultAppTheme: ApplicationTheme);
+    ngOnInit(): void;
+    ngOnChanges(changes: SimpleChanges): void;
+    protected select(index: number): void;
+    onKeyDown(event: KeyboardEvent, index: number): void;
+    focusItem(index: number): void;
+    getAriaLabel(index: number): string;
+    private setCompanyColor;
+    onFocus(item: number): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ScaleComponent, [{ optional: true; }]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ScaleComponent, "ui-scale", never, { "selectedIndex": { "alias": "selectedIndex"; "required": false; }; "length": { "alias": "length"; "required": false; }; "applicationTheme": { "alias": "applicationTheme"; "required": false; }; "companyColor": { "alias": "companyColor"; "required": false; }; }, { "selectedIndexChange": "selectedIndexChange"; }, never, never, false, never>;
+}
+
+declare class ScaleComponentModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<ScaleComponentModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<ScaleComponentModule, [typeof ScaleComponent], [typeof i2.CommonModule], [typeof ScaleComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<ScaleComponentModule>;
+}
+
+export { ScaleComponent, ScaleComponentModule };

package/components/scale-table/index.d.ts

@@ -1,5 +1,49 @@
-/**
- * Generated bundle index. Do not edit.
- */
-/// <amd-module name="@testgorilla/tgo-ui/components/scale-table" />
-export * from './public-api';
+import * as _angular_core from '@angular/core';
+import { ApplicationTheme } from '@testgorilla/tgo-ui/components/core';
+export { ApplicationTheme } from '@testgorilla/tgo-ui/components/core';
+
+interface ScaleItem {
+    length?: number;
+    value?: number;
+    text: string;
+}
+
+declare class ScaleTableComponent {
+    /**
+     *
+     * Defines the application theme
+     *
+     * @type {ApplicationTheme}
+     * @memberof ScaleTableComponent
+     */
+    applicationTheme: _angular_core.InputSignal<ApplicationTheme>;
+    /**
+     *
+     * Defines items with their text and it's values
+     *
+     * @type {ScaleTable}
+     * @memberof ScaleTableComponent
+     */
+    scaleItems: _angular_core.ModelSignal<ScaleItem[]>;
+    /**
+     *
+     * Defines description of scales
+     *
+     * @type {string[]}
+     * @memberof ScaleTableComponent
+     */
+    labels: _angular_core.InputSignal<string[]>;
+    hideBetterExperience: _angular_core.ModelSignal<boolean>;
+    scaleItemChange: _angular_core.OutputEmitterRef<{
+        item: ScaleItem;
+        label: string;
+    }>;
+    scaleCount: _angular_core.Signal<number>;
+    protected readonly translationContext = "SCALE_TABLE.";
+    select(scaleItemIndex: number, scaleIndex: number): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ScaleTableComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ScaleTableComponent, "ui-scale-table", never, { "applicationTheme": { "alias": "applicationTheme"; "required": false; "isSignal": true; }; "scaleItems": { "alias": "scaleItems"; "required": true; "isSignal": true; }; "labels": { "alias": "labels"; "required": true; "isSignal": true; }; "hideBetterExperience": { "alias": "hideBetterExperience"; "required": false; "isSignal": true; }; }, { "scaleItems": "scaleItemsChange"; "hideBetterExperience": "hideBetterExperienceChange"; "scaleItemChange": "scaleItemChange"; }, never, never, true, never>;
+}
+
+export { ScaleTableComponent };
+export type { ScaleItem };

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

@@ -1,5 +1,92 @@
-/**
- * Generated bundle index. Do not edit.
- */
-/// <amd-module name="@testgorilla/tgo-ui/components/segmented-bar" />
-export * from './public-api';
+import * as i5 from '@testgorilla/tgo-ui/components/icon';
+import { IconName } from '@testgorilla/tgo-ui/components/icon';
+import { ApplicationTheme } from '@testgorilla/tgo-ui/components/core';
+export { ApplicationTheme } from '@testgorilla/tgo-ui/components/core';
+import * as i0 from '@angular/core';
+import * as i2 from '@angular/common';
+import * as i3 from '@angular/material/tooltip';
+import * as i4 from '@angular/material/input';
+import * as i6 from '@testgorilla/tgo-ui/components/tooltip';
+
+type SegmentedBarVariant = 'large' | 'small';
+type SegmentedBarColor = 'teal' | 'rhubarb' | 'light-teal' | 'grey';
+interface SegmentedBar {
+    value: number;
+    color: SegmentedBarColor;
+    tooltip?: string;
+    icon?: IconName;
+}
+type SegmentedBarWithPercentage = SegmentedBar & {
+    percentage: string;
+};
+
+declare class SegmentedBarComponent {
+    private readonly defaultAppTheme;
+    /**
+     * The width of the segmented bar. Defaults to '100%'.
+     * You can use '100%' or '100px' for this field. 100 is just an example
+     * @default '100%'
+     * @type {string}
+     * @memberof SegmentedBarComponent
+     */
+    width: string;
+    /**
+     * The size variant of the segmented bar. Can be 'small' or 'large'.
+     * Defaults to 'large'.
+     * @default 'large'
+     * @type {SegmentedBarVariant}
+     * @memberof SegmentedBarComponent
+     */
+    size: SegmentedBarVariant;
+    /**
+     * The segments to be displayed in the segmented bar.
+     * @required true
+     * @type {SegmentedBar}
+     * @memberof SegmentedBarComponent
+     */
+    set segments(segments: SegmentedBar[]);
+    /**
+     *
+     * Defines the application theme
+     *
+     * @type {ApplicationTheme}
+     * @memberof SegmentedBarComponent
+     */
+    applicationTheme: ApplicationTheme;
+    /**
+     * A string representing the ARIA label for accessibility.
+     * This label is used to provide an accessible name for the input element.
+     * @type {string}
+     * @memberof SegmentedBarComponent
+     */
+    ariaLabel: string;
+    /**
+     * A string representing the ARIA requirement for accessibility.
+     * This attribute is used to indicate whether an input field is required for form submission.
+     * @type {boolean}
+     * @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[];
+    get accessibleValueText(): string;
+    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; }; "tooltipStats": { "alias": "tooltipStats"; "required": false; }; }, {}, never, never, false, never>;
+}
+
+declare class SegmentedBarComponentModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<SegmentedBarComponentModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<SegmentedBarComponentModule, [typeof SegmentedBarComponent], [typeof i2.CommonModule, typeof i3.MatTooltipModule, typeof i4.MatInputModule, typeof i5.IconComponentModule, typeof i6.TooltipComponentModule], [typeof SegmentedBarComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<SegmentedBarComponentModule>;
+}
+
+export { SegmentedBarComponent, SegmentedBarComponentModule };
+export type { SegmentedBar, SegmentedBarColor, SegmentedBarVariant, SegmentedBarWithPercentage };