@progress/kendo-angular-grid 15.0.2-develop.7 → 15.0.2-develop.8

package/common/provider.service.d.ts

@@ -22,6 +22,7 @@ export declare class ContextService {
     grid: GridComponent;
     topToolbarNavigation: GridToolbarNavigationService;
     bottomToolbarNavigation: GridToolbarNavigationService;
+    navigable: boolean;
     constructor(renderer: Renderer2, localization: LocalizationService);
     static ɵfac: i0.ɵɵFactoryDeclaration<ContextService, never>;
     static ɵprov: i0.ɵɵInjectableDeclaration<ContextService>;

package/esm2020/editing-directives/editing-directive-base.mjs

@@ -5,7 +5,7 @@
 import { Input, Directive } from '@angular/core';
 import { GridComponent } from '../grid.component';
 import { LocalEditService } from './local-edit.service';
-import { Observable } from 'rxjs';
+import { Subscription, Observable } from 'rxjs';
 import { LocalDataChangesService } from '../editing/local-data-changes.service';
 import { take } from 'rxjs/operators';
 import * as i0 from "@angular/core";
@@ -18,6 +18,7 @@ export class EditingDirectiveBase {
     constructor(grid, localDataChangesService) {
         this.grid = grid;
         this.localDataChangesService = localDataChangesService;
+        this.subscriptions = new Subscription();
         this.defaultEditService = this.createDefaultService();
     }
     // Consider adding support for the dependency injection of the service to allow for specifying a generic service without code.
@@ -35,7 +36,7 @@ export class EditingDirectiveBase {
      * @hidden
      */
     ngOnInit() {
-        this.subscriptions = this.grid.add.subscribe(this.addHandler.bind(this));
+        this.subscriptions.add(this.grid.add.subscribe(this.addHandler.bind(this)));
         this.subscriptions.add(this.grid.remove.subscribe(this.removeHandler.bind(this)));
         this.subscriptions.add(this.grid.cancel.subscribe(this.cancelHandler.bind(this)));
         this.subscriptions.add(this.grid.save.subscribe(this.saveHandler.bind(this)));

package/esm2020/grid.component.mjs

@@ -618,8 +618,12 @@ export class GridComponent {
     set navigable(value) {
         if (typeof value === 'boolean') {
             this._navigable = value ? ['table', 'pager', 'toolbar'] : [];
+            this.ctx.navigable = value;
             return;
         }
+        else {
+            this.ctx.navigable = value.includes('table');
+        }
         this._navigable = value;
     }
     get navigable() {

package/esm2020/navigation/focusable.directive.mjs

@@ -5,9 +5,9 @@
 import { Directive, ElementRef, Inject, Input, Optional, Renderer2, SkipSelf } from '@angular/core';
 import { DefaultFocusableElement } from './default-focusable-element';
 import { CELL_CONTEXT } from '../rendering/common/cell-context';
-import { NavigationService } from './navigation.service';
+import { ContextService } from '../common/provider.service';
 import * as i0 from "@angular/core";
-import * as i1 from "./navigation.service";
+import * as i1 from "../common/provider.service";
 /**
  * A directive that controls the way focusable elements receive
  * [focus in a navigable Grid]({% slug keyboard_navigation_grid %}).
@@ -26,11 +26,11 @@ import * as i1 from "./navigation.service";
  * ```
  */
 export class FocusableDirective {
-    constructor(cellContext, hostElement, renderer, navigationService) {
+    constructor(cellContext, hostElement, renderer, ctx) {
         this.cellContext = cellContext;
         this.hostElement = hostElement;
         this.renderer = renderer;
-        this.navigationService = navigationService;
+        this.ctx = ctx;
         this.active = true;
         this._enabled = true;
         if (this.cellContext) {
@@ -61,7 +61,7 @@ export class FocusableDirective {
         return this._enabled;
     }
     ngAfterViewInit() {
-        if (!this.element && this.navigationService.enabled) {
+        if (!this.element && this.ctx.navigable) {
             this.element = new DefaultFocusableElement(this.hostElement, this.renderer);
         }
         if (this.group && this.element) {
@@ -115,7 +115,7 @@ export class FocusableDirective {
         this.element = element;
     }
 }
-FocusableDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: FocusableDirective, deps: [{ token: CELL_CONTEXT, optional: true, skipSelf: true }, { token: i0.ElementRef }, { token: i0.Renderer2 }, { token: i1.NavigationService, skipSelf: true }], target: i0.ɵɵFactoryTarget.Directive });
+FocusableDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: FocusableDirective, deps: [{ token: CELL_CONTEXT, optional: true, skipSelf: true }, { token: i0.ElementRef }, { token: i0.Renderer2 }, { token: i1.ContextService }], target: i0.ɵɵFactoryTarget.Directive });
 FocusableDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.3.12", type: FocusableDirective, selector: "[kendoGridFocusable],\n        [kendoGridEditCommand],\n        [kendoGridRemoveCommand],\n        [kendoGridSaveCommand],\n        [kendoGridCancelCommand],\n        [kendoGridSelectionCheckbox]\n    ", inputs: { enabled: ["kendoGridFocusable", "enabled"] }, ngImport: i0 });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: FocusableDirective, decorators: [{
             type: Directive,
@@ -135,9 +135,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
                     args: [CELL_CONTEXT]
                 }, {
                     type: SkipSelf
-                }] }, { type: i0.ElementRef }, { type: i0.Renderer2 }, { type: i1.NavigationService, decorators: [{
-                    type: SkipSelf
-                }] }]; }, propDecorators: { enabled: [{
+                }] }, { type: i0.ElementRef }, { type: i0.Renderer2 }, { type: i1.ContextService }]; }, propDecorators: { enabled: [{
                 type: Input,
                 args: ['kendoGridFocusable']
             }] } });

package/esm2020/package-metadata.mjs

@@ -9,7 +9,7 @@ export const packageMetadata = {
     name: '@progress/kendo-angular-grid',
     productName: 'Kendo UI for Angular',
     productCodes: ['KENDOUIANGULAR', 'KENDOUICOMPLETE'],
-    publishDate: 1707920390,
-    version: '15.0.2-develop.7',
+    publishDate: 1708007841,
+    version: '15.0.2-develop.8',
     licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/'
 };

package/fesm2015/progress-kendo-angular-grid.mjs

@@ -2968,11 +2968,11 @@ const EMPTY_CELL_CONTEXT = {};
  * ```
  */
 class FocusableDirective {
-    constructor(cellContext, hostElement, renderer, navigationService) {
+    constructor(cellContext, hostElement, renderer, ctx) {
         this.cellContext = cellContext;
         this.hostElement = hostElement;
         this.renderer = renderer;
-        this.navigationService = navigationService;
+        this.ctx = ctx;
         this.active = true;
         this._enabled = true;
         if (this.cellContext) {
@@ -3003,7 +3003,7 @@ class FocusableDirective {
         return this._enabled;
     }
     ngAfterViewInit() {
-        if (!this.element && this.navigationService.enabled) {
+        if (!this.element && this.ctx.navigable) {
             this.element = new DefaultFocusableElement(this.hostElement, this.renderer);
         }
         if (this.group && this.element) {
@@ -3057,7 +3057,7 @@ class FocusableDirective {
         this.element = element;
     }
 }
-FocusableDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: FocusableDirective, deps: [{ token: CELL_CONTEXT, optional: true, skipSelf: true }, { token: i0.ElementRef }, { token: i0.Renderer2 }, { token: NavigationService, skipSelf: true }], target: i0.ɵɵFactoryTarget.Directive });
+FocusableDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: FocusableDirective, deps: [{ token: CELL_CONTEXT, optional: true, skipSelf: true }, { token: i0.ElementRef }, { token: i0.Renderer2 }, { token: ContextService }], target: i0.ɵɵFactoryTarget.Directive });
 FocusableDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.3.12", type: FocusableDirective, selector: "[kendoGridFocusable],\n        [kendoGridEditCommand],\n        [kendoGridRemoveCommand],\n        [kendoGridSaveCommand],\n        [kendoGridCancelCommand],\n        [kendoGridSelectionCheckbox]\n    ", inputs: { enabled: ["kendoGridFocusable", "enabled"] }, ngImport: i0 });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: FocusableDirective, decorators: [{
             type: Directive,
@@ -3078,9 +3078,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
                         args: [CELL_CONTEXT]
                     }, {
                         type: SkipSelf
-                    }] }, { type: i0.ElementRef }, { type: i0.Renderer2 }, { type: NavigationService, decorators: [{
-                        type: SkipSelf
-                    }] }];
+                    }] }, { type: i0.ElementRef }, { type: i0.Renderer2 }, { type: ContextService }];
     }, propDecorators: { enabled: [{
                 type: Input,
                 args: ['kendoGridFocusable']
@@ -4535,8 +4533,8 @@ const packageMetadata = {
     name: '@progress/kendo-angular-grid',
     productName: 'Kendo UI for Angular',
     productCodes: ['KENDOUIANGULAR', 'KENDOUICOMPLETE'],
-    publishDate: 1707920390,
-    version: '15.0.2-develop.7',
+    publishDate: 1708007841,
+    version: '15.0.2-develop.8',
     licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/'
 };
 
@@ -20555,8 +20553,12 @@ class GridComponent {
     set navigable(value) {
         if (typeof value === 'boolean') {
             this._navigable = value ? ['table', 'pager', 'toolbar'] : [];
+            this.ctx.navigable = value;
             return;
         }
+        else {
+            this.ctx.navigable = value.includes('table');
+        }
         this._navigable = value;
     }
     get navigable() {
@@ -26090,6 +26092,7 @@ class EditingDirectiveBase {
     constructor(grid, localDataChangesService) {
         this.grid = grid;
         this.localDataChangesService = localDataChangesService;
+        this.subscriptions = new Subscription();
         this.defaultEditService = this.createDefaultService();
     }
     // Consider adding support for the dependency injection of the service to allow for specifying a generic service without code.
@@ -26107,7 +26110,7 @@ class EditingDirectiveBase {
      * @hidden
      */
     ngOnInit() {
-        this.subscriptions = this.grid.add.subscribe(this.addHandler.bind(this));
+        this.subscriptions.add(this.grid.add.subscribe(this.addHandler.bind(this)));
         this.subscriptions.add(this.grid.remove.subscribe(this.removeHandler.bind(this)));
         this.subscriptions.add(this.grid.cancel.subscribe(this.cancelHandler.bind(this)));
         this.subscriptions.add(this.grid.save.subscribe(this.saveHandler.bind(this)));

package/fesm2020/progress-kendo-angular-grid.mjs

@@ -503,6 +503,76 @@ const CELL_CONTEXT = new InjectionToken('grid-cell-context');
  */
 const EMPTY_CELL_CONTEXT = {};
 
+/**
+ * @hidden
+ */
+class GridToolbarNavigationService {
+    constructor(renderer) {
+        this.renderer = renderer;
+        this.navigableElements = [];
+        this.currentActiveIndex = 0;
+        this.defaultFocusableSelector = `
+        [kendogridtoolbarfocusable],
+        [kendogridaddcommand],
+        [kendogridcancelcommand],
+        [kendogrideditcommand],
+        [kendogridremovecommand],
+        [kendogridsavecommand],
+        [kendogridexcelcommand],
+        [kendogridpdfcommand]
+    `;
+    }
+    notify() {
+        // ensure focusable elements are in the same order as in the DOM
+        this.navigableElements = this.navigableElements.length && Array.from(this.navigableElements[0].parentElement.querySelectorAll(this.defaultFocusableSelector)) || [];
+        this.currentActiveIndex = 0;
+        this.updateFocus();
+    }
+    focus() {
+        this.navigableElements[this.currentActiveIndex]?.focus();
+    }
+    updateFocus() {
+        if (!this.navigableElements.length) {
+            return;
+        }
+        this.navigableElements.forEach(el => {
+            this.renderer.setAttribute(el, 'tabindex', '-1');
+        });
+        this.renderer.setAttribute(this.navigableElements[this.currentActiveIndex], 'tabindex', '0');
+        if (isDocumentAvailable() && document.activeElement.closest('.k-toolbar')) {
+            this.navigableElements[this.currentActiveIndex].focus();
+        }
+    }
+}
+GridToolbarNavigationService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: GridToolbarNavigationService, deps: [{ token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Injectable });
+GridToolbarNavigationService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: GridToolbarNavigationService });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: GridToolbarNavigationService, decorators: [{
+            type: Injectable
+        }], ctorParameters: function () { return [{ type: i0.Renderer2 }]; } });
+
+/**
+ * @hidden
+ *
+ * The Context service is used to provide common
+ * services and DI tokens for a Grid instance.
+ *
+ * This keeps the constructor parameters stable
+ * and a avoids dependency cycles between components.
+ */
+class ContextService {
+    constructor(renderer, localization) {
+        this.renderer = renderer;
+        this.localization = localization;
+        this.topToolbarNavigation = new GridToolbarNavigationService(this.renderer);
+        this.bottomToolbarNavigation = new GridToolbarNavigationService(this.renderer);
+    }
+}
+ContextService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: ContextService, deps: [{ token: i0.Renderer2 }, { token: i1.LocalizationService }], target: i0.ɵɵFactoryTarget.Injectable });
+ContextService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: ContextService });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: ContextService, decorators: [{
+            type: Injectable
+        }], ctorParameters: function () { return [{ type: i0.Renderer2 }, { type: i1.LocalizationService }]; } });
+
 /**
  * A directive that controls the way focusable elements receive
  * [focus in a navigable Grid]({% slug keyboard_navigation_grid %}).
@@ -521,11 +591,11 @@ const EMPTY_CELL_CONTEXT = {};
  * ```
  */
 class FocusableDirective {
-    constructor(cellContext, hostElement, renderer, navigationService) {
+    constructor(cellContext, hostElement, renderer, ctx) {
         this.cellContext = cellContext;
         this.hostElement = hostElement;
         this.renderer = renderer;
-        this.navigationService = navigationService;
+        this.ctx = ctx;
         this.active = true;
         this._enabled = true;
         if (this.cellContext) {
@@ -556,7 +626,7 @@ class FocusableDirective {
         return this._enabled;
     }
     ngAfterViewInit() {
-        if (!this.element && this.navigationService.enabled) {
+        if (!this.element && this.ctx.navigable) {
             this.element = new DefaultFocusableElement(this.hostElement, this.renderer);
         }
         if (this.group && this.element) {
@@ -610,7 +680,7 @@ class FocusableDirective {
         this.element = element;
     }
 }
-FocusableDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: FocusableDirective, deps: [{ token: CELL_CONTEXT, optional: true, skipSelf: true }, { token: i0.ElementRef }, { token: i0.Renderer2 }, { token: NavigationService, skipSelf: true }], target: i0.ɵɵFactoryTarget.Directive });
+FocusableDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: FocusableDirective, deps: [{ token: CELL_CONTEXT, optional: true, skipSelf: true }, { token: i0.ElementRef }, { token: i0.Renderer2 }, { token: ContextService }], target: i0.ɵɵFactoryTarget.Directive });
 FocusableDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.3.12", type: FocusableDirective, selector: "[kendoGridFocusable],\n        [kendoGridEditCommand],\n        [kendoGridRemoveCommand],\n        [kendoGridSaveCommand],\n        [kendoGridCancelCommand],\n        [kendoGridSelectionCheckbox]\n    ", inputs: { enabled: ["kendoGridFocusable", "enabled"] }, ngImport: i0 });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: FocusableDirective, decorators: [{
             type: Directive,
@@ -630,9 +700,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
                     args: [CELL_CONTEXT]
                 }, {
                     type: SkipSelf
-                }] }, { type: i0.ElementRef }, { type: i0.Renderer2 }, { type: NavigationService, decorators: [{
-                    type: SkipSelf
-                }] }]; }, propDecorators: { enabled: [{
+                }] }, { type: i0.ElementRef }, { type: i0.Renderer2 }, { type: ContextService }]; }, propDecorators: { enabled: [{
                 type: Input,
                 args: ['kendoGridFocusable']
             }] } });
@@ -1457,76 +1525,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
             type: Injectable
         }] });
 
-/**
- * @hidden
- */
-class GridToolbarNavigationService {
-    constructor(renderer) {
-        this.renderer = renderer;
-        this.navigableElements = [];
-        this.currentActiveIndex = 0;
-        this.defaultFocusableSelector = `
-        [kendogridtoolbarfocusable],
-        [kendogridaddcommand],
-        [kendogridcancelcommand],
-        [kendogrideditcommand],
-        [kendogridremovecommand],
-        [kendogridsavecommand],
-        [kendogridexcelcommand],
-        [kendogridpdfcommand]
-    `;
-    }
-    notify() {
-        // ensure focusable elements are in the same order as in the DOM
-        this.navigableElements = this.navigableElements.length && Array.from(this.navigableElements[0].parentElement.querySelectorAll(this.defaultFocusableSelector)) || [];
-        this.currentActiveIndex = 0;
-        this.updateFocus();
-    }
-    focus() {
-        this.navigableElements[this.currentActiveIndex]?.focus();
-    }
-    updateFocus() {
-        if (!this.navigableElements.length) {
-            return;
-        }
-        this.navigableElements.forEach(el => {
-            this.renderer.setAttribute(el, 'tabindex', '-1');
-        });
-        this.renderer.setAttribute(this.navigableElements[this.currentActiveIndex], 'tabindex', '0');
-        if (isDocumentAvailable() && document.activeElement.closest('.k-toolbar')) {
-            this.navigableElements[this.currentActiveIndex].focus();
-        }
-    }
-}
-GridToolbarNavigationService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: GridToolbarNavigationService, deps: [{ token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Injectable });
-GridToolbarNavigationService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: GridToolbarNavigationService });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: GridToolbarNavigationService, decorators: [{
-            type: Injectable
-        }], ctorParameters: function () { return [{ type: i0.Renderer2 }]; } });
-
-/**
- * @hidden
- *
- * The Context service is used to provide common
- * services and DI tokens for a Grid instance.
- *
- * This keeps the constructor parameters stable
- * and a avoids dependency cycles between components.
- */
-class ContextService {
-    constructor(renderer, localization) {
-        this.renderer = renderer;
-        this.localization = localization;
-        this.topToolbarNavigation = new GridToolbarNavigationService(this.renderer);
-        this.bottomToolbarNavigation = new GridToolbarNavigationService(this.renderer);
-    }
-}
-ContextService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: ContextService, deps: [{ token: i0.Renderer2 }, { token: i1.LocalizationService }], target: i0.ɵɵFactoryTarget.Injectable });
-ContextService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: ContextService });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: ContextService, decorators: [{
-            type: Injectable
-        }], ctorParameters: function () { return [{ type: i0.Renderer2 }, { type: i1.LocalizationService }]; } });
-
 const isInSameGrid = (element, gridElement) => closest(element, matchesNodeName('kendo-grid')) === gridElement;
 const matchHeaderCell = matchesNodeName('th');
 const matchDataCell = matchesNodeName('td');
@@ -4503,8 +4501,8 @@ const packageMetadata = {
     name: '@progress/kendo-angular-grid',
     productName: 'Kendo UI for Angular',
     productCodes: ['KENDOUIANGULAR', 'KENDOUICOMPLETE'],
-    publishDate: 1707920390,
-    version: '15.0.2-develop.7',
+    publishDate: 1708007841,
+    version: '15.0.2-develop.8',
     licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/'
 };
 
@@ -20468,8 +20466,12 @@ class GridComponent {
     set navigable(value) {
         if (typeof value === 'boolean') {
             this._navigable = value ? ['table', 'pager', 'toolbar'] : [];
+            this.ctx.navigable = value;
             return;
         }
+        else {
+            this.ctx.navigable = value.includes('table');
+        }
         this._navigable = value;
     }
     get navigable() {
@@ -25987,6 +25989,7 @@ class EditingDirectiveBase {
     constructor(grid, localDataChangesService) {
         this.grid = grid;
         this.localDataChangesService = localDataChangesService;
+        this.subscriptions = new Subscription();
         this.defaultEditService = this.createDefaultService();
     }
     // Consider adding support for the dependency injection of the service to allow for specifying a generic service without code.
@@ -26004,7 +26007,7 @@ class EditingDirectiveBase {
      * @hidden
      */
     ngOnInit() {
-        this.subscriptions = this.grid.add.subscribe(this.addHandler.bind(this));
+        this.subscriptions.add(this.grid.add.subscribe(this.addHandler.bind(this)));
         this.subscriptions.add(this.grid.remove.subscribe(this.removeHandler.bind(this)));
         this.subscriptions.add(this.grid.cancel.subscribe(this.cancelHandler.bind(this)));
         this.subscriptions.add(this.grid.save.subscribe(this.saveHandler.bind(this)));

package/navigation/focusable.directive.d.ts

@@ -5,7 +5,7 @@
 import { AfterViewInit, ElementRef, OnDestroy, Renderer2 } from '@angular/core';
 import { FocusableElement } from './focusable-element.interface';
 import { CellContext } from '../rendering/common/cell-context';
-import { NavigationService } from './navigation.service';
+import { ContextService } from '../common/provider.service';
 import * as i0 from "@angular/core";
 /**
  * A directive that controls the way focusable elements receive
@@ -28,7 +28,7 @@ export declare class FocusableDirective implements FocusableElement, AfterViewIn
     private cellContext;
     private hostElement;
     private renderer;
-    private navigationService;
+    private ctx;
     private active;
     private group;
     private element;
@@ -38,7 +38,7 @@ export declare class FocusableDirective implements FocusableElement, AfterViewIn
      */
     set enabled(value: any);
     get enabled(): any;
-    constructor(cellContext: CellContext, hostElement: ElementRef, renderer: Renderer2, navigationService: NavigationService);
+    constructor(cellContext: CellContext, hostElement: ElementRef, renderer: Renderer2, ctx: ContextService);
     ngAfterViewInit(): void;
     ngOnDestroy(): void;
     /**
@@ -65,6 +65,6 @@ export declare class FocusableDirective implements FocusableElement, AfterViewIn
      * @hidden
      */
     registerElement(element: FocusableElement): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<FocusableDirective, [{ optional: true; skipSelf: true; }, null, null, { skipSelf: true; }]>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<FocusableDirective, [{ optional: true; skipSelf: true; }, null, null, null]>;
     static ɵdir: i0.ɵɵDirectiveDeclaration<FocusableDirective, "[kendoGridFocusable],        [kendoGridEditCommand],        [kendoGridRemoveCommand],        [kendoGridSaveCommand],        [kendoGridCancelCommand],        [kendoGridSelectionCheckbox]    ", never, { "enabled": "kendoGridFocusable"; }, {}, never>;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@progress/kendo-angular-grid",
-  "version": "15.0.2-develop.7",
+  "version": "15.0.2-develop.8",
   "description": "Kendo UI Grid for Angular - high performance data grid with paging, filtering, virtualization, CRUD, and more.",
   "license": "SEE LICENSE IN LICENSE.md",
   "author": "Progress",
@@ -33,26 +33,26 @@
     "@progress/kendo-data-query": "^1.0.0",
     "@progress/kendo-drawing": "^1.19.0",
     "@progress/kendo-licensing": "^1.0.2",
-    "@progress/kendo-angular-buttons": "15.0.2-develop.7",
-    "@progress/kendo-angular-common": "15.0.2-develop.7",
-    "@progress/kendo-angular-dateinputs": "15.0.2-develop.7",
-    "@progress/kendo-angular-layout": "15.0.2-develop.7",
-    "@progress/kendo-angular-dropdowns": "15.0.2-develop.7",
-    "@progress/kendo-angular-excel-export": "15.0.2-develop.7",
-    "@progress/kendo-angular-icons": "15.0.2-develop.7",
-    "@progress/kendo-angular-inputs": "15.0.2-develop.7",
-    "@progress/kendo-angular-intl": "15.0.2-develop.7",
-    "@progress/kendo-angular-l10n": "15.0.2-develop.7",
-    "@progress/kendo-angular-label": "15.0.2-develop.7",
-    "@progress/kendo-angular-pdf-export": "15.0.2-develop.7",
-    "@progress/kendo-angular-popup": "15.0.2-develop.7",
-    "@progress/kendo-angular-utils": "15.0.2-develop.7",
+    "@progress/kendo-angular-buttons": "15.0.2-develop.8",
+    "@progress/kendo-angular-common": "15.0.2-develop.8",
+    "@progress/kendo-angular-dateinputs": "15.0.2-develop.8",
+    "@progress/kendo-angular-layout": "15.0.2-develop.8",
+    "@progress/kendo-angular-dropdowns": "15.0.2-develop.8",
+    "@progress/kendo-angular-excel-export": "15.0.2-develop.8",
+    "@progress/kendo-angular-icons": "15.0.2-develop.8",
+    "@progress/kendo-angular-inputs": "15.0.2-develop.8",
+    "@progress/kendo-angular-intl": "15.0.2-develop.8",
+    "@progress/kendo-angular-l10n": "15.0.2-develop.8",
+    "@progress/kendo-angular-label": "15.0.2-develop.8",
+    "@progress/kendo-angular-pdf-export": "15.0.2-develop.8",
+    "@progress/kendo-angular-popup": "15.0.2-develop.8",
+    "@progress/kendo-angular-utils": "15.0.2-develop.8",
     "rxjs": "^6.5.3 || ^7.0.0",
-    "@progress/kendo-angular-spreadsheet": "15.0.2-develop.7"
+    "@progress/kendo-angular-spreadsheet": "15.0.2-develop.8"
   },
   "dependencies": {
     "tslib": "^2.3.1",
-    "@progress/kendo-angular-schematics": "15.0.2-develop.7",
+    "@progress/kendo-angular-schematics": "15.0.2-develop.8",
     "@progress/kendo-common": "^0.2.0",
     "@progress/kendo-file-saver": "^1.0.0"
   },

package/schematics/ngAdd/index.js

@@ -4,13 +4,13 @@ const schematics_1 = require("@angular-devkit/schematics");
 function default_1(options) {
     const finalOptions = Object.assign(Object.assign({}, options), { mainNgModule: 'GridModule', package: 'grid', peerDependencies: {
             // peer dep of the dropdowns
-            '@progress/kendo-angular-treeview': '15.0.2-develop.7',
+            '@progress/kendo-angular-treeview': '15.0.2-develop.8',
             // peer dependency of kendo-angular-inputs
-            '@progress/kendo-angular-dialog': '15.0.2-develop.7',
+            '@progress/kendo-angular-dialog': '15.0.2-develop.8',
             // peer dependency of kendo-angular-icons
             '@progress/kendo-svg-icons': '^2.0.0',
             // peer dependency of kendo-angular-layout
-            '@progress/kendo-angular-progressbar': '15.0.2-develop.7'
+            '@progress/kendo-angular-progressbar': '15.0.2-develop.8'
         } });
     return (0, schematics_1.externalSchematic)('@progress/kendo-angular-schematics', 'ng-add', finalOptions);
 }