@progress/kendo-angular-layout 18.0.0-develop.8 → 18.0.0

package/esm2022/package-metadata.mjs

@@ -8,8 +8,9 @@
 export const packageMetadata = {
     name: '@progress/kendo-angular-layout',
     productName: 'Kendo UI for Angular',
-    productCodes: ['KENDOUIANGULAR', 'KENDOUICOMPLETE'],
-    publishDate: 1736758539,
-    version: '18.0.0-develop.8',
+    productCode: 'KENDOUIANGULAR',
+    productCodes: ['KENDOUIANGULAR'],
+    publishDate: 1737465011,
+    version: '18.0.0',
     licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/?utm_medium=product&utm_source=kendoangular&utm_campaign=kendo-ui-angular-purchase-license-keys-warning'
 };

package/esm2022/tabstrip/tabstrip-scroll.service.mjs

@@ -6,7 +6,7 @@ import { DEFAULT_SCROLL_BEHAVIOR } from './constants';
 import { Injectable, NgZone } from '@angular/core';
 import { isDocumentAvailable } from '@progress/kendo-angular-common';
 import { Subject } from 'rxjs';
-import { getActiveTab, isTablistHorizontal, mouseScrollEnabled } from './util';
+import { getActiveTab, isTablistHorizontal } from './util';
 import * as i0 from "@angular/core";
 /**
  * @hidden
@@ -112,27 +112,6 @@ export class ScrollService {
             return activeTabStart - tablistStart;
         }
     }
-    onMouseScroll(event) {
-        event.preventDefault();
-        if (!mouseScrollEnabled(this.owner.scrollable)) {
-            return;
-        }
-        const isHorizontal = isTablistHorizontal(this.owner.tabPosition);
-        const scrollOrientation = isHorizontal ? 'deltaX' : 'deltaY';
-        const distance = event[scrollOrientation];
-        const direction = distance < 0 ? 'prev' : 'next';
-        if (distance === 0) {
-            return;
-        }
-        this.calculateListPosition(direction, this.owner.scrollable.mouseScrollSpeed);
-        if (isHorizontal) {
-            this.tablistElement.scrollLeft = this.position;
-        }
-        else {
-            this.tablistElement.scrollTop = this.position;
-        }
-        this.toggleScrollButtonsState();
-    }
     onScroll(e) {
         this.position = isTablistHorizontal(this.owner.tabPosition) ? e.target.scrollLeft : e.target.scrollTop;
         this.toggleScrollButtonsState();

package/esm2022/tabstrip/tabstrip.component.mjs

@@ -91,7 +91,7 @@ export class TabStripComponent {
         if (this.tablist) {
             this.toggleScrollButtons(this.scrollService.tabsOverflow);
             if (this.isScrollable && this.mouseScrollEnabled) {
-                this.attachWheelHandler(this.tablist.nativeElement);
+                this.attachTablistScrollHandler(this.tablist.nativeElement);
             }
         }
     }
@@ -197,11 +197,9 @@ export class TabStripComponent {
     get tabStripScrollable() {
         return this._scrollableSettings.enabled;
     }
-    // To be released with a breaking change in Q2 2025
-    // @HostBinding('class.k-tabstrip-scrollable-overlay')
-    // public get tabStripScrollableOverlay(): boolean {
-    //     return this._scrollableSettings.enabled && !this.hasScrollButtons.visible;
-    // }
+    get tabStripScrollableOverlay() {
+        return this._scrollableSettings.enabled && !this.hasScrollButtons.visible;
+    }
     /**
      * A query list of all declared tabs.
      */
@@ -279,8 +277,7 @@ export class TabStripComponent {
                 this.scrollService.toggleScrollButtonsState();
             });
         });
-        // To be released in Q2 2025
-        // this.isScrollable && !this.hasScrollButtons.visible && this.setScrollableOverlayClasses();
+        this.isScrollable && !this.hasScrollButtons.visible && this.setScrollableOverlayClasses();
     }
     ngOnChanges(changes) {
         if (!isDocumentAvailable()) {
@@ -425,12 +422,8 @@ export class TabStripComponent {
             resetTabFocus(this.tabs);
         }));
         if (this.isScrollable && this.mouseScrollEnabled) {
-            this.attachWheelHandler(tablist);
+            this.attachTablistScrollHandler(tablist);
         }
-        // To be released in Q2 2025
-        // if (this.isScrollable && !this.mouseScrollEnabled) {
-        //     this.attachTablistScrollHandler(tablist);
-        // }
         this.subscriptionsArePresent = true;
     }
     toggleScrollButtons(tabsOverflow) {
@@ -457,22 +450,6 @@ export class TabStripComponent {
             }
         });
     }
-    attachWheelHandler(tablist) {
-        this.ngZone.runOutsideAngular(() => {
-            this.subscriptions.add(this.renderer.listen(tablist, 'wheel', (wheelEvent) => {
-                const scrollEvent = new TabScrollEvent({
-                    originalEvent: wheelEvent
-                });
-                this.tabScroll.emit(scrollEvent);
-                const isTabStripScrollEventPrevented = scrollEvent.isDefaultPrevented();
-                if (isTabStripScrollEventPrevented || !this.scrollService.tabsOverflow) {
-                    return;
-                }
-                this.scrollService.onMouseScroll(wheelEvent);
-            }));
-        });
-    }
-    /* tslint:disable:no-unused-variable */
     attachTablistScrollHandler(tablist) {
         this.ngZone.runOutsideAngular(() => {
             this.subscriptions.add(this.renderer.listen(tablist, 'scroll', (e) => {
@@ -512,7 +489,7 @@ export class TabStripComponent {
         }
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", 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 });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: TabStripComponent, isStandalone: true, selector: "kendo-tabstrip", inputs: { height: "height", animate: "animate", tabAlignment: "tabAlignment", tabPosition: "tabPosition", keepTabContent: "keepTabContent", closable: "closable", scrollable: "scrollable", size: "size", closeIcon: "closeIcon", closeIconClass: "closeIconClass", closeSVGIcon: "closeSVGIcon", showContentArea: "showContentArea" }, outputs: { tabSelect: "tabSelect", tabClose: "tabClose", tabScroll: "tabScroll" }, host: { properties: { "class.k-tabstrip": "this.hostClasses", "class.k-tabstrip-md": "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: [
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: TabStripComponent, isStandalone: true, selector: "kendo-tabstrip", inputs: { height: "height", animate: "animate", tabAlignment: "tabAlignment", tabPosition: "tabPosition", keepTabContent: "keepTabContent", closable: "closable", scrollable: "scrollable", size: "size", closeIcon: "closeIcon", closeIconClass: "closeIconClass", closeSVGIcon: "closeSVGIcon", showContentArea: "showContentArea" }, outputs: { tabSelect: "tabSelect", tabClose: "tabClose", tabScroll: "tabScroll" }, host: { properties: { "class.k-tabstrip": "this.hostClasses", "class.k-tabstrip-md": "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", "class.k-tabstrip-scrollable-overlay": "this.tabStripScrollableOverlay" } }, providers: [
             TabStripService,
             ScrollService,
             LocalizationService,
@@ -546,7 +523,7 @@ export class TabStripComponent {
             <ng-container *ngTemplateOutlet="heading"></ng-container>
         </ng-container>
         <ng-template #heading>
-            <div class="k-tabstrip-items-wrapper" [class.k-tabstrip-items-wrapper-scroll]="false" [ngClass]="itemsWrapperClass">
+            <div class="k-tabstrip-items-wrapper" [class.k-tabstrip-items-wrapper-scroll]="mouseScrollEnabled" [ngClass]="itemsWrapperClass">
                 <span
                     role="button"
                     *ngIf="hasScrollButtons.visible && hasScrollButtons.position !== 'end'"
@@ -589,7 +566,7 @@ export class TabStripComponent {
                         'k-tabstrip-items-end': tabAlignment === 'end', 
                         'k-tabstrip-items-stretched': tabAlignment === 'stretched', 
                         'k-tabstrip-items-justify': tabAlignment === 'justify',
-                        'k-tabstrip-items-scroll': false
+                        'k-tabstrip-items-scroll': mouseScrollEnabled
                     }"
                     [attr.aria-orientation]="tabPosition === 'left' || tabPosition === 'right' ? 'vertical' : 'horizontal'"
                 >
@@ -729,7 +706,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
             <ng-container *ngTemplateOutlet="heading"></ng-container>
         </ng-container>
         <ng-template #heading>
-            <div class="k-tabstrip-items-wrapper" [class.k-tabstrip-items-wrapper-scroll]="false" [ngClass]="itemsWrapperClass">
+            <div class="k-tabstrip-items-wrapper" [class.k-tabstrip-items-wrapper-scroll]="mouseScrollEnabled" [ngClass]="itemsWrapperClass">
                 <span
                     role="button"
                     *ngIf="hasScrollButtons.visible && hasScrollButtons.position !== 'end'"
@@ -772,7 +749,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
                         'k-tabstrip-items-end': tabAlignment === 'end', 
                         'k-tabstrip-items-stretched': tabAlignment === 'stretched', 
                         'k-tabstrip-items-justify': tabAlignment === 'justify',
-                        'k-tabstrip-items-scroll': false
+                        'k-tabstrip-items-scroll': mouseScrollEnabled
                     }"
                     [attr.aria-orientation]="tabPosition === 'left' || tabPosition === 'right' ? 'vertical' : 'horizontal'"
                 >
@@ -911,6 +888,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
             }], tabStripScrollable: [{
                 type: HostBinding,
                 args: ['class.k-tabstrip-scrollable']
+            }], tabStripScrollableOverlay: [{
+                type: HostBinding,
+                args: ['class.k-tabstrip-scrollable-overlay']
             }], tabs: [{
                 type: ContentChildren,
                 args: [TabStripTabComponent]

package/fesm2022/progress-kendo-angular-layout.mjs

@@ -27,9 +27,10 @@ import { DatePipe } from '@progress/kendo-angular-intl';
 const packageMetadata = {
     name: '@progress/kendo-angular-layout',
     productName: 'Kendo UI for Angular',
-    productCodes: ['KENDOUIANGULAR', 'KENDOUICOMPLETE'],
-    publishDate: 1736758539,
-    version: '18.0.0-develop.8',
+    productCode: 'KENDOUIANGULAR',
+    productCodes: ['KENDOUIANGULAR'],
+    publishDate: 1737465011,
+    version: '18.0.0',
     licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/?utm_medium=product&utm_source=kendoangular&utm_campaign=kendo-ui-angular-purchase-license-keys-warning'
 };
 
@@ -3432,27 +3433,6 @@ class ScrollService {
             return activeTabStart - tablistStart;
         }
     }
-    onMouseScroll(event) {
-        event.preventDefault();
-        if (!mouseScrollEnabled(this.owner.scrollable)) {
-            return;
-        }
-        const isHorizontal = isTablistHorizontal(this.owner.tabPosition);
-        const scrollOrientation = isHorizontal ? 'deltaX' : 'deltaY';
-        const distance = event[scrollOrientation];
-        const direction = distance < 0 ? 'prev' : 'next';
-        if (distance === 0) {
-            return;
-        }
-        this.calculateListPosition(direction, this.owner.scrollable.mouseScrollSpeed);
-        if (isHorizontal) {
-            this.tablistElement.scrollLeft = this.position;
-        }
-        else {
-            this.tablistElement.scrollTop = this.position;
-        }
-        this.toggleScrollButtonsState();
-    }
     onScroll(e) {
         this.position = isTablistHorizontal(this.owner.tabPosition) ? e.target.scrollLeft : e.target.scrollTop;
         this.toggleScrollButtonsState();
@@ -4013,7 +3993,7 @@ class TabStripComponent {
         if (this.tablist) {
             this.toggleScrollButtons(this.scrollService.tabsOverflow);
             if (this.isScrollable && this.mouseScrollEnabled) {
-                this.attachWheelHandler(this.tablist.nativeElement);
+                this.attachTablistScrollHandler(this.tablist.nativeElement);
             }
         }
     }
@@ -4119,11 +4099,9 @@ class TabStripComponent {
     get tabStripScrollable() {
         return this._scrollableSettings.enabled;
     }
-    // To be released with a breaking change in Q2 2025
-    // @HostBinding('class.k-tabstrip-scrollable-overlay')
-    // public get tabStripScrollableOverlay(): boolean {
-    //     return this._scrollableSettings.enabled && !this.hasScrollButtons.visible;
-    // }
+    get tabStripScrollableOverlay() {
+        return this._scrollableSettings.enabled && !this.hasScrollButtons.visible;
+    }
     /**
      * A query list of all declared tabs.
      */
@@ -4201,8 +4179,7 @@ class TabStripComponent {
                 this.scrollService.toggleScrollButtonsState();
             });
         });
-        // To be released in Q2 2025
-        // this.isScrollable && !this.hasScrollButtons.visible && this.setScrollableOverlayClasses();
+        this.isScrollable && !this.hasScrollButtons.visible && this.setScrollableOverlayClasses();
     }
     ngOnChanges(changes) {
         if (!isDocumentAvailable()) {
@@ -4347,12 +4324,8 @@ class TabStripComponent {
             resetTabFocus(this.tabs);
         }));
         if (this.isScrollable && this.mouseScrollEnabled) {
-            this.attachWheelHandler(tablist);
+            this.attachTablistScrollHandler(tablist);
         }
-        // To be released in Q2 2025
-        // if (this.isScrollable && !this.mouseScrollEnabled) {
-        //     this.attachTablistScrollHandler(tablist);
-        // }
         this.subscriptionsArePresent = true;
     }
     toggleScrollButtons(tabsOverflow) {
@@ -4379,22 +4352,6 @@ class TabStripComponent {
             }
         });
     }
-    attachWheelHandler(tablist) {
-        this.ngZone.runOutsideAngular(() => {
-            this.subscriptions.add(this.renderer.listen(tablist, 'wheel', (wheelEvent) => {
-                const scrollEvent = new TabScrollEvent({
-                    originalEvent: wheelEvent
-                });
-                this.tabScroll.emit(scrollEvent);
-                const isTabStripScrollEventPrevented = scrollEvent.isDefaultPrevented();
-                if (isTabStripScrollEventPrevented || !this.scrollService.tabsOverflow) {
-                    return;
-                }
-                this.scrollService.onMouseScroll(wheelEvent);
-            }));
-        });
-    }
-    /* tslint:disable:no-unused-variable */
     attachTablistScrollHandler(tablist) {
         this.ngZone.runOutsideAngular(() => {
             this.subscriptions.add(this.renderer.listen(tablist, 'scroll', (e) => {
@@ -4434,7 +4391,7 @@ class TabStripComponent {
         }
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TabStripComponent, deps: [{ token: i1.LocalizationService }, { token: i0.Renderer2 }, { token: i0.ElementRef }, { token: TabStripService }, { token: ScrollService }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: TabStripComponent, isStandalone: true, selector: "kendo-tabstrip", inputs: { height: "height", animate: "animate", tabAlignment: "tabAlignment", tabPosition: "tabPosition", keepTabContent: "keepTabContent", closable: "closable", scrollable: "scrollable", size: "size", closeIcon: "closeIcon", closeIconClass: "closeIconClass", closeSVGIcon: "closeSVGIcon", showContentArea: "showContentArea" }, outputs: { tabSelect: "tabSelect", tabClose: "tabClose", tabScroll: "tabScroll" }, host: { properties: { "class.k-tabstrip": "this.hostClasses", "class.k-tabstrip-md": "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: [
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: TabStripComponent, isStandalone: true, selector: "kendo-tabstrip", inputs: { height: "height", animate: "animate", tabAlignment: "tabAlignment", tabPosition: "tabPosition", keepTabContent: "keepTabContent", closable: "closable", scrollable: "scrollable", size: "size", closeIcon: "closeIcon", closeIconClass: "closeIconClass", closeSVGIcon: "closeSVGIcon", showContentArea: "showContentArea" }, outputs: { tabSelect: "tabSelect", tabClose: "tabClose", tabScroll: "tabScroll" }, host: { properties: { "class.k-tabstrip": "this.hostClasses", "class.k-tabstrip-md": "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", "class.k-tabstrip-scrollable-overlay": "this.tabStripScrollableOverlay" } }, providers: [
             TabStripService,
             ScrollService,
             LocalizationService,
@@ -4468,7 +4425,7 @@ class TabStripComponent {
             <ng-container *ngTemplateOutlet="heading"></ng-container>
         </ng-container>
         <ng-template #heading>
-            <div class="k-tabstrip-items-wrapper" [class.k-tabstrip-items-wrapper-scroll]="false" [ngClass]="itemsWrapperClass">
+            <div class="k-tabstrip-items-wrapper" [class.k-tabstrip-items-wrapper-scroll]="mouseScrollEnabled" [ngClass]="itemsWrapperClass">
                 <span
                     role="button"
                     *ngIf="hasScrollButtons.visible && hasScrollButtons.position !== 'end'"
@@ -4511,7 +4468,7 @@ class TabStripComponent {
                         'k-tabstrip-items-end': tabAlignment === 'end', 
                         'k-tabstrip-items-stretched': tabAlignment === 'stretched', 
                         'k-tabstrip-items-justify': tabAlignment === 'justify',
-                        'k-tabstrip-items-scroll': false
+                        'k-tabstrip-items-scroll': mouseScrollEnabled
                     }"
                     [attr.aria-orientation]="tabPosition === 'left' || tabPosition === 'right' ? 'vertical' : 'horizontal'"
                 >
@@ -4651,7 +4608,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
             <ng-container *ngTemplateOutlet="heading"></ng-container>
         </ng-container>
         <ng-template #heading>
-            <div class="k-tabstrip-items-wrapper" [class.k-tabstrip-items-wrapper-scroll]="false" [ngClass]="itemsWrapperClass">
+            <div class="k-tabstrip-items-wrapper" [class.k-tabstrip-items-wrapper-scroll]="mouseScrollEnabled" [ngClass]="itemsWrapperClass">
                 <span
                     role="button"
                     *ngIf="hasScrollButtons.visible && hasScrollButtons.position !== 'end'"
@@ -4694,7 +4651,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
                         'k-tabstrip-items-end': tabAlignment === 'end', 
                         'k-tabstrip-items-stretched': tabAlignment === 'stretched', 
                         'k-tabstrip-items-justify': tabAlignment === 'justify',
-                        'k-tabstrip-items-scroll': false
+                        'k-tabstrip-items-scroll': mouseScrollEnabled
                     }"
                     [attr.aria-orientation]="tabPosition === 'left' || tabPosition === 'right' ? 'vertical' : 'horizontal'"
                 >
@@ -4833,6 +4790,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
             }], tabStripScrollable: [{
                 type: HostBinding,
                 args: ['class.k-tabstrip-scrollable']
+            }], tabStripScrollableOverlay: [{
+                type: HostBinding,
+                args: ['class.k-tabstrip-scrollable-overlay']
             }], tabs: [{
                 type: ContentChildren,
                 args: [TabStripTabComponent]

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@progress/kendo-angular-layout",
-  "version": "18.0.0-develop.8",
+  "version": "18.0.0",
   "description": "Kendo UI for Angular Layout Package - a collection of components to create professional application layoyts",
   "license": "SEE LICENSE IN LICENSE.md",
   "author": "Progress",
@@ -31,7 +31,13 @@
     "tilelayout"
   ],
   "@progress": {
-    "friendlyName": "Layout"
+    "friendlyName": "Layout",
+    "package": {
+      "productName": "Kendo UI for Angular",
+      "productCode": "KENDOUIANGULAR",
+      "publishDate": 1737465011,
+      "licensingDocsUrl": "https://www.telerik.com/kendo-angular-ui/my-license/?utm_medium=product&utm_source=kendoangular&utm_campaign=kendo-ui-angular-purchase-license-keys-warning"
+    }
   },
   "peerDependencies": {
     "@angular/animations": "16 - 19",
@@ -39,17 +45,17 @@
     "@angular/core": "16 - 19",
     "@angular/platform-browser": "16 - 19",
     "@progress/kendo-licensing": "^1.0.2",
-    "@progress/kendo-angular-common": "18.0.0-develop.8",
-    "@progress/kendo-angular-l10n": "18.0.0-develop.8",
-    "@progress/kendo-angular-progressbar": "18.0.0-develop.8",
-    "@progress/kendo-angular-icons": "18.0.0-develop.8",
-    "@progress/kendo-angular-buttons": "18.0.0-develop.8",
-    "@progress/kendo-angular-intl": "18.0.0-develop.8",
+    "@progress/kendo-angular-common": "18.0.0",
+    "@progress/kendo-angular-l10n": "18.0.0",
+    "@progress/kendo-angular-progressbar": "18.0.0",
+    "@progress/kendo-angular-icons": "18.0.0",
+    "@progress/kendo-angular-buttons": "18.0.0",
+    "@progress/kendo-angular-intl": "18.0.0",
     "rxjs": "^6.5.3 || ^7.0.0"
   },
   "dependencies": {
     "tslib": "^2.3.1",
-    "@progress/kendo-angular-schematics": "18.0.0-develop.8",
+    "@progress/kendo-angular-schematics": "18.0.0",
     "@progress/kendo-draggable": "^3.0.2"
   },
   "schematics": "./schematics/collection.json",

package/tabstrip/models/scrollable-settings.d.ts

@@ -21,7 +21,7 @@ export interface TabStripScrollableSettings {
      */
     scrollButtons?: TabStripScrollButtonsVisibility;
     /**
-     * Determines whether the TabStrip will be scrolled with the mouse wheel.
+     * Determines whether the TabStrip will be scrolled with the mouse or other pointer devices such as touchpads and touch screens.
      * @default true
      */
     mouseScroll?: boolean;
@@ -31,8 +31,8 @@ export interface TabStripScrollableSettings {
      */
     buttonScrollSpeed?: number;
     /**
-     * Sets the tab list scroll speed in pixels when scrolling via the mouse wheel.
-     * @default 10
+     * Deprecated in v.18.0.0 and will be removed in v.19.0.0 of the `@progress/kendo-angular-layout` package.
+     * The scroll speed will naturally follow the user behavior and concrete device specifics.
      */
     mouseScrollSpeed?: number;
     /**

package/tabstrip/tabstrip-scroll.service.d.ts

@@ -23,7 +23,6 @@ export declare class ScrollService {
     toggleScrollButtonsState(): void;
     scrollToSelectedTab(): void;
     getScrollOffset(activeIndex: number): number;
-    onMouseScroll(event: any): void;
     onScroll(e: Event): void;
     scrollTabs(direction: string): void;
     calculateListPosition(direction: string, scrollSpeed: number): void;

package/tabstrip/tabstrip.component.d.ts

@@ -129,6 +129,7 @@ export declare class TabStripComponent implements AfterViewInit, OnDestroy {
     get tabsAtLeft(): boolean;
     get dir(): string;
     get tabStripScrollable(): boolean;
+    get tabStripScrollableOverlay(): boolean;
     /**
      * A query list of all declared tabs.
      */
@@ -220,7 +221,6 @@ export declare class TabStripComponent implements AfterViewInit, OnDestroy {
     onScrollButtonClick(buttonType: ScrollButtonType): void;
     private initDomEvents;
     private toggleScrollButtons;
-    private attachWheelHandler;
     private attachTablistScrollHandler;
     private setScrollableOverlayClasses;
     static ɵfac: i0.ɵɵFactoryDeclaration<TabStripComponent, never>;