@progress/kendo-angular-toolbar 19.0.0-develop.9 → 19.0.1-develop.1

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@progress/kendo-angular-toolbar",
-  "version": "19.0.0-develop.9",
+  "version": "19.0.1-develop.1",
   "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",
@@ -22,10 +22,30 @@
   ],
   "@progress": {
     "friendlyName": "ToolBar",
+    "migrations": {
+      "options": {
+        "parser": "tsx",
+        "pattern": "*.{ts,html}"
+      },
+      "codemods": {
+        "19": [
+          {
+            "description": "Migrate showIcon's overflow value to menu and both value to always",
+            "file": "codemods/v19/toolbar-button-showicon.js",
+            "prompt": "true"
+          },
+          {
+            "description": "Migrate showText's overflow value to menu and both value to always",
+            "file": "codemods/v19/toolbar-button-showtext.js",
+            "prompt": "true"
+          }
+        ]
+      }
+    },
     "package": {
       "productName": "Kendo UI for Angular",
       "productCode": "KENDOUIANGULAR",
-      "publishDate": 1746776454,
+      "publishDate": 1748425301,
       "licensingDocsUrl": "https://www.telerik.com/kendo-angular-ui/my-license/"
     }
   },
@@ -35,16 +55,17 @@
     "@angular/core": "16 - 19",
     "@angular/platform-browser": "16 - 19",
     "@progress/kendo-licensing": "^1.5.0",
-    "@progress/kendo-angular-buttons": "19.0.0-develop.9",
-    "@progress/kendo-angular-common": "19.0.0-develop.9",
-    "@progress/kendo-angular-l10n": "19.0.0-develop.9",
-    "@progress/kendo-angular-icons": "19.0.0-develop.9",
-    "@progress/kendo-angular-popup": "19.0.0-develop.9",
+    "@progress/kendo-angular-buttons": "19.0.1-develop.1",
+    "@progress/kendo-angular-common": "19.0.1-develop.1",
+    "@progress/kendo-angular-l10n": "19.0.1-develop.1",
+    "@progress/kendo-angular-icons": "19.0.1-develop.1",
+    "@progress/kendo-angular-indicators": "19.0.1-develop.1",
+    "@progress/kendo-angular-popup": "19.0.1-develop.1",
     "rxjs": "^6.5.3 || ^7.0.0"
   },
   "dependencies": {
     "tslib": "^2.3.1",
-    "@progress/kendo-angular-schematics": "19.0.0-develop.9"
+    "@progress/kendo-angular-schematics": "19.0.1-develop.1"
   },
   "schematics": "./schematics/collection.json",
   "module": "fesm2022/progress-kendo-angular-toolbar.mjs",

package/renderer.component.d.ts

@@ -41,6 +41,7 @@ export declare class ToolBarRendererComponent implements OnInit, OnDestroy {
     setAttribute(element: HTMLElement, attr: string, value: string): void;
     private onClick;
     private updateTools;
+    private hideTool;
     static ɵfac: i0.ɵɵFactoryDeclaration<ToolBarRendererComponent, never>;
     static ɵdir: i0.ɵɵDirectiveDeclaration<ToolBarRendererComponent, "[kendoToolbarRenderer]", never, { "tool": { "alias": "tool"; "required": false; }; "location": { "alias": "location"; "required": false; }; "resizable": { "alias": "resizable"; "required": false; }; }, { "rendererClick": "rendererClick"; }, never, never, true, never>;
 }

package/toolbar.component.d.ts

@@ -21,6 +21,7 @@ import { OverflowMode } from './common/overflow-mode';
 import { ToolbarOverflowSettings } from './common/overflow-settings';
 import { ToolbarScrollButtonsPosition } from './common/scroll-buttons';
 import { ScrollService } from './scroll.service';
+import { DisplayMode } from './display-mode';
 import * as i0 from "@angular/core";
 /**
  * Represents the [Kendo UI ToolBar component for Angular]({% slug overview_toolbar %}).
@@ -28,7 +29,7 @@ import * as i0 from "@angular/core";
 export declare class ToolBarComponent {
     localization: LocalizationService;
     private popupService;
-    private refreshService;
+    refreshService: RefreshService;
     private navigationService;
     element: ElementRef;
     private zone;
@@ -105,6 +106,16 @@ export declare class ToolBarComponent {
      */
     set tabIndex(tabIndex: number);
     get tabIndex(): number;
+    /**
+     * Specifies the icons visibility for all tools in the ToolBar.
+     * This can be overridden by the `showIcon` property of each tool.
+     */
+    set showIcon(value: DisplayMode | boolean);
+    /**
+     * Specifies the text visibility for all tools in the ToolBar.
+     * This can be overridden by the `showText` property of each tool.
+     */
+    set showText(value: DisplayMode | boolean);
     /**
      * Fires when the overflow popup of the ToolBar is opened.
      */
@@ -138,6 +149,13 @@ export declare class ToolBarComponent {
      * @hidden
      */
     nextButtonIcon: SVGIcon;
+    /**
+     * @hidden
+     */
+    propertyChange: EventEmitter<{
+        property: string;
+        value: any;
+    }>;
     hostClass: boolean;
     get scrollableClass(): boolean;
     get sectionClass(): boolean;
@@ -152,6 +170,8 @@ export declare class ToolBarComponent {
     private cachedGap;
     private _size;
     private _fillMode;
+    private _showText;
+    private _showIcon;
     private overflowButtonClickedTime;
     private showAutoButtons;
     private scrollButtonStateChangeSub;
@@ -259,6 +279,7 @@ export declare class ToolBarComponent {
     private setScrollableOverlayClasses;
     private handleScrollModeUpdates;
     private removeSubscriptions;
+    private normalizeDisplayValue;
     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>;
+    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; }; "showIcon": { "alias": "showIcon"; "required": false; }; "showText": { "alias": "showText"; "required": false; }; }, { "open": "open"; "close": "close"; }, ["allTools"], never, true, never>;
 }

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

@@ -8,6 +8,7 @@ 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 { ToolBarComponent } from '../toolbar.component';
 import * as i0 from "@angular/core";
 /**
  * Represents the [Kendo UI ToolBar Button tool for Angular]({% slug controltypes_toolbar %}#toc-buttons).
@@ -15,20 +16,26 @@ import * as i0 from "@angular/core";
 export declare class ToolBarButtonComponent extends ToolBarToolComponent {
     element: ElementRef;
     private zone;
+    host: ToolBarComponent;
     /**
-     * Specifies where button text should be displayed
+     * Specifies the button text visibility.
      */
     set showText(value: DisplayMode);
     get showText(): DisplayMode;
     /**
-     * Specifies where button icon should be displayed
+     * Specifies the button icon visibility.
      */
-    showIcon: DisplayMode;
+    set showIcon(value: DisplayMode);
+    get showIcon(): DisplayMode;
     /**
      * Specifies the text of the Button ([see example]({% slug controltypes_toolbar %}#toc-buttons)).
      */
     set text(text: string);
     get text(): string;
+    /**
+     * @hidden
+     */
+    get size(): any;
     /**
      * Specifies custom inline CSS styles of the Button.
      */
@@ -136,6 +143,10 @@ export declare class ToolBarButtonComponent extends ToolBarToolComponent {
     selectedChange: EventEmitter<any>;
     toolbarOptions: ToolOptions;
     overflowOptions: ToolOptions;
+    /**
+     * @hidden
+     */
+    hasBadgeContainer: boolean;
     /**
      * @hidden
      */
@@ -144,9 +155,12 @@ export declare class ToolBarButtonComponent extends ToolBarToolComponent {
     sectionButtonElement: ElementRef;
     private overflowButtonElement;
     private _showText;
+    private _showIcon;
     private _text;
-    constructor(element: ElementRef, zone: NgZone);
+    private propertyChangeSub;
+    constructor(element: ElementRef, zone: NgZone, host: ToolBarComponent);
     ngOnInit(): void;
+    ngOnDestroy(): void;
     /**
      * @hidden
      */
@@ -171,7 +185,10 @@ export declare class ToolBarButtonComponent extends ToolBarToolComponent {
      * @hidden
      */
     selectedChangeHandler(state: boolean): void;
-    private getButton;
+    /**
+     * @hidden
+     */
+    getButton(): HTMLElement;
     private setTextDisplayMode;
     static ɵfac: i0.ɵɵFactoryDeclaration<ToolBarButtonComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<ToolBarButtonComponent, "kendo-toolbar-button", ["kendoToolBarButton"], { "showText": { "alias": "showText"; "required": false; }; "showIcon": { "alias": "showIcon"; "required": false; }; "text": { "alias": "text"; "required": false; }; "style": { "alias": "style"; "required": false; }; "className": { "alias": "className"; "required": false; }; "title": { "alias": "title"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "toggleable": { "alias": "toggleable"; "required": false; }; "look": { "alias": "look"; "required": false; }; "togglable": { "alias": "togglable"; "required": false; }; "selected": { "alias": "selected"; "required": false; }; "fillMode": { "alias": "fillMode"; "required": false; }; "themeColor": { "alias": "themeColor"; "required": false; }; "icon": { "alias": "icon"; "required": false; }; "iconClass": { "alias": "iconClass"; "required": false; }; "svgIcon": { "alias": "svgIcon"; "required": false; }; "imageUrl": { "alias": "imageUrl"; "required": false; }; }, { "click": "click"; "pointerdown": "pointerdown"; "selectedChange": "selectedChange"; }, never, never, true, never>;

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

@@ -8,12 +8,14 @@ import { ToolBarToolComponent } from './toolbar-tool.component';
 import { ToolBarButtonComponent } from './toolbar-button.component';
 import { ButtonGroupSelection } from '../group-selection-settings';
 import { PreventableEvent } from '@progress/kendo-angular-buttons';
+import { ToolBarComponent } from '../toolbar.component';
 import * as i0 from "@angular/core";
 /**
  * Represents the Kendo UI Toolbar ButtonGroup for Angular.
  */
 export declare class ToolBarButtonGroupComponent extends ToolBarToolComponent {
     private localization;
+    private host;
     /**
      * By default, the ButtonGroup is enabled. To disable the whole group of buttons, set its `disabled`
      * attribute to `true`. To disable a specific button, set the `disabled` attribute of the button to
@@ -52,7 +54,7 @@ export declare class ToolBarButtonGroupComponent extends ToolBarToolComponent {
     private focusedIndex;
     private getNextKey;
     private getPrevKey;
-    constructor(localization: LocalizationService);
+    constructor(localization: LocalizationService, host: ToolBarComponent);
     /**
      * @hidden
      */
@@ -93,6 +95,10 @@ export declare class ToolBarButtonGroupComponent extends ToolBarToolComponent {
      * @hidden
      */
     getIconClasses(button: any): any;
+    /**
+     * @hidden
+     */
+    get size(): any;
     private focusButton;
     static ɵfac: i0.ɵɵFactoryDeclaration<ToolBarButtonGroupComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<ToolBarButtonGroupComponent, "kendo-toolbar-buttongroup", ["kendoToolBarButtonGroup"], { "disabled": { "alias": "disabled"; "required": false; }; "fillMode": { "alias": "fillMode"; "required": false; }; "selection": { "alias": "selection"; "required": false; }; "width": { "alias": "width"; "required": false; }; "look": { "alias": "look"; "required": false; }; }, {}, ["buttonComponents"], never, true, never>;

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

@@ -10,6 +10,7 @@ import { DisplayMode } from '../display-mode';
 import { ToolOptions } from '../tool-options';
 import { PreventableEvent } from '@progress/kendo-angular-buttons';
 import { SVGIcon } from '@progress/kendo-svg-icons';
+import { ToolBarComponent } from '../toolbar.component';
 import * as i0 from "@angular/core";
 /**
  * Represents the [Kendo UI ToolBar DropDownButton for Angular](slug:controltypes_toolbar#drop-down-buttons).
@@ -17,6 +18,7 @@ import * as i0 from "@angular/core";
 export declare class ToolBarDropDownButtonComponent extends ToolBarToolComponent implements OnInit {
     private zone;
     private renderer;
+    private host;
     /**
      * Allows showing the default arrow icon or providing alternative one instead.
      * @default false
@@ -28,14 +30,15 @@ export declare class ToolBarDropDownButtonComponent extends ToolBarToolComponent
      */
     title: string;
     /**
-     * Defines the location of the button text that will be displayed.
+     * Specifies the button text visibility.
      */
     set showText(value: DisplayMode);
     get showText(): DisplayMode;
     /**
-     * Defines the location of the button icon that will be displayed.
+     * Specifies the button icon visibility.
      */
-    showIcon: DisplayMode;
+    set showIcon(value: DisplayMode);
+    get showIcon(): DisplayMode;
     /**
      * Sets the text of the DropDownButton
      * ([see example](slug:controltypes_toolbar#toc-drop-down-buttons)).
@@ -155,16 +158,23 @@ export declare class ToolBarDropDownButtonComponent extends ToolBarToolComponent
     private _popupSettings;
     private focusedIndex;
     private _showText;
+    private _showIcon;
     private _text;
+    private propertyChangeSub;
     private getNextKey;
     private getPrevKey;
-    constructor(zone: NgZone, renderer: Renderer2);
+    constructor(zone: NgZone, renderer: Renderer2, host: ToolBarComponent);
     ngOnInit(): void;
+    ngOnDestroy(): void;
     ngAfterViewInit(): void;
     /**
      * @hidden
      */
     onButtonListClick(ev: MouseEvent): void;
+    /**
+     * @hidden
+     */
+    get size(): any;
     /**
      * @hidden
      */

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

@@ -10,20 +10,23 @@ import { DisplayMode } from '../display-mode';
 import { ToolOptions } from '../tool-options';
 import { PreventableEvent } from '@progress/kendo-angular-buttons';
 import { SVGIcon } from '@progress/kendo-svg-icons';
+import { ToolBarComponent } from '../toolbar.component';
 import * as i0 from "@angular/core";
 /**
  * Represents the [Kendo UI ToolBar SplitButton for Angular](slug:controltypes_toolbar#toc-split-buttons).
  */
 export declare class ToolBarSplitButtonComponent extends ToolBarToolComponent implements OnInit {
+    private host;
     /**
-     * Specifies where button text should be displayed
+     * Specifies the button text visibility.
      */
     set showText(value: DisplayMode);
     get showText(): DisplayMode;
     /**
-     * Specifies where button icon should be displayed
+     * Specifies the button icon visibility.
      */
-    showIcon: DisplayMode;
+    set showIcon(value: DisplayMode);
+    get showIcon(): DisplayMode;
     /**
      * Sets the text of the SplitButton ([see example](slug:controltypes_toolbar#toc-split-buttons)).
      */
@@ -147,19 +150,22 @@ export declare class ToolBarSplitButtonComponent extends ToolBarToolComponent im
     toolbarOptions: ToolOptions;
     overflowOptions: ToolOptions;
     ngOnInit(): void;
+    ngOnDestroy(): void;
     private get overflowButtons();
     private _data;
     private _popupSettings;
     private focusedIndex;
     private _showText;
+    private _showIcon;
     private _text;
+    private propertyChangeSub;
     private getNextKey;
     private getPrevKey;
     private toolbarSplitButton;
     private sectionSplitButton;
     private overflowMainButton;
     overflowListItems: QueryList<ElementRef>;
-    constructor();
+    constructor(host: ToolBarComponent);
     /**
      * @hidden
      */
@@ -172,6 +178,10 @@ export declare class ToolBarSplitButtonComponent extends ToolBarToolComponent im
      * @hidden
      */
     canFocus(): boolean;
+    /**
+     * @hidden
+     */
+    get size(): any;
     /**
      * @hidden
      */

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

@@ -18,6 +18,10 @@ export declare class ToolBarToolComponent {
     visibility: string;
     element: ElementRef;
     isBuiltInTool: boolean;
+    /**
+     * @hidden
+     */
+    isHidden: boolean;
     /**
      * @hidden
      */