@acorex/components 20.2.0-next.7 → 20.2.0-next.9

package/fesm2022/acorex-components-cron-job.mjs

@@ -4,7 +4,7 @@ import { AXTabsComponent, AXTabItemComponent, AXTabContentDirective, AXTabsModul
 import { AXTranslatorPipe, AXTranslationModule } from '@acorex/core/translation';
 import { AsyncPipe, CommonModule } from '@angular/common';
 import * as i0 from '@angular/core';
-import { Injectable, inject, afterNextRender, output, ViewEncapsulation, Component, viewChild, signal, effect, forwardRef, NgModule } from '@angular/core';
+import { Injectable, inject, afterNextRender, output, ViewEncapsulation, Component, viewChild, signal, effect, forwardRef, HostBinding, NgModule } from '@angular/core';
 import * as i1 from '@angular/forms';
 import { FormsModule, NG_VALUE_ACCESSOR } from '@angular/forms';
 import { AXCheckBoxComponent, AXCheckBoxModule } from '@acorex/components/check-box';
@@ -444,7 +444,7 @@ class AXCronDayComponent {
         return this.dayService.dayModel.baseOnMonth.type === BaseOnMonthType.Before ? true : false;
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: AXCronDayComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.1.3", type: AXCronDayComponent, isStandalone: true, selector: "ax-cron-day", outputs: { dayChanged: "dayChanged" }, host: { attributes: { "ngSkipHydration": "true" } }, providers: [{ provide: AXComponent, useExisting: AXCronDayComponent }], ngImport: i0, template: "<div class=\"ax-radio-container\">\n  <input\n    (change)=\"inputChange()\"\n    class=\"ax-radio\"\n    type=\"radio\"\n    name=\"option\"\n    id=\"option1\"\n    value=\"every\"\n    [(ngModel)]=\"dayService.dayModel.type\"\n    checked\n  />\n  <label for=\"option1\">\n    {{ '@acorex:common.general.every' | translate | async }}\n    {{ '@acorex:dateTime.units.day' | translate | async }}\n  </label>\n</div>\n\n<div class=\"ax-radio-container\">\n  <input\n    (change)=\"inputChange()\"\n    class=\"ax-radio\"\n    type=\"radio\"\n    name=\"option\"\n    id=\"option2\"\n    value=\"boweek\"\n    [(ngModel)]=\"dayService.dayModel.type\"\n  />\n  <label for=\"option2\">{{ '@acorex:scheduler.base-on-week' | translate | async }}</label>\n</div>\n\n<div class=\"ax-block-container\">\n  <div class=\"ax-week-container\">\n    <input\n      (change)=\"inputChange()\"\n      class=\"ax-radio\"\n      type=\"radio\"\n      name=\"boweek\"\n      id=\"boweekLast\"\n      value=\"last\"\n      [(ngModel)]=\"dayService.dayModel.baseOnWeek.type\"\n      [disabled]=\"!isBoWeek\"\n    />\n\n    <label for=\"boweekLast\">{{ '@acorex:scheduler.on-the-last' | translate | async }}</label>\n\n    <ax-form class=\"ax-sm\">\n      <ax-form-field>\n        <ax-select-box\n          (onClosed)=\"inputChange()\"\n          [disabled]=\"!isBoWeek\"\n          [dataSource]=\"boWeekDropDownList\"\n          textField=\"text\"\n          valueField=\"id\"\n          [(ngModel)]=\"dayService.dayModel.baseOnWeek.last.day\"\n        >\n        </ax-select-box>\n      </ax-form-field>\n    </ax-form>\n\n    <span>{{ '@acorex:scheduler.of-the-month' | translate | async }}</span>\n  </div>\n\n  <div>\n    <div class=\"ax-radio-container\">\n      <input\n        (change)=\"inputChange()\"\n        type=\"radio\"\n        class=\"ax-radio\"\n        name=\"boweek\"\n        id=\"boweekCustom\"\n        value=\"custom\"\n        [(ngModel)]=\"dayService.dayModel.baseOnWeek.type\"\n        [disabled]=\"!isBoWeek\"\n      />\n      <label for=\"boweekCustom\">{{ '@acorex:common.general.custom' | translate | async }}</label>\n    </div>\n\n    <div class=\"ax-block-container\">\n      <div class=\"ax-week-container\">\n        <ax-check-box\n          (valueChange)=\"inputChange()\"\n          [disabled]=\"!isBoWeek || !isBoWeekCustom\"\n          [(ngModel)]=\"dayService.dayModel.baseOnWeek.custom.repeat.isRepeat\"\n        >\n          <ax-label>{{ '@acorex:common.general.every' | translate | async }}</ax-label>\n        </ax-check-box>\n\n        <ax-form class=\"ax-sm\">\n          <ax-form-field>\n            <ax-select-box\n              (onClosed)=\"inputChange()\"\n              [disabled]=\"!isBoWeek || !isBoWeekCustom\"\n              [dataSource]=\"daysList\"\n              textField=\"text\"\n              valueField=\"id\"\n              [(ngModel)]=\"dayService.dayModel.baseOnWeek.custom.repeat.interval\"\n            >\n            </ax-select-box>\n          </ax-form-field>\n        </ax-form>\n\n        <span>{{ '@acorex:scheduler.starting-at.day' | translate | async }}</span>\n\n        <ax-form class=\"ax-sm\">\n          <ax-form-field>\n            <ax-select-box\n              (onClosed)=\"inputChange()\"\n              [disabled]=\"!isBoWeek || !isBoWeekCustom\"\n              [dataSource]=\"boWeekDropDownList\"\n              textField=\"text\"\n              valueField=\"id\"\n              [(ngModel)]=\"dayService.dayModel.baseOnWeek.custom.repeat.startAt\"\n            >\n            </ax-select-box>\n          </ax-form-field>\n        </ax-form>\n      </div>\n\n      <div class=\"ax-specific-container\">\n        <div class=\"ax-flex-container\">\n          <ax-check-box\n            (valueChange)=\"inputChange()\"\n            [disabled]=\"!isBoWeek || !isBoWeekCustom\"\n            [(ngModel)]=\"dayService.dayModel.baseOnWeek.custom.specific.isSpecefic\"\n          >\n            <ax-label>{{ '@acorex:scheduler.specific.day-of-week' | translate | async }}</ax-label>\n          </ax-check-box>\n        </div>\n\n        <ax-form>\n          <ax-form-field>\n            <ax-select-box\n              (onClosed)=\"inputChange()\"\n              [disabled]=\"!isBoWeek || !isBoWeekCustom\"\n              [dataSource]=\"boWeekDropDownList\"\n              textField=\"text\"\n              valueField=\"id\"\n              [placeholder]=\"'@acorex:scheduler.time-units.select-day' | translate | async\"\n              [multiple]=\"true\"\n              (onValueChanged)=\"changeHandler($event)\"\n            >\n              <ax-clear-button></ax-clear-button>\n            </ax-select-box>\n          </ax-form-field>\n        </ax-form>\n      </div>\n\n      <div class=\"ax-week-container\">\n        <ax-check-box\n          (valueChange)=\"inputChange()\"\n          [disabled]=\"!isBoWeek || !isBoWeekCustom\"\n          [(ngModel)]=\"dayService.dayModel.baseOnWeek.custom.dayOfMonth.isDayOfMonth\"\n        >\n          <ax-label>{{ '@acorex:scheduler.on-the' | translate | async }}</ax-label>\n        </ax-check-box>\n\n        <ax-form class=\"ax-sm\">\n          <ax-form-field>\n            <ax-select-box\n              (onClosed)=\"inputChange()\"\n              [disabled]=\"!isBoWeek || !isBoWeekCustom\"\n              [dataSource]=\"daysIndexInMonth\"\n              textField=\"text\"\n              valueField=\"id\"\n              [(ngModel)]=\"dayService.dayModel.baseOnWeek.custom.dayOfMonth.xst\"\n            >\n            </ax-select-box>\n          </ax-form-field>\n        </ax-form>\n\n        <span>{{ '@acorex:scheduler.ordinal-suffix' | translate | async }}</span>\n\n        <ax-form class=\"ax-sm\">\n          <ax-form-field>\n            <ax-select-box\n              (onClosed)=\"inputChange()\"\n              [disabled]=\"!isBoWeek || !isBoWeekCustom\"\n              [dataSource]=\"boWeekDropDownList\"\n              textField=\"text\"\n              valueField=\"id\"\n              [(ngModel)]=\"dayService.dayModel.baseOnWeek.custom.dayOfMonth.day\"\n            >\n            </ax-select-box>\n          </ax-form-field>\n        </ax-form>\n\n        <span>{{ '@acorex:scheduler.of-month' | translate | async }}</span>\n      </div>\n    </div>\n  </div>\n</div>\n\n<div class=\"ax-radio-container\">\n  <input\n    (change)=\"inputChange()\"\n    class=\"ax-radio\"\n    type=\"radio\"\n    name=\"option\"\n    id=\"option3\"\n    value=\"bomonth\"\n    [(ngModel)]=\"dayService.dayModel.type\"\n  />\n  <label for=\"option3\">{{ '@acorex:scheduler.base-on-month' | translate | async }}</label>\n</div>\n\n<div class=\"ax-block-container\">\n  <div class=\"ax-radio-container\">\n    <input\n      (change)=\"inputChange()\"\n      class=\"ax-radio\"\n      type=\"radio\"\n      name=\"bomonth\"\n      id=\"bomonthLast2\"\n      value=\"last\"\n      [(ngModel)]=\"dayService.dayModel.baseOnMonth.type\"\n      [disabled]=\"!isBoMonth\"\n    />\n    <label for=\"bomonthLast2\">{{ '@acorex:scheduler.on-the-last-day-of-the-month' | translate | async }}</label>\n  </div>\n\n  <div class=\"ax-week-container\">\n    <input\n      (change)=\"inputChange()\"\n      class=\"ax-radio\"\n      type=\"radio\"\n      name=\"bomonth\"\n      value=\"before\"\n      [(ngModel)]=\"dayService.dayModel.baseOnMonth.type\"\n      [disabled]=\"!isBoMonth\"\n    />\n\n    <ax-form class=\"ax-sm\">\n      <ax-form-field>\n        <ax-select-box\n          (onClosed)=\"inputChange()\"\n          [disabled]=\"!isBoMonth || !isBoMonthBefore\"\n          [dataSource]=\"zeroTo30\"\n          textField=\"text\"\n          valueField=\"id\"\n          [(ngModel)]=\"dayService.dayModel.baseOnMonth.before\"\n        >\n        </ax-select-box>\n      </ax-form-field>\n    </ax-form>\n\n    <span>{{ '@acorex:scheduler.day-before-the-end-of-the-month' | translate | async }}</span>\n  </div>\n\n  <div class=\"ax-block-container\">\n    <div class=\"ax-radio-container\">\n      <input\n        (change)=\"inputChange()\"\n        class=\"ax-radio\"\n        type=\"radio\"\n        name=\"bomonth\"\n        id=\"bomonthCustom2\"\n        value=\"custom\"\n        [(ngModel)]=\"dayService.dayModel.baseOnMonth.type\"\n        [disabled]=\"!isBoMonth\"\n      />\n      <label for=\"bomonthCustom2\">{{ '@acorex:common.general.custom' | translate | async }}</label>\n    </div>\n\n    <div class=\"ax-block-container\">\n      <div class=\"ax-week-container\">\n        <ax-check-box\n          (valueChange)=\"inputChange()\"\n          [disabled]=\"!isBoMonth || !isBoMonthCustom\"\n          [(ngModel)]=\"dayService.dayModel.baseOnMonth.custom.repeat.isRepeat\"\n        >\n          <ax-label>{{ '@acorex:common.general.every' | translate | async }}</ax-label>\n        </ax-check-box>\n\n        <ax-form class=\"ax-sm\">\n          <ax-form-field>\n            <ax-select-box\n              (onClosed)=\"inputChange()\"\n              [disabled]=\"!isBoMonth || !isBoMonthCustom\"\n              [dataSource]=\"zeroTo30\"\n              textField=\"text\"\n              valueField=\"id\"\n              [(ngModel)]=\"dayService.dayModel.baseOnMonth.custom.repeat.interval\"\n            >\n            </ax-select-box>\n          </ax-form-field>\n        </ax-form>\n\n        <span>{{ '@acorex:scheduler.starting-at.day' | translate | async }}</span>\n\n        <ax-form class=\"ax-sm\">\n          <ax-form-field>\n            <ax-select-box\n              (onClosed)=\"inputChange()\"\n              [disabled]=\"!isBoMonth || !isBoMonthCustom\"\n              [dataSource]=\"zeroTo30\"\n              textField=\"text\"\n              valueField=\"id\"\n              [(ngModel)]=\"dayService.dayModel.baseOnMonth.custom.repeat.startAt\"\n            >\n            </ax-select-box>\n          </ax-form-field>\n        </ax-form>\n\n        <span>{{ '@acorex:scheduler.ordinal-suffix-of-month' | translate | async }}</span>\n      </div>\n\n      <div class=\"ax-specific-container\">\n        <div class=\"ax-flex-container\">\n          <ax-check-box\n            (valueChange)=\"inputChange()\"\n            [disabled]=\"!isBoMonth || !isBoMonthCustom\"\n            [(ngModel)]=\"dayService.dayModel.baseOnMonth.custom.specific.isSpecefic\"\n          >\n            <ax-label>{{ '@acorex:scheduler.specific.day-of-month' | translate | async }}</ax-label>\n          </ax-check-box>\n        </div>\n\n        <ax-form>\n          <ax-form-field>\n            <ax-select-box\n              (onClosed)=\"inputChange()\"\n              [disabled]=\"!isBoMonth || !isBoMonthCustom\"\n              [dataSource]=\"boMonthDropDownList\"\n              textField=\"text\"\n              valueField=\"id\"\n              [placeholder]=\"'@acorex:scheduler.time-units.select-day' | translate | async\"\n              [multiple]=\"true\"\n              (onValueChanged)=\"changeHandler2($event)\"\n            >\n              <ax-clear-button></ax-clear-button>\n            </ax-select-box>\n          </ax-form-field>\n        </ax-form>\n      </div>\n    </div>\n  </div>\n</div>\n", styles: ["ax-cron-day label,ax-cron-hours label,ax-cron-minutes label,ax-cron-month label,ax-cron-seconds label,ax-cron-year label{font-size:.875rem;line-height:1.25rem;font-weight:500}ax-cron-day .ax-radio-container,ax-cron-hours .ax-radio-container,ax-cron-minutes .ax-radio-container,ax-cron-month .ax-radio-container,ax-cron-seconds .ax-radio-container,ax-cron-year .ax-radio-container{margin-bottom:.5rem;display:flex;align-items:center}ax-cron-day .ax-radio-container input,ax-cron-hours .ax-radio-container input,ax-cron-minutes .ax-radio-container input,ax-cron-month .ax-radio-container input,ax-cron-seconds .ax-radio-container input,ax-cron-year .ax-radio-container input{margin-inline-end:.5rem}ax-cron-day .ax-block-container,ax-cron-hours .ax-block-container,ax-cron-minutes .ax-block-container,ax-cron-month .ax-block-container,ax-cron-seconds .ax-block-container,ax-cron-year .ax-block-container{padding-inline-start:1.5rem}ax-cron-day .ax-block-container .ax-every-container,ax-cron-hours .ax-block-container .ax-every-container,ax-cron-minutes .ax-block-container .ax-every-container,ax-cron-month .ax-block-container .ax-every-container,ax-cron-seconds .ax-block-container .ax-every-container,ax-cron-year .ax-block-container .ax-every-container{display:flex;align-items:center}ax-cron-day .ax-block-container .ax-every-container ax-form,ax-cron-hours .ax-block-container .ax-every-container ax-form,ax-cron-minutes .ax-block-container .ax-every-container ax-form,ax-cron-month .ax-block-container .ax-every-container ax-form,ax-cron-seconds .ax-block-container .ax-every-container ax-form,ax-cron-year .ax-block-container .ax-every-container ax-form{width:fit-content;margin-inline:.5rem}ax-cron-day .ax-block-container .ax-specific-container,ax-cron-hours .ax-block-container .ax-specific-container,ax-cron-minutes .ax-block-container .ax-specific-container,ax-cron-month .ax-block-container .ax-specific-container,ax-cron-seconds .ax-block-container .ax-specific-container,ax-cron-year .ax-block-container .ax-specific-container{margin-block:.5rem}ax-cron-day .ax-block-container .ax-specific-container .ax-flex-container,ax-cron-hours .ax-block-container .ax-specific-container .ax-flex-container,ax-cron-minutes .ax-block-container .ax-specific-container .ax-flex-container,ax-cron-month .ax-block-container .ax-specific-container .ax-flex-container,ax-cron-seconds .ax-block-container .ax-specific-container .ax-flex-container,ax-cron-year .ax-block-container .ax-specific-container .ax-flex-container{display:flex;align-items:center;margin-bottom:.5rem}ax-cron-day .ax-block-container .ax-between-container,ax-cron-hours .ax-block-container .ax-between-container,ax-cron-minutes .ax-block-container .ax-between-container,ax-cron-month .ax-block-container .ax-between-container,ax-cron-seconds .ax-block-container .ax-between-container,ax-cron-year .ax-block-container .ax-between-container{display:flex;align-items:center}ax-cron-day .ax-block-container .ax-between-container .ax-flex-container,ax-cron-hours .ax-block-container .ax-between-container .ax-flex-container,ax-cron-minutes .ax-block-container .ax-between-container .ax-flex-container,ax-cron-month .ax-block-container .ax-between-container .ax-flex-container,ax-cron-seconds .ax-block-container .ax-between-container .ax-flex-container,ax-cron-year .ax-block-container .ax-between-container .ax-flex-container{display:flex;align-items:center;margin-bottom:.5rem}ax-cron-day .ax-block-container .ax-between-container ax-form,ax-cron-hours .ax-block-container .ax-between-container ax-form,ax-cron-minutes .ax-block-container .ax-between-container ax-form,ax-cron-month .ax-block-container .ax-between-container ax-form,ax-cron-seconds .ax-block-container .ax-between-container ax-form,ax-cron-year .ax-block-container .ax-between-container ax-form{width:fit-content;margin-inline:.5rem}ax-cron-day .ax-block-container .ax-week-container,ax-cron-hours .ax-block-container .ax-week-container,ax-cron-minutes .ax-block-container .ax-week-container,ax-cron-month .ax-block-container .ax-week-container,ax-cron-seconds .ax-block-container .ax-week-container,ax-cron-year .ax-block-container .ax-week-container{display:flex;align-items:center;margin-bottom:.5rem}ax-cron-day .ax-block-container .ax-week-container ax-form,ax-cron-hours .ax-block-container .ax-week-container ax-form,ax-cron-minutes .ax-block-container .ax-week-container ax-form,ax-cron-month .ax-block-container .ax-week-container ax-form,ax-cron-seconds .ax-block-container .ax-week-container ax-form,ax-cron-year .ax-block-container .ax-week-container ax-form{width:fit-content;margin-inline:.5rem}ax-cron-day .ax-block-container .ax-week-container .ax-radio,ax-cron-hours .ax-block-container .ax-week-container .ax-radio,ax-cron-minutes .ax-block-container .ax-week-container .ax-radio,ax-cron-month .ax-block-container .ax-week-container .ax-radio,ax-cron-seconds .ax-block-container .ax-week-container .ax-radio,ax-cron-year .ax-block-container .ax-week-container .ax-radio{margin-inline-end:.5rem}\n"], dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1.RadioControlValueAccessor, selector: "input[type=radio][formControlName],input[type=radio][formControl],input[type=radio][ngModel]", inputs: ["name", "formControlName", "value"] }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: AXFormComponent, selector: "ax-form", inputs: ["labelMode", "look", "messageStyle", "updateOn"], outputs: ["onValidate", "updateOnChange"] }, { kind: "component", type: AXFormFieldComponent, selector: "ax-form-field", inputs: ["labelMode"] }, { kind: "component", type: AXSelectBoxComponent, selector: "ax-select-box", inputs: ["disabled", "readonly", "tabIndex", "placeholder", "minValue", "maxValue", "value", "state", "name", "id", "type", "look", "multiple", "valueField", "textField", "disabledField", "textTemplate", "selectedItems", "isItemTruncated", "showItemTooltip", "dataSource", "minRecordsForSearch", "caption", "itemTemplate", "selectedTemplate", "emptyTemplate", "loadingTemplate", "dropdownWidth", "searchBoxAutoFocus"], outputs: ["valueChange", "stateChange", "onValueChanged", "onBlur", "onFocus", "readonlyChange", "disabledChange", "onOpened", "onClosed"] }, { kind: "component", type: AXCheckBoxComponent, selector: "ax-check-box", inputs: ["disabled", "tabIndex", "readonly", "color", "value", "name", "id", "checked", "isLoading", "indeterminate"], outputs: ["onBlur", "onFocus", "valueChange", "onValueChanged"] }, { kind: "component", type: AXLabelComponent, selector: "ax-label", inputs: ["required", "for"], outputs: ["requiredChange"] }, { kind: "component", type: AXDecoratorClearButtonComponent, selector: "ax-clear-button", inputs: ["icon"] }, { kind: "pipe", type: AsyncPipe, name: "async" }, { kind: "pipe", type: AXTranslatorPipe, name: "translate" }], encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.1.3", type: AXCronDayComponent, isStandalone: true, selector: "ax-cron-day", outputs: { dayChanged: "dayChanged" }, host: { attributes: { "ngSkipHydration": "true" } }, providers: [{ provide: AXComponent, useExisting: AXCronDayComponent }], ngImport: i0, template: "<div class=\"ax-radio-container\">\n  <input\n    (change)=\"inputChange()\"\n    class=\"ax-radio\"\n    type=\"radio\"\n    name=\"option\"\n    id=\"option1\"\n    value=\"every\"\n    [(ngModel)]=\"dayService.dayModel.type\"\n    checked\n  />\n  <label for=\"option1\">\n    {{ '@acorex:common.general.every' | translate | async }}\n    {{ '@acorex:dateTime.units.day' | translate | async }}\n  </label>\n</div>\n\n<div class=\"ax-radio-container\">\n  <input\n    (change)=\"inputChange()\"\n    class=\"ax-radio\"\n    type=\"radio\"\n    name=\"option\"\n    id=\"option2\"\n    value=\"boweek\"\n    [(ngModel)]=\"dayService.dayModel.type\"\n  />\n  <label for=\"option2\">{{ '@acorex:scheduler.base-on-week' | translate | async }}</label>\n</div>\n\n<div class=\"ax-block-container\">\n  <div class=\"ax-week-container\">\n    <input\n      (change)=\"inputChange()\"\n      class=\"ax-radio\"\n      type=\"radio\"\n      name=\"boweek\"\n      id=\"boweekLast\"\n      value=\"last\"\n      [(ngModel)]=\"dayService.dayModel.baseOnWeek.type\"\n      [disabled]=\"!isBoWeek\"\n    />\n\n    <label for=\"boweekLast\">{{ '@acorex:scheduler.on-the-last' | translate | async }}</label>\n\n    <ax-form class=\"ax-sm\">\n      <ax-form-field>\n        <ax-select-box\n          (onClosed)=\"inputChange()\"\n          [disabled]=\"!isBoWeek\"\n          [dataSource]=\"boWeekDropDownList\"\n          textField=\"text\"\n          valueField=\"id\"\n          [(ngModel)]=\"dayService.dayModel.baseOnWeek.last.day\"\n        >\n        </ax-select-box>\n      </ax-form-field>\n    </ax-form>\n\n    <span>{{ '@acorex:scheduler.of-the-month' | translate | async }}</span>\n  </div>\n\n  <div>\n    <div class=\"ax-radio-container\">\n      <input\n        (change)=\"inputChange()\"\n        type=\"radio\"\n        class=\"ax-radio\"\n        name=\"boweek\"\n        id=\"boweekCustom\"\n        value=\"custom\"\n        [(ngModel)]=\"dayService.dayModel.baseOnWeek.type\"\n        [disabled]=\"!isBoWeek\"\n      />\n      <label for=\"boweekCustom\">{{ '@acorex:common.general.custom' | translate | async }}</label>\n    </div>\n\n    <div class=\"ax-block-container\">\n      <div class=\"ax-week-container\">\n        <ax-check-box\n          (valueChange)=\"inputChange()\"\n          [disabled]=\"!isBoWeek || !isBoWeekCustom\"\n          [(ngModel)]=\"dayService.dayModel.baseOnWeek.custom.repeat.isRepeat\"\n        >\n          <ax-label>{{ '@acorex:common.general.every' | translate | async }}</ax-label>\n        </ax-check-box>\n\n        <ax-form class=\"ax-sm\">\n          <ax-form-field>\n            <ax-select-box\n              (onClosed)=\"inputChange()\"\n              [disabled]=\"!isBoWeek || !isBoWeekCustom\"\n              [dataSource]=\"daysList\"\n              textField=\"text\"\n              valueField=\"id\"\n              [(ngModel)]=\"dayService.dayModel.baseOnWeek.custom.repeat.interval\"\n            >\n            </ax-select-box>\n          </ax-form-field>\n        </ax-form>\n\n        <span>{{ '@acorex:scheduler.starting-at.day' | translate | async }}</span>\n\n        <ax-form class=\"ax-sm\">\n          <ax-form-field>\n            <ax-select-box\n              (onClosed)=\"inputChange()\"\n              [disabled]=\"!isBoWeek || !isBoWeekCustom\"\n              [dataSource]=\"boWeekDropDownList\"\n              textField=\"text\"\n              valueField=\"id\"\n              [(ngModel)]=\"dayService.dayModel.baseOnWeek.custom.repeat.startAt\"\n            >\n            </ax-select-box>\n          </ax-form-field>\n        </ax-form>\n      </div>\n\n      <div class=\"ax-specific-container\">\n        <div class=\"ax-flex-container\">\n          <ax-check-box\n            (valueChange)=\"inputChange()\"\n            [disabled]=\"!isBoWeek || !isBoWeekCustom\"\n            [(ngModel)]=\"dayService.dayModel.baseOnWeek.custom.specific.isSpecefic\"\n          >\n            <ax-label>{{ '@acorex:scheduler.specific.day-of-week' | translate | async }}</ax-label>\n          </ax-check-box>\n        </div>\n\n        <ax-form>\n          <ax-form-field>\n            <ax-select-box\n              (onClosed)=\"inputChange()\"\n              [disabled]=\"!isBoWeek || !isBoWeekCustom\"\n              [dataSource]=\"boWeekDropDownList\"\n              textField=\"text\"\n              valueField=\"id\"\n              [placeholder]=\"'@acorex:scheduler.time-units.select-day' | translate | async\"\n              [multiple]=\"true\"\n              (onValueChanged)=\"changeHandler($event)\"\n            >\n              <ax-clear-button></ax-clear-button>\n            </ax-select-box>\n          </ax-form-field>\n        </ax-form>\n      </div>\n\n      <div class=\"ax-week-container\">\n        <ax-check-box\n          (valueChange)=\"inputChange()\"\n          [disabled]=\"!isBoWeek || !isBoWeekCustom\"\n          [(ngModel)]=\"dayService.dayModel.baseOnWeek.custom.dayOfMonth.isDayOfMonth\"\n        >\n          <ax-label>{{ '@acorex:scheduler.on-the' | translate | async }}</ax-label>\n        </ax-check-box>\n\n        <ax-form class=\"ax-sm\">\n          <ax-form-field>\n            <ax-select-box\n              (onClosed)=\"inputChange()\"\n              [disabled]=\"!isBoWeek || !isBoWeekCustom\"\n              [dataSource]=\"daysIndexInMonth\"\n              textField=\"text\"\n              valueField=\"id\"\n              [(ngModel)]=\"dayService.dayModel.baseOnWeek.custom.dayOfMonth.xst\"\n            >\n            </ax-select-box>\n          </ax-form-field>\n        </ax-form>\n\n        <span>{{ '@acorex:scheduler.ordinal-suffix' | translate | async }}</span>\n\n        <ax-form class=\"ax-sm\">\n          <ax-form-field>\n            <ax-select-box\n              (onClosed)=\"inputChange()\"\n              [disabled]=\"!isBoWeek || !isBoWeekCustom\"\n              [dataSource]=\"boWeekDropDownList\"\n              textField=\"text\"\n              valueField=\"id\"\n              [(ngModel)]=\"dayService.dayModel.baseOnWeek.custom.dayOfMonth.day\"\n            >\n            </ax-select-box>\n          </ax-form-field>\n        </ax-form>\n\n        <span>{{ '@acorex:scheduler.of-month' | translate | async }}</span>\n      </div>\n    </div>\n  </div>\n</div>\n\n<div class=\"ax-radio-container\">\n  <input\n    (change)=\"inputChange()\"\n    class=\"ax-radio\"\n    type=\"radio\"\n    name=\"option\"\n    id=\"option3\"\n    value=\"bomonth\"\n    [(ngModel)]=\"dayService.dayModel.type\"\n  />\n  <label for=\"option3\">{{ '@acorex:scheduler.base-on-month' | translate | async }}</label>\n</div>\n\n<div class=\"ax-block-container\">\n  <div class=\"ax-radio-container\">\n    <input\n      (change)=\"inputChange()\"\n      class=\"ax-radio\"\n      type=\"radio\"\n      name=\"bomonth\"\n      id=\"bomonthLast2\"\n      value=\"last\"\n      [(ngModel)]=\"dayService.dayModel.baseOnMonth.type\"\n      [disabled]=\"!isBoMonth\"\n    />\n    <label for=\"bomonthLast2\">{{ '@acorex:scheduler.on-the-last-day-of-the-month' | translate | async }}</label>\n  </div>\n\n  <div class=\"ax-week-container\">\n    <input\n      (change)=\"inputChange()\"\n      class=\"ax-radio\"\n      type=\"radio\"\n      name=\"bomonth\"\n      value=\"before\"\n      [(ngModel)]=\"dayService.dayModel.baseOnMonth.type\"\n      [disabled]=\"!isBoMonth\"\n    />\n\n    <ax-form class=\"ax-sm\">\n      <ax-form-field>\n        <ax-select-box\n          (onClosed)=\"inputChange()\"\n          [disabled]=\"!isBoMonth || !isBoMonthBefore\"\n          [dataSource]=\"zeroTo30\"\n          textField=\"text\"\n          valueField=\"id\"\n          [(ngModel)]=\"dayService.dayModel.baseOnMonth.before\"\n        >\n        </ax-select-box>\n      </ax-form-field>\n    </ax-form>\n\n    <span>{{ '@acorex:scheduler.day-before-the-end-of-the-month' | translate | async }}</span>\n  </div>\n\n  <div class=\"ax-block-container\">\n    <div class=\"ax-radio-container\">\n      <input\n        (change)=\"inputChange()\"\n        class=\"ax-radio\"\n        type=\"radio\"\n        name=\"bomonth\"\n        id=\"bomonthCustom2\"\n        value=\"custom\"\n        [(ngModel)]=\"dayService.dayModel.baseOnMonth.type\"\n        [disabled]=\"!isBoMonth\"\n      />\n      <label for=\"bomonthCustom2\">{{ '@acorex:common.general.custom' | translate | async }}</label>\n    </div>\n\n    <div class=\"ax-block-container\">\n      <div class=\"ax-week-container\">\n        <ax-check-box\n          (valueChange)=\"inputChange()\"\n          [disabled]=\"!isBoMonth || !isBoMonthCustom\"\n          [(ngModel)]=\"dayService.dayModel.baseOnMonth.custom.repeat.isRepeat\"\n        >\n          <ax-label>{{ '@acorex:common.general.every' | translate | async }}</ax-label>\n        </ax-check-box>\n\n        <ax-form class=\"ax-sm\">\n          <ax-form-field>\n            <ax-select-box\n              (onClosed)=\"inputChange()\"\n              [disabled]=\"!isBoMonth || !isBoMonthCustom\"\n              [dataSource]=\"zeroTo30\"\n              textField=\"text\"\n              valueField=\"id\"\n              [(ngModel)]=\"dayService.dayModel.baseOnMonth.custom.repeat.interval\"\n            >\n            </ax-select-box>\n          </ax-form-field>\n        </ax-form>\n\n        <span>{{ '@acorex:scheduler.starting-at.day' | translate | async }}</span>\n\n        <ax-form class=\"ax-sm\">\n          <ax-form-field>\n            <ax-select-box\n              (onClosed)=\"inputChange()\"\n              [disabled]=\"!isBoMonth || !isBoMonthCustom\"\n              [dataSource]=\"zeroTo30\"\n              textField=\"text\"\n              valueField=\"id\"\n              [(ngModel)]=\"dayService.dayModel.baseOnMonth.custom.repeat.startAt\"\n            >\n            </ax-select-box>\n          </ax-form-field>\n        </ax-form>\n\n        <span>{{ '@acorex:scheduler.ordinal-suffix-of-month' | translate | async }}</span>\n      </div>\n\n      <div class=\"ax-specific-container\">\n        <div class=\"ax-flex-container\">\n          <ax-check-box\n            (valueChange)=\"inputChange()\"\n            [disabled]=\"!isBoMonth || !isBoMonthCustom\"\n            [(ngModel)]=\"dayService.dayModel.baseOnMonth.custom.specific.isSpecefic\"\n          >\n            <ax-label>{{ '@acorex:scheduler.specific.day-of-month' | translate | async }}</ax-label>\n          </ax-check-box>\n        </div>\n\n        <ax-form>\n          <ax-form-field>\n            <ax-select-box\n              (onClosed)=\"inputChange()\"\n              [disabled]=\"!isBoMonth || !isBoMonthCustom\"\n              [dataSource]=\"boMonthDropDownList\"\n              textField=\"text\"\n              valueField=\"id\"\n              [placeholder]=\"'@acorex:scheduler.time-units.select-day' | translate | async\"\n              [multiple]=\"true\"\n              (onValueChanged)=\"changeHandler2($event)\"\n            >\n              <ax-clear-button></ax-clear-button>\n            </ax-select-box>\n          </ax-form-field>\n        </ax-form>\n      </div>\n    </div>\n  </div>\n</div>\n", styles: ["ax-cron-day label,ax-cron-hours label,ax-cron-minutes label,ax-cron-month label,ax-cron-seconds label,ax-cron-year label{font-size:.875rem;line-height:1.25rem;font-weight:500}ax-cron-day .ax-radio-container,ax-cron-hours .ax-radio-container,ax-cron-minutes .ax-radio-container,ax-cron-month .ax-radio-container,ax-cron-seconds .ax-radio-container,ax-cron-year .ax-radio-container{margin-bottom:.5rem;display:flex;align-items:center}ax-cron-day .ax-radio-container input,ax-cron-hours .ax-radio-container input,ax-cron-minutes .ax-radio-container input,ax-cron-month .ax-radio-container input,ax-cron-seconds .ax-radio-container input,ax-cron-year .ax-radio-container input{margin-inline-end:.5rem}ax-cron-day .ax-block-container,ax-cron-hours .ax-block-container,ax-cron-minutes .ax-block-container,ax-cron-month .ax-block-container,ax-cron-seconds .ax-block-container,ax-cron-year .ax-block-container{padding-inline-start:1.5rem}ax-cron-day .ax-block-container .ax-every-container,ax-cron-hours .ax-block-container .ax-every-container,ax-cron-minutes .ax-block-container .ax-every-container,ax-cron-month .ax-block-container .ax-every-container,ax-cron-seconds .ax-block-container .ax-every-container,ax-cron-year .ax-block-container .ax-every-container{display:flex;align-items:center}ax-cron-day .ax-block-container .ax-every-container ax-form,ax-cron-hours .ax-block-container .ax-every-container ax-form,ax-cron-minutes .ax-block-container .ax-every-container ax-form,ax-cron-month .ax-block-container .ax-every-container ax-form,ax-cron-seconds .ax-block-container .ax-every-container ax-form,ax-cron-year .ax-block-container .ax-every-container ax-form{width:fit-content;margin-inline:.5rem}ax-cron-day .ax-block-container .ax-specific-container,ax-cron-hours .ax-block-container .ax-specific-container,ax-cron-minutes .ax-block-container .ax-specific-container,ax-cron-month .ax-block-container .ax-specific-container,ax-cron-seconds .ax-block-container .ax-specific-container,ax-cron-year .ax-block-container .ax-specific-container{margin-block:.5rem}ax-cron-day .ax-block-container .ax-specific-container .ax-flex-container,ax-cron-hours .ax-block-container .ax-specific-container .ax-flex-container,ax-cron-minutes .ax-block-container .ax-specific-container .ax-flex-container,ax-cron-month .ax-block-container .ax-specific-container .ax-flex-container,ax-cron-seconds .ax-block-container .ax-specific-container .ax-flex-container,ax-cron-year .ax-block-container .ax-specific-container .ax-flex-container{display:flex;align-items:center;margin-bottom:.5rem}ax-cron-day .ax-block-container .ax-between-container,ax-cron-hours .ax-block-container .ax-between-container,ax-cron-minutes .ax-block-container .ax-between-container,ax-cron-month .ax-block-container .ax-between-container,ax-cron-seconds .ax-block-container .ax-between-container,ax-cron-year .ax-block-container .ax-between-container{display:flex;align-items:center}ax-cron-day .ax-block-container .ax-between-container .ax-flex-container,ax-cron-hours .ax-block-container .ax-between-container .ax-flex-container,ax-cron-minutes .ax-block-container .ax-between-container .ax-flex-container,ax-cron-month .ax-block-container .ax-between-container .ax-flex-container,ax-cron-seconds .ax-block-container .ax-between-container .ax-flex-container,ax-cron-year .ax-block-container .ax-between-container .ax-flex-container{display:flex;align-items:center;margin-bottom:.5rem}ax-cron-day .ax-block-container .ax-between-container ax-form,ax-cron-hours .ax-block-container .ax-between-container ax-form,ax-cron-minutes .ax-block-container .ax-between-container ax-form,ax-cron-month .ax-block-container .ax-between-container ax-form,ax-cron-seconds .ax-block-container .ax-between-container ax-form,ax-cron-year .ax-block-container .ax-between-container ax-form{width:fit-content;margin-inline:.5rem}ax-cron-day .ax-block-container .ax-week-container,ax-cron-hours .ax-block-container .ax-week-container,ax-cron-minutes .ax-block-container .ax-week-container,ax-cron-month .ax-block-container .ax-week-container,ax-cron-seconds .ax-block-container .ax-week-container,ax-cron-year .ax-block-container .ax-week-container{display:flex;align-items:center;margin-bottom:.5rem}ax-cron-day .ax-block-container .ax-week-container ax-form,ax-cron-hours .ax-block-container .ax-week-container ax-form,ax-cron-minutes .ax-block-container .ax-week-container ax-form,ax-cron-month .ax-block-container .ax-week-container ax-form,ax-cron-seconds .ax-block-container .ax-week-container ax-form,ax-cron-year .ax-block-container .ax-week-container ax-form{width:fit-content;margin-inline:.5rem}ax-cron-day .ax-block-container .ax-week-container .ax-radio,ax-cron-hours .ax-block-container .ax-week-container .ax-radio,ax-cron-minutes .ax-block-container .ax-week-container .ax-radio,ax-cron-month .ax-block-container .ax-week-container .ax-radio,ax-cron-seconds .ax-block-container .ax-week-container .ax-radio,ax-cron-year .ax-block-container .ax-week-container .ax-radio{margin-inline-end:.5rem}\n"], dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1.RadioControlValueAccessor, selector: "input[type=radio][formControlName],input[type=radio][formControl],input[type=radio][ngModel]", inputs: ["name", "formControlName", "value"] }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: AXFormComponent, selector: "ax-form", inputs: ["labelMode", "look", "messageStyle", "updateOn"], outputs: ["onValidate", "updateOnChange"] }, { kind: "component", type: AXFormFieldComponent, selector: "ax-form-field", inputs: ["labelMode"] }, { kind: "component", type: AXSelectBoxComponent, selector: "ax-select-box", inputs: ["disabled", "readonly", "tabIndex", "placeholder", "minValue", "maxValue", "value", "state", "name", "id", "type", "look", "multiple", "valueField", "textField", "disabledField", "textTemplate", "selectedItems", "isItemTruncated", "showItemTooltip", "dataSource", "minRecordsForSearch", "caption", "itemTemplate", "selectedTemplate", "emptyTemplate", "loadingTemplate", "dropdownWidth", "searchBoxAutoFocus"], outputs: ["valueChange", "stateChange", "onValueChanged", "onBlur", "onFocus", "readonlyChange", "disabledChange", "onOpened", "onClosed"] }, { kind: "component", type: AXCheckBoxComponent, selector: "ax-check-box", inputs: ["disabled", "tabIndex", "readonly", "color", "value", "name", "id", "isLoading", "indeterminate"], outputs: ["onBlur", "onFocus", "valueChange", "onValueChanged"] }, { kind: "component", type: AXLabelComponent, selector: "ax-label", inputs: ["required", "for"], outputs: ["requiredChange"] }, { kind: "component", type: AXDecoratorClearButtonComponent, selector: "ax-clear-button", inputs: ["icon"] }, { kind: "pipe", type: AsyncPipe, name: "async" }, { kind: "pipe", type: AXTranslatorPipe, name: "translate" }], encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: AXCronDayComponent, decorators: [{
             type: Component,
@@ -568,7 +568,7 @@ class AXCronHoursComponent {
         return this.hoursService.hourModel.type === Type.Every ? false : true;
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: AXCronHoursComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.1.3", type: AXCronHoursComponent, isStandalone: true, selector: "ax-cron-hours", outputs: { hoursChanged: "hoursChanged" }, host: { attributes: { "ngSkipHydration": "true" } }, providers: [{ provide: AXComponent, useExisting: AXCronHoursComponent }], ngImport: i0, template: "<div class=\"ax-radio-container\">\n  <input\n    (change)=\"inputChange()\"\n    class=\"ax-radio\"\n    type=\"radio\"\n    name=\"everyHours\"\n    id=\"option1hours\"\n    value=\"every\"\n    [(ngModel)]=\"hoursService.hourModel.type\"\n    checked\n  />\n  <label for=\"option1hours\">\n    {{ '@acorex:common.general.every' | translate | async }}\n    {{ '@acorex:dateTime.units.hour' | translate | async }}\n  </label>\n</div>\n\n<div class=\"ax-radio-container\">\n  <input\n    (change)=\"inputChange()\"\n    class=\"ax-radio\"\n    type=\"radio\"\n    name=\"everyHours\"\n    id=\"option2hours\"\n    value=\"custom\"\n    [(ngModel)]=\"hoursService.hourModel.type\"\n  />\n  <label for=\"option2hours\">{{ '@acorex:common.general.custom' | translate | async }}</label>\n</div>\n\n<div class=\"ax-block-container\">\n  <div class=\"ax-every-container\">\n    <ax-check-box\n      (valueChange)=\"inputChange()\"\n      [disabled]=\"!isCustom\"\n      [(ngModel)]=\"hoursService.hourModel.custom.repeat.isRepeat\"\n    >\n      <ax-label>{{ '@acorex:common.general.every' | translate | async }}</ax-label>\n    </ax-check-box>\n\n    <ax-form class=\"ax-sm\">\n      <ax-form-field>\n        <ax-select-box\n          (onClosed)=\"inputChange()\"\n          [disabled]=\"!isCustom\"\n          [dataSource]=\"zeroTo23\"\n          textField=\"text\"\n          valueField=\"id\"\n          [(ngModel)]=\"hoursService.hourModel.custom.repeat.interval\"\n        >\n        </ax-select-box>\n      </ax-form-field>\n    </ax-form>\n\n    <span>{{ '@acorex:scheduler.starting-at.hour' | translate | async }}</span>\n\n    <ax-form class=\"ax-sm\">\n      <ax-form-field>\n        <ax-select-box\n          (onClosed)=\"inputChange()\"\n          [disabled]=\"!isCustom\"\n          [dataSource]=\"zeroTo23\"\n          textField=\"text\"\n          valueField=\"id\"\n          [(ngModel)]=\"hoursService.hourModel.custom.repeat.startAt\"\n        >\n        </ax-select-box>\n      </ax-form-field>\n    </ax-form>\n  </div>\n\n  <div class=\"ax-specific-container\">\n    <div class=\"ax-flex-container\">\n      <ax-check-box\n        (valueChange)=\"inputChange()\"\n        [disabled]=\"!isCustom\"\n        [(ngModel)]=\"hoursService.hourModel.custom.specific.isSpecific\"\n      >\n        <ax-label>{{ '@acorex:scheduler.specific.hour' | translate | async }} </ax-label>\n      </ax-check-box>\n    </div>\n\n    <ax-form>\n      <ax-form-field>\n        <ax-select-box\n          (onClosed)=\"inputChange()\"\n          [disabled]=\"!isCustom\"\n          [dataSource]=\"dropdownList\"\n          textField=\"text\"\n          valueField=\"id\"\n          [placeholder]=\"'@acorex:scheduler.time-units.select-hour' | translate | async\"\n          [multiple]=\"true\"\n          (onValueChanged)=\"changeHandler($event)\"\n        >\n          <ax-clear-button></ax-clear-button>\n        </ax-select-box>\n      </ax-form-field>\n    </ax-form>\n  </div>\n\n  <div class=\"ax-between-container\">\n    <ax-check-box\n      (valueChange)=\"inputChange()\"\n      [disabled]=\"!isCustom\"\n      [(ngModel)]=\"hoursService.hourModel.custom.between.isBetween\"\n    >\n      <ax-label>\n        {{ '@acorex:common.general.every' | translate | async }}\n        {{ '@acorex:dateTime.units.hour' | translate | async }}\n        {{ '@acorex:common.general.between' | translate | async }}\n        {{ '@acorex:dateTime.units.hour' | translate | async }}\n      </ax-label>\n    </ax-check-box>\n\n    <ax-form class=\"ax-sm\">\n      <ax-form-field>\n        <ax-select-box\n          (onClosed)=\"inputChange()\"\n          [disabled]=\"!isCustom\"\n          [dataSource]=\"zeroTo23\"\n          textField=\"text\"\n          valueField=\"id\"\n          [(ngModel)]=\"hoursService.hourModel.custom.between.from\"\n        >\n        </ax-select-box>\n      </ax-form-field>\n    </ax-form>\n\n    <span>{{ '@acorex:common.general.and' | translate | async }}</span>\n\n    <ax-form class=\"ax-sm\">\n      <ax-form-field>\n        <ax-select-box\n          (onClosed)=\"inputChange()\"\n          [disabled]=\"!isCustom\"\n          [dataSource]=\"zeroTo23\"\n          textField=\"text\"\n          valueField=\"id\"\n          [(ngModel)]=\"hoursService.hourModel.custom.between.to\"\n        >\n        </ax-select-box>\n      </ax-form-field>\n    </ax-form>\n  </div>\n</div>\n", styles: ["ax-cron-day label,ax-cron-hours label,ax-cron-minutes label,ax-cron-month label,ax-cron-seconds label,ax-cron-year label{font-size:.875rem;line-height:1.25rem;font-weight:500}ax-cron-day .ax-radio-container,ax-cron-hours .ax-radio-container,ax-cron-minutes .ax-radio-container,ax-cron-month .ax-radio-container,ax-cron-seconds .ax-radio-container,ax-cron-year .ax-radio-container{margin-bottom:.5rem;display:flex;align-items:center}ax-cron-day .ax-radio-container input,ax-cron-hours .ax-radio-container input,ax-cron-minutes .ax-radio-container input,ax-cron-month .ax-radio-container input,ax-cron-seconds .ax-radio-container input,ax-cron-year .ax-radio-container input{margin-inline-end:.5rem}ax-cron-day .ax-block-container,ax-cron-hours .ax-block-container,ax-cron-minutes .ax-block-container,ax-cron-month .ax-block-container,ax-cron-seconds .ax-block-container,ax-cron-year .ax-block-container{padding-inline-start:1.5rem}ax-cron-day .ax-block-container .ax-every-container,ax-cron-hours .ax-block-container .ax-every-container,ax-cron-minutes .ax-block-container .ax-every-container,ax-cron-month .ax-block-container .ax-every-container,ax-cron-seconds .ax-block-container .ax-every-container,ax-cron-year .ax-block-container .ax-every-container{display:flex;align-items:center}ax-cron-day .ax-block-container .ax-every-container ax-form,ax-cron-hours .ax-block-container .ax-every-container ax-form,ax-cron-minutes .ax-block-container .ax-every-container ax-form,ax-cron-month .ax-block-container .ax-every-container ax-form,ax-cron-seconds .ax-block-container .ax-every-container ax-form,ax-cron-year .ax-block-container .ax-every-container ax-form{width:fit-content;margin-inline:.5rem}ax-cron-day .ax-block-container .ax-specific-container,ax-cron-hours .ax-block-container .ax-specific-container,ax-cron-minutes .ax-block-container .ax-specific-container,ax-cron-month .ax-block-container .ax-specific-container,ax-cron-seconds .ax-block-container .ax-specific-container,ax-cron-year .ax-block-container .ax-specific-container{margin-block:.5rem}ax-cron-day .ax-block-container .ax-specific-container .ax-flex-container,ax-cron-hours .ax-block-container .ax-specific-container .ax-flex-container,ax-cron-minutes .ax-block-container .ax-specific-container .ax-flex-container,ax-cron-month .ax-block-container .ax-specific-container .ax-flex-container,ax-cron-seconds .ax-block-container .ax-specific-container .ax-flex-container,ax-cron-year .ax-block-container .ax-specific-container .ax-flex-container{display:flex;align-items:center;margin-bottom:.5rem}ax-cron-day .ax-block-container .ax-between-container,ax-cron-hours .ax-block-container .ax-between-container,ax-cron-minutes .ax-block-container .ax-between-container,ax-cron-month .ax-block-container .ax-between-container,ax-cron-seconds .ax-block-container .ax-between-container,ax-cron-year .ax-block-container .ax-between-container{display:flex;align-items:center}ax-cron-day .ax-block-container .ax-between-container .ax-flex-container,ax-cron-hours .ax-block-container .ax-between-container .ax-flex-container,ax-cron-minutes .ax-block-container .ax-between-container .ax-flex-container,ax-cron-month .ax-block-container .ax-between-container .ax-flex-container,ax-cron-seconds .ax-block-container .ax-between-container .ax-flex-container,ax-cron-year .ax-block-container .ax-between-container .ax-flex-container{display:flex;align-items:center;margin-bottom:.5rem}ax-cron-day .ax-block-container .ax-between-container ax-form,ax-cron-hours .ax-block-container .ax-between-container ax-form,ax-cron-minutes .ax-block-container .ax-between-container ax-form,ax-cron-month .ax-block-container .ax-between-container ax-form,ax-cron-seconds .ax-block-container .ax-between-container ax-form,ax-cron-year .ax-block-container .ax-between-container ax-form{width:fit-content;margin-inline:.5rem}ax-cron-day .ax-block-container .ax-week-container,ax-cron-hours .ax-block-container .ax-week-container,ax-cron-minutes .ax-block-container .ax-week-container,ax-cron-month .ax-block-container .ax-week-container,ax-cron-seconds .ax-block-container .ax-week-container,ax-cron-year .ax-block-container .ax-week-container{display:flex;align-items:center;margin-bottom:.5rem}ax-cron-day .ax-block-container .ax-week-container ax-form,ax-cron-hours .ax-block-container .ax-week-container ax-form,ax-cron-minutes .ax-block-container .ax-week-container ax-form,ax-cron-month .ax-block-container .ax-week-container ax-form,ax-cron-seconds .ax-block-container .ax-week-container ax-form,ax-cron-year .ax-block-container .ax-week-container ax-form{width:fit-content;margin-inline:.5rem}ax-cron-day .ax-block-container .ax-week-container .ax-radio,ax-cron-hours .ax-block-container .ax-week-container .ax-radio,ax-cron-minutes .ax-block-container .ax-week-container .ax-radio,ax-cron-month .ax-block-container .ax-week-container .ax-radio,ax-cron-seconds .ax-block-container .ax-week-container .ax-radio,ax-cron-year .ax-block-container .ax-week-container .ax-radio{margin-inline-end:.5rem}\n"], dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1.RadioControlValueAccessor, selector: "input[type=radio][formControlName],input[type=radio][formControl],input[type=radio][ngModel]", inputs: ["name", "formControlName", "value"] }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: AXCheckBoxComponent, selector: "ax-check-box", inputs: ["disabled", "tabIndex", "readonly", "color", "value", "name", "id", "checked", "isLoading", "indeterminate"], outputs: ["onBlur", "onFocus", "valueChange", "onValueChanged"] }, { kind: "component", type: AXLabelComponent, selector: "ax-label", inputs: ["required", "for"], outputs: ["requiredChange"] }, { kind: "component", type: AXFormComponent, selector: "ax-form", inputs: ["labelMode", "look", "messageStyle", "updateOn"], outputs: ["onValidate", "updateOnChange"] }, { kind: "component", type: AXFormFieldComponent, selector: "ax-form-field", inputs: ["labelMode"] }, { kind: "component", type: AXSelectBoxComponent, selector: "ax-select-box", inputs: ["disabled", "readonly", "tabIndex", "placeholder", "minValue", "maxValue", "value", "state", "name", "id", "type", "look", "multiple", "valueField", "textField", "disabledField", "textTemplate", "selectedItems", "isItemTruncated", "showItemTooltip", "dataSource", "minRecordsForSearch", "caption", "itemTemplate", "selectedTemplate", "emptyTemplate", "loadingTemplate", "dropdownWidth", "searchBoxAutoFocus"], outputs: ["valueChange", "stateChange", "onValueChanged", "onBlur", "onFocus", "readonlyChange", "disabledChange", "onOpened", "onClosed"] }, { kind: "component", type: AXDecoratorClearButtonComponent, selector: "ax-clear-button", inputs: ["icon"] }, { kind: "pipe", type: AsyncPipe, name: "async" }, { kind: "pipe", type: AXTranslatorPipe, name: "translate" }], encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.1.3", type: AXCronHoursComponent, isStandalone: true, selector: "ax-cron-hours", outputs: { hoursChanged: "hoursChanged" }, host: { attributes: { "ngSkipHydration": "true" } }, providers: [{ provide: AXComponent, useExisting: AXCronHoursComponent }], ngImport: i0, template: "<div class=\"ax-radio-container\">\n  <input\n    (change)=\"inputChange()\"\n    class=\"ax-radio\"\n    type=\"radio\"\n    name=\"everyHours\"\n    id=\"option1hours\"\n    value=\"every\"\n    [(ngModel)]=\"hoursService.hourModel.type\"\n    checked\n  />\n  <label for=\"option1hours\">\n    {{ '@acorex:common.general.every' | translate | async }}\n    {{ '@acorex:dateTime.units.hour' | translate | async }}\n  </label>\n</div>\n\n<div class=\"ax-radio-container\">\n  <input\n    (change)=\"inputChange()\"\n    class=\"ax-radio\"\n    type=\"radio\"\n    name=\"everyHours\"\n    id=\"option2hours\"\n    value=\"custom\"\n    [(ngModel)]=\"hoursService.hourModel.type\"\n  />\n  <label for=\"option2hours\">{{ '@acorex:common.general.custom' | translate | async }}</label>\n</div>\n\n<div class=\"ax-block-container\">\n  <div class=\"ax-every-container\">\n    <ax-check-box\n      (valueChange)=\"inputChange()\"\n      [disabled]=\"!isCustom\"\n      [(ngModel)]=\"hoursService.hourModel.custom.repeat.isRepeat\"\n    >\n      <ax-label>{{ '@acorex:common.general.every' | translate | async }}</ax-label>\n    </ax-check-box>\n\n    <ax-form class=\"ax-sm\">\n      <ax-form-field>\n        <ax-select-box\n          (onClosed)=\"inputChange()\"\n          [disabled]=\"!isCustom\"\n          [dataSource]=\"zeroTo23\"\n          textField=\"text\"\n          valueField=\"id\"\n          [(ngModel)]=\"hoursService.hourModel.custom.repeat.interval\"\n        >\n        </ax-select-box>\n      </ax-form-field>\n    </ax-form>\n\n    <span>{{ '@acorex:scheduler.starting-at.hour' | translate | async }}</span>\n\n    <ax-form class=\"ax-sm\">\n      <ax-form-field>\n        <ax-select-box\n          (onClosed)=\"inputChange()\"\n          [disabled]=\"!isCustom\"\n          [dataSource]=\"zeroTo23\"\n          textField=\"text\"\n          valueField=\"id\"\n          [(ngModel)]=\"hoursService.hourModel.custom.repeat.startAt\"\n        >\n        </ax-select-box>\n      </ax-form-field>\n    </ax-form>\n  </div>\n\n  <div class=\"ax-specific-container\">\n    <div class=\"ax-flex-container\">\n      <ax-check-box\n        (valueChange)=\"inputChange()\"\n        [disabled]=\"!isCustom\"\n        [(ngModel)]=\"hoursService.hourModel.custom.specific.isSpecific\"\n      >\n        <ax-label>{{ '@acorex:scheduler.specific.hour' | translate | async }} </ax-label>\n      </ax-check-box>\n    </div>\n\n    <ax-form>\n      <ax-form-field>\n        <ax-select-box\n          (onClosed)=\"inputChange()\"\n          [disabled]=\"!isCustom\"\n          [dataSource]=\"dropdownList\"\n          textField=\"text\"\n          valueField=\"id\"\n          [placeholder]=\"'@acorex:scheduler.time-units.select-hour' | translate | async\"\n          [multiple]=\"true\"\n          (onValueChanged)=\"changeHandler($event)\"\n        >\n          <ax-clear-button></ax-clear-button>\n        </ax-select-box>\n      </ax-form-field>\n    </ax-form>\n  </div>\n\n  <div class=\"ax-between-container\">\n    <ax-check-box\n      (valueChange)=\"inputChange()\"\n      [disabled]=\"!isCustom\"\n      [(ngModel)]=\"hoursService.hourModel.custom.between.isBetween\"\n    >\n      <ax-label>\n        {{ '@acorex:common.general.every' | translate | async }}\n        {{ '@acorex:dateTime.units.hour' | translate | async }}\n        {{ '@acorex:common.general.between' | translate | async }}\n        {{ '@acorex:dateTime.units.hour' | translate | async }}\n      </ax-label>\n    </ax-check-box>\n\n    <ax-form class=\"ax-sm\">\n      <ax-form-field>\n        <ax-select-box\n          (onClosed)=\"inputChange()\"\n          [disabled]=\"!isCustom\"\n          [dataSource]=\"zeroTo23\"\n          textField=\"text\"\n          valueField=\"id\"\n          [(ngModel)]=\"hoursService.hourModel.custom.between.from\"\n        >\n        </ax-select-box>\n      </ax-form-field>\n    </ax-form>\n\n    <span>{{ '@acorex:common.general.and' | translate | async }}</span>\n\n    <ax-form class=\"ax-sm\">\n      <ax-form-field>\n        <ax-select-box\n          (onClosed)=\"inputChange()\"\n          [disabled]=\"!isCustom\"\n          [dataSource]=\"zeroTo23\"\n          textField=\"text\"\n          valueField=\"id\"\n          [(ngModel)]=\"hoursService.hourModel.custom.between.to\"\n        >\n        </ax-select-box>\n      </ax-form-field>\n    </ax-form>\n  </div>\n</div>\n", styles: ["ax-cron-day label,ax-cron-hours label,ax-cron-minutes label,ax-cron-month label,ax-cron-seconds label,ax-cron-year label{font-size:.875rem;line-height:1.25rem;font-weight:500}ax-cron-day .ax-radio-container,ax-cron-hours .ax-radio-container,ax-cron-minutes .ax-radio-container,ax-cron-month .ax-radio-container,ax-cron-seconds .ax-radio-container,ax-cron-year .ax-radio-container{margin-bottom:.5rem;display:flex;align-items:center}ax-cron-day .ax-radio-container input,ax-cron-hours .ax-radio-container input,ax-cron-minutes .ax-radio-container input,ax-cron-month .ax-radio-container input,ax-cron-seconds .ax-radio-container input,ax-cron-year .ax-radio-container input{margin-inline-end:.5rem}ax-cron-day .ax-block-container,ax-cron-hours .ax-block-container,ax-cron-minutes .ax-block-container,ax-cron-month .ax-block-container,ax-cron-seconds .ax-block-container,ax-cron-year .ax-block-container{padding-inline-start:1.5rem}ax-cron-day .ax-block-container .ax-every-container,ax-cron-hours .ax-block-container .ax-every-container,ax-cron-minutes .ax-block-container .ax-every-container,ax-cron-month .ax-block-container .ax-every-container,ax-cron-seconds .ax-block-container .ax-every-container,ax-cron-year .ax-block-container .ax-every-container{display:flex;align-items:center}ax-cron-day .ax-block-container .ax-every-container ax-form,ax-cron-hours .ax-block-container .ax-every-container ax-form,ax-cron-minutes .ax-block-container .ax-every-container ax-form,ax-cron-month .ax-block-container .ax-every-container ax-form,ax-cron-seconds .ax-block-container .ax-every-container ax-form,ax-cron-year .ax-block-container .ax-every-container ax-form{width:fit-content;margin-inline:.5rem}ax-cron-day .ax-block-container .ax-specific-container,ax-cron-hours .ax-block-container .ax-specific-container,ax-cron-minutes .ax-block-container .ax-specific-container,ax-cron-month .ax-block-container .ax-specific-container,ax-cron-seconds .ax-block-container .ax-specific-container,ax-cron-year .ax-block-container .ax-specific-container{margin-block:.5rem}ax-cron-day .ax-block-container .ax-specific-container .ax-flex-container,ax-cron-hours .ax-block-container .ax-specific-container .ax-flex-container,ax-cron-minutes .ax-block-container .ax-specific-container .ax-flex-container,ax-cron-month .ax-block-container .ax-specific-container .ax-flex-container,ax-cron-seconds .ax-block-container .ax-specific-container .ax-flex-container,ax-cron-year .ax-block-container .ax-specific-container .ax-flex-container{display:flex;align-items:center;margin-bottom:.5rem}ax-cron-day .ax-block-container .ax-between-container,ax-cron-hours .ax-block-container .ax-between-container,ax-cron-minutes .ax-block-container .ax-between-container,ax-cron-month .ax-block-container .ax-between-container,ax-cron-seconds .ax-block-container .ax-between-container,ax-cron-year .ax-block-container .ax-between-container{display:flex;align-items:center}ax-cron-day .ax-block-container .ax-between-container .ax-flex-container,ax-cron-hours .ax-block-container .ax-between-container .ax-flex-container,ax-cron-minutes .ax-block-container .ax-between-container .ax-flex-container,ax-cron-month .ax-block-container .ax-between-container .ax-flex-container,ax-cron-seconds .ax-block-container .ax-between-container .ax-flex-container,ax-cron-year .ax-block-container .ax-between-container .ax-flex-container{display:flex;align-items:center;margin-bottom:.5rem}ax-cron-day .ax-block-container .ax-between-container ax-form,ax-cron-hours .ax-block-container .ax-between-container ax-form,ax-cron-minutes .ax-block-container .ax-between-container ax-form,ax-cron-month .ax-block-container .ax-between-container ax-form,ax-cron-seconds .ax-block-container .ax-between-container ax-form,ax-cron-year .ax-block-container .ax-between-container ax-form{width:fit-content;margin-inline:.5rem}ax-cron-day .ax-block-container .ax-week-container,ax-cron-hours .ax-block-container .ax-week-container,ax-cron-minutes .ax-block-container .ax-week-container,ax-cron-month .ax-block-container .ax-week-container,ax-cron-seconds .ax-block-container .ax-week-container,ax-cron-year .ax-block-container .ax-week-container{display:flex;align-items:center;margin-bottom:.5rem}ax-cron-day .ax-block-container .ax-week-container ax-form,ax-cron-hours .ax-block-container .ax-week-container ax-form,ax-cron-minutes .ax-block-container .ax-week-container ax-form,ax-cron-month .ax-block-container .ax-week-container ax-form,ax-cron-seconds .ax-block-container .ax-week-container ax-form,ax-cron-year .ax-block-container .ax-week-container ax-form{width:fit-content;margin-inline:.5rem}ax-cron-day .ax-block-container .ax-week-container .ax-radio,ax-cron-hours .ax-block-container .ax-week-container .ax-radio,ax-cron-minutes .ax-block-container .ax-week-container .ax-radio,ax-cron-month .ax-block-container .ax-week-container .ax-radio,ax-cron-seconds .ax-block-container .ax-week-container .ax-radio,ax-cron-year .ax-block-container .ax-week-container .ax-radio{margin-inline-end:.5rem}\n"], dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1.RadioControlValueAccessor, selector: "input[type=radio][formControlName],input[type=radio][formControl],input[type=radio][ngModel]", inputs: ["name", "formControlName", "value"] }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: AXCheckBoxComponent, selector: "ax-check-box", inputs: ["disabled", "tabIndex", "readonly", "color", "value", "name", "id", "isLoading", "indeterminate"], outputs: ["onBlur", "onFocus", "valueChange", "onValueChanged"] }, { kind: "component", type: AXLabelComponent, selector: "ax-label", inputs: ["required", "for"], outputs: ["requiredChange"] }, { kind: "component", type: AXFormComponent, selector: "ax-form", inputs: ["labelMode", "look", "messageStyle", "updateOn"], outputs: ["onValidate", "updateOnChange"] }, { kind: "component", type: AXFormFieldComponent, selector: "ax-form-field", inputs: ["labelMode"] }, { kind: "component", type: AXSelectBoxComponent, selector: "ax-select-box", inputs: ["disabled", "readonly", "tabIndex", "placeholder", "minValue", "maxValue", "value", "state", "name", "id", "type", "look", "multiple", "valueField", "textField", "disabledField", "textTemplate", "selectedItems", "isItemTruncated", "showItemTooltip", "dataSource", "minRecordsForSearch", "caption", "itemTemplate", "selectedTemplate", "emptyTemplate", "loadingTemplate", "dropdownWidth", "searchBoxAutoFocus"], outputs: ["valueChange", "stateChange", "onValueChanged", "onBlur", "onFocus", "readonlyChange", "disabledChange", "onOpened", "onClosed"] }, { kind: "component", type: AXDecoratorClearButtonComponent, selector: "ax-clear-button", inputs: ["icon"] }, { kind: "pipe", type: AsyncPipe, name: "async" }, { kind: "pipe", type: AXTranslatorPipe, name: "translate" }], encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: AXCronHoursComponent, decorators: [{
             type: Component,
@@ -692,7 +692,7 @@ class AXCronMinutesComponent {
         return this.minutesService.minuteModel.type === Type.Every ? false : true;
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: AXCronMinutesComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.1.3", type: AXCronMinutesComponent, isStandalone: true, selector: "ax-cron-minutes", outputs: { minutesChanged: "minutesChanged" }, host: { attributes: { "ngSkipHydration": "true" } }, providers: [{ provide: AXComponent, useExisting: AXCronMinutesComponent }], ngImport: i0, template: "<div class=\"ax-radio-container\">\n  <input\n    (change)=\"inputChange()\"\n    class=\"ax-radio\"\n    type=\"radio\"\n    name=\"everyMinutes\"\n    id=\"option1minutes\"\n    value=\"every\"\n    [(ngModel)]=\"minutesService.minuteModel.type\"\n    checked\n  />\n  <label for=\"option1minutes\">\n    {{ '@acorex:common.general.every' | translate | async }}\n    {{ '@acorex:dateTime.units.minute' | translate | async }}\n  </label>\n</div>\n\n<div class=\"ax-radio-container\">\n  <input\n    (change)=\"inputChange()\"\n    class=\"ax-radio\"\n    type=\"radio\"\n    name=\"everyMinutes\"\n    id=\"option2minutes\"\n    value=\"custom\"\n    [(ngModel)]=\"minutesService.minuteModel.type\"\n  />\n  <label for=\"option2minutes\">{{ '@acorex:common.general.custom' | translate | async }}</label>\n</div>\n\n<div class=\"ax-block-container\">\n  <div class=\"ax-every-container\">\n    <ax-check-box\n      (valueChange)=\"inputChange()\"\n      [disabled]=\"!isCustom\"\n      [(ngModel)]=\"minutesService.minuteModel.custom.repeat.isRepeat\"\n    >\n      <ax-label>{{ '@acorex:common.general.every' | translate | async }}</ax-label>\n    </ax-check-box>\n\n    <ax-form class=\"ax-sm\">\n      <ax-form-field>\n        <ax-select-box\n          (onClosed)=\"inputChange()\"\n          [disabled]=\"!isCustom\"\n          [dataSource]=\"zeroTo59\"\n          textField=\"text\"\n          valueField=\"id\"\n          [(ngModel)]=\"minutesService.minuteModel.custom.repeat.interval\"\n        >\n        </ax-select-box>\n      </ax-form-field>\n    </ax-form>\n\n    <span>{{ '@acorex:scheduler.starting-at.minute' | translate | async }}</span>\n\n    <ax-form class=\"ax-sm\">\n      <ax-form-field>\n        <ax-select-box\n          (onClosed)=\"inputChange()\"\n          [disabled]=\"!isCustom\"\n          [dataSource]=\"zeroTo59\"\n          textField=\"text\"\n          valueField=\"id\"\n          [(ngModel)]=\"minutesService.minuteModel.custom.repeat.startAt\"\n        >\n        </ax-select-box>\n      </ax-form-field>\n    </ax-form>\n  </div>\n\n  <div class=\"ax-specific-container\">\n    <div class=\"ax-flex-container\">\n      <ax-check-box\n        (valueChange)=\"inputChange()\"\n        [disabled]=\"!isCustom\"\n        [(ngModel)]=\"minutesService.minuteModel.custom.specific.isSpecific\"\n      >\n        <ax-label>{{ '@acorex:scheduler.specific.minute' | translate | async }}</ax-label>\n      </ax-check-box>\n    </div>\n\n    <ax-form>\n      <ax-form-field>\n        <ax-select-box\n          (onClosed)=\"inputChange()\"\n          [disabled]=\"!isCustom\"\n          [dataSource]=\"dropdownList\"\n          textField=\"text\"\n          valueField=\"id\"\n          [placeholder]=\"'@acorex:scheduler.time-units.select-minute' | translate | async\"\n          [multiple]=\"true\"\n          (onValueChanged)=\"changeHandler($event)\"\n        >\n          <ax-clear-button></ax-clear-button>\n        </ax-select-box>\n      </ax-form-field>\n    </ax-form>\n  </div>\n\n  <div class=\"ax-between-container\">\n    <ax-check-box\n      (valueChange)=\"inputChange()\"\n      [disabled]=\"!isCustom\"\n      [(ngModel)]=\"minutesService.minuteModel.custom.between.isBetween\"\n    >\n      <ax-label>\n        {{ '@acorex:common.general.every' | translate | async }}\n        {{ '@acorex:dateTime.units.minute' | translate | async }}\n        {{ '@acorex:common.general.between' | translate | async }}\n        {{ '@acorex:dateTime.units.minute' | translate | async }}\n      </ax-label>\n    </ax-check-box>\n\n    <ax-form class=\"ax-sm\">\n      <ax-form-field>\n        <ax-select-box\n          (onClosed)=\"inputChange()\"\n          [disabled]=\"!isCustom\"\n          [dataSource]=\"zeroTo59\"\n          textField=\"text\"\n          valueField=\"id\"\n          [(ngModel)]=\"minutesService.minuteModel.custom.between.from\"\n        >\n        </ax-select-box>\n      </ax-form-field>\n    </ax-form>\n\n    <span>{{ '@acorex:common.general.and' | translate | async }}</span>\n\n    <ax-form class=\"ax-sm\">\n      <ax-form-field>\n        <ax-select-box\n          (onClosed)=\"inputChange()\"\n          [disabled]=\"!isCustom\"\n          [dataSource]=\"zeroTo59\"\n          textField=\"text\"\n          valueField=\"id\"\n          [(ngModel)]=\"minutesService.minuteModel.custom.between.to\"\n        >\n        </ax-select-box>\n      </ax-form-field>\n    </ax-form>\n  </div>\n</div>\n", styles: ["ax-cron-day label,ax-cron-hours label,ax-cron-minutes label,ax-cron-month label,ax-cron-seconds label,ax-cron-year label{font-size:.875rem;line-height:1.25rem;font-weight:500}ax-cron-day .ax-radio-container,ax-cron-hours .ax-radio-container,ax-cron-minutes .ax-radio-container,ax-cron-month .ax-radio-container,ax-cron-seconds .ax-radio-container,ax-cron-year .ax-radio-container{margin-bottom:.5rem;display:flex;align-items:center}ax-cron-day .ax-radio-container input,ax-cron-hours .ax-radio-container input,ax-cron-minutes .ax-radio-container input,ax-cron-month .ax-radio-container input,ax-cron-seconds .ax-radio-container input,ax-cron-year .ax-radio-container input{margin-inline-end:.5rem}ax-cron-day .ax-block-container,ax-cron-hours .ax-block-container,ax-cron-minutes .ax-block-container,ax-cron-month .ax-block-container,ax-cron-seconds .ax-block-container,ax-cron-year .ax-block-container{padding-inline-start:1.5rem}ax-cron-day .ax-block-container .ax-every-container,ax-cron-hours .ax-block-container .ax-every-container,ax-cron-minutes .ax-block-container .ax-every-container,ax-cron-month .ax-block-container .ax-every-container,ax-cron-seconds .ax-block-container .ax-every-container,ax-cron-year .ax-block-container .ax-every-container{display:flex;align-items:center}ax-cron-day .ax-block-container .ax-every-container ax-form,ax-cron-hours .ax-block-container .ax-every-container ax-form,ax-cron-minutes .ax-block-container .ax-every-container ax-form,ax-cron-month .ax-block-container .ax-every-container ax-form,ax-cron-seconds .ax-block-container .ax-every-container ax-form,ax-cron-year .ax-block-container .ax-every-container ax-form{width:fit-content;margin-inline:.5rem}ax-cron-day .ax-block-container .ax-specific-container,ax-cron-hours .ax-block-container .ax-specific-container,ax-cron-minutes .ax-block-container .ax-specific-container,ax-cron-month .ax-block-container .ax-specific-container,ax-cron-seconds .ax-block-container .ax-specific-container,ax-cron-year .ax-block-container .ax-specific-container{margin-block:.5rem}ax-cron-day .ax-block-container .ax-specific-container .ax-flex-container,ax-cron-hours .ax-block-container .ax-specific-container .ax-flex-container,ax-cron-minutes .ax-block-container .ax-specific-container .ax-flex-container,ax-cron-month .ax-block-container .ax-specific-container .ax-flex-container,ax-cron-seconds .ax-block-container .ax-specific-container .ax-flex-container,ax-cron-year .ax-block-container .ax-specific-container .ax-flex-container{display:flex;align-items:center;margin-bottom:.5rem}ax-cron-day .ax-block-container .ax-between-container,ax-cron-hours .ax-block-container .ax-between-container,ax-cron-minutes .ax-block-container .ax-between-container,ax-cron-month .ax-block-container .ax-between-container,ax-cron-seconds .ax-block-container .ax-between-container,ax-cron-year .ax-block-container .ax-between-container{display:flex;align-items:center}ax-cron-day .ax-block-container .ax-between-container .ax-flex-container,ax-cron-hours .ax-block-container .ax-between-container .ax-flex-container,ax-cron-minutes .ax-block-container .ax-between-container .ax-flex-container,ax-cron-month .ax-block-container .ax-between-container .ax-flex-container,ax-cron-seconds .ax-block-container .ax-between-container .ax-flex-container,ax-cron-year .ax-block-container .ax-between-container .ax-flex-container{display:flex;align-items:center;margin-bottom:.5rem}ax-cron-day .ax-block-container .ax-between-container ax-form,ax-cron-hours .ax-block-container .ax-between-container ax-form,ax-cron-minutes .ax-block-container .ax-between-container ax-form,ax-cron-month .ax-block-container .ax-between-container ax-form,ax-cron-seconds .ax-block-container .ax-between-container ax-form,ax-cron-year .ax-block-container .ax-between-container ax-form{width:fit-content;margin-inline:.5rem}ax-cron-day .ax-block-container .ax-week-container,ax-cron-hours .ax-block-container .ax-week-container,ax-cron-minutes .ax-block-container .ax-week-container,ax-cron-month .ax-block-container .ax-week-container,ax-cron-seconds .ax-block-container .ax-week-container,ax-cron-year .ax-block-container .ax-week-container{display:flex;align-items:center;margin-bottom:.5rem}ax-cron-day .ax-block-container .ax-week-container ax-form,ax-cron-hours .ax-block-container .ax-week-container ax-form,ax-cron-minutes .ax-block-container .ax-week-container ax-form,ax-cron-month .ax-block-container .ax-week-container ax-form,ax-cron-seconds .ax-block-container .ax-week-container ax-form,ax-cron-year .ax-block-container .ax-week-container ax-form{width:fit-content;margin-inline:.5rem}ax-cron-day .ax-block-container .ax-week-container .ax-radio,ax-cron-hours .ax-block-container .ax-week-container .ax-radio,ax-cron-minutes .ax-block-container .ax-week-container .ax-radio,ax-cron-month .ax-block-container .ax-week-container .ax-radio,ax-cron-seconds .ax-block-container .ax-week-container .ax-radio,ax-cron-year .ax-block-container .ax-week-container .ax-radio{margin-inline-end:.5rem}\n"], dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1.RadioControlValueAccessor, selector: "input[type=radio][formControlName],input[type=radio][formControl],input[type=radio][ngModel]", inputs: ["name", "formControlName", "value"] }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: AXCheckBoxComponent, selector: "ax-check-box", inputs: ["disabled", "tabIndex", "readonly", "color", "value", "name", "id", "checked", "isLoading", "indeterminate"], outputs: ["onBlur", "onFocus", "valueChange", "onValueChanged"] }, { kind: "component", type: AXLabelComponent, selector: "ax-label", inputs: ["required", "for"], outputs: ["requiredChange"] }, { kind: "component", type: AXFormComponent, selector: "ax-form", inputs: ["labelMode", "look", "messageStyle", "updateOn"], outputs: ["onValidate", "updateOnChange"] }, { kind: "component", type: AXFormFieldComponent, selector: "ax-form-field", inputs: ["labelMode"] }, { kind: "component", type: AXSelectBoxComponent, selector: "ax-select-box", inputs: ["disabled", "readonly", "tabIndex", "placeholder", "minValue", "maxValue", "value", "state", "name", "id", "type", "look", "multiple", "valueField", "textField", "disabledField", "textTemplate", "selectedItems", "isItemTruncated", "showItemTooltip", "dataSource", "minRecordsForSearch", "caption", "itemTemplate", "selectedTemplate", "emptyTemplate", "loadingTemplate", "dropdownWidth", "searchBoxAutoFocus"], outputs: ["valueChange", "stateChange", "onValueChanged", "onBlur", "onFocus", "readonlyChange", "disabledChange", "onOpened", "onClosed"] }, { kind: "component", type: AXDecoratorClearButtonComponent, selector: "ax-clear-button", inputs: ["icon"] }, { kind: "pipe", type: AsyncPipe, name: "async" }, { kind: "pipe", type: AXTranslatorPipe, name: "translate" }], encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.1.3", type: AXCronMinutesComponent, isStandalone: true, selector: "ax-cron-minutes", outputs: { minutesChanged: "minutesChanged" }, host: { attributes: { "ngSkipHydration": "true" } }, providers: [{ provide: AXComponent, useExisting: AXCronMinutesComponent }], ngImport: i0, template: "<div class=\"ax-radio-container\">\n  <input\n    (change)=\"inputChange()\"\n    class=\"ax-radio\"\n    type=\"radio\"\n    name=\"everyMinutes\"\n    id=\"option1minutes\"\n    value=\"every\"\n    [(ngModel)]=\"minutesService.minuteModel.type\"\n    checked\n  />\n  <label for=\"option1minutes\">\n    {{ '@acorex:common.general.every' | translate | async }}\n    {{ '@acorex:dateTime.units.minute' | translate | async }}\n  </label>\n</div>\n\n<div class=\"ax-radio-container\">\n  <input\n    (change)=\"inputChange()\"\n    class=\"ax-radio\"\n    type=\"radio\"\n    name=\"everyMinutes\"\n    id=\"option2minutes\"\n    value=\"custom\"\n    [(ngModel)]=\"minutesService.minuteModel.type\"\n  />\n  <label for=\"option2minutes\">{{ '@acorex:common.general.custom' | translate | async }}</label>\n</div>\n\n<div class=\"ax-block-container\">\n  <div class=\"ax-every-container\">\n    <ax-check-box\n      (valueChange)=\"inputChange()\"\n      [disabled]=\"!isCustom\"\n      [(ngModel)]=\"minutesService.minuteModel.custom.repeat.isRepeat\"\n    >\n      <ax-label>{{ '@acorex:common.general.every' | translate | async }}</ax-label>\n    </ax-check-box>\n\n    <ax-form class=\"ax-sm\">\n      <ax-form-field>\n        <ax-select-box\n          (onClosed)=\"inputChange()\"\n          [disabled]=\"!isCustom\"\n          [dataSource]=\"zeroTo59\"\n          textField=\"text\"\n          valueField=\"id\"\n          [(ngModel)]=\"minutesService.minuteModel.custom.repeat.interval\"\n        >\n        </ax-select-box>\n      </ax-form-field>\n    </ax-form>\n\n    <span>{{ '@acorex:scheduler.starting-at.minute' | translate | async }}</span>\n\n    <ax-form class=\"ax-sm\">\n      <ax-form-field>\n        <ax-select-box\n          (onClosed)=\"inputChange()\"\n          [disabled]=\"!isCustom\"\n          [dataSource]=\"zeroTo59\"\n          textField=\"text\"\n          valueField=\"id\"\n          [(ngModel)]=\"minutesService.minuteModel.custom.repeat.startAt\"\n        >\n        </ax-select-box>\n      </ax-form-field>\n    </ax-form>\n  </div>\n\n  <div class=\"ax-specific-container\">\n    <div class=\"ax-flex-container\">\n      <ax-check-box\n        (valueChange)=\"inputChange()\"\n        [disabled]=\"!isCustom\"\n        [(ngModel)]=\"minutesService.minuteModel.custom.specific.isSpecific\"\n      >\n        <ax-label>{{ '@acorex:scheduler.specific.minute' | translate | async }}</ax-label>\n      </ax-check-box>\n    </div>\n\n    <ax-form>\n      <ax-form-field>\n        <ax-select-box\n          (onClosed)=\"inputChange()\"\n          [disabled]=\"!isCustom\"\n          [dataSource]=\"dropdownList\"\n          textField=\"text\"\n          valueField=\"id\"\n          [placeholder]=\"'@acorex:scheduler.time-units.select-minute' | translate | async\"\n          [multiple]=\"true\"\n          (onValueChanged)=\"changeHandler($event)\"\n        >\n          <ax-clear-button></ax-clear-button>\n        </ax-select-box>\n      </ax-form-field>\n    </ax-form>\n  </div>\n\n  <div class=\"ax-between-container\">\n    <ax-check-box\n      (valueChange)=\"inputChange()\"\n      [disabled]=\"!isCustom\"\n      [(ngModel)]=\"minutesService.minuteModel.custom.between.isBetween\"\n    >\n      <ax-label>\n        {{ '@acorex:common.general.every' | translate | async }}\n        {{ '@acorex:dateTime.units.minute' | translate | async }}\n        {{ '@acorex:common.general.between' | translate | async }}\n        {{ '@acorex:dateTime.units.minute' | translate | async }}\n      </ax-label>\n    </ax-check-box>\n\n    <ax-form class=\"ax-sm\">\n      <ax-form-field>\n        <ax-select-box\n          (onClosed)=\"inputChange()\"\n          [disabled]=\"!isCustom\"\n          [dataSource]=\"zeroTo59\"\n          textField=\"text\"\n          valueField=\"id\"\n          [(ngModel)]=\"minutesService.minuteModel.custom.between.from\"\n        >\n        </ax-select-box>\n      </ax-form-field>\n    </ax-form>\n\n    <span>{{ '@acorex:common.general.and' | translate | async }}</span>\n\n    <ax-form class=\"ax-sm\">\n      <ax-form-field>\n        <ax-select-box\n          (onClosed)=\"inputChange()\"\n          [disabled]=\"!isCustom\"\n          [dataSource]=\"zeroTo59\"\n          textField=\"text\"\n          valueField=\"id\"\n          [(ngModel)]=\"minutesService.minuteModel.custom.between.to\"\n        >\n        </ax-select-box>\n      </ax-form-field>\n    </ax-form>\n  </div>\n</div>\n", styles: ["ax-cron-day label,ax-cron-hours label,ax-cron-minutes label,ax-cron-month label,ax-cron-seconds label,ax-cron-year label{font-size:.875rem;line-height:1.25rem;font-weight:500}ax-cron-day .ax-radio-container,ax-cron-hours .ax-radio-container,ax-cron-minutes .ax-radio-container,ax-cron-month .ax-radio-container,ax-cron-seconds .ax-radio-container,ax-cron-year .ax-radio-container{margin-bottom:.5rem;display:flex;align-items:center}ax-cron-day .ax-radio-container input,ax-cron-hours .ax-radio-container input,ax-cron-minutes .ax-radio-container input,ax-cron-month .ax-radio-container input,ax-cron-seconds .ax-radio-container input,ax-cron-year .ax-radio-container input{margin-inline-end:.5rem}ax-cron-day .ax-block-container,ax-cron-hours .ax-block-container,ax-cron-minutes .ax-block-container,ax-cron-month .ax-block-container,ax-cron-seconds .ax-block-container,ax-cron-year .ax-block-container{padding-inline-start:1.5rem}ax-cron-day .ax-block-container .ax-every-container,ax-cron-hours .ax-block-container .ax-every-container,ax-cron-minutes .ax-block-container .ax-every-container,ax-cron-month .ax-block-container .ax-every-container,ax-cron-seconds .ax-block-container .ax-every-container,ax-cron-year .ax-block-container .ax-every-container{display:flex;align-items:center}ax-cron-day .ax-block-container .ax-every-container ax-form,ax-cron-hours .ax-block-container .ax-every-container ax-form,ax-cron-minutes .ax-block-container .ax-every-container ax-form,ax-cron-month .ax-block-container .ax-every-container ax-form,ax-cron-seconds .ax-block-container .ax-every-container ax-form,ax-cron-year .ax-block-container .ax-every-container ax-form{width:fit-content;margin-inline:.5rem}ax-cron-day .ax-block-container .ax-specific-container,ax-cron-hours .ax-block-container .ax-specific-container,ax-cron-minutes .ax-block-container .ax-specific-container,ax-cron-month .ax-block-container .ax-specific-container,ax-cron-seconds .ax-block-container .ax-specific-container,ax-cron-year .ax-block-container .ax-specific-container{margin-block:.5rem}ax-cron-day .ax-block-container .ax-specific-container .ax-flex-container,ax-cron-hours .ax-block-container .ax-specific-container .ax-flex-container,ax-cron-minutes .ax-block-container .ax-specific-container .ax-flex-container,ax-cron-month .ax-block-container .ax-specific-container .ax-flex-container,ax-cron-seconds .ax-block-container .ax-specific-container .ax-flex-container,ax-cron-year .ax-block-container .ax-specific-container .ax-flex-container{display:flex;align-items:center;margin-bottom:.5rem}ax-cron-day .ax-block-container .ax-between-container,ax-cron-hours .ax-block-container .ax-between-container,ax-cron-minutes .ax-block-container .ax-between-container,ax-cron-month .ax-block-container .ax-between-container,ax-cron-seconds .ax-block-container .ax-between-container,ax-cron-year .ax-block-container .ax-between-container{display:flex;align-items:center}ax-cron-day .ax-block-container .ax-between-container .ax-flex-container,ax-cron-hours .ax-block-container .ax-between-container .ax-flex-container,ax-cron-minutes .ax-block-container .ax-between-container .ax-flex-container,ax-cron-month .ax-block-container .ax-between-container .ax-flex-container,ax-cron-seconds .ax-block-container .ax-between-container .ax-flex-container,ax-cron-year .ax-block-container .ax-between-container .ax-flex-container{display:flex;align-items:center;margin-bottom:.5rem}ax-cron-day .ax-block-container .ax-between-container ax-form,ax-cron-hours .ax-block-container .ax-between-container ax-form,ax-cron-minutes .ax-block-container .ax-between-container ax-form,ax-cron-month .ax-block-container .ax-between-container ax-form,ax-cron-seconds .ax-block-container .ax-between-container ax-form,ax-cron-year .ax-block-container .ax-between-container ax-form{width:fit-content;margin-inline:.5rem}ax-cron-day .ax-block-container .ax-week-container,ax-cron-hours .ax-block-container .ax-week-container,ax-cron-minutes .ax-block-container .ax-week-container,ax-cron-month .ax-block-container .ax-week-container,ax-cron-seconds .ax-block-container .ax-week-container,ax-cron-year .ax-block-container .ax-week-container{display:flex;align-items:center;margin-bottom:.5rem}ax-cron-day .ax-block-container .ax-week-container ax-form,ax-cron-hours .ax-block-container .ax-week-container ax-form,ax-cron-minutes .ax-block-container .ax-week-container ax-form,ax-cron-month .ax-block-container .ax-week-container ax-form,ax-cron-seconds .ax-block-container .ax-week-container ax-form,ax-cron-year .ax-block-container .ax-week-container ax-form{width:fit-content;margin-inline:.5rem}ax-cron-day .ax-block-container .ax-week-container .ax-radio,ax-cron-hours .ax-block-container .ax-week-container .ax-radio,ax-cron-minutes .ax-block-container .ax-week-container .ax-radio,ax-cron-month .ax-block-container .ax-week-container .ax-radio,ax-cron-seconds .ax-block-container .ax-week-container .ax-radio,ax-cron-year .ax-block-container .ax-week-container .ax-radio{margin-inline-end:.5rem}\n"], dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1.RadioControlValueAccessor, selector: "input[type=radio][formControlName],input[type=radio][formControl],input[type=radio][ngModel]", inputs: ["name", "formControlName", "value"] }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: AXCheckBoxComponent, selector: "ax-check-box", inputs: ["disabled", "tabIndex", "readonly", "color", "value", "name", "id", "isLoading", "indeterminate"], outputs: ["onBlur", "onFocus", "valueChange", "onValueChanged"] }, { kind: "component", type: AXLabelComponent, selector: "ax-label", inputs: ["required", "for"], outputs: ["requiredChange"] }, { kind: "component", type: AXFormComponent, selector: "ax-form", inputs: ["labelMode", "look", "messageStyle", "updateOn"], outputs: ["onValidate", "updateOnChange"] }, { kind: "component", type: AXFormFieldComponent, selector: "ax-form-field", inputs: ["labelMode"] }, { kind: "component", type: AXSelectBoxComponent, selector: "ax-select-box", inputs: ["disabled", "readonly", "tabIndex", "placeholder", "minValue", "maxValue", "value", "state", "name", "id", "type", "look", "multiple", "valueField", "textField", "disabledField", "textTemplate", "selectedItems", "isItemTruncated", "showItemTooltip", "dataSource", "minRecordsForSearch", "caption", "itemTemplate", "selectedTemplate", "emptyTemplate", "loadingTemplate", "dropdownWidth", "searchBoxAutoFocus"], outputs: ["valueChange", "stateChange", "onValueChanged", "onBlur", "onFocus", "readonlyChange", "disabledChange", "onOpened", "onClosed"] }, { kind: "component", type: AXDecoratorClearButtonComponent, selector: "ax-clear-button", inputs: ["icon"] }, { kind: "pipe", type: AsyncPipe, name: "async" }, { kind: "pipe", type: AXTranslatorPipe, name: "translate" }], encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: AXCronMinutesComponent, decorators: [{
             type: Component,
@@ -839,7 +839,7 @@ class AXCronMonthComponent {
         return this.monthService.monthList;
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: AXCronMonthComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.1.3", type: AXCronMonthComponent, isStandalone: true, selector: "ax-cron-month", outputs: { monthChanged: "monthChanged" }, host: { attributes: { "ngSkipHydration": "true" } }, providers: [{ provide: AXComponent, useExisting: AXCronMonthComponent }], ngImport: i0, template: "<div class=\"ax-radio-container\">\n  <input\n    (change)=\"inputChange()\"\n    class=\"ax-radio\"\n    type=\"radio\"\n    name=\"everyMonth\"\n    id=\"option1month\"\n    value=\"every\"\n    [(ngModel)]=\"monthService.monthModel.type\"\n    checked\n  />\n  <label for=\"option1month\">\n    {{ '@acorex:common.general.every' | translate | async }}\n    {{ '@acorex:dateTime.units.month' | translate | async }}\n  </label>\n</div>\n\n<div class=\"ax-radio-container\">\n  <input\n    (change)=\"inputChange()\"\n    class=\"ax-radio\"\n    type=\"radio\"\n    name=\"everyMonth\"\n    id=\"option2month\"\n    value=\"custom\"\n    [(ngModel)]=\"monthService.monthModel.type\"\n  />\n  <label for=\"option2month\">{{ '@acorex:common.general.custom' | translate | async }}</label>\n</div>\n\n<div class=\"ax-block-container\">\n  <div class=\"ax-every-container\">\n    <ax-check-box\n      (valueChange)=\"inputChange()\"\n      [disabled]=\"!isCustom\"\n      [(ngModel)]=\"monthService.monthModel.custom.repeat.isRepeat\"\n    >\n      <ax-label>{{ '@acorex:common.general.every' | translate | async }}</ax-label>\n    </ax-check-box>\n\n    <ax-form class=\"ax-sm\">\n      <ax-form-field>\n        <ax-select-box\n          (onClosed)=\"inputChange()\"\n          [disabled]=\"!isCustom\"\n          [dataSource]=\"oneTo12\"\n          textField=\"text\"\n          valueField=\"id\"\n          [(ngModel)]=\"monthService.monthModel.custom.repeat.interval\"\n        >\n        </ax-select-box>\n      </ax-form-field>\n    </ax-form>\n\n    <span>{{ '@acorex:scheduler.starting-at.month' | translate | async }}</span>\n\n    <ax-form class=\"ax-sm\">\n      <ax-form-field>\n        <ax-select-box\n          (onClosed)=\"inputChange()\"\n          [disabled]=\"!isCustom\"\n          [dataSource]=\"dropdownList\"\n          textField=\"text\"\n          valueField=\"id\"\n          [(ngModel)]=\"monthService.monthModel.custom.repeat.startAt\"\n        >\n        </ax-select-box>\n      </ax-form-field>\n    </ax-form>\n  </div>\n\n  <div class=\"ax-specific-container\">\n    <div class=\"ax-flex-container\">\n      <ax-check-box\n        (valueChange)=\"inputChange()\"\n        [disabled]=\"!isCustom\"\n        [(ngModel)]=\"monthService.monthModel.custom.specific.isSpecific\"\n      >\n        <ax-label> {{ '@acorex:scheduler.specific.month' | translate | async }}</ax-label>\n      </ax-check-box>\n    </div>\n\n    <ax-form>\n      <ax-form-field>\n        <ax-select-box\n          (onClosed)=\"inputChange()\"\n          [disabled]=\"!isCustom\"\n          [dataSource]=\"dropdownList2\"\n          textField=\"text\"\n          valueField=\"id\"\n          [placeholder]=\"'@acorex:scheduler.time-units.select-month' | translate | async\"\n          [multiple]=\"true\"\n          (onValueChanged)=\"changeHandler($event)\"\n        >\n          <ax-clear-button></ax-clear-button>\n        </ax-select-box>\n      </ax-form-field>\n    </ax-form>\n  </div>\n\n  <div class=\"ax-between-container\">\n    <ax-check-box\n      (valueChange)=\"inputChange()\"\n      [disabled]=\"!isCustom\"\n      [(ngModel)]=\"monthService.monthModel.custom.between.isBetween\"\n    >\n      <ax-label>\n        {{ '@acorex:common.general.every' | translate | async }}\n        {{ '@acorex:dateTime.units.month' | translate | async }}\n        {{ '@acorex:common.general.between' | translate | async }}\n        {{ '@acorex:dateTime.units.month' | translate | async }}\n      </ax-label>\n    </ax-check-box>\n\n    <ax-form class=\"ax-sm\">\n      <ax-form-field>\n        <ax-select-box\n          (onClosed)=\"inputChange()\"\n          [disabled]=\"!isCustom\"\n          [dataSource]=\"dropdownList\"\n          textField=\"text\"\n          valueField=\"id\"\n          [(ngModel)]=\"monthService.monthModel.custom.between.from\"\n        >\n        </ax-select-box>\n      </ax-form-field>\n    </ax-form>\n\n    <span>{{ '@acorex:common.general.and' | translate | async }}</span>\n\n    <ax-form class=\"ax-sm\">\n      <ax-form-field>\n        <ax-select-box\n          (onClosed)=\"inputChange()\"\n          [disabled]=\"!isCustom\"\n          [dataSource]=\"dropdownList\"\n          textField=\"text\"\n          valueField=\"id\"\n          [(ngModel)]=\"monthService.monthModel.custom.between.to\"\n        >\n        </ax-select-box>\n      </ax-form-field>\n    </ax-form>\n  </div>\n</div>\n", styles: ["ax-cron-day label,ax-cron-hours label,ax-cron-minutes label,ax-cron-month label,ax-cron-seconds label,ax-cron-year label{font-size:.875rem;line-height:1.25rem;font-weight:500}ax-cron-day .ax-radio-container,ax-cron-hours .ax-radio-container,ax-cron-minutes .ax-radio-container,ax-cron-month .ax-radio-container,ax-cron-seconds .ax-radio-container,ax-cron-year .ax-radio-container{margin-bottom:.5rem;display:flex;align-items:center}ax-cron-day .ax-radio-container input,ax-cron-hours .ax-radio-container input,ax-cron-minutes .ax-radio-container input,ax-cron-month .ax-radio-container input,ax-cron-seconds .ax-radio-container input,ax-cron-year .ax-radio-container input{margin-inline-end:.5rem}ax-cron-day .ax-block-container,ax-cron-hours .ax-block-container,ax-cron-minutes .ax-block-container,ax-cron-month .ax-block-container,ax-cron-seconds .ax-block-container,ax-cron-year .ax-block-container{padding-inline-start:1.5rem}ax-cron-day .ax-block-container .ax-every-container,ax-cron-hours .ax-block-container .ax-every-container,ax-cron-minutes .ax-block-container .ax-every-container,ax-cron-month .ax-block-container .ax-every-container,ax-cron-seconds .ax-block-container .ax-every-container,ax-cron-year .ax-block-container .ax-every-container{display:flex;align-items:center}ax-cron-day .ax-block-container .ax-every-container ax-form,ax-cron-hours .ax-block-container .ax-every-container ax-form,ax-cron-minutes .ax-block-container .ax-every-container ax-form,ax-cron-month .ax-block-container .ax-every-container ax-form,ax-cron-seconds .ax-block-container .ax-every-container ax-form,ax-cron-year .ax-block-container .ax-every-container ax-form{width:fit-content;margin-inline:.5rem}ax-cron-day .ax-block-container .ax-specific-container,ax-cron-hours .ax-block-container .ax-specific-container,ax-cron-minutes .ax-block-container .ax-specific-container,ax-cron-month .ax-block-container .ax-specific-container,ax-cron-seconds .ax-block-container .ax-specific-container,ax-cron-year .ax-block-container .ax-specific-container{margin-block:.5rem}ax-cron-day .ax-block-container .ax-specific-container .ax-flex-container,ax-cron-hours .ax-block-container .ax-specific-container .ax-flex-container,ax-cron-minutes .ax-block-container .ax-specific-container .ax-flex-container,ax-cron-month .ax-block-container .ax-specific-container .ax-flex-container,ax-cron-seconds .ax-block-container .ax-specific-container .ax-flex-container,ax-cron-year .ax-block-container .ax-specific-container .ax-flex-container{display:flex;align-items:center;margin-bottom:.5rem}ax-cron-day .ax-block-container .ax-between-container,ax-cron-hours .ax-block-container .ax-between-container,ax-cron-minutes .ax-block-container .ax-between-container,ax-cron-month .ax-block-container .ax-between-container,ax-cron-seconds .ax-block-container .ax-between-container,ax-cron-year .ax-block-container .ax-between-container{display:flex;align-items:center}ax-cron-day .ax-block-container .ax-between-container .ax-flex-container,ax-cron-hours .ax-block-container .ax-between-container .ax-flex-container,ax-cron-minutes .ax-block-container .ax-between-container .ax-flex-container,ax-cron-month .ax-block-container .ax-between-container .ax-flex-container,ax-cron-seconds .ax-block-container .ax-between-container .ax-flex-container,ax-cron-year .ax-block-container .ax-between-container .ax-flex-container{display:flex;align-items:center;margin-bottom:.5rem}ax-cron-day .ax-block-container .ax-between-container ax-form,ax-cron-hours .ax-block-container .ax-between-container ax-form,ax-cron-minutes .ax-block-container .ax-between-container ax-form,ax-cron-month .ax-block-container .ax-between-container ax-form,ax-cron-seconds .ax-block-container .ax-between-container ax-form,ax-cron-year .ax-block-container .ax-between-container ax-form{width:fit-content;margin-inline:.5rem}ax-cron-day .ax-block-container .ax-week-container,ax-cron-hours .ax-block-container .ax-week-container,ax-cron-minutes .ax-block-container .ax-week-container,ax-cron-month .ax-block-container .ax-week-container,ax-cron-seconds .ax-block-container .ax-week-container,ax-cron-year .ax-block-container .ax-week-container{display:flex;align-items:center;margin-bottom:.5rem}ax-cron-day .ax-block-container .ax-week-container ax-form,ax-cron-hours .ax-block-container .ax-week-container ax-form,ax-cron-minutes .ax-block-container .ax-week-container ax-form,ax-cron-month .ax-block-container .ax-week-container ax-form,ax-cron-seconds .ax-block-container .ax-week-container ax-form,ax-cron-year .ax-block-container .ax-week-container ax-form{width:fit-content;margin-inline:.5rem}ax-cron-day .ax-block-container .ax-week-container .ax-radio,ax-cron-hours .ax-block-container .ax-week-container .ax-radio,ax-cron-minutes .ax-block-container .ax-week-container .ax-radio,ax-cron-month .ax-block-container .ax-week-container .ax-radio,ax-cron-seconds .ax-block-container .ax-week-container .ax-radio,ax-cron-year .ax-block-container .ax-week-container .ax-radio{margin-inline-end:.5rem}\n"], dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1.RadioControlValueAccessor, selector: "input[type=radio][formControlName],input[type=radio][formControl],input[type=radio][ngModel]", inputs: ["name", "formControlName", "value"] }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: AXCheckBoxComponent, selector: "ax-check-box", inputs: ["disabled", "tabIndex", "readonly", "color", "value", "name", "id", "checked", "isLoading", "indeterminate"], outputs: ["onBlur", "onFocus", "valueChange", "onValueChanged"] }, { kind: "component", type: AXLabelComponent, selector: "ax-label", inputs: ["required", "for"], outputs: ["requiredChange"] }, { kind: "component", type: AXFormComponent, selector: "ax-form", inputs: ["labelMode", "look", "messageStyle", "updateOn"], outputs: ["onValidate", "updateOnChange"] }, { kind: "component", type: AXFormFieldComponent, selector: "ax-form-field", inputs: ["labelMode"] }, { kind: "component", type: AXSelectBoxComponent, selector: "ax-select-box", inputs: ["disabled", "readonly", "tabIndex", "placeholder", "minValue", "maxValue", "value", "state", "name", "id", "type", "look", "multiple", "valueField", "textField", "disabledField", "textTemplate", "selectedItems", "isItemTruncated", "showItemTooltip", "dataSource", "minRecordsForSearch", "caption", "itemTemplate", "selectedTemplate", "emptyTemplate", "loadingTemplate", "dropdownWidth", "searchBoxAutoFocus"], outputs: ["valueChange", "stateChange", "onValueChanged", "onBlur", "onFocus", "readonlyChange", "disabledChange", "onOpened", "onClosed"] }, { kind: "component", type: AXDecoratorClearButtonComponent, selector: "ax-clear-button", inputs: ["icon"] }, { kind: "pipe", type: AsyncPipe, name: "async" }, { kind: "pipe", type: AXTranslatorPipe, name: "translate" }], encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.1.3", type: AXCronMonthComponent, isStandalone: true, selector: "ax-cron-month", outputs: { monthChanged: "monthChanged" }, host: { attributes: { "ngSkipHydration": "true" } }, providers: [{ provide: AXComponent, useExisting: AXCronMonthComponent }], ngImport: i0, template: "<div class=\"ax-radio-container\">\n  <input\n    (change)=\"inputChange()\"\n    class=\"ax-radio\"\n    type=\"radio\"\n    name=\"everyMonth\"\n    id=\"option1month\"\n    value=\"every\"\n    [(ngModel)]=\"monthService.monthModel.type\"\n    checked\n  />\n  <label for=\"option1month\">\n    {{ '@acorex:common.general.every' | translate | async }}\n    {{ '@acorex:dateTime.units.month' | translate | async }}\n  </label>\n</div>\n\n<div class=\"ax-radio-container\">\n  <input\n    (change)=\"inputChange()\"\n    class=\"ax-radio\"\n    type=\"radio\"\n    name=\"everyMonth\"\n    id=\"option2month\"\n    value=\"custom\"\n    [(ngModel)]=\"monthService.monthModel.type\"\n  />\n  <label for=\"option2month\">{{ '@acorex:common.general.custom' | translate | async }}</label>\n</div>\n\n<div class=\"ax-block-container\">\n  <div class=\"ax-every-container\">\n    <ax-check-box\n      (valueChange)=\"inputChange()\"\n      [disabled]=\"!isCustom\"\n      [(ngModel)]=\"monthService.monthModel.custom.repeat.isRepeat\"\n    >\n      <ax-label>{{ '@acorex:common.general.every' | translate | async }}</ax-label>\n    </ax-check-box>\n\n    <ax-form class=\"ax-sm\">\n      <ax-form-field>\n        <ax-select-box\n          (onClosed)=\"inputChange()\"\n          [disabled]=\"!isCustom\"\n          [dataSource]=\"oneTo12\"\n          textField=\"text\"\n          valueField=\"id\"\n          [(ngModel)]=\"monthService.monthModel.custom.repeat.interval\"\n        >\n        </ax-select-box>\n      </ax-form-field>\n    </ax-form>\n\n    <span>{{ '@acorex:scheduler.starting-at.month' | translate | async }}</span>\n\n    <ax-form class=\"ax-sm\">\n      <ax-form-field>\n        <ax-select-box\n          (onClosed)=\"inputChange()\"\n          [disabled]=\"!isCustom\"\n          [dataSource]=\"dropdownList\"\n          textField=\"text\"\n          valueField=\"id\"\n          [(ngModel)]=\"monthService.monthModel.custom.repeat.startAt\"\n        >\n        </ax-select-box>\n      </ax-form-field>\n    </ax-form>\n  </div>\n\n  <div class=\"ax-specific-container\">\n    <div class=\"ax-flex-container\">\n      <ax-check-box\n        (valueChange)=\"inputChange()\"\n        [disabled]=\"!isCustom\"\n        [(ngModel)]=\"monthService.monthModel.custom.specific.isSpecific\"\n      >\n        <ax-label> {{ '@acorex:scheduler.specific.month' | translate | async }}</ax-label>\n      </ax-check-box>\n    </div>\n\n    <ax-form>\n      <ax-form-field>\n        <ax-select-box\n          (onClosed)=\"inputChange()\"\n          [disabled]=\"!isCustom\"\n          [dataSource]=\"dropdownList2\"\n          textField=\"text\"\n          valueField=\"id\"\n          [placeholder]=\"'@acorex:scheduler.time-units.select-month' | translate | async\"\n          [multiple]=\"true\"\n          (onValueChanged)=\"changeHandler($event)\"\n        >\n          <ax-clear-button></ax-clear-button>\n        </ax-select-box>\n      </ax-form-field>\n    </ax-form>\n  </div>\n\n  <div class=\"ax-between-container\">\n    <ax-check-box\n      (valueChange)=\"inputChange()\"\n      [disabled]=\"!isCustom\"\n      [(ngModel)]=\"monthService.monthModel.custom.between.isBetween\"\n    >\n      <ax-label>\n        {{ '@acorex:common.general.every' | translate | async }}\n        {{ '@acorex:dateTime.units.month' | translate | async }}\n        {{ '@acorex:common.general.between' | translate | async }}\n        {{ '@acorex:dateTime.units.month' | translate | async }}\n      </ax-label>\n    </ax-check-box>\n\n    <ax-form class=\"ax-sm\">\n      <ax-form-field>\n        <ax-select-box\n          (onClosed)=\"inputChange()\"\n          [disabled]=\"!isCustom\"\n          [dataSource]=\"dropdownList\"\n          textField=\"text\"\n          valueField=\"id\"\n          [(ngModel)]=\"monthService.monthModel.custom.between.from\"\n        >\n        </ax-select-box>\n      </ax-form-field>\n    </ax-form>\n\n    <span>{{ '@acorex:common.general.and' | translate | async }}</span>\n\n    <ax-form class=\"ax-sm\">\n      <ax-form-field>\n        <ax-select-box\n          (onClosed)=\"inputChange()\"\n          [disabled]=\"!isCustom\"\n          [dataSource]=\"dropdownList\"\n          textField=\"text\"\n          valueField=\"id\"\n          [(ngModel)]=\"monthService.monthModel.custom.between.to\"\n        >\n        </ax-select-box>\n      </ax-form-field>\n    </ax-form>\n  </div>\n</div>\n", styles: ["ax-cron-day label,ax-cron-hours label,ax-cron-minutes label,ax-cron-month label,ax-cron-seconds label,ax-cron-year label{font-size:.875rem;line-height:1.25rem;font-weight:500}ax-cron-day .ax-radio-container,ax-cron-hours .ax-radio-container,ax-cron-minutes .ax-radio-container,ax-cron-month .ax-radio-container,ax-cron-seconds .ax-radio-container,ax-cron-year .ax-radio-container{margin-bottom:.5rem;display:flex;align-items:center}ax-cron-day .ax-radio-container input,ax-cron-hours .ax-radio-container input,ax-cron-minutes .ax-radio-container input,ax-cron-month .ax-radio-container input,ax-cron-seconds .ax-radio-container input,ax-cron-year .ax-radio-container input{margin-inline-end:.5rem}ax-cron-day .ax-block-container,ax-cron-hours .ax-block-container,ax-cron-minutes .ax-block-container,ax-cron-month .ax-block-container,ax-cron-seconds .ax-block-container,ax-cron-year .ax-block-container{padding-inline-start:1.5rem}ax-cron-day .ax-block-container .ax-every-container,ax-cron-hours .ax-block-container .ax-every-container,ax-cron-minutes .ax-block-container .ax-every-container,ax-cron-month .ax-block-container .ax-every-container,ax-cron-seconds .ax-block-container .ax-every-container,ax-cron-year .ax-block-container .ax-every-container{display:flex;align-items:center}ax-cron-day .ax-block-container .ax-every-container ax-form,ax-cron-hours .ax-block-container .ax-every-container ax-form,ax-cron-minutes .ax-block-container .ax-every-container ax-form,ax-cron-month .ax-block-container .ax-every-container ax-form,ax-cron-seconds .ax-block-container .ax-every-container ax-form,ax-cron-year .ax-block-container .ax-every-container ax-form{width:fit-content;margin-inline:.5rem}ax-cron-day .ax-block-container .ax-specific-container,ax-cron-hours .ax-block-container .ax-specific-container,ax-cron-minutes .ax-block-container .ax-specific-container,ax-cron-month .ax-block-container .ax-specific-container,ax-cron-seconds .ax-block-container .ax-specific-container,ax-cron-year .ax-block-container .ax-specific-container{margin-block:.5rem}ax-cron-day .ax-block-container .ax-specific-container .ax-flex-container,ax-cron-hours .ax-block-container .ax-specific-container .ax-flex-container,ax-cron-minutes .ax-block-container .ax-specific-container .ax-flex-container,ax-cron-month .ax-block-container .ax-specific-container .ax-flex-container,ax-cron-seconds .ax-block-container .ax-specific-container .ax-flex-container,ax-cron-year .ax-block-container .ax-specific-container .ax-flex-container{display:flex;align-items:center;margin-bottom:.5rem}ax-cron-day .ax-block-container .ax-between-container,ax-cron-hours .ax-block-container .ax-between-container,ax-cron-minutes .ax-block-container .ax-between-container,ax-cron-month .ax-block-container .ax-between-container,ax-cron-seconds .ax-block-container .ax-between-container,ax-cron-year .ax-block-container .ax-between-container{display:flex;align-items:center}ax-cron-day .ax-block-container .ax-between-container .ax-flex-container,ax-cron-hours .ax-block-container .ax-between-container .ax-flex-container,ax-cron-minutes .ax-block-container .ax-between-container .ax-flex-container,ax-cron-month .ax-block-container .ax-between-container .ax-flex-container,ax-cron-seconds .ax-block-container .ax-between-container .ax-flex-container,ax-cron-year .ax-block-container .ax-between-container .ax-flex-container{display:flex;align-items:center;margin-bottom:.5rem}ax-cron-day .ax-block-container .ax-between-container ax-form,ax-cron-hours .ax-block-container .ax-between-container ax-form,ax-cron-minutes .ax-block-container .ax-between-container ax-form,ax-cron-month .ax-block-container .ax-between-container ax-form,ax-cron-seconds .ax-block-container .ax-between-container ax-form,ax-cron-year .ax-block-container .ax-between-container ax-form{width:fit-content;margin-inline:.5rem}ax-cron-day .ax-block-container .ax-week-container,ax-cron-hours .ax-block-container .ax-week-container,ax-cron-minutes .ax-block-container .ax-week-container,ax-cron-month .ax-block-container .ax-week-container,ax-cron-seconds .ax-block-container .ax-week-container,ax-cron-year .ax-block-container .ax-week-container{display:flex;align-items:center;margin-bottom:.5rem}ax-cron-day .ax-block-container .ax-week-container ax-form,ax-cron-hours .ax-block-container .ax-week-container ax-form,ax-cron-minutes .ax-block-container .ax-week-container ax-form,ax-cron-month .ax-block-container .ax-week-container ax-form,ax-cron-seconds .ax-block-container .ax-week-container ax-form,ax-cron-year .ax-block-container .ax-week-container ax-form{width:fit-content;margin-inline:.5rem}ax-cron-day .ax-block-container .ax-week-container .ax-radio,ax-cron-hours .ax-block-container .ax-week-container .ax-radio,ax-cron-minutes .ax-block-container .ax-week-container .ax-radio,ax-cron-month .ax-block-container .ax-week-container .ax-radio,ax-cron-seconds .ax-block-container .ax-week-container .ax-radio,ax-cron-year .ax-block-container .ax-week-container .ax-radio{margin-inline-end:.5rem}\n"], dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1.RadioControlValueAccessor, selector: "input[type=radio][formControlName],input[type=radio][formControl],input[type=radio][ngModel]", inputs: ["name", "formControlName", "value"] }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: AXCheckBoxComponent, selector: "ax-check-box", inputs: ["disabled", "tabIndex", "readonly", "color", "value", "name", "id", "isLoading", "indeterminate"], outputs: ["onBlur", "onFocus", "valueChange", "onValueChanged"] }, { kind: "component", type: AXLabelComponent, selector: "ax-label", inputs: ["required", "for"], outputs: ["requiredChange"] }, { kind: "component", type: AXFormComponent, selector: "ax-form", inputs: ["labelMode", "look", "messageStyle", "updateOn"], outputs: ["onValidate", "updateOnChange"] }, { kind: "component", type: AXFormFieldComponent, selector: "ax-form-field", inputs: ["labelMode"] }, { kind: "component", type: AXSelectBoxComponent, selector: "ax-select-box", inputs: ["disabled", "readonly", "tabIndex", "placeholder", "minValue", "maxValue", "value", "state", "name", "id", "type", "look", "multiple", "valueField", "textField", "disabledField", "textTemplate", "selectedItems", "isItemTruncated", "showItemTooltip", "dataSource", "minRecordsForSearch", "caption", "itemTemplate", "selectedTemplate", "emptyTemplate", "loadingTemplate", "dropdownWidth", "searchBoxAutoFocus"], outputs: ["valueChange", "stateChange", "onValueChanged", "onBlur", "onFocus", "readonlyChange", "disabledChange", "onOpened", "onClosed"] }, { kind: "component", type: AXDecoratorClearButtonComponent, selector: "ax-clear-button", inputs: ["icon"] }, { kind: "pipe", type: AsyncPipe, name: "async" }, { kind: "pipe", type: AXTranslatorPipe, name: "translate" }], encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: AXCronMonthComponent, decorators: [{
             type: Component,
@@ -963,7 +963,7 @@ class AXCronSecondsComponent {
         return this.secondsService.secondModel.type === Type.Every ? false : true;
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: AXCronSecondsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.1.3", type: AXCronSecondsComponent, isStandalone: true, selector: "ax-cron-seconds", outputs: { secondsChanged: "secondsChanged" }, host: { attributes: { "ngSkipHydration": "true" } }, providers: [{ provide: AXComponent, useExisting: AXCronSecondsComponent }], ngImport: i0, template: "<div class=\"ax-radio-container\">\n  <input\n    (change)=\"inputChange()\"\n    class=\"ax-radio\"\n    type=\"radio\"\n    name=\"everySeconds\"\n    id=\"option1seconds\"\n    value=\"every\"\n    [(ngModel)]=\"secondsService.secondModel.type\"\n    checked\n  />\n  <label for=\"option1seconds\">\n    {{ '@acorex:common.general.every' | translate | async }}\n    {{ '@acorex:dateTime.units.second' | translate | async }}\n  </label>\n</div>\n\n<div class=\"ax-radio-container\">\n  <input\n    (change)=\"inputChange()\"\n    class=\"ax-radio\"\n    type=\"radio\"\n    name=\"everySeconds\"\n    id=\"option2seconds\"\n    value=\"custom\"\n    [(ngModel)]=\"secondsService.secondModel.type\"\n  />\n  <label for=\"option2seconds\">{{ '@acorex:common.general.custom' | translate | async }}</label>\n</div>\n\n<div class=\"ax-block-container\">\n  <div class=\"ax-every-container\">\n    <ax-check-box\n      (valueChange)=\"inputChange($event)\"\n      [disabled]=\"!isCustom\"\n      [(ngModel)]=\"secondsService.secondModel.custom.repeat.isRepeat\"\n    >\n      <ax-label>{{ '@acorex:common.general.every' | translate | async }}</ax-label>\n    </ax-check-box>\n\n    <ax-form class=\"ax-sm\">\n      <ax-form-field>\n        <ax-select-box\n          (onClosed)=\"inputChange()\"\n          [disabled]=\"!isCustom\"\n          [dataSource]=\"zeroTo59\"\n          textField=\"text\"\n          valueField=\"id\"\n          [(ngModel)]=\"secondsService.secondModel.custom.repeat.interval\"\n        >\n        </ax-select-box>\n      </ax-form-field>\n    </ax-form>\n\n    <span>{{ '@acorex:scheduler.starting-at.second' | translate | async }}</span>\n\n    <ax-form class=\"ax-sm\">\n      <ax-form-field>\n        <ax-select-box\n          (onClosed)=\"inputChange()\"\n          [disabled]=\"!isCustom\"\n          [dataSource]=\"zeroTo59\"\n          textField=\"text\"\n          valueField=\"id\"\n          [(ngModel)]=\"secondsService.secondModel.custom.repeat.startAt\"\n        >\n        </ax-select-box>\n      </ax-form-field>\n    </ax-form>\n  </div>\n\n  <div class=\"ax-specific-container\">\n    <div class=\"ax-flex-container\">\n      <ax-check-box\n        (valueChange)=\"inputChange()\"\n        [disabled]=\"!isCustom\"\n        [(ngModel)]=\"secondsService.secondModel.custom.specific.isSpecific\"\n      >\n        <ax-label>\n          {{ '@acorex:scheduler.specific.second' | translate | async }}\n        </ax-label>\n      </ax-check-box>\n    </div>\n\n    <ax-form>\n      <ax-form-field>\n        <ax-select-box\n          (onClosed)=\"inputChange()\"\n          [disabled]=\"!isCustom\"\n          [dataSource]=\"dropdownList\"\n          textField=\"text\"\n          valueField=\"id\"\n          [placeholder]=\"'@acorex:scheduler.time-units.select-second' | translate | async\"\n          [multiple]=\"true\"\n          (onValueChanged)=\"changeHandler($event)\"\n        >\n          <ax-clear-button></ax-clear-button>\n        </ax-select-box>\n      </ax-form-field>\n    </ax-form>\n  </div>\n\n  <div class=\"ax-between-container\">\n    <ax-check-box\n      (valueChange)=\"inputChange()\"\n      [disabled]=\"!isCustom\"\n      [(ngModel)]=\"secondsService.secondModel.custom.between.isBetween\"\n    >\n      <ax-label>\n        {{ '@acorex:common.general.every' | translate | async }}\n        {{ '@acorex:dateTime.units.second' | translate | async }}\n        {{ '@acorex:common.general.between' | translate | async }}\n        {{ '@acorex:dateTime.units.second' | translate | async }}\n      </ax-label>\n    </ax-check-box>\n\n    <ax-form class=\"ax-sm\">\n      <ax-form-field>\n        <ax-select-box\n          (onClosed)=\"inputChange()\"\n          [disabled]=\"!isCustom\"\n          [dataSource]=\"zeroTo59\"\n          textField=\"text\"\n          valueField=\"id\"\n          [(ngModel)]=\"secondsService.secondModel.custom.between.from\"\n        >\n        </ax-select-box>\n      </ax-form-field>\n    </ax-form>\n\n    <span>{{ '@acorex:common.general.and' | translate | async }}</span>\n\n    <ax-form class=\"ax-sm\">\n      <ax-form-field>\n        <ax-select-box\n          (onClosed)=\"inputChange()\"\n          [disabled]=\"!isCustom\"\n          [dataSource]=\"zeroTo59\"\n          textField=\"text\"\n          valueField=\"id\"\n          [(ngModel)]=\"secondsService.secondModel.custom.between.to\"\n        >\n        </ax-select-box>\n      </ax-form-field>\n    </ax-form>\n  </div>\n</div>\n", styles: ["ax-cron-day label,ax-cron-hours label,ax-cron-minutes label,ax-cron-month label,ax-cron-seconds label,ax-cron-year label{font-size:.875rem;line-height:1.25rem;font-weight:500}ax-cron-day .ax-radio-container,ax-cron-hours .ax-radio-container,ax-cron-minutes .ax-radio-container,ax-cron-month .ax-radio-container,ax-cron-seconds .ax-radio-container,ax-cron-year .ax-radio-container{margin-bottom:.5rem;display:flex;align-items:center}ax-cron-day .ax-radio-container input,ax-cron-hours .ax-radio-container input,ax-cron-minutes .ax-radio-container input,ax-cron-month .ax-radio-container input,ax-cron-seconds .ax-radio-container input,ax-cron-year .ax-radio-container input{margin-inline-end:.5rem}ax-cron-day .ax-block-container,ax-cron-hours .ax-block-container,ax-cron-minutes .ax-block-container,ax-cron-month .ax-block-container,ax-cron-seconds .ax-block-container,ax-cron-year .ax-block-container{padding-inline-start:1.5rem}ax-cron-day .ax-block-container .ax-every-container,ax-cron-hours .ax-block-container .ax-every-container,ax-cron-minutes .ax-block-container .ax-every-container,ax-cron-month .ax-block-container .ax-every-container,ax-cron-seconds .ax-block-container .ax-every-container,ax-cron-year .ax-block-container .ax-every-container{display:flex;align-items:center}ax-cron-day .ax-block-container .ax-every-container ax-form,ax-cron-hours .ax-block-container .ax-every-container ax-form,ax-cron-minutes .ax-block-container .ax-every-container ax-form,ax-cron-month .ax-block-container .ax-every-container ax-form,ax-cron-seconds .ax-block-container .ax-every-container ax-form,ax-cron-year .ax-block-container .ax-every-container ax-form{width:fit-content;margin-inline:.5rem}ax-cron-day .ax-block-container .ax-specific-container,ax-cron-hours .ax-block-container .ax-specific-container,ax-cron-minutes .ax-block-container .ax-specific-container,ax-cron-month .ax-block-container .ax-specific-container,ax-cron-seconds .ax-block-container .ax-specific-container,ax-cron-year .ax-block-container .ax-specific-container{margin-block:.5rem}ax-cron-day .ax-block-container .ax-specific-container .ax-flex-container,ax-cron-hours .ax-block-container .ax-specific-container .ax-flex-container,ax-cron-minutes .ax-block-container .ax-specific-container .ax-flex-container,ax-cron-month .ax-block-container .ax-specific-container .ax-flex-container,ax-cron-seconds .ax-block-container .ax-specific-container .ax-flex-container,ax-cron-year .ax-block-container .ax-specific-container .ax-flex-container{display:flex;align-items:center;margin-bottom:.5rem}ax-cron-day .ax-block-container .ax-between-container,ax-cron-hours .ax-block-container .ax-between-container,ax-cron-minutes .ax-block-container .ax-between-container,ax-cron-month .ax-block-container .ax-between-container,ax-cron-seconds .ax-block-container .ax-between-container,ax-cron-year .ax-block-container .ax-between-container{display:flex;align-items:center}ax-cron-day .ax-block-container .ax-between-container .ax-flex-container,ax-cron-hours .ax-block-container .ax-between-container .ax-flex-container,ax-cron-minutes .ax-block-container .ax-between-container .ax-flex-container,ax-cron-month .ax-block-container .ax-between-container .ax-flex-container,ax-cron-seconds .ax-block-container .ax-between-container .ax-flex-container,ax-cron-year .ax-block-container .ax-between-container .ax-flex-container{display:flex;align-items:center;margin-bottom:.5rem}ax-cron-day .ax-block-container .ax-between-container ax-form,ax-cron-hours .ax-block-container .ax-between-container ax-form,ax-cron-minutes .ax-block-container .ax-between-container ax-form,ax-cron-month .ax-block-container .ax-between-container ax-form,ax-cron-seconds .ax-block-container .ax-between-container ax-form,ax-cron-year .ax-block-container .ax-between-container ax-form{width:fit-content;margin-inline:.5rem}ax-cron-day .ax-block-container .ax-week-container,ax-cron-hours .ax-block-container .ax-week-container,ax-cron-minutes .ax-block-container .ax-week-container,ax-cron-month .ax-block-container .ax-week-container,ax-cron-seconds .ax-block-container .ax-week-container,ax-cron-year .ax-block-container .ax-week-container{display:flex;align-items:center;margin-bottom:.5rem}ax-cron-day .ax-block-container .ax-week-container ax-form,ax-cron-hours .ax-block-container .ax-week-container ax-form,ax-cron-minutes .ax-block-container .ax-week-container ax-form,ax-cron-month .ax-block-container .ax-week-container ax-form,ax-cron-seconds .ax-block-container .ax-week-container ax-form,ax-cron-year .ax-block-container .ax-week-container ax-form{width:fit-content;margin-inline:.5rem}ax-cron-day .ax-block-container .ax-week-container .ax-radio,ax-cron-hours .ax-block-container .ax-week-container .ax-radio,ax-cron-minutes .ax-block-container .ax-week-container .ax-radio,ax-cron-month .ax-block-container .ax-week-container .ax-radio,ax-cron-seconds .ax-block-container .ax-week-container .ax-radio,ax-cron-year .ax-block-container .ax-week-container .ax-radio{margin-inline-end:.5rem}\n"], dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1.RadioControlValueAccessor, selector: "input[type=radio][formControlName],input[type=radio][formControl],input[type=radio][ngModel]", inputs: ["name", "formControlName", "value"] }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: AXCheckBoxComponent, selector: "ax-check-box", inputs: ["disabled", "tabIndex", "readonly", "color", "value", "name", "id", "checked", "isLoading", "indeterminate"], outputs: ["onBlur", "onFocus", "valueChange", "onValueChanged"] }, { kind: "component", type: AXLabelComponent, selector: "ax-label", inputs: ["required", "for"], outputs: ["requiredChange"] }, { kind: "component", type: AXFormComponent, selector: "ax-form", inputs: ["labelMode", "look", "messageStyle", "updateOn"], outputs: ["onValidate", "updateOnChange"] }, { kind: "component", type: AXFormFieldComponent, selector: "ax-form-field", inputs: ["labelMode"] }, { kind: "component", type: AXSelectBoxComponent, selector: "ax-select-box", inputs: ["disabled", "readonly", "tabIndex", "placeholder", "minValue", "maxValue", "value", "state", "name", "id", "type", "look", "multiple", "valueField", "textField", "disabledField", "textTemplate", "selectedItems", "isItemTruncated", "showItemTooltip", "dataSource", "minRecordsForSearch", "caption", "itemTemplate", "selectedTemplate", "emptyTemplate", "loadingTemplate", "dropdownWidth", "searchBoxAutoFocus"], outputs: ["valueChange", "stateChange", "onValueChanged", "onBlur", "onFocus", "readonlyChange", "disabledChange", "onOpened", "onClosed"] }, { kind: "component", type: AXDecoratorClearButtonComponent, selector: "ax-clear-button", inputs: ["icon"] }, { kind: "pipe", type: AsyncPipe, name: "async" }, { kind: "pipe", type: AXTranslatorPipe, name: "translate" }], encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.1.3", type: AXCronSecondsComponent, isStandalone: true, selector: "ax-cron-seconds", outputs: { secondsChanged: "secondsChanged" }, host: { attributes: { "ngSkipHydration": "true" } }, providers: [{ provide: AXComponent, useExisting: AXCronSecondsComponent }], ngImport: i0, template: "<div class=\"ax-radio-container\">\n  <input\n    (change)=\"inputChange()\"\n    class=\"ax-radio\"\n    type=\"radio\"\n    name=\"everySeconds\"\n    id=\"option1seconds\"\n    value=\"every\"\n    [(ngModel)]=\"secondsService.secondModel.type\"\n    checked\n  />\n  <label for=\"option1seconds\">\n    {{ '@acorex:common.general.every' | translate | async }}\n    {{ '@acorex:dateTime.units.second' | translate | async }}\n  </label>\n</div>\n\n<div class=\"ax-radio-container\">\n  <input\n    (change)=\"inputChange()\"\n    class=\"ax-radio\"\n    type=\"radio\"\n    name=\"everySeconds\"\n    id=\"option2seconds\"\n    value=\"custom\"\n    [(ngModel)]=\"secondsService.secondModel.type\"\n  />\n  <label for=\"option2seconds\">{{ '@acorex:common.general.custom' | translate | async }}</label>\n</div>\n\n<div class=\"ax-block-container\">\n  <div class=\"ax-every-container\">\n    <ax-check-box\n      (valueChange)=\"inputChange($event)\"\n      [disabled]=\"!isCustom\"\n      [(ngModel)]=\"secondsService.secondModel.custom.repeat.isRepeat\"\n    >\n      <ax-label>{{ '@acorex:common.general.every' | translate | async }}</ax-label>\n    </ax-check-box>\n\n    <ax-form class=\"ax-sm\">\n      <ax-form-field>\n        <ax-select-box\n          (onClosed)=\"inputChange()\"\n          [disabled]=\"!isCustom\"\n          [dataSource]=\"zeroTo59\"\n          textField=\"text\"\n          valueField=\"id\"\n          [(ngModel)]=\"secondsService.secondModel.custom.repeat.interval\"\n        >\n        </ax-select-box>\n      </ax-form-field>\n    </ax-form>\n\n    <span>{{ '@acorex:scheduler.starting-at.second' | translate | async }}</span>\n\n    <ax-form class=\"ax-sm\">\n      <ax-form-field>\n        <ax-select-box\n          (onClosed)=\"inputChange()\"\n          [disabled]=\"!isCustom\"\n          [dataSource]=\"zeroTo59\"\n          textField=\"text\"\n          valueField=\"id\"\n          [(ngModel)]=\"secondsService.secondModel.custom.repeat.startAt\"\n        >\n        </ax-select-box>\n      </ax-form-field>\n    </ax-form>\n  </div>\n\n  <div class=\"ax-specific-container\">\n    <div class=\"ax-flex-container\">\n      <ax-check-box\n        (valueChange)=\"inputChange()\"\n        [disabled]=\"!isCustom\"\n        [(ngModel)]=\"secondsService.secondModel.custom.specific.isSpecific\"\n      >\n        <ax-label>\n          {{ '@acorex:scheduler.specific.second' | translate | async }}\n        </ax-label>\n      </ax-check-box>\n    </div>\n\n    <ax-form>\n      <ax-form-field>\n        <ax-select-box\n          (onClosed)=\"inputChange()\"\n          [disabled]=\"!isCustom\"\n          [dataSource]=\"dropdownList\"\n          textField=\"text\"\n          valueField=\"id\"\n          [placeholder]=\"'@acorex:scheduler.time-units.select-second' | translate | async\"\n          [multiple]=\"true\"\n          (onValueChanged)=\"changeHandler($event)\"\n        >\n          <ax-clear-button></ax-clear-button>\n        </ax-select-box>\n      </ax-form-field>\n    </ax-form>\n  </div>\n\n  <div class=\"ax-between-container\">\n    <ax-check-box\n      (valueChange)=\"inputChange()\"\n      [disabled]=\"!isCustom\"\n      [(ngModel)]=\"secondsService.secondModel.custom.between.isBetween\"\n    >\n      <ax-label>\n        {{ '@acorex:common.general.every' | translate | async }}\n        {{ '@acorex:dateTime.units.second' | translate | async }}\n        {{ '@acorex:common.general.between' | translate | async }}\n        {{ '@acorex:dateTime.units.second' | translate | async }}\n      </ax-label>\n    </ax-check-box>\n\n    <ax-form class=\"ax-sm\">\n      <ax-form-field>\n        <ax-select-box\n          (onClosed)=\"inputChange()\"\n          [disabled]=\"!isCustom\"\n          [dataSource]=\"zeroTo59\"\n          textField=\"text\"\n          valueField=\"id\"\n          [(ngModel)]=\"secondsService.secondModel.custom.between.from\"\n        >\n        </ax-select-box>\n      </ax-form-field>\n    </ax-form>\n\n    <span>{{ '@acorex:common.general.and' | translate | async }}</span>\n\n    <ax-form class=\"ax-sm\">\n      <ax-form-field>\n        <ax-select-box\n          (onClosed)=\"inputChange()\"\n          [disabled]=\"!isCustom\"\n          [dataSource]=\"zeroTo59\"\n          textField=\"text\"\n          valueField=\"id\"\n          [(ngModel)]=\"secondsService.secondModel.custom.between.to\"\n        >\n        </ax-select-box>\n      </ax-form-field>\n    </ax-form>\n  </div>\n</div>\n", styles: ["ax-cron-day label,ax-cron-hours label,ax-cron-minutes label,ax-cron-month label,ax-cron-seconds label,ax-cron-year label{font-size:.875rem;line-height:1.25rem;font-weight:500}ax-cron-day .ax-radio-container,ax-cron-hours .ax-radio-container,ax-cron-minutes .ax-radio-container,ax-cron-month .ax-radio-container,ax-cron-seconds .ax-radio-container,ax-cron-year .ax-radio-container{margin-bottom:.5rem;display:flex;align-items:center}ax-cron-day .ax-radio-container input,ax-cron-hours .ax-radio-container input,ax-cron-minutes .ax-radio-container input,ax-cron-month .ax-radio-container input,ax-cron-seconds .ax-radio-container input,ax-cron-year .ax-radio-container input{margin-inline-end:.5rem}ax-cron-day .ax-block-container,ax-cron-hours .ax-block-container,ax-cron-minutes .ax-block-container,ax-cron-month .ax-block-container,ax-cron-seconds .ax-block-container,ax-cron-year .ax-block-container{padding-inline-start:1.5rem}ax-cron-day .ax-block-container .ax-every-container,ax-cron-hours .ax-block-container .ax-every-container,ax-cron-minutes .ax-block-container .ax-every-container,ax-cron-month .ax-block-container .ax-every-container,ax-cron-seconds .ax-block-container .ax-every-container,ax-cron-year .ax-block-container .ax-every-container{display:flex;align-items:center}ax-cron-day .ax-block-container .ax-every-container ax-form,ax-cron-hours .ax-block-container .ax-every-container ax-form,ax-cron-minutes .ax-block-container .ax-every-container ax-form,ax-cron-month .ax-block-container .ax-every-container ax-form,ax-cron-seconds .ax-block-container .ax-every-container ax-form,ax-cron-year .ax-block-container .ax-every-container ax-form{width:fit-content;margin-inline:.5rem}ax-cron-day .ax-block-container .ax-specific-container,ax-cron-hours .ax-block-container .ax-specific-container,ax-cron-minutes .ax-block-container .ax-specific-container,ax-cron-month .ax-block-container .ax-specific-container,ax-cron-seconds .ax-block-container .ax-specific-container,ax-cron-year .ax-block-container .ax-specific-container{margin-block:.5rem}ax-cron-day .ax-block-container .ax-specific-container .ax-flex-container,ax-cron-hours .ax-block-container .ax-specific-container .ax-flex-container,ax-cron-minutes .ax-block-container .ax-specific-container .ax-flex-container,ax-cron-month .ax-block-container .ax-specific-container .ax-flex-container,ax-cron-seconds .ax-block-container .ax-specific-container .ax-flex-container,ax-cron-year .ax-block-container .ax-specific-container .ax-flex-container{display:flex;align-items:center;margin-bottom:.5rem}ax-cron-day .ax-block-container .ax-between-container,ax-cron-hours .ax-block-container .ax-between-container,ax-cron-minutes .ax-block-container .ax-between-container,ax-cron-month .ax-block-container .ax-between-container,ax-cron-seconds .ax-block-container .ax-between-container,ax-cron-year .ax-block-container .ax-between-container{display:flex;align-items:center}ax-cron-day .ax-block-container .ax-between-container .ax-flex-container,ax-cron-hours .ax-block-container .ax-between-container .ax-flex-container,ax-cron-minutes .ax-block-container .ax-between-container .ax-flex-container,ax-cron-month .ax-block-container .ax-between-container .ax-flex-container,ax-cron-seconds .ax-block-container .ax-between-container .ax-flex-container,ax-cron-year .ax-block-container .ax-between-container .ax-flex-container{display:flex;align-items:center;margin-bottom:.5rem}ax-cron-day .ax-block-container .ax-between-container ax-form,ax-cron-hours .ax-block-container .ax-between-container ax-form,ax-cron-minutes .ax-block-container .ax-between-container ax-form,ax-cron-month .ax-block-container .ax-between-container ax-form,ax-cron-seconds .ax-block-container .ax-between-container ax-form,ax-cron-year .ax-block-container .ax-between-container ax-form{width:fit-content;margin-inline:.5rem}ax-cron-day .ax-block-container .ax-week-container,ax-cron-hours .ax-block-container .ax-week-container,ax-cron-minutes .ax-block-container .ax-week-container,ax-cron-month .ax-block-container .ax-week-container,ax-cron-seconds .ax-block-container .ax-week-container,ax-cron-year .ax-block-container .ax-week-container{display:flex;align-items:center;margin-bottom:.5rem}ax-cron-day .ax-block-container .ax-week-container ax-form,ax-cron-hours .ax-block-container .ax-week-container ax-form,ax-cron-minutes .ax-block-container .ax-week-container ax-form,ax-cron-month .ax-block-container .ax-week-container ax-form,ax-cron-seconds .ax-block-container .ax-week-container ax-form,ax-cron-year .ax-block-container .ax-week-container ax-form{width:fit-content;margin-inline:.5rem}ax-cron-day .ax-block-container .ax-week-container .ax-radio,ax-cron-hours .ax-block-container .ax-week-container .ax-radio,ax-cron-minutes .ax-block-container .ax-week-container .ax-radio,ax-cron-month .ax-block-container .ax-week-container .ax-radio,ax-cron-seconds .ax-block-container .ax-week-container .ax-radio,ax-cron-year .ax-block-container .ax-week-container .ax-radio{margin-inline-end:.5rem}\n"], dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1.RadioControlValueAccessor, selector: "input[type=radio][formControlName],input[type=radio][formControl],input[type=radio][ngModel]", inputs: ["name", "formControlName", "value"] }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: AXCheckBoxComponent, selector: "ax-check-box", inputs: ["disabled", "tabIndex", "readonly", "color", "value", "name", "id", "isLoading", "indeterminate"], outputs: ["onBlur", "onFocus", "valueChange", "onValueChanged"] }, { kind: "component", type: AXLabelComponent, selector: "ax-label", inputs: ["required", "for"], outputs: ["requiredChange"] }, { kind: "component", type: AXFormComponent, selector: "ax-form", inputs: ["labelMode", "look", "messageStyle", "updateOn"], outputs: ["onValidate", "updateOnChange"] }, { kind: "component", type: AXFormFieldComponent, selector: "ax-form-field", inputs: ["labelMode"] }, { kind: "component", type: AXSelectBoxComponent, selector: "ax-select-box", inputs: ["disabled", "readonly", "tabIndex", "placeholder", "minValue", "maxValue", "value", "state", "name", "id", "type", "look", "multiple", "valueField", "textField", "disabledField", "textTemplate", "selectedItems", "isItemTruncated", "showItemTooltip", "dataSource", "minRecordsForSearch", "caption", "itemTemplate", "selectedTemplate", "emptyTemplate", "loadingTemplate", "dropdownWidth", "searchBoxAutoFocus"], outputs: ["valueChange", "stateChange", "onValueChanged", "onBlur", "onFocus", "readonlyChange", "disabledChange", "onOpened", "onClosed"] }, { kind: "component", type: AXDecoratorClearButtonComponent, selector: "ax-clear-button", inputs: ["icon"] }, { kind: "pipe", type: AsyncPipe, name: "async" }, { kind: "pipe", type: AXTranslatorPipe, name: "translate" }], encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: AXCronSecondsComponent, decorators: [{
             type: Component,
@@ -1114,7 +1114,7 @@ class AXCronYearComponent {
         return currentYear + offset;
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: AXCronYearComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.1.3", type: AXCronYearComponent, isStandalone: true, selector: "ax-cron-year", outputs: { yearChanged: "yearChanged" }, host: { attributes: { "ngSkipHydration": "true" } }, providers: [{ provide: AXComponent, useExisting: AXCronYearComponent }], ngImport: i0, template: "<div class=\"ax-radio-container\">\n  <input\n    class=\"ax-radio\"\n    (change)=\"inputChange()\"\n    type=\"radio\"\n    name=\"everyYear\"\n    id=\"option1year\"\n    value=\"every\"\n    [(ngModel)]=\"yearService.yearModel.type\"\n    checked\n  />\n  <label for=\"option1year\">\n    {{ '@acorex:common.general.every' | translate | async }}\n    {{ '@acorex:dateTime.units.year' | translate | async }}\n  </label>\n</div>\n\n<div class=\"ax-radio-container\">\n  <input\n    class=\"ax-radio\"\n    (change)=\"inputChange()\"\n    type=\"radio\"\n    name=\"everyYear\"\n    id=\"option2year\"\n    value=\"custom\"\n    [(ngModel)]=\"yearService.yearModel.type\"\n  />\n  <label for=\"option2year\">{{ '@acorex:common.general.custom' | translate | async }}</label>\n</div>\n\n<div class=\"ax-block-container\">\n  <div class=\"ax-every-container\">\n    <ax-check-box\n      (valueChange)=\"inputChange()\"\n      [disabled]=\"!isCustom\"\n      [(ngModel)]=\"yearService.yearModel.custom.repeat.isRepeat\"\n    >\n      <ax-label>{{ '@acorex:common.general.every' | translate | async }}</ax-label>\n    </ax-check-box>\n\n    <ax-form class=\"ax-sm\">\n      <ax-form-field>\n        <ax-select-box\n          (onClosed)=\"inputChange()\"\n          textField=\"text\"\n          valueField=\"id\"\n          [disabled]=\"!isCustom\"\n          [dataSource]=\"oneTo100\"\n          [(ngModel)]=\"yearService.yearModel.custom.repeat.interval\"\n        >\n        </ax-select-box>\n      </ax-form-field>\n    </ax-form>\n\n    <span>{{ '@acorex:scheduler.starting-at.year' | translate | async }}</span>\n\n    <ax-form class=\"ax-sm\">\n      <ax-form-field>\n        <ax-select-box\n          (onClosed)=\"inputChange()\"\n          [disabled]=\"!isCustom\"\n          [dataSource]=\"dropdownList\"\n          textField=\"text\"\n          valueField=\"id\"\n          [(ngModel)]=\"yearService.yearModel.custom.repeat.startAt\"\n        >\n        </ax-select-box>\n      </ax-form-field>\n    </ax-form>\n  </div>\n\n  <div class=\"ax-specific-container\">\n    <div class=\"ax-flex-container\">\n      <ax-check-box\n        (valueChange)=\"inputChange()\"\n        [disabled]=\"!isCustom\"\n        [(ngModel)]=\"yearService.yearModel.custom.specific.isSpecific\"\n      >\n        <ax-label>\n          {{ '@acorex:scheduler.specific.year' | translate | async }}\n        </ax-label>\n      </ax-check-box>\n    </div>\n\n    <ax-form>\n      <ax-form-field>\n        <ax-select-box\n          (onClosed)=\"inputChange()\"\n          [disabled]=\"!isCustom\"\n          [dataSource]=\"dropdownList\"\n          textField=\"text\"\n          valueField=\"id\"\n          [placeholder]=\"'@acorex:scheduler.time-units.select-year' | translate | async\"\n          [multiple]=\"true\"\n          (onValueChanged)=\"changeHandler($event)\"\n        >\n          <ax-clear-button></ax-clear-button>\n        </ax-select-box>\n      </ax-form-field>\n    </ax-form>\n  </div>\n\n  <div class=\"ax-between-container\">\n    <ax-check-box\n      (valueChange)=\"inputChange()\"\n      [disabled]=\"!isCustom\"\n      [(ngModel)]=\"yearService.yearModel.custom.between.isBetween\"\n    >\n      <ax-label>\n        {{ '@acorex:common.general.every' | translate | async }}\n        {{ '@acorex:dateTime.units.year' | translate | async }}\n        {{ '@acorex:common.general.between' | translate | async }}\n        {{ '@acorex:dateTime.units.year' | translate | async }}\n      </ax-label>\n    </ax-check-box>\n\n    <ax-form class=\"ax-sm\">\n      <ax-form-field>\n        <ax-select-box\n          (onClosed)=\"inputChange()\"\n          [disabled]=\"!isCustom\"\n          [dataSource]=\"dropdownList\"\n          textField=\"text\"\n          valueField=\"id\"\n          [(ngModel)]=\"yearService.yearModel.custom.between.from\"\n        >\n        </ax-select-box>\n      </ax-form-field>\n    </ax-form>\n\n    <span>{{ '@acorex:common.general.and' | translate | async }}</span>\n\n    <ax-form class=\"ax-sm\">\n      <ax-form-field>\n        <ax-select-box\n          (onClosed)=\"inputChange()\"\n          [disabled]=\"!isCustom\"\n          [dataSource]=\"dropdownList\"\n          textField=\"text\"\n          valueField=\"id\"\n          [(ngModel)]=\"yearService.yearModel.custom.between.to\"\n        >\n        </ax-select-box>\n      </ax-form-field>\n    </ax-form>\n  </div>\n</div>\n", styles: ["ax-cron-day label,ax-cron-hours label,ax-cron-minutes label,ax-cron-month label,ax-cron-seconds label,ax-cron-year label{font-size:.875rem;line-height:1.25rem;font-weight:500}ax-cron-day .ax-radio-container,ax-cron-hours .ax-radio-container,ax-cron-minutes .ax-radio-container,ax-cron-month .ax-radio-container,ax-cron-seconds .ax-radio-container,ax-cron-year .ax-radio-container{margin-bottom:.5rem;display:flex;align-items:center}ax-cron-day .ax-radio-container input,ax-cron-hours .ax-radio-container input,ax-cron-minutes .ax-radio-container input,ax-cron-month .ax-radio-container input,ax-cron-seconds .ax-radio-container input,ax-cron-year .ax-radio-container input{margin-inline-end:.5rem}ax-cron-day .ax-block-container,ax-cron-hours .ax-block-container,ax-cron-minutes .ax-block-container,ax-cron-month .ax-block-container,ax-cron-seconds .ax-block-container,ax-cron-year .ax-block-container{padding-inline-start:1.5rem}ax-cron-day .ax-block-container .ax-every-container,ax-cron-hours .ax-block-container .ax-every-container,ax-cron-minutes .ax-block-container .ax-every-container,ax-cron-month .ax-block-container .ax-every-container,ax-cron-seconds .ax-block-container .ax-every-container,ax-cron-year .ax-block-container .ax-every-container{display:flex;align-items:center}ax-cron-day .ax-block-container .ax-every-container ax-form,ax-cron-hours .ax-block-container .ax-every-container ax-form,ax-cron-minutes .ax-block-container .ax-every-container ax-form,ax-cron-month .ax-block-container .ax-every-container ax-form,ax-cron-seconds .ax-block-container .ax-every-container ax-form,ax-cron-year .ax-block-container .ax-every-container ax-form{width:fit-content;margin-inline:.5rem}ax-cron-day .ax-block-container .ax-specific-container,ax-cron-hours .ax-block-container .ax-specific-container,ax-cron-minutes .ax-block-container .ax-specific-container,ax-cron-month .ax-block-container .ax-specific-container,ax-cron-seconds .ax-block-container .ax-specific-container,ax-cron-year .ax-block-container .ax-specific-container{margin-block:.5rem}ax-cron-day .ax-block-container .ax-specific-container .ax-flex-container,ax-cron-hours .ax-block-container .ax-specific-container .ax-flex-container,ax-cron-minutes .ax-block-container .ax-specific-container .ax-flex-container,ax-cron-month .ax-block-container .ax-specific-container .ax-flex-container,ax-cron-seconds .ax-block-container .ax-specific-container .ax-flex-container,ax-cron-year .ax-block-container .ax-specific-container .ax-flex-container{display:flex;align-items:center;margin-bottom:.5rem}ax-cron-day .ax-block-container .ax-between-container,ax-cron-hours .ax-block-container .ax-between-container,ax-cron-minutes .ax-block-container .ax-between-container,ax-cron-month .ax-block-container .ax-between-container,ax-cron-seconds .ax-block-container .ax-between-container,ax-cron-year .ax-block-container .ax-between-container{display:flex;align-items:center}ax-cron-day .ax-block-container .ax-between-container .ax-flex-container,ax-cron-hours .ax-block-container .ax-between-container .ax-flex-container,ax-cron-minutes .ax-block-container .ax-between-container .ax-flex-container,ax-cron-month .ax-block-container .ax-between-container .ax-flex-container,ax-cron-seconds .ax-block-container .ax-between-container .ax-flex-container,ax-cron-year .ax-block-container .ax-between-container .ax-flex-container{display:flex;align-items:center;margin-bottom:.5rem}ax-cron-day .ax-block-container .ax-between-container ax-form,ax-cron-hours .ax-block-container .ax-between-container ax-form,ax-cron-minutes .ax-block-container .ax-between-container ax-form,ax-cron-month .ax-block-container .ax-between-container ax-form,ax-cron-seconds .ax-block-container .ax-between-container ax-form,ax-cron-year .ax-block-container .ax-between-container ax-form{width:fit-content;margin-inline:.5rem}ax-cron-day .ax-block-container .ax-week-container,ax-cron-hours .ax-block-container .ax-week-container,ax-cron-minutes .ax-block-container .ax-week-container,ax-cron-month .ax-block-container .ax-week-container,ax-cron-seconds .ax-block-container .ax-week-container,ax-cron-year .ax-block-container .ax-week-container{display:flex;align-items:center;margin-bottom:.5rem}ax-cron-day .ax-block-container .ax-week-container ax-form,ax-cron-hours .ax-block-container .ax-week-container ax-form,ax-cron-minutes .ax-block-container .ax-week-container ax-form,ax-cron-month .ax-block-container .ax-week-container ax-form,ax-cron-seconds .ax-block-container .ax-week-container ax-form,ax-cron-year .ax-block-container .ax-week-container ax-form{width:fit-content;margin-inline:.5rem}ax-cron-day .ax-block-container .ax-week-container .ax-radio,ax-cron-hours .ax-block-container .ax-week-container .ax-radio,ax-cron-minutes .ax-block-container .ax-week-container .ax-radio,ax-cron-month .ax-block-container .ax-week-container .ax-radio,ax-cron-seconds .ax-block-container .ax-week-container .ax-radio,ax-cron-year .ax-block-container .ax-week-container .ax-radio{margin-inline-end:.5rem}\n"], dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1.RadioControlValueAccessor, selector: "input[type=radio][formControlName],input[type=radio][formControl],input[type=radio][ngModel]", inputs: ["name", "formControlName", "value"] }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: AXCheckBoxComponent, selector: "ax-check-box", inputs: ["disabled", "tabIndex", "readonly", "color", "value", "name", "id", "checked", "isLoading", "indeterminate"], outputs: ["onBlur", "onFocus", "valueChange", "onValueChanged"] }, { kind: "component", type: AXLabelComponent, selector: "ax-label", inputs: ["required", "for"], outputs: ["requiredChange"] }, { kind: "component", type: AXFormComponent, selector: "ax-form", inputs: ["labelMode", "look", "messageStyle", "updateOn"], outputs: ["onValidate", "updateOnChange"] }, { kind: "component", type: AXFormFieldComponent, selector: "ax-form-field", inputs: ["labelMode"] }, { kind: "component", type: AXSelectBoxComponent, selector: "ax-select-box", inputs: ["disabled", "readonly", "tabIndex", "placeholder", "minValue", "maxValue", "value", "state", "name", "id", "type", "look", "multiple", "valueField", "textField", "disabledField", "textTemplate", "selectedItems", "isItemTruncated", "showItemTooltip", "dataSource", "minRecordsForSearch", "caption", "itemTemplate", "selectedTemplate", "emptyTemplate", "loadingTemplate", "dropdownWidth", "searchBoxAutoFocus"], outputs: ["valueChange", "stateChange", "onValueChanged", "onBlur", "onFocus", "readonlyChange", "disabledChange", "onOpened", "onClosed"] }, { kind: "component", type: AXDecoratorClearButtonComponent, selector: "ax-clear-button", inputs: ["icon"] }, { kind: "pipe", type: AsyncPipe, name: "async" }, { kind: "pipe", type: AXTranslatorPipe, name: "translate" }], encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.1.3", type: AXCronYearComponent, isStandalone: true, selector: "ax-cron-year", outputs: { yearChanged: "yearChanged" }, host: { attributes: { "ngSkipHydration": "true" } }, providers: [{ provide: AXComponent, useExisting: AXCronYearComponent }], ngImport: i0, template: "<div class=\"ax-radio-container\">\n  <input\n    class=\"ax-radio\"\n    (change)=\"inputChange()\"\n    type=\"radio\"\n    name=\"everyYear\"\n    id=\"option1year\"\n    value=\"every\"\n    [(ngModel)]=\"yearService.yearModel.type\"\n    checked\n  />\n  <label for=\"option1year\">\n    {{ '@acorex:common.general.every' | translate | async }}\n    {{ '@acorex:dateTime.units.year' | translate | async }}\n  </label>\n</div>\n\n<div class=\"ax-radio-container\">\n  <input\n    class=\"ax-radio\"\n    (change)=\"inputChange()\"\n    type=\"radio\"\n    name=\"everyYear\"\n    id=\"option2year\"\n    value=\"custom\"\n    [(ngModel)]=\"yearService.yearModel.type\"\n  />\n  <label for=\"option2year\">{{ '@acorex:common.general.custom' | translate | async }}</label>\n</div>\n\n<div class=\"ax-block-container\">\n  <div class=\"ax-every-container\">\n    <ax-check-box\n      (valueChange)=\"inputChange()\"\n      [disabled]=\"!isCustom\"\n      [(ngModel)]=\"yearService.yearModel.custom.repeat.isRepeat\"\n    >\n      <ax-label>{{ '@acorex:common.general.every' | translate | async }}</ax-label>\n    </ax-check-box>\n\n    <ax-form class=\"ax-sm\">\n      <ax-form-field>\n        <ax-select-box\n          (onClosed)=\"inputChange()\"\n          textField=\"text\"\n          valueField=\"id\"\n          [disabled]=\"!isCustom\"\n          [dataSource]=\"oneTo100\"\n          [(ngModel)]=\"yearService.yearModel.custom.repeat.interval\"\n        >\n        </ax-select-box>\n      </ax-form-field>\n    </ax-form>\n\n    <span>{{ '@acorex:scheduler.starting-at.year' | translate | async }}</span>\n\n    <ax-form class=\"ax-sm\">\n      <ax-form-field>\n        <ax-select-box\n          (onClosed)=\"inputChange()\"\n          [disabled]=\"!isCustom\"\n          [dataSource]=\"dropdownList\"\n          textField=\"text\"\n          valueField=\"id\"\n          [(ngModel)]=\"yearService.yearModel.custom.repeat.startAt\"\n        >\n        </ax-select-box>\n      </ax-form-field>\n    </ax-form>\n  </div>\n\n  <div class=\"ax-specific-container\">\n    <div class=\"ax-flex-container\">\n      <ax-check-box\n        (valueChange)=\"inputChange()\"\n        [disabled]=\"!isCustom\"\n        [(ngModel)]=\"yearService.yearModel.custom.specific.isSpecific\"\n      >\n        <ax-label>\n          {{ '@acorex:scheduler.specific.year' | translate | async }}\n        </ax-label>\n      </ax-check-box>\n    </div>\n\n    <ax-form>\n      <ax-form-field>\n        <ax-select-box\n          (onClosed)=\"inputChange()\"\n          [disabled]=\"!isCustom\"\n          [dataSource]=\"dropdownList\"\n          textField=\"text\"\n          valueField=\"id\"\n          [placeholder]=\"'@acorex:scheduler.time-units.select-year' | translate | async\"\n          [multiple]=\"true\"\n          (onValueChanged)=\"changeHandler($event)\"\n        >\n          <ax-clear-button></ax-clear-button>\n        </ax-select-box>\n      </ax-form-field>\n    </ax-form>\n  </div>\n\n  <div class=\"ax-between-container\">\n    <ax-check-box\n      (valueChange)=\"inputChange()\"\n      [disabled]=\"!isCustom\"\n      [(ngModel)]=\"yearService.yearModel.custom.between.isBetween\"\n    >\n      <ax-label>\n        {{ '@acorex:common.general.every' | translate | async }}\n        {{ '@acorex:dateTime.units.year' | translate | async }}\n        {{ '@acorex:common.general.between' | translate | async }}\n        {{ '@acorex:dateTime.units.year' | translate | async }}\n      </ax-label>\n    </ax-check-box>\n\n    <ax-form class=\"ax-sm\">\n      <ax-form-field>\n        <ax-select-box\n          (onClosed)=\"inputChange()\"\n          [disabled]=\"!isCustom\"\n          [dataSource]=\"dropdownList\"\n          textField=\"text\"\n          valueField=\"id\"\n          [(ngModel)]=\"yearService.yearModel.custom.between.from\"\n        >\n        </ax-select-box>\n      </ax-form-field>\n    </ax-form>\n\n    <span>{{ '@acorex:common.general.and' | translate | async }}</span>\n\n    <ax-form class=\"ax-sm\">\n      <ax-form-field>\n        <ax-select-box\n          (onClosed)=\"inputChange()\"\n          [disabled]=\"!isCustom\"\n          [dataSource]=\"dropdownList\"\n          textField=\"text\"\n          valueField=\"id\"\n          [(ngModel)]=\"yearService.yearModel.custom.between.to\"\n        >\n        </ax-select-box>\n      </ax-form-field>\n    </ax-form>\n  </div>\n</div>\n", styles: ["ax-cron-day label,ax-cron-hours label,ax-cron-minutes label,ax-cron-month label,ax-cron-seconds label,ax-cron-year label{font-size:.875rem;line-height:1.25rem;font-weight:500}ax-cron-day .ax-radio-container,ax-cron-hours .ax-radio-container,ax-cron-minutes .ax-radio-container,ax-cron-month .ax-radio-container,ax-cron-seconds .ax-radio-container,ax-cron-year .ax-radio-container{margin-bottom:.5rem;display:flex;align-items:center}ax-cron-day .ax-radio-container input,ax-cron-hours .ax-radio-container input,ax-cron-minutes .ax-radio-container input,ax-cron-month .ax-radio-container input,ax-cron-seconds .ax-radio-container input,ax-cron-year .ax-radio-container input{margin-inline-end:.5rem}ax-cron-day .ax-block-container,ax-cron-hours .ax-block-container,ax-cron-minutes .ax-block-container,ax-cron-month .ax-block-container,ax-cron-seconds .ax-block-container,ax-cron-year .ax-block-container{padding-inline-start:1.5rem}ax-cron-day .ax-block-container .ax-every-container,ax-cron-hours .ax-block-container .ax-every-container,ax-cron-minutes .ax-block-container .ax-every-container,ax-cron-month .ax-block-container .ax-every-container,ax-cron-seconds .ax-block-container .ax-every-container,ax-cron-year .ax-block-container .ax-every-container{display:flex;align-items:center}ax-cron-day .ax-block-container .ax-every-container ax-form,ax-cron-hours .ax-block-container .ax-every-container ax-form,ax-cron-minutes .ax-block-container .ax-every-container ax-form,ax-cron-month .ax-block-container .ax-every-container ax-form,ax-cron-seconds .ax-block-container .ax-every-container ax-form,ax-cron-year .ax-block-container .ax-every-container ax-form{width:fit-content;margin-inline:.5rem}ax-cron-day .ax-block-container .ax-specific-container,ax-cron-hours .ax-block-container .ax-specific-container,ax-cron-minutes .ax-block-container .ax-specific-container,ax-cron-month .ax-block-container .ax-specific-container,ax-cron-seconds .ax-block-container .ax-specific-container,ax-cron-year .ax-block-container .ax-specific-container{margin-block:.5rem}ax-cron-day .ax-block-container .ax-specific-container .ax-flex-container,ax-cron-hours .ax-block-container .ax-specific-container .ax-flex-container,ax-cron-minutes .ax-block-container .ax-specific-container .ax-flex-container,ax-cron-month .ax-block-container .ax-specific-container .ax-flex-container,ax-cron-seconds .ax-block-container .ax-specific-container .ax-flex-container,ax-cron-year .ax-block-container .ax-specific-container .ax-flex-container{display:flex;align-items:center;margin-bottom:.5rem}ax-cron-day .ax-block-container .ax-between-container,ax-cron-hours .ax-block-container .ax-between-container,ax-cron-minutes .ax-block-container .ax-between-container,ax-cron-month .ax-block-container .ax-between-container,ax-cron-seconds .ax-block-container .ax-between-container,ax-cron-year .ax-block-container .ax-between-container{display:flex;align-items:center}ax-cron-day .ax-block-container .ax-between-container .ax-flex-container,ax-cron-hours .ax-block-container .ax-between-container .ax-flex-container,ax-cron-minutes .ax-block-container .ax-between-container .ax-flex-container,ax-cron-month .ax-block-container .ax-between-container .ax-flex-container,ax-cron-seconds .ax-block-container .ax-between-container .ax-flex-container,ax-cron-year .ax-block-container .ax-between-container .ax-flex-container{display:flex;align-items:center;margin-bottom:.5rem}ax-cron-day .ax-block-container .ax-between-container ax-form,ax-cron-hours .ax-block-container .ax-between-container ax-form,ax-cron-minutes .ax-block-container .ax-between-container ax-form,ax-cron-month .ax-block-container .ax-between-container ax-form,ax-cron-seconds .ax-block-container .ax-between-container ax-form,ax-cron-year .ax-block-container .ax-between-container ax-form{width:fit-content;margin-inline:.5rem}ax-cron-day .ax-block-container .ax-week-container,ax-cron-hours .ax-block-container .ax-week-container,ax-cron-minutes .ax-block-container .ax-week-container,ax-cron-month .ax-block-container .ax-week-container,ax-cron-seconds .ax-block-container .ax-week-container,ax-cron-year .ax-block-container .ax-week-container{display:flex;align-items:center;margin-bottom:.5rem}ax-cron-day .ax-block-container .ax-week-container ax-form,ax-cron-hours .ax-block-container .ax-week-container ax-form,ax-cron-minutes .ax-block-container .ax-week-container ax-form,ax-cron-month .ax-block-container .ax-week-container ax-form,ax-cron-seconds .ax-block-container .ax-week-container ax-form,ax-cron-year .ax-block-container .ax-week-container ax-form{width:fit-content;margin-inline:.5rem}ax-cron-day .ax-block-container .ax-week-container .ax-radio,ax-cron-hours .ax-block-container .ax-week-container .ax-radio,ax-cron-minutes .ax-block-container .ax-week-container .ax-radio,ax-cron-month .ax-block-container .ax-week-container .ax-radio,ax-cron-seconds .ax-block-container .ax-week-container .ax-radio,ax-cron-year .ax-block-container .ax-week-container .ax-radio{margin-inline-end:.5rem}\n"], dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1.RadioControlValueAccessor, selector: "input[type=radio][formControlName],input[type=radio][formControl],input[type=radio][ngModel]", inputs: ["name", "formControlName", "value"] }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: AXCheckBoxComponent, selector: "ax-check-box", inputs: ["disabled", "tabIndex", "readonly", "color", "value", "name", "id", "isLoading", "indeterminate"], outputs: ["onBlur", "onFocus", "valueChange", "onValueChanged"] }, { kind: "component", type: AXLabelComponent, selector: "ax-label", inputs: ["required", "for"], outputs: ["requiredChange"] }, { kind: "component", type: AXFormComponent, selector: "ax-form", inputs: ["labelMode", "look", "messageStyle", "updateOn"], outputs: ["onValidate", "updateOnChange"] }, { kind: "component", type: AXFormFieldComponent, selector: "ax-form-field", inputs: ["labelMode"] }, { kind: "component", type: AXSelectBoxComponent, selector: "ax-select-box", inputs: ["disabled", "readonly", "tabIndex", "placeholder", "minValue", "maxValue", "value", "state", "name", "id", "type", "look", "multiple", "valueField", "textField", "disabledField", "textTemplate", "selectedItems", "isItemTruncated", "showItemTooltip", "dataSource", "minRecordsForSearch", "caption", "itemTemplate", "selectedTemplate", "emptyTemplate", "loadingTemplate", "dropdownWidth", "searchBoxAutoFocus"], outputs: ["valueChange", "stateChange", "onValueChanged", "onBlur", "onFocus", "readonlyChange", "disabledChange", "onOpened", "onClosed"] }, { kind: "component", type: AXDecoratorClearButtonComponent, selector: "ax-clear-button", inputs: ["icon"] }, { kind: "pipe", type: AsyncPipe, name: "async" }, { kind: "pipe", type: AXTranslatorPipe, name: "translate" }], encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: AXCronYearComponent, decorators: [{
             type: Component,
@@ -1181,8 +1181,11 @@ class AXCronJobContainerComponent extends MXInputBaseValueComponent {
             this.yearService.reversExpression(cronExpressionPattern);
         });
     }
+    get __hostName() {
+        return this.name;
+    }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: AXCronJobContainerComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "20.1.3", type: AXCronJobContainerComponent, isStandalone: true, selector: "ax-cron-job-container", outputs: { onValueChanged: "onValueChanged" }, host: { attributes: { "ngSkipHydration": "true" } }, providers: [
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "20.1.3", type: AXCronJobContainerComponent, isStandalone: true, selector: "ax-cron-job-container", outputs: { onValueChanged: "onValueChanged" }, host: { attributes: { "ngSkipHydration": "true" }, properties: { "attr.name": "this.__hostName" } }, providers: [
             SecondsService,
             MinutesService,
             HoursService,
@@ -1230,7 +1233,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.3", ngImpor
                         AsyncPipe,
                         AXTranslatorPipe,
                     ], template: "<ax-tabs [content]=\"cronTab\" [look]=\"options().look\" [fitParent]=\"options().fit\" [location]=\"options().location\">\n  <ax-tab-item key=\"Seconds\" [text]=\"'@acorex:dateTime.units.second' | translate | async\">\n    <ax-content> <ax-cron-seconds (secondsChanged)=\"onGetModel()\"></ax-cron-seconds></ax-content>\n  </ax-tab-item>\n  <ax-tab-item key=\"Minutes\" [text]=\"'@acorex:dateTime.units.minute' | translate | async\">\n    <ax-content> <ax-cron-minutes (minutesChanged)=\"onGetModel()\"></ax-cron-minutes></ax-content>\n  </ax-tab-item>\n  <ax-tab-item key=\"Hours\" [text]=\"'@acorex:dateTime.units.hour' | translate | async\">\n    <ax-content> <ax-cron-hours (hoursChanged)=\"onGetModel()\"></ax-cron-hours></ax-content>\n  </ax-tab-item>\n  <ax-tab-item key=\"Days\" [text]=\"'@acorex:dateTime.units.day' | translate | async\">\n    <ax-content> <ax-cron-day (dayChanged)=\"onGetModel()\"></ax-cron-day></ax-content>\n  </ax-tab-item>\n  <ax-tab-item key=\"Months\" [text]=\"'@acorex:dateTime.units.month' | translate | async\">\n    <ax-content> <ax-cron-month (monthChanged)=\"onGetModel()\"></ax-cron-month></ax-content>\n  </ax-tab-item>\n  <ax-tab-item key=\"Years\" [text]=\"'@acorex:dateTime.units.year' | translate | async\">\n    <ax-content><ax-cron-year (yearChanged)=\"onGetModel()\"></ax-cron-year></ax-content>\n  </ax-tab-item>\n</ax-tabs>\n\n<div class=\"ax-cron-tools-container\">\n  <ng-template [axTabContent] #cronTab=\"axTabContent\"> </ng-template>\n</div>\n", styles: ["ax-cron-job-container{display:flex;flex-direction:column;overflow-x:auto;border:1px solid rgba(var(--ax-sys-color-border-lightest-surface));border-radius:var(--ax-sys-border-radius)}.ax-btn-result-container{padding:.5rem 1rem;display:flex;justify-content:space-between;align-items:center}.ax-btn-result-container ax-button{margin-inline-end:1rem}.ax-cron-tools-container{padding:1rem;overflow-x:auto}\n"] }]
-        }] });
+        }], propDecorators: { __hostName: [{
+                type: HostBinding,
+                args: ['attr.name']
+            }] } });
 
 const COMPONENT = [
     AXCronJobContainerComponent,