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

package/components/autocomplete/index.d.ts

@@ -1,5 +1,416 @@
+import * as i0 from '@angular/core';
+import { OnChanges, AfterViewInit, DoCheck, OnDestroy, OnInit, EventEmitter, ElementRef, ChangeDetectorRef, DestroyRef, NgZone, SimpleChanges, PipeTransform } from '@angular/core';
+import * as rxjs from 'rxjs';
+import { ReplaySubject, BehaviorSubject, Subscription } from 'rxjs';
+import { FocusMonitor } from '@angular/cdk/a11y';
+import * as i15 from '@angular/cdk/scrolling';
+import { CdkVirtualScrollViewport } from '@angular/cdk/scrolling';
+import * as i9 from '@angular/forms';
+import { ControlValueAccessor, NgControl } from '@angular/forms';
+import * as i7 from '@angular/material/autocomplete';
+import { MatAutocompleteTrigger, MatAutocomplete, MatAutocompleteSelectedEvent } from '@angular/material/autocomplete';
+import * as i13 from '@testgorilla/tgo-ui/components/core';
+import { ApplicationTheme, AutocompleteUtils } from '@testgorilla/tgo-ui/components/core';
+export { ApplicationTheme } from '@testgorilla/tgo-ui/components/core';
+import * as i5 from '@angular/common';
+import * as i6 from '@angular/material/form-field';
+import * as i8 from '@angular/material/input';
+import * as i10 from '@testgorilla/tgo-ui/components/tag';
+import * as i11 from '@angular/material/chips';
+import * as i12 from '@testgorilla/tgo-ui/components/icon';
+import * as i14 from '@testgorilla/tgo-ui/components/validation-error';
+import * as i17 from '@testgorilla/tgo-ui/components/spinner';
+
+type AutocompleteType = 'single' | 'multi' | 'large';
+declare enum Autocomplete {
+    SINGLE = "single",
+    MULTI = "multi",
+    LARGE = "large"
+}
+declare enum Padding {
+    AUTOCOMPLETE_CONTAINER = 40,
+    DROPDOWN_CONTAINER = 60,
+    AUTOCOMPLETE_SPACE_CONTAINER = 65,
+    DROPDOWN_SPACE_CONTAINER = 85
+}
+declare const AMOUNT_TAG_WIDTH = 33;
+declare enum Timeout {
+    VIEW_INITIALIZED_AFTER_ACTION = 150,
+    VIEW_INITIALIZED_COMPONENT_LOAD = 600
+}
+declare enum DropdownVariation {
+    AUTOCOMPLETE = "autocomplete",
+    DROPDOWN = "dropdown"
+}
+type DropdownVariationType = `${DropdownVariation}`;
+type AutocompleteSize = 'small' | 'medium';
+
+declare class AutocompleteComponent implements ControlValueAccessor, OnChanges, AfterViewInit, DoCheck, OnDestroy, OnInit {
+    private readonly defaultAppTheme;
+    private readonly cdr;
+    ngControl: NgControl;
+    private readonly platformId;
+    private readonly el;
+    private readonly focusMonitor;
+    private readonly destroyRef;
+    private readonly ngZone;
+    /**
+     * @property itemsList
+     * @description The list of items to display in the autocomplete.
+     * @memberof AutocompleteComponent
+     */
+    itemsList: any[] | {
+        groupName: string;
+        items: any[];
+        isGroup: boolean;
+    }[];
+    /**
+     * @property suggestionsList
+     * @description The list of suggestions to display in the autocomplete.
+     * @memberof AutocompleteComponent
+     */
+    suggestionsList: any[];
+    /**
+     * @property disabled
+     * @description If `true`, the autocomplete is disabled.
+     * @memberof AutocompleteComponent
+     */
+    disabled: boolean;
+    /**
+     * @property allowAdd
+     * @description If `true`, allows adding new values to the autocomplete.
+     * @memberof AutocompleteComponent
+     */
+    allowAdd: boolean;
+    /**
+     * @property textField
+     * @description The field to be used as the display text in the autocomplete.
+     * @memberof AutocompleteComponent
+     */
+    textField: string;
+    /**
+     * @property valueField
+     * @description The field to be used as the value in the autocomplete.
+     * @memberof AutocompleteComponent
+     */
+    valueField: string;
+    /**
+     * @property label
+     * @description The label for the autocomplete input.
+     * @memberof AutocompleteComponent
+     */
+    label: string;
+    /**
+     * @property placeholder
+     * @description The placeholder for the autocomplete input.
+     * @memberof AutocompleteComponent
+     */
+    placeholder: string;
+    /**
+     * @property value
+     * @description The selected value(s) in the autocomplete.
+     * @memberof AutocompleteComponent
+     */
+    set itemValue(v: any);
+    /**
+     * @property type
+     * @description The type of the autocomplete ('single', 'multi', etc.).
+     * @memberof AutocompleteComponent
+     */
+    type: AutocompleteType;
+    /**
+     * @property minCharactersSearch
+     * @description The minimum characters to trigger search.
+     * @memberof AutocompleteComponent
+     */
+    minCharactersSearch: number;
+    /**
+     * @property variant
+     * @description The variant of Autocomplete
+     * @memberof AutocompleteComponent
+     */
+    variant: DropdownVariationType;
+    /**
+     * Show reserved content below form field
+     * @property showBottomContent
+     * @type {boolean}
+     * @memberof AutocompleteComponent
+     */
+    showBottomContent: boolean;
+    /**
+     * Return full object if true
+     * @property valuePrimitive
+     * @type {boolean}
+     * @memberof AutocompleteComponent
+     */
+    valuePrimitive: boolean;
+    /**
+     * Indicator of the autocomplete width
+     * @property fullWidth
+     * @type {boolean}
+     * @memberof AutocompleteComponent
+     */
+    fullWidth: boolean;
+    /**
+     *
+     * Defines the application theme
+     *
+     * @type {ApplicationTheme}
+     * @memberof AutocompleteComponent
+     */
+    applicationTheme: ApplicationTheme;
+    /**
+     * Autocomplete is required or not
+     *
+     * @type {boolean}
+     * @memberof AutocompleteComponent
+     */
+    required: boolean;
+    /**
+     * Input field errors
+     *
+     * @type {string[]}
+     * @memberof AutocompleteComponent
+     */
+    set errors(errors: string[]);
+    /**
+     * Color of the option hover.
+     * Defaults to Test Gorilla primary color.
+     *
+     * @type {string}
+     * @memberof AutocompleteComponent
+     */
+    companyColor: string | null;
+    /**
+     * Hide in-build errors for Reactive Forms
+     *
+     * @type {number}
+     * @memberof AutocompleteComponent
+     */
+    hideBuiltInErrors: boolean;
+    /**
+     * Hide label in errors
+     *
+     * @type {number}
+     * @memberof AutocompleteComponent
+     */
+    hideLabelInErrors: boolean;
+    /**
+     * Sets dropdown list to virtual scroll mode
+     *
+     * @type {boolean}
+     * @memberof AutocompleteComponent
+     */
+    virtualScroll: boolean;
+    /**
+     * @property compareWith
+     * @description Custom comparison logic for the autocomplete.
+     * @memberof AutocompleteComponent
+     */
+    compareWith: (a: any, b: any) => boolean;
+    /**
+     * @property dropdownPanelClass
+     * @description Sets class on autocomplete dropdown
+     * @memberof AutocompleteComponent
+     */
+    dropdownPanelClass: string;
+    /**
+     * @property closeOnScroll
+     * @description Defines if dropdown should be closed on page scroll
+     * @memberof AutocompleteComponent
+     */
+    closeOnScroll: boolean;
+    /**
+     * @property AutocompleteSize
+     * @description Defines the size of the autocomplete. Small changes the tags to counter; medium is default.
+     * @memberof AutocompleteComponent
+     */
+    size: AutocompleteSize;
+    /**
+     * @property allowUserInput
+     * @description If `true`, allows the user to input custom values in the autocomplete.
+     * @type {boolean}
+     * @memberof AutocompleteComponent
+     */
+    allowUserInput: boolean;
+    /**
+     * @property clearable
+     * @description If `true`, allows the user to clear the input values
+     * @type {boolean}
+     * @memberof AutocompleteComponent
+     */
+    clearable: boolean;
+    /**
+     * @property exactMatchSelect
+     * @description If `true`, allows to select the exact match from the suggestions list
+     * @type {boolean}
+     * @memberof AutocompleteComponent
+     */
+    exactMatchSelect: boolean;
+    /**
+     * @property maxItemSelected
+     * @description Sets the maximum number of items that can be selected in the autocomplete
+     * @type {boolean}
+     * @memberof AutocompleteComponent
+     */
+    maxItemSelected: number;
+    /**
+     * @property maxItemSelected
+     * @description Sets the maximum length of the autocomplete input
+     * @type {boolean}
+     * @memberof AutocompleteComponent
+     */
+    maxLength?: number;
+    isDynamicFilteringEnabled: boolean;
+    dynamicFilterLoading: boolean;
+    dynamicFilteredList: any[] | null;
+    infiniteScroll: boolean;
+    hasMoreOptionsForInfiniteScroll: boolean;
+    selectionChange: EventEmitter<any>;
+    searchTextChange: EventEmitter<string>;
+    blur: EventEmitter<void>;
+    focus: EventEmitter<void>;
+    /**
+     * @property scrollViewportBottomReached
+     * @description Emits when the bottom of the unfiltered list is reached during infinite scroll
+     * @memberof AutocompleteComponent
+     */
+    scrollViewportBottomReached: EventEmitter<void>;
+    /**
+     * @property scrollViewportBottomReachedFiltered
+     * @description Emits when the bottom of the filtered list is reached during infinite scroll
+     * @memberof AutocompleteComponent
+     */
+    scrollViewportBottomReachedFiltered: EventEmitter<void>;
+    formFieldElement: ElementRef<HTMLElement>;
+    tagContainer: ElementRef<HTMLElement>;
+    autocomplete: MatAutocompleteTrigger;
+    set cdkVirtualScrollViewport(viewport: CdkVirtualScrollViewport);
+    matAutocomplete: MatAutocomplete;
+    matInput: ElementRef<HTMLInputElement>;
+    protected safeErrors: string[];
+    protected value: any;
+    protected inputValue: any;
+    protected isInputFocus: boolean;
+    protected autocompleteType: typeof Autocomplete;
+    protected isOverLapping: boolean;
+    protected isOverlapChecking: boolean;
+    protected overlapIndex: number;
+    protected inputOpacity: number;
+    protected firstTagMaxWidth: number;
+    protected inputValueSearch$: ReplaySubject<string>;
+    protected userInput$: ReplaySubject<string>;
+    protected dynamicFilteredList$: BehaviorSubject<any[] | null>;
+    protected filteredItemsList$: rxjs.Observable<any>;
+    protected filteredSuggestionList$: rxjs.Observable<any>;
+    protected savedVirtualScrollViewport: CdkVirtualScrollViewport;
+    protected savedVirtualScrollSubscription: Subscription;
+    protected isFilteredViewport: boolean;
+    scrollEvent: (event: any) => void;
+    protected searchResult$: rxjs.Observable<boolean>;
+    protected translationContext: string;
+    protected readonly AutocompleteUtils: typeof AutocompleteUtils;
+    private readonly isPlatform;
+    private observer;
+    protected keyboardFocused: i0.WritableSignal<boolean>;
+    isAlreadyAdded: boolean;
+    constructor(defaultAppTheme: ApplicationTheme, cdr: ChangeDetectorRef, ngControl: NgControl, platformId: any, el: ElementRef, focusMonitor: FocusMonitor, destroyRef: DestroyRef, ngZone: NgZone);
+    ngOnInit(): void;
+    /**
+     * Used to mark component view as dirty when touched programmatically with markAsTouched/markAllAsTouched or errors
+     * to display validation errors that might happen (e.g. required)
+     */
+    ngDoCheck(): void;
+    ngOnChanges(changes: SimpleChanges): void;
+    ngAfterViewInit(): void;
+    ngOnDestroy(): void;
+    onChange: (_: any) => void;
+    onTouch: () => void;
+    registerOnChange(fn: any): void;
+    registerOnTouched(fn: any): void;
+    setDisabledState(isDisabled: boolean): void;
+    writeValue(value: any): void;
+    protected get isGrouped(): boolean;
+    protected onOptionSelected(event: MatAutocompleteSelectedEvent): void;
+    protected onOptionRemoved(option: any): void;
+    protected onInputChange(event: Event): void;
+    protected onClear(): void;
+    protected refillInput(): void;
+    protected gotoUp(): void;
+    protected onFocus(): void;
+    private checkOverlap;
+    private onUpdate;
+    private updateControlMaxLengthValidity;
+    private initValue;
+    private addNewValue;
+    protected get isDropdown(): boolean;
+    protected onChevronClick(autocomplete: MatAutocomplete): void;
+    protected get inputWidth(): number;
+    protected trackByFn: (index: number, value: string) => string;
+    /**
+     * Adding company color variable to the body to style overlay container that's out of the component scope.
+     */
+    private setCompanyColorVariable;
+    private subscriberDisplayChange;
+    protected get hasObjectValue(): boolean;
+    onKeydown($event: KeyboardEvent): void;
+    protected getVirtualScrollHeight(itemCount: number): number;
+    static ɵfac: i0.ɵɵFactoryDeclaration<AutocompleteComponent, [{ optional: true; }, null, { optional: true; self: true; }, null, null, null, null, null]>;
+    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; }; "placeholder": { "alias": "placeholder"; "required": false; }; "itemValue": { "alias": "itemValue"; "required": false; }; "type": { "alias": "type"; "required": false; }; "minCharactersSearch": { "alias": "minCharactersSearch"; "required": false; }; "variant": { "alias": "variant"; "required": true; }; "showBottomContent": { "alias": "showBottomContent"; "required": false; }; "valuePrimitive": { "alias": "valuePrimitive"; "required": false; }; "fullWidth": { "alias": "fullWidth"; "required": false; }; "applicationTheme": { "alias": "applicationTheme"; "required": false; }; "required": { "alias": "required"; "required": false; }; "errors": { "alias": "errors"; "required": false; }; "companyColor": { "alias": "companyColor"; "required": false; }; "hideBuiltInErrors": { "alias": "hideBuiltInErrors"; "required": false; }; "hideLabelInErrors": { "alias": "hideLabelInErrors"; "required": false; }; "virtualScroll": { "alias": "virtualScroll"; "required": false; }; "compareWith": { "alias": "compareWith"; "required": false; }; "dropdownPanelClass": { "alias": "dropdownPanelClass"; "required": false; }; "closeOnScroll": { "alias": "closeOnScroll"; "required": false; }; "size": { "alias": "size"; "required": false; }; "allowUserInput": { "alias": "allowUserInput"; "required": false; }; "clearable": { "alias": "clearable"; "required": false; }; "exactMatchSelect": { "alias": "exactMatchSelect"; "required": false; }; "maxItemSelected": { "alias": "maxItemSelected"; "required": false; }; "maxLength": { "alias": "maxLength"; "required": false; }; "isDynamicFilteringEnabled": { "alias": "isDynamicFilteringEnabled"; "required": false; }; "dynamicFilterLoading": { "alias": "dynamicFilterLoading"; "required": false; }; "dynamicFilteredList": { "alias": "dynamicFilteredList"; "required": false; }; "infiniteScroll": { "alias": "infiniteScroll"; "required": false; }; "hasMoreOptionsForInfiniteScroll": { "alias": "hasMoreOptionsForInfiniteScroll"; "required": false; }; }, { "selectionChange": "selectionChange"; "searchTextChange": "searchTextChange"; "blur": "blur"; "focus": "focus"; "scrollViewportBottomReached": "scrollViewportBottomReached"; "scrollViewportBottomReachedFiltered": "scrollViewportBottomReachedFiltered"; }, never, never, false, never>;
+    static ngAcceptInputType_virtualScroll: unknown;
+}
+
 /**
- * Generated bundle index. Do not edit.
+ * the TransformItemPipe is designed to selectively extract and return values from objects based on a specified field,
+ * providing a way to transform and display data a template.
  */
-/// <amd-module name="@testgorilla/tgo-ui/components/autocomplete" />
-export * from './public-api';
+declare class TransformItemPipe implements PipeTransform {
+    transform(value: any, field: string, getValueList?: boolean): any;
+    static ɵfac: i0.ɵɵFactoryDeclaration<TransformItemPipe, never>;
+    static ɵpipe: i0.ɵɵPipeDeclaration<TransformItemPipe, "transformItem", false>;
+}
+
+/**
+ * The purpose of this pipe is to determine if the value is present in the values array.
+ * If values is an array, the method uses the includes method to check for inclusion.
+ * If values is not an array, it checks for strict equality between value and values.
+ */
+declare class IncludesPipe implements PipeTransform {
+    transform(value: any, values: any, valueField?: string): boolean;
+    static ɵfac: i0.ɵɵFactoryDeclaration<IncludesPipe, never>;
+    static ɵpipe: i0.ɵɵPipeDeclaration<IncludesPipe, "includes", false>;
+}
+
+/**
+ * the SelectTextDirective provides a dynamic way to highlight or style specific text within an element.
+ */
+declare class SelectTextDirective implements OnChanges {
+    private el;
+    selectText: string | null;
+    constructor(el: ElementRef);
+    /**
+     * this method utilizes setTimeout to defer the execution until the next tick of the event loop.
+     * The text content of the element is modified by wrapping occurrences of the specified selectText with a <span> element,
+     * applying a bold font-weight style.
+     */
+    private setTextColor;
+    ngOnChanges(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SelectTextDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<SelectTextDirective, "[selectText]", never, { "selectText": { "alias": "selectText"; "required": false; }; }, {}, never, never, false, never>;
+}
+
+declare class PreventInputDirective {
+    uiPreventInput: boolean;
+    onKeyDown(event: KeyboardEvent): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<PreventInputDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<PreventInputDirective, "[uiPreventInput]", never, { "uiPreventInput": { "alias": "uiPreventInput"; "required": false; }; }, {}, never, never, true, never>;
+}
+
+declare class AutocompleteComponentModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<AutocompleteComponentModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<AutocompleteComponentModule, [typeof AutocompleteComponent, typeof TransformItemPipe, typeof IncludesPipe, typeof SelectTextDirective], [typeof i5.CommonModule, typeof i6.MatFormFieldModule, typeof i7.MatAutocompleteModule, typeof i8.MatInputModule, typeof i9.FormsModule, typeof i10.TagComponentModule, typeof i11.MatChipsModule, typeof i12.IconComponentModule, typeof i13.UiTranslatePipe, typeof i14.ValidationErrorModule, typeof i13.HasValidationErrorPipe, typeof i15.CdkVirtualForOf, typeof i15.CdkVirtualScrollViewport, typeof i15.CdkFixedSizeVirtualScroll, typeof PreventInputDirective, typeof i17.SpinnerComponentModule], [typeof AutocompleteComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<AutocompleteComponentModule>;
+}
+
+export { AMOUNT_TAG_WIDTH, Autocomplete, AutocompleteComponent, AutocompleteComponentModule, DropdownVariation, Padding, Timeout };
+export type { AutocompleteSize, AutocompleteType, DropdownVariationType };

package/components/avatar/index.d.ts

@@ -1,5 +1,107 @@
-/**
- * Generated bundle index. Do not edit.
- */
-/// <amd-module name="@testgorilla/tgo-ui/components/avatar" />
-export * from './public-api';
+import * as _testgorilla_tgo_ui_components_icon from '@testgorilla/tgo-ui/components/icon';
+import { IconSize } from '@testgorilla/tgo-ui/components/icon';
+import * as i0 from '@angular/core';
+import { EventEmitter, PipeTransform } from '@angular/core';
+import * as i7 from '@testgorilla/tgo-ui/components/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 i5 from '@angular/material/tooltip';
+import * as i6 from '@testgorilla/tgo-ui/components/button';
+
+declare enum AvatarSize {
+    SMALL = "small",
+    SMALL_MEDIUM = "smallMedium",
+    MEDIUM = "medium",
+    MEDIUM_LARGE = "mediumLarge",
+    LARGE = "large"
+}
+type AvatarSizeType = `${AvatarSize}`;
+declare const iconSize: Record<string, IconSize>;
+declare enum AvatarBackgroundColor {
+    PINK = "#FFE6FA",
+    BLUE = "#D9E8FF",
+    GREEN = "#D4F2C3",
+    ORANGE = "#FFE1B3",
+    RED = "#FFAC9A"
+}
+type BackgroundAvatarColorType = 'red' | 'blue' | 'green' | 'orange' | 'pink';
+
+declare class AvatarComponent {
+    private readonly defaultAppTheme;
+    /**
+     * Input property for specifying the size of the avatar.
+     * @type {AvatarSize}
+     * @default AvatarSize.SMALL
+     * @memberof AvatarComponent
+     */
+    size: AvatarSizeType;
+    /**
+     * Input property for specifying the URL of the image to display in the avatar.
+     * @type {string}
+     * @memberof AvatarComponent
+     */
+    imageUrl: string;
+    /**
+     * Input property for specifying the initials to display in the avatar.
+     * @type {string}
+     * @memberof AvatarComponent
+     */
+    name: string;
+    /**
+     * Input property for specifying the tooltip text for edit.
+     * @type {string}
+     * @memberof AvatarComponent
+     */
+    tooltipText: string;
+    /**
+     * Input property that makes avatar editable.
+     * @type {boolean}
+     * @memberof AvatarComponent
+     */
+    allowEdit: boolean;
+    /**
+     *
+     * Defines the application theme where
+     *
+     * @type {ApplicationTheme}
+     * @memberof AvatarComponent
+     */
+    applicationTheme: ApplicationTheme;
+    /**
+     *
+     * Defines the background color
+     *
+     * @type {BackgroundAvatarColorType}
+     * @memberof AvatarComponent
+     */
+    set backgroundColor(colorName: BackgroundAvatarColorType);
+    /**
+     * Event emitted when the edit button is clicked.
+     * @type {Event}
+     * @memberof AvatarComponent
+     */
+    editClick: EventEmitter<Event>;
+    protected backgroundAvatarColor: string;
+    protected readonly iconSize: Record<string, _testgorilla_tgo_ui_components_icon.IconSize>;
+    protected readonly avatarSize: typeof AvatarSize;
+    constructor(defaultAppTheme: ApplicationTheme);
+    protected onEditClick(event: Event): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<AvatarComponent, [{ optional: true; }]>;
+    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; }; "applicationTheme": { "alias": "applicationTheme"; "required": false; }; "backgroundColor": { "alias": "backgroundColor"; "required": false; }; }, { "editClick": "editClick"; }, never, never, false, never>;
+}
+
+declare class NameInitialsPipe implements PipeTransform {
+    transform(value: string): string;
+    static ɵfac: i0.ɵɵFactoryDeclaration<NameInitialsPipe, never>;
+    static ɵpipe: i0.ɵɵPipeDeclaration<NameInitialsPipe, "nameInitials", false>;
+}
+
+declare class AvatarComponentModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<AvatarComponentModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<AvatarComponentModule, [typeof AvatarComponent, typeof NameInitialsPipe], [typeof i3.CommonModule, typeof _testgorilla_tgo_ui_components_icon.IconComponentModule, typeof i5.MatTooltipModule, typeof i6.ButtonComponentModule, typeof i7.UiTranslatePipe], [typeof AvatarComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<AvatarComponentModule>;
+}
+
+export { AvatarBackgroundColor, AvatarComponent, AvatarComponentModule, AvatarSize, iconSize };
+export type { AvatarSizeType, BackgroundAvatarColorType };

package/components/badge/index.d.ts

@@ -1,5 +1,125 @@
-/**
- * Generated bundle index. Do not edit.
- */
-/// <amd-module name="@testgorilla/tgo-ui/components/badge" />
-export * from './public-api';
+import { ApplicationTheme } from '@testgorilla/tgo-ui/components/core';
+export { ApplicationTheme } from '@testgorilla/tgo-ui/components/core';
+import * as i3 from '@testgorilla/tgo-ui/components/icon';
+import { IconName, IconColor } from '@testgorilla/tgo-ui/components/icon';
+import * as i0 from '@angular/core';
+import * as i2 from '@angular/common';
+import * as i4 from '@angular/material/tooltip';
+
+type BadgeVariant = 'primary' | 'secondary' | 'notification' | 'primary-ai' | 'secondary-ai';
+type BadgeColor = 'red' | 'grey-medium' | 'teal' | 'yellow' | 'petrol' | 'teal-60w' | 'petrol-90w' | 'petrol-60w' | 'grey-dark' | 'blue-20' | 'blue-40' | 'pink-30' | 'blue-10';
+declare enum BadgeColorEnum {
+    RED = "red",
+    GREY_MEDIUM = "grey-medium",
+    TEAL = "teal",
+    YELLOW = "yellow",
+    PETROL = "petrol",
+    TEAL_60W = "teal-60w",
+    PETROL_90W = "petrol-90w",
+    PETROL_60W = "petrol-60w",
+    GREY_DARK = "grey-dark",
+    BLUE_20 = "blue-20",
+    BLUE_40 = "blue-40"
+}
+type RebrandBadgeColor = 'success' | 'warning' | 'negative' | 'info' | 'brand' | 'neutral' | 'blue-20' | 'blue-40' | 'pink-30' | 'blue-10' | 'grey-10' | 'grey-20' | 'grey-30';
+declare enum RebrandBadgeColorEnum {
+    SUCCESS = "success",
+    WARNING = "warning",
+    NEGATIVE = "negative",
+    INFO = "info",
+    BRAND = "brand",
+    NEUTRAL = "neutral",
+    BLUE_40 = "blue-40",
+    BLUE_20 = "blue-20",
+    PINK_30 = "pink-30",
+    BLUE_10 = "blue-10",
+    GREY_30 = "grey-30",
+    GREY_20 = "grey-20",
+    GREY_10 = "grey-10"
+}
+declare enum BadgeVariantEnum {
+    PRIMARY = "primary",
+    PRIMARY_AI = "primary-ai",
+    SECONDARY = "secondary",
+    SECONDARY_AI = "secondary-ai",
+    NOTIFICATION = "notification"
+}
+
+declare class BadgeComponent {
+    private readonly defaultAppTheme;
+    /**
+     * The label to be displayed on the badge.
+     * @type {string}
+     * @memberof BadgeComponent
+     */
+    label: string;
+    /**
+     * A static label always displayed after the main label, never truncated.
+     * Intended for short suffixes (max 4 chars, e.g. "100%").
+     * When the main label is truncated, the tooltip shows both labels in full.
+     * @type {string}
+     * @memberof BadgeComponent
+     */
+    staticLabel: string;
+    /**
+     * The icon name to be displayed on the badge.
+     * @type {IconName}
+     * @memberof BadgeComponent
+     */
+    icon: IconName;
+    /**
+     * The color of the badge. Defaults to 'petrol'.
+     * @type {BadgeColor}
+     * @memberof BadgeComponent
+     */
+    color: BadgeColor;
+    /**
+     * The variant of the badge. Defaults to 'primary'.
+     * @type {BadgeVariant}
+     * @memberof BadgeComponent
+     */
+    variant: BadgeVariant;
+    /**
+     * The amount of notifications to be displayed on the badge.
+     * @type {number}
+     * @memberof BadgeComponent
+     */
+    notificationsAmount: number;
+    /**
+     *
+     * Defines the application theme
+     *
+     * @type {ApplicationTheme}
+     * @memberof BadgeComponent
+     */
+    applicationTheme: ApplicationTheme;
+    /**
+     * The color of the badge on new theme. Defaults to 'brand'.
+     * @type {RebrandBadgeColor}
+     * @memberof BadgeComponent
+     */
+    rebrandColor: RebrandBadgeColor;
+    truncateLabel: boolean;
+    /**
+     * Whether to enable the animation when label changes from empty to having content.
+     * @type {boolean}
+     * @memberof BadgeComponent
+     */
+    enableAnimation: boolean;
+    protected badgeVariant: typeof BadgeVariantEnum;
+    private darkColors;
+    constructor(defaultAppTheme: ApplicationTheme);
+    protected get iconColor(): IconColor;
+    protected get isClassicTheme(): boolean;
+    static ɵfac: i0.ɵɵFactoryDeclaration<BadgeComponent, [{ optional: true; }]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<BadgeComponent, "ui-badge", never, { "label": { "alias": "label"; "required": false; }; "staticLabel": { "alias": "staticLabel"; "required": false; }; "icon": { "alias": "icon"; "required": false; }; "color": { "alias": "color"; "required": false; }; "variant": { "alias": "variant"; "required": false; }; "notificationsAmount": { "alias": "notificationsAmount"; "required": false; }; "applicationTheme": { "alias": "applicationTheme"; "required": false; }; "rebrandColor": { "alias": "rebrandColor"; "required": false; }; "truncateLabel": { "alias": "truncateLabel"; "required": false; }; "enableAnimation": { "alias": "enableAnimation"; "required": false; }; }, {}, never, never, false, never>;
+}
+
+declare class BadgeComponentModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<BadgeComponentModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<BadgeComponentModule, [typeof BadgeComponent], [typeof i2.CommonModule, typeof i3.IconComponentModule, typeof i4.MatTooltipModule], [typeof BadgeComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<BadgeComponentModule>;
+}
+
+export { BadgeColorEnum, BadgeComponent, BadgeComponentModule, BadgeVariantEnum, RebrandBadgeColorEnum };
+export type { BadgeColor, BadgeVariant, RebrandBadgeColor };