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

package/dist/es/stepper/Stepper.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 { focusFirstFocusableChild, Keys, getDefaultSlots } from '@progress/kendo-vue-common';
 import { Step } from './Step';
 import { ProgressBar } from '@progress/kendo-vue-progressbars';
@@ -137,8 +138,8 @@ var StepperVue2 = {
     }
   },
   // @ts-ignore
-  setup: !gh ? undefined : function () {
-    var v3 = !!gh;
+  setup: !isV3 ? undefined : function () {
+    var v3 = !!isV3;
     return {
       v3: v3
     };
@@ -226,9 +227,9 @@ var StepperVue2 = {
       return stepRendering;
     }, this);
     return h("nav", {
-      tabIndex: this.currentFocused ? -1 : 0,
+      tabindex: this.currentFocused ? -1 : 0,
       attrs: this.v3 ? undefined : {
-        tabIndex: this.currentFocused ? -1 : 0,
+        tabindex: this.currentFocused ? -1 : 0,
         dir: this.currentDir
       },
       "class": this.stepperClasses,

package/dist/es/tabstrip/TabStrip.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';
 var ref = allVue.ref;
 var inject = allVue.inject;
 import { TabStripNavigation } from './TabStripNavigation';
@@ -242,8 +243,8 @@ var TabStripVue2 = {
     }
   },
   // @ts-ignore
-  setup: !gh ? undefined : function () {
-    var v3 = !!gh;
+  setup: !isV3 ? undefined : function () {
+    var v3 = !!isV3;
     return {
       v3: v3
     };

package/dist/es/tabstrip/TabStripContent.js

@@ -2,6 +2,7 @@
 import * as Vue from 'vue';
 var allVue = Vue;
 var gh = allVue.h;
+var isV3 = allVue.version[0] === '3';
 var ref = allVue.ref;
 var inject = allVue.inject;
 import { Fade } from '@progress/kendo-vue-animation';
@@ -24,8 +25,8 @@ var TabStripContentVue2 = {
     this.contentId = guid();
   },
   // @ts-ignore
-  setup: !gh ? undefined : function () {
-    var v3 = !!gh;
+  setup: !isV3 ? undefined : function () {
+    var v3 = !!isV3;
     return {
       v3: v3
     };

package/dist/es/tabstrip/TabStripNavigation.js

@@ -2,6 +2,7 @@
 import * as Vue from 'vue';
 var allVue = Vue;
 var gh = allVue.h;
+var isV3 = allVue.version[0] === '3';
 var ref = allVue.ref;
 var inject = allVue.inject;
 import { TabStripNavigationItem } from './TabStripNavigationItem';
@@ -50,8 +51,8 @@ var TabStripNavigationVue2 = {
     }
   },
   // @ts-ignore
-  setup: !gh ? undefined : function () {
-    var v3 = !!gh;
+  setup: !isV3 ? undefined : function () {
+    var v3 = !!isV3;
     return {
       v3: v3
     };
@@ -100,9 +101,9 @@ var TabStripNavigationVue2 = {
       role: 'tablist',
       attrs: this.v3 ? undefined : {
         role: 'tablist',
-        tabIndex: this.$props.tabIndex
+        tabindex: this.$props.tabIndex
       },
-      tabIndex: this.$props.tabIndex,
+      tabindex: this.$props.tabIndex,
       onKeydown: this.onKeyDown,
       on: this.v3 ? undefined : {
         "keydown": this.onKeyDown

package/dist/es/tabstrip/TabStripNavigationItem.js

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

package/dist/es/tabstrip/TabStripTab.js

@@ -2,6 +2,7 @@
 import * as Vue from 'vue';
 var allVue = Vue;
 var gh = allVue.h;
+var isV3 = allVue.version[0] === '3';
 var ref = allVue.ref;
 var inject = allVue.inject;
 import { guid, getDefaultSlots, templateRendering, getListeners } from '@progress/kendo-vue-common';
@@ -37,7 +38,7 @@ var TabStripTabVue2 = {
       contentClassName: this.$props.contentClassName
     });
   },
-  destroyed: !!gh ? undefined : function () {
+  destroyed: !!isV3 ? undefined : function () {
     this.removeTab(this.tabId);
   },
   // @ts-ignore
@@ -45,8 +46,8 @@ var TabStripTabVue2 = {
     this.removeTab(this.tabId);
   },
   // @ts-ignore
-  setup: !gh ? undefined : function () {
-    var v3 = !!gh;
+  setup: !isV3 ? undefined : function () {
+    var v3 = !!isV3;
     return {
       v3: v3
     };

package/dist/npm/card/Avatar.js

@@ -9,6 +9,7 @@ var Vue = require("vue");
 
 var allVue = Vue;
 var gh = allVue.h;
+var isV3 = allVue.version[0] === '3';
 
 var Enums_1 = require("./interfaces/Enums");
 
@@ -64,8 +65,8 @@ var AvatarVue2 = {
     kendo_vue_common_1.validatePackage(package_metadata_1.packageMetadata);
   },
   // @ts-ignore
-  setup: !gh ? undefined : function () {
-    var v3 = !!gh;
+  setup: !isV3 ? undefined : function () {
+    var v3 = !!isV3;
     return {
       v3: v3
     };

package/dist/npm/card/Card.js

@@ -9,6 +9,7 @@ var Vue = require("vue");
 
 var allVue = Vue;
 var gh = allVue.h;
+var isV3 = allVue.version[0] === '3';
 
 var Enums_1 = require("./interfaces/Enums");
 
@@ -45,8 +46,8 @@ var CardVue2 = {
     kendo_vue_common_1.validatePackage(package_metadata_1.packageMetadata);
   },
   // @ts-ignore
-  setup: !gh ? undefined : function () {
-    var v3 = !!gh;
+  setup: !isV3 ? undefined : function () {
+    var v3 = !!isV3;
     return {
       v3: v3
     };

package/dist/npm/card/CardActions.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");
 
@@ -37,8 +38,8 @@ var CardActionsVue2 = {
     }
   },
   // @ts-ignore
-  setup: !gh ? undefined : function () {
-    var v3 = !!gh;
+  setup: !isV3 ? undefined : function () {
+    var v3 = !!isV3;
     return {
       v3: v3
     };

package/dist/npm/card/CardBody.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");
 /**
@@ -19,8 +20,8 @@ var kendo_vue_common_1 = require("@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/npm/card/CardFooter.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");
 /**
@@ -19,8 +20,8 @@ var kendo_vue_common_1 = require("@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/npm/card/CardHeader.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");
 /**
@@ -19,8 +20,8 @@ var kendo_vue_common_1 = require("@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/npm/card/CardImage.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");
 /**
@@ -22,8 +23,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/npm/card/CardSubtitle.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");
 /**
@@ -19,8 +20,8 @@ var kendo_vue_common_1 = require("@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/npm/card/CardTitle.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");
 /**
@@ -19,8 +20,8 @@ var kendo_vue_common_1 = require("@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/npm/drawer/Drawer.js

@@ -9,6 +9,7 @@ var Vue = require("vue");
 
 var allVue = Vue;
 var gh = allVue.h;
+var isV3 = allVue.version[0] === '3';
 
 var DrawerNavigation_1 = require("./DrawerNavigation");
 
@@ -143,8 +144,8 @@ var DrawerVue2 = {
     }
   },
   // @ts-ignore
-  setup: !gh ? undefined : function () {
-    var v3 = !!gh;
+  setup: !isV3 ? undefined : function () {
+    var v3 = !!isV3;
     return {
       v3: v3
     };
@@ -165,9 +166,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/npm/drawer/DrawerContent.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");
 /**
@@ -19,8 +20,8 @@ var kendo_vue_common_1 = require("@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/npm/drawer/DrawerItem.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");
 /**
@@ -65,8 +66,8 @@ var DrawerItemVue2 = {
     }
   },
   // @ts-ignore
-  setup: !gh ? undefined : function () {
-    var v3 = !!gh;
+  setup: !isV3 ? undefined : function () {
+    var v3 = !!isV3;
     return {
       v3: v3
     };
@@ -99,7 +100,7 @@ var DrawerItemVue2 = {
         role: "option",
         "aria-selected": selected,
         "aria-disabled": disabled,
-        tabIndex: kendo_vue_common_1.getTabIndex(tabIndex, disabled)
+        tabindex: kendo_vue_common_1.getTabIndex(tabIndex, disabled)
       },
       "aria-selected": selected,
       "aria-disabled": disabled,
@@ -107,7 +108,7 @@ var DrawerItemVue2 = {
       on: this.v3 ? undefined : {
         "click": this.handleClick
       },
-      tabIndex: kendo_vue_common_1.getTabIndex(tabIndex, disabled)
+      tabindex: kendo_vue_common_1.getTabIndex(tabIndex, disabled)
     }, [!item ? [icon && h("span", {
       "class": 'k-icon ' + icon
     }), !expanded && mini ? null : h("span", {

package/dist/npm/drawer/DrawerNavigation.js

@@ -25,6 +25,7 @@ var Vue = require("vue");
 
 var allVue = Vue;
 var gh = allVue.h;
+var isV3 = allVue.version[0] === '3';
 
 var DrawerItem_1 = require("./DrawerItem");
 
@@ -82,8 +83,8 @@ var DrawerNavigationVue2 = {
     }
   },
   // @ts-ignore
-  setup: !gh ? undefined : function () {
-    var v3 = !!gh;
+  setup: !isV3 ? undefined : function () {
+    var v3 = !!isV3;
     return {
       v3: v3
     };

package/dist/npm/menu/components/Menu.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");
 
@@ -85,6 +86,7 @@ var MenuVue2 = {
   },
   mounted: function mounted() {
     this.isFirstRender = false;
+    this.menuWrapperEl = kendo_vue_common_1.getRef(this, 'menuWrapper');
   },
   updated: function updated() {
     // Reset the Menu upon big UI changes
@@ -96,7 +98,7 @@ var MenuVue2 = {
     // }
     this.mouseOverHandler.OpenOnClick = this.$props.openOnClick;
   },
-  destroyed: !!gh ? undefined : function () {
+  destroyed: !!isV3 ? undefined : function () {
     this.clearItemHoverAndLeaveRequestsIfApplicable();
   },
   // @ts-ignore
@@ -124,15 +126,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();
 
@@ -143,9 +143,7 @@ var MenuVue2 = {
     var lastItemIdToBeOpened = this.hoveredItemId ? this.hoveredItemId : this.focusedItemId ? itemsIdsUtils_1.getDirectParentId(this.focusedItemId) : itemsIdsUtils_1.EMPTY_ID;
     return h("div", {
       "class": this.getMenuWrapperClassName(),
-      ref: function ref(el) {
-        return _this.menuWrapperEl = el;
-      }
+      ref: kendo_vue_common_1.setRef(this, 'menuWrapper')
     }, [// @ts-ignore
     h(MenuItemInternalsList_1.MenuItemInternalsList, {
       "class": this.menuClassName,

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

@@ -9,6 +9,7 @@ var Vue = require("vue");
 
 var allVue = Vue;
 var gh = allVue.h;
+var isV3 = allVue.version[0] === '3';
 
 var misc_1 = require("../utils/misc");
 /**
@@ -39,8 +40,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/npm/menu/components/MenuItemInternal.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");
@@ -65,7 +66,7 @@ var MenuItemInternalVue2 = {
     };
   },
   mounted: function mounted() {
-    this.itemElement = this.v3 ? this.kendoAnchorRef : this.$refs[this._anchor];
+    this.itemElement = kendo_vue_common_1.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.
@@ -138,8 +139,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,
@@ -367,9 +368,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,
@@ -415,9 +416,7 @@ var MenuItemInternalVue2 = {
       "aria-expanded": item.items.length > 0 ? this.currentOpened : undefined,
       "aria-label": item.text,
       "aria-owns": this.currentOpened ? misc_1.getDOMElementId(this.$props.menuGuid, itemId) : undefined,
-      ref: this.v3 ? function (el) {
-        _this.kendoAnchorRef = el;
-      } : this._anchor,
+      ref: kendo_vue_common_1.setRef(this, 'kendoAnchor', this._anchor),
       key: "0"
     }, [this.contentRender ? renderContent.call(this) : renderMenuItemLink.call(this), renderPopupIfOpened.call(this)]);
   },

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

@@ -9,6 +9,7 @@ var Vue = require("vue");
 
 var allVue = Vue;
 var gh = allVue.h;
+var isV3 = allVue.version[0] === '3';
 
 var MenuItemInternal_1 = require("./MenuItemInternal");
 
@@ -47,8 +48,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/npm/menu/components/MenuItemLink.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");
 /**
@@ -34,8 +35,8 @@ var MenuItemLinkVue2 = {
     }
   },
   // @ts-ignore
-  setup: !gh ? undefined : function () {
-    var v3 = !!gh;
+  setup: !isV3 ? undefined : function () {
+    var v3 = !!isV3;
     return {
       v3: v3
     };
@@ -51,10 +52,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/npm/package-metadata.js

@@ -8,7 +8,7 @@ exports.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/npm/panelbar/PanelBar.js

@@ -39,6 +39,7 @@ var Vue = require("vue");
 
 var allVue = Vue;
 var gh = allVue.h;
+var isV3 = allVue.version[0] === '3';
 
 var PanelBarItem_1 = require("./PanelBarItem");
 
@@ -132,8 +133,8 @@ var PanelBarVue2 = {
     };
   },
   // @ts-ignore
-  setup: !gh ? undefined : function () {
-    var v3 = !!gh;
+  setup: !isV3 ? undefined : function () {
+    var v3 = !!isV3;
     return {
       v3: v3
     };
@@ -147,11 +148,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/npm/panelbar/PanelBarGroup.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_animation_1 = require("@progress/kendo-vue-animation");
 
@@ -54,8 +55,8 @@ var PanelBarGroupVue2 = {
     };
   },
   // @ts-ignore
-  setup: !gh ? undefined : function () {
-    var v3 = !!gh;
+  setup: !isV3 ? undefined : function () {
+    var v3 = !!isV3;
     return {
       v3: v3
     };