@acorex/components 18.16.0-next.4 → 18.16.0-next.5

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

@@ -1,15 +1,12 @@
+import { MXInputBaseValueComponent, AXComponent, AXFocusableComponent, AXClearableComponent, AXValuableComponent } from '@acorex/components/common';
 import * as i1$1 from '@acorex/components/tabs';
 import { AXTabsComponent, AXTabsModule } from '@acorex/components/tabs';
 import * as i0 from '@angular/core';
-import { Injectable, inject, afterNextRender, Component, ViewEncapsulation, viewChild, signal, output, NgModule } from '@angular/core';
+import { Injectable, inject, afterNextRender, output, Component, ViewEncapsulation, viewChild, signal, forwardRef, NgModule } from '@angular/core';
+import * as i2 from '@angular/forms';
+import { NG_VALUE_ACCESSOR, FormsModule } from '@angular/forms';
 import * as i1 from '@acorex/components/decorators';
 import { AXDecoratorModule } from '@acorex/components/decorators';
-import * as i2 from '@angular/forms';
-import { FormsModule } from '@angular/forms';
-import * as i4$1 from '@acorex/components/text-box';
-import { AXTextBoxModule } from '@acorex/components/text-box';
-import * as i5$1 from '@acorex/components/button';
-import { AXButtonModule } from '@acorex/components/button';
 import * as i3 from '@acorex/components/select-box';
 import { AXSelectBoxModule } from '@acorex/components/select-box';
 import * as i4 from '@acorex/components/form';
@@ -23,8 +20,10 @@ import { CommonModule } from '@angular/common';
 import * as i8 from '@acorex/core/translation';
 import { AXTranslationModule } from '@acorex/core/translation';
 import { AXBadgeModule } from '@acorex/components/badge';
+import { AXButtonModule } from '@acorex/components/button';
+import { AXTextBoxModule } from '@acorex/components/text-box';
 
-class StringService {
+class CronJobService {
     addComma(str) {
         if (str !== '')
             // add , to end of string
@@ -75,10 +74,10 @@ class StringService {
             return { id: parseInt(item), text: item };
         });
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: StringService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: StringService }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: CronJobService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: CronJobService }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: StringService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: CronJobService, decorators: [{
             type: Injectable
         }] });
 
@@ -402,12 +401,12 @@ class DayService {
             this.dayModel.baseOnMonth.custom.specific.values = specificData;
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: DayService, deps: [{ token: StringService }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: DayService, deps: [{ token: CronJobService }], target: i0.ɵɵFactoryTarget.Injectable }); }
     static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: DayService }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: DayService, decorators: [{
             type: Injectable
-        }], ctorParameters: () => [{ type: StringService }] });
+        }], ctorParameters: () => [{ type: CronJobService }] });
 
 class Hours {
     constructor() {
@@ -485,12 +484,12 @@ class HoursService {
             this.hourModel.custom.between.to = rangeData?.to;
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: HoursService, deps: [{ token: StringService }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: HoursService, deps: [{ token: CronJobService }], target: i0.ɵɵFactoryTarget.Injectable }); }
     static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: HoursService }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: HoursService, decorators: [{
             type: Injectable
-        }], ctorParameters: () => [{ type: StringService }] });
+        }], ctorParameters: () => [{ type: CronJobService }] });
 
 class Minutes {
     constructor() {
@@ -568,12 +567,12 @@ class MinutesService {
             this.minuteModel.custom.between.to = rangeData?.to;
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: MinutesService, deps: [{ token: StringService }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: MinutesService, deps: [{ token: CronJobService }], target: i0.ɵɵFactoryTarget.Injectable }); }
     static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: MinutesService }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: MinutesService, decorators: [{
             type: Injectable
-        }], ctorParameters: () => [{ type: StringService }] });
+        }], ctorParameters: () => [{ type: CronJobService }] });
 
 class Month {
     constructor() {
@@ -665,12 +664,12 @@ class MonthService {
             this.monthModel.custom.between.to = rangeData?.to - 1;
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: MonthService, deps: [{ token: StringService }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: MonthService, deps: [{ token: CronJobService }], target: i0.ɵɵFactoryTarget.Injectable }); }
     static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: MonthService }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: MonthService, decorators: [{
             type: Injectable
-        }], ctorParameters: () => [{ type: StringService }] });
+        }], ctorParameters: () => [{ type: CronJobService }] });
 
 class Seconds {
     constructor() {
@@ -748,12 +747,12 @@ class SecondsService {
             this.secondModel.custom.between.to = rangeData?.to;
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: SecondsService, deps: [{ token: StringService }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: SecondsService, deps: [{ token: CronJobService }], target: i0.ɵɵFactoryTarget.Injectable }); }
     static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: SecondsService }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: SecondsService, decorators: [{
             type: Injectable
-        }], ctorParameters: () => [{ type: StringService }] });
+        }], ctorParameters: () => [{ type: CronJobService }] });
 
 class Year {
     constructor() {
@@ -851,12 +850,12 @@ class YearService {
             this.yearModel.custom.between.to = rangeData?.to;
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: YearService, deps: [{ token: StringService }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: YearService, deps: [{ token: CronJobService }], target: i0.ɵɵFactoryTarget.Injectable }); }
     static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: YearService }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: YearService, decorators: [{
             type: Injectable
-        }], ctorParameters: () => [{ type: StringService }] });
+        }], ctorParameters: () => [{ type: CronJobService }] });
 
 class AXCronDayComponent {
     constructor() {
@@ -873,8 +872,12 @@ class AXCronDayComponent {
                 this.boMonthDropDownList[i] = new DropDownItem(i + 1, (i + 1).toString());
             }
         });
+        this.dayChanged = output();
     }
     #init;
+    inputChange() {
+        this.dayChanged.emit();
+    }
     changeHandler(e) {
         this.dayService.dayModel.baseOnWeek.custom.specific.values = e.component.selectedItems;
     }
@@ -900,11 +903,11 @@ class AXCronDayComponent {
         return this.dayService.dayModel.baseOnMonth.type === BaseOnMonthType.Before ? true : false;
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: AXCronDayComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.0", type: AXCronDayComponent, selector: "ax-cron-day", ngImport: i0, template: "<div class=\"ax-radio-container\">\n  <input\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\">{{ 'every' | translate | async }} {{ 'time.day' | translate | async }}</label>\n</div>\n\n<div class=\"ax-radio-container\">\n  <input\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\">{{ 'base-on-week' | translate | async }}</label>\n</div>\n\n<div class=\"ax-block-container\">\n  <div class=\"ax-week-container\">\n    <input\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\">{{ 'on-the-last' | translate | async }}</label>\n\n    <ax-form class=\"ax-sm\">\n      <ax-form-field>\n        <ax-select-box\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>{{ 'of-the-month' | translate | async }}</span>\n  </div>\n\n  <div>\n    <div class=\"ax-radio-container\">\n      <input\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\">{{ 'custom' | translate | async }}</label>\n    </div>\n\n    <div class=\"ax-block-container\">\n      <div class=\"ax-week-container\">\n        <ax-check-box\n          [disabled]=\"!isBoWeek || !isBoWeekCustom\"\n          [(ngModel)]=\"dayService.dayModel.baseOnWeek.custom.repeat.isRepeat\"\n        >\n          <ax-label>{{ '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              [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>{{ 'day-starting-on' | translate | async }}</span>\n\n        <ax-form class=\"ax-sm\">\n          <ax-form-field>\n            <ax-select-box\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            [disabled]=\"!isBoWeek || !isBoWeekCustom\"\n            [(ngModel)]=\"dayService.dayModel.baseOnWeek.custom.specific.isSpecefic\"\n          >\n            <ax-label>{{ '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              [disabled]=\"!isBoWeek || !isBoWeekCustom\"\n              [dataSource]=\"boWeekDropDownList\"\n              textField=\"text\"\n              valueField=\"id\"\n              [placeholder]=\"'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          [disabled]=\"!isBoWeek || !isBoWeekCustom\"\n          [(ngModel)]=\"dayService.dayModel.baseOnWeek.custom.dayOfMonth.isDayOfMonth\"\n        >\n          <ax-label>{{ '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              [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>{{ 'st' | translate | async }}</span>\n\n        <ax-form class=\"ax-sm\">\n          <ax-form-field>\n            <ax-select-box\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>{{ 'of-month' | translate | async }}</span>\n      </div>\n    </div>\n  </div>\n</div>\n\n<div class=\"ax-radio-container\">\n  <input\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\">{{ 'base-on-month' | translate | async }}</label>\n</div>\n\n<div class=\"ax-block-container\">\n  <div class=\"ax-radio-container\">\n    <input\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\">{{ 'on-the-last-day-of-the-month' | translate | async }}</label>\n  </div>\n\n  <div class=\"ax-week-container\">\n    <input\n      class=\"ax-radio\"\n      type=\"radio\"\n      name=\"bomonth\"\n      id=\"bomonthLast\"\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          [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>{{ '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        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\">{{ 'custom' | translate | async }}</label>\n    </div>\n\n    <div class=\"ax-block-container\">\n      <div class=\"ax-week-container\">\n        <ax-check-box\n          [disabled]=\"!isBoMonth || !isBoMonthCustom\"\n          [(ngModel)]=\"dayService.dayModel.baseOnMonth.custom.repeat.isRepeat\"\n        >\n          <ax-label>{{ '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              [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>{{ 'day-starting-on' | translate | async }}</span>\n\n        <ax-form class=\"ax-sm\">\n          <ax-form-field>\n            <ax-select-box\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>{{ 'st-of-the-month' | translate | async }}</span>\n      </div>\n\n      <div class=\"ax-specific-container\">\n        <div class=\"ax-flex-container\">\n          <ax-check-box\n            [disabled]=\"!isBoMonth || !isBoMonthCustom\"\n            [(ngModel)]=\"dayService.dayModel.baseOnMonth.custom.specific.isSpecefic\"\n          >\n            <ax-label>{{ '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              [disabled]=\"!isBoMonth || !isBoMonthCustom\"\n              [dataSource]=\"boMonthDropDownList\"\n              textField=\"text\"\n              valueField=\"id\"\n              [placeholder]=\"'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 .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: "component", type: i1.AXDecoratorClearButtonComponent, selector: "ax-clear-button", inputs: ["icon"] }, { kind: "directive", type: i2.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: i2.RadioControlValueAccessor, selector: "input[type=radio][formControlName],input[type=radio][formControl],input[type=radio][ngModel]", inputs: ["name", "formControlName", "value"] }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i3.AXSelectBoxComponent, selector: "ax-select-box", inputs: ["disabled", "readonly", "tabIndex", "placeholder", "minValue", "maxValue", "value", "state", "name", "id", "type", "look", "multiple", "valueField", "textField", "textTemplate", "dataSource", "caption", "itemTemplate", "selectedTemplate", "emptyTemplate", "loadingTemplate", "dropdownWidth"], outputs: ["valueChange", "stateChange", "onValueChanged", "onBlur", "onFocus", "readonlyChange", "disabledChange", "onOpened", "onClosed"] }, { kind: "component", type: i4.AXFormFieldComponent, selector: "ax-form-field", inputs: ["labelMode"] }, { kind: "component", type: i4.AXFormComponent, selector: "ax-form", inputs: ["labelMode", "look", "messageStyle", "updateOn"], outputs: ["onValidate", "updateOnChange"] }, { kind: "component", type: i5.AXLabelComponent, selector: "ax-label", inputs: ["required", "for"], outputs: ["requiredChange"] }, { kind: "component", type: i6.AXCheckBoxComponent, selector: "ax-check-box", inputs: ["disabled", "tabIndex", "readonly", "color", "value", "name", "id", "checked", "indeterminate"], outputs: ["onBlur", "onFocus", "valueChange", "onValueChanged"] }, { kind: "pipe", type: i7.AsyncPipe, name: "async" }, { kind: "pipe", type: i8.AXTranslatorPipe, name: "translate" }], encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.0", type: AXCronDayComponent, selector: "ax-cron-day", outputs: { dayChanged: "dayChanged" }, 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\">{{ 'every' | translate | async }} {{ 'time.day' | translate | async }}</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\">{{ '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\">{{ '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>{{ '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\">{{ '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>{{ '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>{{ 'day-starting-on' | 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>{{ '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]=\"'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>{{ '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>{{ 'st' | 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>{{ '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\">{{ '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\">{{ '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      id=\"bomonthLast\"\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>{{ '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\">{{ '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>{{ '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>{{ 'day-starting-on' | 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>{{ 'st-of-the-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>{{ '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]=\"'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 .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: "component", type: i1.AXDecoratorClearButtonComponent, selector: "ax-clear-button", inputs: ["icon"] }, { kind: "directive", type: i2.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: i2.RadioControlValueAccessor, selector: "input[type=radio][formControlName],input[type=radio][formControl],input[type=radio][ngModel]", inputs: ["name", "formControlName", "value"] }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i3.AXSelectBoxComponent, selector: "ax-select-box", inputs: ["disabled", "readonly", "tabIndex", "placeholder", "minValue", "maxValue", "value", "state", "name", "id", "type", "look", "multiple", "valueField", "textField", "textTemplate", "dataSource", "caption", "itemTemplate", "selectedTemplate", "emptyTemplate", "loadingTemplate", "dropdownWidth"], outputs: ["valueChange", "stateChange", "onValueChanged", "onBlur", "onFocus", "readonlyChange", "disabledChange", "onOpened", "onClosed"] }, { kind: "component", type: i4.AXFormFieldComponent, selector: "ax-form-field", inputs: ["labelMode"] }, { kind: "component", type: i4.AXFormComponent, selector: "ax-form", inputs: ["labelMode", "look", "messageStyle", "updateOn"], outputs: ["onValidate", "updateOnChange"] }, { kind: "component", type: i5.AXLabelComponent, selector: "ax-label", inputs: ["required", "for"], outputs: ["requiredChange"] }, { kind: "component", type: i6.AXCheckBoxComponent, selector: "ax-check-box", inputs: ["disabled", "tabIndex", "readonly", "color", "value", "name", "id", "checked", "indeterminate"], outputs: ["onBlur", "onFocus", "valueChange", "onValueChanged"] }, { kind: "pipe", type: i7.AsyncPipe, name: "async" }, { kind: "pipe", type: i8.AXTranslatorPipe, name: "translate" }], encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: AXCronDayComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'ax-cron-day', encapsulation: ViewEncapsulation.None, template: "<div class=\"ax-radio-container\">\n  <input\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\">{{ 'every' | translate | async }} {{ 'time.day' | translate | async }}</label>\n</div>\n\n<div class=\"ax-radio-container\">\n  <input\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\">{{ 'base-on-week' | translate | async }}</label>\n</div>\n\n<div class=\"ax-block-container\">\n  <div class=\"ax-week-container\">\n    <input\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\">{{ 'on-the-last' | translate | async }}</label>\n\n    <ax-form class=\"ax-sm\">\n      <ax-form-field>\n        <ax-select-box\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>{{ 'of-the-month' | translate | async }}</span>\n  </div>\n\n  <div>\n    <div class=\"ax-radio-container\">\n      <input\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\">{{ 'custom' | translate | async }}</label>\n    </div>\n\n    <div class=\"ax-block-container\">\n      <div class=\"ax-week-container\">\n        <ax-check-box\n          [disabled]=\"!isBoWeek || !isBoWeekCustom\"\n          [(ngModel)]=\"dayService.dayModel.baseOnWeek.custom.repeat.isRepeat\"\n        >\n          <ax-label>{{ '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              [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>{{ 'day-starting-on' | translate | async }}</span>\n\n        <ax-form class=\"ax-sm\">\n          <ax-form-field>\n            <ax-select-box\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            [disabled]=\"!isBoWeek || !isBoWeekCustom\"\n            [(ngModel)]=\"dayService.dayModel.baseOnWeek.custom.specific.isSpecefic\"\n          >\n            <ax-label>{{ '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              [disabled]=\"!isBoWeek || !isBoWeekCustom\"\n              [dataSource]=\"boWeekDropDownList\"\n              textField=\"text\"\n              valueField=\"id\"\n              [placeholder]=\"'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          [disabled]=\"!isBoWeek || !isBoWeekCustom\"\n          [(ngModel)]=\"dayService.dayModel.baseOnWeek.custom.dayOfMonth.isDayOfMonth\"\n        >\n          <ax-label>{{ '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              [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>{{ 'st' | translate | async }}</span>\n\n        <ax-form class=\"ax-sm\">\n          <ax-form-field>\n            <ax-select-box\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>{{ 'of-month' | translate | async }}</span>\n      </div>\n    </div>\n  </div>\n</div>\n\n<div class=\"ax-radio-container\">\n  <input\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\">{{ 'base-on-month' | translate | async }}</label>\n</div>\n\n<div class=\"ax-block-container\">\n  <div class=\"ax-radio-container\">\n    <input\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\">{{ 'on-the-last-day-of-the-month' | translate | async }}</label>\n  </div>\n\n  <div class=\"ax-week-container\">\n    <input\n      class=\"ax-radio\"\n      type=\"radio\"\n      name=\"bomonth\"\n      id=\"bomonthLast\"\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          [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>{{ '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        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\">{{ 'custom' | translate | async }}</label>\n    </div>\n\n    <div class=\"ax-block-container\">\n      <div class=\"ax-week-container\">\n        <ax-check-box\n          [disabled]=\"!isBoMonth || !isBoMonthCustom\"\n          [(ngModel)]=\"dayService.dayModel.baseOnMonth.custom.repeat.isRepeat\"\n        >\n          <ax-label>{{ '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              [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>{{ 'day-starting-on' | translate | async }}</span>\n\n        <ax-form class=\"ax-sm\">\n          <ax-form-field>\n            <ax-select-box\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>{{ 'st-of-the-month' | translate | async }}</span>\n      </div>\n\n      <div class=\"ax-specific-container\">\n        <div class=\"ax-flex-container\">\n          <ax-check-box\n            [disabled]=\"!isBoMonth || !isBoMonthCustom\"\n            [(ngModel)]=\"dayService.dayModel.baseOnMonth.custom.specific.isSpecefic\"\n          >\n            <ax-label>{{ '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              [disabled]=\"!isBoMonth || !isBoMonthCustom\"\n              [dataSource]=\"boMonthDropDownList\"\n              textField=\"text\"\n              valueField=\"id\"\n              [placeholder]=\"'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 .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"] }]
+            args: [{ selector: 'ax-cron-day', encapsulation: ViewEncapsulation.None, 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\">{{ 'every' | translate | async }} {{ 'time.day' | translate | async }}</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\">{{ '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\">{{ '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>{{ '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\">{{ '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>{{ '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>{{ 'day-starting-on' | 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>{{ '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]=\"'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>{{ '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>{{ 'st' | 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>{{ '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\">{{ '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\">{{ '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      id=\"bomonthLast\"\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>{{ '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\">{{ '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>{{ '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>{{ 'day-starting-on' | 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>{{ 'st-of-the-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>{{ '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]=\"'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 .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"] }]
         }] });
 
 class AXCronHoursComponent {
@@ -918,8 +921,12 @@ class AXCronHoursComponent {
                 this.dropdownList[i] = new DropDownItem(i, i.toString());
             }
         });
+        this.hoursChanged = output();
     }
     #init;
+    inputChange() {
+        this.hoursChanged.emit();
+    }
     changeHandler(e) {
         this.hoursService.hourModel.custom.specific.values = e.component.selectedItems;
     }
@@ -927,11 +934,11 @@ class AXCronHoursComponent {
         return this.hoursService.hourModel.type === Type.Every ? false : true;
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: AXCronHoursComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.0", type: AXCronHoursComponent, selector: "ax-cron-hours", ngImport: i0, template: "<div class=\"ax-radio-container\">\n  <input\n    class=\"ax-radio\"\n    type=\"radio\"\n    name=\"every\"\n    id=\"option1\"\n    value=\"every\"\n    [(ngModel)]=\"hoursService.hourModel.type\"\n    checked\n  />\n  <label for=\"option1\">{{ 'every' | translate | async }} {{ 'time.hour' | translate | async }}</label>\n</div>\n\n<div class=\"ax-radio-container\">\n  <input\n    class=\"ax-radio\"\n    type=\"radio\"\n    name=\"custom\"\n    id=\"option2\"\n    value=\"custom\"\n    [(ngModel)]=\"hoursService.hourModel.type\"\n  />\n  <label for=\"option2\">{{ 'custom' | translate | async }}</label>\n</div>\n\n<div class=\"ax-block-container\">\n  <div class=\"ax-every-container\">\n    <ax-check-box [disabled]=\"!isCustom\" [(ngModel)]=\"hoursService.hourModel.custom.repeat.isRepeat\">\n      <ax-label>{{ '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          [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>{{ 'hour-starting' | translate | async }}</span>\n\n    <ax-form class=\"ax-sm\">\n      <ax-form-field>\n        <ax-select-box\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 [disabled]=\"!isCustom\" [(ngModel)]=\"hoursService.hourModel.custom.specific.isSpecific\">\n        <ax-label>{{ '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          [disabled]=\"!isCustom\"\n          [dataSource]=\"dropdownList\"\n          textField=\"text\"\n          valueField=\"id\"\n          [placeholder]=\"'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 [disabled]=\"!isCustom\" [(ngModel)]=\"hoursService.hourModel.custom.between.isBetween\">\n      <ax-label>\n        {{ 'every' | translate | async }} {{ 'time.hour' | translate | async }}\n        {{ 'between' | translate | async }} {{ 'time.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          [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>{{ 'and' | translate | async }}</span>\n\n    <ax-form class=\"ax-sm\">\n      <ax-form-field>\n        <ax-select-box\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 .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: "component", type: i1.AXDecoratorClearButtonComponent, selector: "ax-clear-button", inputs: ["icon"] }, { kind: "directive", type: i2.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: i2.RadioControlValueAccessor, selector: "input[type=radio][formControlName],input[type=radio][formControl],input[type=radio][ngModel]", inputs: ["name", "formControlName", "value"] }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i3.AXSelectBoxComponent, selector: "ax-select-box", inputs: ["disabled", "readonly", "tabIndex", "placeholder", "minValue", "maxValue", "value", "state", "name", "id", "type", "look", "multiple", "valueField", "textField", "textTemplate", "dataSource", "caption", "itemTemplate", "selectedTemplate", "emptyTemplate", "loadingTemplate", "dropdownWidth"], outputs: ["valueChange", "stateChange", "onValueChanged", "onBlur", "onFocus", "readonlyChange", "disabledChange", "onOpened", "onClosed"] }, { kind: "component", type: i4.AXFormFieldComponent, selector: "ax-form-field", inputs: ["labelMode"] }, { kind: "component", type: i4.AXFormComponent, selector: "ax-form", inputs: ["labelMode", "look", "messageStyle", "updateOn"], outputs: ["onValidate", "updateOnChange"] }, { kind: "component", type: i5.AXLabelComponent, selector: "ax-label", inputs: ["required", "for"], outputs: ["requiredChange"] }, { kind: "component", type: i6.AXCheckBoxComponent, selector: "ax-check-box", inputs: ["disabled", "tabIndex", "readonly", "color", "value", "name", "id", "checked", "indeterminate"], outputs: ["onBlur", "onFocus", "valueChange", "onValueChanged"] }, { kind: "pipe", type: i7.AsyncPipe, name: "async" }, { kind: "pipe", type: i8.AXTranslatorPipe, name: "translate" }], encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.0", type: AXCronHoursComponent, selector: "ax-cron-hours", outputs: { hoursChanged: "hoursChanged" }, ngImport: i0, template: "<div class=\"ax-radio-container\">\n  <input\n    (change)=\"inputChange()\"\n    class=\"ax-radio\"\n    type=\"radio\"\n    name=\"every\"\n    id=\"option1\"\n    value=\"every\"\n    [(ngModel)]=\"hoursService.hourModel.type\"\n    checked\n  />\n  <label for=\"option1\">{{ 'every' | translate | async }} {{ 'time.hour' | translate | async }}</label>\n</div>\n\n<div class=\"ax-radio-container\">\n  <input\n    (change)=\"inputChange()\"\n    class=\"ax-radio\"\n    type=\"radio\"\n    name=\"custom\"\n    id=\"option2\"\n    value=\"custom\"\n    [(ngModel)]=\"hoursService.hourModel.type\"\n  />\n  <label for=\"option2\">{{ '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>{{ '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>{{ 'hour-starting' | 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>{{ '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]=\"'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        {{ 'every' | translate | async }} {{ 'time.hour' | translate | async }}\n        {{ 'between' | translate | async }} {{ 'time.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>{{ '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 .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: "component", type: i1.AXDecoratorClearButtonComponent, selector: "ax-clear-button", inputs: ["icon"] }, { kind: "directive", type: i2.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: i2.RadioControlValueAccessor, selector: "input[type=radio][formControlName],input[type=radio][formControl],input[type=radio][ngModel]", inputs: ["name", "formControlName", "value"] }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i3.AXSelectBoxComponent, selector: "ax-select-box", inputs: ["disabled", "readonly", "tabIndex", "placeholder", "minValue", "maxValue", "value", "state", "name", "id", "type", "look", "multiple", "valueField", "textField", "textTemplate", "dataSource", "caption", "itemTemplate", "selectedTemplate", "emptyTemplate", "loadingTemplate", "dropdownWidth"], outputs: ["valueChange", "stateChange", "onValueChanged", "onBlur", "onFocus", "readonlyChange", "disabledChange", "onOpened", "onClosed"] }, { kind: "component", type: i4.AXFormFieldComponent, selector: "ax-form-field", inputs: ["labelMode"] }, { kind: "component", type: i4.AXFormComponent, selector: "ax-form", inputs: ["labelMode", "look", "messageStyle", "updateOn"], outputs: ["onValidate", "updateOnChange"] }, { kind: "component", type: i5.AXLabelComponent, selector: "ax-label", inputs: ["required", "for"], outputs: ["requiredChange"] }, { kind: "component", type: i6.AXCheckBoxComponent, selector: "ax-check-box", inputs: ["disabled", "tabIndex", "readonly", "color", "value", "name", "id", "checked", "indeterminate"], outputs: ["onBlur", "onFocus", "valueChange", "onValueChanged"] }, { kind: "pipe", type: i7.AsyncPipe, name: "async" }, { kind: "pipe", type: i8.AXTranslatorPipe, name: "translate" }], encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: AXCronHoursComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'ax-cron-hours', encapsulation: ViewEncapsulation.None, template: "<div class=\"ax-radio-container\">\n  <input\n    class=\"ax-radio\"\n    type=\"radio\"\n    name=\"every\"\n    id=\"option1\"\n    value=\"every\"\n    [(ngModel)]=\"hoursService.hourModel.type\"\n    checked\n  />\n  <label for=\"option1\">{{ 'every' | translate | async }} {{ 'time.hour' | translate | async }}</label>\n</div>\n\n<div class=\"ax-radio-container\">\n  <input\n    class=\"ax-radio\"\n    type=\"radio\"\n    name=\"custom\"\n    id=\"option2\"\n    value=\"custom\"\n    [(ngModel)]=\"hoursService.hourModel.type\"\n  />\n  <label for=\"option2\">{{ 'custom' | translate | async }}</label>\n</div>\n\n<div class=\"ax-block-container\">\n  <div class=\"ax-every-container\">\n    <ax-check-box [disabled]=\"!isCustom\" [(ngModel)]=\"hoursService.hourModel.custom.repeat.isRepeat\">\n      <ax-label>{{ '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          [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>{{ 'hour-starting' | translate | async }}</span>\n\n    <ax-form class=\"ax-sm\">\n      <ax-form-field>\n        <ax-select-box\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 [disabled]=\"!isCustom\" [(ngModel)]=\"hoursService.hourModel.custom.specific.isSpecific\">\n        <ax-label>{{ '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          [disabled]=\"!isCustom\"\n          [dataSource]=\"dropdownList\"\n          textField=\"text\"\n          valueField=\"id\"\n          [placeholder]=\"'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 [disabled]=\"!isCustom\" [(ngModel)]=\"hoursService.hourModel.custom.between.isBetween\">\n      <ax-label>\n        {{ 'every' | translate | async }} {{ 'time.hour' | translate | async }}\n        {{ 'between' | translate | async }} {{ 'time.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          [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>{{ 'and' | translate | async }}</span>\n\n    <ax-form class=\"ax-sm\">\n      <ax-form-field>\n        <ax-select-box\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 .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"] }]
+            args: [{ selector: 'ax-cron-hours', encapsulation: ViewEncapsulation.None, template: "<div class=\"ax-radio-container\">\n  <input\n    (change)=\"inputChange()\"\n    class=\"ax-radio\"\n    type=\"radio\"\n    name=\"every\"\n    id=\"option1\"\n    value=\"every\"\n    [(ngModel)]=\"hoursService.hourModel.type\"\n    checked\n  />\n  <label for=\"option1\">{{ 'every' | translate | async }} {{ 'time.hour' | translate | async }}</label>\n</div>\n\n<div class=\"ax-radio-container\">\n  <input\n    (change)=\"inputChange()\"\n    class=\"ax-radio\"\n    type=\"radio\"\n    name=\"custom\"\n    id=\"option2\"\n    value=\"custom\"\n    [(ngModel)]=\"hoursService.hourModel.type\"\n  />\n  <label for=\"option2\">{{ '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>{{ '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>{{ 'hour-starting' | 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>{{ '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]=\"'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        {{ 'every' | translate | async }} {{ 'time.hour' | translate | async }}\n        {{ 'between' | translate | async }} {{ 'time.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>{{ '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 .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"] }]
         }] });
 
 class AXCronMinutesComponent {
@@ -945,8 +952,12 @@ class AXCronMinutesComponent {
                 this.dropdownList[i] = new DropDownItem(i, i.toString());
             }
         });
+        this.minutesChanged = output();
     }
     #init;
+    inputChange() {
+        this.minutesChanged.emit();
+    }
     changeHandler(e) {
         this.minutesService.minuteModel.custom.specific.values = e.component.selectedItems;
     }
@@ -954,11 +965,11 @@ class AXCronMinutesComponent {
         return this.minutesService.minuteModel.type === Type.Every ? false : true;
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: AXCronMinutesComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.0", type: AXCronMinutesComponent, selector: "ax-cron-minutes", ngImport: i0, template: "<div class=\"ax-radio-container\">\n  <input\n    class=\"ax-radio\"\n    type=\"radio\"\n    name=\"every\"\n    id=\"option1\"\n    value=\"every\"\n    [(ngModel)]=\"minutesService.minuteModel.type\"\n    checked\n  />\n  <label for=\"option1\">{{ 'every' | translate | async }} {{ 'time.minute' | translate | async }} </label>\n</div>\n\n<div class=\"ax-radio-container\">\n  <input\n    class=\"ax-radio\"\n    type=\"radio\"\n    name=\"custom\"\n    id=\"option2\"\n    value=\"custom\"\n    [(ngModel)]=\"minutesService.minuteModel.type\"\n  />\n  <label for=\"option2\">{{ 'custom' | translate | async }}</label>\n</div>\n\n<div class=\"ax-block-container\">\n  <div class=\"ax-every-container\">\n    <ax-check-box [disabled]=\"!isCustom\" [(ngModel)]=\"minutesService.minuteModel.custom.repeat.isRepeat\">\n      <ax-label>{{ '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          [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>{{ 'minute-starting' | translate | async }}</span>\n\n    <ax-form class=\"ax-sm\">\n      <ax-form-field>\n        <ax-select-box\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        [disabled]=\"!isCustom\"\n        [(ngModel)]=\"minutesService.minuteModel.custom.specific.isSpecific\"\n      >\n        <ax-label>{{ '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          [disabled]=\"!isCustom\"\n          [dataSource]=\"dropdownList\"\n          textField=\"text\"\n          valueField=\"id\"\n          [placeholder]=\"'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 [disabled]=\"!isCustom\" [(ngModel)]=\"minutesService.minuteModel.custom.between.isBetween\">\n      <ax-label>\n        {{ 'every' | translate | async }} {{ 'time.minute' | translate | async }}\n        {{ 'between' | translate | async }} {{ 'time.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          [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>{{ 'and' | translate | async }}</span>\n\n    <ax-form class=\"ax-sm\">\n      <ax-form-field>\n        <ax-select-box\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 .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: "component", type: i1.AXDecoratorClearButtonComponent, selector: "ax-clear-button", inputs: ["icon"] }, { kind: "directive", type: i2.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: i2.RadioControlValueAccessor, selector: "input[type=radio][formControlName],input[type=radio][formControl],input[type=radio][ngModel]", inputs: ["name", "formControlName", "value"] }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i3.AXSelectBoxComponent, selector: "ax-select-box", inputs: ["disabled", "readonly", "tabIndex", "placeholder", "minValue", "maxValue", "value", "state", "name", "id", "type", "look", "multiple", "valueField", "textField", "textTemplate", "dataSource", "caption", "itemTemplate", "selectedTemplate", "emptyTemplate", "loadingTemplate", "dropdownWidth"], outputs: ["valueChange", "stateChange", "onValueChanged", "onBlur", "onFocus", "readonlyChange", "disabledChange", "onOpened", "onClosed"] }, { kind: "component", type: i4.AXFormFieldComponent, selector: "ax-form-field", inputs: ["labelMode"] }, { kind: "component", type: i4.AXFormComponent, selector: "ax-form", inputs: ["labelMode", "look", "messageStyle", "updateOn"], outputs: ["onValidate", "updateOnChange"] }, { kind: "component", type: i5.AXLabelComponent, selector: "ax-label", inputs: ["required", "for"], outputs: ["requiredChange"] }, { kind: "component", type: i6.AXCheckBoxComponent, selector: "ax-check-box", inputs: ["disabled", "tabIndex", "readonly", "color", "value", "name", "id", "checked", "indeterminate"], outputs: ["onBlur", "onFocus", "valueChange", "onValueChanged"] }, { kind: "pipe", type: i7.AsyncPipe, name: "async" }, { kind: "pipe", type: i8.AXTranslatorPipe, name: "translate" }], encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.0", type: AXCronMinutesComponent, selector: "ax-cron-minutes", outputs: { minutesChanged: "minutesChanged" }, ngImport: i0, template: "<div class=\"ax-radio-container\">\n  <input\n    (change)=\"inputChange()\"\n    class=\"ax-radio\"\n    type=\"radio\"\n    name=\"every\"\n    id=\"option1\"\n    value=\"every\"\n    [(ngModel)]=\"minutesService.minuteModel.type\"\n    checked\n  />\n  <label for=\"option1\">{{ 'every' | translate | async }} {{ 'time.minute' | translate | async }} </label>\n</div>\n\n<div class=\"ax-radio-container\">\n  <input\n    (change)=\"inputChange()\"\n    class=\"ax-radio\"\n    type=\"radio\"\n    name=\"custom\"\n    id=\"option2\"\n    value=\"custom\"\n    [(ngModel)]=\"minutesService.minuteModel.type\"\n  />\n  <label for=\"option2\">{{ '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>{{ '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>{{ 'minute-starting' | 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>{{ '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]=\"'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        {{ 'every' | translate | async }} {{ 'time.minute' | translate | async }}\n        {{ 'between' | translate | async }} {{ 'time.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>{{ '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 .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: "component", type: i1.AXDecoratorClearButtonComponent, selector: "ax-clear-button", inputs: ["icon"] }, { kind: "directive", type: i2.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: i2.RadioControlValueAccessor, selector: "input[type=radio][formControlName],input[type=radio][formControl],input[type=radio][ngModel]", inputs: ["name", "formControlName", "value"] }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i3.AXSelectBoxComponent, selector: "ax-select-box", inputs: ["disabled", "readonly", "tabIndex", "placeholder", "minValue", "maxValue", "value", "state", "name", "id", "type", "look", "multiple", "valueField", "textField", "textTemplate", "dataSource", "caption", "itemTemplate", "selectedTemplate", "emptyTemplate", "loadingTemplate", "dropdownWidth"], outputs: ["valueChange", "stateChange", "onValueChanged", "onBlur", "onFocus", "readonlyChange", "disabledChange", "onOpened", "onClosed"] }, { kind: "component", type: i4.AXFormFieldComponent, selector: "ax-form-field", inputs: ["labelMode"] }, { kind: "component", type: i4.AXFormComponent, selector: "ax-form", inputs: ["labelMode", "look", "messageStyle", "updateOn"], outputs: ["onValidate", "updateOnChange"] }, { kind: "component", type: i5.AXLabelComponent, selector: "ax-label", inputs: ["required", "for"], outputs: ["requiredChange"] }, { kind: "component", type: i6.AXCheckBoxComponent, selector: "ax-check-box", inputs: ["disabled", "tabIndex", "readonly", "color", "value", "name", "id", "checked", "indeterminate"], outputs: ["onBlur", "onFocus", "valueChange", "onValueChanged"] }, { kind: "pipe", type: i7.AsyncPipe, name: "async" }, { kind: "pipe", type: i8.AXTranslatorPipe, name: "translate" }], encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: AXCronMinutesComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'ax-cron-minutes', encapsulation: ViewEncapsulation.None, template: "<div class=\"ax-radio-container\">\n  <input\n    class=\"ax-radio\"\n    type=\"radio\"\n    name=\"every\"\n    id=\"option1\"\n    value=\"every\"\n    [(ngModel)]=\"minutesService.minuteModel.type\"\n    checked\n  />\n  <label for=\"option1\">{{ 'every' | translate | async }} {{ 'time.minute' | translate | async }} </label>\n</div>\n\n<div class=\"ax-radio-container\">\n  <input\n    class=\"ax-radio\"\n    type=\"radio\"\n    name=\"custom\"\n    id=\"option2\"\n    value=\"custom\"\n    [(ngModel)]=\"minutesService.minuteModel.type\"\n  />\n  <label for=\"option2\">{{ 'custom' | translate | async }}</label>\n</div>\n\n<div class=\"ax-block-container\">\n  <div class=\"ax-every-container\">\n    <ax-check-box [disabled]=\"!isCustom\" [(ngModel)]=\"minutesService.minuteModel.custom.repeat.isRepeat\">\n      <ax-label>{{ '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          [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>{{ 'minute-starting' | translate | async }}</span>\n\n    <ax-form class=\"ax-sm\">\n      <ax-form-field>\n        <ax-select-box\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        [disabled]=\"!isCustom\"\n        [(ngModel)]=\"minutesService.minuteModel.custom.specific.isSpecific\"\n      >\n        <ax-label>{{ '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          [disabled]=\"!isCustom\"\n          [dataSource]=\"dropdownList\"\n          textField=\"text\"\n          valueField=\"id\"\n          [placeholder]=\"'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 [disabled]=\"!isCustom\" [(ngModel)]=\"minutesService.minuteModel.custom.between.isBetween\">\n      <ax-label>\n        {{ 'every' | translate | async }} {{ 'time.minute' | translate | async }}\n        {{ 'between' | translate | async }} {{ 'time.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          [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>{{ 'and' | translate | async }}</span>\n\n    <ax-form class=\"ax-sm\">\n      <ax-form-field>\n        <ax-select-box\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 .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"] }]
+            args: [{ selector: 'ax-cron-minutes', encapsulation: ViewEncapsulation.None, template: "<div class=\"ax-radio-container\">\n  <input\n    (change)=\"inputChange()\"\n    class=\"ax-radio\"\n    type=\"radio\"\n    name=\"every\"\n    id=\"option1\"\n    value=\"every\"\n    [(ngModel)]=\"minutesService.minuteModel.type\"\n    checked\n  />\n  <label for=\"option1\">{{ 'every' | translate | async }} {{ 'time.minute' | translate | async }} </label>\n</div>\n\n<div class=\"ax-radio-container\">\n  <input\n    (change)=\"inputChange()\"\n    class=\"ax-radio\"\n    type=\"radio\"\n    name=\"custom\"\n    id=\"option2\"\n    value=\"custom\"\n    [(ngModel)]=\"minutesService.minuteModel.type\"\n  />\n  <label for=\"option2\">{{ '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>{{ '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>{{ 'minute-starting' | 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>{{ '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]=\"'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        {{ 'every' | translate | async }} {{ 'time.minute' | translate | async }}\n        {{ 'between' | translate | async }} {{ 'time.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>{{ '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 .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"] }]
         }] });
 
 class AXCronMonthComponent {
@@ -978,8 +989,12 @@ class AXCronMonthComponent {
                 this.oneTo12[i] = new DropDownItem(i, (i + 1).toString());
             }
         });
+        this.monthChanged = output();
     }
     #init;
+    inputChange() {
+        this.monthChanged.emit();
+    }
     changeHandler(e) {
         this.monthService.monthModel.custom.specific.values = e.component.selectedItems;
     }
@@ -990,16 +1005,17 @@ class AXCronMonthComponent {
         return this.monthService.monthList;
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: AXCronMonthComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.0", type: AXCronMonthComponent, selector: "ax-cron-month", ngImport: i0, template: "<div class=\"ax-radio-container\">\n  <input\n    class=\"ax-radio\"\n    type=\"radio\"\n    name=\"every\"\n    id=\"option1\"\n    value=\"every\"\n    [(ngModel)]=\"monthService.monthModel.type\"\n    checked\n  />\n  <label for=\"option1\">{{ 'every' | translate | async }} {{ 'time.month' | translate | async }}</label>\n</div>\n\n<div class=\"ax-radio-container\">\n  <input\n    class=\"ax-radio\"\n    type=\"radio\"\n    name=\"custom\"\n    id=\"option2\"\n    value=\"custom\"\n    [(ngModel)]=\"monthService.monthModel.type\"\n  />\n  <label for=\"option2\">{{ 'custom' | translate | async }}</label>\n</div>\n\n<div class=\"ax-block-container\">\n  <div class=\"ax-every-container\">\n    <ax-check-box [disabled]=\"!isCustom\" [(ngModel)]=\"monthService.monthModel.custom.repeat.isRepeat\">\n      <ax-label>{{ '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          [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>{{ 'month-starting' | translate | async }}</span>\n\n    <ax-form class=\"ax-sm\">\n      <ax-form-field>\n        <ax-select-box\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 [disabled]=\"!isCustom\" [(ngModel)]=\"monthService.monthModel.custom.specific.isSpecific\">\n        <ax-label> {{ '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          [disabled]=\"!isCustom\"\n          [dataSource]=\"dropdownList2\"\n          textField=\"text\"\n          valueField=\"id\"\n          [placeholder]=\"'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 [disabled]=\"!isCustom\" [(ngModel)]=\"monthService.monthModel.custom.between.isBetween\">\n      <ax-label>\n        {{ 'every' | translate | async }} {{ 'time.month' | translate | async }}\n        {{ 'between' | translate | async }} {{ 'time.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          [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>{{ 'and' | translate | async }}</span>\n\n    <ax-form class=\"ax-sm\">\n      <ax-form-field>\n        <ax-select-box\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 .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: "component", type: i1.AXDecoratorClearButtonComponent, selector: "ax-clear-button", inputs: ["icon"] }, { kind: "directive", type: i2.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: i2.RadioControlValueAccessor, selector: "input[type=radio][formControlName],input[type=radio][formControl],input[type=radio][ngModel]", inputs: ["name", "formControlName", "value"] }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i3.AXSelectBoxComponent, selector: "ax-select-box", inputs: ["disabled", "readonly", "tabIndex", "placeholder", "minValue", "maxValue", "value", "state", "name", "id", "type", "look", "multiple", "valueField", "textField", "textTemplate", "dataSource", "caption", "itemTemplate", "selectedTemplate", "emptyTemplate", "loadingTemplate", "dropdownWidth"], outputs: ["valueChange", "stateChange", "onValueChanged", "onBlur", "onFocus", "readonlyChange", "disabledChange", "onOpened", "onClosed"] }, { kind: "component", type: i4.AXFormFieldComponent, selector: "ax-form-field", inputs: ["labelMode"] }, { kind: "component", type: i4.AXFormComponent, selector: "ax-form", inputs: ["labelMode", "look", "messageStyle", "updateOn"], outputs: ["onValidate", "updateOnChange"] }, { kind: "component", type: i5.AXLabelComponent, selector: "ax-label", inputs: ["required", "for"], outputs: ["requiredChange"] }, { kind: "component", type: i6.AXCheckBoxComponent, selector: "ax-check-box", inputs: ["disabled", "tabIndex", "readonly", "color", "value", "name", "id", "checked", "indeterminate"], outputs: ["onBlur", "onFocus", "valueChange", "onValueChanged"] }, { kind: "pipe", type: i7.AsyncPipe, name: "async" }, { kind: "pipe", type: i8.AXTranslatorPipe, name: "translate" }], encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.0", type: AXCronMonthComponent, selector: "ax-cron-month", outputs: { monthChanged: "monthChanged" }, ngImport: i0, template: "<div class=\"ax-radio-container\">\n  <input\n    (change)=\"inputChange()\"\n    class=\"ax-radio\"\n    type=\"radio\"\n    name=\"every\"\n    id=\"option1\"\n    value=\"every\"\n    [(ngModel)]=\"monthService.monthModel.type\"\n    checked\n  />\n  <label for=\"option1\">{{ 'every' | translate | async }} {{ 'time.month' | translate | async }}</label>\n</div>\n\n<div class=\"ax-radio-container\">\n  <input\n    (change)=\"inputChange()\"\n    class=\"ax-radio\"\n    type=\"radio\"\n    name=\"custom\"\n    id=\"option2\"\n    value=\"custom\"\n    [(ngModel)]=\"monthService.monthModel.type\"\n  />\n  <label for=\"option2\">{{ '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>{{ '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>{{ 'month-starting' | 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> {{ '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]=\"'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        {{ 'every' | translate | async }} {{ 'time.month' | translate | async }}\n        {{ 'between' | translate | async }} {{ 'time.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>{{ '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 .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: "component", type: i1.AXDecoratorClearButtonComponent, selector: "ax-clear-button", inputs: ["icon"] }, { kind: "directive", type: i2.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: i2.RadioControlValueAccessor, selector: "input[type=radio][formControlName],input[type=radio][formControl],input[type=radio][ngModel]", inputs: ["name", "formControlName", "value"] }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i3.AXSelectBoxComponent, selector: "ax-select-box", inputs: ["disabled", "readonly", "tabIndex", "placeholder", "minValue", "maxValue", "value", "state", "name", "id", "type", "look", "multiple", "valueField", "textField", "textTemplate", "dataSource", "caption", "itemTemplate", "selectedTemplate", "emptyTemplate", "loadingTemplate", "dropdownWidth"], outputs: ["valueChange", "stateChange", "onValueChanged", "onBlur", "onFocus", "readonlyChange", "disabledChange", "onOpened", "onClosed"] }, { kind: "component", type: i4.AXFormFieldComponent, selector: "ax-form-field", inputs: ["labelMode"] }, { kind: "component", type: i4.AXFormComponent, selector: "ax-form", inputs: ["labelMode", "look", "messageStyle", "updateOn"], outputs: ["onValidate", "updateOnChange"] }, { kind: "component", type: i5.AXLabelComponent, selector: "ax-label", inputs: ["required", "for"], outputs: ["requiredChange"] }, { kind: "component", type: i6.AXCheckBoxComponent, selector: "ax-check-box", inputs: ["disabled", "tabIndex", "readonly", "color", "value", "name", "id", "checked", "indeterminate"], outputs: ["onBlur", "onFocus", "valueChange", "onValueChanged"] }, { kind: "pipe", type: i7.AsyncPipe, name: "async" }, { kind: "pipe", type: i8.AXTranslatorPipe, name: "translate" }], encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: AXCronMonthComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'ax-cron-month', encapsulation: ViewEncapsulation.None, template: "<div class=\"ax-radio-container\">\n  <input\n    class=\"ax-radio\"\n    type=\"radio\"\n    name=\"every\"\n    id=\"option1\"\n    value=\"every\"\n    [(ngModel)]=\"monthService.monthModel.type\"\n    checked\n  />\n  <label for=\"option1\">{{ 'every' | translate | async }} {{ 'time.month' | translate | async }}</label>\n</div>\n\n<div class=\"ax-radio-container\">\n  <input\n    class=\"ax-radio\"\n    type=\"radio\"\n    name=\"custom\"\n    id=\"option2\"\n    value=\"custom\"\n    [(ngModel)]=\"monthService.monthModel.type\"\n  />\n  <label for=\"option2\">{{ 'custom' | translate | async }}</label>\n</div>\n\n<div class=\"ax-block-container\">\n  <div class=\"ax-every-container\">\n    <ax-check-box [disabled]=\"!isCustom\" [(ngModel)]=\"monthService.monthModel.custom.repeat.isRepeat\">\n      <ax-label>{{ '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          [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>{{ 'month-starting' | translate | async }}</span>\n\n    <ax-form class=\"ax-sm\">\n      <ax-form-field>\n        <ax-select-box\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 [disabled]=\"!isCustom\" [(ngModel)]=\"monthService.monthModel.custom.specific.isSpecific\">\n        <ax-label> {{ '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          [disabled]=\"!isCustom\"\n          [dataSource]=\"dropdownList2\"\n          textField=\"text\"\n          valueField=\"id\"\n          [placeholder]=\"'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 [disabled]=\"!isCustom\" [(ngModel)]=\"monthService.monthModel.custom.between.isBetween\">\n      <ax-label>\n        {{ 'every' | translate | async }} {{ 'time.month' | translate | async }}\n        {{ 'between' | translate | async }} {{ 'time.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          [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>{{ 'and' | translate | async }}</span>\n\n    <ax-form class=\"ax-sm\">\n      <ax-form-field>\n        <ax-select-box\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 .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"] }]
+            args: [{ selector: 'ax-cron-month', encapsulation: ViewEncapsulation.None, template: "<div class=\"ax-radio-container\">\n  <input\n    (change)=\"inputChange()\"\n    class=\"ax-radio\"\n    type=\"radio\"\n    name=\"every\"\n    id=\"option1\"\n    value=\"every\"\n    [(ngModel)]=\"monthService.monthModel.type\"\n    checked\n  />\n  <label for=\"option1\">{{ 'every' | translate | async }} {{ 'time.month' | translate | async }}</label>\n</div>\n\n<div class=\"ax-radio-container\">\n  <input\n    (change)=\"inputChange()\"\n    class=\"ax-radio\"\n    type=\"radio\"\n    name=\"custom\"\n    id=\"option2\"\n    value=\"custom\"\n    [(ngModel)]=\"monthService.monthModel.type\"\n  />\n  <label for=\"option2\">{{ '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>{{ '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>{{ 'month-starting' | 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> {{ '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]=\"'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        {{ 'every' | translate | async }} {{ 'time.month' | translate | async }}\n        {{ 'between' | translate | async }} {{ 'time.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>{{ '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 .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"] }]
         }] });
 
 class AXCronSecondsComponent {
     constructor() {
         this.secondsService = inject(SecondsService);
+        this.secondsChanged = output();
         this.dropdownList = [];
         this.zeroTo59 = [];
         this.#init = afterNextRender(() => {
@@ -1010,6 +1026,9 @@ class AXCronSecondsComponent {
         });
     }
     #init;
+    inputChange() {
+        this.secondsChanged.emit();
+    }
     changeHandler(e) {
         this.secondsService.secondModel.custom.specific.values = e.component.selectedItems;
     }
@@ -1017,11 +1036,11 @@ class AXCronSecondsComponent {
         return this.secondsService.secondModel.type === Type.Every ? false : true;
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: AXCronSecondsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.0", type: AXCronSecondsComponent, selector: "ax-cron-seconds", ngImport: i0, template: "<div class=\"ax-radio-container\">\n  <input\n    class=\"ax-radio\"\n    type=\"radio\"\n    name=\"every\"\n    id=\"option1\"\n    value=\"every\"\n    [(ngModel)]=\"secondsService.secondModel.type\"\n    checked\n  />\n  <label for=\"option1\">{{ 'every' | translate | async }} {{ 'time.second' | translate | async }}</label>\n</div>\n\n<div class=\"ax-radio-container\">\n  <input\n    class=\"ax-radio\"\n    type=\"radio\"\n    name=\"custom\"\n    id=\"option2\"\n    value=\"custom\"\n    [(ngModel)]=\"secondsService.secondModel.type\"\n  />\n  <label for=\"option2\">{{ 'custom' | translate | async }}</label>\n</div>\n\n<div class=\"ax-block-container\">\n  <div class=\"ax-every-container\">\n    <ax-check-box [disabled]=\"!isCustom\" [(ngModel)]=\"secondsService.secondModel.custom.repeat.isRepeat\">\n      <ax-label>{{ '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          [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>{{ 'second-starting' | translate | async }}</span>\n\n    <ax-form class=\"ax-sm\">\n      <ax-form-field>\n        <ax-select-box\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        [disabled]=\"!isCustom\"\n        [(ngModel)]=\"secondsService.secondModel.custom.specific.isSpecific\"\n      >\n        <ax-label>\n          {{ '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          [disabled]=\"!isCustom\"\n          [dataSource]=\"dropdownList\"\n          textField=\"text\"\n          valueField=\"id\"\n          [placeholder]=\"'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 [disabled]=\"!isCustom\" [(ngModel)]=\"secondsService.secondModel.custom.between.isBetween\">\n      <ax-label>\n        {{ 'every' | translate | async }} {{ 'time.second' | translate | async }}\n        {{ 'between' | translate | async }} {{ 'time.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          [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>{{ 'and' | translate | async }}</span>\n\n    <ax-form class=\"ax-sm\">\n      <ax-form-field>\n        <ax-select-box\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 .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: "component", type: i1.AXDecoratorClearButtonComponent, selector: "ax-clear-button", inputs: ["icon"] }, { kind: "directive", type: i2.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: i2.RadioControlValueAccessor, selector: "input[type=radio][formControlName],input[type=radio][formControl],input[type=radio][ngModel]", inputs: ["name", "formControlName", "value"] }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i3.AXSelectBoxComponent, selector: "ax-select-box", inputs: ["disabled", "readonly", "tabIndex", "placeholder", "minValue", "maxValue", "value", "state", "name", "id", "type", "look", "multiple", "valueField", "textField", "textTemplate", "dataSource", "caption", "itemTemplate", "selectedTemplate", "emptyTemplate", "loadingTemplate", "dropdownWidth"], outputs: ["valueChange", "stateChange", "onValueChanged", "onBlur", "onFocus", "readonlyChange", "disabledChange", "onOpened", "onClosed"] }, { kind: "component", type: i4.AXFormFieldComponent, selector: "ax-form-field", inputs: ["labelMode"] }, { kind: "component", type: i4.AXFormComponent, selector: "ax-form", inputs: ["labelMode", "look", "messageStyle", "updateOn"], outputs: ["onValidate", "updateOnChange"] }, { kind: "component", type: i5.AXLabelComponent, selector: "ax-label", inputs: ["required", "for"], outputs: ["requiredChange"] }, { kind: "component", type: i6.AXCheckBoxComponent, selector: "ax-check-box", inputs: ["disabled", "tabIndex", "readonly", "color", "value", "name", "id", "checked", "indeterminate"], outputs: ["onBlur", "onFocus", "valueChange", "onValueChanged"] }, { kind: "pipe", type: i7.AsyncPipe, name: "async" }, { kind: "pipe", type: i8.AXTranslatorPipe, name: "translate" }], encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.0", type: AXCronSecondsComponent, selector: "ax-cron-seconds", outputs: { secondsChanged: "secondsChanged" }, ngImport: i0, template: "<div class=\"ax-radio-container\">\n  <input\n    (change)=\"inputChange()\"\n    class=\"ax-radio\"\n    type=\"radio\"\n    name=\"every\"\n    id=\"option1\"\n    value=\"every\"\n    [(ngModel)]=\"secondsService.secondModel.type\"\n    checked\n  />\n  <label for=\"option1\">{{ 'every' | translate | async }} {{ 'time.second' | translate | async }}</label>\n</div>\n\n<div class=\"ax-radio-container\">\n  <input\n    (change)=\"inputChange()\"\n    class=\"ax-radio\"\n    type=\"radio\"\n    name=\"custom\"\n    id=\"option2\"\n    value=\"custom\"\n    [(ngModel)]=\"secondsService.secondModel.type\"\n  />\n  <label for=\"option2\">{{ '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)]=\"secondsService.secondModel.custom.repeat.isRepeat\"\n    >\n      <ax-label>{{ '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>{{ 'second-starting' | 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          {{ '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]=\"'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        {{ 'every' | translate | async }} {{ 'time.second' | translate | async }}\n        {{ 'between' | translate | async }} {{ 'time.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>{{ '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 .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: "component", type: i1.AXDecoratorClearButtonComponent, selector: "ax-clear-button", inputs: ["icon"] }, { kind: "directive", type: i2.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: i2.RadioControlValueAccessor, selector: "input[type=radio][formControlName],input[type=radio][formControl],input[type=radio][ngModel]", inputs: ["name", "formControlName", "value"] }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i3.AXSelectBoxComponent, selector: "ax-select-box", inputs: ["disabled", "readonly", "tabIndex", "placeholder", "minValue", "maxValue", "value", "state", "name", "id", "type", "look", "multiple", "valueField", "textField", "textTemplate", "dataSource", "caption", "itemTemplate", "selectedTemplate", "emptyTemplate", "loadingTemplate", "dropdownWidth"], outputs: ["valueChange", "stateChange", "onValueChanged", "onBlur", "onFocus", "readonlyChange", "disabledChange", "onOpened", "onClosed"] }, { kind: "component", type: i4.AXFormFieldComponent, selector: "ax-form-field", inputs: ["labelMode"] }, { kind: "component", type: i4.AXFormComponent, selector: "ax-form", inputs: ["labelMode", "look", "messageStyle", "updateOn"], outputs: ["onValidate", "updateOnChange"] }, { kind: "component", type: i5.AXLabelComponent, selector: "ax-label", inputs: ["required", "for"], outputs: ["requiredChange"] }, { kind: "component", type: i6.AXCheckBoxComponent, selector: "ax-check-box", inputs: ["disabled", "tabIndex", "readonly", "color", "value", "name", "id", "checked", "indeterminate"], outputs: ["onBlur", "onFocus", "valueChange", "onValueChanged"] }, { kind: "pipe", type: i7.AsyncPipe, name: "async" }, { kind: "pipe", type: i8.AXTranslatorPipe, name: "translate" }], encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: AXCronSecondsComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'ax-cron-seconds', encapsulation: ViewEncapsulation.None, template: "<div class=\"ax-radio-container\">\n  <input\n    class=\"ax-radio\"\n    type=\"radio\"\n    name=\"every\"\n    id=\"option1\"\n    value=\"every\"\n    [(ngModel)]=\"secondsService.secondModel.type\"\n    checked\n  />\n  <label for=\"option1\">{{ 'every' | translate | async }} {{ 'time.second' | translate | async }}</label>\n</div>\n\n<div class=\"ax-radio-container\">\n  <input\n    class=\"ax-radio\"\n    type=\"radio\"\n    name=\"custom\"\n    id=\"option2\"\n    value=\"custom\"\n    [(ngModel)]=\"secondsService.secondModel.type\"\n  />\n  <label for=\"option2\">{{ 'custom' | translate | async }}</label>\n</div>\n\n<div class=\"ax-block-container\">\n  <div class=\"ax-every-container\">\n    <ax-check-box [disabled]=\"!isCustom\" [(ngModel)]=\"secondsService.secondModel.custom.repeat.isRepeat\">\n      <ax-label>{{ '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          [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>{{ 'second-starting' | translate | async }}</span>\n\n    <ax-form class=\"ax-sm\">\n      <ax-form-field>\n        <ax-select-box\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        [disabled]=\"!isCustom\"\n        [(ngModel)]=\"secondsService.secondModel.custom.specific.isSpecific\"\n      >\n        <ax-label>\n          {{ '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          [disabled]=\"!isCustom\"\n          [dataSource]=\"dropdownList\"\n          textField=\"text\"\n          valueField=\"id\"\n          [placeholder]=\"'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 [disabled]=\"!isCustom\" [(ngModel)]=\"secondsService.secondModel.custom.between.isBetween\">\n      <ax-label>\n        {{ 'every' | translate | async }} {{ 'time.second' | translate | async }}\n        {{ 'between' | translate | async }} {{ 'time.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          [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>{{ 'and' | translate | async }}</span>\n\n    <ax-form class=\"ax-sm\">\n      <ax-form-field>\n        <ax-select-box\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 .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"] }]
+            args: [{ selector: 'ax-cron-seconds', encapsulation: ViewEncapsulation.None, template: "<div class=\"ax-radio-container\">\n  <input\n    (change)=\"inputChange()\"\n    class=\"ax-radio\"\n    type=\"radio\"\n    name=\"every\"\n    id=\"option1\"\n    value=\"every\"\n    [(ngModel)]=\"secondsService.secondModel.type\"\n    checked\n  />\n  <label for=\"option1\">{{ 'every' | translate | async }} {{ 'time.second' | translate | async }}</label>\n</div>\n\n<div class=\"ax-radio-container\">\n  <input\n    (change)=\"inputChange()\"\n    class=\"ax-radio\"\n    type=\"radio\"\n    name=\"custom\"\n    id=\"option2\"\n    value=\"custom\"\n    [(ngModel)]=\"secondsService.secondModel.type\"\n  />\n  <label for=\"option2\">{{ '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)]=\"secondsService.secondModel.custom.repeat.isRepeat\"\n    >\n      <ax-label>{{ '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>{{ 'second-starting' | 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          {{ '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]=\"'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        {{ 'every' | translate | async }} {{ 'time.second' | translate | async }}\n        {{ 'between' | translate | async }} {{ 'time.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>{{ '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 .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"] }]
         }] });
 
 class AXCronYearComponent {
@@ -1038,8 +1057,12 @@ class AXCronYearComponent {
                 this.oneTo100[i] = new DropDownItem(i, (i + 1).toString());
             }
         });
+        this.yearChanged = output();
     }
     #init;
+    inputChange() {
+        this.yearChanged.emit();
+    }
     changeHandler(e) {
         this.yearService.yearModel.custom.specific.values = e.component.selectedItems;
     }
@@ -1051,35 +1074,34 @@ class AXCronYearComponent {
         return currentYear + offset;
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: AXCronYearComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.0", type: AXCronYearComponent, selector: "ax-cron-year", ngImport: i0, template: "<div class=\"ax-radio-container\">\n  <input\n    class=\"ax-radio\"\n    type=\"radio\"\n    name=\"every\"\n    id=\"option1\"\n    value=\"every\"\n    [(ngModel)]=\"yearService.yearModel.type\"\n    checked\n  />\n  <label for=\"option1\">{{ 'every' | translate | async }} {{ 'time.year' | translate | async }}</label>\n</div>\n\n<div class=\"ax-radio-container\">\n  <input\n    class=\"ax-radio\"\n    type=\"radio\"\n    name=\"custom\"\n    id=\"option2\"\n    value=\"custom\"\n    [(ngModel)]=\"yearService.yearModel.type\"\n  />\n  <label for=\"option2\">{{ 'custom' | translate | async }}</label>\n</div>\n\n<div class=\"ax-block-container\">\n  <div class=\"ax-every-container\">\n    <ax-check-box [disabled]=\"!isCustom\" [(ngModel)]=\"yearService.yearModel.custom.repeat.isRepeat\">\n      <ax-label>{{ '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          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>{{ 'year-starting' | translate | async }}</span>\n\n    <ax-form class=\"ax-sm\">\n      <ax-form-field>\n        <ax-select-box\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 [disabled]=\"!isCustom\" [(ngModel)]=\"yearService.yearModel.custom.specific.isSpecific\">\n        <ax-label>\n          {{ '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          [disabled]=\"!isCustom\"\n          [dataSource]=\"dropdownList\"\n          textField=\"text\"\n          valueField=\"id\"\n          [placeholder]=\"'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 [disabled]=\"!isCustom\" [(ngModel)]=\"yearService.yearModel.custom.between.isBetween\">\n      <ax-label>\n        {{ 'every' | translate | async }} {{ 'time.year' | translate | async }}\n        {{ 'between' | translate | async }} {{ 'time.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          [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>{{ 'and' | translate | async }}</span>\n\n    <ax-form class=\"ax-sm\">\n      <ax-form-field>\n        <ax-select-box\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 .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: "component", type: i1.AXDecoratorClearButtonComponent, selector: "ax-clear-button", inputs: ["icon"] }, { kind: "directive", type: i2.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: i2.RadioControlValueAccessor, selector: "input[type=radio][formControlName],input[type=radio][formControl],input[type=radio][ngModel]", inputs: ["name", "formControlName", "value"] }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i3.AXSelectBoxComponent, selector: "ax-select-box", inputs: ["disabled", "readonly", "tabIndex", "placeholder", "minValue", "maxValue", "value", "state", "name", "id", "type", "look", "multiple", "valueField", "textField", "textTemplate", "dataSource", "caption", "itemTemplate", "selectedTemplate", "emptyTemplate", "loadingTemplate", "dropdownWidth"], outputs: ["valueChange", "stateChange", "onValueChanged", "onBlur", "onFocus", "readonlyChange", "disabledChange", "onOpened", "onClosed"] }, { kind: "component", type: i4.AXFormFieldComponent, selector: "ax-form-field", inputs: ["labelMode"] }, { kind: "component", type: i4.AXFormComponent, selector: "ax-form", inputs: ["labelMode", "look", "messageStyle", "updateOn"], outputs: ["onValidate", "updateOnChange"] }, { kind: "component", type: i5.AXLabelComponent, selector: "ax-label", inputs: ["required", "for"], outputs: ["requiredChange"] }, { kind: "component", type: i6.AXCheckBoxComponent, selector: "ax-check-box", inputs: ["disabled", "tabIndex", "readonly", "color", "value", "name", "id", "checked", "indeterminate"], outputs: ["onBlur", "onFocus", "valueChange", "onValueChanged"] }, { kind: "pipe", type: i7.AsyncPipe, name: "async" }, { kind: "pipe", type: i8.AXTranslatorPipe, name: "translate" }], encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.0", type: AXCronYearComponent, selector: "ax-cron-year", outputs: { yearChanged: "yearChanged" }, ngImport: i0, template: "<div class=\"ax-radio-container\">\n  <input\n    class=\"ax-radio\"\n    (change)=\"inputChange()\"\n    type=\"radio\"\n    name=\"every\"\n    id=\"option1\"\n    value=\"every\"\n    [(ngModel)]=\"yearService.yearModel.type\"\n    checked\n  />\n  <label for=\"option1\">{{ 'every' | translate | async }} {{ 'time.year' | translate | async }}</label>\n</div>\n\n<div class=\"ax-radio-container\">\n  <input\n    class=\"ax-radio\"\n    (change)=\"inputChange()\"\n    type=\"radio\"\n    name=\"custom\"\n    id=\"option2\"\n    value=\"custom\"\n    [(ngModel)]=\"yearService.yearModel.type\"\n  />\n  <label for=\"option2\">{{ '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>{{ '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>{{ 'year-starting' | 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          {{ '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]=\"'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        {{ 'every' | translate | async }} {{ 'time.year' | translate | async }}\n        {{ 'between' | translate | async }} {{ 'time.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>{{ '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 .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: "component", type: i1.AXDecoratorClearButtonComponent, selector: "ax-clear-button", inputs: ["icon"] }, { kind: "directive", type: i2.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: i2.RadioControlValueAccessor, selector: "input[type=radio][formControlName],input[type=radio][formControl],input[type=radio][ngModel]", inputs: ["name", "formControlName", "value"] }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i3.AXSelectBoxComponent, selector: "ax-select-box", inputs: ["disabled", "readonly", "tabIndex", "placeholder", "minValue", "maxValue", "value", "state", "name", "id", "type", "look", "multiple", "valueField", "textField", "textTemplate", "dataSource", "caption", "itemTemplate", "selectedTemplate", "emptyTemplate", "loadingTemplate", "dropdownWidth"], outputs: ["valueChange", "stateChange", "onValueChanged", "onBlur", "onFocus", "readonlyChange", "disabledChange", "onOpened", "onClosed"] }, { kind: "component", type: i4.AXFormFieldComponent, selector: "ax-form-field", inputs: ["labelMode"] }, { kind: "component", type: i4.AXFormComponent, selector: "ax-form", inputs: ["labelMode", "look", "messageStyle", "updateOn"], outputs: ["onValidate", "updateOnChange"] }, { kind: "component", type: i5.AXLabelComponent, selector: "ax-label", inputs: ["required", "for"], outputs: ["requiredChange"] }, { kind: "component", type: i6.AXCheckBoxComponent, selector: "ax-check-box", inputs: ["disabled", "tabIndex", "readonly", "color", "value", "name", "id", "checked", "indeterminate"], outputs: ["onBlur", "onFocus", "valueChange", "onValueChanged"] }, { kind: "pipe", type: i7.AsyncPipe, name: "async" }, { kind: "pipe", type: i8.AXTranslatorPipe, name: "translate" }], encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: AXCronYearComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'ax-cron-year', encapsulation: ViewEncapsulation.None, template: "<div class=\"ax-radio-container\">\n  <input\n    class=\"ax-radio\"\n    type=\"radio\"\n    name=\"every\"\n    id=\"option1\"\n    value=\"every\"\n    [(ngModel)]=\"yearService.yearModel.type\"\n    checked\n  />\n  <label for=\"option1\">{{ 'every' | translate | async }} {{ 'time.year' | translate | async }}</label>\n</div>\n\n<div class=\"ax-radio-container\">\n  <input\n    class=\"ax-radio\"\n    type=\"radio\"\n    name=\"custom\"\n    id=\"option2\"\n    value=\"custom\"\n    [(ngModel)]=\"yearService.yearModel.type\"\n  />\n  <label for=\"option2\">{{ 'custom' | translate | async }}</label>\n</div>\n\n<div class=\"ax-block-container\">\n  <div class=\"ax-every-container\">\n    <ax-check-box [disabled]=\"!isCustom\" [(ngModel)]=\"yearService.yearModel.custom.repeat.isRepeat\">\n      <ax-label>{{ '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          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>{{ 'year-starting' | translate | async }}</span>\n\n    <ax-form class=\"ax-sm\">\n      <ax-form-field>\n        <ax-select-box\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 [disabled]=\"!isCustom\" [(ngModel)]=\"yearService.yearModel.custom.specific.isSpecific\">\n        <ax-label>\n          {{ '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          [disabled]=\"!isCustom\"\n          [dataSource]=\"dropdownList\"\n          textField=\"text\"\n          valueField=\"id\"\n          [placeholder]=\"'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 [disabled]=\"!isCustom\" [(ngModel)]=\"yearService.yearModel.custom.between.isBetween\">\n      <ax-label>\n        {{ 'every' | translate | async }} {{ 'time.year' | translate | async }}\n        {{ 'between' | translate | async }} {{ 'time.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          [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>{{ 'and' | translate | async }}</span>\n\n    <ax-form class=\"ax-sm\">\n      <ax-form-field>\n        <ax-select-box\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 .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"] }]
+            args: [{ selector: 'ax-cron-year', encapsulation: ViewEncapsulation.None, template: "<div class=\"ax-radio-container\">\n  <input\n    class=\"ax-radio\"\n    (change)=\"inputChange()\"\n    type=\"radio\"\n    name=\"every\"\n    id=\"option1\"\n    value=\"every\"\n    [(ngModel)]=\"yearService.yearModel.type\"\n    checked\n  />\n  <label for=\"option1\">{{ 'every' | translate | async }} {{ 'time.year' | translate | async }}</label>\n</div>\n\n<div class=\"ax-radio-container\">\n  <input\n    class=\"ax-radio\"\n    (change)=\"inputChange()\"\n    type=\"radio\"\n    name=\"custom\"\n    id=\"option2\"\n    value=\"custom\"\n    [(ngModel)]=\"yearService.yearModel.type\"\n  />\n  <label for=\"option2\">{{ '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>{{ '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>{{ 'year-starting' | 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          {{ '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]=\"'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        {{ 'every' | translate | async }} {{ 'time.year' | translate | async }}\n        {{ 'between' | translate | async }} {{ 'time.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>{{ '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 .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"] }]
         }] });
 
-class AXCronJobContainerComponent {
+class AXCronJobContainerComponent extends MXInputBaseValueComponent {
     constructor() {
+        super(...arguments);
+        this.secondsService = inject(SecondsService);
+        this.minutesService = inject(MinutesService);
+        this.hoursService = inject(HoursService);
+        this.monthService = inject(MonthService);
+        this.dayService = inject(DayService);
+        this.yearService = inject(YearService);
         this.tabComponent = viewChild(AXTabsComponent);
         this.activeTab = signal('Seconds');
-        this.expResult = '* * * ? * * *';
-        this.onExpressionChange = output();
-        this.#init = afterNextRender(() => {
-            this.tabComponent().onActiveTabChanged.subscribe((e) => {
-                this.activeTab.set(e.tab.key);
-            });
-        });
         this.options = signal({
             fit: true,
             look: 'with-line',
             location: 'bottom',
         });
-        this.secondsService = inject(SecondsService);
-        this.minutesService = inject(MinutesService);
-        this.hoursService = inject(HoursService);
-        this.monthService = inject(MonthService);
-        this.dayService = inject(DayService);
-        this.yearService = inject(YearService);
+        this.#init = afterNextRender(() => {
+            this.tabComponent().onActiveTabChanged.subscribe((e) => {
+                this.activeTab.set(e.tab.key);
+            });
+        });
     }
     #init;
     onGetModel() {
@@ -1089,40 +1111,59 @@ class AXCronJobContainerComponent {
         const monthExp = this.monthService.getExpression();
         const dayExp = this.dayService.getExpression();
         const yearExp = this.yearService.getExpression();
-        this.expResult = `${secondsExp} ${minutesExp} ${hoursExp} ${dayExp[1]} ${monthExp} ${dayExp[0]} ${yearExp}`;
-        this.onExpressionChange.emit({ data: this.expResult, component: this });
-    }
-    reverseExpression(cronExpressionPattern) {
-        this.expResult = this.dayService.expressionValidation(this.expResult, cronExpressionPattern);
-        this.secondsService.reversExpression(cronExpressionPattern);
-        this.minutesService.reversExpression(cronExpressionPattern);
-        this.hoursService.reversExpression(cronExpressionPattern);
-        this.dayService.reversExpression(cronExpressionPattern);
-        this.monthService.reversExpression(cronExpressionPattern);
-        this.yearService.reversExpression(cronExpressionPattern);
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: AXCronJobContainerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.0", type: AXCronJobContainerComponent, selector: "ax-cron-job-container", outputs: { onExpressionChange: "onExpressionChange" }, providers: [
+        const expResult = `${secondsExp} ${minutesExp} ${hoursExp} ${dayExp[1]} ${monthExp} ${dayExp[0]} ${yearExp}`;
+        this.commitValue(expResult, true);
+    }
+    internalValueChanged(cronExpressionPattern) {
+        setTimeout(() => {
+            this.secondsService.reversExpression(cronExpressionPattern);
+            this.minutesService.reversExpression(cronExpressionPattern);
+            this.hoursService.reversExpression(cronExpressionPattern);
+            this.dayService.reversExpression(cronExpressionPattern);
+            this.monthService.reversExpression(cronExpressionPattern);
+            this.yearService.reversExpression(cronExpressionPattern);
+        });
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: AXCronJobContainerComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "18.2.0", type: AXCronJobContainerComponent, selector: "ax-cron-job-container", outputs: { onValueChanged: "onValueChanged" }, providers: [
             SecondsService,
             MinutesService,
             HoursService,
             DayService,
             MonthService,
             YearService,
-            StringService,
-        ], viewQueries: [{ propertyName: "tabComponent", first: true, predicate: AXTabsComponent, descendants: true, isSignal: true }], ngImport: i0, template: "<ax-tabs [look]=\"options().look\" [fitParent]=\"options().fit\" [location]=\"options().location\">\n  <ax-tab-item key=\"Seconds\" [text]=\"'time.Seconds' | translate | async\"> </ax-tab-item>\n  <ax-tab-item key=\"Minutes\" [text]=\"'time.Minutes' | translate | async\"> </ax-tab-item>\n  <ax-tab-item key=\"Hours\" [text]=\"'time.Hours' | translate | async\"> </ax-tab-item>\n  <ax-tab-item key=\"Days\" [text]=\"'time.Days' | translate | async\"></ax-tab-item>\n  <ax-tab-item key=\"Months\" [text]=\"'time.Months' | translate | async\"></ax-tab-item>\n  <ax-tab-item key=\"Years\" [text]=\"'time.Years' | translate | async\"></ax-tab-item>\n</ax-tabs>\n\n<div class=\"ax-cron-tools-container\">\n  @switch (activeTab()) {\n    @case ('Seconds') {\n      <ax-cron-seconds></ax-cron-seconds>\n    }\n    @case ('Minutes') {\n      <ax-cron-minutes></ax-cron-minutes>\n    }\n    @case ('Hours') {\n      <ax-cron-hours></ax-cron-hours>\n    }\n    @case ('Days') {\n      <ax-cron-day></ax-cron-day>\n    }\n    @case ('Months') {\n      <ax-cron-month></ax-cron-month>\n    }\n    @case ('Years') {\n      <ax-cron-year></ax-cron-year>\n    }\n  }\n</div>\n\n<div class=\"ax-btn-result-container\">\n  <ax-button\n    color=\"primary\"\n    [text]=\"'generate-expression' | translate | async\"\n    class=\"btn btn-success\"\n    (click)=\"onGetModel()\"\n  ></ax-button>\n\n  <div>\n    <ax-text-box [ngModel]=\"expResult\" (ngModelChange)=\"reverseExpression($event)\">\n      <ax-clear-button></ax-clear-button>\n    </ax-text-box>\n  </div>\n</div>\n", styles: ["ax-cron-job-container{display:block;border:1px solid rgb(var(--ax-color-border-default));border-radius:var(--ax-rounded-border-default);overflow:hidden}.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;border-bottom:1px solid rgb(var(--ax-color-border-default));overflow-x:auto}\n"], dependencies: [{ kind: "component", type: i1$1.AXTabsComponent, selector: "ax-tabs", inputs: ["look", "location", "fitParent", "minWidth", "content"], outputs: ["onActiveTabChanged"] }, { kind: "component", type: i1$1.AXTabItemComponent, selector: "ax-tab-item", inputs: ["disabled", "text", "key", "headerTemplate", "active"], outputs: ["disabledChange", "onClick", "onBlur", "onFocus", "activeChange"] }, { kind: "component", type: i1.AXDecoratorClearButtonComponent, selector: "ax-clear-button", inputs: ["icon"] }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i4$1.AXTextBoxComponent, selector: "ax-text-box", inputs: ["disabled", "tabIndex", "readonly", "value", "state", "name", "id", "placeholder", "maxLength", "allowNull", "type", "autoComplete", "look", "mask-options", "class"], outputs: ["onBlur", "onFocus", "valueChange", "stateChange", "onValueChanged", "readonlyChange", "disabledChange", "onKeyDown", "onKeyUp", "onKeyPress"] }, { kind: "component", type: i5$1.AXButtonComponent, selector: "ax-button", inputs: ["disabled", "size", "tabIndex", "color", "look", "text", "toggleable", "selected", "type", "responsiveOn", "loadingText"], outputs: ["onBlur", "onFocus", "onClick", "selectedChange", "toggleableChange", "lookChange", "colorChange", "disabledChange", "responsiveOnChange", "loadingTextChange"] }, { kind: "component", type: AXCronDayComponent, selector: "ax-cron-day" }, { kind: "component", type: AXCronHoursComponent, selector: "ax-cron-hours" }, { kind: "component", type: AXCronMinutesComponent, selector: "ax-cron-minutes" }, { kind: "component", type: AXCronMonthComponent, selector: "ax-cron-month" }, { kind: "component", type: AXCronSecondsComponent, selector: "ax-cron-seconds" }, { kind: "component", type: AXCronYearComponent, selector: "ax-cron-year" }, { kind: "pipe", type: i7.AsyncPipe, name: "async" }, { kind: "pipe", type: i8.AXTranslatorPipe, name: "translate" }], encapsulation: i0.ViewEncapsulation.None }); }
+            CronJobService,
+            { provide: AXComponent, useExisting: AXCronJobContainerComponent },
+            { provide: AXFocusableComponent, useExisting: AXCronJobContainerComponent },
+            { provide: AXClearableComponent, useExisting: AXCronJobContainerComponent },
+            { provide: AXValuableComponent, useExisting: AXCronJobContainerComponent },
+            {
+                provide: NG_VALUE_ACCESSOR,
+                useExisting: forwardRef(() => AXCronJobContainerComponent),
+                multi: true,
+            },
+        ], viewQueries: [{ propertyName: "tabComponent", first: true, predicate: AXTabsComponent, descendants: true, isSignal: true }], usesInheritance: true, ngImport: i0, template: "<ax-tabs\n  [content]=\"cronTab\"\n  [look]=\"options().look\"\n  [fitParent]=\"options().fit\"\n  [location]=\"options().location\"\n>\n  <ax-tab-item key=\"Seconds\" [text]=\"'time.Seconds' | 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]=\"'time.Minutes' | 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]=\"'time.Hours' | 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]=\"'time.Days' | 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]=\"'time.Months' | 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]=\"'time.Years' | 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:block;border:1px solid rgb(var(--ax-color-border-default));border-radius:var(--ax-rounded-border-default)}.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;border-bottom:1px solid rgb(var(--ax-color-border-default));overflow-x:auto}\n"], dependencies: [{ kind: "component", type: i1$1.AXTabsComponent, selector: "ax-tabs", inputs: ["look", "location", "fitParent", "minWidth", "content"], outputs: ["onActiveTabChanged"] }, { kind: "component", type: i1$1.AXTabItemComponent, selector: "ax-tab-item", inputs: ["disabled", "text", "key", "headerTemplate", "active"], outputs: ["disabledChange", "onClick", "onBlur", "onFocus", "activeChange"] }, { kind: "directive", type: i1$1.AXTabContentDirective, selector: "[axTabContent]", inputs: ["axTabContent"], exportAs: ["axTabContent"] }, { kind: "component", type: i1.AXDecoratorGenericComponent, selector: "ax-footer, ax-header, ax-content, ax-divider, ax-form-hint, ax-prefix, ax-suffix, ax-text, ax-title, ax-sub-title, ax-placeholder, ax-overlay" }, { kind: "component", type: AXCronDayComponent, selector: "ax-cron-day", outputs: ["dayChanged"] }, { kind: "component", type: AXCronHoursComponent, selector: "ax-cron-hours", outputs: ["hoursChanged"] }, { kind: "component", type: AXCronMinutesComponent, selector: "ax-cron-minutes", outputs: ["minutesChanged"] }, { kind: "component", type: AXCronMonthComponent, selector: "ax-cron-month", outputs: ["monthChanged"] }, { kind: "component", type: AXCronSecondsComponent, selector: "ax-cron-seconds", outputs: ["secondsChanged"] }, { kind: "component", type: AXCronYearComponent, selector: "ax-cron-year", outputs: ["yearChanged"] }, { kind: "pipe", type: i7.AsyncPipe, name: "async" }, { kind: "pipe", type: i8.AXTranslatorPipe, name: "translate" }], encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: AXCronJobContainerComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'ax-cron-job-container', providers: [
+            args: [{ selector: 'ax-cron-job-container', outputs: ['onValueChanged'], providers: [
                         SecondsService,
                         MinutesService,
                         HoursService,
                         DayService,
                         MonthService,
                         YearService,
-                        StringService,
-                    ], encapsulation: ViewEncapsulation.None, template: "<ax-tabs [look]=\"options().look\" [fitParent]=\"options().fit\" [location]=\"options().location\">\n  <ax-tab-item key=\"Seconds\" [text]=\"'time.Seconds' | translate | async\"> </ax-tab-item>\n  <ax-tab-item key=\"Minutes\" [text]=\"'time.Minutes' | translate | async\"> </ax-tab-item>\n  <ax-tab-item key=\"Hours\" [text]=\"'time.Hours' | translate | async\"> </ax-tab-item>\n  <ax-tab-item key=\"Days\" [text]=\"'time.Days' | translate | async\"></ax-tab-item>\n  <ax-tab-item key=\"Months\" [text]=\"'time.Months' | translate | async\"></ax-tab-item>\n  <ax-tab-item key=\"Years\" [text]=\"'time.Years' | translate | async\"></ax-tab-item>\n</ax-tabs>\n\n<div class=\"ax-cron-tools-container\">\n  @switch (activeTab()) {\n    @case ('Seconds') {\n      <ax-cron-seconds></ax-cron-seconds>\n    }\n    @case ('Minutes') {\n      <ax-cron-minutes></ax-cron-minutes>\n    }\n    @case ('Hours') {\n      <ax-cron-hours></ax-cron-hours>\n    }\n    @case ('Days') {\n      <ax-cron-day></ax-cron-day>\n    }\n    @case ('Months') {\n      <ax-cron-month></ax-cron-month>\n    }\n    @case ('Years') {\n      <ax-cron-year></ax-cron-year>\n    }\n  }\n</div>\n\n<div class=\"ax-btn-result-container\">\n  <ax-button\n    color=\"primary\"\n    [text]=\"'generate-expression' | translate | async\"\n    class=\"btn btn-success\"\n    (click)=\"onGetModel()\"\n  ></ax-button>\n\n  <div>\n    <ax-text-box [ngModel]=\"expResult\" (ngModelChange)=\"reverseExpression($event)\">\n      <ax-clear-button></ax-clear-button>\n    </ax-text-box>\n  </div>\n</div>\n", styles: ["ax-cron-job-container{display:block;border:1px solid rgb(var(--ax-color-border-default));border-radius:var(--ax-rounded-border-default);overflow:hidden}.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;border-bottom:1px solid rgb(var(--ax-color-border-default));overflow-x:auto}\n"] }]
+                        CronJobService,
+                        { provide: AXComponent, useExisting: AXCronJobContainerComponent },
+                        { provide: AXFocusableComponent, useExisting: AXCronJobContainerComponent },
+                        { provide: AXClearableComponent, useExisting: AXCronJobContainerComponent },
+                        { provide: AXValuableComponent, useExisting: AXCronJobContainerComponent },
+                        {
+                            provide: NG_VALUE_ACCESSOR,
+                            useExisting: forwardRef(() => AXCronJobContainerComponent),
+                            multi: true,
+                        },
+                    ], encapsulation: ViewEncapsulation.None, template: "<ax-tabs\n  [content]=\"cronTab\"\n  [look]=\"options().look\"\n  [fitParent]=\"options().fit\"\n  [location]=\"options().location\"\n>\n  <ax-tab-item key=\"Seconds\" [text]=\"'time.Seconds' | 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]=\"'time.Minutes' | 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]=\"'time.Hours' | 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]=\"'time.Days' | 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]=\"'time.Months' | 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]=\"'time.Years' | 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:block;border:1px solid rgb(var(--ax-color-border-default));border-radius:var(--ax-rounded-border-default)}.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;border-bottom:1px solid rgb(var(--ax-color-border-default));overflow-x:auto}\n"] }]
         }] });
 
 const COMPONENT = [