@testgorilla/tgo-ui 2.10.1 → 2.10.3

package/README.md

@@ -62,8 +62,7 @@ To ensure consistency with CI, update snapshots using Docker:
 ```
 docker run --rm --network host -v $(pwd):/work/ -w /work/ -it mcr.microsoft.com/playwright:latest /bin/bash
 npx playwright install
-npx ng serve --configuration production &
-npx playwright test e2e/playwright-ci/tests/<file_name>.spec.ts -g '@visual' --update-snapshots
+npx playwright test visual-tests --config 'visual-tests/playwright.config.ts' --update-snapshots
 ```
 
 If you encounter the following error, it can be safely ignored. We need reports in a single directory for CI artifact storage:
@@ -84,8 +83,7 @@ Use Docker to align screenshots with the same OS:
 ```
 docker run --rm --network host -v $(pwd):/work/ -w /work/ -it mcr.microsoft.com/playwright:latest /bin/bash
 npx playwright install
-npx ng serve --configuration production &
-npx playwright test e2e/playwright-ci/tests/<file_name>.spec.ts
+npx playwright test visual-tests --config 'visual-tests/playwright.config.ts'
 ```
 
 

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

@@ -0,0 +1,76 @@
+import { EventEmitter } from '@angular/core';
+import { ApplicationTheme } from '../../models/application-theme.model';
+import { AccordionVariant } from './accordion.model';
+import { IconName } from '../icon/icon.model';
+import * as i0 from "@angular/core";
+export declare class AccordionComponent {
+    private readonly defaultAppTheme;
+    /**
+     * The label displayed for the accordion.
+     * @type {string}
+     * @required
+     * @memberof AccordionComponent
+     */
+    label: string;
+    /**
+     * Determines whether the accordion is initially open.
+     * @type {boolean}
+     * @default false
+     * @memberof AccordionComponent
+     */
+    open: boolean;
+    /**
+     * Disables the accordion if set to true.
+     * @type {boolean}
+     * @default false
+     * @memberof AccordionComponent
+     */
+    disabled: boolean;
+    /**
+     * Indicates whether to show a premium icon.
+     * @type {boolean}
+     * @default false
+     * @memberof AccordionComponent
+     */
+    showPremiumIcon: boolean;
+    /**
+     * The tooltip text for the premium icon.
+     * @type {string}
+     * @default ''
+     * @memberof AccordionComponent
+     */
+    premiumTooltipText: string;
+    /**
+     *
+     * Defines the application theme where accordion is used
+     *
+     * @type {ApplicationTheme}
+     * @memberof AccordionComponent
+     */
+    applicationTheme: ApplicationTheme;
+    /**
+     *
+     * Changed premium icon on this icon
+     *
+     * @type {IconName}
+     * @memberof AccordionComponent
+     */
+    labelIcon: IconName;
+    /**
+     *
+     * Select accordion variant. Don`t work on Classic theme
+     *
+     * @type {AccordionVariant}
+     * @memberof AccordionComponent
+     */
+    variant: AccordionVariant;
+    closed: EventEmitter<void>;
+    opened: EventEmitter<void>;
+    constructor(defaultAppTheme: ApplicationTheme);
+    protected toggle(open: boolean): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<AccordionComponent, [{ optional: true; }]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AccordionComponent, "ui-accordion", never, { "label": { "alias": "label"; "required": true; }; "open": { "alias": "open"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "showPremiumIcon": { "alias": "showPremiumIcon"; "required": false; }; "premiumTooltipText": { "alias": "premiumTooltipText"; "required": false; }; "applicationTheme": { "alias": "applicationTheme"; "required": false; }; "labelIcon": { "alias": "labelIcon"; "required": false; }; "variant": { "alias": "variant"; "required": false; }; }, { "closed": "closed"; "opened": "opened"; }, never, ["[subHeader]", "[actions]", "*"], false, never>;
+    static ngAcceptInputType_open: unknown;
+    static ngAcceptInputType_disabled: unknown;
+    static ngAcceptInputType_showPremiumIcon: unknown;
+}

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

@@ -0,0 +1,12 @@
+import * as i0 from "@angular/core";
+import * as i1 from "./accordion.component";
+import * as i2 from "@angular/common";
+import * as i3 from "../icon/icon.component.module";
+import * as i4 from "../button/button.component.module";
+import * as i5 from "@angular/material/tooltip";
+import * as i6 from "@angular/material/expansion";
+export declare class AccordionComponentModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<AccordionComponentModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<AccordionComponentModule, [typeof i1.AccordionComponent], [typeof i2.CommonModule, typeof i3.IconComponentModule, typeof i4.ButtonComponentModule, typeof i5.MatTooltipModule, typeof i6.MatExpansionModule], [typeof i1.AccordionComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<AccordionComponentModule>;
+}

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

@@ -0,0 +1,89 @@
+import { OnInit } from '@angular/core';
+import { IconName } from '../../components/icon/icon.model';
+import { AlertBarType, AlertVariant } from '../../utils/alert-bar.model';
+import { LinkTargetType } from './alert-banner.model';
+import { DomSanitizer, SafeHtml } from '@angular/platform-browser';
+import { ApplicationTheme } from '../../models/application-theme.model';
+import * as i0 from "@angular/core";
+export declare class AlertBannerComponent implements OnInit {
+    private readonly defaultAppTheme;
+    private domSanitizer;
+    constructor(defaultAppTheme: ApplicationTheme, domSanitizer: DomSanitizer);
+    /**
+     * Alert Banner type
+     *
+     * @type {AlertBarType}
+     * @memberof AlertBannerComponent
+     */
+    alertType: AlertBarType;
+    /**
+     * Alert Banner variant
+     *
+     * @type {AlertVariant}
+     * @memberof AlertBannerComponent
+     */
+    alertVariant: AlertVariant;
+    /**
+     * Alert banner message
+     *
+     * @memberof AlertBannerComponent
+     */
+    set message(msg: string);
+    /**
+     * Include dismmiss button
+     *
+     * @memberof AlertBannerComponent
+     */
+    includeDismissButton: boolean;
+    /**
+     * Include shadow or not
+     *
+     * @memberof AlertBannerComponent
+     */
+    shadow: boolean;
+    /**
+     * Link text that will appended at the end of message
+     *
+     * @memberof AlertBannerComponent
+     */
+    linkText?: string | undefined;
+    /**
+     * Link url
+     *
+     * @memberof AlertBannerComponent
+     */
+    linkUrl?: string;
+    /**
+     * Link target
+     *
+     * @type {@type {LinkTargetType}}
+     * @memberof AlertBannerComponent
+     */
+    linkTarget?: LinkTargetType;
+    /**
+     *
+     * Defines the application theme
+     *
+     * @type {ApplicationTheme}
+     * @memberof AlertBannerComponent
+     */
+    applicationTheme: ApplicationTheme;
+    /**
+     * Sets the full width
+     *
+     * @type {boolean}
+     * @memberof AlertBannerComponent
+     */
+    isFullWidth: boolean | undefined;
+    iconName: IconName;
+    visible: boolean;
+    fullWidth: boolean;
+    fixed: boolean;
+    position: string;
+    cssClass: string;
+    _message: SafeHtml;
+    ngOnInit(): void;
+    dismissClick(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<AlertBannerComponent, [{ optional: true; }, null]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AlertBannerComponent, "ui-alert-banner", never, { "alertType": { "alias": "alertType"; "required": false; }; "alertVariant": { "alias": "alertVariant"; "required": false; }; "message": { "alias": "message"; "required": false; }; "includeDismissButton": { "alias": "includeDismissButton"; "required": false; }; "shadow": { "alias": "shadow"; "required": false; }; "linkText": { "alias": "linkText"; "required": false; }; "linkUrl": { "alias": "linkUrl"; "required": false; }; "linkTarget": { "alias": "linkTarget"; "required": false; }; "applicationTheme": { "alias": "applicationTheme"; "required": false; }; "isFullWidth": { "alias": "isFullWidth"; "required": false; }; }, {}, never, never, false, never>;
+}

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

@@ -0,0 +1,10 @@
+import * as i0 from "@angular/core";
+import * as i1 from "./alert-banner.component";
+import * as i2 from "@angular/common";
+import * as i3 from "../button/button.component.module";
+import * as i4 from "../icon/icon.component.module";
+export declare class AlertBannerComponentModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<AlertBannerComponentModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<AlertBannerComponentModule, [typeof i1.AlertBannerComponent], [typeof i2.CommonModule, typeof i3.ButtonComponentModule, typeof i4.IconComponentModule], [typeof i1.AlertBannerComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<AlertBannerComponentModule>;
+}

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

@@ -0,0 +1,219 @@
+import { AfterViewInit, ChangeDetectorRef, DoCheck, ElementRef, EventEmitter, OnChanges, Renderer2, SimpleChanges } from '@angular/core';
+import { ControlValueAccessor, NgControl } from '@angular/forms';
+import { MatAutocomplete, MatAutocompleteSelectedEvent, MatAutocompleteTrigger } from '@angular/material/autocomplete';
+import { ReplaySubject } from 'rxjs';
+import { Autocomplete, AutocompleteType, DropdownVariation } from './autocomplete.model';
+import { ApplicationTheme } from '../../models/application-theme.model';
+import { DomSanitizer, SafeHtml } from '@angular/platform-browser';
+import { CdkVirtualScrollViewport } from "@angular/cdk/scrolling";
+import * as i0 from "@angular/core";
+export declare class AutocompleteComponent implements ControlValueAccessor, OnChanges, AfterViewInit, DoCheck {
+    private readonly defaultAppTheme;
+    private readonly cdr;
+    private readonly domSanitizer;
+    ngControl: NgControl;
+    private renderer2;
+    private platformId;
+    /**
+     * @property itemsList
+     * @description The list of items to display in the autocomplete.
+     * @memberof AutocompleteComponent
+     */
+    itemsList: any[];
+    /**
+     * @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 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: DropdownVariation;
+    /**
+     * The language to be used
+     * @property language
+     * @type {Language}
+     * @memberof AutocompleteComponent
+     */
+    language: import("@testgorilla/tgo-ui").Language;
+    /**
+     * 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;
+    /**
+     * 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;
+    selectionChange: EventEmitter<any>;
+    searchTextChange: EventEmitter<string>;
+    formFieldElement: ElementRef<HTMLElement>;
+    tagContainer: ElementRef<HTMLElement>;
+    autocomplete: MatAutocompleteTrigger;
+    cdkVirtualScrollViewPort: CdkVirtualScrollViewport;
+    protected safeErrors: SafeHtml[];
+    protected value: any;
+    protected inputValue: any;
+    protected isInputFocus: boolean;
+    protected autocompleteType: typeof Autocomplete;
+    protected isOverLapping: boolean;
+    protected isOverlapChecking: boolean;
+    protected overlapIndex: number;
+    protected inputValueSearch$: ReplaySubject<string>;
+    protected userInput$: ReplaySubject<string>;
+    protected filteredItemsList$: import("rxjs").Observable<any>;
+    protected filteredSuggestionList$: import("rxjs").Observable<any>;
+    protected searchResult$: import("rxjs").Observable<boolean>;
+    protected translationContext: string;
+    private readonly isPlatform;
+    constructor(defaultAppTheme: ApplicationTheme, cdr: ChangeDetectorRef, domSanitizer: DomSanitizer, ngControl: NgControl, renderer2: Renderer2, platformId: any);
+    /**
+     * 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;
+    onChange: (_: any) => void;
+    onTouch: () => void;
+    registerOnChange(fn: any): void;
+    registerOnTouched(fn: any): void;
+    setDisabledState(isDisabled: boolean): void;
+    writeValue(value: any): void;
+    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 initValue;
+    private addNewValue;
+    protected get isDropdown(): boolean;
+    protected onChevronClick(autocomplete: MatAutocomplete): void;
+    protected get inputWidth(): number;
+    protected trackByFn: (index: number, value: any) => any;
+    /**
+     * Adding company color variable to the body to style overlay container that's out of the component scope.
+     */
+    private setCompanyColorVariable;
+    static ɵfac: i0.ɵɵFactoryDeclaration<AutocompleteComponent, [{ optional: true; }, null, null, { optional: true; self: true; }, 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; }; "itemValue": { "alias": "itemValue"; "required": false; }; "type": { "alias": "type"; "required": false; }; "minCharactersSearch": { "alias": "minCharactersSearch"; "required": false; }; "variant": { "alias": "variant"; "required": true; }; "language": { "alias": "language"; "required": false; }; "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; }; }, { "selectionChange": "selectionChange"; "searchTextChange": "searchTextChange"; }, never, never, false, never>;
+    static ngAcceptInputType_virtualScroll: unknown;
+}

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

@@ -0,0 +1,22 @@
+import * as i0 from "@angular/core";
+import * as i1 from "./autocomplete.component";
+import * as i2 from "./transform-Item.pipe";
+import * as i3 from "./includes.pipe";
+import * as i4 from "../../directives/select-text.directive";
+import * as i5 from "@angular/common";
+import * as i6 from "@angular/material/form-field";
+import * as i7 from "@angular/material/autocomplete";
+import * as i8 from "@angular/material/input";
+import * as i9 from "@angular/forms";
+import * as i10 from "../tag/tag.component.module";
+import * as i11 from "@angular/material/chips";
+import * as i12 from "../icon/icon.component.module";
+import * as i13 from "../../pipes/ui-translate.pipe";
+import * as i14 from "../validation-error/validation-error.module";
+import * as i15 from "../../pipes/has-validation-error.pipe";
+import * as i16 from "@angular/cdk/scrolling";
+export declare class AutocompleteComponentModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<AutocompleteComponentModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<AutocompleteComponentModule, [typeof i1.AutocompleteComponent, typeof i2.TransformItemPipe, typeof i3.IncludesPipe, typeof i4.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 i15.HasValidationErrorPipe, typeof i16.CdkVirtualForOf, typeof i16.CdkVirtualScrollViewport, typeof i16.CdkFixedSizeVirtualScroll], [typeof i1.AutocompleteComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<AutocompleteComponentModule>;
+}

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

@@ -0,0 +1,18 @@
+export type AutocompleteType = 'single' | 'multi' | 'large';
+export declare enum Autocomplete {
+    SINGLE = "single",
+    MULTI = "multi",
+    LARGE = "large"
+}
+export declare enum Padding {
+    AUTOCOMPLETE_CONTAINER = 40,
+    DROPDOWN_CONTAINER = 60
+}
+export declare enum Timeout {
+    VIEW_INITIALIZED_AFTER_ACTION = 150,
+    VIEW_INITIALIZED_COMPONENT_LOAD = 600
+}
+export declare enum DropdownVariation {
+    AUTOCOMPLETE = "autocomplete",
+    DROPDOWN = "dropdown"
+}

package/components/autocomplete/includes.pipe.d.ts

@@ -0,0 +1,12 @@
+import { PipeTransform } from '@angular/core';
+import * as i0 from "@angular/core";
+/**
+ * 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.
+ */
+export declare class IncludesPipe implements PipeTransform {
+    transform(value: any, values: any): boolean;
+    static ɵfac: i0.ɵɵFactoryDeclaration<IncludesPipe, never>;
+    static ɵpipe: i0.ɵɵPipeDeclaration<IncludesPipe, "includes", false>;
+}

package/components/autocomplete/transform-Item.pipe.d.ts

@@ -0,0 +1,11 @@
+import { PipeTransform } from '@angular/core';
+import * as i0 from "@angular/core";
+/**
+ * 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.
+ */
+export declare class TransformItemPipe implements PipeTransform {
+    transform(value: any, field: string): any;
+    static ɵfac: i0.ɵɵFactoryDeclaration<TransformItemPipe, never>;
+    static ɵpipe: i0.ɵɵPipeDeclaration<TransformItemPipe, "transformItem", false>;
+}

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

@@ -0,0 +1,58 @@
+import { EventEmitter } from '@angular/core';
+import { AvatarSize } from './avatar.model';
+import { ApplicationTheme } from '../../models/application-theme.model';
+import * as i0 from "@angular/core";
+export declare class AvatarComponent {
+    private readonly defaultAppTheme;
+    /**
+     * Input property for specifying the size of the avatar.
+     * @type {AvatarSize}
+     * @default AvatarSize.SMALL
+     * @memberof AvatarComponent
+     */
+    size: AvatarSize;
+    /**
+     * 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;
+    /**
+     * Event emitted when the edit button is clicked.
+     * @type {Event}
+     * @memberof AvatarComponent
+     */
+    editClick: EventEmitter<Event>;
+    protected readonly iconSize: Record<string, import("@testgorilla/tgo-ui").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; }; }, { "editClick": "editClick"; }, never, never, false, never>;
+}

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

@@ -0,0 +1,12 @@
+import * as i0 from "@angular/core";
+import * as i1 from "./avatar.component";
+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 i6.ButtonComponentModule], [typeof i1.AvatarComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<AvatarComponentModule>;
+}

package/components/avatar/avatar.model.d.ts

@@ -0,0 +1,7 @@
+import { IconSize } from '../icon/icon.model';
+export declare enum AvatarSize {
+    SMALL = "small",
+    MEDIUM = "medium",
+    LARGE = "large"
+}
+export declare const iconSize: Record<string, IconSize>;

package/components/badge/badge.component.d.ts

@@ -0,0 +1,58 @@
+import { IconColor, IconName } from '../icon/icon.model';
+import { BadgeColor, BadgeVariant, BadgeVariantEnum, RebrandBadgeColor } from './badge.model';
+import { ApplicationTheme } from '../../models/application-theme.model';
+import * as i0 from "@angular/core";
+export declare class BadgeComponent {
+    private readonly defaultAppTheme;
+    /**
+     * The label to be displayed on the badge.
+     * @type {string}
+     * @memberof BadgeComponent
+     */
+    label: 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;
+    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; }; "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; }; }, {}, never, never, false, never>;
+}

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

@@ -0,0 +1,9 @@
+import * as i0 from "@angular/core";
+import * as i1 from "./badge.component";
+import * as i2 from "@angular/common";
+import * as i3 from "../icon/icon.component.module";
+export declare class BadgeComponentModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<BadgeComponentModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<BadgeComponentModule, [typeof i1.BadgeComponent], [typeof i2.CommonModule, typeof i3.IconComponentModule], [typeof i1.BadgeComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<BadgeComponentModule>;
+}