cps-ui-kit 17.6.0 → 17.8.0

package/fesm2022/cps-ui-kit.mjs

@@ -176,6 +176,7 @@ const iconNames = [
     'jpeg',
     'kris',
     'last-seen-product',
+    'left',
     'like',
     'line-vertical',
     'lock',
@@ -12274,7 +12275,7 @@ class CpsSchedulerComponent {
         return isNaN(res) ? 0 : res;
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.2", ngImport: i0, type: CpsSchedulerComponent, deps: [{ token: i1.UntypedFormBuilder }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.1.2", type: CpsSchedulerComponent, isStandalone: true, selector: "cps-scheduler", inputs: { label: "label", cron: "cron", timeZone: "timeZone", showNotSet: "showNotSet", showAdvanced: "showAdvanced", 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      [(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      [(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      [(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", "hideDetails", "persistentClear", "prefixIcon", "prefixIconSize", "loading", "virtualScroll", "numToleratedItems", "infoTooltip", "infoTooltipClass", "infoTooltipMaxWidth", "infoTooltipPersistent", "infoTooltipPosition", "optionsClass", "appearance", "value"], outputs: ["valueChanged"] }, { 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"] }, { kind: "component", type: CpsAutocompleteComponent, selector: "cps-autocomplete", inputs: ["label", "placeholder", "hint", "returnObject", "multiple", "disabled", "width", "selectAll", "showChevron", "withOptionsAliases", "useOptionsAliasesWhenNoMatch", "optionAlias", "chips", "closableChips", "clearable", "openOnClear", "options", "keepInitialOrder", "optionLabel", "optionValue", "optionInfo", "hideDetails", "persistentClear", "prefixIcon", "prefixIconSize", "loading", "emptyMessage", "showEmptyMessage", "virtualScroll", "numToleratedItems", "externalError", "infoTooltip", "infoTooltipClass", "infoTooltipMaxWidth", "infoTooltipPersistent", "infoTooltipPosition", "appearance", "emptyOptionIndex", "value"], outputs: ["valueChanged", "blurred"] }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.1.2", type: CpsSchedulerComponent, isStandalone: true, selector: "cps-scheduler", inputs: { label: "label", cron: "cron", timeZone: "timeZone", showNotSet: "showNotSet", showAdvanced: "showAdvanced", 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", "hideDetails", "persistentClear", "prefixIcon", "prefixIconSize", "loading", "virtualScroll", "numToleratedItems", "infoTooltip", "infoTooltipClass", "infoTooltipMaxWidth", "infoTooltipPersistent", "infoTooltipPosition", "optionsClass", "appearance", "value"], outputs: ["valueChanged"] }, { 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"] }, { kind: "component", type: CpsAutocompleteComponent, selector: "cps-autocomplete", inputs: ["label", "placeholder", "hint", "returnObject", "multiple", "disabled", "width", "selectAll", "showChevron", "withOptionsAliases", "useOptionsAliasesWhenNoMatch", "optionAlias", "chips", "closableChips", "clearable", "openOnClear", "options", "keepInitialOrder", "optionLabel", "optionValue", "optionInfo", "hideDetails", "persistentClear", "prefixIcon", "prefixIconSize", "loading", "emptyMessage", "showEmptyMessage", "virtualScroll", "numToleratedItems", "externalError", "infoTooltip", "infoTooltipClass", "infoTooltipMaxWidth", "infoTooltipPersistent", "infoTooltipPosition", "appearance", "emptyOptionIndex", "value"], outputs: ["valueChanged", "blurred"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.2", ngImport: i0, type: CpsSchedulerComponent, decorators: [{
             type: Component,
@@ -12290,7 +12291,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.2", 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      [(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      [(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      [(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"] }]
+                    ], 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.UntypedFormBuilder }, { type: i0.ChangeDetectorRef }], propDecorators: { label: [{
                 type: Input
             }], cron: [{