@testgorilla/tgo-ui 8.19.1 → 9.0.0

package/components/tabs/index.d.ts

@@ -1,21 +1,21 @@
 import * as _angular_core from '@angular/core';
-import { OnInit, AfterViewInit, EventEmitter } from '@angular/core';
-import * as i5 from '@testgorilla/tgo-ui/components/icon';
-import { IconName } from '@testgorilla/tgo-ui/components/icon';
+import { TemplateRef, OnInit, AfterViewInit, EventEmitter, ChangeDetectorRef } from '@angular/core';
 import { NgxSkeletonLoaderConfigTheme } from 'ngx-skeleton-loader';
-import * as i4 from '@angular/material/tabs';
+import * as i4 from '@testgorilla/tgo-ui/components/icon';
+import { IconName } from '@testgorilla/tgo-ui/components/icon';
+import * as i3 from '@angular/material/tabs';
 import { MatTabGroup } from '@angular/material/tabs';
-import * as i6 from '@testgorilla/tgo-ui/components/core';
+import { Observable } from 'rxjs';
+import * as i5 from '@testgorilla/tgo-ui/components/core';
 import { ApplicationTheme } from '@testgorilla/tgo-ui/components/core';
 export { ApplicationTheme } from '@testgorilla/tgo-ui/components/core';
-import { Observable } from 'rxjs';
-import * as i3 from '@angular/common';
-import * as i7 from '@testgorilla/tgo-ui/components/skeleton';
+import * as i2 from '@angular/common';
+import * as i6 from '@testgorilla/tgo-ui/components/skeleton';
 
 interface Tab {
     tabName: string;
     tabLabel: string;
-    contentTemplateRef: any;
+    contentTemplateRef: TemplateRef<unknown>;
     iconLeft?: IconName;
     iconRight?: IconName;
     disabled?: boolean;
@@ -51,10 +51,10 @@ declare class TabDirective implements OnInit {
     order: _angular_core.InputSignal<number | undefined>;
     skeletonTheme: _angular_core.InputSignal<NgxSkeletonLoaderConfigTheme | undefined>;
     isSkeletonAiTheme: _angular_core.InputSignal<boolean | undefined>;
-    private tabsComponent;
-    private template;
-    private syncProps;
-    private cleanup;
+    private readonly tabsComponent;
+    private readonly template;
+    private readonly syncProps;
+    private readonly cleanup;
     ngOnInit(): void;
     private addTab;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<TabDirective, never>;
@@ -64,6 +64,7 @@ declare class TabDirective implements OnInit {
 declare class TabsComponent implements AfterViewInit {
     private readonly defaultAppTheme;
     protected readonly isMobile$: Observable<boolean>;
+    private readonly cdr;
     /**
      * Color of the Tabs.
      * Defaults to Test Gorilla primary color.
@@ -118,7 +119,7 @@ declare class TabsComponent implements AfterViewInit {
     protected tabIndexMap: Record<string, number>;
     private insertionCounter;
     private tabTransitionInProgress;
-    constructor(defaultAppTheme: ApplicationTheme, isMobile$: Observable<boolean>);
+    constructor(defaultAppTheme: ApplicationTheme, isMobile$: Observable<boolean>, cdr: ChangeDetectorRef);
     ngAfterViewInit(): void;
     addTab(tab: Tab): void;
     private sortTabs;
@@ -129,15 +130,15 @@ declare class TabsComponent implements AfterViewInit {
     trackByTabName(index: number, tab: Tab): string;
     removeTab(tabName: string): void;
     updateTab(tabName: string, tab: Partial<Omit<Tab, 'tabName'>>): void;
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<TabsComponent, [{ optional: true; }, 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; }; }, { "selectedTabIndex": "selectedTabIndex"; "selectedTab": "selectedTab"; }, never, never, false, never>;
+    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; }; }, { "selectedTabIndex": "selectedTabIndex"; "selectedTab": "selectedTab"; }, never, never, true, never>;
     static ngAcceptInputType_headerContentPadding: number;
     static ngAcceptInputType_dynamicHeight: unknown;
 }
 
 declare class TabsComponentModule {
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<TabsComponentModule, never>;
-    static ɵmod: _angular_core.ɵɵNgModuleDeclaration<TabsComponentModule, [typeof TabsComponent], [typeof TabDirective, typeof i3.CommonModule, typeof i4.MatTabsModule, typeof i5.IconComponentModule, typeof i6.UiTranslatePipe, typeof i7.SkeletonComponent], [typeof TabsComponent, typeof TabDirective]>;
+    static ɵmod: _angular_core.ɵɵNgModuleDeclaration<TabsComponentModule, never, [typeof TabDirective, typeof i2.CommonModule, typeof i3.MatTabsModule, typeof i4.IconComponentModule, typeof i5.UiTranslatePipe, typeof i6.SkeletonComponent, typeof TabsComponent], [typeof TabsComponent, typeof TabDirective]>;
     static ɵinj: _angular_core.ɵɵInjectorDeclaration<TabsComponentModule>;
 }
 

package/components/tag/index.d.ts

@@ -1,15 +1,15 @@
 import * as rxjs from 'rxjs';
 import * as _angular_core from '@angular/core';
 import { ElementRef } from '@angular/core';
-import * as i3 from '@testgorilla/tgo-ui/components/icon';
-import { IconName, IconColor } from '@testgorilla/tgo-ui/components/icon';
-import * as i7 from '@testgorilla/tgo-ui/components/core';
+import * as i6 from '@testgorilla/tgo-ui/components/core';
 import { ApplicationTheme } from '@testgorilla/tgo-ui/components/core';
 export { ApplicationTheme } from '@testgorilla/tgo-ui/components/core';
-import * as i2 from '@angular/common';
-import * as i4 from '@testgorilla/tgo-ui/components/tooltip';
-import * as i5 from '@angular/material/tooltip';
-import * as i6 from '@angular/material/input';
+import * as i2 from '@testgorilla/tgo-ui/components/icon';
+import { IconName, IconColor } from '@testgorilla/tgo-ui/components/icon';
+import * as i1 from '@angular/common';
+import * as i3 from '@testgorilla/tgo-ui/components/tooltip';
+import * as i4 from '@angular/material/tooltip';
+import * as i5 from '@angular/material/input';
 
 declare class TagComponent {
     /**
@@ -126,7 +126,7 @@ declare class TagComponent {
      * @type {void}
      * @memberof TagComponent
      */
-    private checkLabelEllipsis$;
+    private readonly checkLabelEllipsis$;
     /**
      * Observable that indicates if the Label is truncated
      * debounceTime is used to wait for view to be initialized after receiving a new Label input
@@ -151,12 +151,12 @@ 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; }; "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, false, 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; }; "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>;
 }
 
 declare class TagComponentModule {
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<TagComponentModule, never>;
-    static ɵmod: _angular_core.ɵɵNgModuleDeclaration<TagComponentModule, [typeof TagComponent], [typeof i2.CommonModule, typeof i3.IconComponentModule, typeof i4.TooltipComponentModule, typeof i5.MatTooltipModule, typeof i6.MatInputModule, typeof i7.UiTranslatePipe], [typeof TagComponent]>;
+    static ɵmod: _angular_core.ɵɵNgModuleDeclaration<TagComponentModule, never, [typeof i1.CommonModule, typeof i2.IconComponentModule, typeof i3.TooltipComponentModule, typeof i4.MatTooltipModule, typeof i5.MatInputModule, typeof i6.UiTranslatePipe, typeof TagComponent], [typeof TagComponent]>;
     static ɵinj: _angular_core.ɵɵInjectorDeclaration<TagComponentModule>;
 }
 

package/components/toggle/index.d.ts

@@ -1,16 +1,16 @@
 import * as i0 from '@angular/core';
 import { OnChanges, OnInit, EventEmitter } from '@angular/core';
 import { ControlValueAccessor } from '@angular/forms';
-import * as i4 from '@testgorilla/tgo-ui/components/core';
+import * as i3 from '@testgorilla/tgo-ui/components/core';
 import { ApplicationTheme } from '@testgorilla/tgo-ui/components/core';
 export { ApplicationTheme } from '@testgorilla/tgo-ui/components/core';
-import * as i2 from '@angular/common';
-import * as i3 from '@angular/material/tooltip';
-import * as i5 from '@angular/material/input';
-import * as i6 from '@testgorilla/tgo-ui/components/icon';
-import * as i7 from '@testgorilla/tgo-ui/components/spinner';
+import * as i1 from '@angular/common';
+import * as i2 from '@angular/material/tooltip';
+import * as i4 from '@angular/material/input';
+import * as i5 from '@testgorilla/tgo-ui/components/icon';
+import * as i6 from '@testgorilla/tgo-ui/components/spinner';
 
-type RegisterFn = (value: any) => void;
+type RegisterFn = (value?: boolean) => void;
 
 declare class ToggleComponent implements ControlValueAccessor, OnChanges, OnInit {
     private readonly defaultAppTheme;
@@ -108,6 +108,7 @@ declare class ToggleComponent implements ControlValueAccessor, OnChanges, OnInit
     ngOnChanges(): void;
     ngOnInit(): void;
     onToggle(): void;
+    private readonly cdr;
     writeValue(state: boolean): void;
     registerOnChange(fn: RegisterFn): void;
     registerOnTouched(fn: RegisterFn): void;
@@ -118,12 +119,12 @@ 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, false, 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; }; "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 {
     static ɵfac: i0.ɵɵFactoryDeclaration<ToggleComponentModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<ToggleComponentModule, [typeof ToggleComponent], [typeof i2.CommonModule, typeof i3.MatTooltipModule, typeof i4.EllipseTextDirective, typeof i5.MatInputModule, typeof i4.UiTranslatePipe, typeof i6.IconComponentModule, typeof i7.SpinnerComponentModule], [typeof ToggleComponent]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<ToggleComponentModule, never, [typeof i1.CommonModule, typeof i2.MatTooltipModule, typeof i3.EllipseTextDirective, typeof i4.MatInputModule, typeof i3.UiTranslatePipe, typeof i5.IconComponentModule, typeof i6.SpinnerComponentModule, typeof ToggleComponent], [typeof ToggleComponent]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<ToggleComponentModule>;
 }
 

package/components/tooltip/index.d.ts

@@ -1,13 +1,11 @@
 import * as i0 from '@angular/core';
-import { OnInit, OnChanges, OnDestroy, TemplateRef, ElementRef, NgZone, Injector } from '@angular/core';
-import * as i2 from '@angular/material/tooltip';
+import { OnInit, TemplateRef, OnChanges, OnDestroy } from '@angular/core';
+import * as i1 from '@angular/material/tooltip';
 import { TooltipPosition } from '@angular/material/tooltip';
-import * as i5 from '@testgorilla/tgo-ui/components/core';
+import * as i4 from '@testgorilla/tgo-ui/components/core';
 import { ApplicationTheme } from '@testgorilla/tgo-ui/components/core';
 export { ApplicationTheme } from '@testgorilla/tgo-ui/components/core';
-import * as i3 from '@angular/common';
-import { Overlay, OverlayPositionBuilder } from '@angular/cdk/overlay';
-import { FocusMonitor } from '@angular/cdk/a11y';
+import * as i2 from '@angular/common';
 
 declare enum TooltipPositionType {
     TOP = "top",
@@ -68,29 +66,29 @@ declare class TooltipComponent implements OnInit {
      */
     variant: TooltipVariant;
     isLabelEllipse: boolean;
-    templateRef: any;
+    templateRef: TemplateRef<unknown>;
     constructor(defaultAppTheme: ApplicationTheme);
     matPosition: TooltipPosition;
     ngOnInit(): void;
     setPosition(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<TooltipComponent, [{ optional: true; }]>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<TooltipComponent, "ui-tooltip", never, { "position": { "alias": "position"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "message": { "alias": "message"; "required": false; }; "applicationTheme": { "alias": "applicationTheme"; "required": false; }; "labelForDefinition": { "alias": "labelForDefinition"; "required": false; }; "definitionTooltipSize": { "alias": "definitionTooltipSize"; "required": false; }; "variant": { "alias": "variant"; "required": false; }; }, {}, never, ["*"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TooltipComponent, "ui-tooltip", never, { "position": { "alias": "position"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "message": { "alias": "message"; "required": false; }; "applicationTheme": { "alias": "applicationTheme"; "required": false; }; "labelForDefinition": { "alias": "labelForDefinition"; "required": false; }; "definitionTooltipSize": { "alias": "definitionTooltipSize"; "required": false; }; "variant": { "alias": "variant"; "required": false; }; }, {}, never, ["*"], true, never>;
     static ngAcceptInputType_disabled: unknown;
 }
 
 declare class TooltipTemplateDirective implements OnChanges, OnDestroy {
-    private _overlay;
-    private _overlayPositionBuilder;
-    private _elementRef;
-    private focusMonitor;
-    private ngZone;
-    private injector;
-    private tooltipComponentToken;
     tooltipPosition: TooltipPositionType;
     showTooltip: boolean;
-    templateRef: TemplateRef<any>;
+    templateRef: TemplateRef<unknown>;
     private _overlayRef;
-    constructor(_overlay: Overlay, _overlayPositionBuilder: OverlayPositionBuilder, _elementRef: ElementRef, focusMonitor: FocusMonitor, ngZone: NgZone, injector: Injector, tooltipComponentToken: any);
+    private readonly _overlay;
+    private readonly _overlayPositionBuilder;
+    private readonly _elementRef;
+    private readonly focusMonitor;
+    private readonly ngZone;
+    private readonly injector;
+    private readonly tooltipComponentToken;
+    constructor();
     ngOnChanges(): void;
     show(): void;
     hide(): void;
@@ -103,7 +101,7 @@ declare class TooltipTemplateDirective implements OnChanges, OnDestroy {
 
 declare class TooltipComponentModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<TooltipComponentModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<TooltipComponentModule, [typeof TooltipComponent], [typeof i2.MatTooltipModule, typeof i3.CommonModule, typeof TooltipTemplateDirective, typeof i5.EllipseTextDirective, typeof i5.UiTranslatePipe], [typeof TooltipComponent, typeof TooltipTemplateDirective]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<TooltipComponentModule, never, [typeof i1.MatTooltipModule, typeof i2.CommonModule, typeof TooltipTemplateDirective, typeof i4.EllipseTextDirective, typeof i4.UiTranslatePipe, typeof TooltipComponent], [typeof TooltipComponent, typeof TooltipTemplateDirective]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<TooltipComponentModule>;
 }
 

package/components/universal-skills/index.d.ts

@@ -1,15 +1,15 @@
 import * as i0 from '@angular/core';
 import { OnInit } from '@angular/core';
-import * as i6 from '@testgorilla/tgo-ui/components/core';
-import { ApplicationTheme, UiTranslatePipe } from '@testgorilla/tgo-ui/components/core';
-import * as i4 from '@testgorilla/tgo-ui/components/badge';
+import * as i3 from '@testgorilla/tgo-ui/components/badge';
 import { RebrandBadgeColor } from '@testgorilla/tgo-ui/components/badge';
-import * as i6$1 from '@testgorilla/tgo-ui/components/spider-chart';
+import * as i5 from '@testgorilla/tgo-ui/components/core';
+import { ApplicationTheme, UiTranslatePipe } from '@testgorilla/tgo-ui/components/core';
+import * as i5$1 from '@testgorilla/tgo-ui/components/spider-chart';
 import { SpiderChartData } from '@testgorilla/tgo-ui/components/spider-chart';
-import * as i2 from '@angular/common';
-import * as i3 from '@testgorilla/tgo-ui/components/accordion';
-import * as i5 from '@testgorilla/tgo-ui/components/progress-bar';
-import * as i7 from '@testgorilla/tgo-ui/components/divider';
+import * as i1 from '@angular/common';
+import * as i2 from '@testgorilla/tgo-ui/components/accordion';
+import * as i4 from '@testgorilla/tgo-ui/components/progress-bar';
+import * as i6 from '@testgorilla/tgo-ui/components/divider';
 
 interface SkillAreaGroup {
     title: string;
@@ -58,7 +58,7 @@ declare enum SkillAreaTypes {
 declare class UniversalSkillsService {
     readonly translationContext = "UNIVERSAL_SKILLS_REPORT.";
     private skillAreaGroupMap;
-    private staticSkillAreaGroupMap;
+    private readonly staticSkillAreaGroupMap;
     initializeSkillAreaGroupMap(): void;
     prepareSkillAreaGroupMap(skillAreaDataList: SkillAreaData[]): void;
     getSkillAreaGroupMap(): Record<SkillAreaGroupTypes, SkillAreaGroup>;
@@ -69,7 +69,7 @@ declare class UniversalSkillsService {
 
 declare class UniversalSkillsReportComponent implements OnInit {
     private readonly defaultAppTheme;
-    private universalSkillsService;
+    private readonly universalSkillsService;
     /**
      * Defines the application theme
      * @property applicationTheme
@@ -92,19 +92,19 @@ declare class UniversalSkillsReportComponent implements OnInit {
     getScoreBadgeColor(percentileScoring: number): RebrandBadgeColor;
     checkScoreClassification([percentileScoring, isLabelRequest]: [number, boolean]): string;
     static ɵfac: i0.ɵɵFactoryDeclaration<UniversalSkillsReportComponent, [{ optional: true; }, null]>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<UniversalSkillsReportComponent, "ui-universal-skills-report", never, { "applicationTheme": { "alias": "applicationTheme"; "required": false; }; "skillAreaDataList": { "alias": "skillAreaDataList"; "required": false; }; }, {}, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<UniversalSkillsReportComponent, "ui-universal-skills-report", never, { "applicationTheme": { "alias": "applicationTheme"; "required": false; }; "skillAreaDataList": { "alias": "skillAreaDataList"; "required": false; }; }, {}, never, never, true, never>;
 }
 
 declare class UniversalSkillsReportComponentModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<UniversalSkillsReportComponentModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<UniversalSkillsReportComponentModule, [typeof UniversalSkillsReportComponent], [typeof i2.CommonModule, typeof i3.AccordionComponentModule, typeof i4.BadgeComponentModule, typeof i5.ProgressBarComponentModule, typeof i6.MemoizeFuncPipe, typeof i6.UiTranslatePipe, typeof i6.OrdinalSuffixPipe, typeof i2.KeyValuePipe], [typeof UniversalSkillsReportComponent]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<UniversalSkillsReportComponentModule, never, [typeof i1.CommonModule, typeof i2.AccordionComponentModule, typeof i3.BadgeComponentModule, typeof i4.ProgressBarComponentModule, typeof i5.MemoizeFuncPipe, typeof i5.UiTranslatePipe, typeof i5.OrdinalSuffixPipe, typeof i1.KeyValuePipe, typeof UniversalSkillsReportComponent], [typeof UniversalSkillsReportComponent]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<UniversalSkillsReportComponentModule>;
 }
 
 declare class UniversalSkillsSpiderChartsComponent implements OnInit {
     private readonly defaultAppTheme;
-    private universalSkillsService;
-    private uiTranslatePipe;
+    private readonly universalSkillsService;
+    private readonly uiTranslatePipe;
     /**
      * Defines the application theme
      * @property applicationTheme
@@ -140,12 +140,12 @@ declare class UniversalSkillsSpiderChartsComponent implements OnInit {
     ngOnInit(): void;
     prepareSpiderChartData(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<UniversalSkillsSpiderChartsComponent, [{ optional: true; }, null, null]>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<UniversalSkillsSpiderChartsComponent, "ui-universal-skills-spider-charts", never, { "applicationTheme": { "alias": "applicationTheme"; "required": false; }; "skillAreaDataList": { "alias": "skillAreaDataList"; "required": false; }; "loading": { "alias": "loading"; "required": false; }; "size": { "alias": "size"; "required": false; }; }, {}, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<UniversalSkillsSpiderChartsComponent, "ui-universal-skills-spider-charts", never, { "applicationTheme": { "alias": "applicationTheme"; "required": false; }; "skillAreaDataList": { "alias": "skillAreaDataList"; "required": false; }; "loading": { "alias": "loading"; "required": false; }; "size": { "alias": "size"; "required": false; }; }, {}, never, never, true, never>;
 }
 
 declare class UniversalSkillsSpiderChartsComponentModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<UniversalSkillsSpiderChartsComponentModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<UniversalSkillsSpiderChartsComponentModule, [typeof UniversalSkillsSpiderChartsComponent], [typeof i2.CommonModule, typeof i3.AccordionComponentModule, typeof i4.BadgeComponentModule, typeof i5.ProgressBarComponentModule, typeof i6$1.SpiderChartComponentModule, typeof i7.DividerComponentModule, typeof i6.MemoizeFuncPipe, typeof i6.UiTranslatePipe, typeof i6.OrdinalSuffixPipe, typeof i2.KeyValuePipe], [typeof UniversalSkillsSpiderChartsComponent]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<UniversalSkillsSpiderChartsComponentModule, never, [typeof i1.CommonModule, typeof i2.AccordionComponentModule, typeof i3.BadgeComponentModule, typeof i4.ProgressBarComponentModule, typeof i5$1.SpiderChartComponentModule, typeof i6.DividerComponentModule, typeof i5.MemoizeFuncPipe, typeof i5.UiTranslatePipe, typeof i5.OrdinalSuffixPipe, typeof i1.KeyValuePipe, typeof UniversalSkillsSpiderChartsComponent], [typeof UniversalSkillsSpiderChartsComponent]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<UniversalSkillsSpiderChartsComponentModule>;
 }
 

package/components/validation-error/index.d.ts

@@ -1,16 +1,28 @@
+import * as i0 from '@angular/core';
+import { DoCheck } from '@angular/core';
 import { NgControl } from '@angular/forms';
-import * as i4 from '@testgorilla/tgo-ui/components/core';
+import * as i3 from '@testgorilla/tgo-ui/components/core';
 import { ApplicationTheme } from '@testgorilla/tgo-ui/components/core';
-import * as i0 from '@angular/core';
-import * as i2 from '@angular/common';
-import * as i3 from '@testgorilla/tgo-ui/components/icon';
+import * as i1 from '@angular/common';
+import * as i2 from '@testgorilla/tgo-ui/components/icon';
 
-type errorType = 'maxlength' | 'minlength' | 'min' | 'max';
+type ErrorType = 'maxlength' | 'minlength' | 'min' | 'max';
 
-declare class ValidationErrorComponent {
+declare class ValidationErrorComponent implements DoCheck {
     ngControl: NgControl;
     touchedOn: boolean;
     errorMessage: string;
+    private readonly cdr;
+    private lastTouched?;
+    private lastErrors?;
+    /**
+     * The template renders off `ngControl.touched`/`ngControl.errors` — mutable
+     * state behind a stable input reference, which OnPush alone never re-checks
+     * (blur or markAllAsTouched() marks the parent view, not this one).
+     * ngDoCheck runs whenever an ancestor is checked, so snapshot that state and
+     * mark this view when it moves (same pattern as autocomplete-v2's ngDoCheck).
+     */
+    ngDoCheck(): void;
     label: string | undefined | null;
     /**
      *
@@ -22,19 +34,19 @@ declare class ValidationErrorComponent {
     applicationTheme: ApplicationTheme;
     /** Maps validator error keys to display message templates. Supports {{placeholder}} interpolation. */
     customErrors: Record<string, string>;
-    getErrorValue(type: errorType): number;
+    getErrorValue(type: ErrorType): number;
     get customErrorKeys(): string[];
     resolveErrorMessage(key: string): string;
     translationContextErrors: string;
     static ɵfac: i0.ɵɵFactoryDeclaration<ValidationErrorComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ValidationErrorComponent, "ui-validation-error", never, { "ngControl": { "alias": "ngControl"; "required": false; }; "touchedOn": { "alias": "touchedOn"; "required": false; }; "errorMessage": { "alias": "errorMessage"; "required": false; }; "label": { "alias": "label"; "required": false; }; "applicationTheme": { "alias": "applicationTheme"; "required": false; }; "customErrors": { "alias": "customErrors"; "required": false; }; }, {}, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ValidationErrorComponent, "ui-validation-error", never, { "ngControl": { "alias": "ngControl"; "required": false; }; "touchedOn": { "alias": "touchedOn"; "required": false; }; "errorMessage": { "alias": "errorMessage"; "required": false; }; "label": { "alias": "label"; "required": false; }; "applicationTheme": { "alias": "applicationTheme"; "required": false; }; "customErrors": { "alias": "customErrors"; "required": false; }; }, {}, never, never, true, never>;
 }
 
 declare class ValidationErrorModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<ValidationErrorModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<ValidationErrorModule, [typeof ValidationErrorComponent], [typeof i2.CommonModule, typeof i3.IconComponentModule, typeof i4.UiTranslatePipe], [typeof ValidationErrorComponent]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<ValidationErrorModule, never, [typeof i1.CommonModule, typeof i2.IconComponentModule, typeof i3.UiTranslatePipe, typeof ValidationErrorComponent], [typeof ValidationErrorComponent]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<ValidationErrorModule>;
 }
 
 export { ValidationErrorComponent, ValidationErrorModule };
-export type { errorType };
+export type { ErrorType };

package/components/write-with-ai/index.d.ts

@@ -1,9 +1,9 @@
 import * as _angular_core from '@angular/core';
 import { OnInit } from '@angular/core';
 import { ControlValueAccessor } from '@angular/forms';
-import { PromptTag, PromptData } from '@testgorilla/tgo-ui/components/prompt';
 import { AlertBannerAction } from '@testgorilla/tgo-ui/components/alert-banner';
 import { AlertBarType } from '@testgorilla/tgo-ui/components/core';
+import { PromptTag, PromptData } from '@testgorilla/tgo-ui/components/prompt';
 import { HttpClient } from '@angular/common/http';
 import { Observable } from 'rxjs';