@progress/kendo-vue-buttons 2.7.3-dev.202201070829 → 2.8.0-dev.202201131525

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: 1641543324,
+    publishDate: 1642086678,
     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.d.ts

@@ -1,5 +1,4 @@
-import { DefineComponent } from '../additionalTypes';
-import { RecordPropsDefinition, ComponentOptions } from 'vue/types/options';
+import { DefineComponent, RecordPropsDefinition, ComponentOptions, Vue2type } from '../additionalTypes';
 declare type DefaultData<V> = object | ((this: V) => {});
 declare type DefaultMethods<V> = {
     [key: string]: (this: V, ...args: any[]) => any;
@@ -100,8 +99,8 @@ export interface ToolbarData {
 /**
  * @hidden
  */
-export interface ToolbarAll extends Vue, ToolbarMethods, ToolbarData, ToolbarComputed, ToolbarState {
+export interface ToolbarAll extends Vue2type, ToolbarMethods, ToolbarData, ToolbarComputed, ToolbarState {
 }
-declare let Toolbar: ComponentOptions<ToolbarAll, DefaultData<ToolbarData>, DefaultMethods<ToolbarAll>, ToolbarComputed, RecordPropsDefinition<ToolbarProps>>;
-declare const ToolbarVue3: DefineComponent<ToolbarProps, any, ToolbarData, ToolbarComputed, ToolbarMethods, {}, {}, {}, string, ToolbarProps, ToolbarProps, {}>;
-export { Toolbar, ToolbarVue3 };
+declare let ToolbarVue2: ComponentOptions<ToolbarAll, DefaultData<ToolbarData>, DefaultMethods<ToolbarAll>, ToolbarComputed, RecordPropsDefinition<ToolbarProps>>;
+declare const Toolbar: DefineComponent<ToolbarProps, any, ToolbarData, ToolbarComputed, ToolbarMethods, {}, {}, {}, string, ToolbarProps, ToolbarProps, {}>;
+export { Toolbar, ToolbarVue2 };

package/dist/npm/toolbar/Toolbar.js

@@ -19,7 +19,7 @@ var __assign = undefined && undefined.__assign || function () {
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.ToolbarVue3 = exports.Toolbar = void 0; // @ts-ignore
+exports.ToolbarVue2 = exports.Toolbar = void 0; // @ts-ignore
 
 var Vue = require("vue");
 
@@ -33,7 +33,7 @@ var util_1 = require("./../util");
 var package_metadata_1 = require("../package-metadata"); // tslint:enable:max-line-length
 
 
-var Toolbar = {
+var ToolbarVue2 = {
   name: 'KendoToolbar',
   props: {
     tabIndex: {
@@ -41,11 +41,18 @@ var Toolbar = {
       default: 0
     },
     dir: String,
-    keyboardNavigation: Boolean,
-    buttons: Array
+    keyboardNavigation: {
+      type: Boolean,
+      default: true
+    },
+    buttons: {
+      type: Array,
+      default: function _default() {
+        return undefined;
+      }
+    }
   },
   created: function created() {
-    this.element = null;
     this.offsetHeight = 0;
     this.offsetWidth = 0;
     this.currentButtons = [];
@@ -61,7 +68,7 @@ var Toolbar = {
   },
   mounted: function mounted() {
     window.addEventListener('resize', this.onWindowResize);
-    var element = this.element;
+    var element = this.$el;
 
     if (element) {
       this.offsetWidth = element.offsetWidth;
@@ -74,7 +81,7 @@ var Toolbar = {
     }
   },
   updated: function updated() {
-    var element = this.element;
+    var element = this.$el;
 
     if (!element || this.$props.keyboardNavigation === false) {
       return;
@@ -121,7 +128,7 @@ var Toolbar = {
       return this.$el ? Array.from(this.$el.querySelectorAll(this.selectors.join(','))) : [];
     },
     focusedIndex: function focusedIndex() {
-      var focused = this.element && this.element.querySelector(this.focusedSelector);
+      var focused = this.$el && this.$el.querySelector(this.focusedSelector);
       return Math.max(0, this.currentButtons.findIndex(function (e) {
         return e === focused;
       }));
@@ -194,6 +201,6 @@ var Toolbar = {
     }
   }
 };
-exports.Toolbar = Toolbar;
-var ToolbarVue3 = Toolbar;
-exports.ToolbarVue3 = ToolbarVue3;
+exports.ToolbarVue2 = ToolbarVue2;
+var Toolbar = ToolbarVue2;
+exports.Toolbar = Toolbar;

package/dist/npm/toolbar/tools/ToolbarItem.d.ts

@@ -1,5 +1,4 @@
-import { DefineComponent } from '../../additionalTypes';
-import { RecordPropsDefinition, ComponentOptions } from 'vue/types/options';
+import { DefineComponent, RecordPropsDefinition, ComponentOptions, Vue2type } from '../../additionalTypes';
 declare type DefaultData<V> = object | ((this: V) => {});
 declare type DefaultMethods<V> = {
     [key: string]: (this: V, ...args: any[]) => any;
@@ -30,8 +29,8 @@ export interface ToolbarItemData {
 /**
  * @hidden
  */
-export interface ToolbarItemAll extends Vue, ToolbarItemMethods, ToolbarItemData, ToolbarItemComputed, ToolbarItemState {
+export interface ToolbarItemAll extends Vue2type, ToolbarItemMethods, ToolbarItemData, ToolbarItemComputed, ToolbarItemState {
 }
-declare let ToolbarItem: ComponentOptions<ToolbarItemAll, DefaultData<ToolbarItemData>, DefaultMethods<ToolbarItemAll>, ToolbarItemComputed, RecordPropsDefinition<{}>>;
-declare const ToolbarItemVue3: DefineComponent<{}, any, ToolbarItemData, ToolbarItemComputed, ToolbarItemMethods, {}, {}, {}, string, {}, {}, {}>;
-export { ToolbarItem, ToolbarItemVue3 };
+declare let ToolbarItemVue2: ComponentOptions<ToolbarItemAll, DefaultData<ToolbarItemData>, DefaultMethods<ToolbarItemAll>, ToolbarItemComputed, RecordPropsDefinition<{}>>;
+declare const ToolbarItem: DefineComponent<{}, any, ToolbarItemData, ToolbarItemComputed, ToolbarItemMethods, {}, {}, {}, string, {}, {}, {}>;
+export { ToolbarItem, ToolbarItemVue2 };

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.ToolbarItemVue3 = exports.ToolbarItem = void 0; // @ts-ignore
+exports.ToolbarItemVue2 = exports.ToolbarItem = void 0; // @ts-ignore
 
 var Vue = require("vue");
 
@@ -13,7 +13,7 @@ var gh = allVue.h;
 var kendo_vue_common_1 = require("@progress/kendo-vue-common"); // tslint:enable:max-line-length
 
 
-var ToolbarItem = {
+var ToolbarItemVue2 = {
   name: 'KendoToolbarItem',
   methods: {
     element: function element() {
@@ -33,6 +33,6 @@ var ToolbarItem = {
     return h("span", [defaultSlot]);
   }
 };
-exports.ToolbarItem = ToolbarItem;
-var ToolbarItemVue3 = ToolbarItem;
-exports.ToolbarItemVue3 = ToolbarItemVue3;
+exports.ToolbarItemVue2 = ToolbarItemVue2;
+var ToolbarItem = ToolbarItemVue2;
+exports.ToolbarItem = ToolbarItem;

package/dist/npm/toolbar/tools/ToolbarSeparator.d.ts

@@ -1,5 +1,4 @@
-import { DefineComponent } from '../../additionalTypes';
-import { RecordPropsDefinition, ComponentOptions } from 'vue/types/options';
+import { DefineComponent, RecordPropsDefinition, ComponentOptions, Vue2type } from '../../additionalTypes';
 declare type DefaultData<V> = object | ((this: V) => {});
 declare type DefaultMethods<V> = {
     [key: string]: (this: V, ...args: any[]) => any;
@@ -7,6 +6,6 @@ declare type DefaultMethods<V> = {
 /**
  * Represents the Kendo UI for Vue Toolbar Separator component.
  */
-declare let ToolbarSeparator: ComponentOptions<Vue, DefaultData<{}>, DefaultMethods<{}>, {}, RecordPropsDefinition<{}>>;
-declare const ToolbarSeparatorVue3: DefineComponent<{}, any, {}, {}, {}, {}, {}, {}, string, {}, {}, {}>;
-export { ToolbarSeparator, ToolbarSeparatorVue3 };
+declare let ToolbarSeparatorVue2: ComponentOptions<Vue2type, DefaultData<{}>, DefaultMethods<{}>, {}, RecordPropsDefinition<{}>>;
+declare const ToolbarSeparator: DefineComponent<{}, any, {}, {}, {}, {}, {}, {}, string, {}, {}, {}>;
+export { ToolbarSeparator, ToolbarSeparatorVue2 };

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.ToolbarSeparatorVue3 = exports.ToolbarSeparator = void 0; // @ts-ignore
+exports.ToolbarSeparatorVue2 = exports.ToolbarSeparator = void 0; // @ts-ignore
 
 var Vue = require("vue");
 
@@ -16,7 +16,7 @@ var ToolbarItem_1 = require("./ToolbarItem");
  */
 
 
-var ToolbarSeparator = {
+var ToolbarSeparatorVue2 = {
   name: 'KendoToolbarItem',
   // @ts-ignore
   setup: !gh ? undefined : function () {
@@ -34,6 +34,6 @@ var ToolbarSeparator = {
     );
   }
 };
-exports.ToolbarSeparator = ToolbarSeparator;
-var ToolbarSeparatorVue3 = ToolbarSeparator;
-exports.ToolbarSeparatorVue3 = ToolbarSeparatorVue3;
+exports.ToolbarSeparatorVue2 = ToolbarSeparatorVue2;
+var ToolbarSeparator = ToolbarSeparatorVue2;
+exports.ToolbarSeparator = ToolbarSeparator;

package/dist/npm/toolbar/tools/ToolbarSpacer.d.ts

@@ -1,5 +1,4 @@
-import { DefineComponent } from '../../additionalTypes';
-import { RecordPropsDefinition, ComponentOptions } from 'vue/types/options';
+import { DefineComponent, RecordPropsDefinition, ComponentOptions, Vue2type } from '../../additionalTypes';
 declare type DefaultData<V> = object | ((this: V) => {});
 declare type DefaultMethods<V> = {
     [key: string]: (this: V, ...args: any[]) => any;
@@ -7,6 +6,6 @@ declare type DefaultMethods<V> = {
 /**
  * Represents the Kendo UI for Vue Toolbar Separator component.
  */
-declare let ToolbarSpacer: ComponentOptions<Vue, DefaultData<{}>, DefaultMethods<{}>, {}, RecordPropsDefinition<{}>>;
-declare const ToolbarSpacerVue3: DefineComponent<{}, any, {}, {}, {}, {}, {}, {}, string, {}, {}, {}>;
-export { ToolbarSpacer, ToolbarSpacerVue3 };
+declare let ToolbarSpacerVue2: ComponentOptions<Vue2type, DefaultData<{}>, DefaultMethods<{}>, {}, RecordPropsDefinition<{}>>;
+declare const ToolbarSpacer: DefineComponent<{}, any, {}, {}, {}, {}, {}, {}, string, {}, {}, {}>;
+export { ToolbarSpacer, ToolbarSpacerVue2 };

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.ToolbarSpacerVue3 = exports.ToolbarSpacer = void 0; // @ts-ignore
+exports.ToolbarSpacerVue2 = exports.ToolbarSpacer = void 0; // @ts-ignore
 
 var Vue = require("vue");
 
@@ -13,7 +13,7 @@ var gh = allVue.h;
  * Represents the Kendo UI for Vue Toolbar Separator component.
  */
 
-var ToolbarSpacer = {
+var ToolbarSpacerVue2 = {
   name: 'KendoToolbarItem',
   // @ts-ignore
   setup: !gh ? undefined : function () {
@@ -29,6 +29,6 @@ var ToolbarSpacer = {
     });
   }
 };
-exports.ToolbarSpacer = ToolbarSpacer;
-var ToolbarSpacerVue3 = ToolbarSpacer;
-exports.ToolbarSpacerVue3 = ToolbarSpacerVue3;
+exports.ToolbarSpacerVue2 = ToolbarSpacerVue2;
+var ToolbarSpacer = ToolbarSpacerVue2;
+exports.ToolbarSpacer = ToolbarSpacer;

package/dist/npm/util.js

@@ -10,10 +10,10 @@ var styles = {
     'outline': 'k-outline',
     'clear': 'k-button-clear',
     'primary': 'k-primary',
-    'state-selected': 'k-state-selected',
+    'state-selected': 'k-selected',
     'button-icon': 'k-button-icon',
     'button-icontext': 'k-button-icontext',
-    'state-disabled': 'k-state-disabled',
+    'state-disabled': 'k-disabled',
     'group-start': 'k-group-start',
     'group-end': 'k-group-end',
     'button-group': 'k-button-group',
@@ -21,15 +21,15 @@ var styles = {
     'ltr': 'k-ltr',
     'rtl': 'k-rtl'
 };
-var notDisabled = ':not(.k-state-disabled):not([disabled]):not([disabled="true"])';
+var notInternalButton = ':not(.k-dropdownlist > .k-button):not(.k-colorpicker > .k-button)';
 /**
  * @hidden
  */
 exports.toolbarButtons = [
-    'button' + notDisabled,
-    '.k-button-group > button' + notDisabled,
-    '.k-dropdown > .k-dropdown-wrap' + notDisabled,
-    '.k-colorpicker > .k-picker-wrap' + notDisabled
+    'button' + notInternalButton,
+    '.k-button-group > button',
+    '.k-dropdownlist',
+    '.k-colorpicker'
 ];
 /**
  * @hidden

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@progress/kendo-vue-buttons",
   "description": "Kendo UI for Vue Buttons package",
-  "version": "2.7.3-dev.202201070829",
+  "version": "2.8.0-dev.202201131525",
   "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": "2.7.3-dev.202201070829",
-    "@progress/kendo-vue-popup": "2.7.3-dev.202201070829"
+    "@progress/kendo-vue-common": "2.8.0-dev.202201131525",
+    "@progress/kendo-vue-popup": "2.8.0-dev.202201131525"
   },
   "devDependencies": {
     "@progress/kendo-drawing": "^1.5.12",
-    "@progress/kendo-vue-dropdowns": "2.7.3-dev.202201070829",
-    "@progress/kendo-vue-inputs": "2.7.3-dev.202201070829"
+    "@progress/kendo-vue-dropdowns": "2.8.0-dev.202201131525",
+    "@progress/kendo-vue-inputs": "2.8.0-dev.202201131525"
   },
   "@progress": {
     "friendlyName": "Buttons",