@testgorilla/tgo-ui 3.2.5-beta.1 → 3.2.6

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

@@ -219,6 +219,13 @@ export declare class AutocompleteComponent implements ControlValueAccessor, OnCh
      * @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;
@@ -302,6 +309,6 @@ export declare class AutocompleteComponent implements ControlValueAccessor, OnCh
     protected get hasObjectValue(): boolean;
     onKeydown($event: KeyboardEvent): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<AutocompleteComponent, [{ optional: true; }, null, 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; }; "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"; }, never, never, false, never>;
+    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"; }, never, never, false, never>;
     static ngAcceptInputType_virtualScroll: unknown;
 }

package/components/icon/icon.model.d.ts

@@ -3,5 +3,5 @@ type TgoIcons = typeof tgoIcons[number];
 type TgoRebrandIcons = typeof tgoRebrandIcons[number];
 export type IconSize = '16' | '24' | '40' | '80';
 export type IconName = TgoRebrandIcons | TgoIcons | '';
-export type IconColor = 'teal' | 'petrol' | 'dark' | 'white' | 'black' | 'inherit' | 'rebrand-black' | 'red' | 'grey' | 'orange' | string;
+export type IconColor = 'teal' | 'petrol' | 'dark' | 'white' | 'black' | 'inherit' | 'rebrand-black' | 'red' | 'grey' | 'orange' | 'gray' | string;
 export {};

package/components/step/step.component.d.ts

@@ -1,8 +1,9 @@
 import { AfterViewInit, DestroyRef, ElementRef, EventEmitter, TemplateRef } from '@angular/core';
 import { IconName } from '../icon/icon.model';
 import { ApplicationTheme } from '../../models/application-theme.model';
-import { HtmlDescription, StepperPosition } from '../stepper/stepper.model';
+import { HtmlDescription, StepperPosition, StepperVariation } from '../stepper/stepper.model';
 import { FocusMonitor } from "@angular/cdk/a11y";
+import { TooltipPositionType } from '../tooltip/tooltip.model';
 import * as i0 from "@angular/core";
 export declare class StepComponent implements AfterViewInit {
     private readonly defaultAppTheme;
@@ -74,6 +75,12 @@ export declare class StepComponent implements AfterViewInit {
      * @memberof StepComponent
      */
     mobileMode: boolean;
+    /**
+     * Input property indicating whether the component is in large tablet mode.
+     *
+     * @memberof StepComponent
+     */
+    largeTabletMode: boolean | null;
     /**
      * Input property indicating whether the final icon should be displayed.
      *
@@ -150,14 +157,22 @@ export declare class StepComponent implements AfterViewInit {
      * @memberof StepComponent
      */
     context: any;
+    /**
+     * A string representing the step variant.
+     * This attribute is used to indicate the variant that should be used.
+     * @type {string}
+     * @memberof StepComponent
+     */
+    stepVariant: StepperVariation;
     /**
      * Event emitted when the step was clicked.
      * @type {number}
      * @memberof StepComponent
      */
     stepSelected: EventEmitter<number>;
-    protected keyboardFocused: import("@angular/core").WritableSignal<boolean>;
     stepElement: ElementRef<HTMLElement>;
+    protected readonly TooltipPositionType: typeof TooltipPositionType;
+    protected keyboardFocused: import("@angular/core").WritableSignal<boolean>;
     constructor(defaultAppTheme: ApplicationTheme, focusMonitor: FocusMonitor, destroyRef: DestroyRef);
     ngAfterViewInit(): void;
     protected get hasLastStepDefaultIcon(): boolean;
@@ -165,5 +180,5 @@ export declare class StepComponent implements AfterViewInit {
     protected subscriberFocus(): void;
     onKeydown($event: KeyboardEvent): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<StepComponent, [{ optional: true; }, null, null]>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<StepComponent, "ui-step", never, { "label": { "alias": "label"; "required": false; }; "isVisited": { "alias": "isVisited"; "required": false; }; "submitted": { "alias": "submitted"; "required": false; }; "icon": { "alias": "icon"; "required": false; }; "index": { "alias": "index"; "required": false; }; "selected": { "alias": "selected"; "required": false; }; "isLast": { "alias": "isLast"; "required": false; }; "selectedIndex": { "alias": "selectedIndex"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "prevStepIsVisited": { "alias": "prevStepIsVisited"; "required": false; }; "mobileMode": { "alias": "mobileMode"; "required": false; }; "finalIcon": { "alias": "finalIcon"; "required": false; }; "showIconWhenSelected": { "alias": "showIconWhenSelected"; "required": false; }; "applicationTheme": { "alias": "applicationTheme"; "required": false; }; "position": { "alias": "position"; "required": false; }; "htmlDescription": { "alias": "htmlDescription"; "required": false; }; "boldLabel": { "alias": "boldLabel"; "required": false; }; "descriptionTpl": { "alias": "descriptionTpl"; "required": false; }; "labelTooltip": { "alias": "labelTooltip"; "required": false; }; "alwaysShowIcon": { "alias": "alwaysShowIcon"; "required": false; }; "context": { "alias": "context"; "required": false; }; }, { "stepSelected": "stepSelected"; }, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<StepComponent, "ui-step", never, { "label": { "alias": "label"; "required": false; }; "isVisited": { "alias": "isVisited"; "required": false; }; "submitted": { "alias": "submitted"; "required": false; }; "icon": { "alias": "icon"; "required": false; }; "index": { "alias": "index"; "required": false; }; "selected": { "alias": "selected"; "required": false; }; "isLast": { "alias": "isLast"; "required": false; }; "selectedIndex": { "alias": "selectedIndex"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "prevStepIsVisited": { "alias": "prevStepIsVisited"; "required": false; }; "mobileMode": { "alias": "mobileMode"; "required": false; }; "largeTabletMode": { "alias": "largeTabletMode"; "required": false; }; "finalIcon": { "alias": "finalIcon"; "required": false; }; "showIconWhenSelected": { "alias": "showIconWhenSelected"; "required": false; }; "applicationTheme": { "alias": "applicationTheme"; "required": false; }; "position": { "alias": "position"; "required": false; }; "htmlDescription": { "alias": "htmlDescription"; "required": false; }; "boldLabel": { "alias": "boldLabel"; "required": false; }; "descriptionTpl": { "alias": "descriptionTpl"; "required": false; }; "labelTooltip": { "alias": "labelTooltip"; "required": false; }; "alwaysShowIcon": { "alias": "alwaysShowIcon"; "required": false; }; "context": { "alias": "context"; "required": false; }; "stepVariant": { "alias": "stepVariant"; "required": false; }; }, { "stepSelected": "stepSelected"; }, never, never, false, never>;
 }

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

@@ -3,8 +3,9 @@ import * as i1 from "./step.component";
 import * as i2 from "@angular/common";
 import * as i3 from "../icon/icon.component.module";
 import * as i4 from "@angular/material/tooltip";
+import * as i5 from "../tooltip/tooltip.component.module";
 export declare class StepComponentModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<StepComponentModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<StepComponentModule, [typeof i1.StepComponent], [typeof i2.CommonModule, typeof i3.IconComponentModule, typeof i4.MatTooltipModule], [typeof i1.StepComponent]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<StepComponentModule, [typeof i1.StepComponent], [typeof i2.CommonModule, typeof i3.IconComponentModule, typeof i4.MatTooltipModule, typeof i5.TooltipComponentModule], [typeof i1.StepComponent]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<StepComponentModule>;
 }

package/components/stepper/stepper.component.d.ts

@@ -1,12 +1,13 @@
-import { DestroyRef, ElementRef, EventEmitter } from '@angular/core';
-import { Step, StepperPosition } from './stepper.model';
+import { AfterViewInit, DestroyRef, ElementRef, EventEmitter } from '@angular/core';
+import { Step, StepperPosition, StepperVariation } from './stepper.model';
 import { Observable } from 'rxjs';
 import { ApplicationTheme } from "../../models/application-theme.model";
 import { FocusMonitor } from "@angular/cdk/a11y";
 import * as i0 from "@angular/core";
-export declare class StepperComponent {
+export declare class StepperComponent implements AfterViewInit {
     private readonly defaultAppTheme;
     protected readonly isMobile$: Observable<boolean>;
+    protected readonly isLargeTablet$: Observable<boolean>;
     protected focusMonitor: FocusMonitor;
     protected destroyRef: DestroyRef;
     /**
@@ -67,6 +68,13 @@ export declare class StepperComponent {
      * @memberof StepperComponent
      */
     ariaRequired: boolean;
+    /**
+     * A string representing the stepper variant.
+     * This attribute is used to indicate the variant that should be used.
+     * @type {string}
+     * @memberof StepperComponent
+     */
+    stepperVariant: StepperVariation;
     selectionChange: EventEmitter<{
         selectedIndex: number;
         previousIndex: number;
@@ -82,13 +90,13 @@ export declare class StepperComponent {
     set isOpen(value: boolean);
     protected keyboardFocused: import("@angular/core").WritableSignal<boolean>;
     stepperElement: ElementRef<HTMLElement>;
-    constructor(defaultAppTheme: ApplicationTheme, isMobile$: Observable<boolean>, focusMonitor: FocusMonitor, destroyRef: DestroyRef);
+    constructor(defaultAppTheme: ApplicationTheme, isMobile$: Observable<boolean>, isLargeTablet$: Observable<boolean>, focusMonitor: FocusMonitor, destroyRef: DestroyRef);
     ngAfterViewInit(): void;
     protected onSelect(changedIndex: number, step: Step): void;
     protected showStepsToggle(): void;
     protected onCloseStepList(): void;
     protected subscriberFocus(): void;
     private selectedStepFocus;
-    static ɵfac: i0.ɵɵFactoryDeclaration<StepperComponent, [{ optional: true; }, null, null, null]>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<StepperComponent, "ui-stepper", never, { "setFirstStepAutoSelect": { "alias": "firstStepAutoSelect"; "required": false; }; "steps": { "alias": "steps"; "required": false; }; "setSelectedIndex": { "alias": "selectedIndex"; "required": false; }; "lastStepFinalIcon": { "alias": "lastStepFinalIcon"; "required": false; }; "applicationTheme": { "alias": "applicationTheme"; "required": false; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; }; "position": { "alias": "position"; "required": false; }; "ariaRequired": { "alias": "ariaRequired"; "required": false; }; }, { "selectionChange": "selectionChange"; }, never, never, false, never>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<StepperComponent, [{ optional: true; }, null, null, null, null]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<StepperComponent, "ui-stepper", never, { "setFirstStepAutoSelect": { "alias": "firstStepAutoSelect"; "required": false; }; "steps": { "alias": "steps"; "required": false; }; "setSelectedIndex": { "alias": "selectedIndex"; "required": false; }; "lastStepFinalIcon": { "alias": "lastStepFinalIcon"; "required": false; }; "applicationTheme": { "alias": "applicationTheme"; "required": false; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; }; "position": { "alias": "position"; "required": false; }; "ariaRequired": { "alias": "ariaRequired"; "required": false; }; "stepperVariant": { "alias": "stepperVariant"; "required": false; }; }, { "selectionChange": "selectionChange"; }, never, never, false, never>;
 }

package/components/stepper/stepper.model.d.ts

@@ -20,3 +20,4 @@ export interface HtmlDescription {
     iconTooltip?: string;
 }
 export type StepperPosition = 'horizontal' | 'vertical';
+export type StepperVariation = 'primary' | 'secondary';