@progress/kendo-angular-toolbar 25.3.0-develop.7 → 25.3.0-develop.9

package/index.d.ts

@@ -3,8 +3,9 @@
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
 import * as i0 from '@angular/core';
-import { TemplateRef, ElementRef, EventEmitter, OnInit, OnDestroy, Renderer2, ViewContainerRef, NgZone, QueryList, ChangeDetectorRef, SimpleChanges, AfterViewInit } from '@angular/core';
-import { Align, PopupRef, PopupService } from '@progress/kendo-angular-popup';
+import { TemplateRef, ElementRef, EventEmitter, OnInit, OnDestroy, Renderer2, ViewContainerRef, NgZone, QueryList, ChangeDetectorRef, SimpleChanges, AfterViewInit, Injector } from '@angular/core';
+import { Align, PopupRef, PopupService, Collision, Margin, Offset } from '@progress/kendo-angular-popup';
+export { Align, Margin, Offset } from '@progress/kendo-angular-popup';
 import { ResizeSensorComponent } from '@progress/kendo-angular-common';
 import { LocalizationService, ComponentMessages } from '@progress/kendo-angular-l10n';
 import { LicenseMessage } from '@progress/kendo-licensing';
@@ -174,17 +175,50 @@ declare class ToolBarRendererComponent implements OnInit, OnDestroy {
     static ɵdir: i0.ɵɵDirectiveDeclaration<ToolBarRendererComponent, "[kendoToolbarRenderer]", never, { "tool": { "alias": "tool"; "required": false; }; "location": { "alias": "location"; "required": false; }; "resizable": { "alias": "resizable"; "required": false; }; }, { "rendererClick": "rendererClick"; }, never, never, true, never>;
 }
 
+/**
+ * @hidden
+ */
+type ScrollButtonActiveStateChange = {
+    buttonType: string;
+    active: boolean;
+};
+/**
+ * @hidden
+ */
+declare class ScrollService {
+    private ngZone;
+    private localization;
+    owner: ToolBarComponent;
+    position: number;
+    scrollButtonActiveStateChange: Subject<ScrollButtonActiveStateChange>;
+    get scrollElement(): HTMLElement;
+    get scrollContainerOverflowSize(): number;
+    get toolsOverflow(): boolean;
+    constructor(ngZone: NgZone, localization: LocalizationService);
+    toggleScrollButtonsState(): void;
+    onScroll(e: Event): void;
+    scrollTools(direction: string): void;
+    updateScrollPosition(element: HTMLElement): void;
+    scrollIntoView(element: Element): void;
+    calculateListPosition(direction: string, scrollSpeed: number): void;
+    private toggleButtonActiveState;
+    private isDisabled;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ScrollService, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<ScrollService>;
+}
+
 /**
  * @hidden
  */
 declare class NavigationService {
     private zone;
+    private scrollService;
     overflowButton: ElementRef<HTMLButtonElement>;
     private focused;
     private renderedTools;
     private isPopupFocused;
     private isOverflowButtonFocused;
-    constructor(zone: NgZone);
+    constructor(zone: NgZone, scrollService: ScrollService);
     setRenderedTools(rts: ToolBarRendererComponent[]): void;
     click({ context, event: ev }: RendererClickPayload): void;
     moveFocusToToolBar(): void;
@@ -354,37 +388,6 @@ interface ToolbarOverflowSettings {
     nextSVGButtonIcon?: SVGIcon;
 }
 
-/**
- * @hidden
- */
-type ScrollButtonActiveStateChange = {
-    buttonType: string;
-    active: boolean;
-};
-/**
- * @hidden
- */
-declare class ScrollService {
-    private ngZone;
-    private localization;
-    owner: ToolBarComponent;
-    position: number;
-    scrollButtonActiveStateChange: Subject<ScrollButtonActiveStateChange>;
-    get scrollElement(): HTMLElement;
-    get scrollContainerOverflowSize(): number;
-    get toolsOverflow(): boolean;
-    constructor(ngZone: NgZone, localization: LocalizationService);
-    toggleScrollButtonsState(): void;
-    onScroll(e: Event): void;
-    scrollTools(direction: string): void;
-    updateScrollPosition(element: HTMLElement): void;
-    calculateListPosition(direction: string, scrollSpeed: number): void;
-    private toggleButtonActiveState;
-    private isDisabled;
-    static ɵfac: i0.ɵɵFactoryDeclaration<ScrollService, never>;
-    static ɵprov: i0.ɵɵInjectableDeclaration<ScrollService>;
-}
-
 /**
  * Sets the visibility for the ToolBar tool text or icon.
  *
@@ -461,6 +464,10 @@ declare class ToolBarComponent {
      * @hidden
      */
     get isScrollMode(): boolean;
+    /**
+     * @hidden
+     */
+    scrollButtonClasses: string[];
     /**
      * @hidden
      */
@@ -521,7 +528,15 @@ declare class ToolBarComponent {
      * Emits when the overflow popup of the ToolBar closes.
      */
     close: EventEmitter<PreventableEvent>;
-    allTools: QueryList<ToolBarToolComponent>;
+    contentTools: QueryList<ToolBarToolComponent>;
+    /**
+     * @hidden
+     */
+    toolsSource: QueryList<ToolBarToolComponent>;
+    /**
+     * @hidden
+     */
+    get allTools(): QueryList<ToolBarToolComponent>;
     overflowButton: ElementRef;
     popupTemplate: TemplateRef<any>;
     popupSectionTemplate: TemplateRef<any>;
@@ -679,6 +694,7 @@ declare class ToolBarComponent {
     private showFirstHiddenTool;
     private setPopupContentDimensions;
     private destroyPopup;
+    private updateScrollButtonClasses;
     private handleClasses;
     private normalizePopupClasses;
     private setScrollableOverlayClasses;
@@ -686,7 +702,7 @@ declare class ToolBarComponent {
     private removeSubscriptions;
     private normalizeDisplayValue;
     static ɵfac: i0.ɵɵFactoryDeclaration<ToolBarComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ToolBarComponent, "kendo-toolbar", ["kendoToolBar"], { "overflow": { "alias": "overflow"; "required": false; }; "resizable": { "alias": "resizable"; "required": false; }; "popupSettings": { "alias": "popupSettings"; "required": false; }; "fillMode": { "alias": "fillMode"; "required": false; }; "tabindex": { "alias": "tabindex"; "required": false; }; "size": { "alias": "size"; "required": false; }; "tabIndex": { "alias": "tabIndex"; "required": false; }; "showIcon": { "alias": "showIcon"; "required": false; }; "showText": { "alias": "showText"; "required": false; }; }, { "open": "open"; "close": "close"; }, ["allTools"], never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ToolBarComponent, "kendo-toolbar", ["kendoToolBar"], { "overflow": { "alias": "overflow"; "required": false; }; "resizable": { "alias": "resizable"; "required": false; }; "popupSettings": { "alias": "popupSettings"; "required": false; }; "fillMode": { "alias": "fillMode"; "required": false; }; "tabindex": { "alias": "tabindex"; "required": false; }; "size": { "alias": "size"; "required": false; }; "tabIndex": { "alias": "tabIndex"; "required": false; }; "showIcon": { "alias": "showIcon"; "required": false; }; "showText": { "alias": "showText"; "required": false; }; "toolsSource": { "alias": "toolsSource"; "required": false; }; }, { "open": "open"; "close": "close"; }, ["contentTools"], never, true, never>;
 }
 
 /**
@@ -849,6 +865,10 @@ declare class ToolBarButtonComponent extends ToolBarToolComponent {
     private _showText;
     private _showIcon;
     private _text;
+    private _icon;
+    private _iconClass;
+    private _svgIcon;
+    private _imageUrl;
     private propertyChangeSub;
     constructor(element: ElementRef, zone: NgZone, host: ToolBarComponent);
     ngOnInit(): void;
@@ -883,6 +903,7 @@ declare class ToolBarButtonComponent extends ToolBarToolComponent {
      */
     getButton(): HTMLElement;
     private setTextDisplayMode;
+    private setIconDisplayMode;
     static ɵfac: i0.ɵɵFactoryDeclaration<ToolBarButtonComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<ToolBarButtonComponent, "kendo-toolbar-button", ["kendoToolBarButton"], { "showText": { "alias": "showText"; "required": false; }; "showIcon": { "alias": "showIcon"; "required": false; }; "text": { "alias": "text"; "required": false; }; "style": { "alias": "style"; "required": false; }; "className": { "alias": "className"; "required": false; }; "title": { "alias": "title"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "toggleable": { "alias": "toggleable"; "required": false; }; "look": { "alias": "look"; "required": false; }; "togglable": { "alias": "togglable"; "required": false; }; "selected": { "alias": "selected"; "required": false; }; "fillMode": { "alias": "fillMode"; "required": false; }; "rounded": { "alias": "rounded"; "required": false; }; "themeColor": { "alias": "themeColor"; "required": false; }; "icon": { "alias": "icon"; "required": false; }; "iconClass": { "alias": "iconClass"; "required": false; }; "svgIcon": { "alias": "svgIcon"; "required": false; }; "imageUrl": { "alias": "imageUrl"; "required": false; }; }, { "click": "click"; "pointerdown": "pointerdown"; "selectedChange": "selectedChange"; }, never, never, true, never>;
 }
@@ -1140,6 +1161,10 @@ declare class ToolBarDropDownButtonComponent extends ToolBarToolComponent implem
     private _showText;
     private _showIcon;
     private _text;
+    private _icon;
+    private _iconClass;
+    private _svgIcon;
+    private _imageUrl;
     private propertyChangeSub;
     private getNextKey;
     private getPrevKey;
@@ -1177,6 +1202,7 @@ declare class ToolBarDropDownButtonComponent extends ToolBarToolComponent implem
     handleClick(ev: any, item: any, index: number): void;
     private focusButton;
     private setTextDisplayMode;
+    private setIconDisplayMode;
     static ɵfac: i0.ɵɵFactoryDeclaration<ToolBarDropDownButtonComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<ToolBarDropDownButtonComponent, "kendo-toolbar-dropdownbutton", ["kendoToolBarDropDownButton"], { "arrowIcon": { "alias": "arrowIcon"; "required": false; }; "title": { "alias": "title"; "required": false; }; "showText": { "alias": "showText"; "required": false; }; "showIcon": { "alias": "showIcon"; "required": false; }; "text": { "alias": "text"; "required": false; }; "icon": { "alias": "icon"; "required": false; }; "svgIcon": { "alias": "svgIcon"; "required": false; }; "iconClass": { "alias": "iconClass"; "required": false; }; "imageUrl": { "alias": "imageUrl"; "required": false; }; "popupSettings": { "alias": "popupSettings"; "required": false; }; "look": { "alias": "look"; "required": false; }; "primary": { "alias": "primary"; "required": false; }; "fillMode": { "alias": "fillMode"; "required": false; }; "themeColor": { "alias": "themeColor"; "required": false; }; "buttonClass": { "alias": "buttonClass"; "required": false; }; "textField": { "alias": "textField"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "data": { "alias": "data"; "required": false; }; }, { "itemClick": "itemClick"; "open": "open"; "close": "close"; }, never, never, true, never>;
 }
@@ -1316,6 +1342,10 @@ declare class ToolBarSplitButtonComponent extends ToolBarToolComponent implement
     private _showText;
     private _showIcon;
     private _text;
+    private _icon;
+    private _iconClass;
+    private _svgIcon;
+    private _imageUrl;
     private propertyChangeSub;
     private getNextKey;
     private getPrevKey;
@@ -1358,6 +1388,7 @@ declare class ToolBarSplitButtonComponent extends ToolBarToolComponent implement
     handleClick(ev: any, item: any, index: number): void;
     private focusButton;
     private setTextDisplayMode;
+    private setIconDisplayMode;
     static ɵfac: i0.ɵɵFactoryDeclaration<ToolBarSplitButtonComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<ToolBarSplitButtonComponent, "kendo-toolbar-splitbutton", ["kendoToolBarSplitButton"], { "showText": { "alias": "showText"; "required": false; }; "showIcon": { "alias": "showIcon"; "required": false; }; "text": { "alias": "text"; "required": false; }; "icon": { "alias": "icon"; "required": false; }; "svgIcon": { "alias": "svgIcon"; "required": false; }; "iconClass": { "alias": "iconClass"; "required": false; }; "imageUrl": { "alias": "imageUrl"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "popupSettings": { "alias": "popupSettings"; "required": false; }; "fillMode": { "alias": "fillMode"; "required": false; }; "themeColor": { "alias": "themeColor"; "required": false; }; "look": { "alias": "look"; "required": false; }; "buttonClass": { "alias": "buttonClass"; "required": false; }; "arrowButtonClass": { "alias": "arrowButtonClass"; "required": false; }; "arrowButtonIcon": { "alias": "arrowButtonIcon"; "required": false; }; "arrowButtonSvgIcon": { "alias": "arrowButtonSvgIcon"; "required": false; }; "textField": { "alias": "textField"; "required": false; }; "data": { "alias": "data"; "required": false; }; }, { "buttonClick": "buttonClick"; "itemClick": "itemClick"; "open": "open"; "close": "close"; }, never, never, true, never>;
 }
@@ -1477,6 +1508,316 @@ declare class ToolbarCustomMessagesComponent extends ToolbarMessages {
     static ɵcmp: i0.ɵɵComponentDeclaration<ToolbarCustomMessagesComponent, "kendo-toolbar-messages", never, {}, {}, never, never, true, never>;
 }
 
+/**
+ * Arguments for the `dragStart` event of the FloatingToolBar.
+ */
+declare class FloatingToolBarDragStartEvent extends PreventableEvent {
+    sender: FloatingToolBarComponent;
+    top: number;
+    left: number;
+    constructor(sender: FloatingToolBarComponent, top: number, left: number);
+    /**
+     * Prevents the FloatingToolBar from starting a pointer drag or keyboard move mode.
+     */
+    preventDefault(): void;
+}
+/**
+ * Arguments for the `move` event of the FloatingToolBar.
+ */
+declare class FloatingToolBarMoveEvent {
+    sender: FloatingToolBarComponent;
+    top: number;
+    left: number;
+    constructor(sender: FloatingToolBarComponent, top: number, left: number);
+}
+/**
+ * Arguments for the `dragEnd` event of the FloatingToolBar.
+ */
+declare class FloatingToolBarDragEndEvent {
+    sender: FloatingToolBarComponent;
+    top: number;
+    left: number;
+    constructor(sender: FloatingToolBarComponent, top: number, left: number);
+}
+
+/**
+ * Specifies the preferred side of the anchor element the FloatingToolBar renders on.
+ */
+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.
+ */
+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'`.
+ */
+type FloatingToolBarOverflowSettings = Omit<ToolbarOverflowSettings, 'mode'> & {
+    mode?: FloatingToolBarOverflowMode;
+};
+
+/**
+ * @hidden
+ */
+interface DraggablePointerEvent {
+    clientX: number;
+    clientY: number;
+    isTouch?: boolean;
+    originalEvent?: Event;
+}
+/**
+ * @hidden
+ */
+interface PopupPosition {
+    anchor: ElementRef | HTMLElement | undefined;
+    anchorAlign: Align;
+    popupAlign: Align;
+    collision: Collision;
+    margin: Margin | undefined;
+    offset: Offset;
+}
+
+/**
+ * Represents the Kendo UI FloatingToolBar component for Angular. Hosts the {@link ToolBarComponent}
+ * inside a floating {@link PopupComponent} container.
+ *
+ * @example
+ * ```html
+ * <kendo-floatingtoolbar>
+ *      <kendo-toolbar-button text="Button"></kendo-toolbar-button>
+ * </kendo-floatingtoolbar>
+ * ```
+ */
+declare class FloatingToolBarComponent implements OnInit, AfterViewInit, OnDestroy {
+    private hostElement;
+    private ngZone;
+    private injector;
+    private renderer;
+    private localization;
+    private changeDetectorRef;
+    protected projectedTools: QueryList<ToolBarToolComponent>;
+    private popupComponent;
+    private toolbarComponent;
+    private dragHandle;
+    /**
+     * Sets the element the FloatingToolBar is positioned against. When not set, the component
+     * is positioned within its containing element based on the `containerAlign` option.
+     */
+    set anchor(value: ElementRef | HTMLElement);
+    get anchor(): ElementRef | HTMLElement;
+    /**
+     * Sets the preferred side of the anchor the FloatingToolBar is rendered on.
+     * Collision handling can render the component on the opposite side when the preferred side does not fit.
+     * Applies when `anchor` is set.
+     *
+     * @default 'top'
+     */
+    set position(value: FloatingToolBarPosition);
+    get position(): FloatingToolBarPosition;
+    /**
+     * Sets the position of the FloatingToolBar within its containing element.
+     * Applies when `anchor` is not set.
+     *
+     * @default { horizontal: 'center', vertical: 'top' }
+     */
+    set containerAlign(value: Align);
+    get containerAlign(): Align;
+    /**
+     * Sets the horizontal and vertical spacing in pixels between the FloatingToolBar and the element it is
+     * positioned against. When no anchor is provided, the spacing is applied relative to the containing element.
+     *
+     * @default { horizontal: 0, vertical: 0 }
+     */
+    set margin(value: Margin);
+    get margin(): Margin;
+    /**
+     * Sets the width of the FloatingToolBar. Numeric values are treated as pixels.
+     */
+    set width(value: number | string);
+    get width(): string | number;
+    /**
+     * Sets the maximum width of the FloatingToolBar. Numeric values are treated as pixels.
+     */
+    set maxWidth(value: number | string);
+    get maxWidth(): string | number;
+    /**
+     * Sets how the FloatingToolBar renders tools when their total size is greater than the available width.
+     * @default 'menu'
+     */
+    set overflow(value: FloatingToolBarOverflowMode | FloatingToolBarOverflowSettings);
+    get overflow(): FloatingToolBarOverflowMode | FloatingToolBarOverflowSettings;
+    /**
+     * Sets the size of the FloatingToolBar and the tools it hosts. The default value is set by the Kendo theme.
+     */
+    set size(value: ToolbarSize);
+    get size(): ToolbarSize;
+    /**
+     * Sets the background and border styles of the FloatingToolBar. The default value is set by the Kendo theme.
+     */
+    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 one pixel at a time.
+    * Move focus away from the drag handle to finish, or press `Escape` to restore the starting position.
+     *
+     * @default false
+     */
+    set draggable(value: boolean);
+    get draggable(): boolean;
+    /**
+     * Sets the accessible name of the FloatingToolBar.
+     */
+    set ariaLabel(value: string);
+    get ariaLabel(): string;
+    /**
+     * Fires when a pointer drag or the keyboard move mode starts. Cancelable — calling `preventDefault()` keeps the
+     * FloatingToolBar in place.
+     */
+    dragStart: EventEmitter<FloatingToolBarDragStartEvent>;
+    /**
+     * Fires when the user moves the FloatingToolBar with the pointer or the keyboard.
+     */
+    move: EventEmitter<FloatingToolBarMoveEvent>;
+    /**
+     * Fires when a pointer drag ends or the keyboard move mode is committed or canceled.
+     */
+    dragEnd: EventEmitter<FloatingToolBarDragEndEvent>;
+    /**
+     * @hidden
+     *
+     * Projected tools subscribe to this after resolving this component as their ToolBar host.
+     */
+    propertyChange: EventEmitter<{
+        property: string;
+        value: any;
+    }>;
+    protected dragHandleIcon: SVGIcon;
+    protected direction: 'ltr' | 'rtl';
+    protected moveMode: i0.Signal<boolean>;
+    protected popupClass: i0.Signal<string>;
+    protected popupPosition: i0.Signal<PopupPosition>;
+    protected popupPositionMode: i0.Signal<"absolute" | "fixed">;
+    protected get dragHandleTitle(): string;
+    private _anchor;
+    private _position;
+    private _containerAlign;
+    private _margin;
+    private _width;
+    private _maxWidth;
+    private _overflow;
+    private _size;
+    private _fillMode;
+    private _draggable;
+    private _ariaLabel;
+    private _dragOffset;
+    private keyboardMoveOrigin;
+    private preMoveDragOffset;
+    private pointerDragging;
+    private pointerDrag;
+    private focusReturnTarget;
+    private isFocusWithinComponent;
+    private subscriptions;
+    constructor(hostElement: ElementRef<HTMLElement>, ngZone: NgZone, injector: Injector, renderer: Renderer2, localization: LocalizationService, changeDetectorRef: ChangeDetectorRef);
+    ngOnInit(): void;
+    ngAfterViewInit(): void;
+    ngOnDestroy(): void;
+    /**
+     * Moves the focus into the FloatingToolBar at its current roving tabindex position.
+     */
+    focus(): void;
+    /**
+     * Sets the FloatingToolBar position using the provided `top` and `left` coordinates.
+     * The position is clamped to the viewport.
+     */
+    setPosition(position: Offset): void;
+    protected messageFor(key: string): string;
+    protected handlePress(ev: DraggablePointerEvent): void;
+    protected handleDrag(ev: DraggablePointerEvent): void;
+    protected handleRelease(): void;
+    private get containerElement();
+    private updatePopupSize;
+    private restoreFocus;
+    private cancelActiveDrag;
+    private focusFirstTool;
+    private onFocusIn;
+    private onFocusOut;
+    private onKeydown;
+    private enterKeyboardMoveMode;
+    private handleMoveModeKey;
+    private finishKeyboardMoveMode;
+    private cancelKeyboardMoveMode;
+    private emitDragStart;
+    private updatePositionAndEmitMove;
+    private currentPosition;
+    private clampToViewport;
+    static ɵfac: i0.ɵɵFactoryDeclaration<FloatingToolBarComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<FloatingToolBarComponent, "kendo-floatingtoolbar", ["kendoFloatingToolBar"], { "anchor": { "alias": "anchor"; "required": false; }; "position": { "alias": "position"; "required": false; }; "containerAlign": { "alias": "containerAlign"; "required": false; }; "margin": { "alias": "margin"; "required": false; }; "width": { "alias": "width"; "required": false; }; "maxWidth": { "alias": "maxWidth"; "required": false; }; "overflow": { "alias": "overflow"; "required": false; }; "size": { "alias": "size"; "required": false; }; "fillMode": { "alias": "fillMode"; "required": false; }; "draggable": { "alias": "draggable"; "required": false; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; }; }, { "dragStart": "dragStart"; "move": "move"; "dragEnd": "dragEnd"; }, ["projectedTools"], ["*"], true, never>;
+}
+
+/**
+ * @hidden
+ */
+declare class FloatingToolBarMessages extends ComponentMessages {
+    /**
+        * Sets the accessible name of the FloatingToolBar drag handle.
+     */
+    set dragHandleTitle(value: string);
+    get dragHandleTitle(): string;
+    /**
+        * Sets the title of the More Tools button in the hosted ToolBar. When unset, the FloatingToolBar's localized default is used.
+     */
+    set moreToolsTitle(value: string);
+    get moreToolsTitle(): string;
+    /**
+        * Sets the title of the previous scroll button in the hosted ToolBar. When unset, the FloatingToolBar's localized default is used.
+     */
+    set previousToolButton(value: string);
+    get previousToolButton(): string;
+    /**
+        * Sets the title of the next scroll button in the hosted ToolBar. When unset, the FloatingToolBar's localized default is used.
+     */
+    set nextToolButton(value: string);
+    get nextToolButton(): string;
+    private _dragHandleTitle;
+    private _moreToolsTitle;
+    private _previousToolButton;
+    private _nextToolButton;
+    static ɵfac: i0.ɵɵFactoryDeclaration<FloatingToolBarMessages, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<FloatingToolBarMessages, "kendo-floatingtoolbar-messages-base", never, { "dragHandleTitle": { "alias": "dragHandleTitle"; "required": false; }; "moreToolsTitle": { "alias": "moreToolsTitle"; "required": false; }; "previousToolButton": { "alias": "previousToolButton"; "required": false; }; "nextToolButton": { "alias": "nextToolButton"; "required": false; }; }, {}, never, never, true, never>;
+}
+
+/**
+ * Represents the custom messages component of the FloatingToolBar.
+ *
+ * Use this component to override default messages for the FloatingToolBar.
+ *
+ * @example
+ * ```html
+ * <kendo-floatingtoolbar>
+ *      <kendo-floatingtoolbar-messages
+ *          dragHandleTitle="Drag to reposition">
+ *      </kendo-floatingtoolbar-messages>
+ * </kendo-floatingtoolbar>
+ * ```
+ */
+declare class FloatingToolBarCustomMessagesComponent extends FloatingToolBarMessages {
+    protected service: LocalizationService;
+    constructor(service: LocalizationService);
+    protected get override(): boolean;
+    static ɵfac: i0.ɵɵFactoryDeclaration<FloatingToolBarCustomMessagesComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<FloatingToolBarCustomMessagesComponent, "kendo-floatingtoolbar-messages", never, {}, {}, never, never, true, never>;
+}
+
 /**
  * Represents the [`NgModule`](link:site.data.urls.angular['ngmoduleapi']) definition for the ToolBar component.
  *
@@ -1492,7 +1833,7 @@ declare class ToolbarCustomMessagesComponent extends ToolbarMessages {
  */
 declare class ToolBarModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<ToolBarModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<ToolBarModule, never, [typeof ToolBarComponent, typeof ToolbarCustomMessagesComponent, typeof ToolBarButtonComponent, typeof ToolBarButtonGroupComponent, typeof ToolBarDropDownButtonComponent, typeof ToolBarSeparatorComponent, typeof ToolBarSpacerComponent, typeof ToolBarSplitButtonComponent, typeof ToolBarToolComponent], [typeof ToolBarComponent, typeof ToolbarCustomMessagesComponent, typeof ToolBarButtonComponent, typeof ToolBarButtonGroupComponent, typeof ToolBarDropDownButtonComponent, typeof ToolBarSeparatorComponent, typeof ToolBarSpacerComponent, typeof ToolBarSplitButtonComponent, typeof ToolBarToolComponent]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<ToolBarModule, never, [typeof ToolBarComponent, typeof ToolbarCustomMessagesComponent, typeof ToolBarButtonComponent, typeof ToolBarButtonGroupComponent, typeof ToolBarDropDownButtonComponent, typeof ToolBarSeparatorComponent, typeof ToolBarSpacerComponent, typeof ToolBarSplitButtonComponent, typeof ToolBarToolComponent, typeof FloatingToolBarComponent, typeof FloatingToolBarCustomMessagesComponent], [typeof ToolBarComponent, typeof ToolbarCustomMessagesComponent, typeof ToolBarButtonComponent, typeof ToolBarButtonGroupComponent, typeof ToolBarDropDownButtonComponent, typeof ToolBarSeparatorComponent, typeof ToolBarSpacerComponent, typeof ToolBarSplitButtonComponent, typeof ToolBarToolComponent, typeof FloatingToolBarComponent, typeof FloatingToolBarCustomMessagesComponent]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<ToolBarModule>;
 }
 
@@ -1506,6 +1847,16 @@ declare class LocalizedToolbarMessagesDirective extends ToolbarMessages {
     static ɵdir: i0.ɵɵDirectiveDeclaration<LocalizedToolbarMessagesDirective, "[kendoToolbarLocalizedMessages]", never, {}, {}, never, never, true, never>;
 }
 
+/**
+ * @hidden
+ */
+declare class LocalizedFloatingToolBarMessagesDirective extends FloatingToolBarMessages {
+    protected service: LocalizationService;
+    constructor(service: LocalizationService);
+    static ɵfac: i0.ɵɵFactoryDeclaration<LocalizedFloatingToolBarMessagesDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<LocalizedFloatingToolBarMessagesDirective, "[kendoFloatingToolBarLocalizedMessages]", never, {}, {}, never, never, true, never>;
+}
+
 /**
 * Use this utility array to access all `@progress/kendo-angular-toolbar`-related components and directives in a standalone Angular component.
 *
@@ -1527,7 +1878,7 @@ declare class LocalizedToolbarMessagesDirective extends ToolbarMessages {
 * export class AppComponent {}
 * ```
 */
-declare const KENDO_TOOLBAR: readonly [typeof ToolBarComponent, typeof ToolbarCustomMessagesComponent, typeof ToolBarButtonComponent, typeof ToolBarButtonGroupComponent, typeof ToolBarDropDownButtonComponent, typeof ToolBarSeparatorComponent, typeof ToolBarSpacerComponent, typeof ToolBarSplitButtonComponent, typeof ToolBarToolComponent];
+declare const KENDO_TOOLBAR: readonly [typeof ToolBarComponent, typeof ToolbarCustomMessagesComponent, typeof ToolBarButtonComponent, typeof ToolBarButtonGroupComponent, typeof ToolBarDropDownButtonComponent, typeof ToolBarSeparatorComponent, typeof ToolBarSpacerComponent, typeof ToolBarSplitButtonComponent, typeof ToolBarToolComponent, typeof FloatingToolBarComponent, typeof FloatingToolBarCustomMessagesComponent];
 
-export { KENDO_TOOLBAR, LocalizedToolbarMessagesDirective, RefreshService, ToolBarButtonComponent, ToolBarButtonGroupComponent, ToolBarComponent, ToolBarDropDownButtonComponent, ToolBarModule, ToolBarSeparatorComponent, ToolBarSpacerComponent, ToolBarSplitButtonComponent, ToolBarToolComponent, ToolbarCustomMessagesComponent };
-export type { ButtonGroupSelection, DisplayMode, OverflowMode, PopupSettings, ToolbarFillMode, ToolbarOverflowSettings, ToolbarScrollButtonsPosition, ToolbarScrollButtonsVisibility, ToolbarSize };
+export { FloatingToolBarComponent, FloatingToolBarCustomMessagesComponent, FloatingToolBarDragEndEvent, FloatingToolBarDragStartEvent, FloatingToolBarMessages, FloatingToolBarMoveEvent, KENDO_TOOLBAR, LocalizedFloatingToolBarMessagesDirective, LocalizedToolbarMessagesDirective, RefreshService, ToolBarButtonComponent, ToolBarButtonGroupComponent, ToolBarComponent, ToolBarDropDownButtonComponent, ToolBarModule, ToolBarSeparatorComponent, ToolBarSpacerComponent, ToolBarSplitButtonComponent, ToolBarToolComponent, ToolbarCustomMessagesComponent };
+export type { ButtonGroupSelection, DisplayMode, FloatingToolBarOverflowMode, FloatingToolBarOverflowSettings, FloatingToolBarPosition, OverflowMode, PopupSettings, ToolbarFillMode, ToolbarOverflowSettings, ToolbarScrollButtonsPosition, ToolbarScrollButtonsVisibility, ToolbarSize };

package/package-metadata.mjs

@@ -7,7 +7,7 @@ export const packageMetadata = {
   "productCodes": [
     "KENDOUIANGULAR"
   ],
-  "publishDate": 1791207502,
-  "version": "25.3.0-develop.7",
+  "publishDate": 1791301982,
+  "version": "25.3.0-develop.9",
   "licensingDocsUrl": "https://www.telerik.com/kendo-angular-ui/my-license/"
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@progress/kendo-angular-toolbar",
-  "version": "25.3.0-develop.7",
+  "version": "25.3.0-develop.9",
   "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": 1791207502,
+      "publishDate": 1791301982,
       "licensingDocsUrl": "https://www.telerik.com/kendo-angular-ui/my-license/"
     }
   },
@@ -53,17 +53,17 @@
     "@angular/core": "20 - 22",
     "@angular/platform-browser": "20 - 22",
     "@progress/kendo-licensing": "^1.11.0",
-    "@progress/kendo-angular-buttons": "25.3.0-develop.7",
-    "@progress/kendo-angular-common": "25.3.0-develop.7",
-    "@progress/kendo-angular-l10n": "25.3.0-develop.7",
-    "@progress/kendo-angular-icons": "25.3.0-develop.7",
-    "@progress/kendo-angular-indicators": "25.3.0-develop.7",
-    "@progress/kendo-angular-popup": "25.3.0-develop.7",
+    "@progress/kendo-angular-buttons": "25.3.0-develop.9",
+    "@progress/kendo-angular-common": "25.3.0-develop.9",
+    "@progress/kendo-angular-l10n": "25.3.0-develop.9",
+    "@progress/kendo-angular-icons": "25.3.0-develop.9",
+    "@progress/kendo-angular-indicators": "25.3.0-develop.9",
+    "@progress/kendo-angular-popup": "25.3.0-develop.9",
     "rxjs": "^6.5.3 || ^7.0.0"
   },
   "dependencies": {
     "tslib": "^2.3.1",
-    "@progress/kendo-angular-schematics": "25.3.0-develop.7"
+    "@progress/kendo-angular-schematics": "25.3.0-develop.9"
   },
   "schematics": "./schematics/collection.json",
   "module": "fesm2022/progress-kendo-angular-toolbar.mjs",