@progress/kendo-angular-toolbar 18.1.0-develop.30 → 18.1.0-develop.4

package/index.d.ts

@@ -19,7 +19,4 @@ export { ToolbarCustomMessagesComponent } from './localization/custom-messages.c
 export { RefreshService } from './refresh.service';
 export { ToolbarSize } from './common/size';
 export { ToolbarFillMode } from './common/fillmode';
-export { OverflowMode } from './common/overflow-mode';
-export { ToolbarOverflowSettings } from './common/overflow-settings';
-export { ToolbarScrollButtonsPosition, ToolbarScrollButtonsVisibility } from './common/scroll-buttons';
 export * from './directives';

package/localization/messages.d.ts

@@ -9,17 +9,9 @@ import * as i0 from "@angular/core";
  */
 export declare class ToolbarMessages extends ComponentMessages {
     /**
-     * The title of the **More Tools** button in a responsive ToolBar
+     * The title of the **more tools** button in a responsive ToolBar
      */
     moreToolsTitle: string;
-    /**
-     * The title for the **Previous Tool** button when the Toolbar is scrollable.
-     */
-    previousToolButton: string;
-    /**
-     * The title for the **Next Tool** button when the Toolbar is scrollable.
-     */
-    nextToolButton: string;
     static ɵfac: i0.ɵɵFactoryDeclaration<ToolbarMessages, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<ToolbarMessages, "kendo-toolbar-messages-base", never, { "moreToolsTitle": { "alias": "moreToolsTitle"; "required": false; }; "previousToolButton": { "alias": "previousToolButton"; "required": false; }; "nextToolButton": { "alias": "nextToolButton"; "required": false; }; }, {}, never, never, false, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<ToolbarMessages, "kendo-toolbar-messages-base", never, { "moreToolsTitle": { "alias": "moreToolsTitle"; "required": false; }; }, {}, never, never, false, never>;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@progress/kendo-angular-toolbar",
-  "version": "18.1.0-develop.30",
+  "version": "18.1.0-develop.4",
   "description": "Kendo UI Angular Toolbar component - a single UI element that organizes buttons and other navigation elements",
   "license": "SEE LICENSE IN LICENSE.md",
   "author": "Progress",
@@ -25,7 +25,7 @@
     "package": {
       "productName": "Kendo UI for Angular",
       "productCode": "KENDOUIANGULAR",
-      "publishDate": 1738961998,
+      "publishDate": 1738318239,
       "licensingDocsUrl": "https://www.telerik.com/kendo-angular-ui/my-license/"
     }
   },
@@ -34,17 +34,17 @@
     "@angular/common": "16 - 19",
     "@angular/core": "16 - 19",
     "@angular/platform-browser": "16 - 19",
-    "@progress/kendo-licensing": "^1.4.0",
-    "@progress/kendo-angular-buttons": "18.1.0-develop.30",
-    "@progress/kendo-angular-common": "18.1.0-develop.30",
-    "@progress/kendo-angular-l10n": "18.1.0-develop.30",
-    "@progress/kendo-angular-icons": "18.1.0-develop.30",
-    "@progress/kendo-angular-popup": "18.1.0-develop.30",
+    "@progress/kendo-licensing": "^1.0.2",
+    "@progress/kendo-angular-buttons": "18.1.0-develop.4",
+    "@progress/kendo-angular-common": "18.1.0-develop.4",
+    "@progress/kendo-angular-l10n": "18.1.0-develop.4",
+    "@progress/kendo-angular-icons": "18.1.0-develop.4",
+    "@progress/kendo-angular-popup": "18.1.0-develop.4",
     "rxjs": "^6.5.3 || ^7.0.0"
   },
   "dependencies": {
     "tslib": "^2.3.1",
-    "@progress/kendo-angular-schematics": "18.1.0-develop.30"
+    "@progress/kendo-angular-schematics": "18.1.0-develop.4"
   },
   "schematics": "./schematics/collection.json",
   "module": "fesm2022/progress-kendo-angular-toolbar.mjs",

package/render-location.d.ts

@@ -5,4 +5,4 @@
 /**
  * @hidden
  */
-export type RenderLocation = 'toolbar' | 'overflow' | 'section';
+export type RenderLocation = "toolbar" | "overflow";

package/toolbar.component.d.ts

@@ -17,16 +17,12 @@ import { RendererClickPayload } from './common/renderer-click';
 import { SVGIcon } from '@progress/kendo-svg-icons';
 import { ToolbarToolsService } from './tools/tools.service';
 import { ToolbarFillMode } from './common/fillmode';
-import { OverflowMode } from './common/overflow-mode';
-import { ToolbarOverflowSettings } from './common/overflow-settings';
-import { ToolbarScrollButtonsPosition } from './common/scroll-buttons';
-import { ScrollService } from './scroll.service';
 import * as i0 from "@angular/core";
 /**
  * Represents the [Kendo UI ToolBar component for Angular]({% slug overview_toolbar %}).
  */
 export declare class ToolBarComponent {
-    localization: LocalizationService;
+    private localization;
     private popupService;
     private refreshService;
     private navigationService;
@@ -35,41 +31,18 @@ export declare class ToolBarComponent {
     private renderer;
     private _cdr;
     private toolsService;
-    private scrollService;
     get overflowClass(): string;
     /**
-     * Configures the overflow mode. Used to specify how tools will be rendered when the total size of all tools is greater than the size of the Toolbar container.
-     * @default false
+     * Hides the overflowing tools in a popup.
      */
-    set overflow(overflow: boolean | OverflowMode | ToolbarOverflowSettings);
-    get overflow(): boolean | OverflowMode | ToolbarOverflowSettings;
-    get show(): boolean;
+    overflow: boolean;
     /**
      * @hidden
      */
     set resizable(value: boolean);
     get resizable(): boolean;
     /**
-     * @hidden
-     */
-    get hasScrollButtons(): {
-        visible: boolean;
-        position: ToolbarScrollButtonsPosition;
-    };
-    /**
-     * @hidden
-     */
-    get isScrollMode(): boolean;
-    /**
-     * @hidden
-     */
-    get showMenu(): boolean;
-    /**
-     * @hidden
-     */
-    get overflowEnabled(): boolean;
-    /**
-     * Configures the popup of the ToolBar overflow button ([see example](slug:responsive_toolbar#customizing-the-popup)).
+     * Configures the popup of the ToolBar overflow button ([see example]({% slug responsive_toolbar %}#toc-popup-customization)).
      *
      * The available options are:
      * - `animate: Boolean`—Controls the popup animation. By default, the open and close animations are enabled.
@@ -116,48 +89,24 @@ export declare class ToolBarComponent {
     allTools: QueryList<ToolBarToolComponent>;
     overflowButton: ElementRef;
     popupTemplate: TemplateRef<any>;
-    popupSectionTemplate: TemplateRef<any>;
-    scrollContainer: ElementRef;
     resizeSensor: ResizeSensorComponent;
     container: ViewContainerRef;
-    prevScrollButton: ElementRef;
-    nextScrollButton: ElementRef;
-    startButtonGroup: ElementRef;
-    endButtonGroup: ElementRef;
-    scrollSeparator: ElementRef;
     popupRef: PopupRef;
     direction: Direction;
     get appendTo(): ViewContainerRef;
     set popupOpen(open: boolean);
     get popupOpen(): boolean;
-    /**
-     * @hidden
-     */
-    prevButtonIcon: SVGIcon;
-    /**
-     * @hidden
-     */
-    nextButtonIcon: SVGIcon;
     hostClass: boolean;
-    get scrollableClass(): boolean;
-    get sectionClass(): boolean;
-    private _overflow;
     private _popupSettings;
     private cachedOverflowAnchorWidth;
     private _open;
     private toolbarKeydownListener;
     private overflowKeydownListener;
-    private sectionKeydownListener;
     private cancelRenderedToolsSubscription$;
     private cachedGap;
     private _size;
     private _fillMode;
     private overflowButtonClickedTime;
-    private showAutoButtons;
-    /**
-     * @hidden
-     */
-    get normalizedOverflow(): ToolbarOverflowSettings;
     private subscriptions;
     private popupSubs;
     /**
@@ -171,16 +120,13 @@ export declare class ToolBarComponent {
     role: string;
     get getDir(): string;
     get resizableClass(): boolean;
-    constructor(localization: LocalizationService, popupService: PopupService, refreshService: RefreshService, navigationService: NavigationService, element: ElementRef, zone: NgZone, renderer: Renderer2, _cdr: ChangeDetectorRef, toolsService: ToolbarToolsService, scrollService: ScrollService);
+    moreVerticalIcon: SVGIcon;
+    constructor(localization: LocalizationService, popupService: PopupService, refreshService: RefreshService, navigationService: NavigationService, element: ElementRef, zone: NgZone, renderer: Renderer2, _cdr: ChangeDetectorRef, toolsService: ToolbarToolsService);
     ngAfterContentInit(): void;
     ngAfterViewInit(): void;
     ngOnInit(): void;
     ngOnChanges(changes: SimpleChanges): void;
     ngOnDestroy(): void;
-    /**
-     * @hidden
-     */
-    showOverflowSeparator: boolean;
     /**
      * @hidden
      */
@@ -189,26 +135,10 @@ export declare class ToolBarComponent {
      * @hidden
      */
     get cdr(): ChangeDetectorRef;
-    /**
-     * @hidden
-     */
-    get sectionSizeClass(): string;
-    /**
-     * @hidden
-     */
-    getScrollButtonTitle(buttonType: string): string;
-    /**
-     * @hidden
-     */
-    scrollTools(dir: string): void;
     /**
      * @hidden
      */
     onRendererClick(data: RendererClickPayload): void;
-    /**
-     * @hidden
-     */
-    overflowButtonIcon(iconType: string): any;
     /**
      * @hidden
      */
@@ -253,7 +183,6 @@ export declare class ToolBarComponent {
     private destroyPopup;
     private handleClasses;
     private normalizePopupClasses;
-    private setScrollableOverlayClasses;
     static ɵfac: i0.ɵɵFactoryDeclaration<ToolBarComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<ToolBarComponent, "kendo-toolbar", ["kendoToolBar"], { "overflow": { "alias": "overflow"; "required": false; }; "resizable": { "alias": "resizable"; "required": false; }; "popupSettings": { "alias": "popupSettings"; "required": false; }; "fillMode": { "alias": "fillMode"; "required": false; }; "tabindex": { "alias": "tabindex"; "required": false; }; "size": { "alias": "size"; "required": false; }; "tabIndex": { "alias": "tabIndex"; "required": false; }; }, { "open": "open"; "close": "close"; }, ["allTools"], never, true, never>;
 }

package/tools/toolbar-button.component.d.ts

@@ -137,7 +137,6 @@ export declare class ToolBarButtonComponent extends ToolBarToolComponent {
     toolbarOptions: ToolOptions;
     overflowOptions: ToolOptions;
     toolbarButtonElement: ElementRef;
-    sectionButtonElement: ElementRef;
     private overflowButtonElement;
     private _showText;
     private _text;

package/tools/toolbar-buttongroup.component.d.ts

@@ -45,7 +45,6 @@ export declare class ToolBarButtonGroupComponent extends ToolBarToolComponent {
      */
     set look(look: 'default' | 'flat' | 'outline');
     private toolbarButtonGroup;
-    private sectionButtonGroup;
     overflowListItems: QueryList<ElementRef>;
     buttonComponents: QueryList<ToolBarButtonComponent>;
     private get buttonElements();

package/tools/toolbar-dropdownbutton.component.d.ts

@@ -145,8 +145,7 @@ export declare class ToolBarDropDownButtonComponent extends ToolBarToolComponent
      */
     close: EventEmitter<PreventableEvent>;
     dropdownButton: ElementRef;
-    toolbarDropDownButton: DropDownButtonComponent;
-    sectionDropDownButton: DropDownButtonComponent;
+    dropDownButtonComponent: DropDownButtonComponent;
     overflowListItems: QueryList<ElementRef>;
     toolbarOptions: ToolOptions;
     overflowOptions: ToolOptions;

package/tools/toolbar-splitbutton.component.d.ts

@@ -156,7 +156,6 @@ export declare class ToolBarSplitButtonComponent extends ToolBarToolComponent im
     private getNextKey;
     private getPrevKey;
     private toolbarSplitButton;
-    private sectionSplitButton;
     private overflowMainButton;
     overflowListItems: QueryList<ElementRef>;
     constructor();

package/tools/toolbar-tool.component.d.ts

@@ -3,7 +3,6 @@
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
 import { TemplateRef, ElementRef } from '@angular/core';
-import { RenderLocation } from '../render-location';
 import * as i0 from "@angular/core";
 /**
  * Represents the Base ToolBar Tool component for Angular.
@@ -11,17 +10,12 @@ import * as i0 from "@angular/core";
  */
 export declare class ToolBarToolComponent {
     toolbarTemplate: TemplateRef<any>;
-    sectionTemplate: TemplateRef<any>;
     popupTemplate: TemplateRef<any>;
     tabIndex: number;
     overflows: boolean;
     visibility: string;
     element: ElementRef;
     isBuiltInTool: boolean;
-    /**
-     * @hidden
-     */
-    location: RenderLocation;
     constructor();
     /**
      * @hidden

package/tools/tools.service.d.ts

@@ -15,7 +15,6 @@ export declare class ToolbarToolsService {
     renderedTools: ToolBarRendererComponent[];
     overflowTools: ToolBarRendererComponent[];
     allTools: ToolBarToolComponent[];
-    reset(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<ToolbarToolsService, never>;
     static ɵprov: i0.ɵɵInjectableDeclaration<ToolbarToolsService>;
 }

package/util.d.ts

@@ -4,7 +4,6 @@
 *-------------------------------------------------------------------------------------------*/
 import { Keys } from '@progress/kendo-angular-common';
 import { DisplayMode } from './display-mode';
-import { ToolbarOverflowSettings } from './common/overflow-settings';
 /**
  * @hidden
  */
@@ -105,7 +104,3 @@ export declare const getStylingClasses: (componentType: any, stylingOption: stri
  * nodeType 1 is Element, nodeType 3 is Text
  */
 export declare const isElementOrTextNode: (n: Node) => boolean;
-/**
- * @hidden
- */
-export declare const normalizeOverflowSettings: (overflow: any) => ToolbarOverflowSettings;

package/common/overflow-mode.d.ts

@@ -1,8 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2025 Progress Software Corporation. All rights reserved.
-* Licensed under commercial license. See LICENSE.md in the project root for more information
-*-------------------------------------------------------------------------------------------*/
-/**
- * Represents the possible overflowMode options of the Toolbar. Applicable when there is not enough space to render all tools.
- */
-export type OverflowMode = 'scroll' | 'section' | 'menu' | 'none';

package/common/overflow-settings.d.ts

@@ -1,53 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2025 Progress Software Corporation. All rights reserved.
-* Licensed under commercial license. See LICENSE.md in the project root for more information
-*-------------------------------------------------------------------------------------------*/
-import { SVGIcon } from "@progress/kendo-svg-icons";
-import { OverflowMode } from "./overflow-mode";
-import { ToolbarScrollButtonsPosition, ToolbarScrollButtonsVisibility } from "./scroll-buttons";
-/**
- * The settings for the overflow functionality of the Toolbar.
- */
-export interface ToolbarOverflowSettings {
-    /**
-     * Determines the Toolbar overflow mode.
-     * @default 'none'
-     */
-    mode?: OverflowMode;
-    /**
-     * Determines the Toolbar scroll buttons visibility mode. Applicable when the overflow mode is set to 'scroll'. The possible options are:
-     * - 'auto' (default) - The scroll buttons will be rendered only when the tools list overflows its container.
-     * - 'visible' - The scroll buttons will be always visible.
-     * - 'hidden' - No scroll buttons will be rendered.
-     */
-    scrollButtons?: ToolbarScrollButtonsVisibility;
-    /**
-     * Determines the Toolbar scroll buttons position. Applicable when the overflow mode is set to 'scroll'. The possible options are:
-     * - 'start'—The scroll buttons will be rendered at the start before all tools.
-     * - 'end'—The scroll buttons will be rendered at the end after all tools.
-     * - 'split'(default)—The scroll buttons will be rendered at each side of the tools list.
-     */
-    scrollButtonsPosition?: ToolbarScrollButtonsPosition;
-    /**
-     * Allows defining a custom CSS class, or multiple classes separated by spaces, which will be applied to the span element of the prev scroll button. Applicable when the overflow mode is set to 'scroll'.
-     *
-     * Allows the usage of custom icons.
-     */
-    prevButtonIcon?: string;
-    /**
-     * Allows defining a custom CSS class, or multiple classes separated by spaces, which will be applied to the span element of the next scroll button. Applicable when the overflow mode is set to 'scroll'.
-     *
-     * Allows the usage of custom icons.
-     */
-    nextButtonIcon?: string;
-    /**
-     * Defines an SVGIcon to be rendered for the previous button icon.
-     * The input can take either an [existing Kendo SVG icon](slug:svgicon_list) or a custom one. Applicable when the overflow mode is set to 'scroll'.
-     */
-    prevSVGButtonIcon?: SVGIcon;
-    /**
-     * Defines an SVGIcon to be rendered for the next button icon.
-     * The input can take either an [existing Kendo SVG icon](slug:svgicon_list) or a custom one. Applicable when the overflow mode is set to 'scroll'.
-     */
-    nextSVGButtonIcon?: SVGIcon;
-}

package/common/scroll-buttons.d.ts

@@ -1,12 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2025 Progress Software Corporation. All rights reserved.
-* Licensed under commercial license. See LICENSE.md in the project root for more information
-*-------------------------------------------------------------------------------------------*/
-/**
- * Specifies when the Toolbar scroll buttons will be rendered.
- */
-export type ToolbarScrollButtonsVisibility = 'hidden' | 'visible' | 'auto';
-/**
- * The available options for the `scrollButtonsPosition` option.
- */
-export type ToolbarScrollButtonsPosition = 'start' | 'end' | 'split';

package/esm2022/common/overflow-mode.mjs

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

package/esm2022/common/overflow-settings.mjs

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

package/esm2022/common/scroll-buttons.mjs

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

package/esm2022/scroll.service.mjs

@@ -1,102 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2025 Progress Software Corporation. All rights reserved.
-* Licensed under commercial license. See LICENSE.md in the project root for more information
-*-------------------------------------------------------------------------------------------*/
-import { Injectable, NgZone } from '@angular/core';
-import { isDocumentAvailable } from '@progress/kendo-angular-common';
-import { Subject } from 'rxjs';
-import { LocalizationService } from '@progress/kendo-angular-l10n';
-import * as i0 from "@angular/core";
-import * as i1 from "@progress/kendo-angular-l10n";
-const DEFAULT_SCROLL_BEHAVIOR = 'smooth';
-const DEFAULT_SCROLL_SPEED = 100;
-/**
- * @hidden
- */
-export class ScrollService {
-    ngZone;
-    localization;
-    owner;
-    position = 0;
-    scrollButtonActiveStateChange = new Subject();
-    get scrollElement() {
-        return this.owner.scrollContainer?.nativeElement;
-    }
-    get scrollContainerOverflowSize() {
-        if (!isDocumentAvailable()) {
-            return 0;
-        }
-        if (!this.scrollElement) {
-            return 0;
-        }
-        const overflowSize = Math.floor(this.scrollElement.scrollWidth - this.scrollElement.getBoundingClientRect().width);
-        return overflowSize < 0 ? 0 : overflowSize;
-    }
-    get toolsOverflow() {
-        return this.scrollContainerOverflowSize > 0;
-    }
-    constructor(ngZone, localization) {
-        this.ngZone = ngZone;
-        this.localization = localization;
-    }
-    toggleScrollButtonsState() {
-        const toolbar = this.owner;
-        if (!toolbar.hasScrollButtons) {
-            return;
-        }
-        const currentPrevButtonActive = !this.isDisabled('prev');
-        const currentNextButtonActive = !this.isDisabled('next');
-        const defaultOffset = 1;
-        const rtlDelta = this.localization.rtl ? -1 : 1;
-        const calculatedPrevButtonActive = (this.position * rtlDelta) > 0 && this.scrollContainerOverflowSize > 0;
-        const calculatedNextButtonActive = (this.position * rtlDelta) < this.scrollContainerOverflowSize - defaultOffset && this.scrollContainerOverflowSize > 0;
-        if (calculatedPrevButtonActive !== currentPrevButtonActive) {
-            this.ngZone.run(() => this.toggleButtonActiveState('prev', calculatedPrevButtonActive));
-        }
-        if (calculatedNextButtonActive !== currentNextButtonActive) {
-            this.ngZone.run(() => this.toggleButtonActiveState('next', calculatedNextButtonActive));
-        }
-    }
-    onScroll(e) {
-        this.position = e.target.scrollLeft;
-        this.toggleScrollButtonsState();
-    }
-    scrollTools(direction) {
-        this.calculateListPosition(direction, DEFAULT_SCROLL_SPEED);
-        if (this.scrollElement) {
-            this.scrollElement.scrollTo({ left: this.position, behavior: DEFAULT_SCROLL_BEHAVIOR });
-        }
-        this.toggleScrollButtonsState();
-    }
-    calculateListPosition(direction, scrollSpeed) {
-        if (direction === 'prev') {
-            if (!this.localization.rtl) {
-                this.position = this.position - scrollSpeed <= 0 ? 0 : this.position - scrollSpeed;
-            }
-            else {
-                this.position = this.position + scrollSpeed >= 0 ? 0 : this.position + scrollSpeed;
-            }
-        }
-        else if (direction === 'next' && this.position < this.scrollContainerOverflowSize) {
-            if (this.position + scrollSpeed > this.scrollContainerOverflowSize) {
-                this.position = this.scrollContainerOverflowSize;
-                return;
-            }
-            if (this.localization.rtl) {
-                this.position -= scrollSpeed;
-            }
-            else {
-                this.position += scrollSpeed;
-            }
-        }
-    }
-    toggleButtonActiveState(buttonType, active) {
-        this.scrollButtonActiveStateChange.next({ buttonType, active });
-    }
-    isDisabled = (buttonType) => this.owner[`${buttonType}ScrollButton`]?.nativeElement.classList.contains('k-disabled');
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ScrollService, deps: [{ token: i0.NgZone }, { token: i1.LocalizationService }], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ScrollService });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ScrollService, decorators: [{
-            type: Injectable
-        }], ctorParameters: function () { return [{ type: i0.NgZone }, { type: i1.LocalizationService }]; } });