@acorex/components 18.14.0 → 18.14.1-next.1

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

@@ -0,0 +1,1191 @@
+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, ViewEncapsulation, Component, viewChild, signal, output, NgModule } from '@angular/core';
+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';
+import { AXFormModule } from '@acorex/components/form';
+import * as i5 from '@acorex/components/check-box';
+import { AXCheckBoxModule } from '@acorex/components/check-box';
+import * as i6 from '@angular/common';
+import { CommonModule } from '@angular/common';
+import * as i7 from '@acorex/core/translation';
+import { AXTranslationModule } from '@acorex/core/translation';
+import { AXBadgeModule } from '@acorex/components/badge';
+import { AXLabelModule } from '@acorex/components/label';
+
+class StringService {
+    addComma(str) {
+        if (str !== '')
+            // add , to end of string
+            str = str.concat(',');
+        return str;
+    }
+    getRegexItem(cronExpressionPattern, itemIndex) {
+        const expressionItemsList = cronExpressionPattern.split(' ');
+        return expressionItemsList[itemIndex] ? expressionItemsList[itemIndex] : '*';
+    }
+    getIntervalCronData(regex) {
+        const regexDataList = regex.split(',');
+        const rangePattern = '/';
+        const item = regexDataList.find((item) => item.includes(rangePattern));
+        return item
+            ? { interval: parseInt(item.split('/')[1]), startAt: parseInt(item.split('/')[0]) }
+            : undefined;
+    }
+    getSpecificCronData(regex, dropDowndara) {
+        const regexDataList = regex.split(',');
+        // **Regex pattern to find only digits in an array items.**
+        const regexPattern = new RegExp('^[0-9]+$');
+        const items = regexDataList.filter((item) => regexPattern.test(item));
+        return items.length ? this.mapItemsToDropDownItem(items, dropDowndara) : undefined;
+    }
+    getRangeCronData(regex) {
+        const regexDataList = regex.split(',');
+        const rangePattern = '-';
+        const item = regexDataList.find((item) => item.includes(rangePattern));
+        return item
+            ? { from: parseInt(item.split(rangePattern)[0]), to: parseInt(item.split(rangePattern)[1]) }
+            : undefined;
+    }
+    getDayOfMonthCronData(regex) {
+        const regexDataList = regex.split(',');
+        const rangePattern = '#';
+        const item = regexDataList.find((item) => item.includes(rangePattern));
+        return item
+            ? { day: parseInt(item.split(rangePattern)[0]), xst: parseInt(item.split(rangePattern)[1]) }
+            : undefined;
+    }
+    mapItemsToDropDownItem(items, dropDowndata) {
+        return items.map((item) => {
+            if (dropDowndata) {
+                const dropDownItem = dropDowndata[parseInt(item) - 1];
+                return dropDownItem ? { id: parseInt(item), text: dropDownItem } : { id: parseInt(item), text: item };
+            }
+            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 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: StringService, decorators: [{
+            type: Injectable
+        }] });
+
+let Custom$1 = class Custom {
+    constructor() {
+        this.specific = new Specific$1();
+        this.repeat = new Repeat$1();
+        this.between = new Between$1();
+    }
+};
+let Repeat$1 = class Repeat {
+    constructor() {
+        this.isRepeat = false;
+        this.interval = 0;
+        this.startAt = 0;
+    }
+};
+let Specific$1 = class Specific {
+    constructor() {
+        this.isSpecific = false;
+        this.values = [];
+    }
+};
+let Between$1 = class Between {
+    constructor() {
+        this.isBetween = false;
+        this.from = 0;
+        this.to = 0;
+    }
+};
+var Type;
+(function (Type) {
+    Type["Every"] = "every";
+    Type["Custom"] = "custom";
+})(Type || (Type = {}));
+var RegexItemsIndex;
+(function (RegexItemsIndex) {
+    RegexItemsIndex[RegexItemsIndex["Second"] = 0] = "Second";
+    RegexItemsIndex[RegexItemsIndex["Minute"] = 1] = "Minute";
+    RegexItemsIndex[RegexItemsIndex["Hour"] = 2] = "Hour";
+    RegexItemsIndex[RegexItemsIndex["DayOfMonth"] = 3] = "DayOfMonth";
+    RegexItemsIndex[RegexItemsIndex["Month"] = 4] = "Month";
+    RegexItemsIndex[RegexItemsIndex["DayOfWeek"] = 5] = "DayOfWeek";
+    RegexItemsIndex[RegexItemsIndex["Year"] = 6] = "Year";
+})(RegexItemsIndex || (RegexItemsIndex = {}));
+class DropDownItem {
+    constructor(id, text) {
+        this.id = id;
+        this.text = text;
+    }
+}
+
+class Day {
+    constructor() {
+        this.type = DayType.Every;
+        this.baseOnWeek = new BaseOnWeek();
+        this.baseOnMonth = new BaseOnMonth();
+    }
+}
+class BaseOnMonth {
+    constructor() {
+        this.type = BaseOnMonthType.Last;
+        this.custom = new BaseOnMonthCustom();
+        this.before = 1;
+    }
+}
+class BaseOnWeek {
+    constructor() {
+        this.type = BaseOnWeekType.Last;
+        this.last = new Last();
+        this.custom = new BaseOnWeekCustom();
+    }
+}
+class BaseOnWeekCustom {
+    constructor() {
+        this.repeat = new BaseOnWeekRepeat();
+        this.specific = new Specific();
+        this.dayOfMonth = new DayOfMonth();
+    }
+}
+class BaseOnMonthCustom {
+    constructor() {
+        this.repeat = new BaseOnMonthRepeat();
+        this.specific = new Specific();
+    }
+}
+class Last {
+    constructor() {
+        this.day = 1;
+    }
+}
+class BaseRepeat {
+    constructor() {
+        this.isRepeat = false;
+        this.interval = 1;
+    }
+}
+class BaseOnWeekRepeat extends BaseRepeat {
+    constructor() {
+        super(...arguments);
+        this.startAt = 1;
+    }
+}
+class BaseOnMonthRepeat extends BaseRepeat {
+    constructor() {
+        super(...arguments);
+        this.startAt = 1;
+    }
+}
+class Specific {
+    constructor() {
+        this.isSpecefic = false;
+        this.values = [];
+    }
+}
+class DayOfMonth {
+    constructor() {
+        this.isDayOfMonth = false;
+        this.xst = 1;
+        this.day = 1;
+    }
+}
+var DayType;
+(function (DayType) {
+    DayType["Every"] = "every";
+    DayType["BOWeek"] = "boweek";
+    DayType["BOMonth"] = "bomonth";
+})(DayType || (DayType = {}));
+var BaseOnWeekType;
+(function (BaseOnWeekType) {
+    BaseOnWeekType["Last"] = "last";
+    BaseOnWeekType["Custom"] = "custom";
+})(BaseOnWeekType || (BaseOnWeekType = {}));
+var BaseOnMonthType;
+(function (BaseOnMonthType) {
+    BaseOnMonthType["Last"] = "last";
+    BaseOnMonthType["Before"] = "before";
+    BaseOnMonthType["Custom"] = "custom";
+})(BaseOnMonthType || (BaseOnMonthType = {}));
+
+class DayService {
+    constructor(stringService) {
+        this.stringService = stringService;
+        this.daysList = ['Sunday', 'Monday', 'Tuesday', 'Wednesday', 'Thursday', 'Friday', 'Saturday'];
+        this.dayModel = new Day();
+    }
+    getExpression() {
+        let boMonthExp = '';
+        let boWeekExp = '';
+        if (this.dayModel.type === DayType.Every) {
+            boMonthExp = '?';
+            boWeekExp = '*';
+        }
+        else if (this.dayModel.type === DayType.BOMonth) {
+            boWeekExp = '?';
+            if (this.dayModel.baseOnMonth.type === BaseOnMonthType.Last) {
+                boMonthExp = 'L';
+            }
+            else if (this.dayModel.baseOnMonth.type === BaseOnMonthType.Before) {
+                const before = this.dayModel.baseOnMonth.before;
+                boMonthExp = `L-${before}`;
+            }
+            else if (this.dayModel.baseOnMonth.type === BaseOnMonthType.Custom) {
+                if (this.dayModel.baseOnMonth.custom.repeat.isRepeat) {
+                    const interval = this.dayModel.baseOnMonth.custom.repeat.interval;
+                    const startAt = this.dayModel.baseOnMonth.custom.repeat.startAt;
+                    boMonthExp = `${startAt}/${interval}`;
+                }
+                if (this.dayModel.baseOnMonth.custom.specific.isSpecefic) {
+                    const specificValues = this.dayModel.baseOnMonth.custom.specific.values.map((v) => {
+                        return v.id;
+                    });
+                    if (specificValues.length !== 0)
+                        boMonthExp = this.stringService.addComma(boMonthExp);
+                    boMonthExp = boMonthExp.concat(specificValues.join(','));
+                }
+                if (boMonthExp === '')
+                    boMonthExp = '*';
+            }
+        }
+        else if (this.dayModel.type === DayType.BOWeek) {
+            boMonthExp = '?';
+            if (this.dayModel.baseOnWeek.type === BaseOnWeekType.Last) {
+                const lastDay = this.dayModel.baseOnWeek.last.day;
+                boWeekExp = `${lastDay}L`;
+            }
+            else if (this.dayModel.baseOnWeek.type === BaseOnWeekType.Custom) {
+                if (this.dayModel.baseOnWeek.custom.repeat.isRepeat) {
+                    const interval = this.dayModel.baseOnWeek.custom.repeat.interval;
+                    const startAt = this.dayModel.baseOnWeek.custom.repeat.startAt;
+                    boWeekExp = `${startAt}/${interval}`;
+                }
+                if (this.dayModel.baseOnWeek.custom.specific.isSpecefic) {
+                    const specificValues = this.dayModel.baseOnWeek.custom.specific.values.map((v) => {
+                        return v.id;
+                    });
+                    if (specificValues.length !== 0)
+                        boWeekExp = this.stringService.addComma(boWeekExp);
+                    boWeekExp = boWeekExp.concat(specificValues.join(','));
+                }
+                if (this.dayModel.baseOnWeek.custom.dayOfMonth.isDayOfMonth) {
+                    boWeekExp = this.stringService.addComma(boWeekExp);
+                    const day = this.dayModel.baseOnWeek.custom.dayOfMonth.day;
+                    const xst = this.dayModel.baseOnWeek.custom.dayOfMonth.xst;
+                    boWeekExp = boWeekExp.concat(`${day}#${xst}`);
+                }
+                if (boWeekExp === '')
+                    boWeekExp = '*';
+            }
+        }
+        return [boWeekExp, boMonthExp];
+    }
+    expressionValidation(preCronExpressionPattern, newCronExpressionPattern) {
+        const preCronExpressionPatternArray = preCronExpressionPattern.split(' ');
+        const newCronExpressionPatternArray = newCronExpressionPattern.split(' ');
+        const dayOfWeekRegex = this.stringService.getRegexItem(newCronExpressionPattern, RegexItemsIndex.DayOfWeek);
+        const dayOfMonthRegex = this.stringService.getRegexItem(newCronExpressionPattern, RegexItemsIndex.DayOfMonth);
+        const isDayOfWeekChanged = preCronExpressionPatternArray[RegexItemsIndex.DayOfWeek] !==
+            newCronExpressionPatternArray[RegexItemsIndex.DayOfWeek];
+        const isDayOfMonthChanged = preCronExpressionPatternArray[RegexItemsIndex.DayOfMonth] !==
+            newCronExpressionPatternArray[RegexItemsIndex.DayOfMonth];
+        const isBasedOnWeek = dayOfWeekRegex !== '*' && dayOfWeekRegex !== '?';
+        const isBasedOnMonth = dayOfMonthRegex !== '?';
+        if (isDayOfWeekChanged && isBasedOnMonth) {
+            newCronExpressionPatternArray[RegexItemsIndex.DayOfMonth] = '?';
+            return newCronExpressionPatternArray.join(' ');
+        }
+        else if (isDayOfWeekChanged && !isBasedOnWeek) {
+            newCronExpressionPatternArray[RegexItemsIndex.DayOfMonth] = '*';
+            return newCronExpressionPatternArray.join(' ');
+        }
+        if (isDayOfMonthChanged && isBasedOnWeek) {
+            newCronExpressionPatternArray[RegexItemsIndex.DayOfWeek] = '?';
+            return newCronExpressionPatternArray.join(' ');
+        }
+        else if (isDayOfMonthChanged && !isBasedOnMonth) {
+            newCronExpressionPatternArray[RegexItemsIndex.DayOfWeek] = '*';
+            return newCronExpressionPatternArray.join(' ');
+        }
+        return newCronExpressionPattern;
+    }
+    reversExpression(cronExpressionPattern) {
+        this.dayModel = new Day();
+        const dayOfWeekRegex = this.stringService.getRegexItem(cronExpressionPattern, RegexItemsIndex.DayOfWeek);
+        const dayOfMonthRegex = this.stringService.getRegexItem(cronExpressionPattern, RegexItemsIndex.DayOfMonth);
+        const isBasedOnWeek = dayOfWeekRegex !== '*' && dayOfWeekRegex !== '?';
+        const isBasedOnMonth = dayOfMonthRegex !== '?';
+        const isEveryDay = !isBasedOnWeek && !isBasedOnMonth;
+        if (isEveryDay) {
+            this.dayModel.type = DayType.Every;
+            return;
+        }
+        if (isBasedOnWeek) {
+            this.dayModel.type = DayType.BOWeek;
+            this.reversExpressionBasedOnWeek(dayOfWeekRegex);
+            return;
+        }
+        if (isBasedOnMonth) {
+            this.dayModel.type = DayType.BOMonth;
+            this.reversExpressionBasedOnMonth(dayOfMonthRegex);
+            return;
+        }
+    }
+    reversExpressionBasedOnWeek(regex) {
+        // **Regex pattern to check id custom or not**
+        const regexPattern = new RegExp('^[0-9]L$');
+        const isCustom = !regexPattern.test(regex);
+        if (!isCustom) {
+            this.dayModel.baseOnWeek.type = BaseOnWeekType.Last;
+            this.dayModel.baseOnWeek.last.day = parseInt(regex[0]);
+            return;
+        }
+        this.dayModel.baseOnWeek.type = BaseOnWeekType.Custom;
+        const intervalData = this.stringService.getIntervalCronData(regex);
+        const hasIntervalItems = intervalData !== undefined;
+        if (hasIntervalItems) {
+            this.dayModel.baseOnWeek.custom.repeat.isRepeat = true;
+            this.dayModel.baseOnWeek.custom.repeat.interval = intervalData?.interval;
+            this.dayModel.baseOnWeek.custom.repeat.startAt = intervalData?.startAt;
+        }
+        const specificData = this.stringService.getSpecificCronData(regex, this.daysList);
+        const hasSpecificItems = specificData !== undefined;
+        if (hasSpecificItems) {
+            this.dayModel.baseOnWeek.custom.specific.isSpecefic = true;
+            this.dayModel.baseOnWeek.custom.specific.values = specificData;
+        }
+        const dayOfMonthData = this.stringService.getDayOfMonthCronData(regex);
+        const hasDayOfMonthDataItem = dayOfMonthData !== undefined;
+        if (hasDayOfMonthDataItem) {
+            this.dayModel.baseOnWeek.custom.dayOfMonth.isDayOfMonth = true;
+            this.dayModel.baseOnWeek.custom.dayOfMonth.day = dayOfMonthData?.day;
+            this.dayModel.baseOnWeek.custom.dayOfMonth.xst = dayOfMonthData?.xst;
+        }
+    }
+    reversExpressionBasedOnMonth(regex) {
+        const isLastDayOfMonth = regex == 'L';
+        if (isLastDayOfMonth) {
+            this.dayModel.baseOnMonth.type = BaseOnMonthType.Last;
+            return;
+        }
+        // **Regex pattern to check if id before or not**
+        const regexPattern = new RegExp('^L-[0-9]+$');
+        const isCustom = !regexPattern.test(regex);
+        if (!isCustom) {
+            this.dayModel.baseOnMonth.type = BaseOnMonthType.Before;
+            this.dayModel.baseOnMonth.before = parseInt(regex.substr(2));
+            return;
+        }
+        this.dayModel.baseOnMonth.type = BaseOnMonthType.Custom;
+        const intervalData = this.stringService.getIntervalCronData(regex);
+        const hasIntervalItems = intervalData !== undefined;
+        if (hasIntervalItems) {
+            this.dayModel.baseOnMonth.custom.repeat.isRepeat = true;
+            this.dayModel.baseOnMonth.custom.repeat.interval = intervalData?.interval;
+            this.dayModel.baseOnMonth.custom.repeat.startAt = intervalData?.startAt;
+        }
+        const specificData = this.stringService.getSpecificCronData(regex, this.daysList);
+        const hasSpecificItems = specificData !== undefined;
+        if (hasSpecificItems) {
+            this.dayModel.baseOnMonth.custom.specific.isSpecefic = true;
+            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.ɵ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 }] });
+
+class Hours {
+    constructor() {
+        this.type = Type.Every;
+        this.custom = new Custom$1();
+    }
+}
+
+class HoursService {
+    constructor(stringService) {
+        this.stringService = stringService;
+        this.hourModel = new Hours();
+    }
+    getExpression() {
+        let expression = '';
+        if (this.hourModel.type === Type.Every) {
+            expression = '*';
+        }
+        else if (this.hourModel.type === Type.Custom) {
+            //type is custom
+            //isRepeat
+            if (this.hourModel.custom.repeat.isRepeat) {
+                const interval = this.hourModel.custom.repeat.interval;
+                const startAt = this.hourModel.custom.repeat.startAt;
+                expression = `${startAt}/${interval}`;
+            }
+            //isSpecific
+            if (this.hourModel.custom.specific.isSpecific) {
+                const specificValues = this.hourModel.custom.specific.values.map((v) => {
+                    return v.id;
+                });
+                if (specificValues.length !== 0)
+                    expression = this.stringService.addComma(expression);
+                expression = expression.concat(specificValues.join(','));
+            }
+            //isBetween
+            if (this.hourModel.custom.between.isBetween) {
+                expression = this.stringService.addComma(expression);
+                const from = this.hourModel.custom.between.from;
+                const to = this.hourModel.custom.between.to;
+                expression = expression.concat(`${from}-${to}`);
+            }
+            if (expression === '')
+                expression = '*';
+        }
+        return expression;
+    }
+    reversExpression(cronExpressionPattern) {
+        this.hourModel = new Hours();
+        const regex = this.stringService.getRegexItem(cronExpressionPattern, RegexItemsIndex.Hour);
+        const isCustom = regex !== '*';
+        if (!isCustom) {
+            this.hourModel.type = Type.Every;
+            return;
+        }
+        this.hourModel.type = Type.Custom;
+        const intervalData = this.stringService.getIntervalCronData(regex);
+        const hasIntervalItems = intervalData !== undefined;
+        if (hasIntervalItems) {
+            this.hourModel.custom.repeat.isRepeat = true;
+            this.hourModel.custom.repeat.interval = intervalData?.interval;
+            this.hourModel.custom.repeat.startAt = intervalData?.startAt;
+        }
+        const specificData = this.stringService.getSpecificCronData(regex);
+        const hasSpecificItems = specificData !== undefined;
+        if (hasSpecificItems) {
+            this.hourModel.custom.specific.isSpecific = true;
+            this.hourModel.custom.specific.values = specificData;
+        }
+        const rangeData = this.stringService.getRangeCronData(regex);
+        const hasRangeItem = rangeData !== undefined;
+        if (hasRangeItem) {
+            this.hourModel.custom.between.isBetween = true;
+            this.hourModel.custom.between.from = rangeData?.from;
+            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.ɵ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 }] });
+
+class Minutes {
+    constructor() {
+        this.type = Type.Every;
+        this.custom = new Custom$1();
+    }
+}
+
+class MinutesService {
+    constructor(stringService) {
+        this.stringService = stringService;
+        this.minuteModel = new Minutes();
+    }
+    getExpression() {
+        let expression = '';
+        if (this.minuteModel.type === Type.Every) {
+            expression = '*';
+        }
+        else if (this.minuteModel.type === Type.Custom) {
+            //type is custom
+            //isRepeat
+            if (this.minuteModel.custom.repeat.isRepeat) {
+                const interval = this.minuteModel.custom.repeat.interval;
+                const startAt = this.minuteModel.custom.repeat.startAt;
+                expression = `${startAt}/${interval}`;
+            }
+            //isSpecific
+            if (this.minuteModel.custom.specific.isSpecific) {
+                const specificValues = this.minuteModel.custom.specific.values.map((v) => {
+                    return v.id;
+                });
+                if (specificValues.length !== 0)
+                    expression = this.stringService.addComma(expression);
+                expression = expression.concat(specificValues.join(','));
+            }
+            //isBetween
+            if (this.minuteModel.custom.between.isBetween) {
+                expression = this.stringService.addComma(expression);
+                const from = this.minuteModel.custom.between.from;
+                const to = this.minuteModel.custom.between.to;
+                expression = expression.concat(`${from}-${to}`);
+            }
+            if (expression === '')
+                expression = '*';
+        }
+        return expression;
+    }
+    reversExpression(cronExpressionPattern) {
+        this.minuteModel = new Minutes();
+        const regex = this.stringService.getRegexItem(cronExpressionPattern, RegexItemsIndex.Minute);
+        const isCustom = regex !== '*';
+        if (!isCustom) {
+            this.minuteModel.type = Type.Every;
+            return;
+        }
+        this.minuteModel.type = Type.Custom;
+        const intervalData = this.stringService.getIntervalCronData(regex);
+        const hasIntervalItems = intervalData !== undefined;
+        if (hasIntervalItems) {
+            this.minuteModel.custom.repeat.isRepeat = true;
+            this.minuteModel.custom.repeat.interval = intervalData?.interval;
+            this.minuteModel.custom.repeat.startAt = intervalData?.startAt;
+        }
+        const specificData = this.stringService.getSpecificCronData(regex);
+        const hasSpecificItems = specificData !== undefined;
+        if (hasSpecificItems) {
+            this.minuteModel.custom.specific.isSpecific = true;
+            this.minuteModel.custom.specific.values = specificData;
+        }
+        const rangeData = this.stringService.getRangeCronData(regex);
+        const hasRangeItem = rangeData !== undefined;
+        if (hasRangeItem) {
+            this.minuteModel.custom.between.isBetween = true;
+            this.minuteModel.custom.between.from = rangeData?.from;
+            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.ɵ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 }] });
+
+class Month {
+    constructor() {
+        this.type = Type.Every;
+        this.custom = new Custom$1();
+    }
+}
+
+class MonthService {
+    constructor(stringService) {
+        this.stringService = stringService;
+        this.monthList = [
+            'January',
+            'February',
+            'March',
+            'April',
+            'May',
+            'June',
+            'July',
+            'August',
+            'September',
+            'October',
+            'November',
+            'December',
+        ];
+        this.monthModel = new Month();
+    }
+    getExpression() {
+        let expression = '';
+        if (this.monthModel.type === Type.Every) {
+            expression = '*';
+        }
+        else if (this.monthModel.type === Type.Custom) {
+            //type is custom
+            //isRepeat
+            if (this.monthModel.custom.repeat.isRepeat) {
+                const interval = +this.monthModel.custom.repeat.interval + 1;
+                const startAt = this.monthModel.custom.repeat.startAt;
+                expression = `${+startAt + 1}/${interval}`;
+            }
+            //isSpecific
+            if (this.monthModel.custom.specific.isSpecific) {
+                const specificValues = this.monthModel.custom.specific.values.map((v) => {
+                    return v.id;
+                });
+                if (specificValues.length !== 0)
+                    expression = this.stringService.addComma(expression);
+                expression = expression.concat(specificValues.join(','));
+            }
+            //isBetween
+            if (this.monthModel.custom.between.isBetween) {
+                expression = this.stringService.addComma(expression);
+                const from = this.monthModel.custom.between.from;
+                const to = this.monthModel.custom.between.to;
+                expression = expression.concat(`${+from + 1}-${+to + 1}`);
+            }
+            if (expression === '')
+                expression = '*';
+        }
+        return expression;
+    }
+    reversExpression(cronExpressionPattern) {
+        this.monthModel = new Month();
+        const regex = this.stringService.getRegexItem(cronExpressionPattern, RegexItemsIndex.Month);
+        const isCustom = regex !== '*';
+        if (!isCustom) {
+            this.monthModel.type = Type.Every;
+            return;
+        }
+        this.monthModel.type = Type.Custom;
+        const intervalData = this.stringService.getIntervalCronData(regex);
+        const hasIntervalItems = intervalData !== undefined;
+        if (hasIntervalItems) {
+            this.monthModel.custom.repeat.isRepeat = true;
+            this.monthModel.custom.repeat.interval = intervalData?.interval - 1;
+            this.monthModel.custom.repeat.startAt = intervalData?.startAt - 1;
+        }
+        const specificData = this.stringService.getSpecificCronData(regex, this.monthList);
+        const hasSpecificItems = specificData !== undefined;
+        if (hasSpecificItems) {
+            this.monthModel.custom.specific.isSpecific = true;
+            this.monthModel.custom.specific.values = specificData;
+        }
+        const rangeData = this.stringService.getRangeCronData(regex);
+        const hasRangeItem = rangeData !== undefined;
+        if (hasRangeItem) {
+            this.monthModel.custom.between.isBetween = true;
+            this.monthModel.custom.between.from = rangeData?.from - 1;
+            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.ɵ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 }] });
+
+class Seconds {
+    constructor() {
+        this.type = Type.Every;
+        this.custom = new Custom$1();
+    }
+}
+
+class SecondsService {
+    constructor(stringService) {
+        this.stringService = stringService;
+        this.secondModel = new Seconds();
+    }
+    getExpression() {
+        let expression = '';
+        if (this.secondModel.type === Type.Every) {
+            expression = '*';
+        }
+        else if (this.secondModel.type === Type.Custom) {
+            //type is custom
+            //isRepeat
+            if (this.secondModel.custom.repeat.isRepeat) {
+                const interval = this.secondModel.custom.repeat.interval;
+                const startAt = this.secondModel.custom.repeat.startAt;
+                expression = `${startAt}/${interval}`;
+            }
+            //isSpecific
+            if (this.secondModel.custom.specific.isSpecific) {
+                const specificValues = this.secondModel.custom.specific.values.map((v) => {
+                    return v.id;
+                });
+                if (specificValues.length !== 0)
+                    expression = this.stringService.addComma(expression);
+                expression = expression.concat(specificValues.join(','));
+            }
+            //isBetween
+            if (this.secondModel.custom.between.isBetween) {
+                expression = this.stringService.addComma(expression);
+                const from = this.secondModel.custom.between.from;
+                const to = this.secondModel.custom.between.to;
+                expression = expression.concat(`${from}-${to}`);
+            }
+            if (expression === '')
+                expression = '*';
+        }
+        return expression;
+    }
+    reversExpression(cronExpressionPattern) {
+        this.secondModel = new Seconds();
+        const regex = this.stringService.getRegexItem(cronExpressionPattern, RegexItemsIndex.Second);
+        const isCustom = regex !== '*';
+        if (!isCustom) {
+            this.secondModel.type = Type.Every;
+            return;
+        }
+        this.secondModel.type = Type.Custom;
+        const intervalData = this.stringService.getIntervalCronData(regex);
+        const hasIntervalItems = intervalData !== undefined;
+        if (hasIntervalItems) {
+            this.secondModel.custom.repeat.isRepeat = true;
+            this.secondModel.custom.repeat.interval = intervalData?.interval;
+            this.secondModel.custom.repeat.startAt = intervalData?.startAt;
+        }
+        const specificData = this.stringService.getSpecificCronData(regex);
+        const hasSpecificItems = specificData !== undefined;
+        if (hasSpecificItems) {
+            this.secondModel.custom.specific.isSpecific = true;
+            this.secondModel.custom.specific.values = specificData;
+        }
+        const rangeData = this.stringService.getRangeCronData(regex);
+        const hasRangeItem = rangeData !== undefined;
+        if (hasRangeItem) {
+            this.secondModel.custom.between.isBetween = true;
+            this.secondModel.custom.between.from = rangeData?.from;
+            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.ɵ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 }] });
+
+class Year {
+    constructor() {
+        this.type = Type.Every;
+        this.custom = new Custom();
+    }
+}
+class Repeat extends Repeat$1 {
+    constructor() {
+        super(...arguments);
+        this.startAt = new Date().getFullYear();
+    }
+}
+class Between extends Between$1 {
+    constructor() {
+        super(...arguments);
+        this.from = new Date().getFullYear();
+        this.to = new Date().getFullYear();
+    }
+}
+class Custom extends Custom$1 {
+    constructor() {
+        super(...arguments);
+        this.repeat = new Repeat();
+        this.between = new Between();
+    }
+}
+
+class YearService {
+    constructor(stringService) {
+        this.stringService = stringService;
+        this.yearModel = new Year();
+    }
+    getExpression() {
+        let expression = '';
+        if (this.yearModel.type === Type.Every) {
+            expression = '*';
+        }
+        else if (this.yearModel.type === Type.Custom) {
+            //type is custom
+            //isRepeat
+            if (this.yearModel.custom.repeat.isRepeat) {
+                const interval = +this.yearModel.custom.repeat.interval + 1;
+                const startAt = this.yearModel.custom.repeat.startAt;
+                expression = `${startAt}/${interval}`;
+            }
+            //isSpecific
+            if (this.yearModel.custom.specific.isSpecific) {
+                const specificValues = this.yearModel.custom.specific.values.map((v) => {
+                    return v.id;
+                });
+                if (specificValues.length !== 0)
+                    expression = this.stringService.addComma(expression);
+                expression = expression.concat(specificValues.join(','));
+            }
+            //isBetween
+            if (this.yearModel.custom.between.isBetween) {
+                expression = this.stringService.addComma(expression);
+                const from = this.yearModel.custom.between.from;
+                const to = this.yearModel.custom.between.to;
+                expression = expression.concat(`${from}-${to}`);
+            }
+            if (expression === '')
+                expression = '*';
+        }
+        return expression;
+    }
+    reversExpression(cronExpressionPattern) {
+        this.yearModel = new Year();
+        const regex = this.stringService.getRegexItem(cronExpressionPattern, RegexItemsIndex.Year);
+        const isCustom = regex !== '*';
+        if (!isCustom) {
+            this.yearModel.type = Type.Every;
+            return;
+        }
+        this.yearModel.type = Type.Custom;
+        const intervalData = this.stringService.getIntervalCronData(regex);
+        const hasIntervalItems = intervalData !== undefined;
+        if (hasIntervalItems) {
+            this.yearModel.custom.repeat.isRepeat = true;
+            this.yearModel.custom.repeat.interval = intervalData?.interval - 1;
+            this.yearModel.custom.repeat.startAt = intervalData?.startAt;
+        }
+        const specificData = this.stringService.getSpecificCronData(regex);
+        const hasSpecificItems = specificData !== undefined;
+        if (hasSpecificItems) {
+            this.yearModel.custom.specific.isSpecific = true;
+            this.yearModel.custom.specific.values = specificData;
+        }
+        const rangeData = this.stringService.getRangeCronData(regex);
+        const hasRangeItem = rangeData !== undefined;
+        if (hasRangeItem) {
+            this.yearModel.custom.between.isBetween = true;
+            this.yearModel.custom.between.from = rangeData?.from;
+            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.ɵ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 }] });
+
+class AXCronDayComponent {
+    constructor() {
+        this.dayService = inject(DayService);
+        this.boWeekDropDownList = [];
+        this.boMonthDropDownList = [];
+        this.daysIndexInMonth = [1, 2, 3, 4, 5];
+        this.zeroTo30 = [];
+        this.#init = afterNextRender(() => {
+            for (const [i, day] of this.daysList.entries())
+                this.boWeekDropDownList[i] = new DropDownItem(i + 1, day);
+            for (let i = 0; i < 31; i++) {
+                this.zeroTo30[i] = i;
+                this.boMonthDropDownList[i] = new DropDownItem(i + 1, (i + 1).toString());
+            }
+        });
+    }
+    #init;
+    changeHandler(e) {
+        this.dayService.dayModel.baseOnWeek.custom.specific.values = e.component.selectedItems;
+    }
+    changeHandler2(e) {
+        this.dayService.dayModel.baseOnMonth.custom.specific.values = e.component.selectedItems;
+    }
+    get daysList() {
+        return this.dayService.daysList;
+    }
+    get isBoWeek() {
+        return this.dayService.dayModel.type === DayType.BOWeek ? true : false;
+    }
+    get isBoMonth() {
+        return this.dayService.dayModel.type === DayType.BOMonth ? true : false;
+    }
+    get isBoWeekCustom() {
+        return this.dayService.dayModel.baseOnWeek.type === BaseOnWeekType.Custom ? true : false;
+    }
+    get isBoMonthCustom() {
+        return this.dayService.dayModel.baseOnMonth.type === BaseOnMonthType.Custom ? true : false;
+    }
+    get isBoMonthBefore() {
+        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    <span>{{ 'On the last' | translate | async }}</span>\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=\"boweekLast\">{{ '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-check-box>\n\n        <span>{{ 'Every' | translate | async }}</span>\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(s) 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-check-box>\n          <label>{{ 'Specific day(s) of week (choose one or many)' | translate | async }}</label>\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(s)' | 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-check-box>\n\n        <span>{{ 'On the' | translate | async }}</span>\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=\"option2\">{{ '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=\"bomonthLast\"\n      value=\"last\"\n      [(ngModel)]=\"dayService.dayModel.baseOnMonth.type\"\n      [disabled]=\"!isBoMonth\"\n    />\n    <label for=\"bomonthLast\">{{ '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(s) 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=\"bomonthCustom\"\n        value=\"custom\"\n        [(ngModel)]=\"dayService.dayModel.baseOnMonth.type\"\n        [disabled]=\"!isBoMonth\"\n      />\n      <label for=\"bomonthCustom\">{{ '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-check-box>\n\n        <span>{{ 'Every' | 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.interval\"\n            >\n            </ax-select-box>\n          </ax-form-field>\n        </ax-form>\n\n        <span>{{ 'day(s) 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-check-box>\n\n          <label>{{ 'Specific day(s) of month (choose one or many)' | translate | async }}</label>\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(s)' | 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}\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", "messageStyle", "updateOn"], outputs: ["onValidate", "updateOnChange"] }, { kind: "component", type: i5.AXCheckBoxComponent, selector: "ax-check-box", inputs: ["disabled", "tabIndex", "readonly", "color", "value", "name", "id", "checked", "indeterminate"], outputs: ["onBlur", "onFocus", "valueChange", "onValueChanged"] }, { kind: "pipe", type: i6.AsyncPipe, name: "async" }, { kind: "pipe", type: i7.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    <span>{{ 'On the last' | translate | async }}</span>\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=\"boweekLast\">{{ '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-check-box>\n\n        <span>{{ 'Every' | translate | async }}</span>\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(s) 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-check-box>\n          <label>{{ 'Specific day(s) of week (choose one or many)' | translate | async }}</label>\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(s)' | 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-check-box>\n\n        <span>{{ 'On the' | translate | async }}</span>\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=\"option2\">{{ '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=\"bomonthLast\"\n      value=\"last\"\n      [(ngModel)]=\"dayService.dayModel.baseOnMonth.type\"\n      [disabled]=\"!isBoMonth\"\n    />\n    <label for=\"bomonthLast\">{{ '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(s) 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=\"bomonthCustom\"\n        value=\"custom\"\n        [(ngModel)]=\"dayService.dayModel.baseOnMonth.type\"\n        [disabled]=\"!isBoMonth\"\n      />\n      <label for=\"bomonthCustom\">{{ '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-check-box>\n\n        <span>{{ 'Every' | 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.interval\"\n            >\n            </ax-select-box>\n          </ax-form-field>\n        </ax-form>\n\n        <span>{{ 'day(s) 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-check-box>\n\n          <label>{{ 'Specific day(s) of month (choose one or many)' | translate | async }}</label>\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(s)' | 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}\n"] }]
+        }] });
+
+class AXCronHoursComponent {
+    constructor() {
+        this.hoursService = inject(HoursService);
+        this.dropdownList = [];
+        this.zeroTo23 = [];
+        this.#init = afterNextRender(() => {
+            for (let i = 0; i < 24; i++) {
+                this.zeroTo23[i] = i;
+                this.dropdownList[i] = new DropDownItem(i, i.toString());
+            }
+        });
+    }
+    #init;
+    changeHandler(e) {
+        this.hoursService.hourModel.custom.specific.values = e.component.selectedItems;
+    }
+    get isCustom() {
+        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>{{ '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>{{ '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-check-box>\n\n    <span>{{ 'Every' | 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.interval\"\n        >\n        </ax-select-box>\n      </ax-form-field>\n    </ax-form>\n\n    <span>{{ 'hour(s) starting at hour' | 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-check-box>\n      <label>{{ 'Specific hour(s) (choose one or many)' | translate | async }} </label>\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(s)' | 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    <div class=\"ax-flex-container\">\n      <ax-check-box [disabled]=\"!isCustom\" [(ngModel)]=\"hoursService.hourModel.custom.between.isBetween\">\n      </ax-check-box>\n      <label>\n        {{ 'Every' | translate | async }} {{ 'time.hour' | translate | async }}\n        {{ 'between' | translate | async }} {{ 'time.hour' | translate | async }}\n      </label>\n    </div>\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}\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", "messageStyle", "updateOn"], outputs: ["onValidate", "updateOnChange"] }, { kind: "component", type: i5.AXCheckBoxComponent, selector: "ax-check-box", inputs: ["disabled", "tabIndex", "readonly", "color", "value", "name", "id", "checked", "indeterminate"], outputs: ["onBlur", "onFocus", "valueChange", "onValueChanged"] }, { kind: "pipe", type: i6.AsyncPipe, name: "async" }, { kind: "pipe", type: i7.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>{{ '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>{{ '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-check-box>\n\n    <span>{{ 'Every' | 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.interval\"\n        >\n        </ax-select-box>\n      </ax-form-field>\n    </ax-form>\n\n    <span>{{ 'hour(s) starting at hour' | 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-check-box>\n      <label>{{ 'Specific hour(s) (choose one or many)' | translate | async }} </label>\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(s)' | 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    <div class=\"ax-flex-container\">\n      <ax-check-box [disabled]=\"!isCustom\" [(ngModel)]=\"hoursService.hourModel.custom.between.isBetween\">\n      </ax-check-box>\n      <label>\n        {{ 'Every' | translate | async }} {{ 'time.hour' | translate | async }}\n        {{ 'between' | translate | async }} {{ 'time.hour' | translate | async }}\n      </label>\n    </div>\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}\n"] }]
+        }] });
+
+class AXCronMinutesComponent {
+    constructor() {
+        this.minutesService = inject(MinutesService);
+        this.dropdownList = [];
+        this.zeroTo59 = [];
+        this.#init = afterNextRender(() => {
+            for (let i = 0; i < 60; i++) {
+                this.zeroTo59[i] = i;
+                this.dropdownList[i] = new DropDownItem(i, i.toString());
+            }
+        });
+    }
+    #init;
+    changeHandler(e) {
+        this.minutesService.minuteModel.custom.specific.values = e.component.selectedItems;
+    }
+    get isCustom() {
+        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>{{ '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>{{ '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-check-box>\n\n    <span>{{ 'Every' | 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.interval\"\n        >\n        </ax-select-box>\n      </ax-form-field>\n    </ax-form>\n\n    <span>{{ 'minute(s) starting at minute' | 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-check-box>\n      <label>{{ 'Specific minute(s) (choose one or many)' | translate | async }}</label>\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(s)' | 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    <div class=\"ax-flex-container\">\n      <ax-check-box [disabled]=\"!isCustom\" [(ngModel)]=\"minutesService.minuteModel.custom.between.isBetween\">\n      </ax-check-box>\n      <label\n        >{{ 'Every' | translate | async }} {{ 'time.minute' | translate | async }}\n        {{ 'between' | translate | async }} {{ 'time.minute' | translate | async }}</label\n      >\n    </div>\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}\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", "messageStyle", "updateOn"], outputs: ["onValidate", "updateOnChange"] }, { kind: "component", type: i5.AXCheckBoxComponent, selector: "ax-check-box", inputs: ["disabled", "tabIndex", "readonly", "color", "value", "name", "id", "checked", "indeterminate"], outputs: ["onBlur", "onFocus", "valueChange", "onValueChanged"] }, { kind: "pipe", type: i6.AsyncPipe, name: "async" }, { kind: "pipe", type: i7.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>{{ '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>{{ '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-check-box>\n\n    <span>{{ 'Every' | 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.interval\"\n        >\n        </ax-select-box>\n      </ax-form-field>\n    </ax-form>\n\n    <span>{{ 'minute(s) starting at minute' | 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-check-box>\n      <label>{{ 'Specific minute(s) (choose one or many)' | translate | async }}</label>\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(s)' | 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    <div class=\"ax-flex-container\">\n      <ax-check-box [disabled]=\"!isCustom\" [(ngModel)]=\"minutesService.minuteModel.custom.between.isBetween\">\n      </ax-check-box>\n      <label\n        >{{ 'Every' | translate | async }} {{ 'time.minute' | translate | async }}\n        {{ 'between' | translate | async }} {{ 'time.minute' | translate | async }}</label\n      >\n    </div>\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}\n"] }]
+        }] });
+
+class AXCronMonthComponent {
+    constructor() {
+        this.monthService = inject(MonthService);
+        this.dropdownList = [];
+        this.dropdownList2 = [];
+        this.oneTo12 = [];
+        this.#init = afterNextRender(() => {
+            for (const [i, month] of this.monthsList.entries()) {
+                this.dropdownList[i] = new DropDownItem(i, month);
+            }
+            for (const [i, month] of this.monthsList.entries()) {
+                this.dropdownList2[i] = new DropDownItem(i + 1, month);
+            }
+            for (let i = 0; i < 12; i++) {
+                this.oneTo12[i] = new DropDownItem(i, (i + 1).toString());
+            }
+        });
+    }
+    #init;
+    changeHandler(e) {
+        this.monthService.monthModel.custom.specific.values = e.component.selectedItems;
+    }
+    get isCustom() {
+        return this.monthService.monthModel.type === Type.Every ? false : true;
+    }
+    get monthsList() {
+        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>{{ '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>{{ '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-check-box>\n\n    <span>{{ 'Every' | translate | async }}</span>\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(s) starting at month' | 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-check-box>\n      <label> {{ 'Specific month(s) (choose one or many)' | translate | async }}</label>\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(s)' | 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    <div class=\"ax-flex-container\">\n      <ax-check-box [disabled]=\"!isCustom\" [(ngModel)]=\"monthService.monthModel.custom.between.isBetween\">\n      </ax-check-box>\n      <label>\n        {{ 'Every' | translate | async }} {{ 'time.month' | translate | async }}\n        {{ 'between' | translate | async }} {{ 'time.month' | translate | async }}\n      </label>\n    </div>\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}\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", "messageStyle", "updateOn"], outputs: ["onValidate", "updateOnChange"] }, { kind: "component", type: i5.AXCheckBoxComponent, selector: "ax-check-box", inputs: ["disabled", "tabIndex", "readonly", "color", "value", "name", "id", "checked", "indeterminate"], outputs: ["onBlur", "onFocus", "valueChange", "onValueChanged"] }, { kind: "pipe", type: i6.AsyncPipe, name: "async" }, { kind: "pipe", type: i7.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>{{ '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>{{ '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-check-box>\n\n    <span>{{ 'Every' | translate | async }}</span>\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(s) starting at month' | 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-check-box>\n      <label> {{ 'Specific month(s) (choose one or many)' | translate | async }}</label>\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(s)' | 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    <div class=\"ax-flex-container\">\n      <ax-check-box [disabled]=\"!isCustom\" [(ngModel)]=\"monthService.monthModel.custom.between.isBetween\">\n      </ax-check-box>\n      <label>\n        {{ 'Every' | translate | async }} {{ 'time.month' | translate | async }}\n        {{ 'between' | translate | async }} {{ 'time.month' | translate | async }}\n      </label>\n    </div>\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}\n"] }]
+        }] });
+
+class AXCronSecondsComponent {
+    constructor() {
+        this.secondsService = inject(SecondsService);
+        this.dropdownList = [];
+        this.zeroTo59 = [];
+        this.#init = afterNextRender(() => {
+            for (let i = 0; i < 60; i++) {
+                this.zeroTo59[i] = i;
+                this.dropdownList[i] = new DropDownItem(i, i.toString());
+            }
+        });
+    }
+    #init;
+    changeHandler(e) {
+        this.secondsService.secondModel.custom.specific.values = e.component.selectedItems;
+    }
+    get isCustom() {
+        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>{{ '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>{{ '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-check-box>\n\n    <span>{{ 'Every' | 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.interval\"\n        >\n        </ax-select-box>\n      </ax-form-field>\n    </ax-form>\n\n    <span>{{ 'second(s) starting at second' | 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-check-box>\n      <label>\n        {{ 'Specific second(s) (choose one or many)' | translate | async }}\n      </label>\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(s)' | 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    <div class=\"ax-flex-container\">\n      <ax-check-box [disabled]=\"!isCustom\" [(ngModel)]=\"secondsService.secondModel.custom.between.isBetween\">\n      </ax-check-box>\n      <label>\n        {{ 'Every' | translate | async }} {{ 'time.second' | translate | async }}\n        {{ 'between' | translate | async }} {{ 'time.second' | translate | async }}\n      </label>\n    </div>\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}\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", "messageStyle", "updateOn"], outputs: ["onValidate", "updateOnChange"] }, { kind: "component", type: i5.AXCheckBoxComponent, selector: "ax-check-box", inputs: ["disabled", "tabIndex", "readonly", "color", "value", "name", "id", "checked", "indeterminate"], outputs: ["onBlur", "onFocus", "valueChange", "onValueChanged"] }, { kind: "pipe", type: i6.AsyncPipe, name: "async" }, { kind: "pipe", type: i7.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>{{ '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>{{ '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-check-box>\n\n    <span>{{ 'Every' | 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.interval\"\n        >\n        </ax-select-box>\n      </ax-form-field>\n    </ax-form>\n\n    <span>{{ 'second(s) starting at second' | 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-check-box>\n      <label>\n        {{ 'Specific second(s) (choose one or many)' | translate | async }}\n      </label>\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(s)' | 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    <div class=\"ax-flex-container\">\n      <ax-check-box [disabled]=\"!isCustom\" [(ngModel)]=\"secondsService.secondModel.custom.between.isBetween\">\n      </ax-check-box>\n      <label>\n        {{ 'Every' | translate | async }} {{ 'time.second' | translate | async }}\n        {{ 'between' | translate | async }} {{ 'time.second' | translate | async }}\n      </label>\n    </div>\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}\n"] }]
+        }] });
+
+class AXCronYearComponent {
+    constructor() {
+        this.yearService = inject(YearService);
+        this.dropdownList = [];
+        this.oneTo100 = [];
+        this.#init = afterNextRender(() => {
+            for (let i = 0; i < 100; i++) {
+                const year = this.getYearByOffset(i);
+                this.dropdownList[i] = new DropDownItem(year, year.toString());
+            }
+            for (let i = 0; i < 100; i++) {
+                this.oneTo100[i] = new DropDownItem(i, (i + 1).toString());
+            }
+        });
+    }
+    #init;
+    changeHandler(e) {
+        this.yearService.yearModel.custom.specific.values = e.component.selectedItems;
+    }
+    get isCustom() {
+        return this.yearService.yearModel.type === Type.Every ? false : true;
+    }
+    getYearByOffset(offset) {
+        const currentYear = new Date().getFullYear();
+        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>{{ '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>{{ '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-check-box>\n\n    <span>{{ 'Every' | translate | async }}</span>\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(s) starting at year' | 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-check-box>\n      <label>\n        {{ 'Specific year(s) (choose one or many)' | translate | async }}\n      </label>\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(s)' | 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    <div class=\"ax-flex-container\">\n      <ax-check-box [disabled]=\"!isCustom\" [(ngModel)]=\"yearService.yearModel.custom.between.isBetween\">\n      </ax-check-box>\n      <label>\n        {{ 'Every' | translate | async }} {{ 'time.year' | translate | async }}\n        {{ 'between' | translate | async }} {{ 'time.year' | translate | async }}\n      </label>\n    </div>\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}\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", "messageStyle", "updateOn"], outputs: ["onValidate", "updateOnChange"] }, { kind: "component", type: i5.AXCheckBoxComponent, selector: "ax-check-box", inputs: ["disabled", "tabIndex", "readonly", "color", "value", "name", "id", "checked", "indeterminate"], outputs: ["onBlur", "onFocus", "valueChange", "onValueChanged"] }, { kind: "pipe", type: i6.AsyncPipe, name: "async" }, { kind: "pipe", type: i7.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>{{ '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>{{ '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-check-box>\n\n    <span>{{ 'Every' | translate | async }}</span>\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(s) starting at year' | 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-check-box>\n      <label>\n        {{ 'Specific year(s) (choose one or many)' | translate | async }}\n      </label>\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(s)' | 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    <div class=\"ax-flex-container\">\n      <ax-check-box [disabled]=\"!isCustom\" [(ngModel)]=\"yearService.yearModel.custom.between.isBetween\">\n      </ax-check-box>\n      <label>\n        {{ 'Every' | translate | async }} {{ 'time.year' | translate | async }}\n        {{ 'between' | translate | async }} {{ 'time.year' | translate | async }}\n      </label>\n    </div>\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}\n"] }]
+        }] });
+
+class AXCronJobContainerComponent {
+    constructor() {
+        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);
+    }
+    #init;
+    onGetModel() {
+        const secondsExp = this.secondsService.getExpression();
+        const minutesExp = this.minutesService.getExpression();
+        const hoursExp = this.hoursService.getExpression();
+        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: [
+            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{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))}\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: i6.AsyncPipe, name: "async" }, { kind: "pipe", type: i7.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: [
+                        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{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))}\n"] }]
+        }] });
+
+const COMPONENT = [
+    AXCronJobContainerComponent,
+    AXCronDayComponent,
+    AXCronHoursComponent,
+    AXCronMinutesComponent,
+    AXCronMonthComponent,
+    AXCronSecondsComponent,
+    AXCronYearComponent,
+];
+const MODULES = [
+    AXTabsModule,
+    AXBadgeModule,
+    AXDecoratorModule,
+    CommonModule,
+    FormsModule,
+    AXSelectBoxModule,
+    AXFormModule,
+    AXLabelModule,
+    AXCheckBoxModule,
+    AXTextBoxModule,
+    AXTranslationModule,
+];
+class AXCronJobModule {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: AXCronJobModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.0", ngImport: i0, type: AXCronJobModule, declarations: [AXCronJobContainerComponent,
+            AXCronDayComponent,
+            AXCronHoursComponent,
+            AXCronMinutesComponent,
+            AXCronMonthComponent,
+            AXCronSecondsComponent,
+            AXCronYearComponent], imports: [AXTabsModule,
+            AXBadgeModule,
+            AXDecoratorModule,
+            CommonModule,
+            FormsModule,
+            AXSelectBoxModule,
+            AXFormModule,
+            AXLabelModule,
+            AXCheckBoxModule,
+            AXTextBoxModule,
+            AXTranslationModule, AXButtonModule, AXLabelModule], exports: [AXCronJobContainerComponent,
+            AXCronDayComponent,
+            AXCronHoursComponent,
+            AXCronMinutesComponent,
+            AXCronMonthComponent,
+            AXCronSecondsComponent,
+            AXCronYearComponent] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: AXCronJobModule, imports: [MODULES, AXButtonModule, AXLabelModule] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: AXCronJobModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [...COMPONENT],
+                    imports: [...MODULES, AXButtonModule, AXLabelModule],
+                    exports: [...COMPONENT],
+                    providers: [],
+                }]
+        }] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { AXCronDayComponent, AXCronHoursComponent, AXCronJobContainerComponent, AXCronJobModule, AXCronMinutesComponent, AXCronMonthComponent, AXCronSecondsComponent, AXCronYearComponent };
+//# sourceMappingURL=acorex-components-cron-job.mjs.map