@progress/kendo-vue-buttons 7.0.1-develop.2 → 7.0.1-develop.3

package/index.d.mts

@@ -103,22 +103,22 @@ handleMouseDown(event: any): void;
 handlePointerDown(event: any): void;
 handleMouseUp(event: any): void;
 handlePointerUp(event: any): void;
-handleFocus(event: any): void;
-handleBlur(event: any): void;
+handleFocus(event: FocusEvent): void;
+handleBlur(event: FocusEvent): void;
 handleKeypress(event: any): void;
 handleKeydown(event: any): void;
 handleContextmenu(event: any): void;
 }, ComponentOptionsMixin, ComponentOptionsMixin, {
-click: any;
-mousedown: any;
-mouseup: any;
-pointerdown: any;
-pointerup: any;
-focus: any;
-blur: any;
-keypress: any;
-keydown: any;
-contextmenu: any;
+click: (event: Event) => true;
+mousedown: (event: MouseEvent) => true;
+mouseup: (event: MouseEvent) => true;
+pointerdown: (event: PointerEvent) => true;
+pointerup: (event: PointerEvent) => true;
+focus: (event: ButtonFocusEvent) => true;
+blur: (event: ButtonBlurEvent) => true;
+keypress: (event: KeyboardEvent) => true;
+keydown: (event: KeyboardEvent) => true;
+contextmenu: (event: MouseEvent) => true;
 }, string, PublicProps, Readonly<ExtractPropTypes<    {
 ariaLabel: PropType<string>;
 ariaPressed: PropType<boolean>;
@@ -179,16 +179,16 @@ id: PropType<string>;
 type: PropType<string>;
 role: PropType<string>;
 }>> & Readonly<{
-onClick?: (...args: any[] | unknown[]) => any;
-onBlur?: (...args: any[] | unknown[]) => any;
-onContextmenu?: (...args: any[] | unknown[]) => any;
-onFocus?: (...args: any[] | unknown[]) => any;
-onKeydown?: (...args: any[] | unknown[]) => any;
-onKeypress?: (...args: any[] | unknown[]) => any;
-onMousedown?: (...args: any[] | unknown[]) => any;
-onMouseup?: (...args: any[] | unknown[]) => any;
-onPointerdown?: (...args: any[] | unknown[]) => any;
-onPointerup?: (...args: any[] | unknown[]) => any;
+onClick?: (event: Event) => any;
+onBlur?: (event: ButtonBlurEvent) => any;
+onContextmenu?: (event: MouseEvent) => any;
+onFocus?: (event: ButtonFocusEvent) => any;
+onKeydown?: (event: KeyboardEvent) => any;
+onKeypress?: (event: KeyboardEvent) => any;
+onMousedown?: (event: MouseEvent) => any;
+onMouseup?: (event: MouseEvent) => any;
+onPointerdown?: (event: PointerEvent) => any;
+onPointerup?: (event: PointerEvent) => any;
 }>, {
 themeColor: string;
 size: string;
@@ -203,6 +203,16 @@ imageUrl: string;
 disabled: boolean;
 }, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
 
+/**
+ * The arguments for the `onBlur` event of the Button.
+ */
+export declare interface ButtonBlurEvent {
+    /**
+     * The native browser blur event.
+     */
+    event: FocusEvent;
+}
+
 /**
  * @hidden
  */
@@ -218,6 +228,16 @@ export declare interface ButtonData {
     currentActive: boolean;
 }
 
+/**
+ * The arguments for the `onFocus` event of the Button.
+ */
+export declare interface ButtonFocusEvent {
+    /**
+     * The native browser focus event.
+     */
+    event: FocusEvent;
+}
+
 /**
  * @hidden
  */
@@ -365,8 +385,8 @@ innerClass(): object;
 onClick(event: any): void;
 onDown(event: any): void;
 }, ComponentOptionsMixin, ComponentOptionsMixin, {
-click: any;
-down: any;
+click: (event: any, index: number) => true;
+down: (event: any, index: number) => true;
 }, string, PublicProps, Readonly<ExtractPropTypes<    {
 focused: PropType<boolean>;
 index: PropType<number>;
@@ -377,8 +397,8 @@ id: PropType<string>;
 textField: PropType<string>;
 role: PropType<string>;
 }>> & Readonly<{
-onClick?: (...args: any[] | unknown[]) => any;
-onDown?: (...args: any[] | unknown[]) => any;
+onClick?: (event: any, index: number) => any;
+onDown?: (event: any, index: number) => any;
 }>, {}, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
 
 /**
@@ -644,14 +664,14 @@ handleMouseDown(event: any): void;
 handleClick(event: any): void;
 handleRemove(event: any): void;
 handleKeyDown(event: any): void;
-handleFocus(event: any): void;
-handleBlur(event: any): void;
+handleFocus(event: FocusEvent): void;
+handleBlur(event: FocusEvent): void;
 }, ComponentOptionsMixin, ComponentOptionsMixin, {
-click: any;
-keydown: any;
-blur: any;
-focus: any;
-remove: any;
+click: (event: ChipMouseEvent) => true;
+keydown: (event: ChipKeyboardEvent) => true;
+blur: (event: ChipFocusEvent) => true;
+focus: (event: ChipFocusEvent) => true;
+remove: (event: ChipRemoveEvent) => true;
 }, string, PublicProps, Readonly<ExtractPropTypes<    {
 id: PropType<string>;
 text: PropType<string>;
@@ -718,11 +738,11 @@ default: string;
 tabIndex: PropType<number>;
 onMousedown: PropType<(event: any) => void>;
 }>> & Readonly<{
-onClick?: (...args: any[] | unknown[]) => any;
-onBlur?: (...args: any[] | unknown[]) => any;
-onFocus?: (...args: any[] | unknown[]) => any;
-onKeydown?: (...args: any[] | unknown[]) => any;
-onRemove?: (...args: any[] | unknown[]) => any;
+onClick?: (event: ChipMouseEvent) => any;
+onBlur?: (event: ChipFocusEvent) => any;
+onFocus?: (event: ChipFocusEvent) => any;
+onKeydown?: (event: ChipKeyboardEvent) => any;
+onRemove?: (event: ChipRemoveEvent) => any;
 }>, {
 themeColor: string;
 size: string;
@@ -748,9 +768,9 @@ export declare interface ChipFocusEvent {
      */
     target: ChipHandle;
     /**
-     * The event of the ChipFocusEvent.
+     * The native browser focus event.
      */
-    event: any;
+    event: FocusEvent;
 }
 
 /**
@@ -860,7 +880,10 @@ handleDispatchDataItems(action: any): void;
 handleChange(newValue: any, event: any): void;
 handleDataChange(newData: any, event: any): void;
 itemsReducer(acc: any, current: any): any;
-}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<ExtractPropTypes<    {
+}, ComponentOptionsMixin, ComponentOptionsMixin, {
+change: (event: ChipListChangeEvent) => true;
+datachange: (event: ChipListDataChangeEvent) => true;
+}, string, PublicProps, Readonly<ExtractPropTypes<    {
 id: StringConstructor;
 tabIndex: NumberConstructor;
 dataItems: ArrayConstructor;
@@ -913,7 +936,10 @@ default: () => "ltr";
 chip: (ObjectConstructor | StringConstructor | FunctionConstructor)[];
 ariaLabelledBy: StringConstructor;
 ariaDescribedBy: StringConstructor;
-}>> & Readonly<{}>, {
+}>> & Readonly<{
+onChange?: (event: ChipListChangeEvent) => any;
+onDatachange?: (event: ChipListDataChangeEvent) => any;
+}>, {
 size: string;
 rounded: string;
 fillMode: string;
@@ -1348,9 +1374,9 @@ wrapperClass(): {
 }, {
 element(): HTMLButtonElement | null;
 onKeyDown(event: any): void;
-onFocus(event: any): void;
-onBlur(event: any): void;
-createBlurTimeout(event: any): void;
+onFocus(event: FocusEvent): void;
+onBlur(event: FocusEvent): void;
+createBlurTimeout(event: FocusEvent): void;
 onItemClick(event: any, clickedItemIndex: number): void;
 onItemDown(event: any): void;
 mouseDown(event: any): void;
@@ -1360,11 +1386,11 @@ dispatchPopupEvent(dispatchedEvent: any, open: boolean): void;
 isItemDisabled(index: number): any;
 isRtl(): boolean;
 }, ComponentOptionsMixin, ComponentOptionsMixin, {
-focus: any;
-blur: any;
-itemclick: any;
-open: any;
-close: any;
+focus: (event: DropDownButtonFocusEvent) => true;
+blur: (event: DropDownButtonBlurEvent) => true;
+itemclick: (event: DropDownButtonItemClickEvent) => true;
+open: (event: DropDownButtonOpenEvent) => true;
+close: (event: DropDownButtonCloseEvent) => true;
 }, string, PublicProps, Readonly<ExtractPropTypes<    {
 accessKey: PropType<string>;
 items: {
@@ -1413,11 +1439,11 @@ default: any;
 buttonClass: PropType<string>;
 dir: PropType<string>;
 }>> & Readonly<{
-onBlur?: (...args: any[] | unknown[]) => any;
-onClose?: (...args: any[] | unknown[]) => any;
-onFocus?: (...args: any[] | unknown[]) => any;
-onOpen?: (...args: any[] | unknown[]) => any;
-onItemclick?: (...args: any[] | unknown[]) => any;
+onBlur?: (event: DropDownButtonBlurEvent) => any;
+onClose?: (event: DropDownButtonCloseEvent) => any;
+onFocus?: (event: DropDownButtonFocusEvent) => any;
+onOpen?: (event: DropDownButtonOpenEvent) => any;
+onItemclick?: (event: DropDownButtonItemClickEvent) => any;
 }>, {
 themeColor: string;
 size: string;
@@ -1428,13 +1454,34 @@ items: any[];
 opened: boolean;
 }, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
 
+/**
+ * The arguments for the `blur` event.
+ */
 export declare interface DropDownButtonBlurEvent {
+    /**
+     * The native browser blur event (FocusEvent).
+     */
+    event: FocusEvent;
 }
 
+/**
+ * The arguments for the `close` event.
+ */
 export declare interface DropDownButtonCloseEvent {
+    /**
+     * The native browser event.
+     */
+    event: any;
 }
 
+/**
+ * The arguments for the `focus` event.
+ */
 export declare interface DropDownButtonFocusEvent {
+    /**
+     * The native browser focus event.
+     */
+    event: FocusEvent;
 }
 
 /**
@@ -1455,7 +1502,14 @@ export declare interface DropDownButtonItemClickEvent {
     event: any;
 }
 
+/**
+ * The arguments for the `open` event.
+ */
 export declare interface DropDownButtonOpenEvent {
+    /**
+     * The native browser event.
+     */
+    event: any;
 }
 
 export declare interface DropDownButtonProps {
@@ -1697,8 +1751,8 @@ rootClassNames(): string;
 }, {
 dispatchPopupEvent(dispatchedEvent: any, isOpen?: boolean): void;
 handleClick(event: any): void;
-handleFocus(event: any): void;
-handleBlur(event: any): void;
+handleFocus(event: FocusEvent): void;
+handleBlur(event: FocusEvent): void;
 handleMouseDown(event: any): void;
 handleMouseUp(event: any): void;
 dispatchItemClickEvent(dispatchedEvent: any, index: number): void;
@@ -1706,15 +1760,15 @@ handleItemClick(event: any, clickedItemIndex: number): void;
 handleItemDown(event: any): void;
 handleKeyDown(event: any): void;
 }, ComponentOptionsMixin, ComponentOptionsMixin, {
-click: any;
-mousedown: any;
-mouseup: any;
-open: any;
-close: any;
-itemclick: any;
-focus: any;
-blur: any;
-keydown: any;
+click: (event: FloatingActionButtonEvent) => true;
+mousedown: (event: FloatingActionButtonEvent) => true;
+mouseup: (event: FloatingActionButtonEvent) => true;
+open: (event: FloatingActionButtonEvent) => true;
+close: (event: FloatingActionButtonEvent) => true;
+itemclick: (event: FloatingActionButtonItemEvent) => true;
+focus: (event: FloatingActionButtonEvent) => true;
+blur: (event: FloatingActionButtonEvent) => true;
+keydown: (event: FloatingActionButtonEvent) => true;
 }, string, PublicProps, Readonly<ExtractPropTypes<    {
 id: PropType<string>;
 dir: PropType<string>;
@@ -1769,15 +1823,15 @@ type: PropType<FloatingActionButtonThemeColor>;
 default: () => FloatingActionButtonThemeColor;
 };
 }>> & Readonly<{
-onClick?: (...args: any[] | unknown[]) => any;
-onBlur?: (...args: any[] | unknown[]) => any;
-onClose?: (...args: any[] | unknown[]) => any;
-onFocus?: (...args: any[] | unknown[]) => any;
-onKeydown?: (...args: any[] | unknown[]) => any;
-onMousedown?: (...args: any[] | unknown[]) => any;
-onMouseup?: (...args: any[] | unknown[]) => any;
-onOpen?: (...args: any[] | unknown[]) => any;
-onItemclick?: (...args: any[] | unknown[]) => any;
+onClick?: (event: FloatingActionButtonEvent) => any;
+onBlur?: (event: FloatingActionButtonEvent) => any;
+onClose?: (event: FloatingActionButtonEvent) => any;
+onFocus?: (event: FloatingActionButtonEvent) => any;
+onKeydown?: (event: FloatingActionButtonEvent) => any;
+onMousedown?: (event: FloatingActionButtonEvent) => any;
+onMouseup?: (event: FloatingActionButtonEvent) => any;
+onOpen?: (event: FloatingActionButtonEvent) => any;
+onItemclick?: (event: FloatingActionButtonItemEvent) => any;
 }>, {
 themeColor: FloatingActionButtonThemeColor;
 size: FloatingActionButtonSize;
@@ -1844,6 +1898,10 @@ export declare interface FloatingActionButtonAlignOffset {
  * Represents the return type of the FloatingActionButton events.
  */
 export declare interface FloatingActionButtonEvent {
+    /**
+     * The native browser event.
+     */
+    event: Event | FocusEvent;
 }
 
 /**
@@ -1884,8 +1942,8 @@ handleClick(event: any): void;
 focusElement(): void;
 onMouseDown(event: any): void;
 }, ComponentOptionsMixin, ComponentOptionsMixin, {
-click: any;
-down: any;
+click: (event: any, index: number) => true;
+down: (event: any) => true;
 }, string, PublicProps, Readonly<ExtractPropTypes<    {
 id: PropType<string>;
 disabled: PropType<boolean>;
@@ -1899,8 +1957,8 @@ tabIndex: PropType<number>;
 customProp: PropType<any>;
 class: PropType<string>;
 }>> & Readonly<{
-onClick?: (...args: any[] | unknown[]) => any;
-onDown?: (...args: any[] | unknown[]) => any;
+onClick?: (event: any, index: number) => any;
+onDown?: (event: any) => any;
 }>, {}, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
 
 /**
@@ -2651,10 +2709,10 @@ wrapperClass(): {
 }, {
 element(): HTMLButtonElement | null;
 onKeyDown(event: any): void;
-onFocus(event: any): void;
+onFocus(event: FocusEvent): void;
 onItemClick(event: any, clickedItemIndex: number): void;
-onBlur(event: any): void;
-createBlurTimeout(event: any): void;
+onBlur(event: FocusEvent): void;
+createBlurTimeout(event: FocusEvent): void;
 dispatchClickEvent(dispatchedEvent: any, clickedItemIndex: number): void;
 onSplitPartClick(event: any): void;
 onDownSplitPart(event: any): void;
@@ -2663,12 +2721,12 @@ dispatchPopupEvent(dispatchedEvent: any, open?: boolean): void;
 isItemDisabled(index: number): any;
 isRtl(): boolean;
 }, ComponentOptionsMixin, ComponentOptionsMixin, {
-focus: any;
-blur: any;
-buttonclick: any;
-itemclick: any;
-open: any;
-close: any;
+focus: (event: SplitButtonFocusEvent) => true;
+blur: (event: SplitButtonBlurEvent) => true;
+buttonclick: (event: SplitButtonClickEvent) => true;
+itemclick: (event: SplitButtonItemClickEvent) => true;
+open: (event: SplitButtonOpenEvent) => true;
+close: (event: SplitButtonCloseEvent) => true;
 }, string, PublicProps, Readonly<ExtractPropTypes<    {
 accessKey: PropType<string>;
 ariaLabel: PropType<string>;
@@ -2713,12 +2771,12 @@ className: PropType<string>;
 buttonClass: PropType<string>;
 dir: PropType<string>;
 }>> & Readonly<{
-onBlur?: (...args: any[] | unknown[]) => any;
-onClose?: (...args: any[] | unknown[]) => any;
-onFocus?: (...args: any[] | unknown[]) => any;
-onOpen?: (...args: any[] | unknown[]) => any;
-onItemclick?: (...args: any[] | unknown[]) => any;
-onButtonclick?: (...args: any[] | unknown[]) => any;
+onBlur?: (event: SplitButtonBlurEvent) => any;
+onClose?: (event: SplitButtonCloseEvent) => any;
+onFocus?: (event: SplitButtonFocusEvent) => any;
+onOpen?: (event: SplitButtonOpenEvent) => any;
+onItemclick?: (event: SplitButtonItemClickEvent) => any;
+onButtonclick?: (event: SplitButtonClickEvent) => any;
 }>, {
 themeColor: string;
 size: string;
@@ -2728,16 +2786,44 @@ items: any[];
 opened: boolean;
 }, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
 
+/**
+ * The arguments for the `blur` event.
+ */
 export declare interface SplitButtonBlurEvent {
+    /**
+     * The native browser blur event (FocusEvent).
+     */
+    event: FocusEvent;
 }
 
+/**
+ * The arguments for the `buttonclick` event.
+ */
 export declare interface SplitButtonClickEvent {
+    /**
+     * The native browser event.
+     */
+    event: any;
 }
 
+/**
+ * The arguments for the `close` event.
+ */
 export declare interface SplitButtonCloseEvent {
+    /**
+     * The native browser event.
+     */
+    event: any;
 }
 
+/**
+ * The arguments for the `focus` event.
+ */
 export declare interface SplitButtonFocusEvent {
+    /**
+     * The native browser focus event.
+     */
+    event: FocusEvent;
 }
 
 /**
@@ -2754,7 +2840,14 @@ export declare interface SplitButtonItemClickEvent {
     itemIndex: number;
 }
 
+/**
+ * The arguments for the `open` event.
+ */
 export declare interface SplitButtonOpenEvent {
+    /**
+     * The native browser event.
+     */
+    event: any;
 }
 
 /**
@@ -2838,7 +2931,9 @@ checkOverflow(): void;
 onWindowResize(event: any): void;
 onContentScroll(buttonClicked: any): void;
 onToggleoverflow(opened: boolean): void;
-}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<ExtractPropTypes<    {
+}, ComponentOptionsMixin, ComponentOptionsMixin, {
+resize: (event: ToolbarResizeEvent) => true;
+}, string, PublicProps, Readonly<ExtractPropTypes<    {
 tabIndex: {
 type: PropType<number>;
 default: number;
@@ -2886,7 +2981,9 @@ buttonScrollSpeed: {
 type: PropType<number>;
 default: number;
 };
-}>> & Readonly<{}>, {
+}>> & Readonly<{
+onResize?: (event: ToolbarResizeEvent) => any;
+}>, {
 tabIndex: number;
 size: string;
 fillMode: string;