@progress/kendo-vue-buttons 3.4.0 → 3.4.2-dev.202207070519

package/dist/npm/Chip/ChipList.js

@@ -25,6 +25,7 @@ var Vue = require("vue");
 
 var allVue = Vue;
 var gh = allVue.h;
+var isV3 = allVue.version[0] === '3';
 var ref = allVue.ref;
 
 var kendo_vue_common_1 = require("@progress/kendo-vue-common");
@@ -200,8 +201,8 @@ var ChipListVue2 = {
     }
   },
   // @ts-ignore
-  setup: !gh ? undefined : function () {
-    var v3 = !!gh;
+  setup: !isV3 ? undefined : function () {
+    var v3 = !!isV3;
     var chipListRef = ref(null);
     return {
       v3: v3,
@@ -211,27 +212,23 @@ var ChipListVue2 = {
   render: function render(createElement) {
     var _a;
 
-    var _this = this;
-
     var h = gh || createElement;
     var size = this.$props.size;
     return h("div", {
-      ref: this.v3 ? function (el) {
-        _this.chipListRef = el;
-      } : 'chipList',
+      ref: kendo_vue_common_1.setRef(this, 'chipList'),
       role: 'listbox',
       attrs: this.v3 ? undefined : {
         role: 'listbox',
         id: this.$props.id,
         dir: this.currentDir,
-        tabIndex: kendo_vue_common_1.getTabIndex(this.$props.tabIndex, this.$props.disabled, undefined),
+        tabindex: kendo_vue_common_1.getTabIndex(this.$props.tabIndex, this.$props.disabled, undefined),
         "aria-labelledby": this.$props.ariaLabelledBy,
         "aria-describedby": this.$props.ariaDescribedBy
       },
       id: this.$props.id,
       dir: this.currentDir,
       style: this.$props.style,
-      tabIndex: kendo_vue_common_1.getTabIndex(this.$props.tabIndex, this.$props.disabled, undefined),
+      tabindex: kendo_vue_common_1.getTabIndex(this.$props.tabIndex, this.$props.disabled, undefined),
       "class": kendo_vue_common_1.classNames('k-chip-list', (_a = {}, _a["k-chip-list-" + (kendo_vue_common_1.kendoThemeMaps.sizeMap[size] || size)] = size, _a['k-rtl'] = this.currentDir === 'rtl', _a['k-selection-single'] = this.$props.selection === 'single', _a['k-selection-multiple'] = this.$props.selection === 'multiple', _a['k-disabled'] = this.$props.disabled, _a)),
       "aria-labelledby": this.$props.ariaLabelledBy,
       "aria-describedby": this.$props.ariaDescribedBy

package/dist/npm/FloatingActionButton/FloatingActionButton.js

@@ -9,6 +9,7 @@ var Vue = require("vue");
 
 var allVue = Vue;
 var gh = allVue.h;
+var isV3 = allVue.version[0] === '3';
 var ref = allVue.ref;
 
 var kendo_vue_common_1 = require("@progress/kendo-vue-common");
@@ -124,8 +125,8 @@ var FloatingActionButtonVue2 = {
   },
   mounted: function mounted() {
     this.element = this.v3 ? this.kendoAnchorRef : this.$refs[this._anchor];
-    this.list = this.v3 ? this.listRef : this.$refs.list;
-    this.popup = this.v3 ? this.popupRef : this.$refs.popup;
+    this.list = kendo_vue_common_1.getRef(this, 'list');
+    this.popup = kendo_vue_common_1.getRef(this, 'popup');
     this.currentDir = this.$props.dir !== undefined ? this.$props.dir : this.$el && getComputedStyle(this.$el).direction === 'rtl' || false;
     this.isRtl = this.currentDir === 'rtl';
 
@@ -310,8 +311,8 @@ var FloatingActionButtonVue2 = {
     }
   },
   // @ts-ignore
-  setup: !gh ? undefined : function () {
-    var v3 = !!gh;
+  setup: !isV3 ? undefined : function () {
+    var v3 = !!isV3;
     var chipRef = ref(null);
     var kendoAnchorRef = ref(null);
     return {
@@ -391,8 +392,8 @@ var FloatingActionButtonVue2 = {
         "aria-label": (text || '') + " floatingactionbutton",
         "aria-owns": items ? this.listId : undefined,
         "aria-activedescendant": this.focusedIndex >= 0 && items ? this.listId + "-" + this.focusedIndex : undefined,
-        tabIndex: kendo_vue_common_1.getTabIndex(tabIndex, disabled),
-        accessKey: accessKey,
+        tabindex: kendo_vue_common_1.getTabIndex(tabIndex, disabled),
+        accesskey: accessKey,
         dir: this.currentDir,
         disabled: disabled
       },
@@ -404,8 +405,8 @@ var FloatingActionButtonVue2 = {
       "aria-label": (text || '') + " floatingactionbutton",
       "aria-owns": items ? this.listId : undefined,
       "aria-activedescendant": this.focusedIndex >= 0 && items ? this.listId + "-" + this.focusedIndex : undefined,
-      tabIndex: kendo_vue_common_1.getTabIndex(tabIndex, disabled),
-      accessKey: accessKey,
+      tabindex: kendo_vue_common_1.getTabIndex(tabIndex, disabled),
+      accesskey: accessKey,
       dir: this.currentDir,
       disabled: disabled,
       "class": this.buttonClassNames,
@@ -439,9 +440,7 @@ var FloatingActionButtonVue2 = {
       "class": "k-fab-text"
     }, [text])]), // @ts-ignore function children
     h(kendo_vue_popup_1.Popup, {
-      ref: this.v3 ? function (el) {
-        _this.popupRef = el;
-      } : 'popup',
+      ref: kendo_vue_common_1.setRef(this, 'popup'),
       show: this.computedOpened,
       attrs: this.v3 ? undefined : {
         show: this.computedOpened,
@@ -461,9 +460,7 @@ var FloatingActionButtonVue2 = {
       }
     }, this.v3 ? function () {
       return [h("ul", {
-        ref: _this2.v3 ? function (el) {
-          _this.listRef = el;
-        } : 'list',
+        ref: kendo_vue_common_1.setRef(_this2, 'list'),
         role: 'menu',
         attrs: _this2.v3 ? undefined : {
           role: 'menu',
@@ -482,9 +479,7 @@ var FloatingActionButtonVue2 = {
         }
       }, [fabItems.call(_this2)])];
     } : [h("ul", {
-      ref: _this2.v3 ? function (el) {
-        _this.listRef = el;
-      } : 'list',
+      ref: kendo_vue_common_1.setRef(_this2, 'list'),
       role: 'menu',
       attrs: _this2.v3 ? undefined : {
         role: 'menu',

package/dist/npm/FloatingActionButton/FloatingActionButtonItem.js

@@ -9,6 +9,7 @@ var Vue = require("vue");
 
 var allVue = Vue;
 var gh = allVue.h;
+var isV3 = allVue.version[0] === '3';
 var ref = allVue.ref;
 
 var kendo_vue_common_1 = require("@progress/kendo-vue-common");
@@ -36,7 +37,7 @@ var FloatingActionButtonItemVue2 = {
     'down': null
   },
   mounted: function mounted() {
-    this.element = this.v3 ? this.elementRef : this.$refs.element;
+    this.element = kendo_vue_common_1.getRef(this, 'element');
   },
   computed: {
     itemClassNames: function itemClassNames() {
@@ -62,8 +63,8 @@ var FloatingActionButtonItemVue2 = {
     }
   },
   // @ts-ignore
-  setup: !gh ? undefined : function () {
-    var v3 = !!gh;
+  setup: !isV3 ? undefined : function () {
+    var v3 = !!isV3;
     var elementRef = ref(null);
     return {
       v3: v3,
@@ -71,8 +72,6 @@ var FloatingActionButtonItemVue2 = {
     };
   },
   render: function render(createElement) {
-    var _this = this;
-
     var h = gh || createElement;
     var _a = this.$props,
         disabled = _a.disabled,
@@ -84,21 +83,18 @@ var FloatingActionButtonItemVue2 = {
         icon = dataItem.icon;
     var item;
     var itemDefaultRendering = h("li", {
-      ref: this.v3 ? function (el) {
-        _this.elementRef = el;
-      } : 'element',
+      ref: kendo_vue_common_1.setRef(this, 'element'),
       id: id,
       attrs: this.v3 ? undefined : {
         id: id,
         role: 'menuitem',
-        tabIndex: kendo_vue_common_1.getTabIndex(tabIndex, disabled),
+        tabindex: kendo_vue_common_1.getTabIndex(tabIndex, disabled),
         "aria-disabled": disabled,
-        "aria-label": (text || '') + " floatingactionbutton item",
-        customProp: customProp
+        "aria-label": (text || '') + " floatingactionbutton item"
       },
       "class": this.itemClassNames,
       role: 'menuitem',
-      tabIndex: kendo_vue_common_1.getTabIndex(tabIndex, disabled),
+      tabindex: kendo_vue_common_1.getTabIndex(tabIndex, disabled),
       "aria-disabled": disabled,
       "aria-label": (text || '') + " floatingactionbutton item",
       onClick: this.handleClick,
@@ -108,8 +104,7 @@ var FloatingActionButtonItemVue2 = {
         "pointerdown": this.onDown
       },
       onMousedown: this.onDown,
-      onPointerdown: this.onDown,
-      customProp: customProp
+      onPointerdown: this.onDown
     }, [text && h("span", {
       "class": "k-fab-item-text"
     }, [text]), icon && h("span", {

package/dist/npm/ListButton/ButtonItem.js

@@ -9,6 +9,7 @@ var Vue = require("vue");
 
 var allVue = Vue;
 var gh = allVue.h;
+var isV3 = allVue.version[0] === '3';
 
 var kendo_vue_common_1 = require("@progress/kendo-vue-common");
 /**
@@ -57,8 +58,8 @@ var ButtonItemVue2 = {
     }
   },
   // @ts-ignore
-  setup: !gh ? undefined : function () {
-    var v3 = !!gh;
+  setup: !isV3 ? undefined : function () {
+    var v3 = !!isV3;
     return {
       v3: v3
     };
@@ -77,9 +78,9 @@ var ButtonItemVue2 = {
       var text = dataItem.text !== undefined ? dataItem.text : textField ? dataItem[textField] : dataItem;
       var iconClass = dataItem.icon ? "k-icon k-i-" + dataItem.icon : dataItem.iconClass;
       var itemContent = h("span", {
-        tabIndex: -1,
+        tabindex: -1,
         attrs: this.v3 ? undefined : {
-          tabIndex: -1
+          tabindex: -1
         },
         "class": this.innerClass,
         key: "icon"

package/dist/npm/ListButton/DropDownButton.js

@@ -25,6 +25,7 @@ var Vue = require("vue");
 
 var allVue = Vue;
 var gh = allVue.h;
+var isV3 = allVue.version[0] === '3';
 var ref = allVue.ref;
 
 var Button_1 = require("../Button");
@@ -160,8 +161,8 @@ var DropDownButtonVue2 = {
     }
   },
   // @ts-ignore
-  setup: !gh ? undefined : function () {
-    var v3 = !!gh;
+  setup: !isV3 ? undefined : function () {
+    var v3 = !!isV3;
     var kendoAnchorRef = ref(null);
     return {
       v3: v3,

package/dist/npm/ListButton/SplitButton.js

@@ -25,6 +25,7 @@ var Vue = require("vue");
 
 var allVue = Vue;
 var gh = allVue.h;
+var isV3 = allVue.version[0] === '3';
 var ref = allVue.ref;
 
 var Button_1 = require("../Button");
@@ -149,8 +150,8 @@ var SplitButtonVue2 = {
     }
   },
   // @ts-ignore
-  setup: !gh ? undefined : function () {
-    var v3 = !!gh;
+  setup: !isV3 ? undefined : function () {
+    var v3 = !!isV3;
     var kendoAnchorRef = ref(null);
     return {
       v3: v3,

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: 1655871601,
+    publishDate: 1657170562,
     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,6 +25,7 @@ var Vue = require("vue");
 
 var allVue = Vue;
 var gh = allVue.h;
+var isV3 = allVue.version[0] === '3';
 
 var kendo_vue_common_1 = require("@progress/kendo-vue-common");
 
@@ -93,7 +94,7 @@ var ToolbarVue2 = {
     this.currentButtons = this.getCurrentButtons();
     this.setTabIndex(this.focusedIndex());
   },
-  destroyed: !!gh ? undefined : function () {
+  destroyed: !!isV3 ? undefined : function () {
     window.removeEventListener('resize', this.onWindowResize);
     this.currentButtons.length = 0;
   },
@@ -103,8 +104,8 @@ var ToolbarVue2 = {
     this.currentButtons.length = 0;
   },
   // @ts-ignore
-  setup: !gh ? undefined : function () {
-    var v3 = !!gh;
+  setup: !isV3 ? undefined : function () {
+    var v3 = !!isV3;
     return {
       v3: v3
     };

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

@@ -9,6 +9,7 @@ var Vue = require("vue");
 
 var allVue = Vue;
 var gh = allVue.h;
+var isV3 = allVue.version[0] === '3';
 
 var kendo_vue_common_1 = require("@progress/kendo-vue-common");
 /**
@@ -24,8 +25,8 @@ var ToolbarItemVue2 = {
     }
   },
   // @ts-ignore
-  setup: !gh ? undefined : function () {
-    var v3 = !!gh;
+  setup: !isV3 ? undefined : function () {
+    var v3 = !!isV3;
     return {
       v3: v3
     };

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

@@ -9,6 +9,7 @@ var Vue = require("vue");
 
 var allVue = Vue;
 var gh = allVue.h;
+var isV3 = allVue.version[0] === '3';
 
 var ToolbarItem_1 = require("./ToolbarItem");
 /**
@@ -19,8 +20,8 @@ var ToolbarItem_1 = require("./ToolbarItem");
 var ToolbarSeparatorVue2 = {
   name: 'KendoToolbarItem',
   // @ts-ignore
-  setup: !gh ? undefined : function () {
-    var v3 = !!gh;
+  setup: !isV3 ? undefined : function () {
+    var v3 = !!isV3;
     return {
       v3: v3
     };

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

@@ -9,6 +9,7 @@ var Vue = require("vue");
 
 var allVue = Vue;
 var gh = allVue.h;
+var isV3 = allVue.version[0] === '3';
 /**
  * @hidden
  */
@@ -16,8 +17,8 @@ var gh = allVue.h;
 var ToolbarSpacerVue2 = {
   name: 'KendoToolbarItem',
   // @ts-ignore
-  setup: !gh ? undefined : function () {
-    var v3 = !!gh;
+  setup: !isV3 ? undefined : function () {
+    var v3 = !!isV3;
     return {
       v3: v3
     };

package/package.json

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