@progress/kendo-angular-scheduler 3.0.3-dev.202204061046 → 4.0.0-dev.202204140813

package/dist/npm/editing/recurrence/recurrence-end-rule-editor.component.js

@@ -1,164 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2021 Progress Software Corporation. All rights reserved.
-* Licensed under commercial license. See LICENSE.md in the project root for more information
-*-------------------------------------------------------------------------------------------*/
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-var tslib_1 = require("tslib");
-var core_1 = require("@angular/core");
-var recurrence_service_1 = require("./recurrence.service");
-var util_1 = require("../../common/util");
-var kendo_angular_l10n_1 = require("@progress/kendo-angular-l10n");
-var end_rule_radio_button_directive_1 = require("./end-rule-radio-button.directive");
-var kendo_date_math_1 = require("@progress/kendo-date-math");
-var utils_1 = require("../../views/utils");
-/**
- * @hidden
- */
-var RecurrenceEndRuleEditorComponent = /** @class */ (function () {
-    function RecurrenceEndRuleEditorComponent(recurrence, localization) {
-        this.recurrence = recurrence;
-        this.localization = localization;
-        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();
-    }
-    Object.defineProperty(RecurrenceEndRuleEditorComponent.prototype, "userNumericOptions", {
-        set: function (options) {
-            this.numericOptions = tslib_1.__assign({}, this.numericOptions, options);
-        },
-        enumerable: true,
-        configurable: true
-    });
-    Object.defineProperty(RecurrenceEndRuleEditorComponent.prototype, "userDatePickerOptions", {
-        set: function (options) {
-            this.datePickerOptions = tslib_1.__assign({}, this.datePickerOptions, options);
-        },
-        enumerable: true,
-        configurable: true
-    });
-    RecurrenceEndRuleEditorComponent.prototype.ngOnDestroy = function () {
-        if (this.subscriptions) {
-            this.subscriptions.unsubscribe();
-        }
-    };
-    RecurrenceEndRuleEditorComponent.prototype.setEndRule = function (endRule) {
-        if (endRule === 'count') {
-            this.recurrence.rrule.count = this.countValue;
-        }
-        else if (endRule === 'until') {
-            this.recurrence.until = this.untilValue;
-        }
-    };
-    Object.defineProperty(RecurrenceEndRuleEditorComponent.prototype, "rrule", {
-        get: function () {
-            return this.recurrence.rrule;
-        },
-        enumerable: true,
-        configurable: true
-    });
-    Object.defineProperty(RecurrenceEndRuleEditorComponent.prototype, "isCountDisabled", {
-        get: function () {
-            return this.recurrence.endRule !== 'count';
-        },
-        enumerable: true,
-        configurable: true
-    });
-    Object.defineProperty(RecurrenceEndRuleEditorComponent.prototype, "isUntilDisabled", {
-        get: function () {
-            return this.recurrence.endRule !== 'until';
-        },
-        enumerable: true,
-        configurable: true
-    });
-    RecurrenceEndRuleEditorComponent.prototype.onCountChange = function (value) {
-        if (util_1.isPresent(value)) {
-            this.recurrence.count = value;
-        }
-    };
-    RecurrenceEndRuleEditorComponent.prototype.onCountBlur = function () {
-        if (!util_1.isPresent(this.countValue)) {
-            this.recurrence.count = this.countValue = 1;
-        }
-    };
-    RecurrenceEndRuleEditorComponent.prototype.onUntilChange = function (value) {
-        if (util_1.isPresent(value)) {
-            this.recurrence.until = this.createUntil(value);
-        }
-    };
-    RecurrenceEndRuleEditorComponent.prototype.onUntilBlur = function () {
-        if (!util_1.isPresent(this.untilValue)) {
-            this.recurrence.until = this.untilValue = this.createUntil(this.recurrence.start);
-        }
-    };
-    RecurrenceEndRuleEditorComponent.prototype.textFor = function (key) {
-        return this.localization.get(key);
-    };
-    RecurrenceEndRuleEditorComponent.prototype.onEndLabelClick = function () {
-        var selected = this.endRuleRadioButtons.toArray().find(function (r) { return r.elem.checked; });
-        if (selected) {
-            selected.elem.focus();
-        }
-    };
-    RecurrenceEndRuleEditorComponent.prototype.setInitialValues = function () {
-        this.countValue = this.rrule.count || 1;
-        var currentUntil = this.recurrence.until;
-        var currentStart = this.recurrence.start;
-        this.untilValue = util_1.isPresent(currentUntil) ? currentUntil : this.createUntil(currentStart);
-    };
-    RecurrenceEndRuleEditorComponent.prototype.subscribeChanges = function () {
-        var _this = this;
-        this.subscriptions = this.recurrence.endRuleChange.subscribe(function (endRule) {
-            _this.setEndRule(endRule);
-        });
-        this.subscriptions.add(this.recurrence.frequencyChange.subscribe(function () {
-            _this.setInitialValues();
-        }));
-    };
-    RecurrenceEndRuleEditorComponent.prototype.createUntil = function (until) {
-        // Read the until date as UTC date parts to avoid interfering with the local time zone.
-        var untilDate = utils_1.toUTCDate(until);
-        untilDate.setUTCDate(untilDate.getUTCDate() + 1);
-        // Convert to the scheduler time zone.
-        return kendo_date_math_1.ZonedDate.fromUTCDate(untilDate, this.recurrence.timezone).toLocalDate();
-    };
-    tslib_1.__decorate([
-        core_1.Input(),
-        tslib_1.__metadata("design:type", Object),
-        tslib_1.__metadata("design:paramtypes", [Object])
-    ], RecurrenceEndRuleEditorComponent.prototype, "userNumericOptions", null);
-    tslib_1.__decorate([
-        core_1.Input(),
-        tslib_1.__metadata("design:type", Object),
-        tslib_1.__metadata("design:paramtypes", [Object])
-    ], RecurrenceEndRuleEditorComponent.prototype, "userDatePickerOptions", null);
-    tslib_1.__decorate([
-        core_1.ViewChildren(end_rule_radio_button_directive_1.EndRuleRadioButtonDirective),
-        tslib_1.__metadata("design:type", core_1.QueryList)
-    ], RecurrenceEndRuleEditorComponent.prototype, "endRuleRadioButtons", void 0);
-    RecurrenceEndRuleEditorComponent = tslib_1.__decorate([
-        core_1.Component({
-            selector: 'kendo-recurrence-end-rule-editor',
-            template: "\n        <div class='k-edit-label'>\n            <label (click)=\"onEndLabelClick()\">{{ textFor('endLabel') }}</label>\n        </div>\n        <div class='k-edit-field'>\n            <ul class='k-reset'>\n                <li>\n                    <input kendoRecurrenceEndRuleRadioButton='k-endrule-never-{{uniqueId}}' />\n                    <label class='k-radio-label' for='k-endrule-never-{{uniqueId}}'>{{ textFor('endNever') }}</label>\n                </li>\n                <li>\n                    <input kendoRecurrenceEndRuleRadioButton='k-endrule-count-{{uniqueId}}' />\n                    <label class='k-radio-label' for='k-endrule-count-{{uniqueId}}'>{{ textFor('endAfter') }}</label>\n\n                    <kendo-numerictextbox\n                        [style.width.px]='70'\n                        [autoCorrect]='numericOptions.autoCorrect'\n                        [decimals]='0'\n                        [disabled]='isCountDisabled'\n                        [format]=\"numericOptions.format\"\n                        [min]='numericOptions.min'\n                        [max]=\"numericOptions.max\"\n                        [readonly]=\"numericOptions.readonly\"\n                        [selectOnFocus]=\"numericOptions.selectOnFocus\"\n                        [spinners]=\"numericOptions.spinners\"\n                        [step]=\"numericOptions.step\"\n                        [title]=\"numericOptions.title\"\n                        [(value)]='countValue'\n                        (blur)=\"onCountBlur()\"\n                        (valueChange)='onCountChange($event)'>\n                    </kendo-numerictextbox>\n                    <span>{{ textFor('endOccurrence') }}</span>\n                </li>\n                <li>\n                    <input kendoRecurrenceEndRuleRadioButton='k-endrule-until-{{uniqueId}}' />\n                    <label class='k-radio-label' for='k-endrule-until-{{uniqueId}}'>{{ textFor('endOn') }}</label>\n\n                    <kendo-datepicker\n                        [style.width.px]='150'\n                        [disabled]='isUntilDisabled'\n                        [activeView]=\"datePickerOptions.activeView\"\n                        [bottomView]=\"datePickerOptions.bottomView\"\n                        [disabledDatesValidation]=\"datePickerOptions.disabledDatesValidation\"\n                        [focusedDate]=\"datePickerOptions.focusedDate\"\n                        [format]=\"datePickerOptions.format\"\n                        [formatPlaceholder]=\"datePickerOptions.formatPlaceHolder\"\n                        [max]=\"datePickerOptions.max\"\n                        [min]=\"datePickerOptions.min\"\n                        [navigation]=\"datePickerOptions.navigation\"\n                        [placeholder]=\"datePickerOptions.placeholder\"\n                        [readOnlyInput]=\"datePickerOptions.readOnlyInput\"\n                        [readonly]=\"datePickerOptions.readonly\"\n                        [title]=\"datePickerOptions.title\"\n                        [topView]=\"datePickerOptions.topView\"\n                        [weekNumber]=\"datePickerOptions.weekNumber\"\n                        [disabledDates]=\"datePickerOptions.disabledDates\"\n                        [popupSettings]=\"datePickerOptions.popupSettings\"\n                        [(value)]='untilValue'\n                        (blur)=\"onUntilBlur()\"\n                        (valueChange)='onUntilChange($event)'>\n                    </kendo-datepicker>\n                </li>\n            </ul>\n        </div>\n    "
-        }),
-        tslib_1.__metadata("design:paramtypes", [recurrence_service_1.RecurrenceService,
-            kendo_angular_l10n_1.LocalizationService])
-    ], RecurrenceEndRuleEditorComponent);
-    return RecurrenceEndRuleEditorComponent;
-}());
-exports.RecurrenceEndRuleEditorComponent = RecurrenceEndRuleEditorComponent;

package/dist/npm/editing/recurrence/recurrence-frequency-editor.component.js

@@ -1,58 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2021 Progress Software Corporation. All rights reserved.
-* Licensed under commercial license. See LICENSE.md in the project root for more information
-*-------------------------------------------------------------------------------------------*/
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-var tslib_1 = require("tslib");
-var core_1 = require("@angular/core");
-var recurrence_service_1 = require("./recurrence.service");
-var kendo_angular_l10n_1 = require("@progress/kendo-angular-l10n");
-var kendo_angular_buttons_1 = require("@progress/kendo-angular-buttons");
-/**
- * @hidden
- */
-var RecurrenceFrequencyEditorComponent = /** @class */ (function () {
-    function RecurrenceFrequencyEditorComponent(recurrence, localization) {
-        this.recurrence = recurrence;
-        this.localization = localization;
-    }
-    RecurrenceFrequencyEditorComponent.prototype.ngOnInit = function () {
-        this.frequencies = this.recurrence.frequencies;
-    };
-    Object.defineProperty(RecurrenceFrequencyEditorComponent.prototype, "selected", {
-        get: function () {
-            return this.recurrence.frequency;
-        },
-        enumerable: true,
-        configurable: true
-    });
-    RecurrenceFrequencyEditorComponent.prototype.onClick = function (newFreq) {
-        if (newFreq.value !== this.selected) {
-            this.recurrence.setFrequency(newFreq.value);
-        }
-    };
-    RecurrenceFrequencyEditorComponent.prototype.textFor = function (key) {
-        return this.localization.get(key);
-    };
-    RecurrenceFrequencyEditorComponent.prototype.onFrequencyClick = function () {
-        var selected = this.weekDayButtons.toArray().find(function (r) { return r.selected; });
-        if (selected) {
-            selected.focus();
-        }
-    };
-    tslib_1.__decorate([
-        core_1.ViewChildren(kendo_angular_buttons_1.Button),
-        tslib_1.__metadata("design:type", core_1.QueryList)
-    ], RecurrenceFrequencyEditorComponent.prototype, "weekDayButtons", void 0);
-    RecurrenceFrequencyEditorComponent = tslib_1.__decorate([
-        core_1.Component({
-            selector: 'kendo-recurrence-frequency-editor',
-            template: "\n        <div class='k-edit-label'>\n            <label (click)=\"onFrequencyClick()\">{{ textFor('repeat') }}</label>\n        </div>\n        <div class='k-edit-field'>\n            <kendo-buttongroup [selection]=\"'single'\">\n                <button *ngFor='let freq of frequencies' kendoButton\n                        [style.width.px]=\"100\"\n                        [togglable]=\"true\"\n                        [selected]=\"freq.value === selected\"\n                        (click)=\"onClick(freq)\"\n                >{{ freq.text }}</button>\n            </kendo-buttongroup>\n        </div>\n    "
-        }),
-        tslib_1.__metadata("design:paramtypes", [recurrence_service_1.RecurrenceService,
-            kendo_angular_l10n_1.LocalizationService])
-    ], RecurrenceFrequencyEditorComponent);
-    return RecurrenceFrequencyEditorComponent;
-}());
-exports.RecurrenceFrequencyEditorComponent = RecurrenceFrequencyEditorComponent;

package/dist/npm/editing/recurrence/recurrence-interval-editor.component.js

@@ -1,100 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2021 Progress Software Corporation. All rights reserved.
-* Licensed under commercial license. See LICENSE.md in the project root for more information
-*-------------------------------------------------------------------------------------------*/
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-var tslib_1 = require("tslib");
-var core_1 = require("@angular/core");
-var recurrence_service_1 = require("./recurrence.service");
-var kendo_angular_l10n_1 = require("@progress/kendo-angular-l10n");
-var util_1 = require("../../common/util");
-/**
- * @hidden
- */
-var RecurrenceIntervalEditorComponent = /** @class */ (function () {
-    function RecurrenceIntervalEditorComponent(recurrence, localization) {
-        this.recurrence = recurrence;
-        this.localization = localization;
-        this.numericOptions = {
-            min: 1,
-            format: '#',
-            autoCorrect: true,
-            step: 1,
-            spinners: true
-        };
-        this.intervalValue = this.recurrence.rrule.interval || 1;
-    }
-    Object.defineProperty(RecurrenceIntervalEditorComponent.prototype, "userNumericOptions", {
-        set: function (options) {
-            this.numericOptions = tslib_1.__assign({}, this.numericOptions, options);
-        },
-        enumerable: true,
-        configurable: true
-    });
-    Object.defineProperty(RecurrenceIntervalEditorComponent.prototype, "currentFreq", {
-        get: function () {
-            return this.recurrence.frequency;
-        },
-        enumerable: true,
-        configurable: true
-    });
-    RecurrenceIntervalEditorComponent.prototype.onIntervalChange = function (newInterval) {
-        if (util_1.isPresent(newInterval)) {
-            this.recurrence.interval = newInterval;
-        }
-    };
-    RecurrenceIntervalEditorComponent.prototype.onIntervalBlur = function () {
-        if (!util_1.isPresent(this.intervalValue)) {
-            this.recurrence.interval = this.intervalValue = 1;
-        }
-    };
-    RecurrenceIntervalEditorComponent.prototype.textForRepeatEvery = function () {
-        var freq = this.currentFreq;
-        switch (freq) {
-            case 'daily':
-                return this.textFor('dailyRepeatEvery');
-            case 'weekly':
-                return this.textFor('weeklyRepeatEvery');
-            case 'monthly':
-                return this.textFor('monthlyRepeatEvery');
-            case 'yearly':
-                return this.textFor('yearlyRepeatEvery');
-            default:
-                break;
-        }
-    };
-    RecurrenceIntervalEditorComponent.prototype.textForFrequency = function () {
-        var freq = this.currentFreq;
-        switch (freq) {
-            case 'daily':
-                return this.textFor('dailyInterval');
-            case 'weekly':
-                return this.textFor('weeklyInterval');
-            case 'monthly':
-                return this.textFor('monthlyInterval');
-            case 'yearly':
-                return this.textFor('yearlyInterval');
-            default:
-                break;
-        }
-    };
-    RecurrenceIntervalEditorComponent.prototype.textFor = function (key) {
-        return this.localization.get(key);
-    };
-    tslib_1.__decorate([
-        core_1.Input(),
-        tslib_1.__metadata("design:type", Object),
-        tslib_1.__metadata("design:paramtypes", [Object])
-    ], RecurrenceIntervalEditorComponent.prototype, "userNumericOptions", null);
-    RecurrenceIntervalEditorComponent = tslib_1.__decorate([
-        core_1.Component({
-            selector: 'kendo-recurrence-interval-editor',
-            template: "\n        <div class=\"k-edit-label\">\n            <label (click)=\"intervalNumeric.focus()\">{{ textForRepeatEvery() }}</label>\n        </div>\n\n        <div class=\"k-edit-field\">\n            <kendo-numerictextbox\n                #intervalNumeric\n                [style.width.px]=\"70\"\n                [min]=\"numericOptions.min\"\n                [max]=\"numericOptions.max\"\n                [decimals]=\"0\"\n                [format]=\"numericOptions.format\"\n                [autoCorrect]=\"numericOptions.autoCorrect\"\n                [readonly]=\"numericOptions.readonly\"\n                [selectOnFocus]=\"numericOptions.selectOnFocus\"\n                [spinners]=\"numericOptions.spinners\"\n                [step]=\"numericOptions.step\"\n                [title]=\"numericOptions.title\"\n                [(value)]=\"intervalValue\"\n                (blur)=\"onIntervalBlur()\"\n                (valueChange)=\"onIntervalChange($event)\">\n            </kendo-numerictextbox>\n\n            <span>{{ textForFrequency() }}</span>\n        </div>\n    "
-        }),
-        tslib_1.__metadata("design:paramtypes", [recurrence_service_1.RecurrenceService,
-            kendo_angular_l10n_1.LocalizationService])
-    ], RecurrenceIntervalEditorComponent);
-    return RecurrenceIntervalEditorComponent;
-}());
-exports.RecurrenceIntervalEditorComponent = RecurrenceIntervalEditorComponent;

package/dist/npm/editing/recurrence/recurrence-monthly-yearly-editor.component.js

@@ -1,279 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2021 Progress Software Corporation. All rights reserved.
-* Licensed under commercial license. See LICENSE.md in the project root for more information
-*-------------------------------------------------------------------------------------------*/
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-var tslib_1 = require("tslib");
-var core_1 = require("@angular/core");
-var recurrence_service_1 = require("./recurrence.service");
-var util_1 = require("../../common/util");
-var recurrence_service_2 = require("./recurrence.service");
-var kendo_angular_l10n_1 = require("@progress/kendo-angular-l10n");
-var repeat_on_radio_button_directive_1 = require("./repeat-on-radio-button.directive");
-/**
- * @hidden
- */
-var RecurrenceMonthlyYearlyEditorComponent = /** @class */ (function () {
-    function RecurrenceMonthlyYearlyEditorComponent(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();
-    }
-    Object.defineProperty(RecurrenceMonthlyYearlyEditorComponent.prototype, "userNumericOptions", {
-        set: function (options) {
-            this.numericOptions = tslib_1.__assign({}, this.numericOptions, options);
-        },
-        enumerable: true,
-        configurable: true
-    });
-    RecurrenceMonthlyYearlyEditorComponent.prototype.setInitialValues = function () {
-        this.extendedWeekDays = this.recurrence.extendedWeekDays;
-        this.offsetPositions = this.recurrence.offsetPositions;
-        this.currentOffset = this.defaultOffset;
-        this.currentWeekDay = this.defaultWeekDay;
-        if (this.currentFreq === 'yearly') {
-            this.months = this.recurrence.months;
-            this.currentMonthMonthDay = this.currentMonthWeekDay = this.recurrence.rrule.byMonth[0];
-        }
-    };
-    RecurrenceMonthlyYearlyEditorComponent.prototype.subscribeEventHandlers = function () {
-        this.subs = this.recurrence.repeatOnRuleChange.subscribe(this.onRepeatOnRuleChange.bind(this));
-        this.subs.add(this.recurrence.frequencyChange.subscribe(this.onFrequencyChange.bind(this)));
-    };
-    RecurrenceMonthlyYearlyEditorComponent.prototype.onRepeatOnRuleChange = function (newRepeatOnRule) {
-        if (newRepeatOnRule === 'monthday') {
-            this.recurrence.rrule.byMonthDay = [this.monthDay];
-            if (this.currentFreq === 'yearly') {
-                this.recurrence.rrule.byMonth = [this.currentMonthMonthDay];
-            }
-        }
-        else if (newRepeatOnRule === 'weekday') {
-            if (typeof this.weekDay === 'string') {
-                /* day, weekday or weekend */
-                this.recurrence.rrule.bySetPosition = [this.offset];
-                this.recurrence.rrule.byWeekDay = this.weekDayRuleFromString(this.weekDay);
-            }
-            else {
-                /* specific weekday */
-                this.recurrence.rrule.byWeekDay = [{
-                        day: this.weekDay,
-                        offset: this.offset
-                    }];
-            }
-            if (this.currentFreq === 'yearly') {
-                this.recurrence.rrule.byMonth = [this.currentMonthWeekDay];
-            }
-        }
-    };
-    RecurrenceMonthlyYearlyEditorComponent.prototype.onFrequencyChange = function () {
-        this.setInitialValues();
-    };
-    RecurrenceMonthlyYearlyEditorComponent.prototype.ngOnDestroy = function () {
-        if (this.subs) {
-            this.subs.unsubscribe();
-        }
-    };
-    Object.defineProperty(RecurrenceMonthlyYearlyEditorComponent.prototype, "monthDay", {
-        get: function () {
-            var rrule = this.recurrence.rrule;
-            if (util_1.isPresent(rrule.byMonthDay) && rrule.byMonthDay.length > 0) {
-                return rrule.byMonthDay[0];
-            }
-            else if (util_1.isPresent(this.currentMonthDay)) {
-                return this.currentMonthDay;
-            }
-            else {
-                return this.recurrence.start.getDate();
-            }
-        },
-        enumerable: true,
-        configurable: true
-    });
-    Object.defineProperty(RecurrenceMonthlyYearlyEditorComponent.prototype, "weekDay", {
-        get: function () {
-            var rrule = this.recurrence.rrule;
-            if (util_1.isPresent(rrule.byWeekDay)) {
-                var weekDaysCount = rrule.byWeekDay.length;
-                switch (weekDaysCount) {
-                    case 7:
-                        return 'day';
-                    case 5:
-                        return 'weekday';
-                    case 2:
-                        return 'weekend';
-                    case 1:
-                        return rrule.byWeekDay[0].day;
-                    default:
-                        break;
-                }
-            }
-            else if (util_1.isPresent(this.currentWeekDay)) {
-                return this.currentWeekDay;
-            }
-            return this.defaultWeekDay;
-        },
-        enumerable: true,
-        configurable: true
-    });
-    Object.defineProperty(RecurrenceMonthlyYearlyEditorComponent.prototype, "offset", {
-        get: function () {
-            var rrule = this.recurrence.rrule;
-            if (util_1.isPresent(rrule.byWeekDay)) {
-                var weekDaysCount = rrule.byWeekDay.length;
-                switch (weekDaysCount) {
-                    case 7:
-                    case 5:
-                    case 2:
-                        return rrule.bySetPosition[0];
-                    case 1:
-                        return rrule.byWeekDay[0].offset;
-                    default:
-                        break;
-                }
-            }
-            else if (util_1.isPresent(this.currentOffset)) {
-                return this.currentOffset;
-            }
-            return this.defaultOffset;
-        },
-        enumerable: true,
-        configurable: true
-    });
-    RecurrenceMonthlyYearlyEditorComponent.prototype.onMonthChange = function (month, repeatOnRule) {
-        if (repeatOnRule === 'monthday') {
-            this.currentMonthMonthDay = month;
-        }
-        else {
-            this.currentMonthWeekDay = month;
-        }
-        this.recurrence.setMonths([month]);
-    };
-    RecurrenceMonthlyYearlyEditorComponent.prototype.onMonthDayChange = function (monthDay) {
-        this.currentMonthDay = monthDay;
-        this.recurrence.monthDays = [monthDay];
-    };
-    RecurrenceMonthlyYearlyEditorComponent.prototype.onOffsetPositionChange = function (offset) {
-        var rrule = this.recurrence.rrule;
-        if (util_1.isPresent(rrule.byWeekDay)) {
-            var weekDaysCount = rrule.byWeekDay.length;
-            switch (weekDaysCount) {
-                case 7:
-                case 5:
-                case 2:
-                    this.recurrence.positions = [offset];
-                    break;
-                case 1:
-                    rrule.byWeekDay[0].offset = offset;
-                    this.recurrence.onChange();
-                    break;
-                default:
-                    break;
-            }
-        }
-        this.currentOffset = offset;
-    };
-    RecurrenceMonthlyYearlyEditorComponent.prototype.onWeekDayChange = function (weekDay) {
-        var weekDays;
-        if (typeof weekDay === 'string') {
-            /* day, weekday or weekend */
-            weekDays = this.weekDayRuleFromString(weekDay);
-            this.recurrence.positions = [this.offset];
-        }
-        else {
-            /* specific weekday */
-            weekDays = [{
-                    day: weekDay,
-                    offset: this.offset
-                }];
-        }
-        this.currentWeekDay = weekDay;
-        this.recurrence.setWeekDays(weekDays);
-    };
-    RecurrenceMonthlyYearlyEditorComponent.prototype.isDisabled = function (repeatOn) {
-        return this.recurrence.repeatOnRule !== repeatOn;
-    };
-    Object.defineProperty(RecurrenceMonthlyYearlyEditorComponent.prototype, "currentFreq", {
-        get: function () {
-            return this.recurrence.frequency;
-        },
-        enumerable: true,
-        configurable: true
-    });
-    Object.defineProperty(RecurrenceMonthlyYearlyEditorComponent.prototype, "defaultOffset", {
-        get: function () {
-            return 1;
-        },
-        enumerable: true,
-        configurable: true
-    });
-    Object.defineProperty(RecurrenceMonthlyYearlyEditorComponent.prototype, "defaultWeekDay", {
-        get: function () {
-            return this.recurrence.start.getDay();
-        },
-        enumerable: true,
-        configurable: true
-    });
-    RecurrenceMonthlyYearlyEditorComponent.prototype.weekDayRuleFromString = function (weekDay) {
-        switch (weekDay) {
-            case 'day':
-                return recurrence_service_2.dayRule;
-            case 'weekday':
-                return recurrence_service_2.weekdayRule;
-            case 'weekend':
-                return recurrence_service_2.weekendRule;
-            default:
-                break;
-        }
-        return null;
-    };
-    RecurrenceMonthlyYearlyEditorComponent.prototype.textForRepeatOn = function () {
-        var freq = this.currentFreq;
-        switch (freq) {
-            case 'monthly':
-                return this.textFor('monthlyRepeatOn');
-            case 'yearly':
-                return this.textFor('yearlyRepeatOn');
-            default:
-                break;
-        }
-    };
-    RecurrenceMonthlyYearlyEditorComponent.prototype.textFor = function (key) {
-        return this.localization.get(key);
-    };
-    RecurrenceMonthlyYearlyEditorComponent.prototype.onRepeatOnLabelClick = function () {
-        var selected = this.repeatOnRadioButtons.toArray().find(function (r) { return r.elem.checked; });
-        if (selected) {
-            selected.elem.focus();
-        }
-    };
-    tslib_1.__decorate([
-        core_1.Input(),
-        tslib_1.__metadata("design:type", Object),
-        tslib_1.__metadata("design:paramtypes", [Object])
-    ], RecurrenceMonthlyYearlyEditorComponent.prototype, "userNumericOptions", null);
-    tslib_1.__decorate([
-        core_1.ViewChildren(repeat_on_radio_button_directive_1.RepeatOnRadioButtonDirective),
-        tslib_1.__metadata("design:type", core_1.QueryList)
-    ], RecurrenceMonthlyYearlyEditorComponent.prototype, "repeatOnRadioButtons", void 0);
-    RecurrenceMonthlyYearlyEditorComponent = tslib_1.__decorate([
-        core_1.Component({
-            selector: 'kendo-recurrence-monthly-yearly-editor',
-            template: "\n        <div class='k-edit-label'>\n            <label (click)=\"onRepeatOnLabelClick()\">{{ textForRepeatOn() }}</label>\n        </div>\n        <div class='k-edit-field'>\n            <ul class='k-reset' [style.width.px]='650'>\n                <li>\n                    <input kendoRecurrenceRepeatOnRadioButton='monthday-{{uniqueId}}' />\n\n                    <label class='k-radio-label' for='k-repeaton-monthday-{{uniqueId}}'>\n                        <ng-template [ngIf]=\"currentFreq === 'monthly'\">\n                            {{ textFor('monthlyDay') }}\n                        </ng-template>\n                    </label>\n\n                    <ng-template [ngIf]=\"currentFreq === 'yearly'\">\n                        <kendo-dropdownlist\n                            [data]='months'\n                            textField='text'\n                            valueField='value'\n                            [value]='currentMonthMonthDay'\n                            [valuePrimitive]='true'\n                            (valueChange)=\"onMonthChange($event, 'monthday')\"\n                            [disabled]=\"isDisabled('monthday')\"\n                            [style.width.px]=\"170\"\n                            [style.margin]=\"'0 .4ex 0 1ex'\">\n                        </kendo-dropdownlist>\n                    </ng-template>\n\n                    <kendo-numerictextbox\n                        [style.width.px]='70'\n                        [min]=\"numericOptions.min\"\n                        [max]=\"numericOptions.max\"\n                        [decimals]=\"0\"\n                        [format]=\"numericOptions.format\"\n                        [autoCorrect]=\"numericOptions.autoCorrect\"\n                        [readonly]=\"numericOptions.readonly\"\n                        [selectOnFocus]=\"numericOptions.selectOnFocus\"\n                        [spinners]=\"numericOptions.spinners\"\n                        [step]=\"numericOptions.step\"\n                        [title]=\"numericOptions.title\"\n                        [value]='monthDay'\n                        (valueChange)='onMonthDayChange($event)'\n                        [disabled]=\"isDisabled('monthday')\"\n                        [style.margin]=\"'0 .4ex 0 1ex'\">\n                    </kendo-numerictextbox>\n                </li>\n                <li>\n                    <input kendoRecurrenceRepeatOnRadioButton='weekday-{{uniqueId}}' />\n                    <label class='k-radio-label' for='k-repeaton-weekday-{{uniqueId}}'></label>\n\n                    <kendo-dropdownlist\n                        [data]='offsetPositions'\n                        textField='text'\n                        valueField='value'\n                        [value]='offset'\n                        [valuePrimitive]='true'\n                        (valueChange)='onOffsetPositionChange($event)'\n                        [disabled]=\"isDisabled('weekday')\"\n                        [style.width.px]=\"170\"\n                        [style.margin]=\"'0 .4ex 0 1ex'\">\n                    </kendo-dropdownlist>\n\n                    <kendo-dropdownlist\n                        [data]=\"extendedWeekDays\"\n                        textField='text'\n                        valueField='value'\n                        [value]='weekDay'\n                        [valuePrimitive]='true'\n                        (valueChange)='onWeekDayChange($event)'\n                        [disabled]=\"isDisabled('weekday')\"\n                        [style.width.px]=\"170\"\n                        [style.margin]=\"'0 .4ex 0 1ex'\">\n                    </kendo-dropdownlist>\n\n                    <ng-template [ngIf]=\"currentFreq === 'yearly'\">\n                        <span>{{ textFor('yearlyOf') }}</span>\n\n                        <kendo-dropdownlist\n                            [data]='months'\n                            textField='text'\n                            valueField='value'\n                            [value]='currentMonthWeekDay'\n                            [valuePrimitive]='true'\n                            (valueChange)=\"onMonthChange($event, 'weekday')\"\n                            [disabled]=\"isDisabled('weekday')\"\n                            [style.width.px]=\"170\"\n                            [style.margin]=\"'0 .4ex 0 1ex'\">\n                        </kendo-dropdownlist>\n                    </ng-template>\n                </li>\n            </ul>\n        </div>\n    "
-        }),
-        tslib_1.__metadata("design:paramtypes", [recurrence_service_1.RecurrenceService,
-            kendo_angular_l10n_1.LocalizationService])
-    ], RecurrenceMonthlyYearlyEditorComponent);
-    return RecurrenceMonthlyYearlyEditorComponent;
-}());
-exports.RecurrenceMonthlyYearlyEditorComponent = RecurrenceMonthlyYearlyEditorComponent;