@progress/kendo-vue-layout 3.4.1 → 3.4.2-dev.202207070519

package/dist/es/card/Avatar.js

@@ -2,6 +2,7 @@
 import * as Vue from 'vue';
 var allVue = Vue;
 var gh = allVue.h;
+var isV3 = allVue.version[0] === '3';
 import { avatarType } from './interfaces/Enums';
 import { packageMetadata } from '../package-metadata';
 import { getDefaultSlots, validatePackage, kendoThemeMaps } from '@progress/kendo-vue-common';
@@ -53,8 +54,8 @@ var AvatarVue2 = {
     validatePackage(packageMetadata);
   },
   // @ts-ignore
-  setup: !gh ? undefined : function () {
-    var v3 = !!gh;
+  setup: !isV3 ? undefined : function () {
+    var v3 = !!isV3;
     return {
       v3: v3
     };

package/dist/es/card/Card.js

@@ -2,6 +2,7 @@
 import * as Vue from 'vue';
 var allVue = Vue;
 var gh = allVue.h;
+var isV3 = allVue.version[0] === '3';
 import { cardType } from './interfaces/Enums';
 import { cardOrientation } from './interfaces/Enums';
 import { packageMetadata } from '../package-metadata';
@@ -33,8 +34,8 @@ var CardVue2 = {
     validatePackage(packageMetadata);
   },
   // @ts-ignore
-  setup: !gh ? undefined : function () {
-    var v3 = !!gh;
+  setup: !isV3 ? undefined : function () {
+    var v3 = !!isV3;
     return {
       v3: v3
     };

package/dist/es/card/CardActions.js

@@ -2,6 +2,7 @@
 import * as Vue from 'vue';
 var allVue = Vue;
 var gh = allVue.h;
+var isV3 = allVue.version[0] === '3';
 import { getDefaultSlots } from '@progress/kendo-vue-common';
 import { cardActionsLayout, cardOrientation } from './interfaces/Enums';
 /**
@@ -27,8 +28,8 @@ var CardActionsVue2 = {
     }
   },
   // @ts-ignore
-  setup: !gh ? undefined : function () {
-    var v3 = !!gh;
+  setup: !isV3 ? undefined : function () {
+    var v3 = !!isV3;
     return {
       v3: v3
     };

package/dist/es/card/CardBody.js

@@ -2,6 +2,7 @@
 import * as Vue from 'vue';
 var allVue = Vue;
 var gh = allVue.h;
+var isV3 = allVue.version[0] === '3';
 import { getDefaultSlots } from '@progress/kendo-vue-common';
 /**
  * @hidden
@@ -10,8 +11,8 @@ import { getDefaultSlots } from '@progress/kendo-vue-common';
 var CardBodyVue2 = {
   name: 'KendoCardBody',
   // @ts-ignore
-  setup: !gh ? undefined : function () {
-    var v3 = !!gh;
+  setup: !isV3 ? undefined : function () {
+    var v3 = !!isV3;
     return {
       v3: v3
     };

package/dist/es/card/CardFooter.js

@@ -2,6 +2,7 @@
 import * as Vue from 'vue';
 var allVue = Vue;
 var gh = allVue.h;
+var isV3 = allVue.version[0] === '3';
 import { getDefaultSlots } from '@progress/kendo-vue-common';
 /**
  * @hidden
@@ -10,8 +11,8 @@ import { getDefaultSlots } from '@progress/kendo-vue-common';
 var CardFooterVue2 = {
   name: 'KendoCardFooter',
   // @ts-ignore
-  setup: !gh ? undefined : function () {
-    var v3 = !!gh;
+  setup: !isV3 ? undefined : function () {
+    var v3 = !!isV3;
     return {
       v3: v3
     };

package/dist/es/card/CardHeader.js

@@ -2,6 +2,7 @@
 import * as Vue from 'vue';
 var allVue = Vue;
 var gh = allVue.h;
+var isV3 = allVue.version[0] === '3';
 import { getDefaultSlots } from '@progress/kendo-vue-common';
 /**
  * @hidden
@@ -10,8 +11,8 @@ import { getDefaultSlots } from '@progress/kendo-vue-common';
 var CardHeaderVue2 = {
   name: 'KendoCardHeader',
   // @ts-ignore
-  setup: !gh ? undefined : function () {
-    var v3 = !!gh;
+  setup: !isV3 ? undefined : function () {
+    var v3 = !!isV3;
     return {
       v3: v3
     };

package/dist/es/card/CardImage.js

@@ -2,6 +2,7 @@
 import * as Vue from 'vue';
 var allVue = Vue;
 var gh = allVue.h;
+var isV3 = allVue.version[0] === '3';
 import { getDefaultSlots } from '@progress/kendo-vue-common';
 /**
  * @hidden
@@ -13,8 +14,8 @@ var CardImageVue2 = {
     src: String
   },
   // @ts-ignore
-  setup: !gh ? undefined : function () {
-    var v3 = !!gh;
+  setup: !isV3 ? undefined : function () {
+    var v3 = !!isV3;
     return {
       v3: v3
     };

package/dist/es/card/CardSubtitle.js

@@ -2,6 +2,7 @@
 import * as Vue from 'vue';
 var allVue = Vue;
 var gh = allVue.h;
+var isV3 = allVue.version[0] === '3';
 import { getDefaultSlots } from '@progress/kendo-vue-common';
 /**
  * @hidden
@@ -10,8 +11,8 @@ import { getDefaultSlots } from '@progress/kendo-vue-common';
 var CardSubtitleVue2 = {
   name: 'KendoCardSubtitle',
   // @ts-ignore
-  setup: !gh ? undefined : function () {
-    var v3 = !!gh;
+  setup: !isV3 ? undefined : function () {
+    var v3 = !!isV3;
     return {
       v3: v3
     };

package/dist/es/card/CardTitle.js

@@ -2,6 +2,7 @@
 import * as Vue from 'vue';
 var allVue = Vue;
 var gh = allVue.h;
+var isV3 = allVue.version[0] === '3';
 import { getDefaultSlots } from '@progress/kendo-vue-common';
 /**
  * @hidden
@@ -10,8 +11,8 @@ import { getDefaultSlots } from '@progress/kendo-vue-common';
 var CardTitleVue2 = {
   name: 'KendoCardTitle',
   // @ts-ignore
-  setup: !gh ? undefined : function () {
-    var v3 = !!gh;
+  setup: !isV3 ? undefined : function () {
+    var v3 = !!isV3;
     return {
       v3: v3
     };

package/dist/es/drawer/Drawer.js

@@ -2,6 +2,7 @@
 import * as Vue from 'vue';
 var allVue = Vue;
 var gh = allVue.h;
+var isV3 = allVue.version[0] === '3';
 import { DrawerNavigation } from './DrawerNavigation';
 import { getDir, validatePackage, getDefaultSlots, templateRendering, getListeners } from '@progress/kendo-vue-common';
 import { packageMetadata } from '../package-metadata';
@@ -132,8 +133,8 @@ var DrawerVue2 = {
     }
   },
   // @ts-ignore
-  setup: !gh ? undefined : function () {
-    var v3 = !!gh;
+  setup: !isV3 ? undefined : function () {
+    var v3 = !!isV3;
     return {
       v3: v3
     };
@@ -154,9 +155,9 @@ var DrawerVue2 = {
       dir: this.currentDir,
       attrs: this.v3 ? undefined : {
         dir: this.currentDir,
-        tabIndex: tabIndex
+        tabindex: tabIndex
       },
-      tabIndex: tabIndex
+      tabindex: tabIndex
     }, [mode === 'overlay' && expanded && h("div", {
       "class": "k-overlay",
       onClick: this.onOverlayClick,

package/dist/es/drawer/DrawerContent.js

@@ -2,6 +2,7 @@
 import * as Vue from 'vue';
 var allVue = Vue;
 var gh = allVue.h;
+var isV3 = allVue.version[0] === '3';
 import { getDefaultSlots } from '@progress/kendo-vue-common';
 /**
  * @hidden
@@ -10,8 +11,8 @@ import { getDefaultSlots } from '@progress/kendo-vue-common';
 var DrawerContentVue2 = {
   name: 'KendoDrawerContent',
   // @ts-ignore
-  setup: !gh ? undefined : function () {
-    var v3 = !!gh;
+  setup: !isV3 ? undefined : function () {
+    var v3 = !!isV3;
     return {
       v3: v3
     };

package/dist/es/drawer/DrawerItem.js

@@ -18,6 +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';
 import { getTabIndex, getDefaultSlots } from '@progress/kendo-vue-common';
 /**
  * @hidden
@@ -56,8 +57,8 @@ var DrawerItemVue2 = {
     }
   },
   // @ts-ignore
-  setup: !gh ? undefined : function () {
-    var v3 = !!gh;
+  setup: !isV3 ? undefined : function () {
+    var v3 = !!isV3;
     return {
       v3: v3
     };
@@ -90,7 +91,7 @@ var DrawerItemVue2 = {
         role: "option",
         "aria-selected": selected,
         "aria-disabled": disabled,
-        tabIndex: getTabIndex(tabIndex, disabled)
+        tabindex: getTabIndex(tabIndex, disabled)
       },
       "aria-selected": selected,
       "aria-disabled": disabled,
@@ -98,7 +99,7 @@ var DrawerItemVue2 = {
       on: this.v3 ? undefined : {
         "click": this.handleClick
       },
-      tabIndex: getTabIndex(tabIndex, disabled)
+      tabindex: getTabIndex(tabIndex, disabled)
     }, [!item ? [icon && h("span", {
       "class": 'k-icon ' + icon
     }), !expanded && mini ? null : h("span", {

package/dist/es/drawer/DrawerNavigation.js

@@ -18,6 +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';
 import { DrawerItem } from './DrawerItem';
 import { getDefaultSlots, templateRendering, getListeners, getTemplate } from '@progress/kendo-vue-common';
 /**
@@ -72,8 +73,8 @@ var DrawerNavigationVue2 = {
     }
   },
   // @ts-ignore
-  setup: !gh ? undefined : function () {
-    var v3 = !!gh;
+  setup: !isV3 ? undefined : function () {
+    var v3 = !!isV3;
     return {
       v3: v3
     };

package/dist/es/menu/components/Menu.js

@@ -18,7 +18,8 @@ var __assign = this && this.__assign || function () {
 import * as Vue from 'vue';
 var allVue = Vue;
 var gh = allVue.h;
-import { templateRendering, getListeners } from '@progress/kendo-vue-common';
+var isV3 = allVue.version[0] === '3';
+import { templateRendering, getListeners, setRef, getRef } from '@progress/kendo-vue-common';
 import { Keys, guid, validatePackage } from '@progress/kendo-vue-common';
 import { getDirectParentId, isIdEmptyOrZeroLevel, EMPTY_ID, ZERO_LEVEL_ZERO_ITEM_ID, getRootParentId, getItemById } from '../utils/itemsIdsUtils';
 import { prepareInputItemsForInternalWork } from '../utils/prepareInputItemsForInternalWork';
@@ -67,6 +68,7 @@ var MenuVue2 = {
   },
   mounted: function mounted() {
     this.isFirstRender = false;
+    this.menuWrapperEl = getRef(this, 'menuWrapper');
   },
   updated: function updated() {
     // Reset the Menu upon big UI changes
@@ -78,7 +80,7 @@ var MenuVue2 = {
     // }
     this.mouseOverHandler.OpenOnClick = this.$props.openOnClick;
   },
-  destroyed: !!gh ? undefined : function () {
+  destroyed: !!isV3 ? undefined : function () {
     this.clearItemHoverAndLeaveRequestsIfApplicable();
   },
   // @ts-ignore
@@ -106,15 +108,13 @@ var MenuVue2 = {
     }
   },
   // @ts-ignore
-  setup: !gh ? undefined : function () {
-    var v3 = !!gh;
+  setup: !isV3 ? undefined : function () {
+    var v3 = !!isV3;
     return {
       v3: v3
     };
   },
   render: function render(createElement) {
-    var _this = this;
-
     var h = gh || createElement;
     this.prepareItems();
 
@@ -125,9 +125,7 @@ var MenuVue2 = {
     var lastItemIdToBeOpened = this.hoveredItemId ? this.hoveredItemId : this.focusedItemId ? getDirectParentId(this.focusedItemId) : EMPTY_ID;
     return h("div", {
       "class": this.getMenuWrapperClassName(),
-      ref: function ref(el) {
-        return _this.menuWrapperEl = el;
-      }
+      ref: setRef(this, 'menuWrapper')
     }, [// @ts-ignore
     h(MenuItemInternalsList, {
       "class": this.menuClassName,

package/dist/es/menu/components/MenuItemArrow.js

@@ -2,6 +2,7 @@
 import * as Vue from 'vue';
 var allVue = Vue;
 var gh = allVue.h;
+var isV3 = allVue.version[0] === '3';
 import { getChildrenPosition } from '../utils/misc';
 /**
  * @hidden
@@ -30,8 +31,8 @@ var MenuItemArrowVue2 = {
     verticalMenu: Boolean
   },
   // @ts-ignore
-  setup: !gh ? undefined : function () {
-    var v3 = !!gh;
+  setup: !isV3 ? undefined : function () {
+    var v3 = !!isV3;
     return {
       v3: v3
     };

package/dist/es/menu/components/MenuItemInternal.js

@@ -2,8 +2,9 @@
 import * as Vue from 'vue';
 var allVue = Vue;
 var gh = allVue.h;
+var isV3 = allVue.version[0] === '3';
 var ref = allVue.ref;
-import { classNames, guid, getTemplate } from '@progress/kendo-vue-common';
+import { classNames, guid, getTemplate, setRef, getRef } from '@progress/kendo-vue-common';
 import { Popup } from '@progress/kendo-vue-popup';
 import { shouldOpenItem, isFirstItemFromSiblings } from '../utils/itemsIdsUtils';
 import { getPopupSettings, convertBoolDirectionToString, getDOMElementId } from '../utils/misc';
@@ -50,7 +51,7 @@ var MenuItemInternalVue2 = {
     };
   },
   mounted: function mounted() {
-    this.itemElement = this.v3 ? this.kendoAnchorRef : this.$refs[this._anchor];
+    this.itemElement = getRef(this, 'kendoAnchor', this._anchor);
     var focusedItemId = this.$props.focusedItemId;
     var currentItemId = this.$props.item.id; // If the menu item component has been just mounted due to
     // keyboard navigation and it is the selected one.
@@ -123,8 +124,8 @@ var MenuItemInternalVue2 = {
     }
   },
   // @ts-ignore
-  setup: !gh ? undefined : function () {
-    var v3 = !!gh;
+  setup: !isV3 ? undefined : function () {
+    var v3 = !!isV3;
     var kendoAnchorRef = ref(null);
     return {
       v3: v3,
@@ -352,9 +353,9 @@ var MenuItemInternalVue2 = {
     return h("li", {
       "class": this.menuItemClassName,
       style: item.cssStyle,
-      tabIndex: itemId === this.$props.tabbableItemId ? 0 : -1,
+      tabindex: itemId === this.$props.tabbableItemId ? 0 : -1,
       attrs: this.v3 ? undefined : {
-        tabIndex: itemId === this.$props.tabbableItemId ? 0 : -1,
+        tabindex: itemId === this.$props.tabbableItemId ? 0 : -1,
         role: "menuitem",
         "aria-disabled": item.disabled ? true : undefined,
         "aria-haspopup": item.items.length > 0 ? true : undefined,
@@ -400,9 +401,7 @@ var MenuItemInternalVue2 = {
       "aria-expanded": item.items.length > 0 ? this.currentOpened : undefined,
       "aria-label": item.text,
       "aria-owns": this.currentOpened ? getDOMElementId(this.$props.menuGuid, itemId) : undefined,
-      ref: this.v3 ? function (el) {
-        _this.kendoAnchorRef = el;
-      } : this._anchor,
+      ref: setRef(this, 'kendoAnchor', this._anchor),
       key: "0"
     }, [this.contentRender ? renderContent.call(this) : renderMenuItemLink.call(this), renderPopupIfOpened.call(this)]);
   },

package/dist/es/menu/components/MenuItemInternalsList.js

@@ -2,6 +2,7 @@
 import * as Vue from 'vue';
 var allVue = Vue;
 var gh = allVue.h;
+var isV3 = allVue.version[0] === '3';
 import { MenuItemInternal } from './MenuItemInternal';
 import { getDOMElementId } from './../utils/misc';
 /**
@@ -37,8 +38,8 @@ var MenuItemInternalsListVue2 = {
     originalItemNeeded: Function
   },
   // @ts-ignore
-  setup: !gh ? undefined : function () {
-    var v3 = !!gh;
+  setup: !isV3 ? undefined : function () {
+    var v3 = !!isV3;
     return {
       v3: v3
     };

package/dist/es/menu/components/MenuItemLink.js

@@ -2,6 +2,7 @@
 import * as Vue from 'vue';
 var allVue = Vue;
 var gh = allVue.h;
+var isV3 = allVue.version[0] === '3';
 import { getDefaultSlots } from '@progress/kendo-vue-common';
 /**
  * @hidden
@@ -25,8 +26,8 @@ var MenuItemLinkVue2 = {
     }
   },
   // @ts-ignore
-  setup: !gh ? undefined : function () {
-    var v3 = !!gh;
+  setup: !isV3 ? undefined : function () {
+    var v3 = !!isV3;
     return {
       v3: v3
     };
@@ -42,10 +43,10 @@ var MenuItemLinkVue2 = {
         attrs: this.v3 ? undefined : {
           role: "presentation",
           href: this.$props.url,
-          tabIndex: -1
+          tabindex: -1
         },
         href: this.$props.url,
-        tabIndex: -1
+        tabindex: -1
       }, [defaultSlot]);
     } else {
       return h("span", {

package/dist/es/package-metadata.js

@@ -5,7 +5,7 @@ export var packageMetadata = {
     name: '@progress/kendo-vue-layout',
     productName: 'Kendo UI for Vue',
     productCodes: ['KENDOUIVUE', 'KENDOUICOMPLETE'],
-    publishDate: 1656415381,
+    publishDate: 1657170676,
     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/panelbar/PanelBar.js

@@ -32,6 +32,7 @@ var __spreadArrays = this && this.__spreadArrays || function () {
 import * as Vue from 'vue';
 var allVue = Vue;
 var gh = allVue.h;
+var isV3 = allVue.version[0] === '3';
 import { PanelBarItem } from './PanelBarItem';
 import { renderChildren, getInitialState, flatVisibleChildren, flatChildren, isArrayEqual, getFirstId } from './util';
 import { classNames, Keys } from '@progress/kendo-vue-common';
@@ -118,8 +119,8 @@ var PanelBarVue2 = {
     };
   },
   // @ts-ignore
-  setup: !gh ? undefined : function () {
-    var v3 = !!gh;
+  setup: !isV3 ? undefined : function () {
+    var v3 = !!isV3;
     return {
       v3: v3
     };
@@ -133,11 +134,11 @@ var PanelBarVue2 = {
       attrs: this.v3 ? undefined : {
         dir: this.$props.dir,
         role: 'tree',
-        tabIndex: 0,
+        tabindex: 0,
         "aria-activedescendant": this.activeDescendant
       },
       role: 'tree',
-      tabIndex: 0,
+      tabindex: 0,
       onKeydown: this.handleKeyDown,
       on: this.v3 ? undefined : {
         "keydown": this.handleKeyDown,

package/dist/es/panelbar/PanelBarGroup.js

@@ -18,6 +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';
 import { Reveal } from '@progress/kendo-vue-animation';
 import { getTemplate } from '@progress/kendo-vue-common';
 import { PanelBarItem } from './PanelBarItem';
@@ -43,8 +44,8 @@ var PanelBarGroupVue2 = {
     };
   },
   // @ts-ignore
-  setup: !gh ? undefined : function () {
-    var v3 = !!gh;
+  setup: !isV3 ? undefined : function () {
+    var v3 = !!isV3;
     return {
       v3: v3
     };

package/dist/es/panelbar/PanelBarItem.js

@@ -18,6 +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';
 import { classNames, getTemplate } from '@progress/kendo-vue-common';
 import { PanelBarGroup } from './PanelBarGroup';
 /**
@@ -59,8 +60,8 @@ var PanelBarItemVue2 = {
     }
   },
   // @ts-ignore
-  setup: !gh ? undefined : function () {
-    var v3 = !!gh;
+  setup: !isV3 ? undefined : function () {
+    var v3 = !!isV3;
     return {
       v3: v3
     };

package/dist/es/splitter/Splitter.js

@@ -18,6 +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';
 import { SplitterPane } from './SplitterPane';
 import { SplitterBar } from './SplitterBar';
 import { classNames, getListeners, templateRendering } from '@progress/kendo-vue-common';
@@ -84,8 +85,8 @@ var SplitterVue2 = {
     };
   },
   // @ts-ignore
-  setup: !gh ? undefined : function () {
-    var v3 = !!gh;
+  setup: !isV3 ? undefined : function () {
+    var v3 = !!isV3;
     return {
       v3: v3
     };

package/dist/es/splitter/SplitterBar.js

@@ -2,6 +2,7 @@
 import * as Vue from 'vue';
 var allVue = Vue;
 var gh = allVue.h;
+var isV3 = allVue.version[0] === '3';
 import { classNames, Draggable, Keys } from '@progress/kendo-vue-common';
 /**
  * @hidden
@@ -62,8 +63,8 @@ var SplitterBarVue2 = {
     }
   },
   // @ts-ignore
-  setup: !gh ? undefined : function () {
-    var v3 = !!gh;
+  setup: !isV3 ? undefined : function () {
+    var v3 = !!isV3;
     return {
       v3: v3
     };
@@ -108,9 +109,9 @@ var SplitterBarVue2 = {
         ref: 'draggable'
       }, this.v3 ? function () {
         return [h("div", {
-          tabIndex: isStatic ? -1 : 0,
+          tabindex: isStatic ? -1 : 0,
           attrs: _this2.v3 ? undefined : {
-            tabIndex: isStatic ? -1 : 0,
+            tabindex: isStatic ? -1 : 0,
             role: 'separator'
           },
           role: 'separator',
@@ -144,9 +145,9 @@ var SplitterBarVue2 = {
           }
         })])];
       } : [h("div", {
-        tabIndex: isStatic ? -1 : 0,
+        tabindex: isStatic ? -1 : 0,
         attrs: _this2.v3 ? undefined : {
-          tabIndex: isStatic ? -1 : 0,
+          tabindex: isStatic ? -1 : 0,
           role: 'separator'
         },
         role: 'separator',

package/dist/es/splitter/SplitterPane.js

@@ -2,6 +2,7 @@
 import * as Vue from 'vue';
 var allVue = Vue;
 var gh = allVue.h;
+var isV3 = allVue.version[0] === '3';
 import { classNames, getTemplate } from '@progress/kendo-vue-common';
 /**
  * @hidden
@@ -32,8 +33,8 @@ var SplitterPaneVue2 = {
     content: [Object, Function, String]
   },
   // @ts-ignore
-  setup: !gh ? undefined : function () {
-    var v3 = !!gh;
+  setup: !isV3 ? undefined : function () {
+    var v3 = !!isV3;
     return {
       v3: v3
     };

package/dist/es/stepper/Step.js

@@ -2,6 +2,7 @@
 import * as Vue from 'vue';
 var allVue = Vue;
 var gh = allVue.h;
+var isV3 = allVue.version[0] === '3';
 var inject = allVue.inject;
 import { focusFirstFocusableChild, getDefaultSlots } from '@progress/kendo-vue-common';
 import { provideLocalizationService } from '@progress/kendo-vue-intl';
@@ -83,8 +84,8 @@ var StepVue2 = {
     }
   },
   // @ts-ignore
-  setup: !gh ? undefined : function () {
-    var v3 = !!gh;
+  setup: !isV3 ? undefined : function () {
+    var v3 = !!isV3;
     var kendoLocalizationService = inject('kendoLocalizationService', {});
     return {
       v3: v3,
@@ -168,7 +169,7 @@ var StepVue2 = {
       title: label ? label : undefined,
       attrs: this.v3 ? undefined : {
         title: label ? label : undefined,
-        tabIndex: focused ? tabIndex : -1,
+        tabindex: focused ? tabIndex : -1,
         "aria-current": current ? 'step' : undefined,
         "aria-disabled": disabled || !allowClick || undefined,
         "aria-invalid": isValid !== undefined && !isValid || undefined
@@ -179,7 +180,7 @@ var StepVue2 = {
         "focusin": this.handleFocus
       },
       onFocusin: this.handleFocus,
-      tabIndex: focused ? tabIndex : -1,
+      tabindex: focused ? tabIndex : -1,
       "aria-current": current ? 'step' : undefined,
       "aria-disabled": disabled || !allowClick || undefined,
       "aria-invalid": isValid !== undefined && !isValid || undefined