@progress/kendo-angular-layout 6.5.2 → 7.0.0-dev.202204150742

package/dist/npm/tabstrip/tabstrip.component.js

@@ -1,531 +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 animations_1 = require("@angular/animations");
-var kendo_angular_l10n_1 = require("@progress/kendo-angular-l10n");
-var kendo_licensing_1 = require("@progress/kendo-licensing");
-var package_metadata_1 = require("../package-metadata");
-var dom_queries_1 = require("./../common/dom-queries");
-var tabstrip_tab_component_1 = require("./models/tabstrip-tab.component");
-var tabstrip_service_1 = require("./tabstrip.service");
-var tabstrip_scroll_service_1 = require("./tabstrip-scroll.service");
-var rxjs_1 = require("rxjs");
-var dom_queries_2 = require("../common/dom-queries");
-var util_1 = require("./util");
-var scrollable_settings_1 = require("./models/scrollable-settings");
-var scrollable_button_component_1 = require("./scrollable-button.component");
-var operators_1 = require("rxjs/operators");
-/**
- * Represents the [Kendo UI TabStrip component for Angular]({% slug overview_tabstrip %}).
- */
-var TabStripComponent = /** @class */ (function () {
-    function TabStripComponent(localization, renderer, wrapper, tabstripService, scrollService, ngZone) {
-        this.localization = localization;
-        this.renderer = renderer;
-        this.wrapper = wrapper;
-        this.tabstripService = tabstripService;
-        this.scrollService = scrollService;
-        this.ngZone = ngZone;
-        /**
-         * Enables the tab animation.
-         *
-         * @default true
-         */
-        this.animate = true;
-        /**
-         * Sets the position of the tabs. Defaults to `top`.
-         *
-         * @default 'top'
-         */
-        this.tabPosition = 'top';
-        /**
-         * When set to `true`, the component renders all tabs and they are persisted in the DOM.
-         * By default, `keepTabContent` is `false`.
-         *
-         * @default false
-         */
-        this.keepTabContent = false;
-        /**
-         * When set to `true`, a close button will be rendered inside each tab.
-         * By default, `closable` is `false`.
-         *
-         * @default false
-         */
-        this.closable = false;
-        /**
-         * Allows defining a custom CSS class, or multiple classes separated by spaces, which will be applied to the close button span element.
-         * Allows the usage of custom icons.
-         */
-        this.closeIcon = 'k-icon k-i-x';
-        /**
-         * Fires each time the user selects a tab ([see example]({% slug overview_tabstrip %}#toc-basic-usage)).
-         * The event data contains the index of the selected tab and its title.
-         */
-        this.tabSelect = new core_1.EventEmitter();
-        /**
-         * Fires each time the user closes a tab.
-         * The event data contains the index of the closed tab and its instance.
-         */
-        this.tabClose = new core_1.EventEmitter();
-        /**
-         * Fires each time the user scrolls the TabStrip list.
-         * The event is preventable.
-         */
-        this.tabScroll = new core_1.EventEmitter();
-        this.hostClasses = true;
-        /**
-         * A query list of all declared tabs.
-         */
-        this.tabs = new core_1.QueryList();
-        this._scrollableSettings = scrollable_settings_1.normalizeScrollableSettings(false);
-        this.subscriptions = new rxjs_1.Subscription();
-        this.subscriptionsArePresent = false;
-        kendo_licensing_1.validatePackage(package_metadata_1.packageMetadata);
-        this.tabstripService.owner = this;
-        this.scrollService.owner = this;
-    }
-    Object.defineProperty(TabStripComponent.prototype, "height", {
-        get: function () {
-            return this._height;
-        },
-        /**
-         * Sets the height of the TabStrip.
-         */
-        set: function (value) {
-            this._height = value;
-            this.renderer.setStyle(this.wrapper.nativeElement, 'height', value);
-        },
-        enumerable: true,
-        configurable: true
-    });
-    Object.defineProperty(TabStripComponent.prototype, "scrollable", {
-        get: function () {
-            return this._scrollableSettings;
-        },
-        /**
-         * Enables the scrolling of the tab list. When set to `true` and the total size of all tabs
-         * is greater than the size of the TabStrip container, scroll buttons will be rendered on each end of the tab list.
-         *
-         * By default, `scrollable` is `false`.
-         *
-         * @default false
-         */
-        set: function (value) {
-            this._scrollableSettings = scrollable_settings_1.normalizeScrollableSettings(value);
-            if (this.tablist) {
-                this.toggleScrollButtons(this.scrollService.tabsOverflow);
-                this.attachWheelHandler(this.tablist.nativeElement);
-            }
-        },
-        enumerable: true,
-        configurable: true
-    });
-    Object.defineProperty(TabStripComponent.prototype, "tabsAtTop", {
-        get: function () {
-            return this.tabPosition === 'top';
-        },
-        enumerable: true,
-        configurable: true
-    });
-    Object.defineProperty(TabStripComponent.prototype, "tabsAtRight", {
-        get: function () {
-            return this.tabPosition === 'right';
-        },
-        enumerable: true,
-        configurable: true
-    });
-    Object.defineProperty(TabStripComponent.prototype, "tabsAtBottom", {
-        get: function () {
-            return this.tabPosition === 'bottom';
-        },
-        enumerable: true,
-        configurable: true
-    });
-    Object.defineProperty(TabStripComponent.prototype, "tabsAtLeft", {
-        get: function () {
-            return this.tabPosition === 'left';
-        },
-        enumerable: true,
-        configurable: true
-    });
-    Object.defineProperty(TabStripComponent.prototype, "dir", {
-        get: function () {
-            return this.localization.rtl ? 'rtl' : 'ltr';
-        },
-        enumerable: true,
-        configurable: true
-    });
-    Object.defineProperty(TabStripComponent.prototype, "tabStripScrollable", {
-        get: function () {
-            return this._scrollableSettings.enabled;
-        },
-        enumerable: true,
-        configurable: true
-    });
-    TabStripComponent.prototype.ngAfterViewInit = function () {
-        var _this = this;
-        this.ngZone.runOutsideAngular(function () {
-            if (_this.scrollService.tabsOverflow) {
-                _this.toggleScrollButtons(true);
-            }
-            else {
-                _this.toggleScrollButtons(false);
-            }
-            setTimeout(function () {
-                _this.scrollToSelectedTab();
-            });
-        });
-        this.initDomEvents();
-    };
-    TabStripComponent.prototype.ngOnChanges = function (changes) {
-        var _this = this;
-        var positionChange = changes.tabPosition;
-        if (positionChange) {
-            var tabsAtBottomChanged_1 = positionChange.previousValue === 'bottom' || positionChange.currentValue === 'bottom';
-            this.ngZone.onStable.pipe(operators_1.take(1)).subscribe(function () {
-                if (tabsAtBottomChanged_1) {
-                    if (_this.subscriptionsArePresent) {
-                        _this.subscriptions.unsubscribe();
-                        _this.subscriptions = new rxjs_1.Subscription();
-                        _this.subscriptionsArePresent = false;
-                    }
-                    _this.initDomEvents();
-                }
-                _this.scrollService.restoreScrollPosition();
-            });
-        }
-    };
-    TabStripComponent.prototype.ngOnDestroy = function () {
-        if (this.subscriptions) {
-            this.subscriptions.unsubscribe();
-        }
-    };
-    Object.defineProperty(TabStripComponent.prototype, "tabsAlignmentStyles", {
-        /**
-         * @hidden
-         */
-        get: function () {
-            return {
-                start: 'flex-start',
-                end: 'flex-end',
-                center: 'center',
-                justify: 'space-between'
-            }[this.tabAlignment];
-        },
-        enumerable: true,
-        configurable: true
-    });
-    Object.defineProperty(TabStripComponent.prototype, "tabListWidth", {
-        /**
-         * @hidden
-         */
-        get: function () {
-            if (this.tabPosition === 'top' || this.tabPosition === 'bottom') {
-                return '100%';
-            }
-            return null;
-        },
-        enumerable: true,
-        configurable: true
-    });
-    Object.defineProperty(TabStripComponent.prototype, "tabListHeight", {
-        /**
-         * @hidden
-         */
-        get: function () {
-            if (this.tabPosition === 'left' || this.tabPosition === 'right') {
-                return '100%';
-            }
-            return null;
-        },
-        enumerable: true,
-        configurable: true
-    });
-    Object.defineProperty(TabStripComponent.prototype, "isScrollable", {
-        /**
-         * @hidden
-         */
-        get: function () {
-            return this._scrollableSettings.enabled;
-        },
-        enumerable: true,
-        configurable: true
-    });
-    Object.defineProperty(TabStripComponent.prototype, "hasScrollButtons", {
-        /**
-         * @hidden
-         */
-        get: function () {
-            return util_1.tabStripHasScrollButtons(this._scrollableSettings);
-        },
-        enumerable: true,
-        configurable: true
-    });
-    Object.defineProperty(TabStripComponent.prototype, "mouseScrollEnabled", {
-        /**
-         * @hidden
-         */
-        get: function () {
-            return util_1.mouseScrollEnabled(this._scrollableSettings);
-        },
-        enumerable: true,
-        configurable: true
-    });
-    Object.defineProperty(TabStripComponent.prototype, "itemsWrapperClass", {
-        /**
-         * @hidden
-         */
-        get: function () {
-            return util_1.isTablistHorizontal(this.tabPosition) ? 'k-hstack' : 'k-vstack';
-        },
-        enumerable: true,
-        configurable: true
-    });
-    /**
-     * Allows the user to select a tab programmatically.
-     * @param {number} index - The index of the tab that will be selected.
-     */
-    TabStripComponent.prototype.selectTab = function (index) {
-        var tab = util_1.getTabByIndex(this.tabs, index);
-        if (!tab || tab.disabled) {
-            return;
-        }
-        this.tabstripService.selectTab(tab, index);
-        this.scrollToSelectedTab();
-    };
-    /**
-     * @hidden
-     */
-    TabStripComponent.prototype.onTabClick = function (originalEvent, tabIndex) {
-        if (dom_queries_2.isFocusable(originalEvent.target)) {
-            return;
-        }
-        var targetElement = originalEvent.target;
-        var isTargetCloseButton = dom_queries_1.hasClass(targetElement, 'k-remove-tab') || dom_queries_1.hasClass(targetElement.parentElement, 'k-remove-tab');
-        if (isTargetCloseButton) {
-            return;
-        }
-        var tab = util_1.getTabByIndex(this.tabs, tabIndex);
-        this.tabstripService.onTabSelect(tab, tabIndex);
-        this.scrollToSelectedTab();
-    };
-    /**
-     * @hidden
-     */
-    TabStripComponent.prototype.onResize = function () {
-        var _this = this;
-        if (this.scrollService.tabsOverflow) {
-            this.toggleScrollButtons(true);
-        }
-        else {
-            this.toggleScrollButtons(false);
-        }
-        this.ngZone.runOutsideAngular(function () {
-            _this.scrollService.toggleScrollButtonsState();
-        });
-    };
-    /**
-     * @hidden
-     */
-    TabStripComponent.prototype.scrollToSelectedTab = function () {
-        if (this._scrollableSettings.enabled) {
-            this.scrollService.scrollToSelectedTab();
-        }
-    };
-    TabStripComponent.prototype.initDomEvents = function () {
-        var _this = this;
-        if (!this.wrapper || this.subscriptionsArePresent) {
-            return;
-        }
-        var tablist = this.tablist.nativeElement;
-        this.ngZone.runOutsideAngular(function () {
-            _this.subscriptions.add(_this.renderer.listen(tablist, 'keydown', function (ev) {
-                _this.tabstripService.onKeyDown(ev);
-            }));
-        });
-        this.subscriptions.add(this.renderer.listen(tablist, 'focusout', function () {
-            util_1.resetTabFocus(_this.tabs);
-        }));
-        if (this.isScrollable && this.mouseScrollEnabled) {
-            this.attachWheelHandler(tablist);
-        }
-        this.subscriptionsArePresent = true;
-    };
-    TabStripComponent.prototype.toggleScrollButtons = function (tabsOverflow) {
-        var _this = this;
-        this.ngZone.onStable.pipe(operators_1.take(1)).subscribe(function () {
-            var scrollButtonsSetting = _this._scrollableSettings.scrollButtons;
-            var scrollButtonsArePresent = _this.prevScrollButton && _this.nextScrollButton;
-            var shouldShowButtons = scrollButtonsArePresent && tabsOverflow;
-            var shouldHideButtons = scrollButtonsArePresent &&
-                !tabsOverflow &&
-                scrollButtonsSetting !== 'visible';
-            var alwaysVisible = scrollButtonsSetting === 'visible';
-            if (shouldHideButtons) {
-                _this.prevScrollButton.toggle(false);
-                _this.nextScrollButton.toggle(false);
-            }
-            else if (shouldShowButtons || alwaysVisible) {
-                _this.prevScrollButton.toggle(true);
-                _this.nextScrollButton.toggle(true);
-            }
-            if (scrollButtonsArePresent && alwaysVisible) {
-                _this.ngZone.runOutsideAngular(function () {
-                    _this.scrollService.toggleScrollButtonsState();
-                });
-            }
-        });
-    };
-    TabStripComponent.prototype.attachWheelHandler = function (tablist) {
-        var _this = this;
-        this.ngZone.runOutsideAngular(function () {
-            _this.subscriptions.add(_this.renderer.listen(tablist, 'wheel', function (wheelEvent) {
-                var tabStripScrollEvent = _this.scrollService.emitScrollEvent(wheelEvent);
-                var isTabStripScrollEventPrevented = tabStripScrollEvent.isDefaultPrevented();
-                if (isTabStripScrollEventPrevented || !_this.scrollService.tabsOverflow) {
-                    return;
-                }
-                _this.scrollService.onMouseScroll(wheelEvent);
-            }));
-        });
-    };
-    tslib_1.__decorate([
-        core_1.Input(),
-        tslib_1.__metadata("design:type", String),
-        tslib_1.__metadata("design:paramtypes", [String])
-    ], TabStripComponent.prototype, "height", null);
-    tslib_1.__decorate([
-        core_1.Input(),
-        tslib_1.__metadata("design:type", Boolean)
-    ], TabStripComponent.prototype, "animate", void 0);
-    tslib_1.__decorate([
-        core_1.Input(),
-        tslib_1.__metadata("design:type", String)
-    ], TabStripComponent.prototype, "tabAlignment", void 0);
-    tslib_1.__decorate([
-        core_1.Input(),
-        tslib_1.__metadata("design:type", String)
-    ], TabStripComponent.prototype, "tabPosition", void 0);
-    tslib_1.__decorate([
-        core_1.Input(),
-        tslib_1.__metadata("design:type", Boolean)
-    ], TabStripComponent.prototype, "keepTabContent", void 0);
-    tslib_1.__decorate([
-        core_1.Input(),
-        tslib_1.__metadata("design:type", Boolean)
-    ], TabStripComponent.prototype, "closable", void 0);
-    tslib_1.__decorate([
-        core_1.Input(),
-        tslib_1.__metadata("design:type", Object),
-        tslib_1.__metadata("design:paramtypes", [Object])
-    ], TabStripComponent.prototype, "scrollable", null);
-    tslib_1.__decorate([
-        core_1.Input(),
-        tslib_1.__metadata("design:type", String)
-    ], TabStripComponent.prototype, "closeIcon", void 0);
-    tslib_1.__decorate([
-        core_1.Output(),
-        tslib_1.__metadata("design:type", core_1.EventEmitter)
-    ], TabStripComponent.prototype, "tabSelect", void 0);
-    tslib_1.__decorate([
-        core_1.Output(),
-        tslib_1.__metadata("design:type", core_1.EventEmitter)
-    ], TabStripComponent.prototype, "tabClose", void 0);
-    tslib_1.__decorate([
-        core_1.Output(),
-        tslib_1.__metadata("design:type", core_1.EventEmitter)
-    ], TabStripComponent.prototype, "tabScroll", void 0);
-    tslib_1.__decorate([
-        core_1.HostBinding('class.k-tabstrip'),
-        core_1.HostBinding('class.k-floatwrap'),
-        tslib_1.__metadata("design:type", Boolean)
-    ], TabStripComponent.prototype, "hostClasses", void 0);
-    tslib_1.__decorate([
-        core_1.HostBinding('class.k-tabstrip-top'),
-        tslib_1.__metadata("design:type", Boolean),
-        tslib_1.__metadata("design:paramtypes", [])
-    ], TabStripComponent.prototype, "tabsAtTop", null);
-    tslib_1.__decorate([
-        core_1.HostBinding('class.k-tabstrip-right'),
-        tslib_1.__metadata("design:type", Boolean),
-        tslib_1.__metadata("design:paramtypes", [])
-    ], TabStripComponent.prototype, "tabsAtRight", null);
-    tslib_1.__decorate([
-        core_1.HostBinding('class.k-tabstrip-bottom'),
-        tslib_1.__metadata("design:type", Boolean),
-        tslib_1.__metadata("design:paramtypes", [])
-    ], TabStripComponent.prototype, "tabsAtBottom", null);
-    tslib_1.__decorate([
-        core_1.HostBinding('class.k-tabstrip-left'),
-        tslib_1.__metadata("design:type", Boolean),
-        tslib_1.__metadata("design:paramtypes", [])
-    ], TabStripComponent.prototype, "tabsAtLeft", null);
-    tslib_1.__decorate([
-        core_1.HostBinding('attr.dir'),
-        tslib_1.__metadata("design:type", String),
-        tslib_1.__metadata("design:paramtypes", [])
-    ], TabStripComponent.prototype, "dir", null);
-    tslib_1.__decorate([
-        core_1.HostBinding('class.k-tabstrip-scrollable'),
-        tslib_1.__metadata("design:type", Boolean),
-        tslib_1.__metadata("design:paramtypes", [])
-    ], TabStripComponent.prototype, "tabStripScrollable", null);
-    tslib_1.__decorate([
-        core_1.ContentChildren(tabstrip_tab_component_1.TabStripTabComponent),
-        tslib_1.__metadata("design:type", core_1.QueryList)
-    ], TabStripComponent.prototype, "tabs", void 0);
-    tslib_1.__decorate([
-        core_1.ViewChild('tablist', { static: false }),
-        tslib_1.__metadata("design:type", core_1.ElementRef)
-    ], TabStripComponent.prototype, "tablist", void 0);
-    tslib_1.__decorate([
-        core_1.ViewChildren('tabHeaderContainer', { read: core_1.ElementRef }),
-        tslib_1.__metadata("design:type", core_1.QueryList)
-    ], TabStripComponent.prototype, "tabHeaderContainers", void 0);
-    tslib_1.__decorate([
-        core_1.ViewChild('prevScrollButton', { static: false }),
-        tslib_1.__metadata("design:type", scrollable_button_component_1.TabStripScrollableButtonComponent)
-    ], TabStripComponent.prototype, "prevScrollButton", void 0);
-    tslib_1.__decorate([
-        core_1.ViewChild('nextScrollButton', { static: false }),
-        tslib_1.__metadata("design:type", scrollable_button_component_1.TabStripScrollableButtonComponent)
-    ], TabStripComponent.prototype, "nextScrollButton", void 0);
-    TabStripComponent = tslib_1.__decorate([
-        core_1.Component({
-            animations: [
-                animations_1.trigger('state', [
-                    animations_1.state('active', animations_1.style({ opacity: 1 })),
-                    animations_1.transition('* => active', [
-                        animations_1.style({ opacity: 0 }),
-                        animations_1.animate('400ms ease-in')
-                    ])
-                ])
-            ],
-            providers: [
-                tabstrip_service_1.TabStripService,
-                tabstrip_scroll_service_1.ScrollService,
-                kendo_angular_l10n_1.LocalizationService,
-                {
-                    provide: kendo_angular_l10n_1.L10N_PREFIX,
-                    useValue: 'kendo.tabstrip'
-                }
-            ],
-            exportAs: 'kendoTabStrip',
-            selector: 'kendo-tabstrip',
-            template: "\n        <ng-container kendoTabStripLocalizedMessages\n            i18n-closeTitle=\"kendo.tabstrip.closeTitle|The title for the **Close** button in the TabStrip tab.\"\n            closeTitle=\"Close\">\n        </ng-container>\n        <ng-container *ngIf=\"!tabsAtBottom\">\n            <ng-container *ngTemplateOutlet=\"heading\">\n            </ng-container>\n            <ng-container *ngTemplateOutlet=\"content\">\n            </ng-container>\n        </ng-container>\n\n        <ng-container *ngIf=\"tabsAtBottom\">\n            <ng-container *ngTemplateOutlet=\"content\">\n            </ng-container>\n            <ng-container *ngTemplateOutlet=\"heading\">\n            </ng-container>\n        </ng-container>\n        <ng-template #heading>\n            <div class=\"k-tabstrip-items-wrapper\" [ngClass]=\"itemsWrapperClass\">\n                <span *ngIf=\"hasScrollButtons\"\n                     #prevScrollButton\n                    kendoTabStripScrollableButton\n                    [prev]=\"true\"></span>\n                <ul role=\"tablist\" #tablist\n                    class=\"k-reset k-tabstrip-items\"\n                    [style.justifyContent]=\"tabsAlignmentStyles\"\n                    [style.width]=\"tabListWidth\"\n                    [style.height]=\"tabListHeight\"\n                >\n                    <ng-container *ngFor=\"let tab of tabs; let i = index;\">\n                        <li *ngIf=\"!tab.closed\"\n                            #tabHeaderContainer\n                            kendoTabStripTab\n                            [ngClass]=\"tab.cssClass\"\n                            [ngStyle]=\"tab.cssStyle\"\n                            [tab]=\"tab\"\n                            [index]=\"i\"\n                            role=\"tab\"\n                            [tabStripClosable]=\"closable\"\n                            [tabStripCloseIcon]=\"closeIcon\"\n                            (click)=\"onTabClick($event, i)\"\n                            [id]=\"'k-tabstrip-tab-' + i\"\n                            [attr.aria-controls]=\"'k-tabstrip-tabpanel-' + i\">\n                        </li>\n                    </ng-container>\n                </ul>\n                <span *ngIf=\"hasScrollButtons\" #nextScrollButton\n                    kendoTabStripScrollableButton\n                    [prev]=\"false\">\n                </span>\n            </div>\n        </ng-template>\n        <ng-template #content>\n            <ng-template ngFor let-tab [ngForOf]=\"tabs\" let-i=\"index\">\n                <div\n                    [@state]=\"tab.selected && animate ? 'active' : 'inactive'\"\n                    *ngIf=\"!tab.closed && (tab.selected || keepTabContent)\"\n                    [ngClass]=\"!this.keepTabContent || tab.selected ? 'k-content k-state-active' : 'k-content'\"\n                    [tabIndex]=\"0\"\n                    role=\"tabpanel\"\n                    [id]=\"'k-tabstrip-tabpanel-' + i\"\n                    [attr.aria-hidden]=\"!tab.selected\"\n                    [attr.aria-expanded]=\"tab.selected\"\n                    [attr.aria-labelledby]=\"'k-tabstrip-tab-' + i\"\n                    [attr.aria-disabled]=\"tab.disabled\"\n                >\n                    <ng-template [ngTemplateOutlet]=\"tab.tabContent?.templateRef\">\n                    </ng-template>\n                </div>\n            </ng-template>\n        </ng-template>\n        <kendo-resize-sensor *ngIf=\"isScrollable\" (resize)=\"onResize()\"></kendo-resize-sensor>\n    "
-        }),
-        tslib_1.__metadata("design:paramtypes", [kendo_angular_l10n_1.LocalizationService,
-            core_1.Renderer2,
-            core_1.ElementRef,
-            tabstrip_service_1.TabStripService,
-            tabstrip_scroll_service_1.ScrollService,
-            core_1.NgZone])
-    ], TabStripComponent);
-    return TabStripComponent;
-}());
-exports.TabStripComponent = TabStripComponent;

package/dist/npm/tabstrip/tabstrip.service.js

@@ -1,160 +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_l10n_1 = require("@progress/kendo-angular-l10n");
-var kendo_angular_common_1 = require("@progress/kendo-angular-common");
-var util_1 = require("../common/util");
-var events_1 = require("./events");
-var util_2 = require("./util");
-/**
- * @hidden
- */
-var TabStripService = /** @class */ (function () {
-    function TabStripService(localization, ngZone) {
-        this.localization = localization;
-        this.ngZone = ngZone;
-    }
-    TabStripService.prototype.onKeyDown = function (event) {
-        if (!util_2.isTabElement(event.target)) {
-            return;
-        }
-        var key = event.keyCode;
-        if (this.shouldHandleKey(key)) {
-            event.preventDefault();
-        }
-        else {
-            return;
-        }
-        if (util_1.isNavigationKey(key) || util_1.isArrowKey(key)) {
-            this.onNavigate(key);
-        }
-        else if (key === kendo_angular_common_1.Keys.Delete) {
-            this.onDelete();
-        }
-    };
-    TabStripService.prototype.onTabSelect = function (tab, index) {
-        var selectArgs = new events_1.SelectEvent(index, tab.title);
-        this.owner.tabSelect.emit(selectArgs);
-        if (!selectArgs.isDefaultPrevented()) {
-            if (tab.selected) {
-                this.focusTabHeader(index);
-                return;
-            }
-            this.selectTab(tab, index);
-        }
-    };
-    TabStripService.prototype.selectTab = function (tab, index) {
-        util_2.resetTabSelection(this.owner.tabs);
-        this.focusTabHeader(index);
-        tab.selected = true;
-        if (this.owner.isScrollable) {
-            this.owner.scrollToSelectedTab();
-        }
-    };
-    TabStripService.prototype.onTabClose = function (tab, index) {
-        var closeArgs = new events_1.TabCloseEvent(index, tab);
-        this.owner.tabClose.emit(closeArgs);
-    };
-    TabStripService.prototype.onNavigate = function (keyCode) {
-        var _this = this;
-        var _a = util_2.getActiveTab(this.owner.tabs), activeTab = _a.tab, activeIndex = _a.index;
-        if (!core_1.NgZone.isInAngularZone()) {
-            this.ngZone.run(function () {
-                if (activeIndex < 0) {
-                    _this.owner.selectTab(_this.firstNavigatableIndex());
-                    return;
-                }
-                activeTab.focused = false;
-                var nextIndex = _this.computeNextIndex(activeIndex, keyCode);
-                _this.activateTab(nextIndex);
-            });
-        }
-    };
-    TabStripService.prototype.onDelete = function () {
-        var _this = this;
-        var _a = util_2.getActiveTab(this.owner.tabs), activeTab = _a.tab, activeTabIndex = _a.index;
-        if (util_2.isTabClosable(activeTab, this.owner.closable) && !activeTab.disabled) {
-            this.ngZone.run(function () {
-                _this.onTabClose(activeTab, activeTabIndex);
-            });
-        }
-    };
-    TabStripService.prototype.activateTab = function (index) {
-        var tab = util_2.getTabByIndex(this.owner.tabs, index);
-        if (tab.disabled) {
-            this.focusTabHeader(index);
-            tab.focused = true;
-        }
-        else {
-            this.onTabSelect(tab, index);
-        }
-    };
-    TabStripService.prototype.focusTabHeader = function (index) {
-        var tabHeader = util_2.getTabHeaderByIndex(this.owner.tabHeaderContainers, index);
-        tabHeader.nativeElement.focus();
-    };
-    TabStripService.prototype.shouldHandleKey = function (keyCode) {
-        if (util_1.isNavigationKey(keyCode)) {
-            return true;
-        }
-        if (util_2.isTablistHorizontal(this.owner.tabPosition) && util_1.isHorizontalArrowKey(keyCode)) {
-            return true;
-        }
-        if (!util_2.isTablistHorizontal(this.owner.tabPosition) && util_1.isVerticalArrowKey(keyCode)) {
-            return true;
-        }
-        if (keyCode === kendo_angular_common_1.Keys.Delete) {
-            return true;
-        }
-        return false;
-    };
-    TabStripService.prototype.computeNextIndex = function (activeIndex, keyCode) {
-        switch (keyCode) {
-            case this.invertKeys(kendo_angular_common_1.Keys.ArrowLeft, kendo_angular_common_1.Keys.ArrowRight):
-            case this.invertKeys(kendo_angular_common_1.Keys.ArrowUp, kendo_angular_common_1.Keys.ArrowDown):
-                return this.prevNavigatableIndex(activeIndex);
-            case this.invertKeys(kendo_angular_common_1.Keys.ArrowRight, kendo_angular_common_1.Keys.ArrowLeft):
-            case this.invertKeys(kendo_angular_common_1.Keys.ArrowDown, kendo_angular_common_1.Keys.ArrowUp):
-                return this.nextNavigatableIndex(activeIndex);
-            case kendo_angular_common_1.Keys.Home:
-                return this.firstNavigatableIndex();
-            case kendo_angular_common_1.Keys.End:
-                return this.lastNavigatableIndex();
-            default:
-                return;
-        }
-    };
-    TabStripService.prototype.invertKeys = function (original, inverted) {
-        return this.localization.rtl ? inverted : original;
-    };
-    TabStripService.prototype.firstNavigatableIndex = function () {
-        return 0;
-    };
-    TabStripService.prototype.lastNavigatableIndex = function () {
-        return this.owner.tabs.length - 1;
-    };
-    TabStripService.prototype.prevNavigatableIndex = function (selectedIndex) {
-        if (selectedIndex - 1 < 0) {
-            return this.lastNavigatableIndex();
-        }
-        return selectedIndex - 1;
-    };
-    TabStripService.prototype.nextNavigatableIndex = function (selectedIndex) {
-        if (selectedIndex + 1 >= this.owner.tabs.length) {
-            return this.firstNavigatableIndex();
-        }
-        return selectedIndex + 1;
-    };
-    TabStripService = tslib_1.__decorate([
-        core_1.Injectable(),
-        tslib_1.__metadata("design:paramtypes", [kendo_angular_l10n_1.LocalizationService,
-            core_1.NgZone])
-    ], TabStripService);
-    return TabStripService;
-}());
-exports.TabStripService = TabStripService;