@testgorilla/tgo-ui 11.9.0 → 11.11.0

package/types/testgorilla-tgo-ui-components-page-header.d.ts

@@ -22,6 +22,7 @@ declare class PageHeaderComponent {
      * @memberof PageHeaderComponent
      */
     tooltip: string;
+    backButtonTestId: string | null;
     /**
      *
      * Defines the application theme
@@ -38,7 +39,7 @@ declare class PageHeaderComponent {
     constructor(defaultAppTheme: ApplicationTheme, isMobile$: Observable<boolean>);
     protected onBack(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<PageHeaderComponent, [{ optional: true; }, null]>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<PageHeaderComponent, "ui-page-header", never, { "showBackButton": { "alias": "showBackButton"; "required": false; }; "tooltip": { "alias": "tooltip"; "required": false; }; "applicationTheme": { "alias": "applicationTheme"; "required": false; }; }, { "back": "back"; }, never, ["[content]", "[right-side]"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<PageHeaderComponent, "ui-page-header", never, { "showBackButton": { "alias": "showBackButton"; "required": false; }; "tooltip": { "alias": "tooltip"; "required": false; }; "backButtonTestId": { "alias": "backButtonTestId"; "required": false; }; "applicationTheme": { "alias": "applicationTheme"; "required": false; }; }, { "back": "back"; }, never, ["[content]", "[right-side]"], true, never>;
     static ngAcceptInputType_showBackButton: unknown;
 }
 

package/types/testgorilla-tgo-ui-components-paginator.d.ts

@@ -53,12 +53,14 @@ declare class PaginatorComponent {
      * @memberof PaginatorComponent
      */
     currentPage: number;
+    testId: string | null;
+    ariaLabel: string;
     paginatorChange: EventEmitter<PageEvent>;
     selectConfig: MatPaginatorSelectConfig;
     constructor(defaultAppTheme: ApplicationTheme);
     onPaginatorChange(paginator: PageEvent): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<PaginatorComponent, [{ optional: true; }]>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<PaginatorComponent, "ui-paginator", never, { "pageSizeOptions": { "alias": "pageSizeOptions"; "required": false; }; "length": { "alias": "length"; "required": false; }; "pageSize": { "alias": "pageSize"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "applicationTheme": { "alias": "applicationTheme"; "required": false; }; "currentPage": { "alias": "currentPage"; "required": false; }; }, { "paginatorChange": "paginatorChange"; }, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<PaginatorComponent, "ui-paginator", never, { "pageSizeOptions": { "alias": "pageSizeOptions"; "required": false; }; "length": { "alias": "length"; "required": false; }; "pageSize": { "alias": "pageSize"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "applicationTheme": { "alias": "applicationTheme"; "required": false; }; "currentPage": { "alias": "currentPage"; "required": false; }; "testId": { "alias": "testId"; "required": false; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; }; }, { "paginatorChange": "paginatorChange"; }, never, never, true, never>;
 }
 
 declare class PaginatorComponentModule {

package/types/testgorilla-tgo-ui-components-phone-input.d.ts

@@ -63,6 +63,9 @@ declare class PhoneInputComponent implements OnInit, OnDestroy, ControlValueAcce
      * @memberof PhoneInputComponent
      */
     required: boolean;
+    testId: string | null;
+    countryAriaLabel: string;
+    get countrySelectTestId(): string | null;
     /**
      *
      * Defines the application theme
@@ -160,7 +163,7 @@ declare class PhoneInputComponent implements OnInit, OnDestroy, ControlValueAcce
     disableClick(ev: Event): void;
     trackByFn: (index: number, value: string) => string;
     static ɵfac: i0.ɵɵFactoryDeclaration<PhoneInputComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<PhoneInputComponent, "ui-phone-input", never, { "value": { "alias": "value"; "required": false; }; "countryList": { "alias": "countryList"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "required": { "alias": "required"; "required": false; }; "applicationTheme": { "alias": "applicationTheme"; "required": false; }; "fullWidth": { "alias": "fullWidth"; "required": false; }; "errors": { "alias": "errors"; "required": false; }; "hideBuiltInErrors": { "alias": "hideBuiltInErrors"; "required": false; }; "hideLabelInErrors": { "alias": "hideLabelInErrors"; "required": false; }; }, {}, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<PhoneInputComponent, "ui-phone-input", never, { "value": { "alias": "value"; "required": false; }; "countryList": { "alias": "countryList"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "required": { "alias": "required"; "required": false; }; "testId": { "alias": "testId"; "required": false; }; "countryAriaLabel": { "alias": "countryAriaLabel"; "required": false; }; "applicationTheme": { "alias": "applicationTheme"; "required": false; }; "fullWidth": { "alias": "fullWidth"; "required": false; }; "errors": { "alias": "errors"; "required": false; }; "hideBuiltInErrors": { "alias": "hideBuiltInErrors"; "required": false; }; "hideLabelInErrors": { "alias": "hideLabelInErrors"; "required": false; }; }, {}, never, never, true, never>;
 }
 
 declare class JoinStringsPipe implements PipeTransform {

package/types/testgorilla-tgo-ui-components-popup-tip.d.ts

@@ -17,6 +17,7 @@ declare class PopupTipComponent {
     readonly linkUrl: _angular_core.InputSignal<string>;
     /** Side of the anchor the tip sits on, which decides where its arrow is drawn. Default: 'top'. */
     readonly position: _angular_core.InputSignal<PopupTipPosition>;
+    readonly closeButtonTestId: _angular_core.InputSignal<string | null>;
     readonly includeCloseButton: _angular_core.InputSignalWithTransform<boolean, unknown>;
     /**
      * Accessible name of the close button. Pass a localized string: the English default is only a
@@ -37,7 +38,7 @@ declare class PopupTipComponent {
     protected readonly theme: _angular_core.Signal<ApplicationTheme>;
     close(): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<PopupTipComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<PopupTipComponent, "ui-popup-tip", never, { "message": { "alias": "message"; "required": false; "isSignal": true; }; "linkText": { "alias": "linkText"; "required": false; "isSignal": true; }; "linkUrl": { "alias": "linkUrl"; "required": false; "isSignal": true; }; "position": { "alias": "position"; "required": false; "isSignal": true; }; "includeCloseButton": { "alias": "includeCloseButton"; "required": false; "isSignal": true; }; "closeButtonLabel": { "alias": "closeButtonLabel"; "required": false; "isSignal": true; }; "applicationTheme": { "alias": "applicationTheme"; "required": false; "isSignal": true; }; }, { "closed": "closed"; }, never, ["*"], true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<PopupTipComponent, "ui-popup-tip", never, { "message": { "alias": "message"; "required": false; "isSignal": true; }; "linkText": { "alias": "linkText"; "required": false; "isSignal": true; }; "linkUrl": { "alias": "linkUrl"; "required": false; "isSignal": true; }; "position": { "alias": "position"; "required": false; "isSignal": true; }; "closeButtonTestId": { "alias": "closeButtonTestId"; "required": false; "isSignal": true; }; "includeCloseButton": { "alias": "includeCloseButton"; "required": false; "isSignal": true; }; "closeButtonLabel": { "alias": "closeButtonLabel"; "required": false; "isSignal": true; }; "applicationTheme": { "alias": "applicationTheme"; "required": false; "isSignal": true; }; }, { "closed": "closed"; }, never, ["*"], true, never>;
 }
 
 declare class PopupTipComponentModule {

package/types/testgorilla-tgo-ui-components-prompt.d.ts

@@ -67,6 +67,10 @@ declare class PromptComponent implements ControlValueAccessor, OnInit, AfterView
     dropdownItems: _angular_core.InputSignal<PromptDropdownItem[]>;
     dropdownHeading: _angular_core.InputSignal<string>;
     showDropdownClose: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /**
+     * Whether to display a live `used / max` character count in the footer.
+     */
+    showCharacterCount: _angular_core.InputSignalWithTransform<boolean, unknown>;
     /**
      * Whether the prompt is disabled.
      * @type {boolean}
@@ -106,6 +110,14 @@ declare class PromptComponent implements ControlValueAccessor, OnInit, AfterView
      * button is rendered.
      */
     readonly canSubmit: _angular_core.Signal<boolean>;
+    readonly isOverCharacterLimit: _angular_core.Signal<boolean>;
+    private readonly announcedTextValue;
+    readonly characterCountAnnouncement: _angular_core.Signal<{
+        key: string;
+        params: {
+            count: number;
+        };
+    } | null>;
     private readonly destroyRef;
     private readonly translationPipe;
     private readonly resetOnLock;
@@ -147,7 +159,7 @@ declare class PromptComponent implements ControlValueAccessor, OnInit, AfterView
     private handleActionTagFile;
     private emitValue;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<PromptComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<PromptComponent, "ui-prompt", never, { "tags": { "alias": "tags"; "required": false; "isSignal": true; }; "actionTag": { "alias": "actionTag"; "required": false; "isSignal": true; }; "maxCharacters": { "alias": "maxCharacters"; "required": false; "isSignal": true; }; "supportedFileTypes": { "alias": "supportedFileTypes"; "required": false; "isSignal": true; }; "autoClear": { "alias": "autoClear"; "required": false; "isSignal": true; }; "showSendButton": { "alias": "showSendButton"; "required": false; "isSignal": true; }; "sendButtonDisabled": { "alias": "sendButtonDisabled"; "required": false; "isSignal": true; }; "enableFileUpload": { "alias": "enableFileUpload"; "required": false; "isSignal": true; }; "loading": { "alias": "loading"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "errorMessage": { "alias": "errorMessage"; "required": false; "isSignal": true; }; "dropdownItems": { "alias": "dropdownItems"; "required": false; "isSignal": true; }; "dropdownHeading": { "alias": "dropdownHeading"; "required": false; "isSignal": true; }; "showDropdownClose": { "alias": "showDropdownClose"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; }; }, { "promptData": "promptData"; "actionTagFileSelected": "actionTagFileSelected"; "dropdownItemSelected": "dropdownItemSelected"; "dropdownClosed": "dropdownClosed"; }, never, ["[promptFooter]"], true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<PromptComponent, "ui-prompt", never, { "tags": { "alias": "tags"; "required": false; "isSignal": true; }; "actionTag": { "alias": "actionTag"; "required": false; "isSignal": true; }; "maxCharacters": { "alias": "maxCharacters"; "required": false; "isSignal": true; }; "supportedFileTypes": { "alias": "supportedFileTypes"; "required": false; "isSignal": true; }; "autoClear": { "alias": "autoClear"; "required": false; "isSignal": true; }; "showSendButton": { "alias": "showSendButton"; "required": false; "isSignal": true; }; "sendButtonDisabled": { "alias": "sendButtonDisabled"; "required": false; "isSignal": true; }; "enableFileUpload": { "alias": "enableFileUpload"; "required": false; "isSignal": true; }; "loading": { "alias": "loading"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "errorMessage": { "alias": "errorMessage"; "required": false; "isSignal": true; }; "dropdownItems": { "alias": "dropdownItems"; "required": false; "isSignal": true; }; "dropdownHeading": { "alias": "dropdownHeading"; "required": false; "isSignal": true; }; "showDropdownClose": { "alias": "showDropdownClose"; "required": false; "isSignal": true; }; "showCharacterCount": { "alias": "showCharacterCount"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; }; }, { "promptData": "promptData"; "actionTagFileSelected": "actionTagFileSelected"; "dropdownItemSelected": "dropdownItemSelected"; "dropdownClosed": "dropdownClosed"; }, never, ["[promptFooter]"], true, never>;
     static ngAcceptInputType_disabled: unknown;
 }
 

package/types/testgorilla-tgo-ui-components-radio-button.d.ts

@@ -110,6 +110,7 @@ declare class RadioButtonComponent implements OnInit, OnChanges, ControlValueAcc
      * @memberof RadioButtonComponent
      */
     ariaLabel: string;
+    testId: string | null;
     /**
      * A string representing the ARIA requirement for accessibility.
      * This attribute is used to indicate whether an input field is required for form submission.
@@ -176,6 +177,7 @@ declare class RadioButtonComponent implements OnInit, OnChanges, ControlValueAcc
     showTooltip: boolean;
     protected origin: string | null;
     radioElement: MatRadioButton;
+    private appliedTestId;
     tooltipElement: MatTooltip;
     private readonly defaultAppTheme;
     ngControl: NgControl | null;
@@ -187,6 +189,7 @@ declare class RadioButtonComponent implements OnInit, OnChanges, ControlValueAcc
     constructor();
     ngOnInit(): void;
     ngOnChanges(changes: SimpleChanges): void;
+    private applyTestId;
     ngAfterViewInit(): void;
     ngOnDestroy(): void;
     clickRadio(): void;
@@ -206,7 +209,7 @@ declare class RadioButtonComponent implements OnInit, OnChanges, ControlValueAcc
     onFocus(isFocus: boolean): void;
     focus(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<RadioButtonComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<RadioButtonComponent, "ui-radio-button", never, { "disabled": { "alias": "disabled"; "required": false; }; "selected": { "alias": "selected"; "required": false; }; "allowUnselect": { "alias": "allowUnselect"; "required": false; }; "companyColor": { "alias": "companyColor"; "required": false; }; "name": { "alias": "name"; "required": false; }; "label": { "alias": "label"; "required": false; }; "multiple": { "alias": "multiple"; "required": false; }; "mediaCard": { "alias": "mediaCard"; "required": false; }; "value": { "alias": "value"; "required": false; }; "applicationTheme": { "alias": "applicationTheme"; "required": false; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; }; "ariaRequired": { "alias": "ariaRequired"; "required": false; }; "hasError": { "alias": "hasError"; "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; }; "hideTooltipOnEllipsis": { "alias": "hideTooltipOnEllipsis"; "required": false; }; }, { "changeRadio": "changeRadio"; }, never, ["[radio-media]", "[radio-label]"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<RadioButtonComponent, "ui-radio-button", never, { "disabled": { "alias": "disabled"; "required": false; }; "selected": { "alias": "selected"; "required": false; }; "allowUnselect": { "alias": "allowUnselect"; "required": false; }; "companyColor": { "alias": "companyColor"; "required": false; }; "name": { "alias": "name"; "required": false; }; "label": { "alias": "label"; "required": false; }; "multiple": { "alias": "multiple"; "required": false; }; "mediaCard": { "alias": "mediaCard"; "required": false; }; "value": { "alias": "value"; "required": false; }; "applicationTheme": { "alias": "applicationTheme"; "required": false; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; }; "testId": { "alias": "testId"; "required": false; }; "ariaRequired": { "alias": "ariaRequired"; "required": false; }; "hasError": { "alias": "hasError"; "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; }; "hideTooltipOnEllipsis": { "alias": "hideTooltipOnEllipsis"; "required": false; }; }, { "changeRadio": "changeRadio"; }, never, ["[radio-media]", "[radio-label]"], true, never>;
 }
 
 declare class RadioButtonComponentModule {

package/types/testgorilla-tgo-ui-components-rating.d.ts

@@ -45,6 +45,8 @@ declare class RatingComponent {
      * @memberof RatingComponent
      */
     ariaLabel: string;
+    testId: string | null;
+    itemTestId(item: number): string | null;
     /**
      * A string representing the ARIA requirement for accessibility.
      * This attribute is used to indicate whether an input field is required for form submission.
@@ -71,7 +73,7 @@ declare class RatingComponent {
     protected select(index: number): void;
     protected onHover(index: number): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<RatingComponent, [{ optional: true; }]>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<RatingComponent, "ui-rating", never, { "applicationTheme": { "alias": "applicationTheme"; "required": false; }; "value": { "alias": "value"; "required": false; }; "theme": { "alias": "theme"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; }; "ariaRequired": { "alias": "ariaRequired"; "required": false; }; "barWidth": { "alias": "barWidth"; "required": false; }; "canUnselect": { "alias": "canUnselect"; "required": false; }; "length": { "alias": "length"; "required": false; }; }, { "valueChange": "valueChange"; }, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<RatingComponent, "ui-rating", never, { "applicationTheme": { "alias": "applicationTheme"; "required": false; }; "value": { "alias": "value"; "required": false; }; "theme": { "alias": "theme"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; }; "testId": { "alias": "testId"; "required": false; }; "ariaRequired": { "alias": "ariaRequired"; "required": false; }; "barWidth": { "alias": "barWidth"; "required": false; }; "canUnselect": { "alias": "canUnselect"; "required": false; }; "length": { "alias": "length"; "required": false; }; }, { "valueChange": "valueChange"; }, never, never, true, never>;
 }
 
 declare class HalfStarPipe implements PipeTransform {

package/types/testgorilla-tgo-ui-components-scale.d.ts

@@ -38,6 +38,9 @@ declare class ScaleComponent implements OnInit, OnChanges {
      * @memberof ScaleComponent
      */
     companyColor: string;
+    testId: string | null;
+    ariaLabel: string;
+    itemTestId(item: number): string | null;
     selectedIndexChange: EventEmitter<number>;
     styles: i0.WritableSignal<{
         '--hover-color': string;
@@ -53,7 +56,7 @@ declare class ScaleComponent implements OnInit, OnChanges {
     private setCompanyColor;
     onFocus(item: number): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<ScaleComponent, [{ optional: true; }]>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ScaleComponent, "ui-scale", never, { "selectedIndex": { "alias": "selectedIndex"; "required": false; }; "length": { "alias": "length"; "required": false; }; "applicationTheme": { "alias": "applicationTheme"; "required": false; }; "companyColor": { "alias": "companyColor"; "required": false; }; }, { "selectedIndexChange": "selectedIndexChange"; }, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ScaleComponent, "ui-scale", never, { "selectedIndex": { "alias": "selectedIndex"; "required": false; }; "length": { "alias": "length"; "required": false; }; "applicationTheme": { "alias": "applicationTheme"; "required": false; }; "companyColor": { "alias": "companyColor"; "required": false; }; "testId": { "alias": "testId"; "required": false; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; }; }, { "selectedIndexChange": "selectedIndexChange"; }, never, never, true, never>;
 }
 
 declare class ScaleComponentModule {

package/types/testgorilla-tgo-ui-components-segmented-bar.d.ts

@@ -74,12 +74,13 @@ declare class SegmentedBarComponent {
      * @memberof SegmentedBarComponent
      */
     tooltipStats: boolean;
+    testId: string | null;
     segmentList: SegmentedBarWithPercentage[];
     constructor(defaultAppTheme: ApplicationTheme);
     calculatePercentages(segments: SegmentedBar[]): SegmentedBarWithPercentage[];
     get accessibleValueText(): string;
     static ɵfac: i0.ɵɵFactoryDeclaration<SegmentedBarComponent, [{ optional: true; }]>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<SegmentedBarComponent, "ui-segmented-bar", never, { "width": { "alias": "width"; "required": false; }; "size": { "alias": "size"; "required": false; }; "segments": { "alias": "segments"; "required": true; }; "applicationTheme": { "alias": "applicationTheme"; "required": false; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; }; "ariaRequired": { "alias": "ariaRequired"; "required": false; }; "tooltipStats": { "alias": "tooltipStats"; "required": false; }; }, {}, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SegmentedBarComponent, "ui-segmented-bar", never, { "width": { "alias": "width"; "required": false; }; "size": { "alias": "size"; "required": false; }; "segments": { "alias": "segments"; "required": true; }; "applicationTheme": { "alias": "applicationTheme"; "required": false; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; }; "ariaRequired": { "alias": "ariaRequired"; "required": false; }; "tooltipStats": { "alias": "tooltipStats"; "required": false; }; "testId": { "alias": "testId"; "required": false; }; }, {}, never, never, true, never>;
 }
 
 declare class SegmentedBarComponentModule {

package/types/testgorilla-tgo-ui-components-segmented-button.d.ts

@@ -14,6 +14,8 @@ interface SegmentedButton {
     template?: TemplateRef<unknown>;
     disabled?: boolean;
     tooltip?: string;
+    testId?: string;
+    ariaLabel?: string;
 }
 
 declare class SegmentedButtonComponent implements ControlValueAccessor {
@@ -53,6 +55,9 @@ declare class SegmentedButtonComponent implements ControlValueAccessor {
      * @memberof SegmentedButtonComponent
      */
     applicationTheme: ApplicationTheme;
+    testId: string | null;
+    ariaLabel: string;
+    protected buttonTestId(button: SegmentedButton): string | null;
     buttonSelected: EventEmitter<string>;
     protected _value?: string;
     constructor(defaultAppTheme: ApplicationTheme);
@@ -65,7 +70,7 @@ declare class SegmentedButtonComponent implements ControlValueAccessor {
     registerOnTouched(fn: () => void): void;
     manualChangeValue({ value }: SegmentedButton): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<SegmentedButtonComponent, [{ optional: true; }]>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<SegmentedButtonComponent, "ui-segmented-button", never, { "buttonConfig": { "alias": "buttonConfig"; "required": true; }; "disabled": { "alias": "disabled"; "required": false; }; "fullWidth": { "alias": "fullWidth"; "required": false; }; "value": { "alias": "value"; "required": false; }; "applicationTheme": { "alias": "applicationTheme"; "required": false; }; }, { "buttonSelected": "buttonSelected"; }, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SegmentedButtonComponent, "ui-segmented-button", never, { "buttonConfig": { "alias": "buttonConfig"; "required": true; }; "disabled": { "alias": "disabled"; "required": false; }; "fullWidth": { "alias": "fullWidth"; "required": false; }; "value": { "alias": "value"; "required": false; }; "applicationTheme": { "alias": "applicationTheme"; "required": false; }; "testId": { "alias": "testId"; "required": false; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; }; }, { "buttonSelected": "buttonSelected"; }, never, never, true, never>;
 }
 
 declare class SegmentedButtonComponentModule {

package/types/testgorilla-tgo-ui-components-segmented-toggle.d.ts

@@ -25,6 +25,7 @@ interface SegmentedToggleOption<T> {
      * any non-brand option shows the neutral pill.
      */
     brand?: boolean;
+    testId?: string;
     /** Optional tooltip text shown when hovering or focusing this segment. */
     tooltip?: string;
     /**
@@ -41,6 +42,7 @@ declare class SegmentedToggleComponent<T> {
     readonly value: _angular_core.ModelSignal<T | undefined>;
     readonly disabled: _angular_core.InputSignalWithTransform<boolean, unknown>;
     readonly ariaLabel: _angular_core.InputSignal<string | undefined>;
+    readonly testId: _angular_core.InputSignal<string | null>;
     readonly applicationTheme: _angular_core.InputSignal<ApplicationTheme | undefined>;
     private readonly defaultAppTheme;
     readonly theme: _angular_core.Signal<ApplicationTheme>;
@@ -67,12 +69,13 @@ declare class SegmentedToggleComponent<T> {
      * the button and this returns `null` (no `aria-label` attribute).
      */
     protected fallbackAriaLabel(option: SegmentedToggleOption<T>): string | null;
+    protected optionTestId(option: SegmentedToggleOption<T>): string | null;
     /** Maps the option's Canopy tooltip position (default TOP) to the MatTooltip position. */
     protected tooltipPosition(option: SegmentedToggleOption<T>): TooltipPosition;
     /** Reads the active button's box and writes it to the indicator signals. */
     private measureIndicator;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<SegmentedToggleComponent<any>, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SegmentedToggleComponent<any>, "ui-segmented-toggle", never, { "options": { "alias": "options"; "required": true; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; "applicationTheme": { "alias": "applicationTheme"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; }, never, never, true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SegmentedToggleComponent<any>, "ui-segmented-toggle", never, { "options": { "alias": "options"; "required": true; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; "testId": { "alias": "testId"; "required": false; "isSignal": true; }; "applicationTheme": { "alias": "applicationTheme"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; }, never, never, true, never>;
 }
 
 export { SegmentedToggleComponent };

package/types/testgorilla-tgo-ui-components-selectable-card.d.ts

@@ -25,6 +25,9 @@ declare class SelectableCardComponent {
      * Whether the card is in an error state, which renders the checkbox in red.
      */
     hasError: _angular_core.InputSignal<boolean>;
+    testId: _angular_core.InputSignal<string | null>;
+    ariaLabel: _angular_core.InputSignal<string>;
+    protected readonly checkboxTestId: _angular_core.Signal<string | null>;
     /**
      * Event emitted when the card is selected, with the current selected state.
      */
@@ -42,7 +45,7 @@ declare class SelectableCardComponent {
      */
     handleSelect(): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<SelectableCardComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SelectableCardComponent, "ui-selectable-card", never, { "size": { "alias": "size"; "required": false; "isSignal": true; }; "selectedVariant": { "alias": "selectedVariant"; "required": false; "isSignal": true; }; "selected": { "alias": "selected"; "required": false; "isSignal": true; }; "isCheckboxDisabled": { "alias": "isCheckboxDisabled"; "required": false; "isSignal": true; }; "hasError": { "alias": "hasError"; "required": false; "isSignal": true; }; }, { "cardSelected": "cardSelected"; }, never, ["[ui-selectable-card-label]", "[ui-selectable-card-content]"], true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SelectableCardComponent, "ui-selectable-card", never, { "size": { "alias": "size"; "required": false; "isSignal": true; }; "selectedVariant": { "alias": "selectedVariant"; "required": false; "isSignal": true; }; "selected": { "alias": "selected"; "required": false; "isSignal": true; }; "isCheckboxDisabled": { "alias": "isCheckboxDisabled"; "required": false; "isSignal": true; }; "hasError": { "alias": "hasError"; "required": false; "isSignal": true; }; "testId": { "alias": "testId"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; }, { "cardSelected": "cardSelected"; }, never, ["[ui-selectable-card-label]", "[ui-selectable-card-content]"], true, never>;
 }
 
 declare class SelectableCardComponentModule {

package/types/testgorilla-tgo-ui-components-side-panel.d.ts

@@ -21,6 +21,7 @@ declare class SidePanelConfig {
     showHeader?: boolean;
     panelClass?: string;
     size?: SidePanelSize;
+    testId?: string;
 }
 declare const defaultSidePanelConfig: SidePanelConfig;
 declare const SIDE_PANEL_CONFIG: InjectionToken<SidePanelConfig>;
@@ -63,6 +64,8 @@ declare class SidePanelComponent {
     animation: _angular_core.Signal<SidePanelAnimationState.Open | SidePanelAnimationState.ClosedRight | SidePanelAnimationState.ClosedLeft>;
     private readonly sidePanelService;
     sidePanelConfig: SidePanelConfig;
+    protected readonly closeButtonTestId: string | null;
+    protected readonly backButtonTestId: string | null;
     constructor();
     open(): void;
     close(result?: unknown): void;

package/types/testgorilla-tgo-ui-components-side-sheet.d.ts

@@ -60,6 +60,9 @@ declare class SideSheetComponent implements OnInit {
      * @memberof SideSheetComponent
      */
     applicationTheme: ApplicationTheme;
+    testId: string | null;
+    get closeButtonTestId(): string | null;
+    get backButtonTestId(): string | null;
     openChange: EventEmitter<boolean>;
     drawer: MatDrawer;
     container: ViewContainerRef;
@@ -76,7 +79,7 @@ declare class SideSheetComponent implements OnInit {
     protected onClose(): void;
     onOpenChange(isOpened: boolean): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<SideSheetComponent, [{ optional: true; }, null, null, null]>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<SideSheetComponent, "ui-side-sheet", never, { "position": { "alias": "position"; "required": false; }; "applicationTheme": { "alias": "applicationTheme"; "required": false; }; }, { "openChange": "openChange"; }, never, ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SideSheetComponent, "ui-side-sheet", never, { "position": { "alias": "position"; "required": false; }; "applicationTheme": { "alias": "applicationTheme"; "required": false; }; "testId": { "alias": "testId"; "required": false; }; }, { "openChange": "openChange"; }, never, ["*"], true, never>;
 }
 
 declare class SideSheetComponentModule {

package/types/testgorilla-tgo-ui-components-slider.d.ts

@@ -93,6 +93,11 @@ declare class SliderComponent implements Validator {
      * @memberof SliderComponent
      */
     variant: SliderVariant;
+    testId: string | null;
+    get startThumbTestId(): string;
+    get endThumbTestId(): string;
+    get startInputTestId(): string;
+    get endInputTestId(): string;
     /**
      * Controls whether decimal values are allowed in the input fields.
      * When true, inputs accept decimal numbers (up to 2 decimal places).
@@ -161,7 +166,7 @@ declare class SliderComponent implements Validator {
     formatLabel(value: number): string;
     validate(control: AbstractControl): ValidationErrors | null;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<SliderComponent, [{ optional: true; }]>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SliderComponent, "ui-slider", never, { "max": { "alias": "max"; "required": false; }; "min": { "alias": "min"; "required": false; }; "percentage": { "alias": "percentage"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "sliderStart": { "alias": "sliderStart"; "required": false; }; "sliderEnd": { "alias": "sliderEnd"; "required": false; }; "label": { "alias": "label"; "required": false; }; "showInputs": { "alias": "showInputs"; "required": false; }; "step": { "alias": "step"; "required": false; }; "applicationTheme": { "alias": "applicationTheme"; "required": false; }; "variant": { "alias": "variant"; "required": false; }; "useDecimal": { "alias": "useDecimal"; "required": false; "isSignal": true; }; "useThousandsSeparator": { "alias": "useThousandsSeparator"; "required": false; "isSignal": true; }; "minLabel": { "alias": "minLabel"; "required": false; "isSignal": true; }; "maxLabel": { "alias": "maxLabel"; "required": false; "isSignal": true; }; "inputWidth": { "alias": "inputWidth"; "required": false; "isSignal": true; }; "showValueBubble": { "alias": "showValueBubble"; "required": false; "isSignal": true; }; }, { "sliderValueChange": "sliderValueChange"; "dragStart": "dragStart"; "dragEnd": "dragEnd"; }, never, never, true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SliderComponent, "ui-slider", never, { "max": { "alias": "max"; "required": false; }; "min": { "alias": "min"; "required": false; }; "percentage": { "alias": "percentage"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "sliderStart": { "alias": "sliderStart"; "required": false; }; "sliderEnd": { "alias": "sliderEnd"; "required": false; }; "label": { "alias": "label"; "required": false; }; "showInputs": { "alias": "showInputs"; "required": false; }; "step": { "alias": "step"; "required": false; }; "applicationTheme": { "alias": "applicationTheme"; "required": false; }; "variant": { "alias": "variant"; "required": false; }; "testId": { "alias": "testId"; "required": false; }; "useDecimal": { "alias": "useDecimal"; "required": false; "isSignal": true; }; "useThousandsSeparator": { "alias": "useThousandsSeparator"; "required": false; "isSignal": true; }; "minLabel": { "alias": "minLabel"; "required": false; "isSignal": true; }; "maxLabel": { "alias": "maxLabel"; "required": false; "isSignal": true; }; "inputWidth": { "alias": "inputWidth"; "required": false; "isSignal": true; }; "showValueBubble": { "alias": "showValueBubble"; "required": false; "isSignal": true; }; }, { "sliderValueChange": "sliderValueChange"; "dragStart": "dragStart"; "dragEnd": "dragEnd"; }, never, never, true, never>;
 }
 
 declare class SliderComponentModule {

package/types/testgorilla-tgo-ui-components-snackbar.d.ts

@@ -103,6 +103,8 @@ declare class SnackbarComponent implements OnInit {
      * @memberof SnackbarComponent
      */
     closeButtonTooltip: string;
+    testId: string | null;
+    get dismissButtonTestId(): string | null;
     /**
      * A string representing the ARIA requirement for accessibility.
      * This attribute is used to indicate whether an input field is required for form submission.
@@ -138,7 +140,7 @@ declare class SnackbarComponent implements OnInit {
     onLinkClick(event: Event): void;
     private dismissSnackbar;
     static ɵfac: i0.ɵɵFactoryDeclaration<SnackbarComponent, [{ optional: true; }, null, null, null]>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<SnackbarComponent, "ui-snackbar", never, { "snackbarType": { "alias": "snackbarType"; "required": false; }; "message": { "alias": "message"; "required": false; }; "html": { "alias": "html"; "required": false; }; "seconds": { "alias": "seconds"; "required": false; }; "includeDismissButton": { "alias": "includeDismissButton"; "required": false; }; "fixed": { "alias": "fixed"; "required": false; }; "linkText": { "alias": "linkText"; "required": false; }; "linkUrl": { "alias": "linkUrl"; "required": false; }; "linkTarget": { "alias": "linkTarget"; "required": false; }; "variant": { "alias": "variant"; "required": false; }; "applicationTheme": { "alias": "applicationTheme"; "required": false; }; "closeButtonTooltip": { "alias": "closeButtonTooltip"; "required": false; }; "ariaDescribedby": { "alias": "ariaDescribedby"; "required": false; }; }, {}, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SnackbarComponent, "ui-snackbar", never, { "snackbarType": { "alias": "snackbarType"; "required": false; }; "message": { "alias": "message"; "required": false; }; "html": { "alias": "html"; "required": false; }; "seconds": { "alias": "seconds"; "required": false; }; "includeDismissButton": { "alias": "includeDismissButton"; "required": false; }; "fixed": { "alias": "fixed"; "required": false; }; "linkText": { "alias": "linkText"; "required": false; }; "linkUrl": { "alias": "linkUrl"; "required": false; }; "linkTarget": { "alias": "linkTarget"; "required": false; }; "variant": { "alias": "variant"; "required": false; }; "applicationTheme": { "alias": "applicationTheme"; "required": false; }; "closeButtonTooltip": { "alias": "closeButtonTooltip"; "required": false; }; "testId": { "alias": "testId"; "required": false; }; "ariaDescribedby": { "alias": "ariaDescribedby"; "required": false; }; }, {}, never, never, true, never>;
 }
 
 declare class SnackbarComponentModule {

package/types/testgorilla-tgo-ui-components-stepper.d.ts

@@ -17,6 +17,7 @@ import * as i7 from '@angular/material/input';
 
 interface Step {
     label: string;
+    testId?: string;
     isVisited?: boolean;
     iconName?: IconName;
     disabled?: boolean;
@@ -110,6 +111,8 @@ declare class StepperComponent implements AfterViewInit {
      * @memberof StepperComponent
      */
     stepperVariant: StepperVariation;
+    testId: string | null;
+    stepTestId(step: Step, index: number): string | null;
     selectionChange: EventEmitter<{
         selectedIndex: number;
         previousIndex: number;
@@ -133,7 +136,7 @@ declare class StepperComponent implements AfterViewInit {
     protected subscriberFocus(): void;
     private selectedStepFocus;
     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, true, never>;
+    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; }; "testId": { "alias": "testId"; "required": false; }; }, { "selectionChange": "selectionChange"; }, never, never, true, never>;
 }
 
 declare class StepComponent implements AfterViewInit {

package/types/testgorilla-tgo-ui-components-table.d.ts

@@ -190,6 +190,8 @@ declare class TableComponent<T extends DataSource, TDetail extends DataSource> i
      * @memberof TableComponent
      */
     maxHeight: string;
+    testId: string | null;
+    ariaLabel: string;
     onRowClickEvent: EventEmitter<T & {
         index: number;
     }>;
@@ -230,7 +232,7 @@ declare class TableComponent<T extends DataSource, TDetail extends DataSource> i
     private readonly defaultPaginationConfig;
     trackColumnUniqueId: (index: number, column: TableColumn<T>) => string;
     static ɵfac: i0.ɵɵFactoryDeclaration<TableComponent<any, any>, [{ optional: true; }, null, null]>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<TableComponent<any, any>, "ui-table", never, { "config": { "alias": "config"; "required": true; }; "data": { "alias": "data"; "required": false; }; "loading": { "alias": "loading"; "required": false; }; "applicationTheme": { "alias": "applicationTheme"; "required": false; }; "tableDetailColumns": { "alias": "tableDetailColumns"; "required": false; }; "tableDetails": { "alias": "tableDetails"; "required": false; }; "disableBorderRadius": { "alias": "disableBorderRadius"; "required": false; }; "isCondensed": { "alias": "isCondensed"; "required": false; }; "stickyHeader": { "alias": "stickyHeader"; "required": false; }; "maxHeight": { "alias": "maxHeight"; "required": false; }; }, { "onRowClickEvent": "onRowClickEvent"; "onDetailRowClickEvent": "onDetailRowClickEvent"; "paginatorChange": "paginatorChange"; "sortChange": "sortChange"; }, never, ["[title-actions]"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TableComponent<any, any>, "ui-table", never, { "config": { "alias": "config"; "required": true; }; "data": { "alias": "data"; "required": false; }; "loading": { "alias": "loading"; "required": false; }; "applicationTheme": { "alias": "applicationTheme"; "required": false; }; "tableDetailColumns": { "alias": "tableDetailColumns"; "required": false; }; "tableDetails": { "alias": "tableDetails"; "required": false; }; "disableBorderRadius": { "alias": "disableBorderRadius"; "required": false; }; "isCondensed": { "alias": "isCondensed"; "required": false; }; "stickyHeader": { "alias": "stickyHeader"; "required": false; }; "maxHeight": { "alias": "maxHeight"; "required": false; }; "testId": { "alias": "testId"; "required": false; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; }; }, { "onRowClickEvent": "onRowClickEvent"; "onDetailRowClickEvent": "onDetailRowClickEvent"; "paginatorChange": "paginatorChange"; "sortChange": "sortChange"; }, never, ["[title-actions]"], true, never>;
 }
 
 declare class SentenceCasePipe implements PipeTransform {

package/types/testgorilla-tgo-ui-components-tabs.d.ts

@@ -25,6 +25,7 @@ interface Tab {
     }) => boolean | Promise<boolean>;
     linkUrl?: string;
     ariaLabel?: string;
+    testId?: string;
     order?: number;
     skeletonTheme?: NgxSkeletonLoaderConfigTheme;
     isSkeletonAiTheme?: boolean;
@@ -130,6 +131,7 @@ declare class TabsComponent implements AfterViewInit {
      * guarding around the value it binds. User-driven switches still honour `canLeave`.
      */
     readonly selectedTabName: _angular_core.InputSignal<string | null>;
+    readonly testId: _angular_core.InputSignal<string | null>;
     selectedTabIndex: EventEmitter<number>;
     selectedTab: EventEmitter<Tab>;
     tabGroup: MatTabGroup;
@@ -171,7 +173,7 @@ declare class TabsComponent implements AfterViewInit {
     removeTab(tabName: string): void;
     updateTab(tabName: string, tab: Partial<Omit<Tab, 'tabName'>>): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<TabsComponent, [{ optional: true; }, null, null]>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<TabsComponent, "ui-tabs", never, { "companyColor": { "alias": "companyColor"; "required": false; }; "type": { "alias": "type"; "required": false; }; "animationDuration": { "alias": "animationDuration"; "required": false; }; "headerContentPadding": { "alias": "headerContentPadding"; "required": false; }; "dynamicHeight": { "alias": "dynamicHeight"; "required": false; }; "applicationTheme": { "alias": "applicationTheme"; "required": false; }; "tabHeaderSize": { "alias": "tabHeaderSize"; "required": false; "isSignal": true; }; "isLoading": { "alias": "isLoading"; "required": false; "isSignal": true; }; "selectedTabName": { "alias": "selectedTabName"; "required": false; "isSignal": true; }; }, { "selectedTabIndex": "selectedTabIndex"; "selectedTab": "selectedTab"; }, never, never, true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<TabsComponent, "ui-tabs", never, { "companyColor": { "alias": "companyColor"; "required": false; }; "type": { "alias": "type"; "required": false; }; "animationDuration": { "alias": "animationDuration"; "required": false; }; "headerContentPadding": { "alias": "headerContentPadding"; "required": false; }; "dynamicHeight": { "alias": "dynamicHeight"; "required": false; }; "applicationTheme": { "alias": "applicationTheme"; "required": false; }; "tabHeaderSize": { "alias": "tabHeaderSize"; "required": false; "isSignal": true; }; "isLoading": { "alias": "isLoading"; "required": false; "isSignal": true; }; "selectedTabName": { "alias": "selectedTabName"; "required": false; "isSignal": true; }; "testId": { "alias": "testId"; "required": false; "isSignal": true; }; }, { "selectedTabIndex": "selectedTabIndex"; "selectedTab": "selectedTab"; }, never, never, true, never>;
     static ngAcceptInputType_headerContentPadding: number;
     static ngAcceptInputType_dynamicHeight: unknown;
 }

package/types/testgorilla-tgo-ui-components-tag.d.ts

@@ -98,6 +98,8 @@ declare class TagComponent {
      * @memberof TagComponent
      */
     ariaLabel: _angular_core.InputSignal<string | undefined>;
+    readonly testId: _angular_core.InputSignal<string | null>;
+    protected readonly closeTestId: _angular_core.Signal<string | null>;
     /**
      * A string representing the ARIA requirement for accessibility.
      * This attribute is used to indicate whether an input field is required for form submission.
@@ -164,7 +166,7 @@ declare class TagComponent {
     readonly filled: _angular_core.Signal<boolean>;
     onKeydown($event: KeyboardEvent): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<TagComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<TagComponent, "ui-tag", never, { "label": { "alias": "label"; "required": false; "isSignal": true; }; "icon": { "alias": "icon"; "required": false; "isSignal": true; }; "allowClose": { "alias": "allowClose"; "required": false; "isSignal": true; }; "readOnly": { "alias": "readOnly"; "required": false; "isSignal": true; }; "isSelected": { "alias": "isSelected"; "required": false; "isSignal": true; }; "showIconWhenSelected": { "alias": "showIconWhenSelected"; "required": false; "isSignal": true; }; "pinnedBackground": { "alias": "pinnedBackground"; "required": false; "isSignal": true; }; "isDisabled": { "alias": "isDisabled"; "required": false; "isSignal": true; }; "applicationTheme": { "alias": "applicationTheme"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; "ariaRequired": { "alias": "ariaRequired"; "required": false; "isSignal": true; }; "showBadge": { "alias": "showBadge"; "required": false; "isSignal": true; }; "notificationsAmount": { "alias": "notificationsAmount"; "required": false; "isSignal": true; }; }, { "isSelected": "isSelectedChange"; "close": "close"; "press": "press"; }, never, never, true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<TagComponent, "ui-tag", never, { "label": { "alias": "label"; "required": false; "isSignal": true; }; "icon": { "alias": "icon"; "required": false; "isSignal": true; }; "allowClose": { "alias": "allowClose"; "required": false; "isSignal": true; }; "readOnly": { "alias": "readOnly"; "required": false; "isSignal": true; }; "isSelected": { "alias": "isSelected"; "required": false; "isSignal": true; }; "showIconWhenSelected": { "alias": "showIconWhenSelected"; "required": false; "isSignal": true; }; "pinnedBackground": { "alias": "pinnedBackground"; "required": false; "isSignal": true; }; "isDisabled": { "alias": "isDisabled"; "required": false; "isSignal": true; }; "applicationTheme": { "alias": "applicationTheme"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; "testId": { "alias": "testId"; "required": false; "isSignal": true; }; "ariaRequired": { "alias": "ariaRequired"; "required": false; "isSignal": true; }; "showBadge": { "alias": "showBadge"; "required": false; "isSignal": true; }; "notificationsAmount": { "alias": "notificationsAmount"; "required": false; "isSignal": true; }; }, { "isSelected": "isSelectedChange"; "close": "close"; "press": "press"; }, never, never, true, never>;
 }
 
 declare class TagComponentModule {

package/types/testgorilla-tgo-ui-components-toggle.d.ts

@@ -75,6 +75,7 @@ declare class ToggleComponent implements ControlValueAccessor, OnChanges, OnInit
      * @memberof ToggleComponent
      */
     ariaLabel: string;
+    testId: string | null;
     /**
      * A string representing the ARIA requirement for accessibility.
      * This attribute is used to indicate whether an input field is required for form submission.
@@ -104,6 +105,9 @@ declare class ToggleComponent implements ControlValueAccessor, OnChanges, OnInit
     ariaDescribedby: string;
     protected showLabelTooltip: boolean;
     protected classes: string;
+    private static nextInstanceId;
+    protected readonly labelId: string;
+    protected readonly describedbyId: string;
     constructor(defaultAppTheme: ApplicationTheme);
     ngOnChanges(): void;
     ngOnInit(): void;
@@ -119,7 +123,7 @@ declare class ToggleComponent implements ControlValueAccessor, OnChanges, OnInit
     private onTouched;
     private setClasses;
     static ɵfac: i0.ɵɵFactoryDeclaration<ToggleComponent, [{ optional: true; }]>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ToggleComponent, "ui-toggle", never, { "selected": { "alias": "selected"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "label": { "alias": "label"; "required": false; }; "message": { "alias": "message"; "required": false; }; "maxWidth": { "alias": "maxWidth"; "required": false; }; "applicationTheme": { "alias": "applicationTheme"; "required": false; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; }; "ariaRequired": { "alias": "ariaRequired"; "required": false; }; "preventClick": { "alias": "preventClick"; "required": false; }; "loading": { "alias": "loading"; "required": false; }; "ariaDescribedby": { "alias": "ariaDescribedby"; "required": false; }; }, { "toggle": "toggle"; }, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ToggleComponent, "ui-toggle", never, { "selected": { "alias": "selected"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "label": { "alias": "label"; "required": false; }; "message": { "alias": "message"; "required": false; }; "maxWidth": { "alias": "maxWidth"; "required": false; }; "applicationTheme": { "alias": "applicationTheme"; "required": false; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; }; "testId": { "alias": "testId"; "required": false; }; "ariaRequired": { "alias": "ariaRequired"; "required": false; }; "preventClick": { "alias": "preventClick"; "required": false; }; "loading": { "alias": "loading"; "required": false; }; "ariaDescribedby": { "alias": "ariaDescribedby"; "required": false; }; }, { "toggle": "toggle"; }, never, never, true, never>;
 }
 
 declare class ToggleComponentModule {