@progress/kendo-angular-toolbar 25.4.0-develop.1 → 25.4.0-develop.3

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

@@ -26,8 +26,8 @@ const packageMetadata = {
     productName: 'Kendo UI for Angular',
     productCode: 'KENDOUIANGULAR',
     productCodes: ['KENDOUIANGULAR'],
-    publishDate: 1791873159,
-    version: '25.4.0-develop.1',
+    publishDate: 1792066342,
+    version: '25.4.0-develop.3',
     licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/'
 };
 
@@ -39,10 +39,10 @@ class RefreshService {
     refresh(tool) {
         this.onRefresh.emit(tool);
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.23", ngImport: i0, type: RefreshService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.23", ngImport: i0, type: RefreshService });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.33", ngImport: i0, type: RefreshService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.33", ngImport: i0, type: RefreshService });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.23", ngImport: i0, type: RefreshService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.33", ngImport: i0, type: RefreshService, decorators: [{
             type: Injectable
         }] });
 
@@ -154,10 +154,10 @@ class ScrollService {
         this.scrollButtonActiveStateChange.next({ buttonType, active });
     }
     isDisabled = (buttonType) => this.owner[`${buttonType}ScrollButton`]?.nativeElement.classList.contains('k-disabled');
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.23", ngImport: i0, type: ScrollService, deps: [{ token: i1.LocalizationService }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.23", ngImport: i0, type: ScrollService });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.33", ngImport: i0, type: ScrollService, deps: [{ token: i1.LocalizationService }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.33", ngImport: i0, type: ScrollService });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.23", ngImport: i0, type: ScrollService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.33", ngImport: i0, type: ScrollService, decorators: [{
             type: Injectable
         }], ctorParameters: () => [{ type: i1.LocalizationService }, { type: i0.NgZone }] });
 
@@ -420,7 +420,7 @@ class NavigationService {
     injector;
     overflowButton;
     focused = { renderedTool: null, index: -1 };
-    renderedTools = signal([], ...(ngDevMode ? [{ debugName: "renderedTools" }] : /* istanbul ignore next */ []));
+    renderedTools = signal([], ...(ngDevMode ? [{ debugName: "renderedTools" }] : []));
     isPopupFocused = false;
     isOverflowButtonFocused = false;
     constructor(scrollService, injector) {
@@ -563,10 +563,10 @@ class NavigationService {
         return (isPresent(this.overflowButton) &&
             window.getComputedStyle(this.overflowButton.nativeElement).getPropertyValue('visibility') === 'visible');
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.23", ngImport: i0, type: NavigationService, deps: [{ token: ScrollService }, { token: i0.Injector }], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.23", ngImport: i0, type: NavigationService });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.33", ngImport: i0, type: NavigationService, deps: [{ token: ScrollService }, { token: i0.Injector }], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.33", ngImport: i0, type: NavigationService });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.23", ngImport: i0, type: NavigationService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.33", ngImport: i0, type: NavigationService, decorators: [{
             type: Injectable
         }], ctorParameters: () => [{ type: ScrollService }, { type: i0.Injector }] });
 
@@ -623,10 +623,10 @@ class ToolBarToolComponent {
     get isBuiltInTool() {
         return this._isBuiltInTool();
     }
-    _isBuiltInTool = signal(false, ...(ngDevMode ? [{ debugName: "_isBuiltInTool" }] : /* istanbul ignore next */ []));
-    _location = signal(null, ...(ngDevMode ? [{ debugName: "_location" }] : /* istanbul ignore next */ []));
-    _overflows = signal(true, ...(ngDevMode ? [{ debugName: "_overflows" }] : /* istanbul ignore next */ []));
-    _visibility = signal(null, ...(ngDevMode ? [{ debugName: "_visibility" }] : /* istanbul ignore next */ []));
+    _isBuiltInTool = signal(false, ...(ngDevMode ? [{ debugName: "_isBuiltInTool" }] : []));
+    _location = signal(null, ...(ngDevMode ? [{ debugName: "_location" }] : []));
+    _overflows = signal(true, ...(ngDevMode ? [{ debugName: "_overflows" }] : []));
+    _visibility = signal(null, ...(ngDevMode ? [{ debugName: "_visibility" }] : []));
     /**
      * @hidden
      */
@@ -680,11 +680,11 @@ class ToolBarToolComponent {
     handleKey(_ev) {
         return false;
     }
-    _tabIndex = signal(-1, ...(ngDevMode ? [{ debugName: "_tabIndex" }] : /* istanbul ignore next */ []));
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.23", ngImport: i0, type: ToolBarToolComponent, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.23", type: ToolBarToolComponent, isStandalone: true, inputs: { responsive: "responsive" }, viewQueries: [{ propertyName: "toolbarTemplate", first: true, predicate: ["toolbarTemplate"], descendants: true, static: true }, { propertyName: "sectionTemplate", first: true, predicate: ["sectionTemplate"], descendants: true, static: true }, { propertyName: "popupTemplate", first: true, predicate: ["popupTemplate"], descendants: true, static: true }], ngImport: i0 });
+    _tabIndex = signal(-1, ...(ngDevMode ? [{ debugName: "_tabIndex" }] : []));
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.33", ngImport: i0, type: ToolBarToolComponent, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.33", type: ToolBarToolComponent, isStandalone: true, inputs: { responsive: "responsive" }, viewQueries: [{ propertyName: "toolbarTemplate", first: true, predicate: ["toolbarTemplate"], descendants: true, static: true }, { propertyName: "sectionTemplate", first: true, predicate: ["sectionTemplate"], descendants: true, static: true }, { propertyName: "popupTemplate", first: true, predicate: ["popupTemplate"], descendants: true, static: true }], ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.23", ngImport: i0, type: ToolBarToolComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.33", ngImport: i0, type: ToolBarToolComponent, decorators: [{
             type: Directive,
             args: [{
                     standalone: true
@@ -763,10 +763,10 @@ class RendererService {
     setAttribute(element, attr, value) {
         this.renderer.setAttribute(element, attr, value);
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.23", ngImport: i0, type: RendererService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.23", ngImport: i0, type: RendererService });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.33", ngImport: i0, type: RendererService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.33", ngImport: i0, type: RendererService });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.23", ngImport: i0, type: RendererService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.33", ngImport: i0, type: RendererService, decorators: [{
             type: Injectable
         }] });
 
@@ -776,18 +776,18 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.23", ngImpo
 class ToolbarToolsService {
     renderedToolsChange = new Subject();
     overflowToolsChange = new Subject();
-    renderedTools = signal([], ...(ngDevMode ? [{ debugName: "renderedTools" }] : /* istanbul ignore next */ []));
-    overflowTools = signal([], ...(ngDevMode ? [{ debugName: "overflowTools" }] : /* istanbul ignore next */ []));
-    allTools = signal([], ...(ngDevMode ? [{ debugName: "allTools" }] : /* istanbul ignore next */ []));
+    renderedTools = signal([], ...(ngDevMode ? [{ debugName: "renderedTools" }] : []));
+    overflowTools = signal([], ...(ngDevMode ? [{ debugName: "overflowTools" }] : []));
+    allTools = signal([], ...(ngDevMode ? [{ debugName: "allTools" }] : []));
     reset() {
         this.renderedTools.set([]);
         this.overflowTools.set([]);
         this.allTools.set([]);
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.23", ngImport: i0, type: ToolbarToolsService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.23", ngImport: i0, type: ToolbarToolsService });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.33", ngImport: i0, type: ToolbarToolsService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.33", ngImport: i0, type: ToolbarToolsService });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.23", ngImport: i0, type: ToolbarToolsService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.33", ngImport: i0, type: ToolbarToolsService, decorators: [{
             type: Injectable
         }] });
 
@@ -827,9 +827,9 @@ class ToolBarRendererComponent {
     }
     refreshSubscription;
     internalComponentRef;
-    _tool = signal(null, ...(ngDevMode ? [{ debugName: "_tool" }] : /* istanbul ignore next */ []));
-    _location = signal(null, ...(ngDevMode ? [{ debugName: "_location" }] : /* istanbul ignore next */ []));
-    _resizable = signal(false, ...(ngDevMode ? [{ debugName: "_resizable" }] : /* istanbul ignore next */ []));
+    _tool = signal(null, ...(ngDevMode ? [{ debugName: "_tool" }] : []));
+    _location = signal(null, ...(ngDevMode ? [{ debugName: "_location" }] : []));
+    _resizable = signal(false, ...(ngDevMode ? [{ debugName: "_resizable" }] : []));
     constructor(renderer, rendererService, refreshService, toolsService, viewContainer) {
         this.renderer = renderer;
         this.rendererService = rendererService;
@@ -980,10 +980,10 @@ class ToolBarRendererComponent {
         this.renderer.setStyle(this.internalComponentRef, 'visibility', 'hidden');
         this.renderer.setStyle(this.internalComponentRef, 'display', 'none');
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.23", ngImport: i0, type: ToolBarRendererComponent, deps: [{ token: i0.Renderer2 }, { token: RendererService }, { token: RefreshService }, { token: ToolbarToolsService }, { token: i0.ViewContainerRef }], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.23", type: ToolBarRendererComponent, isStandalone: true, selector: "[kendoToolbarRenderer]", inputs: { tool: "tool", location: "location", resizable: "resizable" }, outputs: { rendererClick: "rendererClick" }, providers: [RendererService], ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.33", ngImport: i0, type: ToolBarRendererComponent, deps: [{ token: i0.Renderer2 }, { token: RendererService }, { token: RefreshService }, { token: ToolbarToolsService }, { token: i0.ViewContainerRef }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.33", type: ToolBarRendererComponent, isStandalone: true, selector: "[kendoToolbarRenderer]", inputs: { tool: "tool", location: "location", resizable: "resizable" }, outputs: { rendererClick: "rendererClick" }, providers: [RendererService], ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.23", ngImport: i0, type: ToolBarRendererComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.33", ngImport: i0, type: ToolBarRendererComponent, decorators: [{
             type: Directive,
             args: [{
                     providers: [RendererService],
@@ -1031,13 +1031,13 @@ class ToolbarMessages extends ComponentMessages {
     get nextToolButton() {
         return this._nextToolButton();
     }
-    _moreToolsTitle = signal(null, ...(ngDevMode ? [{ debugName: "_moreToolsTitle" }] : /* istanbul ignore next */ []));
-    _previousToolButton = signal(null, ...(ngDevMode ? [{ debugName: "_previousToolButton" }] : /* istanbul ignore next */ []));
-    _nextToolButton = signal(null, ...(ngDevMode ? [{ debugName: "_nextToolButton" }] : /* istanbul ignore next */ []));
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.23", ngImport: i0, type: ToolbarMessages, deps: null, target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.23", type: ToolbarMessages, isStandalone: true, selector: "kendo-toolbar-messages-base", inputs: { moreToolsTitle: "moreToolsTitle", previousToolButton: "previousToolButton", nextToolButton: "nextToolButton" }, usesInheritance: true, ngImport: i0 });
+    _moreToolsTitle = signal(null, ...(ngDevMode ? [{ debugName: "_moreToolsTitle" }] : []));
+    _previousToolButton = signal(null, ...(ngDevMode ? [{ debugName: "_previousToolButton" }] : []));
+    _nextToolButton = signal(null, ...(ngDevMode ? [{ debugName: "_nextToolButton" }] : []));
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.33", ngImport: i0, type: ToolbarMessages, deps: null, target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.33", type: ToolbarMessages, isStandalone: true, selector: "kendo-toolbar-messages-base", inputs: { moreToolsTitle: "moreToolsTitle", previousToolButton: "previousToolButton", nextToolButton: "nextToolButton" }, usesInheritance: true, ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.23", ngImport: i0, type: ToolbarMessages, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.33", ngImport: i0, type: ToolbarMessages, decorators: [{
             type: Directive,
             args: [{
                     selector: 'kendo-toolbar-messages-base'
@@ -1059,15 +1059,15 @@ class LocalizedToolbarMessagesDirective extends ToolbarMessages {
         super();
         this.service = service;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.23", ngImport: i0, type: LocalizedToolbarMessagesDirective, deps: [{ token: i1.LocalizationService }], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.23", type: LocalizedToolbarMessagesDirective, isStandalone: true, selector: "[kendoToolbarLocalizedMessages]", providers: [
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.33", ngImport: i0, type: LocalizedToolbarMessagesDirective, deps: [{ token: i1.LocalizationService }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.33", type: LocalizedToolbarMessagesDirective, isStandalone: true, selector: "[kendoToolbarLocalizedMessages]", providers: [
             {
                 provide: ToolbarMessages,
                 useExisting: forwardRef(() => LocalizedToolbarMessagesDirective)
             }
         ], usesInheritance: true, ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.23", ngImport: i0, type: LocalizedToolbarMessagesDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.33", ngImport: i0, type: LocalizedToolbarMessagesDirective, decorators: [{
             type: Directive,
             args: [{
                     providers: [
@@ -1178,8 +1178,8 @@ class ToolbarScrollableButtonComponent {
             }
         }
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.23", ngImport: i0, type: ToolbarScrollableButtonComponent, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }, { token: i1.LocalizationService }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.23", type: ToolbarScrollableButtonComponent, isStandalone: true, selector: "[kendoToolbarScrollableButton]", inputs: { prev: "prev", overflow: "overflow" }, outputs: { onClick: "onClick" }, host: { properties: { "class.k-toolbar-prev": "this.prevClass", "class.k-toolbar-next": "this.nextClass", "attr.role": "this.role" } }, ngImport: i0, template: `
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.33", ngImport: i0, type: ToolbarScrollableButtonComponent, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }, { token: i1.LocalizationService }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.33", type: ToolbarScrollableButtonComponent, isStandalone: true, selector: "[kendoToolbarScrollableButton]", inputs: { prev: "prev", overflow: "overflow" }, outputs: { onClick: "onClick" }, host: { properties: { "class.k-toolbar-prev": "this.prevClass", "class.k-toolbar-next": "this.nextClass", "attr.role": "this.role" } }, ngImport: i0, template: `
         <kendo-icon-wrapper
             [name]="iconClass"
             [customFontClass]="customIconClass"
@@ -1189,7 +1189,7 @@ class ToolbarScrollableButtonComponent {
         </kendo-icon-wrapper>
     `, isInline: true, dependencies: [{ kind: "component", type: IconWrapperComponent, selector: "kendo-icon-wrapper", inputs: ["name", "svgIcon", "innerCssClass", "customFontClass", "size"], exportAs: ["kendoIconWrapper"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.23", ngImport: i0, type: ToolbarScrollableButtonComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.33", ngImport: i0, type: ToolbarScrollableButtonComponent, decorators: [{
             type: Component,
             args: [{
                     template: `
@@ -1464,7 +1464,7 @@ class ToolBarComponent {
     get popupRef() {
         return this._popupRef();
     }
-    _popupRef = signal(null, ...(ngDevMode ? [{ debugName: "_popupRef" }] : /* istanbul ignore next */ []));
+    _popupRef = signal(null, ...(ngDevMode ? [{ debugName: "_popupRef" }] : []));
     get direction() {
         return this._direction();
     }
@@ -1513,19 +1513,19 @@ class ToolBarComponent {
     get sectionClass() {
         return this.normalizedOverflow.mode === 'section';
     }
-    _overflow = signal(false, ...(ngDevMode ? [{ debugName: "_overflow" }] : /* istanbul ignore next */ []));
-    _popupSettings = signal(undefined, ...(ngDevMode ? [{ debugName: "_popupSettings" }] : /* istanbul ignore next */ []));
-    cachedOverflowAnchorWidth = signal(null, ...(ngDevMode ? [{ debugName: "cachedOverflowAnchorWidth" }] : /* istanbul ignore next */ []));
-    _open = signal(false, ...(ngDevMode ? [{ debugName: "_open" }] : /* istanbul ignore next */ []));
-    _direction = signal('ltr', ...(ngDevMode ? [{ debugName: "_direction" }] : /* istanbul ignore next */ []));
-    _tabindex = signal(0, ...(ngDevMode ? [{ debugName: "_tabindex" }] : /* istanbul ignore next */ []));
+    _overflow = signal(false, ...(ngDevMode ? [{ debugName: "_overflow" }] : []));
+    _popupSettings = signal(undefined, ...(ngDevMode ? [{ debugName: "_popupSettings" }] : []));
+    cachedOverflowAnchorWidth = signal(null, ...(ngDevMode ? [{ debugName: "cachedOverflowAnchorWidth" }] : []));
+    _open = signal(false, ...(ngDevMode ? [{ debugName: "_open" }] : []));
+    _direction = signal('ltr', ...(ngDevMode ? [{ debugName: "_direction" }] : []));
+    _tabindex = signal(0, ...(ngDevMode ? [{ debugName: "_tabindex" }] : []));
     toolbarKeydownListener;
     overflowKeydownListener;
     sectionKeydownListener;
     cancelRenderedToolsSubscription$ = new Subject();
-    cachedGap = signal(null, ...(ngDevMode ? [{ debugName: "cachedGap" }] : /* istanbul ignore next */ []));
-    _size = signal(undefined, ...(ngDevMode ? [{ debugName: "_size" }] : /* istanbul ignore next */ []));
-    _fillMode = signal(undefined, ...(ngDevMode ? [{ debugName: "_fillMode" }] : /* istanbul ignore next */ []));
+    cachedGap = signal(null, ...(ngDevMode ? [{ debugName: "cachedGap" }] : []));
+    _size = signal(undefined, ...(ngDevMode ? [{ debugName: "_size" }] : []));
+    _fillMode = signal(undefined, ...(ngDevMode ? [{ debugName: "_fillMode" }] : []));
     _scrollButtonClasses = computed(() => {
         const size = SIZES[this._size()];
         const fillMode = this._fillMode();
@@ -1533,12 +1533,12 @@ class ToolBarComponent {
             size && `k-button-${size}`,
             fillMode && `k-button-${fillMode}`
         ].filter(Boolean);
-    }, ...(ngDevMode ? [{ debugName: "_scrollButtonClasses" }] : /* istanbul ignore next */ []));
-    _showText = signal('always', ...(ngDevMode ? [{ debugName: "_showText" }] : /* istanbul ignore next */ []));
-    _showIcon = signal('always', ...(ngDevMode ? [{ debugName: "_showIcon" }] : /* istanbul ignore next */ []));
-    overflowButtonClickedTime = signal(null, ...(ngDevMode ? [{ debugName: "overflowButtonClickedTime" }] : /* istanbul ignore next */ []));
-    _showAutoButtons = signal(false, ...(ngDevMode ? [{ debugName: "_showAutoButtons" }] : /* istanbul ignore next */ []));
-    _showOverflowSeparator = signal(false, ...(ngDevMode ? [{ debugName: "_showOverflowSeparator" }] : /* istanbul ignore next */ []));
+    }, ...(ngDevMode ? [{ debugName: "_scrollButtonClasses" }] : []));
+    _showText = signal('always', ...(ngDevMode ? [{ debugName: "_showText" }] : []));
+    _showIcon = signal('always', ...(ngDevMode ? [{ debugName: "_showIcon" }] : []));
+    overflowButtonClickedTime = signal(null, ...(ngDevMode ? [{ debugName: "overflowButtonClickedTime" }] : []));
+    _showAutoButtons = signal(false, ...(ngDevMode ? [{ debugName: "_showAutoButtons" }] : []));
+    _showOverflowSeparator = signal(false, ...(ngDevMode ? [{ debugName: "_showOverflowSeparator" }] : []));
     scrollButtonStateChangeSub;
     scrollContainerScrollSub;
     /**
@@ -2271,8 +2271,8 @@ class ToolBarComponent {
         }
         return value;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.23", ngImport: i0, type: ToolBarComponent, deps: [{ token: i1.LocalizationService }, { token: i2.PopupService }, { token: RefreshService }, { token: NavigationService }, { token: i0.ElementRef }, { token: i0.Renderer2 }, { token: i0.ChangeDetectorRef }, { token: ToolbarToolsService }, { token: ScrollService }, { token: i0.Injector }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.23", 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", toolsSource: "toolsSource" }, 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: [
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.33", ngImport: i0, type: ToolBarComponent, deps: [{ token: i1.LocalizationService }, { token: i2.PopupService }, { token: RefreshService }, { token: NavigationService }, { token: i0.ElementRef }, { token: i0.Renderer2 }, { token: i0.ChangeDetectorRef }, { token: ToolbarToolsService }, { token: ScrollService }, { token: i0.Injector }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.33", 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", toolsSource: "toolsSource" }, 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,
             NavigationService,
             LocalizationService,
@@ -2483,7 +2483,7 @@ class ToolBarComponent {
         }
     `, isInline: true, dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: LocalizedToolbarMessagesDirective, selector: "[kendoToolbarLocalizedMessages]" }, { kind: "directive", type: ToolBarRendererComponent, selector: "[kendoToolbarRenderer]", inputs: ["tool", "location", "resizable"], outputs: ["rendererClick"] }, { kind: "component", type: ButtonComponent, selector: "button[kendoButton]", inputs: ["arrowIcon", "toggleable", "togglable", "selected", "tabIndex", "imageUrl", "iconPosition", "iconClass", "icon", "disabled", "size", "rounded", "fillMode", "themeColor", "svgIcon"], outputs: ["selectedChange", "click"], exportAs: ["kendoButton"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: ResizeSensorComponent, selector: "kendo-resize-sensor", inputs: ["rateLimit"], outputs: ["resize"] }, { kind: "component", type: ToolbarScrollableButtonComponent, selector: "[kendoToolbarScrollableButton]", inputs: ["prev", "overflow"], outputs: ["onClick"] }, { kind: "component", type: WatermarkOverlayComponent, selector: "div[kendoWatermarkOverlay], kendo-watermark-overlay", inputs: ["licenseMessage"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.23", ngImport: i0, type: ToolBarComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.33", ngImport: i0, type: ToolBarComponent, decorators: [{
             type: Component,
             args: [{
                     exportAs: 'kendoToolBar',
@@ -3044,22 +3044,22 @@ class ToolBarButtonComponent extends ToolBarToolComponent {
     toolbarButtonElement;
     sectionButtonElement;
     overflowButtonElement;
-    _icon = signal(null, ...(ngDevMode ? [{ debugName: "_icon" }] : /* istanbul ignore next */ []));
-    _iconClass = signal(null, ...(ngDevMode ? [{ debugName: "_iconClass" }] : /* istanbul ignore next */ []));
-    _svgIcon = signal(null, ...(ngDevMode ? [{ debugName: "_svgIcon" }] : /* istanbul ignore next */ []));
-    _imageUrl = signal(null, ...(ngDevMode ? [{ debugName: "_imageUrl" }] : /* istanbul ignore next */ []));
-    _showText = signal(null, ...(ngDevMode ? [{ debugName: "_showText" }] : /* istanbul ignore next */ []));
-    _showIcon = signal(null, ...(ngDevMode ? [{ debugName: "_showIcon" }] : /* istanbul ignore next */ []));
-    _text = signal(null, ...(ngDevMode ? [{ debugName: "_text" }] : /* istanbul ignore next */ []));
-    _style = signal(null, ...(ngDevMode ? [{ debugName: "_style" }] : /* istanbul ignore next */ []));
-    _className = signal(null, ...(ngDevMode ? [{ debugName: "_className" }] : /* istanbul ignore next */ []));
-    _title = signal(null, ...(ngDevMode ? [{ debugName: "_title" }] : /* istanbul ignore next */ []));
-    _disabled = signal(false, ...(ngDevMode ? [{ debugName: "_disabled" }] : /* istanbul ignore next */ []));
-    _toggleable = signal(false, ...(ngDevMode ? [{ debugName: "_toggleable" }] : /* istanbul ignore next */ []));
-    _selected = signal(false, ...(ngDevMode ? [{ debugName: "_selected" }] : /* istanbul ignore next */ []));
-    _fillMode = signal(undefined, ...(ngDevMode ? [{ debugName: "_fillMode" }] : /* istanbul ignore next */ []));
-    _rounded = signal(undefined, ...(ngDevMode ? [{ debugName: "_rounded" }] : /* istanbul ignore next */ []));
-    _themeColor = signal(undefined, ...(ngDevMode ? [{ debugName: "_themeColor" }] : /* istanbul ignore next */ []));
+    _icon = signal(null, ...(ngDevMode ? [{ debugName: "_icon" }] : []));
+    _iconClass = signal(null, ...(ngDevMode ? [{ debugName: "_iconClass" }] : []));
+    _svgIcon = signal(null, ...(ngDevMode ? [{ debugName: "_svgIcon" }] : []));
+    _imageUrl = signal(null, ...(ngDevMode ? [{ debugName: "_imageUrl" }] : []));
+    _showText = signal(null, ...(ngDevMode ? [{ debugName: "_showText" }] : []));
+    _showIcon = signal(null, ...(ngDevMode ? [{ debugName: "_showIcon" }] : []));
+    _text = signal(null, ...(ngDevMode ? [{ debugName: "_text" }] : []));
+    _style = signal(null, ...(ngDevMode ? [{ debugName: "_style" }] : []));
+    _className = signal(null, ...(ngDevMode ? [{ debugName: "_className" }] : []));
+    _title = signal(null, ...(ngDevMode ? [{ debugName: "_title" }] : []));
+    _disabled = signal(false, ...(ngDevMode ? [{ debugName: "_disabled" }] : []));
+    _toggleable = signal(false, ...(ngDevMode ? [{ debugName: "_toggleable" }] : []));
+    _selected = signal(false, ...(ngDevMode ? [{ debugName: "_selected" }] : []));
+    _fillMode = signal(undefined, ...(ngDevMode ? [{ debugName: "_fillMode" }] : []));
+    _rounded = signal(undefined, ...(ngDevMode ? [{ debugName: "_rounded" }] : []));
+    _themeColor = signal(undefined, ...(ngDevMode ? [{ debugName: "_themeColor" }] : []));
     propertyChangeSub;
     _overflowOptions = signal({
         text: '',
@@ -3067,14 +3067,14 @@ class ToolBarButtonComponent extends ToolBarToolComponent {
         iconClass: '',
         svgIcon: null,
         imageUrl: ''
-    }, ...(ngDevMode ? [{ debugName: "_overflowOptions" }] : /* istanbul ignore next */ []));
+    }, ...(ngDevMode ? [{ debugName: "_overflowOptions" }] : []));
     _toolbarOptions = signal({
         text: '',
         icon: '',
         iconClass: '',
         svgIcon: null,
         imageUrl: ''
-    }, ...(ngDevMode ? [{ debugName: "_toolbarOptions" }] : /* istanbul ignore next */ []));
+    }, ...(ngDevMode ? [{ debugName: "_toolbarOptions" }] : []));
     constructor(element, injector, host, cdr) {
         super();
         this.element = element;
@@ -3163,8 +3163,8 @@ class ToolBarButtonComponent extends ToolBarToolComponent {
         this.toolbarOptions.imageUrl = getValueForLocation(this._imageUrl(), this.showIcon, false);
         this.overflowOptions.imageUrl = getValueForLocation(this._imageUrl(), this.showIcon, true);
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.23", ngImport: i0, type: ToolBarButtonComponent, deps: [{ token: i0.ElementRef }, { token: i0.Injector }, { token: ToolBarComponent }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.23", type: ToolBarButtonComponent, isStandalone: true, selector: "kendo-toolbar-button", inputs: { showText: "showText", showIcon: "showIcon", text: "text", style: "style", className: "className", title: "title", disabled: "disabled", toggleable: "toggleable", look: "look", togglable: "togglable", selected: "selected", fillMode: "fillMode", rounded: "rounded", themeColor: "themeColor", icon: "icon", iconClass: "iconClass", svgIcon: "svgIcon", imageUrl: "imageUrl" }, outputs: { click: "click", pointerdown: "pointerdown", selectedChange: "selectedChange" }, providers: [{ provide: ToolBarToolComponent, useExisting: forwardRef(() => ToolBarButtonComponent) }], viewQueries: [{ propertyName: "toolbarButtonElement", first: true, predicate: ["toolbarButton"], descendants: true, read: ElementRef }, { propertyName: "sectionButtonElement", first: true, predicate: ["sectionButton"], descendants: true, read: ElementRef }, { propertyName: "overflowButtonElement", first: true, predicate: ["overflowButton"], descendants: true, read: ElementRef }], exportAs: ["kendoToolBarButton"], usesInheritance: true, ngImport: i0, template: `
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.33", ngImport: i0, type: ToolBarButtonComponent, deps: [{ token: i0.ElementRef }, { token: i0.Injector }, { token: ToolBarComponent }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.33", type: ToolBarButtonComponent, isStandalone: true, selector: "kendo-toolbar-button", inputs: { showText: "showText", showIcon: "showIcon", text: "text", style: "style", className: "className", title: "title", disabled: "disabled", toggleable: "toggleable", look: "look", togglable: "togglable", selected: "selected", fillMode: "fillMode", rounded: "rounded", themeColor: "themeColor", icon: "icon", iconClass: "iconClass", svgIcon: "svgIcon", imageUrl: "imageUrl" }, outputs: { click: "click", pointerdown: "pointerdown", selectedChange: "selectedChange" }, providers: [{ provide: ToolBarToolComponent, useExisting: forwardRef(() => ToolBarButtonComponent) }], viewQueries: [{ propertyName: "toolbarButtonElement", first: true, predicate: ["toolbarButton"], descendants: true, read: ElementRef }, { propertyName: "sectionButtonElement", first: true, predicate: ["sectionButton"], descendants: true, read: ElementRef }, { propertyName: "overflowButtonElement", first: true, predicate: ["overflowButton"], descendants: true, read: ElementRef }], exportAs: ["kendoToolBarButton"], usesInheritance: true, ngImport: i0, template: `
         <ng-template #toolbarTemplate>
           @if (hasBadgeContainer) {
             <kendo-badge-container>
@@ -3338,7 +3338,7 @@ class ToolBarButtonComponent extends ToolBarToolComponent {
         </ng-template>
         `, isInline: true, dependencies: [{ kind: "component", type: ButtonComponent, selector: "button[kendoButton]", inputs: ["arrowIcon", "toggleable", "togglable", "selected", "tabIndex", "imageUrl", "iconPosition", "iconClass", "icon", "disabled", "size", "rounded", "fillMode", "themeColor", "svgIcon"], outputs: ["selectedChange", "click"], exportAs: ["kendoButton"] }, { kind: "directive", type: NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: IconWrapperComponent, selector: "kendo-icon-wrapper", inputs: ["name", "svgIcon", "innerCssClass", "customFontClass", "size"], exportAs: ["kendoIconWrapper"] }, { kind: "component", type: BadgeComponent, selector: "kendo-badge", inputs: ["align", "size", "fill", "themeColor", "rounded", "position", "cutoutBorder"] }, { kind: "component", type: BadgeContainerComponent, selector: "kendo-badge-container" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.23", ngImport: i0, type: ToolBarButtonComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.33", ngImport: i0, type: ToolBarButtonComponent, decorators: [{
             type: Component,
             args: [{
                     exportAs: 'kendoToolBarButton',
@@ -3679,11 +3679,11 @@ class ToolBarButtonGroupComponent extends ToolBarToolComponent {
                 .map(b => b.element);
         }
     }
-    _disabled = signal(undefined, ...(ngDevMode ? [{ debugName: "_disabled" }] : /* istanbul ignore next */ []));
-    _fillMode = signal(undefined, ...(ngDevMode ? [{ debugName: "_fillMode" }] : /* istanbul ignore next */ []));
-    _selection = signal('multiple', ...(ngDevMode ? [{ debugName: "_selection" }] : /* istanbul ignore next */ []));
-    _width = signal(undefined, ...(ngDevMode ? [{ debugName: "_width" }] : /* istanbul ignore next */ []));
-    focusedIndex = signal(-1, ...(ngDevMode ? [{ debugName: "focusedIndex" }] : /* istanbul ignore next */ []));
+    _disabled = signal(undefined, ...(ngDevMode ? [{ debugName: "_disabled" }] : []));
+    _fillMode = signal(undefined, ...(ngDevMode ? [{ debugName: "_fillMode" }] : []));
+    _selection = signal('multiple', ...(ngDevMode ? [{ debugName: "_selection" }] : []));
+    _width = signal(undefined, ...(ngDevMode ? [{ debugName: "_width" }] : []));
+    focusedIndex = signal(-1, ...(ngDevMode ? [{ debugName: "focusedIndex" }] : []));
     getNextKey;
     getPrevKey;
     constructor(localization, host, cdr) {
@@ -3800,8 +3800,8 @@ class ToolBarButtonGroupComponent extends ToolBarToolComponent {
             this.buttonElements[index]?.focus();
         }
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.23", ngImport: i0, type: ToolBarButtonGroupComponent, deps: [{ token: i1.LocalizationService }, { token: ToolBarComponent }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.23", 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(() => 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: `
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.33", ngImport: i0, type: ToolBarButtonGroupComponent, deps: [{ token: i1.LocalizationService }, { token: ToolBarComponent }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.33", 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(() => 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
             class="k-toolbar-button-group"
@@ -3913,7 +3913,7 @@ class ToolBarButtonGroupComponent extends ToolBarToolComponent {
         </ng-template>
         `, isInline: true, dependencies: [{ kind: "component", type: ButtonGroupComponent, selector: "kendo-buttongroup", inputs: ["disabled", "selection", "width", "tabIndex", "navigable"], outputs: ["navigate"], exportAs: ["kendoButtonGroup"] }, { kind: "component", type: ButtonComponent, selector: "button[kendoButton]", inputs: ["arrowIcon", "toggleable", "togglable", "selected", "tabIndex", "imageUrl", "iconPosition", "iconClass", "icon", "disabled", "size", "rounded", "fillMode", "themeColor", "svgIcon"], outputs: ["selectedChange", "click"], exportAs: ["kendoButton"] }, { kind: "directive", type: NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: IconWrapperComponent, selector: "kendo-icon-wrapper", inputs: ["name", "svgIcon", "innerCssClass", "customFontClass", "size"], exportAs: ["kendoIconWrapper"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.23", ngImport: i0, type: ToolBarButtonGroupComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.33", ngImport: i0, type: ToolBarButtonGroupComponent, decorators: [{
             type: Component,
             args: [{
                     exportAs: 'kendoToolBarButtonGroup',
@@ -4304,23 +4304,23 @@ class ToolBarDropDownButtonComponent extends ToolBarToolComponent {
     get location() {
         return super.location;
     }
-    _data = signal([], ...(ngDevMode ? [{ debugName: "_data" }] : /* istanbul ignore next */ []));
-    _popupSettings = signal({ animate: true, popupClass: '' }, ...(ngDevMode ? [{ debugName: "_popupSettings" }] : /* istanbul ignore next */ []));
-    focusedIndex = signal(-1, ...(ngDevMode ? [{ debugName: "focusedIndex" }] : /* istanbul ignore next */ []));
-    _showText = signal(null, ...(ngDevMode ? [{ debugName: "_showText" }] : /* istanbul ignore next */ []));
-    _showIcon = signal(null, ...(ngDevMode ? [{ debugName: "_showIcon" }] : /* istanbul ignore next */ []));
-    _text = signal(null, ...(ngDevMode ? [{ debugName: "_text" }] : /* istanbul ignore next */ []));
-    _arrowIcon = signal(false, ...(ngDevMode ? [{ debugName: "_arrowIcon" }] : /* istanbul ignore next */ []));
-    _title = signal('', ...(ngDevMode ? [{ debugName: "_title" }] : /* istanbul ignore next */ []));
-    _fillMode = signal(undefined, ...(ngDevMode ? [{ debugName: "_fillMode" }] : /* istanbul ignore next */ []));
-    _themeColor = signal(undefined, ...(ngDevMode ? [{ debugName: "_themeColor" }] : /* istanbul ignore next */ []));
-    _buttonClass = signal(undefined, ...(ngDevMode ? [{ debugName: "_buttonClass" }] : /* istanbul ignore next */ []));
-    _textField = signal(undefined, ...(ngDevMode ? [{ debugName: "_textField" }] : /* istanbul ignore next */ []));
-    _disabled = signal(undefined, ...(ngDevMode ? [{ debugName: "_disabled" }] : /* istanbul ignore next */ []));
-    _icon = signal(null, ...(ngDevMode ? [{ debugName: "_icon" }] : /* istanbul ignore next */ []));
-    _iconClass = signal(null, ...(ngDevMode ? [{ debugName: "_iconClass" }] : /* istanbul ignore next */ []));
-    _svgIcon = signal(null, ...(ngDevMode ? [{ debugName: "_svgIcon" }] : /* istanbul ignore next */ []));
-    _imageUrl = signal(null, ...(ngDevMode ? [{ debugName: "_imageUrl" }] : /* istanbul ignore next */ []));
+    _data = signal([], ...(ngDevMode ? [{ debugName: "_data" }] : []));
+    _popupSettings = signal({ animate: true, popupClass: '' }, ...(ngDevMode ? [{ debugName: "_popupSettings" }] : []));
+    focusedIndex = signal(-1, ...(ngDevMode ? [{ debugName: "focusedIndex" }] : []));
+    _showText = signal(null, ...(ngDevMode ? [{ debugName: "_showText" }] : []));
+    _showIcon = signal(null, ...(ngDevMode ? [{ debugName: "_showIcon" }] : []));
+    _text = signal(null, ...(ngDevMode ? [{ debugName: "_text" }] : []));
+    _arrowIcon = signal(false, ...(ngDevMode ? [{ debugName: "_arrowIcon" }] : []));
+    _title = signal('', ...(ngDevMode ? [{ debugName: "_title" }] : []));
+    _fillMode = signal(undefined, ...(ngDevMode ? [{ debugName: "_fillMode" }] : []));
+    _themeColor = signal(undefined, ...(ngDevMode ? [{ debugName: "_themeColor" }] : []));
+    _buttonClass = signal(undefined, ...(ngDevMode ? [{ debugName: "_buttonClass" }] : []));
+    _textField = signal(undefined, ...(ngDevMode ? [{ debugName: "_textField" }] : []));
+    _disabled = signal(undefined, ...(ngDevMode ? [{ debugName: "_disabled" }] : []));
+    _icon = signal(null, ...(ngDevMode ? [{ debugName: "_icon" }] : []));
+    _iconClass = signal(null, ...(ngDevMode ? [{ debugName: "_iconClass" }] : []));
+    _svgIcon = signal(null, ...(ngDevMode ? [{ debugName: "_svgIcon" }] : []));
+    _imageUrl = signal(null, ...(ngDevMode ? [{ debugName: "_imageUrl" }] : []));
     propertyChangeSub;
     getNextKey;
     getPrevKey;
@@ -4437,8 +4437,8 @@ class ToolBarDropDownButtonComponent extends ToolBarToolComponent {
         this.toolbarOptions.imageUrl = getValueForLocation(this._imageUrl(), this.showIcon, false);
         this.overflowOptions.imageUrl = getValueForLocation(this._imageUrl(), this.showIcon, true);
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.23", ngImport: i0, type: ToolBarDropDownButtonComponent, deps: [{ token: ToolBarComponent }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.23", type: ToolBarDropDownButtonComponent, isStandalone: true, selector: "kendo-toolbar-dropdownbutton", inputs: { 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" }, outputs: { itemClick: "itemClick", open: "open", close: "close" }, providers: [{ provide: ToolBarToolComponent, useExisting: forwardRef(() => ToolBarDropDownButtonComponent) }], viewQueries: [{ propertyName: "dropdownButton", first: true, predicate: ["dropdownButton"], descendants: true, read: ElementRef, static: true }, { propertyName: "toolbarDropDownButton", first: true, predicate: ["toolbarDropDownButton"], descendants: true }, { propertyName: "sectionDropDownButton", first: true, predicate: ["sectionDropDownButton"], descendants: true }, { propertyName: "overflowListItems", predicate: ["listItem"], descendants: true }], exportAs: ["kendoToolBarDropDownButton"], usesInheritance: true, ngImport: i0, template: `
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.33", ngImport: i0, type: ToolBarDropDownButtonComponent, deps: [{ token: ToolBarComponent }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.33", type: ToolBarDropDownButtonComponent, isStandalone: true, selector: "kendo-toolbar-dropdownbutton", inputs: { 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" }, outputs: { itemClick: "itemClick", open: "open", close: "close" }, providers: [{ provide: ToolBarToolComponent, useExisting: forwardRef(() => ToolBarDropDownButtonComponent) }], viewQueries: [{ propertyName: "dropdownButton", first: true, predicate: ["dropdownButton"], descendants: true, read: ElementRef, static: true }, { propertyName: "toolbarDropDownButton", first: true, predicate: ["toolbarDropDownButton"], descendants: true }, { propertyName: "sectionDropDownButton", first: true, predicate: ["sectionDropDownButton"], descendants: true }, { propertyName: "overflowListItems", predicate: ["listItem"], descendants: true }], exportAs: ["kendoToolBarDropDownButton"], usesInheritance: true, ngImport: i0, template: `
         <ng-template #toolbarTemplate>
           <kendo-dropdownbutton #toolbarDropDownButton
             [icon]="toolbarOptions.icon"
@@ -4537,7 +4537,7 @@ class ToolBarDropDownButtonComponent extends ToolBarToolComponent {
         </ng-template>
         `, isInline: true, dependencies: [{ kind: "component", type: DropDownButtonComponent, selector: "kendo-dropdownbutton", inputs: ["arrowIcon", "icon", "svgIcon", "iconClass", "imageUrl", "textField", "data", "size", "rounded", "fillMode", "themeColor", "buttonAttributes"], outputs: ["itemClick", "focus", "blur"], exportAs: ["kendoDropDownButton"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: IconWrapperComponent, selector: "kendo-icon-wrapper", inputs: ["name", "svgIcon", "innerCssClass", "customFontClass", "size"], exportAs: ["kendoIconWrapper"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.23", ngImport: i0, type: ToolBarDropDownButtonComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.33", ngImport: i0, type: ToolBarDropDownButtonComponent, decorators: [{
             type: Component,
             args: [{
                     exportAs: 'kendoToolBarDropDownButton',
@@ -4946,24 +4946,24 @@ class ToolBarSplitButtonComponent extends ToolBarToolComponent {
     get overflowButtons() {
         return [this.overflowMainButton, ...this.overflowListItems.toArray().filter(el => !el.nativeElement.classList.contains('k-disabled'))];
     }
-    _icon = signal(null, ...(ngDevMode ? [{ debugName: "_icon" }] : /* istanbul ignore next */ []));
-    _iconClass = signal(null, ...(ngDevMode ? [{ debugName: "_iconClass" }] : /* istanbul ignore next */ []));
-    _svgIcon = signal(null, ...(ngDevMode ? [{ debugName: "_svgIcon" }] : /* istanbul ignore next */ []));
-    _imageUrl = signal(null, ...(ngDevMode ? [{ debugName: "_imageUrl" }] : /* istanbul ignore next */ []));
-    _data = signal([], ...(ngDevMode ? [{ debugName: "_data" }] : /* istanbul ignore next */ []));
-    _popupSettings = signal({ animate: true, popupClass: '' }, ...(ngDevMode ? [{ debugName: "_popupSettings" }] : /* istanbul ignore next */ []));
-    focusedIndex = signal(-1, ...(ngDevMode ? [{ debugName: "focusedIndex" }] : /* istanbul ignore next */ []));
-    _showText = signal(null, ...(ngDevMode ? [{ debugName: "_showText" }] : /* istanbul ignore next */ []));
-    _showIcon = signal(null, ...(ngDevMode ? [{ debugName: "_showIcon" }] : /* istanbul ignore next */ []));
-    _text = signal(null, ...(ngDevMode ? [{ debugName: "_text" }] : /* istanbul ignore next */ []));
-    _disabled = signal(undefined, ...(ngDevMode ? [{ debugName: "_disabled" }] : /* istanbul ignore next */ []));
-    _fillMode = signal(undefined, ...(ngDevMode ? [{ debugName: "_fillMode" }] : /* istanbul ignore next */ []));
-    _themeColor = signal(undefined, ...(ngDevMode ? [{ debugName: "_themeColor" }] : /* istanbul ignore next */ []));
-    _buttonClass = signal(undefined, ...(ngDevMode ? [{ debugName: "_buttonClass" }] : /* istanbul ignore next */ []));
-    _arrowButtonClass = signal(undefined, ...(ngDevMode ? [{ debugName: "_arrowButtonClass" }] : /* istanbul ignore next */ []));
-    _arrowButtonIcon = signal('chevron-down', ...(ngDevMode ? [{ debugName: "_arrowButtonIcon" }] : /* istanbul ignore next */ []));
-    _arrowButtonSvgIcon = signal(chevronDownIcon, ...(ngDevMode ? [{ debugName: "_arrowButtonSvgIcon" }] : /* istanbul ignore next */ []));
-    _textField = signal('text', ...(ngDevMode ? [{ debugName: "_textField" }] : /* istanbul ignore next */ []));
+    _icon = signal(null, ...(ngDevMode ? [{ debugName: "_icon" }] : []));
+    _iconClass = signal(null, ...(ngDevMode ? [{ debugName: "_iconClass" }] : []));
+    _svgIcon = signal(null, ...(ngDevMode ? [{ debugName: "_svgIcon" }] : []));
+    _imageUrl = signal(null, ...(ngDevMode ? [{ debugName: "_imageUrl" }] : []));
+    _data = signal([], ...(ngDevMode ? [{ debugName: "_data" }] : []));
+    _popupSettings = signal({ animate: true, popupClass: '' }, ...(ngDevMode ? [{ debugName: "_popupSettings" }] : []));
+    focusedIndex = signal(-1, ...(ngDevMode ? [{ debugName: "focusedIndex" }] : []));
+    _showText = signal(null, ...(ngDevMode ? [{ debugName: "_showText" }] : []));
+    _showIcon = signal(null, ...(ngDevMode ? [{ debugName: "_showIcon" }] : []));
+    _text = signal(null, ...(ngDevMode ? [{ debugName: "_text" }] : []));
+    _disabled = signal(undefined, ...(ngDevMode ? [{ debugName: "_disabled" }] : []));
+    _fillMode = signal(undefined, ...(ngDevMode ? [{ debugName: "_fillMode" }] : []));
+    _themeColor = signal(undefined, ...(ngDevMode ? [{ debugName: "_themeColor" }] : []));
+    _buttonClass = signal(undefined, ...(ngDevMode ? [{ debugName: "_buttonClass" }] : []));
+    _arrowButtonClass = signal(undefined, ...(ngDevMode ? [{ debugName: "_arrowButtonClass" }] : []));
+    _arrowButtonIcon = signal('chevron-down', ...(ngDevMode ? [{ debugName: "_arrowButtonIcon" }] : []));
+    _arrowButtonSvgIcon = signal(chevronDownIcon, ...(ngDevMode ? [{ debugName: "_arrowButtonSvgIcon" }] : []));
+    _textField = signal('text', ...(ngDevMode ? [{ debugName: "_textField" }] : []));
     propertyChangeSub;
     getNextKey;
     getPrevKey;
@@ -5090,8 +5090,8 @@ class ToolBarSplitButtonComponent extends ToolBarToolComponent {
         this.toolbarOptions.imageUrl = getValueForLocation(this._imageUrl(), this.showIcon, false);
         this.overflowOptions.imageUrl = getValueForLocation(this._imageUrl(), this.showIcon, true);
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.23", ngImport: i0, type: ToolBarSplitButtonComponent, deps: [{ token: ToolBarComponent }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.23", type: ToolBarSplitButtonComponent, isStandalone: true, selector: "kendo-toolbar-splitbutton", inputs: { 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" }, outputs: { buttonClick: "buttonClick", itemClick: "itemClick", open: "open", close: "close" }, providers: [{ provide: ToolBarToolComponent, useExisting: forwardRef(() => ToolBarSplitButtonComponent) }], viewQueries: [{ propertyName: "toolbarSplitButton", first: true, predicate: ["toolbarSplitButton"], descendants: true }, { propertyName: "sectionSplitButton", first: true, predicate: ["sectionSplitButton"], descendants: true }, { propertyName: "overflowMainButton", first: true, predicate: ["overflowMainButton"], descendants: true, read: ElementRef }, { propertyName: "overflowListItems", predicate: ["listItem"], descendants: true }], exportAs: ["kendoToolBarSplitButton"], usesInheritance: true, ngImport: i0, template: `
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.33", ngImport: i0, type: ToolBarSplitButtonComponent, deps: [{ token: ToolBarComponent }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.33", type: ToolBarSplitButtonComponent, isStandalone: true, selector: "kendo-toolbar-splitbutton", inputs: { 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" }, outputs: { buttonClick: "buttonClick", itemClick: "itemClick", open: "open", close: "close" }, providers: [{ provide: ToolBarToolComponent, useExisting: forwardRef(() => ToolBarSplitButtonComponent) }], viewQueries: [{ propertyName: "toolbarSplitButton", first: true, predicate: ["toolbarSplitButton"], descendants: true }, { propertyName: "sectionSplitButton", first: true, predicate: ["sectionSplitButton"], descendants: true }, { propertyName: "overflowMainButton", first: true, predicate: ["overflowMainButton"], descendants: true, read: ElementRef }, { propertyName: "overflowListItems", predicate: ["listItem"], descendants: true }], exportAs: ["kendoToolBarSplitButton"], usesInheritance: true, ngImport: i0, template: `
         <ng-template #toolbarTemplate>
           <kendo-splitbutton
             #toolbarSplitButton
@@ -5197,7 +5197,7 @@ class ToolBarSplitButtonComponent extends ToolBarToolComponent {
         </ng-template>
         `, isInline: true, dependencies: [{ kind: "component", type: SplitButtonComponent, selector: "kendo-splitbutton", inputs: ["text", "icon", "svgIcon", "iconClass", "type", "imageUrl", "size", "rounded", "fillMode", "themeColor", "disabled", "popupSettings", "tabIndex", "textField", "data", "arrowButtonClass", "arrowButtonIcon", "arrowButtonSvgIcon", "buttonAttributes"], outputs: ["buttonClick", "itemClick", "focus", "blur", "open", "close"], exportAs: ["kendoSplitButton"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: IconWrapperComponent, selector: "kendo-icon-wrapper", inputs: ["name", "svgIcon", "innerCssClass", "customFontClass", "size"], exportAs: ["kendoIconWrapper"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.23", ngImport: i0, type: ToolBarSplitButtonComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.33", ngImport: i0, type: ToolBarSplitButtonComponent, decorators: [{
             type: Component,
             args: [{
                     exportAs: 'kendoToolBarSplitButton',
@@ -5415,8 +5415,8 @@ class ToolBarSeparatorComponent extends ToolBarToolComponent {
             this.popupTemplate = this.toolbarTemplate;
         }
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.23", ngImport: i0, type: ToolBarSeparatorComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.23", type: ToolBarSeparatorComponent, isStandalone: true, selector: "kendo-toolbar-separator", providers: [{ provide: ToolBarToolComponent, useExisting: forwardRef(() => ToolBarSeparatorComponent) }], viewQueries: [{ propertyName: "separator", first: true, predicate: ["separator"], descendants: true }], exportAs: ["kendoToolBarSeparator"], usesInheritance: true, ngImport: i0, template: `
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.33", ngImport: i0, type: ToolBarSeparatorComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.33", type: ToolBarSeparatorComponent, isStandalone: true, selector: "kendo-toolbar-separator", providers: [{ provide: ToolBarToolComponent, useExisting: forwardRef(() => ToolBarSeparatorComponent) }], viewQueries: [{ propertyName: "separator", first: true, predicate: ["separator"], descendants: true }], exportAs: ["kendoToolBarSeparator"], usesInheritance: true, ngImport: i0, template: `
         <ng-template #toolbarTemplate>
             <div class="k-separator k-toolbar-separator"></div>
         </ng-template>
@@ -5432,7 +5432,7 @@ class ToolBarSeparatorComponent extends ToolBarToolComponent {
         </ng-template>
     `, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.23", ngImport: i0, type: ToolBarSeparatorComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.33", ngImport: i0, type: ToolBarSeparatorComponent, decorators: [{
             type: Component,
             args: [{
                     exportAs: 'kendoToolBarSeparator',
@@ -5509,14 +5509,14 @@ class ToolBarSpacerComponent extends ToolBarToolComponent {
             this.popupTemplate = this.toolbarTemplate;
         }
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.23", ngImport: i0, type: ToolBarSpacerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.23", type: ToolBarSpacerComponent, isStandalone: true, selector: "kendo-toolbar-spacer", providers: [{ provide: ToolBarToolComponent, useExisting: forwardRef(() => ToolBarSpacerComponent) }], exportAs: ["kendoToolBarSpacer"], usesInheritance: true, ngImport: i0, template: `
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.33", ngImport: i0, type: ToolBarSpacerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.33", type: ToolBarSpacerComponent, isStandalone: true, selector: "kendo-toolbar-spacer", providers: [{ provide: ToolBarToolComponent, useExisting: forwardRef(() => ToolBarSpacerComponent) }], exportAs: ["kendoToolBarSpacer"], usesInheritance: true, ngImport: i0, template: `
         <ng-template #toolbarTemplate>
             <div class="k-spacer"></div>
         </ng-template>
     `, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.23", ngImport: i0, type: ToolBarSpacerComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.33", ngImport: i0, type: ToolBarSpacerComponent, decorators: [{
             type: Component,
             args: [{
                     exportAs: 'kendoToolBarSpacer',
@@ -5557,15 +5557,15 @@ class ToolbarCustomMessagesComponent extends ToolbarMessages {
     get override() {
         return true;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.23", ngImport: i0, type: ToolbarCustomMessagesComponent, deps: [{ token: i1.LocalizationService }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.23", type: ToolbarCustomMessagesComponent, isStandalone: true, selector: "kendo-toolbar-messages", providers: [
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.33", ngImport: i0, type: ToolbarCustomMessagesComponent, deps: [{ token: i1.LocalizationService }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.33", type: ToolbarCustomMessagesComponent, isStandalone: true, selector: "kendo-toolbar-messages", providers: [
             {
                 provide: ToolbarMessages,
                 useExisting: forwardRef(() => ToolbarCustomMessagesComponent)
             }
         ], usesInheritance: true, ngImport: i0, template: ``, isInline: true });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.23", ngImport: i0, type: ToolbarCustomMessagesComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.33", ngImport: i0, type: ToolbarCustomMessagesComponent, decorators: [{
             type: Component,
             args: [{
                     providers: [
@@ -5620,14 +5620,14 @@ class FloatingToolBarMessages extends ComponentMessages {
     get nextToolButton() {
         return this._nextToolButton();
     }
-    _dragHandleTitle = signal(undefined, ...(ngDevMode ? [{ debugName: "_dragHandleTitle" }] : /* istanbul ignore next */ []));
-    _moreToolsTitle = signal(undefined, ...(ngDevMode ? [{ debugName: "_moreToolsTitle" }] : /* istanbul ignore next */ []));
-    _previousToolButton = signal(undefined, ...(ngDevMode ? [{ debugName: "_previousToolButton" }] : /* istanbul ignore next */ []));
-    _nextToolButton = signal(undefined, ...(ngDevMode ? [{ debugName: "_nextToolButton" }] : /* istanbul ignore next */ []));
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.23", ngImport: i0, type: FloatingToolBarMessages, deps: null, target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.23", type: FloatingToolBarMessages, isStandalone: true, selector: "kendo-floatingtoolbar-messages-base", inputs: { dragHandleTitle: "dragHandleTitle", moreToolsTitle: "moreToolsTitle", previousToolButton: "previousToolButton", nextToolButton: "nextToolButton" }, usesInheritance: true, ngImport: i0 });
+    _dragHandleTitle = signal(undefined, ...(ngDevMode ? [{ debugName: "_dragHandleTitle" }] : []));
+    _moreToolsTitle = signal(undefined, ...(ngDevMode ? [{ debugName: "_moreToolsTitle" }] : []));
+    _previousToolButton = signal(undefined, ...(ngDevMode ? [{ debugName: "_previousToolButton" }] : []));
+    _nextToolButton = signal(undefined, ...(ngDevMode ? [{ debugName: "_nextToolButton" }] : []));
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.33", ngImport: i0, type: FloatingToolBarMessages, deps: null, target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.33", type: FloatingToolBarMessages, isStandalone: true, selector: "kendo-floatingtoolbar-messages-base", inputs: { dragHandleTitle: "dragHandleTitle", moreToolsTitle: "moreToolsTitle", previousToolButton: "previousToolButton", nextToolButton: "nextToolButton" }, usesInheritance: true, ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.23", ngImport: i0, type: FloatingToolBarMessages, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.33", ngImport: i0, type: FloatingToolBarMessages, decorators: [{
             type: Directive,
             args: [{
                     selector: 'kendo-floatingtoolbar-messages-base'
@@ -5651,15 +5651,15 @@ class LocalizedFloatingToolBarMessagesDirective extends FloatingToolBarMessages
         super();
         this.service = service;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.23", ngImport: i0, type: LocalizedFloatingToolBarMessagesDirective, deps: [{ token: i1.LocalizationService }], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.23", type: LocalizedFloatingToolBarMessagesDirective, isStandalone: true, selector: "[kendoFloatingToolBarLocalizedMessages]", providers: [
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.33", ngImport: i0, type: LocalizedFloatingToolBarMessagesDirective, deps: [{ token: i1.LocalizationService }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.33", type: LocalizedFloatingToolBarMessagesDirective, isStandalone: true, selector: "[kendoFloatingToolBarLocalizedMessages]", providers: [
             {
                 provide: FloatingToolBarMessages,
                 useExisting: forwardRef(() => LocalizedFloatingToolBarMessagesDirective)
             }
         ], usesInheritance: true, ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.23", ngImport: i0, type: LocalizedFloatingToolBarMessagesDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.33", ngImport: i0, type: LocalizedFloatingToolBarMessagesDirective, decorators: [{
             type: Directive,
             args: [{
                     providers: [
@@ -5674,7 +5674,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.23", ngImpo
         }], ctorParameters: () => [{ type: i1.LocalizationService }] });
 
 /**
- * Arguments for the `dragStart` event of the FloatingToolBar.
+ * Specifies the arguments for the `dragStart` event of the FloatingToolBar.
  */
 class FloatingToolBarDragStartEvent extends PreventableEvent {
     sender;
@@ -5694,7 +5694,7 @@ class FloatingToolBarDragStartEvent extends PreventableEvent {
     }
 }
 /**
- * Arguments for the `move` event of the FloatingToolBar.
+ * Specifies the arguments for the `move` event of the FloatingToolBar.
  */
 class FloatingToolBarMoveEvent {
     sender;
@@ -5707,7 +5707,7 @@ class FloatingToolBarMoveEvent {
     }
 }
 /**
- * Arguments for the `dragEnd` event of the FloatingToolBar.
+ * Specifies the arguments for the `dragEnd` event of the FloatingToolBar.
  */
 class FloatingToolBarDragEndEvent {
     sender;
@@ -5849,6 +5849,17 @@ const resolvePopupPosition = (options) => {
  *      <kendo-toolbar-button text="Button"></kendo-toolbar-button>
  * </kendo-floatingtoolbar>
  * ```
+ *
+ * @remarks
+ * Supported children components are:
+ * {@link ToolBarButtonComponent},
+ * {@link ToolBarButtonGroupComponent},
+ * {@link ToolBarDropDownButtonComponent},
+ * {@link ToolBarSplitButtonComponent},
+ * {@link ToolBarSeparatorComponent},
+ * {@link ToolBarSpacerComponent},
+ * {@link ToolBarToolComponent},
+ * {@link FloatingToolBarCustomMessagesComponent}
  */
 class FloatingToolBarComponent {
     hostElement;
@@ -5865,6 +5876,7 @@ class FloatingToolBarComponent {
     /**
      * Sets the element the FloatingToolBar is positioned against. When not set, the component
      * is positioned within its containing element based on the `containerAlign` option.
+     * Setting a different anchor resets the position set by dragging.
      */
     set anchor(value) {
         if (resolveAnchorElement(this._anchor()) === resolveAnchorElement(value)) {
@@ -5933,12 +5945,13 @@ class FloatingToolBarComponent {
     set fillMode(value) { this._fillMode.set(value); }
     get fillMode() { return this._fillMode(); }
     /**
-     * Controls whether the user can reposition the FloatingToolBar with the pointer or the keyboard. When enabled, the
-    * component renders a drag handle before the hosted Toolbar.
-    *
-    * Press `M` while a Toolbar tool or the drag handle has focus to enter move mode. Focus moves
-    * to the drag handle, where you can use the arrow keys to move the FloatingToolBar by 10 pixels at a time.
-    * Press `Enter` or `Space`, or move focus away from the drag handle, to finish, or press `Escape` to restore the starting position.
+     * Controls whether the user can reposition the FloatingToolBar with the pointer or the keyboard.
+     * When enabled, the component renders a drag handle before the hosted ToolBar.
+     *
+     * Drag the handle with a pointer to reposition the FloatingToolBar.
+     * To use the keyboard, press `M` while a ToolBar tool or the drag handle has focus. Focus moves to the drag handle,
+     * where you can use the arrow keys to move the FloatingToolBar by 10 pixels at a time.
+     * Press `Enter` or `Space`, or move focus away from the drag handle, to finish the move. Press `Escape` to restore the starting position.
      *
      * @default false
      */
@@ -5961,10 +5974,12 @@ class FloatingToolBarComponent {
     dragStart = new EventEmitter();
     /**
      * Fires when the user moves the FloatingToolBar with the pointer or the keyboard.
+     * When a keyboard move is canceled, fires with the starting position.
      */
     move = new EventEmitter();
     /**
      * Fires when a pointer drag ends or the keyboard move mode is committed or canceled.
+     * Also fires when an active drag stops because `anchor` changes, `draggable` is set to `false`, or the component is destroyed.
      */
     dragEnd = new EventEmitter();
     /**
@@ -5977,7 +5992,7 @@ class FloatingToolBarComponent {
     get direction() {
         return this._direction();
     }
-    moveMode = computed(() => this.keyboardMoveOrigin() !== null, ...(ngDevMode ? [{ debugName: "moveMode" }] : /* istanbul ignore next */ []));
+    moveMode = computed(() => this.keyboardMoveOrigin() !== null, ...(ngDevMode ? [{ debugName: "moveMode" }] : []));
     popupClass = computed(() => {
         const size = SIZES[this._size()];
         const fillMode = this._fillMode();
@@ -5986,7 +6001,7 @@ class FloatingToolBarComponent {
             size && `k-floating-toolbar-${size}`,
             fillMode && `k-floating-toolbar-${fillMode}`
         ].filter(Boolean).join(' ');
-    }, ...(ngDevMode ? [{ debugName: "popupClass" }] : /* istanbul ignore next */ []));
+    }, ...(ngDevMode ? [{ debugName: "popupClass" }] : []));
     popupPosition = computed(() => resolvePopupPosition({
         anchor: this._anchor(),
         container: this.containerElement,
@@ -5995,27 +6010,27 @@ class FloatingToolBarComponent {
         margin: this._margin(),
         dragOffset: this._dragOffset(),
         dragging: this.pointerDragging() || this.keyboardMoveOrigin() !== null
-    }), ...(ngDevMode ? [{ debugName: "popupPosition" }] : /* istanbul ignore next */ []));
-    popupPositionMode = computed(() => (this._draggable() || this._dragOffset()) ? 'absolute' : 'fixed', ...(ngDevMode ? [{ debugName: "popupPositionMode" }] : /* istanbul ignore next */ []));
+    }), ...(ngDevMode ? [{ debugName: "popupPosition" }] : []));
+    popupPositionMode = computed(() => (this._draggable() || this._dragOffset()) ? 'absolute' : 'fixed', ...(ngDevMode ? [{ debugName: "popupPositionMode" }] : []));
     get dragHandleTitle() {
         return this.localization.get('dragHandleTitle');
     }
-    _direction = signal('ltr', ...(ngDevMode ? [{ debugName: "_direction" }] : /* istanbul ignore next */ []));
-    _anchor = signal(undefined, ...(ngDevMode ? [{ debugName: "_anchor" }] : /* istanbul ignore next */ []));
-    _position = signal('top', ...(ngDevMode ? [{ debugName: "_position" }] : /* istanbul ignore next */ []));
-    _containerAlign = signal({ horizontal: 'center', vertical: 'top' }, ...(ngDevMode ? [{ debugName: "_containerAlign" }] : /* istanbul ignore next */ []));
-    _margin = signal({ horizontal: 0, vertical: 0 }, ...(ngDevMode ? [{ debugName: "_margin" }] : /* istanbul ignore next */ []));
-    _width = signal(undefined, ...(ngDevMode ? [{ debugName: "_width" }] : /* istanbul ignore next */ []));
-    _maxWidth = signal(undefined, ...(ngDevMode ? [{ debugName: "_maxWidth" }] : /* istanbul ignore next */ []));
-    _overflow = signal('none', ...(ngDevMode ? [{ debugName: "_overflow" }] : /* istanbul ignore next */ []));
-    _size = signal(undefined, ...(ngDevMode ? [{ debugName: "_size" }] : /* istanbul ignore next */ []));
-    _fillMode = signal(undefined, ...(ngDevMode ? [{ debugName: "_fillMode" }] : /* istanbul ignore next */ []));
-    _draggable = signal(false, ...(ngDevMode ? [{ debugName: "_draggable" }] : /* istanbul ignore next */ []));
-    _ariaLabel = signal(undefined, ...(ngDevMode ? [{ debugName: "_ariaLabel" }] : /* istanbul ignore next */ []));
-    _dragOffset = signal(null, ...(ngDevMode ? [{ debugName: "_dragOffset" }] : /* istanbul ignore next */ []));
-    keyboardMoveOrigin = signal(null, ...(ngDevMode ? [{ debugName: "keyboardMoveOrigin" }] : /* istanbul ignore next */ []));
+    _direction = signal('ltr', ...(ngDevMode ? [{ debugName: "_direction" }] : []));
+    _anchor = signal(undefined, ...(ngDevMode ? [{ debugName: "_anchor" }] : []));
+    _position = signal('top', ...(ngDevMode ? [{ debugName: "_position" }] : []));
+    _containerAlign = signal({ horizontal: 'center', vertical: 'top' }, ...(ngDevMode ? [{ debugName: "_containerAlign" }] : []));
+    _margin = signal({ horizontal: 0, vertical: 0 }, ...(ngDevMode ? [{ debugName: "_margin" }] : []));
+    _width = signal(undefined, ...(ngDevMode ? [{ debugName: "_width" }] : []));
+    _maxWidth = signal(undefined, ...(ngDevMode ? [{ debugName: "_maxWidth" }] : []));
+    _overflow = signal('none', ...(ngDevMode ? [{ debugName: "_overflow" }] : []));
+    _size = signal(undefined, ...(ngDevMode ? [{ debugName: "_size" }] : []));
+    _fillMode = signal(undefined, ...(ngDevMode ? [{ debugName: "_fillMode" }] : []));
+    _draggable = signal(false, ...(ngDevMode ? [{ debugName: "_draggable" }] : []));
+    _ariaLabel = signal(undefined, ...(ngDevMode ? [{ debugName: "_ariaLabel" }] : []));
+    _dragOffset = signal(null, ...(ngDevMode ? [{ debugName: "_dragOffset" }] : []));
+    keyboardMoveOrigin = signal(null, ...(ngDevMode ? [{ debugName: "keyboardMoveOrigin" }] : []));
     preMoveDragOffset = null;
-    pointerDragging = signal(false, ...(ngDevMode ? [{ debugName: "pointerDragging" }] : /* istanbul ignore next */ []));
+    pointerDragging = signal(false, ...(ngDevMode ? [{ debugName: "pointerDragging" }] : []));
     pointerDrag = null;
     focusReturnTarget = null;
     isFocusWithinComponent = false;
@@ -6063,7 +6078,7 @@ class FloatingToolBarComponent {
         this.subscriptions.unsubscribe();
     }
     /**
-     * Moves the focus into the FloatingToolBar at its current roving tabindex position.
+     * Moves the focus to the first focusable tool that is not in the overflow menu.
      */
     focus() {
         this.toolbarComponent?.element.nativeElement.focus();
@@ -6071,6 +6086,7 @@ class FloatingToolBarComponent {
     /**
      * Sets the FloatingToolBar position using the provided `top` and `left` coordinates.
      * The position is clamped to the viewport.
+     * Does not emit the `move` event.
      */
     setPosition(position) {
         const popupElement = this.popupComponent?.container.nativeElement;
@@ -6316,8 +6332,8 @@ class FloatingToolBarComponent {
         };
         return clampToBounds({ left, top }, { width, height }, viewport, getPositioningOrigin(offsetParent));
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.23", ngImport: i0, type: FloatingToolBarComponent, deps: [{ token: i0.ElementRef }, { token: i0.NgZone }, { token: i0.Injector }, { token: i0.Renderer2 }, { token: i1.LocalizationService }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.23", type: FloatingToolBarComponent, isStandalone: true, selector: "kendo-floatingtoolbar", inputs: { anchor: "anchor", position: "position", containerAlign: "containerAlign", margin: "margin", width: "width", maxWidth: "maxWidth", overflow: "overflow", size: "size", fillMode: "fillMode", draggable: "draggable", ariaLabel: "ariaLabel" }, outputs: { dragStart: "dragStart", move: "move", dragEnd: "dragEnd" }, host: { properties: { "attr.dir": "this.direction" } }, providers: [
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.33", ngImport: i0, type: FloatingToolBarComponent, deps: [{ token: i0.ElementRef }, { token: i0.NgZone }, { token: i0.Injector }, { token: i0.Renderer2 }, { token: i1.LocalizationService }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.33", type: FloatingToolBarComponent, isStandalone: true, selector: "kendo-floatingtoolbar", inputs: { anchor: "anchor", position: "position", containerAlign: "containerAlign", margin: "margin", width: "width", maxWidth: "maxWidth", overflow: "overflow", size: "size", fillMode: "fillMode", draggable: "draggable", ariaLabel: "ariaLabel" }, outputs: { dragStart: "dragStart", move: "move", dragEnd: "dragEnd" }, host: { properties: { "attr.dir": "this.direction" } }, providers: [
             LocalizationService,
             { provide: L10N_PREFIX, useValue: 'kendo.floatingtoolbar' },
             provideComponentName('floatingtoolbar'),
@@ -6375,7 +6391,7 @@ class FloatingToolBarComponent {
         </kendo-popup>
     `, isInline: true, dependencies: [{ kind: "component", type: PopupComponent, selector: "kendo-popup", inputs: ["animate", "anchor", "anchorAlign", "collision", "popupAlign", "copyAnchorStyles", "popupClass", "positionMode", "offset", "margin"], outputs: ["anchorViewportLeave", "close", "open", "positionChange"], exportAs: ["kendo-popup"] }, { kind: "component", type: ToolBarComponent, selector: "kendo-toolbar", inputs: ["overflow", "resizable", "popupSettings", "fillMode", "tabindex", "size", "tabIndex", "showIcon", "showText", "toolsSource"], outputs: ["open", "close"], exportAs: ["kendoToolBar"] }, { kind: "component", type: ToolbarCustomMessagesComponent, selector: "kendo-toolbar-messages" }, { kind: "component", type: IconWrapperComponent, selector: "kendo-icon-wrapper", inputs: ["name", "svgIcon", "innerCssClass", "customFontClass", "size"], exportAs: ["kendoIconWrapper"] }, { kind: "directive", type: DraggableDirective, selector: "[kendoDraggable]", inputs: ["enableDrag"], outputs: ["kendoPress", "kendoDrag", "kendoRelease"] }, { kind: "directive", type: LocalizedFloatingToolBarMessagesDirective, selector: "[kendoFloatingToolBarLocalizedMessages]" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.23", ngImport: i0, type: FloatingToolBarComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.33", ngImport: i0, type: FloatingToolBarComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'kendo-floatingtoolbar',
@@ -6510,15 +6526,15 @@ class FloatingToolBarCustomMessagesComponent extends FloatingToolBarMessages {
     get override() {
         return true;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.23", ngImport: i0, type: FloatingToolBarCustomMessagesComponent, deps: [{ token: i1.LocalizationService }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.23", type: FloatingToolBarCustomMessagesComponent, isStandalone: true, selector: "kendo-floatingtoolbar-messages", providers: [
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.33", ngImport: i0, type: FloatingToolBarCustomMessagesComponent, deps: [{ token: i1.LocalizationService }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.33", type: FloatingToolBarCustomMessagesComponent, isStandalone: true, selector: "kendo-floatingtoolbar-messages", providers: [
             {
                 provide: FloatingToolBarMessages,
                 useExisting: forwardRef(() => FloatingToolBarCustomMessagesComponent)
             }
         ], usesInheritance: true, ngImport: i0, template: ``, isInline: true });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.23", ngImport: i0, type: FloatingToolBarCustomMessagesComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.33", ngImport: i0, type: FloatingToolBarCustomMessagesComponent, decorators: [{
             type: Component,
             args: [{
                     providers: [
@@ -6583,11 +6599,11 @@ const KENDO_TOOLBAR = [
  * ```
  */
 class ToolBarModule {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.23", ngImport: i0, type: ToolBarModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.2.23", ngImport: i0, type: ToolBarModule, imports: [ToolBarComponent, ToolbarCustomMessagesComponent, ToolBarButtonComponent, ToolBarButtonGroupComponent, ToolBarDropDownButtonComponent, ToolBarSeparatorComponent, ToolBarSpacerComponent, ToolBarSplitButtonComponent, ToolBarToolComponent, FloatingToolBarComponent, FloatingToolBarCustomMessagesComponent], exports: [ToolBarComponent, ToolbarCustomMessagesComponent, ToolBarButtonComponent, ToolBarButtonGroupComponent, ToolBarDropDownButtonComponent, ToolBarSeparatorComponent, ToolBarSpacerComponent, ToolBarSplitButtonComponent, ToolBarToolComponent, FloatingToolBarComponent, FloatingToolBarCustomMessagesComponent] });
-    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.2.23", ngImport: i0, type: ToolBarModule, providers: [IconsService, PopupService, ResizeBatchService], imports: [ToolBarComponent, ToolBarButtonComponent, ToolBarButtonGroupComponent, ToolBarDropDownButtonComponent, ToolBarSplitButtonComponent, FloatingToolBarComponent] });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.33", ngImport: i0, type: ToolBarModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.33", ngImport: i0, type: ToolBarModule, imports: [ToolBarComponent, ToolbarCustomMessagesComponent, ToolBarButtonComponent, ToolBarButtonGroupComponent, ToolBarDropDownButtonComponent, ToolBarSeparatorComponent, ToolBarSpacerComponent, ToolBarSplitButtonComponent, ToolBarToolComponent, FloatingToolBarComponent, FloatingToolBarCustomMessagesComponent], exports: [ToolBarComponent, ToolbarCustomMessagesComponent, ToolBarButtonComponent, ToolBarButtonGroupComponent, ToolBarDropDownButtonComponent, ToolBarSeparatorComponent, ToolBarSpacerComponent, ToolBarSplitButtonComponent, ToolBarToolComponent, FloatingToolBarComponent, FloatingToolBarCustomMessagesComponent] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.33", ngImport: i0, type: ToolBarModule, providers: [IconsService, PopupService, ResizeBatchService], imports: [ToolBarComponent, ToolBarButtonComponent, ToolBarButtonGroupComponent, ToolBarDropDownButtonComponent, ToolBarSplitButtonComponent, FloatingToolBarComponent] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.23", ngImport: i0, type: ToolBarModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.33", ngImport: i0, type: ToolBarModule, decorators: [{
             type: NgModule,
             args: [{
                     exports: [...KENDO_TOOLBAR],

package/{types/progress-kendo-angular-toolbar.d.ts → index.d.ts}

@@ -1634,7 +1634,7 @@ declare class ToolbarCustomMessagesComponent extends ToolbarMessages {
 }
 
 /**
- * Arguments for the `dragStart` event of the FloatingToolBar.
+ * Specifies the arguments for the `dragStart` event of the FloatingToolBar.
  */
 declare class FloatingToolBarDragStartEvent extends PreventableEvent {
     sender: FloatingToolBarComponent;
@@ -1647,7 +1647,7 @@ declare class FloatingToolBarDragStartEvent extends PreventableEvent {
     preventDefault(): void;
 }
 /**
- * Arguments for the `move` event of the FloatingToolBar.
+ * Specifies the arguments for the `move` event of the FloatingToolBar.
  */
 declare class FloatingToolBarMoveEvent {
     sender: FloatingToolBarComponent;
@@ -1656,7 +1656,7 @@ declare class FloatingToolBarMoveEvent {
     constructor(sender: FloatingToolBarComponent, top: number, left: number);
 }
 /**
- * Arguments for the `dragEnd` event of the FloatingToolBar.
+ * Specifies the arguments for the `dragEnd` event of the FloatingToolBar.
  */
 declare class FloatingToolBarDragEndEvent {
     sender: FloatingToolBarComponent;
@@ -1670,18 +1670,13 @@ declare class FloatingToolBarDragEndEvent {
  */
 type FloatingToolBarPosition = 'top' | 'bottom' | 'left' | 'right';
 /**
- * Sets how the FloatingToolBar renders tools when their total size is greater than the available width.
- *
- * @remarks
- * Narrower than the ToolBar's own `OverflowMode` — `'section'` is intentionally excluded. The shared
- * spec does not define a section-list overflow presentation for the FloatingToolBar.
+ * Specifies how the FloatingToolBar renders tools when their total size is greater than the available width.
+ * The `'section'` mode of the ToolBar is not available in the FloatingToolBar.
  */
 type FloatingToolBarOverflowMode = 'scroll' | 'menu' | 'none';
 /**
  * Configures the overflow behavior of the FloatingToolBar in detail.
- *
- * @remarks
- * Narrower than the ToolBar's own `ToolbarOverflowSettings` — `mode` cannot be set to `'section'`.
+ * Unlike the ToolBar, the `mode` property does not accept `'section'`.
  */
 type FloatingToolBarOverflowSettings = Omit<ToolbarOverflowSettings, 'mode'> & {
     mode?: FloatingToolBarOverflowMode;
@@ -1718,6 +1713,17 @@ interface PopupPosition {
  *      <kendo-toolbar-button text="Button"></kendo-toolbar-button>
  * </kendo-floatingtoolbar>
  * ```
+ *
+ * @remarks
+ * Supported children components are:
+ * {@link ToolBarButtonComponent},
+ * {@link ToolBarButtonGroupComponent},
+ * {@link ToolBarDropDownButtonComponent},
+ * {@link ToolBarSplitButtonComponent},
+ * {@link ToolBarSeparatorComponent},
+ * {@link ToolBarSpacerComponent},
+ * {@link ToolBarToolComponent},
+ * {@link FloatingToolBarCustomMessagesComponent}
  */
 declare class FloatingToolBarComponent implements OnInit, AfterViewInit, OnDestroy {
     private hostElement;
@@ -1733,6 +1739,7 @@ declare class FloatingToolBarComponent implements OnInit, AfterViewInit, OnDestr
     /**
      * Sets the element the FloatingToolBar is positioned against. When not set, the component
      * is positioned within its containing element based on the `containerAlign` option.
+     * Setting a different anchor resets the position set by dragging.
      */
     set anchor(value: ElementRef | HTMLElement);
     get anchor(): ElementRef | HTMLElement;
@@ -1788,12 +1795,13 @@ declare class FloatingToolBarComponent implements OnInit, AfterViewInit, OnDestr
     set fillMode(value: ToolbarFillMode);
     get fillMode(): ToolbarFillMode;
     /**
-     * Controls whether the user can reposition the FloatingToolBar with the pointer or the keyboard. When enabled, the
-    * component renders a drag handle before the hosted Toolbar.
-    *
-    * Press `M` while a Toolbar tool or the drag handle has focus to enter move mode. Focus moves
-    * to the drag handle, where you can use the arrow keys to move the FloatingToolBar by 10 pixels at a time.
-    * Press `Enter` or `Space`, or move focus away from the drag handle, to finish, or press `Escape` to restore the starting position.
+     * Controls whether the user can reposition the FloatingToolBar with the pointer or the keyboard.
+     * When enabled, the component renders a drag handle before the hosted ToolBar.
+     *
+     * Drag the handle with a pointer to reposition the FloatingToolBar.
+     * To use the keyboard, press `M` while a ToolBar tool or the drag handle has focus. Focus moves to the drag handle,
+     * where you can use the arrow keys to move the FloatingToolBar by 10 pixels at a time.
+     * Press `Enter` or `Space`, or move focus away from the drag handle, to finish the move. Press `Escape` to restore the starting position.
      *
      * @default false
      */
@@ -1811,10 +1819,12 @@ declare class FloatingToolBarComponent implements OnInit, AfterViewInit, OnDestr
     dragStart: EventEmitter<FloatingToolBarDragStartEvent>;
     /**
      * Fires when the user moves the FloatingToolBar with the pointer or the keyboard.
+     * When a keyboard move is canceled, fires with the starting position.
      */
     move: EventEmitter<FloatingToolBarMoveEvent>;
     /**
      * Fires when a pointer drag ends or the keyboard move mode is committed or canceled.
+     * Also fires when an active drag stops because `anchor` changes, `draggable` is set to `false`, or the component is destroyed.
      */
     dragEnd: EventEmitter<FloatingToolBarDragEndEvent>;
     /**
@@ -1858,12 +1868,13 @@ declare class FloatingToolBarComponent implements OnInit, AfterViewInit, OnDestr
     ngAfterViewInit(): void;
     ngOnDestroy(): void;
     /**
-     * Moves the focus into the FloatingToolBar at its current roving tabindex position.
+     * Moves the focus to the first focusable tool that is not in the overflow menu.
      */
     focus(): void;
     /**
      * Sets the FloatingToolBar position using the provided `top` and `left` coordinates.
      * The position is clamped to the viewport.
+     * Does not emit the `move` event.
      */
     setPosition(position: Offset): void;
     protected messageFor(key: string): string;

package/package-metadata.mjs

@@ -7,7 +7,7 @@ export const packageMetadata = {
   "productCodes": [
     "KENDOUIANGULAR"
   ],
-  "publishDate": 1791873159,
-  "version": "25.4.0-develop.1",
+  "publishDate": 1792066342,
+  "version": "25.4.0-develop.3",
   "licensingDocsUrl": "https://www.telerik.com/kendo-angular-ui/my-license/"
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@progress/kendo-angular-toolbar",
-  "version": "25.4.0-develop.1",
+  "version": "25.4.0-develop.3",
   "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",
@@ -43,7 +43,7 @@
     "package": {
       "productName": "Kendo UI for Angular",
       "productCode": "KENDOUIANGULAR",
-      "publishDate": 1791873159,
+      "publishDate": 1792066342,
       "licensingDocsUrl": "https://www.telerik.com/kendo-angular-ui/my-license/"
     }
   },
@@ -53,30 +53,29 @@
     "@angular/core": "20 - 22",
     "@angular/platform-browser": "20 - 22",
     "@progress/kendo-licensing": "^1.11.0",
-    "@progress/kendo-angular-buttons": "25.4.0-develop.1",
-    "@progress/kendo-angular-common": "25.4.0-develop.1",
-    "@progress/kendo-angular-l10n": "25.4.0-develop.1",
-    "@progress/kendo-angular-icons": "25.4.0-develop.1",
-    "@progress/kendo-angular-indicators": "25.4.0-develop.1",
-    "@progress/kendo-angular-popup": "25.4.0-develop.1",
+    "@progress/kendo-angular-buttons": "25.4.0-develop.3",
+    "@progress/kendo-angular-common": "25.4.0-develop.3",
+    "@progress/kendo-angular-l10n": "25.4.0-develop.3",
+    "@progress/kendo-angular-icons": "25.4.0-develop.3",
+    "@progress/kendo-angular-indicators": "25.4.0-develop.3",
+    "@progress/kendo-angular-popup": "25.4.0-develop.3",
     "rxjs": "^6.5.3 || ^7.0.0"
   },
   "dependencies": {
     "tslib": "^2.3.1",
-    "@progress/kendo-angular-schematics": "25.4.0-develop.1"
+    "@progress/kendo-angular-schematics": "25.4.0-develop.3"
   },
   "schematics": "./schematics/collection.json",
   "module": "fesm2022/progress-kendo-angular-toolbar.mjs",
-  "typings": "types/progress-kendo-angular-toolbar.d.ts",
+  "typings": "index.d.ts",
   "exports": {
     "./package.json": {
       "default": "./package.json"
     },
     ".": {
-      "types": "./types/progress-kendo-angular-toolbar.d.ts",
+      "types": "./index.d.ts",
       "default": "./fesm2022/progress-kendo-angular-toolbar.mjs"
     }
   },
-  "sideEffects": false,
-  "type": "module"
+  "sideEffects": false
 }