UNPKG

devextreme

Version:

HTML5 JavaScript Component Suite for Responsive Web Development

743 lines (738 loc) • 32.1 kB
/** * DevExtreme (cjs/__internal/scheduler/m_recurrence_editor.js) * Version: 23.2.6 * Build date: Wed May 01 2024 * * Copyright (c) 2012 - 2024 Developer Express Inc. ALL RIGHTS RESERVED * Read about DevExtreme licensing here: https://js.devexpress.com/Licensing/ */ "use strict"; Object.defineProperty(exports, "__esModule", { value: true }); exports.default = void 0; require("../../ui/radio_group"); var _component_registrator = _interopRequireDefault(require("../../core/component_registrator")); var _guid = _interopRequireDefault(require("../../core/guid")); var _renderer = _interopRequireDefault(require("../../core/renderer")); var _date = _interopRequireDefault(require("../../core/utils/date")); var _extend = require("../../core/utils/extend"); var _type = require("../../core/utils/type"); var _date2 = _interopRequireDefault(require("../../localization/date")); var _message = _interopRequireDefault(require("../../localization/message")); var _button_group = _interopRequireDefault(require("../../ui/button_group")); var _date_box = _interopRequireDefault(require("../../ui/date_box")); var _editor = _interopRequireDefault(require("../../ui/editor/editor")); var _form = _interopRequireDefault(require("../../ui/form")); var _number_box = _interopRequireDefault(require("../../ui/number_box")); var _themes = require("../../ui/themes"); var _index = require("../scheduler/r1/timezone_calculator/index"); var _m_recurrence = require("./m_recurrence"); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj } } function _inheritsLoose(subClass, superClass) { subClass.prototype = Object.create(superClass.prototype); subClass.prototype.constructor = subClass; _setPrototypeOf(subClass, superClass) } function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function(o, p) { o.__proto__ = p; return o }; return _setPrototypeOf(o, p) } const RECURRENCE_EDITOR = "dx-recurrence-editor"; const LABEL_POSTFIX = "-label"; const WRAPPER_POSTFIX = "-wrapper"; const RECURRENCE_EDITOR_CONTAINER = "dx-recurrence-editor-container"; const REPEAT_END_EDITOR = "dx-recurrence-repeat-end"; const REPEAT_END_TYPE_EDITOR = "dx-recurrence-radiogroup-repeat-type"; const REPEAT_COUNT_EDITOR = "dx-recurrence-numberbox-repeat-count"; const REPEAT_UNTIL_DATE_EDITOR = "dx-recurrence-datebox-until-date"; const RECURRENCE_BUTTON_GROUP = "dx-recurrence-button-group"; const FREQUENCY_EDITOR = "dx-recurrence-selectbox-freq"; const INTERVAL_EDITOR = "dx-recurrence-numberbox-interval"; const REPEAT_ON_EDITOR = "dx-recurrence-repeat-on"; const DAY_OF_MONTH = "dx-recurrence-numberbox-day-of-month"; const MONTH_OF_YEAR = "dx-recurrence-selectbox-month-of-year"; const recurrentEditorNumberBoxWidth = 70; const recurrentEditorSelectBoxWidth = 120; const defaultRecurrenceTypeIndex = 1; const frequenciesMessages = [{ recurrence: "dxScheduler-recurrenceHourly", value: "hourly" }, { recurrence: "dxScheduler-recurrenceDaily", value: "daily" }, { recurrence: "dxScheduler-recurrenceWeekly", value: "weekly" }, { recurrence: "dxScheduler-recurrenceMonthly", value: "monthly" }, { recurrence: "dxScheduler-recurrenceYearly", value: "yearly" }]; const frequencies = frequenciesMessages.map(item => ({ text: () => _message.default.format(item.recurrence), value: item.value })); const repeatEndTypes = [{ type: "never" }, { type: "until" }, { type: "count" }]; const days = ["SU", "MO", "TU", "WE", "TH", "FR", "SA"]; const getStylingModeFunc = () => (0, _themes.isFluent)((0, _themes.current)()) ? "filled" : void 0; let RecurrenceRule = function() { function RecurrenceRule(rule) { this._recurrenceProcessor = (0, _m_recurrence.getRecurrenceProcessor)(); this._recurrenceProcessor = (0, _m_recurrence.getRecurrenceProcessor)(); this._recurrenceRule = this._recurrenceProcessor.evalRecurrenceRule(rule).rule } var _proto = RecurrenceRule.prototype; _proto.makeRules = function(string) { this._recurrenceRule = this._recurrenceProcessor.evalRecurrenceRule(string).rule }; _proto.makeRule = function(field, value) { if (!value || Array.isArray(value) && !value.length) { delete this._recurrenceRule[field]; return } if ((0, _type.isDefined)(field)) { if ("until" === field) { delete this._recurrenceRule.count } if ("count" === field) { delete this._recurrenceRule.until } this._recurrenceRule[field] = value } }; _proto.getRepeatEndRule = function() { const rules = this._recurrenceRule; if ("count" in rules) { return "count" } if ("until" in rules) { return "until" } return "never" }; _proto.getRecurrenceString = function() { return this._recurrenceProcessor.getRecurrenceString(this._recurrenceRule) }; _proto.getRules = function() { return this._recurrenceRule }; _proto.getDaysFromByDayRule = function() { return this._recurrenceProcessor.daysFromByDayRule(this._recurrenceRule) }; return RecurrenceRule }(); let RecurrenceEditor = function(_Editor) { _inheritsLoose(RecurrenceEditor, _Editor); function RecurrenceEditor() { return _Editor.apply(this, arguments) || this } var _proto2 = RecurrenceEditor.prototype; _proto2._getDefaultOptions = function() { const defaultOptions = _Editor.prototype._getDefaultOptions.call(this); return (0, _extend.extend)(defaultOptions, { value: null, startDate: new Date, firstDayOfWeek: void 0 }) }; _proto2._getFirstDayOfWeek = function() { const firstDayOfWeek = this.option("firstDayOfWeek"); return (0, _type.isDefined)(firstDayOfWeek) ? firstDayOfWeek : _date2.default.firstDayOfWeekIndex() }; _proto2._createComponent = function(element, name) { let config = arguments.length > 2 && void 0 !== arguments[2] ? arguments[2] : {}; this._extendConfig(config, { readOnly: this.option("readOnly") }); return _Editor.prototype._createComponent.call(this, element, name, config) }; _proto2._init = function() { _Editor.prototype._init.call(this); this._recurrenceRule = new RecurrenceRule(this.option("value")) }; _proto2._render = function() { _Editor.prototype._render.call(this); this.$element().addClass(RECURRENCE_EDITOR); this._$container = (0, _renderer.default)("<div>").addClass(RECURRENCE_EDITOR_CONTAINER).appendTo(this.$element()); this._prepareEditors(); this._renderEditors(this._$container) }; _proto2.getEditorByField = function(fieldName) { let editor = this.getRecurrenceForm().getEditor(fieldName); if (!(0, _type.isDefined)(editor)) { switch (fieldName) { case "byday": editor = this._weekEditor; break; case "count": editor = this._repeatCountEditor; break; case "until": editor = this._repeatUntilDate } } return editor }; _proto2._prepareEditors = function() { const freq = (this._recurrenceRule.getRules().freq || frequenciesMessages[1].value).toLowerCase(); this._editors = [this._createFreqEditor(freq), this._createIntervalEditor(freq), this._createRepeatOnLabel(freq), { itemType: "group", cssClass: REPEAT_ON_EDITOR, colCount: 2, colCountByScreen: { xs: 2 }, items: this._createRepeatOnEditor(freq) }, { itemType: "group", items: this._createRepeatEndEditor() }]; return this._editors }; _proto2._createFreqEditor = function(freq) { return { dataField: "freq", name: "FREQ", editorType: "dxSelectBox", cssClass: FREQUENCY_EDITOR, editorOptions: { stylingMode: getStylingModeFunc(), items: frequencies, value: freq, field: "freq", valueExpr: "value", displayExpr: "text", layout: "horizontal", elementAttr: { class: FREQUENCY_EDITOR }, onValueChanged: args => this._valueChangedHandler(args) }, label: { text: _message.default.format("dxScheduler-editorLabelRecurrence") } } }; _proto2._createIntervalEditor = function(freq) { const interval = this._recurrenceRule.getRules().interval || 1; return { itemType: "group", colCount: 2, cssClass: "".concat(INTERVAL_EDITOR).concat("-wrapper"), colCountByScreen: { xs: 2 }, items: [{ dataField: "interval", editorType: "dxNumberBox", editorOptions: { stylingMode: getStylingModeFunc(), format: "#", width: 70, min: 1, field: "interval", value: interval, showSpinButtons: true, useLargeSpinButtons: false, elementAttr: { class: INTERVAL_EDITOR }, onValueChanged: args => this._valueChangedHandler(args) }, label: { text: _message.default.format("dxScheduler-recurrenceRepeatEvery") } }, { name: "intervalLabel", cssClass: "".concat(INTERVAL_EDITOR).concat("-label"), template: () => _message.default.format("dxScheduler-recurrenceRepeat".concat(freq.charAt(0).toUpperCase()).concat(freq.substr(1).toLowerCase())) }] } }; _proto2._createRepeatOnLabel = function(freq) { return { itemType: "group", cssClass: "".concat(REPEAT_ON_EDITOR).concat("-label"), items: [{ name: "repeatOnLabel", colSpan: 2, template: () => _message.default.format("dxScheduler-recurrenceRepeatOn"), visible: freq && "daily" !== freq && "hourly" !== freq }] } }; _proto2._createRepeatOnEditor = function(freq) { return [this._createByDayEditor(freq), this._createByMonthEditor(freq), this._createByMonthDayEditor(freq)] }; _proto2._createByDayEditor = function(freq) { return { dataField: "byday", colSpan: 2, template: (_, itemElement) => { const firstDayOfWeek = this._getFirstDayOfWeek(); const byDay = this._daysOfWeekByRules(); const localDaysNames = _date2.default.getDayNames("abbreviated"); const dayNames = days.slice(firstDayOfWeek).concat(days.slice(0, firstDayOfWeek)); const itemsButtonGroup = localDaysNames.slice(firstDayOfWeek).concat(localDaysNames.slice(0, firstDayOfWeek)).map((item, index) => ({ text: item, key: dayNames[index] })); this._$repeatOnWeek = (0, _renderer.default)("<div>").addClass(RECURRENCE_BUTTON_GROUP).appendTo(itemElement); this._weekEditor = this._createComponent(this._$repeatOnWeek, _button_group.default, { items: itemsButtonGroup, field: "byday", selectionMode: "multiple", selectedItemKeys: byDay, keyExpr: "key", onSelectionChanged: e => { const selectedItemKeys = e.component.option("selectedItemKeys"); const selectedKeys = (null === selectedItemKeys || void 0 === selectedItemKeys ? void 0 : selectedItemKeys.length) ? selectedItemKeys : this._getDefaultByDayValue(); this._recurrenceRule.makeRule("byday", selectedKeys); this._changeEditorValue() } }) }, visible: "weekly" === freq, label: { visible: false } } }; _proto2._createByMonthEditor = function(freq) { const monthsName = _date2.default.getMonthNames("wide"); const months = [...Array(12)].map((_, i) => ({ value: "".concat(i + 1), text: monthsName[i] })); return { dataField: "bymonth", editorType: "dxSelectBox", editorOptions: { stylingMode: getStylingModeFunc(), field: "bymonth", items: months, value: this._monthOfYearByRules(), width: 120, displayExpr: "text", valueExpr: "value", elementAttr: { class: MONTH_OF_YEAR }, onValueChanged: args => this._valueChangedHandler(args) }, visible: "yearly" === freq, label: { visible: false } } }; _proto2._createByMonthDayEditor = function(freq) { return { dataField: "bymonthday", editorType: "dxNumberBox", editorOptions: { stylingMode: getStylingModeFunc(), min: 1, max: 31, format: "#", width: 70, field: "bymonthday", showSpinButtons: true, useLargeSpinButtons: false, value: this._dayOfMonthByRules(), elementAttr: { class: DAY_OF_MONTH }, onValueChanged: args => this._valueChangedHandler(args) }, visible: "monthly" === freq || "yearly" === freq, label: { visible: false } } }; _proto2._createRepeatEndEditor = function() { const repeatType = this._recurrenceRule.getRepeatEndRule(); return [{ dataField: "repeatEnd", editorType: "dxRadioGroup", editorOptions: { items: repeatEndTypes, value: repeatType, valueExpr: "type", field: "repeatEnd", itemTemplate: itemData => { if ("count" === itemData.type) { return this._renderRepeatCountEditor() } if ("until" === itemData.type) { return this._renderRepeatUntilEditor() } return this._renderDefaultRepeatEnd() }, layout: "vertical", elementAttr: { class: REPEAT_END_TYPE_EDITOR }, onValueChanged: args => this._repeatEndValueChangedHandler(args) }, label: { text: _message.default.format("dxScheduler-recurrenceEnd") } }] }; _proto2._renderEditors = function($container) { this._recurrenceForm = this._createComponent($container, _form.default, { items: this._editors, showValidationSummary: false, scrollingEnabled: true, showColonAfterLabel: false, labelLocation: "top" }); this._disableRepeatEndParts() }; _proto2._setAriaDescribedBy = function(editor, $label) { const labelId = "label-".concat(new _guid.default); editor.setAria("describedby", labelId); editor.setAria("id", labelId, $label) }; _proto2.getRecurrenceForm = function() { return this._recurrenceForm }; _proto2.changeValueByVisibility = function(value) { if (value) { if (!this.option("value")) { this._handleDefaults() } } else { this._recurrenceRule.makeRules(""); this.option("value", "") } }; _proto2._handleDefaults = function() { this._recurrenceRule.makeRule("freq", frequenciesMessages[1].value); this._changeEditorValue() }; _proto2._changeEditorValue = function() { this.option("value", this._recurrenceRule.getRecurrenceString() || "") }; _proto2._daysOfWeekByRules = function() { let daysByRule = this._recurrenceRule.getDaysFromByDayRule(); if (!daysByRule.length) { daysByRule = this._getDefaultByDayValue() } return daysByRule }; _proto2._getDefaultByDayValue = function() { const startDate = this.option("startDate"); const startDay = startDate.getDay(); return [days[startDay]] }; _proto2._dayOfMonthByRules = function() { let dayByRule = this._recurrenceRule.getRules().bymonthday; if (!dayByRule) { dayByRule = this.option("startDate").getDate() } return dayByRule }; _proto2._monthOfYearByRules = function() { let monthByRule = this._recurrenceRule.getRules().bymonth; if (!monthByRule) { monthByRule = this.option("startDate").getMonth() + 1 } return String(monthByRule) }; _proto2._renderDefaultRepeatEnd = function() { const $editorTemplate = (0, _renderer.default)("<div>").addClass(REPEAT_END_EDITOR + "-wrapper"); (0, _renderer.default)("<div>").text(_message.default.format("dxScheduler-recurrenceNever")).addClass(REPEAT_END_EDITOR + "-label").appendTo($editorTemplate); return $editorTemplate }; _proto2._repeatEndValueChangedHandler = function(args) { const { value: value } = args; this._disableRepeatEndParts(value); if ("until" === value) { this._recurrenceRule.makeRule(value, this._getUntilValue()) } if ("count" === value) { this._recurrenceRule.makeRule(value, this._repeatCountEditor.option("value")) } if ("never" === value) { this._recurrenceRule.makeRule("count", ""); this._recurrenceRule.makeRule("until", "") } this._changeEditorValue() }; _proto2._disableRepeatEndParts = function() { let value = arguments.length > 0 && void 0 !== arguments[0] ? arguments[0] : this._recurrenceRule.getRepeatEndRule(); if ("until" === value) { this._repeatCountEditor.option("disabled", true); this._repeatUntilDate.option("disabled", false) } if ("count" === value) { this._repeatCountEditor.option("disabled", false); this._repeatUntilDate.option("disabled", true) } if ("never" === value) { this._repeatCountEditor.option("disabled", true); this._repeatUntilDate.option("disabled", true) } }; _proto2._renderRepeatCountEditor = function() { const repeatCount = this._recurrenceRule.getRules().count || 1; const $editorWrapper = (0, _renderer.default)("<div>").addClass(REPEAT_END_EDITOR + "-wrapper"); (0, _renderer.default)("<div>").text(_message.default.format("dxScheduler-recurrenceAfter")).addClass(REPEAT_END_EDITOR + "-label").appendTo($editorWrapper); this._$repeatCountEditor = (0, _renderer.default)("<div>").addClass(REPEAT_COUNT_EDITOR).appendTo($editorWrapper); (0, _renderer.default)("<div>").text(_message.default.format("dxScheduler-recurrenceRepeatCount")).addClass(REPEAT_END_EDITOR + "-label").appendTo($editorWrapper); this._repeatCountEditor = this._createComponent(this._$repeatCountEditor, _number_box.default, { stylingMode: getStylingModeFunc(), field: "count", format: "#", width: 70, min: 1, showSpinButtons: true, useLargeSpinButtons: false, value: repeatCount, onValueChanged: this._repeatCountValueChangeHandler.bind(this) }); return $editorWrapper }; _proto2._repeatCountValueChangeHandler = function(args) { if ("count" === this._recurrenceRule.getRepeatEndRule()) { const { value: value } = args; this._recurrenceRule.makeRule("count", value); this._changeEditorValue() } }; _proto2._formatUntilDate = function(date) { if (this._recurrenceRule.getRules().until && _date.default.sameDate(this._recurrenceRule.getRules().until, date)) { return date } return _date.default.setToDayEnd(date) }; _proto2._renderRepeatUntilEditor = function() { const repeatUntil = this._getUntilValue(); const $editorWrapper = (0, _renderer.default)("<div>").addClass(REPEAT_END_EDITOR + "-wrapper"); (0, _renderer.default)("<div>").text(_message.default.format("dxScheduler-recurrenceOn")).addClass(REPEAT_END_EDITOR + "-label").appendTo($editorWrapper); this._$repeatDateEditor = (0, _renderer.default)("<div>").addClass(REPEAT_UNTIL_DATE_EDITOR).appendTo($editorWrapper); this._repeatUntilDate = this._createComponent(this._$repeatDateEditor, _date_box.default, { stylingMode: getStylingModeFunc(), field: "until", value: repeatUntil, type: "date", onValueChanged: this._repeatUntilValueChangeHandler.bind(this), calendarOptions: { firstDayOfWeek: this._getFirstDayOfWeek() }, useMaskBehavior: true }); return $editorWrapper }; _proto2._repeatUntilValueChangeHandler = function(args) { if ("until" === this._recurrenceRule.getRepeatEndRule()) { const dateInTimeZone = this._formatUntilDate(new Date(args.value)); const getStartDateTimeZone = this.option("getStartDateTimeZone"); const appointmentTimeZone = getStartDateTimeZone(); const path = appointmentTimeZone ? _index.PathTimeZoneConversion.fromAppointmentToSource : _index.PathTimeZoneConversion.fromGridToSource; const dateInLocaleTimeZone = this.option("timeZoneCalculator").createDate(dateInTimeZone, { path: path, appointmentTimeZone: appointmentTimeZone }); this._recurrenceRule.makeRule("until", dateInLocaleTimeZone); this._changeEditorValue() } }; _proto2._valueChangedHandler = function(args) { const { value: value, previousValue: previousValue } = args; const field = args.component.option("field"); if (!this.option("visible")) { this.option("value", "") } else { this._recurrenceRule.makeRule(field, value); if ("freq" === field) { this._makeRepeatOnRule(value); this._changeRepeatOnVisibility(value, previousValue) } this._changeEditorValue() } }; _proto2._makeRepeatOnRule = function(value) { if ("daily" === value || "hourly" === value) { this._recurrenceRule.makeRule("byday", ""); this._recurrenceRule.makeRule("bymonth", ""); this._recurrenceRule.makeRule("bymonthday", "") } if ("weekly" === value) { this._recurrenceRule.makeRule("byday", this._daysOfWeekByRules()); this._recurrenceRule.makeRule("bymonth", ""); this._recurrenceRule.makeRule("bymonthday", "") } if ("monthly" === value) { this._recurrenceRule.makeRule("bymonthday", this._dayOfMonthByRules()); this._recurrenceRule.makeRule("bymonth", ""); this._recurrenceRule.makeRule("byday", "") } if ("yearly" === value) { this._recurrenceRule.makeRule("bymonthday", this._dayOfMonthByRules()); this._recurrenceRule.makeRule("bymonth", this._monthOfYearByRules()); this._recurrenceRule.makeRule("byday", "") } }; _proto2._optionChanged = function(args) { var _a, _b, _c, _d; switch (args.name) { case "readOnly": null === (_a = this._recurrenceForm) || void 0 === _a ? void 0 : _a.option("readOnly", args.value); null === (_b = this._repeatCountEditor) || void 0 === _b ? void 0 : _b.option("readOnly", args.value); null === (_c = this._weekEditor) || void 0 === _c ? void 0 : _c.option("readOnly", args.value); null === (_d = this._repeatUntilDate) || void 0 === _d ? void 0 : _d.option("readOnly", args.value); _Editor.prototype._optionChanged.call(this, args); break; case "value": this._recurrenceRule.makeRules(args.value); this._changeRepeatIntervalLabel(); this._disableRepeatEndParts(); this._changeEditorsValue(this._recurrenceRule.getRules()); _Editor.prototype._optionChanged.call(this, args); break; case "startDate": this._makeRepeatOnRule(this._recurrenceRule.getRules().freq); if ((0, _type.isDefined)(this._recurrenceRule.getRecurrenceString())) { this._changeEditorValue() } break; case "firstDayOfWeek": if (this._weekEditor) { const localDaysNames = _date2.default.getDayNames("abbreviated"); const dayNames = days.slice(args.value).concat(days.slice(0, args.value)); const itemsButtonGroup = localDaysNames.slice(args.value).concat(localDaysNames.slice(0, args.value)).map((item, index) => ({ text: item, key: dayNames[index] })); this._weekEditor.option("items", itemsButtonGroup) } if (this._$repeatDateEditor) { this._repeatUntilDate.option("calendarOptions.firstDayOfWeek", this._getFirstDayOfWeek()) } break; default: _Editor.prototype._optionChanged.call(this, args) } }; _proto2._changeRepeatOnVisibility = function(freq, previousFreq) { if (freq !== previousFreq) { this._recurrenceForm.itemOption("byday", "visible", false); this._recurrenceForm.itemOption("bymonthday", "visible", false); this._recurrenceForm.itemOption("bymonth", "visible", false); this._recurrenceForm.itemOption("repeatOnLabel", "visible", freq && "daily" !== freq && "hourly" !== freq); if ("weekly" === freq) { this._recurrenceForm.itemOption("byday", "visible", true) } if ("monthly" === freq) { this._recurrenceForm.itemOption("bymonthday", "visible", true) } if ("yearly" === freq) { this._recurrenceForm.itemOption("bymonthday", "visible", true); this._recurrenceForm.itemOption("bymonth", "visible", true) } } }; _proto2._changeRepeatIntervalLabel = function() { const { freq: freq } = this._recurrenceRule.getRules(); freq && this._recurrenceForm.itemOption("intervalLabel", "template", _message.default.format("dxScheduler-recurrenceRepeat".concat(freq.charAt(0).toUpperCase()).concat(freq.substr(1).toLowerCase()))) }; _proto2._changeEditorsValue = function(rules) { this._recurrenceForm.getEditor("freq").option("value", (rules.freq || frequenciesMessages[1].value).toLowerCase()); this._changeDayOfWeekValue(); this._changeDayOfMonthValue(); this._changeMonthOfYearValue(); this._changeIntervalValue(rules.interval); this._changeRepeatCountValue(); this._changeRepeatEndValue(); this._changeRepeatUntilValue() }; _proto2._changeIntervalValue = function(value) { this._recurrenceForm.getEditor("interval").option("value", value || 1) }; _proto2._changeRepeatEndValue = function() { const repeatType = this._recurrenceRule.getRepeatEndRule(); this._recurrenceForm.getEditor("repeatEnd").option("value", repeatType) }; _proto2._changeDayOfWeekValue = function() { const isEditorVisible = this._recurrenceForm.itemOption("byday").visible; if (isEditorVisible) { const days = this._daysOfWeekByRules(); this.getEditorByField("byday").option("selectedItemKeys", days) } }; _proto2._changeDayOfMonthValue = function() { const isEditorVisible = this._recurrenceForm.itemOption("bymonthday").visible; if (isEditorVisible) { const day = this._dayOfMonthByRules(); this._recurrenceForm.getEditor("bymonthday").option("value", day) } }; _proto2._changeMonthOfYearValue = function() { const isEditorVisible = this._recurrenceForm.itemOption("bymonth").visible; if (isEditorVisible) { const month = this._monthOfYearByRules(); this._recurrenceForm.getEditor("bymonth").option("value", month) } }; _proto2._changeRepeatCountValue = function() { const count = this._recurrenceRule.getRules().count || 1; this._repeatCountEditor.option("value", count) }; _proto2._changeRepeatUntilValue = function() { this._repeatUntilDate.option("value", this._getUntilValue()) }; _proto2._getUntilValue = function() { const untilDate = this._recurrenceRule.getRules().until; if (!untilDate) { return this._formatUntilDate(new Date) } const getStartDateTimeZone = this.option("getStartDateTimeZone"); const appointmentTimeZone = getStartDateTimeZone(); const path = appointmentTimeZone ? _index.PathTimeZoneConversion.fromSourceToAppointment : _index.PathTimeZoneConversion.fromSourceToGrid; return this.option("timeZoneCalculator").createDate(untilDate, { path: path, appointmentTimeZone: appointmentTimeZone }) }; _proto2.toggle = function() { this._freqEditor.focus() }; _proto2.setAria = function() { if (this._switchEditor) { this._switchEditor.setAria(arguments.length <= 0 ? void 0 : arguments[0], arguments.length <= 1 ? void 0 : arguments[1]) } }; return RecurrenceEditor }(_editor.default); (0, _component_registrator.default)("dxRecurrenceEditor", RecurrenceEditor); var _default = RecurrenceEditor; exports.default = _default;