@progress/kendo-angular-layout 17.3.0-develop.2 → 18.0.0-develop.10

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

@@ -19,12 +19,11 @@ export declare class ScrollService {
     get tabstripSize(): number;
     get tablistOverflowSize(): number;
     get tabsOverflow(): boolean;
-    get scrollButtonsSize(): number;
     constructor(ngZone: NgZone);
     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;
     restoreScrollPosition(): void;

package/tabstrip/tabstrip.component.d.ts

@@ -11,11 +11,12 @@ import { ScrollService } from './tabstrip-scroll.service';
 import { TabPosition } from './models/tab-position';
 import { TabAlignment } from './models/tab-alignment';
 import { Subscription } from 'rxjs';
-import { TabStripScrollableSettings } from './models/scrollable-settings';
+import { TabStripScrollableSettings, TabStripScrollButtonsPosition } from './models/scrollable-settings';
 import { TabScrollEvent } from './events/tabscroll-event';
 import { TabStripScrollableButtonComponent } from './scrollable-button.component';
 import { ScrollButtonType } from './models/scroll-button-type';
 import { SVGIcon } from '@progress/kendo-svg-icons';
+import { TabStripSize } from './models/size';
 import * as i0 from "@angular/core";
 /**
  * Represents the [Kendo UI TabStrip component for Angular]({% slug overview_tabstrip %}).
@@ -74,6 +75,18 @@ export declare class TabStripComponent implements AfterViewInit, OnDestroy {
      */
     set scrollable(value: boolean | TabStripScrollableSettings);
     get scrollable(): boolean | TabStripScrollableSettings;
+    /**
+     * Specifies the size of the TabStrip.
+     * ([see example](slug:api_layout_tabstripcomponent#toc-size).
+     *
+     * The possible values are:
+     * * `small`
+     * * `medium` (Default)
+     * * `large`
+     * * `none`
+     */
+    set size(value: TabStripSize);
+    get size(): TabStripSize;
     /**
      * Defines the name for an existing font icon in the Kendo UI theme for the close icon.
      */
@@ -116,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.
      */
@@ -152,6 +166,7 @@ export declare class TabStripComponent implements AfterViewInit, OnDestroy {
     private tabStripId;
     private tabsChangesSub;
     private activeStateChangeSub;
+    private _size;
     constructor(localization: LocalizationService, renderer: Renderer2, wrapper: ElementRef, tabstripService: TabStripService, scrollService: ScrollService, ngZone: NgZone);
     ngAfterViewInit(): void;
     ngOnChanges(changes: SimpleChanges): void;
@@ -163,7 +178,10 @@ export declare class TabStripComponent implements AfterViewInit, OnDestroy {
     /**
      * @hidden
      */
-    get hasScrollButtons(): boolean;
+    get hasScrollButtons(): {
+        visible: boolean;
+        position: TabStripScrollButtonsPosition;
+    };
     /**
      * @hidden
      */
@@ -203,7 +221,8 @@ 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>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<TabStripComponent, "kendo-tabstrip", ["kendoTabStrip"], { "height": { "alias": "height"; "required": false; }; "animate": { "alias": "animate"; "required": false; }; "tabAlignment": { "alias": "tabAlignment"; "required": false; }; "tabPosition": { "alias": "tabPosition"; "required": false; }; "keepTabContent": { "alias": "keepTabContent"; "required": false; }; "closable": { "alias": "closable"; "required": false; }; "scrollable": { "alias": "scrollable"; "required": false; }; "closeIcon": { "alias": "closeIcon"; "required": false; }; "closeIconClass": { "alias": "closeIconClass"; "required": false; }; "closeSVGIcon": { "alias": "closeSVGIcon"; "required": false; }; "showContentArea": { "alias": "showContentArea"; "required": false; }; }, { "tabSelect": "tabSelect"; "tabClose": "tabClose"; "tabScroll": "tabScroll"; }, ["tabs"], never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TabStripComponent, "kendo-tabstrip", ["kendoTabStrip"], { "height": { "alias": "height"; "required": false; }; "animate": { "alias": "animate"; "required": false; }; "tabAlignment": { "alias": "tabAlignment"; "required": false; }; "tabPosition": { "alias": "tabPosition"; "required": false; }; "keepTabContent": { "alias": "keepTabContent"; "required": false; }; "closable": { "alias": "closable"; "required": false; }; "scrollable": { "alias": "scrollable"; "required": false; }; "size": { "alias": "size"; "required": false; }; "closeIcon": { "alias": "closeIcon"; "required": false; }; "closeIconClass": { "alias": "closeIconClass"; "required": false; }; "closeSVGIcon": { "alias": "closeSVGIcon"; "required": false; }; "showContentArea": { "alias": "showContentArea"; "required": false; }; }, { "tabSelect": "tabSelect"; "tabClose": "tabClose"; "tabScroll": "tabScroll"; }, ["tabs"], never, true, never>;
 }

package/tabstrip/util.d.ts

@@ -3,7 +3,7 @@
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
 import { ElementRef, QueryList } from "@angular/core";
-import { TabStripScrollableSettings } from './models/scrollable-settings';
+import { TabStripScrollableSettings, TabStripScrollButtonsPosition } from './models/scrollable-settings';
 import { TabStripTabComponent } from "./models/tabstrip-tab.component";
 import { TabPosition } from './models/tab-position';
 /**
@@ -23,7 +23,10 @@ export declare const isTabClosable: (tab: TabStripTabComponent, tabStripClosable
  *
  * Checks if the TabStrip scroll buttons will be rendered. Depends on the value of the TabStrip scrollable settings.
  */
-export declare const tabStripHasScrollButtons: (scrollableSettings: TabStripScrollableSettings) => boolean;
+export declare const tabStripHasScrollButtons: (scrollableSettings: TabStripScrollableSettings) => {
+    visible: boolean;
+    position: TabStripScrollButtonsPosition;
+};
 /**
  * @hidden
  *