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

package/dist/es/tabstrip/models/tabstrip-tab.component.js

@@ -1,88 +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 { Component, Input, ContentChildren, QueryList } from '@angular/core';
-import { TabContentDirective } from '../directives/tab-content.directive';
-import { TabTitleDirective } from '../directives/tab-title.directive';
-/**
- * Represents the tab component of the TabStrip.
- */
-var TabStripTabComponent = /** @class */ (function () {
-    function TabStripTabComponent() {
-        /**
-         * Used to disable a tab ([see example]({% slug tabs_tabstrip %}#toc-disabled-tabs)).
-         *
-         * Defaults to `false`.
-         */
-        this.disabled = false;
-        this._tabContent = new QueryList();
-        /**
-         * @hidden
-         *
-         * Currently only disabled tabs can be focused. Otherwise they will be
-         * immediately selected
-         */
-        this.focused = false;
-    }
-    Object.defineProperty(TabStripTabComponent.prototype, "tabContent", {
-        get: function () {
-            return this._tabContent.first;
-        },
-        enumerable: true,
-        configurable: true
-    });
-    Object.defineProperty(TabStripTabComponent.prototype, "tabTitle", {
-        get: function () {
-            return this._tabTitleDirective.first;
-        },
-        enumerable: true,
-        configurable: true
-    });
-    tslib_1.__decorate([
-        Input(),
-        tslib_1.__metadata("design:type", String)
-    ], TabStripTabComponent.prototype, "title", void 0);
-    tslib_1.__decorate([
-        Input(),
-        tslib_1.__metadata("design:type", Boolean)
-    ], TabStripTabComponent.prototype, "disabled", void 0);
-    tslib_1.__decorate([
-        Input(),
-        tslib_1.__metadata("design:type", Object)
-    ], TabStripTabComponent.prototype, "cssClass", void 0);
-    tslib_1.__decorate([
-        Input(),
-        tslib_1.__metadata("design:type", Object)
-    ], TabStripTabComponent.prototype, "cssStyle", void 0);
-    tslib_1.__decorate([
-        Input(),
-        tslib_1.__metadata("design:type", Boolean)
-    ], TabStripTabComponent.prototype, "selected", void 0);
-    tslib_1.__decorate([
-        Input(),
-        tslib_1.__metadata("design:type", Boolean)
-    ], TabStripTabComponent.prototype, "closable", void 0);
-    tslib_1.__decorate([
-        Input(),
-        tslib_1.__metadata("design:type", String)
-    ], TabStripTabComponent.prototype, "closeIcon", void 0);
-    tslib_1.__decorate([
-        ContentChildren(TabContentDirective),
-        tslib_1.__metadata("design:type", QueryList)
-    ], TabStripTabComponent.prototype, "_tabContent", void 0);
-    tslib_1.__decorate([
-        ContentChildren(TabTitleDirective),
-        tslib_1.__metadata("design:type", QueryList)
-    ], TabStripTabComponent.prototype, "_tabTitleDirective", void 0);
-    TabStripTabComponent = tslib_1.__decorate([
-        Component({
-            exportAs: 'kendoTabStripTab',
-            selector: 'kendo-tabstrip-tab',
-            template: ""
-        })
-    ], TabStripTabComponent);
-    return TabStripTabComponent;
-}());
-export { TabStripTabComponent };

package/dist/es/tabstrip/rendering/tab.component.js

@@ -1,131 +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 { TabStripTabComponent } from '../models/tabstrip-tab.component';
-import { TabStripService } from '../tabstrip.service';
-import { Component, HostBinding, Input } from '@angular/core';
-import { LocalizationService } from '@progress/kendo-angular-l10n';
-import { isPresent } from '../../common/util';
-/**
- * @hidden
- */
-var TabComponent = /** @class */ (function () {
-    function TabComponent(localization, tabstripService) {
-        this.localization = localization;
-        this.tabstripService = tabstripService;
-        this.hostClasses = true;
-    }
-    Object.defineProperty(TabComponent.prototype, "activeClass", {
-        get: function () {
-            return this.tab.selected;
-        },
-        enumerable: true,
-        configurable: true
-    });
-    Object.defineProperty(TabComponent.prototype, "disabledClass", {
-        get: function () {
-            return this.tab.disabled;
-        },
-        enumerable: true,
-        configurable: true
-    });
-    Object.defineProperty(TabComponent.prototype, "focusedClass", {
-        get: function () {
-            return this.tab.focused;
-        },
-        enumerable: true,
-        configurable: true
-    });
-    Object.defineProperty(TabComponent.prototype, "tabIndex", {
-        get: function () {
-            return this.tab.selected || this.tab.focused ? 0 : -1;
-        },
-        enumerable: true,
-        configurable: true
-    });
-    Object.defineProperty(TabComponent.prototype, "tabClosable", {
-        get: function () {
-            if (this.tab.closable !== undefined) {
-                return this.tab.closable;
-            }
-            return this.tabStripClosable;
-        },
-        enumerable: true,
-        configurable: true
-    });
-    Object.defineProperty(TabComponent.prototype, "closeButtonClasses", {
-        get: function () {
-            if (isPresent(this.tab.closeIcon)) {
-                return this.tab.closeIcon;
-            }
-            return this.tabStripCloseIcon;
-        },
-        enumerable: true,
-        configurable: true
-    });
-    Object.defineProperty(TabComponent.prototype, "closeButtonTitle", {
-        get: function () {
-            return this.localization.get('closeTitle');
-        },
-        enumerable: true,
-        configurable: true
-    });
-    TabComponent.prototype.closeTab = function (index) {
-        this.tabstripService.onTabClose(this.tab, index);
-    };
-    tslib_1.__decorate([
-        Input(),
-        tslib_1.__metadata("design:type", TabStripTabComponent)
-    ], TabComponent.prototype, "tab", void 0);
-    tslib_1.__decorate([
-        Input(),
-        tslib_1.__metadata("design:type", Number)
-    ], TabComponent.prototype, "index", void 0);
-    tslib_1.__decorate([
-        Input(),
-        tslib_1.__metadata("design:type", Boolean)
-    ], TabComponent.prototype, "tabStripClosable", void 0);
-    tslib_1.__decorate([
-        Input(),
-        tslib_1.__metadata("design:type", String)
-    ], TabComponent.prototype, "tabStripCloseIcon", void 0);
-    tslib_1.__decorate([
-        HostBinding('class.k-item'),
-        HostBinding('class.k-state-default'),
-        tslib_1.__metadata("design:type", Boolean)
-    ], TabComponent.prototype, "hostClasses", void 0);
-    tslib_1.__decorate([
-        HostBinding('attr.aria-selected]'),
-        HostBinding('class.k-state-active'),
-        tslib_1.__metadata("design:type", Boolean),
-        tslib_1.__metadata("design:paramtypes", [])
-    ], TabComponent.prototype, "activeClass", null);
-    tslib_1.__decorate([
-        HostBinding('attr.aria-disabled]'),
-        HostBinding('class.k-state-disabled'),
-        tslib_1.__metadata("design:type", Boolean),
-        tslib_1.__metadata("design:paramtypes", [])
-    ], TabComponent.prototype, "disabledClass", null);
-    tslib_1.__decorate([
-        HostBinding('class.k-state-focused'),
-        tslib_1.__metadata("design:type", Boolean),
-        tslib_1.__metadata("design:paramtypes", [])
-    ], TabComponent.prototype, "focusedClass", null);
-    tslib_1.__decorate([
-        HostBinding('attr.tabindex'),
-        tslib_1.__metadata("design:type", Number),
-        tslib_1.__metadata("design:paramtypes", [])
-    ], TabComponent.prototype, "tabIndex", null);
-    TabComponent = tslib_1.__decorate([
-        Component({
-            selector: '[kendoTabStripTab]',
-            template: "\n        <span class=\"k-link\" *ngIf=\"!tab.tabTitle\">{{ tab.title }}</span>\n        <span class=\"k-link\" *ngIf=\"tab.tabTitle\">\n            <ng-template [ngTemplateOutlet]=\"tab.tabTitle?.templateRef\">\n            </ng-template>\n        </span>\n        <span class=\"k-remove-tab k-button k-icon-button k-flat\" *ngIf=\"tabClosable\"\n            role=\"button\"\n            [title]=\"closeButtonTitle\"\n            [attr.aria-label]=\"closeButtonTitle\"\n            (click)=\"closeTab(index)\"\n        >\n            <span [ngClass]=\"closeButtonClasses\"></span>\n        </span>\n    "
-        }),
-        tslib_1.__metadata("design:paramtypes", [LocalizationService,
-            TabStripService])
-    ], TabComponent);
-    return TabComponent;
-}());
-export { TabComponent };

package/dist/es/tabstrip/scrollable-button.component.js

@@ -1,131 +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 { Component, ElementRef, HostBinding, Input, Renderer2, NgZone } from '@angular/core';
-import { Subscription } from 'rxjs';
-import { ScrollService } from './tabstrip-scroll.service';
-import { HIDDEN_CLASS } from './constants';
-/**
- * @hidden
- */
-var TabStripScrollableButtonComponent = /** @class */ (function () {
-    function TabStripScrollableButtonComponent(host, scrollService, renderer, ngZone) {
-        var _this = this;
-        this.host = host;
-        this.scrollService = scrollService;
-        this.renderer = renderer;
-        this.ngZone = ngZone;
-        this.btnClasses = true;
-        this.prev = false;
-        this._disabled = false;
-        this.subs = new Subscription();
-        this.clickHandler = function (scrollEvent) {
-            var tabStripScrollEvent = _this.scrollService.emitScrollEvent(scrollEvent);
-            var isTabStripScrollEventPrevented = tabStripScrollEvent.isDefaultPrevented();
-            if (isTabStripScrollEventPrevented) {
-                return;
-            }
-            var buttonType = _this.prev ? 'prev' : 'next';
-            _this.scrollService.scrollTabs(buttonType);
-        };
-        this.subs.add(this.scrollService.scrollButtonActiveStateChange.subscribe(function (activeButtonSettings) {
-            var applyActiveState = (_this.prev && activeButtonSettings.buttonType === 'prev') ||
-                (!_this.prev && activeButtonSettings.buttonType === 'next');
-            if (applyActiveState) {
-                _this.disabled = !activeButtonSettings.active;
-            }
-        }));
-    }
-    Object.defineProperty(TabStripScrollableButtonComponent.prototype, "prevClass", {
-        get: function () {
-            return this.prev;
-        },
-        enumerable: true,
-        configurable: true
-    });
-    Object.defineProperty(TabStripScrollableButtonComponent.prototype, "nextClass", {
-        get: function () {
-            return !this.prev;
-        },
-        enumerable: true,
-        configurable: true
-    });
-    Object.defineProperty(TabStripScrollableButtonComponent.prototype, "disabled", {
-        get: function () {
-            return this._disabled;
-        },
-        set: function (value) {
-            this._disabled = value;
-        },
-        enumerable: true,
-        configurable: true
-    });
-    Object.defineProperty(TabStripScrollableButtonComponent.prototype, "hostBoundingClientRect", {
-        get: function () {
-            return this.host.nativeElement.getBoundingClientRect();
-        },
-        enumerable: true,
-        configurable: true
-    });
-    Object.defineProperty(TabStripScrollableButtonComponent.prototype, "iconClass", {
-        get: function () {
-            return this.scrollService.scrollButtonIconClass[this.prev ? 'prevScrollButton' : 'nextScrollButton'];
-        },
-        enumerable: true,
-        configurable: true
-    });
-    TabStripScrollableButtonComponent.prototype.ngAfterViewInit = function () {
-        var _this = this;
-        this.ngZone.runOutsideAngular(function () {
-            _this.subs.add(_this.renderer.listen(_this.host.nativeElement, 'click', _this.clickHandler));
-        });
-    };
-    TabStripScrollableButtonComponent.prototype.ngOnDestroy = function () {
-        this.subs.unsubscribe();
-    };
-    TabStripScrollableButtonComponent.prototype.toggle = function (show) {
-        this.renderer[show ? 'removeClass' : 'addClass'](this.host.nativeElement, HIDDEN_CLASS);
-    };
-    tslib_1.__decorate([
-        HostBinding('class.k-button'),
-        HostBinding('class.k-button-md'),
-        HostBinding('class.k-icon-button'),
-        HostBinding('class.k-rounded-md'),
-        HostBinding('class.k-button-flat'),
-        HostBinding('class.k-button-flat-base'),
-        tslib_1.__metadata("design:type", Boolean)
-    ], TabStripScrollableButtonComponent.prototype, "btnClasses", void 0);
-    tslib_1.__decorate([
-        HostBinding('class.k-tabstrip-prev'),
-        tslib_1.__metadata("design:type", Boolean),
-        tslib_1.__metadata("design:paramtypes", [])
-    ], TabStripScrollableButtonComponent.prototype, "prevClass", null);
-    tslib_1.__decorate([
-        HostBinding('class.k-tabstrip-next'),
-        tslib_1.__metadata("design:type", Boolean),
-        tslib_1.__metadata("design:paramtypes", [])
-    ], TabStripScrollableButtonComponent.prototype, "nextClass", null);
-    tslib_1.__decorate([
-        HostBinding('class.k-disabled'),
-        tslib_1.__metadata("design:type", Boolean),
-        tslib_1.__metadata("design:paramtypes", [Boolean])
-    ], TabStripScrollableButtonComponent.prototype, "disabled", null);
-    tslib_1.__decorate([
-        Input(),
-        tslib_1.__metadata("design:type", Boolean)
-    ], TabStripScrollableButtonComponent.prototype, "prev", void 0);
-    TabStripScrollableButtonComponent = tslib_1.__decorate([
-        Component({
-            template: "\n        <span class=\"k-icon k-button-icon\" [ngClass]=\"iconClass\"></span>\n    ",
-            selector: '[kendoTabStripScrollableButton]'
-        }),
-        tslib_1.__metadata("design:paramtypes", [ElementRef,
-            ScrollService,
-            Renderer2,
-            NgZone])
-    ], TabStripScrollableButtonComponent);
-    return TabStripScrollableButtonComponent;
-}());
-export { TabStripScrollableButtonComponent };

package/dist/es/tabstrip/tabstrip-scroll.service.js

@@ -1,226 +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 { DEFAULT_SCROLL_BEHAVIOR, DIRECTION_CLASSES } from './constants';
-import { Injectable, NgZone } from '@angular/core';
-import { hasObservers, isDocumentAvailable } from '@progress/kendo-angular-common';
-import { Subject } from 'rxjs';
-import { TabScrollEvent } from './events/tabscroll-event';
-import { getActiveTab, isTablistHorizontal, mouseScrollEnabled } from './util';
-/**
- * @hidden
- */
-var ScrollService = /** @class */ (function () {
-    function ScrollService(ngZone) {
-        this.ngZone = ngZone;
-        this.position = 0;
-        this.scrollButtonActiveStateChange = new Subject();
-    }
-    Object.defineProperty(ScrollService.prototype, "tablistElement", {
-        get: function () {
-            return this.owner.tablist.nativeElement;
-        },
-        enumerable: true,
-        configurable: true
-    });
-    Object.defineProperty(ScrollService.prototype, "scrollButtonIconClass", {
-        get: function () {
-            var tabStrip = this.owner;
-            var defaultPrevIcon = isTablistHorizontal(tabStrip.tabPosition) ? DIRECTION_CLASSES.left : DIRECTION_CLASSES.up;
-            var defaultNextIcon = isTablistHorizontal(tabStrip.tabPosition) ? DIRECTION_CLASSES.right : DIRECTION_CLASSES.down;
-            if (typeof tabStrip.scrollable === 'object') {
-                var prevIcon = typeof tabStrip.scrollable.prevButtonIcon === 'undefined' ? defaultPrevIcon : tabStrip.scrollable.prevButtonIcon;
-                var nextIcon = typeof tabStrip.scrollable.nextButtonIcon === 'undefined' ? defaultNextIcon : tabStrip.scrollable.nextButtonIcon;
-                return { prevScrollButton: prevIcon, nextScrollButton: nextIcon };
-            }
-            return { prevScrollButton: defaultPrevIcon, nextScrollButton: defaultNextIcon };
-        },
-        enumerable: true,
-        configurable: true
-    });
-    Object.defineProperty(ScrollService.prototype, "tabstripSize", {
-        get: function () {
-            var hostElement = this.owner.wrapper.nativeElement;
-            var wrapperWidth = parseFloat(getComputedStyle(hostElement).width);
-            var wrapperHeight = parseFloat(getComputedStyle(hostElement).height);
-            return isTablistHorizontal(this.owner.tabPosition) ? wrapperWidth : wrapperHeight;
-        },
-        enumerable: true,
-        configurable: true
-    });
-    Object.defineProperty(ScrollService.prototype, "tablistOverflowSize", {
-        get: function () {
-            if (!isDocumentAvailable()) {
-                return 0;
-            }
-            var isHorizontal = isTablistHorizontal(this.owner.tabPosition);
-            var overflowSize = Math.floor(this.tablistElement[isHorizontal ? 'scrollWidth' : 'scrollHeight']
-                - this.tablistElement.getBoundingClientRect()[isHorizontal ? 'width' : 'height']);
-            return overflowSize < 0 ? 0 : overflowSize;
-        },
-        enumerable: true,
-        configurable: true
-    });
-    Object.defineProperty(ScrollService.prototype, "tabsOverflow", {
-        get: function () {
-            return this.tablistOverflowSize > 0;
-        },
-        enumerable: true,
-        configurable: true
-    });
-    Object.defineProperty(ScrollService.prototype, "scrollButtonsSize", {
-        get: function () {
-            if (!this.owner.hasScrollButtons) {
-                return 0;
-            }
-            var prevRect = this.owner.prevScrollButton.hostBoundingClientRect;
-            var prevSize = isTablistHorizontal(this.owner.tabPosition) ? prevRect.width : prevRect.height;
-            var nextRect = this.owner.nextScrollButton.hostBoundingClientRect;
-            var nextSize = isTablistHorizontal(this.owner.tabPosition) ? nextRect.width : nextRect.height;
-            return prevSize + nextSize;
-        },
-        enumerable: true,
-        configurable: true
-    });
-    ScrollService.prototype.toggleScrollButtonsState = function () {
-        var _this = this;
-        var tabStrip = this.owner;
-        if (!tabStrip.hasScrollButtons) {
-            return;
-        }
-        var currentPrevButtonActive = !tabStrip.prevScrollButton.disabled;
-        var currentNextButtonActive = !tabStrip.nextScrollButton.disabled;
-        var calculatedPrevButtonActive = this.position > 0 && this.tablistOverflowSize > 0;
-        var calculatedNextButtonActive = this.position < this.tablistOverflowSize + this.scrollButtonsSize && this.tablistOverflowSize > 0;
-        if (calculatedPrevButtonActive !== currentPrevButtonActive) {
-            this.ngZone.run(function () { return _this.toggleButtonActiveState('prev', calculatedPrevButtonActive); });
-        }
-        if (calculatedNextButtonActive !== currentNextButtonActive) {
-            this.ngZone.run(function () { return _this.toggleButtonActiveState('next', calculatedNextButtonActive); });
-        }
-    };
-    ScrollService.prototype.scrollToSelectedTab = function () {
-        var _this = this;
-        if (!this.tabsOverflow) {
-            return;
-        }
-        var activeIndex = getActiveTab(this.owner.tabs).index;
-        if (activeIndex === -1) {
-            return;
-        }
-        this.position += this.getScrollOffset(activeIndex);
-        if (isTablistHorizontal(this.owner.tabPosition)) {
-            this.tablistElement.scrollLeft = this.position;
-        }
-        else {
-            this.tablistElement.scrollTop = this.position;
-        }
-        this.toggleScrollButtonsState();
-        var tabStrip = this.owner;
-        if (!tabStrip.hasScrollButtons) {
-            return;
-        }
-        var isFirstTabActive = activeIndex === 0;
-        var isLastTabActive = activeIndex === this.owner.tabs.length - 1;
-        if (isFirstTabActive && !tabStrip.prevScrollButton.disabled) {
-            this.ngZone.run(function () { return _this.toggleButtonActiveState('prev', false); });
-        }
-        if (isLastTabActive && !tabStrip.nextScrollButton.disabled) {
-            this.ngZone.run(function () { return _this.toggleButtonActiveState('next', false); });
-        }
-    };
-    ScrollService.prototype.getScrollOffset = function (activeIndex) {
-        if (!isDocumentAvailable()) {
-            return 0;
-        }
-        var isHorizontal = isTablistHorizontal(this.owner.tabPosition);
-        this.tablistElement["scroll" + (isHorizontal ? 'Left' : 'Top')] = this.position;
-        var activeTabRect = this.tablistElement.children[activeIndex].getBoundingClientRect();
-        var tablistRect = this.tablistElement.getBoundingClientRect();
-        var end = isHorizontal ? 'right' : 'bottom';
-        var start = isHorizontal ? 'left' : 'top';
-        var activeTabStart = activeTabRect[start];
-        var activeTabEnd = activeTabRect[end];
-        var tablistStart = tablistRect[start];
-        var tablistEnd = tablistRect[end];
-        var tabEndIsInVisibleRange = activeTabEnd <= tablistEnd;
-        var tabStartIsInVisibleRange = activeTabStart >= tablistStart;
-        var isWholeTabVisible = tabEndIsInVisibleRange && tabStartIsInVisibleRange;
-        if (isWholeTabVisible) {
-            return 0;
-        }
-        if (!tabEndIsInVisibleRange) {
-            return activeTabEnd - tablistEnd;
-        }
-        if (!tabStartIsInVisibleRange) {
-            return activeTabStart - tablistStart;
-        }
-    };
-    ScrollService.prototype.onMouseScroll = function (event) {
-        event.preventDefault();
-        if (!mouseScrollEnabled(this.owner.scrollable)) {
-            return;
-        }
-        var direction = event.deltaY < 0 ? 'prev' : 'next';
-        this.calculateListPosition(direction, this.owner.scrollable.mouseScrollSpeed);
-        if (isTablistHorizontal(this.owner.tabPosition)) {
-            this.tablistElement.scrollLeft = this.position;
-        }
-        else {
-            this.tablistElement.scrollTop = this.position;
-        }
-        this.toggleScrollButtonsState();
-    };
-    ScrollService.prototype.scrollTabs = function (direction) {
-        this.calculateListPosition(direction, this.owner.scrollable.buttonScrollSpeed);
-        if (isTablistHorizontal(this.owner.tabPosition)) {
-            this.tablistElement.scrollTo({ left: this.position, behavior: DEFAULT_SCROLL_BEHAVIOR });
-        }
-        else {
-            this.tablistElement.scrollTo({ top: this.position, behavior: DEFAULT_SCROLL_BEHAVIOR });
-        }
-        this.toggleScrollButtonsState();
-    };
-    ScrollService.prototype.calculateListPosition = function (direction, scrollSpeed) {
-        var adjustedMaxScroll = this.tablistOverflowSize + this.scrollButtonsSize;
-        if (direction === 'prev' && this.position > 0) {
-            this.position = this.position - scrollSpeed <= 0 ? 0 : this.position - scrollSpeed;
-        }
-        else if (direction === 'next' && this.position < adjustedMaxScroll) {
-            if (this.position + scrollSpeed > adjustedMaxScroll) {
-                this.position = adjustedMaxScroll;
-                return;
-            }
-            this.position += scrollSpeed;
-        }
-    };
-    ScrollService.prototype.emitScrollEvent = function (ev) {
-        var scrollEvent = new TabScrollEvent({
-            originalEvent: ev
-        });
-        if (hasObservers(this.owner.tabScroll)) {
-            this.owner.tabScroll.emit(scrollEvent);
-        }
-        return scrollEvent;
-    };
-    ScrollService.prototype.restoreScrollPosition = function () {
-        if (isTablistHorizontal(this.owner.tabPosition)) {
-            this.tablistElement.scrollTo({ left: this.position });
-        }
-        else {
-            this.tablistElement.scrollTo({ top: this.position });
-        }
-        this.toggleScrollButtonsState();
-    };
-    ScrollService.prototype.toggleButtonActiveState = function (buttonType, active) {
-        this.scrollButtonActiveStateChange.next({ buttonType: buttonType, active: active });
-    };
-    ScrollService = tslib_1.__decorate([
-        Injectable(),
-        tslib_1.__metadata("design:paramtypes", [NgZone])
-    ], ScrollService);
-    return ScrollService;
-}());
-export { ScrollService };