cps-ui-kit 20.0.0 → 20.1.0

package/fesm2022/cps-ui-kit.mjs

@@ -1,10 +1,10 @@
 import * as i2 from '@angular/common';
 import { DOCUMENT, CommonModule, isPlatformBrowser } from '@angular/common';
 import * as i0 from '@angular/core';
-import { Input, Inject, Component, inject, ElementRef, SecurityContext, HostListener, Directive, EventEmitter, ViewChild, Output, Self, Optional, Pipe, PLATFORM_ID, ViewEncapsulation, ChangeDetectionStrategy, HostBinding, InjectionToken, Host, ViewChildren, ContentChild, RendererStyleFlags2, TemplateRef, ContentChildren, numberAttribute, input, computed, createComponent, createEnvironmentInjector, SkipSelf, Injectable } from '@angular/core';
+import { Input, Inject, Component, inject, ElementRef, SecurityContext, HostListener, Directive, EventEmitter, ViewChild, Output, Self, Optional, Pipe, PLATFORM_ID, ViewEncapsulation, ChangeDetectionStrategy, HostBinding, InjectionToken, Host, ViewChildren, ContentChild, RendererStyleFlags2, TemplateRef, ContentChildren, numberAttribute, Injectable, ChangeDetectorRef, input, computed, createComponent, createEnvironmentInjector, SkipSelf } from '@angular/core';
 import { DomSanitizer } from '@angular/platform-browser';
 import * as i1 from '@angular/forms';
-import { FormsModule, Validators, ReactiveFormsModule } from '@angular/forms';
+import { FormsModule, FormBuilder, Validators, ReactiveFormsModule } from '@angular/forms';
 import { isEqual, cloneDeep } from 'lodash-es';
 import * as i1$5 from '@angular/animations';
 import { trigger, state, transition, style, animate, animation, useAnimation, query, animateChild } from '@angular/animations';
@@ -11718,6 +11718,415 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.1", ngImpor
                 args: ['fileInput']
             }] } });
 
+/**
+ * Service for validating 6-field cron expressions with extended features.
+ *
+ * This service handles cron validation logic for extended cron expression formats
+ * that support additional features beyond standard Unix cron for more flexible
+ * scheduling capabilities.
+ *
+ * Format: minutes hours day-of-month month day-of-week year
+ *
+ * Key Features:
+ * - Wildcards: asterisk (any value), question mark (any value for day fields)
+ * - Ranges: 1-5, MON-FRI, JAN-MAR
+ * - Steps: asterisk/15, 5/10, 1-5/2
+ * - Lists: 1,3,5, MON,WED,FRI
+ * - Special chars: L (last), W (weekday), hash (nth occurrence)
+ * @see {@link https://docs.aws.amazon.com/scheduler/latest/UserGuide/schedule-types.html#cron-based | AWS EventBridge Scheduler - Cron-based schedules}
+ */
+class CronValidationService {
+    /**
+     * Validates a complete 6-field cron expression.
+     *
+     * @param cron - The 6-field cron expression to validate
+     * @param allowEmpty - Whether to allow empty cron expressions
+     * @returns boolean - True if the cron expression is valid
+     */
+    isValidCron(cron, allowEmpty = false) {
+        if (typeof cron !== 'string')
+            return false;
+        if (allowEmpty && cron === '')
+            return true;
+        if (!cron)
+            return false;
+        const parts = cron.split(' ');
+        if (parts.length !== 6) {
+            return false;
+        }
+        return this.validateCronFields(parts);
+    }
+    /**
+     * Validates all six fields of an extended cron expression.
+     *
+     * Extended cron format uses 6 fields: minutes hours day-of-month month day-of-week year
+     * This method validates each field according to extended cron syntax rules,
+     * which build upon standard Unix cron with additional features.
+     *
+     * Field Ranges and Features:
+     * - Minutes (0-59): Numeric, ranges, steps, lists
+     * - Hours (0-23): Numeric, ranges, steps, lists
+     * - Day-of-month (1-31): Numeric + special chars (L, W, LW)
+     * - Month (1-12): Numeric or named (JAN-DEC), ranges, steps, lists
+     * - Day-of-week (1-7): Numeric or named (SUN-SAT), special chars (L, #)
+     * - Year (1970-2199): Extended range for long-term scheduling
+     *
+     * Key Rules:
+     * - Day-of-month and day-of-week are mutually exclusive (one must be * or ?)
+     * - ? is only valid for day-of-month and day-of-week fields
+     * - Special characters provide advanced scheduling capabilities
+     *
+     * @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) {
+        const [minutes, hours, dayOfMonth, month, dayOfWeek, year] = parts;
+        // Validate minutes (0-59) - use enhanced validation
+        if (!this.validateComplexField(minutes, 0, 59, 'minutes'))
+            return false;
+        // Validate hours (0-23) - use enhanced validation
+        if (!this.validateComplexField(hours, 0, 23, 'hours'))
+            return false;
+        // Validate day of month (1-31 or wildcards)
+        if (!this.validateDayOfMonth(dayOfMonth))
+            return false;
+        // Validate month (1-12 or JAN-DEC) - use enhanced validation
+        if (!this.validateMonth(month))
+            return false;
+        // Validate day of week (1-7 or SUN-SAT) - enhanced method will handle this
+        if (!this.validateDayOfWeek(dayOfWeek))
+            return false;
+        // Validate year (1970-2199) - use enhanced validation
+        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))
+            return false;
+        return true;
+    }
+    /**
+     * Enhanced validation for complex cron field patterns.
+     * Supports extended cron features including ranges, steps, lists, and special characters.
+     *
+     * This method handles extended cron expression syntax which builds upon
+     * standard Unix cron format with additional features for flexible scheduling.
+     *
+     * Supported patterns:
+     * - Wildcards: asterisk (any value), question mark (any value for day fields)
+     * - Ranges: 1-5 (values 1 through 5), MON-FRI (Monday through Friday)
+     * - Steps: asterisk/10 (every 10th value), 1-5/2 (every 2nd value from 1 to 5)
+     * - Lists: 1,3,5 (specific values), MON,WED,FRI (specific days)
+     * - Special chars: L (last), W (weekday), hash (nth occurrence)
+     *
+     * @param field - The cron field value to validate (examples: "1-5/2", "MON-FRI", "asterisk/10")
+     * @param min - Minimum valid numeric value for this field type
+     * @param max - Maximum valid numeric value for this field type
+     * @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) {
+        // 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
+        if (field === '*' || field === '?') {
+            return type === 'dayOfMonth' || type === 'dayOfWeek' || field === '*';
+        }
+        // Handle comma-separated lists: "1,3,5" or "MON,WED,FRI" or "MON-WED,FRI"
+        // Allows scheduling on multiple specific values within a field
+        if (field.includes(',')) {
+            return field.split(',').every((val) => {
+                const trimmedVal = val.trim();
+                // Recursively validate each part of the list
+                return this.validateComplexField(trimmedVal, min, max, type);
+            });
+        }
+        // Handle complex range with step patterns: "1-5/2" (every 2nd value from 1 to 5)
+        // This allows scheduling at intervals within a specific range
+        if (field.includes('-') && field.includes('/')) {
+            const [range, step] = field.split('/');
+            const [start, end] = range.split('-');
+            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);
+        }
+        // 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);
+        }
+        // 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);
+    }
+    /**
+     * Validates single values and extended cron special characters.
+     *
+     * This method handles the validation of individual field values including:
+     * - Numeric values within specified ranges
+     * - Special characters for advanced scheduling
+     * - Named values like month names (JAN, FEB) and day names (SUN, MON)
+     *
+     * Extended Cron Special Characters:
+     * - L: Last day of month (day-of-month) or last occurrence of weekday (day-of-week)
+     * - W: Nearest weekday to the specified day (day-of-month only)
+     * - LW: Last weekday of the month (day-of-month only)
+     * - #: Nth occurrence of weekday (e.g., "3#2" = 3rd Tuesday of month)
+     *
+     * @param value - The single value to validate (e.g., "15", "L", "15W", "MON", "3#2")
+     * @param min - Minimum valid numeric value for this field type
+     * @param max - Maximum valid numeric value for this field type
+     * @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) {
+        // Handle special characters for day of month field
+        // Extended cron supports advanced day-of-month scheduling patterns
+        if (type === 'dayOfMonth') {
+            // 'L' = last day of month, 'LW' = last weekday of month
+            if (value === 'L' || value === 'LW')
+                return true;
+            // '15W' = nearest weekday to the 15th (if 15th is weekend, use closest weekday)
+            if (value.endsWith('W')) {
+                const day = Number(value.slice(0, -1));
+                return day >= 1 && day <= 31;
+            }
+        }
+        // Handle special characters for day of week field
+        // Extended cron supports advanced day-of-week scheduling patterns
+        if (type === 'dayOfWeek') {
+            // 'MONL' = last Monday of month (last occurrence)
+            if (value.endsWith('L')) {
+                const day = value.slice(0, -1);
+                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);
+            }
+            // Standard day names: SUN, MON, TUE, etc.
+            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))
+            return true;
+        // Validate numeric values within the specified range
+        // This covers standard numeric scheduling (minutes: 0-59, hours: 0-23, etc.)
+        const num = Number(value);
+        return !isNaN(num) && num >= min && num <= max;
+    }
+    /**
+     * Validates range patterns with step intervals.
+     *
+     * This method handles complex range-step patterns like "1-5/2" which means
+     * "every 2nd value from 1 to 5" (resulting in: 1, 3, 5).
+     *
+     * Extended cron uses this pattern for flexible interval scheduling within specific ranges.
+     * For example: "9-17/2" for hours would trigger at 9:00, 11:00, 13:00, 15:00, 17:00.
+     *
+     * @param start - Range start value (numeric or named like "MON")
+     * @param end - Range end value (numeric or named like "FRI")
+     * @param step - Step interval as string (must be positive integer)
+     * @param min - Minimum allowed value for this field type
+     * @param max - Maximum allowed value for this field type
+     * @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) {
+        // 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
+        if (type === 'dayOfWeek') {
+            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
+        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);
+            return startValid && endValid;
+        }
+        // Validate numeric ranges for other field types
+        // Ensures range boundaries are valid and logical (start <= end)
+        const startNum = Number(start);
+        const endNum = Number(end);
+        return (!isNaN(startNum) &&
+            !isNaN(endNum) &&
+            startNum >= min &&
+            endNum <= max &&
+            startNum <= endNum);
+    }
+    /**
+     * Validates simple range patterns without step intervals.
+     *
+     * This method handles basic range patterns like "1-5" (values 1 through 5) or
+     * "MON-FRI" (Monday through Friday). Extended cron supports both numeric and
+     * named ranges for flexible scheduling.
+     *
+     * Examples:
+     * - "9-17" for hours: triggers every hour from 9:00 to 17:00 (9am to 5pm)
+     * - "MON-FRI" for day-of-week: triggers Monday through Friday
+     * - "JAN-MAR" for months: triggers January through March
+     *
+     * @param start - Range start value (numeric or named)
+     * @param end - Range end value (numeric or named)
+     * @param min - Minimum allowed value for this field type
+     * @param max - Maximum allowed value for this field type
+     * @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) {
+        // 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);
+        }
+        // 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);
+            return startValid && endValid;
+        }
+        // Validate numeric ranges for other field types
+        // Ensures both range boundaries are numeric, within limits, and logical (start <= end)
+        const startNum = Number(start);
+        const endNum = Number(end);
+        return (!isNaN(startNum) &&
+            !isNaN(endNum) &&
+            startNum >= min &&
+            endNum <= max &&
+            startNum <= endNum);
+    }
+    /**
+     * Validates step patterns from a starting point.
+     *
+     * This method handles step patterns like "5/10" (every 10th value starting from 5)
+     * or asterisk/15 (every 15th value starting from minimum). Extended cron uses this for
+     * interval-based scheduling from specific starting points.
+     *
+     * Examples:
+     * - "0/15" for minutes: triggers at 0, 15, 30, 45 minutes past the hour
+     * - asterisk/5 for minutes: triggers every 5 minutes (0, 5, 10, 15, ...)
+     * - "2/3" for day-of-month: triggers every 3rd day starting from the 2nd (2, 5, 8, ...)
+     *
+     * @param start - Starting value (can be asterisk for wildcard start or specific value)
+     * @param step - Step interval as string (must be positive integer)
+     * @param min - Minimum allowed value for this field type
+     * @param max - Maximum allowed value for this field type
+     * @param type - Field type for validation context
+     * @returns boolean - True if the step pattern is valid for EventBridge
+     */
+    validateStepField(start, step, min, max, type) {
+        // Validate step value - must be positive integer
+        const stepNum = Number(step);
+        if (isNaN(stepNum) || stepNum <= 0)
+            return false;
+        // Handle wildcard start: asterisk/step means start from minimum value with given step
+        // This is the most common pattern for regular intervals (e.g., asterisk/15 = every 15 minutes)
+        if (start === '*')
+            return true;
+        // 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);
+        }
+        // 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
+        const startNum = Number(start);
+        return !isNaN(startNum) && startNum >= min && startNum <= max;
+    }
+    /**
+     * Validates day-of-month field with special characters.
+     */
+    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');
+    }
+    /**
+     * Validates day-of-week field with support for named days and special characters.
+     */
+    validateDayOfWeek(dayOfWeek) {
+        // Check for multiple hash expressions in day-of-week field
+        if (dayOfWeek.includes(',') && dayOfWeek.includes('#')) {
+            const parts = dayOfWeek.split(',');
+            const hashCount = parts.filter((part) => part.trim().includes('#')).length;
+            // AWS EventBridge: Only one hash expression allowed per day-of-week field
+            if (hashCount > 1) {
+                return false;
+            }
+        }
+        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) {
+        // Both cannot be specific values - one must be * or ?
+        const dayOfMonthIsWildcard = dayOfMonth === '*' || dayOfMonth === '?';
+        const dayOfWeekIsWildcard = dayOfWeek === '*' || dayOfWeek === '?';
+        return dayOfMonthIsWildcard || dayOfWeekIsWildcard;
+    }
+    /**
+     * Checks if a value represents a valid day of the week (numeric or named).
+     */
+    isValidDayOfWeek(day) {
+        const validDays = ['SUN', 'MON', 'TUE', 'WED', 'THU', 'FRI', 'SAT'];
+        if (validDays.includes(day.toUpperCase()))
+            return true;
+        const num = Number(day);
+        return !isNaN(num) && num >= 1 && num <= 7;
+    }
+    /**
+     * Checks if a value represents a valid month name.
+     */
+    isValidMonthName(month) {
+        const validMonths = [
+            'JAN',
+            'FEB',
+            'MAR',
+            'APR',
+            'MAY',
+            'JUN',
+            'JUL',
+            'AUG',
+            'SEP',
+            'OCT',
+            'NOV',
+            'DEC'
+        ];
+        return validMonths.includes(month.toUpperCase());
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.1", ngImport: i0, type: CronValidationService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.2.1", ngImport: i0, type: CronValidationService, providedIn: 'root' }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.1", ngImport: i0, type: CronValidationService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root'
+                }]
+        }] });
+
 const timeZones = [
     'Asia/Aden',
     'America/Cuiaba',
@@ -12359,10 +12768,7 @@ var Months;
  * @group Components
  */
 class CpsSchedulerComponent {
-    // eslint-disable-next-line no-useless-constructor
-    constructor(_fb, _cdr) {
-        this._fb = _fb;
-        this._cdr = _cdr;
+    constructor() {
         /**
          * Label of the component.
          * @group Props
@@ -12440,11 +12846,14 @@ class CpsSchedulerComponent {
             { label: 'Yearly', value: 'Yearly' },
             { label: 'Advanced', value: 'Advanced' }
         ];
+        this._fb = inject(FormBuilder);
+        this._cdr = inject(ChangeDetectorRef);
+        this._cronValidationService = inject(CronValidationService);
         this.activeScheduleType = 'Not set';
         this.selectOptions = this._getSelectOptions();
         this.timeZoneOptions = timeZones.map((tz) => ({ label: tz, value: tz }));
         this.form = this._fb.group({
-            advanced: ['', [this._validateAdvancedExpr]]
+            advanced: ['', [this._validateAdvancedExpr.bind(this)]]
         });
         this._isDirty = false;
         this._minutesDefault = '0/1 * 1/1 * ? *';
@@ -12585,7 +12994,15 @@ class CpsSchedulerComponent {
         this.cron = value;
         this.cronChange.emit(this.cron);
     }
-    _isValidCron(cron) {
+    /**
+     * Basic structural validation for pattern recognition.
+     * More permissive than _isValidCron to allow unrecognized patterns
+     * to reach Advanced mode (preserving original behavior).
+     *
+     * @param cron - The cron expression to validate structurally
+     * @returns boolean - True if the structure is valid for pattern parsing
+     */
+    _isValidCronStructure(cron) {
         if (typeof cron !== 'string')
             return false;
         if (!this.showNotSet) {
@@ -12600,25 +13017,23 @@ class CpsSchedulerComponent {
         }
         return true;
     }
+    /**
+     * Validates a cron expression using the CronValidationService.
+     *
+     * @param cron - The cron expression to validate
+     * @returns boolean - True if the cron expression is valid
+     */
+    _isValidCron(cron) {
+        return this._cronValidationService.isValidCron(cron, this.showNotSet);
+    }
     _validateAdvancedExpr(c) {
         const cron = c.value;
         if (!cron)
             return null;
-        const splits = cron?.split(' ') || [];
-        if (splits.length !== 6)
-            return { invalidExpression: 'Invalid expression' };
-        const cronSeven = `0 ${cron}`;
-        return cronSeven.match(/\d+ 0\/\d+ \* 1\/1 \* \? \*/) ||
-            cronSeven.match(/\d+ \d+ 0\/\d+ 1\/1 \* \? \*/) ||
-            cronSeven.match(/\d+ \d+ \d+ 1\/\d+ \* \? \*/) ||
-            cronSeven.match(/\d+ \d+ \d+ \? \* MON-FRI \*/) ||
-            cronSeven.match(/\d+ \d+ \d+ \? \* (MON|TUE|WED|THU|FRI|SAT|SUN)(,(MON|TUE|WED|THU|FRI|SAT|SUN))* \*/) ||
-            cronSeven.match(/\d+ \d+ \d+ (\d+|L|LW|1W) 1\/\d+ \? \*/) ||
-            cronSeven.match(/\d+ \d+ \d+ \? \d+\/\d+ (MON|TUE|WED|THU|FRI|SAT|SUN)((#[1-5])|L) \*/) ||
-            cronSeven.match(/\d+ \d+ \d+ (\d+|L|LW|1W) \d+ \? \*/) ||
-            cronSeven.match(/\d+ \d+ \d+ \? \d+ (MON|TUE|WED|THU|FRI|SAT|SUN)((#[1-5])|L) \*/)
-            ? null
-            : { invalidExpression: 'Invalid expression' };
+        if (!this._isValidCron(cron)) {
+            return { invalidExpression: 'Invalid cron expression format' };
+        }
+        return null;
     }
     _getAmPmHour(hour) {
         return this.use24HourTime ? hour : ((hour + 11) % 12) + 1;
@@ -12641,7 +13056,7 @@ class CpsSchedulerComponent {
         }
     }
     _handleModelChange(cron) {
-        if (!this._isValidCron(cron)) {
+        if (!this._isValidCronStructure(cron)) {
             console.error('Invalid cron value:', cron);
             this.cron = this.showNotSet ? '' : this._minutesDefault;
             return;
@@ -12660,16 +13075,16 @@ class CpsSchedulerComponent {
         }
         const cronSeven = `0 ${cron}`;
         const [minutes, hours, dayOfMonth, month, dayOfWeek] = cron.split(' ');
-        if (cronSeven.match(/\d+ 0\/\d+ \* 1\/1 \* \? \*/)) {
+        if (this._isMinutesPattern(cronSeven)) {
             this.activeScheduleType = 'Minutes';
             this.state.minutes.minutes = Number(minutes.substring(2));
         }
-        else if (cronSeven.match(/\d+ \d+ 0\/\d+ 1\/1 \* \? \*/)) {
+        else if (this._isHourlyPattern(cronSeven)) {
             this.activeScheduleType = 'Hourly';
             this.state.hourly.hours = Number(hours.substring(2));
             this.state.hourly.minutes = Number(minutes);
         }
-        else if (cronSeven.match(/\d+ \d+ \d+ 1\/\d+ \* \? \*/)) {
+        else if (this._isDailyEveryDaysPattern(cronSeven)) {
             this.activeScheduleType = 'Daily';
             this.state.daily.subTab = 'everyDays';
             this.state.daily.everyDays.days = Number(dayOfMonth.substring(2));
@@ -12678,7 +13093,7 @@ class CpsSchedulerComponent {
             this.state.daily.everyDays.hourType = this._getHourType(parsedHours);
             this.state.daily.everyDays.minutes = Number(minutes);
         }
-        else if (cronSeven.match(/\d+ \d+ \d+ \? \* MON-FRI \*/)) {
+        else if (this._isDailyWeekdayPattern(cronSeven)) {
             this.activeScheduleType = 'Daily';
             this.state.daily.subTab = 'everyWeekDay';
             const parsedHours = Number(hours);
@@ -12686,7 +13101,7 @@ class CpsSchedulerComponent {
             this.state.daily.everyWeekDay.hourType = this._getHourType(parsedHours);
             this.state.daily.everyWeekDay.minutes = Number(minutes);
         }
-        else if (cronSeven.match(/\d+ \d+ \d+ \? \* (MON|TUE|WED|THU|FRI|SAT|SUN)(,(MON|TUE|WED|THU|FRI|SAT|SUN))* \*/)) {
+        else if (this._isWeeklyPattern(cronSeven)) {
             this.activeScheduleType = 'Weekly';
             this.selectOptions.days
                 .map((d) => d.value)
@@ -12699,11 +13114,11 @@ class CpsSchedulerComponent {
             this.state.weekly.hourType = this._getHourType(parsedHours);
             this.state.weekly.minutes = Number(minutes);
         }
-        else if (cronSeven.match(/\d+ \d+ \d+ (\d+|L|LW|1W) 1\/\d+ \? \*/)) {
+        else if (this._isMonthlySpecificDayPattern(cronSeven)) {
             this.activeScheduleType = 'Monthly';
             this.state.monthly.subTab = 'specificDay';
-            if (dayOfMonth.indexOf('W') !== -1) {
-                this.state.monthly.specificDay.day = dayOfMonth.charAt(0);
+            if (dayOfMonth.includes('W')) {
+                this.state.monthly.specificDay.day = dayOfMonth.replace('W', '');
                 this.state.monthly.runOnWeekday = true;
             }
             else {
@@ -12715,14 +13130,14 @@ class CpsSchedulerComponent {
             this.state.monthly.specificDay.hourType = this._getHourType(parsedHours);
             this.state.monthly.specificDay.minutes = Number(minutes);
         }
-        else if (cronSeven.match(/\d+ \d+ \d+ \? \d+\/\d+ (MON|TUE|WED|THU|FRI|SAT|SUN)((#[1-5])|L) \*/)) {
+        else if (this._isMonthlySpecificWeekDayPattern(cronSeven)) {
             const day = dayOfWeek.substring(0, 3);
             const monthWeek = dayOfWeek.substring(3);
             this.activeScheduleType = 'Monthly';
             this.state.monthly.subTab = 'specificWeekDay';
             this.state.monthly.specificWeekDay.monthWeek = monthWeek;
             this.state.monthly.specificWeekDay.day = day;
-            if (month.indexOf('/') !== -1) {
+            if (month.includes('/')) {
                 const [startMonth, months] = month.split('/').map(Number);
                 this.state.monthly.specificWeekDay.months = months;
                 this.state.monthly.specificWeekDay.startMonth = startMonth;
@@ -12733,12 +13148,12 @@ class CpsSchedulerComponent {
                 this._getHourType(parsedHours);
             this.state.monthly.specificWeekDay.minutes = Number(minutes);
         }
-        else if (cronSeven.match(/\d+ \d+ \d+ (\d+|L|LW|1W) \d+ \? \*/)) {
+        else if (this._isYearlySpecificMonthDayPattern(cronSeven)) {
             this.activeScheduleType = 'Yearly';
             this.state.yearly.subTab = 'specificMonthDay';
             this.state.yearly.specificMonthDay.month = Number(month);
-            if (dayOfMonth.indexOf('W') !== -1) {
-                this.state.yearly.specificMonthDay.day = dayOfMonth.charAt(0);
+            if (dayOfMonth.includes('W')) {
+                this.state.yearly.specificMonthDay.day = dayOfMonth.replace('W', '');
                 this.state.yearly.runOnWeekday = true;
             }
             else {
@@ -12750,7 +13165,7 @@ class CpsSchedulerComponent {
                 this._getHourType(parsedHours);
             this.state.yearly.specificMonthDay.minutes = Number(minutes);
         }
-        else if (cronSeven.match(/\d+ \d+ \d+ \? \d+ (MON|TUE|WED|THU|FRI|SAT|SUN)((#[1-5])|L) \*/)) {
+        else if (this._isYearlySpecificMonthWeekPattern(cronSeven)) {
             const day = dayOfWeek.substring(0, 3);
             const monthWeek = dayOfWeek.substring(3);
             this.activeScheduleType = 'Yearly';
@@ -12771,6 +13186,34 @@ class CpsSchedulerComponent {
         }
         this._cdr.detectChanges();
     }
+    // Enhanced pattern matching methods with support for all EventBridge features
+    _isMinutesPattern(cronSeven) {
+        return /^\d+ 0\/\d+ \* (1\/1|\*) \* \? \*$/.test(cronSeven);
+    }
+    _isHourlyPattern(cronSeven) {
+        return /^\d+ \d+ 0\/\d+ (1\/1|\*) \* \? \*$/.test(cronSeven);
+    }
+    _isDailyEveryDaysPattern(cronSeven) {
+        return /^\d+ \d+ \d+ 1\/\d+ \* \? \*$/.test(cronSeven);
+    }
+    _isDailyWeekdayPattern(cronSeven) {
+        return /^\d+ \d+ \d+ \? \* MON-FRI \*$/.test(cronSeven);
+    }
+    _isWeeklyPattern(cronSeven) {
+        return /^\d+ \d+ \d+ \? \* (MON|TUE|WED|THU|FRI|SAT|SUN)(,(MON|TUE|WED|THU|FRI|SAT|SUN))* \*$/.test(cronSeven);
+    }
+    _isMonthlySpecificDayPattern(cronSeven) {
+        return /^\d+ \d+ \d+ (\d+|L|LW|\d+W) 1\/\d+ \? \*$/.test(cronSeven);
+    }
+    _isMonthlySpecificWeekDayPattern(cronSeven) {
+        return /^\d+ \d+ \d+ \? \d+\/\d+ (MON|TUE|WED|THU|FRI|SAT|SUN)((#[1-5])|L) \*$/.test(cronSeven);
+    }
+    _isYearlySpecificMonthDayPattern(cronSeven) {
+        return /^\d+ \d+ \d+ (\d+|L|LW|\d+W) \d+ \? \*$/.test(cronSeven);
+    }
+    _isYearlySpecificMonthWeekPattern(cronSeven) {
+        return /^\d+ \d+ \d+ \? \d+ (MON|TUE|WED|THU|FRI|SAT|SUN)((#[1-5])|L) \*$/.test(cronSeven);
+    }
     _getDefaultState() {
         const [defaultHours, defaultMinutes] = this.defaultTime
             .split(':')
@@ -12943,8 +13386,8 @@ class CpsSchedulerComponent {
         const res = Number(value);
         return isNaN(res) ? 0 : res;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.1", ngImport: i0, type: CpsSchedulerComponent, deps: [{ token: i1.FormBuilder }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.2.1", type: CpsSchedulerComponent, isStandalone: true, selector: "cps-scheduler", inputs: { label: "label", cron: "cron", timeZone: "timeZone", showNotSet: "showNotSet", showAdvanced: "showAdvanced", showMinutes: "showMinutes", showTimeZone: "showTimeZone", defaultTime: "defaultTime", use24HourTime: "use24HourTime", disabled: "disabled", infoTooltip: "infoTooltip" }, outputs: { cronChange: "cronChange", timeZoneChange: "timeZoneChange" }, usesOnChanges: true, ngImport: i0, template: "<div class=\"cps-scheduler-selector\">\n  <cps-button-toggle\n    [options]=\"scheduleTypes\"\n    [disabled]=\"disabled\"\n    [label]=\"label\"\n    [infoTooltip]=\"infoTooltip\"\n    [(ngModel)]=\"activeScheduleType\"\n    (ngModelChange)=\"setActiveScheduleType($event)\">\n  </cps-button-toggle>\n</div>\n\n<div\n  [ngSwitch]=\"activeScheduleType\"\n  class=\"cps-scheduler-container\"\n  [ngClass]=\"{ 'cps-scheduler-container-disabled': disabled }\">\n  <div *ngSwitchCase=\"'Not set'\" class=\"cps-scheduler-tab-pane\"></div>\n\n  <div *ngSwitchCase=\"'Minutes'\" class=\"cps-scheduler-tab-pane\">\n    <div class=\"cps-scheduler-tab-pane-row\">\n      Every\n      <cps-select\n        width=\"70px\"\n        [disabled]=\"disabled\"\n        [returnObject]=\"false\"\n        [hideDetails]=\"true\"\n        (valueChanged)=\"regenerateCron()\"\n        [(ngModel)]=\"state.minutes.minutes\"\n        [options]=\"selectOptions.minutes\"\n        class=\"cps-scheduler-select-control\">\n      </cps-select>\n      minute(s)\n    </div>\n  </div>\n\n  <div *ngSwitchCase=\"'Hourly'\" class=\"cps-scheduler-tab-pane\">\n    <div class=\"cps-scheduler-tab-pane-row\">\n      Every\n      <cps-select\n        width=\"70px\"\n        [disabled]=\"disabled\"\n        [returnObject]=\"false\"\n        [hideDetails]=\"true\"\n        (valueChanged)=\"regenerateCron()\"\n        [(ngModel)]=\"state.hourly.hours\"\n        [options]=\"selectOptions.hours\"\n        class=\"cps-scheduler-select-control\">\n      </cps-select>\n      hour(s) on minute\n      <cps-select\n        width=\"70px\"\n        [disabled]=\"disabled\"\n        [returnObject]=\"false\"\n        [hideDetails]=\"true\"\n        (valueChanged)=\"regenerateCron()\"\n        [(ngModel)]=\"state.hourly.minutes\"\n        [options]=\"selectOptions.fullMinutes\"\n        class=\"cps-scheduler-select-control\">\n      </cps-select>\n    </div>\n  </div>\n\n  <div *ngSwitchCase=\"'Daily'\" class=\"cps-scheduler-tab-pane\">\n    <cps-radio-group\n      [hideDetails]=\"true\"\n      [(ngModel)]=\"state.daily.subTab\"\n      (valueChanged)=\"regenerateCron()\"\n      [vertical]=\"true\">\n      <cps-radio [option]=\"{ value: 'everyDays', disabled: disabled }\">\n        <div\n          class=\"cps-scheduler-tab-pane-row\"\n          [ngClass]=\"{\n            'cps-scheduler-tab-pane-row-disabled':\n              state.daily.subTab !== 'everyDays'\n          }\">\n          Every\n          <cps-select\n            width=\"70px\"\n            [disabled]=\"disabled || state.daily.subTab !== 'everyDays'\"\n            [returnObject]=\"false\"\n            [hideDetails]=\"true\"\n            (valueChanged)=\"regenerateCron()\"\n            [(ngModel)]=\"state.daily.everyDays.days\"\n            [options]=\"selectOptions.monthDays\"\n            class=\"cps-scheduler-select-control\">\n          </cps-select>\n          day(s) at\n          <cps-timepicker\n            [disabled]=\"disabled || state.daily.subTab !== 'everyDays'\"\n            [use24HourTime]=\"use24HourTime\"\n            [mandatoryValue]=\"true\"\n            [value]=\"formatTimeValue(state.daily.everyDays)\"\n            [hideDetails]=\"true\"\n            (valueChanged)=\"onTimeChanged($event, state.daily.everyDays)\">\n          </cps-timepicker>\n        </div>\n      </cps-radio>\n      <cps-radio [option]=\"{ value: 'everyWeekDay', disabled: disabled }\">\n        <div\n          class=\"cps-scheduler-tab-pane-row\"\n          [ngClass]=\"{\n            'cps-scheduler-tab-pane-row-disabled':\n              state.daily.subTab !== 'everyWeekDay'\n          }\">\n          Every working day at\n          <cps-timepicker\n            [disabled]=\"disabled || state.daily.subTab !== 'everyWeekDay'\"\n            [use24HourTime]=\"use24HourTime\"\n            [mandatoryValue]=\"true\"\n            [value]=\"formatTimeValue(state.daily.everyWeekDay)\"\n            [hideDetails]=\"true\"\n            (valueChanged)=\"onTimeChanged($event, state.daily.everyWeekDay)\">\n          </cps-timepicker>\n        </div>\n      </cps-radio>\n    </cps-radio-group>\n  </div>\n\n  <div *ngSwitchCase=\"'Weekly'\" class=\"cps-scheduler-tab-pane\">\n    <div class=\"cps-scheduler-days-checkbox-group\">\n      <cps-checkbox\n        (valueChanged)=\"regenerateCron()\"\n        [disabled]=\"disabled\"\n        label=\"Monday\"\n        [(ngModel)]=\"state.weekly.MON\">\n      </cps-checkbox>\n      <cps-checkbox\n        (valueChanged)=\"regenerateCron()\"\n        [disabled]=\"disabled\"\n        label=\"Tuesday\"\n        [(ngModel)]=\"state.weekly.TUE\">\n      </cps-checkbox>\n      <cps-checkbox\n        (valueChanged)=\"regenerateCron()\"\n        [disabled]=\"disabled\"\n        label=\"Wednesday\"\n        [(ngModel)]=\"state.weekly.WED\">\n      </cps-checkbox>\n      <cps-checkbox\n        (valueChanged)=\"regenerateCron()\"\n        [disabled]=\"disabled\"\n        label=\"Thursday\"\n        [(ngModel)]=\"state.weekly.THU\">\n      </cps-checkbox>\n      <cps-checkbox\n        (valueChanged)=\"regenerateCron()\"\n        [disabled]=\"disabled\"\n        label=\"Friday\"\n        [(ngModel)]=\"state.weekly.FRI\">\n      </cps-checkbox>\n      <cps-checkbox\n        (valueChanged)=\"regenerateCron()\"\n        [disabled]=\"disabled\"\n        label=\"Saturday\"\n        [(ngModel)]=\"state.weekly.SAT\">\n      </cps-checkbox>\n      <cps-checkbox\n        (valueChanged)=\"regenerateCron()\"\n        [disabled]=\"disabled\"\n        label=\"Sunday\"\n        [(ngModel)]=\"state.weekly.SUN\">\n      </cps-checkbox>\n    </div>\n    <div class=\"cps-scheduler-tab-pane-row\">\n      at\n      <cps-timepicker\n        [disabled]=\"disabled\"\n        [use24HourTime]=\"use24HourTime\"\n        [mandatoryValue]=\"true\"\n        [value]=\"formatTimeValue(state.weekly)\"\n        [hideDetails]=\"true\"\n        (valueChanged)=\"onTimeChanged($event, state.weekly)\">\n      </cps-timepicker>\n    </div>\n  </div>\n\n  <div *ngSwitchCase=\"'Monthly'\" class=\"cps-scheduler-tab-pane\">\n    <cps-radio-group\n      [hideDetails]=\"true\"\n      [(ngModel)]=\"state.monthly.subTab\"\n      (valueChanged)=\"regenerateCron()\"\n      [vertical]=\"true\">\n      <cps-radio [option]=\"{ value: 'specificDay', disabled: disabled }\">\n        <div\n          class=\"cps-scheduler-tab-pane-row\"\n          [ngClass]=\"{\n            'cps-scheduler-tab-pane-row-disabled':\n              state.monthly.subTab !== 'specificDay'\n          }\">\n          On the\n          <cps-select\n            width=\"120px\"\n            [disabled]=\"disabled || state.monthly.subTab !== 'specificDay'\"\n            [returnObject]=\"false\"\n            [hideDetails]=\"true\"\n            (valueChanged)=\"regenerateCron()\"\n            [(ngModel)]=\"state.monthly.specificDay.day\"\n            [options]=\"selectOptions.monthDaysWithLasts\"\n            class=\"cps-scheduler-select-control\">\n          </cps-select>\n          of every\n          <cps-select\n            width=\"70px\"\n            [disabled]=\"disabled || state.monthly.subTab !== 'specificDay'\"\n            [returnObject]=\"false\"\n            [hideDetails]=\"true\"\n            (valueChanged)=\"regenerateCron()\"\n            [(ngModel)]=\"state.monthly.specificDay.months\"\n            [options]=\"selectOptions.monthsNumeric\"\n            class=\"cps-scheduler-select-control\">\n          </cps-select>\n          month(s) at\n          <cps-timepicker\n            [disabled]=\"disabled || state.monthly.subTab !== 'specificDay'\"\n            [use24HourTime]=\"use24HourTime\"\n            [mandatoryValue]=\"true\"\n            [value]=\"formatTimeValue(state.monthly.specificDay)\"\n            [hideDetails]=\"true\"\n            (valueChanged)=\"onTimeChanged($event, state.monthly.specificDay)\">\n          </cps-timepicker>\n          <cps-checkbox\n            (valueChanged)=\"regenerateCron()\"\n            [disabled]=\"disabled || state.monthly.subTab !== 'specificDay'\"\n            label=\"During the nearest weekday\"\n            [(ngModel)]=\"state.monthly.runOnWeekday\"\n            class=\"cps-scheduler-nearest-weekday-checkbox\">\n          </cps-checkbox>\n        </div>\n      </cps-radio>\n\n      <cps-radio [option]=\"{ value: 'specificWeekDay', disabled: disabled }\">\n        <div\n          class=\"cps-scheduler-tab-pane-row\"\n          [ngClass]=\"{\n            'cps-scheduler-tab-pane-row-disabled':\n              state.monthly.subTab !== 'specificWeekDay'\n          }\">\n          On the\n          <cps-select\n            width=\"106px\"\n            [disabled]=\"disabled || state.monthly.subTab !== 'specificWeekDay'\"\n            [returnObject]=\"false\"\n            [hideDetails]=\"true\"\n            (valueChanged)=\"regenerateCron()\"\n            [(ngModel)]=\"state.monthly.specificWeekDay.monthWeek\"\n            [options]=\"selectOptions.monthWeeks\"\n            class=\"cps-scheduler-select-control\">\n          </cps-select>\n          <cps-select\n            width=\"130px\"\n            [disabled]=\"disabled || state.monthly.subTab !== 'specificWeekDay'\"\n            [returnObject]=\"false\"\n            [hideDetails]=\"true\"\n            (valueChanged)=\"regenerateCron()\"\n            [(ngModel)]=\"state.monthly.specificWeekDay.day\"\n            [options]=\"selectOptions.days\"\n            class=\"cps-scheduler-select-control\">\n          </cps-select>\n          of every\n          <cps-select\n            width=\"90px\"\n            [disabled]=\"disabled || state.monthly.subTab !== 'specificWeekDay'\"\n            [returnObject]=\"false\"\n            [hideDetails]=\"true\"\n            (valueChanged)=\"regenerateCron()\"\n            [(ngModel)]=\"state.monthly.specificWeekDay.months\"\n            [options]=\"selectOptions.monthsNumeric\"\n            class=\"cps-scheduler-select-control\">\n          </cps-select>\n          month(s) starting in\n          <cps-select\n            width=\"120px\"\n            [disabled]=\"disabled || state.monthly.subTab !== 'specificWeekDay'\"\n            [returnObject]=\"false\"\n            [hideDetails]=\"true\"\n            (valueChanged)=\"regenerateCron()\"\n            [(ngModel)]=\"state.monthly.specificWeekDay.startMonth\"\n            [options]=\"selectOptions.months\"\n            class=\"cps-scheduler-select-control\">\n          </cps-select>\n          at\n          <cps-timepicker\n            [disabled]=\"disabled || state.monthly.subTab !== 'specificWeekDay'\"\n            [use24HourTime]=\"use24HourTime\"\n            [mandatoryValue]=\"true\"\n            [value]=\"formatTimeValue(state.monthly.specificWeekDay)\"\n            [hideDetails]=\"true\"\n            (valueChanged)=\"\n              onTimeChanged($event, state.monthly.specificWeekDay)\n            \">\n          </cps-timepicker>\n        </div>\n      </cps-radio>\n    </cps-radio-group>\n  </div>\n\n  <div *ngSwitchCase=\"'Yearly'\" class=\"cps-scheduler-tab-pane\">\n    <cps-radio-group\n      [hideDetails]=\"true\"\n      [(ngModel)]=\"state.yearly.subTab\"\n      (valueChanged)=\"regenerateCron()\"\n      [vertical]=\"true\">\n      <cps-radio [option]=\"{ value: 'specificMonthDay', disabled: disabled }\">\n        <div\n          class=\"cps-scheduler-tab-pane-row\"\n          [ngClass]=\"{\n            'cps-scheduler-tab-pane-row-disabled':\n              state.yearly.subTab !== 'specificMonthDay'\n          }\">\n          Every\n          <cps-select\n            width=\"120px\"\n            [disabled]=\"disabled || state.yearly.subTab !== 'specificMonthDay'\"\n            [returnObject]=\"false\"\n            [hideDetails]=\"true\"\n            (valueChanged)=\"regenerateCron()\"\n            [(ngModel)]=\"state.yearly.specificMonthDay.month\"\n            [options]=\"selectOptions.months\"\n            class=\"cps-scheduler-select-control\">\n          </cps-select>\n          on the\n          <cps-select\n            width=\"120px\"\n            [disabled]=\"disabled || state.yearly.subTab !== 'specificMonthDay'\"\n            [returnObject]=\"false\"\n            [hideDetails]=\"true\"\n            (valueChanged)=\"regenerateCron()\"\n            [(ngModel)]=\"state.yearly.specificMonthDay.day\"\n            [options]=\"selectOptions.monthDaysWithLasts\"\n            class=\"cps-scheduler-select-control\">\n          </cps-select>\n          at\n          <cps-timepicker\n            [disabled]=\"disabled || state.yearly.subTab !== 'specificMonthDay'\"\n            [use24HourTime]=\"use24HourTime\"\n            [mandatoryValue]=\"true\"\n            [value]=\"formatTimeValue(state.yearly.specificMonthDay)\"\n            [hideDetails]=\"true\"\n            (valueChanged)=\"\n              onTimeChanged($event, state.yearly.specificMonthDay)\n            \">\n          </cps-timepicker>\n          <cps-checkbox\n            (valueChanged)=\"regenerateCron()\"\n            [disabled]=\"disabled || state.yearly.subTab !== 'specificMonthDay'\"\n            label=\"During the nearest weekday\"\n            [(ngModel)]=\"state.yearly.runOnWeekday\"\n            class=\"cps-scheduler-nearest-weekday-checkbox\">\n          </cps-checkbox>\n        </div>\n      </cps-radio>\n\n      <cps-radio [option]=\"{ value: 'specificMonthWeek', disabled: disabled }\">\n        <div\n          class=\"cps-scheduler-tab-pane-row\"\n          [ngClass]=\"{\n            'cps-scheduler-tab-pane-row-disabled':\n              state.yearly.subTab !== 'specificMonthWeek'\n          }\">\n          On the\n          <cps-select\n            width=\"106px\"\n            [disabled]=\"disabled || state.yearly.subTab !== 'specificMonthWeek'\"\n            [returnObject]=\"false\"\n            [hideDetails]=\"true\"\n            (valueChanged)=\"regenerateCron()\"\n            [(ngModel)]=\"state.yearly.specificMonthWeek.monthWeek\"\n            [options]=\"selectOptions.monthWeeks\"\n            class=\"cps-scheduler-select-control\">\n          </cps-select>\n          <cps-select\n            width=\"120px\"\n            [disabled]=\"disabled || state.yearly.subTab !== 'specificMonthWeek'\"\n            [returnObject]=\"false\"\n            [hideDetails]=\"true\"\n            (valueChanged)=\"regenerateCron()\"\n            [(ngModel)]=\"state.yearly.specificMonthWeek.day\"\n            [options]=\"selectOptions.days\"\n            class=\"cps-scheduler-select-control\">\n          </cps-select>\n          of\n          <cps-select\n            width=\"120px\"\n            [disabled]=\"disabled || state.yearly.subTab !== 'specificMonthWeek'\"\n            [returnObject]=\"false\"\n            [hideDetails]=\"true\"\n            (valueChanged)=\"regenerateCron()\"\n            [(ngModel)]=\"state.yearly.specificMonthWeek.month\"\n            [options]=\"selectOptions.months\"\n            class=\"cps-scheduler-select-control\">\n          </cps-select>\n          at\n          <cps-timepicker\n            [disabled]=\"disabled || state.yearly.subTab !== 'specificMonthWeek'\"\n            [use24HourTime]=\"use24HourTime\"\n            [mandatoryValue]=\"true\"\n            [value]=\"formatTimeValue(state.yearly.specificMonthWeek)\"\n            [hideDetails]=\"true\"\n            (valueChanged)=\"\n              onTimeChanged($event, state.yearly.specificMonthWeek)\n            \">\n          </cps-timepicker>\n        </div>\n      </cps-radio>\n    </cps-radio-group>\n  </div>\n\n  <div *ngSwitchCase=\"'Advanced'\">\n    <form [formGroup]=\"form\">\n      <cps-input\n        label=\"\"\n        [disabled]=\"disabled\"\n        width=\"500px\"\n        placeholder=\"Please enter\"\n        formControlName=\"advanced\"\n        (valueChanged)=\"regenerateCron()\">\n      </cps-input>\n    </form>\n  </div>\n  <div class=\"cps-scheduler-time-zone\" *ngIf=\"cron && showTimeZone\">\n    <cps-autocomplete\n      label=\"Time zone\"\n      [(ngModel)]=\"timeZone\"\n      (valueChanged)=\"onTimeZoneChanged($event)\"\n      [returnObject]=\"false\"\n      width=\"300\"\n      [options]=\"timeZoneOptions\"></cps-autocomplete>\n  </div>\n</div>\n", styles: [":host .cps-scheduler-selector{margin-bottom:24px}:host .cps-scheduler-container{margin-top:10px;margin-left:16px}:host .cps-scheduler-container .cps-scheduler-select-control{margin-left:8px;margin-right:8px}:host .cps-scheduler-container .cps-scheduler-days-checkbox-group{max-width:700px;display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));grid-template-rows:1fr 1fr;grid-gap:20px;margin-bottom:16px}:host .cps-scheduler-container .cps-scheduler-tab-pane{margin-bottom:28px}:host .cps-scheduler-container .cps-scheduler-tab-pane cps-radio-group ::ng-deep .cps-radio-group-content{margin-left:0!important}:host .cps-scheduler-container .cps-scheduler-tab-pane .cps-scheduler-tab-pane-row{display:flex;align-items:center}:host .cps-scheduler-container .cps-scheduler-tab-pane .cps-scheduler-tab-pane-row-disabled{color:var(--cps-color-text-light)}:host .cps-scheduler-container .cps-scheduler-tab-pane .cps-scheduler-nearest-weekday-checkbox{margin-left:16px}:host .cps-scheduler-container .cps-scheduler-tab-pane cps-timepicker{margin-left:8px}:host .cps-scheduler-container-disabled{color:var(--cps-color-text-light)}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: i2.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "component", type: CpsButtonToggleComponent, selector: "cps-button-toggle", inputs: ["label", "options", "multiple", "disabled", "mandatory", "equalWidths", "optionTooltipPosition", "infoTooltip", "infoTooltipClass", "infoTooltipMaxWidth", "infoTooltipPersistent", "infoTooltipPosition", "value"], outputs: ["valueChanged"] }, { kind: "component", type: CpsSelectComponent, selector: "cps-select", inputs: ["label", "placeholder", "hint", "returnObject", "multiple", "disabled", "width", "selectAll", "chips", "closableChips", "clearable", "openOnClear", "options", "keepInitialOrder", "optionLabel", "optionValue", "optionInfo", "optionIcon", "optionIconColor", "hideDetails", "persistentClear", "prefixIcon", "prefixIconSize", "loading", "virtualScroll", "numToleratedItems", "infoTooltip", "infoTooltipClass", "infoTooltipMaxWidth", "infoTooltipPersistent", "infoTooltipPosition", "optionsClass", "appearance", "showChevron", "value"], outputs: ["valueChanged", "focused", "blurred"] }, { kind: "component", type: CpsRadioGroupComponent, selector: "cps-radio-group", inputs: ["options", "groupLabel", "vertical", "disabled", "infoTooltip", "infoTooltipClass", "infoTooltipMaxWidth", "infoTooltipPersistent", "infoTooltipPosition", "hint", "hideDetails", "value"], outputs: ["valueChanged", "blurred", "focused"] }, { kind: "component", type: CpsRadioComponent, selector: "cps-radio", inputs: ["option"] }, { kind: "component", type: CpsCheckboxComponent, selector: "cps-checkbox", inputs: ["label", "disabled", "infoTooltip", "infoTooltipClass", "infoTooltipMaxWidth", "infoTooltipPersistent", "infoTooltipPosition", "icon", "iconColor", "value"], outputs: ["valueChanged"] }, { kind: "component", type: CpsInputComponent, selector: "cps-input", inputs: ["label", "hint", "placeholder", "disabled", "readonly", "width", "type", "loading", "clearable", "prefixIcon", "prefixIconClickable", "prefixIconSize", "prefixText", "hideDetails", "persistentClear", "error", "infoTooltip", "infoTooltipClass", "infoTooltipMaxWidth", "infoTooltipPersistent", "infoTooltipPosition", "appearance", "valueToDisplay", "value"], outputs: ["valueChanged", "focused", "prefixIconClicked", "blurred", "cleared", "enterClicked"] }, { kind: "component", type: CpsTimepickerComponent, selector: "cps-timepicker", inputs: ["label", "disabled", "use24HourTime", "withSeconds", "hint", "hideDetails", "infoTooltip", "infoTooltipClass", "infoTooltipMaxWidth", "infoTooltipPersistent", "infoTooltipPosition", "mandatoryValue", "value"], outputs: ["valueChanged", "focused", "blurred"] }, { kind: "component", type: CpsAutocompleteComponent, selector: "cps-autocomplete", inputs: ["label", "placeholder", "hint", "returnObject", "multiple", "disabled", "width", "selectAll", "showChevron", "withOptionsAliases", "useOptionsAliasesWhenNoMatch", "optionAlias", "chips", "closableChips", "clearable", "openOnClear", "keepInitialOrder", "optionLabel", "optionValue", "optionInfo", "hideDetails", "persistentClear", "prefixIcon", "prefixIconSize", "loading", "loadingMessage", "showLoadingMessage", "emptyMessage", "showEmptyMessage", "virtualScroll", "numToleratedItems", "externalError", "infoTooltip", "infoTooltipClass", "infoTooltipMaxWidth", "infoTooltipPersistent", "infoTooltipPosition", "appearance", "emptyOptionIndex", "inputChangeDebounceTime", "validating", "value", "options"], outputs: ["valueChanged", "inputChanged", "focused", "blurred"] }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.1", ngImport: i0, type: CpsSchedulerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.2.1", type: CpsSchedulerComponent, isStandalone: true, selector: "cps-scheduler", inputs: { label: "label", cron: "cron", timeZone: "timeZone", showNotSet: "showNotSet", showAdvanced: "showAdvanced", showMinutes: "showMinutes", showTimeZone: "showTimeZone", defaultTime: "defaultTime", use24HourTime: "use24HourTime", disabled: "disabled", infoTooltip: "infoTooltip" }, outputs: { cronChange: "cronChange", timeZoneChange: "timeZoneChange" }, usesOnChanges: true, ngImport: i0, template: "<div class=\"cps-scheduler-selector\">\n  <cps-button-toggle\n    data-cy=\"schedule-type-toggle\"\n    [options]=\"scheduleTypes\"\n    [disabled]=\"disabled\"\n    [label]=\"label\"\n    [infoTooltip]=\"infoTooltip\"\n    [(ngModel)]=\"activeScheduleType\"\n    (ngModelChange)=\"setActiveScheduleType($event)\">\n  </cps-button-toggle>\n</div>\n\n<div\n  [ngSwitch]=\"activeScheduleType\"\n  class=\"cps-scheduler-container\"\n  [class.cps-scheduler-container-disabled]=\"disabled\">\n  <div\n    *ngSwitchCase=\"'Not set'\"\n    class=\"cps-scheduler-tab-pane\"\n    data-cy=\"not-set-config\"></div>\n\n  <div\n    *ngSwitchCase=\"'Minutes'\"\n    class=\"cps-scheduler-tab-pane\"\n    data-cy=\"minutes-config\">\n    <div class=\"cps-scheduler-tab-pane-row\">\n      Every\n      <cps-select\n        width=\"70px\"\n        [disabled]=\"disabled\"\n        [returnObject]=\"false\"\n        [hideDetails]=\"true\"\n        data-cy=\"minutes-input\"\n        (valueChanged)=\"regenerateCron()\"\n        [(ngModel)]=\"state.minutes.minutes\"\n        [options]=\"selectOptions.minutes\"\n        class=\"cps-scheduler-select-control\">\n      </cps-select>\n      minute(s)\n    </div>\n  </div>\n\n  <div\n    *ngSwitchCase=\"'Hourly'\"\n    class=\"cps-scheduler-tab-pane\"\n    data-cy=\"hourly-config\">\n    <div class=\"cps-scheduler-tab-pane-row\">\n      Every\n      <cps-select\n        width=\"70px\"\n        [disabled]=\"disabled\"\n        [returnObject]=\"false\"\n        [hideDetails]=\"true\"\n        data-cy=\"hourly-hours-input\"\n        (valueChanged)=\"regenerateCron()\"\n        [(ngModel)]=\"state.hourly.hours\"\n        [options]=\"selectOptions.hours\"\n        class=\"cps-scheduler-select-control\">\n      </cps-select>\n      hour(s) on minute\n      <cps-select\n        width=\"70px\"\n        [disabled]=\"disabled\"\n        [returnObject]=\"false\"\n        [hideDetails]=\"true\"\n        data-cy=\"hourly-minutes-input\"\n        (valueChanged)=\"regenerateCron()\"\n        [(ngModel)]=\"state.hourly.minutes\"\n        [options]=\"selectOptions.fullMinutes\"\n        class=\"cps-scheduler-select-control\">\n      </cps-select>\n    </div>\n  </div>\n\n  <div\n    *ngSwitchCase=\"'Daily'\"\n    class=\"cps-scheduler-tab-pane\"\n    data-cy=\"daily-config\">\n    <cps-radio-group\n      [hideDetails]=\"true\"\n      [(ngModel)]=\"state.daily.subTab\"\n      (valueChanged)=\"regenerateCron()\"\n      [vertical]=\"true\">\n      <cps-radio\n        [option]=\"{ value: 'everyDays', disabled: disabled }\"\n        data-cy=\"daily-subtab-everyDays\">\n        <div\n          class=\"cps-scheduler-tab-pane-row\"\n          [class.cps-scheduler-tab-pane-row-disabled]=\"\n            state.daily.subTab !== 'everyDays'\n          \">\n          Every\n          <cps-select\n            width=\"70px\"\n            data-cy=\"daily-every-days-input\"\n            [disabled]=\"disabled || state.daily.subTab !== 'everyDays'\"\n            [returnObject]=\"false\"\n            [hideDetails]=\"true\"\n            (valueChanged)=\"regenerateCron()\"\n            [(ngModel)]=\"state.daily.everyDays.days\"\n            [options]=\"selectOptions.monthDays\"\n            class=\"cps-scheduler-select-control\">\n          </cps-select>\n          day(s) at\n          <cps-timepicker\n            data-cy=\"daily-timepicker\"\n            [disabled]=\"disabled || state.daily.subTab !== 'everyDays'\"\n            [use24HourTime]=\"use24HourTime\"\n            [mandatoryValue]=\"true\"\n            [value]=\"formatTimeValue(state.daily.everyDays)\"\n            [hideDetails]=\"true\"\n            (valueChanged)=\"onTimeChanged($event, state.daily.everyDays)\">\n          </cps-timepicker>\n        </div>\n      </cps-radio>\n      <cps-radio\n        data-cy=\"daily-subtab-everyWeekDay\"\n        [option]=\"{ value: 'everyWeekDay', disabled: disabled }\">\n        <div\n          class=\"cps-scheduler-tab-pane-row\"\n          data-cy=\"daily-weekday-config\"\n          [class.cps-scheduler-tab-pane-row-disabled]=\"\n            state.daily.subTab !== 'everyWeekDay'\n          \">\n          Every working day at\n          <cps-timepicker\n            [disabled]=\"disabled || state.daily.subTab !== 'everyWeekDay'\"\n            [use24HourTime]=\"use24HourTime\"\n            [mandatoryValue]=\"true\"\n            [value]=\"formatTimeValue(state.daily.everyWeekDay)\"\n            [hideDetails]=\"true\"\n            (valueChanged)=\"onTimeChanged($event, state.daily.everyWeekDay)\">\n          </cps-timepicker>\n        </div>\n      </cps-radio>\n    </cps-radio-group>\n  </div>\n\n  <div\n    *ngSwitchCase=\"'Weekly'\"\n    class=\"cps-scheduler-tab-pane\"\n    data-cy=\"weekly-config\">\n    <div class=\"cps-scheduler-days-checkbox-group\">\n      <cps-checkbox\n        (valueChanged)=\"regenerateCron()\"\n        [disabled]=\"disabled\"\n        data-cy=\"weekly-MON\"\n        label=\"Monday\"\n        [(ngModel)]=\"state.weekly.MON\">\n      </cps-checkbox>\n      <cps-checkbox\n        (valueChanged)=\"regenerateCron()\"\n        [disabled]=\"disabled\"\n        data-cy=\"weekly-TUE\"\n        label=\"Tuesday\"\n        [(ngModel)]=\"state.weekly.TUE\">\n      </cps-checkbox>\n      <cps-checkbox\n        (valueChanged)=\"regenerateCron()\"\n        [disabled]=\"disabled\"\n        data-cy=\"weekly-WED\"\n        label=\"Wednesday\"\n        [(ngModel)]=\"state.weekly.WED\">\n      </cps-checkbox>\n      <cps-checkbox\n        (valueChanged)=\"regenerateCron()\"\n        [disabled]=\"disabled\"\n        data-cy=\"weekly-THU\"\n        label=\"Thursday\"\n        [(ngModel)]=\"state.weekly.THU\">\n      </cps-checkbox>\n      <cps-checkbox\n        (valueChanged)=\"regenerateCron()\"\n        [disabled]=\"disabled\"\n        data-cy=\"weekly-FRI\"\n        label=\"Friday\"\n        [(ngModel)]=\"state.weekly.FRI\">\n      </cps-checkbox>\n      <cps-checkbox\n        (valueChanged)=\"regenerateCron()\"\n        [disabled]=\"disabled\"\n        data-cy=\"weekly-SAT\"\n        label=\"Saturday\"\n        [(ngModel)]=\"state.weekly.SAT\">\n      </cps-checkbox>\n      <cps-checkbox\n        (valueChanged)=\"regenerateCron()\"\n        [disabled]=\"disabled\"\n        data-cy=\"weekly-SUN\"\n        label=\"Sunday\"\n        [(ngModel)]=\"state.weekly.SUN\">\n      </cps-checkbox>\n    </div>\n    <div class=\"cps-scheduler-tab-pane-row\">\n      at\n      <cps-timepicker\n        [disabled]=\"disabled\"\n        data-cy=\"weekly-timepicker\"\n        [use24HourTime]=\"use24HourTime\"\n        [mandatoryValue]=\"true\"\n        [value]=\"formatTimeValue(state.weekly)\"\n        [hideDetails]=\"true\"\n        (valueChanged)=\"onTimeChanged($event, state.weekly)\">\n      </cps-timepicker>\n    </div>\n  </div>\n\n  <div\n    *ngSwitchCase=\"'Monthly'\"\n    class=\"cps-scheduler-tab-pane\"\n    data-cy=\"monthly-config\">\n    <cps-radio-group\n      [hideDetails]=\"true\"\n      [(ngModel)]=\"state.monthly.subTab\"\n      (valueChanged)=\"regenerateCron()\"\n      [vertical]=\"true\">\n      <cps-radio\n        [option]=\"{ value: 'specificDay', disabled: disabled }\"\n        data-cy=\"monthly-subtab-specificDay\">\n        <div\n          class=\"cps-scheduler-tab-pane-row\"\n          [class.cps-scheduler-tab-pane-row-disabled]=\"\n            state.monthly.subTab !== 'specificDay'\n          \">\n          On the\n          <cps-select\n            width=\"120px\"\n            data-cy=\"monthly-day-select\"\n            [disabled]=\"disabled || state.monthly.subTab !== 'specificDay'\"\n            [returnObject]=\"false\"\n            [hideDetails]=\"true\"\n            (valueChanged)=\"regenerateCron()\"\n            [(ngModel)]=\"state.monthly.specificDay.day\"\n            [options]=\"selectOptions.monthDaysWithLasts\"\n            class=\"cps-scheduler-select-control\">\n          </cps-select>\n          of every\n          <cps-select\n            width=\"70px\"\n            data-cy=\"monthly-months-input\"\n            [disabled]=\"disabled || state.monthly.subTab !== 'specificDay'\"\n            [returnObject]=\"false\"\n            [hideDetails]=\"true\"\n            (valueChanged)=\"regenerateCron()\"\n            [(ngModel)]=\"state.monthly.specificDay.months\"\n            [options]=\"selectOptions.monthsNumeric\"\n            class=\"cps-scheduler-select-control\">\n          </cps-select>\n          month(s) at\n          <cps-timepicker\n            [disabled]=\"disabled || state.monthly.subTab !== 'specificDay'\"\n            [use24HourTime]=\"use24HourTime\"\n            [mandatoryValue]=\"true\"\n            [value]=\"formatTimeValue(state.monthly.specificDay)\"\n            [hideDetails]=\"true\"\n            (valueChanged)=\"onTimeChanged($event, state.monthly.specificDay)\">\n          </cps-timepicker>\n          <cps-checkbox\n            data-cy=\"monthly-weekday-toggle\"\n            (valueChanged)=\"regenerateCron()\"\n            [disabled]=\"disabled || state.monthly.subTab !== 'specificDay'\"\n            label=\"During the nearest weekday\"\n            [(ngModel)]=\"state.monthly.runOnWeekday\"\n            class=\"cps-scheduler-nearest-weekday-checkbox\">\n          </cps-checkbox>\n        </div>\n      </cps-radio>\n\n      <cps-radio\n        [option]=\"{ value: 'specificWeekDay', disabled: disabled }\"\n        data-cy=\"monthly-subtab-specificWeekDay\">\n        <div\n          class=\"cps-scheduler-tab-pane-row\"\n          [class.cps-scheduler-tab-pane-row-disabled]=\"\n            state.monthly.subTab !== 'specificWeekDay'\n          \">\n          On the\n          <cps-select\n            width=\"106px\"\n            data-cy=\"monthly-week-select\"\n            [disabled]=\"disabled || state.monthly.subTab !== 'specificWeekDay'\"\n            [returnObject]=\"false\"\n            [hideDetails]=\"true\"\n            (valueChanged)=\"regenerateCron()\"\n            [(ngModel)]=\"state.monthly.specificWeekDay.monthWeek\"\n            [options]=\"selectOptions.monthWeeks\"\n            class=\"cps-scheduler-select-control\">\n          </cps-select>\n          <cps-select\n            width=\"130px\"\n            data-cy=\"monthly-weekday-select\"\n            [disabled]=\"disabled || state.monthly.subTab !== 'specificWeekDay'\"\n            [returnObject]=\"false\"\n            [hideDetails]=\"true\"\n            (valueChanged)=\"regenerateCron()\"\n            [(ngModel)]=\"state.monthly.specificWeekDay.day\"\n            [options]=\"selectOptions.days\"\n            class=\"cps-scheduler-select-control\">\n          </cps-select>\n          of every\n          <cps-select\n            width=\"90px\"\n            [disabled]=\"disabled || state.monthly.subTab !== 'specificWeekDay'\"\n            [returnObject]=\"false\"\n            [hideDetails]=\"true\"\n            (valueChanged)=\"regenerateCron()\"\n            data-cy=\"monthly-weekday-months-input\"\n            [(ngModel)]=\"state.monthly.specificWeekDay.months\"\n            [options]=\"selectOptions.monthsNumeric\"\n            class=\"cps-scheduler-select-control\">\n          </cps-select>\n          month(s) starting in\n          <cps-select\n            width=\"120px\"\n            [disabled]=\"disabled || state.monthly.subTab !== 'specificWeekDay'\"\n            [returnObject]=\"false\"\n            [hideDetails]=\"true\"\n            data-cy=\"monthly-weekday-start-month-select\"\n            (valueChanged)=\"regenerateCron()\"\n            [(ngModel)]=\"state.monthly.specificWeekDay.startMonth\"\n            [options]=\"selectOptions.months\"\n            class=\"cps-scheduler-select-control\">\n          </cps-select>\n          at\n          <cps-timepicker\n            [disabled]=\"disabled || state.monthly.subTab !== 'specificWeekDay'\"\n            [use24HourTime]=\"use24HourTime\"\n            [mandatoryValue]=\"true\"\n            data-cy=\"monthly-weekday-timepicker\"\n            [value]=\"formatTimeValue(state.monthly.specificWeekDay)\"\n            [hideDetails]=\"true\"\n            (valueChanged)=\"\n              onTimeChanged($event, state.monthly.specificWeekDay)\n            \">\n          </cps-timepicker>\n        </div>\n      </cps-radio>\n    </cps-radio-group>\n  </div>\n\n  <div\n    *ngSwitchCase=\"'Yearly'\"\n    class=\"cps-scheduler-tab-pane\"\n    data-cy=\"yearly-config\">\n    <cps-radio-group\n      [hideDetails]=\"true\"\n      [(ngModel)]=\"state.yearly.subTab\"\n      (valueChanged)=\"regenerateCron()\"\n      [vertical]=\"true\">\n      <cps-radio\n        [option]=\"{ value: 'specificMonthDay', disabled: disabled }\"\n        data-cy=\"yearly-subtab-specificMonthDay\">\n        <div\n          class=\"cps-scheduler-tab-pane-row\"\n          [class.cps-scheduler-tab-pane-row-disabled]=\"\n            state.yearly.subTab !== 'specificMonthDay'\n          \">\n          Every\n          <cps-select\n            width=\"120px\"\n            [disabled]=\"disabled || state.yearly.subTab !== 'specificMonthDay'\"\n            [returnObject]=\"false\"\n            [hideDetails]=\"true\"\n            (valueChanged)=\"regenerateCron()\"\n            [(ngModel)]=\"state.yearly.specificMonthDay.month\"\n            [options]=\"selectOptions.months\"\n            data-cy=\"yearly-month-select\"\n            class=\"cps-scheduler-select-control\">\n          </cps-select>\n          on the\n          <cps-select\n            width=\"120px\"\n            data-cy=\"yearly-day-select\"\n            [disabled]=\"disabled || state.yearly.subTab !== 'specificMonthDay'\"\n            [returnObject]=\"false\"\n            [hideDetails]=\"true\"\n            (valueChanged)=\"regenerateCron()\"\n            [(ngModel)]=\"state.yearly.specificMonthDay.day\"\n            [options]=\"selectOptions.monthDaysWithLasts\"\n            class=\"cps-scheduler-select-control\">\n          </cps-select>\n          at\n          <cps-timepicker\n            [disabled]=\"disabled || state.yearly.subTab !== 'specificMonthDay'\"\n            [use24HourTime]=\"use24HourTime\"\n            [mandatoryValue]=\"true\"\n            [value]=\"formatTimeValue(state.yearly.specificMonthDay)\"\n            [hideDetails]=\"true\"\n            (valueChanged)=\"\n              onTimeChanged($event, state.yearly.specificMonthDay)\n            \">\n          </cps-timepicker>\n          <cps-checkbox\n            data-cy=\"yearly-weekday-toggle\"\n            (valueChanged)=\"regenerateCron()\"\n            [disabled]=\"disabled || state.yearly.subTab !== 'specificMonthDay'\"\n            label=\"During the nearest weekday\"\n            [(ngModel)]=\"state.yearly.runOnWeekday\"\n            class=\"cps-scheduler-nearest-weekday-checkbox\">\n          </cps-checkbox>\n        </div>\n      </cps-radio>\n\n      <cps-radio\n        [option]=\"{ value: 'specificMonthWeek', disabled: disabled }\"\n        data-cy=\"yearly-subtab-specificMonthWeek\">\n        <div\n          class=\"cps-scheduler-tab-pane-row\"\n          [class.cps-scheduler-tab-pane-row-disabled]=\"\n            state.yearly.subTab !== 'specificMonthWeek'\n          \">\n          On the\n          <cps-select\n            width=\"106px\"\n            data-cy=\"yearly-week-select\"\n            [disabled]=\"disabled || state.yearly.subTab !== 'specificMonthWeek'\"\n            [returnObject]=\"false\"\n            [hideDetails]=\"true\"\n            (valueChanged)=\"regenerateCron()\"\n            [(ngModel)]=\"state.yearly.specificMonthWeek.monthWeek\"\n            [options]=\"selectOptions.monthWeeks\"\n            class=\"cps-scheduler-select-control\">\n          </cps-select>\n          <cps-select\n            width=\"120px\"\n            data-cy=\"yearly-weekday-select\"\n            [disabled]=\"disabled || state.yearly.subTab !== 'specificMonthWeek'\"\n            [returnObject]=\"false\"\n            [hideDetails]=\"true\"\n            (valueChanged)=\"regenerateCron()\"\n            [(ngModel)]=\"state.yearly.specificMonthWeek.day\"\n            [options]=\"selectOptions.days\"\n            class=\"cps-scheduler-select-control\">\n          </cps-select>\n          of\n          <cps-select\n            width=\"120px\"\n            [disabled]=\"disabled || state.yearly.subTab !== 'specificMonthWeek'\"\n            [returnObject]=\"false\"\n            [hideDetails]=\"true\"\n            (valueChanged)=\"regenerateCron()\"\n            [(ngModel)]=\"state.yearly.specificMonthWeek.month\"\n            [options]=\"selectOptions.months\"\n            class=\"cps-scheduler-select-control\">\n          </cps-select>\n          at\n          <cps-timepicker\n            [disabled]=\"disabled || state.yearly.subTab !== 'specificMonthWeek'\"\n            [use24HourTime]=\"use24HourTime\"\n            [mandatoryValue]=\"true\"\n            [value]=\"formatTimeValue(state.yearly.specificMonthWeek)\"\n            [hideDetails]=\"true\"\n            (valueChanged)=\"\n              onTimeChanged($event, state.yearly.specificMonthWeek)\n            \">\n          </cps-timepicker>\n        </div>\n      </cps-radio>\n    </cps-radio-group>\n  </div>\n\n  <div *ngSwitchCase=\"'Advanced'\" data-cy=\"advanced-config\">\n    <form [formGroup]=\"form\">\n      <cps-input\n        label=\"\"\n        data-cy=\"advanced-cron-input\"\n        [disabled]=\"disabled\"\n        width=\"500px\"\n        placeholder=\"Please enter\"\n        formControlName=\"advanced\"\n        (valueChanged)=\"regenerateCron()\">\n      </cps-input>\n    </form>\n  </div>\n\n  <div\n    class=\"cps-scheduler-time-zone\"\n    *ngIf=\"cron && showTimeZone\"\n    data-cy=\"timezone-selector\">\n    <cps-autocomplete\n      label=\"Time zone\"\n      data-cy=\"timezone-select\"\n      [(ngModel)]=\"timeZone\"\n      (valueChanged)=\"onTimeZoneChanged($event)\"\n      [returnObject]=\"false\"\n      width=\"300\"\n      [options]=\"timeZoneOptions\">\n    </cps-autocomplete>\n  </div>\n</div>\n", styles: [":host .cps-scheduler-selector{margin-bottom:24px}:host .cps-scheduler-container{margin-top:10px;margin-left:16px}:host .cps-scheduler-container .cps-scheduler-select-control{margin-left:8px;margin-right:8px}:host .cps-scheduler-container .cps-scheduler-days-checkbox-group{max-width:700px;display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));grid-template-rows:1fr 1fr;grid-gap:20px;margin-bottom:16px}:host .cps-scheduler-container .cps-scheduler-tab-pane{margin-bottom:28px}:host .cps-scheduler-container .cps-scheduler-tab-pane cps-radio-group ::ng-deep .cps-radio-group-content{margin-left:0!important}:host .cps-scheduler-container .cps-scheduler-tab-pane .cps-scheduler-tab-pane-row{display:flex;align-items:center}:host .cps-scheduler-container .cps-scheduler-tab-pane .cps-scheduler-tab-pane-row-disabled{color:var(--cps-color-text-light)}:host .cps-scheduler-container .cps-scheduler-tab-pane .cps-scheduler-nearest-weekday-checkbox{margin-left:16px}:host .cps-scheduler-container .cps-scheduler-tab-pane cps-timepicker{margin-left:8px}:host .cps-scheduler-container-disabled{color:var(--cps-color-text-light)}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: i2.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "component", type: CpsButtonToggleComponent, selector: "cps-button-toggle", inputs: ["label", "options", "multiple", "disabled", "mandatory", "equalWidths", "optionTooltipPosition", "infoTooltip", "infoTooltipClass", "infoTooltipMaxWidth", "infoTooltipPersistent", "infoTooltipPosition", "value"], outputs: ["valueChanged"] }, { kind: "component", type: CpsSelectComponent, selector: "cps-select", inputs: ["label", "placeholder", "hint", "returnObject", "multiple", "disabled", "width", "selectAll", "chips", "closableChips", "clearable", "openOnClear", "options", "keepInitialOrder", "optionLabel", "optionValue", "optionInfo", "optionIcon", "optionIconColor", "hideDetails", "persistentClear", "prefixIcon", "prefixIconSize", "loading", "virtualScroll", "numToleratedItems", "infoTooltip", "infoTooltipClass", "infoTooltipMaxWidth", "infoTooltipPersistent", "infoTooltipPosition", "optionsClass", "appearance", "showChevron", "value"], outputs: ["valueChanged", "focused", "blurred"] }, { kind: "component", type: CpsRadioGroupComponent, selector: "cps-radio-group", inputs: ["options", "groupLabel", "vertical", "disabled", "infoTooltip", "infoTooltipClass", "infoTooltipMaxWidth", "infoTooltipPersistent", "infoTooltipPosition", "hint", "hideDetails", "value"], outputs: ["valueChanged", "blurred", "focused"] }, { kind: "component", type: CpsRadioComponent, selector: "cps-radio", inputs: ["option"] }, { kind: "component", type: CpsCheckboxComponent, selector: "cps-checkbox", inputs: ["label", "disabled", "infoTooltip", "infoTooltipClass", "infoTooltipMaxWidth", "infoTooltipPersistent", "infoTooltipPosition", "icon", "iconColor", "value"], outputs: ["valueChanged"] }, { kind: "component", type: CpsInputComponent, selector: "cps-input", inputs: ["label", "hint", "placeholder", "disabled", "readonly", "width", "type", "loading", "clearable", "prefixIcon", "prefixIconClickable", "prefixIconSize", "prefixText", "hideDetails", "persistentClear", "error", "infoTooltip", "infoTooltipClass", "infoTooltipMaxWidth", "infoTooltipPersistent", "infoTooltipPosition", "appearance", "valueToDisplay", "value"], outputs: ["valueChanged", "focused", "prefixIconClicked", "blurred", "cleared", "enterClicked"] }, { kind: "component", type: CpsTimepickerComponent, selector: "cps-timepicker", inputs: ["label", "disabled", "use24HourTime", "withSeconds", "hint", "hideDetails", "infoTooltip", "infoTooltipClass", "infoTooltipMaxWidth", "infoTooltipPersistent", "infoTooltipPosition", "mandatoryValue", "value"], outputs: ["valueChanged", "focused", "blurred"] }, { kind: "component", type: CpsAutocompleteComponent, selector: "cps-autocomplete", inputs: ["label", "placeholder", "hint", "returnObject", "multiple", "disabled", "width", "selectAll", "showChevron", "withOptionsAliases", "useOptionsAliasesWhenNoMatch", "optionAlias", "chips", "closableChips", "clearable", "openOnClear", "keepInitialOrder", "optionLabel", "optionValue", "optionInfo", "hideDetails", "persistentClear", "prefixIcon", "prefixIconSize", "loading", "loadingMessage", "showLoadingMessage", "emptyMessage", "showEmptyMessage", "virtualScroll", "numToleratedItems", "externalError", "infoTooltip", "infoTooltipClass", "infoTooltipMaxWidth", "infoTooltipPersistent", "infoTooltipPosition", "appearance", "emptyOptionIndex", "inputChangeDebounceTime", "validating", "value", "options"], outputs: ["valueChanged", "inputChanged", "focused", "blurred"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.1", ngImport: i0, type: CpsSchedulerComponent, decorators: [{
             type: Component,
@@ -12960,8 +13403,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.1", ngImpor
                         CpsInputComponent,
                         CpsTimepickerComponent,
                         CpsAutocompleteComponent
-                    ], template: "<div class=\"cps-scheduler-selector\">\n  <cps-button-toggle\n    [options]=\"scheduleTypes\"\n    [disabled]=\"disabled\"\n    [label]=\"label\"\n    [infoTooltip]=\"infoTooltip\"\n    [(ngModel)]=\"activeScheduleType\"\n    (ngModelChange)=\"setActiveScheduleType($event)\">\n  </cps-button-toggle>\n</div>\n\n<div\n  [ngSwitch]=\"activeScheduleType\"\n  class=\"cps-scheduler-container\"\n  [ngClass]=\"{ 'cps-scheduler-container-disabled': disabled }\">\n  <div *ngSwitchCase=\"'Not set'\" class=\"cps-scheduler-tab-pane\"></div>\n\n  <div *ngSwitchCase=\"'Minutes'\" class=\"cps-scheduler-tab-pane\">\n    <div class=\"cps-scheduler-tab-pane-row\">\n      Every\n      <cps-select\n        width=\"70px\"\n        [disabled]=\"disabled\"\n        [returnObject]=\"false\"\n        [hideDetails]=\"true\"\n        (valueChanged)=\"regenerateCron()\"\n        [(ngModel)]=\"state.minutes.minutes\"\n        [options]=\"selectOptions.minutes\"\n        class=\"cps-scheduler-select-control\">\n      </cps-select>\n      minute(s)\n    </div>\n  </div>\n\n  <div *ngSwitchCase=\"'Hourly'\" class=\"cps-scheduler-tab-pane\">\n    <div class=\"cps-scheduler-tab-pane-row\">\n      Every\n      <cps-select\n        width=\"70px\"\n        [disabled]=\"disabled\"\n        [returnObject]=\"false\"\n        [hideDetails]=\"true\"\n        (valueChanged)=\"regenerateCron()\"\n        [(ngModel)]=\"state.hourly.hours\"\n        [options]=\"selectOptions.hours\"\n        class=\"cps-scheduler-select-control\">\n      </cps-select>\n      hour(s) on minute\n      <cps-select\n        width=\"70px\"\n        [disabled]=\"disabled\"\n        [returnObject]=\"false\"\n        [hideDetails]=\"true\"\n        (valueChanged)=\"regenerateCron()\"\n        [(ngModel)]=\"state.hourly.minutes\"\n        [options]=\"selectOptions.fullMinutes\"\n        class=\"cps-scheduler-select-control\">\n      </cps-select>\n    </div>\n  </div>\n\n  <div *ngSwitchCase=\"'Daily'\" class=\"cps-scheduler-tab-pane\">\n    <cps-radio-group\n      [hideDetails]=\"true\"\n      [(ngModel)]=\"state.daily.subTab\"\n      (valueChanged)=\"regenerateCron()\"\n      [vertical]=\"true\">\n      <cps-radio [option]=\"{ value: 'everyDays', disabled: disabled }\">\n        <div\n          class=\"cps-scheduler-tab-pane-row\"\n          [ngClass]=\"{\n            'cps-scheduler-tab-pane-row-disabled':\n              state.daily.subTab !== 'everyDays'\n          }\">\n          Every\n          <cps-select\n            width=\"70px\"\n            [disabled]=\"disabled || state.daily.subTab !== 'everyDays'\"\n            [returnObject]=\"false\"\n            [hideDetails]=\"true\"\n            (valueChanged)=\"regenerateCron()\"\n            [(ngModel)]=\"state.daily.everyDays.days\"\n            [options]=\"selectOptions.monthDays\"\n            class=\"cps-scheduler-select-control\">\n          </cps-select>\n          day(s) at\n          <cps-timepicker\n            [disabled]=\"disabled || state.daily.subTab !== 'everyDays'\"\n            [use24HourTime]=\"use24HourTime\"\n            [mandatoryValue]=\"true\"\n            [value]=\"formatTimeValue(state.daily.everyDays)\"\n            [hideDetails]=\"true\"\n            (valueChanged)=\"onTimeChanged($event, state.daily.everyDays)\">\n          </cps-timepicker>\n        </div>\n      </cps-radio>\n      <cps-radio [option]=\"{ value: 'everyWeekDay', disabled: disabled }\">\n        <div\n          class=\"cps-scheduler-tab-pane-row\"\n          [ngClass]=\"{\n            'cps-scheduler-tab-pane-row-disabled':\n              state.daily.subTab !== 'everyWeekDay'\n          }\">\n          Every working day at\n          <cps-timepicker\n            [disabled]=\"disabled || state.daily.subTab !== 'everyWeekDay'\"\n            [use24HourTime]=\"use24HourTime\"\n            [mandatoryValue]=\"true\"\n            [value]=\"formatTimeValue(state.daily.everyWeekDay)\"\n            [hideDetails]=\"true\"\n            (valueChanged)=\"onTimeChanged($event, state.daily.everyWeekDay)\">\n          </cps-timepicker>\n        </div>\n      </cps-radio>\n    </cps-radio-group>\n  </div>\n\n  <div *ngSwitchCase=\"'Weekly'\" class=\"cps-scheduler-tab-pane\">\n    <div class=\"cps-scheduler-days-checkbox-group\">\n      <cps-checkbox\n        (valueChanged)=\"regenerateCron()\"\n        [disabled]=\"disabled\"\n        label=\"Monday\"\n        [(ngModel)]=\"state.weekly.MON\">\n      </cps-checkbox>\n      <cps-checkbox\n        (valueChanged)=\"regenerateCron()\"\n        [disabled]=\"disabled\"\n        label=\"Tuesday\"\n        [(ngModel)]=\"state.weekly.TUE\">\n      </cps-checkbox>\n      <cps-checkbox\n        (valueChanged)=\"regenerateCron()\"\n        [disabled]=\"disabled\"\n        label=\"Wednesday\"\n        [(ngModel)]=\"state.weekly.WED\">\n      </cps-checkbox>\n      <cps-checkbox\n        (valueChanged)=\"regenerateCron()\"\n        [disabled]=\"disabled\"\n        label=\"Thursday\"\n        [(ngModel)]=\"state.weekly.THU\">\n      </cps-checkbox>\n      <cps-checkbox\n        (valueChanged)=\"regenerateCron()\"\n        [disabled]=\"disabled\"\n        label=\"Friday\"\n        [(ngModel)]=\"state.weekly.FRI\">\n      </cps-checkbox>\n      <cps-checkbox\n        (valueChanged)=\"regenerateCron()\"\n        [disabled]=\"disabled\"\n        label=\"Saturday\"\n        [(ngModel)]=\"state.weekly.SAT\">\n      </cps-checkbox>\n      <cps-checkbox\n        (valueChanged)=\"regenerateCron()\"\n        [disabled]=\"disabled\"\n        label=\"Sunday\"\n        [(ngModel)]=\"state.weekly.SUN\">\n      </cps-checkbox>\n    </div>\n    <div class=\"cps-scheduler-tab-pane-row\">\n      at\n      <cps-timepicker\n        [disabled]=\"disabled\"\n        [use24HourTime]=\"use24HourTime\"\n        [mandatoryValue]=\"true\"\n        [value]=\"formatTimeValue(state.weekly)\"\n        [hideDetails]=\"true\"\n        (valueChanged)=\"onTimeChanged($event, state.weekly)\">\n      </cps-timepicker>\n    </div>\n  </div>\n\n  <div *ngSwitchCase=\"'Monthly'\" class=\"cps-scheduler-tab-pane\">\n    <cps-radio-group\n      [hideDetails]=\"true\"\n      [(ngModel)]=\"state.monthly.subTab\"\n      (valueChanged)=\"regenerateCron()\"\n      [vertical]=\"true\">\n      <cps-radio [option]=\"{ value: 'specificDay', disabled: disabled }\">\n        <div\n          class=\"cps-scheduler-tab-pane-row\"\n          [ngClass]=\"{\n            'cps-scheduler-tab-pane-row-disabled':\n              state.monthly.subTab !== 'specificDay'\n          }\">\n          On the\n          <cps-select\n            width=\"120px\"\n            [disabled]=\"disabled || state.monthly.subTab !== 'specificDay'\"\n            [returnObject]=\"false\"\n            [hideDetails]=\"true\"\n            (valueChanged)=\"regenerateCron()\"\n            [(ngModel)]=\"state.monthly.specificDay.day\"\n            [options]=\"selectOptions.monthDaysWithLasts\"\n            class=\"cps-scheduler-select-control\">\n          </cps-select>\n          of every\n          <cps-select\n            width=\"70px\"\n            [disabled]=\"disabled || state.monthly.subTab !== 'specificDay'\"\n            [returnObject]=\"false\"\n            [hideDetails]=\"true\"\n            (valueChanged)=\"regenerateCron()\"\n            [(ngModel)]=\"state.monthly.specificDay.months\"\n            [options]=\"selectOptions.monthsNumeric\"\n            class=\"cps-scheduler-select-control\">\n          </cps-select>\n          month(s) at\n          <cps-timepicker\n            [disabled]=\"disabled || state.monthly.subTab !== 'specificDay'\"\n            [use24HourTime]=\"use24HourTime\"\n            [mandatoryValue]=\"true\"\n            [value]=\"formatTimeValue(state.monthly.specificDay)\"\n            [hideDetails]=\"true\"\n            (valueChanged)=\"onTimeChanged($event, state.monthly.specificDay)\">\n          </cps-timepicker>\n          <cps-checkbox\n            (valueChanged)=\"regenerateCron()\"\n            [disabled]=\"disabled || state.monthly.subTab !== 'specificDay'\"\n            label=\"During the nearest weekday\"\n            [(ngModel)]=\"state.monthly.runOnWeekday\"\n            class=\"cps-scheduler-nearest-weekday-checkbox\">\n          </cps-checkbox>\n        </div>\n      </cps-radio>\n\n      <cps-radio [option]=\"{ value: 'specificWeekDay', disabled: disabled }\">\n        <div\n          class=\"cps-scheduler-tab-pane-row\"\n          [ngClass]=\"{\n            'cps-scheduler-tab-pane-row-disabled':\n              state.monthly.subTab !== 'specificWeekDay'\n          }\">\n          On the\n          <cps-select\n            width=\"106px\"\n            [disabled]=\"disabled || state.monthly.subTab !== 'specificWeekDay'\"\n            [returnObject]=\"false\"\n            [hideDetails]=\"true\"\n            (valueChanged)=\"regenerateCron()\"\n            [(ngModel)]=\"state.monthly.specificWeekDay.monthWeek\"\n            [options]=\"selectOptions.monthWeeks\"\n            class=\"cps-scheduler-select-control\">\n          </cps-select>\n          <cps-select\n            width=\"130px\"\n            [disabled]=\"disabled || state.monthly.subTab !== 'specificWeekDay'\"\n            [returnObject]=\"false\"\n            [hideDetails]=\"true\"\n            (valueChanged)=\"regenerateCron()\"\n            [(ngModel)]=\"state.monthly.specificWeekDay.day\"\n            [options]=\"selectOptions.days\"\n            class=\"cps-scheduler-select-control\">\n          </cps-select>\n          of every\n          <cps-select\n            width=\"90px\"\n            [disabled]=\"disabled || state.monthly.subTab !== 'specificWeekDay'\"\n            [returnObject]=\"false\"\n            [hideDetails]=\"true\"\n            (valueChanged)=\"regenerateCron()\"\n            [(ngModel)]=\"state.monthly.specificWeekDay.months\"\n            [options]=\"selectOptions.monthsNumeric\"\n            class=\"cps-scheduler-select-control\">\n          </cps-select>\n          month(s) starting in\n          <cps-select\n            width=\"120px\"\n            [disabled]=\"disabled || state.monthly.subTab !== 'specificWeekDay'\"\n            [returnObject]=\"false\"\n            [hideDetails]=\"true\"\n            (valueChanged)=\"regenerateCron()\"\n            [(ngModel)]=\"state.monthly.specificWeekDay.startMonth\"\n            [options]=\"selectOptions.months\"\n            class=\"cps-scheduler-select-control\">\n          </cps-select>\n          at\n          <cps-timepicker\n            [disabled]=\"disabled || state.monthly.subTab !== 'specificWeekDay'\"\n            [use24HourTime]=\"use24HourTime\"\n            [mandatoryValue]=\"true\"\n            [value]=\"formatTimeValue(state.monthly.specificWeekDay)\"\n            [hideDetails]=\"true\"\n            (valueChanged)=\"\n              onTimeChanged($event, state.monthly.specificWeekDay)\n            \">\n          </cps-timepicker>\n        </div>\n      </cps-radio>\n    </cps-radio-group>\n  </div>\n\n  <div *ngSwitchCase=\"'Yearly'\" class=\"cps-scheduler-tab-pane\">\n    <cps-radio-group\n      [hideDetails]=\"true\"\n      [(ngModel)]=\"state.yearly.subTab\"\n      (valueChanged)=\"regenerateCron()\"\n      [vertical]=\"true\">\n      <cps-radio [option]=\"{ value: 'specificMonthDay', disabled: disabled }\">\n        <div\n          class=\"cps-scheduler-tab-pane-row\"\n          [ngClass]=\"{\n            'cps-scheduler-tab-pane-row-disabled':\n              state.yearly.subTab !== 'specificMonthDay'\n          }\">\n          Every\n          <cps-select\n            width=\"120px\"\n            [disabled]=\"disabled || state.yearly.subTab !== 'specificMonthDay'\"\n            [returnObject]=\"false\"\n            [hideDetails]=\"true\"\n            (valueChanged)=\"regenerateCron()\"\n            [(ngModel)]=\"state.yearly.specificMonthDay.month\"\n            [options]=\"selectOptions.months\"\n            class=\"cps-scheduler-select-control\">\n          </cps-select>\n          on the\n          <cps-select\n            width=\"120px\"\n            [disabled]=\"disabled || state.yearly.subTab !== 'specificMonthDay'\"\n            [returnObject]=\"false\"\n            [hideDetails]=\"true\"\n            (valueChanged)=\"regenerateCron()\"\n            [(ngModel)]=\"state.yearly.specificMonthDay.day\"\n            [options]=\"selectOptions.monthDaysWithLasts\"\n            class=\"cps-scheduler-select-control\">\n          </cps-select>\n          at\n          <cps-timepicker\n            [disabled]=\"disabled || state.yearly.subTab !== 'specificMonthDay'\"\n            [use24HourTime]=\"use24HourTime\"\n            [mandatoryValue]=\"true\"\n            [value]=\"formatTimeValue(state.yearly.specificMonthDay)\"\n            [hideDetails]=\"true\"\n            (valueChanged)=\"\n              onTimeChanged($event, state.yearly.specificMonthDay)\n            \">\n          </cps-timepicker>\n          <cps-checkbox\n            (valueChanged)=\"regenerateCron()\"\n            [disabled]=\"disabled || state.yearly.subTab !== 'specificMonthDay'\"\n            label=\"During the nearest weekday\"\n            [(ngModel)]=\"state.yearly.runOnWeekday\"\n            class=\"cps-scheduler-nearest-weekday-checkbox\">\n          </cps-checkbox>\n        </div>\n      </cps-radio>\n\n      <cps-radio [option]=\"{ value: 'specificMonthWeek', disabled: disabled }\">\n        <div\n          class=\"cps-scheduler-tab-pane-row\"\n          [ngClass]=\"{\n            'cps-scheduler-tab-pane-row-disabled':\n              state.yearly.subTab !== 'specificMonthWeek'\n          }\">\n          On the\n          <cps-select\n            width=\"106px\"\n            [disabled]=\"disabled || state.yearly.subTab !== 'specificMonthWeek'\"\n            [returnObject]=\"false\"\n            [hideDetails]=\"true\"\n            (valueChanged)=\"regenerateCron()\"\n            [(ngModel)]=\"state.yearly.specificMonthWeek.monthWeek\"\n            [options]=\"selectOptions.monthWeeks\"\n            class=\"cps-scheduler-select-control\">\n          </cps-select>\n          <cps-select\n            width=\"120px\"\n            [disabled]=\"disabled || state.yearly.subTab !== 'specificMonthWeek'\"\n            [returnObject]=\"false\"\n            [hideDetails]=\"true\"\n            (valueChanged)=\"regenerateCron()\"\n            [(ngModel)]=\"state.yearly.specificMonthWeek.day\"\n            [options]=\"selectOptions.days\"\n            class=\"cps-scheduler-select-control\">\n          </cps-select>\n          of\n          <cps-select\n            width=\"120px\"\n            [disabled]=\"disabled || state.yearly.subTab !== 'specificMonthWeek'\"\n            [returnObject]=\"false\"\n            [hideDetails]=\"true\"\n            (valueChanged)=\"regenerateCron()\"\n            [(ngModel)]=\"state.yearly.specificMonthWeek.month\"\n            [options]=\"selectOptions.months\"\n            class=\"cps-scheduler-select-control\">\n          </cps-select>\n          at\n          <cps-timepicker\n            [disabled]=\"disabled || state.yearly.subTab !== 'specificMonthWeek'\"\n            [use24HourTime]=\"use24HourTime\"\n            [mandatoryValue]=\"true\"\n            [value]=\"formatTimeValue(state.yearly.specificMonthWeek)\"\n            [hideDetails]=\"true\"\n            (valueChanged)=\"\n              onTimeChanged($event, state.yearly.specificMonthWeek)\n            \">\n          </cps-timepicker>\n        </div>\n      </cps-radio>\n    </cps-radio-group>\n  </div>\n\n  <div *ngSwitchCase=\"'Advanced'\">\n    <form [formGroup]=\"form\">\n      <cps-input\n        label=\"\"\n        [disabled]=\"disabled\"\n        width=\"500px\"\n        placeholder=\"Please enter\"\n        formControlName=\"advanced\"\n        (valueChanged)=\"regenerateCron()\">\n      </cps-input>\n    </form>\n  </div>\n  <div class=\"cps-scheduler-time-zone\" *ngIf=\"cron && showTimeZone\">\n    <cps-autocomplete\n      label=\"Time zone\"\n      [(ngModel)]=\"timeZone\"\n      (valueChanged)=\"onTimeZoneChanged($event)\"\n      [returnObject]=\"false\"\n      width=\"300\"\n      [options]=\"timeZoneOptions\"></cps-autocomplete>\n  </div>\n</div>\n", styles: [":host .cps-scheduler-selector{margin-bottom:24px}:host .cps-scheduler-container{margin-top:10px;margin-left:16px}:host .cps-scheduler-container .cps-scheduler-select-control{margin-left:8px;margin-right:8px}:host .cps-scheduler-container .cps-scheduler-days-checkbox-group{max-width:700px;display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));grid-template-rows:1fr 1fr;grid-gap:20px;margin-bottom:16px}:host .cps-scheduler-container .cps-scheduler-tab-pane{margin-bottom:28px}:host .cps-scheduler-container .cps-scheduler-tab-pane cps-radio-group ::ng-deep .cps-radio-group-content{margin-left:0!important}:host .cps-scheduler-container .cps-scheduler-tab-pane .cps-scheduler-tab-pane-row{display:flex;align-items:center}:host .cps-scheduler-container .cps-scheduler-tab-pane .cps-scheduler-tab-pane-row-disabled{color:var(--cps-color-text-light)}:host .cps-scheduler-container .cps-scheduler-tab-pane .cps-scheduler-nearest-weekday-checkbox{margin-left:16px}:host .cps-scheduler-container .cps-scheduler-tab-pane cps-timepicker{margin-left:8px}:host .cps-scheduler-container-disabled{color:var(--cps-color-text-light)}\n"] }]
-        }], ctorParameters: () => [{ type: i1.FormBuilder }, { type: i0.ChangeDetectorRef }], propDecorators: { label: [{
+                    ], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"cps-scheduler-selector\">\n  <cps-button-toggle\n    data-cy=\"schedule-type-toggle\"\n    [options]=\"scheduleTypes\"\n    [disabled]=\"disabled\"\n    [label]=\"label\"\n    [infoTooltip]=\"infoTooltip\"\n    [(ngModel)]=\"activeScheduleType\"\n    (ngModelChange)=\"setActiveScheduleType($event)\">\n  </cps-button-toggle>\n</div>\n\n<div\n  [ngSwitch]=\"activeScheduleType\"\n  class=\"cps-scheduler-container\"\n  [class.cps-scheduler-container-disabled]=\"disabled\">\n  <div\n    *ngSwitchCase=\"'Not set'\"\n    class=\"cps-scheduler-tab-pane\"\n    data-cy=\"not-set-config\"></div>\n\n  <div\n    *ngSwitchCase=\"'Minutes'\"\n    class=\"cps-scheduler-tab-pane\"\n    data-cy=\"minutes-config\">\n    <div class=\"cps-scheduler-tab-pane-row\">\n      Every\n      <cps-select\n        width=\"70px\"\n        [disabled]=\"disabled\"\n        [returnObject]=\"false\"\n        [hideDetails]=\"true\"\n        data-cy=\"minutes-input\"\n        (valueChanged)=\"regenerateCron()\"\n        [(ngModel)]=\"state.minutes.minutes\"\n        [options]=\"selectOptions.minutes\"\n        class=\"cps-scheduler-select-control\">\n      </cps-select>\n      minute(s)\n    </div>\n  </div>\n\n  <div\n    *ngSwitchCase=\"'Hourly'\"\n    class=\"cps-scheduler-tab-pane\"\n    data-cy=\"hourly-config\">\n    <div class=\"cps-scheduler-tab-pane-row\">\n      Every\n      <cps-select\n        width=\"70px\"\n        [disabled]=\"disabled\"\n        [returnObject]=\"false\"\n        [hideDetails]=\"true\"\n        data-cy=\"hourly-hours-input\"\n        (valueChanged)=\"regenerateCron()\"\n        [(ngModel)]=\"state.hourly.hours\"\n        [options]=\"selectOptions.hours\"\n        class=\"cps-scheduler-select-control\">\n      </cps-select>\n      hour(s) on minute\n      <cps-select\n        width=\"70px\"\n        [disabled]=\"disabled\"\n        [returnObject]=\"false\"\n        [hideDetails]=\"true\"\n        data-cy=\"hourly-minutes-input\"\n        (valueChanged)=\"regenerateCron()\"\n        [(ngModel)]=\"state.hourly.minutes\"\n        [options]=\"selectOptions.fullMinutes\"\n        class=\"cps-scheduler-select-control\">\n      </cps-select>\n    </div>\n  </div>\n\n  <div\n    *ngSwitchCase=\"'Daily'\"\n    class=\"cps-scheduler-tab-pane\"\n    data-cy=\"daily-config\">\n    <cps-radio-group\n      [hideDetails]=\"true\"\n      [(ngModel)]=\"state.daily.subTab\"\n      (valueChanged)=\"regenerateCron()\"\n      [vertical]=\"true\">\n      <cps-radio\n        [option]=\"{ value: 'everyDays', disabled: disabled }\"\n        data-cy=\"daily-subtab-everyDays\">\n        <div\n          class=\"cps-scheduler-tab-pane-row\"\n          [class.cps-scheduler-tab-pane-row-disabled]=\"\n            state.daily.subTab !== 'everyDays'\n          \">\n          Every\n          <cps-select\n            width=\"70px\"\n            data-cy=\"daily-every-days-input\"\n            [disabled]=\"disabled || state.daily.subTab !== 'everyDays'\"\n            [returnObject]=\"false\"\n            [hideDetails]=\"true\"\n            (valueChanged)=\"regenerateCron()\"\n            [(ngModel)]=\"state.daily.everyDays.days\"\n            [options]=\"selectOptions.monthDays\"\n            class=\"cps-scheduler-select-control\">\n          </cps-select>\n          day(s) at\n          <cps-timepicker\n            data-cy=\"daily-timepicker\"\n            [disabled]=\"disabled || state.daily.subTab !== 'everyDays'\"\n            [use24HourTime]=\"use24HourTime\"\n            [mandatoryValue]=\"true\"\n            [value]=\"formatTimeValue(state.daily.everyDays)\"\n            [hideDetails]=\"true\"\n            (valueChanged)=\"onTimeChanged($event, state.daily.everyDays)\">\n          </cps-timepicker>\n        </div>\n      </cps-radio>\n      <cps-radio\n        data-cy=\"daily-subtab-everyWeekDay\"\n        [option]=\"{ value: 'everyWeekDay', disabled: disabled }\">\n        <div\n          class=\"cps-scheduler-tab-pane-row\"\n          data-cy=\"daily-weekday-config\"\n          [class.cps-scheduler-tab-pane-row-disabled]=\"\n            state.daily.subTab !== 'everyWeekDay'\n          \">\n          Every working day at\n          <cps-timepicker\n            [disabled]=\"disabled || state.daily.subTab !== 'everyWeekDay'\"\n            [use24HourTime]=\"use24HourTime\"\n            [mandatoryValue]=\"true\"\n            [value]=\"formatTimeValue(state.daily.everyWeekDay)\"\n            [hideDetails]=\"true\"\n            (valueChanged)=\"onTimeChanged($event, state.daily.everyWeekDay)\">\n          </cps-timepicker>\n        </div>\n      </cps-radio>\n    </cps-radio-group>\n  </div>\n\n  <div\n    *ngSwitchCase=\"'Weekly'\"\n    class=\"cps-scheduler-tab-pane\"\n    data-cy=\"weekly-config\">\n    <div class=\"cps-scheduler-days-checkbox-group\">\n      <cps-checkbox\n        (valueChanged)=\"regenerateCron()\"\n        [disabled]=\"disabled\"\n        data-cy=\"weekly-MON\"\n        label=\"Monday\"\n        [(ngModel)]=\"state.weekly.MON\">\n      </cps-checkbox>\n      <cps-checkbox\n        (valueChanged)=\"regenerateCron()\"\n        [disabled]=\"disabled\"\n        data-cy=\"weekly-TUE\"\n        label=\"Tuesday\"\n        [(ngModel)]=\"state.weekly.TUE\">\n      </cps-checkbox>\n      <cps-checkbox\n        (valueChanged)=\"regenerateCron()\"\n        [disabled]=\"disabled\"\n        data-cy=\"weekly-WED\"\n        label=\"Wednesday\"\n        [(ngModel)]=\"state.weekly.WED\">\n      </cps-checkbox>\n      <cps-checkbox\n        (valueChanged)=\"regenerateCron()\"\n        [disabled]=\"disabled\"\n        data-cy=\"weekly-THU\"\n        label=\"Thursday\"\n        [(ngModel)]=\"state.weekly.THU\">\n      </cps-checkbox>\n      <cps-checkbox\n        (valueChanged)=\"regenerateCron()\"\n        [disabled]=\"disabled\"\n        data-cy=\"weekly-FRI\"\n        label=\"Friday\"\n        [(ngModel)]=\"state.weekly.FRI\">\n      </cps-checkbox>\n      <cps-checkbox\n        (valueChanged)=\"regenerateCron()\"\n        [disabled]=\"disabled\"\n        data-cy=\"weekly-SAT\"\n        label=\"Saturday\"\n        [(ngModel)]=\"state.weekly.SAT\">\n      </cps-checkbox>\n      <cps-checkbox\n        (valueChanged)=\"regenerateCron()\"\n        [disabled]=\"disabled\"\n        data-cy=\"weekly-SUN\"\n        label=\"Sunday\"\n        [(ngModel)]=\"state.weekly.SUN\">\n      </cps-checkbox>\n    </div>\n    <div class=\"cps-scheduler-tab-pane-row\">\n      at\n      <cps-timepicker\n        [disabled]=\"disabled\"\n        data-cy=\"weekly-timepicker\"\n        [use24HourTime]=\"use24HourTime\"\n        [mandatoryValue]=\"true\"\n        [value]=\"formatTimeValue(state.weekly)\"\n        [hideDetails]=\"true\"\n        (valueChanged)=\"onTimeChanged($event, state.weekly)\">\n      </cps-timepicker>\n    </div>\n  </div>\n\n  <div\n    *ngSwitchCase=\"'Monthly'\"\n    class=\"cps-scheduler-tab-pane\"\n    data-cy=\"monthly-config\">\n    <cps-radio-group\n      [hideDetails]=\"true\"\n      [(ngModel)]=\"state.monthly.subTab\"\n      (valueChanged)=\"regenerateCron()\"\n      [vertical]=\"true\">\n      <cps-radio\n        [option]=\"{ value: 'specificDay', disabled: disabled }\"\n        data-cy=\"monthly-subtab-specificDay\">\n        <div\n          class=\"cps-scheduler-tab-pane-row\"\n          [class.cps-scheduler-tab-pane-row-disabled]=\"\n            state.monthly.subTab !== 'specificDay'\n          \">\n          On the\n          <cps-select\n            width=\"120px\"\n            data-cy=\"monthly-day-select\"\n            [disabled]=\"disabled || state.monthly.subTab !== 'specificDay'\"\n            [returnObject]=\"false\"\n            [hideDetails]=\"true\"\n            (valueChanged)=\"regenerateCron()\"\n            [(ngModel)]=\"state.monthly.specificDay.day\"\n            [options]=\"selectOptions.monthDaysWithLasts\"\n            class=\"cps-scheduler-select-control\">\n          </cps-select>\n          of every\n          <cps-select\n            width=\"70px\"\n            data-cy=\"monthly-months-input\"\n            [disabled]=\"disabled || state.monthly.subTab !== 'specificDay'\"\n            [returnObject]=\"false\"\n            [hideDetails]=\"true\"\n            (valueChanged)=\"regenerateCron()\"\n            [(ngModel)]=\"state.monthly.specificDay.months\"\n            [options]=\"selectOptions.monthsNumeric\"\n            class=\"cps-scheduler-select-control\">\n          </cps-select>\n          month(s) at\n          <cps-timepicker\n            [disabled]=\"disabled || state.monthly.subTab !== 'specificDay'\"\n            [use24HourTime]=\"use24HourTime\"\n            [mandatoryValue]=\"true\"\n            [value]=\"formatTimeValue(state.monthly.specificDay)\"\n            [hideDetails]=\"true\"\n            (valueChanged)=\"onTimeChanged($event, state.monthly.specificDay)\">\n          </cps-timepicker>\n          <cps-checkbox\n            data-cy=\"monthly-weekday-toggle\"\n            (valueChanged)=\"regenerateCron()\"\n            [disabled]=\"disabled || state.monthly.subTab !== 'specificDay'\"\n            label=\"During the nearest weekday\"\n            [(ngModel)]=\"state.monthly.runOnWeekday\"\n            class=\"cps-scheduler-nearest-weekday-checkbox\">\n          </cps-checkbox>\n        </div>\n      </cps-radio>\n\n      <cps-radio\n        [option]=\"{ value: 'specificWeekDay', disabled: disabled }\"\n        data-cy=\"monthly-subtab-specificWeekDay\">\n        <div\n          class=\"cps-scheduler-tab-pane-row\"\n          [class.cps-scheduler-tab-pane-row-disabled]=\"\n            state.monthly.subTab !== 'specificWeekDay'\n          \">\n          On the\n          <cps-select\n            width=\"106px\"\n            data-cy=\"monthly-week-select\"\n            [disabled]=\"disabled || state.monthly.subTab !== 'specificWeekDay'\"\n            [returnObject]=\"false\"\n            [hideDetails]=\"true\"\n            (valueChanged)=\"regenerateCron()\"\n            [(ngModel)]=\"state.monthly.specificWeekDay.monthWeek\"\n            [options]=\"selectOptions.monthWeeks\"\n            class=\"cps-scheduler-select-control\">\n          </cps-select>\n          <cps-select\n            width=\"130px\"\n            data-cy=\"monthly-weekday-select\"\n            [disabled]=\"disabled || state.monthly.subTab !== 'specificWeekDay'\"\n            [returnObject]=\"false\"\n            [hideDetails]=\"true\"\n            (valueChanged)=\"regenerateCron()\"\n            [(ngModel)]=\"state.monthly.specificWeekDay.day\"\n            [options]=\"selectOptions.days\"\n            class=\"cps-scheduler-select-control\">\n          </cps-select>\n          of every\n          <cps-select\n            width=\"90px\"\n            [disabled]=\"disabled || state.monthly.subTab !== 'specificWeekDay'\"\n            [returnObject]=\"false\"\n            [hideDetails]=\"true\"\n            (valueChanged)=\"regenerateCron()\"\n            data-cy=\"monthly-weekday-months-input\"\n            [(ngModel)]=\"state.monthly.specificWeekDay.months\"\n            [options]=\"selectOptions.monthsNumeric\"\n            class=\"cps-scheduler-select-control\">\n          </cps-select>\n          month(s) starting in\n          <cps-select\n            width=\"120px\"\n            [disabled]=\"disabled || state.monthly.subTab !== 'specificWeekDay'\"\n            [returnObject]=\"false\"\n            [hideDetails]=\"true\"\n            data-cy=\"monthly-weekday-start-month-select\"\n            (valueChanged)=\"regenerateCron()\"\n            [(ngModel)]=\"state.monthly.specificWeekDay.startMonth\"\n            [options]=\"selectOptions.months\"\n            class=\"cps-scheduler-select-control\">\n          </cps-select>\n          at\n          <cps-timepicker\n            [disabled]=\"disabled || state.monthly.subTab !== 'specificWeekDay'\"\n            [use24HourTime]=\"use24HourTime\"\n            [mandatoryValue]=\"true\"\n            data-cy=\"monthly-weekday-timepicker\"\n            [value]=\"formatTimeValue(state.monthly.specificWeekDay)\"\n            [hideDetails]=\"true\"\n            (valueChanged)=\"\n              onTimeChanged($event, state.monthly.specificWeekDay)\n            \">\n          </cps-timepicker>\n        </div>\n      </cps-radio>\n    </cps-radio-group>\n  </div>\n\n  <div\n    *ngSwitchCase=\"'Yearly'\"\n    class=\"cps-scheduler-tab-pane\"\n    data-cy=\"yearly-config\">\n    <cps-radio-group\n      [hideDetails]=\"true\"\n      [(ngModel)]=\"state.yearly.subTab\"\n      (valueChanged)=\"regenerateCron()\"\n      [vertical]=\"true\">\n      <cps-radio\n        [option]=\"{ value: 'specificMonthDay', disabled: disabled }\"\n        data-cy=\"yearly-subtab-specificMonthDay\">\n        <div\n          class=\"cps-scheduler-tab-pane-row\"\n          [class.cps-scheduler-tab-pane-row-disabled]=\"\n            state.yearly.subTab !== 'specificMonthDay'\n          \">\n          Every\n          <cps-select\n            width=\"120px\"\n            [disabled]=\"disabled || state.yearly.subTab !== 'specificMonthDay'\"\n            [returnObject]=\"false\"\n            [hideDetails]=\"true\"\n            (valueChanged)=\"regenerateCron()\"\n            [(ngModel)]=\"state.yearly.specificMonthDay.month\"\n            [options]=\"selectOptions.months\"\n            data-cy=\"yearly-month-select\"\n            class=\"cps-scheduler-select-control\">\n          </cps-select>\n          on the\n          <cps-select\n            width=\"120px\"\n            data-cy=\"yearly-day-select\"\n            [disabled]=\"disabled || state.yearly.subTab !== 'specificMonthDay'\"\n            [returnObject]=\"false\"\n            [hideDetails]=\"true\"\n            (valueChanged)=\"regenerateCron()\"\n            [(ngModel)]=\"state.yearly.specificMonthDay.day\"\n            [options]=\"selectOptions.monthDaysWithLasts\"\n            class=\"cps-scheduler-select-control\">\n          </cps-select>\n          at\n          <cps-timepicker\n            [disabled]=\"disabled || state.yearly.subTab !== 'specificMonthDay'\"\n            [use24HourTime]=\"use24HourTime\"\n            [mandatoryValue]=\"true\"\n            [value]=\"formatTimeValue(state.yearly.specificMonthDay)\"\n            [hideDetails]=\"true\"\n            (valueChanged)=\"\n              onTimeChanged($event, state.yearly.specificMonthDay)\n            \">\n          </cps-timepicker>\n          <cps-checkbox\n            data-cy=\"yearly-weekday-toggle\"\n            (valueChanged)=\"regenerateCron()\"\n            [disabled]=\"disabled || state.yearly.subTab !== 'specificMonthDay'\"\n            label=\"During the nearest weekday\"\n            [(ngModel)]=\"state.yearly.runOnWeekday\"\n            class=\"cps-scheduler-nearest-weekday-checkbox\">\n          </cps-checkbox>\n        </div>\n      </cps-radio>\n\n      <cps-radio\n        [option]=\"{ value: 'specificMonthWeek', disabled: disabled }\"\n        data-cy=\"yearly-subtab-specificMonthWeek\">\n        <div\n          class=\"cps-scheduler-tab-pane-row\"\n          [class.cps-scheduler-tab-pane-row-disabled]=\"\n            state.yearly.subTab !== 'specificMonthWeek'\n          \">\n          On the\n          <cps-select\n            width=\"106px\"\n            data-cy=\"yearly-week-select\"\n            [disabled]=\"disabled || state.yearly.subTab !== 'specificMonthWeek'\"\n            [returnObject]=\"false\"\n            [hideDetails]=\"true\"\n            (valueChanged)=\"regenerateCron()\"\n            [(ngModel)]=\"state.yearly.specificMonthWeek.monthWeek\"\n            [options]=\"selectOptions.monthWeeks\"\n            class=\"cps-scheduler-select-control\">\n          </cps-select>\n          <cps-select\n            width=\"120px\"\n            data-cy=\"yearly-weekday-select\"\n            [disabled]=\"disabled || state.yearly.subTab !== 'specificMonthWeek'\"\n            [returnObject]=\"false\"\n            [hideDetails]=\"true\"\n            (valueChanged)=\"regenerateCron()\"\n            [(ngModel)]=\"state.yearly.specificMonthWeek.day\"\n            [options]=\"selectOptions.days\"\n            class=\"cps-scheduler-select-control\">\n          </cps-select>\n          of\n          <cps-select\n            width=\"120px\"\n            [disabled]=\"disabled || state.yearly.subTab !== 'specificMonthWeek'\"\n            [returnObject]=\"false\"\n            [hideDetails]=\"true\"\n            (valueChanged)=\"regenerateCron()\"\n            [(ngModel)]=\"state.yearly.specificMonthWeek.month\"\n            [options]=\"selectOptions.months\"\n            class=\"cps-scheduler-select-control\">\n          </cps-select>\n          at\n          <cps-timepicker\n            [disabled]=\"disabled || state.yearly.subTab !== 'specificMonthWeek'\"\n            [use24HourTime]=\"use24HourTime\"\n            [mandatoryValue]=\"true\"\n            [value]=\"formatTimeValue(state.yearly.specificMonthWeek)\"\n            [hideDetails]=\"true\"\n            (valueChanged)=\"\n              onTimeChanged($event, state.yearly.specificMonthWeek)\n            \">\n          </cps-timepicker>\n        </div>\n      </cps-radio>\n    </cps-radio-group>\n  </div>\n\n  <div *ngSwitchCase=\"'Advanced'\" data-cy=\"advanced-config\">\n    <form [formGroup]=\"form\">\n      <cps-input\n        label=\"\"\n        data-cy=\"advanced-cron-input\"\n        [disabled]=\"disabled\"\n        width=\"500px\"\n        placeholder=\"Please enter\"\n        formControlName=\"advanced\"\n        (valueChanged)=\"regenerateCron()\">\n      </cps-input>\n    </form>\n  </div>\n\n  <div\n    class=\"cps-scheduler-time-zone\"\n    *ngIf=\"cron && showTimeZone\"\n    data-cy=\"timezone-selector\">\n    <cps-autocomplete\n      label=\"Time zone\"\n      data-cy=\"timezone-select\"\n      [(ngModel)]=\"timeZone\"\n      (valueChanged)=\"onTimeZoneChanged($event)\"\n      [returnObject]=\"false\"\n      width=\"300\"\n      [options]=\"timeZoneOptions\">\n    </cps-autocomplete>\n  </div>\n</div>\n", styles: [":host .cps-scheduler-selector{margin-bottom:24px}:host .cps-scheduler-container{margin-top:10px;margin-left:16px}:host .cps-scheduler-container .cps-scheduler-select-control{margin-left:8px;margin-right:8px}:host .cps-scheduler-container .cps-scheduler-days-checkbox-group{max-width:700px;display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));grid-template-rows:1fr 1fr;grid-gap:20px;margin-bottom:16px}:host .cps-scheduler-container .cps-scheduler-tab-pane{margin-bottom:28px}:host .cps-scheduler-container .cps-scheduler-tab-pane cps-radio-group ::ng-deep .cps-radio-group-content{margin-left:0!important}:host .cps-scheduler-container .cps-scheduler-tab-pane .cps-scheduler-tab-pane-row{display:flex;align-items:center}:host .cps-scheduler-container .cps-scheduler-tab-pane .cps-scheduler-tab-pane-row-disabled{color:var(--cps-color-text-light)}:host .cps-scheduler-container .cps-scheduler-tab-pane .cps-scheduler-nearest-weekday-checkbox{margin-left:16px}:host .cps-scheduler-container .cps-scheduler-tab-pane cps-timepicker{margin-left:8px}:host .cps-scheduler-container-disabled{color:var(--cps-color-text-light)}\n"] }]
+        }], propDecorators: { label: [{
                 type: Input
             }], cron: [{
                 type: Input