@datarailsshared/datarailsshared 1.6.367 → 1.6.369

package/fesm2022/datarailsshared-datarailsshared.mjs

@@ -17413,12 +17413,12 @@ function DrCronFieldComponent_ng_template_1_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵproperty("ngTemplateOutlet", _r3);
 } }
 function DrCronFieldComponent_ng_template_3_ng_template_0_Template(rf, ctx) { if (rf & 1) {
-    const _r27 = i0.ɵɵgetCurrentView();
+    const _r26 = i0.ɵɵgetCurrentView();
     i0.ɵɵelementStart(0, "span");
     i0.ɵɵtext(1, "Repeat every quarter on");
     i0.ɵɵelementEnd();
     i0.ɵɵelementStart(2, "dr-select", 21);
-    i0.ɵɵlistener("ngModelChange", function DrCronFieldComponent_ng_template_3_ng_template_0_Template_dr_select_ngModelChange_2_listener($event) { i0.ɵɵrestoreView(_r27); const ctx_r26 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r26.cronModel.month = $event); })("ngModelChange", function DrCronFieldComponent_ng_template_3_ng_template_0_Template_dr_select_ngModelChange_2_listener() { i0.ɵɵrestoreView(_r27); const ctx_r28 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r28.onSelectionChange()); });
+    i0.ɵɵlistener("ngModelChange", function DrCronFieldComponent_ng_template_3_ng_template_0_Template_dr_select_ngModelChange_2_listener($event) { i0.ɵɵrestoreView(_r26); const ctx_r25 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r25.cronModel.month = $event); })("ngModelChange", function DrCronFieldComponent_ng_template_3_ng_template_0_Template_dr_select_ngModelChange_2_listener() { i0.ɵɵrestoreView(_r26); const ctx_r27 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r27.onSelectionChange()); });
     i0.ɵɵelementEnd();
     i0.ɵɵelementStart(3, "span");
     i0.ɵɵtext(4, "month of the quarter");
@@ -17429,12 +17429,12 @@ function DrCronFieldComponent_ng_template_3_ng_template_0_Template(rf, ctx) { if
     i0.ɵɵproperty("ngModel", ctx_r13.cronModel.month)("items", ctx_r13.MONTH_OF_QUARTER_ARRAY);
 } }
 function DrCronFieldComponent_ng_template_3_ng_template_2_Template(rf, ctx) { if (rf & 1) {
-    const _r30 = i0.ɵɵgetCurrentView();
+    const _r29 = i0.ɵɵgetCurrentView();
     i0.ɵɵelementStart(0, "span");
     i0.ɵɵtext(1, "Repeat every");
     i0.ɵɵelementEnd();
     i0.ɵɵelementStart(2, "dr-select", 22);
-    i0.ɵɵlistener("ngModelChange", function DrCronFieldComponent_ng_template_3_ng_template_2_Template_dr_select_ngModelChange_2_listener($event) { i0.ɵɵrestoreView(_r30); const ctx_r29 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r29.cronModel.everyXHours = $event); })("ngModelChange", function DrCronFieldComponent_ng_template_3_ng_template_2_Template_dr_select_ngModelChange_2_listener() { i0.ɵɵrestoreView(_r30); const ctx_r31 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r31.onSelectionChange()); });
+    i0.ɵɵlistener("ngModelChange", function DrCronFieldComponent_ng_template_3_ng_template_2_Template_dr_select_ngModelChange_2_listener($event) { i0.ɵɵrestoreView(_r29); const ctx_r28 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r28.cronModel.everyXHours = $event); })("ngModelChange", function DrCronFieldComponent_ng_template_3_ng_template_2_Template_dr_select_ngModelChange_2_listener() { i0.ɵɵrestoreView(_r29); const ctx_r30 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r30.onSelectionChange()); });
     i0.ɵɵelementEnd();
     i0.ɵɵelementStart(3, "span");
     i0.ɵɵtext(4, "hour(s)");
@@ -17445,12 +17445,12 @@ function DrCronFieldComponent_ng_template_3_ng_template_2_Template(rf, ctx) { if
     i0.ɵɵproperty("ngModel", ctx_r15.cronModel.everyXHours)("items", ctx_r15.HOURS_DIVISIBLE_INTO_DAY);
 } }
 function DrCronFieldComponent_ng_template_3_ng_template_4_Template(rf, ctx) { if (rf & 1) {
-    const _r33 = i0.ɵɵgetCurrentView();
+    const _r32 = i0.ɵɵgetCurrentView();
     i0.ɵɵelementStart(0, "span");
     i0.ɵɵtext(1, "Repeat every");
     i0.ɵɵelementEnd();
     i0.ɵɵelementStart(2, "dr-select", 23);
-    i0.ɵɵlistener("ngModelChange", function DrCronFieldComponent_ng_template_3_ng_template_4_Template_dr_select_ngModelChange_2_listener($event) { i0.ɵɵrestoreView(_r33); const ctx_r32 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r32.cronModel.dayOfWeek = $event); })("ngModelChange", function DrCronFieldComponent_ng_template_3_ng_template_4_Template_dr_select_ngModelChange_2_listener() { i0.ɵɵrestoreView(_r33); const ctx_r34 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r34.onSelectionChange()); });
+    i0.ɵɵlistener("ngModelChange", function DrCronFieldComponent_ng_template_3_ng_template_4_Template_dr_select_ngModelChange_2_listener($event) { i0.ɵɵrestoreView(_r32); const ctx_r31 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r31.cronModel.dayOfWeek = $event); })("ngModelChange", function DrCronFieldComponent_ng_template_3_ng_template_4_Template_dr_select_ngModelChange_2_listener() { i0.ɵɵrestoreView(_r32); const ctx_r33 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r33.onSelectionChange()); });
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const ctx_r17 = i0.ɵɵnextContext(2);
@@ -17458,21 +17458,21 @@ function DrCronFieldComponent_ng_template_3_ng_template_4_Template(rf, ctx) { if
     i0.ɵɵproperty("ngModel", ctx_r17.cronModel.dayOfWeek)("items", ctx_r17.DAY_OF_WEEK_ARRAY);
 } }
 function DrCronFieldComponent_ng_template_3_ng_template_6_Template(rf, ctx) { if (rf & 1) {
-    const _r36 = i0.ɵɵgetCurrentView();
+    const _r35 = i0.ɵɵgetCurrentView();
     i0.ɵɵelementStart(0, "dr-select", 24);
-    i0.ɵɵlistener("ngModelChange", function DrCronFieldComponent_ng_template_3_ng_template_6_Template_dr_select_ngModelChange_0_listener($event) { i0.ɵɵrestoreView(_r36); const ctx_r35 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r35.cronModel.dayOfMonth = $event); })("ngModelChange", function DrCronFieldComponent_ng_template_3_ng_template_6_Template_dr_select_ngModelChange_0_listener() { i0.ɵɵrestoreView(_r36); const ctx_r37 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r37.onSelectionChange()); });
+    i0.ɵɵlistener("ngModelChange", function DrCronFieldComponent_ng_template_3_ng_template_6_Template_dr_select_ngModelChange_0_listener($event) { i0.ɵɵrestoreView(_r35); const ctx_r34 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r34.cronModel.dayOfMonth = $event); })("ngModelChange", function DrCronFieldComponent_ng_template_3_ng_template_6_Template_dr_select_ngModelChange_0_listener() { i0.ɵɵrestoreView(_r35); const ctx_r36 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r36.onSelectionChange()); });
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const ctx_r19 = i0.ɵɵnextContext(2);
     i0.ɵɵproperty("ngModel", ctx_r19.cronModel.dayOfMonth)("items", ctx_r19.DAY_OF_MONTH_ARRAY)("searchable", true);
 } }
 function DrCronFieldComponent_ng_template_3_ng_template_8_Template(rf, ctx) { if (rf & 1) {
-    const _r39 = i0.ɵɵgetCurrentView();
+    const _r38 = i0.ɵɵgetCurrentView();
     i0.ɵɵelementStart(0, "span");
     i0.ɵɵtext(1, "Repeat every");
     i0.ɵɵelementEnd();
     i0.ɵɵelementStart(2, "dr-select", 25);
-    i0.ɵɵlistener("ngModelChange", function DrCronFieldComponent_ng_template_3_ng_template_8_Template_dr_select_ngModelChange_2_listener($event) { i0.ɵɵrestoreView(_r39); const ctx_r38 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r38.cronModel.month = $event); })("ngModelChange", function DrCronFieldComponent_ng_template_3_ng_template_8_Template_dr_select_ngModelChange_2_listener() { i0.ɵɵrestoreView(_r39); const ctx_r40 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r40.onSelectionChange()); });
+    i0.ɵɵlistener("ngModelChange", function DrCronFieldComponent_ng_template_3_ng_template_8_Template_dr_select_ngModelChange_2_listener($event) { i0.ɵɵrestoreView(_r38); const ctx_r37 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r37.cronModel.month = $event); })("ngModelChange", function DrCronFieldComponent_ng_template_3_ng_template_8_Template_dr_select_ngModelChange_2_listener() { i0.ɵɵrestoreView(_r38); const ctx_r39 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r39.onSelectionChange()); });
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const ctx_r21 = i0.ɵɵnextContext(2);
@@ -17484,56 +17484,85 @@ function DrCronFieldComponent_ng_template_3_dr_radio_group_11_dr_radio_button_1_
     i0.ɵɵtext(1);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    const option_r42 = ctx.$implicit;
-    i0.ɵɵproperty("value", option_r42.value);
-    i0.ɵɵattribute("data-analytics", "dr-cron-field_radio-button-" + option_r42.value);
+    const option_r41 = ctx.$implicit;
+    i0.ɵɵproperty("value", option_r41.value);
+    i0.ɵɵattribute("data-analytics", "dr-cron-field_radio-button-" + option_r41.value);
     i0.ɵɵadvance(1);
-    i0.ɵɵtextInterpolate1(" ", option_r42.label, " ");
+    i0.ɵɵtextInterpolate1(" ", option_r41.label, " ");
 } }
 function DrCronFieldComponent_ng_template_3_dr_radio_group_11_Template(rf, ctx) { if (rf & 1) {
-    const _r44 = i0.ɵɵgetCurrentView();
+    const _r43 = i0.ɵɵgetCurrentView();
     i0.ɵɵelementStart(0, "dr-radio-group", 26);
-    i0.ɵɵlistener("ngModelChange", function DrCronFieldComponent_ng_template_3_dr_radio_group_11_Template_dr_radio_group_ngModelChange_0_listener($event) { i0.ɵɵrestoreView(_r44); const ctx_r43 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r43.cronModel.every = $event); })("ngModelChange", function DrCronFieldComponent_ng_template_3_dr_radio_group_11_Template_dr_radio_group_ngModelChange_0_listener($event) { i0.ɵɵrestoreView(_r44); const ctx_r45 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r45.onEveryChange($event)); });
+    i0.ɵɵlistener("ngModelChange", function DrCronFieldComponent_ng_template_3_dr_radio_group_11_Template_dr_radio_group_ngModelChange_0_listener($event) { i0.ɵɵrestoreView(_r43); const ctx_r42 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r42.onEveryChange($event)); });
     i0.ɵɵtemplate(1, DrCronFieldComponent_ng_template_3_dr_radio_group_11_dr_radio_button_1_Template, 2, 3, "dr-radio-button", 27);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const ctx_r22 = i0.ɵɵnextContext(2);
-    i0.ɵɵproperty("ngModel", ctx_r22.cronModel.every);
+    i0.ɵɵproperty("ngModel", ctx_r22.isAdvancedMode ? "advanced" : ctx_r22.cronModel.every);
     i0.ɵɵadvance(1);
     i0.ɵɵproperty("ngForOf", ctx_r22.cronEditorPeriodArray);
 } }
-function DrCronFieldComponent_ng_template_3_ng_container_12_ng_container_2_Template(rf, ctx) { if (rf & 1) {
+function DrCronFieldComponent_ng_template_3_div_12_div_6_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 34);
+    i0.ɵɵtext(1);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r44 = i0.ɵɵnextContext(3);
+    i0.ɵɵadvance(1);
+    i0.ɵɵtextInterpolate(ctx_r44.advancedError);
+} }
+function DrCronFieldComponent_ng_template_3_div_12_Template(rf, ctx) { if (rf & 1) {
+    const _r46 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 29)(1, "div", 30);
+    i0.ɵɵtext(2, " Use crontab to set custom time intervals for sync frequency, such as every two weeks at 10:05. ");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(3, "div", 31);
+    i0.ɵɵtext(4, "Enter your cron expression:");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(5, "dr-input", 32);
+    i0.ɵɵlistener("ngModelChange", function DrCronFieldComponent_ng_template_3_div_12_Template_dr_input_ngModelChange_5_listener($event) { i0.ɵɵrestoreView(_r46); const ctx_r45 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r45.advancedCron = $event); })("ngModelChange", function DrCronFieldComponent_ng_template_3_div_12_Template_dr_input_ngModelChange_5_listener() { i0.ɵɵrestoreView(_r46); const ctx_r47 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r47.onAdvancedChange()); });
+    i0.ɵɵelementEnd();
+    i0.ɵɵtemplate(6, DrCronFieldComponent_ng_template_3_div_12_div_6_Template, 2, 1, "div", 33);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r23 = i0.ɵɵnextContext(2);
+    i0.ɵɵadvance(5);
+    i0.ɵɵproperty("ngModel", ctx_r23.advancedCron);
+    i0.ɵɵadvance(1);
+    i0.ɵɵproperty("ngIf", ctx_r23.advancedError);
+} }
+function DrCronFieldComponent_ng_template_3_ng_container_13_ng_container_1_ng_container_2_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementContainer(0, 8);
 } if (rf & 2) {
-    i0.ɵɵnextContext(2);
+    i0.ɵɵnextContext(3);
     const _r12 = i0.ɵɵreference(1);
     i0.ɵɵproperty("ngTemplateOutlet", _r12);
 } }
-function DrCronFieldComponent_ng_template_3_ng_container_12_span_3_Template(rf, ctx) { if (rf & 1) {
+function DrCronFieldComponent_ng_template_3_ng_container_13_ng_container_1_span_3_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "span");
     i0.ɵɵtext(1, "Repeat every day");
     i0.ɵɵelementEnd();
 } }
-function DrCronFieldComponent_ng_template_3_ng_container_12_ng_container_4_Template(rf, ctx) { if (rf & 1) {
+function DrCronFieldComponent_ng_template_3_ng_container_13_ng_container_1_ng_container_4_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementContainer(0, 8);
 } if (rf & 2) {
-    i0.ɵɵnextContext(2);
+    i0.ɵɵnextContext(3);
     const _r14 = i0.ɵɵreference(3);
     i0.ɵɵproperty("ngTemplateOutlet", _r14);
 } }
-function DrCronFieldComponent_ng_template_3_ng_container_12_ng_container_5_Template(rf, ctx) { if (rf & 1) {
+function DrCronFieldComponent_ng_template_3_ng_container_13_ng_container_1_ng_container_5_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementContainer(0, 8);
 } if (rf & 2) {
-    i0.ɵɵnextContext(2);
+    i0.ɵɵnextContext(3);
     const _r16 = i0.ɵɵreference(5);
     i0.ɵɵproperty("ngTemplateOutlet", _r16);
 } }
-function DrCronFieldComponent_ng_template_3_ng_container_12_ng_container_6_Template(rf, ctx) { if (rf & 1) {
+function DrCronFieldComponent_ng_template_3_ng_container_13_ng_container_1_ng_container_6_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementContainerStart(0);
     i0.ɵɵelementContainer(1, 8)(2, 8);
     i0.ɵɵelementContainerEnd();
 } if (rf & 2) {
-    i0.ɵɵnextContext(2);
+    i0.ɵɵnextContext(3);
     const _r20 = i0.ɵɵreference(9);
     const _r18 = i0.ɵɵreference(7);
     i0.ɵɵadvance(1);
@@ -17541,7 +17570,7 @@ function DrCronFieldComponent_ng_template_3_ng_container_12_ng_container_6_Templ
     i0.ɵɵadvance(1);
     i0.ɵɵproperty("ngTemplateOutlet", _r18);
 } }
-function DrCronFieldComponent_ng_template_3_ng_container_12_ng_container_7_Template(rf, ctx) { if (rf & 1) {
+function DrCronFieldComponent_ng_template_3_ng_container_13_ng_container_1_ng_container_7_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementContainerStart(0);
     i0.ɵɵelementStart(1, "span");
     i0.ɵɵtext(2, "Repeat on");
@@ -17552,13 +17581,13 @@ function DrCronFieldComponent_ng_template_3_ng_container_12_ng_container_7_Templ
     i0.ɵɵelementEnd();
     i0.ɵɵelementContainerEnd();
 } if (rf & 2) {
-    i0.ɵɵnextContext(2);
+    i0.ɵɵnextContext(3);
     const _r18 = i0.ɵɵreference(7);
     i0.ɵɵadvance(3);
     i0.ɵɵproperty("ngTemplateOutlet", _r18);
 } }
-function DrCronFieldComponent_ng_template_3_ng_container_12_div_8_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 29)(1, "span");
+function DrCronFieldComponent_ng_template_3_ng_container_13_ng_container_1_div_8_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 37)(1, "span");
     i0.ɵɵtext(2, "on");
     i0.ɵɵelementEnd();
     i0.ɵɵelementContainer(3, 8);
@@ -17566,184 +17595,195 @@ function DrCronFieldComponent_ng_template_3_ng_container_12_div_8_Template(rf, c
     i0.ɵɵtext(5, "day of the month");
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
-    i0.ɵɵnextContext(2);
+    i0.ɵɵnextContext(3);
     const _r18 = i0.ɵɵreference(7);
     i0.ɵɵadvance(3);
     i0.ɵɵproperty("ngTemplateOutlet", _r18);
 } }
-function DrCronFieldComponent_ng_template_3_ng_container_12_Template(rf, ctx) { if (rf & 1) {
-    const _r54 = i0.ɵɵgetCurrentView();
+function DrCronFieldComponent_ng_template_3_ng_container_13_ng_container_1_Template(rf, ctx) { if (rf & 1) {
+    const _r59 = i0.ɵɵgetCurrentView();
     i0.ɵɵelementContainerStart(0);
-    i0.ɵɵelementStart(1, "div", 29);
-    i0.ɵɵtemplate(2, DrCronFieldComponent_ng_template_3_ng_container_12_ng_container_2_Template, 1, 1, "ng-container", 30);
-    i0.ɵɵtemplate(3, DrCronFieldComponent_ng_template_3_ng_container_12_span_3_Template, 2, 0, "span", 31);
-    i0.ɵɵtemplate(4, DrCronFieldComponent_ng_template_3_ng_container_12_ng_container_4_Template, 1, 1, "ng-container", 30);
-    i0.ɵɵtemplate(5, DrCronFieldComponent_ng_template_3_ng_container_12_ng_container_5_Template, 1, 1, "ng-container", 30);
-    i0.ɵɵtemplate(6, DrCronFieldComponent_ng_template_3_ng_container_12_ng_container_6_Template, 3, 2, "ng-container", 31);
-    i0.ɵɵtemplate(7, DrCronFieldComponent_ng_template_3_ng_container_12_ng_container_7_Template, 6, 1, "ng-container", 31);
-    i0.ɵɵelementEnd();
-    i0.ɵɵtemplate(8, DrCronFieldComponent_ng_template_3_ng_container_12_div_8_Template, 6, 1, "div", 32);
-    i0.ɵɵelementStart(9, "div", 33)(10, "span", 34);
+    i0.ɵɵelementStart(1, "div", 37);
+    i0.ɵɵtemplate(2, DrCronFieldComponent_ng_template_3_ng_container_13_ng_container_1_ng_container_2_Template, 1, 1, "ng-container", 38);
+    i0.ɵɵtemplate(3, DrCronFieldComponent_ng_template_3_ng_container_13_ng_container_1_span_3_Template, 2, 0, "span", 20);
+    i0.ɵɵtemplate(4, DrCronFieldComponent_ng_template_3_ng_container_13_ng_container_1_ng_container_4_Template, 1, 1, "ng-container", 38);
+    i0.ɵɵtemplate(5, DrCronFieldComponent_ng_template_3_ng_container_13_ng_container_1_ng_container_5_Template, 1, 1, "ng-container", 38);
+    i0.ɵɵtemplate(6, DrCronFieldComponent_ng_template_3_ng_container_13_ng_container_1_ng_container_6_Template, 3, 2, "ng-container", 20);
+    i0.ɵɵtemplate(7, DrCronFieldComponent_ng_template_3_ng_container_13_ng_container_1_ng_container_7_Template, 6, 1, "ng-container", 20);
+    i0.ɵɵelementEnd();
+    i0.ɵɵtemplate(8, DrCronFieldComponent_ng_template_3_ng_container_13_ng_container_1_div_8_Template, 6, 1, "div", 39);
+    i0.ɵɵelementStart(9, "div", 40)(10, "span", 41);
     i0.ɵɵtext(11, "at");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(12, "dr-time-picker", 35);
-    i0.ɵɵlistener("ngModelChange", function DrCronFieldComponent_ng_template_3_ng_container_12_Template_dr_time_picker_ngModelChange_12_listener($event) { i0.ɵɵrestoreView(_r54); const ctx_r53 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r53.onTimePickerChange($event)); });
+    i0.ɵɵelementStart(12, "dr-time-picker", 42);
+    i0.ɵɵlistener("ngModelChange", function DrCronFieldComponent_ng_template_3_ng_container_13_ng_container_1_Template_dr_time_picker_ngModelChange_12_listener($event) { i0.ɵɵrestoreView(_r59); const ctx_r58 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r58.onTimePickerChange($event)); });
     i0.ɵɵelementEnd()();
     i0.ɵɵelementContainerEnd();
 } if (rf & 2) {
-    const ctx_r23 = i0.ɵɵnextContext(2);
+    const ctx_r48 = i0.ɵɵnextContext(3);
     i0.ɵɵadvance(2);
-    i0.ɵɵproperty("ngIf", ctx_r23.cronModel.every === ctx_r23.cronEditorPeriod.QUARTER);
+    i0.ɵɵproperty("ngIf", ctx_r48.cronModel.every === ctx_r48.cronEditorPeriod.QUARTER);
     i0.ɵɵadvance(1);
-    i0.ɵɵproperty("ngIf", ctx_r23.cronModel.every === ctx_r23.cronEditorPeriod.DAY);
+    i0.ɵɵproperty("ngIf", ctx_r48.cronModel.every === ctx_r48.cronEditorPeriod.DAY);
     i0.ɵɵadvance(1);
-    i0.ɵɵproperty("ngIf", ctx_r23.cronModel.every === ctx_r23.cronEditorPeriod.HOUR);
+    i0.ɵɵproperty("ngIf", ctx_r48.cronModel.every === ctx_r48.cronEditorPeriod.HOUR);
     i0.ɵɵadvance(1);
-    i0.ɵɵproperty("ngIf", ctx_r23.cronModel.every === ctx_r23.cronEditorPeriod.WEEK);
+    i0.ɵɵproperty("ngIf", ctx_r48.cronModel.every === ctx_r48.cronEditorPeriod.WEEK);
     i0.ɵɵadvance(1);
-    i0.ɵɵproperty("ngIf", ctx_r23.cronModel.every === ctx_r23.cronEditorPeriod.YEAR);
+    i0.ɵɵproperty("ngIf", ctx_r48.cronModel.every === ctx_r48.cronEditorPeriod.YEAR);
     i0.ɵɵadvance(1);
-    i0.ɵɵproperty("ngIf", ctx_r23.cronModel.every === ctx_r23.cronEditorPeriod.MONTH);
+    i0.ɵɵproperty("ngIf", ctx_r48.cronModel.every === ctx_r48.cronEditorPeriod.MONTH);
     i0.ɵɵadvance(1);
-    i0.ɵɵproperty("ngIf", ctx_r23.cronModel.every === ctx_r23.cronEditorPeriod.QUARTER);
+    i0.ɵɵproperty("ngIf", ctx_r48.cronModel.every === ctx_r48.cronEditorPeriod.QUARTER);
     i0.ɵɵadvance(4);
-    i0.ɵɵproperty("ngModel", ctx_r23.cronModel);
+    i0.ɵɵproperty("ngModel", ctx_r48.cronModel);
 } }
-function DrCronFieldComponent_ng_template_3_ng_template_13_div_0_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 37);
+function DrCronFieldComponent_ng_template_3_ng_container_13_ng_template_2_div_0_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 44);
     i0.ɵɵelementContainer(1, 8);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    i0.ɵɵnextContext(2);
+    i0.ɵɵnextContext(3);
     const _r12 = i0.ɵɵreference(1);
     i0.ɵɵadvance(1);
     i0.ɵɵproperty("ngTemplateOutlet", _r12);
 } }
-function DrCronFieldComponent_ng_template_3_ng_template_13_span_2_Template(rf, ctx) { if (rf & 1) {
+function DrCronFieldComponent_ng_template_3_ng_container_13_ng_template_2_span_2_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "span");
     i0.ɵɵtext(1, " Repeat every day ");
     i0.ɵɵelementEnd();
 } }
-function DrCronFieldComponent_ng_template_3_ng_template_13_ng_container_3_Template(rf, ctx) { if (rf & 1) {
+function DrCronFieldComponent_ng_template_3_ng_container_13_ng_template_2_ng_container_3_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementContainer(0, 8);
 } if (rf & 2) {
-    i0.ɵɵnextContext(2);
+    i0.ɵɵnextContext(3);
     const _r14 = i0.ɵɵreference(3);
     i0.ɵɵproperty("ngTemplateOutlet", _r14);
 } }
-function DrCronFieldComponent_ng_template_3_ng_template_13_ng_container_4_Template(rf, ctx) { if (rf & 1) {
+function DrCronFieldComponent_ng_template_3_ng_container_13_ng_template_2_ng_container_4_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementContainer(0, 8);
 } if (rf & 2) {
-    i0.ɵɵnextContext(2);
+    i0.ɵɵnextContext(3);
     const _r16 = i0.ɵɵreference(5);
     i0.ɵɵproperty("ngTemplateOutlet", _r16);
 } }
-function DrCronFieldComponent_ng_template_3_ng_template_13_ng_container_5_span_1_Template(rf, ctx) { if (rf & 1) {
+function DrCronFieldComponent_ng_template_3_ng_container_13_ng_template_2_ng_container_5_span_1_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "span");
     i0.ɵɵtext(1, "Repeat on ");
     i0.ɵɵelementEnd();
 } }
-function DrCronFieldComponent_ng_template_3_ng_template_13_ng_container_5_span_2_Template(rf, ctx) { if (rf & 1) {
+function DrCronFieldComponent_ng_template_3_ng_container_13_ng_template_2_ng_container_5_span_2_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "span");
     i0.ɵɵtext(1, "on ");
     i0.ɵɵelementEnd();
 } }
-function DrCronFieldComponent_ng_template_3_ng_template_13_ng_container_5_ng_container_3_Template(rf, ctx) { if (rf & 1) {
+function DrCronFieldComponent_ng_template_3_ng_container_13_ng_template_2_ng_container_5_ng_container_3_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementContainer(0, 8);
 } if (rf & 2) {
-    i0.ɵɵnextContext(3);
+    i0.ɵɵnextContext(4);
     const _r20 = i0.ɵɵreference(9);
     i0.ɵɵproperty("ngTemplateOutlet", _r20);
 } }
-function DrCronFieldComponent_ng_template_3_ng_template_13_ng_container_5_span_5_Template(rf, ctx) { if (rf & 1) {
+function DrCronFieldComponent_ng_template_3_ng_container_13_ng_template_2_ng_container_5_span_5_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "span");
     i0.ɵɵtext(1, "day of every month ");
     i0.ɵɵelementEnd();
 } }
-function DrCronFieldComponent_ng_template_3_ng_template_13_ng_container_5_span_6_Template(rf, ctx) { if (rf & 1) {
+function DrCronFieldComponent_ng_template_3_ng_container_13_ng_template_2_ng_container_5_span_6_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "span");
     i0.ɵɵtext(1, "day of the month ");
     i0.ɵɵelementEnd();
 } }
-function DrCronFieldComponent_ng_template_3_ng_template_13_ng_container_5_Template(rf, ctx) { if (rf & 1) {
+function DrCronFieldComponent_ng_template_3_ng_container_13_ng_template_2_ng_container_5_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementContainerStart(0);
-    i0.ɵɵtemplate(1, DrCronFieldComponent_ng_template_3_ng_template_13_ng_container_5_span_1_Template, 2, 0, "span", 31);
-    i0.ɵɵtemplate(2, DrCronFieldComponent_ng_template_3_ng_template_13_ng_container_5_span_2_Template, 2, 0, "span", 31);
-    i0.ɵɵtemplate(3, DrCronFieldComponent_ng_template_3_ng_template_13_ng_container_5_ng_container_3_Template, 1, 1, "ng-container", 30);
+    i0.ɵɵtemplate(1, DrCronFieldComponent_ng_template_3_ng_container_13_ng_template_2_ng_container_5_span_1_Template, 2, 0, "span", 20);
+    i0.ɵɵtemplate(2, DrCronFieldComponent_ng_template_3_ng_container_13_ng_template_2_ng_container_5_span_2_Template, 2, 0, "span", 20);
+    i0.ɵɵtemplate(3, DrCronFieldComponent_ng_template_3_ng_container_13_ng_template_2_ng_container_5_ng_container_3_Template, 1, 1, "ng-container", 38);
     i0.ɵɵelementContainer(4, 8);
-    i0.ɵɵtemplate(5, DrCronFieldComponent_ng_template_3_ng_template_13_ng_container_5_span_5_Template, 2, 0, "span", 31);
-    i0.ɵɵtemplate(6, DrCronFieldComponent_ng_template_3_ng_template_13_ng_container_5_span_6_Template, 2, 0, "span", 31);
+    i0.ɵɵtemplate(5, DrCronFieldComponent_ng_template_3_ng_container_13_ng_template_2_ng_container_5_span_5_Template, 2, 0, "span", 20);
+    i0.ɵɵtemplate(6, DrCronFieldComponent_ng_template_3_ng_container_13_ng_template_2_ng_container_5_span_6_Template, 2, 0, "span", 20);
     i0.ɵɵelementContainerEnd();
 } if (rf & 2) {
-    i0.ɵɵnextContext(2);
+    i0.ɵɵnextContext(3);
     const _r18 = i0.ɵɵreference(7);
-    const ctx_r59 = i0.ɵɵnextContext();
+    const ctx_r64 = i0.ɵɵnextContext();
     i0.ɵɵadvance(1);
-    i0.ɵɵproperty("ngIf", ctx_r59.cronModel.every === ctx_r59.cronEditorPeriod.MONTH);
+    i0.ɵɵproperty("ngIf", ctx_r64.cronModel.every === ctx_r64.cronEditorPeriod.MONTH);
     i0.ɵɵadvance(1);
-    i0.ɵɵproperty("ngIf", ctx_r59.cronModel.every === ctx_r59.cronEditorPeriod.QUARTER);
+    i0.ɵɵproperty("ngIf", ctx_r64.cronModel.every === ctx_r64.cronEditorPeriod.QUARTER);
     i0.ɵɵadvance(1);
-    i0.ɵɵproperty("ngIf", ctx_r59.cronModel.every === ctx_r59.cronEditorPeriod.YEAR);
+    i0.ɵɵproperty("ngIf", ctx_r64.cronModel.every === ctx_r64.cronEditorPeriod.YEAR);
     i0.ɵɵadvance(1);
     i0.ɵɵproperty("ngTemplateOutlet", _r18);
     i0.ɵɵadvance(1);
-    i0.ɵɵproperty("ngIf", ctx_r59.cronModel.every === ctx_r59.cronEditorPeriod.MONTH);
+    i0.ɵɵproperty("ngIf", ctx_r64.cronModel.every === ctx_r64.cronEditorPeriod.MONTH);
     i0.ɵɵadvance(1);
-    i0.ɵɵproperty("ngIf", ctx_r59.cronModel.every === ctx_r59.cronEditorPeriod.QUARTER);
+    i0.ɵɵproperty("ngIf", ctx_r64.cronModel.every === ctx_r64.cronEditorPeriod.QUARTER);
 } }
-function DrCronFieldComponent_ng_template_3_ng_template_13_ng_template_14_Template(rf, ctx) { if (rf & 1) {
+function DrCronFieldComponent_ng_template_3_ng_container_13_ng_template_2_ng_template_14_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵtext(0);
 } if (rf & 2) {
-    const item_r67 = ctx.item;
-    const ctx_r61 = i0.ɵɵnextContext(3);
-    i0.ɵɵtextInterpolate1(" ", ctx_r61.LOCAL_TIME_ZONE_OFFSET !== ctx_r61.cronModel.timeZone ? item_r67.label : "Local Time", " ");
-} }
-function DrCronFieldComponent_ng_template_3_ng_template_13_Template(rf, ctx) { if (rf & 1) {
-    const _r69 = i0.ɵɵgetCurrentView();
-    i0.ɵɵtemplate(0, DrCronFieldComponent_ng_template_3_ng_template_13_div_0_Template, 2, 1, "div", 36);
-    i0.ɵɵelementStart(1, "div", 37);
-    i0.ɵɵtemplate(2, DrCronFieldComponent_ng_template_3_ng_template_13_span_2_Template, 2, 0, "span", 31);
-    i0.ɵɵtemplate(3, DrCronFieldComponent_ng_template_3_ng_template_13_ng_container_3_Template, 1, 1, "ng-container", 30);
-    i0.ɵɵtemplate(4, DrCronFieldComponent_ng_template_3_ng_template_13_ng_container_4_Template, 1, 1, "ng-container", 30);
-    i0.ɵɵtemplate(5, DrCronFieldComponent_ng_template_3_ng_template_13_ng_container_5_Template, 7, 6, "ng-container", 31);
-    i0.ɵɵelementStart(6, "span", 34);
+    const item_r72 = ctx.item;
+    const ctx_r66 = i0.ɵɵnextContext(4);
+    i0.ɵɵtextInterpolate1(" ", ctx_r66.LOCAL_TIME_ZONE_OFFSET !== ctx_r66.cronModel.timeZone ? item_r72.label : "Local Time", " ");
+} }
+function DrCronFieldComponent_ng_template_3_ng_container_13_ng_template_2_Template(rf, ctx) { if (rf & 1) {
+    const _r74 = i0.ɵɵgetCurrentView();
+    i0.ɵɵtemplate(0, DrCronFieldComponent_ng_template_3_ng_container_13_ng_template_2_div_0_Template, 2, 1, "div", 43);
+    i0.ɵɵelementStart(1, "div", 44);
+    i0.ɵɵtemplate(2, DrCronFieldComponent_ng_template_3_ng_container_13_ng_template_2_span_2_Template, 2, 0, "span", 20);
+    i0.ɵɵtemplate(3, DrCronFieldComponent_ng_template_3_ng_container_13_ng_template_2_ng_container_3_Template, 1, 1, "ng-container", 38);
+    i0.ɵɵtemplate(4, DrCronFieldComponent_ng_template_3_ng_container_13_ng_template_2_ng_container_4_Template, 1, 1, "ng-container", 38);
+    i0.ɵɵtemplate(5, DrCronFieldComponent_ng_template_3_ng_container_13_ng_template_2_ng_container_5_Template, 7, 6, "ng-container", 20);
+    i0.ɵɵelementStart(6, "span", 41);
     i0.ɵɵtext(7, "at");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(8, "dr-input", 38);
-    i0.ɵɵlistener("ngModelChange", function DrCronFieldComponent_ng_template_3_ng_template_13_Template_dr_input_ngModelChange_8_listener($event) { i0.ɵɵrestoreView(_r69); const ctx_r68 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r68.cronModel.hour = $event); })("ngModelChange", function DrCronFieldComponent_ng_template_3_ng_template_13_Template_dr_input_ngModelChange_8_listener() { i0.ɵɵrestoreView(_r69); const ctx_r70 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r70.onSelectionChange()); });
+    i0.ɵɵelementStart(8, "dr-input", 45);
+    i0.ɵɵlistener("ngModelChange", function DrCronFieldComponent_ng_template_3_ng_container_13_ng_template_2_Template_dr_input_ngModelChange_8_listener($event) { i0.ɵɵrestoreView(_r74); const ctx_r73 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r73.cronModel.hour = $event); })("ngModelChange", function DrCronFieldComponent_ng_template_3_ng_container_13_ng_template_2_Template_dr_input_ngModelChange_8_listener() { i0.ɵɵrestoreView(_r74); const ctx_r75 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r75.onSelectionChange()); });
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(9, "span", 39);
+    i0.ɵɵelementStart(9, "span", 46);
     i0.ɵɵtext(10, ":");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(11, "dr-input", 40);
-    i0.ɵɵlistener("ngModelChange", function DrCronFieldComponent_ng_template_3_ng_template_13_Template_dr_input_ngModelChange_11_listener($event) { i0.ɵɵrestoreView(_r69); const ctx_r71 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r71.cronModel.minute = $event); })("ngModelChange", function DrCronFieldComponent_ng_template_3_ng_template_13_Template_dr_input_ngModelChange_11_listener() { i0.ɵɵrestoreView(_r69); const ctx_r72 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r72.onSelectionChange()); });
+    i0.ɵɵelementStart(11, "dr-input", 47);
+    i0.ɵɵlistener("ngModelChange", function DrCronFieldComponent_ng_template_3_ng_container_13_ng_template_2_Template_dr_input_ngModelChange_11_listener($event) { i0.ɵɵrestoreView(_r74); const ctx_r76 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r76.cronModel.minute = $event); })("ngModelChange", function DrCronFieldComponent_ng_template_3_ng_container_13_ng_template_2_Template_dr_input_ngModelChange_11_listener() { i0.ɵɵrestoreView(_r74); const ctx_r77 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r77.onSelectionChange()); });
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(12, "dr-select", 41);
-    i0.ɵɵlistener("ngModelChange", function DrCronFieldComponent_ng_template_3_ng_template_13_Template_dr_select_ngModelChange_12_listener($event) { i0.ɵɵrestoreView(_r69); const ctx_r73 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r73.cronModel.timePeriod = $event); })("ngModelChange", function DrCronFieldComponent_ng_template_3_ng_template_13_Template_dr_select_ngModelChange_12_listener() { i0.ɵɵrestoreView(_r69); const ctx_r74 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r74.onSelectionChange()); });
+    i0.ɵɵelementStart(12, "dr-select", 48);
+    i0.ɵɵlistener("ngModelChange", function DrCronFieldComponent_ng_template_3_ng_container_13_ng_template_2_Template_dr_select_ngModelChange_12_listener($event) { i0.ɵɵrestoreView(_r74); const ctx_r78 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r78.cronModel.timePeriod = $event); })("ngModelChange", function DrCronFieldComponent_ng_template_3_ng_container_13_ng_template_2_Template_dr_select_ngModelChange_12_listener() { i0.ɵɵrestoreView(_r74); const ctx_r79 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r79.onSelectionChange()); });
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(13, "dr-select", 42);
-    i0.ɵɵlistener("ngModelChange", function DrCronFieldComponent_ng_template_3_ng_template_13_Template_dr_select_ngModelChange_13_listener($event) { i0.ɵɵrestoreView(_r69); const ctx_r75 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r75.cronModel.timeZone = $event); })("ngModelChange", function DrCronFieldComponent_ng_template_3_ng_template_13_Template_dr_select_ngModelChange_13_listener() { i0.ɵɵrestoreView(_r69); const ctx_r76 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r76.onSelectionChange()); });
-    i0.ɵɵtemplate(14, DrCronFieldComponent_ng_template_3_ng_template_13_ng_template_14_Template, 1, 1, "ng-template", null, 43, i0.ɵɵtemplateRefExtractor);
+    i0.ɵɵelementStart(13, "dr-select", 49);
+    i0.ɵɵlistener("ngModelChange", function DrCronFieldComponent_ng_template_3_ng_container_13_ng_template_2_Template_dr_select_ngModelChange_13_listener($event) { i0.ɵɵrestoreView(_r74); const ctx_r80 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r80.cronModel.timeZone = $event); })("ngModelChange", function DrCronFieldComponent_ng_template_3_ng_container_13_ng_template_2_Template_dr_select_ngModelChange_13_listener() { i0.ɵɵrestoreView(_r74); const ctx_r81 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r81.onSelectionChange()); });
+    i0.ɵɵtemplate(14, DrCronFieldComponent_ng_template_3_ng_container_13_ng_template_2_ng_template_14_Template, 1, 1, "ng-template", null, 50, i0.ɵɵtemplateRefExtractor);
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
-    const ctx_r25 = i0.ɵɵnextContext(2);
-    i0.ɵɵproperty("ngIf", ctx_r25.cronModel.every === ctx_r25.cronEditorPeriod.QUARTER);
+    const ctx_r50 = i0.ɵɵnextContext(3);
+    i0.ɵɵproperty("ngIf", ctx_r50.cronModel.every === ctx_r50.cronEditorPeriod.QUARTER);
     i0.ɵɵadvance(2);
-    i0.ɵɵproperty("ngIf", ctx_r25.cronModel.every === ctx_r25.cronEditorPeriod.DAY);
+    i0.ɵɵproperty("ngIf", ctx_r50.cronModel.every === ctx_r50.cronEditorPeriod.DAY);
     i0.ɵɵadvance(1);
-    i0.ɵɵproperty("ngIf", ctx_r25.cronModel.every === ctx_r25.cronEditorPeriod.HOUR);
+    i0.ɵɵproperty("ngIf", ctx_r50.cronModel.every === ctx_r50.cronEditorPeriod.HOUR);
     i0.ɵɵadvance(1);
-    i0.ɵɵproperty("ngIf", ctx_r25.cronModel.every === ctx_r25.cronEditorPeriod.WEEK);
+    i0.ɵɵproperty("ngIf", ctx_r50.cronModel.every === ctx_r50.cronEditorPeriod.WEEK);
     i0.ɵɵadvance(1);
-    i0.ɵɵproperty("ngIf", ctx_r25.cronModel.every !== ctx_r25.cronEditorPeriod.WEEK && ctx_r25.cronModel.every !== ctx_r25.cronEditorPeriod.HOUR && ctx_r25.cronModel.every !== ctx_r25.cronEditorPeriod.DAY);
+    i0.ɵɵproperty("ngIf", ctx_r50.cronModel.every !== ctx_r50.cronEditorPeriod.WEEK && ctx_r50.cronModel.every !== ctx_r50.cronEditorPeriod.HOUR && ctx_r50.cronModel.every !== ctx_r50.cronEditorPeriod.DAY);
     i0.ɵɵadvance(3);
-    i0.ɵɵproperty("ngModel", ctx_r25.cronModel.hour)("mask", "00")("min", 1)("max", 12);
+    i0.ɵɵproperty("ngModel", ctx_r50.cronModel.hour)("mask", "00")("min", 0)("max", 12);
     i0.ɵɵadvance(3);
-    i0.ɵɵproperty("ngModel", ctx_r25.cronModel.minute)("mask", "00")("min", 0)("max", 59);
+    i0.ɵɵproperty("ngModel", ctx_r50.cronModel.minute)("mask", "00")("min", 0)("max", 59);
+    i0.ɵɵadvance(1);
+    i0.ɵɵproperty("ngModel", ctx_r50.cronModel.timePeriod)("items", ctx_r50.CRON_TIME_PERIOD_ARRAY);
     i0.ɵɵadvance(1);
-    i0.ɵɵproperty("ngModel", ctx_r25.cronModel.timePeriod)("items", ctx_r25.CRON_TIME_PERIOD_ARRAY);
+    i0.ɵɵproperty("ngModel", ctx_r50.cronModel.timeZone)("items", ctx_r50.GMT_OFFSETS)("textView", true);
+} }
+function DrCronFieldComponent_ng_template_3_ng_container_13_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementContainerStart(0);
+    i0.ɵɵtemplate(1, DrCronFieldComponent_ng_template_3_ng_container_13_ng_container_1_Template, 13, 8, "ng-container", 35);
+    i0.ɵɵtemplate(2, DrCronFieldComponent_ng_template_3_ng_container_13_ng_template_2_Template, 16, 18, "ng-template", null, 36, i0.ɵɵtemplateRefExtractor);
+    i0.ɵɵelementContainerEnd();
+} if (rf & 2) {
+    const _r49 = i0.ɵɵreference(3);
+    const ctx_r24 = i0.ɵɵnextContext(2);
     i0.ɵɵadvance(1);
-    i0.ɵɵproperty("ngModel", ctx_r25.cronModel.timeZone)("items", ctx_r25.GMT_OFFSETS)("textView", true);
+    i0.ɵɵproperty("ngIf", ctx_r24.multiRowMode)("ngIfElse", _r49);
 } }
 function DrCronFieldComponent_ng_template_3_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵtemplate(0, DrCronFieldComponent_ng_template_3_ng_template_0_Template, 5, 2, "ng-template", null, 12, i0.ɵɵtemplateRefExtractor);
@@ -17753,18 +17793,19 @@ function DrCronFieldComponent_ng_template_3_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵtemplate(8, DrCronFieldComponent_ng_template_3_ng_template_8_Template, 3, 2, "ng-template", null, 16, i0.ɵɵtemplateRefExtractor);
     i0.ɵɵelementStart(10, "div", 17);
     i0.ɵɵtemplate(11, DrCronFieldComponent_ng_template_3_dr_radio_group_11_Template, 2, 2, "dr-radio-group", 18);
-    i0.ɵɵtemplate(12, DrCronFieldComponent_ng_template_3_ng_container_12_Template, 13, 8, "ng-container", 19);
-    i0.ɵɵtemplate(13, DrCronFieldComponent_ng_template_3_ng_template_13_Template, 16, 18, "ng-template", null, 20, i0.ɵɵtemplateRefExtractor);
+    i0.ɵɵtemplate(12, DrCronFieldComponent_ng_template_3_div_12_Template, 7, 2, "div", 19);
+    i0.ɵɵtemplate(13, DrCronFieldComponent_ng_template_3_ng_container_13_Template, 4, 2, "ng-container", 20);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    const _r24 = i0.ɵɵreference(14);
     const ctx_r4 = i0.ɵɵnextContext();
     i0.ɵɵadvance(10);
     i0.ɵɵclassProp("cron-configuration--multi-row", ctx_r4.multiRowMode);
     i0.ɵɵadvance(1);
     i0.ɵɵproperty("ngIf", !ctx_r4.hidePeriodSelector);
     i0.ɵɵadvance(1);
-    i0.ɵɵproperty("ngIf", ctx_r4.multiRowMode)("ngIfElse", _r24);
+    i0.ɵɵproperty("ngIf", ctx_r4.isAdvancedMode);
+    i0.ɵɵadvance(1);
+    i0.ɵɵproperty("ngIf", !ctx_r4.isAdvancedMode);
 } }
 class DrCronFieldComponent {
     set value(value) {
@@ -17793,6 +17834,7 @@ class DrCronFieldComponent {
         this.hidePeriodSelector = false;
         this.flatMode = false;
         this.multiRowMode = false;
+        this.allowAdvanced = false;
         this.DAY_OF_MONTH_ARRAY = DAY_OF_MONTH_ARRAY;
         this.MONTH_OF_QUARTER_ARRAY = MONTH_OF_QUARTER_ARRAY;
         this.MONTH_OF_YEAR_ARRAY = MONTH_OF_YEAR_ARRAY;
@@ -17802,6 +17844,9 @@ class DrCronFieldComponent {
         this.LOCAL_TIME_ZONE_OFFSET = LOCAL_TIME_ZONE_OFFSET;
         this.GMT_OFFSETS = GMT_OFFSETS;
         this.cronEditorPeriod = CronEditorPeriod;
+        this.isAdvancedMode = false;
+        this.advancedCron = '';
+        this.advancedError = null;
         this.onChange = () => { };
         this.onTouched = () => { };
     }
@@ -17813,6 +17858,9 @@ class DrCronFieldComponent {
             value: period,
             label: capitalize(getCronTypeAsPeriodLabel(period)),
         }));
+        if (this.allowAdvanced) {
+            this.cronEditorPeriodArray.push({ value: 'advanced', label: 'Advanced' });
+        }
     }
     registerOnChange(fn) {
         this.onChange = fn;
@@ -17832,6 +17880,15 @@ class DrCronFieldComponent {
         this.cdr.markForCheck();
     }
     update() {
+        if (this.isAdvancedMode) {
+            this.validateAdvancedCron();
+            if (!this.advancedError) {
+                this.visibleString = this.advancedCron;
+                this.onChange(this.advancedCron);
+            }
+            this.cdr.markForCheck();
+            return;
+        }
         this.valueObject.valueObject = this.cronModel;
         this.visibleString = this.valueObject.getReadableString();
         this.cdr.markForCheck();
@@ -17842,6 +17899,14 @@ class DrCronFieldComponent {
         this.cronModel = this.valueObject.valueObject;
     }
     onEveryChange($event) {
+        if ($event === 'advanced') {
+            this.isAdvancedMode = true;
+            this.advancedCron = '';
+            this.advancedError = null;
+            return;
+        }
+        this.isAdvancedMode = false;
+        this.advancedError = null;
         const tempValueObject = new CronEditor(CronEditorDefaultConfigByPeriod[$event](this.fiscalYearStart), this.fiscalYearStart);
         this.cronModel = tempValueObject.valueObject;
         this.onSelectionChange();
@@ -17858,24 +17923,36 @@ class DrCronFieldComponent {
             this.update();
         }
     }
+    onAdvancedChange() {
+        this.validateAdvancedCron();
+        this.onSelectionChange();
+    }
+    validateAdvancedCron() {
+        if (!this.validateCron) {
+            this.advancedError = null;
+            return;
+        }
+        const validation = this.validateCron(this.advancedCron);
+        this.advancedError = validation.valid ? null : validation.error_message;
+    }
     /** @nocollapse */ static { this.ɵfac = function DrCronFieldComponent_Factory(t) { return new (t || DrCronFieldComponent)(i0.ɵɵdirectiveInject(i0.ChangeDetectorRef)); }; }
     /** @nocollapse */ static { this.ɵcmp = /** @pureOrBreakMyCode */ i0.ɵɵdefineComponent({ type: DrCronFieldComponent, selectors: [["dr-cron-field"]], hostVars: 3, hostBindings: function DrCronFieldComponent_HostBindings(rf, ctx) { if (rf & 2) {
             i0.ɵɵattribute("id", ctx.hostId);
             i0.ɵɵclassProp("disabled", ctx.disabled);
-        } }, inputs: { id: "id", disabled: "disabled", allowedPeriods: "allowedPeriods", fiscalYearStart: "fiscalYearStart", popoverPosition: "popoverPosition", hidePeriodSelector: ["hidePeriodSelector", "hidePeriodSelector", booleanAttribute], flatMode: ["flatMode", "flatMode", booleanAttribute], multiRowMode: ["multiRowMode", "multiRowMode", booleanAttribute] }, standalone: true, features: [i0.ɵɵProvidersFeature([
+        } }, inputs: { id: "id", disabled: "disabled", allowedPeriods: "allowedPeriods", fiscalYearStart: "fiscalYearStart", popoverPosition: "popoverPosition", hidePeriodSelector: ["hidePeriodSelector", "hidePeriodSelector", booleanAttribute], flatMode: ["flatMode", "flatMode", booleanAttribute], multiRowMode: ["multiRowMode", "multiRowMode", booleanAttribute], allowAdvanced: ["allowAdvanced", "allowAdvanced", booleanAttribute], validateCron: "validateCron" }, standalone: true, features: [i0.ɵɵProvidersFeature([
                 {
                     provide: NG_VALUE_ACCESSOR,
                     useExisting: forwardRef((() => DrCronFieldComponent)),
                     multi: true,
                 },
-            ]), i0.ɵɵInputTransformsFeature, i0.ɵɵStandaloneFeature], decls: 5, vars: 2, consts: [["data-analytics", "dr-cron-field_input-main", "aria-label", "Schedule", "placeholder", "Select...", 3, "id", "ngModel", "drPopover", "drPopoverPosition", "disabled", "readonly", "click", "ngModelChange", 4, "ngIf", "ngIfElse"], ["recurrencePopover", ""], ["cronConfiguration", ""], ["data-analytics", "dr-cron-field_input-main", "aria-label", "Schedule", "placeholder", "Select...", 3, "id", "ngModel", "drPopover", "drPopoverPosition", "disabled", "readonly", "click", "ngModelChange"], ["prefixIcon", "", 1, "dr-icon-date"], ["suffixIcon", "", 1, "dr-icon-arrow-down"], [1, "recurrence-popup"], [1, "recurrence-popup__body"], [3, "ngTemplateOutlet"], [1, "recurrence-popup__footer"], ["data-analytics", "dr-cron-field_button-cancel", "theme", "secondary", 3, "click"], ["data-analytics", "dr-cron-field_button-save", 3, "click"], ["quarterConfig", ""], ["hourConfig", ""], ["weekConfig", ""], ["dayOfMonthSelector", ""], ["yearMonthSelector", ""], [1, "cron-configuration"], ["data-analytics", "dr-cron-field_radio-group-period", "class", "cron-configuration__every", "name", "every", 3, "ngModel", "ngModelChange", 4, "ngIf"], [4, "ngIf", "ngIfElse"], ["singleRowMode", ""], ["data-analytics", "dr-cron-field_select-quarter-month", "aria-label", "Quarter month", "bindLabel", "label", "bindValue", "value", 1, "month-of-quarter", 3, "ngModel", "items", "ngModelChange"], ["data-analytics", "dr-cron-field_select-every-x-hours", "aria-label", "Hour interval", "bindLabel", "label", "bindValue", "value", 1, "day-of-month", 3, "ngModel", "items", "ngModelChange"], ["data-analytics", "dr-cron-field_select-day-of-week", "aria-label", "Day of week", "bindLabel", "label", "bindValue", "value", 1, "day-of-week", 3, "ngModel", "items", "ngModelChange"], ["data-analytics", "dr-cron-field_select-day-of-month", "aria-label", "Day of month", "bindLabel", "label", "bindValue", "value", 1, "day-of-month", 3, "ngModel", "items", "searchable", "ngModelChange"], ["data-analytics", "dr-cron-field_select-month", "aria-label", "Month", "bindLabel", "label", "bindValue", "value", 1, "month-of-year", 3, "ngModel", "items", "ngModelChange"], ["data-analytics", "dr-cron-field_radio-group-period", "name", "every", 1, "cron-configuration__every", 3, "ngModel", "ngModelChange"], [3, "value", 4, "ngFor", "ngForOf"], [3, "value"], [1, "cron-configuration__section", "cron-configuration__row"], [3, "ngTemplateOutlet", 4, "ngIf"], [4, "ngIf"], ["class", "cron-configuration__section cron-configuration__row", 4, "ngIf"], [1, "cron-configuration__section", "cron-configuration__row", "cron-configuration__row--time"], [1, "time-prefix"], [3, "ngModel", "ngModelChange"], ["class", "cron-configuration__section", 4, "ngIf"], [1, "cron-configuration__section"], ["data-analytics", "dr-cron-field_input-hour", "aria-label", "Hour", "type", "number", 1, "hours-input", 3, "ngModel", "mask", "min", "max", "ngModelChange"], [1, "time-dots"], ["data-analytics", "dr-cron-field_input-minute", "aria-label", "Minute", "type", "number", 1, "minutes-input", 3, "ngModel", "mask", "min", "max", "ngModelChange"], ["data-analytics", "dr-cron-field_select-time-period", "aria-label", "Time period", 1, "time-period-selector", 3, "ngModel", "items", "ngModelChange"], ["data-analytics", "dr-cron-field_select-timezone", "aria-label", "Time zone", "bindLabel", "label", "bindValue", "value", 1, "gmt-offsets", 3, "ngModel", "items", "textView", "ngModelChange"], ["labelTemplate", ""]], template: function DrCronFieldComponent_Template(rf, ctx) { if (rf & 1) {
+            ]), i0.ɵɵInputTransformsFeature, i0.ɵɵStandaloneFeature], decls: 5, vars: 2, consts: [["data-analytics", "dr-cron-field_input-main", "aria-label", "Schedule", "placeholder", "Select...", 3, "id", "ngModel", "drPopover", "drPopoverPosition", "disabled", "readonly", "click", "ngModelChange", 4, "ngIf", "ngIfElse"], ["recurrencePopover", ""], ["cronConfiguration", ""], ["data-analytics", "dr-cron-field_input-main", "aria-label", "Schedule", "placeholder", "Select...", 3, "id", "ngModel", "drPopover", "drPopoverPosition", "disabled", "readonly", "click", "ngModelChange"], ["prefixIcon", "", 1, "dr-icon-date"], ["suffixIcon", "", 1, "dr-icon-arrow-down"], [1, "recurrence-popup"], [1, "recurrence-popup__body"], [3, "ngTemplateOutlet"], [1, "recurrence-popup__footer"], ["data-analytics", "dr-cron-field_button-cancel", "theme", "secondary", 3, "click"], ["data-analytics", "dr-cron-field_button-save", 3, "click"], ["quarterConfig", ""], ["hourConfig", ""], ["weekConfig", ""], ["dayOfMonthSelector", ""], ["yearMonthSelector", ""], [1, "cron-configuration"], ["data-analytics", "dr-cron-field_radio-group-period", "class", "cron-configuration__every", "name", "every", 3, "ngModel", "ngModelChange", 4, "ngIf"], ["class", "cron-configuration__advanced", 4, "ngIf"], [4, "ngIf"], ["data-analytics", "dr-cron-field_select-quarter-month", "aria-label", "Quarter month", "bindLabel", "label", "bindValue", "value", 1, "month-of-quarter", 3, "ngModel", "items", "ngModelChange"], ["data-analytics", "dr-cron-field_select-every-x-hours", "aria-label", "Hour interval", "bindLabel", "label", "bindValue", "value", 1, "day-of-month", 3, "ngModel", "items", "ngModelChange"], ["data-analytics", "dr-cron-field_select-day-of-week", "aria-label", "Day of week", "bindLabel", "label", "bindValue", "value", 1, "day-of-week", 3, "ngModel", "items", "ngModelChange"], ["data-analytics", "dr-cron-field_select-day-of-month", "aria-label", "Day of month", "bindLabel", "label", "bindValue", "value", 1, "day-of-month", 3, "ngModel", "items", "searchable", "ngModelChange"], ["data-analytics", "dr-cron-field_select-month", "aria-label", "Month", "bindLabel", "label", "bindValue", "value", 1, "month-of-year", 3, "ngModel", "items", "ngModelChange"], ["data-analytics", "dr-cron-field_radio-group-period", "name", "every", 1, "cron-configuration__every", 3, "ngModel", "ngModelChange"], ["data-analytics", "dr-cron-field_radio-button-0", 3, "value", 4, "ngFor", "ngForOf"], ["data-analytics", "dr-cron-field_radio-button-0", 3, "value"], [1, "cron-configuration__advanced"], [1, "cron-configuration__advanced-note"], [1, "cron-configuration__advanced-label"], ["data-analytics", "dr-cron-field_input-advanced", 3, "ngModel", "ngModelChange"], ["class", "cron-configuration__advanced-error", 4, "ngIf"], [1, "cron-configuration__advanced-error"], [4, "ngIf", "ngIfElse"], ["singleRowMode", ""], [1, "cron-configuration__section", "cron-configuration__row"], [3, "ngTemplateOutlet", 4, "ngIf"], ["class", "cron-configuration__section cron-configuration__row", 4, "ngIf"], [1, "cron-configuration__section", "cron-configuration__row", "cron-configuration__row--time"], [1, "time-prefix"], [3, "ngModel", "ngModelChange"], ["class", "cron-configuration__section", 4, "ngIf"], [1, "cron-configuration__section"], ["data-analytics", "dr-cron-field_input-hour", "aria-label", "Hour", "type", "number", 1, "hours-input", 3, "ngModel", "mask", "min", "max", "ngModelChange"], [1, "time-dots"], ["data-analytics", "dr-cron-field_input-minute", "aria-label", "Minute", "type", "number", 1, "minutes-input", 3, "ngModel", "mask", "min", "max", "ngModelChange"], ["data-analytics", "dr-cron-field_select-time-period", "aria-label", "Time period", 1, "time-period-selector", 3, "ngModel", "items", "ngModelChange"], ["data-analytics", "dr-cron-field_select-timezone", "aria-label", "Time zone", "bindLabel", "label", "bindValue", "value", 1, "gmt-offsets", 3, "ngModel", "items", "textView", "ngModelChange"], ["labelTemplate", ""]], template: function DrCronFieldComponent_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵtemplate(0, DrCronFieldComponent_dr_input_0_Template, 3, 6, "dr-input", 0);
             i0.ɵɵtemplate(1, DrCronFieldComponent_ng_template_1_Template, 8, 1, "ng-template", null, 1, i0.ɵɵtemplateRefExtractor);
-            i0.ɵɵtemplate(3, DrCronFieldComponent_ng_template_3_Template, 15, 5, "ng-template", null, 2, i0.ɵɵtemplateRefExtractor);
+            i0.ɵɵtemplate(3, DrCronFieldComponent_ng_template_3_Template, 14, 5, "ng-template", null, 2, i0.ɵɵtemplateRefExtractor);
         } if (rf & 2) {
             const _r3 = i0.ɵɵreference(4);
             i0.ɵɵproperty("ngIf", !ctx.flatMode)("ngIfElse", _r3);
-        } }, dependencies: [CommonModule, i1.NgForOf, i1.NgIf, i1.NgTemplateOutlet, FormsModule, i2.NgControlStatus, i2.NgModel, DrTooltipModule, DrInputsModule, DrButtonComponent, RadioButtonComponent, RadioGroupComponent, DrInputComponent, DrSelectComponent, DrPopoverModule, DrPopoverDirective, TimePickerComponent], styles: ["[_nghost-%COMP%]   dr-input[_ngcontent-%COMP%] , [_nghost-%COMP%]   dr-input[_ngcontent-%COMP%]  input{cursor:pointer;text-overflow:ellipsis}.recurrence-popup__body[_ngcontent-%COMP%]{display:flex;flex-direction:column;flex-grow:1;padding:16px 32px}.recurrence-popup__footer[_ngcontent-%COMP%]{display:flex;align-items:center;padding:8px 16px;border-top:1px solid #dfe0e3;justify-content:flex-end}.recurrence-popup__footer[_ngcontent-%COMP%]   dr-button[_ngcontent-%COMP%]{margin-left:12px}.cron-configuration[_ngcontent-%COMP%]{display:flex;flex-direction:column;width:640px;height:auto;font-size:14px;line-height:24px;font-weight:400}.cron-configuration__every[_ngcontent-%COMP%]{display:flex;align-items:center;width:100%;margin:16px 0;gap:24px}.cron-configuration__section[_ngcontent-%COMP%]{display:flex;align-items:center;flex-wrap:nowrap;margin-bottom:8px}.cron-configuration__section[_ngcontent-%COMP%]   span[_ngcontent-%COMP%]{flex-shrink:0}.cron-configuration[_ngcontent-%COMP%]   .month-of-quarter[_ngcontent-%COMP%]{width:65px;flex-shrink:0;margin:0 8px}.cron-configuration[_ngcontent-%COMP%]   .day-of-week[_ngcontent-%COMP%]{width:132px;flex-shrink:0;margin:0 8px}.cron-configuration[_ngcontent-%COMP%]   .month-of-year[_ngcontent-%COMP%]{width:125px;flex-shrink:0;margin:0 0 0 8px}.cron-configuration[_ngcontent-%COMP%]   .day-of-month[_ngcontent-%COMP%]{width:75px;flex-shrink:0;margin:0 8px}.cron-configuration[_ngcontent-%COMP%]   .hours-input[_ngcontent-%COMP%]{width:62px;flex-shrink:0;margin-left:8px}.cron-configuration[_ngcontent-%COMP%]   .minutes-input[_ngcontent-%COMP%]{width:62px;flex-shrink:0}.cron-configuration[_ngcontent-%COMP%]   .time-period-selector[_ngcontent-%COMP%]{width:64px;flex-shrink:0;margin-left:8px}.cron-configuration[_ngcontent-%COMP%]   .time-prefix[_ngcontent-%COMP%]{margin-left:4px}.cron-configuration[_ngcontent-%COMP%]   .time-dots[_ngcontent-%COMP%]{margin:0 4px}.cron-configuration[_ngcontent-%COMP%]   .gmt-offsets[_ngcontent-%COMP%]{margin-left:16px}.cron-configuration--multi-row[_ngcontent-%COMP%]{width:auto}.cron-configuration--multi-row[_ngcontent-%COMP%]   .cron-configuration__row[_ngcontent-%COMP%]{display:flex;align-items:center;gap:8px}.cron-configuration--multi-row[_ngcontent-%COMP%]   .cron-configuration__row--time[_ngcontent-%COMP%]{margin-top:8px}.cron-configuration--multi-row[_ngcontent-%COMP%]   .time-prefix[_ngcontent-%COMP%]{margin-left:0}"], changeDetection: 0 }); }
+        } }, dependencies: [CommonModule, i1.NgForOf, i1.NgIf, i1.NgTemplateOutlet, FormsModule, i2.NgControlStatus, i2.NgModel, DrTooltipModule, DrInputsModule, DrButtonComponent, RadioButtonComponent, RadioGroupComponent, DrInputComponent, DrSelectComponent, DrPopoverModule, DrPopoverDirective, TimePickerComponent], styles: ["[_nghost-%COMP%]   dr-input[_ngcontent-%COMP%] , [_nghost-%COMP%]   dr-input[_ngcontent-%COMP%]  input{cursor:pointer;text-overflow:ellipsis}.recurrence-popup__body[_ngcontent-%COMP%]{display:flex;flex-direction:column;flex-grow:1;padding:16px 32px}.recurrence-popup__footer[_ngcontent-%COMP%]{display:flex;align-items:center;padding:8px 16px;border-top:1px solid #dfe0e3;justify-content:flex-end}.recurrence-popup__footer[_ngcontent-%COMP%]   dr-button[_ngcontent-%COMP%]{margin-left:12px}.cron-configuration[_ngcontent-%COMP%]{display:flex;flex-direction:column;width:640px;height:auto;font-size:14px;line-height:24px;font-weight:400}.cron-configuration__every[_ngcontent-%COMP%]{display:flex;align-items:center;width:100%;margin:16px 0;gap:24px}.cron-configuration__section[_ngcontent-%COMP%]{display:flex;align-items:center;flex-wrap:nowrap;margin-bottom:8px}.cron-configuration__section[_ngcontent-%COMP%]   span[_ngcontent-%COMP%]{flex-shrink:0}.cron-configuration[_ngcontent-%COMP%]   .month-of-quarter[_ngcontent-%COMP%]{width:65px;flex-shrink:0;margin:0 8px}.cron-configuration[_ngcontent-%COMP%]   .day-of-week[_ngcontent-%COMP%]{width:132px;flex-shrink:0;margin:0 8px}.cron-configuration[_ngcontent-%COMP%]   .month-of-year[_ngcontent-%COMP%]{width:125px;flex-shrink:0;margin:0 0 0 8px}.cron-configuration[_ngcontent-%COMP%]   .day-of-month[_ngcontent-%COMP%]{width:75px;flex-shrink:0;margin:0 8px}.cron-configuration[_ngcontent-%COMP%]   .hours-input[_ngcontent-%COMP%]{width:62px;flex-shrink:0;margin-left:8px}.cron-configuration[_ngcontent-%COMP%]   .minutes-input[_ngcontent-%COMP%]{width:62px;flex-shrink:0}.cron-configuration[_ngcontent-%COMP%]   .time-period-selector[_ngcontent-%COMP%]{width:64px;flex-shrink:0;margin-left:8px}.cron-configuration[_ngcontent-%COMP%]   .time-prefix[_ngcontent-%COMP%]{margin-left:4px}.cron-configuration[_ngcontent-%COMP%]   .time-dots[_ngcontent-%COMP%]{margin:0 4px}.cron-configuration[_ngcontent-%COMP%]   .gmt-offsets[_ngcontent-%COMP%]{margin-left:16px}.cron-configuration__advanced[_ngcontent-%COMP%]{display:flex;flex-direction:column;gap:8px;margin-bottom:16px}.cron-configuration__advanced[_ngcontent-%COMP%]   dr-input[_ngcontent-%COMP%]  input{cursor:text}.cron-configuration__advanced-error[_ngcontent-%COMP%]{color:#bf1d30}.cron-configuration--multi-row[_ngcontent-%COMP%]{width:auto}.cron-configuration--multi-row[_ngcontent-%COMP%]   .cron-configuration__row[_ngcontent-%COMP%]{display:flex;align-items:center;gap:8px}.cron-configuration--multi-row[_ngcontent-%COMP%]   .cron-configuration__row--time[_ngcontent-%COMP%]{margin-top:8px}.cron-configuration--multi-row[_ngcontent-%COMP%]   .time-prefix[_ngcontent-%COMP%]{margin-left:0}"], changeDetection: 0 }); }
 }
 (function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(DrCronFieldComponent, [{
         type: Component,
@@ -17885,7 +17962,7 @@ class DrCronFieldComponent {
                         useExisting: forwardRef((() => DrCronFieldComponent)),
                         multi: true,
                     },
-                ], imports: [CommonModule, FormsModule, DrTooltipModule, DrInputsModule, DrPopoverModule, TimePickerComponent], changeDetection: ChangeDetectionStrategy.OnPush, template: "<dr-input\n    [id]=\"id\"\n    data-analytics=\"dr-cron-field_input-main\"\n    aria-label=\"Schedule\"\n    *ngIf=\"!flatMode; else cronConfiguration\"\n    placeholder=\"Select...\"\n    (click)=\"!disabled ? openPopover() : null\"\n    [(ngModel)]=\"visibleString\"\n    [drPopover]=\"!disabled ? recurrencePopover : null\"\n    [drPopoverPosition]=\"popoverPosition\"\n    [disabled]=\"disabled\"\n    [readonly]=\"true\">\n    <i class=\"dr-icon-date\" prefixIcon></i>\n    <i class=\"dr-icon-arrow-down\" suffixIcon></i>\n</dr-input>\n\n<ng-template #recurrencePopover let-closePopover=\"closePopover\">\n    <div class=\"recurrence-popup\">\n        <div class=\"recurrence-popup__body\">\n            <ng-container [ngTemplateOutlet]=\"cronConfiguration\"></ng-container>\n        </div>\n        <div class=\"recurrence-popup__footer\">\n            <dr-button data-analytics=\"dr-cron-field_button-cancel\" theme=\"secondary\" (click)=\"closePopover()\">Cancel</dr-button>\n            <dr-button data-analytics=\"dr-cron-field_button-save\" (click)=\"update(); closePopover()\">Save</dr-button>\n        </div>\n    </div>\n</ng-template>\n\n<ng-template #cronConfiguration>\n    <ng-template #quarterConfig>\n        <span>Repeat every quarter on</span>\n        <dr-select\n            data-analytics=\"dr-cron-field_select-quarter-month\"\n            aria-label=\"Quarter month\"\n            [(ngModel)]=\"cronModel.month\"\n            (ngModelChange)=\"onSelectionChange()\"\n            [items]=\"MONTH_OF_QUARTER_ARRAY\"\n            bindLabel=\"label\"\n            bindValue=\"value\"\n            class=\"month-of-quarter\"></dr-select>\n        <span>month of the quarter</span>\n    </ng-template>\n\n    <ng-template #hourConfig>\n        <span>Repeat every</span>\n        <dr-select\n            data-analytics=\"dr-cron-field_select-every-x-hours\"\n            aria-label=\"Hour interval\"\n            [(ngModel)]=\"cronModel.everyXHours\"\n            (ngModelChange)=\"onSelectionChange()\"\n            [items]=\"HOURS_DIVISIBLE_INTO_DAY\"\n            bindLabel=\"label\"\n            bindValue=\"value\"\n            class=\"day-of-month\">\n        </dr-select>\n        <span>hour(s)</span>\n    </ng-template>\n\n    <ng-template #weekConfig>\n        <span>Repeat every</span>\n        <dr-select\n            data-analytics=\"dr-cron-field_select-day-of-week\"\n            aria-label=\"Day of week\"\n            [(ngModel)]=\"cronModel.dayOfWeek\"\n            (ngModelChange)=\"onSelectionChange()\"\n            [items]=\"DAY_OF_WEEK_ARRAY\"\n            bindLabel=\"label\"\n            bindValue=\"value\"\n            class=\"day-of-week\">\n        </dr-select>\n    </ng-template>\n\n    <ng-template #dayOfMonthSelector>\n        <dr-select\n            data-analytics=\"dr-cron-field_select-day-of-month\"\n            aria-label=\"Day of month\"\n            [(ngModel)]=\"cronModel.dayOfMonth\"\n            (ngModelChange)=\"onSelectionChange()\"\n            [items]=\"DAY_OF_MONTH_ARRAY\"\n            [searchable]=\"true\"\n            bindLabel=\"label\"\n            bindValue=\"value\"\n            class=\"day-of-month\">\n        </dr-select>\n    </ng-template>\n\n    <ng-template #yearMonthSelector>\n        <span>Repeat every</span>\n        <dr-select\n            data-analytics=\"dr-cron-field_select-month\"\n            aria-label=\"Month\"\n            [(ngModel)]=\"cronModel.month\"\n            (ngModelChange)=\"onSelectionChange()\"\n            [items]=\"MONTH_OF_YEAR_ARRAY\"\n            bindLabel=\"label\"\n            bindValue=\"value\"\n            class=\"month-of-year\">\n        </dr-select>\n    </ng-template>\n\n    <div class=\"cron-configuration\" [class.cron-configuration--multi-row]=\"multiRowMode\">\n        <dr-radio-group\n            data-analytics=\"dr-cron-field_radio-group-period\"\n            *ngIf=\"!hidePeriodSelector\"\n            class=\"cron-configuration__every\"\n            [(ngModel)]=\"cronModel.every\"\n            (ngModelChange)=\"onEveryChange($event)\"\n            name=\"every\">\n            <dr-radio-button\n                *ngFor=\"let option of cronEditorPeriodArray\"\n                [value]=\"option.value\"\n                [attr.data-analytics]=\"'dr-cron-field_radio-button-' + option.value\">\n                {{ option.label }}\n            </dr-radio-button>\n        </dr-radio-group>\n\n        <ng-container *ngIf=\"multiRowMode; else singleRowMode\">\n            <div class=\"cron-configuration__section cron-configuration__row\">\n                <ng-container\n                    *ngIf=\"cronModel.every === cronEditorPeriod.QUARTER\"\n                    [ngTemplateOutlet]=\"quarterConfig\"></ng-container>\n                <span *ngIf=\"cronModel.every === cronEditorPeriod.DAY\">Repeat every day</span>\n                <ng-container *ngIf=\"cronModel.every === cronEditorPeriod.HOUR\" [ngTemplateOutlet]=\"hourConfig\"></ng-container>\n                <ng-container *ngIf=\"cronModel.every === cronEditorPeriod.WEEK\" [ngTemplateOutlet]=\"weekConfig\"></ng-container>\n                <ng-container *ngIf=\"cronModel.every === cronEditorPeriod.YEAR\">\n                    <ng-container [ngTemplateOutlet]=\"yearMonthSelector\"></ng-container>\n                    <ng-container [ngTemplateOutlet]=\"dayOfMonthSelector\"></ng-container>\n                </ng-container>\n\n                <ng-container *ngIf=\"cronModel.every === cronEditorPeriod.MONTH\">\n                    <span>Repeat on</span>\n                    <ng-container [ngTemplateOutlet]=\"dayOfMonthSelector\"></ng-container>\n                    <span>day of every month</span>\n                </ng-container>\n            </div>\n\n            <div class=\"cron-configuration__section cron-configuration__row\" *ngIf=\"cronModel.every === cronEditorPeriod.QUARTER\">\n                <span>on</span>\n                <ng-container [ngTemplateOutlet]=\"dayOfMonthSelector\"></ng-container>\n                <span>day of the month</span>\n            </div>\n\n            <div class=\"cron-configuration__section cron-configuration__row cron-configuration__row--time\">\n                <span class=\"time-prefix\">at</span>\n                <dr-time-picker [ngModel]=\"cronModel\" (ngModelChange)=\"onTimePickerChange($event)\"> </dr-time-picker>\n            </div>\n        </ng-container>\n\n        <ng-template #singleRowMode>\n            <div *ngIf=\"cronModel.every === cronEditorPeriod.QUARTER\" class=\"cron-configuration__section\">\n                <ng-container [ngTemplateOutlet]=\"quarterConfig\"></ng-container>\n            </div>\n            <div class=\"cron-configuration__section\">\n                <span *ngIf=\"cronModel.every === cronEditorPeriod.DAY\"> Repeat every day </span>\n                <ng-container *ngIf=\"cronModel.every === cronEditorPeriod.HOUR\" [ngTemplateOutlet]=\"hourConfig\"></ng-container>\n                <ng-container *ngIf=\"cronModel.every === cronEditorPeriod.WEEK\" [ngTemplateOutlet]=\"weekConfig\"></ng-container>\n\n                <ng-container\n                    *ngIf=\"\n                        cronModel.every !== cronEditorPeriod.WEEK &&\n                        cronModel.every !== cronEditorPeriod.HOUR &&\n                        cronModel.every !== cronEditorPeriod.DAY\n                    \">\n                    <span *ngIf=\"cronModel.every === cronEditorPeriod.MONTH\">Repeat on </span>\n                    <span *ngIf=\"cronModel.every === cronEditorPeriod.QUARTER\">on </span>\n                    <ng-container\n                        *ngIf=\"cronModel.every === cronEditorPeriod.YEAR\"\n                        [ngTemplateOutlet]=\"yearMonthSelector\"></ng-container>\n\n                    <ng-container [ngTemplateOutlet]=\"dayOfMonthSelector\"></ng-container>\n\n                    <span *ngIf=\"cronModel.every === cronEditorPeriod.MONTH\">day of every month </span>\n                    <span *ngIf=\"cronModel.every === cronEditorPeriod.QUARTER\">day of the month </span>\n                </ng-container>\n                <span class=\"time-prefix\">at</span>\n                <dr-input\n                    data-analytics=\"dr-cron-field_input-hour\"\n                    aria-label=\"Hour\"\n                    [(ngModel)]=\"cronModel.hour\"\n                    (ngModelChange)=\"onSelectionChange()\"\n                    [mask]=\"'00'\"\n                    [min]=\"1\"\n                    [max]=\"12\"\n                    type=\"number\"\n                    class=\"hours-input\">\n                </dr-input>\n                <span class=\"time-dots\">:</span>\n                <dr-input\n                    data-analytics=\"dr-cron-field_input-minute\"\n                    aria-label=\"Minute\"\n                    [(ngModel)]=\"cronModel.minute\"\n                    (ngModelChange)=\"onSelectionChange()\"\n                    [mask]=\"'00'\"\n                    [min]=\"0\"\n                    [max]=\"59\"\n                    type=\"number\"\n                    class=\"minutes-input\">\n                </dr-input>\n                <dr-select\n                    data-analytics=\"dr-cron-field_select-time-period\"\n                    aria-label=\"Time period\"\n                    [(ngModel)]=\"cronModel.timePeriod\"\n                    (ngModelChange)=\"onSelectionChange()\"\n                    [items]=\"CRON_TIME_PERIOD_ARRAY\"\n                    class=\"time-period-selector\"></dr-select>\n                <dr-select\n                    data-analytics=\"dr-cron-field_select-timezone\"\n                    aria-label=\"Time zone\"\n                    [(ngModel)]=\"cronModel.timeZone\"\n                    (ngModelChange)=\"onSelectionChange()\"\n                    [items]=\"GMT_OFFSETS\"\n                    [textView]=\"true\"\n                    bindLabel=\"label\"\n                    bindValue=\"value\"\n                    class=\"gmt-offsets\">\n                    <ng-template #labelTemplate let-item=\"item\">\n                        {{ LOCAL_TIME_ZONE_OFFSET !== cronModel.timeZone ? item.label : 'Local Time' }}\n                    </ng-template>\n                </dr-select>\n            </div>\n        </ng-template>\n    </div>\n</ng-template>\n", styles: [":host dr-input::ng-deep,:host dr-input::ng-deep input{cursor:pointer;text-overflow:ellipsis}.recurrence-popup__body{display:flex;flex-direction:column;flex-grow:1;padding:16px 32px}.recurrence-popup__footer{display:flex;align-items:center;padding:8px 16px;border-top:1px solid #dfe0e3;justify-content:flex-end}.recurrence-popup__footer dr-button{margin-left:12px}.cron-configuration{display:flex;flex-direction:column;width:640px;height:auto;font-size:14px;line-height:24px;font-weight:400}.cron-configuration__every{display:flex;align-items:center;width:100%;margin:16px 0;gap:24px}.cron-configuration__section{display:flex;align-items:center;flex-wrap:nowrap;margin-bottom:8px}.cron-configuration__section span{flex-shrink:0}.cron-configuration .month-of-quarter{width:65px;flex-shrink:0;margin:0 8px}.cron-configuration .day-of-week{width:132px;flex-shrink:0;margin:0 8px}.cron-configuration .month-of-year{width:125px;flex-shrink:0;margin:0 0 0 8px}.cron-configuration .day-of-month{width:75px;flex-shrink:0;margin:0 8px}.cron-configuration .hours-input{width:62px;flex-shrink:0;margin-left:8px}.cron-configuration .minutes-input{width:62px;flex-shrink:0}.cron-configuration .time-period-selector{width:64px;flex-shrink:0;margin-left:8px}.cron-configuration .time-prefix{margin-left:4px}.cron-configuration .time-dots{margin:0 4px}.cron-configuration .gmt-offsets{margin-left:16px}.cron-configuration--multi-row{width:auto}.cron-configuration--multi-row .cron-configuration__row{display:flex;align-items:center;gap:8px}.cron-configuration--multi-row .cron-configuration__row--time{margin-top:8px}.cron-configuration--multi-row .time-prefix{margin-left:0}\n"] }]
+                ], imports: [CommonModule, FormsModule, DrTooltipModule, DrInputsModule, DrPopoverModule, TimePickerComponent], changeDetection: ChangeDetectionStrategy.OnPush, template: "<dr-input\n    [id]=\"id\"\n    data-analytics=\"dr-cron-field_input-main\"\n    aria-label=\"Schedule\"\n    *ngIf=\"!flatMode; else cronConfiguration\"\n    placeholder=\"Select...\"\n    (click)=\"!disabled ? openPopover() : null\"\n    [(ngModel)]=\"visibleString\"\n    [drPopover]=\"!disabled ? recurrencePopover : null\"\n    [drPopoverPosition]=\"popoverPosition\"\n    [disabled]=\"disabled\"\n    [readonly]=\"true\">\n    <i class=\"dr-icon-date\" prefixIcon></i>\n    <i class=\"dr-icon-arrow-down\" suffixIcon></i>\n</dr-input>\n\n<ng-template #recurrencePopover let-closePopover=\"closePopover\">\n    <div class=\"recurrence-popup\">\n        <div class=\"recurrence-popup__body\">\n            <ng-container [ngTemplateOutlet]=\"cronConfiguration\"></ng-container>\n        </div>\n        <div class=\"recurrence-popup__footer\">\n            <dr-button data-analytics=\"dr-cron-field_button-cancel\" theme=\"secondary\" (click)=\"closePopover()\">Cancel</dr-button>\n            <dr-button data-analytics=\"dr-cron-field_button-save\" (click)=\"update(); closePopover()\">Save</dr-button>\n        </div>\n    </div>\n</ng-template>\n\n<ng-template #cronConfiguration>\n    <ng-template #quarterConfig>\n        <span>Repeat every quarter on</span>\n        <dr-select\n            data-analytics=\"dr-cron-field_select-quarter-month\"\n            aria-label=\"Quarter month\"\n            [(ngModel)]=\"cronModel.month\"\n            (ngModelChange)=\"onSelectionChange()\"\n            [items]=\"MONTH_OF_QUARTER_ARRAY\"\n            bindLabel=\"label\"\n            bindValue=\"value\"\n            class=\"month-of-quarter\"></dr-select>\n        <span>month of the quarter</span>\n    </ng-template>\n\n    <ng-template #hourConfig>\n        <span>Repeat every</span>\n        <dr-select\n            data-analytics=\"dr-cron-field_select-every-x-hours\"\n            aria-label=\"Hour interval\"\n            [(ngModel)]=\"cronModel.everyXHours\"\n            (ngModelChange)=\"onSelectionChange()\"\n            [items]=\"HOURS_DIVISIBLE_INTO_DAY\"\n            bindLabel=\"label\"\n            bindValue=\"value\"\n            class=\"day-of-month\">\n        </dr-select>\n        <span>hour(s)</span>\n    </ng-template>\n\n    <ng-template #weekConfig>\n        <span>Repeat every</span>\n        <dr-select\n            data-analytics=\"dr-cron-field_select-day-of-week\"\n            aria-label=\"Day of week\"\n            [(ngModel)]=\"cronModel.dayOfWeek\"\n            (ngModelChange)=\"onSelectionChange()\"\n            [items]=\"DAY_OF_WEEK_ARRAY\"\n            bindLabel=\"label\"\n            bindValue=\"value\"\n            class=\"day-of-week\">\n        </dr-select>\n    </ng-template>\n\n    <ng-template #dayOfMonthSelector>\n        <dr-select\n            data-analytics=\"dr-cron-field_select-day-of-month\"\n            aria-label=\"Day of month\"\n            [(ngModel)]=\"cronModel.dayOfMonth\"\n            (ngModelChange)=\"onSelectionChange()\"\n            [items]=\"DAY_OF_MONTH_ARRAY\"\n            [searchable]=\"true\"\n            bindLabel=\"label\"\n            bindValue=\"value\"\n            class=\"day-of-month\">\n        </dr-select>\n    </ng-template>\n\n    <ng-template #yearMonthSelector>\n        <span>Repeat every</span>\n        <dr-select\n            data-analytics=\"dr-cron-field_select-month\"\n            aria-label=\"Month\"\n            [(ngModel)]=\"cronModel.month\"\n            (ngModelChange)=\"onSelectionChange()\"\n            [items]=\"MONTH_OF_YEAR_ARRAY\"\n            bindLabel=\"label\"\n            bindValue=\"value\"\n            class=\"month-of-year\">\n        </dr-select>\n    </ng-template>\n\n    <div class=\"cron-configuration\" [class.cron-configuration--multi-row]=\"multiRowMode\">\n        <dr-radio-group\n            data-analytics=\"dr-cron-field_radio-group-period\"\n            *ngIf=\"!hidePeriodSelector\"\n            class=\"cron-configuration__every\"\n            [ngModel]=\"isAdvancedMode ? 'advanced' : cronModel.every\"\n            (ngModelChange)=\"onEveryChange($event)\"\n            name=\"every\">\n            <dr-radio-button\n                data-analytics=\"dr-cron-field_radio-button-0\"\n                *ngFor=\"let option of cronEditorPeriodArray\"\n                [value]=\"option.value\"\n                [attr.data-analytics]=\"'dr-cron-field_radio-button-' + option.value\">\n                {{ option.label }}\n            </dr-radio-button>\n        </dr-radio-group>\n        <div *ngIf=\"isAdvancedMode\" class=\"cron-configuration__advanced\">\n            <div class=\"cron-configuration__advanced-note\">\n                Use crontab to set custom time intervals for sync frequency, such as every two weeks at 10:05.\n            </div>\n            <div class=\"cron-configuration__advanced-label\">Enter your cron expression:</div>\n            <dr-input\n                data-analytics=\"dr-cron-field_input-advanced\"\n                [(ngModel)]=\"advancedCron\"\n                (ngModelChange)=\"onAdvancedChange()\">\n            </dr-input>\n            <div *ngIf=\"advancedError\" class=\"cron-configuration__advanced-error\">{{ advancedError }}</div>\n        </div>\n\n        <ng-container *ngIf=\"!isAdvancedMode\">\n            <ng-container *ngIf=\"multiRowMode; else singleRowMode\">\n                <div class=\"cron-configuration__section cron-configuration__row\">\n                    <ng-container\n                        *ngIf=\"cronModel.every === cronEditorPeriod.QUARTER\"\n                        [ngTemplateOutlet]=\"quarterConfig\"></ng-container>\n                    <span *ngIf=\"cronModel.every === cronEditorPeriod.DAY\">Repeat every day</span>\n                    <ng-container\n                        *ngIf=\"cronModel.every === cronEditorPeriod.HOUR\"\n                        [ngTemplateOutlet]=\"hourConfig\"></ng-container>\n                    <ng-container\n                        *ngIf=\"cronModel.every === cronEditorPeriod.WEEK\"\n                        [ngTemplateOutlet]=\"weekConfig\"></ng-container>\n                    <ng-container *ngIf=\"cronModel.every === cronEditorPeriod.YEAR\">\n                        <ng-container [ngTemplateOutlet]=\"yearMonthSelector\"></ng-container>\n                        <ng-container [ngTemplateOutlet]=\"dayOfMonthSelector\"></ng-container>\n                    </ng-container>\n\n                    <ng-container *ngIf=\"cronModel.every === cronEditorPeriod.MONTH\">\n                        <span>Repeat on</span>\n                        <ng-container [ngTemplateOutlet]=\"dayOfMonthSelector\"></ng-container>\n                        <span>day of every month</span>\n                    </ng-container>\n                </div>\n\n                <div\n                    class=\"cron-configuration__section cron-configuration__row\"\n                    *ngIf=\"cronModel.every === cronEditorPeriod.QUARTER\">\n                    <span>on</span>\n                    <ng-container [ngTemplateOutlet]=\"dayOfMonthSelector\"></ng-container>\n                    <span>day of the month</span>\n                </div>\n\n                <div class=\"cron-configuration__section cron-configuration__row cron-configuration__row--time\">\n                    <span class=\"time-prefix\">at</span>\n                    <dr-time-picker [ngModel]=\"cronModel\" (ngModelChange)=\"onTimePickerChange($event)\"> </dr-time-picker>\n                </div>\n            </ng-container>\n\n            <ng-template #singleRowMode>\n                <div *ngIf=\"cronModel.every === cronEditorPeriod.QUARTER\" class=\"cron-configuration__section\">\n                    <ng-container [ngTemplateOutlet]=\"quarterConfig\"></ng-container>\n                </div>\n                <div class=\"cron-configuration__section\">\n                    <span *ngIf=\"cronModel.every === cronEditorPeriod.DAY\"> Repeat every day </span>\n                    <ng-container\n                        *ngIf=\"cronModel.every === cronEditorPeriod.HOUR\"\n                        [ngTemplateOutlet]=\"hourConfig\"></ng-container>\n                    <ng-container\n                        *ngIf=\"cronModel.every === cronEditorPeriod.WEEK\"\n                        [ngTemplateOutlet]=\"weekConfig\"></ng-container>\n\n                    <ng-container\n                        *ngIf=\"\n                            cronModel.every !== cronEditorPeriod.WEEK &&\n                            cronModel.every !== cronEditorPeriod.HOUR &&\n                            cronModel.every !== cronEditorPeriod.DAY\n                        \">\n                        <span *ngIf=\"cronModel.every === cronEditorPeriod.MONTH\">Repeat on </span>\n                        <span *ngIf=\"cronModel.every === cronEditorPeriod.QUARTER\">on </span>\n                        <ng-container\n                            *ngIf=\"cronModel.every === cronEditorPeriod.YEAR\"\n                            [ngTemplateOutlet]=\"yearMonthSelector\"></ng-container>\n\n                        <ng-container [ngTemplateOutlet]=\"dayOfMonthSelector\"></ng-container>\n\n                        <span *ngIf=\"cronModel.every === cronEditorPeriod.MONTH\">day of every month </span>\n                        <span *ngIf=\"cronModel.every === cronEditorPeriod.QUARTER\">day of the month </span>\n                    </ng-container>\n                    <span class=\"time-prefix\">at</span>\n                    <dr-input\n                        data-analytics=\"dr-cron-field_input-hour\"\n                        aria-label=\"Hour\"\n                        [(ngModel)]=\"cronModel.hour\"\n                        (ngModelChange)=\"onSelectionChange()\"\n                        [mask]=\"'00'\"\n                        [min]=\"0\"\n                        [max]=\"12\"\n                        type=\"number\"\n                        class=\"hours-input\">\n                    </dr-input>\n                    <span class=\"time-dots\">:</span>\n                    <dr-input\n                        data-analytics=\"dr-cron-field_input-minute\"\n                        aria-label=\"Minute\"\n                        [(ngModel)]=\"cronModel.minute\"\n                        (ngModelChange)=\"onSelectionChange()\"\n                        [mask]=\"'00'\"\n                        [min]=\"0\"\n                        [max]=\"59\"\n                        type=\"number\"\n                        class=\"minutes-input\">\n                    </dr-input>\n                    <dr-select\n                        data-analytics=\"dr-cron-field_select-time-period\"\n                        aria-label=\"Time period\"\n                        [(ngModel)]=\"cronModel.timePeriod\"\n                        (ngModelChange)=\"onSelectionChange()\"\n                        [items]=\"CRON_TIME_PERIOD_ARRAY\"\n                        class=\"time-period-selector\"></dr-select>\n                    <dr-select\n                        data-analytics=\"dr-cron-field_select-timezone\"\n                        aria-label=\"Time zone\"\n                        [(ngModel)]=\"cronModel.timeZone\"\n                        (ngModelChange)=\"onSelectionChange()\"\n                        [items]=\"GMT_OFFSETS\"\n                        [textView]=\"true\"\n                        bindLabel=\"label\"\n                        bindValue=\"value\"\n                        class=\"gmt-offsets\">\n                        <ng-template #labelTemplate let-item=\"item\">\n                            {{ LOCAL_TIME_ZONE_OFFSET !== cronModel.timeZone ? item.label : 'Local Time' }}\n                        </ng-template>\n                    </dr-select>\n                </div>\n            </ng-template>\n        </ng-container>\n    </div>\n</ng-template>\n", styles: [":host dr-input::ng-deep,:host dr-input::ng-deep input{cursor:pointer;text-overflow:ellipsis}.recurrence-popup__body{display:flex;flex-direction:column;flex-grow:1;padding:16px 32px}.recurrence-popup__footer{display:flex;align-items:center;padding:8px 16px;border-top:1px solid #dfe0e3;justify-content:flex-end}.recurrence-popup__footer dr-button{margin-left:12px}.cron-configuration{display:flex;flex-direction:column;width:640px;height:auto;font-size:14px;line-height:24px;font-weight:400}.cron-configuration__every{display:flex;align-items:center;width:100%;margin:16px 0;gap:24px}.cron-configuration__section{display:flex;align-items:center;flex-wrap:nowrap;margin-bottom:8px}.cron-configuration__section span{flex-shrink:0}.cron-configuration .month-of-quarter{width:65px;flex-shrink:0;margin:0 8px}.cron-configuration .day-of-week{width:132px;flex-shrink:0;margin:0 8px}.cron-configuration .month-of-year{width:125px;flex-shrink:0;margin:0 0 0 8px}.cron-configuration .day-of-month{width:75px;flex-shrink:0;margin:0 8px}.cron-configuration .hours-input{width:62px;flex-shrink:0;margin-left:8px}.cron-configuration .minutes-input{width:62px;flex-shrink:0}.cron-configuration .time-period-selector{width:64px;flex-shrink:0;margin-left:8px}.cron-configuration .time-prefix{margin-left:4px}.cron-configuration .time-dots{margin:0 4px}.cron-configuration .gmt-offsets{margin-left:16px}.cron-configuration__advanced{display:flex;flex-direction:column;gap:8px;margin-bottom:16px}.cron-configuration__advanced dr-input::ng-deep input{cursor:text}.cron-configuration__advanced-error{color:#bf1d30}.cron-configuration--multi-row{width:auto}.cron-configuration--multi-row .cron-configuration__row{display:flex;align-items:center;gap:8px}.cron-configuration--multi-row .cron-configuration__row--time{margin-top:8px}.cron-configuration--multi-row .time-prefix{margin-left:0}\n"] }]
     }], function () { return [{ type: i0.ChangeDetectorRef }]; }, { id: [{
             type: Input
         }], hostId: [{
@@ -17911,6 +17988,11 @@ class DrCronFieldComponent {
         }], multiRowMode: [{
             type: Input,
             args: [{ transform: booleanAttribute }]
+        }], allowAdvanced: [{
+            type: Input,
+            args: [{ transform: booleanAttribute }]
+        }], validateCron: [{
+            type: Input
         }] }); })();
 
 class StepWizardDirective {