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

package/{dist/es2015 → esm2015}/tabstrip/tabstrip.component.js

@@ -2,8 +2,7 @@
 * Copyright © 2021 Progress Software Corporation. All rights reserved.
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
-import * as tslib_1 from "tslib";
-import { Component, ContentChildren, ElementRef, EventEmitter, HostBinding, Input, Output, QueryList, ViewChild, ViewChildren, Renderer2, NgZone } from '@angular/core';
+import { Component, ContentChildren, ElementRef, EventEmitter, HostBinding, Input, Output, QueryList, ViewChild, ViewChildren } from '@angular/core';
 import { animate, state, style, transition, trigger } from '@angular/animations';
 import { LocalizationService, L10N_PREFIX } from '@progress/kendo-angular-l10n';
 import { validatePackage } from '@progress/kendo-licensing';
@@ -16,12 +15,21 @@ import { Subscription } from 'rxjs';
 import { isFocusable } from '../common/dom-queries';
 import { getTabByIndex, isTablistHorizontal, tabStripHasScrollButtons, mouseScrollEnabled, resetTabFocus } from './util';
 import { normalizeScrollableSettings } from './models/scrollable-settings';
-import { TabStripScrollableButtonComponent } from './scrollable-button.component';
+import { TabScrollEvent } from './events/tabscroll-event';
 import { take } from 'rxjs/operators';
+import * as i0 from "@angular/core";
+import * as i1 from "@progress/kendo-angular-l10n";
+import * as i2 from "./tabstrip.service";
+import * as i3 from "./tabstrip-scroll.service";
+import * as i4 from "./scrollable-button.component";
+import * as i5 from "./rendering/tab.component";
+import * as i6 from "@progress/kendo-angular-common";
+import * as i7 from "./localization/localized-messages.directive";
+import * as i8 from "@angular/common";
 /**
  * Represents the [Kendo UI TabStrip component for Angular]({% slug overview_tabstrip %}).
  */
-let TabStripComponent = class TabStripComponent {
+export class TabStripComponent {
     constructor(localization, renderer, wrapper, tabstripService, scrollService, ngZone) {
         this.localization = localization;
         this.renderer = renderer;
@@ -86,6 +94,12 @@ let TabStripComponent = class TabStripComponent {
         validatePackage(packageMetadata);
         this.tabstripService.owner = this;
         this.scrollService.owner = this;
+        this.subscriptions.add(this.scrollService.scrollButtonActiveStateChange.subscribe((activeButtonSettings) => {
+            if (this.hasScrollButtons) {
+                const action = activeButtonSettings.active ? 'remove' : 'add';
+                this.renderer[`${action}Class`](this[`${activeButtonSettings.buttonType}ScrollButton`].host.nativeElement, 'k-disabled');
+            }
+        }));
     }
     /**
      * Sets the height of the TabStrip.
@@ -272,6 +286,12 @@ let TabStripComponent = class TabStripComponent {
             this.scrollService.scrollToSelectedTab();
         }
     }
+    /**
+     * @hidden
+     */
+    onScrollButtonClick(buttonType) {
+        this.scrollService.scrollTabs(buttonType);
+    }
     initDomEvents() {
         if (!this.wrapper || this.subscriptionsArePresent) {
             return;
@@ -317,8 +337,11 @@ let TabStripComponent = class TabStripComponent {
     attachWheelHandler(tablist) {
         this.ngZone.runOutsideAngular(() => {
             this.subscriptions.add(this.renderer.listen(tablist, 'wheel', (wheelEvent) => {
-                const tabStripScrollEvent = this.scrollService.emitScrollEvent(wheelEvent);
-                const isTabStripScrollEventPrevented = tabStripScrollEvent.isDefaultPrevented();
+                const scrollEvent = new TabScrollEvent({
+                    originalEvent: wheelEvent
+                });
+                this.tabScroll.emit(scrollEvent);
+                const isTabStripScrollEventPrevented = scrollEvent.isDefaultPrevented();
                 if (isTabStripScrollEventPrevented || !this.scrollService.tabsOverflow) {
                     return;
                 }
@@ -326,131 +349,132 @@ let TabStripComponent = class TabStripComponent {
             }));
         });
     }
-};
-tslib_1.__decorate([
-    Input(),
-    tslib_1.__metadata("design:type", String),
-    tslib_1.__metadata("design:paramtypes", [String])
-], TabStripComponent.prototype, "height", null);
-tslib_1.__decorate([
-    Input(),
-    tslib_1.__metadata("design:type", Boolean)
-], TabStripComponent.prototype, "animate", void 0);
-tslib_1.__decorate([
-    Input(),
-    tslib_1.__metadata("design:type", String)
-], TabStripComponent.prototype, "tabAlignment", void 0);
-tslib_1.__decorate([
-    Input(),
-    tslib_1.__metadata("design:type", String)
-], TabStripComponent.prototype, "tabPosition", void 0);
-tslib_1.__decorate([
-    Input(),
-    tslib_1.__metadata("design:type", Boolean)
-], TabStripComponent.prototype, "keepTabContent", void 0);
-tslib_1.__decorate([
-    Input(),
-    tslib_1.__metadata("design:type", Boolean)
-], TabStripComponent.prototype, "closable", void 0);
-tslib_1.__decorate([
-    Input(),
-    tslib_1.__metadata("design:type", Object),
-    tslib_1.__metadata("design:paramtypes", [Object])
-], TabStripComponent.prototype, "scrollable", null);
-tslib_1.__decorate([
-    Input(),
-    tslib_1.__metadata("design:type", String)
-], TabStripComponent.prototype, "closeIcon", void 0);
-tslib_1.__decorate([
-    Output(),
-    tslib_1.__metadata("design:type", EventEmitter)
-], TabStripComponent.prototype, "tabSelect", void 0);
-tslib_1.__decorate([
-    Output(),
-    tslib_1.__metadata("design:type", EventEmitter)
-], TabStripComponent.prototype, "tabClose", void 0);
-tslib_1.__decorate([
-    Output(),
-    tslib_1.__metadata("design:type", EventEmitter)
-], TabStripComponent.prototype, "tabScroll", void 0);
-tslib_1.__decorate([
-    HostBinding('class.k-tabstrip'),
-    HostBinding('class.k-floatwrap'),
-    tslib_1.__metadata("design:type", Boolean)
-], TabStripComponent.prototype, "hostClasses", void 0);
-tslib_1.__decorate([
-    HostBinding('class.k-tabstrip-top'),
-    tslib_1.__metadata("design:type", Boolean),
-    tslib_1.__metadata("design:paramtypes", [])
-], TabStripComponent.prototype, "tabsAtTop", null);
-tslib_1.__decorate([
-    HostBinding('class.k-tabstrip-right'),
-    tslib_1.__metadata("design:type", Boolean),
-    tslib_1.__metadata("design:paramtypes", [])
-], TabStripComponent.prototype, "tabsAtRight", null);
-tslib_1.__decorate([
-    HostBinding('class.k-tabstrip-bottom'),
-    tslib_1.__metadata("design:type", Boolean),
-    tslib_1.__metadata("design:paramtypes", [])
-], TabStripComponent.prototype, "tabsAtBottom", null);
-tslib_1.__decorate([
-    HostBinding('class.k-tabstrip-left'),
-    tslib_1.__metadata("design:type", Boolean),
-    tslib_1.__metadata("design:paramtypes", [])
-], TabStripComponent.prototype, "tabsAtLeft", null);
-tslib_1.__decorate([
-    HostBinding('attr.dir'),
-    tslib_1.__metadata("design:type", String),
-    tslib_1.__metadata("design:paramtypes", [])
-], TabStripComponent.prototype, "dir", null);
-tslib_1.__decorate([
-    HostBinding('class.k-tabstrip-scrollable'),
-    tslib_1.__metadata("design:type", Boolean),
-    tslib_1.__metadata("design:paramtypes", [])
-], TabStripComponent.prototype, "tabStripScrollable", null);
-tslib_1.__decorate([
-    ContentChildren(TabStripTabComponent),
-    tslib_1.__metadata("design:type", QueryList)
-], TabStripComponent.prototype, "tabs", void 0);
-tslib_1.__decorate([
-    ViewChild('tablist', { static: false }),
-    tslib_1.__metadata("design:type", ElementRef)
-], TabStripComponent.prototype, "tablist", void 0);
-tslib_1.__decorate([
-    ViewChildren('tabHeaderContainer', { read: ElementRef }),
-    tslib_1.__metadata("design:type", QueryList)
-], TabStripComponent.prototype, "tabHeaderContainers", void 0);
-tslib_1.__decorate([
-    ViewChild('prevScrollButton', { static: false }),
-    tslib_1.__metadata("design:type", TabStripScrollableButtonComponent)
-], TabStripComponent.prototype, "prevScrollButton", void 0);
-tslib_1.__decorate([
-    ViewChild('nextScrollButton', { static: false }),
-    tslib_1.__metadata("design:type", TabStripScrollableButtonComponent)
-], TabStripComponent.prototype, "nextScrollButton", void 0);
-TabStripComponent = tslib_1.__decorate([
-    Component({
-        animations: [
-            trigger('state', [
-                state('active', style({ opacity: 1 })),
-                transition('* => active', [
-                    style({ opacity: 0 }),
-                    animate('400ms ease-in')
-                ])
+}
+TabStripComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: TabStripComponent, deps: [{ token: i1.LocalizationService }, { token: i0.Renderer2 }, { token: i0.ElementRef }, { token: i2.TabStripService }, { token: i3.ScrollService }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
+TabStripComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: TabStripComponent, selector: "kendo-tabstrip", inputs: { height: "height", animate: "animate", tabAlignment: "tabAlignment", tabPosition: "tabPosition", keepTabContent: "keepTabContent", closable: "closable", scrollable: "scrollable", closeIcon: "closeIcon" }, outputs: { tabSelect: "tabSelect", tabClose: "tabClose", tabScroll: "tabScroll" }, host: { properties: { "class.k-tabstrip": "this.hostClasses", "class.k-floatwrap": "this.hostClasses", "class.k-tabstrip-top": "this.tabsAtTop", "class.k-tabstrip-right": "this.tabsAtRight", "class.k-tabstrip-bottom": "this.tabsAtBottom", "class.k-tabstrip-left": "this.tabsAtLeft", "attr.dir": "this.dir", "class.k-tabstrip-scrollable": "this.tabStripScrollable" } }, providers: [
+        TabStripService,
+        ScrollService,
+        LocalizationService,
+        {
+            provide: L10N_PREFIX,
+            useValue: 'kendo.tabstrip'
+        }
+    ], queries: [{ propertyName: "tabs", predicate: TabStripTabComponent }], viewQueries: [{ propertyName: "tablist", first: true, predicate: ["tablist"], descendants: true }, { propertyName: "prevScrollButton", first: true, predicate: ["prevScrollButton"], descendants: true }, { propertyName: "nextScrollButton", first: true, predicate: ["nextScrollButton"], descendants: true }, { propertyName: "tabHeaderContainers", predicate: ["tabHeaderContainer"], descendants: true, read: ElementRef }], exportAs: ["kendoTabStrip"], usesOnChanges: true, ngImport: i0, template: `
+        <ng-container kendoTabStripLocalizedMessages
+            i18n-closeTitle="kendo.tabstrip.closeTitle|The title for the **Close** button in the TabStrip tab."
+            closeTitle="Close">
+        </ng-container>
+        <ng-container *ngIf="!tabsAtBottom">
+            <ng-container *ngTemplateOutlet="heading">
+            </ng-container>
+            <ng-container *ngTemplateOutlet="content">
+            </ng-container>
+        </ng-container>
+
+        <ng-container *ngIf="tabsAtBottom">
+            <ng-container *ngTemplateOutlet="content">
+            </ng-container>
+            <ng-container *ngTemplateOutlet="heading">
+            </ng-container>
+        </ng-container>
+        <ng-template #heading>
+            <div class="k-tabstrip-items-wrapper" [ngClass]="itemsWrapperClass">
+                <span 
+                    *ngIf="hasScrollButtons"
+                    #prevScrollButton
+                    kendoTabStripScrollableButton
+                    [scrollable]="scrollable"
+                    [tabPosition]="tabPosition"
+                    [prev]="true"
+                    (tabScroll)="tabScroll.emit($event)"
+                    (onClick)="onScrollButtonClick($event)"></span>
+                <ul role="tablist" #tablist
+                    class="k-reset k-tabstrip-items"
+                    [style.justifyContent]="tabsAlignmentStyles"
+                    [style.width]="tabListWidth"
+                    [style.height]="tabListHeight"
+                >
+                    <ng-container *ngFor="let tab of tabs; let i = index;">
+                        <li
+                            #tabHeaderContainer
+                            kendoTabStripTab
+                            [ngClass]="tab.cssClass"
+                            [ngStyle]="tab.cssStyle"
+                            [tab]="tab"
+                            [index]="i"
+                            role="tab"
+                            [tabStripClosable]="closable"
+                            [tabStripCloseIcon]="closeIcon"
+                            (tabClose)="tabClose.emit($event)"
+                            (click)="onTabClick($event, i)"
+                            [id]="'k-tabstrip-tab-' + i"
+                            [attr.aria-controls]="'k-tabstrip-tabpanel-' + i"></li>
+                    </ng-container>
+                </ul>
+                <span
+                    *ngIf="hasScrollButtons"
+                    #nextScrollButton
+                    kendoTabStripScrollableButton
+                    [scrollable]="scrollable"
+                    [tabPosition]="tabPosition"
+                    [prev]="false"
+                    (tabScroll)="tabScroll.emit($event)"
+                    (onClick)="onScrollButtonClick($event)"></span>
+            </div>
+        </ng-template>
+        <ng-template #content>
+            <ng-template ngFor let-tab [ngForOf]="tabs" let-i="index">
+                <div
+                    [@state]="tab.selected && animate ? 'active' : 'inactive'"
+                    *ngIf="tab.selected || keepTabContent"
+                    [ngClass]="!this.keepTabContent || tab.selected ? 'k-content k-state-active' : 'k-content'"
+                    [tabIndex]="0"
+                    role="tabpanel"
+                    [id]="'k-tabstrip-tabpanel-' + i"
+                    [attr.aria-hidden]="!tab.selected"
+                    [attr.aria-expanded]="tab.selected"
+                    [attr.aria-labelledby]="'k-tabstrip-tab-' + i"
+                    [attr.aria-disabled]="tab.disabled"
+                >
+                    <ng-template [ngTemplateOutlet]="tab.tabContent?.templateRef">
+                    </ng-template>
+                </div>
+            </ng-template>
+        </ng-template>
+        <kendo-resize-sensor *ngIf="isScrollable" (resize)="onResize()"></kendo-resize-sensor>
+    `, isInline: true, components: [{ type: i4.TabStripScrollableButtonComponent, selector: "[kendoTabStripScrollableButton]", inputs: ["prev", "tabPosition", "scrollable"], outputs: ["tabScroll", "onClick"] }, { type: i5.TabComponent, selector: "[kendoTabStripTab]", inputs: ["tab", "index", "tabStripClosable", "tabStripCloseIcon"], outputs: ["tabClose"] }, { type: i6.ResizeSensorComponent, selector: "kendo-resize-sensor", inputs: ["rateLimit"], outputs: ["resize"] }], directives: [{ type: i7.LocalizedTabStripMessagesDirective, selector: "[kendoTabStripLocalizedMessages]" }, { type: i8.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i8.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }, { type: i8.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i8.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i8.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }], animations: [
+        trigger('state', [
+            state('active', style({ opacity: 1 })),
+            transition('* => active', [
+                style({ opacity: 0 }),
+                animate('400ms ease-in')
             ])
-        ],
-        providers: [
-            TabStripService,
-            ScrollService,
-            LocalizationService,
-            {
-                provide: L10N_PREFIX,
-                useValue: 'kendo.tabstrip'
-            }
-        ],
-        exportAs: 'kendoTabStrip',
-        selector: 'kendo-tabstrip',
-        template: `
+        ])
+    ] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: TabStripComponent, decorators: [{
+            type: Component,
+            args: [{
+                    animations: [
+                        trigger('state', [
+                            state('active', style({ opacity: 1 })),
+                            transition('* => active', [
+                                style({ opacity: 0 }),
+                                animate('400ms ease-in')
+                            ])
+                        ])
+                    ],
+                    providers: [
+                        TabStripService,
+                        ScrollService,
+                        LocalizationService,
+                        {
+                            provide: L10N_PREFIX,
+                            useValue: 'kendo.tabstrip'
+                        }
+                    ],
+                    exportAs: 'kendoTabStrip',
+                    selector: 'kendo-tabstrip',
+                    template: `
         <ng-container kendoTabStripLocalizedMessages
             i18n-closeTitle="kendo.tabstrip.closeTitle|The title for the **Close** button in the TabStrip tab."
             closeTitle="Close">
@@ -470,10 +494,15 @@ TabStripComponent = tslib_1.__decorate([
         </ng-container>
         <ng-template #heading>
             <div class="k-tabstrip-items-wrapper" [ngClass]="itemsWrapperClass">
-                <span *ngIf="hasScrollButtons"
-                     #prevScrollButton
+                <span 
+                    *ngIf="hasScrollButtons"
+                    #prevScrollButton
                     kendoTabStripScrollableButton
-                    [prev]="true"></span>
+                    [scrollable]="scrollable"
+                    [tabPosition]="tabPosition"
+                    [prev]="true"
+                    (tabScroll)="tabScroll.emit($event)"
+                    (onClick)="onScrollButtonClick($event)"></span>
                 <ul role="tablist" #tablist
                     class="k-reset k-tabstrip-items"
                     [style.justifyContent]="tabsAlignmentStyles"
@@ -481,7 +510,7 @@ TabStripComponent = tslib_1.__decorate([
                     [style.height]="tabListHeight"
                 >
                     <ng-container *ngFor="let tab of tabs; let i = index;">
-                        <li *ngIf="!tab.closed"
+                        <li
                             #tabHeaderContainer
                             kendoTabStripTab
                             [ngClass]="tab.cssClass"
@@ -491,23 +520,28 @@ TabStripComponent = tslib_1.__decorate([
                             role="tab"
                             [tabStripClosable]="closable"
                             [tabStripCloseIcon]="closeIcon"
+                            (tabClose)="tabClose.emit($event)"
                             (click)="onTabClick($event, i)"
                             [id]="'k-tabstrip-tab-' + i"
-                            [attr.aria-controls]="'k-tabstrip-tabpanel-' + i">
-                        </li>
+                            [attr.aria-controls]="'k-tabstrip-tabpanel-' + i"></li>
                     </ng-container>
                 </ul>
-                <span *ngIf="hasScrollButtons" #nextScrollButton
+                <span
+                    *ngIf="hasScrollButtons"
+                    #nextScrollButton
                     kendoTabStripScrollableButton
-                    [prev]="false">
-                </span>
+                    [scrollable]="scrollable"
+                    [tabPosition]="tabPosition"
+                    [prev]="false"
+                    (tabScroll)="tabScroll.emit($event)"
+                    (onClick)="onScrollButtonClick($event)"></span>
             </div>
         </ng-template>
         <ng-template #content>
             <ng-template ngFor let-tab [ngForOf]="tabs" let-i="index">
                 <div
                     [@state]="tab.selected && animate ? 'active' : 'inactive'"
-                    *ngIf="!tab.closed && (tab.selected || keepTabContent)"
+                    *ngIf="tab.selected || keepTabContent"
                     [ngClass]="!this.keepTabContent || tab.selected ? 'k-content k-state-active' : 'k-content'"
                     [tabIndex]="0"
                     role="tabpanel"
@@ -524,12 +558,66 @@ TabStripComponent = tslib_1.__decorate([
         </ng-template>
         <kendo-resize-sensor *ngIf="isScrollable" (resize)="onResize()"></kendo-resize-sensor>
     `
-    }),
-    tslib_1.__metadata("design:paramtypes", [LocalizationService,
-        Renderer2,
-        ElementRef,
-        TabStripService,
-        ScrollService,
-        NgZone])
-], TabStripComponent);
-export { TabStripComponent };
+                }]
+        }], ctorParameters: function () { return [{ type: i1.LocalizationService }, { type: i0.Renderer2 }, { type: i0.ElementRef }, { type: i2.TabStripService }, { type: i3.ScrollService }, { type: i0.NgZone }]; }, propDecorators: { height: [{
+                type: Input
+            }], animate: [{
+                type: Input
+            }], tabAlignment: [{
+                type: Input
+            }], tabPosition: [{
+                type: Input
+            }], keepTabContent: [{
+                type: Input
+            }], closable: [{
+                type: Input
+            }], scrollable: [{
+                type: Input
+            }], closeIcon: [{
+                type: Input
+            }], tabSelect: [{
+                type: Output
+            }], tabClose: [{
+                type: Output
+            }], tabScroll: [{
+                type: Output
+            }], hostClasses: [{
+                type: HostBinding,
+                args: ['class.k-tabstrip']
+            }, {
+                type: HostBinding,
+                args: ['class.k-floatwrap']
+            }], tabsAtTop: [{
+                type: HostBinding,
+                args: ['class.k-tabstrip-top']
+            }], tabsAtRight: [{
+                type: HostBinding,
+                args: ['class.k-tabstrip-right']
+            }], tabsAtBottom: [{
+                type: HostBinding,
+                args: ['class.k-tabstrip-bottom']
+            }], tabsAtLeft: [{
+                type: HostBinding,
+                args: ['class.k-tabstrip-left']
+            }], dir: [{
+                type: HostBinding,
+                args: ['attr.dir']
+            }], tabStripScrollable: [{
+                type: HostBinding,
+                args: ['class.k-tabstrip-scrollable']
+            }], tabs: [{
+                type: ContentChildren,
+                args: [TabStripTabComponent]
+            }], tablist: [{
+                type: ViewChild,
+                args: ['tablist', { static: false }]
+            }], tabHeaderContainers: [{
+                type: ViewChildren,
+                args: ['tabHeaderContainer', { read: ElementRef }]
+            }], prevScrollButton: [{
+                type: ViewChild,
+                args: ['prevScrollButton', { static: false }]
+            }], nextScrollButton: [{
+                type: ViewChild,
+                args: ['nextScrollButton', { static: false }]
+            }] } });

package/{dist/es2015 → esm2015}/tabstrip/tabstrip.service.js

@@ -2,17 +2,17 @@
 * 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 { Injectable, NgZone } from '@angular/core';
-import { LocalizationService } from '@progress/kendo-angular-l10n';
 import { Keys } from '@progress/kendo-angular-common';
 import { isArrowKey, isHorizontalArrowKey, isNavigationKey, isVerticalArrowKey } from '../common/util';
-import { SelectEvent, TabCloseEvent } from './events';
+import { SelectEvent } from './events';
 import { isTabClosable, getActiveTab, isTabElement, isTablistHorizontal, getTabByIndex, getTabHeaderByIndex, resetTabSelection } from './util';
+import * as i0 from "@angular/core";
+import * as i1 from "@progress/kendo-angular-l10n";
 /**
  * @hidden
  */
-let TabStripService = class TabStripService {
+export class TabStripService {
     constructor(localization, ngZone) {
         this.localization = localization;
         this.ngZone = ngZone;
@@ -54,10 +54,6 @@ let TabStripService = class TabStripService {
             this.owner.scrollToSelectedTab();
         }
     }
-    onTabClose(tab, index) {
-        const closeArgs = new TabCloseEvent(index, tab);
-        this.owner.tabClose.emit(closeArgs);
-    }
     onNavigate(keyCode) {
         let { tab: activeTab, index: activeIndex } = getActiveTab(this.owner.tabs);
         if (!NgZone.isInAngularZone()) {
@@ -76,7 +72,7 @@ let TabStripService = class TabStripService {
         let { tab: activeTab, index: activeTabIndex } = getActiveTab(this.owner.tabs);
         if (isTabClosable(activeTab, this.owner.closable) && !activeTab.disabled) {
             this.ngZone.run(() => {
-                this.onTabClose(activeTab, activeTabIndex);
+                this.owner.tabClose.emit({ tab: activeTab, index: activeTabIndex });
             });
         }
     }
@@ -146,10 +142,9 @@ let TabStripService = class TabStripService {
         }
         return selectedIndex + 1;
     }
-};
-TabStripService = tslib_1.__decorate([
-    Injectable(),
-    tslib_1.__metadata("design:paramtypes", [LocalizationService,
-        NgZone])
-], TabStripService);
-export { TabStripService };
+}
+TabStripService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: TabStripService, deps: [{ token: i1.LocalizationService }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Injectable });
+TabStripService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: TabStripService });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: TabStripService, decorators: [{
+            type: Injectable
+        }], ctorParameters: function () { return [{ type: i1.LocalizationService }, { type: i0.NgZone }]; } });

package/{dist/es2015 → esm2015}/tabstrip.module.js

@@ -2,7 +2,6 @@
 * 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 { TabComponent } from './tabstrip/rendering/tab.component';
 import { NgModule } from '@angular/core';
 import { CommonModule } from '@angular/common';
@@ -14,6 +13,7 @@ import { TabStripCustomMessagesComponent } from './tabstrip/localization/custom-
 import { LocalizedTabStripMessagesDirective } from './tabstrip/localization/localized-messages.directive';
 import { ResizeSensorModule } from '@progress/kendo-angular-common';
 import { TabStripScrollableButtonComponent } from './tabstrip/scrollable-button.component';
+import * as i0 from "@angular/core";
 const exportedModules = [
     TabStripComponent,
     TabStripTabComponent,
@@ -37,13 +37,28 @@ const declarations = [
  * - `TabContentDirective`&mdash;The tab content directive used on the `<ng-template>` tag.
  * - `TabTitleDirective`&mdash;The tab title directive used on the `<ng-template>` tag.
  */
-let TabStripModule = class TabStripModule {
-};
-TabStripModule = tslib_1.__decorate([
-    NgModule({
-        declarations: [declarations],
-        exports: [exportedModules],
-        imports: [CommonModule, ResizeSensorModule]
-    })
-], TabStripModule);
-export { TabStripModule };
+export class TabStripModule {
+}
+TabStripModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: TabStripModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+TabStripModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: TabStripModule, declarations: [TabStripComponent,
+        TabStripTabComponent,
+        TabContentDirective,
+        TabTitleDirective,
+        TabComponent,
+        TabStripCustomMessagesComponent,
+        LocalizedTabStripMessagesDirective, TabStripScrollableButtonComponent], imports: [CommonModule, ResizeSensorModule], exports: [TabStripComponent,
+        TabStripTabComponent,
+        TabContentDirective,
+        TabTitleDirective,
+        TabComponent,
+        TabStripCustomMessagesComponent,
+        LocalizedTabStripMessagesDirective] });
+TabStripModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: TabStripModule, imports: [[CommonModule, ResizeSensorModule]] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: TabStripModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [declarations],
+                    exports: [exportedModules],
+                    imports: [CommonModule, ResizeSensorModule]
+                }]
+        }] });

package/{dist/es2015 → esm2015}/tilelayout/dragging-service.js

@@ -2,19 +2,19 @@
 * 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 { Injectable, NgZone, Renderer2 } from '@angular/core';
+import { Injectable } from '@angular/core';
 import { BehaviorSubject, Subject } from 'rxjs';
-import { LocalizationService } from '@progress/kendo-angular-l10n';
 import { calculateCellFromPosition, getDropTarget, isRowItemPresent, normalizeValue, propsChanged, setElementStyles } from './util';
 import { closestInScope } from '../common/dom-queries';
 import { DRAGGED_ZINDEX, HINT_BORDERS_HEIGHT, OVERLAP_THRESHOLD, REVERSE_OVERLAP_THRESHOLD } from './constants';
 import { TileLayoutReorderEvent } from './reorder-event';
 import { TileLayoutResizeEvent } from './resize-event';
+import * as i0 from "@angular/core";
+import * as i1 from "@progress/kendo-angular-l10n";
 /**
  * @hidden
  */
-let TileLayoutDraggingService = class TileLayoutDraggingService {
+export class TileLayoutDraggingService {
     constructor(zone, renderer, localization) {
         this.zone = zone;
         this.renderer = renderer;
@@ -389,11 +389,9 @@ let TileLayoutDraggingService = class TileLayoutDraggingService {
         const hintHeight = totalHintCellsHeight + totalHintGapsHeight - HINT_BORDERS_HEIGHT;
         return hintHeight;
     }
-};
-TileLayoutDraggingService = tslib_1.__decorate([
-    Injectable(),
-    tslib_1.__metadata("design:paramtypes", [NgZone,
-        Renderer2,
-        LocalizationService])
-], TileLayoutDraggingService);
-export { TileLayoutDraggingService };
+}
+TileLayoutDraggingService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: TileLayoutDraggingService, deps: [{ token: i0.NgZone }, { token: i0.Renderer2 }, { token: i1.LocalizationService }], target: i0.ɵɵFactoryTarget.Injectable });
+TileLayoutDraggingService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: TileLayoutDraggingService });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: TileLayoutDraggingService, decorators: [{
+            type: Injectable
+        }], ctorParameters: function () { return [{ type: i0.NgZone }, { type: i0.Renderer2 }, { type: i1.LocalizationService }]; } });

package/{dist/es → esm2015}/tilelayout/models/dragging-config.interface.js

@@ -2,3 +2,4 @@
 * Copyright © 2021 Progress Software Corporation. All rights reserved.
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
+export {};