@progress/kendo-vue-buttons 8.0.3-develop.1 → 8.0.3-develop.3

package/models/ButtonBlurEvent.d.ts

@@ -0,0 +1,16 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2026 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+/**
+ * The arguments for the `onBlur` event of the Button.
+ */
+export interface ButtonBlurEvent {
+    /**
+     * The native browser blur event.
+     */
+    event: FocusEvent;
+}

package/models/ButtonFocusEvent.d.ts

@@ -0,0 +1,16 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2026 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+/**
+ * The arguments for the `onFocus` event of the Button.
+ */
+export interface ButtonFocusEvent {
+    /**
+     * The native browser focus event.
+     */
+    event: FocusEvent;
+}

package/models/events.d.ts

@@ -0,0 +1,96 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2026 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+import { ChipHandle } from '../Chip/Chip';
+/**
+ * Represents the return type of the ChipRemoveEvent.
+ */
+export interface ChipRemoveEvent {
+    /**
+     * The target of the ChipRemoveEvent from ChipHandle.
+     */
+    target: ChipHandle;
+    /**
+     * The event of the ChipRemoveEvent.
+     */
+    event: any;
+}
+/**
+ * Represents the return type of the ChipMouseEvent.
+ */
+export interface ChipMouseEvent {
+    /**
+     * The target of the ChipMouseEvent from ChipHandle.
+     */
+    target: ChipHandle;
+    /**
+     * The event of the ChipMouseEvent.
+     */
+    event: any;
+}
+/**
+ * Represents the return type of the ChipKeyboardEvent.
+ */
+export interface ChipKeyboardEvent {
+    /**
+     * The target of the ChipKeyboardEvent from ChipHandle.
+     */
+    target: ChipHandle;
+    /**
+     * The event of the ChipKeyboardEvent.
+     */
+    event: any;
+}
+/**
+ * Represents the return type of the ChipFocusEvent.
+ */
+export interface ChipFocusEvent {
+    /**
+     * The target of the ChipFocusEvent from ChipHandle.
+     */
+    target: ChipHandle;
+    /**
+     * The native browser focus event.
+     */
+    event: FocusEvent;
+}
+/**
+ * Represents the return type of the ChipListDataChangeEvent.
+ */
+export interface ChipListDataChangeEvent {
+    /**
+     * Represents the new data state value.
+     */
+    value: any | any[];
+    /**
+     * The target of the ChipListChangeEvent from ChipListHandle.
+     */
+    target: any;
+    /**
+     * The event of the ChipListChangeEvent.
+     */
+    event: any;
+}
+/**
+ * Represents the return type of the ChipListChangeEvent.
+ */
+export interface ChipListChangeEvent {
+    /**
+     * Represents the new state value.
+     */
+    value: any | any[];
+    /**
+     * The target of the ChipListChangeEvent from ChipListHandle.
+     */
+    target: any;
+    /**
+     * The event of the ChipListChangeEvent.
+     */
+    event: any;
+}
+export type { ButtonFocusEvent } from './ButtonFocusEvent';
+export type { ButtonBlurEvent } from './ButtonBlurEvent';

package/package-metadata.d.ts

@@ -0,0 +1,12 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2026 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+import { PackageMetadata } from '@progress/kendo-licensing';
+/**
+ * @hidden
+ */
+export declare const packageMetadata: PackageMetadata;

package/package-metadata.js

@@ -5,4 +5,4 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e={name:"@progress/kendo-vue-buttons",productName:"Kendo UI for Vue",productCode:"KENDOUIVUE",productCodes:["KENDOUIVUE"],publishDate: 1772733398,version:"8.0.3-develop.1",licensingDocsUrl:"https://www.telerik.com/kendo-vue-ui/my-license/?utm_medium=product&utm_source=kendovue&utm_campaign=kendo-ui-vue-purchase-license-keys-warning"};exports.packageMetadata=e;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e={name:"@progress/kendo-vue-buttons",productName:"Kendo UI for Vue",productCode:"KENDOUIVUE",productCodes:["KENDOUIVUE"],publishDate: 1773401338,version:"8.0.3-develop.3",licensingDocsUrl:"https://www.telerik.com/kendo-vue-ui/my-license/?utm_medium=product&utm_source=kendovue&utm_campaign=kendo-ui-vue-purchase-license-keys-warning"};exports.packageMetadata=e;

package/package-metadata.mjs

@@ -10,8 +10,8 @@ const e = {
   productName: "Kendo UI for Vue",
   productCode: "KENDOUIVUE",
   productCodes: ["KENDOUIVUE"],
-  publishDate: 1772733398,
-  version: "8.0.3-develop.1",
+  publishDate: 1773401338,
+  version: "8.0.3-develop.3",
   licensingDocsUrl: "https://www.telerik.com/kendo-vue-ui/my-license/?utm_medium=product&utm_source=kendovue&utm_campaign=kendo-ui-vue-purchase-license-keys-warning"
 };
 export {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@progress/kendo-vue-buttons",
-  "version": "8.0.3-develop.1",
+  "version": "8.0.3-develop.3",
   "description": "TODO",
   "author": "Progress",
   "license": "SEE LICENSE IN LICENSE.md",
@@ -9,8 +9,14 @@
   "types": "./index.d.ts",
   "exports": {
     ".": {
-      "import": "./index.mjs",
-      "require": "./index.js"
+      "import": {
+        "types": "./index.d.mts",
+        "default": "./index.mjs"
+      },
+      "require": {
+        "types": "./index.d.ts",
+        "default": "./index.js"
+      }
     },
     "./package.json": {
       "default": "./package.json"
@@ -19,9 +25,9 @@
   "sideEffects": false,
   "peerDependencies": {
     "@progress/kendo-licensing": "^1.7.2",
-    "@progress/kendo-vue-common": "8.0.3-develop.1",
-    "@progress/kendo-vue-intl": "8.0.3-develop.1",
-    "@progress/kendo-vue-popup": "8.0.3-develop.1",
+    "@progress/kendo-vue-common": "8.0.3-develop.3",
+    "@progress/kendo-vue-intl": "8.0.3-develop.3",
+    "@progress/kendo-vue-popup": "8.0.3-develop.3",
     "@progress/kendo-webspeech-common": "^1.0.1",
     "@progress/kendo-svg-icons": "^4.4.0",
     "vue": "^3.0.2"
@@ -43,7 +49,7 @@
     "package": {
       "productName": "Kendo UI for Vue",
       "productCode": "KENDOUIVUE",
-      "publishDate": 1772733398,
+      "publishDate": 1773401338,
       "licensingDocsUrl": "https://www.telerik.com/kendo-vue-ui/my-license/?utm_medium=product&utm_source=kendovue&utm_campaign=kendo-ui-vue-purchase-license-keys-warning"
     }
   },

package/toolbar/Toolbar.d.ts

@@ -0,0 +1,170 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2026 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+import { PropType } from 'vue';
+import { ToolbarResizeEvent } from './interfaces/ToolbarProps';
+/**
+ * @hidden
+ */
+export interface ToolbarComputed {
+    [key: string]: any;
+    selectors: string[];
+    wrapperClass: object;
+}
+/**
+ * @hidden
+ */
+export interface ToolbarMethods {
+    [key: string]: any;
+    focusedIndex: () => number;
+    getCurrentButtons: () => HTMLElement[];
+    onKeyDown: (e: any) => void;
+    onWindowResize: (e: any) => void;
+    focusButton: (current: number, next: number) => void;
+    setTabIndex: (index: number) => void;
+    getInternalButtons: () => HTMLElement[];
+}
+/**
+ * @hidden
+ */
+declare const Toolbar: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    tabIndex: {
+        type: PropType<number>;
+        default: number;
+    };
+    dir: {
+        type: PropType<string>;
+        validator: (value: any) => any;
+        default: string;
+    };
+    keyboardNavigation: {
+        type: PropType<boolean>;
+        default: boolean;
+    };
+    buttons: {
+        type: PropType<string[]>;
+        default: () => any;
+    };
+    size: {
+        type: PropType<"small" | "medium" | "large">;
+        validator: (value: string) => boolean;
+    };
+    fillMode: {
+        type: PropType<"flat" | "solid" | "outline">;
+        validator: (value: string) => boolean;
+    };
+    ariaLabel: PropType<string>;
+    overflow: {
+        type: PropType<"none" | "section" | "scroll">;
+        default: string;
+        validator: (value: any) => any;
+    };
+    scrollButtons: {
+        type: PropType<"hidden" | "auto" | "visible">;
+        default: string;
+        validator: (value: any) => any;
+    };
+    scrollButtonsPosition: {
+        type: PropType<"split" | "start" | "end">;
+        default: string;
+        validator: (value: any) => any;
+    };
+    buttonScrollSpeed: {
+        type: PropType<number>;
+        default: number;
+    };
+}>, {}, {
+    defaultSlot: any;
+    offsetWidth: number;
+    offsetHeight: number;
+    currentButtons: HTMLElement[];
+    focusedSelector: string;
+    isScrollStartPosition: boolean;
+    isScrollEndPosition: boolean;
+    focusableButtons: any[];
+    isOverflowing: boolean;
+    scrollContentRef: any;
+    lastToolbarWidthRef: number;
+    overFlowToolsRef: any[];
+    overFlowOpened: boolean;
+    visibleToolsRef: any;
+}, {
+    selectors(): ToolbarComputed['selectors'];
+    wrapperClass(): ToolbarComputed['wrapperClass'];
+}, {
+    getCurrentButtons(): HTMLElement[];
+    getInternalButtons(): HTMLElement[];
+    focusedIndex(): number;
+    setTabIndex(focusedIndex: number): void;
+    onKeyDown(event: any): void;
+    focusButton(prevIndex: number, index: number): void;
+    initOverflow(toolbarRef: any, totalInnerWidth: any): void;
+    checkOverflow(): void;
+    onWindowResize(event: any): void;
+    onContentScroll(buttonClicked: any): void;
+    onToggleoverflow(opened: boolean): void;
+}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    resize: (event: ToolbarResizeEvent) => true;
+}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    tabIndex: {
+        type: PropType<number>;
+        default: number;
+    };
+    dir: {
+        type: PropType<string>;
+        validator: (value: any) => any;
+        default: string;
+    };
+    keyboardNavigation: {
+        type: PropType<boolean>;
+        default: boolean;
+    };
+    buttons: {
+        type: PropType<string[]>;
+        default: () => any;
+    };
+    size: {
+        type: PropType<"small" | "medium" | "large">;
+        validator: (value: string) => boolean;
+    };
+    fillMode: {
+        type: PropType<"flat" | "solid" | "outline">;
+        validator: (value: string) => boolean;
+    };
+    ariaLabel: PropType<string>;
+    overflow: {
+        type: PropType<"none" | "section" | "scroll">;
+        default: string;
+        validator: (value: any) => any;
+    };
+    scrollButtons: {
+        type: PropType<"hidden" | "auto" | "visible">;
+        default: string;
+        validator: (value: any) => any;
+    };
+    scrollButtonsPosition: {
+        type: PropType<"split" | "start" | "end">;
+        default: string;
+        validator: (value: any) => any;
+    };
+    buttonScrollSpeed: {
+        type: PropType<number>;
+        default: number;
+    };
+}>> & Readonly<{
+    onResize?: (event: ToolbarResizeEvent) => any;
+}>, {
+    tabIndex: number;
+    overflow: "none" | "section" | "scroll";
+    dir: string;
+    keyboardNavigation: boolean;
+    buttons: string[];
+    buttonScrollSpeed: number;
+    scrollButtons: "hidden" | "auto" | "visible";
+    scrollButtonsPosition: "split" | "start" | "end";
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export { Toolbar };

package/toolbar/interfaces/ToolbarOverflowProps.d.ts

@@ -0,0 +1,48 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2026 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+/**
+ * @hidden
+ */
+export interface ToolbarOverflowProps {
+    /**
+     * Represents the possible overflow mode options of the Toolbar.
+     * Applicable when there is not enough space to render all tools.
+     *
+     * @default `section`
+     */
+    overflow?: 'none' | 'section' | 'scroll';
+    /**
+     * Determines the Toolbar scroll buttons visibility.
+     * Applicable when the overflow property is set to `scroll`.
+     *
+     * @default `auto`
+     */
+    scrollButtons?: 'hidden' | 'visible' | 'auto';
+    /**
+     * Determines the Toolbar scroll buttons position.
+     * Applicable when the overflow property is set to `scroll`.
+     *
+     * @default `split`
+     */
+    scrollButtonsPosition?: 'start' | 'end' | 'split';
+    /**
+     * Sets the Toolbar scroll speed in pixels when scrolling via clicking the previous or next button.
+     * Applicable when the overflow property is set to `scroll`.
+     *
+     * @default 100
+     */
+    buttonScrollSpeed?: number;
+    /**
+     * Defines the custom component that will be rendered as a previous button.
+     */
+    prevButton?: any;
+    /**
+     * Defines the custom component that will be rendered as a next button.
+     */
+    nextButton?: any;
+}

package/toolbar/interfaces/ToolbarProps.d.ts

@@ -0,0 +1,93 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2026 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+import { ToolbarOverflowProps } from './ToolbarOverflowProps';
+/**
+ * Represents the `resize` event of the Toolbar.
+ */
+export interface ToolbarResizeEvent {
+    /**
+     * An event target.
+     */
+    target: any;
+    /**
+     * The `offsetWidth` event of the Toolbar.
+     */
+    offsetWidth: number;
+    /**
+     * The `offsetHeight` event of the Toolbar.
+     */
+    offsetHeight: number;
+    /**
+     * A native DOM event.
+     */
+    nativeEvent: any;
+}
+/**
+ * Represents the props of the [Kendo UI for Vue Toolbar component]({% slug overview_toolbar %}).
+ */
+export interface ToolbarProps extends ToolbarOverflowProps {
+    /**
+     * Sets additional classes to the Toolbar.
+     */
+    className?: string;
+    /**
+     * Represents the `dir` HTML attribute.
+     */
+    dir?: string | undefined;
+    /**
+     * Specifies the `tabIndex` of the Toolbar.
+     */
+    tabIndex?: number;
+    /**
+     * The `resize` event of the Toolbar.
+     */
+    onResize?: (event: ToolbarResizeEvent) => void;
+    /**
+     * If set to `false`, it will turn off the built-in keyboard navigation.
+     */
+    keyboardNavigation?: boolean;
+    /**
+     * @hidden
+     *
+     * The CSS selectors of the toolbar HTML elements used by built-in keyboard navigation.
+     * Each selector needs to point to a focusable element.
+     * Defaults to [
+     *  'button',
+     *  '.k-button-group > button',
+     *  '.k-dropdown > .k-dropdown-wrap',
+     *  '.k-colorpicker > .k-picker-wrap'
+     * ].
+     */
+    buttons?: string[];
+    /**
+     * Configures the `size` of the Toolbar.
+     *
+     * The available options are:
+     * - `small`—sets the padding of the component to 4px 4px
+     * - `medium`—sets the padding of the component to 8px 8px
+     * - `large`—sets the padding of the component to 10px 10px
+     *
+     * @default `undefined`
+     */
+    size?: 'small' | 'medium' | 'large';
+    /**
+     * Configures the `fillMode` of the Toolbar.
+     *
+     * The available options are:
+     * - solid—Applies a `background` color and `solid borders`.
+     * - flat—Sets a `transparent background` and `solid bottom border`.
+     * - outline—Sets a `transparent background` and `solid borders`.
+     *
+     * @default `undefined`
+     */
+    fillMode?: 'solid' | 'flat' | 'outline';
+    /**
+     * Defines the `aria-label` HTML attribute of the Toolbar.
+     */
+    ariaLabel?: string;
+}

package/toolbar/messages/index.d.ts

@@ -0,0 +1,27 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2026 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+/**
+ * @hidden
+ */
+export declare const prevArrowTitle = "prevArrow.title";
+/**
+ * @hidden
+ */
+export declare const nextArrowTitle = "nextArrow.title";
+/**
+ * @hidden
+ */
+export declare const moreButtonTitle = "moreButtonTitle.title";
+/**
+ * @hidden
+ */
+export declare const messages: {
+    "prevArrow.title": string;
+    "nextArrow.title": string;
+    "moreButtonTitle.title": string;
+};

package/toolbar/tools/ToolbarItem.d.ts

@@ -0,0 +1,14 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2026 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+/**
+ * @hidden
+ */
+declare const ToolbarItem: import('vue').DefineComponent<{}, {}, {}, {}, {
+    element(): any;
+}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export { ToolbarItem };

package/toolbar/tools/ToolbarOverflowSection.d.ts

@@ -0,0 +1,50 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2026 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+import { PropType } from 'vue';
+/**
+ * @hidden
+ */
+export interface ToolbarOverflowSectionProps {
+    toolbarRef: object;
+    fillMode?: 'solid' | 'flat' | 'outline';
+    size?: 'small' | 'medium' | 'large';
+    visibleTools: object[];
+    overFlowTools: object[];
+    opened: boolean;
+    toolbarWidth: number;
+    allTools: object[];
+}
+/**
+ * @hidden
+ */
+declare const ToolbarOverflowSection: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    toolbarRef: PropType<object>;
+    toolbarWidth: PropType<number>;
+    fillMode: PropType<"flat" | "solid" | "outline">;
+    size: PropType<"small" | "medium" | "large">;
+    visibleTools: PropType<object[]>;
+    overFlowTools: PropType<object[]>;
+    opened: PropType<boolean>;
+    allTools: PropType<object[]>;
+}>, {}, {}, {}, {
+    handleClick(): void;
+}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    toggleoverflow: (opened: boolean) => true;
+}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    toolbarRef: PropType<object>;
+    toolbarWidth: PropType<number>;
+    fillMode: PropType<"flat" | "solid" | "outline">;
+    size: PropType<"small" | "medium" | "large">;
+    visibleTools: PropType<object[]>;
+    overFlowTools: PropType<object[]>;
+    opened: PropType<boolean>;
+    allTools: PropType<object[]>;
+}>> & Readonly<{
+    onToggleoverflow?: (opened: boolean) => any;
+}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export { ToolbarOverflowSection };

package/toolbar/tools/ToolbarScrollButton.d.ts

@@ -0,0 +1,47 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2026 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+import { PropType } from 'vue';
+/**
+ * @hidden
+ */
+export interface ToolbarScrollButtonProps {
+    buttonScrollSpeed?: number;
+    disabled?: boolean;
+    scrollContentRef?: any;
+    type: 'prev' | 'next';
+    prevButton?: any;
+    nextButton?: any;
+    dir?: string;
+}
+/**
+ * @hidden
+ */
+declare const ToolbarScrollButton: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    buttonScrollSpeed: PropType<number>;
+    disabled: PropType<boolean>;
+    scrollContentRef: PropType<any>;
+    type: PropType<"next" | "prev">;
+    prevButton: PropType<any>;
+    nextButton: PropType<any>;
+    dir: PropType<string>;
+}>, {}, {}, {}, {
+    getScrollButtonTitle(): string;
+}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    contentscroll: (type: string) => true;
+}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    buttonScrollSpeed: PropType<number>;
+    disabled: PropType<boolean>;
+    scrollContentRef: PropType<any>;
+    type: PropType<"next" | "prev">;
+    prevButton: PropType<any>;
+    nextButton: PropType<any>;
+    dir: PropType<string>;
+}>> & Readonly<{
+    onContentscroll?: (type: string) => any;
+}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export { ToolbarScrollButton };