@progress/kendo-angular-toolbar 11.0.0-develop.101 → 11.0.0-develop.103

package/index.d.ts

@@ -17,3 +17,4 @@ export { ToolBarModule } from './toolbar.module';
 export { LocalizedToolbarMessagesDirective } from './localization/localized-toolbar-messages.directive';
 export { ToolbarCustomMessagesComponent } from './localization/custom-messages.component';
 export { RefreshService } from './refresh.service';
+export { ToolbarSize } from './common/size';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@progress/kendo-angular-toolbar",
-  "version": "11.0.0-develop.101",
+  "version": "11.0.0-develop.103",
   "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",
@@ -29,11 +29,11 @@
     "@angular/core": "13 - 15",
     "@angular/platform-browser": "13 - 15",
     "@progress/kendo-licensing": "^1.0.2",
-    "@progress/kendo-angular-buttons": "11.0.0-develop.101",
-    "@progress/kendo-angular-common": "11.0.0-develop.101",
-    "@progress/kendo-angular-l10n": "11.0.0-develop.101",
-    "@progress/kendo-angular-popup": "11.0.0-develop.101",
-    "@progress/kendo-angular-schematics": "11.0.0-develop.101",
+    "@progress/kendo-angular-buttons": "11.0.0-develop.103",
+    "@progress/kendo-angular-common": "11.0.0-develop.103",
+    "@progress/kendo-angular-l10n": "11.0.0-develop.103",
+    "@progress/kendo-angular-popup": "11.0.0-develop.103",
+    "@progress/kendo-angular-schematics": "11.0.0-develop.103",
     "rxjs": "^6.5.3 || ^7.0.0"
   },
   "dependencies": {

package/renderer.component.d.ts

@@ -32,6 +32,7 @@ export declare class ToolBarRendererComponent implements OnInit, OnDestroy {
     rendererClick: EventEmitter<RendererClickPayload>;
     template: TemplateRef<any>;
     get spacerClass(): boolean;
+    hostClass: boolean;
     private get isSpacer();
     private refreshSubscription;
     onClick(ev: any): void;

package/toolbar.component.d.ts

@@ -10,6 +10,7 @@ import { RefreshService } from './refresh.service';
 import { NavigationService } from './navigation.service';
 import { PopupSettings } from './popup-settings';
 import { ToolBarToolComponent } from './tools/toolbar-tool.component';
+import { ToolbarSize } from './common/size';
 import { PreventableEvent } from './common/preventable-event';
 import { ToolBarRendererComponent } from './renderer.component';
 import { Direction } from './direction';
@@ -27,6 +28,7 @@ export declare class ToolBarComponent {
     private zone;
     private renderer;
     private _cdr;
+    get overflowClass(): string;
     /**
      * Hides the overflowing tools in a popup.
      */
@@ -49,6 +51,17 @@ export declare class ToolBarComponent {
      * Specifies the [`tabindex`](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/tabindex) of the ToolBar.
      */
     tabindex: number;
+    /**
+     * Specifies the padding of all Toolbar elements.
+     *
+     * The possible values are:
+     * * `small`
+     * * `medium` (default)
+     * * `large`
+     * * `none`
+     */
+    set size(size: ToolbarSize);
+    get size(): ToolbarSize;
     /**
      * @hidden
      */
@@ -74,7 +87,7 @@ export declare class ToolBarComponent {
     get appendTo(): ViewContainerRef;
     set popupOpen(open: boolean);
     get popupOpen(): boolean;
-    hostClasses: boolean;
+    hostClass: boolean;
     private _popupSettings;
     private cachedOverflowAnchorWidth;
     private _open;
@@ -82,6 +95,7 @@ export declare class ToolBarComponent {
     private overflowKeydownListener;
     private cancelRenderedToolsSubscription$;
     private cachedGap;
+    private _size;
     private subscriptions;
     private popupSubs;
     /**
@@ -154,6 +168,8 @@ export declare class ToolBarComponent {
     private showFirstHiddenTool;
     private setPopupContentDimensions;
     private destroyPopup;
+    private handleClasses;
+    private normalizePopupClasses;
     static ɵfac: i0.ɵɵFactoryDeclaration<ToolBarComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ToolBarComponent, "kendo-toolbar", ["kendoToolBar"], { "overflow": "overflow"; "resizable": "resizable"; "popupSettings": "popupSettings"; "tabindex": "tabindex"; "tabIndex": "tabIndex"; }, { "open": "open"; "close": "close"; }, ["allTools"], never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ToolBarComponent, "kendo-toolbar", ["kendoToolBar"], { "overflow": "overflow"; "resizable": "resizable"; "popupSettings": "popupSettings"; "tabindex": "tabindex"; "size": "size"; "tabIndex": "tabIndex"; }, { "open": "open"; "close": "close"; }, ["allTools"], never>;
 }

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

@@ -12,6 +12,7 @@ import * as i0 from "@angular/core";
  * Represents the [Kendo UI ToolBar Button tool for Angular]({% slug controltypes_toolbar %}#toc-buttons).
  */
 export declare class ToolBarButtonComponent extends ToolBarToolComponent {
+    element: ElementRef;
     /**
      * Specifies where button text should be displayed
      */
@@ -132,7 +133,7 @@ export declare class ToolBarButtonComponent extends ToolBarToolComponent {
     toolbarButtonElement: ElementRef;
     private overflowButtonElement;
     private _showText;
-    constructor();
+    constructor(element: ElementRef);
     ngOnInit(): void;
     /**
      * @hidden
@@ -150,6 +151,22 @@ export declare class ToolBarButtonComponent extends ToolBarToolComponent {
      * @hidden
      */
     handleKey(): boolean;
+    /**
+     * @hidden
+     */
+    get toolbarButtonClass(): string;
+    /**
+     * @hidden
+     */
+    handleClick(ev: Event): void;
+    /**
+     * @hidden
+     */
+    getIconClasses(): string;
+    /**
+     * @hidden
+     */
+    selectedChangeHandler(state: boolean): void;
     private getButton;
     private setTextDisplayMode;
     static ɵfac: i0.ɵɵFactoryDeclaration<ToolBarButtonComponent, never>;

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

@@ -2,7 +2,7 @@
 * Copyright © 2023 Progress Software Corporation. All rights reserved.
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
-import { TemplateRef, QueryList } from '@angular/core';
+import { TemplateRef, QueryList, ElementRef } from '@angular/core';
 import { LocalizationService } from '@progress/kendo-angular-l10n';
 import { ToolBarToolComponent } from './toolbar-tool.component';
 import { ToolBarButtonComponent } from './toolbar-button.component';
@@ -40,10 +40,10 @@ export declare class ToolBarButtonGroupComponent extends ToolBarToolComponent {
     set look(look: 'default' | 'flat' | 'outline');
     toolbarTemplate: TemplateRef<any>;
     popupTemplate: TemplateRef<any>;
+    private toolbarButtonGroup;
+    overflowListItems: QueryList<ElementRef>;
     buttonComponents: QueryList<ToolBarButtonComponent>;
     private get buttonElements();
-    private toolbarButtonGroup;
-    private overflowButtonGroup;
     private focusedIndex;
     private getNextKey;
     private getPrevKey;
@@ -60,6 +60,10 @@ export declare class ToolBarButtonGroupComponent extends ToolBarToolComponent {
      * @hidden
      */
     selectedChangeHandler(state: boolean, button: ToolBarButtonComponent): void;
+    /**
+     * @hidden
+     */
+    overflowSelectedChangeHandler(button: ToolBarButtonComponent): void;
     /**
      * @hidden
      */
@@ -76,7 +80,14 @@ export declare class ToolBarButtonGroupComponent extends ToolBarToolComponent {
      * @hidden
      */
     handleKey(ev: any): boolean;
-    private getButtonGroup;
+    /**
+     * @hidden
+     */
+    handleClick(ev: any, button: ToolBarButtonComponent): void;
+    /**
+     * @hidden
+     */
+    getIconClasses(button: any): any;
     private focusButton;
     static ɵfac: i0.ɵɵFactoryDeclaration<ToolBarButtonGroupComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<ToolBarButtonGroupComponent, "kendo-toolbar-buttongroup", ["kendoToolBarButtonGroup"], { "disabled": "disabled"; "selection": "selection"; "width": "width"; "look": "look"; }, {}, ["buttonComponents"], never>;

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

@@ -2,7 +2,7 @@
 * Copyright © 2023 Progress Software Corporation. All rights reserved.
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
-import { ElementRef, TemplateRef, EventEmitter, OnInit } from '@angular/core';
+import { ElementRef, TemplateRef, EventEmitter, OnInit, QueryList } from '@angular/core';
 import { ToolBarToolComponent } from './toolbar-tool.component';
 import { PopupSettings } from '../popup-settings';
 import { ButtonFillMode, ButtonThemeColor, DropDownButtonComponent } from '@progress/kendo-angular-buttons';
@@ -129,12 +129,12 @@ export declare class ToolBarDropDownButtonComponent extends ToolBarToolComponent
     popupTemplate: TemplateRef<any>;
     dropdownButton: ElementRef;
     dropDownButtonComponent: DropDownButtonComponent;
+    overflowListItems: QueryList<ElementRef>;
     toolbarOptions: ToolOptions;
     overflowOptions: ToolOptions;
     ngOnInit(): void;
     private get overflowButtons();
     private toolbarDropDownButton;
-    private overflowDropDownButtonButtonList;
     private _data;
     private _popupSettings;
     private focusedIndex;
@@ -158,6 +158,18 @@ export declare class ToolBarDropDownButtonComponent extends ToolBarToolComponent
      * @hidden
      */
     handleKey(ev: any): boolean;
+    /**
+     * @hidden
+     */
+    getIconClasses(item?: any): any;
+    /**
+     * @hidden
+     */
+    getText(dataItem: any): any;
+    /**
+     * @hidden
+     */
+    handleClick(ev: any, item: any, index: number): void;
     private focusButton;
     private setTextDisplayMode;
     static ɵfac: i0.ɵɵFactoryDeclaration<ToolBarDropDownButtonComponent, never>;

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

@@ -2,7 +2,7 @@
 * Copyright © 2023 Progress Software Corporation. All rights reserved.
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
-import { TemplateRef, EventEmitter, OnInit } from '@angular/core';
+import { TemplateRef, ElementRef, EventEmitter, OnInit, QueryList } from '@angular/core';
 import { ButtonFillMode, ButtonThemeColor } from '@progress/kendo-angular-buttons';
 import { ToolBarToolComponent } from './toolbar-tool.component';
 import { PopupSettings } from '../popup-settings';
@@ -145,8 +145,8 @@ export declare class ToolBarSplitButtonComponent extends ToolBarToolComponent im
     private getNextKey;
     private getPrevKey;
     private toolbarSplitButton;
-    private overflowSplitButton;
-    private overflowSplitButtonButtonList;
+    private overflowMainButton;
+    overflowListItems: QueryList<ElementRef>;
     constructor();
     /**
      * @hidden
@@ -168,6 +168,18 @@ export declare class ToolBarSplitButtonComponent extends ToolBarToolComponent im
      * @hidden
      */
     handleKey(ev: any): boolean;
+    /**
+     * @hidden
+     */
+    getIconClasses(item?: any): any;
+    /**
+     * @hidden
+     */
+    getText(dataItem: any): any;
+    /**
+     * @hidden
+     */
+    handleClick(ev: any, item: any, index: number): void;
     private focusButton;
     private setTextDisplayMode;
     static ɵfac: i0.ɵɵFactoryDeclaration<ToolBarSplitButtonComponent, never>;

package/util.d.ts

@@ -4,6 +4,13 @@
 *-------------------------------------------------------------------------------------------*/
 import { Keys } from '@progress/kendo-angular-common';
 import { DisplayMode } from './display-mode';
+/**
+ * @hidden
+ */
+export interface ToolbarStylingClasses {
+    toRemove?: string;
+    toAdd?: string;
+}
 /**
  * @hidden
  */
@@ -76,3 +83,17 @@ export declare const getPrevKey: (rtl?: boolean) => (overflows?: boolean) => Key
  * @hidden
  */
 export declare const getValueForLocation: (property: string, displayMode: DisplayMode, overflows: boolean) => string;
+/**
+ * @hidden
+ */
+export declare const SIZES: {
+    small: string;
+    medium: string;
+    large: string;
+};
+/**
+ * @hidden
+ *
+ * Returns the styling classes to be added and removed
+ */
+export declare const getStylingClasses: (componentType: any, stylingOption: string, previousValue: any, newValue: any) => ToolbarStylingClasses;