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

package/dist/npm/editing/date-time-picker.component.js

@@ -1,82 +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 forms_1 = require("@angular/forms");
-var core_2 = require("@angular/core");
-var kendo_angular_dateinputs_1 = require("@progress/kendo-angular-dateinputs");
-/* tslint:disable: no-use-before-declare */
-/* tslint:disable: no-forward-ref */
-/**
- * @hidden
- */
-exports.SCHEDULER_DATETIMEPICKER_VALUE_ACCESSOR = {
-    multi: true,
-    provide: forms_1.NG_VALUE_ACCESSOR,
-    useExisting: core_2.forwardRef(function () { return SchedulerDateTimePickerComponent; })
-};
-/**
- * @hidden
- */
-var SchedulerDateTimePickerComponent = /** @class */ (function () {
-    function SchedulerDateTimePickerComponent() {
-        this.valueChange = new core_2.EventEmitter();
-        this.onTouchedCallback = function (_) { };
-        this.onChangeCallback = function (_) { };
-    }
-    SchedulerDateTimePickerComponent.prototype.writeValue = function (newDate) {
-        if (newDate instanceof Date) {
-            this.date = newDate;
-        }
-    };
-    SchedulerDateTimePickerComponent.prototype.onValueChange = function (newValue) {
-        this.onChangeCallback(newValue);
-        this.valueChange.emit(newValue);
-    };
-    /**
-     * @hidden
-     */
-    SchedulerDateTimePickerComponent.prototype.focus = function () {
-        this.datePicker.focus();
-    };
-    /**
-     * @hidden
-     */
-    SchedulerDateTimePickerComponent.prototype.registerOnChange = function (fn) {
-        this.onChangeCallback = fn;
-    };
-    /**
-     * @hidden
-     */
-    SchedulerDateTimePickerComponent.prototype.registerOnTouched = function (fn) {
-        this.onTouchedCallback = fn;
-    };
-    tslib_1.__decorate([
-        core_1.ViewChild('datepicker', { static: true }),
-        tslib_1.__metadata("design:type", kendo_angular_dateinputs_1.DatePickerComponent)
-    ], SchedulerDateTimePickerComponent.prototype, "datePicker", void 0);
-    tslib_1.__decorate([
-        core_2.Input(),
-        tslib_1.__metadata("design:type", Boolean)
-    ], SchedulerDateTimePickerComponent.prototype, "isAllDay", void 0);
-    tslib_1.__decorate([
-        core_2.Output(),
-        tslib_1.__metadata("design:type", core_2.EventEmitter)
-    ], SchedulerDateTimePickerComponent.prototype, "valueChange", void 0);
-    SchedulerDateTimePickerComponent = tslib_1.__decorate([
-        core_2.Component({
-            providers: [
-                exports.SCHEDULER_DATETIMEPICKER_VALUE_ACCESSOR
-            ],
-            selector: 'kendo-scheduler-datetime-picker',
-            template: "\n    <kendo-datepicker\n        #datepicker\n        [(value)]='date'\n        (valueChange)='onValueChange($event)'\n    ></kendo-datepicker>\n    <kendo-timepicker *ngIf='!isAllDay'\n        [(value)]='date'\n        (valueChange)='onValueChange($event)'\n    ></kendo-timepicker>\n    ",
-            styles: ["\n        kendo-datepicker,\n        kendo-timepicker {\n            width: 170px;\n        }\n    "]
-        })
-    ], SchedulerDateTimePickerComponent);
-    return SchedulerDateTimePickerComponent;
-}());
-exports.SchedulerDateTimePickerComponent = SchedulerDateTimePickerComponent;

package/dist/npm/editing/dialogs.service.js

@@ -1,96 +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 kendo_angular_dialog_1 = require("@progress/kendo-angular-dialog");
-var kendo_angular_l10n_1 = require("@progress/kendo-angular-l10n");
-var operators_1 = require("rxjs/operators");
-var focus_service_1 = require("../navigation/focus.service");
-var view_state_service_1 = require("../views/view-state.service");
-/**
- * @hidden
- */
-var DialogsService = /** @class */ (function () {
-    function DialogsService(dialogService, localization, changeDetector, focusService, viewState) {
-        this.dialogService = dialogService;
-        this.localization = localization;
-        this.changeDetector = changeDetector;
-        this.focusService = focusService;
-        this.viewState = viewState;
-        this.isOpen = false;
-    }
-    DialogsService.prototype.openRemoveConfirmationDialog = function () {
-        var _this = this;
-        var dialog = this.dialogService.open({
-            title: this.textFor('deleteDialogTitle'),
-            content: this.textFor('deleteConfirmation'),
-            actions: [
-                { text: this.textFor('cancel'), value: false },
-                { text: this.textFor('destroy'), value: true }
-            ],
-            appendTo: this.container,
-            autoFocusedElement: 'button:nth-child(2)'
-        });
-        this.isOpen = true;
-        this.changeDetector.markForCheck();
-        return dialog.result.pipe(operators_1.map(function (result) {
-            _this.isOpen = false;
-            if (result instanceof kendo_angular_dialog_1.DialogCloseResult) {
-                _this.focusService.focus();
-                return false;
-            }
-            _this.viewState.layoutEnd.pipe(operators_1.take(1)).subscribe(function () {
-                return _this.focusService.focus();
-            });
-            var res = result;
-            return res.value;
-        }));
-    };
-    DialogsService.prototype.openRecurringConfirmationDialog = function (operation) {
-        var _this = this;
-        var dialog = this.dialogService.open({
-            actions: [
-                {
-                    text: operation === 0 /* Edit */ ? this.textFor('editOccurrence') : this.textFor('deleteOccurrence'),
-                    value: 1 /* Occurrence */
-                },
-                {
-                    text: operation === 0 /* Edit */ ? this.textFor('editSeries') : this.textFor('deleteSeries'),
-                    value: 2 /* Series */
-                }
-            ],
-            appendTo: this.container,
-            autoFocusedElement: 'button:nth-child(1)',
-            content: operation === 0 /* Edit */ ? this.textFor('editRecurringConfirmation') : this.textFor('deleteRecurringConfirmation'),
-            title: operation === 0 /* Edit */ ? this.textFor('editRecurringDialogTitle') : this.textFor('deleteRecurringDialogTitle')
-        });
-        this.isOpen = true;
-        this.changeDetector.markForCheck();
-        return dialog.result.pipe(operators_1.map(function (result) {
-            _this.isOpen = false;
-            _this.focusService.focus();
-            if (result instanceof kendo_angular_dialog_1.DialogCloseResult) {
-                return undefined;
-            }
-            var res = result;
-            return res.value;
-        }));
-    };
-    DialogsService.prototype.textFor = function (key) {
-        return this.localization.get(key);
-    };
-    DialogsService = tslib_1.__decorate([
-        core_1.Injectable(),
-        tslib_1.__metadata("design:paramtypes", [kendo_angular_dialog_1.DialogService,
-            kendo_angular_l10n_1.LocalizationService,
-            core_1.ChangeDetectorRef,
-            focus_service_1.FocusService,
-            view_state_service_1.ViewStateService])
-    ], DialogsService);
-    return DialogsService;
-}());
-exports.DialogsService = DialogsService;

package/dist/npm/editing/edit-dialog-template.directive.js

@@ -1,37 +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");
-/**
- * Represents the template for the edit dialog of the Scheduler.
- * To define the template, nest an `<ng-template>` tag
- * with the `kendoSchedulerEditDialogTemplate` directive inside the `<kendo-scheduler>` tag.
- *
- * The template context is set to the current event and then the following additional fields are passed:
- * - `event`&mdash;The currently edited event. Represents the default context that will be assigned to any template variable which utilizes the `let-x` syntax&mdash;for example, `let-event`.
- * - `formGroup`&mdash;The current [`FormGroup`](https://angular.io/docs/ts/latest/api/forms/index/FormGroup-class.html).
- * - `editMode`&mdash;The current edit mode.
- * - `isNew`&mdash;The state of the current event.
- */
-var EditDialogTemplateDirective = /** @class */ (function () {
-    function EditDialogTemplateDirective(templateRef) {
-        this.templateRef = templateRef;
-    }
-    tslib_1.__decorate([
-        core_1.Input(),
-        tslib_1.__metadata("design:type", String)
-    ], EditDialogTemplateDirective.prototype, "autoFocusedElement", void 0);
-    EditDialogTemplateDirective = tslib_1.__decorate([
-        core_1.Directive({
-            selector: '[kendoSchedulerEditDialogTemplate]'
-        }),
-        tslib_1.__param(0, core_1.Optional()),
-        tslib_1.__metadata("design:paramtypes", [core_1.TemplateRef])
-    ], EditDialogTemplateDirective);
-    return EditDialogTemplateDirective;
-}());
-exports.EditDialogTemplateDirective = EditDialogTemplateDirective;

package/dist/npm/editing/edit-dialog.component.js

@@ -1,300 +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 forms_1 = require("@angular/forms");
-var kendo_angular_l10n_1 = require("@progress/kendo-angular-l10n");
-var edit_service_1 = require("./edit.service");
-var rxjs_1 = require("rxjs");
-var util_1 = require("../common/util");
-var edit_dialog_template_directive_1 = require("./edit-dialog-template.directive");
-var resource_multiple_editor_component_1 = require("./resource-multiple-editor.component");
-var resource_single_editor_component_1 = require("./resource-single-editor.component");
-var kendo_angular_common_1 = require("@progress/kendo-angular-common");
-var operators_1 = require("rxjs/operators");
-var modifiers_1 = require("../common/modifiers");
-var navigation_1 = require("../navigation");
-var kendo_date_math_1 = require("@progress/kendo-date-math");
-var utils_1 = require("../views/utils");
-/**
- * @hidden
- */
-var EditDialogComponent = /** @class */ (function () {
-    function EditDialogComponent(ngZone, editService, localization, changeDetector, element, focusService) {
-        var _this = this;
-        this.ngZone = ngZone;
-        this.editService = editService;
-        this.localization = localization;
-        this.changeDetector = changeDetector;
-        this.element = element;
-        this.focusService = focusService;
-        this.resources = [];
-        this.timezone = 'Etc/UTC';
-        this.setTimeZone = false;
-        this.setSeparateStartEndTimeZones = false;
-        this.subs = this.editService.changed.subscribe(function () {
-            _this.ngZone.run(function () { _this.onChange(); });
-        });
-        this.subs.add(rxjs_1.fromEvent(this.element.nativeElement, 'keydown')
-            .pipe(operators_1.filter(function () { return _this.isActive; }))
-            .subscribe(function (e) {
-            if (e.keyCode === kendo_angular_common_1.Keys.Escape) {
-                _this.reset();
-            }
-            if (e.keyCode === kendo_angular_common_1.Keys.Enter && (modifiers_1.withModifiers(e, modifiers_1.Modifiers.CtrlKey) || modifiers_1.withModifiers(e, modifiers_1.Modifiers.MetaKey))) {
-                _this.onSave(e);
-            }
-            e.stopPropagation();
-        }));
-    }
-    Object.defineProperty(EditDialogComponent.prototype, "autoFocusedElement", {
-        get: function () {
-            if (this.editTemplate) {
-                return this.editTemplate.autoFocusedElement;
-            }
-            return '.k-edit-field input';
-        },
-        enumerable: true,
-        configurable: true
-    });
-    Object.defineProperty(EditDialogComponent.prototype, "isEditingSeries", {
-        get: function () {
-            return this.editMode === 2 /* Series */ && Boolean(this.formGroup.get(this.fields.recurrenceRule));
-        },
-        enumerable: true,
-        configurable: true
-    });
-    Object.defineProperty(EditDialogComponent.prototype, "eventTimezone", {
-        get: function () {
-            return utils_1.formValueOrDefault(this.formGroup, this.fields.startTimezone, this.timezone);
-        },
-        enumerable: true,
-        configurable: true
-    });
-    Object.defineProperty(EditDialogComponent.prototype, "endTimezone", {
-        get: function () {
-            return utils_1.formValueOrDefault(this.formGroup, this.fields.endTimezone, this.eventTimezone);
-        },
-        enumerable: true,
-        configurable: true
-    });
-    EditDialogComponent.prototype.onChange = function () {
-        this.changeDetector.markForCheck();
-        if (this.editService.hasNewEvent) {
-            this.editMode = 2 /* Series */;
-            this.formGroup = this.editService.context.formGroup;
-            this.isNew = true;
-            this.applyLocalTimezone();
-        }
-        else if (this.editService.isEditing()) {
-            var _a = this.editService.context, dataItem = _a.dataItem, mode = _a.mode;
-            this.formGroup = this.editService.context.formGroup;
-            this.isNew = false;
-            this.editedEvent = dataItem;
-            this.editMode = util_1.isPresent(mode) ? mode : 2 /* Series */;
-            this.applyLocalTimezone();
-        }
-        else {
-            this.reset();
-            return;
-        }
-        if (!this.editTemplate) {
-            this.addTimeZoneCheckboxesToFormGroup();
-            this.subscribeToFormGroupChanges();
-        }
-        if (util_1.isPresent(this.formGroup)) {
-            this.recurrenceStart = this.formGroup.get(this.fields.start).value;
-        }
-        this.isActive = true;
-    };
-    EditDialogComponent.prototype.ngOnDestroy = function () {
-        if (this.subs) {
-            this.subs.unsubscribe();
-        }
-    };
-    EditDialogComponent.prototype.onCancel = function (e) {
-        e.preventDefault();
-        this.onClose();
-        this.changeDetector.markForCheck();
-    };
-    EditDialogComponent.prototype.onSave = function (e) {
-        e.preventDefault();
-        this.applyTimezone();
-        this.editService.save();
-        this.changeDetector.markForCheck();
-    };
-    EditDialogComponent.prototype.onClose = function () {
-        this.editService.endEdit();
-        this.changeDetector.markForCheck();
-        this.focusService.focus();
-    };
-    Object.defineProperty(EditDialogComponent.prototype, "hasAllDay", {
-        get: function () {
-            return Boolean(this.formGroup.get(this.fields.isAllDay));
-        },
-        enumerable: true,
-        configurable: true
-    });
-    Object.defineProperty(EditDialogComponent.prototype, "hasStartTimeZone", {
-        get: function () {
-            return Boolean(this.formGroup.get(this.fields.startTimezone));
-        },
-        enumerable: true,
-        configurable: true
-    });
-    Object.defineProperty(EditDialogComponent.prototype, "isStartTimeZoneVisible", {
-        get: function () {
-            return this.formGroup && this.formGroup.get('startTimezoneCheckbox').value;
-        },
-        enumerable: true,
-        configurable: true
-    });
-    Object.defineProperty(EditDialogComponent.prototype, "hasEndTimeZone", {
-        get: function () {
-            return Boolean(this.formGroup.get(this.fields.endTimezone));
-        },
-        enumerable: true,
-        configurable: true
-    });
-    Object.defineProperty(EditDialogComponent.prototype, "isEndTimeZoneVisible", {
-        get: function () {
-            return this.formGroup && this.formGroup.get('endTimezoneCheckbox').value;
-        },
-        enumerable: true,
-        configurable: true
-    });
-    EditDialogComponent.prototype.getFormValue = function (field) {
-        if (field) {
-            return this.formGroup.get(field);
-        }
-    };
-    EditDialogComponent.prototype.textFor = function (key) {
-        return this.localization.get(key);
-    };
-    EditDialogComponent.prototype.onResourceClick = function (resource) {
-        var resourceEditors = resource.multiple ? this.multipleResourceEditors : this.singleResourceEditors;
-        var currentEditor = resourceEditors.filter(function (editor) { return editor.resource.field === resource.field; }).pop();
-        if (currentEditor) {
-            currentEditor.focus();
-        }
-    };
-    EditDialogComponent.prototype.reset = function () {
-        this.isActive = false;
-        this.setTimeZone = false;
-        this.setSeparateStartEndTimeZones = false;
-        this.removeTimeZoneCheckboxesFromFormGroup();
-        this.focusService.focus();
-    };
-    EditDialogComponent.prototype.addTimeZoneCheckboxesToFormGroup = function () {
-        if (util_1.isPresent(this.formGroup)) {
-            var startField = this.fields.startTimezone;
-            this.formGroup.addControl('startTimezoneCheckbox', new forms_1.FormControl(this.formGroup.contains(startField) &&
-                this.formGroup.get(startField).value));
-            var endField = this.fields.endTimezone;
-            this.formGroup.addControl('endTimezoneCheckbox', new forms_1.FormControl(this.formGroup.contains(endField) &&
-                this.formGroup.get(endField).value));
-        }
-    };
-    EditDialogComponent.prototype.removeTimeZoneCheckboxesFromFormGroup = function () {
-        if (util_1.isPresent(this.formGroup)) {
-            this.formGroup.removeControl('startTimezoneCheckbox');
-            this.formGroup.removeControl('endTimezoneCheckbox');
-        }
-    };
-    EditDialogComponent.prototype.subscribeToFormGroupChanges = function () {
-        var _this = this;
-        if (util_1.isPresent(this.formGroup)) {
-            var fields_1 = this.fields;
-            this.formGroup.get('startTimezoneCheckbox').valueChanges.subscribe(function (isTrue) {
-                if (!isTrue) {
-                    _this.formGroup.get(fields_1.startTimezone).setValue(null, { emitEvent: false });
-                    _this.formGroup.get(fields_1.endTimezone).setValue(null, { emitEvent: false });
-                    _this.formGroup.get('endTimezoneCheckbox').setValue(false, { emitEvent: false });
-                }
-            });
-            this.formGroup.get('endTimezoneCheckbox').valueChanges.subscribe(function (isTrue) {
-                if (!isTrue) {
-                    _this.formGroup.get(fields_1.endTimezone).setValue(null, { emitEvent: false });
-                }
-            });
-            this.formGroup.get(fields_1.start).valueChanges.subscribe(function (newStart) {
-                _this.recurrenceStart = newStart;
-            });
-        }
-    };
-    /**
-     * Converts the event dates to "display dates" that look like the original date in its time zone.
-     * The result does not represent the same moment in time and must be converted back to local dates.
-     */
-    EditDialogComponent.prototype.applyLocalTimezone = function () {
-        var fields = this.fields;
-        var start = this.readDateAsLocal(fields.start, this.eventTimezone);
-        var end = this.readDateAsLocal(fields.end, this.endTimezone);
-        this.formGroup.get(fields.start).reset(start);
-        this.formGroup.get(fields.end).reset(end);
-    };
-    /**
-     * Converts the "display dates" used by the editors back to local dates that represent the true moment in time.
-     */
-    EditDialogComponent.prototype.applyTimezone = function () {
-        var fields = this.fields;
-        var start = this.readDateWithTimezone(fields.start, this.eventTimezone);
-        var end = this.readDateWithTimezone(fields.end, this.endTimezone);
-        this.formGroup.get(fields.start).reset(start);
-        this.formGroup.get(fields.end).reset(end);
-    };
-    EditDialogComponent.prototype.readDateWithTimezone = function (field, timezone) {
-        var value = this.formGroup.get(field).value;
-        return kendo_date_math_1.ZonedDate.fromUTCDate(utils_1.toUTCDateTime(value), timezone).toLocalDate();
-    };
-    EditDialogComponent.prototype.readDateAsLocal = function (field, timezone) {
-        var value = this.formGroup.get(field).value;
-        return kendo_date_math_1.toLocalDate(kendo_date_math_1.ZonedDate.fromLocalDate(value, timezone).toUTCDate());
-    };
-    tslib_1.__decorate([
-        core_1.ViewChildren(resource_multiple_editor_component_1.MultipleResourceEditorComponent),
-        tslib_1.__metadata("design:type", core_1.QueryList)
-    ], EditDialogComponent.prototype, "multipleResourceEditors", void 0);
-    tslib_1.__decorate([
-        core_1.ViewChildren(resource_single_editor_component_1.SingleResourceEditorComponent),
-        tslib_1.__metadata("design:type", core_1.QueryList)
-    ], EditDialogComponent.prototype, "singleResourceEditors", void 0);
-    tslib_1.__decorate([
-        core_1.Input(),
-        tslib_1.__metadata("design:type", Array)
-    ], EditDialogComponent.prototype, "resources", void 0);
-    tslib_1.__decorate([
-        core_1.Input(),
-        tslib_1.__metadata("design:type", String)
-    ], EditDialogComponent.prototype, "timezone", void 0);
-    tslib_1.__decorate([
-        core_1.Input(),
-        tslib_1.__metadata("design:type", Number)
-    ], EditDialogComponent.prototype, "weekStart", void 0);
-    tslib_1.__decorate([
-        core_1.Input(),
-        tslib_1.__metadata("design:type", Object)
-    ], EditDialogComponent.prototype, "fields", void 0);
-    tslib_1.__decorate([
-        core_1.Input(),
-        tslib_1.__metadata("design:type", edit_dialog_template_directive_1.EditDialogTemplateDirective)
-    ], EditDialogComponent.prototype, "editTemplate", void 0);
-    EditDialogComponent = tslib_1.__decorate([
-        core_1.Component({
-            selector: 'kendo-scheduler-edit-dialog',
-            template: "\n        <kendo-dialog (close)='onClose()' [minWidth]='700' *ngIf='isActive' title='{{ textFor(\"editorTitle\") }}' class='k-scheduler-edit-dialog' [autoFocusedElement]=\"autoFocusedElement\">\n            <ng-container *ngIf='!editTemplate'>\n                <div class='k-scheduler-edit-form'>\n                    <div class='k-edit-form-container'>\n                        <form novalidate [formGroup]='formGroup'>\n                            <div class='k-edit-label'>\n                                <label for='k-event-title'>{{ textFor('editorEventTitle') }}</label>\n                            </div>\n                            <div class='k-edit-field'>\n                                <input #title id='k-event-title' kendoTextBox placeholder='Title' [formControl]='formGroup.get(fields.title)' />\n                            </div>\n\n                            <div class='k-edit-label'>\n                                <label (click)=\"startDateTimePicker.focus()\">{{ textFor('editorEventStart') }}</label>\n                            </div>\n                            <div class='k-edit-field'>\n                                <kendo-scheduler-datetime-picker #startDateTimePicker [formControl]='formGroup.get(fields.start)'\n                                    [isAllDay]='getFormValue(fields.isAllDay)?.value'>\n                                </kendo-scheduler-datetime-picker>\n                            </div>\n\n                            <ng-container *ngIf=\"isStartTimeZoneVisible\">\n                                <div class='k-edit-label'>\n                                    <label (click)=\"startTzPicker.focus()\">{{ textFor('editorEventStartTimeZone') }}</label>\n                                </div>\n\n                                <div class='k-edit-field'>\n                                    <kendo-timezone-editor #startTzPicker [formControl]='formGroup.get(fields.startTimezone)'></kendo-timezone-editor>\n                                </div>\n                            </ng-container>\n\n                            <div class='k-edit-label'>\n                                <label (click)=\"endDateTimePicker.focus()\">{{ textFor('editorEventEnd') }}</label>\n                            </div>\n                            <div class='k-edit-field'>\n                                <kendo-scheduler-datetime-picker #endDateTimePicker [formControl]='formGroup.get(fields.end)'\n                                    [isAllDay]='getFormValue(fields.isAllDay)?.value'>\n                                </kendo-scheduler-datetime-picker>\n                            </div>\n\n                            <ng-container *ngIf=\"isEndTimeZoneVisible\">\n                                <div class='k-edit-label'>\n                                    <label (click)=\"endTzPicker.focus()\">{{ textFor('editorEventEndTimeZone') }}</label>\n                                </div>\n\n                                <div class='k-edit-field'>\n                                    <kendo-timezone-editor #endTzPicker [formControl]='formGroup.get(fields.endTimezone)'></kendo-timezone-editor>\n                                </div>\n                            </ng-container>\n\n                            <div class='k-edit-field' *ngIf=\"hasAllDay\">\n                                <input type='checkbox' id='k-is-allday-chkbox' kendoCheckBox [formControl]='formGroup.get(fields.isAllDay)' />\n                                <label class='k-checkbox-label' for='k-is-allday-chkbox'>{{ textFor('editorEventAllDay') }}</label>\n                            </div>\n\n                            <div class='k-edit-field' *ngIf=\"hasStartTimeZone\">\n                                <input type='checkbox' id='k-set-timezone' kendoCheckBox\n                                formControlName='startTimezoneCheckbox' />\n                                <label class='k-checkbox-label' for='k-set-timezone'>{{ textFor('editorEventTimeZone') }}</label>\n\n                                <ng-container *ngIf=\"isStartTimeZoneVisible && hasEndTimeZone\">\n                                    <input type='checkbox' id='k-use-separate' kendoCheckBox formControlName='endTimezoneCheckbox' />\n                                    <label class='k-checkbox-label' for='k-use-separate'>{{ textFor('editorEventSeparateTimeZones') }}</label>\n                                </ng-container>\n                            </div>\n\n                            <ng-container *ngIf=\"isEditingSeries\">\n                                <kendo-recurrence-editor\n                                    [formControl]='formGroup.get(fields.recurrenceRule)'\n                                    [start]='recurrenceStart'\n                                    [timezone]='eventTimezone'\n                                    [weekStart]='weekStart'\n                                ></kendo-recurrence-editor>\n                            </ng-container>\n\n                            <ng-container *ngIf='getFormValue(fields.description)'>\n                                <div class='k-edit-label'>\n                                    <label for='k-event-description'>{{ textFor('editorEventDescription') }}</label>\n                                </div>\n                                <div class='k-edit-field'>\n                                    <textarea id='k-event-description' kendoTextArea [formControl]='formGroup.get(fields.description)'></textarea>\n                                </div>\n                            </ng-container>\n\n                            <ng-container *ngFor='let resource of resources'>\n                                <ng-container *ngIf='getFormValue(resource.field)'>\n                                    <div class='k-edit-label'>\n                                        <label (click)=\"onResourceClick(resource)\">\n                                            {{ resource.name ? resource.name : resource.field }}\n                                        </label>\n                                    </div>\n                                    <div class='k-edit-field'>\n                                        <kendo-multiple-resource-editor\n                                            *ngIf='resource.multiple'\n                                            [formControl]='formGroup.get(resource.field)'\n                                            [resource]='resource'>\n                                        </kendo-multiple-resource-editor>\n                                        <kendo-single-resource-editor\n                                            *ngIf='!resource.multiple'\n                                            [formControl]='formGroup.get(resource.field)'\n                                            [resource]='resource'>\n                                        </kendo-single-resource-editor>\n                                    </div>\n                                </ng-container>\n                            </ng-container>\n                        </form>\n                    </div>\n                </div>\n            </ng-container>\n\n            <ng-container *ngIf='editTemplate'>\n                <form novalidate [formGroup]='formGroup'>\n                    <ng-container [ngTemplateOutlet]='editTemplate.templateRef'\n                        [ngTemplateOutletContext]=\"{\n                            $implicit: formGroup,\n                            formGroup: formGroup,\n                            dataItem: editedEvent,\n                            editMode: editMode,\n                            isNew: isNew\n                        }\">\n                    </ng-container>\n                </form>\n            </ng-container>\n\n            <kendo-dialog-actions>\n                <button kendoButton (click)=\"onCancel($event)\">{{ textFor('cancel') }}</button>\n                <button kendoButton themeColor=\"primary\" (click)=\"onSave($event)\" [disabled]=\"!formGroup.valid\">{{ textFor('save') }}</button>\n            </kendo-dialog-actions>\n        </kendo-dialog>\n    "
-        }),
-        tslib_1.__metadata("design:paramtypes", [core_1.NgZone,
-            edit_service_1.EditService,
-            kendo_angular_l10n_1.LocalizationService,
-            core_1.ChangeDetectorRef,
-            core_1.ElementRef,
-            navigation_1.FocusService])
-    ], EditDialogComponent);
-    return EditDialogComponent;
-}());
-exports.EditDialogComponent = EditDialogComponent;

package/dist/npm/editing/edit.service.js

@@ -1,120 +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 rxjs_1 = require("rxjs");
-var operators_1 = require("rxjs/operators");
-var util_1 = require("../common/util");
-// const toSimilarDate = (date: ZonedDate): Date => new Date(
-//     date.getFullYear(), date.getMonth(), date.getDay(),
-//     date.getHours(), date.getMinutes(), date.getSeconds(),
-//     date.getMilliseconds()
-//   );
-// const toUTCDateTime = (localDate: Date): Date => new Date(Date.UTC(
-//       localDate.getFullYear(),
-//       localDate.getMonth(),
-//       localDate.getDate(),
-//       localDate.getHours(),
-//       localDate.getMinutes(),
-//       localDate.getSeconds(),
-//       localDate.getMilliseconds()
-//     ));
-/**
- * @hidden
- */
-var EditService = /** @class */ (function () {
-    function EditService(ngZone) {
-        this.ngZone = ngZone;
-        this.changes = new core_1.EventEmitter();
-        this.changedSource = new rxjs_1.Subject();
-        this.changed = this.changedSource.asObservable().pipe(operators_1.debounceTime(0));
-    }
-    EditService.prototype.endEdit = function () {
-        var formGroup = this.hasNewEvent ? this.newEventGroup.group : this.editedEvent.formGroup;
-        this.changes.emit({ action: 'cancel', formGroup: formGroup });
-    };
-    EditService.prototype.removeEvent = function (dataItem) {
-        this.changes.emit({ action: 'remove', dataItem: dataItem });
-    };
-    EditService.prototype.addEvent = function (formGroup) {
-        this.newEventGroup = { formGroup: formGroup };
-        this.onChanged();
-    };
-    EditService.prototype.editEvent = function (dataItem, formGroup, mode) {
-        if (formGroup === void 0) { formGroup = undefined; }
-        this.editedEvent = { dataItem: dataItem, formGroup: formGroup, mode: mode };
-        this.onChanged();
-    };
-    EditService.prototype.close = function () {
-        this.newEventGroup = this.editedEvent = null;
-        this.onChanged();
-    };
-    EditService.prototype.save = function () {
-        var _a = this.context, dataItem = _a.dataItem, formGroup = _a.formGroup;
-        this.changes.emit({
-            action: 'save',
-            dataItem: dataItem,
-            formGroup: formGroup,
-            isNew: this.hasNewEvent,
-            mode: this.occurrenceEditMode
-        });
-    };
-    EditService.prototype.isEditing = function () {
-        return util_1.isPresent(this.context);
-    };
-    Object.defineProperty(EditService.prototype, "occurrenceEditMode", {
-        get: function () {
-            if (this.hasNewEvent) {
-                return 2 /* Series */;
-            }
-            else {
-                return this.editedEvent.mode || 0 /* Event */;
-            }
-        },
-        enumerable: true,
-        configurable: true
-    });
-    Object.defineProperty(EditService.prototype, "hasNewEvent", {
-        get: function () {
-            return util_1.isPresent(this.newEventGroup);
-        },
-        enumerable: true,
-        configurable: true
-    });
-    Object.defineProperty(EditService.prototype, "newEvent", {
-        get: function () {
-            if (this.hasNewEvent) {
-                return this.newEventGroup.group.value;
-            }
-            return {};
-        },
-        enumerable: true,
-        configurable: true
-    });
-    Object.defineProperty(EditService.prototype, "context", {
-        get: function () {
-            if (this.hasNewEvent) {
-                return this.newEventGroup;
-            }
-            return this.editedEvent;
-        },
-        enumerable: true,
-        configurable: true
-    });
-    EditService.prototype.onChanged = function () {
-        var _this = this;
-        this.ngZone.runOutsideAngular(function () {
-            _this.changedSource.next();
-        });
-    };
-    EditService = tslib_1.__decorate([
-        core_1.Injectable(),
-        tslib_1.__metadata("design:paramtypes", [core_1.NgZone])
-    ], EditService);
-    return EditService;
-}());
-exports.EditService = EditService;

package/dist/npm/editing/local-data-changes.service.js

@@ -1,21 +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");
-/**
- * @hidden
- */
-var LocalDataChangesService = /** @class */ (function () {
-    function LocalDataChangesService() {
-        this.changes = new core_1.EventEmitter();
-    }
-    LocalDataChangesService = tslib_1.__decorate([
-        core_1.Injectable()
-    ], LocalDataChangesService);
-    return LocalDataChangesService;
-}());
-exports.LocalDataChangesService = LocalDataChangesService;