cps-ui-kit 21.12.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();
@@ -6087,7 +6087,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.10", ngImpo
  * @see {@link https://docs.aws.amazon.com/scheduler/latest/UserGuide/schedule-types.html#cron-based | AWS EventBridge Scheduler - Cron-based schedules}
  * @group Services
  */
-class CronValidationService {
+class CpsCronValidationService {
     /**
      * Validates a complete 6-field cron expression.
      *
@@ -6107,7 +6107,7 @@ class CronValidationService {
         if (parts.length !== 6) {
             return false;
         }
-        return this.validateCronFields(parts);
+        return this._validateCronFields(parts);
     }
     /**
      * Validates all six fields of an extended cron expression.
@@ -6132,28 +6132,28 @@ class CronValidationService {
      * @param parts - Array of 6 cron field strings [minutes, hours, dayOfMonth, month, dayOfWeek, year]
      * @returns boolean - True if all fields are valid and follow extended cron rules
      */
-    validateCronFields(parts) {
+    _validateCronFields(parts) {
         const [minutes, hours, dayOfMonth, month, dayOfWeek, year] = parts;
         // Validate minutes (0-59) - use enhanced validation
-        if (!this.validateComplexField(minutes, 0, 59, 'minutes'))
+        if (!this._validateComplexField(minutes, 0, 59, 'minutes'))
             return false;
         // Validate hours (0-23) - use enhanced validation
-        if (!this.validateComplexField(hours, 0, 23, 'hours'))
+        if (!this._validateComplexField(hours, 0, 23, 'hours'))
             return false;
         // Validate day of month (1-31 or wildcards)
-        if (!this.validateDayOfMonth(dayOfMonth))
+        if (!this._validateDayOfMonth(dayOfMonth))
             return false;
         // Validate month (1-12 or JAN-DEC) - use enhanced validation
-        if (!this.validateMonth(month))
+        if (!this._validateMonth(month))
             return false;
         // Validate day of week (1-7 or SUN-SAT) - enhanced method will handle this
-        if (!this.validateDayOfWeek(dayOfWeek))
+        if (!this._validateDayOfWeek(dayOfWeek))
             return false;
         // Validate year (1970-2199) - use enhanced validation
-        if (!this.validateComplexField(year, 1970, 2199, 'year'))
+        if (!this._validateComplexField(year, 1970, 2199, 'year'))
             return false;
         // Validate mutual exclusivity of day-of-month and day-of-week
-        if (!this.validateDayMutualExclusivity(dayOfMonth, dayOfWeek))
+        if (!this._validateDayMutualExclusivity(dayOfMonth, dayOfWeek))
             return false;
         return true;
     }
@@ -6177,7 +6177,7 @@ class CronValidationService {
      * @param type - The cron field type ('minutes', 'hours', 'dayOfMonth', 'month', 'dayOfWeek', 'year')
      * @returns boolean - True if the field is valid according to EventBridge Scheduler rules
      */
-    validateComplexField(field, min, max, type) {
+    _validateComplexField(field, min, max, type) {
         // Handle wildcard characters
         // '*' means "any value" and is valid for all fields
         // '?' means "no specific value" and is only valid for day-of-month and day-of-week fields
@@ -6190,7 +6190,7 @@ class CronValidationService {
             return field.split(',').every((val) => {
                 const trimmedVal = val.trim();
                 // Recursively validate each part of the list
-                return this.validateComplexField(trimmedVal, min, max, type);
+                return this._validateComplexField(trimmedVal, min, max, type);
             });
         }
         // Handle complex range with step patterns: "1-5/2" (every 2nd value from 1 to 5)
@@ -6198,23 +6198,23 @@ class CronValidationService {
         if (field.includes('-') && field.includes('/')) {
             const [range, step] = field.split('/');
             const [start, end] = range.split('-');
-            return this.validateRangeWithStep(start, end, step, min, max, type);
+            return this._validateRangeWithStep(start, end, step, min, max, type);
         }
         // Handle simple range patterns: "1-5" (values from 1 to 5), "MON-FRI" (Monday to Friday)
         // Extended cron supports both numeric and named ranges for time-based scheduling
         if (field.includes('-')) {
             const [start, end] = field.split('-');
-            return this.validateSimpleRange(start, end, min, max, type);
+            return this._validateSimpleRange(start, end, min, max, type);
         }
         // Handle step patterns from start: "5/10" (every 10th value starting from 5)
         // Extended cron uses this for interval-based scheduling from a specific starting point
         if (field.includes('/')) {
             const [start, step] = field.split('/');
-            return this.validateStepField(start, step, min, max, type);
+            return this._validateStepField(start, step, min, max, type);
         }
         // Handle single values and special characters (L, W, #)
         // These provide advanced scheduling capabilities like "last day of month" or "3rd Tuesday"
-        return this.validateSingleValue(field, min, max, type);
+        return this._validateSingleValue(field, min, max, type);
     }
     /**
      * Validates single values and extended cron special characters.
@@ -6236,7 +6236,7 @@ class CronValidationService {
      * @param type - The cron field type for context-specific validation
      * @returns boolean - True if the value is valid for EventBridge Scheduler
      */
-    validateSingleValue(value, min, max, type) {
+    _validateSingleValue(value, min, max, type) {
         // Handle special characters for day of month field
         // Extended cron supports advanced day-of-month scheduling patterns
         if (type === 'dayOfMonth') {
@@ -6255,20 +6255,20 @@ class CronValidationService {
             // 'MONL' = last Monday of month (last occurrence)
             if (value.endsWith('L')) {
                 const day = value.slice(0, -1);
-                return this.isValidDayOfWeek(day);
+                return this._isValidDayOfWeek(day);
             }
             // '3#2' = 3rd Tuesday of month (3=Tuesday, 2=second occurrence)
             if (value.includes('#')) {
                 const [day, week] = value.split('#');
-                return (this.isValidDayOfWeek(day) && Number(week) >= 1 && Number(week) <= 5);
+                return (this._isValidDayOfWeek(day) && Number(week) >= 1 && Number(week) <= 5);
             }
             // Standard day names: SUN, MON, TUE, etc.
-            if (this.isValidDayOfWeek(value))
+            if (this._isValidDayOfWeek(value))
                 return true;
         }
         // Handle month names (JAN, FEB, MAR, etc.) for month field
         // Extended cron allows both numeric (1-12) and named month values
-        if (type === 'month' && this.isValidMonthName(value))
+        if (type === 'month' && this._isValidMonthName(value))
             return true;
         // Validate numeric values within the specified range
         // This covers standard numeric scheduling (minutes: 0-59, hours: 0-23, etc.)
@@ -6292,23 +6292,23 @@ class CronValidationService {
      * @param type - Field type for context-aware validation (dayOfWeek gets special handling)
      * @returns boolean - True if the range-step pattern is valid for EventBridge
      */
-    validateRangeWithStep(start, end, step, min, max, type) {
+    _validateRangeWithStep(start, end, step, min, max, type) {
         // Validate step value - must be positive integer
         const stepNum = Number(step);
         if (isNaN(stepNum) || stepNum <= 0)
             return false;
         // Special handling for day-of-week ranges (supports named days like MON-FRI)
-        // Extended cron allows both numeric (1-7) and named (SUN-SAT) day ranges
+        // Extended cron allows both numeric (1-7) and named day ranges
         if (type === 'dayOfWeek') {
-            return this.isValidDayOfWeek(start) && this.isValidDayOfWeek(end);
+            return this._isValidDayOfWeek(start) && this._isValidDayOfWeek(end);
         }
         // Special handling for month ranges (supports named months like JAN-DEC)
-        // Extended cron allows both numeric (1-12) and named (JAN-DEC) month ranges
+        // Extended cron allows both numeric (1-12) and named month ranges
         if (type === 'month') {
-            const startValid = this.isValidMonthName(start) ||
-                this.validateSingleValue(start, min, max, type);
-            const endValid = this.isValidMonthName(end) ||
-                this.validateSingleValue(end, min, max, type);
+            const startValid = this._isValidMonthName(start) ||
+                this._validateSingleValue(start, min, max, type);
+            const endValid = this._isValidMonthName(end) ||
+                this._validateSingleValue(end, min, max, type);
             return startValid && endValid;
         }
         // Validate numeric ranges for other field types
@@ -6340,19 +6340,19 @@ class CronValidationService {
      * @param type - Field type for validation context (affects named value handling)
      * @returns boolean - True if the range pattern is valid for EventBridge
      */
-    validateSimpleRange(start, end, min, max, type) {
+    _validateSimpleRange(start, end, min, max, type) {
         // Handle day-of-week ranges with named values (MON-FRI, SUN-SAT, etc.)
         // Extended cron supports both numeric (1-7) and named day ranges
         if (type === 'dayOfWeek') {
-            return this.isValidDayOfWeek(start) && this.isValidDayOfWeek(end);
+            return this._isValidDayOfWeek(start) && this._isValidDayOfWeek(end);
         }
         // Handle month ranges with named values (JAN-DEC, etc.)
         // Extended cron allows both numeric (1-12) and named month ranges
         if (type === 'month') {
-            const startValid = this.isValidMonthName(start) ||
-                this.validateSingleValue(start, min, max, type);
-            const endValid = this.isValidMonthName(end) ||
-                this.validateSingleValue(end, min, max, type);
+            const startValid = this._isValidMonthName(start) ||
+                this._validateSingleValue(start, min, max, type);
+            const endValid = this._isValidMonthName(end) ||
+                this._validateSingleValue(end, min, max, type);
             return startValid && endValid;
         }
         // Validate numeric ranges for other field types
@@ -6384,7 +6384,7 @@ class CronValidationService {
      * @param type - Field type for validation context
      * @returns boolean - True if the step pattern is valid for EventBridge
      */
-    validateStepField(start, step, min, max, type) {
+    _validateStepField(start, step, min, max, type) {
         // Validate step value - must be positive integer
         const stepNum = Number(step);
         if (isNaN(stepNum) || stepNum <= 0)
@@ -6396,7 +6396,7 @@ class CronValidationService {
         // Handle named day values for day-of-week step patterns
         // Extended cron supports patterns like "MON/2" (every 2nd occurrence starting Monday)
         if (type === 'dayOfWeek') {
-            return this.isValidDayOfWeek(start);
+            return this._isValidDayOfWeek(start);
         }
         // Validate numeric start values - must be within field's valid range
         // Extended cron requires the starting point to be a valid value for the field type
@@ -6406,19 +6406,19 @@ class CronValidationService {
     /**
      * Validates day-of-month field with special characters.
      */
-    validateDayOfMonth(dayOfMonth) {
-        return this.validateComplexField(dayOfMonth, 1, 31, 'dayOfMonth');
+    _validateDayOfMonth(dayOfMonth) {
+        return this._validateComplexField(dayOfMonth, 1, 31, 'dayOfMonth');
     }
     /**
      * Validates month field with support for named months.
      */
-    validateMonth(month) {
-        return this.validateComplexField(month, 1, 12, 'month');
+    _validateMonth(month) {
+        return this._validateComplexField(month, 1, 12, 'month');
     }
     /**
      * Validates day-of-week field with support for named days and special characters.
      */
-    validateDayOfWeek(dayOfWeek) {
+    _validateDayOfWeek(dayOfWeek) {
         // Check for multiple hash expressions in day-of-week field
         if (dayOfWeek.includes(',') && dayOfWeek.includes('#')) {
             const parts = dayOfWeek.split(',');
@@ -6428,13 +6428,13 @@ class CronValidationService {
                 return false;
             }
         }
-        return this.validateComplexField(dayOfWeek, 1, 7, 'dayOfWeek');
+        return this._validateComplexField(dayOfWeek, 1, 7, 'dayOfWeek');
     }
     /**
      * Validates mutual exclusivity rule for day-of-month and day-of-week fields.
      * Extended cron requires that one of these fields must be a wildcard.
      */
-    validateDayMutualExclusivity(dayOfMonth, dayOfWeek) {
+    _validateDayMutualExclusivity(dayOfMonth, dayOfWeek) {
         // Both cannot be specific values - one must be * or ?
         const dayOfMonthIsWildcard = dayOfMonth === '*' || dayOfMonth === '?';
         const dayOfWeekIsWildcard = dayOfWeek === '*' || dayOfWeek === '?';
@@ -6443,7 +6443,7 @@ class CronValidationService {
     /**
      * Checks if a value represents a valid day of the week (numeric or named).
      */
-    isValidDayOfWeek(day) {
+    _isValidDayOfWeek(day) {
         const validDays = ['SUN', 'MON', 'TUE', 'WED', 'THU', 'FRI', 'SAT'];
         if (validDays.includes(day.toUpperCase()))
             return true;
@@ -6453,7 +6453,7 @@ class CronValidationService {
     /**
      * Checks if a value represents a valid month name.
      */
-    isValidMonthName(month) {
+    _isValidMonthName(month) {
         const validMonths = [
             'JAN',
             'FEB',
@@ -6470,15 +6470,40 @@ class CronValidationService {
         ];
         return validMonths.includes(month.toUpperCase());
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.10", ngImport: i0, type: CronValidationService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.10", ngImport: i0, type: CronValidationService, providedIn: 'root' }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.10", ngImport: i0, type: CpsCronValidationService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.10", ngImport: i0, type: CpsCronValidationService, providedIn: 'root' }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.10", ngImport: i0, type: CronValidationService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.10", ngImport: i0, type: CpsCronValidationService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root'
                 }]
         }] });
+/**
+ * Injection token for `CpsCronValidationService`.
+ *
+ * Always inject this token instead of `CpsCronValidationService` directly.
+ * This allows consumer applications to override or disable cron validation by
+ * providing an alternative implementation via `providers`.
+ *
+ * @example
+ * // Inject in a component or service
+ * private readonly cronValidation = inject(CPS_CRON_VALIDATION_SERVICE);
+ *
+ * @example
+ * // Override with a custom implementation
+ * providers: [{ provide: CPS_CRON_VALIDATION_SERVICE, useClass: MyCustomCronValidationService }]
+ *
+ * @example
+ * // Disable cron validation entirely
+ * providers: [{ provide: CPS_CRON_VALIDATION_SERVICE, useValue: null }]
+ *
+ * @group Tokens
+ */
+const CPS_CRON_VALIDATION_SERVICE = new InjectionToken('CPS_CRON_VALIDATION_SERVICE', {
+    providedIn: 'root',
+    factory: () => inject(CpsCronValidationService)
+});
 
 /**
  * CpsTimepickerComponent allows to pick a specific time from a set of available options or input it manually.
@@ -6594,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) {
@@ -6631,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;
     }
@@ -7563,7 +7588,7 @@ class CpsSchedulerComponent {
         ];
         this._fb = inject(FormBuilder);
         this._cdr = inject(ChangeDetectorRef);
-        this._cronValidationService = inject(CronValidationService);
+        this._cronValidationService = inject(CPS_CRON_VALIDATION_SERVICE);
         this.activeScheduleType = 'Not set';
         this.selectOptions = this._getSelectOptions();
         this.timeZoneOptions = timeZones.map((tz) => ({ label: tz, value: tz }));
@@ -7739,7 +7764,7 @@ class CpsSchedulerComponent {
      * @returns boolean - True if the cron expression is valid
      */
     _isValidCron(cron) {
-        return this._cronValidationService.isValidCron(cron, this.showNotSet);
+        return (this._cronValidationService?.isValidCron(cron, this.showNotSet) ?? true);
     }
     _validateAdvancedExpr(c) {
         const cron = c.value;
@@ -8344,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) {
@@ -8372,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();
     }
@@ -11078,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) {
@@ -11283,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) {
@@ -11356,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();
@@ -11611,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) {
@@ -11680,7 +11705,7 @@ class CpsBaseTreeDropdownComponent {
         }
     }
     // eslint-disable-next-line @typescript-eslint/no-empty-function
-    setDisabledState(disabled) { }
+    setDisabledState(_disabled) { }
     onBlur() {
         this._checkErrors();
         this.blurred.emit();
@@ -12290,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;
             }
@@ -15761,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.
  *
@@ -15958,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;
@@ -16009,5 +16143,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.10", ngImpo
  * Generated bundle index. Do not edit.
  */
 
-export { CPS_FOCUS_SERVICE, CPS_RADIO_GROUP, CpsAutocompleteComponent, CpsButtonComponent, CpsButtonToggleComponent, CpsCheckboxComponent, CpsChipComponent, CpsColumnFilterMatchMode, 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