cps-ui-kit 21.13.0 → 21.14.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "cps-ui-kit",
-  "version": "21.13.0",
+  "version": "21.14.0",
   "peerDependencies": {
     "@angular/common": "^21.2.6",
     "@angular/core": "^21.2.6",

package/types/cps-ui-kit.d.ts

@@ -1,5 +1,5 @@
 import * as i0 from '@angular/core';
-import { OnChanges, InjectionToken, PipeTransform, OnInit, OnDestroy, AfterViewInit, ElementRef, Renderer2, ChangeDetectorRef, EventEmitter, NgZone, SimpleChanges, QueryList, TemplateRef, AfterContentInit, AfterViewChecked, ComponentRef, ViewContainerRef, Type, ApplicationRef, EnvironmentInjector, Injector } from '@angular/core';
+import { OnChanges, InjectionToken, PipeTransform, OnInit, OnDestroy, AfterViewInit, ElementRef, Renderer2, ChangeDetectorRef, EventEmitter, NgZone, SimpleChanges, QueryList, TemplateRef, AfterContentInit, AfterViewChecked, ComponentRef, ViewContainerRef, Type, ApplicationRef, EnvironmentInjector, Injector, Signal } from '@angular/core';
 import { ControlValueAccessor, NgControl, FormGroup } from '@angular/forms';
 import { AnimationEvent, AnimationBuilder } from '@angular/animations';
 import { OverlayService, SortEvent, FilterMetadata, SelectItem, TreeNode } from 'primeng/api';
@@ -675,14 +675,14 @@ declare class CpsAutocompleteComponent implements ControlValueAccessor, OnInit,
     select(option: any, byValue: boolean, needClearInput?: boolean, needFocusInput?: boolean): void;
     onOptionClick(option: any): void;
     toggleAll(): void;
-    onChange: (event: any) => void;
+    onChange: (_event: any) => void;
     onTouched: () => void;
     registerOnChange(fn: any): void;
     registerOnTouched(fn: any): void;
     filterOptions(event: any): void;
     writeValue(value: any): void;
     clear(event?: any): void;
-    setDisabledState(disabled: boolean): void;
+    setDisabledState(_disabled: boolean): void;
     onBlur(): void;
     onFocus(): void;
     onBeforeOptionsHidden(reason: CpsMenuHideReason): void;
@@ -830,9 +830,9 @@ declare class CpsButtonToggleComponent implements ControlValueAccessor, OnInit,
     constructor(_control: NgControl, document: Document, platformId: object, renderer: Renderer2, cdr: ChangeDetectorRef);
     ngOnInit(): void;
     ngOnChanges(): void;
-    onChange: (event: any) => void;
+    onChange: (_event: any) => void;
     onTouched: () => void;
-    setDisabledState(disabled: boolean): void;
+    setDisabledState(_disabled: boolean): void;
     registerOnChange(fn: any): void;
     registerOnTouched(fn: any): void;
     writeValue(value: any): void;
@@ -1015,14 +1015,14 @@ declare class CpsCheckboxComponent implements OnInit, OnChanges, ControlValueAcc
     constructor(_control: NgControl, document: Document, _elementRef: ElementRef<HTMLElement>);
     ngOnInit(): void;
     ngOnChanges(): void;
-    onChange: (event: any) => void;
+    onChange: (_event: any) => void;
     onTouched: () => void;
     registerOnChange(fn: any): void;
     registerOnTouched(fn: any): void;
     writeValue(value: boolean): void;
     updateValueEvent(event: any): void;
     private _updateValue;
-    setDisabledState(disabled: boolean): void;
+    setDisabledState(_disabled: boolean): void;
     focus(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<CpsCheckboxComponent, [{ optional: true; self: true; }, null, null]>;
     static ɵcmp: i0.ɵɵComponentDeclaration<CpsCheckboxComponent, "cps-checkbox", never, { "label": { "alias": "label"; "required": false; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "infoTooltip": { "alias": "infoTooltip"; "required": false; }; "infoTooltipClass": { "alias": "infoTooltipClass"; "required": false; }; "infoTooltipMaxWidth": { "alias": "infoTooltipMaxWidth"; "required": false; }; "infoTooltipPersistent": { "alias": "infoTooltipPersistent"; "required": false; }; "infoTooltipPosition": { "alias": "infoTooltipPosition"; "required": false; }; "icon": { "alias": "icon"; "required": false; }; "iconColor": { "alias": "iconColor"; "required": false; }; "value": { "alias": "value"; "required": false; }; }, { "valueChanged": "valueChanged"; }, never, never, true, never>;
@@ -1264,7 +1264,7 @@ declare class CpsInputComponent implements ControlValueAccessor, OnInit, AfterVi
     ngAfterViewInit(): void;
     ngOnDestroy(): void;
     private _checkErrors;
-    onChange: (event: any) => void;
+    onChange: (_event: any) => void;
     onTouched: () => void;
     onInputEnterKeyDown(): void;
     registerOnChange(fn: any): void;
@@ -1275,7 +1275,7 @@ declare class CpsInputComponent implements ControlValueAccessor, OnInit, AfterVi
     onClear(): void;
     clear(): void;
     togglePassword(): void;
-    setDisabledState(disabled: boolean): void;
+    setDisabledState(_disabled: boolean): void;
     onClickPrefixIcon(): void;
     onBlur(): void;
     onFocus(): void;
@@ -1409,7 +1409,7 @@ declare class CpsDatepickerComponent implements ControlValueAccessor, OnInit, On
     constructor(_control: NgControl);
     ngOnInit(): void;
     ngOnDestroy(): void;
-    onChange: (event: any) => void;
+    onChange: (_event: any) => void;
     onTouched: () => void;
     registerOnChange(fn: any): void;
     registerOnTouched(fn: any): void;
@@ -2016,14 +2016,14 @@ declare class CpsRadioGroupComponent implements ControlValueAccessor, OnInit, On
     ngOnInit(): void;
     ngOnChanges(): void;
     ngOnDestroy(): void;
-    onChange: (event: any) => void;
+    onChange: (_event: any) => void;
     onTouched: () => void;
     registerOnChange(fn: any): void;
     registerOnTouched(fn: any): void;
     writeValue(value: any): void;
     updateValueEvent(value: any): void;
     private _updateValue;
-    setDisabledState(disabled: boolean): void;
+    setDisabledState(_disabled: boolean): void;
     onBlur(): void;
     onFocus(): void;
     get isRequired(): boolean;
@@ -2178,11 +2178,11 @@ declare class CpsTimepickerComponent implements OnInit, AfterViewInit, OnDestroy
     ngOnInit(): void;
     ngAfterViewInit(): void;
     ngOnDestroy(): void;
-    onChange: (event: any) => void;
+    onChange: (_event: any) => void;
     onTouched: () => void;
     registerOnChange(fn: any): void;
     registerOnTouched(fn: any): void;
-    setDisabledState(disabled: boolean): void;
+    setDisabledState(_disabled: boolean): void;
     writeValue(value: CpsTime | undefined): void;
     onFieldBlur(): void;
     onFieldFocus(): void;
@@ -2613,14 +2613,14 @@ declare class CpsSelectComponent implements ControlValueAccessor, OnInit, AfterV
     onKeyDown(event: any): void;
     toggleAll(): void;
     private _checkErrors;
-    onChange: (event: any) => void;
+    onChange: (_event: any) => void;
     onTouched: () => void;
     registerOnChange(fn: any): void;
     registerOnTouched(fn: any): void;
     writeValue(value: any): void;
     private updateValue;
     clear(event?: any): void;
-    setDisabledState(disabled: boolean): void;
+    setDisabledState(_disabled: boolean): void;
     onBlur(): void;
     onFocus(): void;
     focus(): void;
@@ -2743,14 +2743,14 @@ declare class CpsSwitchComponent implements ControlValueAccessor {
     valueChanged: EventEmitter<boolean>;
     private _value;
     constructor(_control: NgControl, _elementRef: ElementRef<HTMLElement>);
-    onChange: (event: any) => void;
+    onChange: (_event: any) => void;
     onTouched: () => void;
     registerOnChange(fn: any): void;
     registerOnTouched(fn: any): void;
     writeValue(value: boolean): void;
     updateValueEvent(event: any): void;
     private _updateValue;
-    setDisabledState(disabled: boolean): void;
+    setDisabledState(_disabled: boolean): void;
     focus(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<CpsSwitchComponent, [{ optional: true; self: true; }, null]>;
     static ɵcmp: i0.ɵɵComponentDeclaration<CpsSwitchComponent, "cps-switch", never, { "label": { "alias": "label"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "infoTooltip": { "alias": "infoTooltip"; "required": false; }; "infoTooltipClass": { "alias": "infoTooltipClass"; "required": false; }; "infoTooltipMaxWidth": { "alias": "infoTooltipMaxWidth"; "required": false; }; "infoTooltipPersistent": { "alias": "infoTooltipPersistent"; "required": false; }; "infoTooltipPosition": { "alias": "infoTooltipPosition"; "required": false; }; "value": { "alias": "value"; "required": false; }; }, { "valueChanged": "valueChanged"; }, never, never, true, never>;
@@ -3979,7 +3979,7 @@ declare class CpsTagComponent implements ControlValueAccessor, OnChanges {
     constructor(_control: NgControl, document: Document);
     ngOnChanges(): void;
     setClasses(): void;
-    onChange: (event: any) => void;
+    onChange: (_event: any) => void;
     onTouched: () => void;
     registerOnChange(fn: any): void;
     registerOnTouched(fn: any): void;
@@ -4125,7 +4125,7 @@ declare class CpsTextareaComponent implements ControlValueAccessor, OnInit, OnDe
     ngOnInit(): void;
     ngOnDestroy(): void;
     private _checkErrors;
-    onChange: (event: any) => void;
+    onChange: (_event: any) => void;
     onTouched: () => void;
     registerOnChange(fn: any): void;
     registerOnTouched(fn: any): void;
@@ -4133,7 +4133,7 @@ declare class CpsTextareaComponent implements ControlValueAccessor, OnInit, OnDe
     updateValueEvent(event: any): void;
     private _updateValue;
     clear(): void;
-    setDisabledState(disabled: boolean): void;
+    setDisabledState(_disabled: boolean): void;
     onBlur(): void;
     onFocus(): void;
     focus(): void;
@@ -4334,12 +4334,12 @@ declare class CpsBaseTreeDropdownComponent implements ControlValueAccessor, OnIn
     ngOnDestroy(): void;
     expandAll(): void;
     collapseAll(): void;
-    onChange: (event: any) => void;
+    onChange: (_event: any) => void;
     onTouched: () => void;
     registerOnChange(fn: any): void;
     registerOnTouched(fn: any): void;
     writeValue(value: any, internal?: boolean): void;
-    setDisabledState(disabled: boolean): void;
+    setDisabledState(_disabled: boolean): void;
     onBlur(): void;
     onFocus(): void;
     focus(): void;
@@ -5810,6 +5810,73 @@ declare class CpsNotificationService {
     static ɵprov: i0.ɵɵInjectableDeclaration<CpsNotificationService>;
 }
 
+/**
+ * CpsRootFontSizeService tracks the application's current root font size.
+ *
+ * The service uses a ResizeObserver strategy to reliably detect root font-size changes:
+ *
+ * **Sentinel element** (`<div style="width:1rem;height:0">`) — its pixel width
+ *    mirrors `1rem`. Any root font-size change — caused by CSS class toggles,
+ *    stylesheet rules, direct JS assignment, or viewport resize (e.g.
+ *    `font-size: 1.5vw`) — changes the sentinel's computed width, firing the
+ *    observer.
+ * The cached value is stored in a signal and is only updated when the actual
+ * font-size value changes, preventing spurious updates.
+ *
+ * In microfrontend environments the sentinel element is keyed by a known DOM
+ * attribute (`data-cps-root-font-size-sentinel`) and reused if already present,
+ * so only one sentinel node exists per document regardless of how many
+ * instances of this service are created. The sentinel is intentionally never
+ * removed from the DOM — it is a lightweight, invisible element and removing it
+ * could silently break any other live service instance still observing it.
+ *
+ * Only active in browser environments. Under SSR the `fontSize` signal is
+ * initialized to `16` (the standard browser default) and no DOM observers are created.
+ *
+ * Prefer injecting {@link CPS_ROOT_FONT_SIZE_SERVICE} over this class directly
+ * to allow consumer applications to override the behavior.
+ *
+ * @example
+ * ```typescript
+ * class MyComponent {
+ *   private fontSizeService = inject(CPS_ROOT_FONT_SIZE_SERVICE);
+ *   readonly fontSize = this.fontSizeService?.fontSize;
+ * }
+ * ```
+ */
+declare class CpsRootFontSizeService implements OnDestroy {
+    private readonly _document;
+    private readonly _platformId;
+    private static readonly _SENTINEL_ATTR;
+    private readonly _fontSize;
+    private _sentinelObserver;
+    /** Reactive signal containing the current root font size in pixels. */
+    readonly fontSize: Signal<number>;
+    constructor();
+    ngOnDestroy(): void;
+    private _setupObservers;
+    private _refresh;
+    private _readRootFontSize;
+    static ɵfac: i0.ɵɵFactoryDeclaration<CpsRootFontSizeService, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<CpsRootFontSizeService>;
+}
+/**
+ * Injection token for the root font size service.
+ *
+ * By default it resolves to the singleton {@link CpsRootFontSizeService}.
+ * Consumer applications can override it to:
+ * - Supply a custom subclass
+ * - Provide `null` to disable dynamic tracking entirely
+ *
+ * @example Disable dynamic tracking:
+ * ```typescript
+ * providers: [
+ *   { provide: CPS_ROOT_FONT_SIZE_SERVICE, useValue: null }
+ * ]
+ * ```
+ */
+declare const CPS_ROOT_FONT_SIZE_SERVICE: InjectionToken<CpsRootFontSizeService | null>;
+
 /**
  * CpsFocusService manages focus-related concerns:
  * - Tracks the most recent user input modality (keyboard vs. pointer)
@@ -5990,7 +6057,6 @@ declare class CpsThemeService {
     private getInitialColorTheme;
     private getInitialBaseTheme;
     private getInitialRadiusTheme;
-    private getSystemTheme;
     private watchSystemTheme;
     private saveThemePreference;
     private saveColorThemePreference;
@@ -6212,5 +6278,5 @@ declare const getCpsColors: (_document: Document) => [string, string][];
 declare const getCSSColor: (val: string, _document: Document) => string;
 declare const getTextColor: (backgroundColor: string) => string;
 
-export { CPS_CRON_VALIDATION_SERVICE, CPS_FOCUS_SERVICE, CPS_RADIO_GROUP, CpsAutocompleteComponent, CpsButtonComponent, CpsButtonToggleComponent, CpsCheckboxComponent, CpsChipComponent, CpsColumnFilterMatchMode, CpsCronValidationService, CpsDatepickerComponent, CpsDialogConfig, CpsDialogRef, CpsDialogService, CpsDividerComponent, CpsExpansionPanelComponent, CpsFileUploadComponent, CpsFocusService, CpsIconComponent, CpsInfoCircleComponent, CpsInputComponent, CpsLoaderComponent, CpsMenuComponent, CpsMenuHideReason, CpsNotificationAppearance, CpsNotificationPosition, CpsNotificationService, CpsPaginatePipe, CpsPaginatorComponent, CpsProgressCircularComponent, CpsProgressLinearComponent, CpsRadioComponent, CpsRadioGroupComponent, CpsSchedulerComponent, CpsSelectComponent, CpsSidebarMenuComponent, CpsSwitchComponent, CpsTabComponent, CpsTabGroupComponent, CpsTableColumnFilterDirective, CpsTableColumnResizableDirective, CpsTableColumnSortableDirective, CpsTableComponent, CpsTableDetectFilterTypePipe, CpsTableHeaderSelectableDirective, CpsTableRowSelectableDirective, CpsTagComponent, CpsTextareaComponent, CpsThemeService, CpsTimepickerComponent, CpsTooltipDirective, CpsTreeAutocompleteComponent, CpsTreeSelectComponent, CpsTreeTableColumnFilterDirective, CpsTreeTableColumnResizableDirective, CpsTreeTableColumnSortableDirective, CpsTreeTableComponent, CpsTreeTableDetectFilterTypePipe, CpsTreeTableHeaderSelectableDirective, CpsTreeTableRowSelectableDirective, CpsTreetableRowTogglerDirective, ICONS_PATH, getCSSColor, getCpsColors, getTextColor, iconNames, tableFactory, treeTableFactory };
+export { CPS_CRON_VALIDATION_SERVICE, CPS_FOCUS_SERVICE, CPS_RADIO_GROUP, CPS_ROOT_FONT_SIZE_SERVICE, CpsAutocompleteComponent, CpsButtonComponent, CpsButtonToggleComponent, CpsCheckboxComponent, CpsChipComponent, CpsColumnFilterMatchMode, CpsCronValidationService, CpsDatepickerComponent, CpsDialogConfig, CpsDialogRef, CpsDialogService, CpsDividerComponent, CpsExpansionPanelComponent, CpsFileUploadComponent, CpsFocusService, CpsIconComponent, CpsInfoCircleComponent, CpsInputComponent, CpsLoaderComponent, CpsMenuComponent, CpsMenuHideReason, CpsNotificationAppearance, CpsNotificationPosition, CpsNotificationService, CpsPaginatePipe, CpsPaginatorComponent, CpsProgressCircularComponent, CpsProgressLinearComponent, CpsRadioComponent, CpsRadioGroupComponent, CpsRootFontSizeService, CpsSchedulerComponent, CpsSelectComponent, CpsSidebarMenuComponent, CpsSwitchComponent, CpsTabComponent, CpsTabGroupComponent, CpsTableColumnFilterDirective, CpsTableColumnResizableDirective, CpsTableColumnSortableDirective, CpsTableComponent, CpsTableDetectFilterTypePipe, CpsTableHeaderSelectableDirective, CpsTableRowSelectableDirective, CpsTagComponent, CpsTextareaComponent, CpsThemeService, CpsTimepickerComponent, CpsTooltipDirective, CpsTreeAutocompleteComponent, CpsTreeSelectComponent, CpsTreeTableColumnFilterDirective, CpsTreeTableColumnResizableDirective, CpsTreeTableColumnSortableDirective, CpsTreeTableComponent, CpsTreeTableDetectFilterTypePipe, CpsTreeTableHeaderSelectableDirective, CpsTreeTableRowSelectableDirective, CpsTreetableRowTogglerDirective, ICONS_PATH, getCSSColor, getCpsColors, getTextColor, iconNames, tableFactory, treeTableFactory };
 export type { CpsAutocompleteAppearanceType, CpsBaseTheme, CpsButtonToggleOption, CpsColorTheme, CpsColumnFilterCategoryOption, CpsColumnFilterType, CpsDatepickerAppearanceType, CpsDialogAutoFocusTarget, CpsDividerType, CpsInputAppearanceType, CpsMenuAttachPosition, CpsMenuItem, CpsNotificationConfig, CpsRadioOption, CpsRadiusTheme, CpsSelectAppearanceType, CpsSidebarMenuItem, CpsTabChangeEvent, CpsTableExportFormat, CpsTableSize, CpsTableSortMode, CpsTableToolbarSize, CpsTabsAlignmentType, CpsTabsAnimationType, CpsTheme, CpsTime, CpsTooltipOpenOn, CpsTooltipPosition, CpsTreeAutocompleteAppearanceType, CpsTreeSelectAppearanceType, CpsTreeTableSize, CpsTreeTableSortMode, CpsTreeTableToolbarSize, IconType, iconSizeType };