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

package/components/checklist/checklist.component.d.ts

@@ -0,0 +1,82 @@
+import { ApplicationTheme } from '@testgorilla/tgo-ui/components/core';
+import type { ChecklistItem } from './checklist.model';
+import * as i0 from "@angular/core";
+export declare class ChecklistComponent {
+    private readonly defaultAppTheme;
+    /**
+     * Label for the checklist
+     * @type {string}
+     * @memberof ChecklistComponent
+     */
+    label: import("@angular/core").InputSignal<string>;
+    /**
+     * Sub title/Description for the checklist
+     * @type {string}
+     * @memberof ChecklistComponent
+     */
+    description: import("@angular/core").InputSignal<string | null>;
+    /**
+     * Items for the checklist
+     * @type {ModelSignal<ChecklistItem[]>}
+     * @memberof ChecklistComponent
+     */
+    items: import("@angular/core").ModelSignal<ChecklistItem[]>;
+    /**
+     * Application theme
+     * @type {ApplicationTheme}
+     * @memberof ChecklistComponent
+     */
+    applicationTheme: import("@angular/core").InputSignal<ApplicationTheme | undefined>;
+    readonly theme: import("@angular/core").Signal<ApplicationTheme>;
+    /**
+     * Confirm button label
+     * @type {string}
+     * @memberof ChecklistComponent
+     */
+    footerButtonLabel: import("@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: import("@angular/core").InputSignal<string | undefined>;
+    /**
+     * The language to be used
+     * @property language
+     * @type {Language}
+     * @memberof ChecklistComponent
+     */
+    language: import("@angular/core").InputSignal<import("@testgorilla/tgo-ui/components/core").Language>;
+    /**
+     * A boolean property that determines whether the checklist items should be automatically checked.
+     *
+     * @type {boolean}
+     */
+    autocheck: import("@angular/core").InputSignal<boolean>;
+    /**
+     * Event emitter that triggers when the footer button is clicked.
+     * Emits a void event.
+     */
+    footerButtonClicked: import("@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: import("@angular/core").OutputEmitterRef<void>;
+    /**
+     * Represents the currently selected item in the checklist.
+     * This is an instance of the `ChecklistItem` supports two-way binding.
+     */
+    selectedItem: import("@angular/core").ModelSignal<ChecklistItem | undefined>;
+    readonly currentIndex: import("@angular/core").Signal<number>;
+    protected progress: import("@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: i0.ɵɵFactoryDeclaration<ChecklistComponent, [{ optional: true; }]>;
+    static ɵcmp: i0.ɵɵ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>;
+}

package/components/checklist/checklist.model.d.ts

@@ -0,0 +1,9 @@
+export interface ChecklistItem {
+    label: string;
+    value: string;
+    checked: boolean;
+    description?: string;
+    hasLink?: boolean;
+    disabled?: boolean;
+    reselect?: boolean;
+}

package/components/checklist/index.d.ts

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

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

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

package/components/core/alert-bar.model.d.ts

@@ -0,0 +1,2 @@
+export type AlertBarType = 'success' | 'error' | 'info' | 'warning';
+export type AlertVariant = 'banner' | 'callout';

package/components/core/alert-bars.utils.d.ts

@@ -0,0 +1,6 @@
+import { AlertVariant } from './alert-bar.model';
+export declare const alertBarsUtil: {
+    setIcon: (alertType: string) => string;
+    setPosition: (fixed: boolean) => string;
+    setCssClass: (fullWidth: boolean, type: string, position: string, variant?: AlertVariant) => string;
+};

package/components/core/application-theme.model.d.ts

@@ -0,0 +1,7 @@
+/**
+ * Application theme type used across all UI components.
+ * - 'light': Light theme with white backgrounds
+ * - 'dark': Dark theme with dark backgrounds
+ * - 'classic': Classic TestGorilla theme
+ */
+export type ApplicationTheme = 'dark' | 'light' | 'classic';

package/components/core/autocomplete-utils.d.ts

@@ -0,0 +1,12 @@
+export 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;
+}

package/components/core/checkbox.model.d.ts

@@ -0,0 +1 @@
+export type Alignment = 'center' | 'top';

package/components/core/color-contrast.d.ts

@@ -0,0 +1,28 @@
+/**
+ * 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
+ */
+export 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
+ */
+export 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.
+ */
+export declare const hslToHex: (hslColor: {
+    h: number;
+    s: number;
+    l: number;
+}) => string;

package/components/core/colors.model.d.ts

@@ -0,0 +1,63 @@
+export 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"
+}

package/components/core/data-property-getter.pipe.d.ts

@@ -0,0 +1,8 @@
+import { PipeTransform } from '@angular/core';
+import * as i0 from "@angular/core";
+export 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>;
+}

package/components/core/digits-only.directive.d.ts

@@ -0,0 +1,17 @@
+import { ElementRef } from '@angular/core';
+import * as i0 from "@angular/core";
+export 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>;
+}

package/components/core/dynamic-component.directive.d.ts

@@ -0,0 +1,20 @@
+import { OnDestroy, Type, ViewContainerRef } from '@angular/core';
+import * as i0 from "@angular/core";
+interface IComponentRenderer {
+    component: Type<any>;
+    inputs?: any;
+    outputs?: {
+        [key: string]: any;
+    };
+}
+export 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>;
+}
+export {};

package/components/core/ellipse-text.directive.d.ts

@@ -0,0 +1,20 @@
+import { ElementRef, EventEmitter, OnInit } from '@angular/core';
+import { Subject } from 'rxjs';
+import * as i0 from "@angular/core";
+/**
+ * Checks if element ellipsis
+ */
+export 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>;
+}

package/components/core/has-validation-error.pipe.d.ts

@@ -0,0 +1,15 @@
+import { PipeTransform } from '@angular/core';
+import * as i0 from "@angular/core";
+export 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>;
+}

package/components/core/hex-to-rgb.d.ts

@@ -0,0 +1 @@
+export declare const hexToRgbWithAlpha: (hex: string, alpha?: number) => string;