cps-ui-kit 21.13.0 → 21.14.0

package/fesm2022/cps-ui-kit.mjs

@@ -2175,7 +2175,7 @@ class CpsAutocompleteComponent {
         this._options = [];
         this._optionIds = new WeakMap();
         // eslint-disable-next-line @typescript-eslint/no-empty-function
-        this.onChange = (event) => { };
+        this.onChange = (_event) => { };
         // eslint-disable-next-line @typescript-eslint/no-empty-function
         this.onTouched = () => { };
         if (this._control) {
@@ -2365,7 +2365,7 @@ class CpsAutocompleteComponent {
         }, 0);
     }
     // eslint-disable-next-line @typescript-eslint/no-empty-function
-    setDisabledState(disabled) { }
+    setDisabledState(_disabled) { }
     onBlur() {
         this.isActive = false;
         this._confirmInput(this.inputText || '', false);
@@ -3034,7 +3034,7 @@ class CpsButtonToggleComponent {
         this.largestButtonWidthRem = 0;
         this._rootFontSizePx = 16;
         // eslint-disable-next-line @typescript-eslint/no-empty-function
-        this.onChange = (event) => { };
+        this.onChange = (_event) => { };
         // eslint-disable-next-line @typescript-eslint/no-empty-function
         this.onTouched = () => { };
         if (this._control) {
@@ -3068,7 +3068,7 @@ class CpsButtonToggleComponent {
         }
     }
     // eslint-disable-next-line @typescript-eslint/no-empty-function
-    setDisabledState(disabled) { }
+    setDisabledState(_disabled) { }
     registerOnChange(fn) {
         this.onChange = fn;
     }
@@ -3502,7 +3502,7 @@ class CpsCheckboxComponent {
         this.valueChanged = new EventEmitter();
         this._value = false;
         // eslint-disable-next-line @typescript-eslint/no-empty-function
-        this.onChange = (event) => { };
+        this.onChange = (_event) => { };
         // eslint-disable-next-line @typescript-eslint/no-empty-function
         this.onTouched = () => { };
         if (this._control) {
@@ -3538,7 +3538,7 @@ class CpsCheckboxComponent {
         this.valueChanged.emit(value);
     }
     // eslint-disable-next-line @typescript-eslint/no-empty-function
-    setDisabledState(disabled) { }
+    setDisabledState(_disabled) { }
     focus() {
         this._elementRef?.nativeElement?.querySelector('input')?.focus();
     }
@@ -3760,7 +3760,7 @@ class CpsInputComponent {
         this.cvtWidth = '';
         this._value = '';
         // eslint-disable-next-line @typescript-eslint/no-empty-function
-        this.onChange = (event) => { };
+        this.onChange = (_event) => { };
         // eslint-disable-next-line @typescript-eslint/no-empty-function
         this.onTouched = () => { };
         if (this._control) {
@@ -3860,7 +3860,7 @@ class CpsInputComponent {
         this.currentType = this.currentType === 'password' ? 'text' : 'password';
     }
     // eslint-disable-next-line @typescript-eslint/no-empty-function
-    setDisabledState(disabled) { }
+    setDisabledState(_disabled) { }
     onClickPrefixIcon() {
         if (!this.prefixIconClickable || this.readonly || this.disabled)
             return;
@@ -4069,7 +4069,7 @@ class CpsDatepickerComponent {
         this.cvtWidth = '';
         this._value = null;
         // eslint-disable-next-line @typescript-eslint/no-empty-function
-        this.onChange = (event) => { };
+        this.onChange = (_event) => { };
         // eslint-disable-next-line @typescript-eslint/no-empty-function
         this.onTouched = () => { };
         if (this._control) {
@@ -5166,7 +5166,7 @@ class CpsSelectComponent {
         this.virtualScrollItemSize = 44;
         this.selectBoxWidth = 0;
         // eslint-disable-next-line @typescript-eslint/no-empty-function
-        this.onChange = (event) => { };
+        this.onChange = (_event) => { };
         // eslint-disable-next-line @typescript-eslint/no-empty-function
         this.onTouched = () => { };
         if (this._control) {
@@ -5451,7 +5451,7 @@ class CpsSelectComponent {
         this._dehighlightOption();
     }
     // eslint-disable-next-line @typescript-eslint/no-empty-function
-    setDisabledState(disabled) { }
+    setDisabledState(_disabled) { }
     onBlur() {
         this._checkErrors();
         this.blurred.emit();
@@ -5906,7 +5906,7 @@ class CpsRadioGroupComponent {
         this._value = undefined;
         this.error = '';
         // eslint-disable-next-line @typescript-eslint/no-empty-function
-        this.onChange = (event) => { };
+        this.onChange = (_event) => { };
         // eslint-disable-next-line @typescript-eslint/no-empty-function
         this.onTouched = () => { };
         if (this._control) {
@@ -5946,7 +5946,7 @@ class CpsRadioGroupComponent {
         this.valueChanged.emit(value);
     }
     // eslint-disable-next-line @typescript-eslint/no-empty-function
-    setDisabledState(disabled) { }
+    setDisabledState(_disabled) { }
     onBlur() {
         this._checkErrors();
         this.blurred.emit();
@@ -6619,7 +6619,7 @@ class CpsTimepickerComponent {
         this.secondsError = '';
         this._value = undefined;
         // eslint-disable-next-line @typescript-eslint/no-empty-function
-        this.onChange = (event) => { };
+        this.onChange = (_event) => { };
         // eslint-disable-next-line @typescript-eslint/no-empty-function
         this.onTouched = () => { };
         if (this._control) {
@@ -6656,7 +6656,7 @@ class CpsTimepickerComponent {
         this.onTouched = fn;
     }
     // eslint-disable-next-line @typescript-eslint/no-empty-function
-    setDisabledState(disabled) { }
+    setDisabledState(_disabled) { }
     writeValue(value) {
         this.value = value;
     }
@@ -8369,7 +8369,7 @@ class CpsSwitchComponent {
         this.valueChanged = new EventEmitter();
         this._value = false;
         // eslint-disable-next-line @typescript-eslint/no-empty-function
-        this.onChange = (event) => { };
+        this.onChange = (_event) => { };
         // eslint-disable-next-line @typescript-eslint/no-empty-function
         this.onTouched = () => { };
         if (this._control) {
@@ -8397,7 +8397,7 @@ class CpsSwitchComponent {
         this.valueChanged.emit(value);
     }
     // eslint-disable-next-line @typescript-eslint/no-empty-function
-    setDisabledState(disabled) { }
+    setDisabledState(_disabled) { }
     focus() {
         this._elementRef?.nativeElement?.querySelector('input')?.focus();
     }
@@ -11103,7 +11103,7 @@ class CpsTagComponent {
         this.classesList = [];
         this._value = false;
         // eslint-disable-next-line @typescript-eslint/no-empty-function
-        this.onChange = (event) => { };
+        this.onChange = (_event) => { };
         // eslint-disable-next-line @typescript-eslint/no-empty-function
         this.onTouched = () => { };
         if (this._control) {
@@ -11308,7 +11308,7 @@ class CpsTextareaComponent {
         this._value = '';
         this.cvtWidth = '';
         // eslint-disable-next-line @typescript-eslint/no-empty-function
-        this.onChange = (event) => { };
+        this.onChange = (_event) => { };
         // eslint-disable-next-line @typescript-eslint/no-empty-function
         this.onTouched = () => { };
         if (this._control) {
@@ -11381,7 +11381,7 @@ class CpsTextareaComponent {
             this._updateValue('');
     }
     // eslint-disable-next-line @typescript-eslint/no-empty-function
-    setDisabledState(disabled) { }
+    setDisabledState(_disabled) { }
     onBlur() {
         this._checkErrors();
         this.blurred.emit();
@@ -11636,7 +11636,7 @@ class CpsBaseTreeDropdownComponent {
         this.isAutocomplete = false;
         this.boxWidth = 0;
         // eslint-disable-next-line @typescript-eslint/no-empty-function
-        this.onChange = (event) => { };
+        this.onChange = (_event) => { };
         // eslint-disable-next-line @typescript-eslint/no-empty-function
         this.onTouched = () => { };
         if (this.control) {
@@ -11705,7 +11705,7 @@ class CpsBaseTreeDropdownComponent {
         }
     }
     // eslint-disable-next-line @typescript-eslint/no-empty-function
-    setDisabledState(disabled) { }
+    setDisabledState(_disabled) { }
     onBlur() {
         this._checkErrors();
         this.blurred.emit();
@@ -12315,7 +12315,7 @@ class CpsTreeAutocompleteComponent extends CpsBaseTreeDropdownComponent {
             return;
         if (this.treeSelection?.length) {
             if (this.backspaceClickedOnce) {
-                this.treeSelection = this.treeSelection.filter((v, index) => index !== this.treeSelection.length - 1);
+                this.treeSelection = this.treeSelection.filter((_v, index) => index !== this.treeSelection.length - 1);
                 this.updateValue(this.treeSelectionToValue(this.treeSelection));
                 this.backspaceClickedOnce = false;
             }
@@ -15786,6 +15786,116 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.10", ngImpo
                     args: [DOCUMENT]
                 }] }] });
 
+/**
+ * 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;
+ * }
+ * ```
+ */
+class CpsRootFontSizeService {
+    static { this._SENTINEL_ATTR = 'data-cps-root-font-size-sentinel'; }
+    constructor() {
+        this._document = inject(DOCUMENT);
+        this._platformId = inject(PLATFORM_ID);
+        this._fontSize = signal(isPlatformBrowser(this._platformId) ? this._readRootFontSize() : 16, ...(ngDevMode ? [{ debugName: "_fontSize" }] : /* istanbul ignore next */ []));
+        this._sentinelObserver = null;
+        /** Reactive signal containing the current root font size in pixels. */
+        this.fontSize = this._fontSize.asReadonly();
+        if (!isPlatformBrowser(this._platformId))
+            return;
+        this._setupObservers();
+    }
+    ngOnDestroy() {
+        this._sentinelObserver?.disconnect();
+        this._sentinelObserver = null;
+    }
+    _setupObservers() {
+        // Reuse an existing sentinel if another service instance already created one.
+        let sentinel = this._document.querySelector(`[${CpsRootFontSizeService._SENTINEL_ATTR}]`);
+        if (!sentinel) {
+            sentinel = this._document.createElement('div');
+            sentinel.setAttribute(CpsRootFontSizeService._SENTINEL_ATTR, '');
+            Object.assign(sentinel.style, {
+                position: 'absolute',
+                width: '1rem',
+                height: '0',
+                visibility: 'hidden',
+                pointerEvents: 'none',
+                userSelect: 'none',
+                top: '0',
+                left: '0'
+            });
+            this._document.documentElement.appendChild(sentinel);
+        }
+        this._sentinelObserver = new ResizeObserver(() => this._refresh());
+        this._sentinelObserver.observe(sentinel);
+    }
+    _refresh() {
+        const newSize = this._readRootFontSize();
+        if (newSize !== this._fontSize()) {
+            this._fontSize.set(newSize);
+        }
+    }
+    _readRootFontSize() {
+        return parseFloat(getComputedStyle(this._document.documentElement).fontSize);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.10", ngImport: i0, type: CpsRootFontSizeService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.10", ngImport: i0, type: CpsRootFontSizeService, providedIn: 'root' }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.10", ngImport: i0, type: CpsRootFontSizeService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root'
+                }]
+        }], ctorParameters: () => [] });
+/**
+ * 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 }
+ * ]
+ * ```
+ */
+const CPS_ROOT_FONT_SIZE_SERVICE = new InjectionToken('CpsRootFontSizeService', {
+    providedIn: 'root',
+    factory: () => inject(CpsRootFontSizeService)
+});
+
 /**
  * CpsThemeService manages application theming including dark mode support.
  *
@@ -15983,14 +16093,13 @@ class CpsThemeService {
         return 'compact';
     }
     // TODO: Use as fallback in getInitialTheme() once dark mode is fully supported across all components.
-    getSystemTheme() {
-        const win = this.document.defaultView;
-        if (!win?.matchMedia)
-            return 'light';
-        return win.matchMedia('(prefers-color-scheme: dark)').matches
-            ? 'dark'
-            : 'light';
-    }
+    // private getSystemTheme(): CpsTheme {
+    //   const win = this.document.defaultView;
+    //   if (!win?.matchMedia) return 'light';
+    //   return win.matchMedia('(prefers-color-scheme: dark)').matches
+    //     ? 'dark'
+    //     : 'light';
+    // }
     // TODO: Enable system preference fallback once dark mode is fully supported across all components.
     watchSystemTheme() {
         const win = this.document.defaultView;
@@ -16034,5 +16143,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.10", ngImpo
  * Generated bundle index. Do not edit.
  */
 
-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 };
 //# sourceMappingURL=cps-ui-kit.mjs.map