@progress/kendo-vue-buttons 3.4.3 → 3.4.5-dev.202207300828

package/dist/es/Button.js

@@ -2,7 +2,7 @@
 import * as Vue from 'vue';
 var allVue = Vue;
 var gh = allVue.h;
-var isV3 = allVue.version[0] === '3';
+var isV3 = allVue.version && allVue.version[0] === '3';
 import { classNames, getDefaultSlots, validatePackage, kendoThemeMaps } from '@progress/kendo-vue-common';
 import { packageMetadata } from './package-metadata';
 import util from './util';
@@ -22,9 +22,11 @@ var ButtonVue2 = {
     pointerup: null,
     focus: null,
     blur: null,
-    keypress: null
+    keypress: null,
+    keydown: null
   },
   props: {
+    ariaLabel: String,
     dir: String,
     selected: {
       type: Boolean,
@@ -174,6 +176,11 @@ var ButtonVue2 = {
       if (!this.disabled) {
         this.$emit('keypress', event);
       }
+    },
+    handleKeydown: function handleKeydown(event) {
+      if (!this.disabled) {
+        this.$emit('keydown', event);
+      }
     }
   },
   // @ts-ignore
@@ -240,7 +247,8 @@ var ButtonVue2 = {
         "pointerup": this.handlePointerUp,
         "focus": this.handleFocus,
         "blur": this.handleBlur,
-        "keypress": this.handleKeypress
+        "keypress": this.handleKeypress,
+        "keydown": this.handleKeydown
       },
       onMousedown: this.handleMouseDown,
       onMouseup: this.handleMouseUp,
@@ -248,16 +256,19 @@ var ButtonVue2 = {
       onPointerup: this.handlePointerUp,
       onFocus: this.handleFocus,
       onBlur: this.handleBlur,
-      onKeypress: this.handleKeypress // Accessibility properties
+      onKeypress: this.handleKeypress,
+      onKeydown: this.handleKeydown // Accessibility properties
       ,
       role: togglable ? 'checkbox' : undefined,
       attrs: this.v3 ? undefined : {
         role: togglable ? 'checkbox' : undefined,
+        "aria-label": this.ariaLabel,
         "aria-disabled": this.$props.disabled || undefined,
-        "aria-checked": togglable ? this.currentActive : undefined
+        "aria-pressed": togglable ? this.currentActive ? true : undefined : undefined
       },
+      "aria-label": this.ariaLabel,
       "aria-disabled": this.$props.disabled || undefined,
-      "aria-checked": togglable ? this.currentActive : undefined
+      "aria-pressed": togglable ? this.currentActive ? true : undefined : undefined
     }, [iconElement.call(this), defaultSlot]);
   }
 };

package/dist/es/ButtonGroup.js

@@ -2,7 +2,7 @@
 import * as Vue from 'vue';
 var allVue = Vue;
 var gh = allVue.h;
-var isV3 = allVue.version[0] === '3';
+var isV3 = allVue.version && allVue.version[0] === '3';
 import { classNames, getDefaultSlots, validatePackage } from '@progress/kendo-vue-common';
 import { ButtonWrap } from './ButtonWrap';
 import { packageMetadata } from './package-metadata';

package/dist/es/ButtonInterface.d.ts

@@ -21,6 +21,10 @@ export interface ButtonInterface {
      * Specifies if the Button is disabled ([see example]({% slug disabled_button %})). Defaults to `false`.
      */
     disabled?: boolean;
+    /**
+     * Sets the aria-label of the Button.
+     */
+    ariaLabel?: string;
     /**
      * Sets the direction of the Button.
      */

package/dist/es/ButtonWrap.js

@@ -2,7 +2,7 @@
 import * as Vue from 'vue';
 var allVue = Vue;
 var gh = allVue.h;
-var isV3 = allVue.version[0] === '3';
+var isV3 = allVue.version && allVue.version[0] === '3';
 import { getDefaultSlots } from '@progress/kendo-vue-common';
 /**
  * @hidden

package/dist/es/Chip/Chip.js

@@ -2,7 +2,7 @@
 import * as Vue from 'vue';
 var allVue = Vue;
 var gh = allVue.h;
-var isV3 = allVue.version[0] === '3';
+var isV3 = allVue.version && allVue.version[0] === '3';
 var ref = allVue.ref; // import { ChipListSelectionContext, ChipListFocusContext, ChipListDataContext } from './ChipList';
 
 import { classNames, getTabIndex, Keys, noop, validatePackage, kendoThemeMaps, setRef, getRef } from '@progress/kendo-vue-common';

package/dist/es/Chip/ChipList.js

@@ -18,7 +18,7 @@ var __assign = this && this.__assign || function () {
 import * as Vue from 'vue';
 var allVue = Vue;
 var gh = allVue.h;
-var isV3 = allVue.version[0] === '3';
+var isV3 = allVue.version && allVue.version[0] === '3';
 var ref = allVue.ref;
 import { getTabIndex, classNames, getListeners, templateRendering, getTemplate, validatePackage, kendoThemeMaps, setRef } from '@progress/kendo-vue-common';
 import { selectionReducer } from './selection-reducer';

package/dist/es/FloatingActionButton/FloatingActionButton.js

@@ -2,7 +2,7 @@
 import * as Vue from 'vue';
 var allVue = Vue;
 var gh = allVue.h;
-var isV3 = allVue.version[0] === '3';
+var isV3 = allVue.version && allVue.version[0] === '3';
 var ref = allVue.ref;
 import { classNames, guid, Keys, getTabIndex, templateRendering, getListeners, validatePackage, canUseDOM, kendoThemeMaps, setRef, getRef } from '@progress/kendo-vue-common';
 import { FloatingActionButtonItem } from './FloatingActionButtonItem';

package/dist/es/FloatingActionButton/FloatingActionButtonItem.js

@@ -2,7 +2,7 @@
 import * as Vue from 'vue';
 var allVue = Vue;
 var gh = allVue.h;
-var isV3 = allVue.version[0] === '3';
+var isV3 = allVue.version && allVue.version[0] === '3';
 var ref = allVue.ref;
 import { classNames, getRef, getTabIndex, getTemplate, setRef } from '@progress/kendo-vue-common';
 /**
@@ -33,8 +33,8 @@ var FloatingActionButtonItemVue2 = {
   computed: {
     itemClassNames: function itemClassNames() {
       return classNames('k-fab-item', {
-        'k-state-focus': this.focused,
-        'k-state-disabled': this.disabled
+        'k-focus': this.focused,
+        'k-disabled': this.disabled
       });
     }
   },

package/dist/es/ListButton/ButtonItem.js

@@ -2,7 +2,7 @@
 import * as Vue from 'vue';
 var allVue = Vue;
 var gh = allVue.h;
-var isV3 = allVue.version[0] === '3';
+var isV3 = allVue.version && allVue.version[0] === '3';
 import { getTemplate } from '@progress/kendo-vue-common';
 /**
  * @hidden

package/dist/es/ListButton/DropDownButton.js

@@ -18,7 +18,7 @@ var __assign = this && this.__assign || function () {
 import * as Vue from 'vue';
 var allVue = Vue;
 var gh = allVue.h;
-var isV3 = allVue.version[0] === '3';
+var isV3 = allVue.version && allVue.version[0] === '3';
 var ref = allVue.ref;
 import { Button as KendoButton } from '../Button';
 import { classNames, guid, Keys, kendoThemeMaps, getDefaultSlots } from '@progress/kendo-vue-common';

package/dist/es/ListButton/SplitButton.js

@@ -18,7 +18,7 @@ var __assign = this && this.__assign || function () {
 import * as Vue from 'vue';
 var allVue = Vue;
 var gh = allVue.h;
-var isV3 = allVue.version[0] === '3';
+var isV3 = allVue.version && allVue.version[0] === '3';
 var ref = allVue.ref;
 import { Button as KendoButton } from '../Button';
 import { classNames, guid, Keys, kendoThemeMaps, getDefaultSlots } from '@progress/kendo-vue-common';

package/dist/es/ListButton/models/{ButtonItem.d.ts → ButtonItemInterface.d.ts}

@@ -1,7 +1,7 @@
 /**
  * The interface for describing items that can be passed to the `items` property of the SplitButton or the DropDownButton as an alternative to passing them as children.
  */
-export interface ButtonItem {
+export interface ButtonItemInterface {
     /**
      * Specifies the text of the item.
      */

package/dist/es/main.d.ts

@@ -20,11 +20,11 @@ import { SplitButton, SplitButtonVue2 } from './ListButton/SplitButton';
 import { DropDownButton, DropDownButtonVue2 } from './ListButton/DropDownButton';
 import { DropDownButtonProps } from './ListButton/models/ListButtonProps';
 import { SplitButtonFocusEvent, SplitButtonBlurEvent, SplitButtonClickEvent, SplitButtonOpenEvent, SplitButtonCloseEvent, SplitButtonItemClickEvent, DropDownButtonFocusEvent, DropDownButtonBlurEvent, DropDownButtonOpenEvent, DropDownButtonCloseEvent, DropDownButtonItemClickEvent } from './ListButton/models/events';
-import { ButtonItem } from './ListButton/models/ButtonItem';
-import { ButtonItemProps } from './ListButton/ButtonItem';
+import { ButtonItemInterface } from './ListButton/models/ButtonItemInterface';
+import { ButtonItem, ButtonItemProps } from './ListButton/ButtonItem';
 import { ButtonsPopupSettings } from './ListButton/models/PopupSettings';
 import { Toolbar, ToolbarVue2, ToolbarProps, ToolbarResizeEvent } from './toolbar/Toolbar';
 import { ToolbarItem, ToolbarItemVue2 } from './toolbar/tools/ToolbarItem';
 import { ToolbarSeparator, ToolbarSeparatorVue2 } from './toolbar/tools/ToolbarSeparator';
 import { ToolbarSpacer, ToolbarSpacerVue2 } from './toolbar/tools/ToolbarSpacer';
-export { Toolbar, ToolbarVue2, ToolbarProps, ToolbarItem, ToolbarItemVue2, ToolbarSeparator, ToolbarSeparatorVue2, ToolbarResizeEvent, ToolbarSpacer, ToolbarSpacerVue2, Button, ButtonVue2, ButtonProps, ButtonLook, ButtonGroup, ButtonGroupVue2, ButtonGroupProps, SplitButton, SplitButtonVue2, DropDownButton, DropDownButtonVue2, DropDownButtonProps, ButtonItem, ButtonItemProps, SplitButtonFocusEvent, SplitButtonBlurEvent, SplitButtonClickEvent, SplitButtonOpenEvent, SplitButtonCloseEvent, SplitButtonItemClickEvent, DropDownButtonFocusEvent, DropDownButtonBlurEvent, DropDownButtonOpenEvent, DropDownButtonCloseEvent, DropDownButtonItemClickEvent, ButtonsPopupSettings, Chip, ChipVue2, ChipProps, ChipHandle, ChipRemoveEvent, ChipMouseEvent, ChipKeyboardEvent, ChipFocusEvent, ChipList, ChipListVue2, ChipListProps, ChipListHandle, ChipListDataChangeEvent, ChipListChangeEvent, FloatingActionButton, FloatingActionButtonVue2, FloatingActionButtonProps, FloatingActionButtonHandle, FloatingActionButtonItem, FloatingActionButtonItemVue2, FloatingActionButtonItemHandle, FloatingActionButtonItemProps, FloatingActionButtonPopupSettings, FloatingActionButtonAlign, FloatingActionButtonAlignOffset, FloatingActionButtonPositionMode, FloatingActionButtonSize, FloatingActionButtonShape, FloatingActionButtonThemeColor };
+export { Toolbar, ToolbarVue2, ToolbarProps, ToolbarItem, ToolbarItemVue2, ToolbarSeparator, ToolbarSeparatorVue2, ToolbarResizeEvent, ToolbarSpacer, ToolbarSpacerVue2, Button, ButtonVue2, ButtonProps, ButtonLook, ButtonGroup, ButtonGroupVue2, ButtonGroupProps, SplitButton, SplitButtonVue2, DropDownButton, DropDownButtonVue2, DropDownButtonProps, ButtonItemInterface, ButtonItem, ButtonItemProps, SplitButtonFocusEvent, SplitButtonBlurEvent, SplitButtonClickEvent, SplitButtonOpenEvent, SplitButtonCloseEvent, SplitButtonItemClickEvent, DropDownButtonFocusEvent, DropDownButtonBlurEvent, DropDownButtonOpenEvent, DropDownButtonCloseEvent, DropDownButtonItemClickEvent, ButtonsPopupSettings, Chip, ChipVue2, ChipProps, ChipHandle, ChipRemoveEvent, ChipMouseEvent, ChipKeyboardEvent, ChipFocusEvent, ChipList, ChipListVue2, ChipListProps, ChipListHandle, ChipListDataChangeEvent, ChipListChangeEvent, FloatingActionButton, FloatingActionButtonVue2, FloatingActionButtonProps, FloatingActionButtonHandle, FloatingActionButtonItem, FloatingActionButtonItemVue2, FloatingActionButtonItemHandle, FloatingActionButtonItemProps, FloatingActionButtonPopupSettings, FloatingActionButtonAlign, FloatingActionButtonAlignOffset, FloatingActionButtonPositionMode, FloatingActionButtonSize, FloatingActionButtonShape, FloatingActionButtonThemeColor };

package/dist/es/main.js

@@ -7,8 +7,9 @@ import { FloatingActionButtonItem, FloatingActionButtonItemVue2 } from './Floati
 export * from './FloatingActionButton/models/events';
 import { SplitButton, SplitButtonVue2 } from './ListButton/SplitButton';
 import { DropDownButton, DropDownButtonVue2 } from './ListButton/DropDownButton';
+import { ButtonItem } from './ListButton/ButtonItem';
 import { Toolbar, ToolbarVue2 } from './toolbar/Toolbar';
 import { ToolbarItem, ToolbarItemVue2 } from './toolbar/tools/ToolbarItem';
 import { ToolbarSeparator, ToolbarSeparatorVue2 } from './toolbar/tools/ToolbarSeparator';
 import { ToolbarSpacer, ToolbarSpacerVue2 } from './toolbar/tools/ToolbarSpacer';
-export { Toolbar, ToolbarVue2, ToolbarItem, ToolbarItemVue2, ToolbarSeparator, ToolbarSeparatorVue2, ToolbarSpacer, ToolbarSpacerVue2, Button, ButtonVue2, ButtonGroup, ButtonGroupVue2, SplitButton, SplitButtonVue2, DropDownButton, DropDownButtonVue2, Chip, ChipVue2, ChipList, ChipListVue2, FloatingActionButton, FloatingActionButtonVue2, FloatingActionButtonItem, FloatingActionButtonItemVue2 };
+export { Toolbar, ToolbarVue2, ToolbarItem, ToolbarItemVue2, ToolbarSeparator, ToolbarSeparatorVue2, ToolbarSpacer, ToolbarSpacerVue2, Button, ButtonVue2, ButtonGroup, ButtonGroupVue2, SplitButton, SplitButtonVue2, DropDownButton, DropDownButtonVue2, ButtonItem, Chip, ChipVue2, ChipList, ChipListVue2, FloatingActionButton, FloatingActionButtonVue2, FloatingActionButtonItem, FloatingActionButtonItemVue2 };

package/dist/es/package-metadata.js

@@ -5,7 +5,7 @@ export var packageMetadata = {
     name: '@progress/kendo-vue-buttons',
     productName: 'Kendo UI for Vue',
     productCodes: ['KENDOUIVUE', 'KENDOUICOMPLETE'],
-    publishDate: 1657627667,
+    publishDate: 1659169125,
     version: '',
     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/dist/es/toolbar/Toolbar.js

@@ -18,7 +18,7 @@ var __assign = this && this.__assign || function () {
 import * as Vue from 'vue';
 var allVue = Vue;
 var gh = allVue.h;
-var isV3 = allVue.version[0] === '3';
+var isV3 = allVue.version && allVue.version[0] === '3';
 import { Keys, validatePackage, getDefaultSlots } from '@progress/kendo-vue-common';
 import { toolbarButtons, internalButtons } from './../util';
 import { packageMetadata } from '../package-metadata';

package/dist/es/toolbar/tools/ToolbarItem.js

@@ -2,7 +2,7 @@
 import * as Vue from 'vue';
 var allVue = Vue;
 var gh = allVue.h;
-var isV3 = allVue.version[0] === '3';
+var isV3 = allVue.version && allVue.version[0] === '3';
 import { getDefaultSlots } from '@progress/kendo-vue-common';
 /**
  * @hidden

package/dist/es/toolbar/tools/ToolbarSeparator.js

@@ -2,7 +2,7 @@
 import * as Vue from 'vue';
 var allVue = Vue;
 var gh = allVue.h;
-var isV3 = allVue.version[0] === '3';
+var isV3 = allVue.version && allVue.version[0] === '3';
 import { ToolbarItem } from './ToolbarItem';
 /**
  * @hidden

package/dist/es/toolbar/tools/ToolbarSpacer.js

@@ -2,7 +2,7 @@
 import * as Vue from 'vue';
 var allVue = Vue;
 var gh = allVue.h;
-var isV3 = allVue.version[0] === '3';
+var isV3 = allVue.version && allVue.version[0] === '3';
 /**
  * @hidden
  */

package/dist/npm/Button.js

@@ -9,7 +9,7 @@ var Vue = require("vue");
 
 var allVue = Vue;
 var gh = allVue.h;
-var isV3 = allVue.version[0] === '3';
+var isV3 = allVue.version && allVue.version[0] === '3';
 
 var kendo_vue_common_1 = require("@progress/kendo-vue-common");
 
@@ -33,9 +33,11 @@ var ButtonVue2 = {
     pointerup: null,
     focus: null,
     blur: null,
-    keypress: null
+    keypress: null,
+    keydown: null
   },
   props: {
+    ariaLabel: String,
     dir: String,
     selected: {
       type: Boolean,
@@ -185,6 +187,11 @@ var ButtonVue2 = {
       if (!this.disabled) {
         this.$emit('keypress', event);
       }
+    },
+    handleKeydown: function handleKeydown(event) {
+      if (!this.disabled) {
+        this.$emit('keydown', event);
+      }
     }
   },
   // @ts-ignore
@@ -251,7 +258,8 @@ var ButtonVue2 = {
         "pointerup": this.handlePointerUp,
         "focus": this.handleFocus,
         "blur": this.handleBlur,
-        "keypress": this.handleKeypress
+        "keypress": this.handleKeypress,
+        "keydown": this.handleKeydown
       },
       onMousedown: this.handleMouseDown,
       onMouseup: this.handleMouseUp,
@@ -259,16 +267,19 @@ var ButtonVue2 = {
       onPointerup: this.handlePointerUp,
       onFocus: this.handleFocus,
       onBlur: this.handleBlur,
-      onKeypress: this.handleKeypress // Accessibility properties
+      onKeypress: this.handleKeypress,
+      onKeydown: this.handleKeydown // Accessibility properties
       ,
       role: togglable ? 'checkbox' : undefined,
       attrs: this.v3 ? undefined : {
         role: togglable ? 'checkbox' : undefined,
+        "aria-label": this.ariaLabel,
         "aria-disabled": this.$props.disabled || undefined,
-        "aria-checked": togglable ? this.currentActive : undefined
+        "aria-pressed": togglable ? this.currentActive ? true : undefined : undefined
       },
+      "aria-label": this.ariaLabel,
       "aria-disabled": this.$props.disabled || undefined,
-      "aria-checked": togglable ? this.currentActive : undefined
+      "aria-pressed": togglable ? this.currentActive ? true : undefined : undefined
     }, [iconElement.call(this), defaultSlot]);
   }
 };

package/dist/npm/ButtonGroup.js

@@ -9,7 +9,7 @@ var Vue = require("vue");
 
 var allVue = Vue;
 var gh = allVue.h;
-var isV3 = allVue.version[0] === '3';
+var isV3 = allVue.version && allVue.version[0] === '3';
 
 var kendo_vue_common_1 = require("@progress/kendo-vue-common");
 

package/dist/npm/ButtonInterface.d.ts

@@ -21,6 +21,10 @@ export interface ButtonInterface {
      * Specifies if the Button is disabled ([see example]({% slug disabled_button %})). Defaults to `false`.
      */
     disabled?: boolean;
+    /**
+     * Sets the aria-label of the Button.
+     */
+    ariaLabel?: string;
     /**
      * Sets the direction of the Button.
      */

package/dist/npm/ButtonWrap.js

@@ -9,7 +9,7 @@ var Vue = require("vue");
 
 var allVue = Vue;
 var gh = allVue.h;
-var isV3 = allVue.version[0] === '3';
+var isV3 = allVue.version && allVue.version[0] === '3';
 
 var kendo_vue_common_1 = require("@progress/kendo-vue-common");
 /**

package/dist/npm/Chip/Chip.js

@@ -9,7 +9,7 @@ var Vue = require("vue");
 
 var allVue = Vue;
 var gh = allVue.h;
-var isV3 = allVue.version[0] === '3';
+var isV3 = allVue.version && allVue.version[0] === '3';
 var ref = allVue.ref; // import { ChipListSelectionContext, ChipListFocusContext, ChipListDataContext } from './ChipList';
 
 var kendo_vue_common_1 = require("@progress/kendo-vue-common");

package/dist/npm/Chip/ChipList.js

@@ -25,7 +25,7 @@ var Vue = require("vue");
 
 var allVue = Vue;
 var gh = allVue.h;
-var isV3 = allVue.version[0] === '3';
+var isV3 = allVue.version && allVue.version[0] === '3';
 var ref = allVue.ref;
 
 var kendo_vue_common_1 = require("@progress/kendo-vue-common");

package/dist/npm/FloatingActionButton/FloatingActionButton.js

@@ -9,7 +9,7 @@ var Vue = require("vue");
 
 var allVue = Vue;
 var gh = allVue.h;
-var isV3 = allVue.version[0] === '3';
+var isV3 = allVue.version && allVue.version[0] === '3';
 var ref = allVue.ref;
 
 var kendo_vue_common_1 = require("@progress/kendo-vue-common");

package/dist/npm/FloatingActionButton/FloatingActionButtonItem.js

@@ -9,7 +9,7 @@ var Vue = require("vue");
 
 var allVue = Vue;
 var gh = allVue.h;
-var isV3 = allVue.version[0] === '3';
+var isV3 = allVue.version && allVue.version[0] === '3';
 var ref = allVue.ref;
 
 var kendo_vue_common_1 = require("@progress/kendo-vue-common");
@@ -42,8 +42,8 @@ var FloatingActionButtonItemVue2 = {
   computed: {
     itemClassNames: function itemClassNames() {
       return kendo_vue_common_1.classNames('k-fab-item', {
-        'k-state-focus': this.focused,
-        'k-state-disabled': this.disabled
+        'k-focus': this.focused,
+        'k-disabled': this.disabled
       });
     }
   },

package/dist/npm/ListButton/ButtonItem.js

@@ -9,7 +9,7 @@ var Vue = require("vue");
 
 var allVue = Vue;
 var gh = allVue.h;
-var isV3 = allVue.version[0] === '3';
+var isV3 = allVue.version && allVue.version[0] === '3';
 
 var kendo_vue_common_1 = require("@progress/kendo-vue-common");
 /**

package/dist/npm/ListButton/DropDownButton.js

@@ -25,7 +25,7 @@ var Vue = require("vue");
 
 var allVue = Vue;
 var gh = allVue.h;
-var isV3 = allVue.version[0] === '3';
+var isV3 = allVue.version && allVue.version[0] === '3';
 var ref = allVue.ref;
 
 var Button_1 = require("../Button");

package/dist/npm/ListButton/SplitButton.js

@@ -25,7 +25,7 @@ var Vue = require("vue");
 
 var allVue = Vue;
 var gh = allVue.h;
-var isV3 = allVue.version[0] === '3';
+var isV3 = allVue.version && allVue.version[0] === '3';
 var ref = allVue.ref;
 
 var Button_1 = require("../Button");

package/dist/npm/ListButton/models/{ButtonItem.d.ts → ButtonItemInterface.d.ts}

@@ -1,7 +1,7 @@
 /**
  * The interface for describing items that can be passed to the `items` property of the SplitButton or the DropDownButton as an alternative to passing them as children.
  */
-export interface ButtonItem {
+export interface ButtonItemInterface {
     /**
      * Specifies the text of the item.
      */

package/dist/npm/main.d.ts

@@ -20,11 +20,11 @@ import { SplitButton, SplitButtonVue2 } from './ListButton/SplitButton';
 import { DropDownButton, DropDownButtonVue2 } from './ListButton/DropDownButton';
 import { DropDownButtonProps } from './ListButton/models/ListButtonProps';
 import { SplitButtonFocusEvent, SplitButtonBlurEvent, SplitButtonClickEvent, SplitButtonOpenEvent, SplitButtonCloseEvent, SplitButtonItemClickEvent, DropDownButtonFocusEvent, DropDownButtonBlurEvent, DropDownButtonOpenEvent, DropDownButtonCloseEvent, DropDownButtonItemClickEvent } from './ListButton/models/events';
-import { ButtonItem } from './ListButton/models/ButtonItem';
-import { ButtonItemProps } from './ListButton/ButtonItem';
+import { ButtonItemInterface } from './ListButton/models/ButtonItemInterface';
+import { ButtonItem, ButtonItemProps } from './ListButton/ButtonItem';
 import { ButtonsPopupSettings } from './ListButton/models/PopupSettings';
 import { Toolbar, ToolbarVue2, ToolbarProps, ToolbarResizeEvent } from './toolbar/Toolbar';
 import { ToolbarItem, ToolbarItemVue2 } from './toolbar/tools/ToolbarItem';
 import { ToolbarSeparator, ToolbarSeparatorVue2 } from './toolbar/tools/ToolbarSeparator';
 import { ToolbarSpacer, ToolbarSpacerVue2 } from './toolbar/tools/ToolbarSpacer';
-export { Toolbar, ToolbarVue2, ToolbarProps, ToolbarItem, ToolbarItemVue2, ToolbarSeparator, ToolbarSeparatorVue2, ToolbarResizeEvent, ToolbarSpacer, ToolbarSpacerVue2, Button, ButtonVue2, ButtonProps, ButtonLook, ButtonGroup, ButtonGroupVue2, ButtonGroupProps, SplitButton, SplitButtonVue2, DropDownButton, DropDownButtonVue2, DropDownButtonProps, ButtonItem, ButtonItemProps, SplitButtonFocusEvent, SplitButtonBlurEvent, SplitButtonClickEvent, SplitButtonOpenEvent, SplitButtonCloseEvent, SplitButtonItemClickEvent, DropDownButtonFocusEvent, DropDownButtonBlurEvent, DropDownButtonOpenEvent, DropDownButtonCloseEvent, DropDownButtonItemClickEvent, ButtonsPopupSettings, Chip, ChipVue2, ChipProps, ChipHandle, ChipRemoveEvent, ChipMouseEvent, ChipKeyboardEvent, ChipFocusEvent, ChipList, ChipListVue2, ChipListProps, ChipListHandle, ChipListDataChangeEvent, ChipListChangeEvent, FloatingActionButton, FloatingActionButtonVue2, FloatingActionButtonProps, FloatingActionButtonHandle, FloatingActionButtonItem, FloatingActionButtonItemVue2, FloatingActionButtonItemHandle, FloatingActionButtonItemProps, FloatingActionButtonPopupSettings, FloatingActionButtonAlign, FloatingActionButtonAlignOffset, FloatingActionButtonPositionMode, FloatingActionButtonSize, FloatingActionButtonShape, FloatingActionButtonThemeColor };
+export { Toolbar, ToolbarVue2, ToolbarProps, ToolbarItem, ToolbarItemVue2, ToolbarSeparator, ToolbarSeparatorVue2, ToolbarResizeEvent, ToolbarSpacer, ToolbarSpacerVue2, Button, ButtonVue2, ButtonProps, ButtonLook, ButtonGroup, ButtonGroupVue2, ButtonGroupProps, SplitButton, SplitButtonVue2, DropDownButton, DropDownButtonVue2, DropDownButtonProps, ButtonItemInterface, ButtonItem, ButtonItemProps, SplitButtonFocusEvent, SplitButtonBlurEvent, SplitButtonClickEvent, SplitButtonOpenEvent, SplitButtonCloseEvent, SplitButtonItemClickEvent, DropDownButtonFocusEvent, DropDownButtonBlurEvent, DropDownButtonOpenEvent, DropDownButtonCloseEvent, DropDownButtonItemClickEvent, ButtonsPopupSettings, Chip, ChipVue2, ChipProps, ChipHandle, ChipRemoveEvent, ChipMouseEvent, ChipKeyboardEvent, ChipFocusEvent, ChipList, ChipListVue2, ChipListProps, ChipListHandle, ChipListDataChangeEvent, ChipListChangeEvent, FloatingActionButton, FloatingActionButtonVue2, FloatingActionButtonProps, FloatingActionButtonHandle, FloatingActionButtonItem, FloatingActionButtonItemVue2, FloatingActionButtonItemHandle, FloatingActionButtonItemProps, FloatingActionButtonPopupSettings, FloatingActionButtonAlign, FloatingActionButtonAlignOffset, FloatingActionButtonPositionMode, FloatingActionButtonSize, FloatingActionButtonShape, FloatingActionButtonThemeColor };

package/dist/npm/main.js

@@ -10,7 +10,7 @@ var __exportStar = (this && this.__exportStar) || function(m, exports) {
     for (var p in m) if (p !== "default" && !exports.hasOwnProperty(p)) __createBinding(exports, m, p);
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.FloatingActionButtonItemVue2 = exports.FloatingActionButtonItem = exports.FloatingActionButtonVue2 = exports.FloatingActionButton = exports.ChipListVue2 = exports.ChipList = exports.ChipVue2 = exports.Chip = exports.DropDownButtonVue2 = exports.DropDownButton = exports.SplitButtonVue2 = exports.SplitButton = exports.ButtonGroupVue2 = exports.ButtonGroup = exports.ButtonVue2 = exports.Button = exports.ToolbarSpacerVue2 = exports.ToolbarSpacer = exports.ToolbarSeparatorVue2 = exports.ToolbarSeparator = exports.ToolbarItemVue2 = exports.ToolbarItem = exports.ToolbarVue2 = exports.Toolbar = void 0;
+exports.FloatingActionButtonItemVue2 = exports.FloatingActionButtonItem = exports.FloatingActionButtonVue2 = exports.FloatingActionButton = exports.ChipListVue2 = exports.ChipList = exports.ChipVue2 = exports.Chip = exports.ButtonItem = exports.DropDownButtonVue2 = exports.DropDownButton = exports.SplitButtonVue2 = exports.SplitButton = exports.ButtonGroupVue2 = exports.ButtonGroup = exports.ButtonVue2 = exports.Button = exports.ToolbarSpacerVue2 = exports.ToolbarSpacer = exports.ToolbarSeparatorVue2 = exports.ToolbarSeparator = exports.ToolbarItemVue2 = exports.ToolbarItem = exports.ToolbarVue2 = exports.Toolbar = void 0;
 var Button_1 = require("./Button");
 Object.defineProperty(exports, "Button", { enumerable: true, get: function () { return Button_1.Button; } });
 Object.defineProperty(exports, "ButtonVue2", { enumerable: true, get: function () { return Button_1.ButtonVue2; } });
@@ -36,6 +36,8 @@ Object.defineProperty(exports, "SplitButtonVue2", { enumerable: true, get: funct
 var DropDownButton_1 = require("./ListButton/DropDownButton");
 Object.defineProperty(exports, "DropDownButton", { enumerable: true, get: function () { return DropDownButton_1.DropDownButton; } });
 Object.defineProperty(exports, "DropDownButtonVue2", { enumerable: true, get: function () { return DropDownButton_1.DropDownButtonVue2; } });
+var ButtonItem_1 = require("./ListButton/ButtonItem");
+Object.defineProperty(exports, "ButtonItem", { enumerable: true, get: function () { return ButtonItem_1.ButtonItem; } });
 var Toolbar_1 = require("./toolbar/Toolbar");
 Object.defineProperty(exports, "Toolbar", { enumerable: true, get: function () { return Toolbar_1.Toolbar; } });
 Object.defineProperty(exports, "ToolbarVue2", { enumerable: true, get: function () { return Toolbar_1.ToolbarVue2; } });

package/dist/npm/package-metadata.js

@@ -8,7 +8,7 @@ exports.packageMetadata = {
     name: '@progress/kendo-vue-buttons',
     productName: 'Kendo UI for Vue',
     productCodes: ['KENDOUIVUE', 'KENDOUICOMPLETE'],
-    publishDate: 1657627667,
+    publishDate: 1659169125,
     version: '',
     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/dist/npm/toolbar/Toolbar.js

@@ -25,7 +25,7 @@ var Vue = require("vue");
 
 var allVue = Vue;
 var gh = allVue.h;
-var isV3 = allVue.version[0] === '3';
+var isV3 = allVue.version && allVue.version[0] === '3';
 
 var kendo_vue_common_1 = require("@progress/kendo-vue-common");
 

package/dist/npm/toolbar/tools/ToolbarItem.js

@@ -9,7 +9,7 @@ var Vue = require("vue");
 
 var allVue = Vue;
 var gh = allVue.h;
-var isV3 = allVue.version[0] === '3';
+var isV3 = allVue.version && allVue.version[0] === '3';
 
 var kendo_vue_common_1 = require("@progress/kendo-vue-common");
 /**

package/dist/npm/toolbar/tools/ToolbarSeparator.js

@@ -9,7 +9,7 @@ var Vue = require("vue");
 
 var allVue = Vue;
 var gh = allVue.h;
-var isV3 = allVue.version[0] === '3';
+var isV3 = allVue.version && allVue.version[0] === '3';
 
 var ToolbarItem_1 = require("./ToolbarItem");
 /**

package/dist/npm/toolbar/tools/ToolbarSpacer.js

@@ -9,7 +9,7 @@ var Vue = require("vue");
 
 var allVue = Vue;
 var gh = allVue.h;
-var isV3 = allVue.version[0] === '3';
+var isV3 = allVue.version && allVue.version[0] === '3';
 /**
  * @hidden
  */

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@progress/kendo-vue-buttons",
   "description": "Kendo UI for Vue Buttons package",
-  "version": "3.4.3",
+  "version": "3.4.5-dev.202207300828",
   "repository": {
     "type": "git",
     "url": "https://github.com/telerik/kendo-vue.git"
@@ -33,13 +33,13 @@
     "vue": "^2.6.12 || ^3.0.2"
   },
   "dependencies": {
-    "@progress/kendo-vue-common": "3.4.3",
-    "@progress/kendo-vue-popup": "3.4.3"
+    "@progress/kendo-vue-common": "3.4.5-dev.202207300828",
+    "@progress/kendo-vue-popup": "3.4.5-dev.202207300828"
   },
   "devDependencies": {
     "@progress/kendo-drawing": "^1.5.12",
-    "@progress/kendo-vue-dropdowns": "3.4.3",
-    "@progress/kendo-vue-inputs": "3.4.3"
+    "@progress/kendo-vue-dropdowns": "3.4.5-dev.202207300828",
+    "@progress/kendo-vue-inputs": "3.4.5-dev.202207300828"
   },
   "@progress": {
     "friendlyName": "Buttons",