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

package/components/checkbox/index.d.ts

@@ -1,5 +1,221 @@
-/**
- * Generated bundle index. Do not edit.
- */
-/// <amd-module name="@testgorilla/tgo-ui/components/checkbox" />
-export * from './public-api';
+import * as i0 from '@angular/core';
+import { OnInit, DoCheck, OnChanges, AfterViewInit, OnDestroy, EventEmitter, ChangeDetectorRef, NgZone, DestroyRef } from '@angular/core';
+import * as i4 from '@angular/forms';
+import { ControlValueAccessor, NgControl } from '@angular/forms';
+import * as i3 from '@angular/material/checkbox';
+import { MatCheckbox, MatCheckboxChange } from '@angular/material/checkbox';
+import * as i7 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 i9 from '@angular/material/tooltip';
+import { MatTooltip } from '@angular/material/tooltip';
+import { FocusableOption, FocusMonitor, FocusOrigin } from '@angular/cdk/a11y';
+import * as i2 from '@angular/common';
+import * as i5 from '@angular/material/input';
+import * as i6 from '@testgorilla/tgo-ui/components/icon';
+import * as i8 from '@testgorilla/tgo-ui/components/validation-error';
+
+declare class CheckboxComponent implements OnInit, FocusableOption, ControlValueAccessor, DoCheck, OnChanges, AfterViewInit, OnDestroy {
+    private readonly defaultAppTheme;
+    private cdr;
+    ngControl: NgControl;
+    private focusMonitor;
+    private ngZone;
+    private destroyRef;
+    /**
+     * Determines whether the checkbox is disabled.
+     * Default: false.
+     *
+     * @type {boolean}
+     * @memberof CheckboxComponent
+     */
+    disabled: boolean;
+    /**
+     * Determines whether the checkbox is checked.
+     * Default: false.
+     *
+     * @type {boolean}
+     * @memberof CheckboxComponent
+     */
+    checked: boolean;
+    /**
+     * Determines whether the checkbox is indeterminate.
+     * It can be used to represent a checkbox with three states, e.g. a checkbox that represents a nested list of checkable items.
+     * Default: false.
+     *
+     * @type {boolean}
+     * @memberof CheckboxComponent
+     */
+    indeterminate: boolean;
+    /**
+     * Determines whether the checkbox color.
+     * Default: Test Gorilla primary color.
+     *
+     * @type {string}
+     * @memberof CheckboxComponent
+     */
+    companyColor: string | null;
+    /**
+     * Name value will be applied to the input element if present.
+     *
+     * @type {string}
+     * @memberof CheckboxComponent
+     */
+    name: string;
+    /**
+     * Text content will be applied to the input element if present.
+     *
+     * @type {string}
+     * @memberof CheckboxComponent
+     */
+    label: string;
+    /**
+     * Determines whether the checkbox is a multiple choice cell.
+     * Default: false
+     *
+     * @type {boolean}
+     * @memberof CheckboxComponent
+     */
+    multiple: boolean;
+    /**
+     *
+     * Defines the application theme
+     *
+     * @type {ApplicationTheme}
+     * @memberof CheckboxComponent
+     */
+    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 CheckboxComponent
+     */
+    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 CheckboxComponent
+     */
+    ariaRequired: boolean;
+    /**
+     * Defines if checkbox has error
+     *
+     * @type {boolean}
+     * @memberof CheckboxComponent
+     */
+    hasError: boolean;
+    /**
+     * Hide in-build errors for Reactive Forms
+     *
+     * @type {number}
+     * @memberof CheckboxComponent
+     */
+    hideBuiltInErrors: boolean;
+    /**
+     * Hide label in errors
+     *
+     * @type {number}
+     * @memberof CheckboxComponent
+     */
+    hideLabelInErrors: 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 CheckboxComponent
+     */
+    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 CheckboxComponent
+     */
+    ariaDescribedby: string;
+    /**
+     *  Truncate text if it is too long
+     * @type {string}
+     * @memberof CheckboxComponent
+     */
+    truncateText: boolean;
+    /**
+     * Text alignment
+     * @type {'center' | 'top'}
+     * @memberof CheckboxComponent
+     */
+    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 CheckboxComponent
+     */
+    tabIndex: number;
+    /**
+     * Event emitted when the checkbox's checked value changes.
+     *
+     * @type {boolean}
+     * @memberof CheckboxComponent
+     */
+    changed: EventEmitter<boolean>;
+    /**
+     * @ignore
+     */
+    onChange: (_: any) => void;
+    /**
+     * @ignore
+     */
+    onTouch: () => void;
+    showTooltip: boolean;
+    classMultiple: string;
+    tooltipElement: MatTooltip;
+    checkboxElement: MatCheckbox;
+    protected origin: string | null;
+    constructor(defaultAppTheme: ApplicationTheme, cdr: ChangeDetectorRef, ngControl: NgControl, focusMonitor: FocusMonitor, ngZone: NgZone, destroyRef: DestroyRef);
+    ngOnChanges(): 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;
+    ngAfterViewInit(): void;
+    focusAction(origin: FocusOrigin): void;
+    ngOnDestroy(): void;
+    emitChange(event: MatCheckboxChange): void;
+    ngOnInit(): void;
+    toggleChecked(): void;
+    setClass(): string;
+    writeValue(value: boolean): void;
+    registerOnChange(fn: any): void;
+    registerOnTouched(fn: any): void;
+    setDisabledState(isDisabled: boolean): void;
+    onLabelEllipsisChange(isEllipsis: boolean): void;
+    onFocus(isFocus: boolean): void;
+    private setCompanyColor;
+    focus(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<CheckboxComponent, [{ optional: true; }, null, { optional: true; self: true; }, null, null, null]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<CheckboxComponent, "ui-checkbox", never, { "disabled": { "alias": "disabled"; "required": false; }; "checked": { "alias": "checked"; "required": false; }; "indeterminate": { "alias": "indeterminate"; "required": false; }; "companyColor": { "alias": "companyColor"; "required": false; }; "name": { "alias": "name"; "required": false; }; "label": { "alias": "label"; "required": false; }; "multiple": { "alias": "multiple"; "required": false; }; "applicationTheme": { "alias": "applicationTheme"; "required": false; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; }; "ariaRequired": { "alias": "ariaRequired"; "required": false; }; "hasError": { "alias": "hasError"; "required": false; }; "hideBuiltInErrors": { "alias": "hideBuiltInErrors"; "required": false; }; "hideLabelInErrors": { "alias": "hideLabelInErrors"; "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; }; }, { "changed": "changed"; }, never, ["[checkbox-label]"], false, never>;
+}
+
+declare class FocusVisibleDirective {
+    uiFocusVisible: EventEmitter<boolean>;
+    private hadKeyboardEvent;
+    constructor();
+    handleKeyboardEvent(): void;
+    onFocus(): void;
+    onBlur(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<FocusVisibleDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<FocusVisibleDirective, "[uiFocusVisible]", never, {}, { "uiFocusVisible": "uiFocusVisible"; }, never, never, true, never>;
+}
+
+declare class CheckboxComponentModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<CheckboxComponentModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<CheckboxComponentModule, [typeof CheckboxComponent], [typeof i2.CommonModule, typeof i3.MatCheckboxModule, typeof i4.FormsModule, typeof i4.ReactiveFormsModule, typeof i5.MatInputModule, typeof i6.IconComponentModule, typeof i7.UiTranslatePipe, typeof i8.ValidationErrorModule, typeof i7.HasValidationErrorPipe, typeof i7.EllipseTextDirective, typeof i9.MatTooltipModule, typeof FocusVisibleDirective], [typeof CheckboxComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<CheckboxComponentModule>;
+}
+
+export { CheckboxComponent, CheckboxComponentModule, FocusVisibleDirective };

package/components/checklist/index.d.ts

@@ -1,5 +1,97 @@
-/**
- * Generated bundle index. Do not edit.
- */
-/// <amd-module name="@testgorilla/tgo-ui/components/checklist" />
-export * from './public-api';
+import * as _testgorilla_tgo_ui_components_core from '@testgorilla/tgo-ui/components/core';
+import { ApplicationTheme } from '@testgorilla/tgo-ui/components/core';
+export { ApplicationTheme } from '@testgorilla/tgo-ui/components/core';
+import * as _angular_core from '@angular/core';
+
+interface ChecklistItem {
+    label: string;
+    value: string;
+    checked: boolean;
+    description?: string;
+    hasLink?: boolean;
+    disabled?: boolean;
+    reselect?: boolean;
+}
+
+declare class ChecklistComponent {
+    private readonly defaultAppTheme;
+    /**
+     * Label for the checklist
+     * @type {string}
+     * @memberof ChecklistComponent
+     */
+    label: _angular_core.InputSignal<string>;
+    /**
+     * Sub title/Description for the checklist
+     * @type {string}
+     * @memberof ChecklistComponent
+     */
+    description: _angular_core.InputSignal<string | null>;
+    /**
+     * Items for the checklist
+     * @type {ModelSignal<ChecklistItem[]>}
+     * @memberof ChecklistComponent
+     */
+    items: _angular_core.ModelSignal<ChecklistItem[]>;
+    /**
+     * Application theme
+     * @type {ApplicationTheme}
+     * @memberof ChecklistComponent
+     */
+    applicationTheme: _angular_core.InputSignal<ApplicationTheme | undefined>;
+    readonly theme: _angular_core.Signal<ApplicationTheme>;
+    /**
+     * Confirm button label
+     * @type {string}
+     * @memberof ChecklistComponent
+     */
+    footerButtonLabel: _angular_core.InputSignal<string | undefined>;
+    /**
+     * 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 ChecklistComponent
+     */
+    ariaLabel: _angular_core.InputSignal<string | undefined>;
+    /**
+     * The language to be used
+     * @property language
+     * @type {Language}
+     * @memberof ChecklistComponent
+     */
+    language: _angular_core.InputSignal<_testgorilla_tgo_ui_components_core.Language>;
+    /**
+     * A boolean property that determines whether the checklist items should be automatically checked.
+     *
+     * @type {boolean}
+     */
+    autocheck: _angular_core.InputSignal<boolean>;
+    /**
+     * Event emitter that triggers when the footer button is clicked.
+     * Emits a void event.
+     */
+    footerButtonClicked: _angular_core.OutputEmitterRef<void>;
+    /**
+     * An output event emitter that signifies the completion of a task or process.
+     * This event does not carry any payload.
+     */
+    readonly completed: _angular_core.OutputEmitterRef<void>;
+    /**
+     * Represents the currently selected item in the checklist.
+     * This is an instance of the `ChecklistItem` supports two-way binding.
+     */
+    selectedItem: _angular_core.ModelSignal<ChecklistItem | undefined>;
+    readonly currentIndex: _angular_core.Signal<number>;
+    protected progress: _angular_core.Signal<number>;
+    constructor(defaultAppTheme: ApplicationTheme);
+    selectItem(item: ChecklistItem): void;
+    keydownHandler($event: KeyboardEvent, item: ChecklistItem): void;
+    next(): void;
+    prev(): void;
+    footerButtonClick(event: Event): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ChecklistComponent, [{ optional: true; }]>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ChecklistComponent, "ui-checklist", never, { "label": { "alias": "label"; "required": false; "isSignal": true; }; "description": { "alias": "description"; "required": false; "isSignal": true; }; "items": { "alias": "items"; "required": false; "isSignal": true; }; "applicationTheme": { "alias": "applicationTheme"; "required": false; "isSignal": true; }; "footerButtonLabel": { "alias": "footerButtonLabel"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; "language": { "alias": "language"; "required": false; "isSignal": true; }; "autocheck": { "alias": "autocheck"; "required": false; "isSignal": true; }; "selectedItem": { "alias": "selectedItem"; "required": false; "isSignal": true; }; }, { "items": "itemsChange"; "footerButtonClicked": "footerButtonClicked"; "completed": "completed"; "selectedItem": "selectedItemChange"; }, never, never, true, never>;
+}
+
+export { ChecklistComponent };
+export type { ChecklistItem };

package/components/core/index.d.ts

@@ -1,5 +1,348 @@
+import * as rxjs from 'rxjs';
+import { Observable, Subject } from 'rxjs';
+import * as i0 from '@angular/core';
+import { OnInit, EventEmitter, ElementRef, PipeTransform, OnChanges, InjectionToken, OnDestroy, Type, ViewContainerRef } from '@angular/core';
+
 /**
- * Generated bundle index. Do not edit.
+ * Application theme type used across all UI components.
+ * - 'light': Light theme with white backgrounds
+ * - 'dark': Dark theme with dark backgrounds
+ * - 'classic': Classic TestGorilla theme
  */
-/// <amd-module name="@testgorilla/tgo-ui/components/core" />
-export * from './public-api';
+type ApplicationTheme = 'dark' | 'light' | 'classic';
+
+declare enum Language {
+    en = "en",
+    es = "es",
+    nl = "nl",
+    fr = "fr",
+    de = "de",
+    'it-it' = "it-it",
+    'ja-jp' = "ja-jp",
+    'pt-br' = "pt-br",
+    'da-dk' = "da-dk",
+    'nb-no' = "nb-no",
+    'pl-pl' = "pl-pl",
+    'sv-se' = "sv-se"
+}
+
+type TranslationMap = {
+    [key in Language]: string;
+};
+declare const getAvailableLangs: () => Language[];
+type UILanguage = {
+    code: Language | string;
+    label: string;
+};
+declare class LanguageService {
+    #private;
+    static readonly defaultLanguage = Language.en;
+    readonly defaultLanguageList: UILanguage[];
+    setActiveLang(language: Language): void;
+    getActiveLang(): Observable<Language>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<LanguageService, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<LanguageService>;
+}
+
+/**
+ * Checks if element ellipsis
+ */
+declare class EllipseTextDirective implements OnInit {
+    private el;
+    isMultiline: boolean;
+    maxDiffPixels: number;
+    checkEllipsis$: Subject<void>;
+    refreshEllipsis$: Subject<void>;
+    set refresh(_: any);
+    onChangeTextState: EventEmitter<boolean>;
+    resize(): void;
+    constructor(el: ElementRef);
+    ngOnInit(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<EllipseTextDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<EllipseTextDirective, "[uiEllipseText]", never, { "isMultiline": { "alias": "isMultiline"; "required": false; }; "maxDiffPixels": { "alias": "maxDiffPixels"; "required": false; }; "refresh": { "alias": "refresh"; "required": false; }; }, { "onChangeTextState": "onChangeTextState"; }, never, never, true, never>;
+}
+
+/**
+ * Used for translations
+ */
+declare class UiTranslatePipe implements PipeTransform {
+    private readonly languageService;
+    protected readonly LANGS: {
+        [key: string]: any;
+    };
+    constructor(languageService: LanguageService);
+    /**
+     * Finds the translation by keys with interpolation if provided
+     * @param translateKey key, can have multiple keys separated with '.' eg ('KEY', 'FIRST_LVL_KEY.SECOND_LVL_KEY')
+     * @param activeLang current active language
+     * @param interpolationData data that will be used to replace interpolations in translated variant
+     * For example, for translate text like this
+     * 'You have {{attemptsAmount}} attempts left
+     * the interpolation object should be { attemptsAmount: 10 }
+     */
+    transform(translateKey: string, interpolationData?: any): Observable<string>;
+    /**
+     * Used to find and replace interpolation in text
+     * @param translation the translation text
+     * @param interpolationData the interpolation object
+     */
+    private interpolate;
+    static ɵfac: i0.ɵɵFactoryDeclaration<UiTranslatePipe, never>;
+    static ɵpipe: i0.ɵɵPipeDeclaration<UiTranslatePipe, "uiTranslate", true>;
+}
+
+declare enum IKeyboardEvent {
+    ENTER = "Enter",
+    SPACE = " ",
+    ARROW_DOWN = "ArrowDown",
+    ARROW_UP = "ArrowUp",
+    ESCAPE = "Escape",
+    HOME = "Home",
+    END = "End",
+    PAGE_UP = "PageUp",
+    PAGE_DOWN = "PageDown"
+}
+
+type Alignment = 'center' | 'top';
+
+declare const hexToRgbWithAlpha: (hex: string, alpha?: number) => string;
+
+declare class AutocompleteUtils {
+    static transformDisplayValue(value: any, textField: string): any;
+    static filterItems(items: any, inputValue: string, textField?: string, isGroup?: boolean): any;
+    static isPrimitive(value: any): boolean;
+    static isArray(value: any): boolean;
+    static throwInvalidSetupError(): void;
+    static excludeSuggestions(items: any[], excludeItems: any[], valueField?: string): any[];
+    static shouldBeObject(value: any, textField: string, valueField: string): boolean;
+    static createValueItem(value: any, textField: string, valueField: string): any;
+    static findDuplicate(value: any, selectedValue: any, lookupKey?: string): any;
+    static countMatchingWords(words: any[], query: string, textField?: string, isGroup?: boolean): number;
+}
+
+declare class DigitsOnlyDirective {
+    private el;
+    constructor(el: ElementRef);
+    allowNegative: boolean;
+    allowDecimal: boolean;
+    allowOnlyDigits: boolean;
+    regex: RegExp;
+    onKeyPress(event: KeyboardEvent): void;
+    onPaste(event: Event): void;
+    onKeydown(event: any): void;
+    onInput(event: any): void;
+    validate(event: Event, text: string): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<DigitsOnlyDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<DigitsOnlyDirective, "[digitsOnly]", never, { "allowNegative": { "alias": "allowNegative"; "required": false; }; "allowDecimal": { "alias": "allowDecimal"; "required": false; }; "allowOnlyDigits": { "alias": "allowOnlyDigits"; "required": false; }; }, {}, never, never, true, never>;
+}
+
+declare class HasValidationErrorPipe implements PipeTransform {
+    /**
+     * List of the error types that are handled
+     */
+    private readonly errorTypes;
+    /**
+     * Checks if the error on the NgControl is in the list of handled error types
+     * @param value
+     */
+    transform(value: Record<string, any> | null | undefined): boolean;
+    static ɵfac: i0.ɵɵFactoryDeclaration<HasValidationErrorPipe, never>;
+    static ɵpipe: i0.ɵɵPipeDeclaration<HasValidationErrorPipe, "hasValidationError", true>;
+}
+
+/**
+ * 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 const IS_MOBILE_TOKEN: InjectionToken<rxjs.Observable<boolean>>;
+
+declare const IS_LARGE_TABLET_TOKEN: InjectionToken<rxjs.Observable<boolean>>;
+
+declare enum ScreenBreakpoints {
+    MOBILE = 600,
+    TABLET = 1023,
+    LARGE_TABLET = 1280
+}
+
+type LinkTargetType = '' | '_self' | '_blank' | '_parent' | '_top';
+
+declare enum Color {
+    TGO_TEAL_60B = "#1C443C",
+    TGO_TEAL_30B = "#31766A",
+    TGO_TEAL_DEFAULT = "#46A997",
+    TGO_TEAL_30W = "#7EC3B6",
+    TGO_TEAL_60W = "#B5DDD5",
+    TGO_TEAL_SECONDARY = "#CBD6CB",
+    TGO_TEAL_90W = "#ECF6F5",
+    TGO_PETROL_60B = "#102930",
+    TGO_PETROL_30B = "#1B4754",
+    TGO_PETROL_DEFAULT = "#276678",
+    TGO_PETROL_30W = "#6894A0",
+    TGO_PETROL_60W = "#A9C2C9",
+    TGO_PETROL_SECONDARY = "#C8D7DE",
+    TGO_PETROL_90W = "#E9F0F1",
+    TGO_ERROR_60B = "#513131",
+    TGO_ERROR_30B = "#8E5655",
+    TGO_ERROR_60W = "#E3C3C6",
+    TGO_ERROR_SECONDARY = "#F0DAD9",
+    TGO_ERROR_DEFAULT = "#CB7B7A",
+    TGO_WARNING_SECONDARY = "#F0D6BB",
+    TGO_WARNING_DEFAULT = "#CCA45F",
+    TGO_BLACK = "#000000",
+    TGO_DARK = "#888888",
+    TGO_MEDIUM = "#E0E0E0",
+    TGO_GREY = "#EDEDED",
+    TGO_LIGHT = "#F6F6F6",
+    TGO_WHITE = "#FFFFFF",
+    BRAND_60 = "#A90686",
+    BRAND_50 = "#D410AA",
+    BRAND_40 = "#FF54DA",
+    BRAND_30 = "#FFB3EE",
+    BRAND_20 = "#FFE6FA",
+    BRAND_10 = "#FFF2FC",
+    GRAYSCALE_50 = "#666666",
+    GRAYSCALE_40 = "#919191",
+    GRAYSCALE_30 = "#D3D3D3",
+    GRAYSCALE_20 = "#E9E9E9",
+    GRAYSCALE_10 = "#F4F4F4",
+    BLACK = "#242424",
+    ACCENT_20 = "#FFF5ED",
+    ACCENT_10 = "#FFFAF6",
+    INFORMATIVE_50 = "#1A47AA",
+    INFORMATIVE_40 = "#0165FC",
+    INFORMATIVE_30 = "#277CFD",
+    INFORMATIVE_20 = "#99C1FE",
+    INFORMATIVE_10 = "#D9E8FF",
+    SUCCESS_50 = "#3C9A13",
+    SUCCESS_40 = "#56C71A",
+    SUCCESS_30 = "#80D63E",
+    SUCCESS_20 = "#AAE47A",
+    SUCCESS_10 = "#D4F2C3",
+    ERROR_50 = "#E02800",
+    ERROR_40 = "#FF3003",
+    ERROR_30 = "#FF6E4F",
+    ERROR_20 = "#FFAC9A",
+    ERROR_10 = "#FFEAE6",
+    WARNING_50 = "#D07D00",
+    WARNING_40 = "#FF9A03",
+    WARNING_30 = "#FFC268",
+    WARNING_20 = "#FFE1B3",
+    WARNING_10 = "#FFF5E6"
+}
+
+/**
+ *   USAGE:
+ *   {{ argument | memoizeFunc : method [: context] }}
+ *
+ *   You could provide multiple arguments for the function like that:
+ *   {{ [argument1, argument2] | memoizeFunc : method [: context] }}
+ *
+ *
+ *   FUNCTION WITH CONTEXT
+ *   We still could have optimization in impure functions with Angular pipes. Just provide context as second parameter
+ *   to the memoizeFunc pipe.
+ *
+ *   {{ argument | memoizeFunc : method : this }}
+ *
+ *   Alternative variant use 'bind'
+ *
+ *   {{ argument | memoizeFunc : method.bind(this) }}
+ *
+ * */
+declare class MemoizeFuncPipe implements PipeTransform {
+    transform<T, K>(value: T, handler: (value: T) => K, context?: any): K;
+    static ɵfac: i0.ɵɵFactoryDeclaration<MemoizeFuncPipe, never>;
+    static ɵpipe: i0.ɵɵPipeDeclaration<MemoizeFuncPipe, "memoizeFunc", true>;
+}
+
+declare class OrdinalSuffixPipe implements PipeTransform {
+    transform(value: number): string;
+    static ɵfac: i0.ɵɵFactoryDeclaration<OrdinalSuffixPipe, never>;
+    static ɵpipe: i0.ɵɵPipeDeclaration<OrdinalSuffixPipe, "ordinalSuffix", true>;
+}
+
+declare class TruncatePipe implements PipeTransform {
+    transform(input: any, length?: number, suffix?: string, preserve?: boolean): any;
+    static ɵfac: i0.ɵɵFactoryDeclaration<TruncatePipe, never>;
+    static ɵpipe: i0.ɵɵPipeDeclaration<TruncatePipe, "truncate", true>;
+}
+
+declare class DataPropertyGetterPipe implements PipeTransform {
+    transform(obj: object, keyName?: string): any;
+    private getDeepVal;
+    static ɵfac: i0.ɵɵFactoryDeclaration<DataPropertyGetterPipe, never>;
+    static ɵpipe: i0.ɵɵPipeDeclaration<DataPropertyGetterPipe, "dataPropertyGetter", true>;
+}
+
+interface IComponentRenderer {
+    component: Type<any>;
+    inputs?: any;
+    outputs?: {
+        [key: string]: any;
+    };
+}
+declare class DynamicComponentDirective implements OnDestroy {
+    private vcr;
+    private subscription;
+    private compRef;
+    set dynamicComponent(componentRenderer: IComponentRenderer);
+    constructor(vcr: ViewContainerRef);
+    ngOnDestroy(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<DynamicComponentDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<DynamicComponentDirective, "[dynamicComponent]", never, { "dynamicComponent": { "alias": "dynamicComponent"; "required": false; }; }, {}, never, never, true, never>;
+}
+
+/**
+ * Function for adjusting the lightness of a color based on different events (hover, pressed, disabled).
+ * Accepts a hex color, transforms it to HSL, and based on color's L and event darkens or lightens it.
+ * Used to manage different colors based on application configuration
+ *
+ * @param hexColor color in hex format
+ * @param typeEvent interaction event
+ * @param theme
+ */
+declare const adjustLightness: (hexColor: string, typeEvent: "hover" | "pressed" | "disabled", theme?: "new" | "classic") => string;
+/**
+ * Transforms hex color to HSL in object variation.
+ * @param hexColor string value with hex color
+ */
+declare const hexToHsl: (hexColor: string) => {
+    h: number;
+    s: number;
+    l: number;
+};
+/**
+ * Transforms HSL color, represented as an object and transforms it to hex string.
+ * @param hslColor accepts the HSL color like an object.
+ */
+declare const hslToHex: (hslColor: {
+    h: number;
+    s: number;
+    l: number;
+}) => string;
+
+type AlertBarType = 'success' | 'error' | 'info' | 'warning';
+type AlertVariant = 'banner' | 'callout';
+
+declare const alertBarsUtil: {
+    setIcon: (alertType: string) => string;
+    setPosition: (fixed: boolean) => string;
+    setCssClass: (fullWidth: boolean, type: string, position: string, variant?: AlertVariant) => string;
+};
+
+export { AutocompleteUtils, Color, DataPropertyGetterPipe, DigitsOnlyDirective, DynamicComponentDirective, EllipseTextDirective, HasValidationErrorPipe, IKeyboardEvent, IS_LARGE_TABLET_TOKEN, IS_MOBILE_TOKEN, Language, LanguageService, MemoizeFuncPipe, OrdinalSuffixPipe, ScreenBreakpoints, SelectTextDirective, TruncatePipe, UiTranslatePipe, adjustLightness, alertBarsUtil, getAvailableLangs, hexToHsl, hexToRgbWithAlpha, hslToHex };
+export type { AlertBarType, AlertVariant, Alignment, ApplicationTheme, LinkTargetType, TranslationMap, UILanguage };