@datarailsshared/datarailsshared 1.6.412 → 1.6.414

package/fesm2022/datarailsshared-datarailsshared.mjs

@@ -17243,13 +17243,11 @@ const addOrdinalSuffix = (num) => {
     const v = num % 100;
     return num + (suffixes[(v - 20) % 10] || suffixes[v] || suffixes[0]);
 };
-const DAY_OF_MONTH_ARRAY = [
-    ...new Array(28).fill(null).map((_, i) => ({
-        label: addOrdinalSuffix(i + 1),
-        value: i + 1,
-    })),
-    { label: 'the last', value: 'L' },
-];
+const DAY_OF_MONTH_ARRAY = new Array(28).fill(null).map((v, i) => ({
+    label: addOrdinalSuffix(i + 1),
+    value: i + 1,
+}));
+const LAST_DAY_OF_MONTH = { label: 'the last', value: 'L' };
 class CronEditor {
     set value(value) {
         this.parseCronString(value);
@@ -17433,7 +17431,7 @@ function DrCronFieldComponent_dr_input_0_Template(rf, ctx) { if (rf & 1) {
 } if (rf & 2) {
     const ctx_r0 = i0.ɵɵnextContext();
     const _r1 = i0.ɵɵreference(2);
-    i0.ɵɵproperty("id", ctx_r0.id)("ngModel", ctx_r0.visibleString)("drPopover", !ctx_r0.disabled ? _r1 : null)("drPopoverPosition", ctx_r0.popoverPosition)("disabled", ctx_r0.disabled)("readonly", true);
+    i0.ɵɵproperty("id", ctx_r0.id)("ngModel", ctx_r0.visibleString)("drPopover", _r1)("drPopoverDisabled", ctx_r0.disabled)("drPopoverPosition", ctx_r0.popoverPosition)("disabled", ctx_r0.disabled)("readonly", true);
 } }
 function DrCronFieldComponent_ng_template_1_Template(rf, ctx) { if (rf & 1) {
     const _r10 = i0.ɵɵgetCurrentView();
@@ -17506,7 +17504,7 @@ function DrCronFieldComponent_ng_template_3_ng_template_6_Template(rf, ctx) { if
     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);
+    i0.ɵɵproperty("ngModel", ctx_r19.cronModel.dayOfMonth)("items", ctx_r19.daysOfMonth)("searchable", true);
 } }
 function DrCronFieldComponent_ng_template_3_ng_template_8_Template(rf, ctx) { if (rf & 1) {
     const _r38 = i0.ɵɵgetCurrentView();
@@ -17850,9 +17848,6 @@ function DrCronFieldComponent_ng_template_3_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵproperty("ngIf", !ctx_r4.isAdvancedMode);
 } }
 class DrCronFieldComponent {
-    get DAY_OF_MONTH_ARRAY() {
-        return this.allowLastDayOfMonth ? DAY_OF_MONTH_ARRAY : DAY_OF_MONTH_ARRAY.slice(0, -1);
-    }
     set value(value) {
         if (!value) {
             this.visibleString = '';
@@ -17892,6 +17887,7 @@ class DrCronFieldComponent {
         this.isAdvancedMode = false;
         this.advancedCron = '';
         this.advancedError = null;
+        this.daysOfMonth = DAY_OF_MONTH_ARRAY;
         this.onChange = () => { };
         this.onTouched = () => { };
     }
@@ -17906,6 +17902,9 @@ class DrCronFieldComponent {
         if (this.allowAdvanced) {
             this.cronEditorPeriodArray.push({ value: 'advanced', label: 'Advanced' });
         }
+        if (this.allowLastDayOfMonth) {
+            this.daysOfMonth = [...DAY_OF_MONTH_ARRAY, LAST_DAY_OF_MONTH];
+        }
     }
     registerOnChange(fn) {
         this.onChange = fn;
@@ -17990,14 +17989,14 @@ class DrCronFieldComponent {
                     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"], ["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, "hour-of-day", 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.ɵɵInputTransformsFeature, i0.ɵɵStandaloneFeature], decls: 5, vars: 2, consts: [["data-analytics", "dr-cron-field_input-main", "aria-label", "Schedule", "placeholder", "Select...", 3, "id", "ngModel", "drPopover", "drPopoverDisabled", "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", "drPopoverDisabled", "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, "hour-of-day", 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, 7, "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, 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%]   .hour-of-day[_ngcontent-%COMP%]{width:62px;flex-shrink:0;margin:0 8px}.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:92px;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 }); }
+        } }, 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%]   .hour-of-day[_ngcontent-%COMP%]{width:62px;flex-shrink:0;margin:0 8px}.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:97px;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,
@@ -18007,7 +18006,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=\"hour-of-day\">\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 .hour-of-day{width:62px;flex-shrink:0;margin:0 8px}.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:92px;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"] }]
+                ], 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]=\"recurrencePopover\"\n    [drPopoverDisabled]=\"disabled\"\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=\"hour-of-day\">\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]=\"daysOfMonth\"\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 .hour-of-day{width:62px;flex-shrink:0;margin:0 8px}.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:97px;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: [{
@@ -22418,5 +22417,5 @@ class EmojiPickerComponent {
  * Generated bundle index. Do not edit.
  */
 
-export { ALLOWED_PERIODS, ASSETS_URL, AbstractSingleGridComponent, AllCheckedPipe, AutofocusDirective, BadgeStatus, CHAT_MESSAGE_TYPE, CROP_IMAGE_MODES, CalendarView, CellActionComponent, CellBadgeStatusComponent, CellButtonComponent, CellCheckboxComponent, CellChildrenListComponent, CellCustomTemplateComponent, CellIconActionsComponent, CellIconTextEditComponent, CellLinkComponent, CellSelectComponent, CellSetAsDefaultComponent, CellSplitRowsComponent, CellToggleComponent, ChatMessage, ChatRole, CheckboxComponent, ClickOutsideDirective, ClickOutsideModule, CodeEditorHintWrapperComponent, Colors, CronEditor, CronEditorDefaultConfigByPeriod, CronEditorPeriod, CronTimePeriod, CustomDateAdapter, CustomDateFormat, DAY_OF_MONTH_ARRAY, DAY_OF_WEEK_ARRAY, DIALOG_BUTTON_LABEL, DIALOG_FIELD_TYPE, DIALOG_SIZE, DR_COLOR_ADDITIONAL_BLUE, DR_COLOR_ADDITIONAL_BRIGHT_GREEN, DR_COLOR_ADDITIONAL_BRIGHT_PINK, DR_COLOR_ADDITIONAL_BRIGHT_PURPLE, DR_COLOR_ADDITIONAL_COOL_LAGOON, DR_COLOR_ADDITIONAL_DARK_BLUE, DR_COLOR_ADDITIONAL_DARK_GREEN, DR_COLOR_ADDITIONAL_DEEP_MOCHA, DR_COLOR_ADDITIONAL_FRESH_LIME, DR_COLOR_ADDITIONAL_GRAPE, DR_COLOR_ADDITIONAL_HONEY, DR_COLOR_ADDITIONAL_LAVENDER, DR_COLOR_ADDITIONAL_LIGHT_BLUE, DR_COLOR_ADDITIONAL_LIGHT_PINK, DR_COLOR_ADDITIONAL_MEDIUM_GREEN, DR_COLOR_ADDITIONAL_MOUSE, DR_COLOR_ADDITIONAL_NAVY_BLUE, DR_COLOR_ADDITIONAL_ORANGE, DR_COLOR_ADDITIONAL_ROYAL_PURPLE, DR_COLOR_ADDITIONAL_SKY_BREEZE, DR_COLOR_ADDITIONAL_SOFT_CORAL, DR_COLOR_ADDITIONAL_SPACE, DR_COLOR_AI_BACKGROUND_MAIN_GRADIENT, DR_COLOR_AI_BACKGROUND_MAIN_HOVER_GRADIENT, DR_COLOR_AI_BACKGROUND_SECONDARY_HOVER_GRADIENT, DR_COLOR_AI_BORDER_SECONDARY_GRADIENT, DR_COLOR_AI_GRADIENT, DR_COLOR_AI_LIGHT_GRADIENT, DR_COLOR_AI_PURPLE_GRADIENT, DR_COLOR_BACKGROUND_DISABLED, DR_COLOR_BACKGROUND_HEADER, DR_COLOR_BACKGROUND_HOVER, DR_COLOR_BACKGROUND_MAIN, DR_COLOR_BACKGROUND_MAIN_HEADER, DR_COLOR_BACKGROUND_SECONDARY, DR_COLOR_BACKGROUND_SELECTED, DR_COLOR_BACKGROUND_STATUS_ERROR, DR_COLOR_BACKGROUND_STATUS_INFO, DR_COLOR_BACKGROUND_STATUS_PROGRESS, DR_COLOR_BACKGROUND_STATUS_REGULAR, DR_COLOR_BACKGROUND_STATUS_SUCCESS, DR_COLOR_BACKGROUND_STATUS_WARNING, DR_COLOR_BACKGROUND_WHITE, DR_COLOR_BADGE_BABY_BLUE, DR_COLOR_BADGE_BABY_PINK, DR_COLOR_BADGE_BRIGHT_GREEN, DR_COLOR_BADGE_LIGHT_PURPLE, DR_COLOR_BADGE_LIGHT_TURQUOISE, DR_COLOR_BADGE_MUTED_PLUM, DR_COLOR_BADGE_PALE_YELLOW, DR_COLOR_BADGE_PASTEL_OLIVE, DR_COLOR_BADGE_PEACH, DR_COLOR_BADGE_POWDER_BLUE_GREY, DR_COLOR_BADGE_PURPLE, DR_COLOR_BADGE_SOFT_CORAL, DR_COLOR_BADGE_STONE, DR_COLOR_BADGE_WATER, DR_COLOR_BORDER_ACTIVE, DR_COLOR_BORDER_DISABLED, DR_COLOR_BORDER_DIVIDER, DR_COLOR_BORDER_ERROR, DR_COLOR_BORDER_HOVER, DR_COLOR_BORDER_INPUT, DR_COLOR_GRAY, DR_COLOR_GRAY_DARK, DR_COLOR_GRAY_DARKER, DR_COLOR_GRAY_LIGHT, DR_COLOR_GRAY_MEDIUM_DARK, DR_COLOR_GRAY_MEDIUM_LIGHT, DR_COLOR_PINK, DR_COLOR_PINK_DARK, DR_COLOR_PINK_DARKER, DR_COLOR_PINK_LIGHT, DR_COLOR_PINK_LIGHTER, DR_COLOR_PINK_SUPER_LIGHT, DR_COLOR_PINK_ULTRA_LIGHTER, DR_COLOR_PRIMARY, DR_COLOR_PRIMARY_DARK, DR_COLOR_PRIMARY_DARKER, DR_COLOR_PRIMARY_GRADIENT, DR_COLOR_PRIMARY_LIGHT, DR_COLOR_PRIMARY_LIGHTER, DR_COLOR_PRIMARY_SUPER_LIGHT, DR_COLOR_PRIMARY_ULTRA_LIGHT, DR_COLOR_STATUS_ERROR, DR_COLOR_STATUS_INFO, DR_COLOR_STATUS_PROGRESS, DR_COLOR_STATUS_REGULAR, DR_COLOR_STATUS_SUCCESS, DR_COLOR_STATUS_WARNING, DR_COLOR_TEXT_ACTIVE, DR_COLOR_TEXT_DISABLED, DR_COLOR_TEXT_ERROR, DR_COLOR_TEXT_INFO, DR_COLOR_TEXT_MAIN, DR_COLOR_TEXT_SECONDARY, DR_COLOR_TEXT_SUCCESS, DR_COLOR_TEXT_WARNING, DR_COLOR_TEXT_WHITE, DR_COLOR_WATERMARKS_BLUE, DR_COLOR_WATERMARKS_DARK_GRAY, DR_COLOR_WATERMARKS_DARK_GREEN, DR_COLOR_WATERMARKS_DARK_PURPLE, DR_COLOR_WATERMARKS_GRAY, DR_COLOR_WATERMARKS_GREEN, DR_COLOR_WATERMARKS_MEDIUM_GREEN, DR_COLOR_WATERMARKS_MEDIUM_PURPLE, DR_COLOR_WATERMARKS_ORANGE, DR_COLOR_WATERMARKS_PINK, DR_COLOR_WATERMARKS_PURPLE, DR_COLOR_WATERMARKS_YELLOW, DR_COLOR_YELLOW, DR_COLOR_YELLOW_DARK, DR_COLOR_YELLOW_DARKER, DR_COLOR_YELLOW_LIGHT, DR_COLOR_YELLOW_LIGHTER, DR_COLOR_YELLOW_SUPER_LIGHT, DR_COLOR_YELLOW_ULTRA_LIGHT, DR_DRAWER_DATA, DR_DRAWER_DEFAULT_OPTIONS, DR_MODAL_DEFAULT_CONFIG, DR_SHINE_ANIMATION_CLASS, DataAnalyticsService, DateFromats, DatePickerPeriodPosition, DateTags, DateTimePickerComponent, Debounce, DefaultToastrComponent, DefaultTreeviewEventParser, DefaultTreeviewI18n, DialogModalWrapperComponent, DialogService, DialogWrapperComponent, DownlineTreeviewEventParser, DrAccordionComponent, DrAccordionItemBodyComponent, DrAccordionItemComponent, DrAccordionItemHeaderComponent, DrAccordionModule, DrAlertComponent, DrAlertModule, DrAlertTheme, DrAvatarComponent, DrAvatarModule, DrAvatarPipe, DrAvatarService, DrBadgeComponent, DrBadgeStatusComponent, DrBadgeStatusModule, DrButtonComponent, DrButtonLinkDirective, DrCardComponent, DrCardContentComponent, DrCardHeaderActionsComponent, DrCardHeaderComponent, DrCardModule, DrCardSubtitleComponent, DrCardTitleComponent, DrChatAlertComponent, DrChatComponent, DrChatCustomMessageDirective, DrChatDroppedFilesComponent, DrChatFormComponent, DrChatFormDropdownComponent, DrChatMessageComponent, DrChatMessageFileComponent, DrChatMessageTextComponent, DrChatModule, DrChatSuggestionsComponent, DrChipComponent, DrCodeEditorComponent, DrCodeEditorModule, DrCodemirrorComponent, DrConfirmModalComponent, DrCronFieldComponent, DrDatePickerComponent, DrDatePickerCustomHeaderComponent, DrDatePickerFormatDirective, DrDatePickerRangeComponent, DrDatePickerWithTimeframeComponent, DrDetailsListComponent, DrDetailsListModule, DrDialogModule, DrDividerComponent, DrDotFlashingComponent, DrDropdownChildDirective, DrDropdownComponent, DrDropdownDirective, DrDropdownItemComponent, DrDropdownItemShowPipe, DrDropdownModule, DrDropdownService, DrEmptyStateComponent, DrEmptyStateDescriptionDirective, DrEmptyStateMediaDirective, DrEmptyStateModule, DrEmptyStateTitleDirective, DrErrorComponent, DrErrorModule, DrFileUploadComponent, DrFileUploadImageTemplateComponent, DrFileUploadItemComponent, DrFiscalMonthCalendarHeaderComponent, DrFiscalMonthCalendarPickerComponent, DrGalleryComponent, DrGridColumnsFilterPopoverComponent, DrGridComponent, DrGridNoRowsComponent, DrGridPaginationComponent, DrGridToolbarComponent, DrImageCropperComponent, DrInputComponent, DrInputsModule, DrLayoutBodyComponent, DrLayoutComponent, DrLayoutHeaderComponent, DrLayoutModule, DrListOverflowComponent, DrModal, DrModalBodyDirective, DrModalCloseDirective, DrModalComponent, DrModalConfig, DrModalContainerComponent, DrModalFooterDirective, DrModalHeaderDirective, DrModalModule, DrModalRef, DrModalService, DrModalSubtitleDirective, DrModalTitleDirective, DrModelDebounceChangeDirective, DrPopoverAlignmentDimension, DrPopoverComponent, DrPopoverDirective, DrPopoverModule, DrPopoverRef, DrPopoverService, DrProgressBarComponent, DrSelectAddItemComponent, DrSelectComponent, DrSharedUtils, DrShineAnimationDirective, DrShowTimeframePipe, DrSliderComponent, DrSpinnerComponent, DrSpinnerDirective, DrSpinnerModule, DrStepperModule, DrSystemMessageComponent, DrTabComponent, DrTabsComponent, DrTabsModule, DrTagComponent, DrTagDateComponent, DrTagDayComponent, DrTagForecastComponent, DrTagListComponent, DrTagMonthComponent, DrTagQuarterComponent, DrTagWeekComponent, DrTagYearComponent, DrTagsAndScenarioComponent, DrTagsAndScenarioConstructorComponent, DrTagsConstructorComponent, DrToastrModule, DrToastrService, DrToggleButtonComponent, DrToggleComponent, DrTooltipDirective, DrTooltipModule, Drawer, DrawerConfig, DrawerContainer, DrawerModule, DrawerRef, DropdownInstanceService, ElementOverflowDirective, EmojiPickerComponent, FeedbackSentiment, FileUploadValidationService, FilterDropdownComponent, FilterPipe, FiscalMonthAdapter, ForecastTagService, GMT_OFFSETS, GRID_THEME_OPTIONS, GridDrEventType, GridSortDirections, HOURS_DIVISIBLE_INTO_DAY, ICodeEditorHintIcon, IMAGE_TYPES, ImgPipe, IndeterminatePipe, LOCAL_TIME_ZONE_OFFSET, LetContext, LetDirective, MONTH_OF_QUARTER_ARRAY, MONTH_OF_YEAR_ARRAY, OrderDownlineTreeviewEventParser, RadioButtonComponent, RadioGroupComponent, Scenario, ScenarioService, SearchPipe, SeparateTableColumnDirective, SeparateTableComponent, StepWizardDirective, StepperComponent, StepperWizardComponent, TagTypes, TagsConfigSubType, TagsConstructorService, TblHeaderComponent, TblToggleButtonHeaderComponent, TextOverflowComponent, Throttle, TimePickerComponent, TimeframeOption, ToastrStatus, ToastrStatusIcon, ToggleButtonMode, TooltipComponent, TooltipCustomComponent, TooltipDefaultComponent, TooltipInfoComponent, TooltipInfoIconTheme, TooltipInfoWidth, TooltipTheme, TrackByPropertyDirective, TreeviewComponent, TreeviewConfig, TreeviewEventParser, TreeviewHelper, TreeviewI18n, TreeviewItem, TreeviewModule, TreeviewPipe, TruncateTextDirective, addOrdinalSuffix, dateFormatToCronPeriod, fromPromise, getColumnSortingBySortType, getCronTypeAsPeriodLabel, getGMTLabel, getInitialQuarterArray, getQuarterStringByMonthInQuarter, getSortTypeByColumnSorting, getStartMonthInQuarter, gridSortArrayByLength, gridSortArrayWithSystem, gridSortDate, gridSortNumber, gridSortWithFormatter, gridSortWithSystem, gridSortWithSystemAndFormatter, gridSumAggregation, modalFormCheckbox, modalFormDatepicker, modalFormInput, modalFormSelect, withResult };
+export { ALLOWED_PERIODS, ASSETS_URL, AbstractSingleGridComponent, AllCheckedPipe, AutofocusDirective, BadgeStatus, CHAT_MESSAGE_TYPE, CROP_IMAGE_MODES, CalendarView, CellActionComponent, CellBadgeStatusComponent, CellButtonComponent, CellCheckboxComponent, CellChildrenListComponent, CellCustomTemplateComponent, CellIconActionsComponent, CellIconTextEditComponent, CellLinkComponent, CellSelectComponent, CellSetAsDefaultComponent, CellSplitRowsComponent, CellToggleComponent, ChatMessage, ChatRole, CheckboxComponent, ClickOutsideDirective, ClickOutsideModule, CodeEditorHintWrapperComponent, Colors, CronEditor, CronEditorDefaultConfigByPeriod, CronEditorPeriod, CronTimePeriod, CustomDateAdapter, CustomDateFormat, DAY_OF_MONTH_ARRAY, DAY_OF_WEEK_ARRAY, DIALOG_BUTTON_LABEL, DIALOG_FIELD_TYPE, DIALOG_SIZE, DR_COLOR_ADDITIONAL_BLUE, DR_COLOR_ADDITIONAL_BRIGHT_GREEN, DR_COLOR_ADDITIONAL_BRIGHT_PINK, DR_COLOR_ADDITIONAL_BRIGHT_PURPLE, DR_COLOR_ADDITIONAL_COOL_LAGOON, DR_COLOR_ADDITIONAL_DARK_BLUE, DR_COLOR_ADDITIONAL_DARK_GREEN, DR_COLOR_ADDITIONAL_DEEP_MOCHA, DR_COLOR_ADDITIONAL_FRESH_LIME, DR_COLOR_ADDITIONAL_GRAPE, DR_COLOR_ADDITIONAL_HONEY, DR_COLOR_ADDITIONAL_LAVENDER, DR_COLOR_ADDITIONAL_LIGHT_BLUE, DR_COLOR_ADDITIONAL_LIGHT_PINK, DR_COLOR_ADDITIONAL_MEDIUM_GREEN, DR_COLOR_ADDITIONAL_MOUSE, DR_COLOR_ADDITIONAL_NAVY_BLUE, DR_COLOR_ADDITIONAL_ORANGE, DR_COLOR_ADDITIONAL_ROYAL_PURPLE, DR_COLOR_ADDITIONAL_SKY_BREEZE, DR_COLOR_ADDITIONAL_SOFT_CORAL, DR_COLOR_ADDITIONAL_SPACE, DR_COLOR_AI_BACKGROUND_MAIN_GRADIENT, DR_COLOR_AI_BACKGROUND_MAIN_HOVER_GRADIENT, DR_COLOR_AI_BACKGROUND_SECONDARY_HOVER_GRADIENT, DR_COLOR_AI_BORDER_SECONDARY_GRADIENT, DR_COLOR_AI_GRADIENT, DR_COLOR_AI_LIGHT_GRADIENT, DR_COLOR_AI_PURPLE_GRADIENT, DR_COLOR_BACKGROUND_DISABLED, DR_COLOR_BACKGROUND_HEADER, DR_COLOR_BACKGROUND_HOVER, DR_COLOR_BACKGROUND_MAIN, DR_COLOR_BACKGROUND_MAIN_HEADER, DR_COLOR_BACKGROUND_SECONDARY, DR_COLOR_BACKGROUND_SELECTED, DR_COLOR_BACKGROUND_STATUS_ERROR, DR_COLOR_BACKGROUND_STATUS_INFO, DR_COLOR_BACKGROUND_STATUS_PROGRESS, DR_COLOR_BACKGROUND_STATUS_REGULAR, DR_COLOR_BACKGROUND_STATUS_SUCCESS, DR_COLOR_BACKGROUND_STATUS_WARNING, DR_COLOR_BACKGROUND_WHITE, DR_COLOR_BADGE_BABY_BLUE, DR_COLOR_BADGE_BABY_PINK, DR_COLOR_BADGE_BRIGHT_GREEN, DR_COLOR_BADGE_LIGHT_PURPLE, DR_COLOR_BADGE_LIGHT_TURQUOISE, DR_COLOR_BADGE_MUTED_PLUM, DR_COLOR_BADGE_PALE_YELLOW, DR_COLOR_BADGE_PASTEL_OLIVE, DR_COLOR_BADGE_PEACH, DR_COLOR_BADGE_POWDER_BLUE_GREY, DR_COLOR_BADGE_PURPLE, DR_COLOR_BADGE_SOFT_CORAL, DR_COLOR_BADGE_STONE, DR_COLOR_BADGE_WATER, DR_COLOR_BORDER_ACTIVE, DR_COLOR_BORDER_DISABLED, DR_COLOR_BORDER_DIVIDER, DR_COLOR_BORDER_ERROR, DR_COLOR_BORDER_HOVER, DR_COLOR_BORDER_INPUT, DR_COLOR_GRAY, DR_COLOR_GRAY_DARK, DR_COLOR_GRAY_DARKER, DR_COLOR_GRAY_LIGHT, DR_COLOR_GRAY_MEDIUM_DARK, DR_COLOR_GRAY_MEDIUM_LIGHT, DR_COLOR_PINK, DR_COLOR_PINK_DARK, DR_COLOR_PINK_DARKER, DR_COLOR_PINK_LIGHT, DR_COLOR_PINK_LIGHTER, DR_COLOR_PINK_SUPER_LIGHT, DR_COLOR_PINK_ULTRA_LIGHTER, DR_COLOR_PRIMARY, DR_COLOR_PRIMARY_DARK, DR_COLOR_PRIMARY_DARKER, DR_COLOR_PRIMARY_GRADIENT, DR_COLOR_PRIMARY_LIGHT, DR_COLOR_PRIMARY_LIGHTER, DR_COLOR_PRIMARY_SUPER_LIGHT, DR_COLOR_PRIMARY_ULTRA_LIGHT, DR_COLOR_STATUS_ERROR, DR_COLOR_STATUS_INFO, DR_COLOR_STATUS_PROGRESS, DR_COLOR_STATUS_REGULAR, DR_COLOR_STATUS_SUCCESS, DR_COLOR_STATUS_WARNING, DR_COLOR_TEXT_ACTIVE, DR_COLOR_TEXT_DISABLED, DR_COLOR_TEXT_ERROR, DR_COLOR_TEXT_INFO, DR_COLOR_TEXT_MAIN, DR_COLOR_TEXT_SECONDARY, DR_COLOR_TEXT_SUCCESS, DR_COLOR_TEXT_WARNING, DR_COLOR_TEXT_WHITE, DR_COLOR_WATERMARKS_BLUE, DR_COLOR_WATERMARKS_DARK_GRAY, DR_COLOR_WATERMARKS_DARK_GREEN, DR_COLOR_WATERMARKS_DARK_PURPLE, DR_COLOR_WATERMARKS_GRAY, DR_COLOR_WATERMARKS_GREEN, DR_COLOR_WATERMARKS_MEDIUM_GREEN, DR_COLOR_WATERMARKS_MEDIUM_PURPLE, DR_COLOR_WATERMARKS_ORANGE, DR_COLOR_WATERMARKS_PINK, DR_COLOR_WATERMARKS_PURPLE, DR_COLOR_WATERMARKS_YELLOW, DR_COLOR_YELLOW, DR_COLOR_YELLOW_DARK, DR_COLOR_YELLOW_DARKER, DR_COLOR_YELLOW_LIGHT, DR_COLOR_YELLOW_LIGHTER, DR_COLOR_YELLOW_SUPER_LIGHT, DR_COLOR_YELLOW_ULTRA_LIGHT, DR_DRAWER_DATA, DR_DRAWER_DEFAULT_OPTIONS, DR_MODAL_DEFAULT_CONFIG, DR_SHINE_ANIMATION_CLASS, DataAnalyticsService, DateFromats, DatePickerPeriodPosition, DateTags, DateTimePickerComponent, Debounce, DefaultToastrComponent, DefaultTreeviewEventParser, DefaultTreeviewI18n, DialogModalWrapperComponent, DialogService, DialogWrapperComponent, DownlineTreeviewEventParser, DrAccordionComponent, DrAccordionItemBodyComponent, DrAccordionItemComponent, DrAccordionItemHeaderComponent, DrAccordionModule, DrAlertComponent, DrAlertModule, DrAlertTheme, DrAvatarComponent, DrAvatarModule, DrAvatarPipe, DrAvatarService, DrBadgeComponent, DrBadgeStatusComponent, DrBadgeStatusModule, DrButtonComponent, DrButtonLinkDirective, DrCardComponent, DrCardContentComponent, DrCardHeaderActionsComponent, DrCardHeaderComponent, DrCardModule, DrCardSubtitleComponent, DrCardTitleComponent, DrChatAlertComponent, DrChatComponent, DrChatCustomMessageDirective, DrChatDroppedFilesComponent, DrChatFormComponent, DrChatFormDropdownComponent, DrChatMessageComponent, DrChatMessageFileComponent, DrChatMessageTextComponent, DrChatModule, DrChatSuggestionsComponent, DrChipComponent, DrCodeEditorComponent, DrCodeEditorModule, DrCodemirrorComponent, DrConfirmModalComponent, DrCronFieldComponent, DrDatePickerComponent, DrDatePickerCustomHeaderComponent, DrDatePickerFormatDirective, DrDatePickerRangeComponent, DrDatePickerWithTimeframeComponent, DrDetailsListComponent, DrDetailsListModule, DrDialogModule, DrDividerComponent, DrDotFlashingComponent, DrDropdownChildDirective, DrDropdownComponent, DrDropdownDirective, DrDropdownItemComponent, DrDropdownItemShowPipe, DrDropdownModule, DrDropdownService, DrEmptyStateComponent, DrEmptyStateDescriptionDirective, DrEmptyStateMediaDirective, DrEmptyStateModule, DrEmptyStateTitleDirective, DrErrorComponent, DrErrorModule, DrFileUploadComponent, DrFileUploadImageTemplateComponent, DrFileUploadItemComponent, DrFiscalMonthCalendarHeaderComponent, DrFiscalMonthCalendarPickerComponent, DrGalleryComponent, DrGridColumnsFilterPopoverComponent, DrGridComponent, DrGridNoRowsComponent, DrGridPaginationComponent, DrGridToolbarComponent, DrImageCropperComponent, DrInputComponent, DrInputsModule, DrLayoutBodyComponent, DrLayoutComponent, DrLayoutHeaderComponent, DrLayoutModule, DrListOverflowComponent, DrModal, DrModalBodyDirective, DrModalCloseDirective, DrModalComponent, DrModalConfig, DrModalContainerComponent, DrModalFooterDirective, DrModalHeaderDirective, DrModalModule, DrModalRef, DrModalService, DrModalSubtitleDirective, DrModalTitleDirective, DrModelDebounceChangeDirective, DrPopoverAlignmentDimension, DrPopoverComponent, DrPopoverDirective, DrPopoverModule, DrPopoverRef, DrPopoverService, DrProgressBarComponent, DrSelectAddItemComponent, DrSelectComponent, DrSharedUtils, DrShineAnimationDirective, DrShowTimeframePipe, DrSliderComponent, DrSpinnerComponent, DrSpinnerDirective, DrSpinnerModule, DrStepperModule, DrSystemMessageComponent, DrTabComponent, DrTabsComponent, DrTabsModule, DrTagComponent, DrTagDateComponent, DrTagDayComponent, DrTagForecastComponent, DrTagListComponent, DrTagMonthComponent, DrTagQuarterComponent, DrTagWeekComponent, DrTagYearComponent, DrTagsAndScenarioComponent, DrTagsAndScenarioConstructorComponent, DrTagsConstructorComponent, DrToastrModule, DrToastrService, DrToggleButtonComponent, DrToggleComponent, DrTooltipDirective, DrTooltipModule, Drawer, DrawerConfig, DrawerContainer, DrawerModule, DrawerRef, DropdownInstanceService, ElementOverflowDirective, EmojiPickerComponent, FeedbackSentiment, FileUploadValidationService, FilterDropdownComponent, FilterPipe, FiscalMonthAdapter, ForecastTagService, GMT_OFFSETS, GRID_THEME_OPTIONS, GridDrEventType, GridSortDirections, HOURS_DIVISIBLE_INTO_DAY, ICodeEditorHintIcon, IMAGE_TYPES, ImgPipe, IndeterminatePipe, LAST_DAY_OF_MONTH, LOCAL_TIME_ZONE_OFFSET, LetContext, LetDirective, MONTH_OF_QUARTER_ARRAY, MONTH_OF_YEAR_ARRAY, OrderDownlineTreeviewEventParser, RadioButtonComponent, RadioGroupComponent, Scenario, ScenarioService, SearchPipe, SeparateTableColumnDirective, SeparateTableComponent, StepWizardDirective, StepperComponent, StepperWizardComponent, TagTypes, TagsConfigSubType, TagsConstructorService, TblHeaderComponent, TblToggleButtonHeaderComponent, TextOverflowComponent, Throttle, TimePickerComponent, TimeframeOption, ToastrStatus, ToastrStatusIcon, ToggleButtonMode, TooltipComponent, TooltipCustomComponent, TooltipDefaultComponent, TooltipInfoComponent, TooltipInfoIconTheme, TooltipInfoWidth, TooltipTheme, TrackByPropertyDirective, TreeviewComponent, TreeviewConfig, TreeviewEventParser, TreeviewHelper, TreeviewI18n, TreeviewItem, TreeviewModule, TreeviewPipe, TruncateTextDirective, addOrdinalSuffix, dateFormatToCronPeriod, fromPromise, getColumnSortingBySortType, getCronTypeAsPeriodLabel, getGMTLabel, getInitialQuarterArray, getQuarterStringByMonthInQuarter, getSortTypeByColumnSorting, getStartMonthInQuarter, gridSortArrayByLength, gridSortArrayWithSystem, gridSortDate, gridSortNumber, gridSortWithFormatter, gridSortWithSystem, gridSortWithSystemAndFormatter, gridSumAggregation, modalFormCheckbox, modalFormDatepicker, modalFormInput, modalFormSelect, withResult };
 //# sourceMappingURL=datarailsshared-datarailsshared.mjs.map