@progress/kendo-angular-scheduler 4.3.0 → 4.3.1-dev.202208290849

package/fesm2015/kendo-angular-scheduler.js

@@ -43,7 +43,7 @@ const packageMetadata = {
     name: '@progress/kendo-angular-scheduler',
     productName: 'Kendo UI for Angular',
     productCodes: ['KENDOUIANGULAR', 'KENDOUICOMPLETE'],
-    publishDate: 1659510476,
+    publishDate: 1661762899,
     version: '',
     licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/?utm_medium=product&utm_source=kendoangular&utm_campaign=kendo-ui-angular-purchase-license-keys-warning'
 };
@@ -1434,10 +1434,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImpo
  * @hidden
  */
 class FocusService {
-    constructor(renderer, wrapper, domEvents) {
+    constructor(renderer, wrapper, domEvents, zone) {
         this.renderer = renderer;
         this.wrapper = wrapper;
         this.domEvents = domEvents;
+        this.zone = zone;
         this.ariaActiveDescendant = new EventEmitter();
         this.items = new Set();
         this.elementMap = new WeakMap();
@@ -1486,6 +1487,24 @@ class FocusService {
         }
         return this.activeItem !== currentItem;
     }
+    focusFirst() {
+        const firstEvent = Array.from(this.items.values())[0];
+        if (!firstEvent) {
+            return;
+        }
+        this.activate(firstEvent.element.nativeElement);
+        this.focus();
+        this.zone.onStable.pipe(take(1)).subscribe(() => {
+            const first = Array.from(this.items.values())[0];
+            if (!first) {
+                this.clearActiveDescendant();
+                return;
+            }
+            const id = first.element.nativeElement.getAttribute('id');
+            this.ariaActiveDescendant.next(id);
+            this.lastActiveDescendantId = id;
+        });
+    }
     clearActiveDescendant() {
         this.ariaActiveDescendant.next(null);
     }
@@ -1496,6 +1515,7 @@ class FocusService {
             if (item === next) {
                 const id = item.element.nativeElement.getAttribute('id');
                 this.ariaActiveDescendant.next(id);
+                this.lastActiveDescendantId = id;
             }
         });
         this.activeItem = next;
@@ -1534,6 +1554,10 @@ class FocusService {
     }
     onFocusIn(e) {
         const item = this.elementMap.get(e.target);
+        const shouldRestoreActiveDescendant = this.lastActiveDescendantId && this.lastActiveDescendantId !== (item === null || item === void 0 ? void 0 : item.element.nativeElement.getAttribute('id'));
+        if (shouldRestoreActiveDescendant) {
+            this.ariaActiveDescendant.next(this.lastActiveDescendantId);
+        }
         if (!item || item === this.focusedItem) {
             return;
         }
@@ -1550,10 +1574,10 @@ class FocusService {
         }
         this.focusedItem.toggleFocus(false);
         this.focusedItem = null;
-        this.ariaActiveDescendant.next(null);
+        this.clearActiveDescendant();
     }
 }
-FocusService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: FocusService, deps: [{ token: i0.Renderer2, optional: true }, { token: i0.ElementRef, optional: true }, { token: DomEventsService }], target: i0.ɵɵFactoryTarget.Injectable });
+FocusService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: FocusService, deps: [{ token: i0.Renderer2, optional: true }, { token: i0.ElementRef, optional: true }, { token: DomEventsService }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Injectable });
 FocusService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: FocusService });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: FocusService, decorators: [{
             type: Injectable
@@ -1561,7 +1585,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImpo
                     type: Optional
                 }] }, { type: i0.ElementRef, decorators: [{
                     type: Optional
-                }] }, { type: DomEventsService }]; } });
+                }] }, { type: DomEventsService }, { type: i0.NgZone }]; } });
 
 /**
  * @hidden
@@ -1798,6 +1822,7 @@ class FocusableDirective {
         this.element.nativeElement.focus();
     }
     toggleFocus(value) {
+        var _a;
         const focusedClass = 'k-selected';
         const element = this.element.nativeElement;
         if (value) {
@@ -1806,7 +1831,11 @@ class FocusableDirective {
         else {
             this.renderer.removeClass(element, focusedClass);
         }
-        this.renderer.setAttribute(element, 'aria-selected', value.toString());
+        const selectable = element.matches('.k-scheduler-agendaview .k-scheduler-content .k-selected');
+        if (selectable) {
+            (_a = element.closest('.k-scheduler-agendaview').querySelector('[aria-selected="true"]')) === null || _a === void 0 ? void 0 : _a.removeAttribute('aria-selected');
+            this.renderer.setAttribute(element, 'aria-selected', value.toString());
+        }
     }
 }
 FocusableDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: FocusableDirective, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }, { token: FocusService }], target: i0.ɵɵFactoryTarget.Directive });
@@ -8013,8 +8042,8 @@ AgendaTaskItemComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0",
 AgendaTaskItemComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: AgendaTaskItemComponent, selector: "[kendoSchedulerAgendaTaskItem]", inputs: { item: ["kendoSchedulerAgendaTaskItem", "item"], color: "color", eventTemplate: "eventTemplate", editable: "editable" }, host: { properties: { "attr.aria-label": "this.eventTitle" } }, ngImport: i0, template: `
         <div class="k-task" [title]="item.title">
             <span class="k-scheduler-mark" *ngIf="eventColor" [style.background-color]="eventColor"></span>
-            <span class="k-icon k-i-reload" *ngIf="isRecurrence"></span>
-            <span class="k-icon k-i-non-recurrence" *ngIf="isRecurrenceException"></span>
+            <span class="k-icon k-i-arrow-rotate-cw" *ngIf="isRecurrence"></span>
+            <span class="k-icon k-i-arrows-no-repeat" *ngIf="isRecurrenceException"></span>
             <ng-container *ngIf="!eventTemplate">
                 {{item?.title }}
             </ng-container>
@@ -8023,7 +8052,7 @@ AgendaTaskItemComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0"
             </ng-container>
 
             <span *ngIf="removable" class="k-link k-event-delete" aria-hidden="true" [attr.title]="deleteMessage">
-                <span class="k-icon k-i-close"></span>
+                <span class="k-icon k-i-x"></span>
             </span>
         </div>
     `, isInline: true, directives: [{ type: i11.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i11.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
@@ -8036,8 +8065,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImpo
                     template: `
         <div class="k-task" [title]="item.title">
             <span class="k-scheduler-mark" *ngIf="eventColor" [style.background-color]="eventColor"></span>
-            <span class="k-icon k-i-reload" *ngIf="isRecurrence"></span>
-            <span class="k-icon k-i-non-recurrence" *ngIf="isRecurrenceException"></span>
+            <span class="k-icon k-i-arrow-rotate-cw" *ngIf="isRecurrence"></span>
+            <span class="k-icon k-i-arrows-no-repeat" *ngIf="isRecurrenceException"></span>
             <ng-container *ngIf="!eventTemplate">
                 {{item?.title }}
             </ng-container>
@@ -8046,7 +8075,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImpo
             </ng-container>
 
             <span *ngIf="removable" class="k-link k-event-delete" aria-hidden="true" [attr.title]="deleteMessage">
-                <span class="k-icon k-i-close"></span>
+                <span class="k-icon k-i-x"></span>
             </span>
         </div>
     `
@@ -8142,9 +8171,9 @@ AgendaListComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", ve
                         </td>
                         <td class="k-scheduler-timecolumn" role="gridcell">
                             <div *ngIf="!agendaTimeTemplate">
-                                <span class="k-icon k-i-arrow-60-left" *ngIf="extractDataItem(item).tail"></span>
+                                <span class="k-icon k-i-caret-alt-left" *ngIf="extractDataItem(item).tail"></span>
                                 {{ formatTime(extractDataItem(item)) }}
-                                <span class="k-icon k-i-arrow-60-right" *ngIf="extractDataItem(item).head"></span>
+                                <span class="k-icon k-i-caret-alt-right" *ngIf="extractDataItem(item).head"></span>
                             </div>
                             <ng-container *ngIf="agendaTimeTemplate" [ngTemplateOutlet]="agendaTimeTemplate"
                                 [ngTemplateOutletContext]="extractDataItem(item)">
@@ -8184,9 +8213,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImpo
                         </td>
                         <td class="k-scheduler-timecolumn" role="gridcell">
                             <div *ngIf="!agendaTimeTemplate">
-                                <span class="k-icon k-i-arrow-60-left" *ngIf="extractDataItem(item).tail"></span>
+                                <span class="k-icon k-i-caret-alt-left" *ngIf="extractDataItem(item).tail"></span>
                                 {{ formatTime(extractDataItem(item)) }}
-                                <span class="k-icon k-i-arrow-60-right" *ngIf="extractDataItem(item).head"></span>
+                                <span class="k-icon k-i-caret-alt-right" *ngIf="extractDataItem(item).head"></span>
                             </div>
                             <ng-container *ngIf="agendaTimeTemplate" [ngTemplateOutlet]="agendaTimeTemplate"
                                 [ngTemplateOutletContext]="extractDataItem(item)">
@@ -9308,9 +9337,9 @@ class MonthViewItemComponent extends BaseViewItem {
 MonthViewItemComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: MonthViewItemComponent, deps: [{ token: MonthSlotService }, { token: i2.LocalizationService }, { token: FocusService }, { token: i0.ElementRef }, { token: i0.Renderer2 }, { token: LOCALE_ID }], target: i0.ɵɵFactoryTarget.Component });
 MonthViewItemComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: MonthViewItemComponent, selector: "[monthViewItem]", usesInheritance: true, ngImport: i0, template: `
         <span class="k-event-actions">
-            <span class="k-icon k-i-arrow-60-left" *ngIf="item.tail"></span>
-            <span class="k-icon k-i-reload" *ngIf="isRecurrence"></span>
-            <span class="k-icon k-i-non-recurrence" *ngIf="isRecurrenceException"></span>
+            <span class="k-icon k-i-caret-alt-left" *ngIf="item.tail"></span>
+            <span class="k-icon k-i-arrow-rotate-cw" *ngIf="isRecurrence"></span>
+            <span class="k-icon k-i-arrows-no-repeat" *ngIf="isRecurrenceException"></span>
         </span>
         <ng-container *ngIf="eventTemplate" [ngTemplateOutlet]="eventTemplate"
             [ngTemplateOutletContext]="{ $implicit: item.event, event: item.event, resources: resources }">
@@ -9321,9 +9350,9 @@ MonthViewItemComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0",
 
         <span class="k-event-actions">
             <span *ngIf="removable" class="k-link k-event-delete" aria-hidden="true" [attr.title]="deleteMessage">
-                <span class="k-icon k-i-close"></span>
+                <span class="k-icon k-i-x"></span>
             </span>
-            <span class="k-icon k-i-arrow-60-right" *ngIf="item.head"></span>
+            <span class="k-icon k-i-caret-alt-right" *ngIf="item.head"></span>
         </span>
 
         <ng-container *ngIf="resizable">
@@ -9338,9 +9367,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImpo
                     selector: '[monthViewItem]',
                     template: `
         <span class="k-event-actions">
-            <span class="k-icon k-i-arrow-60-left" *ngIf="item.tail"></span>
-            <span class="k-icon k-i-reload" *ngIf="isRecurrence"></span>
-            <span class="k-icon k-i-non-recurrence" *ngIf="isRecurrenceException"></span>
+            <span class="k-icon k-i-caret-alt-left" *ngIf="item.tail"></span>
+            <span class="k-icon k-i-arrow-rotate-cw" *ngIf="isRecurrence"></span>
+            <span class="k-icon k-i-arrows-no-repeat" *ngIf="isRecurrenceException"></span>
         </span>
         <ng-container *ngIf="eventTemplate" [ngTemplateOutlet]="eventTemplate"
             [ngTemplateOutletContext]="{ $implicit: item.event, event: item.event, resources: resources }">
@@ -9351,9 +9380,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImpo
 
         <span class="k-event-actions">
             <span *ngIf="removable" class="k-link k-event-delete" aria-hidden="true" [attr.title]="deleteMessage">
-                <span class="k-icon k-i-close"></span>
+                <span class="k-icon k-i-x"></span>
             </span>
-            <span class="k-icon k-i-arrow-60-right" *ngIf="item.head"></span>
+            <span class="k-icon k-i-caret-alt-right" *ngIf="item.head"></span>
         </span>
 
         <ng-container *ngIf="resizable">
@@ -10997,7 +11026,7 @@ MonthViewRendererComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0
                         </ng-container>
                     </table>
                 </div>
-                <div class="k-scheduler-content" #content>
+                <div class="k-scheduler-content" tabindex="0" #content>
                      <table class="k-scheduler-table k-user-select-none" #contentTable role="presentation">
                          <ng-container *ngFor="let resourceItem of verticalResources | resourceIterator; let verticalIndex = index; trackBy: itemIndex">
                              <tr *ngFor="let week of weeks;  let rangeIndex = index; trackBy: itemIndex">
@@ -11125,7 +11154,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImpo
                         </ng-container>
                     </table>
                 </div>
-                <div class="k-scheduler-content" #content>
+                <div class="k-scheduler-content" tabindex="0" #content>
                      <table class="k-scheduler-table k-user-select-none" #contentTable role="presentation">
                          <ng-container *ngFor="let resourceItem of verticalResources | resourceIterator; let verticalIndex = index; trackBy: itemIndex">
                              <tr *ngFor="let week of weeks;  let rangeIndex = index; trackBy: itemIndex">
@@ -12311,9 +12340,9 @@ class DayTimeViewItemComponent extends BaseViewItem {
 DayTimeViewItemComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: DayTimeViewItemComponent, deps: [{ token: i1$3.IntlService }, { token: DayTimeSlotService }, { token: i2.LocalizationService }, { token: FocusService }, { token: i0.ElementRef }, { token: i0.Renderer2 }, { token: LOCALE_ID }], target: i0.ɵɵFactoryTarget.Component });
 DayTimeViewItemComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: DayTimeViewItemComponent, selector: "[dayTimeViewItem]", inputs: { vertical: "vertical", isAllDay: "isAllDay" }, usesInheritance: true, ngImport: i0, template: `
         <span class="k-event-actions">
-            <span class="k-icon k-i-arrow-60-left" *ngIf="item.tail && !vertical"></span>
-            <span class="k-icon k-i-reload" *ngIf="isRecurrence"></span>
-            <span class="k-icon k-i-non-recurrence" *ngIf="isRecurrenceException"></span>
+            <span class="k-icon k-i-caret-alt-left" *ngIf="item.tail && !vertical"></span>
+            <span class="k-icon k-i-arrow-rotate-cw" *ngIf="isRecurrence"></span>
+            <span class="k-icon k-i-arrows-no-repeat" *ngIf="isRecurrenceException"></span>
         </span>
         <ng-container *ngIf="eventTemplate" [ngTemplateOutlet]="eventTemplate"
             [ngTemplateOutletContext]="{ $implicit: item.event, event: item.event, resources: resources }">
@@ -12325,17 +12354,17 @@ DayTimeViewItemComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0
 
         <span class="k-event-actions">
             <span *ngIf="removable" class="k-link k-event-delete" aria-hidden="true" [attr.title]="deleteMessage">
-                <span class="k-icon k-i-close"></span>
+                <span class="k-icon k-i-x"></span>
             </span>
-            <span class="k-icon k-i-arrow-60-right" *ngIf="item.head && !vertical"></span>
+            <span class="k-icon k-i-caret-alt-right" *ngIf="item.head && !vertical"></span>
         </span>
 
         <span class="k-event-top-actions" *ngIf="item.tail && vertical">
-            <span class="k-icon k-i-arrow-60-up"></span>
+            <span class="k-icon k-i-caret-alt-up"></span>
         </span>
 
         <span class="k-event-bottom-actions" *ngIf="item.head && vertical">
-            <span class="k-icon k-i-arrow-60-down"></span>
+            <span class="k-icon k-i-caret-alt-down"></span>
         </span>
 
         <ng-container *ngIf="resizable && vertical">
@@ -12355,9 +12384,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImpo
                     selector: '[dayTimeViewItem]',
                     template: `
         <span class="k-event-actions">
-            <span class="k-icon k-i-arrow-60-left" *ngIf="item.tail && !vertical"></span>
-            <span class="k-icon k-i-reload" *ngIf="isRecurrence"></span>
-            <span class="k-icon k-i-non-recurrence" *ngIf="isRecurrenceException"></span>
+            <span class="k-icon k-i-caret-alt-left" *ngIf="item.tail && !vertical"></span>
+            <span class="k-icon k-i-arrow-rotate-cw" *ngIf="isRecurrence"></span>
+            <span class="k-icon k-i-arrows-no-repeat" *ngIf="isRecurrenceException"></span>
         </span>
         <ng-container *ngIf="eventTemplate" [ngTemplateOutlet]="eventTemplate"
             [ngTemplateOutletContext]="{ $implicit: item.event, event: item.event, resources: resources }">
@@ -12369,17 +12398,17 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImpo
 
         <span class="k-event-actions">
             <span *ngIf="removable" class="k-link k-event-delete" aria-hidden="true" [attr.title]="deleteMessage">
-                <span class="k-icon k-i-close"></span>
+                <span class="k-icon k-i-x"></span>
             </span>
-            <span class="k-icon k-i-arrow-60-right" *ngIf="item.head && !vertical"></span>
+            <span class="k-icon k-i-caret-alt-right" *ngIf="item.head && !vertical"></span>
         </span>
 
         <span class="k-event-top-actions" *ngIf="item.tail && vertical">
-            <span class="k-icon k-i-arrow-60-up"></span>
+            <span class="k-icon k-i-caret-alt-up"></span>
         </span>
 
         <span class="k-event-bottom-actions" *ngIf="item.head && vertical">
-            <span class="k-icon k-i-arrow-60-down"></span>
+            <span class="k-icon k-i-caret-alt-down"></span>
         </span>
 
         <ng-container *ngIf="resizable && vertical">
@@ -15411,10 +15440,11 @@ function seriesDate(head, occurrence, current, field) {
  * @hidden
  */
 class EditingDirectiveBase {
-    constructor(scheduler, localDataChangesService, dialogsService) {
+    constructor(scheduler, localDataChangesService, dialogsService, focusService) {
         this.scheduler = scheduler;
         this.localDataChangesService = localDataChangesService;
         this.dialogsService = dialogsService;
+        this.focusService = focusService;
         /**
          * Fires before the editing directive renders the **Add** dialog.
          */
@@ -15492,6 +15522,7 @@ class EditingDirectiveBase {
                 .subscribe((editMode) => {
                 if (editMode !== undefined) {
                     this.handleRemove(dataItem, editMode);
+                    this.focusService.focusFirst();
                 }
             });
         }
@@ -15500,6 +15531,7 @@ class EditingDirectiveBase {
                 .subscribe((shouldRemove) => {
                 if (shouldRemove) {
                     this.handleRemove(dataItem, 0 /* Event */);
+                    this.focusService.focusFirst();
                 }
             });
         }
@@ -15600,11 +15632,11 @@ class EditingDirectiveBase {
         return editable && editable[action] !== false;
     }
 }
-EditingDirectiveBase.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: EditingDirectiveBase, deps: [{ token: SchedulerComponent }, { token: LocalDataChangesService }, { token: DialogsService }], target: i0.ɵɵFactoryTarget.Directive });
+EditingDirectiveBase.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: EditingDirectiveBase, deps: [{ token: SchedulerComponent }, { token: LocalDataChangesService }, { token: DialogsService }, { token: FocusService }], target: i0.ɵɵFactoryTarget.Directive });
 EditingDirectiveBase.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.16", type: EditingDirectiveBase, inputs: { editService: "editService" }, outputs: { add: "add", edit: "edit" }, ngImport: i0 });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: EditingDirectiveBase, decorators: [{
             type: Directive
-        }], ctorParameters: function () { return [{ type: SchedulerComponent }, { type: LocalDataChangesService }, { type: DialogsService }]; }, propDecorators: { add: [{
+        }], ctorParameters: function () { return [{ type: SchedulerComponent }, { type: LocalDataChangesService }, { type: DialogsService }, { type: FocusService }]; }, propDecorators: { add: [{
                 type: Output
             }], edit: [{
                 type: Output
@@ -15617,8 +15649,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImpo
  * uses the [Reactive Angular Forms]({{ site.data.urls.angular['reactiveforms'] }}).
  */
 class ReactiveEditingDirective extends EditingDirectiveBase {
-    constructor(scheduler, localDataChangesService, dialogsService) {
-        super(scheduler, localDataChangesService, dialogsService);
+    constructor(scheduler, localDataChangesService, dialogsService, focusService) {
+        super(scheduler, localDataChangesService, dialogsService, focusService);
         this.scheduler = scheduler;
         this.localDataChangesService = localDataChangesService;
         this.dialogsService = dialogsService;
@@ -15692,14 +15724,14 @@ class ReactiveEditingDirective extends EditingDirectiveBase {
         return false;
     }
 }
-ReactiveEditingDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: ReactiveEditingDirective, deps: [{ token: SchedulerComponent }, { token: LocalDataChangesService }, { token: DialogsService }], target: i0.ɵɵFactoryTarget.Directive });
+ReactiveEditingDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: ReactiveEditingDirective, deps: [{ token: SchedulerComponent }, { token: LocalDataChangesService }, { token: DialogsService }, { token: FocusService }], target: i0.ɵɵFactoryTarget.Directive });
 ReactiveEditingDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.16", type: ReactiveEditingDirective, selector: "[kendoSchedulerReactiveEditing]", inputs: { createFormGroup: ["kendoSchedulerReactiveEditing", "createFormGroup"] }, usesInheritance: true, ngImport: i0 });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: ReactiveEditingDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[kendoSchedulerReactiveEditing]'
                 }]
-        }], ctorParameters: function () { return [{ type: SchedulerComponent }, { type: LocalDataChangesService }, { type: DialogsService }]; }, propDecorators: { createFormGroup: [{
+        }], ctorParameters: function () { return [{ type: SchedulerComponent }, { type: LocalDataChangesService }, { type: DialogsService }, { type: FocusService }]; }, propDecorators: { createFormGroup: [{
                 type: Input,
                 args: ['kendoSchedulerReactiveEditing']
             }] } });

package/navigation/focus.service.d.ts

@@ -2,7 +2,7 @@
 * Copyright © 2021 Progress Software Corporation. All rights reserved.
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
-import { ElementRef, Renderer2, OnDestroy, EventEmitter } from '@angular/core';
+import { ElementRef, Renderer2, OnDestroy, EventEmitter, NgZone } from '@angular/core';
 import { FocusableElement } from './focusable-element.interface';
 import { DomEventsService } from '../views/common/dom-events.service';
 import { FocusPosition } from './focus-position.interface';
@@ -14,19 +14,22 @@ export declare class FocusService implements OnDestroy {
     private renderer;
     private wrapper;
     private domEvents;
+    private zone;
     get activeElement(): ElementRef;
     ariaActiveDescendant: EventEmitter<string | null>;
     private activeItem;
     private focusedItem;
+    private lastActiveDescendantId;
     private items;
     private elementMap;
     private subs;
-    constructor(renderer: Renderer2, wrapper: ElementRef, domEvents: DomEventsService);
+    constructor(renderer: Renderer2, wrapper: ElementRef, domEvents: DomEventsService, zone: NgZone);
     ngOnDestroy(): void;
     register(item: FocusableElement): void;
     unregister(item: FocusableElement): void;
     focus(): void;
     focusNext(options?: FocusPosition): boolean;
+    focusFirst(): void;
     clearActiveDescendant(): void;
     private activate;
     private activateNext;
@@ -34,6 +37,6 @@ export declare class FocusService implements OnDestroy {
     private toggleWrapper;
     private onFocusIn;
     private onFocusOut;
-    static ɵfac: i0.ɵɵFactoryDeclaration<FocusService, [{ optional: true; }, { optional: true; }, null]>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<FocusService, [{ optional: true; }, { optional: true; }, null, null]>;
     static ɵprov: i0.ɵɵInjectableDeclaration<FocusService>;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@progress/kendo-angular-scheduler",
-  "version": "4.3.0",
+  "version": "4.3.1-dev.202208290849",
   "description": "Kendo UI Scheduler Angular",
   "license": "SEE LICENSE IN LICENSE.md",
   "author": "Progress",