@progress/kendo-angular-toolbar 17.0.0-develop.9 → 17.0.1-develop.1

package/group-selection-settings.d.ts

@@ -6,4 +6,4 @@
  * The selection mode of the ToolBar ButtonGroup. For more information, refer to the
  * [`ToolBarButtonGroupComponent`]({% slug api_toolbar_toolbarbuttongroupcomponent %}).
  */
-export declare type ButtonGroupSelection = "single" | "multiple";
+export type ButtonGroupSelection = "single" | "multiple";

package/index.d.ts

@@ -18,4 +18,5 @@ export { LocalizedToolbarMessagesDirective } from './localization/localized-tool
 export { ToolbarCustomMessagesComponent } from './localization/custom-messages.component';
 export { RefreshService } from './refresh.service';
 export { ToolbarSize } from './common/size';
+export { ToolbarFillMode } from './common/fillmode';
 export * from './directives';

package/localization/messages.d.ts

@@ -13,5 +13,5 @@ export declare class ToolbarMessages extends ComponentMessages {
      */
     moreToolsTitle: string;
     static ɵfac: i0.ɵɵFactoryDeclaration<ToolbarMessages, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<ToolbarMessages, "kendo-toolbar-messages-base", never, { "moreToolsTitle": "moreToolsTitle"; }, {}, never, never, false, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<ToolbarMessages, "kendo-toolbar-messages-base", never, { "moreToolsTitle": { "alias": "moreToolsTitle"; "required": false; }; }, {}, never, never, false, never>;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@progress/kendo-angular-toolbar",
-  "version": "17.0.0-develop.9",
+  "version": "17.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",
@@ -24,28 +24,24 @@
     "friendlyName": "ToolBar"
   },
   "peerDependencies": {
-    "@angular/animations": "15 - 18",
-    "@angular/common": "15 - 18",
-    "@angular/core": "15 - 18",
-    "@angular/platform-browser": "15 - 18",
+    "@angular/animations": "16 - 18",
+    "@angular/common": "16 - 18",
+    "@angular/core": "16 - 18",
+    "@angular/platform-browser": "16 - 18",
     "@progress/kendo-licensing": "^1.0.2",
-    "@progress/kendo-angular-buttons": "17.0.0-develop.9",
-    "@progress/kendo-angular-common": "17.0.0-develop.9",
-    "@progress/kendo-angular-l10n": "17.0.0-develop.9",
-    "@progress/kendo-angular-icons": "17.0.0-develop.9",
-    "@progress/kendo-angular-popup": "17.0.0-develop.9",
+    "@progress/kendo-angular-buttons": "17.0.1-develop.1",
+    "@progress/kendo-angular-common": "17.0.1-develop.1",
+    "@progress/kendo-angular-l10n": "17.0.1-develop.1",
+    "@progress/kendo-angular-icons": "17.0.1-develop.1",
+    "@progress/kendo-angular-popup": "17.0.1-develop.1",
     "rxjs": "^6.5.3 || ^7.0.0"
   },
   "dependencies": {
     "tslib": "^2.3.1",
-    "@progress/kendo-angular-schematics": "17.0.0-develop.9"
+    "@progress/kendo-angular-schematics": "17.0.1-develop.1"
   },
   "schematics": "./schematics/collection.json",
-  "module": "fesm2015/progress-kendo-angular-toolbar.mjs",
-  "es2020": "fesm2020/progress-kendo-angular-toolbar.mjs",
-  "esm2020": "esm2020/progress-kendo-angular-toolbar.mjs",
-  "fesm2020": "fesm2020/progress-kendo-angular-toolbar.mjs",
-  "fesm2015": "fesm2015/progress-kendo-angular-toolbar.mjs",
+  "module": "fesm2022/progress-kendo-angular-toolbar.mjs",
   "typings": "index.d.ts",
   "exports": {
     "./package.json": {
@@ -53,11 +49,9 @@
     },
     ".": {
       "types": "./index.d.ts",
-      "esm2020": "./esm2020/progress-kendo-angular-toolbar.mjs",
-      "es2020": "./fesm2020/progress-kendo-angular-toolbar.mjs",
-      "es2015": "./fesm2015/progress-kendo-angular-toolbar.mjs",
-      "node": "./fesm2015/progress-kendo-angular-toolbar.mjs",
-      "default": "./fesm2020/progress-kendo-angular-toolbar.mjs"
+      "esm2022": "./esm2022/progress-kendo-angular-toolbar.mjs",
+      "esm": "./esm2022/progress-kendo-angular-toolbar.mjs",
+      "default": "./fesm2022/progress-kendo-angular-toolbar.mjs"
     }
   },
   "sideEffects": false

package/render-location.d.ts

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

package/renderer.component.d.ts

@@ -42,5 +42,5 @@ export declare class ToolBarRendererComponent implements OnInit, OnDestroy {
     private onClick;
     private updateTools;
     static ɵfac: i0.ɵɵFactoryDeclaration<ToolBarRendererComponent, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<ToolBarRendererComponent, "[kendoToolbarRenderer]", never, { "tool": "tool"; "location": "location"; "resizable": "resizable"; }, { "rendererClick": "rendererClick"; }, never, never, true, 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/schematics/ngAdd/index.js

@@ -4,7 +4,7 @@ const schematics_1 = require("@angular-devkit/schematics");
 function default_1(options) {
     const finalOptions = Object.assign(Object.assign({}, options), { mainNgModule: 'ToolBarModule', package: 'toolbar', peerDependencies: {
             // peer dep of the icons
-            '@progress/kendo-svg-icons': '^3.0.0'
+            '@progress/kendo-svg-icons': '^4.0.0'
         } });
     return (0, schematics_1.externalSchematic)('@progress/kendo-angular-schematics', 'ng-add', finalOptions);
 }

package/toolbar.component.d.ts

@@ -16,6 +16,7 @@ import { Direction } from './direction';
 import { RendererClickPayload } from './common/renderer-click';
 import { SVGIcon } from '@progress/kendo-svg-icons';
 import { ToolbarToolsService } from './tools/tools.service';
+import { ToolbarFillMode } from './common/fillmode';
 import * as i0 from "@angular/core";
 /**
  * Represents the [Kendo UI ToolBar component for Angular]({% slug overview_toolbar %}).
@@ -49,6 +50,14 @@ export declare class ToolBarComponent {
      */
     set popupSettings(settings: PopupSettings);
     get popupSettings(): PopupSettings;
+    /**
+     * The fillMode property specifies the background and border styles of the Toolbar
+     * ([see example](slug:appearance_toolbar#toc-fill-mode)).
+     *
+     * @default 'solid'
+     */
+    set fillMode(fillMode: ToolbarFillMode);
+    get fillMode(): ToolbarFillMode;
     /**
      * Specifies the [`tabindex`](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/tabindex) of the ToolBar.
      */
@@ -96,6 +105,7 @@ export declare class ToolBarComponent {
     private cancelRenderedToolsSubscription$;
     private cachedGap;
     private _size;
+    private _fillMode;
     private overflowButtonClickedTime;
     private subscriptions;
     private popupSubs;
@@ -174,5 +184,5 @@ export declare class ToolBarComponent {
     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"; "size": "size"; "tabIndex": "tabIndex"; }, { "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; }; }, { "open": "open"; "close": "close"; }, ["allTools"], never, true, never>;
 }

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

@@ -2,7 +2,7 @@
 * Copyright © 2024 Progress Software Corporation. All rights reserved.
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
-import { TemplateRef, EventEmitter, ElementRef, NgZone } from '@angular/core';
+import { EventEmitter, ElementRef, NgZone } from '@angular/core';
 import { ToolBarToolComponent } from './toolbar-tool.component';
 import { DisplayMode } from '../display-mode';
 import { ToolOptions } from '../tool-options';
@@ -134,8 +134,6 @@ export declare class ToolBarButtonComponent extends ToolBarToolComponent {
      * The event argument is the new selected state (Boolean).
      */
     selectedChange: EventEmitter<any>;
-    toolbarTemplate: TemplateRef<any>;
-    popupTemplate: TemplateRef<any>;
     toolbarOptions: ToolOptions;
     overflowOptions: ToolOptions;
     toolbarButtonElement: ElementRef;
@@ -160,10 +158,6 @@ export declare class ToolBarButtonComponent extends ToolBarToolComponent {
      * @hidden
      */
     handleKey(): boolean;
-    /**
-     * @hidden
-     */
-    get toolbarButtonClass(): string;
     /**
      * @hidden
      */
@@ -175,5 +169,5 @@ export declare class ToolBarButtonComponent extends ToolBarToolComponent {
     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"; "svgIcon": "svgIcon"; "imageUrl": "imageUrl"; }, { "click": "click"; "pointerdown": "pointerdown"; "selectedChange": "selectedChange"; }, never, never, true, 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

@@ -2,7 +2,7 @@
 * Copyright © 2024 Progress Software Corporation. All rights reserved.
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
-import { TemplateRef, QueryList, ElementRef } from '@angular/core';
+import { QueryList, ElementRef } from '@angular/core';
 import { LocalizationService } from '@progress/kendo-angular-l10n';
 import { ToolBarToolComponent } from './toolbar-tool.component';
 import { ToolBarButtonComponent } from './toolbar-button.component';
@@ -22,6 +22,12 @@ export declare class ToolBarButtonGroupComponent extends ToolBarToolComponent {
      * buttons and they will be ignored.
      */
     disabled: boolean;
+    /**
+     * @hidden
+     *
+     * Used to set different fillmode in Spreadsheet and Toolbar to comply with referent rendering.
+     */
+    fillMode: 'solid' | 'flat';
     /**
      * By default, the selection mode of the ButtonGroup is set to `multiple`.
      */
@@ -38,8 +44,6 @@ export declare class ToolBarButtonGroupComponent extends ToolBarToolComponent {
      * @hidden
      */
     set look(look: 'default' | 'flat' | 'outline');
-    toolbarTemplate: TemplateRef<any>;
-    popupTemplate: TemplateRef<any>;
     private toolbarButtonGroup;
     overflowListItems: QueryList<ElementRef>;
     buttonComponents: QueryList<ToolBarButtonComponent>;
@@ -90,5 +94,5 @@ export declare class ToolBarButtonGroupComponent extends ToolBarToolComponent {
     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, true, 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

@@ -2,7 +2,7 @@
 * Copyright © 2024 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, QueryList, Renderer2 } from '@angular/core';
+import { ElementRef, EventEmitter, OnInit, QueryList, Renderer2 } from '@angular/core';
 import { ToolBarToolComponent } from './toolbar-tool.component';
 import { PopupSettings } from '../popup-settings';
 import { ArrowIconSettings, ButtonFillMode, ButtonThemeColor, DropDownButtonComponent } from '@progress/kendo-angular-buttons';
@@ -143,8 +143,6 @@ export declare class ToolBarDropDownButtonComponent extends ToolBarToolComponent
      * This event is preventable. If you cancel the event, the popup will remain open.
      */
     close: EventEmitter<PreventableEvent>;
-    toolbarTemplate: TemplateRef<any>;
-    popupTemplate: TemplateRef<any>;
     dropdownButton: ElementRef;
     dropDownButtonComponent: DropDownButtonComponent;
     overflowListItems: QueryList<ElementRef>;
@@ -189,5 +187,5 @@ export declare class ToolBarDropDownButtonComponent extends ToolBarToolComponent
     private focusButton;
     private setTextDisplayMode;
     static ɵfac: i0.ɵɵFactoryDeclaration<ToolBarDropDownButtonComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ToolBarDropDownButtonComponent, "kendo-toolbar-dropdownbutton", ["kendoToolBarDropDownButton"], { "arrowIcon": "arrowIcon"; "title": "title"; "showText": "showText"; "showIcon": "showIcon"; "text": "text"; "icon": "icon"; "svgIcon": "svgIcon"; "iconClass": "iconClass"; "imageUrl": "imageUrl"; "popupSettings": "popupSettings"; "look": "look"; "primary": "primary"; "fillMode": "fillMode"; "themeColor": "themeColor"; "buttonClass": "buttonClass"; "textField": "textField"; "disabled": "disabled"; "data": "data"; }, { "itemClick": "itemClick"; "open": "open"; "close": "close"; }, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ToolBarDropDownButtonComponent, "kendo-toolbar-dropdownbutton", ["kendoToolBarDropDownButton"], { "arrowIcon": { "alias": "arrowIcon"; "required": false; }; "title": { "alias": "title"; "required": false; }; "showText": { "alias": "showText"; "required": false; }; "showIcon": { "alias": "showIcon"; "required": false; }; "text": { "alias": "text"; "required": false; }; "icon": { "alias": "icon"; "required": false; }; "svgIcon": { "alias": "svgIcon"; "required": false; }; "iconClass": { "alias": "iconClass"; "required": false; }; "imageUrl": { "alias": "imageUrl"; "required": false; }; "popupSettings": { "alias": "popupSettings"; "required": false; }; "look": { "alias": "look"; "required": false; }; "primary": { "alias": "primary"; "required": false; }; "fillMode": { "alias": "fillMode"; "required": false; }; "themeColor": { "alias": "themeColor"; "required": false; }; "buttonClass": { "alias": "buttonClass"; "required": false; }; "textField": { "alias": "textField"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "data": { "alias": "data"; "required": false; }; }, { "itemClick": "itemClick"; "open": "open"; "close": "close"; }, never, never, true, never>;
 }

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

@@ -2,15 +2,13 @@
 * Copyright © 2024 Progress Software Corporation. All rights reserved.
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
-import { TemplateRef, ElementRef, AfterViewInit } from '@angular/core';
+import { ElementRef, AfterViewInit } from '@angular/core';
 import { ToolBarToolComponent } from './toolbar-tool.component';
 import * as i0 from "@angular/core";
 /**
  * Represents the [Kendo UI ToolBar Separator for Angular]({% slug controltypes_toolbar %}#toc-separators).
  */
 export declare class ToolBarSeparatorComponent extends ToolBarToolComponent implements AfterViewInit {
-    toolbarTemplate: TemplateRef<any>;
-    popupTemplate: TemplateRef<any>;
     separator: ElementRef;
     constructor();
     /**

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

@@ -2,15 +2,13 @@
 * Copyright © 2024 Progress Software Corporation. All rights reserved.
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
-import { TemplateRef, AfterViewInit } from '@angular/core';
+import { AfterViewInit } from '@angular/core';
 import { ToolBarToolComponent } from './toolbar-tool.component';
 import * as i0 from "@angular/core";
 /**
  * Represents the [Kendo UI ToolBar Spacer for Angular]({% slug controltypes_toolbar %}#toc-separators).
  */
 export declare class ToolBarSpacerComponent extends ToolBarToolComponent implements AfterViewInit {
-    toolbarTemplate: TemplateRef<any>;
-    popupTemplate: TemplateRef<any>;
     /**
      * @hidden
      */

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

@@ -2,7 +2,7 @@
 * Copyright © 2024 Progress Software Corporation. All rights reserved.
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
-import { TemplateRef, ElementRef, EventEmitter, OnInit, QueryList } from '@angular/core';
+import { 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';
@@ -144,8 +144,6 @@ export declare class ToolBarSplitButtonComponent extends ToolBarToolComponent im
      * This event is preventable. If you cancel the event, the popup will remain open.
      */
     close: EventEmitter<PreventableEvent>;
-    toolbarTemplate: TemplateRef<any>;
-    popupTemplate: TemplateRef<any>;
     toolbarOptions: ToolOptions;
     overflowOptions: ToolOptions;
     ngOnInit(): void;
@@ -192,5 +190,5 @@ export declare class ToolBarSplitButtonComponent extends ToolBarToolComponent im
     private focusButton;
     private setTextDisplayMode;
     static ɵfac: i0.ɵɵFactoryDeclaration<ToolBarSplitButtonComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ToolBarSplitButtonComponent, "kendo-toolbar-splitbutton", ["kendoToolBarSplitButton"], { "showText": "showText"; "showIcon": "showIcon"; "text": "text"; "icon": "icon"; "svgIcon": "svgIcon"; "iconClass": "iconClass"; "imageUrl": "imageUrl"; "disabled": "disabled"; "popupSettings": "popupSettings"; "fillMode": "fillMode"; "themeColor": "themeColor"; "look": "look"; "buttonClass": "buttonClass"; "arrowButtonClass": "arrowButtonClass"; "arrowButtonIcon": "arrowButtonIcon"; "arrowButtonSvgIcon": "arrowButtonSvgIcon"; "textField": "textField"; "data": "data"; }, { "buttonClick": "buttonClick"; "itemClick": "itemClick"; "open": "open"; "close": "close"; }, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ToolBarSplitButtonComponent, "kendo-toolbar-splitbutton", ["kendoToolBarSplitButton"], { "showText": { "alias": "showText"; "required": false; }; "showIcon": { "alias": "showIcon"; "required": false; }; "text": { "alias": "text"; "required": false; }; "icon": { "alias": "icon"; "required": false; }; "svgIcon": { "alias": "svgIcon"; "required": false; }; "iconClass": { "alias": "iconClass"; "required": false; }; "imageUrl": { "alias": "imageUrl"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "popupSettings": { "alias": "popupSettings"; "required": false; }; "fillMode": { "alias": "fillMode"; "required": false; }; "themeColor": { "alias": "themeColor"; "required": false; }; "look": { "alias": "look"; "required": false; }; "buttonClass": { "alias": "buttonClass"; "required": false; }; "arrowButtonClass": { "alias": "arrowButtonClass"; "required": false; }; "arrowButtonIcon": { "alias": "arrowButtonIcon"; "required": false; }; "arrowButtonSvgIcon": { "alias": "arrowButtonSvgIcon"; "required": false; }; "textField": { "alias": "textField"; "required": false; }; "data": { "alias": "data"; "required": false; }; }, { "buttonClick": "buttonClick"; "itemClick": "itemClick"; "open": "open"; "close": "close"; }, never, never, true, never>;
 }

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

@@ -9,11 +9,11 @@ import * as i0 from "@angular/core";
  * Extend this class to create custom tools.
  */
 export declare class ToolBarToolComponent {
+    toolbarTemplate: TemplateRef<any>;
+    popupTemplate: TemplateRef<any>;
     tabIndex: number;
     overflows: boolean;
     visibility: string;
-    toolbarTemplate: TemplateRef<any>;
-    popupTemplate: TemplateRef<any>;
     element: ElementRef;
     isBuiltInTool: boolean;
     constructor();
@@ -44,5 +44,5 @@ export declare class ToolBarToolComponent {
      */
     handleKey(ev: KeyboardEvent): boolean;
     static ɵfac: i0.ɵɵFactoryDeclaration<ToolBarToolComponent, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<ToolBarToolComponent, never, never, { "responsive": "responsive"; }, {}, never, never, true, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<ToolBarToolComponent, never, never, { "responsive": { "alias": "responsive"; "required": false; }; }, {}, never, never, true, never>;
 }