@progress/kendo-vue-layout 6.4.1-develop.2 → 6.4.2-develop.3

package/drawer/DrawerNavigation.js

@@ -5,4 +5,4 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),j=require("./DrawerItem.js"),r=require("@progress/kendo-vue-common"),M=240,R=50,V={type:"slide",duration:200},_={type:"slide",duration:0},E=e.defineComponent({name:"KendoDrawerNavigation",props:{item:[Object],header:[Object],footer:[Object],content:[Object],tabIndex:Number,showLicenseWatermark:Boolean,onSelect:Function},inject:{kendoDrawer:{default:null}},computed:{navigationClassNames(){const{position:a}=this.kendoDrawer;return{"k-widget k-drawer":!0,"k-drawer-start":a==="start","k-drawer-end":a==="end"}}},render(){const a=r.getDefaultSlots(this),{animation:i,expanded:l,mode:c,position:m,mini:o,dir:p,width:u,miniWidth:h,items:w}=this.kendoDrawer,D=this.$props.header,y=this.$props.footer,g=this.$props.content,t=typeof i!="boolean"?i:i===!1?_:V,f=u||M,k=h||R,N={opacity:1,flexBasis:f+"px",WebkitTransition:"all "+(t&&t.duration)+"ms",transition:"all "+(t&&t.duration)+"ms"},I={opacity:1,transform:"translateX(0px)",WebkitTransition:"all "+(t&&t.duration)+"ms",transition:"all "+(t&&t.duration)+"ms"},T={opacity:o?1:0,flexBasis:o?k+"px":0,WebkitTransition:"all "+(t&&t.duration)+"ms",transition:"all "+(t&&t.duration)+"ms"},b={opacity:0,transform:"translateX(-100%)",WebkitTransition:"all "+(t&&t.duration)+"ms",transition:"all "+(t&&t.duration)+"ms"},W={opacity:0,transform:"translateX(100%)",WebkitTransition:"all "+(t&&t.duration)+"ms",transition:"all "+(t&&t.duration)+"ms"},v={transform:"translateX(0%)",WebkitTransitionDuration:(t&&t.duration)+"ms",transitionDuration:(t&&t.duration)+"ms"},x=this.showLicenseWatermark?e.createVNode(r.WatermarkOverlay,null,null):null,O=l?c==="push"?N:I:c==="push"?T:p==="ltr"&&m==="start"||p==="rtl"&&m==="end"?o?v:b:o?v:W,A=w&&e.createVNode("ul",{class:"k-drawer-items",role:"menubar","aria-orientation":"vertical","aria-expanded":l},[w.map(function(n,d){let s=this.$props.item;s&&!s.type&&!s.render&&(s=r.templateRendering.call(this,this.$props.item,r.getListeners.call(this)));const L=e.createVNode(j.DrawerItem,{key:d,index:d,onClick:this.onDrawerItemSelect,text:n.text,icon:n.icon,svgIcon:n.svgIcon,separator:n.separator,selected:n.selected,targetItem:n.targetItem},null);return r.getTemplate.call(this,{h:e.h,template:s,defaultRendering:L,additionalProps:{...n,index:d},additionalListeners:{click:this.onDrawerItemSelect}})},this),x]),S=r.getTemplate.call(this,{h:e.h,template:D}),$=r.getTemplate.call(this,{h:e.h,template:y}),C=r.getTemplate.call(this,{h:e.h,template:g});return e.createVNode("div",{style:O,class:this.navigationClassNames},[e.createVNode("div",{class:"k-drawer-wrapper",style:!l&&o&&c==="overlay"?{width:k+"px"}:{width:f+"px"}},[S,g?C:A||a,$])])},methods:{focus(a){this.$el&&this.$el.focus(a)},onDrawerItemSelect(a,i){this.$emit("select",a,i)}}});exports.DrawerNavigation=E;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),j=require("./DrawerItem.js"),r=require("@progress/kendo-vue-common"),M=240,R=50,V={duration:200},_={duration:0},E=e.defineComponent({name:"KendoDrawerNavigation",props:{item:[Object],header:[Object],footer:[Object],content:[Object],tabIndex:Number,showLicenseWatermark:Boolean,onSelect:Function},inject:{kendoDrawer:{default:null}},computed:{navigationClassNames(){const{position:a}=this.kendoDrawer;return{"k-widget k-drawer":!0,"k-drawer-start":a==="start","k-drawer-end":a==="end"}}},render(){const a=r.getDefaultSlots(this),{animation:i,expanded:l,mode:c,position:m,mini:o,dir:p,width:u,miniWidth:h,items:w}=this.kendoDrawer,D=this.$props.header,N=this.$props.footer,g=this.$props.content,t=typeof i!="boolean"?i:i===!1?_:V,f=u||M,k=h||R,I={opacity:1,flexBasis:f+"px",WebkitTransition:"all "+(t&&t.duration)+"ms",transition:"all "+(t&&t.duration)+"ms"},y={opacity:1,transform:"translateX(0px)",WebkitTransition:"all "+(t&&t.duration)+"ms",transition:"all "+(t&&t.duration)+"ms"},T={opacity:o?1:0,flexBasis:o?k+"px":0,WebkitTransition:"all "+(t&&t.duration)+"ms",transition:"all "+(t&&t.duration)+"ms"},b={opacity:0,transform:"translateX(-100%)",WebkitTransition:"all "+(t&&t.duration)+"ms",transition:"all "+(t&&t.duration)+"ms"},W={opacity:0,transform:"translateX(100%)",WebkitTransition:"all "+(t&&t.duration)+"ms",transition:"all "+(t&&t.duration)+"ms"},v={transform:"translateX(0%)",WebkitTransitionDuration:(t&&t.duration)+"ms",transitionDuration:(t&&t.duration)+"ms"},x=this.showLicenseWatermark?e.createVNode(r.WatermarkOverlay,null,null):null,O=l?c==="push"?I:y:c==="push"?T:p==="ltr"&&m==="start"||p==="rtl"&&m==="end"?o?v:b:o?v:W,A=w&&e.createVNode("ul",{class:"k-drawer-items",role:"menubar","aria-orientation":"vertical","aria-expanded":l},[w.map(function(n,d){let s=this.$props.item;s&&!s.type&&!s.render&&(s=r.templateRendering.call(this,this.$props.item,r.getListeners.call(this)));const L=e.createVNode(j.DrawerItem,{key:d,index:d,onClick:this.onDrawerItemSelect,text:n.text,icon:n.icon,svgIcon:n.svgIcon,separator:n.separator,selected:n.selected,targetItem:n.targetItem},null);return r.getTemplate.call(this,{h:e.h,template:s,defaultRendering:L,additionalProps:{...n,index:d},additionalListeners:{click:this.onDrawerItemSelect}})},this),x]),S=r.getTemplate.call(this,{h:e.h,template:D}),$=r.getTemplate.call(this,{h:e.h,template:N}),C=r.getTemplate.call(this,{h:e.h,template:g});return e.createVNode("div",{style:O,class:this.navigationClassNames},[e.createVNode("div",{class:"k-drawer-wrapper",style:!l&&o&&c==="overlay"?{width:k+"px"}:{width:f+"px"}},[S,g?C:A||a,$])])},methods:{focus(a){this.$el&&this.$el.focus(a)},onDrawerItemSelect(a,i){this.$emit("select",a,i)}}});exports.DrawerNavigation=E;

package/drawer/DrawerNavigation.mjs

@@ -9,10 +9,8 @@ import { defineComponent as _, createVNode as o, h as s } from "vue";
 import { DrawerItem as j } from "./DrawerItem.mjs";
 import { getDefaultSlots as E, WatermarkOverlay as F, templateRendering as M, getListeners as X, getTemplate as l } from "@progress/kendo-vue-common";
 const P = 240, B = 50, H = {
-  type: "slide",
   duration: 200
 }, U = {
-  type: "slide",
   duration: 0
 }, J = /* @__PURE__ */ _({
   name: "KendoDrawerNavigation",
@@ -53,7 +51,7 @@ const P = 240, B = 50, H = {
       width: h,
       miniWidth: w,
       items: f
-    } = this.kendoDrawer, y = this.$props.header, I = this.$props.footer, k = this.$props.content, t = typeof n != "boolean" ? n : n === !1 ? U : H, g = h || P, D = w || B, N = {
+    } = this.kendoDrawer, I = this.$props.header, y = this.$props.footer, k = this.$props.content, t = typeof n != "boolean" ? n : n === !1 ? U : H, g = h || P, D = w || B, N = {
       opacity: 1,
       flexBasis: g + "px",
       WebkitTransition: "all " + (t && t.duration) + "ms",
@@ -121,10 +119,10 @@ const P = 240, B = 50, H = {
       });
     }, this), O]), L = l.call(this, {
       h: s,
-      template: y
+      template: I
     }), S = l.call(this, {
       h: s,
-      template: I
+      template: y
     }), C = l.call(this, {
       h: s,
       template: k

package/expansionpanel/ExpansionPanel.mjs

@@ -5,8 +5,8 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-import { defineComponent as S, h as s, createVNode as a } from "vue";
-import { validatePackage as $, getIconName as o, getDefaultSlots as v, templateRendering as i, getListeners as d, getTemplate as r, getTabIndex as C, Icon as R, Keys as l } from "@progress/kendo-vue-common";
+import { defineComponent as S, createVNode as a, h as s } from "vue";
+import { Keys as o, getDefaultSlots as $, templateRendering as i, getListeners as d, getTemplate as r, getTabIndex as v, Icon as C, getIconName as l, validatePackage as R } from "@progress/kendo-vue-common";
 import { chevronUpIcon as w, chevronDownIcon as y } from "@progress/kendo-svg-icons";
 import { packageMetadata as F } from "../package-metadata.mjs";
 const j = /* @__PURE__ */ S({
@@ -27,7 +27,7 @@ const j = /* @__PURE__ */ S({
     disabled: Boolean
   },
   created() {
-    $(F);
+    R(F);
   },
   computed: {
     wrapperClass() {
@@ -48,7 +48,7 @@ const j = /* @__PURE__ */ S({
         expandIcon: t,
         collapseIcon: n
       } = this.$props;
-      return e ? t ? o(t) : "chevron-up" : n ? o(n) : "chevron-down";
+      return e ? t ? l(t) : "chevron-up" : n ? l(n) : "chevron-down";
     },
     expandSVGIcon() {
       const {
@@ -65,7 +65,7 @@ const j = /* @__PURE__ */ S({
     };
   },
   render() {
-    const e = v(this), {
+    const e = $(this), {
       expanded: t = !1,
       disabled: n,
       title: c,
@@ -100,14 +100,14 @@ const j = /* @__PURE__ */ S({
       "aria-controls": x,
       "aria-expanded": t,
       "aria-disabled": n,
-      tabindex: C(b, n),
+      tabindex: v(b, n),
       class: "k-expander-header",
       onClick: this.onClick
     }, [g, a("span", {
       class: "k-spacer"
     }, null), k, a("span", {
       class: "k-expander-indicator"
-    }, [a(R, {
+    }, [a(C, {
       name: this.expandIconName,
       icon: this.expandSVGIcon
     }, null)])]), e]);
@@ -120,7 +120,7 @@ const j = /* @__PURE__ */ S({
       });
     },
     onKeyDown(e) {
-      this.$props.disabled || (e.keyCode === l.enter || e.keyCode === l.space) && e.target === this.$refs.header && (e.preventDefault(), this.$emit("action", {
+      this.$props.disabled || (e.keyCode === o.enter || e.keyCode === o.space) && e.target === this.$refs.header && (e.preventDefault(), this.$emit("action", {
         event: e,
         expanded: this.expanded
       }));

package/expansionpanel/ExpansionPanelContent.mjs

@@ -7,14 +7,14 @@
  */
 import { defineComponent as n, createVNode as e } from "vue";
 import { packageMetadata as a } from "../package-metadata.mjs";
-import { validatePackage as o, getDefaultSlots as r } from "@progress/kendo-vue-common";
+import { getDefaultSlots as o, validatePackage as r } from "@progress/kendo-vue-common";
 const c = /* @__PURE__ */ n({
   name: "KendoExpansionPanelContent",
   created() {
-    o(a);
+    r(a);
   },
   render() {
-    const t = r(this);
+    const t = o(this);
     return e("div", {
       class: "k-expander-content-wrapper"
     }, [e("div", {

package/gridlayout/GridLayout.mjs

@@ -7,7 +7,7 @@
  */
 import { defineComponent as n, createVNode as e } from "vue";
 import { packageMetadata as o } from "../package-metadata.mjs";
-import { validatePackage as a, guid as l, templateRendering as p, getListeners as h } from "@progress/kendo-vue-common";
+import { templateRendering as a, getListeners as l, validatePackage as p, guid as h } from "@progress/kendo-vue-common";
 import { GridLayoutItem as d } from "./GridLayoutItem.mjs";
 const y = /* @__PURE__ */ n({
   name: "KendoGridLayout",
@@ -27,7 +27,7 @@ const y = /* @__PURE__ */ n({
     items: Array
   },
   created() {
-    a(o), this.layoutId = l();
+    p(o), this.layoutId = h();
   },
   computed: {
     hAlign() {
@@ -76,7 +76,7 @@ const y = /* @__PURE__ */ n({
       style: this.gridLayoutStyles,
       id: t || this.layoutId
     }, [s.map(function(i) {
-      const r = p.call(this, i.content, h.call(this));
+      const r = a.call(this, i.content, l.call(this));
       return e(d, {
         content: r,
         class: i.class,

package/gridlayout/GridLayoutItem.mjs

@@ -7,7 +7,7 @@
  */
 import { defineComponent as a, h as n, createVNode as i } from "vue";
 import { packageMetadata as d } from "../package-metadata.mjs";
-import { validatePackage as m, guid as p, getTemplate as c } from "@progress/kendo-vue-common";
+import { getTemplate as m, validatePackage as p, guid as c } from "@progress/kendo-vue-common";
 const g = /* @__PURE__ */ a({
   name: "KendoGridLayoutItem",
   props: {
@@ -19,7 +19,7 @@ const g = /* @__PURE__ */ a({
     rowSpan: Number
   },
   created() {
-    m(d), this.itemId = p();
+    p(d), this.itemId = c();
   },
   computed: {
     gridLayoutItemStyles() {
@@ -38,7 +38,7 @@ const g = /* @__PURE__ */ a({
     const {
       id: e,
       content: o
-    } = this.$props, t = c.call(this, {
+    } = this.$props, t = m.call(this, {
       h: n,
       template: o
     });

package/menu/components/Menu.mjs

@@ -6,11 +6,11 @@
  *-------------------------------------------------------------------------------------------
  */
 import { defineComponent as I, createVNode as d } from "vue";
-import { validatePackage as u, guid as c, getRef as p, setRef as f, templateRendering as m, getListeners as l, Keys as a, canUseDOM as h } from "@progress/kendo-vue-common";
-import { EMPTY_ID as s, ZERO_LEVEL_ZERO_ITEM_ID as o, getDirectParentId as v, getItemById as n, getRootParentId as b, isIdEmptyOrZeroLevel as r } from "../utils/itemsIdsUtils.mjs";
+import { canUseDOM as m, Keys as l, setRef as u, templateRendering as a, getListeners as h, getRef as c, validatePackage as p, guid as f } from "@progress/kendo-vue-common";
+import { isIdEmptyOrZeroLevel as r, EMPTY_ID as s, ZERO_LEVEL_ZERO_ITEM_ID as o, getRootParentId as v, getItemById as n, getDirectParentId as b } from "../utils/itemsIdsUtils.mjs";
 import { prepareInputItemsForInternalWork as g } from "../utils/prepareInputItemsForInternalWork.mjs";
 import { getNewItemIdUponKeyboardNavigation as R } from "../utils/getNewItemIdUponKeyboardNavigation.mjs";
-import { getHoverOpenDelay as H, getHoverCloseDelay as O } from "../utils/hoverDelay.mjs";
+import { getHoverCloseDelay as H, getHoverOpenDelay as O } from "../utils/hoverDelay.mjs";
 import { DirectionHolder as k } from "../utils/DirectionHolder.mjs";
 import { MouseOverHandler as C } from "../utils/MouseOverHandler.mjs";
 import { packageMetadata as D } from "../../package-metadata.mjs";
@@ -38,10 +38,10 @@ const N = /* @__PURE__ */ I({
     customCloseItemIds: Array
   },
   created() {
-    u(D), this.mouseOverHandler = new C(this.$props.openOnClick, this.reset, this.onItemMouseOver), this.guid = c(), this.directionHolder = new k(), this.inputItems = [], this.currentItems = [];
+    p(D), this.mouseOverHandler = new C(this.$props.openOnClick, this.reset, this.onItemMouseOver), this.guid = f(), this.directionHolder = new k(), this.inputItems = [], this.currentItems = [];
   },
   mounted() {
-    this.isFirstRender = !1, this.menuWrapperEl = p(this, "menuWrapper");
+    this.isFirstRender = !1, this.menuWrapperEl = c(this, "menuWrapper");
   },
   updated() {
     this.mouseOverHandler.OpenOnClick = this.$props.openOnClick;
@@ -71,10 +71,10 @@ const N = /* @__PURE__ */ I({
   },
   render() {
     this.prepareItems(), this.isFirstRender || this.directionHolder.setIsDirectionRightToLeft(this.checkIsDirectionRightToLeft());
-    let e = this.hoveredItemId ? this.hoveredItemId : this.focusedItemId ? v(this.focusedItemId) : s;
+    let e = this.hoveredItemId ? this.hoveredItemId : this.focusedItemId ? b(this.focusedItemId) : s;
     return d("div", {
       class: this.getMenuWrapperClassName(),
-      ref: f(this, "menuWrapper")
+      ref: u(this, "menuWrapper")
     }, [d(L, {
       class: this.menuClassName,
       "aria-orientation": this.$props.vertical ? "vertical" : void 0,
@@ -84,8 +84,8 @@ const N = /* @__PURE__ */ I({
       focusedItemId: this.focusedItemId,
       lastItemIdToBeOpened: e,
       tabbableItemId: this.tabbableItemId,
-      itemRender: m.call(this, this.$props.itemRender, l.call(this)),
-      linkRender: m.call(this, this.$props.linkRender, l.call(this)),
+      itemRender: a.call(this, this.$props.itemRender, h.call(this)),
+      linkRender: a.call(this, this.$props.linkRender, h.call(this)),
       menuGuid: this.guid,
       onMouseleave: this.onItemMouseLeave,
       onMouseover: this.onItemMouseOver,
@@ -104,20 +104,20 @@ const N = /* @__PURE__ */ I({
     onKeyDown(e) {
       if (this.focusedItemId !== s) {
         const t = n(this.focusedItemId, this.currentItems), i = R(this.currentItems, t.id, e.keyCode, e.key, this.$props.vertical, this.directionHolder.getIsDirectionRightToLeft());
-        t.id !== i && (e.preventDefault(), this.setFocusedItemId(i)), (e.keyCode === a.enter || e.keyCode === a.space) && !t.disabled && (this.mouseOverHandler.handleItemSelectedViaKeyboard(), this.dispatchSelectEventIfWired(e, t.id), !e.defaultPrevented && t.items.length === 0 && t.url && h && window.location.assign(t.url));
+        t.id !== i && (e.preventDefault(), this.setFocusedItemId(i)), (e.keyCode === l.enter || e.keyCode === l.space) && !t.disabled && (this.mouseOverHandler.handleItemSelectedViaKeyboard(), this.dispatchSelectEventIfWired(e, t.id), !e.defaultPrevented && t.items.length === 0 && t.url && m && window.location.assign(t.url));
       }
     },
     onItemMouseOver(e) {
       this.mouseOverHandler.IsMouseOverEnabled && (this.clearItemHoverAndLeaveRequestsIfApplicable(), this.itemHoverRequest = window.setTimeout(() => {
         this.setHoveredItemId(e), this.itemHoverRequest = null;
-      }, H({
+      }, O({
         ...this.$props
       })));
     },
     onItemMouseLeave(e) {
       this.mouseOverHandler.IsMouseOverEnabled && this.isItemWithDefaultClose(e) && (this.clearItemHoverAndLeaveRequestsIfApplicable(), this.itemLeaveRequest = window.setTimeout(() => {
         this.setHoveredItemId(s), this.itemLeaveRequest = null;
-      }, O({
+      }, H({
         ...this.$props
       })));
     },
@@ -129,7 +129,7 @@ const N = /* @__PURE__ */ I({
     },
     onItemClick(e, t) {
       const i = n(t, this.currentItems);
-      i.disabled || (this.setFocusedItemId(t), this.mouseOverHandler.handleItemClick(t, this.isItemWithDefaultClose(t)), this.dispatchSelectEventIfWired(e, t), !e.defaultPrevented && i.url && h && window.location.assign(i.url));
+      i.disabled || (this.setFocusedItemId(t), this.mouseOverHandler.handleItemClick(t, this.isItemWithDefaultClose(t)), this.dispatchSelectEventIfWired(e, t), !e.defaultPrevented && i.url && m && window.location.assign(i.url));
     },
     onItemBlur(e) {
       this.isItemWithDefaultClose(e) && this.setFocusedItemId(s);
@@ -138,7 +138,7 @@ const N = /* @__PURE__ */ I({
       return n(e, this.inputItems);
     },
     setFocusedItemId(e) {
-      const t = e === s ? this.tabbableItemId : b(e), i = e === s || r(this.hoveredItemId) && r(e) ? this.hoveredItemId : s;
+      const t = e === s ? this.tabbableItemId : v(e), i = e === s || r(this.hoveredItemId) && r(e) ? this.hoveredItemId : s;
       this.hoveredItemId = i, this.focusedItemId = e, this.tabbableItemId = t;
     },
     setHoveredItemId(e) {

package/menu/components/MenuItemInternal.mjs

@@ -6,9 +6,9 @@
  *-------------------------------------------------------------------------------------------
  */
 import { defineComponent as c, createVNode as n, h as u } from "vue";
-import { guid as F, getRef as L, classNames as y, setRef as D, getTemplate as m, Icon as C, getIconName as B } from "@progress/kendo-vue-common";
+import { setRef as F, classNames as L, getRef as y, guid as D, getTemplate as m, Icon as C, getIconName as B } from "@progress/kendo-vue-common";
 import { Popup as N } from "@progress/kendo-vue-popup";
-import { shouldOpenItem as T, isFirstItemFromSiblings as S } from "../utils/itemsIdsUtils.mjs";
+import { isFirstItemFromSiblings as T, shouldOpenItem as S } from "../utils/itemsIdsUtils.mjs";
 import { getDOMElementId as I, convertBoolDirectionToString as p, getPopupSettings as P } from "../utils/misc.mjs";
 import { MenuItemLink as A } from "./MenuItemLink.mjs";
 import { MenuItemArrow as E } from "./MenuItemArrow.mjs";
@@ -36,7 +36,7 @@ const K = /* @__PURE__ */ c({
     originalItemNeeded: Function
   },
   created() {
-    this.itemElement = null, this.prevFocusedItemId = this.$props.focusedItemId, this.isFirstRender = !0, this._anchor = F();
+    this.itemElement = null, this.prevFocusedItemId = this.$props.focusedItemId, this.isFirstRender = !0, this._anchor = D();
   },
   data() {
     return {
@@ -44,7 +44,7 @@ const K = /* @__PURE__ */ c({
     };
   },
   mounted() {
-    this.itemElement = L(this, "kendoAnchor");
+    this.itemElement = y(this, "kendoAnchor");
     const e = this.$props.focusedItemId, t = this.$props.item.id;
     e && e === t && this.itemElement && this.itemElement.focus(), this.isFirstRender = !1;
   },
@@ -72,7 +72,7 @@ const K = /* @__PURE__ */ c({
     },
     currentOpened() {
       const e = this.$props;
-      return this.hasItems && T(e.item.id, e.lastItemIdToBeOpened) && // HACK: Wait for the second render because otherwise the scenario of
+      return this.hasItems && S(e.item.id, e.lastItemIdToBeOpened) && // HACK: Wait for the second render because otherwise the scenario of
       // popup inside popup throws an error (for example, hover of item with id '0_0').
       !this.isFirstRender;
     },
@@ -81,7 +81,7 @@ const K = /* @__PURE__ */ c({
       return e === t;
     },
     popupClassName() {
-      return y({
+      return L({
         "k-menu-popup": !0,
         "k-overflow-visible": !0,
         "k-rtl": this.$props.isDirectionRightToLeft,
@@ -93,7 +93,7 @@ const K = /* @__PURE__ */ c({
       return {
         "k-item": !0,
         "k-menu-item": !0,
-        "k-first": S(e.id),
+        "k-first": T(e.id),
         "k-last": e.isLastFromSiblings,
         "k-disabled": e.disabled,
         [e.cssClass ? e.cssClass : ""]: e.cssClass
@@ -229,7 +229,7 @@ const K = /* @__PURE__ */ c({
       "aria-expanded": this.hasItems ? this.currentOpened : void 0,
       "aria-label": a,
       "aria-owns": this.currentOpened ? I(this.$props.menuGuid, s) : void 0,
-      ref: D(this, "kendoAnchor"),
+      ref: F(this, "kendoAnchor"),
       key: "0"
     }, [this.contentRender ? k.call(this) : v.call(this), O.call(this)]);
   },

package/package-metadata.js

@@ -5,4 +5,4 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e={name:"@progress/kendo-vue-layout",productName:"Kendo UI for Vue",productCode:"KENDOUIVUE",productCodes:["KENDOUIVUE"],publishDate: 1748961717,version:"6.4.1-develop.2",licensingDocsUrl:"https://www.telerik.com/kendo-vue-ui/components/my-license/?utm_medium=product&utm_source=vue&utm_campaign=kendo-ui-vue-purchase-license-keys-warning"};exports.packageMetadata=e;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e={name:"@progress/kendo-vue-layout",productName:"Kendo UI for Vue",productCode:"KENDOUIVUE",productCodes:["KENDOUIVUE"],publishDate: 1750421615,version:"6.4.2-develop.3",licensingDocsUrl:"https://www.telerik.com/kendo-vue-ui/components/my-license/?utm_medium=product&utm_source=vue&utm_campaign=kendo-ui-vue-purchase-license-keys-warning"};exports.packageMetadata=e;

package/package-metadata.mjs

@@ -10,8 +10,8 @@ const e = {
   productName: "Kendo UI for Vue",
   productCode: "KENDOUIVUE",
   productCodes: ["KENDOUIVUE"],
-  publishDate: 1748961717,
-  version: "6.4.1-develop.2",
+  publishDate: 1750421615,
+  version: "6.4.2-develop.3",
   licensingDocsUrl: "https://www.telerik.com/kendo-vue-ui/components/my-license/?utm_medium=product&utm_source=vue&utm_campaign=kendo-ui-vue-purchase-license-keys-warning"
 };
 export {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@progress/kendo-vue-layout",
-  "version": "6.4.1-develop.2",
+  "version": "6.4.2-develop.3",
   "description": "TODO",
   "author": "Progress",
   "license": "SEE LICENSE IN LICENSE.md",
@@ -19,11 +19,11 @@
   "sideEffects": false,
   "peerDependencies": {
     "@progress/kendo-licensing": "^1.4.0",
-    "@progress/kendo-vue-animation": "6.4.1-develop.2",
-    "@progress/kendo-vue-common": "6.4.1-develop.2",
-    "@progress/kendo-vue-intl": "6.4.1-develop.2",
-    "@progress/kendo-vue-popup": "6.4.1-develop.2",
-    "@progress/kendo-vue-progressbars": "6.4.1-develop.2",
+    "@progress/kendo-vue-animation": "6.4.2-develop.3",
+    "@progress/kendo-vue-common": "6.4.2-develop.3",
+    "@progress/kendo-vue-intl": "6.4.2-develop.3",
+    "@progress/kendo-vue-popup": "6.4.2-develop.3",
+    "@progress/kendo-vue-progressbars": "6.4.2-develop.3",
     "@progress/kendo-svg-icons": "^4.0.0",
     "vue": "^3.0.2"
   },
@@ -44,7 +44,7 @@
     "package": {
       "productName": "Kendo UI for Vue",
       "productCode": "KENDOUIVUE",
-      "publishDate": 1748961717,
+      "publishDate": 1750421615,
       "licensingDocsUrl": "https://www.telerik.com/kendo-vue-ui/components/my-license/?utm_medium=product&utm_source=vue&utm_campaign=kendo-ui-vue-purchase-license-keys-warning"
     }
   },

package/panelbar/PanelBar.mjs

@@ -7,8 +7,8 @@
  */
 import { defineComponent as u, createVNode as l, h as p } from "vue";
 import { PanelBarItem as h } from "./PanelBarItem.mjs";
-import { getInitialState as m, getFirstId as f, renderChildren as y, flatChildren as k, isArrayEqual as x, flatVisibleChildren as g } from "./util.mjs";
-import { validatePackage as v, shouldShowValidationUI as I, classNames as P, WatermarkOverlay as S, Keys as n } from "@progress/kendo-vue-common";
+import { flatVisibleChildren as m, flatChildren as f, isArrayEqual as y, renderChildren as k, getInitialState as x, getFirstId as g } from "./util.mjs";
+import { Keys as n, classNames as v, WatermarkOverlay as I, validatePackage as P, shouldShowValidationUI as S } from "@progress/kendo-vue-common";
 import { packageMetadata as o } from "../package-metadata.mjs";
 import { NavigationAction as s } from "./interfaces/NavigationAction.mjs";
 const $ = /* @__PURE__ */ u({
@@ -41,11 +41,11 @@ const $ = /* @__PURE__ */ u({
     keepItemsMounted: Boolean
   },
   created() {
-    this.activeDescendant = null, v(o), this.showLicenseWatermark = I(o);
+    this.activeDescendant = null, P(o), this.showLicenseWatermark = S(o);
   },
   data() {
-    const e = m(this.$props, this.expandMode);
-    return e.currentFocused || (e.currentFocused = f(this.$props)), e;
+    const e = x(this.$props, this.expandMode);
+    return e.currentFocused || (e.currentFocused = g(this.$props)), e;
   },
   computed: {
     selectedItem() {
@@ -69,7 +69,7 @@ const $ = /* @__PURE__ */ u({
         expanded: this.expandedItems,
         handleSelect: this.handleSelect
       };
-      return y.call(this, this.items, i);
+      return k.call(this, this.items, i);
     }
   },
   provide() {
@@ -78,7 +78,7 @@ const $ = /* @__PURE__ */ u({
     };
   },
   render() {
-    const e = P("k-panelbar", this.$props.className), i = this.showLicenseWatermark ? l(S, null, null) : null;
+    const e = v("k-panelbar", this.$props.className), i = this.showLicenseWatermark ? l(I, null, null) : null;
     return l("ul", {
       dir: this.$props.dir,
       role: "tree",
@@ -100,7 +100,7 @@ const $ = /* @__PURE__ */ u({
       this.onSelect(e), this.onFocus(e);
     },
     onSelect(e) {
-      const i = k(this.computedItems);
+      const i = f(this.computedItems);
       let t, a;
       if (i.forEach((r) => {
         r.uniquePrivateKey === (e.uniquePrivateKey || this.currentFocused) && (t = r);
@@ -108,7 +108,7 @@ const $ = /* @__PURE__ */ u({
         let r;
         switch (this.expandMode) {
           case "single":
-            a = [...t.parentUniquePrivateKey, t.uniquePrivateKey], x(this.expandedItems, a) && (t.parentUniquePrivateKey ? a = [...t.parentUniquePrivateKey] : a = []);
+            a = [...t.parentUniquePrivateKey, t.uniquePrivateKey], y(this.expandedItems, a) && (t.parentUniquePrivateKey ? a = [...t.parentUniquePrivateKey] : a = []);
             break;
           case "multiple":
             a = this.expandedItems.slice(), r = a.indexOf(t.uniquePrivateKey), r === -1 ? a.push(t.uniquePrivateKey) : a.splice(r, 1);
@@ -124,7 +124,7 @@ const $ = /* @__PURE__ */ u({
       }
     },
     onFocus(e, i = 0) {
-      const t = g(this.computedItems);
+      const t = m(this.computedItems);
       let a;
       t.forEach((r, d) => {
         if (r.uniquePrivateKey === (e.uniquePrivateKey || this.currentFocused)) {

package/splitter/Splitter.mjs

@@ -8,7 +8,7 @@
 import { defineComponent as b, createVNode as D } from "vue";
 import { SplitterPane as E } from "./SplitterPane.mjs";
 import { SplitterBar as T } from "./SplitterBar.mjs";
-import { isRtl as $, validatePackage as y, classNames as R, templateRendering as k, getListeners as w } from "@progress/kendo-vue-common";
+import { classNames as $, validatePackage as y, isRtl as R, templateRendering as k, getListeners as w } from "@progress/kendo-vue-common";
 import { packageMetadata as B } from "../package-metadata.mjs";
 const C = {
   collapsible: !1,
@@ -29,7 +29,7 @@ const C = {
     defaultPanes: Array
   },
   mounted() {
-    this.currentRtl = $(this.$el);
+    this.currentRtl = R(this.$el);
   },
   emits: {
     change: null
@@ -59,7 +59,7 @@ const C = {
     };
   },
   render() {
-    const e = this.panesOptions(), n = R("k-widget", "k-splitter", "k-splitter-flex", `k-splitter-${this.orientation}`);
+    const e = this.panesOptions(), n = $("k-widget", "k-splitter", "k-splitter-flex", `k-splitter-${this.orientation}`);
     return this.validatePanes(e), D("div", {
       class: n
     }, [function(s) {

package/splitter/SplitterBar.mjs

@@ -6,10 +6,10 @@
  *-------------------------------------------------------------------------------------------
  */
 import { defineComponent as v, createVNode as r } from "vue";
-import { classNames as x, Draggable as w, Icon as u, Keys as n } from "@progress/kendo-vue-common";
+import { Keys as n, classNames as x, Draggable as w, Icon as u } from "@progress/kendo-vue-common";
 import { provideLocalizationService as k } from "@progress/kendo-vue-intl";
 import { splitterPaneLabel as b, messages as $ } from "../messages/main.mjs";
-import { caretAltRightIcon as c, caretAltLeftIcon as p, caretAltUpIcon as f, caretAltDownIcon as m } from "@progress/kendo-svg-icons";
+import { caretAltLeftIcon as c, caretAltRightIcon as p, caretAltDownIcon as f, caretAltUpIcon as m } from "@progress/kendo-svg-icons";
 const C = /* @__PURE__ */ v({
   name: "KendoSplitterBar",
   emits: {
@@ -166,7 +166,7 @@ const C = /* @__PURE__ */ v({
       const {
         prev: s
       } = this.$props, e = s.collapsed;
-      return t && !e ? this.isRtl ? c : p : t && e ? this.isRtl ? p : c : !t && !e ? f : !t && e ? m : void 0;
+      return t && !e ? this.isRtl ? p : c : t && e ? this.isRtl ? c : p : !t && !e ? m : !t && e ? f : void 0;
     },
     nextArrowName(t) {
       const {
@@ -178,7 +178,7 @@ const C = /* @__PURE__ */ v({
       const {
         next: s
       } = this.$props, e = s.collapsed;
-      return t && !e ? this.isRtl ? p : c : t && e ? this.isRtl ? c : p : !t && !e ? m : !t && e ? f : void 0;
+      return t && !e ? this.isRtl ? c : p : t && e ? this.isRtl ? p : c : !t && !e ? f : !t && e ? m : void 0;
     }
   }
 });

package/stacklayout/StackLayout.mjs

@@ -7,7 +7,7 @@
  */
 import { defineComponent as s, createVNode as n } from "vue";
 import { packageMetadata as e } from "../package-metadata.mjs";
-import { validatePackage as r, guid as o, getDefaultSlots as a } from "@progress/kendo-vue-common";
+import { getDefaultSlots as r, validatePackage as o, guid as a } from "@progress/kendo-vue-common";
 const p = /* @__PURE__ */ s({
   name: "KendoStackLayout",
   props: {
@@ -30,7 +30,7 @@ const p = /* @__PURE__ */ s({
     }
   },
   created() {
-    r(e), this.layoutId = o();
+    o(e), this.layoutId = a();
   },
   computed: {
     hAlign() {
@@ -64,7 +64,7 @@ const p = /* @__PURE__ */ s({
     }
   },
   render() {
-    const i = a(this), {
+    const i = r(this), {
       id: t
     } = this.$props;
     return n("div", {

package/stepper/Step.mjs

@@ -5,8 +5,8 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-import { defineComponent as j, inject as D, createVNode as n } from "vue";
-import { getDefaultSlots as V, Icon as S, getIconName as M, focusFirstFocusableChild as T } from "@progress/kendo-vue-common";
+import { defineComponent as j, createVNode as n, inject as D } from "vue";
+import { focusFirstFocusableChild as V, getDefaultSlots as M, Icon as S, getIconName as T } from "@progress/kendo-vue-common";
 import { provideLocalizationService as w } from "@progress/kendo-vue-intl";
 import { checkOutlineIcon as _, exclamationCircleIcon as U } from "@progress/kendo-svg-icons";
 import { DEFAULT_ANIMATION_DURATION as K, NO_ANIMATION as R } from "./contants.mjs";
@@ -94,7 +94,7 @@ const Z = /* @__PURE__ */ j({
     };
   },
   render() {
-    const e = V(this), {
+    const e = M(this), {
       current: o,
       disabled: r,
       focused: l,
@@ -117,7 +117,7 @@ const Z = /* @__PURE__ */ j({
       errorSvgIcon: B
     } = this.$props, C = !g || c === u - 1 || c === u || c === u + 1, k = h === "labels" || (!!t || !!s) && !!a, F = w(this), L = ((b) => F.toLanguageString(b, W[b]))(q), $ = typeof d == "number" ? d : d !== !1 ? K : R, z = i ? x || "check-circle" : O || "exclamation-circle", y = i ? N || _ : B || U, p = n(S, {
       class: "k-step-indicator-icon",
-      name: M(z),
+      name: T(z),
       icon: y,
       "aria-hidden": "true"
     }, null), A = function() {
@@ -160,7 +160,7 @@ const Z = /* @__PURE__ */ j({
   },
   methods: {
     focus() {
-      this.$el && T(this.$el);
+      this.$el && V(this.$el);
     },
     handleClick(e) {
       this.disabled || this.$emit("change", {