@progress/kendo-angular-scheduler 17.0.0-develop.4 → 17.0.0-develop.40

package/{esm2020 → esm2022}/editing/recurrence/recurrence-editor.component.mjs

@@ -33,26 +33,9 @@ export const RECURRENCE_VALUE_ACCESSOR = {
  * Represents the Kendo UI Recurrence Editor component for Angular. [This example](slug:custom_reactive_editing_scheduler) demonstrates the Recurrence Editor, among other components.
  */
 export class RecurrenceEditorComponent {
-    constructor(recurrenceService, intl) {
-        this.recurrenceService = recurrenceService;
-        this.intl = intl;
-        this.cssClass = true;
-        /**
-         * Specifies the id of the timezone that will be used.
-         * @default 'Etc/UTC'
-         */
-        this.timezone = 'Etc/UTC';
-        /**
-         * Fires when the value of the component has changed.
-         */
-        this.valueChange = new EventEmitter();
-        this.onTouchedCallback = (_) => { };
-        this.onChangeCallback = (_) => { };
-        this.weekStart = this.intl.firstDay();
-        this.subscriptions = this.recurrenceService.change.subscribe((rrule) => {
-            this.emitChange(rrule);
-        });
-    }
+    recurrenceService;
+    intl;
+    cssClass = true;
     /**
      * Specifies the start date of the event.
      */
@@ -62,6 +45,46 @@ export class RecurrenceEditorComponent {
     get start() {
         return isPresent(this._start) ? this._start : getDate(new Date());
     }
+    /**
+     * Specifies the id of the timezone that will be used.
+     * @default 'Etc/UTC'
+     */
+    timezone = 'Etc/UTC';
+    /**
+     * The first day of the week. Defaults to the locale settings.
+     */
+    weekStart;
+    /**
+     * Specifies the options of the `Repeat Every` NumericTextBox component within the recurrence `interval` editor.
+     */
+    repeatEveryOptions;
+    /**
+     * Specifies the options of the `End After` NumericTextBox component within the recurrence `count` rule editor.
+     */
+    endAfterOptions;
+    /**
+     * Specifies the options of the `Repeat On` NumericTextBox component for choosing the day
+     * an event will occur on within the monthly and yearly sections of the recurrence editor.
+     */
+    repeatOnOptions;
+    /**
+     * Specifies the options of the `End On` DatePicker component within the recurrence `until` rule editor.
+     */
+    endOnOptions;
+    /**
+     * Fires when the value of the component has changed.
+     */
+    valueChange = new EventEmitter();
+    _start;
+    subscriptions;
+    constructor(recurrenceService, intl) {
+        this.recurrenceService = recurrenceService;
+        this.intl = intl;
+        this.weekStart = this.intl.firstDay();
+        this.subscriptions = this.recurrenceService.change.subscribe((rrule) => {
+            this.emitChange(rrule);
+        });
+    }
     /**
      * @hidden
      */
@@ -93,6 +116,8 @@ export class RecurrenceEditorComponent {
     writeValue(rrule) {
         this.recurrenceService.init(typeof rrule === 'string' ? rrule : '', this.start, this.timezone, this.weekStart);
     }
+    onTouchedCallback = (_) => { };
+    onChangeCallback = (_) => { };
     /**
      * @hidden
      */
@@ -109,21 +134,20 @@ export class RecurrenceEditorComponent {
         this.onChangeCallback(rrule);
         this.valueChange.emit(rrule);
     }
-}
-RecurrenceEditorComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: RecurrenceEditorComponent, deps: [{ token: i1.RecurrenceService }, { token: i2.IntlService }], target: i0.ɵɵFactoryTarget.Component });
-RecurrenceEditorComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: RecurrenceEditorComponent, isStandalone: true, selector: "kendo-recurrence-editor", inputs: { start: "start", timezone: "timezone", weekStart: "weekStart", repeatEveryOptions: "repeatEveryOptions", endAfterOptions: "endAfterOptions", repeatOnOptions: "repeatOnOptions", endOnOptions: "endOnOptions" }, outputs: { valueChange: "valueChange" }, host: { properties: { "class.k-recurrence-editor": "this.cssClass" } }, providers: [
-        RecurrenceLocalizationService,
-        {
-            provide: LocalizationService,
-            useExisting: RecurrenceLocalizationService
-        },
-        {
-            provide: L10N_PREFIX,
-            useValue: 'kendo.recurrenceeditor'
-        },
-        RECURRENCE_VALUE_ACCESSOR,
-        RecurrenceService
-    ], exportAs: ["kendoRecurrenceEditor"], usesOnChanges: true, ngImport: i0, template: `
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: RecurrenceEditorComponent, deps: [{ token: i1.RecurrenceService }, { token: i2.IntlService }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: RecurrenceEditorComponent, isStandalone: true, selector: "kendo-recurrence-editor", inputs: { start: "start", timezone: "timezone", weekStart: "weekStart", repeatEveryOptions: "repeatEveryOptions", endAfterOptions: "endAfterOptions", repeatOnOptions: "repeatOnOptions", endOnOptions: "endOnOptions" }, outputs: { valueChange: "valueChange" }, host: { properties: { "class.k-recurrence-editor": "this.cssClass" } }, providers: [
+            RecurrenceLocalizationService,
+            {
+                provide: LocalizationService,
+                useExisting: RecurrenceLocalizationService
+            },
+            {
+                provide: L10N_PREFIX,
+                useValue: 'kendo.recurrenceeditor'
+            },
+            RECURRENCE_VALUE_ACCESSOR,
+            RecurrenceService
+        ], exportAs: ["kendoRecurrenceEditor"], usesOnChanges: true, ngImport: i0, template: `
         <ng-container kendoRecurrenceEditorLocalizedMessages
             i18n-repeat="kendo.recurrenceeditor.repeat|The text similar to 'Repeat' displayed in the recurrence editor."
             repeat='Repeat'
@@ -262,7 +286,8 @@ RecurrenceEditorComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.
             </kendo-recurrence-end-rule-editor>
         </div>
     `, isInline: true, dependencies: [{ kind: "directive", type: RecurrenceEditorLocalizedMessagesDirective, selector: "[kendoRecurrenceEditorLocalizedMessages]" }, { kind: "component", type: RecurrenceFrequencyEditorComponent, selector: "kendo-recurrence-frequency-editor" }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: RecurrenceIntervalEditorComponent, selector: "kendo-recurrence-interval-editor", inputs: ["userNumericOptions"] }, { kind: "component", type: RecurrenceWeekdayRuleEditorComponent, selector: "kendo-recurrence-weekday-rule-editor" }, { kind: "component", type: RecurrenceMonthlyYearlyEditorComponent, selector: "kendo-recurrence-monthly-yearly-editor", inputs: ["userNumericOptions"] }, { kind: "component", type: RecurrenceEndRuleEditorComponent, selector: "kendo-recurrence-end-rule-editor", inputs: ["userNumericOptions", "userDatePickerOptions"] }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: RecurrenceEditorComponent, decorators: [{
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: RecurrenceEditorComponent, decorators: [{
             type: Component,
             args: [{
                     exportAs: 'kendoRecurrenceEditor',

package/{esm2020 → esm2022}/editing/recurrence/recurrence-end-rule-editor.component.mjs

@@ -19,35 +19,42 @@ import * as i2 from "@progress/kendo-angular-l10n";
  * @hidden
  */
 export class RecurrenceEndRuleEditorComponent {
+    recurrence;
+    localization;
+    cssClass = true;
+    set userNumericOptions(options) {
+        this.numericOptions = { ...this.numericOptions, ...options };
+    }
+    set userDatePickerOptions(options) {
+        this.datePickerOptions = { ...this.datePickerOptions, ...options };
+    }
+    endRuleRadioButtons;
+    countValue;
+    untilValue;
+    numericOptions = {
+        min: 1,
+        format: '#',
+        autoCorrect: true,
+        step: 1,
+        spinners: true
+    };
+    datePickerOptions = {
+        activeView: 'month',
+        bottomView: 'month',
+        topView: 'century',
+        disabledDatesValidation: true,
+        navigation: true,
+        format: 'd'
+    };
+    uniqueId;
+    subscriptions;
     constructor(recurrence, localization) {
         this.recurrence = recurrence;
         this.localization = localization;
-        this.cssClass = true;
-        this.numericOptions = {
-            min: 1,
-            format: '#',
-            autoCorrect: true,
-            step: 1,
-            spinners: true
-        };
-        this.datePickerOptions = {
-            activeView: 'month',
-            bottomView: 'month',
-            topView: 'century',
-            disabledDatesValidation: true,
-            navigation: true,
-            format: 'd'
-        };
         this.uniqueId = this.recurrence.getUniqueId();
         this.setInitialValues();
         this.subscribeChanges();
     }
-    set userNumericOptions(options) {
-        this.numericOptions = { ...this.numericOptions, ...options };
-    }
-    set userDatePickerOptions(options) {
-        this.datePickerOptions = { ...this.datePickerOptions, ...options };
-    }
     ngOnDestroy() {
         if (this.subscriptions) {
             this.subscriptions.unsubscribe();
@@ -123,9 +130,8 @@ export class RecurrenceEndRuleEditorComponent {
         // Convert to the scheduler time zone.
         return ZonedDate.fromUTCDate(untilDate, this.recurrence.timezone).toLocalDate();
     }
-}
-RecurrenceEndRuleEditorComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: RecurrenceEndRuleEditorComponent, deps: [{ token: i1.RecurrenceService }, { token: i2.LocalizationService }], target: i0.ɵɵFactoryTarget.Component });
-RecurrenceEndRuleEditorComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: RecurrenceEndRuleEditorComponent, isStandalone: true, selector: "kendo-recurrence-end-rule-editor", inputs: { userNumericOptions: "userNumericOptions", userDatePickerOptions: "userDatePickerOptions" }, host: { properties: { "class.k-scheduler-recurrence-end-rule-editor": "this.cssClass" } }, viewQueries: [{ propertyName: "endRuleRadioButtons", predicate: EndRuleRadioButtonDirective, descendants: true }], ngImport: i0, template: `
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: RecurrenceEndRuleEditorComponent, deps: [{ token: i1.RecurrenceService }, { token: i2.LocalizationService }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: RecurrenceEndRuleEditorComponent, isStandalone: true, selector: "kendo-recurrence-end-rule-editor", inputs: { userNumericOptions: "userNumericOptions", userDatePickerOptions: "userDatePickerOptions" }, host: { properties: { "class.k-scheduler-recurrence-end-rule-editor": "this.cssClass" } }, viewQueries: [{ propertyName: "endRuleRadioButtons", predicate: EndRuleRadioButtonDirective, descendants: true }], ngImport: i0, template: `
         <div class="k-form-field">
             <kendo-label
                 [text]="textFor('endLabel')"
@@ -215,7 +221,8 @@ RecurrenceEndRuleEditorComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion:
             </div>
         </div>
     `, isInline: true, dependencies: [{ kind: "component", type: LabelComponent, selector: "kendo-label", inputs: ["text", "for", "optional", "labelCssStyle", "labelCssClass"], exportAs: ["kendoLabel"] }, { kind: "directive", type: EndRuleRadioButtonDirective, selector: "[kendoRecurrenceEndRuleRadioButton]", inputs: ["kendoRecurrenceEndRuleRadioButton"] }, { kind: "directive", type: LabelDirective, selector: "label[for]", inputs: ["for", "labelClass"] }, { kind: "component", type: NumericTextBoxComponent, selector: "kendo-numerictextbox", inputs: ["focusableId", "disabled", "readonly", "title", "autoCorrect", "format", "max", "min", "decimals", "placeholder", "step", "spinners", "rangeValidation", "tabindex", "tabIndex", "changeValueOnScroll", "selectOnFocus", "value", "maxlength", "size", "rounded", "fillMode", "inputAttributes"], outputs: ["valueChange", "focus", "blur", "inputFocus", "inputBlur"], exportAs: ["kendoNumericTextBox"] }, { kind: "component", type: NumericTextBoxCustomMessagesComponent, selector: "kendo-numerictextbox-messages" }, { kind: "component", type: DatePickerComponent, selector: "kendo-datepicker", inputs: ["focusableId", "cellTemplate", "clearButton", "inputAttributes", "monthCellTemplate", "yearCellTemplate", "decadeCellTemplate", "centuryCellTemplate", "weekNumberTemplate", "headerTitleTemplate", "headerTemplate", "footerTemplate", "footer", "navigationItemTemplate", "weekDaysFormat", "showOtherMonthDays", "activeView", "bottomView", "topView", "calendarType", "animateCalendarNavigation", "disabled", "readonly", "readOnlyInput", "popupSettings", "navigation", "min", "max", "incompleteDateValidation", "autoCorrectParts", "autoSwitchParts", "autoSwitchKeys", "enableMouseWheel", "allowCaretMode", "autoFill", "focusedDate", "value", "format", "twoDigitYearMax", "formatPlaceholder", "placeholder", "tabindex", "tabIndex", "disabledDates", "title", "subtitle", "rangeValidation", "disabledDatesValidation", "weekNumber", "size", "rounded", "fillMode", "adaptiveMode"], outputs: ["valueChange", "focus", "blur", "open", "close", "escape"], exportAs: ["kendo-datepicker"] }, { kind: "component", type: DatePickerCustomMessagesComponent, selector: "kendo-datepicker-messages" }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: RecurrenceEndRuleEditorComponent, decorators: [{
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: RecurrenceEndRuleEditorComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'kendo-recurrence-end-rule-editor',

package/{esm2020 → esm2022}/editing/recurrence/recurrence-frequency-editor.component.mjs

@@ -15,6 +15,10 @@ import * as i2 from "@progress/kendo-angular-l10n";
  * @hidden
  */
 export class RecurrenceFrequencyEditorComponent {
+    recurrence;
+    localization;
+    weekDayButtons;
+    frequencies;
     constructor(recurrence, localization) {
         this.recurrence = recurrence;
         this.localization = localization;
@@ -39,9 +43,8 @@ export class RecurrenceFrequencyEditorComponent {
             selected.focus();
         }
     }
-}
-RecurrenceFrequencyEditorComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: RecurrenceFrequencyEditorComponent, deps: [{ token: i1.RecurrenceService }, { token: i2.LocalizationService }], target: i0.ɵɵFactoryTarget.Component });
-RecurrenceFrequencyEditorComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: RecurrenceFrequencyEditorComponent, isStandalone: true, selector: "kendo-recurrence-frequency-editor", viewQueries: [{ propertyName: "weekDayButtons", predicate: Button, descendants: true }], ngImport: i0, template: `
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: RecurrenceFrequencyEditorComponent, deps: [{ token: i1.RecurrenceService }, { token: i2.LocalizationService }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: RecurrenceFrequencyEditorComponent, isStandalone: true, selector: "kendo-recurrence-frequency-editor", viewQueries: [{ propertyName: "weekDayButtons", predicate: Button, descendants: true }], ngImport: i0, template: `
         <div class='k-form-field'>
             <kendo-label
                 [text]="textFor('repeat')"
@@ -62,8 +65,9 @@ RecurrenceFrequencyEditorComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersio
                 </kendo-buttongroup>
             </div>
         </div>
-    `, isInline: true, dependencies: [{ kind: "component", type: LabelComponent, selector: "kendo-label", inputs: ["text", "for", "optional", "labelCssStyle", "labelCssClass"], exportAs: ["kendoLabel"] }, { kind: "component", type: ButtonGroupComponent, selector: "kendo-buttongroup", inputs: ["disabled", "selection", "width", "tabIndex", "navigable"], outputs: ["navigate"], exportAs: ["kendoButtonGroup"] }, { kind: "directive", type: NgFor, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "component", type: ButtonComponent, selector: "button[kendoButton], span[kendoButton], kendo-button", inputs: ["arrowIcon", "toggleable", "togglable", "selected", "tabIndex", "imageUrl", "iconClass", "icon", "disabled", "size", "rounded", "fillMode", "themeColor", "svgIcon", "role", "primary", "look"], outputs: ["selectedChange", "click"], exportAs: ["kendoButton"] }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: RecurrenceFrequencyEditorComponent, decorators: [{
+    `, isInline: true, dependencies: [{ kind: "component", type: LabelComponent, selector: "kendo-label", inputs: ["text", "for", "optional", "labelCssStyle", "labelCssClass"], exportAs: ["kendoLabel"] }, { kind: "component", type: ButtonGroupComponent, selector: "kendo-buttongroup", inputs: ["disabled", "selection", "width", "tabIndex", "navigable"], outputs: ["navigate"], exportAs: ["kendoButtonGroup"] }, { kind: "directive", type: NgFor, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "component", type: ButtonComponent, selector: "button[kendoButton]", inputs: ["arrowIcon", "toggleable", "togglable", "selected", "tabIndex", "imageUrl", "iconClass", "icon", "disabled", "size", "rounded", "fillMode", "themeColor", "svgIcon", "primary", "look"], outputs: ["selectedChange", "click"], exportAs: ["kendoButton"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: RecurrenceFrequencyEditorComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'kendo-recurrence-frequency-editor',

package/{esm2020 → esm2022}/editing/recurrence/recurrence-interval-editor.component.mjs

@@ -15,22 +15,25 @@ import * as i2 from "@progress/kendo-angular-l10n";
  * @hidden
  */
 export class RecurrenceIntervalEditorComponent {
+    recurrence;
+    localization;
+    cssClass = true;
+    set userNumericOptions(options) {
+        this.numericOptions = { ...this.numericOptions, ...options };
+    }
+    intervalValue;
+    numericOptions = {
+        min: 1,
+        format: '#',
+        autoCorrect: true,
+        step: 1,
+        spinners: true
+    };
     constructor(recurrence, localization) {
         this.recurrence = recurrence;
         this.localization = localization;
-        this.cssClass = true;
-        this.numericOptions = {
-            min: 1,
-            format: '#',
-            autoCorrect: true,
-            step: 1,
-            spinners: true
-        };
         this.intervalValue = this.recurrence.rrule.interval || 1;
     }
-    set userNumericOptions(options) {
-        this.numericOptions = { ...this.numericOptions, ...options };
-    }
     get currentFreq() {
         return this.recurrence.frequency;
     }
@@ -77,9 +80,8 @@ export class RecurrenceIntervalEditorComponent {
     textFor(key) {
         return this.localization.get(key);
     }
-}
-RecurrenceIntervalEditorComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: RecurrenceIntervalEditorComponent, deps: [{ token: i1.RecurrenceService }, { token: i2.LocalizationService }], target: i0.ɵɵFactoryTarget.Component });
-RecurrenceIntervalEditorComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: RecurrenceIntervalEditorComponent, isStandalone: true, selector: "kendo-recurrence-interval-editor", inputs: { userNumericOptions: "userNumericOptions" }, host: { properties: { "class.k-scheduler-recurrence-interval-editor": "this.cssClass" } }, ngImport: i0, template: `
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: RecurrenceIntervalEditorComponent, deps: [{ token: i1.RecurrenceService }, { token: i2.LocalizationService }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: RecurrenceIntervalEditorComponent, isStandalone: true, selector: "kendo-recurrence-interval-editor", inputs: { userNumericOptions: "userNumericOptions" }, host: { properties: { "class.k-scheduler-recurrence-interval-editor": "this.cssClass" } }, ngImport: i0, template: `
         <div class="k-form-field">
             <kendo-label
                 [for]="intervalNumeric"
@@ -115,7 +117,8 @@ RecurrenceIntervalEditorComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion
             </div>
         </div>
     `, isInline: true, dependencies: [{ kind: "component", type: LabelComponent, selector: "kendo-label", inputs: ["text", "for", "optional", "labelCssStyle", "labelCssClass"], exportAs: ["kendoLabel"] }, { kind: "component", type: NumericTextBoxComponent, selector: "kendo-numerictextbox", inputs: ["focusableId", "disabled", "readonly", "title", "autoCorrect", "format", "max", "min", "decimals", "placeholder", "step", "spinners", "rangeValidation", "tabindex", "tabIndex", "changeValueOnScroll", "selectOnFocus", "value", "maxlength", "size", "rounded", "fillMode", "inputAttributes"], outputs: ["valueChange", "focus", "blur", "inputFocus", "inputBlur"], exportAs: ["kendoNumericTextBox"] }, { kind: "component", type: NumericTextBoxCustomMessagesComponent, selector: "kendo-numerictextbox-messages" }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: RecurrenceIntervalEditorComponent, decorators: [{
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: RecurrenceIntervalEditorComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'kendo-recurrence-interval-editor',

package/{esm2020 → esm2022}/editing/recurrence/recurrence-monthly-yearly-editor.component.mjs

@@ -19,24 +19,37 @@ import * as i2 from "@progress/kendo-angular-l10n";
  * @hidden
  */
 export class RecurrenceMonthlyYearlyEditorComponent {
+    recurrence;
+    localization;
+    set userNumericOptions(options) {
+        this.numericOptions = { ...this.numericOptions, ...options };
+    }
+    repeatOnRadioButtons;
+    extendedWeekDays;
+    offsetPositions;
+    months;
+    currentMonthDay;
+    currentMonthMonthDay;
+    currentMonthWeekDay;
+    currentOffset;
+    currentWeekDay;
+    uniqueId;
+    numericOptions = {
+        min: 1,
+        max: 31,
+        format: '#',
+        autoCorrect: true,
+        step: 1,
+        spinners: true
+    };
+    subs;
     constructor(recurrence, localization) {
         this.recurrence = recurrence;
         this.localization = localization;
         this.uniqueId = this.recurrence.getUniqueId();
-        this.numericOptions = {
-            min: 1,
-            max: 31,
-            format: '#',
-            autoCorrect: true,
-            step: 1,
-            spinners: true
-        };
         this.setInitialValues();
         this.subscribeEventHandlers();
     }
-    set userNumericOptions(options) {
-        this.numericOptions = { ...this.numericOptions, ...options };
-    }
     setInitialValues() {
         this.extendedWeekDays = this.recurrence.extendedWeekDays;
         this.offsetPositions = this.recurrence.offsetPositions;
@@ -233,9 +246,8 @@ export class RecurrenceMonthlyYearlyEditorComponent {
             selected.elem.focus();
         }
     }
-}
-RecurrenceMonthlyYearlyEditorComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: RecurrenceMonthlyYearlyEditorComponent, deps: [{ token: i1.RecurrenceService }, { token: i2.LocalizationService }], target: i0.ɵɵFactoryTarget.Component });
-RecurrenceMonthlyYearlyEditorComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: RecurrenceMonthlyYearlyEditorComponent, isStandalone: true, selector: "kendo-recurrence-monthly-yearly-editor", inputs: { userNumericOptions: "userNumericOptions" }, viewQueries: [{ propertyName: "repeatOnRadioButtons", predicate: RepeatOnRadioButtonDirective, descendants: true }], ngImport: i0, template: `
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: RecurrenceMonthlyYearlyEditorComponent, deps: [{ token: i1.RecurrenceService }, { token: i2.LocalizationService }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: RecurrenceMonthlyYearlyEditorComponent, isStandalone: true, selector: "kendo-recurrence-monthly-yearly-editor", inputs: { userNumericOptions: "userNumericOptions" }, viewQueries: [{ propertyName: "repeatOnRadioButtons", predicate: RepeatOnRadioButtonDirective, descendants: true }], ngImport: i0, template: `
         <div class='k-form-field'>
             <kendo-label
                 [text]="textForRepeatOn()"
@@ -338,7 +350,8 @@ RecurrenceMonthlyYearlyEditorComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVe
             </div>
         </div>
     `, isInline: true, dependencies: [{ kind: "component", type: LabelComponent, selector: "kendo-label", inputs: ["text", "for", "optional", "labelCssStyle", "labelCssClass"], exportAs: ["kendoLabel"] }, { kind: "directive", type: RepeatOnRadioButtonDirective, selector: "[kendoRecurrenceRepeatOnRadioButton]", inputs: ["kendoRecurrenceRepeatOnRadioButton"] }, { kind: "directive", type: LabelDirective, selector: "label[for]", inputs: ["for", "labelClass"] }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: DropDownListComponent, selector: "kendo-dropdownlist", inputs: ["customIconClass", "showStickyHeader", "icon", "svgIcon", "loading", "data", "value", "textField", "valueField", "adaptiveMode", "title", "subtitle", "popupSettings", "listHeight", "defaultItem", "disabled", "itemDisabled", "readonly", "filterable", "virtual", "ignoreCase", "delay", "valuePrimitive", "tabindex", "tabIndex", "size", "rounded", "fillMode", "leftRightArrowsNavigation", "id"], outputs: ["valueChange", "filterChange", "selectionChange", "open", "opened", "close", "closed", "focus", "blur"], exportAs: ["kendoDropDownList"] }, { kind: "component", type: NumericTextBoxComponent, selector: "kendo-numerictextbox", inputs: ["focusableId", "disabled", "readonly", "title", "autoCorrect", "format", "max", "min", "decimals", "placeholder", "step", "spinners", "rangeValidation", "tabindex", "tabIndex", "changeValueOnScroll", "selectOnFocus", "value", "maxlength", "size", "rounded", "fillMode", "inputAttributes"], outputs: ["valueChange", "focus", "blur", "inputFocus", "inputBlur"], exportAs: ["kendoNumericTextBox"] }, { kind: "component", type: NumericTextBoxCustomMessagesComponent, selector: "kendo-numerictextbox-messages" }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: RecurrenceMonthlyYearlyEditorComponent, decorators: [{
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: RecurrenceMonthlyYearlyEditorComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'kendo-recurrence-monthly-yearly-editor',

package/{esm2020 → esm2022}/editing/recurrence/recurrence-weekday-rule-editor.component.mjs

@@ -16,10 +16,14 @@ import * as i2 from "@progress/kendo-angular-l10n";
  * @hidden
  */
 export class RecurrenceWeekdayRuleEditorComponent {
+    recurrence;
+    localization;
+    weekDayButtons;
+    weekDays;
+    selected = [];
     constructor(recurrence, localization) {
         this.recurrence = recurrence;
         this.localization = localization;
-        this.selected = [];
         this.weekDays = this.recurrence.weekDays;
         this.setSelectedDays();
     }
@@ -64,9 +68,8 @@ export class RecurrenceWeekdayRuleEditorComponent {
             selected.focus();
         }
     }
-}
-RecurrenceWeekdayRuleEditorComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: RecurrenceWeekdayRuleEditorComponent, deps: [{ token: i1.RecurrenceService }, { token: i2.LocalizationService }], target: i0.ɵɵFactoryTarget.Component });
-RecurrenceWeekdayRuleEditorComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: RecurrenceWeekdayRuleEditorComponent, isStandalone: true, selector: "kendo-recurrence-weekday-rule-editor", viewQueries: [{ propertyName: "weekDayButtons", predicate: Button, descendants: true }], ngImport: i0, template: `
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: RecurrenceWeekdayRuleEditorComponent, deps: [{ token: i1.RecurrenceService }, { token: i2.LocalizationService }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: RecurrenceWeekdayRuleEditorComponent, isStandalone: true, selector: "kendo-recurrence-weekday-rule-editor", viewQueries: [{ propertyName: "weekDayButtons", predicate: Button, descendants: true }], ngImport: i0, template: `
         <div class="k-form-field">
             <kendo-label
                 [text]="textFor('weeklyRepeatOn')"
@@ -89,8 +92,9 @@ RecurrenceWeekdayRuleEditorComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVers
                 </kendo-buttongroup>
             </div>
         </div>
-    `, isInline: true, dependencies: [{ kind: "component", type: LabelComponent, selector: "kendo-label", inputs: ["text", "for", "optional", "labelCssStyle", "labelCssClass"], exportAs: ["kendoLabel"] }, { kind: "component", type: ButtonGroupComponent, selector: "kendo-buttongroup", inputs: ["disabled", "selection", "width", "tabIndex", "navigable"], outputs: ["navigate"], exportAs: ["kendoButtonGroup"] }, { kind: "directive", type: NgFor, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "component", type: ButtonComponent, selector: "button[kendoButton], span[kendoButton], kendo-button", inputs: ["arrowIcon", "toggleable", "togglable", "selected", "tabIndex", "imageUrl", "iconClass", "icon", "disabled", "size", "rounded", "fillMode", "themeColor", "svgIcon", "role", "primary", "look"], outputs: ["selectedChange", "click"], exportAs: ["kendoButton"] }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: RecurrenceWeekdayRuleEditorComponent, decorators: [{
+    `, isInline: true, dependencies: [{ kind: "component", type: LabelComponent, selector: "kendo-label", inputs: ["text", "for", "optional", "labelCssStyle", "labelCssClass"], exportAs: ["kendoLabel"] }, { kind: "component", type: ButtonGroupComponent, selector: "kendo-buttongroup", inputs: ["disabled", "selection", "width", "tabIndex", "navigable"], outputs: ["navigate"], exportAs: ["kendoButtonGroup"] }, { kind: "directive", type: NgFor, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "component", type: ButtonComponent, selector: "button[kendoButton]", inputs: ["arrowIcon", "toggleable", "togglable", "selected", "tabIndex", "imageUrl", "iconClass", "icon", "disabled", "size", "rounded", "fillMode", "themeColor", "svgIcon", "primary", "look"], outputs: ["selectedChange", "click"], exportAs: ["kendoButton"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: RecurrenceWeekdayRuleEditorComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'kendo-recurrence-weekday-rule-editor',

package/{esm2020 → esm2022}/editing/recurrence/recurrence.service.mjs

@@ -50,13 +50,19 @@ export const weekendRule = [
  * The internal service for handling changes in the RecurrenceEditor component.
  */
 export class RecurrenceService {
+    intl;
+    localization;
+    rrule;
+    timezone;
+    weekStart;
+    start;
+    change = new EventEmitter();
+    endRuleChange = new EventEmitter();
+    frequencyChange = new EventEmitter();
+    repeatOnRuleChange = new EventEmitter();
     constructor(intl, localization) {
         this.intl = intl;
         this.localization = localization;
-        this.change = new EventEmitter();
-        this.endRuleChange = new EventEmitter();
-        this.frequencyChange = new EventEmitter();
-        this.repeatOnRuleChange = new EventEmitter();
     }
     init(rrule = "", start, timezone, weekStart) {
         this.start = start;
@@ -240,9 +246,9 @@ export class RecurrenceService {
             this.change.emit(serializeRule(this.rrule, this.timezone));
         }
     }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: RecurrenceService, deps: [{ token: i1.IntlService }, { token: i2.LocalizationService }], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: RecurrenceService });
 }
-RecurrenceService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: RecurrenceService, deps: [{ token: i1.IntlService }, { token: i2.LocalizationService }], target: i0.ɵɵFactoryTarget.Injectable });
-RecurrenceService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: RecurrenceService });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: RecurrenceService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: RecurrenceService, decorators: [{
             type: Injectable
         }], ctorParameters: function () { return [{ type: i1.IntlService }, { type: i2.LocalizationService }]; } });

package/{esm2020 → esm2022}/editing/recurrence/repeat-on-radio-button.directive.mjs

@@ -10,21 +10,28 @@ import * as i1 from "./recurrence.service";
  * @hidden
  */
 export class RepeatOnRadioButtonDirective {
+    el;
+    renderer;
+    recurrence;
+    changeDetector;
+    type = 'radio';
+    radioClass = true;
+    radioSizeClass = true;
+    set repeatOnRule(value) {
+        const parts = value.split('-');
+        this._repeatOnRule = parts[0];
+        this._uniqueId = parts[1];
+    }
+    destroyClick;
+    _repeatOnRule;
+    _uniqueId;
     constructor(el, renderer, recurrence, changeDetector) {
         this.el = el;
         this.renderer = renderer;
         this.recurrence = recurrence;
         this.changeDetector = changeDetector;
-        this.type = 'radio';
-        this.radioClass = true;
-        this.radioSizeClass = true;
         this.destroyClick = this.renderer.listen(this.elem, 'click', this.onClick.bind(this));
     }
-    set repeatOnRule(value) {
-        const parts = value.split('-');
-        this._repeatOnRule = parts[0];
-        this._uniqueId = parts[1];
-    }
     ngOnInit() {
         this.renderer.setAttribute(this.elem, 'id', `k-repeaton-${this._repeatOnRule}-${this._uniqueId}`);
         this.renderer.setAttribute(this.elem, 'name', `day-${this._uniqueId}`);
@@ -50,10 +57,10 @@ export class RepeatOnRadioButtonDirective {
     get elem() {
         return this.el.nativeElement;
     }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: RepeatOnRadioButtonDirective, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }, { token: i1.RecurrenceService }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: RepeatOnRadioButtonDirective, isStandalone: true, selector: "[kendoRecurrenceRepeatOnRadioButton]", inputs: { repeatOnRule: ["kendoRecurrenceRepeatOnRadioButton", "repeatOnRule"] }, host: { properties: { "attr.type": "this.type", "class.k-radio": "this.radioClass", "class.k-radio-md": "this.radioSizeClass" } }, ngImport: i0 });
 }
-RepeatOnRadioButtonDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: RepeatOnRadioButtonDirective, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }, { token: i1.RecurrenceService }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Directive });
-RepeatOnRadioButtonDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.10", type: RepeatOnRadioButtonDirective, isStandalone: true, selector: "[kendoRecurrenceRepeatOnRadioButton]", inputs: { repeatOnRule: ["kendoRecurrenceRepeatOnRadioButton", "repeatOnRule"] }, host: { properties: { "attr.type": "this.type", "class.k-radio": "this.radioClass", "class.k-radio-md": "this.radioSizeClass" } }, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: RepeatOnRadioButtonDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: RepeatOnRadioButtonDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[kendoRecurrenceRepeatOnRadioButton]',

package/{esm2020 → esm2022}/editing/resource-editor-base.mjs

@@ -9,12 +9,10 @@ import * as i0 from "@angular/core";
  * @hidden
  */
 export class ResourceEditorBase {
-    constructor() {
-        this.valueChange = new EventEmitter();
-        this.getField = getField;
-        this.onTouchedCallback = (_) => { };
-        this.onChangeCallback = (_) => { };
-    }
+    resource;
+    valueChange = new EventEmitter();
+    resourceValue;
+    getField = getField;
     /**
      * @hidden
      */
@@ -31,6 +29,8 @@ export class ResourceEditorBase {
         this.resourceValue = newValue;
         this.emitChange(this.resourceValue);
     }
+    onTouchedCallback = (_) => { };
+    onChangeCallback = (_) => { };
     /**
      * @hidden
      */
@@ -47,10 +47,10 @@ export class ResourceEditorBase {
         this.onChangeCallback(value);
         this.valueChange.emit(value);
     }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ResourceEditorBase, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: ResourceEditorBase, inputs: { resource: "resource" }, outputs: { valueChange: "valueChange" }, ngImport: i0 });
 }
-ResourceEditorBase.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ResourceEditorBase, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-ResourceEditorBase.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.10", type: ResourceEditorBase, inputs: { resource: "resource" }, outputs: { valueChange: "valueChange" }, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ResourceEditorBase, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ResourceEditorBase, decorators: [{
             type: Directive
         }], propDecorators: { resource: [{
                 type: Input

package/{esm2020 → esm2022}/editing/resource-multiple-editor.component.mjs

@@ -20,6 +20,7 @@ export const MULTIPLE_RESOURCE_VALUE_ACCESSOR = {
  * @hidden
  */
 export class MultipleResourceEditorComponent extends ResourceEditorBase {
+    resourceMultiSelect;
     getTagStyle(dataItem) {
         return {
             'background-color': dataItem[this.resource.colorField]
@@ -28,11 +29,10 @@ export class MultipleResourceEditorComponent extends ResourceEditorBase {
     focus() {
         this.resourceMultiSelect.focus();
     }
-}
-MultipleResourceEditorComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: MultipleResourceEditorComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
-MultipleResourceEditorComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: MultipleResourceEditorComponent, isStandalone: true, selector: "kendo-multiple-resource-editor", providers: [
-        MULTIPLE_RESOURCE_VALUE_ACCESSOR
-    ], viewQueries: [{ propertyName: "resourceMultiSelect", first: true, predicate: ["resourceMultiSelect"], descendants: true, static: true }], usesInheritance: true, ngImport: i0, template: `
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: MultipleResourceEditorComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: MultipleResourceEditorComponent, isStandalone: true, selector: "kendo-multiple-resource-editor", providers: [
+            MULTIPLE_RESOURCE_VALUE_ACCESSOR
+        ], viewQueries: [{ propertyName: "resourceMultiSelect", first: true, predicate: ["resourceMultiSelect"], descendants: true, static: true }], usesInheritance: true, ngImport: i0, template: `
         <kendo-multiselect
             #resourceMultiSelect
             [data]='resource.data'
@@ -54,7 +54,8 @@ MultipleResourceEditorComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion:
             </ng-template>
         </kendo-multiselect>
     `, isInline: true, dependencies: [{ kind: "component", type: MultiSelectComponent, selector: "kendo-multiselect", inputs: ["showStickyHeader", "focusableId", "autoClose", "loading", "data", "value", "valueField", "textField", "tabindex", "tabIndex", "size", "rounded", "fillMode", "placeholder", "adaptiveMode", "title", "subtitle", "disabled", "itemDisabled", "checkboxes", "readonly", "filterable", "virtual", "popupSettings", "listHeight", "valuePrimitive", "clearButton", "tagMapper", "allowCustom", "valueNormalizer", "inputAttributes"], outputs: ["filterChange", "valueChange", "open", "opened", "close", "closed", "focus", "blur", "inputFocus", "inputBlur", "removeTag"], exportAs: ["kendoMultiSelect"] }, { kind: "directive", type: ItemTemplateDirective, selector: "[kendoDropDownListItemTemplate],[kendoComboBoxItemTemplate],[kendoAutoCompleteItemTemplate],[kendoMultiSelectItemTemplate]" }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "directive", type: TagTemplateDirective, selector: "[kendoMultiSelectTagTemplate],[kendoMultiSelectTreeTagTemplate]" }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: MultipleResourceEditorComponent, decorators: [{
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: MultipleResourceEditorComponent, decorators: [{
             type: Component,
             args: [{
                     providers: [