@testgorilla/tgo-ui 7.0.0-beta.0 → 7.0.0

package/components/rating/index.d.ts

@@ -1,97 +1,5 @@
-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 };
+/**
+ * Generated bundle index. Do not edit.
+ */
+/// <amd-module name="@testgorilla/tgo-ui/components/rating" />
+export * from './public-api';

package/components/rating/public-api.d.ts

@@ -0,0 +1,3 @@
+export * from './rating.component';
+export * from './rating.component.module';
+export { ApplicationTheme } from '@testgorilla/tgo-ui/components/core';

package/components/rating/rating.component.d.ts

@@ -0,0 +1,71 @@
+import { EventEmitter } from '@angular/core';
+import { ApplicationTheme } from '@testgorilla/tgo-ui/components/core';
+import * as i0 from "@angular/core";
+export type RatingComponentTheme = 'stars' | 'block';
+export 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>;
+}

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

@@ -0,0 +1,10 @@
+import * as i0 from "@angular/core";
+import * as i1 from "./rating.component";
+import * as i2 from "./half-star.pipe";
+import * as i3 from "@angular/common";
+import * as i4 from "@angular/material/input";
+export declare class RatingComponentModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<RatingComponentModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<RatingComponentModule, [typeof i1.RatingComponent, typeof i2.HalfStarPipe], [typeof i3.CommonModule, typeof i4.MatInputModule], [typeof i1.RatingComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<RatingComponentModule>;
+}

package/components/scale/index.d.ts

@@ -1,65 +1,5 @@
-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 };
+/**
+ * Generated bundle index. Do not edit.
+ */
+/// <amd-module name="@testgorilla/tgo-ui/components/scale" />
+export * from './public-api';

package/components/scale/public-api.d.ts

@@ -0,0 +1,3 @@
+export * from './scale.component';
+export * from './scale.component.module';
+export { ApplicationTheme } from '@testgorilla/tgo-ui/components/core';

package/components/scale/scale.component.d.ts

@@ -0,0 +1,54 @@
+import { ElementRef, EventEmitter, OnChanges, OnInit, QueryList, SimpleChanges } from '@angular/core';
+import { ApplicationTheme } from '@testgorilla/tgo-ui/components/core';
+import * as i0 from "@angular/core";
+export 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: import("@angular/core").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>;
+}

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

@@ -0,0 +1,8 @@
+import * as i0 from "@angular/core";
+import * as i1 from "./scale.component";
+import * as i2 from "@angular/common";
+export declare class ScaleComponentModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<ScaleComponentModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<ScaleComponentModule, [typeof i1.ScaleComponent], [typeof i2.CommonModule], [typeof i1.ScaleComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<ScaleComponentModule>;
+}

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

@@ -1,49 +1,5 @@
-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 };
+/**
+ * Generated bundle index. Do not edit.
+ */
+/// <amd-module name="@testgorilla/tgo-ui/components/scale-table" />
+export * from './public-api';

package/components/scale-table/public-api.d.ts

@@ -0,0 +1,3 @@
+export * from './scale-table.component';
+export * from './scale-table.model';
+export { ApplicationTheme } from '@testgorilla/tgo-ui/components/core';

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

@@ -0,0 +1,39 @@
+import { ApplicationTheme } from '@testgorilla/tgo-ui/components/core';
+import { ScaleItem } from './scale-table.model';
+import * as i0 from "@angular/core";
+export declare class ScaleTableComponent {
+    /**
+     *
+     * Defines the application theme
+     *
+     * @type {ApplicationTheme}
+     * @memberof ScaleTableComponent
+     */
+    applicationTheme: import("@angular/core").InputSignal<ApplicationTheme>;
+    /**
+     *
+     * Defines items with their text and it's values
+     *
+     * @type {ScaleTable}
+     * @memberof ScaleTableComponent
+     */
+    scaleItems: import("@angular/core").ModelSignal<ScaleItem[]>;
+    /**
+     *
+     * Defines description of scales
+     *
+     * @type {string[]}
+     * @memberof ScaleTableComponent
+     */
+    labels: import("@angular/core").InputSignal<string[]>;
+    hideBetterExperience: import("@angular/core").ModelSignal<boolean>;
+    scaleItemChange: import("@angular/core").OutputEmitterRef<{
+        item: ScaleItem;
+        label: string;
+    }>;
+    scaleCount: import("@angular/core").Signal<number>;
+    protected readonly translationContext = "SCALE_TABLE.";
+    select(scaleItemIndex: number, scaleIndex: number): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ScaleTableComponent, never>;
+    static ɵcmp: i0.ɵɵ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>;
+}

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

@@ -0,0 +1,5 @@
+export interface ScaleItem {
+    length?: number;
+    value?: number;
+    text: string;
+}

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

@@ -1,92 +1,5 @@
-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 };
+/**
+ * Generated bundle index. Do not edit.
+ */
+/// <amd-module name="@testgorilla/tgo-ui/components/segmented-bar" />
+export * from './public-api';

package/components/segmented-bar/public-api.d.ts

@@ -0,0 +1,4 @@
+export * from './segmented-bar.component';
+export * from './segmented-bar.component.module';
+export * from './segmented-bar.model';
+export { ApplicationTheme } from '@testgorilla/tgo-ui/components/core';

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

@@ -0,0 +1,64 @@
+import { SegmentedBar, SegmentedBarVariant, SegmentedBarWithPercentage } from './segmented-bar.model';
+import { ApplicationTheme } from '@testgorilla/tgo-ui/components/core';
+import * as i0 from "@angular/core";
+export 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>;
+}

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

@@ -0,0 +1,12 @@
+import * as i0 from "@angular/core";
+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 "@testgorilla/tgo-ui/components/icon";
+import * as i6 from "@testgorilla/tgo-ui/components/tooltip";
+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 i5.IconComponentModule, typeof i6.TooltipComponentModule], [typeof i1.SegmentedBarComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<SegmentedBarComponentModule>;
+}

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

@@ -0,0 +1,12 @@
+import { IconName } from '@testgorilla/tgo-ui/components/icon';
+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;
+};