@progress/kendo-angular-toolbar 19.0.0-develop.30 → 19.0.0-develop.31

package/esm2022/package-metadata.mjs

@@ -10,7 +10,7 @@ export const packageMetadata = {
     productName: 'Kendo UI for Angular',
     productCode: 'KENDOUIANGULAR',
     productCodes: ['KENDOUIANGULAR'],
-    publishDate: 1747836229,
-    version: '19.0.0-develop.30',
+    publishDate: 1747923818,
+    version: '19.0.0-develop.31',
     licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/'
 };

package/esm2022/toolbar.component.mjs

@@ -21,7 +21,7 @@ import { take, takeUntil } from 'rxjs/operators';
 import { filter } from 'rxjs/operators';
 import { isDocumentAvailable } from '@progress/kendo-angular-common';
 import { caretAltLeftIcon, caretAltRightIcon, moreHorizontalIcon, moreVerticalIcon } from '@progress/kendo-svg-icons';
-import { ButtonComponent, ButtonGroupComponent } from '@progress/kendo-angular-buttons';
+import { ButtonComponent } from '@progress/kendo-angular-buttons';
 import { NgFor, NgIf, NgClass, NgTemplateOutlet } from '@angular/common';
 import { LocalizedToolbarMessagesDirective } from './localization/localized-toolbar-messages.directive';
 import { ToolbarToolsService } from './tools/tools.service';
@@ -182,29 +182,31 @@ export class ToolBarComponent {
      * Specifies the icons visibility for all tools in the ToolBar.
      * This can be overridden by the `showIcon` property of each tool.
      */
-    showIcon = 'always';
-    /**
-     * @hidden
-     */
-    get normalizedShowIcon() {
-        if (typeof this.showIcon === 'boolean') {
-            return this.showIcon ? 'always' : 'never';
+    set showIcon(value) {
+        if (this._showIcon === value) {
+            return;
         }
-        return this.showIcon;
+        const normalizedValue = this.normalizeDisplayValue(value);
+        this._showIcon = value;
+        this.propertyChange.emit({
+            property: 'showIcon',
+            value: normalizedValue
+        });
     }
     /**
      * Specifies the text visibility for all tools in the ToolBar.
      * This can be overridden by the `showText` property of each tool.
      */
-    showText = 'always';
-    /**
-     * @hidden
-     */
-    get normalizedShowText() {
-        if (typeof this.showText === 'boolean') {
-            return this.showText ? 'always' : 'never';
+    set showText(value) {
+        if (this._showText === value) {
+            return;
         }
-        return this.showText;
+        const normalizedValue = this.normalizeDisplayValue(value);
+        this._showText = value;
+        this.propertyChange.emit({
+            property: 'showText',
+            value: normalizedValue
+        });
     }
     /**
      * Fires when the overflow popup of the ToolBar is opened.
@@ -262,6 +264,10 @@ export class ToolBarComponent {
      * @hidden
      */
     nextButtonIcon = caretAltRightIcon;
+    /**
+     * @hidden
+     */
+    propertyChange = new EventEmitter();
     hostClass = true;
     get scrollableClass() {
         return this.isScrollMode;
@@ -280,6 +286,8 @@ export class ToolBarComponent {
     cachedGap;
     _size = DEFAULT_SIZE;
     _fillMode = DEFAULT_FILL_MODE;
+    _showText = 'always';
+    _showIcon = 'always';
     overflowButtonClickedTime = null;
     showAutoButtons = false;
     scrollButtonStateChangeSub;
@@ -981,6 +989,12 @@ export class ToolBarComponent {
             }
         });
     }
+    normalizeDisplayValue(value) {
+        if (typeof value === 'boolean') {
+            return value ? 'always' : 'never';
+        }
+        return value;
+    }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ToolBarComponent, deps: [{ token: i1.LocalizationService }, { token: i2.PopupService }, { token: i3.RefreshService }, { token: i4.NavigationService }, { token: i0.ElementRef }, { token: i0.NgZone }, { token: i0.Renderer2 }, { token: i0.ChangeDetectorRef }, { token: i5.ToolbarToolsService }, { token: i6.ScrollService }], target: i0.ɵɵFactoryTarget.Component });
     static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: ToolBarComponent, isStandalone: true, selector: "kendo-toolbar", inputs: { overflow: "overflow", resizable: "resizable", popupSettings: "popupSettings", fillMode: "fillMode", tabindex: "tabindex", size: "size", tabIndex: "tabIndex", showIcon: "showIcon", showText: "showText" }, outputs: { open: "open", close: "close" }, host: { listeners: { "focus": "onFocus($event)", "focusout": "onFocusOut($event)" }, properties: { "class.k-toolbar": "this.hostClass", "class.k-toolbar-scrollable": "this.scrollableClass", "class.k-toolbar-section": "this.sectionClass", "attr.role": "this.role", "attr.dir": "this.getDir", "class.k-toolbar-resizable": "this.resizableClass" } }, providers: [
             RefreshService,
@@ -1408,7 +1422,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
         <kendo-resize-sensor *ngIf="overflowEnabled" #resizeSensor></kendo-resize-sensor>
     `,
                     standalone: true,
-                    imports: [NgTemplateOutlet, LocalizedToolbarMessagesDirective, NgFor, ToolBarRendererComponent, NgIf, ButtonComponent, NgClass, ResizeSensorComponent, ButtonGroupComponent, ToolbarScrollableButtonComponent]
+                    imports: [NgTemplateOutlet, LocalizedToolbarMessagesDirective, NgFor, ToolBarRendererComponent, NgIf, ButtonComponent, NgClass, ResizeSensorComponent, ToolbarScrollableButtonComponent]
                 }]
         }], ctorParameters: function () { return [{ type: i1.LocalizationService }, { type: i2.PopupService }, { type: i3.RefreshService }, { type: i4.NavigationService }, { type: i0.ElementRef }, { type: i0.NgZone }, { type: i0.Renderer2 }, { type: i0.ChangeDetectorRef }, { type: i5.ToolbarToolsService }, { type: i6.ScrollService }]; }, propDecorators: { overflow: [{
                 type: Input

package/esm2022/tools/toolbar-button.component.mjs

@@ -29,7 +29,7 @@ export class ToolBarButtonComponent extends ToolBarToolComponent {
         this.setTextDisplayMode();
     }
     get showText() {
-        return this._showText || this.host.normalizedShowText;
+        return this._showText;
     }
     /**
      * Specifies the button icon visibility.
@@ -39,7 +39,7 @@ export class ToolBarButtonComponent extends ToolBarToolComponent {
         this.setTextDisplayMode();
     }
     get showIcon() {
-        return this._showIcon || this.host.normalizedShowIcon;
+        return this._showIcon;
     }
     /**
      * Specifies the text of the Button ([see example]({% slug controltypes_toolbar %}#toc-buttons)).
@@ -51,6 +51,12 @@ export class ToolBarButtonComponent extends ToolBarToolComponent {
     get text() {
         return this._text;
     }
+    /**
+     * @hidden
+     */
+    get size() {
+        return this.host.size;
+    }
     /**
      * Specifies custom inline CSS styles of the Button.
      */
@@ -204,16 +210,26 @@ export class ToolBarButtonComponent extends ToolBarToolComponent {
     _showText;
     _showIcon;
     _text;
+    propertyChangeSub;
     constructor(element, zone, host) {
         super();
         this.element = element;
         this.zone = zone;
         this.host = host;
         this.isBuiltInTool = true;
+        this.propertyChangeSub = this.host.propertyChange.subscribe(change => {
+            if (change.property === 'showText' || change.property === 'showIcon') {
+                this[change.property] = change.value;
+            }
+        });
     }
     ngOnInit() {
         this.setTextDisplayMode();
     }
+    ngOnDestroy() {
+        this.propertyChangeSub.unsubscribe();
+        this.propertyChangeSub = null;
+    }
     /**
      * @hidden
      */
@@ -282,6 +298,7 @@ export class ToolBarButtonComponent extends ToolBarToolComponent {
                 [tabindex]="tabIndex"
                 type="button"
                 kendoButton
+                [size]="size"
                 [ngStyle]="style"
                 [ngClass]="className"
                 [attr.title]="title"
@@ -335,6 +352,7 @@ export class ToolBarButtonComponent extends ToolBarToolComponent {
                 [tabindex]="tabIndex"
                 type="button"
                 kendoButton
+                [size]="size"
                 [ngStyle]="style"
                 [ngClass]="className"
                 [attr.title]="title"
@@ -372,6 +390,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
                 [tabindex]="tabIndex"
                 type="button"
                 kendoButton
+                [size]="size"
                 [ngStyle]="style"
                 [ngClass]="className"
                 [attr.title]="title"
@@ -425,6 +444,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
                 [tabindex]="tabIndex"
                 type="button"
                 kendoButton
+                [size]="size"
                 [ngStyle]="style"
                 [ngClass]="className"
                 [attr.title]="title"

package/esm2022/tools/toolbar-buttongroup.component.mjs

@@ -10,13 +10,16 @@ import { makePeeker, getIndexOfFocused, seekFocusedIndex, getNextKey, getPrevKey
 import { ButtonGroupComponent, ButtonComponent } from '@progress/kendo-angular-buttons';
 import { IconWrapperComponent } from '@progress/kendo-angular-icons';
 import { NgFor, NgStyle, NgClass, NgIf } from '@angular/common';
+import { ToolBarComponent } from '../toolbar.component';
 import * as i0 from "@angular/core";
 import * as i1 from "@progress/kendo-angular-l10n";
+import * as i2 from "../toolbar.component";
 /**
  * Represents the Kendo UI Toolbar ButtonGroup for Angular.
  */
 export class ToolBarButtonGroupComponent extends ToolBarToolComponent {
     localization;
+    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
@@ -73,9 +76,10 @@ export class ToolBarButtonGroupComponent extends ToolBarToolComponent {
     focusedIndex = -1;
     getNextKey;
     getPrevKey;
-    constructor(localization) {
+    constructor(localization, host) {
         super();
         this.localization = localization;
+        this.host = host;
         this.getNextKey = getNextKey(this.localization.rtl);
         this.getPrevKey = getPrevKey(this.localization.rtl);
         this.isBuiltInTool = true;
@@ -170,13 +174,19 @@ export class ToolBarButtonGroupComponent extends ToolBarToolComponent {
             return button.overflowOptions.svgIcon;
         }
     }
+    /**
+     * @hidden
+     */
+    get size() {
+        return this.host.size;
+    }
     focusButton(index, ev) {
         // Guard against focusing twice on mousedown.
         if (!ev.type || ev.type === 'focus' || ev.type === 'keydown') {
             this.buttonElements[index]?.focus();
         }
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ToolBarButtonGroupComponent, deps: [{ token: i1.LocalizationService }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ToolBarButtonGroupComponent, deps: [{ token: i1.LocalizationService }, { token: i2.ToolBarComponent }], target: i0.ɵɵFactoryTarget.Component });
     static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: ToolBarButtonGroupComponent, isStandalone: true, selector: "kendo-toolbar-buttongroup", inputs: { disabled: "disabled", fillMode: "fillMode", selection: "selection", width: "width", look: "look" }, providers: [LocalizationService, { provide: ToolBarToolComponent, useExisting: forwardRef(() => ToolBarButtonGroupComponent) }], queries: [{ propertyName: "buttonComponents", predicate: i0.forwardRef(function () { return ToolBarButtonComponent; }) }], viewQueries: [{ propertyName: "toolbarButtonGroup", first: true, predicate: ["toolbarButtonGroup"], descendants: true }, { propertyName: "sectionButtonGroup", first: true, predicate: ["sectionButtonGroup"], descendants: true }, { propertyName: "overflowListItems", predicate: ["listItem"], descendants: true }], exportAs: ["kendoToolBarButtonGroup"], usesInheritance: true, ngImport: i0, template: `
         <ng-template #toolbarTemplate>
             <kendo-buttongroup
@@ -197,6 +207,7 @@ export class ToolBarButtonGroupComponent extends ToolBarToolComponent {
                     [ngClass]="button.className"
                     [attr.title]="button.title"
                     [disabled]="button.disabled"
+                    [size]="size"
                     [togglable]="button.togglable"
                     [selected]="button.selected"
                     [attr.aria-pressed]="button.selected ? true : false"
@@ -258,6 +269,7 @@ export class ToolBarButtonGroupComponent extends ToolBarToolComponent {
                     [ngClass]="button.className"
                     [attr.title]="button.title"
                     [disabled]="button.disabled"
+                    [size]="size"
                     [togglable]="button.togglable"
                     [selected]="button.selected"
                     [attr.aria-pressed]="button.selected ? true : false"
@@ -303,6 +315,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
                     [ngClass]="button.className"
                     [attr.title]="button.title"
                     [disabled]="button.disabled"
+                    [size]="size"
                     [togglable]="button.togglable"
                     [selected]="button.selected"
                     [attr.aria-pressed]="button.selected ? true : false"
@@ -364,6 +377,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
                     [ngClass]="button.className"
                     [attr.title]="button.title"
                     [disabled]="button.disabled"
+                    [size]="size"
                     [togglable]="button.togglable"
                     [selected]="button.selected"
                     [attr.aria-pressed]="button.selected ? true : false"
@@ -385,7 +399,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
                     standalone: true,
                     imports: [ButtonGroupComponent, NgFor, ButtonComponent, NgStyle, NgClass, NgIf, IconWrapperComponent]
                 }]
-        }], ctorParameters: function () { return [{ type: i1.LocalizationService }]; }, propDecorators: { disabled: [{
+        }], ctorParameters: function () { return [{ type: i1.LocalizationService }, { type: i2.ToolBarComponent }]; }, propDecorators: { disabled: [{
                 type: Input
             }], fillMode: [{
                 type: Input

package/esm2022/tools/toolbar-dropdownbutton.component.mjs

@@ -38,7 +38,7 @@ export class ToolBarDropDownButtonComponent extends ToolBarToolComponent {
         this.setTextDisplayMode();
     }
     get showText() {
-        return this._showText || this.host.normalizedShowText;
+        return this._showText;
     }
     /**
      * Specifies the button icon visibility.
@@ -47,7 +47,7 @@ export class ToolBarDropDownButtonComponent extends ToolBarToolComponent {
         this._showIcon = value;
     }
     get showIcon() {
-        return this._showIcon || this.host.normalizedShowIcon;
+        return this._showIcon;
     }
     /**
      * Sets the text of the DropDownButton
@@ -226,6 +226,7 @@ export class ToolBarDropDownButtonComponent extends ToolBarToolComponent {
     _showText;
     _showIcon;
     _text;
+    propertyChangeSub;
     getNextKey;
     getPrevKey;
     constructor(zone, renderer, host) {
@@ -236,10 +237,21 @@ export class ToolBarDropDownButtonComponent extends ToolBarToolComponent {
         this.getNextKey = getNextKey();
         this.getPrevKey = getPrevKey();
         this.isBuiltInTool = true;
+        this.propertyChangeSub = this.host.propertyChange.subscribe(change => {
+            if (change.property === 'showText' || change.property === 'showIcon') {
+                this[change.property] = change.value;
+            }
+        });
     }
     ngOnInit() {
         this.setTextDisplayMode();
     }
+    ngOnDestroy() {
+        if (this.propertyChangeSub) {
+            this.propertyChangeSub.unsubscribe();
+            this.propertyChangeSub = null;
+        }
+    }
     ngAfterViewInit() {
         this.zone.onStable.pipe(take(1)).subscribe(() => {
             const dropdownButton = this[`${this.location}DropDownButton`];
@@ -256,6 +268,12 @@ export class ToolBarDropDownButtonComponent extends ToolBarToolComponent {
             .toArray()
             .findIndex(b => b.nativeElement.contains(ev.target));
     }
+    /**
+     * @hidden
+     */
+    get size() {
+        return this.host.size;
+    }
     /**
      * @hidden
      */
@@ -330,6 +348,7 @@ export class ToolBarDropDownButtonComponent extends ToolBarToolComponent {
                 [arrowIcon]="arrowIcon"
                 [buttonClass]="buttonClass"
                 [disabled]="disabled"
+                [size]="size"
                 [tabIndex]="-1"
                 [data]="data"
                 [buttonAttributes]="{'title': title}"
@@ -395,6 +414,7 @@ export class ToolBarDropDownButtonComponent extends ToolBarToolComponent {
                 [arrowIcon]="arrowIcon"
                 [buttonClass]="buttonClass"
                 [disabled]="disabled"
+                [size]="size"
                 [tabIndex]="-1"
                 [data]="data"
                 [buttonAttributes]="{'title': title}"
@@ -427,6 +447,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
                 [arrowIcon]="arrowIcon"
                 [buttonClass]="buttonClass"
                 [disabled]="disabled"
+                [size]="size"
                 [tabIndex]="-1"
                 [data]="data"
                 [buttonAttributes]="{'title': title}"
@@ -492,6 +513,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
                 [arrowIcon]="arrowIcon"
                 [buttonClass]="buttonClass"
                 [disabled]="disabled"
+                [size]="size"
                 [tabIndex]="-1"
                 [data]="data"
                 [buttonAttributes]="{'title': title}"

package/esm2022/tools/toolbar-splitbutton.component.mjs

@@ -9,7 +9,6 @@ import { getValueForLocation, makePeeker, getIndexOfFocused, getPrevKey, getNext
 import { caretAltDownIcon } from '@progress/kendo-svg-icons';
 import { IconWrapperComponent } from '@progress/kendo-angular-icons';
 import { NgClass, NgIf, NgFor } from '@angular/common';
-import { isPresent } from '@progress/kendo-angular-common';
 import { ToolBarComponent } from '../toolbar.component';
 import * as i0 from "@angular/core";
 import * as i1 from "../toolbar.component";
@@ -23,31 +22,21 @@ export class ToolBarSplitButtonComponent extends ToolBarToolComponent {
      * Specifies the button text visibility.
      */
     set showText(value) {
-        if (!isPresent(value)) {
-            this._showText = this.host.normalizedShowText;
-        }
-        else {
-            this._showText = value;
-        }
+        this._showText = value;
         this.setTextDisplayMode();
     }
     get showText() {
-        return this._showText || this.host.normalizedShowText;
+        return this._showText;
     }
     /**
      * Specifies the button icon visibility.
      */
     set showIcon(value) {
-        if (!isPresent(value)) {
-            this._showIcon = this.host.normalizedShowIcon;
-        }
-        else {
-            this._showIcon = value;
-        }
+        this._showIcon = value;
         this.setTextDisplayMode();
     }
     get showIcon() {
-        return this._showIcon || this.host.normalizedShowIcon;
+        return this._showIcon;
     }
     /**
      * Sets the text of the SplitButton ([see example](slug:controltypes_toolbar#toc-split-buttons)).
@@ -229,6 +218,12 @@ export class ToolBarSplitButtonComponent extends ToolBarToolComponent {
     ngOnInit() {
         this.setTextDisplayMode();
     }
+    ngOnDestroy() {
+        if (this.propertyChangeSub) {
+            this.propertyChangeSub.unsubscribe();
+            this.propertyChangeSub = null;
+        }
+    }
     get overflowButtons() {
         return [this.overflowMainButton, ...this.overflowListItems.toArray().filter(el => !el.nativeElement.classList.contains('k-disabled'))];
     }
@@ -238,6 +233,7 @@ export class ToolBarSplitButtonComponent extends ToolBarToolComponent {
     _showText;
     _showIcon;
     _text;
+    propertyChangeSub;
     getNextKey;
     getPrevKey;
     toolbarSplitButton;
@@ -250,6 +246,11 @@ export class ToolBarSplitButtonComponent extends ToolBarToolComponent {
         this.getNextKey = getNextKey();
         this.getPrevKey = getPrevKey();
         this.isBuiltInTool = true;
+        this.propertyChangeSub = this.host.propertyChange.subscribe(change => {
+            if (change.property === 'showText' || change.property === 'showIcon') {
+                this[change.property] = change.value;
+            }
+        });
     }
     /**
      * @hidden
@@ -270,6 +271,12 @@ export class ToolBarSplitButtonComponent extends ToolBarToolComponent {
     canFocus() {
         return !this.disabled;
     }
+    /**
+     * @hidden
+     */
+    get size() {
+        return this.host.size;
+    }
     /**
      * @hidden
      */
@@ -344,6 +351,7 @@ export class ToolBarSplitButtonComponent extends ToolBarToolComponent {
                 [arrowButtonIcon]="arrowButtonIcon"
                 [arrowButtonSvgIcon]="arrowButtonSvgIcon"
                 [disabled]="disabled"
+                [size]="size"
                 [tabIndex]="-1"
                 [textField]="textField"
                 [popupSettings]="popupSettings"
@@ -413,6 +421,7 @@ export class ToolBarSplitButtonComponent extends ToolBarToolComponent {
                 [arrowButtonIcon]="arrowButtonIcon"
                 [arrowButtonSvgIcon]="arrowButtonSvgIcon"
                 [disabled]="disabled"
+                [size]="size"
                 [tabIndex]="-1"
                 [textField]="textField"
                 [popupSettings]="popupSettings"
@@ -448,6 +457,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
                 [arrowButtonIcon]="arrowButtonIcon"
                 [arrowButtonSvgIcon]="arrowButtonSvgIcon"
                 [disabled]="disabled"
+                [size]="size"
                 [tabIndex]="-1"
                 [textField]="textField"
                 [popupSettings]="popupSettings"
@@ -517,6 +527,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
                 [arrowButtonIcon]="arrowButtonIcon"
                 [arrowButtonSvgIcon]="arrowButtonSvgIcon"
                 [disabled]="disabled"
+                [size]="size"
                 [tabIndex]="-1"
                 [textField]="textField"
                 [popupSettings]="popupSettings"

package/fesm2022/progress-kendo-angular-toolbar.mjs

@@ -26,8 +26,8 @@ const packageMetadata = {
     productName: 'Kendo UI for Angular',
     productCode: 'KENDOUIANGULAR',
     productCodes: ['KENDOUIANGULAR'],
-    publishDate: 1747836229,
-    version: '19.0.0-develop.30',
+    publishDate: 1747923818,
+    version: '19.0.0-develop.31',
     licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/'
 };
 
@@ -1235,29 +1235,31 @@ class ToolBarComponent {
      * Specifies the icons visibility for all tools in the ToolBar.
      * This can be overridden by the `showIcon` property of each tool.
      */
-    showIcon = 'always';
-    /**
-     * @hidden
-     */
-    get normalizedShowIcon() {
-        if (typeof this.showIcon === 'boolean') {
-            return this.showIcon ? 'always' : 'never';
+    set showIcon(value) {
+        if (this._showIcon === value) {
+            return;
         }
-        return this.showIcon;
+        const normalizedValue = this.normalizeDisplayValue(value);
+        this._showIcon = value;
+        this.propertyChange.emit({
+            property: 'showIcon',
+            value: normalizedValue
+        });
     }
     /**
      * Specifies the text visibility for all tools in the ToolBar.
      * This can be overridden by the `showText` property of each tool.
      */
-    showText = 'always';
-    /**
-     * @hidden
-     */
-    get normalizedShowText() {
-        if (typeof this.showText === 'boolean') {
-            return this.showText ? 'always' : 'never';
+    set showText(value) {
+        if (this._showText === value) {
+            return;
         }
-        return this.showText;
+        const normalizedValue = this.normalizeDisplayValue(value);
+        this._showText = value;
+        this.propertyChange.emit({
+            property: 'showText',
+            value: normalizedValue
+        });
     }
     /**
      * Fires when the overflow popup of the ToolBar is opened.
@@ -1315,6 +1317,10 @@ class ToolBarComponent {
      * @hidden
      */
     nextButtonIcon = caretAltRightIcon;
+    /**
+     * @hidden
+     */
+    propertyChange = new EventEmitter();
     hostClass = true;
     get scrollableClass() {
         return this.isScrollMode;
@@ -1333,6 +1339,8 @@ class ToolBarComponent {
     cachedGap;
     _size = DEFAULT_SIZE;
     _fillMode = DEFAULT_FILL_MODE;
+    _showText = 'always';
+    _showIcon = 'always';
     overflowButtonClickedTime = null;
     showAutoButtons = false;
     scrollButtonStateChangeSub;
@@ -2034,6 +2042,12 @@ class ToolBarComponent {
             }
         });
     }
+    normalizeDisplayValue(value) {
+        if (typeof value === 'boolean') {
+            return value ? 'always' : 'never';
+        }
+        return value;
+    }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ToolBarComponent, deps: [{ token: i1.LocalizationService }, { token: i2.PopupService }, { token: RefreshService }, { token: NavigationService }, { token: i0.ElementRef }, { token: i0.NgZone }, { token: i0.Renderer2 }, { token: i0.ChangeDetectorRef }, { token: ToolbarToolsService }, { token: ScrollService }], target: i0.ɵɵFactoryTarget.Component });
     static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: ToolBarComponent, isStandalone: true, selector: "kendo-toolbar", inputs: { overflow: "overflow", resizable: "resizable", popupSettings: "popupSettings", fillMode: "fillMode", tabindex: "tabindex", size: "size", tabIndex: "tabIndex", showIcon: "showIcon", showText: "showText" }, outputs: { open: "open", close: "close" }, host: { listeners: { "focus": "onFocus($event)", "focusout": "onFocusOut($event)" }, properties: { "class.k-toolbar": "this.hostClass", "class.k-toolbar-scrollable": "this.scrollableClass", "class.k-toolbar-section": "this.sectionClass", "attr.role": "this.role", "attr.dir": "this.getDir", "class.k-toolbar-resizable": "this.resizableClass" } }, providers: [
             RefreshService,
@@ -2461,7 +2475,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
         <kendo-resize-sensor *ngIf="overflowEnabled" #resizeSensor></kendo-resize-sensor>
     `,
                     standalone: true,
-                    imports: [NgTemplateOutlet, LocalizedToolbarMessagesDirective, NgFor, ToolBarRendererComponent, NgIf, ButtonComponent, NgClass, ResizeSensorComponent, ButtonGroupComponent, ToolbarScrollableButtonComponent]
+                    imports: [NgTemplateOutlet, LocalizedToolbarMessagesDirective, NgFor, ToolBarRendererComponent, NgIf, ButtonComponent, NgClass, ResizeSensorComponent, ToolbarScrollableButtonComponent]
                 }]
         }], ctorParameters: function () { return [{ type: i1.LocalizationService }, { type: i2.PopupService }, { type: RefreshService }, { type: NavigationService }, { type: i0.ElementRef }, { type: i0.NgZone }, { type: i0.Renderer2 }, { type: i0.ChangeDetectorRef }, { type: ToolbarToolsService }, { type: ScrollService }]; }, propDecorators: { overflow: [{
                 type: Input
@@ -2564,7 +2578,7 @@ class ToolBarButtonComponent extends ToolBarToolComponent {
         this.setTextDisplayMode();
     }
     get showText() {
-        return this._showText || this.host.normalizedShowText;
+        return this._showText;
     }
     /**
      * Specifies the button icon visibility.
@@ -2574,7 +2588,7 @@ class ToolBarButtonComponent extends ToolBarToolComponent {
         this.setTextDisplayMode();
     }
     get showIcon() {
-        return this._showIcon || this.host.normalizedShowIcon;
+        return this._showIcon;
     }
     /**
      * Specifies the text of the Button ([see example]({% slug controltypes_toolbar %}#toc-buttons)).
@@ -2586,6 +2600,12 @@ class ToolBarButtonComponent extends ToolBarToolComponent {
     get text() {
         return this._text;
     }
+    /**
+     * @hidden
+     */
+    get size() {
+        return this.host.size;
+    }
     /**
      * Specifies custom inline CSS styles of the Button.
      */
@@ -2739,16 +2759,26 @@ class ToolBarButtonComponent extends ToolBarToolComponent {
     _showText;
     _showIcon;
     _text;
+    propertyChangeSub;
     constructor(element, zone, host) {
         super();
         this.element = element;
         this.zone = zone;
         this.host = host;
         this.isBuiltInTool = true;
+        this.propertyChangeSub = this.host.propertyChange.subscribe(change => {
+            if (change.property === 'showText' || change.property === 'showIcon') {
+                this[change.property] = change.value;
+            }
+        });
     }
     ngOnInit() {
         this.setTextDisplayMode();
     }
+    ngOnDestroy() {
+        this.propertyChangeSub.unsubscribe();
+        this.propertyChangeSub = null;
+    }
     /**
      * @hidden
      */
@@ -2817,6 +2847,7 @@ class ToolBarButtonComponent extends ToolBarToolComponent {
                 [tabindex]="tabIndex"
                 type="button"
                 kendoButton
+                [size]="size"
                 [ngStyle]="style"
                 [ngClass]="className"
                 [attr.title]="title"
@@ -2870,6 +2901,7 @@ class ToolBarButtonComponent extends ToolBarToolComponent {
                 [tabindex]="tabIndex"
                 type="button"
                 kendoButton
+                [size]="size"
                 [ngStyle]="style"
                 [ngClass]="className"
                 [attr.title]="title"
@@ -2907,6 +2939,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
                 [tabindex]="tabIndex"
                 type="button"
                 kendoButton
+                [size]="size"
                 [ngStyle]="style"
                 [ngClass]="className"
                 [attr.title]="title"
@@ -2960,6 +2993,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
                 [tabindex]="tabIndex"
                 type="button"
                 kendoButton
+                [size]="size"
                 [ngStyle]="style"
                 [ngClass]="className"
                 [attr.title]="title"
@@ -3040,6 +3074,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
  */
 class ToolBarButtonGroupComponent extends ToolBarToolComponent {
     localization;
+    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
@@ -3096,9 +3131,10 @@ class ToolBarButtonGroupComponent extends ToolBarToolComponent {
     focusedIndex = -1;
     getNextKey;
     getPrevKey;
-    constructor(localization) {
+    constructor(localization, host) {
         super();
         this.localization = localization;
+        this.host = host;
         this.getNextKey = getNextKey(this.localization.rtl);
         this.getPrevKey = getPrevKey(this.localization.rtl);
         this.isBuiltInTool = true;
@@ -3193,13 +3229,19 @@ class ToolBarButtonGroupComponent extends ToolBarToolComponent {
             return button.overflowOptions.svgIcon;
         }
     }
+    /**
+     * @hidden
+     */
+    get size() {
+        return this.host.size;
+    }
     focusButton(index, ev) {
         // Guard against focusing twice on mousedown.
         if (!ev.type || ev.type === 'focus' || ev.type === 'keydown') {
             this.buttonElements[index]?.focus();
         }
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ToolBarButtonGroupComponent, deps: [{ token: i1.LocalizationService }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ToolBarButtonGroupComponent, deps: [{ token: i1.LocalizationService }, { token: ToolBarComponent }], target: i0.ɵɵFactoryTarget.Component });
     static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: ToolBarButtonGroupComponent, isStandalone: true, selector: "kendo-toolbar-buttongroup", inputs: { disabled: "disabled", fillMode: "fillMode", selection: "selection", width: "width", look: "look" }, providers: [LocalizationService, { provide: ToolBarToolComponent, useExisting: forwardRef(() => ToolBarButtonGroupComponent) }], queries: [{ propertyName: "buttonComponents", predicate: i0.forwardRef(function () { return ToolBarButtonComponent; }) }], viewQueries: [{ propertyName: "toolbarButtonGroup", first: true, predicate: ["toolbarButtonGroup"], descendants: true }, { propertyName: "sectionButtonGroup", first: true, predicate: ["sectionButtonGroup"], descendants: true }, { propertyName: "overflowListItems", predicate: ["listItem"], descendants: true }], exportAs: ["kendoToolBarButtonGroup"], usesInheritance: true, ngImport: i0, template: `
         <ng-template #toolbarTemplate>
             <kendo-buttongroup
@@ -3220,6 +3262,7 @@ class ToolBarButtonGroupComponent extends ToolBarToolComponent {
                     [ngClass]="button.className"
                     [attr.title]="button.title"
                     [disabled]="button.disabled"
+                    [size]="size"
                     [togglable]="button.togglable"
                     [selected]="button.selected"
                     [attr.aria-pressed]="button.selected ? true : false"
@@ -3281,6 +3324,7 @@ class ToolBarButtonGroupComponent extends ToolBarToolComponent {
                     [ngClass]="button.className"
                     [attr.title]="button.title"
                     [disabled]="button.disabled"
+                    [size]="size"
                     [togglable]="button.togglable"
                     [selected]="button.selected"
                     [attr.aria-pressed]="button.selected ? true : false"
@@ -3326,6 +3370,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
                     [ngClass]="button.className"
                     [attr.title]="button.title"
                     [disabled]="button.disabled"
+                    [size]="size"
                     [togglable]="button.togglable"
                     [selected]="button.selected"
                     [attr.aria-pressed]="button.selected ? true : false"
@@ -3387,6 +3432,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
                     [ngClass]="button.className"
                     [attr.title]="button.title"
                     [disabled]="button.disabled"
+                    [size]="size"
                     [togglable]="button.togglable"
                     [selected]="button.selected"
                     [attr.aria-pressed]="button.selected ? true : false"
@@ -3408,7 +3454,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
                     standalone: true,
                     imports: [ButtonGroupComponent, NgFor, ButtonComponent, NgStyle, NgClass, NgIf, IconWrapperComponent]
                 }]
-        }], ctorParameters: function () { return [{ type: i1.LocalizationService }]; }, propDecorators: { disabled: [{
+        }], ctorParameters: function () { return [{ type: i1.LocalizationService }, { type: ToolBarComponent }]; }, propDecorators: { disabled: [{
                 type: Input
             }], fillMode: [{
                 type: Input
@@ -3458,7 +3504,7 @@ class ToolBarDropDownButtonComponent extends ToolBarToolComponent {
         this.setTextDisplayMode();
     }
     get showText() {
-        return this._showText || this.host.normalizedShowText;
+        return this._showText;
     }
     /**
      * Specifies the button icon visibility.
@@ -3467,7 +3513,7 @@ class ToolBarDropDownButtonComponent extends ToolBarToolComponent {
         this._showIcon = value;
     }
     get showIcon() {
-        return this._showIcon || this.host.normalizedShowIcon;
+        return this._showIcon;
     }
     /**
      * Sets the text of the DropDownButton
@@ -3646,6 +3692,7 @@ class ToolBarDropDownButtonComponent extends ToolBarToolComponent {
     _showText;
     _showIcon;
     _text;
+    propertyChangeSub;
     getNextKey;
     getPrevKey;
     constructor(zone, renderer, host) {
@@ -3656,10 +3703,21 @@ class ToolBarDropDownButtonComponent extends ToolBarToolComponent {
         this.getNextKey = getNextKey();
         this.getPrevKey = getPrevKey();
         this.isBuiltInTool = true;
+        this.propertyChangeSub = this.host.propertyChange.subscribe(change => {
+            if (change.property === 'showText' || change.property === 'showIcon') {
+                this[change.property] = change.value;
+            }
+        });
     }
     ngOnInit() {
         this.setTextDisplayMode();
     }
+    ngOnDestroy() {
+        if (this.propertyChangeSub) {
+            this.propertyChangeSub.unsubscribe();
+            this.propertyChangeSub = null;
+        }
+    }
     ngAfterViewInit() {
         this.zone.onStable.pipe(take(1)).subscribe(() => {
             const dropdownButton = this[`${this.location}DropDownButton`];
@@ -3676,6 +3734,12 @@ class ToolBarDropDownButtonComponent extends ToolBarToolComponent {
             .toArray()
             .findIndex(b => b.nativeElement.contains(ev.target));
     }
+    /**
+     * @hidden
+     */
+    get size() {
+        return this.host.size;
+    }
     /**
      * @hidden
      */
@@ -3750,6 +3814,7 @@ class ToolBarDropDownButtonComponent extends ToolBarToolComponent {
                 [arrowIcon]="arrowIcon"
                 [buttonClass]="buttonClass"
                 [disabled]="disabled"
+                [size]="size"
                 [tabIndex]="-1"
                 [data]="data"
                 [buttonAttributes]="{'title': title}"
@@ -3815,6 +3880,7 @@ class ToolBarDropDownButtonComponent extends ToolBarToolComponent {
                 [arrowIcon]="arrowIcon"
                 [buttonClass]="buttonClass"
                 [disabled]="disabled"
+                [size]="size"
                 [tabIndex]="-1"
                 [data]="data"
                 [buttonAttributes]="{'title': title}"
@@ -3847,6 +3913,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
                 [arrowIcon]="arrowIcon"
                 [buttonClass]="buttonClass"
                 [disabled]="disabled"
+                [size]="size"
                 [tabIndex]="-1"
                 [data]="data"
                 [buttonAttributes]="{'title': title}"
@@ -3912,6 +3979,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
                 [arrowIcon]="arrowIcon"
                 [buttonClass]="buttonClass"
                 [disabled]="disabled"
+                [size]="size"
                 [tabIndex]="-1"
                 [data]="data"
                 [buttonAttributes]="{'title': title}"
@@ -3996,31 +4064,21 @@ class ToolBarSplitButtonComponent extends ToolBarToolComponent {
      * Specifies the button text visibility.
      */
     set showText(value) {
-        if (!isPresent$1(value)) {
-            this._showText = this.host.normalizedShowText;
-        }
-        else {
-            this._showText = value;
-        }
+        this._showText = value;
         this.setTextDisplayMode();
     }
     get showText() {
-        return this._showText || this.host.normalizedShowText;
+        return this._showText;
     }
     /**
      * Specifies the button icon visibility.
      */
     set showIcon(value) {
-        if (!isPresent$1(value)) {
-            this._showIcon = this.host.normalizedShowIcon;
-        }
-        else {
-            this._showIcon = value;
-        }
+        this._showIcon = value;
         this.setTextDisplayMode();
     }
     get showIcon() {
-        return this._showIcon || this.host.normalizedShowIcon;
+        return this._showIcon;
     }
     /**
      * Sets the text of the SplitButton ([see example](slug:controltypes_toolbar#toc-split-buttons)).
@@ -4202,6 +4260,12 @@ class ToolBarSplitButtonComponent extends ToolBarToolComponent {
     ngOnInit() {
         this.setTextDisplayMode();
     }
+    ngOnDestroy() {
+        if (this.propertyChangeSub) {
+            this.propertyChangeSub.unsubscribe();
+            this.propertyChangeSub = null;
+        }
+    }
     get overflowButtons() {
         return [this.overflowMainButton, ...this.overflowListItems.toArray().filter(el => !el.nativeElement.classList.contains('k-disabled'))];
     }
@@ -4211,6 +4275,7 @@ class ToolBarSplitButtonComponent extends ToolBarToolComponent {
     _showText;
     _showIcon;
     _text;
+    propertyChangeSub;
     getNextKey;
     getPrevKey;
     toolbarSplitButton;
@@ -4223,6 +4288,11 @@ class ToolBarSplitButtonComponent extends ToolBarToolComponent {
         this.getNextKey = getNextKey();
         this.getPrevKey = getPrevKey();
         this.isBuiltInTool = true;
+        this.propertyChangeSub = this.host.propertyChange.subscribe(change => {
+            if (change.property === 'showText' || change.property === 'showIcon') {
+                this[change.property] = change.value;
+            }
+        });
     }
     /**
      * @hidden
@@ -4243,6 +4313,12 @@ class ToolBarSplitButtonComponent extends ToolBarToolComponent {
     canFocus() {
         return !this.disabled;
     }
+    /**
+     * @hidden
+     */
+    get size() {
+        return this.host.size;
+    }
     /**
      * @hidden
      */
@@ -4317,6 +4393,7 @@ class ToolBarSplitButtonComponent extends ToolBarToolComponent {
                 [arrowButtonIcon]="arrowButtonIcon"
                 [arrowButtonSvgIcon]="arrowButtonSvgIcon"
                 [disabled]="disabled"
+                [size]="size"
                 [tabIndex]="-1"
                 [textField]="textField"
                 [popupSettings]="popupSettings"
@@ -4386,6 +4463,7 @@ class ToolBarSplitButtonComponent extends ToolBarToolComponent {
                 [arrowButtonIcon]="arrowButtonIcon"
                 [arrowButtonSvgIcon]="arrowButtonSvgIcon"
                 [disabled]="disabled"
+                [size]="size"
                 [tabIndex]="-1"
                 [textField]="textField"
                 [popupSettings]="popupSettings"
@@ -4421,6 +4499,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
                 [arrowButtonIcon]="arrowButtonIcon"
                 [arrowButtonSvgIcon]="arrowButtonSvgIcon"
                 [disabled]="disabled"
+                [size]="size"
                 [tabIndex]="-1"
                 [textField]="textField"
                 [popupSettings]="popupSettings"
@@ -4490,6 +4569,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
                 [arrowButtonIcon]="arrowButtonIcon"
                 [arrowButtonSvgIcon]="arrowButtonSvgIcon"
                 [disabled]="disabled"
+                [size]="size"
                 [tabIndex]="-1"
                 [textField]="textField"
                 [popupSettings]="popupSettings"

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@progress/kendo-angular-toolbar",
-  "version": "19.0.0-develop.30",
+  "version": "19.0.0-develop.31",
   "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",
@@ -45,7 +45,7 @@
     "package": {
       "productName": "Kendo UI for Angular",
       "productCode": "KENDOUIANGULAR",
-      "publishDate": 1747836229,
+      "publishDate": 1747923818,
       "licensingDocsUrl": "https://www.telerik.com/kendo-angular-ui/my-license/"
     }
   },
@@ -55,17 +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.30",
-    "@progress/kendo-angular-common": "19.0.0-develop.30",
-    "@progress/kendo-angular-l10n": "19.0.0-develop.30",
-    "@progress/kendo-angular-icons": "19.0.0-develop.30",
-    "@progress/kendo-angular-indicators": "19.0.0-develop.30",
-    "@progress/kendo-angular-popup": "19.0.0-develop.30",
+    "@progress/kendo-angular-buttons": "19.0.0-develop.31",
+    "@progress/kendo-angular-common": "19.0.0-develop.31",
+    "@progress/kendo-angular-l10n": "19.0.0-develop.31",
+    "@progress/kendo-angular-icons": "19.0.0-develop.31",
+    "@progress/kendo-angular-indicators": "19.0.0-develop.31",
+    "@progress/kendo-angular-popup": "19.0.0-develop.31",
     "rxjs": "^6.5.3 || ^7.0.0"
   },
   "dependencies": {
     "tslib": "^2.3.1",
-    "@progress/kendo-angular-schematics": "19.0.0-develop.30"
+    "@progress/kendo-angular-schematics": "19.0.0-develop.31"
   },
   "schematics": "./schematics/collection.json",
   "module": "fesm2022/progress-kendo-angular-toolbar.mjs",

package/toolbar.component.d.ts

@@ -110,20 +110,12 @@ export declare class ToolBarComponent {
      * Specifies the icons visibility for all tools in the ToolBar.
      * This can be overridden by the `showIcon` property of each tool.
      */
-    showIcon: DisplayMode | boolean;
-    /**
-     * @hidden
-     */
-    get normalizedShowIcon(): DisplayMode;
+    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.
      */
-    showText: DisplayMode | boolean;
-    /**
-     * @hidden
-     */
-    get normalizedShowText(): DisplayMode;
+    set showText(value: DisplayMode | boolean);
     /**
      * Fires when the overflow popup of the ToolBar is opened.
      */
@@ -157,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;
@@ -171,6 +170,8 @@ export declare class ToolBarComponent {
     private cachedGap;
     private _size;
     private _fillMode;
+    private _showText;
+    private _showIcon;
     private overflowButtonClickedTime;
     private showAutoButtons;
     private scrollButtonStateChangeSub;
@@ -278,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; }; "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

@@ -32,6 +32,10 @@ export declare class ToolBarButtonComponent extends ToolBarToolComponent {
      */
     set text(text: string);
     get text(): string;
+    /**
+     * @hidden
+     */
+    get size(): any;
     /**
      * Specifies custom inline CSS styles of the Button.
      */
@@ -149,8 +153,10 @@ export declare class ToolBarButtonComponent extends ToolBarToolComponent {
     private _showText;
     private _showIcon;
     private _text;
+    private propertyChangeSub;
     constructor(element: ElementRef, zone: NgZone, host: ToolBarComponent);
     ngOnInit(): void;
+    ngOnDestroy(): void;
     /**
      * @hidden
      */

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

@@ -160,15 +160,21 @@ export declare class ToolBarDropDownButtonComponent extends ToolBarToolComponent
     private _showText;
     private _showIcon;
     private _text;
+    private propertyChangeSub;
     private getNextKey;
     private getPrevKey;
     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

@@ -150,6 +150,7 @@ export declare class ToolBarSplitButtonComponent extends ToolBarToolComponent im
     toolbarOptions: ToolOptions;
     overflowOptions: ToolOptions;
     ngOnInit(): void;
+    ngOnDestroy(): void;
     private get overflowButtons();
     private _data;
     private _popupSettings;
@@ -157,6 +158,7 @@ export declare class ToolBarSplitButtonComponent extends ToolBarToolComponent im
     private _showText;
     private _showIcon;
     private _text;
+    private propertyChangeSub;
     private getNextKey;
     private getPrevKey;
     private toolbarSplitButton;
@@ -176,6 +178,10 @@ export declare class ToolBarSplitButtonComponent extends ToolBarToolComponent im
      * @hidden
      */
     canFocus(): boolean;
+    /**
+     * @hidden
+     */
+    get size(): any;
     /**
      * @hidden
      */