@progress/kendo-angular-toolbar 11.0.0-develop.99 → 11.0.0

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.99",
+  "version": "11.0.0",
   "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,15 +29,16 @@
     "@angular/core": "13 - 15",
     "@angular/platform-browser": "13 - 15",
     "@progress/kendo-licensing": "^1.0.2",
-    "@progress/kendo-angular-buttons": "11.0.0-develop.99",
-    "@progress/kendo-angular-common": "11.0.0-develop.99",
-    "@progress/kendo-angular-l10n": "11.0.0-develop.99",
-    "@progress/kendo-angular-popup": "11.0.0-develop.99",
-    "@progress/kendo-angular-schematics": "11.0.0-develop.99",
+    "@progress/kendo-angular-buttons": "11.0.0",
+    "@progress/kendo-angular-common": "11.0.0",
+    "@progress/kendo-angular-l10n": "11.0.0",
+    "@progress/kendo-angular-icons": "11.0.0",
+    "@progress/kendo-angular-popup": "11.0.0",
     "rxjs": "^6.5.3 || ^7.0.0"
   },
   "dependencies": {
-    "tslib": "^2.3.1"
+    "tslib": "^2.3.1",
+    "@progress/kendo-angular-schematics": "11.0.0"
   },
   "schematics": "./schematics/collection.json",
   "module": "fesm2015/progress-kendo-angular-toolbar.mjs",

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/schematics/ngAdd/index.js

@@ -2,8 +2,10 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 const schematics_1 = require("@angular-devkit/schematics");
 function default_1(options) {
-    const finalOptions = Object.assign(Object.assign({}, options), { mainNgModule: 'ToolBarModule', package: 'toolbar' //package name, e.g grid
-     });
+    const finalOptions = Object.assign(Object.assign({}, options), { mainNgModule: 'ToolBarModule', package: 'toolbar', peerDependencies: {
+            // peer dep of the icons
+            '@progress/kendo-svg-icons': '^1.0.0'
+        } });
     return (0, schematics_1.externalSchematic)('@progress/kendo-angular-schematics', 'ng-add', finalOptions);
 }
 exports.default = default_1;

package/tool-options.d.ts

@@ -2,6 +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 { SVGIcon } from "@progress/kendo-svg-icons";
 /**
  * @hidden
  */
@@ -9,5 +10,6 @@ export interface ToolOptions {
     text: string;
     icon: string;
     iconClass: string;
+    svgIcon: SVGIcon;
     imageUrl: string;
 }

package/toolbar.component.d.ts

@@ -10,10 +10,12 @@ 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';
 import { RendererClickPayload } from './common/renderer-click';
+import { SVGIcon } from '@progress/kendo-svg-icons';
 import * as i0 from "@angular/core";
 /**
  * Represents the [Kendo UI ToolBar component for Angular]({% slug overview_toolbar %}).
@@ -23,10 +25,11 @@ export declare class ToolBarComponent {
     private popupService;
     private refreshService;
     private navigationService;
-    private element;
+    element: ElementRef;
     private zone;
     private renderer;
     private _cdr;
+    get overflowClass(): string;
     /**
      * Hides the overflowing tools in a popup.
      */
@@ -49,6 +52,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 +88,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 +96,7 @@ export declare class ToolBarComponent {
     private overflowKeydownListener;
     private cancelRenderedToolsSubscription$;
     private cachedGap;
+    private _size;
     private subscriptions;
     private popupSubs;
     /**
@@ -95,6 +110,7 @@ export declare class ToolBarComponent {
     role: string;
     get getDir(): string;
     get resizableClass(): boolean;
+    moreVerticalIcon: SVGIcon;
     constructor(localization: LocalizationService, popupService: PopupService, refreshService: RefreshService, navigationService: NavigationService, element: ElementRef, zone: NgZone, renderer: Renderer2, _cdr: ChangeDetectorRef);
     ngAfterViewInit(): void;
     ngOnInit(): void;
@@ -154,6 +170,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/toolbar.module.d.ts

@@ -19,6 +19,7 @@ import * as i13 from "@angular/common";
 import * as i14 from "@progress/kendo-angular-buttons";
 import * as i15 from "@progress/kendo-angular-popup";
 import * as i16 from "@progress/kendo-angular-common";
+import * as i17 from "@progress/kendo-angular-icons";
 /**
  * Represents the [NgModule](link:site.data.urls.angular['ngmoduleapi']) definition for the ToolBar component.
  *
@@ -33,6 +34,6 @@ import * as i16 from "@progress/kendo-angular-common";
  */
 export declare class ToolBarModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<ToolBarModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<ToolBarModule, [typeof i1.ToolBarComponent, typeof i2.ToolBarToolComponent, typeof i3.ToolBarButtonComponent, typeof i4.ToolBarButtonGroupComponent, typeof i5.ToolBarDropDownButtonComponent, typeof i6.ToolBarSplitButtonComponent, typeof i7.ToolBarSeparatorComponent, typeof i8.ToolBarSpacerComponent, typeof i9.ToolBarRendererComponent, typeof i10.ToolBarButtonListComponent, typeof i11.ToolbarCustomMessagesComponent, typeof i12.LocalizedToolbarMessagesDirective], [typeof i13.CommonModule, typeof i14.ButtonsModule, typeof i15.PopupModule, typeof i16.ResizeSensorModule], [typeof i1.ToolBarComponent, typeof i2.ToolBarToolComponent, typeof i3.ToolBarButtonComponent, typeof i4.ToolBarButtonGroupComponent, typeof i5.ToolBarDropDownButtonComponent, typeof i6.ToolBarSplitButtonComponent, typeof i7.ToolBarSeparatorComponent, typeof i8.ToolBarSpacerComponent, typeof i11.ToolbarCustomMessagesComponent, typeof i12.LocalizedToolbarMessagesDirective]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<ToolBarModule, [typeof i1.ToolBarComponent, typeof i2.ToolBarToolComponent, typeof i3.ToolBarButtonComponent, typeof i4.ToolBarButtonGroupComponent, typeof i5.ToolBarDropDownButtonComponent, typeof i6.ToolBarSplitButtonComponent, typeof i7.ToolBarSeparatorComponent, typeof i8.ToolBarSpacerComponent, typeof i9.ToolBarRendererComponent, typeof i10.ToolBarButtonListComponent, typeof i11.ToolbarCustomMessagesComponent, typeof i12.LocalizedToolbarMessagesDirective], [typeof i13.CommonModule, typeof i14.ButtonsModule, typeof i15.PopupModule, typeof i16.ResizeSensorModule, typeof i17.IconsModule], [typeof i1.ToolBarComponent, typeof i2.ToolBarToolComponent, typeof i3.ToolBarButtonComponent, typeof i4.ToolBarButtonGroupComponent, typeof i5.ToolBarDropDownButtonComponent, typeof i6.ToolBarSplitButtonComponent, typeof i7.ToolBarSeparatorComponent, typeof i8.ToolBarSpacerComponent, typeof i11.ToolbarCustomMessagesComponent, typeof i12.LocalizedToolbarMessagesDirective]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<ToolBarModule>;
 }

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

@@ -2,16 +2,19 @@
 * 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, ElementRef } from '@angular/core';
+import { TemplateRef, EventEmitter, ElementRef, NgZone } from '@angular/core';
 import { ToolBarToolComponent } from './toolbar-tool.component';
 import { DisplayMode } from '../display-mode';
 import { ToolOptions } from '../tool-options';
 import { ButtonFillMode, ButtonThemeColor } from '@progress/kendo-angular-buttons';
+import { SVGIcon } from '@progress/kendo-svg-icons';
 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;
+    private zone;
     /**
      * Specifies where button text should be displayed
      */
@@ -107,6 +110,11 @@ export declare class ToolBarButtonComponent extends ToolBarToolComponent {
      * which are applied to a `span` element inside the Button. Allows the usage of custom icons.
      */
     set iconClass(iconClass: string);
+    /**
+     * Defines an SVGIcon to be rendered within the button.
+     * The input can take either an [existing Kendo SVG icon](slug:svgicon_list) or a custom one.
+     */
+    set svgIcon(icon: SVGIcon);
     /**
      * Defines a URL which is used for an `img` element inside the Button.
      * The URL can be relative or absolute. If relative, it is evaluated with relation to the web page URL.
@@ -132,7 +140,7 @@ export declare class ToolBarButtonComponent extends ToolBarToolComponent {
     toolbarButtonElement: ElementRef;
     private overflowButtonElement;
     private _showText;
-    constructor();
+    constructor(element: ElementRef, zone: NgZone);
     ngOnInit(): void;
     /**
      * @hidden
@@ -150,8 +158,20 @@ export declare class ToolBarButtonComponent extends ToolBarToolComponent {
      * @hidden
      */
     handleKey(): boolean;
+    /**
+     * @hidden
+     */
+    get toolbarButtonClass(): string;
+    /**
+     * @hidden
+     */
+    handleClick(ev: Event): void;
+    /**
+     * @hidden
+     */
+    selectedChangeHandler(state: boolean): void;
     private getButton;
     private setTextDisplayMode;
     static ɵfac: i0.ɵɵFactoryDeclaration<ToolBarButtonComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ToolBarButtonComponent, "kendo-toolbar-button", ["kendoToolBarButton"], { "showText": "showText"; "showIcon": "showIcon"; "text": "text"; "style": "style"; "className": "className"; "title": "title"; "disabled": "disabled"; "toggleable": "toggleable"; "look": "look"; "togglable": "togglable"; "selected": "selected"; "fillMode": "fillMode"; "themeColor": "themeColor"; "icon": "icon"; "iconClass": "iconClass"; "imageUrl": "imageUrl"; }, { "click": "click"; "pointerdown": "pointerdown"; "selectedChange": "selectedChange"; }, never, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ToolBarButtonComponent, "kendo-toolbar-button", ["kendoToolBarButton"], { "showText": "showText"; "showIcon": "showIcon"; "text": "text"; "style": "style"; "className": "className"; "title": "title"; "disabled": "disabled"; "toggleable": "toggleable"; "look": "look"; "togglable": "togglable"; "selected": "selected"; "fillMode": "fillMode"; "themeColor": "themeColor"; "icon": "icon"; "iconClass": "iconClass"; "svgIcon": "svgIcon"; "imageUrl": "imageUrl"; }, { "click": "click"; "pointerdown": "pointerdown"; "selectedChange": "selectedChange"; }, never, 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,14 @@ export declare class ToolBarDropDownButtonComponent extends ToolBarToolComponent
      * @hidden
      */
     handleKey(ev: any): boolean;
+    /**
+     * @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,14 @@ export declare class ToolBarSplitButtonComponent extends ToolBarToolComponent im
      * @hidden
      */
     handleKey(ev: any): boolean;
+    /**
+     * @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
  */
@@ -75,4 +82,18 @@ export declare const getPrevKey: (rtl?: boolean) => (overflows?: boolean) => Key
 /**
  * @hidden
  */
-export declare const getValueForLocation: (property: string, displayMode: DisplayMode, overflows: boolean) => string;
+export declare const getValueForLocation: (property: any, displayMode: DisplayMode, overflows: boolean) => any;
+/**
+ * @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;