@progress/kendo-angular-treelist 4.0.6 → 5.0.0-next.202204131014

package/dist/es/navigation/navigation.service.js

@@ -1,678 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2021 Progress Software Corporation. All rights reserved.
-* Licensed under commercial license. See LICENSE.md in the project root for more information
-*-------------------------------------------------------------------------------------------*/
-import * as tslib_1 from "tslib";
-import { ChangeDetectorRef, EventEmitter, Injectable, NgZone, Optional } from '@angular/core';
-import { Keys } from '@progress/kendo-angular-common';
-import { LocalizationService } from '@progress/kendo-angular-l10n';
-import { from, interval, Subscription } from 'rxjs';
-import { filter, map, switchMap, switchMapTo, take, takeUntil } from 'rxjs/operators';
-import { FocusRoot } from './focus-root';
-import { FocusableDirective } from './focusable.directive';
-import { NavigationCursor } from './navigation-cursor';
-import { NavigationModel } from './navigation-model';
-import { TreeListFocusableElement } from './treelist-focusable-element';
-import { DomEventsService } from '../common/dom-events.service';
-import { CellCloseEvent } from '../editing/cell-close-event';
-import { EditService } from '../editing/edit.service';
-import { ExpandStateService } from '../expand-state/expand-state.service';
-import { PagerContextService } from '../pager/pager-context.service';
-import { closest, contains, findFocusableChild, isVisible, matchesNodeName } from '../rendering/common/dom-queries';
-import { ScrollRequestService } from '../scrolling/scroll-request.service';
-import { SelectionService } from '../selection/selection.service';
-var isInSameTreeList = function (element, treelistElement) {
-    return closest(element, matchesNodeName('kendo-treelist')) === treelistElement;
-};
-var ɵ0 = isInSameTreeList;
-var matchHeaderCell = matchesNodeName('th');
-var matchDataCell = matchesNodeName('td');
-var matchCell = function (element) { return matchDataCell(element) || matchHeaderCell(element); };
-var ɵ1 = matchCell;
-var treelistCell = function (element, treelistElement) {
-    var target = closest(element, matchCell);
-    while (target && !isInSameTreeList(target, treelistElement)) {
-        target = closest(target.parentElement, matchCell);
-    }
-    return target;
-};
-var ɵ2 = treelistCell;
-var targetCell = function (target, treelistElement) {
-    var cell = treelistCell(target, treelistElement);
-    var row = closest(cell, matchesNodeName('tr'));
-    if (cell && row) {
-        var rowIndex = row.getAttribute('aria-rowindex');
-        rowIndex = rowIndex ? parseInt(rowIndex, 10) - 1 : null;
-        var colIndex = cell.getAttribute('aria-colindex');
-        colIndex = colIndex ? parseInt(colIndex, 10) - 1 : null;
-        if (rowIndex !== null && colIndex !== null) {
-            return { colIndex: colIndex, rowIndex: rowIndex, element: cell };
-        }
-    }
-};
-var ɵ3 = targetCell;
-var isArrowKey = function (keyCode) {
-    return keyCode === Keys.ArrowLeft || keyCode === Keys.ArrowRight ||
-        keyCode === Keys.ArrowUp || keyCode === Keys.ArrowDown;
-};
-var ɵ4 = isArrowKey;
-var isNavigationKey = function (keyCode) {
-    return isArrowKey(keyCode) ||
-        keyCode === Keys.PageUp || keyCode === Keys.PageDown ||
-        keyCode === Keys.Home || keyCode === Keys.End;
-};
-var ɵ5 = isNavigationKey;
-var isInput = matchesNodeName('input');
-var isTextInput = function (element) {
-    return element && isInput(element) && element.type.toLowerCase() === 'text';
-};
-var ɵ6 = isTextInput;
-var isPrintableCharacter = function (str) {
-    return str.length === 1 && str.match(/\S/);
-};
-var ɵ7 = isPrintableCharacter;
-/**
- * @hidden
- */
-var NavigationViewport = /** @class */ (function () {
-    function NavigationViewport(firstItemIndex, lastItemIndex) {
-        this.firstItemIndex = firstItemIndex;
-        this.lastItemIndex = lastItemIndex;
-    }
-    NavigationViewport.prototype.containsRow = function (dataRowIndex) {
-        var headerRow = dataRowIndex < 0;
-        return headerRow || (dataRowIndex >= this.firstItemIndex && dataRowIndex <= this.lastItemIndex);
-    };
-    NavigationViewport.prototype.intersects = function (start, end) {
-        return (start <= this.firstItemIndex && this.lastItemIndex <= end) ||
-            (this.firstItemIndex <= start && start <= this.lastItemIndex) ||
-            (this.firstItemIndex <= end && end <= this.lastItemIndex);
-    };
-    return NavigationViewport;
-}());
-export { NavigationViewport };
-/**
- * @hidden
- */
-var NavigationService = /** @class */ (function () {
-    function NavigationService(zone, domEvents, pagerContextService, scrollRequestService, focusRoot, editService, localization, expandState, selectionService, changeDetector, focusableParent) {
-        this.zone = zone;
-        this.domEvents = domEvents;
-        this.pagerContextService = pagerContextService;
-        this.scrollRequestService = scrollRequestService;
-        this.focusRoot = focusRoot;
-        this.editService = editService;
-        this.localization = localization;
-        this.expandState = expandState;
-        this.selectionService = selectionService;
-        this.changeDetector = changeDetector;
-        this.focusableParent = focusableParent;
-        this.cellKeydown = new EventEmitter();
-        this.activeRowIndex = 0;
-        this.alive = false;
-        this.active = true;
-        this.mode = 0 /* Standby */;
-        this.model = new NavigationModel();
-        this.cursor = new NavigationCursor(this.model);
-        this.changes = this.cursor.changes;
-    }
-    Object.defineProperty(NavigationService.prototype, "metadata", {
-        get: function () {
-            return this.meta;
-        },
-        set: function (value) {
-            this.meta = value;
-            this.cursor.metadata = value;
-        },
-        enumerable: true,
-        configurable: true
-    });
-    Object.defineProperty(NavigationService.prototype, "enabled", {
-        get: function () {
-            return this.alive;
-        },
-        enumerable: true,
-        configurable: true
-    });
-    Object.defineProperty(NavigationService.prototype, "activeCell", {
-        get: function () {
-            if (this.mode !== 0 /* Standby */) {
-                return this.cursor.cell;
-            }
-        },
-        enumerable: true,
-        configurable: true
-    });
-    Object.defineProperty(NavigationService.prototype, "activeRow", {
-        get: function () {
-            if (this.mode !== 0 /* Standby */) {
-                return Object.assign({}, this.cursor.row, {
-                    cells: this.cursor.row.cells.toArray()
-                });
-            }
-        },
-        enumerable: true,
-        configurable: true
-    });
-    Object.defineProperty(NavigationService.prototype, "activeDataRow", {
-        get: function () {
-            return Math.max(0, this.activeRowIndex - this.meta.headerRows);
-        },
-        enumerable: true,
-        configurable: true
-    });
-    NavigationService.prototype.init = function (meta) {
-        var _this = this;
-        this.alive = true;
-        this.focusRoot.alive = true;
-        this.metadata = meta;
-        var onStableSubscriber = function () {
-            var operators = [];
-            for (var _i = 0; _i < arguments.length; _i++) {
-                operators[_i] = arguments[_i];
-            }
-            return function (args) {
-                var _a;
-                return _this.zone.isStable ?
-                    from([true]).pipe(map(function () { return args; })) : (_a = _this.zone.onStable).pipe.apply(_a, [take(1), map(function () { return args; })].concat(operators));
-            };
-        };
-        var onStable = onStableSubscriber();
-        this.subs = new Subscription();
-        this.subs.add(this.cursor.changes
-            .subscribe(function (args) { return _this.onCursorChanges(args); }));
-        this.subs.add(this.domEvents.focus.pipe(switchMap(onStable))
-            .subscribe(function (args) { return _this.navigateTo(args.target); }));
-        this.subs.add(this.domEvents.focusOut.pipe(filter(function () { return _this.mode !== 0 /* Standby */; }), switchMap(onStableSubscriber(takeUntil(this.domEvents.focus))))
-            .subscribe(function (args) { return _this.onFocusOut(args); }));
-        this.subs.add(this.domEvents.windowBlur.pipe(filter(function () { return _this.mode !== 0 /* Standby */; }))
-            .subscribe(function () { return _this.onWindowBlur(); }));
-        this.subs.add(
-        // Closing the editor will not always trigger focusout in Firefox.
-        // To get around this, we ensure that the cell is closed after editing.
-        this.editService.changes.pipe(filter(function (e) {
-            if (e instanceof CellCloseEvent) {
-                return !e.isDefaultPrevented();
-            }
-            return e.action !== 'edit' && _this.mode === 2 /* Content */;
-        }), switchMap(onStable))
-            .subscribe(function () { return _this.leaveCell(); }));
-        this.subs.add(this.pagerContextService.pageChange
-            .subscribe(function () { return _this.cursor.reset(0, 0); }));
-        this.subs.add(this.domEvents.keydown
-            .subscribe(function (args) { return _this.onKeydown(args); }));
-        this.subs.add(this.domEvents.keydown.pipe(filter(function (args) {
-            return args.keyCode === Keys.Tab && _this.mode === 2 /* Content */;
-        }), switchMapTo(this.domEvents.focusOut.pipe(takeUntil(
-        // Timeout if focusOut doesn't fire very soon
-        interval(0).pipe(take(1))))))
-            .subscribe(function () { return _this.onTabout(); }));
-        if (this.focusableParent) {
-            var element = new TreeListFocusableElement(this);
-            this.focusableParent.registerElement(element);
-        }
-        this.deactivateElements();
-    };
-    NavigationService.prototype.ngOnDestroy = function () {
-        if (this.subs) {
-            this.subs.unsubscribe();
-        }
-        this.alive = false;
-    };
-    NavigationService.prototype.registerCell = function (cell) {
-        if (cell.logicalRowIndex !== this.pendingRowIndex) {
-            var modelCell = this.model.registerCell(cell);
-            if (this.virtualCell && this.cursor.activateVirtualCell(modelCell)) {
-                this.virtualCell = false;
-            }
-        }
-    };
-    NavigationService.prototype.registerCellOnCurrentRow = function (cell) {
-        if (cell.logicalRowIndex === this.pendingRowIndex) {
-            this.model.registerCell(cell);
-        }
-    };
-    NavigationService.prototype.unregisterCell = function (index, rowIndex, cell) {
-        this.model.unregisterCell(index, rowIndex, cell);
-    };
-    NavigationService.prototype.registerRow = function (row) {
-        this.model.registerRow(row);
-        this.pendingRowIndex = row.logicalRowIndex;
-    };
-    NavigationService.prototype.updateRow = function (row) {
-        this.model.updateRow(row);
-    };
-    NavigationService.prototype.unregisterRow = function (index, row) {
-        this.model.unregisterRow(index, row);
-    };
-    NavigationService.prototype.isCellFocusable = function (cell) {
-        return this.alive &&
-            this.active &&
-            this.mode !== 2 /* Content */ &&
-            this.cursor.isActive(cell.logicalRowIndex, cell.logicalColIndex);
-    };
-    NavigationService.prototype.isCellFocused = function (cell) {
-        return this.mode === 1 /* Cursor */ && this.isCellFocusable(cell);
-    };
-    NavigationService.prototype.navigateTo = function (el) {
-        if (!this.alive) {
-            return;
-        }
-        var cell = targetCell(el, this.meta.treelistElement.nativeElement);
-        if (!cell) {
-            return;
-        }
-        var oldMode = this.mode;
-        var focusInCell = contains(cell.element, document.activeElement);
-        var focusInActiveRowContent = this.mode === 2 /* Content */ &&
-            this.activeRowIndex === cell.rowIndex &&
-            el !== cell.element;
-        if (focusInCell) {
-            this.mode = 2 /* Content */;
-            this.cursor.reset(cell.rowIndex, cell.colIndex);
-            this.activateRow();
-        }
-        else if (!focusInActiveRowContent) {
-            this.mode = 1 /* Cursor */;
-            this.deactivateElements();
-            var alreadyActive = this.cursor.isActive(cell.rowIndex, cell.colIndex);
-            var isCursor = oldMode === 1 /* Cursor */ && alreadyActive;
-            if (!isCursor) {
-                this.cursor.reset(cell.rowIndex, cell.colIndex);
-            }
-        }
-    };
-    NavigationService.prototype.tryFocus = function (el) {
-        this.activateElements();
-        var focusable = findFocusableChild(el);
-        if (focusable) {
-            var cell = targetCell(focusable, this.meta.treelistElement.nativeElement);
-            if (cell) {
-                this.cursor.reset(cell.rowIndex, cell.colIndex);
-                this.deactivateElements();
-                this.enterCell();
-            }
-            focusable.focus();
-        }
-        else {
-            this.deactivateElements();
-        }
-        return !!focusable;
-    };
-    NavigationService.prototype.needsViewport = function () {
-        return this.meta && this.meta.isVirtual;
-    };
-    NavigationService.prototype.setViewport = function (firstItemIndex, lastItemIndex) {
-        this.viewport = new NavigationViewport(firstItemIndex, lastItemIndex);
-        if (this.enabled && this.meta && this.meta.isVirtual && this.activeDataRow > -1) {
-            var dataRowIndex = this.activeDataRow;
-            var ahead = firstItemIndex - dataRowIndex;
-            var behind = dataRowIndex - lastItemIndex;
-            if (ahead > 0) {
-                this.cursor.reset(firstItemIndex + this.meta.headerRows);
-            }
-            else if (behind > 0) {
-                this.cursor.reset(lastItemIndex - this.meta.headerRows);
-            }
-        }
-    };
-    NavigationService.prototype.setColumnViewport = function (firstItemIndex, lastItemIndex) {
-        this.columnViewport = new NavigationViewport(firstItemIndex, lastItemIndex);
-    };
-    NavigationService.prototype.focusCell = function (rowIndex, colIndex) {
-        if (rowIndex === void 0) { rowIndex = undefined; }
-        if (colIndex === void 0) { colIndex = undefined; }
-        this.mode = 1 /* Cursor */;
-        this.cursor.reset(rowIndex, colIndex);
-        return this.activeCell;
-    };
-    NavigationService.prototype.focusNextCell = function (wrap) {
-        if (wrap === void 0) { wrap = true; }
-        return this.focusAdjacentCell(true, wrap);
-    };
-    NavigationService.prototype.focusPrevCell = function (wrap) {
-        if (wrap === void 0) { wrap = true; }
-        return this.focusAdjacentCell(false, wrap);
-    };
-    NavigationService.prototype.toggle = function (active) {
-        this.active = active;
-        this.cursor.announce();
-    };
-    NavigationService.prototype.hasFocus = function () {
-        return this.mode === 1 /* Cursor */ || this.mode === 2 /* Content */;
-    };
-    NavigationService.prototype.autoFocusCell = function (start, end) {
-        return !this.meta.virtualColumns || end < this.meta.columns.lockedLeafColumns.length || this.columnViewport.intersects(start, end);
-    };
-    NavigationService.prototype.focusAdjacentCell = function (fwd, wrap) {
-        this.focusCell();
-        var success = fwd ? this.moveCursorFwd() : this.moveCursorBwd();
-        if (wrap && !success) {
-            success = fwd ? this.cursor.moveDown(1) : this.cursor.moveUp(1);
-            if (success) {
-                var row = this.cursor.row;
-                var colIdx = fwd ? 0 : this.cursor.lastCellIndex();
-                this.cursor.reset(row.index, colIdx);
-            }
-        }
-        if (success) {
-            return this.activeCell;
-        }
-        else {
-            this.mode = 0 /* Standby */;
-            this.cursor.announce();
-        }
-        return null;
-    };
-    NavigationService.prototype.enterCell = function () {
-        var cell = this.cursor.cell;
-        if (!cell) {
-            return;
-        }
-        var group = cell.focusGroup;
-        var focusable = group && group.canFocus();
-        this.mode = focusable ? 2 /* Content */ : 1 /* Cursor */;
-        this.cursor.announce();
-        if (focusable) {
-            this.activateRow();
-            group.focus();
-        }
-    };
-    NavigationService.prototype.leaveCell = function () {
-        var cell = this.cursor.cell;
-        if (!cell) {
-            return;
-        }
-        var group = cell.focusGroup;
-        var focusable = group && group.canFocus();
-        if (!focusable) {
-            this.deactivateElements();
-        }
-        this.mode = 1 /* Cursor */;
-        this.cursor.announce();
-    };
-    NavigationService.prototype.activateElements = function () {
-        this.focusRoot.activate();
-    };
-    NavigationService.prototype.deactivateElements = function () {
-        this.focusRoot.deactivate();
-    };
-    NavigationService.prototype.activateRow = function () {
-        this.cursor.row.cells
-            .forEach(function (cell) { return cell.focusGroup && cell.focusGroup.activate(); });
-    };
-    NavigationService.prototype.moveCursorFwd = function () {
-        return this.localization.rtl ? this.cursor.moveLeft() : this.cursor.moveRight();
-    };
-    NavigationService.prototype.moveCursorBwd = function () {
-        return this.localization.rtl ? this.cursor.moveRight() : this.cursor.moveLeft();
-    };
-    NavigationService.prototype.updateSelection = function (args) {
-        if (this.selectionService.enabled) {
-            this.selectionService.click({
-                dataItem: this.cursor.row.dataItem,
-                column: this.cursor.cell.column,
-                columnIndex: this.cursor.cell.colIndex,
-                originalEvent: args
-            });
-        }
-    };
-    NavigationService.prototype.onCursorKeydown = function (args) {
-        var _this = this;
-        var preventDefault = false;
-        var modifier = args.ctrlKey || args.metaKey;
-        var step = modifier ? 5 : 1;
-        if (!this.onCellKeydown(args)) {
-            return;
-        }
-        var row = this.cursor.row;
-        switch (args.keyCode) {
-            case Keys.Space:
-                this.updateSelection(args);
-                preventDefault = this.selectionService.enabled;
-                break;
-            case Keys.KeyA:
-                if (args.ctrlKey && this.selectionService.enabled) {
-                    this.zone.run(function () {
-                        return _this.selectionService.toggleAll(true);
-                    });
-                    preventDefault = true;
-                }
-                break;
-            case Keys.ArrowDown:
-                preventDefault = this.cursor.moveDown(step);
-                if (preventDefault && args.shiftKey) {
-                    this.updateSelection(args);
-                }
-                break;
-            case Keys.ArrowUp:
-                preventDefault = this.cursor.moveUp(step);
-                if (preventDefault && args.shiftKey) {
-                    this.updateSelection(args);
-                }
-                break;
-            case Keys.ArrowRight:
-                if (args.altKey) {
-                    this.zone.run(function () {
-                        _this.expandState.expand(row.dataItem);
-                    });
-                    preventDefault = true;
-                }
-                else {
-                    preventDefault = this.moveCursorFwd();
-                    if (preventDefault && args.shiftKey) {
-                        this.updateSelection(args);
-                    }
-                }
-                break;
-            case Keys.ArrowLeft:
-                if (args.altKey) {
-                    this.zone.run(function () {
-                        _this.expandState.collapse(row.dataItem);
-                    });
-                    preventDefault = true;
-                }
-                else {
-                    preventDefault = this.moveCursorBwd();
-                    if (preventDefault && args.shiftKey) {
-                        this.updateSelection(args);
-                    }
-                }
-                break;
-            case Keys.PageDown:
-                if (this.metadata.isVirtual && this.viewport) {
-                    var nextItemIndex = this.meta.headerRows + this.viewport.lastItemIndex + 1;
-                    nextItemIndex = Math.min(this.meta.maxLogicalRowIndex, nextItemIndex);
-                    this.cursor.reset(nextItemIndex);
-                    preventDefault = true;
-                }
-                else if (this.metadata.hasPager) {
-                    this.zone.run(function () { return _this.pagerContextService.nextPage(); });
-                    preventDefault = true;
-                }
-                break;
-            case Keys.PageUp:
-                if (this.metadata.isVirtual && this.viewport) {
-                    var viewportSize = this.viewport.lastItemIndex - this.viewport.firstItemIndex;
-                    var firstItemIndex = this.viewport.firstItemIndex;
-                    var nextItemIndex = Math.max(this.meta.headerRows, firstItemIndex - viewportSize - 1);
-                    this.cursor.reset(nextItemIndex);
-                    preventDefault = true;
-                }
-                else if (this.metadata.hasPager) {
-                    this.zone.run(function () { return _this.pagerContextService.prevPage(); });
-                    preventDefault = true;
-                }
-                break;
-            case Keys.Home:
-                if (modifier) {
-                    if (this.meta.isVirtual) {
-                        this.cursor.reset(this.meta.headerRows, 0, false);
-                    }
-                    else {
-                        this.cursor.reset(this.model.firstRow.index, 0, false);
-                    }
-                }
-                else {
-                    this.cursor.reset(row.index, 0, false);
-                }
-                preventDefault = true;
-                break;
-            case Keys.End:
-                if (modifier) {
-                    if (this.meta.isVirtual) {
-                        var lastRowIndex = this.meta.maxLogicalRowIndex;
-                        this.cursor.reset(lastRowIndex, this.cursor.lastCellIndex(), false);
-                    }
-                    else {
-                        this.cursor.reset(this.model.lastRow.index, this.cursor.lastCellIndex(), false);
-                    }
-                }
-                else {
-                    var lastIndex = this.cursor.lastCellIndex();
-                    var cell = this.model.findCell(lastIndex, row);
-                    if (cell) {
-                        this.cursor.reset(cell.rowIndex, cell.colIndex);
-                    }
-                    else {
-                        this.cursor.reset(row.index, lastIndex);
-                    }
-                }
-                preventDefault = true;
-                break;
-            case Keys.Enter:
-                if (!args.ctrlKey && !args.shiftKey) {
-                    var editing = this.editService.isEditingCell();
-                    var cell = this.cursor.cell;
-                    if (!editing && cell.expandable === true) {
-                        this.zone.run(function () {
-                            _this.expandState.toggleState(row.dataItem);
-                        });
-                    }
-                    else {
-                        this.enterCell();
-                        if (!cell.focusGroup.isNavigable()) {
-                            preventDefault = true;
-                        }
-                    }
-                }
-                break;
-            default:
-                if (!args.ctrlKey && !args.altKey && isPrintableCharacter(args.key)) {
-                    this.enterCell();
-                }
-        }
-        if (preventDefault) {
-            args.preventDefault();
-        }
-    };
-    NavigationService.prototype.onContentKeydown = function (args) {
-        if (!this.onCellKeydown(args)) {
-            return;
-        }
-        var confirm = !args.defaultPrevented && args.keyCode === Keys.Enter && isTextInput(args.srcElement);
-        if (args.keyCode === Keys.Escape || args.keyCode === Keys.F2 || confirm) {
-            this.leaveCell();
-            this.cursor.reset();
-            args.stopPropagation();
-        }
-        else if (isNavigationKey(args.keyCode) && this.cursor.cell.focusGroup.isNavigable()) {
-            this.onCursorKeydown(args);
-            if (args.defaultPrevented) {
-                this.leaveCell();
-            }
-        }
-    };
-    NavigationService.prototype.onCellKeydown = function (args) {
-        if (this.editService.isEditingCell()) {
-            var confirm_1 = args.keyCode === Keys.Enter;
-            var cancel = args.keyCode === Keys.Escape;
-            var navigate = isNavigationKey(args.keyCode);
-            if (confirm_1) {
-                return !this.editService.closeCell(args);
-            }
-            else if (cancel) {
-                this.editService.cancelCell();
-                this.meta.view.updateEditedState();
-                this.changeDetector.detectChanges();
-            }
-            else if (navigate) {
-                return false;
-            }
-        }
-        this.cellKeydown.emit(args);
-        return true;
-    };
-    NavigationService.prototype.onCursorChanges = function (args) {
-        this.activeRowIndex = args.rowIndex;
-        var dataRowIndex = this.activeDataRow;
-        if (this.meta && (this.meta.isVirtual && this.viewport &&
-            !this.viewport.containsRow(dataRowIndex) && dataRowIndex > -1)) {
-            this.scrollRequestService.scrollTo({ row: dataRowIndex });
-        }
-        if (this.meta.virtualColumns && args.colIndex >= this.meta.columns.lockedLeafColumns.length) {
-            var cell = this.activeCell;
-            var _a = this.model.cellRange(cell), start = _a.start, end = _a.end;
-            if (!cell) {
-                this.virtualCell = true;
-            }
-            if ((!cell && this.mode !== 0 /* Standby */) || (cell && !this.columnViewport.intersects(start, end))) {
-                this.scrollRequestService.scrollTo({ column: args.colIndex });
-            }
-        }
-    };
-    NavigationService.prototype.onFocusOut = function (args) {
-        if (isVisible(args.target)) {
-            this.mode = 0 /* Standby */;
-        }
-        else {
-            // Focused target is no longer visible,
-            // reset to cursor mode and recapture focus.
-            this.mode = 1 /* Cursor */;
-        }
-        this.deactivateElements();
-        this.cursor.announce();
-    };
-    NavigationService.prototype.onWindowBlur = function () {
-        this.mode = 0 /* Standby */;
-        this.deactivateElements();
-        this.cursor.announce();
-    };
-    NavigationService.prototype.onKeydown = function (args) {
-        if (this.mode === 1 /* Cursor */) {
-            this.onCursorKeydown(args);
-        }
-        else if (this.mode === 2 /* Content */) {
-            this.onContentKeydown(args);
-        }
-    };
-    NavigationService.prototype.onTabout = function () {
-        // Tabbed out of the last focusable content element
-        // reset to cursor mode and recapture focus.
-        if (this.cursor.cell.focusGroup.isNavigable()) {
-            // Unless the cell has a single focusable element,
-            // otherwise we'd return to Content mode and enter an endless loop
-            return;
-        }
-        this.leaveCell();
-        this.cursor.reset();
-    };
-    NavigationService = tslib_1.__decorate([
-        Injectable(),
-        tslib_1.__param(10, Optional()),
-        tslib_1.__metadata("design:paramtypes", [NgZone,
-            DomEventsService,
-            PagerContextService,
-            ScrollRequestService,
-            FocusRoot,
-            EditService,
-            LocalizationService,
-            ExpandStateService,
-            SelectionService,
-            ChangeDetectorRef,
-            FocusableDirective])
-    ], NavigationService);
-    return NavigationService;
-}());
-export { NavigationService };
-export { ɵ0, ɵ1, ɵ2, ɵ3, ɵ4, ɵ5, ɵ6, ɵ7 };